/* 2026-09-13 owner-approved shelf refinement. Physical files remain the navigation;
   no changes to journal paper, approval data or read-only permissions.
   Scoped above legacy cabinet drafts. Dark palette lives only in theme-dark.css. */
:root {
  --ac-surface:#ffffff;
  --ac-text:#242424;
  --ac-muted:#626262;
  --ac-line:#dededb;
  --ac-ledge:#d9d9d5;
  --ac-selection:#343434;
  --ac-paper:#fafaf6;
  --ac-paper-ink:#202020;
  --ac-paper-line:#c8c8bf;
  --ac-binder:#444644;
  --ac-binder-edge:#303230;
  --ac-hover:#f4f4f1;
}

@media screen {
  /* A translated page becomes the containing block of the phone detail and tooltip. */
  #page-user-main.customer-kit-shell #content-audit-mode {
    width:auto; max-width:100%; margin:0; transform:none; animation:none; opacity:1;
  }
  #content-audit-mode .audit-cabinet-shell,
  #content-audit-mode .audit-cabinet-workspace { background:var(--ac-surface); color:var(--ac-text); }
  #content-audit-mode .audit-cabinet-workspace { border-color:var(--ac-line); }
  #content-audit-mode .audit-cabinet-list-panel {
    padding:12px; border:0; background:var(--audit-cabinet-wood-panel); box-shadow:none;
    scrollbar-color:var(--ac-muted) var(--audit-cabinet-wood-panel);
  }
  #content-audit-mode .audit-cabinet-team {
    display:flex; flex-direction:column; padding:0; background:transparent;
  }
  #content-audit-mode .audit-cabinet-team > header {
    position:static; order:0; align-self:stretch; display:flex; align-items:center;
    margin:0; padding:12px 14px 8px; transform:none; background:var(--audit-cabinet-wood-shelf);
  }
  #content-audit-mode .audit-cabinet-team > header h2 {
    margin:0; padding:4px 8px; border:1px solid var(--audit-cabinet-wood-edge); border-radius:3px;
    background:var(--audit-cabinet-wood-plate); color:var(--audit-cabinet-wood-plate-ink);
    box-shadow:none; font:500 13px/20px var(--font-body); overflow-wrap:anywhere;
  }
  #content-audit-mode .audit-cabinet-shelf {
    order:1; min-height:0; border:0; border-bottom:8px solid var(--ac-ledge);
    background:var(--audit-cabinet-wood-shelf); padding:16px 14px 0; box-shadow:none;
  }
  #content-audit-mode .audit-cabinet-shelf::after { display:none; }
  #content-audit-mode .audit-cabinet-shelf:not(.audit-cabinet-binder-shelf) {
    display:flex; flex-wrap:wrap; align-items:flex-end; align-content:flex-start; gap:26px 4px;
    min-height:0; overflow:hidden; padding:16px 14px 0;
    background-color:var(--audit-cabinet-wood-shelf);
    /* These repeated lines are the actual ledges under wrapped rows of files. */
    background-image:repeating-linear-gradient(180deg,transparent 0,transparent 212px,var(--ac-ledge) 212px,var(--ac-ledge) 220px,transparent 220px,transparent 238px);
    background-origin:content-box;
  }
  #content-audit-mode .audit-cabinet-binder-shelf { display:block; }
  #content-audit-mode .audit-cabinet-binders {
    display:flex; width:100%; min-width:0; align-items:flex-end; height:194px; gap:8px; overflow:visible; flex-wrap:nowrap;
  }
  #content-audit-mode .audit-cabinet-binders .audit-cabinet-binder {
    width:82px; height:194px; min-width:0; flex:0 1 82px; padding:0;
    border:1px solid var(--ac-binder-edge); border-radius:2px 3px 1px 1px;
    background:var(--ac-binder); box-shadow:1px 1px 2px rgb(0 0 0 / 10%);
    color:var(--ac-paper-ink); font-family:var(--font-body); transform:none;
  }
  #content-audit-mode .audit-cabinet-binders .audit-cabinet-binder::before {
    inset:12px 9px auto; height:138px; border:1px solid var(--ac-paper-line); background:var(--ac-paper);
  }
  #content-audit-mode .audit-cabinet-binders .audit-cabinet-binder::after {
    left:50%; right:auto; bottom:13px; width:17px; height:17px;
    border:1px solid #b3b3ad; background:#222322; box-shadow:none;
  }
  #content-audit-mode .audit-cabinet-binders .audit-cabinet-binder-label {
    inset:12px 9px auto; height:138px; color:var(--ac-paper-ink);
    font:500 13px/1.65 var(--font-body); writing-mode:horizontal-tb; white-space:normal;
    word-break:keep-all; overflow-wrap:anywhere; text-align:center;
  }
  #content-audit-mode .audit-cabinet-shelf .audit-cabinet-folder {
    display:flex; width:56px; min-width:56px; height:212px; flex:0 0 56px;
    align-items:center; justify-content:center; padding:9px 5px;
    border:1px solid color-mix(in srgb,var(--cabinet-folder) 65%,#50504b);
    border-radius:1px; background:var(--cabinet-folder); color:var(--ac-paper-ink);
    box-shadow:1px 1px 2px rgb(0 0 0 / 9%); transform:none; filter:none;
    font-family:var(--font-body); cursor:pointer;
  }
  #content-audit-mode .audit-cabinet-folder::before,
  #content-audit-mode .audit-cabinet-folder::after { display:none; }
  #content-audit-mode .audit-cabinet-folder-label {
    display:flex; flex-direction:column; width:44px; height:192px; margin:0; padding:0 1px;
    overflow:hidden; border:1px solid var(--ac-paper-line); background:var(--ac-paper);
    color:var(--ac-paper-ink); box-shadow:none; writing-mode:horizontal-tb;
  }
  #content-audit-mode .audit-cabinet-folder-label > span {
    display:flex; align-items:center; justify-content:center; width:40px; min-height:0; flex:1 1 auto; overflow:hidden; padding:0;
    color:var(--ac-paper-ink); font:500 14px/18px var(--font-body); letter-spacing:normal;
    writing-mode:horizontal-tb; text-align:center;
  }
  #content-audit-mode .audit-cabinet-spine-text {
    display:flex; align-items:center; justify-content:center; gap:4px;
    height:auto; min-height:0; max-height:144px; padding:0; margin:0;
    color:inherit; font:inherit; writing-mode:horizontal-tb; white-space:normal;
  }
  #content-audit-mode .audit-cabinet-spine-column {
    display:flex; flex-direction:column; width:18px; height:auto; min-height:0; flex:0 0 18px; padding:0; margin:0;
  }
  #content-audit-mode .audit-cabinet-spine-glyph {
    display:flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px;
    padding:0; margin:0; color:inherit; font:inherit; text-align:center;
  }
  #content-audit-mode .audit-cabinet-folder-label > small {
    width:100%; flex:0 0 20px; box-sizing:border-box; padding:3px 0 0;
    border-top:1px solid var(--ac-paper-line); color:var(--ac-paper-ink);
    font:500 10px/16px var(--font-body); writing-mode:horizontal-tb;
  }
  #content-audit-mode .audit-cabinet-period-divider {
    width:6px; min-width:6px; height:184px; flex:0 0 6px; margin:0 3px 0 0;
    background:var(--ac-muted); border:0; border-radius:1px; box-shadow:none;
  }
  #content-audit-mode .audit-cabinet-period-divider::after {
    right:-3px; width:9px; height:3px; border:0; background:var(--ac-muted); border-radius:0;
  }
  #content-audit-mode .audit-cabinet-folder.is-selected,
  #content-audit-mode .audit-cabinet-folder.is-search-match {
    border-color:var(--ac-selection); outline:2px solid var(--ac-selection); outline-offset:-2px;
    transform:none; filter:none; box-shadow:none;
  }
  #content-audit-mode :is(.audit-cabinet-folder,.audit-cabinet-binder):hover {
    filter:none; transform:none; box-shadow:none; outline:1px solid var(--ac-selection); outline-offset:1px;
  }
  #content-audit-mode :is(.audit-cabinet-folder,.audit-cabinet-binder,.audit-cabinet-detail-x,.audit-cabinet-record,.audit-cabinet-record-pagination button):focus-visible {
    outline:2px solid var(--ac-selection); outline-offset:2px; box-shadow:none; transform:none;
  }
  #content-audit-mode .audit-cabinet-team-archive .audit-cabinet-folder { filter:saturate(.45); }
  #content-audit-mode .audit-cabinet-full-name {
    display:none; position:fixed; z-index:10080; bottom:24px; left:50%; transform:translateX(-50%);
    box-sizing:border-box; width:max-content; max-width:min(580px,calc(100vw - 32px));
    max-height:40dvh; overflow:auto; margin:0; padding:12px 16px;
    border:1px solid var(--ac-line); border-radius:6px; background:var(--ac-surface); color:var(--ac-text);
    font:400 15px/1.6 var(--font-body); writing-mode:horizontal-tb; white-space:normal;
    overflow-wrap:anywhere; text-align:left; box-shadow:0 4px 12px rgb(0 0 0 / 12%);
  }
  #content-audit-mode .audit-cabinet-folder:not([data-title-dismissed]):focus-visible .audit-cabinet-full-name { display:block; }
  #content-audit-mode .audit-cabinet-detail-panel {
    border:0; border-left:1px solid var(--ac-line); background:var(--ac-surface); box-shadow:none;
    color:var(--ac-text); padding:24px;
  }
  #content-audit-mode .audit-cabinet-detail-title { align-items:flex-start; border-color:var(--ac-line); }
  #content-audit-mode .audit-cabinet-detail-title h2 {
    display:block; overflow:visible; white-space:normal; font:500 16px/1.6 var(--font-body);
    color:var(--ac-text); overflow-wrap:anywhere;
  }
  #content-audit-mode .audit-cabinet-detail-title h2 :is(span,b) {
    display:inline; overflow:visible; white-space:normal; color:inherit; font:inherit;
    overflow-wrap:anywhere; text-overflow:clip;
  }
  #content-audit-mode .audit-cabinet-detail-title h2 b { margin:0 6px; }
  #content-audit-mode .audit-cabinet-detail-title .audit-cabinet-detail-x { width:44px; height:44px; min-width:44px; color:var(--ac-text); background:transparent; }
  #content-audit-mode .audit-cabinet-file-summary dl div { grid-template-columns:72px minmax(0,1fr); }
  #content-audit-mode .audit-cabinet-file-summary dd { overflow-wrap:anywhere; color:var(--ac-text); font-weight:500; }
  #content-audit-mode .audit-cabinet-file-summary dt { color:var(--ac-muted); }
  #content-audit-mode .audit-cabinet-records { border-color:var(--ac-line); background:var(--ac-surface); }
  #content-audit-mode .audit-cabinet-record { background:var(--ac-surface); border-color:var(--ac-line); color:var(--ac-text); }
  #content-audit-mode .audit-cabinet-record:hover { background:var(--ac-hover); transform:none; }
  #content-audit-mode .audit-cabinet-record :is(strong,small) { border:0; padding:0; background:transparent; color:var(--ac-text); font-weight:500; }
  #content-audit-mode .audit-cabinet-record-pagination button { width:44px; height:44px; color:var(--ac-text); }
  #content-audit-mode .audit-cabinet-record-pagination { border-color:var(--ac-line); }
}
@media screen and (hover:hover) {
  #content-audit-mode .audit-cabinet-folder:not([data-title-dismissed]):hover .audit-cabinet-full-name { display:block; }
}
@media screen and (max-width:900px) {
  #content-audit-mode .audit-cabinet-detail-panel {
    position:fixed; inset:68px 12px 12px; max-height:none; border:1px solid var(--ac-line); border-radius:8px;
  }
}
@media screen and (max-width:680px) {
  #content-audit-mode .audit-cabinet-list-panel { padding:6px; }
  #content-audit-mode .audit-cabinet-shelf,
  #content-audit-mode .audit-cabinet-shelf:not(.audit-cabinet-binder-shelf) { padding-inline:8px; }
  #content-audit-mode .audit-cabinet-binders { gap:5px; }
  #content-audit-mode .audit-cabinet-binders .audit-cabinet-binder-label { inset-inline:6px; font-size:12px; }
  #content-audit-mode .audit-cabinet-binders .audit-cabinet-binder::before { inset-inline:6px; }
  #content-audit-mode .audit-cabinet-detail-panel { inset:58px 7px max(7px,env(safe-area-inset-bottom)); padding:16px; }
  #content-audit-mode .audit-cabinet-file-summary { grid-template-columns:106px minmax(0,1fr); gap:14px; }
  #content-audit-mode .audit-cabinet-file-summary dl div { grid-template-columns:1fr; gap:3px; }
}
@media screen and (max-width:360px) {
  #content-audit-mode .audit-cabinet-binders { height:auto; flex-wrap:wrap; row-gap:12px; }
  #content-audit-mode .audit-cabinet-binders .audit-cabinet-binder { min-width:66px; }
}