/* Additional Analysblad worksheet styles. Scoped to the worksheet shell. */
.wb-shell .wbx-mode {
  display:flex;gap:0;flex-wrap:wrap;margin:0 0 15px;
  border:1px solid #cbd7d1;border-radius:5px;overflow:hidden;width:fit-content;
}
.wb-shell .wbx-mode-btn {
  min-height:40px;border:0;border-right:1px solid #cbd7d1;
  color:#506579;background:#f6f9f7;font-size:12px;font-weight:650;padding:10px 16px;
}
.wb-shell .wbx-mode-btn:last-child {border-right:0}
.wb-shell .wbx-mode-btn.active {background:#24734f;color:#fff}
.wb-shell .wbx-mode-btn:hover:not(.active) {background:#e3efea}
.wb-shell .wbx-risk-grid,.wb-shell .wbx-match-grid {table-layout:fixed}
.wb-shell .wbx-risk-grid thead th,.wb-shell .wbx-match-grid thead th {min-width:46px}
.wb-shell .wbx-risk-grid tbody td,.wb-shell .wbx-match-grid tbody td {height:51px;padding:0}
.wb-shell .wbx-cell,.wb-shell .wbx-match-cell {
  display:grid;place-items:center;width:100%;min-height:51px;height:100%;
  appearance:none;border:0;color:#677e88;background:#fff;
  font:700 15px Consolas,"SFMono-Regular",monospace;
  transition:background .12s ease;
}
.wb-shell .wbx-cell:hover:not(:disabled),.wb-shell .wbx-match-cell:hover:not(:disabled) {
  background:#edf5ef;color:#1d5e3a;
}
.wb-shell .wbx-cell:disabled,.wb-shell .wbx-match-cell:disabled {cursor:default;opacity:1}
.wb-shell .wbx-cell.wbx-safe {background:#eaf5eb;color:#375d43}
.wb-shell .wbx-cell.wbx-mark {background:#fff3dc;color:#906228}
.wb-shell .wbx-cell.wbx-risk {background:#f9e8e4;color:#9d4a3b}
.wb-shell .wbx-match-cell {font-size:14px;letter-spacing:1px}
.wb-shell .wbx-match-cell.wbx-showing {background:#fdf1d8;color:#845c23}
.wb-shell .wbx-match-cell.wbx-paired {background:#dff1e4;color:#186039}
.wb-shell .wbx-merge-layout {
  display:grid;grid-template-columns:minmax(0,1fr) 185px;
  align-items:start;gap:17px;
}
.wb-shell .wbx-merge-grid {table-layout:fixed;width:100%}
.wb-shell .wbx-merge-grid td {padding:5px;background:#f7faf7;border-color:#d8e5dc;height:72px}
.wb-shell .wbx-merge-grid th {min-width:36px}
.wb-shell .wbx-number {
  display:grid;place-items:center;width:100%;min-height:60px;
  border-radius:5px;font:750 21px Consolas,"SFMono-Regular",monospace;
  color:#32634b;background:#dcece1;
}
.wb-shell .wbx-number.wbx-empty {background:#eef2f0}
.wb-shell .wbx-number.wbx-n-4 {background:#d2e8dc}
.wb-shell .wbx-number.wbx-n-8 {background:#c6e5d1}
.wb-shell .wbx-number.wbx-n-16 {background:#bce0cd}
.wb-shell .wbx-number.wbx-n-32 {background:#aed9c5}
.wb-shell .wbx-number.wbx-n-64 {background:#a4d6bf}
.wb-shell .wbx-number.wbx-n-128 {background:#95ceb2;color:#1c5539}
.wb-shell .wbx-number.wbx-n-256 {background:#8cc9ad;color:#174e35}
.wb-shell .wbx-number.wbx-n-512 {background:#72b994;color:#123e2b}
.wb-shell .wbx-number.wbx-n-1024 {background:#53a77b;color:#fff}
.wb-shell .wbx-number.wbx-n-2048 {background:#24734f;color:#fff}
.wb-shell .wbx-controls {
  padding:14px;border:1px solid #d6e0d9;background:#f7faf8;
  display:grid;justify-items:center;gap:13px;
}
.wb-shell .wbx-controls > span {
  text-align:center;font-size:10px;letter-spacing:.8px;font-weight:800;color:#6d8475;
}
.wb-shell .wbx-arrows {
  display:grid;grid-template-columns:repeat(3,46px);
  grid-template-rows:repeat(2,46px);gap:5px;
}
.wb-shell .wbx-arrows > button {
  background:#e3efe7;color:#246744;border:1px solid #adc9b7;
  border-radius:5px;font-size:24px;font-weight:700;
}
.wb-shell .wbx-arrows > button:hover:not(:disabled) {background:#cbdfd0}
.wb-shell .wbx-arrows > button:disabled {cursor:not-allowed;opacity:.4}
.wb-shell .wbx-controls p {
  font-size:11px;color:#788d7e;text-align:center;margin:0;line-height:1.5;
}
.wb-shell .wbx-code-form {
  max-width:570px;background:#f8fbfa;border:1px solid #d5e1d8;
  padding:15px;margin-bottom:16px;display:grid;gap:8px;
}
.wb-shell .wbx-code-form label {font-size:12px;color:#4e6573;font-weight:650}
.wb-shell .wbx-code-row {display:flex;align-items:center;gap:9px}
.wb-shell .wbx-code-row input {
  color:#264639;background:#fff;border:1px solid #b8cabf;
  border-radius:4px;min-height:42px;padding:10px 12px;max-width:140px;width:100%;
  font:750 18px Consolas,"SFMono-Regular",monospace;letter-spacing:3px;
}
.wb-shell .wbx-code-table {text-align:center;table-layout:fixed}
.wb-shell .wbx-code-table td {height:38px;font-size:12px;padding:9px}
.wb-shell .wbx-code-table thead th {min-width:90px;white-space:normal}
.wb-shell .wbx-code-table .wbx-no-history {font-family:inherit;color:#82929c}
@media (max-width:780px) {
  .wb-shell .wbx-merge-layout {grid-template-columns:1fr}
  .wb-shell .wbx-controls {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
  .wb-shell .wbx-controls > span {width:100%}
  .wb-shell .wbx-arrows {margin:0 auto}
  .wb-shell .wbx-controls p {width:100%}
}
@media (max-width:460px) {
  .wb-shell .wbx-risk-grid td,.wb-shell .wbx-match-grid td {min-width:42px}
  .wb-shell .wbx-risk-grid thead th {min-width:42px}
  .wb-shell .wbx-cell,.wb-shell .wbx-match-cell {min-height:45px;font-size:13px}
  .wb-shell .wbx-merge-grid td {height:55px;padding:3px}
  .wb-shell .wbx-number {min-height:47px;font-size:16px}
  .wb-shell .wbx-code-row {flex-wrap:wrap}
  .wb-shell .wbx-code-row input,.wb-shell .wbx-code-row button {max-width:none;width:100%}
}