/* 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,
   except the data log (#content-audit): auditors see the same screen the company uses. */
@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 .prpanel,
  #page-user-main.customer-kit-shell #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; }
  #page-user-main.customer-kit-shell #content-audit .audit-page { margin:24px; padding:0; }
  #page-user-main.customer-kit-shell .audit-page-head { display:block; padding:24px !important; margin:0 !important; border-bottom:1px solid var(--ck-line) !important; }
  #page-user-main.customer-kit-shell .audit-page-title { font:600 20px/30px var(--ck-font) !important; letter-spacing:0 !important; color:var(--ck-ink) !important; }
  #page-user-main.customer-kit-shell .audit-page-sub { font:400 14px/22px var(--ck-font); max-width:100%; margin:8px 0 20px; color:var(--ck-text); word-break:keep-all; overflow-wrap:break-word; }
  #page-user-main.customer-kit-shell .audit-filters { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0; padding:0; border:0; }
  #page-user-main.customer-kit-shell .audit-search { flex:1 1 240px; }
  #page-user-main.customer-kit-shell .audit-filters .audit-search::placeholder { color:var(--ck-muted); }
  #page-user-main.customer-kit-shell #userAuditWrap { padding:24px; overflow-x:auto; }
  /* Preserve a readable detail column instead of letting fixed columns consume it. */
  #page-user-main.customer-kit-shell #userAuditWrap .audit-table { border-top:0; min-width:1240px; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-col-user { width:120px; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-col-target { width:110px; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-col-action { width:150px; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-col-ip { width:150px; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-col-reason { width:20%; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-table th { white-space:nowrap; }
  #page-user-main.customer-kit-shell #userAuditWrap :is(.audit-col-detail,.audit-col-reason) { word-break:keep-all; overflow-wrap:anywhere; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-col-time { width:128px; white-space:nowrap; }
  #page-user-main.customer-kit-shell .audit-filters { display:grid; grid-template-columns:120px 148px 12px 148px minmax(180px,1fr) auto; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-table th { background:var(--ck-subtle); font:500 13px/20px var(--ck-font); letter-spacing:0; color:var(--ck-muted); padding:12px 16px; border-bottom:1px solid var(--ck-line); }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-table td { font:400 15px/24px var(--ck-font) !important; padding:10px 16px !important; color:var(--ck-text) !important; border-color:var(--ck-line); }
  #page-user-main.customer-kit-shell #userAuditWrap td.audit-col-user { font-weight:600 !important; color:var(--ck-ink) !important; }
  #page-user-main.customer-kit-shell #userAuditWrap td:is(.audit-col-target,.audit-col-ip) { font-size:14px !important; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-table tbody tr { background:var(--ck-paper); }
  #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; }
  #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 .ovt td:has(> .ovbtn + .ovbtn) { overflow:visible; text-overflow:clip; white-space:nowrap; }
  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) {
    #page-user-main.customer-kit-shell .audit-filters { grid-template-columns:120px minmax(0,1fr) 12px minmax(0,1fr); }
    #page-user-main.customer-kit-shell .audit-filters .audit-search { grid-column:1 / 4; width:100%; }
    #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; }
    #page-user-main.customer-kit-shell #content-audit .audit-page { margin:12px; }
    #page-user-main.customer-kit-shell :is(.audit-page-head,#userAuditWrap) { padding:16px !important; }
    #page-user-main.customer-kit-shell .audit-filters :is(input,select) { min-height:44px; font-size:16px !important; }
    #page-user-main.customer-kit-shell .audit-filters { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
    #page-user-main.customer-kit-shell .audit-filters .audit-select { grid-column:1 / -1; width:100%; }
    #page-user-main.customer-kit-shell .audit-date-sep { display:none; }
    #page-user-main.customer-kit-shell .audit-filters :is(.audit-date,.audit-search) { width:100%; min-width:0; }
    #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.
   The document overview is the exception: audit mode borrows it read-only since 2026-09-28
   and must look the same as the everyday screen (owner). */
@media screen {
  #page-user-main.customer-kit-shell #content-doc-overview .page-card { margin:24px !important; }
  #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] #page-user-main.customer-kit-shell #docOverviewContent .ovpanel { --ov-bad:#fda29b; }
  #page-user-main.customer-kit-shell #docOverviewContent :is(.ovbar,.ovsearch,.ovtool,.ovfoot) { padding:16px; }
  #page-user-main.customer-kit-shell #docOverviewContent .ovbar { min-height:58px; box-sizing:border-box; font:600 16px/26px var(--ck-font); }
  #page-user-main.customer-kit-shell #docOverviewContent .ovrow { padding:12px 16px; min-height:48px; box-sizing:border-box; align-items:center; }
  #page-user-main.customer-kit-shell #docOverviewContent .ovrow { position:relative; padding-inline-start:42px; }
  /* 짜임은 옛 격자와 같게, 색·글꼴은 킷 그대로(2026-09-28 대표님: 「똑같은데 톤하고 스타일 지금 거로」).
     고른 서류 줄은 옅게 칠한다 — 체크 하나로는 어디를 보고 있는지 안 보였다. */
  #page-user-main.customer-kit-shell #docOverviewContent .ovrow.on { box-shadow:none; background:var(--ck-hover); font-weight:600; }
  #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; }
  #page-user-main.customer-kit-shell #docOverviewContent .ovrow.on > span:first-child { color:var(--ck-ink); }
  #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); }
  #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); }
  #page-user-main.customer-kit-shell #docOverviewContent input[type=checkbox] { width:16px; height:16px; accent-color:var(--ck-ink); }
  #page-user-main.customer-kit-shell #docOverviewContent .ovwrap { padding:0 16px 16px; overscroll-behavior-x:contain; }
  #page-user-main.customer-kit-shell #docOverviewContent .ovt { min-width:980px; }
  /* 열 이름은 진하게, 열마다 세로 줄 — 12px 옅은 머리와 가로 줄만으로는 검사일·만료일이 섞여 보였다(2026-09-28 대표님). */
  #page-user-main.customer-kit-shell #docOverviewContent .ovt th { padding:12px 8px; font:600 14px/20px var(--ck-font); color:var(--ck-ink); border-width:1px; }
  #page-user-main.customer-kit-shell #docOverviewContent .ovt td { padding:12px 8px; font:400 14px/22px var(--ck-font); border-width:1px; font-variant-numeric:tabular-nums; }
  /* 빈 줄까지 격자로 채운다(옛 격자와 같은 짜임) — 페이지를 넘겨도 표 높이가 같다. */
  #page-user-main.customer-kit-shell #docOverviewContent .ovt .doc-padding-row { display:table-row; }
  #page-user-main.customer-kit-shell #docOverviewContent .ovt tr:hover { background:var(--ck-subtle); }
  #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; }
  #page-user-main.customer-kit-shell #docOverviewContent .ovpg:disabled { opacity:.45; cursor:default; }
  #page-user-main.customer-kit-shell #docOverviewContent :is(button,input,[role=button]):focus-visible { outline:2px solid var(--ck-ink); outline-offset:2px; }
  #page-user-main.customer-kit-shell #docOverviewContent .ovfoot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-table-wrap { border:1px solid var(--ck-line); border-radius:8px; margin-top:0; overflow:auto; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-table thead tr { border-top:0; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-table { margin:0; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-table tbody tr { background:var(--ck-paper) !important; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-table tbody tr:hover { background:var(--ck-subtle) !important; }
  #page-user-main.customer-kit-shell #userAuditWrap :is(.audit-col-time,.audit-col-user,.audit-col-detail) > div { font:400 13px/20px var(--ck-font) !important; color:var(--ck-muted) !important; }
  #page-user-main.customer-kit-shell #userAuditWrap :is(.audit-col-time,.audit-col-detail) > div:first-child { font-size:15px !important; line-height:24px !important; color:var(--ck-ink) !important; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-col-reason > div { font:400 14px/22px var(--ck-font) !important; background:var(--ck-subtle) !important; color:var(--ck-text) !important; }
  #page-user-main.customer-kit-shell #userAuditWrap .audit-col-action > span { font:500 13px/20px var(--ck-font) !important; padding:3px 10px !important; border-radius:6px !important; color:var(--ck-text) !important; background:var(--ck-paper) !important; border-color:var(--ck-input-line) !important; }
  /* 심사위원이 먼저 찾는 줄: 색 없이 굵기와 진한 테두리로만 */
  #page-user-main.customer-kit-shell #userAuditWrap .audit-col-action > span:is([data-audit-act=DELETE],[data-audit-act=REJECT]) { font-weight:700 !important; color:var(--ck-ink) !important; border-color:var(--ck-ink) !important; }
  #page-user-main.customer-kit-shell .audit-total { font:500 14px/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) {
    #page-user-main.customer-kit-shell #content-doc-overview .page-card { margin:12px !important; }
    #page-user-main.customer-kit-shell #docOverviewContent .ovpanel { grid-template-columns:minmax(0,1fr); }
    #page-user-main.customer-kit-shell #docOverviewContent .ovleft { max-height:240px; overflow:auto; border-right:0; border-bottom:1px solid var(--ck-line); }
    #page-user-main.customer-kit-shell #docOverviewContent .ovright { min-width:0; }
    #page-user-main.customer-kit-shell #docOverviewContent :is(.ovbtn,.ovpg,.ovin,.ovchk) { min-height:44px; }
    #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;
  }
}
/* 만료 표 작업 칸(열기·수정·갱신, 212px)은 오른쪽에 붙어 있어 좁은 화면(태블릿 세로)에서는
   밀어 보는 표를 너무 많이 가린다 — 그때는 예전 폭 148px 로 두고 「갱신」이 둘째 줄로 내려간다(2026-09-28). */
