/* 2026-09-22 owner-approved physical bookcase and slim document files. 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:#fffef8;
  --ac-paper-ink:#34312c;
  --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:48px; min-width:48px; height:330px; flex:0 0 48px;
    align-items:center; justify-content:center; padding:19px 3px 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:36px; height:300px; margin:0; padding:0;
    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:34px; min-height:0; flex:1 1 auto; overflow:hidden; padding:0;
    color:var(--ac-paper-ink); font:500 13px/17px 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:0;
    height:auto; min-height:0; max-height:272px; 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:17px; height:auto; min-height:0; flex:0 0 17px; padding:0; margin:0;
  }
  #content-audit-mode .audit-cabinet-spine-glyph {
    display:flex; align-items:center; justify-content:center; width:17px; height:17px; flex:0 0 17px;
    padding:0; margin:0; color:inherit; font:inherit; text-align:center;
  }
  #content-audit-mode .audit-cabinet-spine-separator { transform:rotate(90deg); }
  #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:302px; 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 {

  #content-audit-mode {
    --audit-cabinet-file-1:#24a7c0;
    --audit-cabinet-file-2:#83b348;
    --audit-cabinet-file-3:#d26b87;
    --audit-cabinet-file-4:#d7bd43;
    --audit-cabinet-file-5:#65969d;
    --audit-cabinet-file-6:#a18abb;
  }
/* Reference study: cream laminate bookcase with actual stationery file colours. */
#content-audit-mode .audit-cabinet-list-panel{
  --ac-ledge:#e8e4dc;
  padding:18px 20px 28px;border:1px solid #b5b0a5;border-radius:2px;
  background:linear-gradient(90deg,#b7b1a5 0,#f8f6ee 3px,#f1eee5 17px,#bcb5a6 20px,#d0cabb calc(100% - 20px),#faf8f0 calc(100% - 17px),#e9e5da calc(100% - 3px),#aaa396 100%);
  box-shadow:inset 0 3px 0 #fffdf5,inset 0 17px 0 #e8e3d8,inset 0 -25px 0 #e5e0d4,inset 0 -28px 0 #c1baad,3px 4px 8px #302a1e30;
}
#content-audit-mode .audit-cabinet-team{
  position:relative;
  background:#c8c1b3;box-shadow:inset 12px 0 14px -10px #493f2f99,inset -12px 0 12px -10px #493f2f80;
}
#content-audit-mode .audit-cabinet-team > header{
  background:linear-gradient(180deg,#74695566 0,#978b7540 13px,transparent 40px);
  box-shadow:none;padding:12px 20px 4px;
}
#content-audit-mode .audit-cabinet-team > header h2{
  background:#f8f6ee;border:1px solid #a9a18f;border-radius:1px;color:#554f43;
  box-shadow:0 1px 2px #3f33232b,inset 0 1px #fff; font-size:12px; padding:2px 8px;
}
#content-audit-mode .audit-cabinet-shelf{
  background-color:transparent;border-bottom:18px solid #e8e4dc;
  padding:16px 20px 0;box-shadow:inset 0 -7px 10px -8px #3d342499,0 1px 0 #fffdf5,0 3px 0 #b5ae9e;
}
#content-audit-mode .audit-cabinet-shelf:not(.audit-cabinet-binder-shelf){
  padding:16px 20px 0;background-color:transparent;
  background-image:repeating-linear-gradient(180deg,transparent 0,transparent 327px,#968b7666 330px,#fcfaf1 332px,#ece8dc 334px,#ded8ca 346px,#9d938066 348px,transparent 356px);
}
#content-audit-mode .audit-cabinet-team::after{
  content:"";position:absolute;right:3px;top:18px;bottom:18px;width:10px;pointer-events:none;
  background:linear-gradient(90deg,#b3ab99,#ddd6c7 65%,#eee9dd);
  box-shadow:-3px 0 5px #55462e1f;
}
#content-audit-mode .audit-cabinet-shelf .audit-cabinet-folder{
  border:1px solid color-mix(in srgb,var(--cabinet-folder) 70%,#123029);border-radius:1px 3px 0 0;
  background-color:var(--cabinet-folder);
  background-image:linear-gradient(90deg,#00000028 0,transparent 2px,#ffffff70 3px,#ffffff15 5px,transparent 9px,transparent 89%,#00000012 94%,#ffffff5c 97%,#00000024 100%);
  box-shadow:inset 0 1px 0 #ffffffb0,inset 0 -2px 0 #00000018,3px 2px 3px #30291e42;
}
#content-audit-mode .audit-cabinet-shelf .audit-cabinet-folder::before{
  content:"";display:block;position:absolute;bottom:auto;width:auto;transform:none;pointer-events:none;
  top:4px;left:5px;right:3px;height:9px;background:var(--cabinet-folder);
  border-top:1px solid #ffffff70;border-bottom:1px solid #00000018;box-sizing:border-box;
  box-shadow:0 2px 1px #00000012;
}
#content-audit-mode .audit-cabinet-shelf .audit-cabinet-folder::after{
  content:"";display:block;position:absolute;left:3px;right:auto;top:5px;bottom:3px;width:1px;height:auto;
  background:#ffffff50;border:0;border-radius:0;transform:none;box-shadow:1px 0 #00000015;pointer-events:none;
}
#content-audit-mode .audit-cabinet-folder-label{
  background:var(--ac-paper);border:1px solid #cbbbae;
  box-shadow:inset 0 0 0 2px #fffef8,inset 0 0 0 3px #dfd0c5,1px 1px 1px #16404a35;
}
#content-audit-mode .audit-cabinet-folder-label > span{color:var(--ac-paper-ink)}
#content-audit-mode .audit-cabinet-folder-label > small{
  background:transparent;border-color:#d6c4b7;color:#5a5146;
}
#content-audit-mode .audit-cabinet-folder.is-selected{
  border-color:color-mix(in srgb,var(--cabinet-folder) 70%,#123029);outline:2px solid #514c43;outline-offset:1px;
  box-shadow:inset 0 1px 0 #ffffffb0,3px 2px 3px #30291e42;
}
#content-audit-mode .audit-cabinet-period-divider{
  background:linear-gradient(90deg,#77766e,#dddcd4 50%,#99978e);box-shadow:2px 0 2px #00000028;
}
#content-audit-mode .audit-cabinet-binders .audit-cabinet-binder{
  background:linear-gradient(90deg,#434640,#686d63 5px,#868b80 7px,#656b60 13px,#656b60 90%,#43483e);
  border-color:#43483e;box-shadow:inset 0 1px 0 #c4c9bd,3px 2px 3px #30291e42;
}
#content-audit-mode .audit-cabinet-binders .audit-cabinet-binder::before{
  background:var(--ac-paper);border-color:#cbbbae;box-shadow:inset 0 0 0 2px #fffef8,inset 0 0 0 3px #dfd0c5,0 1px 2px #2228;
}
#content-audit-mode .audit-cabinet-binders .audit-cabinet-binder::after{
  background:#2b3028;border-color:#c2c6bb;box-shadow:inset 1px 2px 3px #0009,0 1px 0 #ecefe4;
}


  #content-audit-mode .audit-cabinet-record-head,
  #content-audit-mode .audit-cabinet-record {
    grid-template-columns:minmax(148px,1.6fr) minmax(56px,.8fr) minmax(48px,.75fr) minmax(0,1fr) 12px;
    column-gap:6px; padding-inline:12px;
  }
  #content-audit-mode .audit-cabinet-paper-date { white-space:nowrap; gap:6px; font-variant-numeric:tabular-nums; }
  #content-audit-mode .audit-cabinet-record > :not(.audit-cabinet-paper-date) { min-width:0; overflow-wrap:anywhere; }
}
@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-record-head { display:none; }
  #content-audit-mode .audit-cabinet-record { grid-template-columns:minmax(148px,1fr) auto; padding:10px 12px; }

  #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; }
}