/* Existing purchased Untitled UI: modal4057:415360, input11351:120131,
   secondary3287:429435, table6277:292906. Neutral Korean adaptations follow
   customer-kit.md. Screen only; audit mode and journal/equipment paper excluded. */
@media screen {
  /* settings.js fixes the proxy banner at 28px. Keep both navigation surfaces
     below it even after scrolling; ordinary login and audit mode stay unchanged. */
  body:not(.audit-mode-active):has(#proxyBar) #page-user-main.customer-kit-shell.active :is(.topbar, .sidebar) { top:28px !important; }
  body:not(.audit-mode-active):has(#proxyBar) #page-user-main.customer-kit-shell.active .sidebar { height:calc(100dvh - 28px) !important; max-height:calc(100dvh - 28px) !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active):has(#docExpiryModal,#docExpiryHistoryModal,#docPreviewOverlay,#calInstModal.open) #selobunFab { visibility:hidden !important; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .ovt .doc-padding-row { display:none; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .ovt .doc-empty-row td { text-align:center; padding:48px 16px; white-space:normal; color:var(--ck-muted); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay { padding:24px !important; backdrop-filter:none !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay .doc-preview-panel { max-height:calc(100dvh - 48px) !important; border-radius:16px !important; box-shadow:none !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay .doc-preview-header { flex-wrap:wrap; padding:16px 20px !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay :is(button,#docPreviewToolbar a) { min-height:38px; width:auto !important; height:auto !important; padding:8px 12px !important; border:1px solid var(--gray2); border-radius:8px; font-size:14px !important; line-height:20px; cursor:pointer; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay :is(button,a):focus-visible { outline:2px solid var(--mono-text); outline-offset:2px; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #toast.toast {
    border:1px solid #d4d4d4 !important; border-radius:8px !important; padding:12px 16px !important;
    background:#fff !important; color:#404040 !important; font-size:14px; line-height:22px;
    max-width:calc(100vw - 32px); box-sizing:border-box;
    box-shadow:0 4px 12px rgb(0 0 0 / 8%) !important;
  }
  html[data-theme=dark] body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #toast.toast { background:#222 !important; color:#eee !important; border-color:#525252 !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #toast.toast.toast-error { color:#b91c1c !important; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .sidebar-badge { min-width:20px; height:20px; padding:0 4px; background:transparent !important; color:var(--ck-muted) !important; font:500 12px/20px var(--ck-font); border:0; border-radius:4px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #content-notice .ccp-page-title-icon { width:24px; height:24px; background:transparent !important; border:0; border-radius:0; box-shadow:none; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#page-user-main,#tempApvOverlay) .temp-approval-badge { padding:2px 6px !important; border:0 !important; border-radius:4px !important; background:transparent !important; font-size:13px !important; font-weight:500 !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#page-user-main,#tempApvOverlay) .temp-approval-badge[data-approval-status=approved] { color:var(--ck-text,var(--mono-text)) !important; background:transparent !important; border:0 !important; font-weight:600 !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal,#docExpiryHistoryModal,#calInstModal,#docPreviewOverlay) {
    --ck-paper:#fff; --ck-subtle:#fafafa; --ck-hover:#f5f5f5;
    --ck-ink:#171717; --ck-text:#404040; --ck-muted:#737373;
    --ck-line:#e5e5e5; --ck-input-line:#d4d4d4;
    --ck-font:"Selo Admin Inter",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
    color:var(--ck-text); font:400 14px/20px var(--ck-font);
  }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell :is(.prpanel,#content-audit .audit-page),
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal .dxsheet {
    --ov-paper:var(--ck-paper); --ov-head:var(--ck-subtle); --ov-tool:var(--ck-paper);
    --ov-btn:var(--ck-paper); --ov-btn-line:var(--ck-input-line);
    --ov-ink:var(--ck-ink); --ov-dim:var(--ck-muted); --ov-date:var(--ck-text);
    --ov-line:var(--ck-line); --ov-line2:var(--ck-line); --ov-line3:var(--ck-line);
    border:1px solid var(--ck-line); border-radius:12px; overflow:hidden;
    background:var(--ck-paper); color:var(--ck-text); font:400 14px/22px var(--ck-font);
  }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prpanel { grid-template-columns:300px minmax(0,1fr); min-height:480px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prpanel :is(.ovbar,.ovtool,.ovfoot) { padding:16px; background:var(--ck-paper); border-color:var(--ck-line); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prpanel .ovbar { font:600 16px/24px var(--ck-font); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prrow { padding:12px 16px; min-height:48px; gap:12px; border-color:var(--ck-line); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prrow.on { background:var(--ck-hover); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prtable { min-width:800px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prtable th { background:var(--ck-subtle); font:500 12px/18px var(--ck-font); color:var(--ck-muted); padding:12px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prtable td { padding:16px 12px; border-color:var(--ck-line); font:400 14px/22px var(--ck-font); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prscroll { overflow:auto; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #content-audit .audit-page { margin:24px; padding:0; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-page-head { display:block; padding:24px; border-bottom:1px solid var(--ck-line); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-page-title { font:600 18px/28px var(--ck-font); color:var(--ck-ink); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-page-sub { font:400 13px/21px var(--ck-font); max-width:100%; margin:8px 0 20px; color:var(--ck-muted); word-break:keep-all; overflow-wrap:break-word; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-filters { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0; padding:0; border:0; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-search { flex:1 1 240px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap { padding:0 24px 24px; overflow-x:auto; }
  /* Preserve a readable detail column instead of letting fixed columns consume it. */
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-table { border-top:0; min-width:1180px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-col-user { width:104px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-col-target { width:96px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-col-reason { width:24%; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-table th { white-space:nowrap; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap :is(.audit-col-detail,.audit-col-reason) { word-break:keep-all; overflow-wrap:anywhere; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-col-time { width:112px; white-space:nowrap; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-filters { display:grid; grid-template-columns:120px 148px 12px 148px minmax(180px,1fr) auto; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-table th { background:var(--ck-subtle); font:500 12px/18px var(--ck-font); padding:12px; border-color:var(--ck-line); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-table td { font:400 13px/21px var(--ck-font) !important; padding:14px 12px !important; color:var(--ck-text); border-color:var(--ck-line); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-table tbody tr { background:var(--ck-paper); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-table tbody tr:hover { background:var(--ck-subtle); }

  /* Named controls: don't touch journal inputs, permission display or handlers. */
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prpanel :is(.ovbtn,.ovpg),
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal,#docExpiryHistoryModal,#calInstModal) button {
    min-height:38px; padding:8px 14px !important; border:1px solid var(--ck-input-line) !important;
    border-radius:8px !important; background:var(--ck-paper); color:var(--ck-text);
    font:600 14px/20px var(--ck-font) !important; cursor:pointer;
    box-shadow:0 1px 2px rgb(0 0 0 / 5%); flex-shrink:0;
  }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal,#docExpiryHistoryModal,#calInstModal) button:hover { background:var(--ck-subtle); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal,#docExpiryHistoryModal,#calInstModal) :is(button,input,select):focus-visible { outline:2px solid var(--ck-text); outline-offset:3px; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal,#calInstModal) button:disabled { opacity:.5; cursor:not-allowed; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpirySaveBtn,#calInstModal button[onclick^="_calSave"]) { background:var(--ck-ink) !important; color:var(--ck-paper) !important; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #content-audit :is(input,select),
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal,#calInstModal) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {
    box-sizing:border-box; max-width:100%; min-width:0; min-height:40px; height:auto;
    padding:8px 12px !important; border:1px solid var(--ck-input-line) !important;
    border-radius:8px !important; background:var(--ck-paper); color:var(--ck-ink);
    font:400 14px/22px var(--ck-font) !important; box-shadow:0 1px 2px rgb(0 0 0 / 5%);
  }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal .dxsheet,#calInstModalBox) { max-width:1040px; max-height:calc(100dvh - 48px); border-radius:16px !important; padding:24px; overflow:auto; background:var(--ck-paper); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal .dxsheet { padding:0; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal .dxsheet { max-width:1040px !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal input[type=date] { width:40px !important; height:40px; padding:0 !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal input[type=date]::-webkit-calendar-picker-indicator { width:20px; height:20px; top:9px; left:9px; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal .ovbar { padding:20px 24px; border-bottom:1px solid var(--ck-line); background:var(--ck-paper); font:600 18px/26px var(--ck-font); align-items:flex-start !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal .ovbar .ovgray { display:block; margin-top:8px; line-height:20px; color:var(--ck-muted); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal .dx-modal-content { grid-template-columns:minmax(0,1fr) minmax(280px,.85fr) !important; padding:24px !important; gap:24px !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal .dxrow { display:flex; flex-direction:column; border:0; gap:6px; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal :is(.dxlabel,.dxval) { width:auto; padding:0; border:0; background:transparent; font:400 14px/22px var(--ck-font); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal .dxlabel { font-weight:500; color:var(--ck-text); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryPreview { flex:none !important; height:460px; border-color:var(--ck-line) !important; border-radius:0 0 8px 8px; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryPreview :is(iframe,img) { display:block; width:100%; height:100%; object-fit:contain; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #calInstModal .cal-modal-title { font:600 20px/28px var(--ck-font); margin-bottom:24px; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #calInstModal .cal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #calInstModal .cal-field { margin-bottom:20px; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #calInstModal .cal-field label { display:block; font:500 14px/22px var(--ck-font); margin-bottom:6px; color:var(--ck-text); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #calInstModal .cal-chips { display:flex; gap:8px; flex-wrap:wrap; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #calInstModal .cal-chips button { background:var(--ck-paper); color:var(--ck-text); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #calInstModal .cal-chips button.is-on { background:var(--ck-hover); color:var(--ck-ink); border-color:var(--ck-ink) !important; box-shadow:inset 0 0 0 1px var(--ck-ink); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #calInstModal input[type=file] { width:100%; box-sizing:border-box; padding:12px; border:1px solid var(--ck-line); border-radius:8px; font:400 14px/22px var(--ck-font); background:var(--ck-subtle); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #calInstModal input::file-selector-button { padding:8px 12px; margin-right:12px; border:1px solid var(--ck-input-line); border-radius:6px; background:var(--ck-paper); color:var(--ck-text); font:inherit; cursor:pointer; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .doc-history-link { padding:4px; border:0; background:transparent; color:var(--ck-text); font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryHistoryModal { position:fixed; inset:0; z-index:10060; padding:24px; display:flex; align-items:center; justify-content:center; background:rgb(0 0 0 / 40%); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) .doc-history-panel { width:720px; max-width:100%; max-height:calc(100dvh - 48px); display:flex; flex-direction:column; background:var(--ck-paper); border-radius:16px; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) .doc-history-panel header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid var(--ck-line); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) .doc-history-panel h2 { margin:0; font:600 18px/26px var(--ck-font); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) .doc-history-list { overflow:auto; padding:0 24px; overscroll-behavior:contain; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) .doc-history-list article { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 0; border-bottom:1px solid var(--ck-line); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) .doc-history-list :is(h3,p) { margin:0 0 4px; overflow-wrap:anywhere; font:400 14px/22px var(--ck-font); }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) .doc-history-list h3 { font-weight:600; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) .doc-history-list p { color:var(--ck-muted); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .ovt td[title] { white-space:normal; overflow-wrap:anywhere; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prtable td.wrap > div { display:block; overflow:visible; }
  html[data-theme=dark] body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal,#docExpiryHistoryModal,#calInstModal,#docPreviewOverlay) { --ck-paper:#1b1b1b; --ck-subtle:#222; --ck-hover:#303030; --ck-ink:#fafafa; --ck-text:#e5e5e5; --ck-muted:#b0b0b0; --ck-line:#3b3b3b; --ck-input-line:#525252; }
  @media(min-width:769px) and (max-width:1100px) {
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-filters { grid-template-columns:120px minmax(0,1fr) 12px minmax(0,1fr); }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-filters .audit-search { grid-column:1 / 4; width:100%; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-filters .audit-date { width:100%; }
  }
  @media(max-width:768px) {
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay { padding:8px !important; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay .doc-preview-panel { max-height:calc(100dvh - 16px) !important; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay :is(button,#docPreviewToolbar a) { min-height:44px; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewToolbar { flex-wrap:wrap; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prpanel { grid-template-columns:1fr; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .prpanel .ovleft { max-height:260px; overflow:auto; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell #content-audit .audit-page { margin:12px; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell :is(.audit-page-head,#userAuditWrap) { padding:16px; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-filters :is(input,select) { min-height:44px; font-size:16px !important; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-filters { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-filters .audit-select { grid-column:1 / -1; width:100%; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-date-sep { display:none; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-filters :is(.audit-date,.audit-search) { width:100%; min-width:0; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-filters .audit-search { grid-column:1 / -1; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal,#docExpiryHistoryModal,#calInstModal) { padding:12px !important; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal .dxsheet,#calInstModalBox,.doc-history-panel) { max-height:calc(100dvh - 24px); }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docExpiryModal .dx-modal-content { grid-template-columns:1fr !important; padding:16px !important; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #calInstModal .cal-grid { grid-template-columns:1fr; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal,#docExpiryHistoryModal,#calInstModal) button { min-height:44px; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) :is(#docExpiryModal,#calInstModal) :is(input,select,textarea) { min-height:44px; font-size:16px !important; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) .doc-history-list article { flex-wrap:wrap; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell .doc-history-link { min-height:44px; }
  }
}

/* Complete the same Untitled UI table/secondary controls on the overview and
   nested viewer. Keep legacy audit/print surfaces and stored records untouched. */
@media screen {
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #content-doc-overview .page-card { margin:24px !important; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovpanel {
    --ov-paper:var(--ck-paper); --ov-frame:var(--ck-line); --ov-bar:var(--ck-paper);
    --ov-tool:var(--ck-paper); --ov-head:var(--ck-subtle); --ov-line:var(--ck-line);
    --ov-line2:var(--ck-line); --ov-line3:var(--ck-line); --ov-ink:var(--ck-ink);
    --ov-dim:var(--ck-muted); --ov-no:var(--ck-muted); --ov-date:var(--ck-text);
    --ov-bad:#b42318; --ov-btn:var(--ck-paper); --ov-btn-hover:var(--ck-hover);
    --ov-btn-line:var(--ck-input-line); --ov-sel:var(--ck-hover); --ov-hover:var(--ck-subtle);
    --ov-pg-on:var(--ck-ink); --ov-pg-on-ink:var(--ck-paper);
    grid-template-columns:260px minmax(0,1fr); min-height:480px;
    border:1px solid var(--ck-line); border-radius:12px; overflow:hidden;
    font:400 14px/22px var(--ck-font); letter-spacing:normal;
  }
  html[data-theme=dark] body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovpanel { --ov-bad:#fda29b; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent :is(.ovbar,.ovsearch,.ovtool,.ovfoot) { padding:16px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovbar { min-height:58px; box-sizing:border-box; font:600 16px/26px var(--ck-font); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovrow { padding:12px 16px; min-height:48px; box-sizing:border-box; align-items:center; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovrow { position:relative; padding-inline-start:42px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovrow.on { box-shadow:none; background:var(--ck-paper); font-weight:600; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovrow.on::before { content:""; position:absolute; inset-inline-start:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:var(--ck-text); mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovrow.on > span:first-child { color:var(--ck-ink); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovin { min-height:40px; box-sizing:border-box; max-width:100%; padding:8px 12px; border-radius:8px; font:400 14px/22px var(--ck-font); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovchk { display:flex; align-items:center; gap:6px; min-height:40px; font:400 14px/22px var(--ck-font); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent input[type=checkbox] { width:16px; height:16px; accent-color:var(--ck-ink); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovwrap { padding:0 16px 16px; overscroll-behavior-x:contain; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovt { min-width:980px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovt th { padding:12px 8px; font:500 12px/18px var(--ck-font); color:var(--ck-muted); border-width:0 0 1px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovt td { padding:12px 8px; font:400 14px/22px var(--ck-font); border-width:0 0 1px; font-variant-numeric:tabular-nums; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovt tr:hover { background:var(--ck-subtle); }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent :is(.ovbtn,.ovpg) { min-height:36px; min-width:36px; padding:6px 10px; border-radius:8px; font:500 13px/22px var(--ck-font); margin:2px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovpg:disabled { opacity:.45; cursor:default; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent :is(button,input,[role=button]):focus-visible { outline:2px solid var(--ck-ink); outline-offset:2px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovfoot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-table-wrap { border:1px solid var(--ck-line); border-radius:8px; margin-top:20px; overflow:auto; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-table { margin:0; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-table tbody tr { background:var(--ck-paper) !important; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-table tbody tr:hover { background:var(--ck-subtle) !important; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap :is(.audit-col-time,.audit-col-user,.audit-col-detail) > div { font:400 12px/20px var(--ck-font) !important; color:var(--ck-muted) !important; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-col-detail > div:first-child { font-size:13px !important; color:var(--ck-text) !important; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-col-reason > div { font:400 12px/20px var(--ck-font) !important; background:var(--ck-subtle) !important; color:var(--ck-text) !important; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell #userAuditWrap .audit-col-action > span { font:500 12px/18px var(--ck-font) !important; padding:3px 8px !important; border-radius:6px !important; }
  body:not(.audit-mode-active) #page-user-main.customer-kit-shell .audit-total { font:500 13px/20px var(--ck-font); color:var(--ck-text); white-space:nowrap; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #apvDetailModal .apv-signature-time { margin-top:12px; font-size:12px; line-height:20px; color:var(--mono-text); font-variant-numeric:tabular-nums; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay :is(.doc-preview-panel,.doc-preview-header) { background:var(--ck-paper) !important; border-color:var(--ck-line) !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay .doc-preview-header { gap:12px; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay .doc-preview-title-block { flex-basis:100% !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewRotateHost { flex:1 1 280px; min-width:0; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay .doc-preview-rotate { background:var(--ck-subtle) !important; border-color:var(--ck-line) !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewToolbar { margin-left:auto; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay .doc-preview-navigation { background:transparent !important; border:0 !important; padding:0 !important; gap:8px !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay :is(button,#docPreviewToolbar a) { display:inline-flex; align-items:center; justify-content:center; background:var(--ck-paper) !important; color:var(--ck-text) !important; border:1px solid var(--ck-input-line) !important; border-radius:8px !important; font:500 14px/20px var(--ck-font) !important; box-shadow:0 1px 2px rgb(0 0 0 / 5%); white-space:nowrap; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay :is(button,#docPreviewToolbar a):hover { background:var(--ck-hover) !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay :is(button,a):focus:not(:focus-visible) { outline:none !important; box-shadow:0 1px 2px rgb(0 0 0 / 5%) !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewBody { background:var(--ck-subtle) !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewPasswordForm { background:var(--ck-paper) !important; color:var(--ck-text) !important; border-color:var(--ck-line) !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay #docPreviewPasswordForm button[type=submit] { background:var(--ck-ink) !important; color:var(--ck-paper) !important; border-color:var(--ck-ink) !important; }
  body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewPdfLoading:has(#docPreviewPasswordForm) { background:var(--ck-subtle) !important; }
  @media(max-width:768px) {
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell #content-doc-overview .page-card { margin:12px !important; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovpanel { grid-template-columns:minmax(0,1fr); }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovleft { max-height:240px; overflow:auto; border-right:0; border-bottom:1px solid var(--ck-line); }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovright { min-width:0; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent :is(.ovbtn,.ovpg,.ovin,.ovchk) { min-height:44px; }
    body:not(.audit-mode-active) #page-user-main.customer-kit-shell #docOverviewContent .ovin { font-size:16px; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewOverlay .doc-preview-header { padding:12px !important; }
    body:not(.audit-mode-active):has(#page-user-main.customer-kit-shell.active) #docPreviewToolbar { flex-shrink:1 !important; }
  }
}

/* Preserve readable columns while keeping row actions inside the visible table area. */
@media screen {
  #page-user-main.customer-kit-shell :is(.doc-record-table,.apv-trash-table) { min-width:1000px; }
  #page-user-main.customer-kit-shell .apv-trash-table td.apv-card-actions { display:table-cell !important; height:auto !important; }
  #page-user-main.customer-kit-shell :is(.doc-record-table,.apv-trash-table) :is(th,td):last-child,
  #page-user-main.customer-kit-shell #setJournalTrashList :is(th,td):last-child {
    position:sticky; right:0; z-index:1; background:var(--ck-paper) !important;
    white-space:normal !important; overflow:visible !important;
    border-left:1px solid var(--ck-line) !important;
    box-shadow:8px 0 0 var(--ck-paper);
  }
  #page-user-main.customer-kit-shell :is(.doc-record-table,.apv-trash-table) th:last-child,
  #page-user-main.customer-kit-shell #setJournalTrashList th:last-child { z-index:2; }
  #page-user-main.customer-kit-shell #setJournalTrashList :is(th,td):last-child { min-width:160px; width:180px; }
  #page-user-main.customer-kit-shell :is(.doc-record-table,.apv-trash-table) td:last-child button,
  #page-user-main.customer-kit-shell #setJournalTrashList td:last-child button {
    max-width:100%; min-height:44px; margin:3px 0 !important; white-space:nowrap;
  }
}