@media screen and (max-width: 1100px) {
  #page-user-main.customer-kit-shell .doc-record-table col:last-child { width:148px !important; }
  #page-user-main.customer-kit-shell .doc-record-table td:last-child:has(> .ovbtn + .ovbtn + .ovbtn) { white-space:normal !important; }
}
/* 푸시를 눌러 연 휴대폰 안내 화면. 알림 일정 페이지와는 별도다. */
html.vfc-mobile-call-active, body.vfc-mobile-call-active { overflow:hidden !important; }
#vfcMobileCall {
  /* customer-kit / 기존 확인창과 같은 무채색 팔레트. 로그인 전에도 동일하다. */
  --call-bg:#fafafa; --call-paper:#fff; --call-ink:#171717;
  --call-text:#404040; --call-muted:#737373; --call-line:#e5e5e5;
  --call-input-line:#d4d4d4;
  position:fixed; inset:0; z-index:2147483647;
  display:flex; align-items:flex-start; justify-content:center;
  font-family:"Selo Admin Inter",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));
  overflow-y:auto; overscroll-behavior:contain; background:var(--call-bg); color:var(--call-ink);
}
#vfcMobileCall, #vfcMobileCall * { box-sizing:border-box; }
#vfcMobileCall .vfc-mobile-call-card {
  width:100%; max-width:440px; min-width:0; margin:auto; padding:24px;
  background:var(--call-paper); border:1px solid var(--call-line); border-radius:12px;
  box-shadow:none;
}
#vfcMobileCall .vfc-mobile-call-brand {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding-bottom:20px; border-bottom:1px solid var(--call-line);
}
#vfcMobileCall .vfc-mobile-call-brand span:first-child { font-size:16px; font-weight:600; letter-spacing:0; }
#vfcMobileCall .vfc-mobile-call-brand span:last-child { font-size:12px; color:var(--call-muted); }
#vfcMobileCall .vfc-mobile-call-content { padding:24px 0; }
#vfcMobileCall .vfc-mobile-call-symbol { display:none; }
#vfcMobileCall .vfc-mobile-call-kicker { margin:0 0 8px; color:var(--call-muted); font-size:12px; font-weight:500; }
#vfcMobileCall h1 {
  margin:0 0 16px; color:var(--call-ink); font-size:22px; line-height:1.45;
  font-weight:600; letter-spacing:-.3px; word-break:keep-all; overflow-wrap:anywhere;
}
#vfcMobileCall h1:focus { outline:none; }
#vfcMobileCall .vfc-mobile-call-reason { padding:0; border:0; border-radius:0; background:transparent; }
#vfcMobileCall .vfc-mobile-call-reason p {
  margin:0; color:var(--call-text); font-size:14px; font-weight:400;
  line-height:1.75; word-break:keep-all; overflow-wrap:anywhere; white-space:pre-line;
}
#vfcMobileCall .vfc-mobile-call-guide {
  margin:0; padding:16px 0 0; border-top:1px solid var(--call-line); border-radius:0; background:transparent;
  color:var(--call-muted); font-size:13px; line-height:1.65; word-break:keep-all;
}
#vfcMobileCall .vfc-mobile-call-actions { display:grid; gap:8px; margin-top:24px; }
#vfcMobileCall .vfc-mobile-call-actions button { min-height:48px; padding:12px 16px; border-radius:8px; font-size:14px; font-weight:500; }
#vfcMobileCall .vfc-mobile-call-primary { background:var(--call-paper); color:var(--call-ink); border:1px solid var(--call-input-line); }
#vfcMobileCall .vfc-mobile-call-primary span { padding-left:8px; }
#vfcMobileCall .vfc-mobile-call-secondary { background:transparent; color:var(--call-muted); border:1px solid transparent; }
#vfcMobileCall .vfc-mobile-call-primary:hover { background:var(--call-bg); }
#vfcMobileCall button:focus-visible { outline:2px solid var(--call-text); outline-offset:3px; }
html[data-theme="dark"] #vfcMobileCall {
  --call-bg:#202020; --call-paper:#171717; --call-ink:#fafafa;
  --call-text:#e5e5e5; --call-muted:#a3a3a3; --call-line:#404040;
  --call-input-line:#525252;
}
@media (max-width:359px) {
  #vfcMobileCall { padding-left:12px; padding-right:12px; }
  #vfcMobileCall .vfc-mobile-call-card { padding:20px; }
  #vfcMobileCall h1 { font-size:20px; }
}