/* Atlas Core slab barcode workflow. All selectors are deliberately scoped. */
.atlas-barcode-dialog [hidden], .atlas-barcode-tools-button[hidden] { display:none!important; }
.atlas-barcode-trigger {
  display:inline-flex; align-items:center; justify-content:center;
}
.atlas-barcode-trigger svg { display:block; width:1em; height:1em; flex:none; }
.atlas-barcode-tools-button {
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  min-height:38px; padding:7px 12px; border:1px solid var(--foreground-1,#fff); border-radius:5px;
  color:var(--foreground-1,#fff); background:var(--background-2,#0a1826); font-family:inherit; font-size:.82rem; font-weight:600; cursor:pointer;
}
.atlas-barcode-tools-button svg { display:block; width:18px; height:18px; flex:0 0 18px; }
.atlas-barcode-tools-button:hover { border-color:var(--accent-1,#4f6bff); }
.atlas-barcode-overlay {
  position:fixed; inset:0; z-index:10040; display:flex; align-items:center; justify-content:center;
  padding:12px; background:rgba(18,31,29,.58);
}
.atlas-barcode-overlay[hidden] { display:none; }
.atlas-barcode-dialog {
  box-sizing:border-box; display:flex; flex-direction:column; width:min(760px,100%);
  max-height:calc(100dvh - 24px); overflow:hidden; border:1px solid var(--foreground-1,#fff); border-radius:10px;
  background:var(--background-1,#030522); color:var(--foreground-1,#fff); box-shadow:0 18px 50px rgba(0,0,0,.4);
}
.atlas-barcode-dialog--wide { width:min(1100px,100%); }
.atlas-barcode-header {
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex:0 0 auto;
  padding:13px 16px; border-bottom:1px solid #475569; background:var(--background-2,#0a1826);
}
.atlas-barcode-header h2 { min-width:0; margin:0; font-size:1rem; line-height:1.35; }
.atlas-barcode-header--tools { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr); }
.atlas-barcode-header--tools h2 { text-align:center; overflow-wrap:anywhere; }
.atlas-barcode-header--tools .atlas-barcode-back { justify-self:start; max-width:100%; white-space:normal; }
.atlas-barcode-header--tools .atlas-barcode-close { justify-self:end; }
.atlas-barcode-heading { display:flex; align-items:center; gap:11px; min-width:0; }
.atlas-barcode-heading > :last-child { min-width:0; }
.atlas-barcode-back {
  display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:0 0 auto;
  min-height:40px; padding:7px 11px; border:1px solid #64748b; border-radius:6px;
  color:var(--foreground-1,#fff); background:transparent; font-family:inherit; font-size:.8rem; font-weight:600; line-height:1.2; cursor:pointer;
}
.atlas-barcode-back:hover { border-color:var(--accent-1,#4f6bff); background:var(--background-1,#030522); }
.atlas-barcode-back svg { width:16px; height:16px; flex:0 0 16px; }
.atlas-barcode-close {
  flex:0 0 44px; width:44px; height:44px; border:1px solid #475569; border-radius:6px;
  color:var(--foreground-1,#fff); background:transparent; font-size:1.35rem; cursor:pointer;
}
.atlas-barcode-tabs { display:flex; flex:0 0 auto; gap:5px; padding:9px 14px 0; border-bottom:1px solid #475569; }
.atlas-barcode-tabs button, .atlas-barcode-btn {
  min-height:42px; padding:8px 12px; border:1px solid #64748b; border-radius:6px;
  background:var(--background-2,#0a1826); color:var(--foreground-1,#fff); font-family:inherit; font-size:.82rem; font-weight:600; cursor:pointer;
}
.atlas-barcode-tabs [aria-selected="true"], .atlas-barcode-btn--primary {
  border-color:var(--accent-1,#4f6bff); background:var(--accent-1,#4f6bff); color:#fff;
}
.atlas-barcode-btn:disabled, .atlas-barcode-close:disabled { opacity:.48; cursor:not-allowed; }
.atlas-barcode-scroll { min-height:0; overflow:auto; padding:14px; }
.atlas-barcode-panel[hidden] { display:none; }
.atlas-barcode-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 16px; margin:0 0 14px; }
.atlas-barcode-detail { min-width:0; padding:7px 9px; border-left:2px solid #64748b; background:transparent; }
.atlas-barcode-detail dt { color:var(--foreground-1,#fff); font-size:.67rem; letter-spacing:.06em; text-transform:uppercase; }
.atlas-barcode-detail dd { margin:3px 0 0; overflow-wrap:anywhere; font-size:.83rem; }
.atlas-barcode-form { display:grid; gap:11px; }
.atlas-barcode-form label, .atlas-barcode-filters label {
  display:flex; flex-direction:column; gap:5px; color:var(--foreground-1,#fff); font-size:.76rem; font-weight:600;
}
.atlas-barcode-form input:not([type=checkbox]), .atlas-barcode-form textarea,
.atlas-barcode-filters input, .atlas-barcode-filters select, .atlas-barcode-layout select {
  box-sizing:border-box; width:100%; min-height:42px; padding:8px 10px;
  border:1px solid #64748b; border-radius:5px; background:var(--background-2,#0a1826); color:var(--foreground-1,#fff); font:inherit;
}
.atlas-barcode-form textarea { min-height:72px; resize:vertical; }
.atlas-barcode-check { display:flex!important; align-items:center; flex-direction:row!important; min-height:44px; cursor:pointer; }
.atlas-barcode-check input { width:19px; height:19px; accent-color:var(--accent-1,#4f6bff); }
.atlas-barcode-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
.atlas-barcode-primary-actions { flex-wrap:nowrap; }
.atlas-barcode-primary-actions > button { flex:1 1 0; min-width:0; }
.atlas-barcode-notice, .atlas-barcode-error, .atlas-barcode-success {
  padding:9px 11px; margin:8px 0; border-radius:5px; font-size:.81rem; line-height:1.45;
}
.atlas-barcode-notice { border-left:3px solid #e5b454; background:rgba(229,180,84,.08); color:var(--foreground-1,#fff); }
.atlas-barcode-error { border-left:3px solid #f87171; background:rgba(248,113,113,.08); color:var(--foreground-1,#fff); }
.atlas-barcode-success { border-left:3px solid #4ade80; background:rgba(74,222,128,.08); color:var(--foreground-1,#fff); }
.atlas-barcode-preview { display:flex; flex-direction:column; align-items:center; gap:9px; padding:18px 12px; background:#fff; color:#17231d; border:1px solid #d4ddd7; }
.atlas-barcode-preview svg { display:block; width:min(100%,560px); height:auto; max-height:250px; }
.atlas-barcode-preview figcaption { font-size:.82rem; text-align:center; }
.atlas-barcode-camera video { width:100%; max-height:32dvh; background:#17231d; }
.atlas-barcode-history-item { padding:10px 0; border-bottom:1px solid #475569; font-size:.81rem; }
.atlas-barcode-history-item summary { min-height:36px; cursor:pointer; }
.atlas-barcode-history-item p { overflow-wrap:anywhere; }
.atlas-barcode-history-item pre { white-space:pre-wrap; overflow-wrap:anywhere; font: .72rem/1.45 ui-monospace,monospace; }
.atlas-barcode-tools-controls { display:grid; gap:10px; }
.atlas-barcode-tools-tabs { flex:0 0 auto; }
.atlas-barcode-tools-tabs button { flex:0 0 auto; }
.atlas-barcode-tools-tabs button:hover, .atlas-barcode-btn:hover:not(:disabled) { border-color:var(--accent-1,#4f6bff); filter:brightness(1.08); }
.atlas-barcode-tools-tabs button:focus-visible, .atlas-barcode-btn:focus-visible { outline:2px solid var(--accent-1,#4f6bff); outline-offset:2px; }
[data-tools-panel][hidden] { display:none!important; }
.atlas-barcode-dialog--wide > [data-tools-panel] { display:flex; flex:1 1 auto; flex-direction:column; min-height:0; overflow:hidden; }
.atlas-barcode-dialog--wide > [data-tools-panel] > .atlas-barcode-scroll { flex:1 1 auto; min-height:0; }
.atlas-den-panel-scroll { height:100%; box-sizing:border-box; }
.atlas-den-tools { display:grid; gap:12px; }
.atlas-den-actions { display:flex; flex-wrap:wrap; gap:8px; }
.atlas-den-actions button { min-width:min(220px,100%); }
.atlas-den-layout { display:flex; align-items:center; gap:8px; max-width:340px; color:var(--foreground-1,#fff); font-size:.78rem; }
.atlas-den-layout select { box-sizing:border-box; min-height:42px; padding:8px 10px; border:1px solid #64748b; border-radius:5px; background:var(--background-2,#0a1826); color:var(--foreground-1,#fff); font:inherit; }
.atlas-den-filters { grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)); }
.atlas-den-content { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.85fr); gap:12px; align-items:start; }
.atlas-den-list { max-height:46dvh; min-height:120px; overflow:auto; border:1px solid #475569; border-radius:6px; }
.atlas-den-list ul { list-style:none; margin:0; padding:0; }
.atlas-den-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px 10px; border-bottom:1px solid #475569; }
.atlas-den-row:last-child { border-bottom:0; }
.atlas-den-row-select { display:flex; align-items:center; gap:9px; min-width:0; cursor:pointer; }
.atlas-den-row-select input { width:19px; height:19px; flex:0 0 auto; accent-color:var(--accent-1,#4f6bff); }
.atlas-den-row-copy { min-width:0; }
.atlas-den-row-copy strong, .atlas-den-row-copy small { display:block; overflow-wrap:anywhere; }
.atlas-den-row-copy strong { font-size:.82rem; }
.atlas-den-row-copy small { margin-top:3px; color:#c3d0dc; font-size:.72rem; line-height:1.35; }
.atlas-den-preview-button { min-height:38px; padding:6px 9px; }
.atlas-den-preview-wrap { position:sticky; top:0; min-width:0; }
.atlas-den-preview-wrap h3 { margin:0 0 8px; font-size:.83rem; }
.atlas-den-preview { display:flex; min-height:170px; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:14px; border:1px solid #d4ddd7; border-radius:5px; background:#fff; color:#17231d; text-align:center; }
.atlas-den-preview svg { display:block; width:min(100%,380px); height:auto; max-height:180px; }
.atlas-den-preview p { margin:0; font-size:.78rem; line-height:1.4; overflow-wrap:anywhere; }
.atlas-den-empty { display:grid; gap:6px; padding:18px; color:var(--foreground-1,#fff); font-size:.82rem; }
.atlas-den-empty span { color:#c3d0dc; font-size:.76rem; }
.atlas-den-skeleton { display:grid; gap:9px; padding:14px; }
.atlas-den-skeleton span { height:18px; border-radius:4px; background:#33485b; animation:atlas-barcode-pulse 1.15s ease-in-out infinite alternate; }
.atlas-den-skeleton span:nth-child(2) { width:78%; }
.atlas-den-skeleton span:nth-child(3) { width:55%; height:42px; }
.atlas-barcode-filters { display:grid; grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr)); gap:8px; }
.atlas-barcode-filters label { min-width:0; }
.atlas-barcode-filters .atlas-barcode-number-filter { grid-column:span 2; }
.atlas-barcode-filters select { max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.atlas-barcode-list { max-height:35dvh; overflow:auto; border:1px solid var(--foreground-1,#fff); border-radius:6px; }
.atlas-barcode-list table { width:100%; border-collapse:collapse; font-size:.78rem; }
.atlas-barcode-list th, .atlas-barcode-list td { padding:8px; border-bottom:1px solid #475569; text-align:left; }
.atlas-barcode-list th { position:sticky; top:0; background:var(--background-2,#0a1826); color:var(--foreground-1,#fff); }
.atlas-barcode-list td small { display:block; margin-top:3px; color:#c3d0dc; }
.atlas-barcode-list td:nth-child(3) { min-width:125px; color:#d8e5e1; }
.atlas-barcode-list td:first-child { width:42px; }
.atlas-barcode-row-actions {
  display:flex; flex-wrap:nowrap; align-items:center; gap:6px; min-width:max-content;
}
.atlas-barcode-row-actions > .atlas-barcode-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:0 0 auto;
  min-height:38px; padding:6px 9px; white-space:nowrap; font-size:.75rem; line-height:1.15;
}
.atlas-barcode-row-actions > .atlas-barcode-btn svg {
  display:block; width:16px; height:16px; flex:0 0 16px;
}
.atlas-barcode-row-actions [data-review-id] svg { color:#55c7a1; }
.atlas-barcode-row-actions [data-inventory-id] svg { color:#e5b454; }
.atlas-barcode-selection { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.atlas-barcode-selection-summary { display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; min-width:0; }
.atlas-barcode-selection-options { display:flex; align-items:center; flex-wrap:wrap; gap:0 12px; }
.atlas-barcode-selection-options label { display:flex; align-items:center; gap:7px; min-height:44px; font-size:.78rem; cursor:pointer; }
.atlas-barcode-selection-options input { width:19px; height:19px; flex:0 0 auto; margin:0; accent-color:var(--accent-1,#4f6bff); }
.atlas-barcode-selection-summary [data-selection-count] { white-space:nowrap; }
.atlas-barcode-selection p { margin:0; font-size:.8rem; }
.atlas-barcode-layout { display:flex; align-items:center; gap:8px; max-width:320px; color:var(--foreground-1,#fff); font-size:.78rem; }
.atlas-barcode-confirm { padding:10px; margin-top:9px; border:1px solid var(--accent-1,#4f6bff); border-radius:6px; background:var(--background-2,#0a1826); }
.atlas-barcode-confirm p { margin:3px 0 8px; font-size:.82rem; }
.atlas-barcode-job {
  min-width:0; padding:10px 12px; margin-top:8px; border:1px solid #526d77; border-radius:6px;
  background:rgba(50,88,95,.18); color:var(--foreground-1,#fff); font-size:.78rem; line-height:1.4;
}
.atlas-barcode-job__line { display:flex; align-items:center; justify-content:space-between; gap:9px; min-width:0; }
.atlas-barcode-job__line > * { min-width:0; overflow-wrap:anywhere; }
.atlas-barcode-job progress { display:block; width:100%; height:8px; margin:8px 0; accent-color:var(--accent-1,#4f6bff); }
.atlas-barcode-job__totals { display:flex; flex-wrap:wrap; gap:5px 16px; color:#d0dcda; font-size:.73rem; }
.atlas-barcode-job p { margin:6px 0 0; overflow-wrap:anywhere; }
.atlas-barcode-job__error { color:#ffd0cb; }
.atlas-barcode-job details { margin-top:7px; }
.atlas-barcode-job summary { min-height:32px; display:flex; align-items:center; cursor:pointer; }
.atlas-barcode-job ul { margin:5px 0 0; padding-left:20px; }
.atlas-barcode-job li { margin:4px 0; overflow-wrap:anywhere; }
.atlas-barcode-job li span { font-weight:700; }
.atlas-barcode-page { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px; font-size:.77rem; }
.atlas-barcode-skeleton { display:grid; gap:10px; }
.atlas-barcode-skeleton span { height:17px; border-radius:4px; background:#dfe8e2; animation:atlas-barcode-pulse 1.15s ease-in-out infinite alternate; }
.atlas-barcode-skeleton span:nth-child(2) { width:78%; }
.atlas-barcode-skeleton span:nth-child(3) { width:55%; height:46px; }
@keyframes atlas-barcode-pulse { to { opacity:.43; } }
#inventory .atlas-barcode-tools-button { white-space:nowrap; }
#inventory .filters { align-items:center; }
#inventory .inventory-view-controls .filters { display:flex; flex-wrap:wrap; gap:8px; }
.atlas-barcode-overlay :focus-visible { outline:2px solid #467765; outline-offset:2px; }
@media(max-width:700px) {
  .atlas-barcode-tools-tabs { padding-right:10px; padding-left:10px; }
  .atlas-barcode-tools-tabs button { flex:1 1 0; min-width:0; padding:8px 7px; }
  .atlas-den-content { grid-template-columns:1fr; }
  .atlas-den-preview-wrap { position:static; }
  .atlas-den-preview { min-height:140px; }
  .atlas-den-row { grid-template-columns:minmax(0,1fr) auto; gap:7px; }
  .atlas-den-preview-button { grid-column:2; grid-row:1; }
  .atlas-den-actions { display:grid; grid-template-columns:1fr; }
  .atlas-den-actions button { width:100%; }
  .atlas-den-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .atlas-den-filters label:first-child { grid-column:1/-1; }
  .atlas-barcode-overlay { padding:0; align-items:flex-end; }
  .atlas-barcode-dialog, .atlas-barcode-dialog--wide { width:100%; max-height:100dvh; height:100dvh; border-radius:10px 10px 0 0; }
  .atlas-barcode-header { padding:10px 12px; }
  .atlas-barcode-heading { gap:8px; }
  .atlas-barcode-heading h2 { overflow-wrap:anywhere; }
  .atlas-barcode-back { min-height:44px; padding:8px 10px; }
  .atlas-barcode-scroll { padding:12px; }
  .atlas-barcode-details { grid-template-columns:1fr 1fr; gap:6px; }
  .atlas-barcode-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .atlas-barcode-filters .atlas-barcode-number-filter { grid-column:span 1; }
  .atlas-barcode-filters label:first-child { grid-column:1/-1; }
  .atlas-barcode-selection { align-items:flex-start; flex-direction:column; }
  .atlas-barcode-selection-summary { width:100%; }
  .atlas-barcode-selection-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:0 12px; }
  .atlas-barcode-selection-options label { min-width:0; line-height:1.3; }
  .atlas-barcode-page { width:100%; box-sizing:border-box; padding:0; }
  .atlas-barcode-primary-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .atlas-barcode-list { max-height:34dvh; }
  .atlas-barcode-list table { min-width:680px; }
  .atlas-barcode-row-actions { gap:5px; }
  .atlas-barcode-row-actions > .atlas-barcode-btn { min-height:44px; padding:7px 9px; }
  #inventory .inventory-view-controls .filters > * { flex:1 1 145px; min-width:0; }
  .atlas-barcode-actions > button, .atlas-barcode-tabs > button { flex:1 1 auto; }
  .atlas-barcode-job__line { align-items:flex-start; flex-wrap:wrap; }
  .atlas-barcode-job__totals { gap:5px 12px; }
}

/* Searchable den-number chooser; native select remains the source of truth. */
.atlas-den-picker { position:relative; min-width:0; }
.atlas-den-picker > #atlasDenNumberLabel {
  display:block; margin-bottom:5px; color:var(--foreground-1,#fff); font-size:.76rem; font-weight:600;
}
.atlas-den-picker__native { display:none!important; }
.atlas-den-picker__control { position:relative; min-width:0; }
.atlas-den-picker__toggle {
  box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; min-height:42px; padding:8px 10px; border:1px solid #64748b; border-radius:5px;
  background:var(--background-2,#0a1826); color:var(--foreground-1,#fff); font:inherit; text-align:left; cursor:pointer;
}
.atlas-den-picker__toggle:hover, .atlas-den-picker__toggle[aria-expanded="true"] { border-color:var(--accent-1,#4f6bff); }
.atlas-den-picker__toggle:disabled { opacity:.55; cursor:not-allowed; }
.atlas-den-picker__value { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.atlas-den-picker__chevron {
  width:8px; height:8px; flex:0 0 8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg); opacity:.8;
}
.atlas-den-picker--open .atlas-den-picker__chevron { transform:translateY(2px) rotate(225deg); }
.atlas-den-picker__popup {
  position:fixed; z-index:10060; box-sizing:border-box; display:flex; flex-direction:column; gap:7px; min-height:0;
  padding:9px; overflow:hidden; border:1px solid #64748b; border-radius:7px;
  background:var(--background-1,#030522); color:var(--foreground-1,#fff); box-shadow:0 12px 30px rgba(0,0,0,.36);
}
.atlas-den-picker__popup[hidden] { display:none; }
.atlas-den-picker__search-wrap { display:block; flex:0 0 auto; }
.atlas-den-picker__search-wrap input {
  box-sizing:border-box; width:100%; min-height:44px; padding:9px 10px; border:1px solid #64748b; border-radius:5px;
  background:var(--background-2,#0a1826); color:var(--foreground-1,#fff); font:inherit;
}
.atlas-den-picker__results { min-height:0; overflow:auto; overscroll-behavior:contain; }
.atlas-den-picker__option {
  display:block; width:100%; min-height:40px; padding:8px 10px; border:0; border-radius:4px;
  background:transparent; color:var(--foreground-1,#fff); font:inherit; text-align:left; cursor:pointer;
}
.atlas-den-picker__option:hover, .atlas-den-picker__option[data-active="true"] { background:var(--background-2,#0a1826); }
.atlas-den-picker__option[aria-selected="true"] { color:var(--accent-1,#4f6bff); font-weight:700; }
.atlas-den-picker__option:disabled { opacity:.45; cursor:not-allowed; }
.atlas-den-picker__message { flex:0 0 auto; margin:0; padding:6px 3px 1px; color:var(--foreground-1,#fff); font-size:.74rem; line-height:1.4; opacity:.82; }
.atlas-den-picker__sr-only {
  position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important;
  overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important;
}
.atlas-barcode-overlay :is(.atlas-den-picker__toggle,.atlas-den-picker__search-wrap input,.atlas-den-picker__option):focus-visible {
  outline:2px solid var(--accent-1,#4f6bff); outline-offset:2px;
}
@media(max-width:700px) {
  .atlas-den-picker { grid-column:1/-1; }
  .atlas-den-picker__toggle, .atlas-den-picker__search-wrap input { min-height:44px; }
  .atlas-den-picker__option { min-height:44px; }
}

/* The audit and barcode workflows share one shell; the original audit form is moved, not copied. */
.slab-audit-tabs-overlay {
  box-sizing:border-box; padding:16px; overflow:hidden;
}
.slab-audit-tabs-shell {
  box-sizing:border-box; display:flex; flex-direction:column; width:min(780px,100%);
  max-height:calc(94dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  min-height:0; overflow:hidden; border:1px solid var(--background-3,#28394a); border-radius:12px;
  background:var(--background-2,#0a1826); color:var(--foreground-1,#fff);
  box-shadow:0 18px 48px rgba(0,0,0,.38);
}
.slab-audit-tabs-header {
  box-sizing:border-box; display:flex; align-items:center; gap:12px; flex:0 0 auto;
  padding:12px 16px; border-bottom:1px solid var(--background-3,#28394a);
}
.slab-audit-tabs-back { min-height:38px; white-space:nowrap; }
.slab-audit-tabs-heading { min-width:0; flex:1; }
.slab-audit-tabs-heading h2 { margin:0; font-size:1rem; line-height:1.3; }
.slab-audit-tabs-heading p { margin:2px 0 0; color:var(--foreground-3,#a9b7c5); font-size:.78rem; }
.slab-audit-tabs-close { flex-basis:40px; width:40px; height:40px; }
.slab-audit-tabs-nav {
  display:flex; flex:0 0 auto; gap:5px; padding:8px 14px 0;
  border-bottom:1px solid var(--background-3,#28394a);
}
.slab-audit-tabs-nav button {
  min-height:40px; padding:7px 12px; border:1px solid transparent; border-bottom:0;
  border-radius:6px 6px 0 0; background:transparent; color:var(--foreground-2,#d4dee8);
  font-family:inherit; font-size:.81rem; font-weight:600; line-height:1.2; cursor:pointer;
}
.slab-audit-tabs-nav button[aria-selected="true"] {
  border-color:var(--background-3,#28394a); background:var(--background-1,#030522);
  color:var(--foreground-1,#fff);
}
.slab-audit-tabs-scroll { min-height:0; flex:1 1 auto; overflow:auto; overscroll-behavior:contain; }
.slab-audit-tabs-pane { min-height:100%; }
.slab-audit-tabs-pane[hidden] { display:none; }
.slab-audit-tabs-pane > :first-child { min-width:0; }
.slab-audit-barcode-host { min-width:0; min-height:0; }
.slab-audit-barcode-error {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 14px; border-bottom:1px solid var(--background-3,#28394a);
}
.slab-audit-barcode-error[hidden] { display:none; }
.slab-audit-barcode-error p { margin:0; color:var(--foreground-1,#fff); font-size:.82rem; line-height:1.4; }
.slab-audit-tabs-overlay .atlas-barcode-overlay--embedded {
  position:static; inset:auto; display:block; min-width:0; min-height:0; width:100%;
  padding:0; background:transparent;
}
.slab-audit-tabs-overlay .atlas-barcode-overlay--embedded[hidden] { display:none; }
.slab-audit-tabs-overlay .atlas-barcode-overlay--embedded .atlas-barcode-dialog {
  width:100%; max-width:none; max-height:none; min-width:0; min-height:0; overflow:visible;
  border:0; border-radius:0; box-shadow:none; background:transparent;
}
.slab-audit-tabs-overlay .atlas-barcode-overlay--embedded .atlas-barcode-header { display:none; }
.slab-audit-tabs-overlay .atlas-barcode-overlay--embedded .atlas-barcode-scroll { padding:14px; }
.slab-audit-tabs-overlay :focus-visible { outline:2px solid var(--accent-1,#4f6bff); outline-offset:2px; }
@media(max-width:600px) {
  .slab-audit-tabs-overlay { align-items:stretch; justify-content:center; padding:8px; }
  .slab-audit-tabs-shell { width:100%; max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); }
  .slab-audit-tabs-header { gap:8px; padding:9px 10px; }
  .slab-audit-tabs-back { min-height:40px; padding:7px 8px; font-size:.74rem; }
  .slab-audit-tabs-heading h2 { font-size:.94rem; }
  .slab-audit-tabs-close { flex-basis:38px; width:38px; height:38px; }
  .slab-audit-tabs-nav { padding:7px 9px 0; }
  .slab-audit-tabs-nav button { flex:1 1 0; min-height:40px; padding:7px 6px; font-size:.76rem; }
  .slab-audit-tabs-overlay .atlas-barcode-overlay--embedded .atlas-barcode-scroll { padding:10px; }
  .slab-audit-barcode-error { align-items:flex-start; flex-direction:column; }
}

/* Den audit: camera-first, compact inventory reconciliation for warehouse phones. */
.atlas-den-audit { display:grid; gap:13px; padding:8px; border-radius:7px; background:var(--background-2,#0a1826); color:var(--foreground-1,#fff); font-size:.82rem; }
.atlas-den-audit [hidden] { display:none!important; }
.atlas-den-audit h3 { margin:0; font-size:.9rem; line-height:1.3; }
.atlas-den-audit p { margin:6px 0; line-height:1.45; }
.atlas-den-audit__setup { padding:12px; border:1px solid var(--background-3,#28394a); border-radius:7px; background:var(--background-2,#0a1826); }
.atlas-den-audit__setup > p:not([role]) { color:var(--foreground-3,#a9b7c5); }
.atlas-den-audit__camera { margin-top:9px; overflow:hidden; border:1px solid #52677b; border-radius:6px; background:#06111d; }
.atlas-den-audit__camera { margin-left:auto; margin-right:auto; }
.atlas-den-audit__camera video { display:block; width:100%; height:100%; object-fit:contain; transform-origin:center; }
.atlas-den-audit__zoom { display:grid; gap:5px; margin:9px 0; font-size:inherit; }
.atlas-den-audit__zoom label { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.atlas-den-audit__zoom input { flex:1 1 150px; min-width:0; min-height:44px; accent-color:#d7ad54; }
.atlas-den-audit__zoom small { line-height:1.4; }
.atlas-den-audit__actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }
.atlas-den-audit__actions > button { min-height:44px; flex:1 1 auto; }
.atlas-den-audit__den { display:grid; gap:3px; padding:10px 12px; border-left:3px solid #4fbaa9; background:rgba(55,151,139,.1); }
.atlas-den-audit__den > span { color:#b9cbd6; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.atlas-den-audit__den strong { font-size:.91rem; overflow-wrap:anywhere; }
.atlas-den-audit__den small { color:#b9cbd6; font: .7rem/1.4 ui-monospace,monospace; overflow-wrap:anywhere; }
.atlas-den-audit__totals { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.atlas-den-audit__totals > div { display:grid; gap:2px; padding:8px 6px; border:1px solid var(--background-3,#28394a); border-radius:5px; background:var(--background-2,#0a1826); text-align:center; }
.atlas-den-audit__totals strong { font:700 1.06rem/1.2 ui-monospace,monospace; color:#ecf5f7; }
.atlas-den-audit__totals span { color:#b9cbd6; font-size:.66rem; line-height:1.2; }
.atlas-den-audit__notice { padding:8px 10px; border-left:3px solid #e5b454; background:rgba(229,180,84,.08); color:#e6e9e7; font-size:.76rem; }
.atlas-den-audit__rows { display:grid; max-height:38dvh; overflow:auto; border:1px solid var(--background-3,#28394a); border-radius:6px; overscroll-behavior:contain; }
.atlas-den-audit__row { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 10px; border-bottom:1px solid var(--background-3,#28394a); }
.atlas-den-audit__row:last-child { border-bottom:0; }
.atlas-den-audit__row-main { display:grid; min-width:0; gap:3px; }
.atlas-den-audit__row-main strong,.atlas-den-audit__row-main small { overflow-wrap:anywhere; }
.atlas-den-audit__row-main strong { font-size:.78rem; }
.atlas-den-audit__row-main small { color:#b9cbd6; font-size:.69rem; line-height:1.35; }
.atlas-den-audit__state { flex:0 0 auto; color:#e5bd67; font-size:.7rem; font-weight:700; text-align:right; }
.atlas-den-audit__row.is-verified { background:rgba(55,151,139,.1); }
.atlas-den-audit__row.is-verified .atlas-den-audit__state { color:#69d6b4; }
.atlas-den-audit__unexpected { display:grid; gap:4px; padding:9px 10px; border-left:3px solid #ee8a72; background:rgba(238,138,114,.08); font-size:.73rem; }
.atlas-den-audit__unexpected span { font: .7rem/1.35 ui-monospace,monospace; overflow-wrap:anywhere; }
.atlas-den-audit__notes { display:grid; gap:5px; font-size:.75rem; font-weight:600; }
.atlas-den-audit__notes textarea { box-sizing:border-box; width:100%; min-height:74px; padding:9px; border:1px solid #64788c; border-radius:5px; background:var(--background-2,#0a1826); color:var(--foreground-1,#fff); font:inherit; resize:vertical; }
.atlas-den-audit__history { padding-top:10px; border-top:1px solid var(--background-3,#28394a); }
.atlas-den-audit__history-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.atlas-den-audit__history-head .atlas-barcode-btn { min-height:38px; }
.atlas-den-audit__history-item { padding:9px 0; border-bottom:1px solid var(--background-3,#28394a); }
.atlas-den-audit__history-item summary { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; cursor:pointer; }
.atlas-den-audit__history-item summary > span:first-child { display:grid; gap:3px; }
.atlas-den-audit__history-item summary strong { font-size:.78rem; }
.atlas-den-audit__history-item summary small,.atlas-den-audit__history-item summary > span:last-child { color:#bac9d4; font-size:.68rem; line-height:1.4; text-align:right; }
.atlas-den-audit__snapshot { padding:7px 0 0; }
.atlas-den-audit__snapshot > p { color:#b9cbd6; font-size:.73rem; }
.atlas-den-audit__snapshot .atlas-den-audit__row { padding:7px 8px; }
.atlas-den-audit__snapshot .atlas-den-audit__row strong { font-size:.72rem; }
.atlas-den-audit__snapshot .atlas-den-audit__row span { color:#bac9d4; font-size:.68rem; overflow-wrap:anywhere; text-align:right; }
.atlas-den-audit__empty { color:#b9cbd6; }
@media(max-width:600px) {
  .atlas-den-audit__totals { gap:4px; }
  .atlas-den-audit__totals > div { padding:7px 3px; }
  .atlas-den-audit__totals span { font-size:.62rem; }
  .atlas-den-audit__actions { display:grid; grid-template-columns:1fr 1fr; }
  .atlas-den-audit__actions > button:first-child { grid-column:1/-1; }
  .atlas-den-audit__row { align-items:flex-start; }
  .atlas-den-audit__state { max-width:90px; }
  .atlas-den-audit__history-item summary { align-items:flex-start; }
}