/* Accepted supplies density; no global navigation or other workspace styling. */
body:has(#work_support-content:not(.hidden):not([hidden]) #ws-panel-supplies:not(.hidden):not([hidden])) { zoom:1!important; }
#ws-panel-supplies,#ws-supply-modal,#supplydensity-detail,#supplydensity-menu { color-scheme:light; --supplydensity-text:#242426; --supplydensity-secondary:#58585e; --supplydensity-line:#dedee3; --supplydensity-blue:#0066cc; }
#ws-panel-supplies { padding:12px 16px!important; background:#fff; color:var(--supplydensity-text); }
#ws-panel-supplies > h3 { margin:0 0 10px!important; color:var(--supplydensity-text)!important; font-size:14px!important; font-weight:600!important; }
#ws-panel-supplies .supplydensity-inline-form { border:1px solid var(--supplydensity-line)!important; border-radius:8px!important; background:#f5f5f7!important; padding:10px!important; margin-bottom:12px!important; }
#ws-panel-supplies .supplydensity-inline-form > .grid { display:grid!important; grid-template-columns:minmax(0,1.15fr) minmax(0,1.1fr) minmax(85px,.5fr) minmax(0,1fr) 100px!important; align-items:center; gap:8px!important; margin-bottom:0!important; }
#ws-panel-supplies .supplydensity-inline-field { display:flex; align-items:center; gap:7px; min-width:0; }
#ws-panel-supplies .supplydensity-inline-field label { flex-shrink:0; margin:0!important; font-size:11px!important; font-weight:500!important; color:#505057!important; }
#ws-panel-supplies .supplydensity-inline-form .ws-input,#ws-supply-modal .ws-input { box-sizing:border-box; height:24px!important; min-height:24px!important; min-width:0; width:100%; border:1px solid #c7c7ce!important; border-radius:5px!important; box-shadow:inset 0 1px 2px #00000006; background:#fff!important; color:var(--supplydensity-text)!important; padding:0 7px!important; font:12px/1.2 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif!important; }
#ws-panel-supplies #sup-inline-save-btn { width:100%; height:24px!important; min-height:24px!important; display:inline-flex!important; align-items:center; justify-content:center; gap:6px; padding:0 10px!important; border:1px solid #0066cc!important; border-radius:6px!important; background:#0066cc!important; color:#fff!important; font-size:12px!important; font-weight:500!important; white-space:nowrap; }
#ws-panel-supplies #sup-inline-save-btn i { margin:0!important; }
#ws-panel-supplies #ws-supplies-list { min-width:0; max-width:100%; }
#ws-panel-supplies .supplydensity-table-scroll { width:100%; max-width:100%; overflow-x:auto; scrollbar-gutter:stable; border:1px solid var(--supplydensity-line); border-radius:7px; background:#fff; }
#supplydensity-table,#supplydensity-table *,#supplydensity-detail *,#supplydensity-menu * { box-sizing:border-box; }
#supplydensity-table { width:100%; min-width:940px; table-layout:fixed; border-collapse:separate; border-spacing:0; color:var(--supplydensity-text); font:12px/1.2 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif; }
#supplydensity-table .supplydensity-col-item { width:180px; } #supplydensity-table .supplydensity-col-qty { width:55px; } #supplydensity-table .supplydensity-col-status { width:85px; } #supplydensity-table .supplydensity-col-date { width:82px; } #supplydensity-table .supplydensity-col-link { width:48px; } #supplydensity-table .supplydensity-col-applicant { width:90px; } #supplydensity-table .supplydensity-col-note { width:auto; } #supplydensity-table .supplydensity-col-actions { width:112px; }
#supplydensity-table th,#supplydensity-table td { height:28px; min-height:0; padding:0 8px; border:0; box-shadow:inset 0 -1px var(--supplydensity-line); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; text-align:left; background:#fff; font-size:12px; line-height:1.2; }
#supplydensity-table th { background:#f5f5f7; color:#505057; font-size:11px; font-weight:500; }
#supplydensity-table tr:last-child td { box-shadow:none; }
#supplydensity-table td:first-child,#supplydensity-table th:first-child { position:sticky; left:0; z-index:1; border-right:1px solid var(--supplydensity-line); }
#supplydensity-table tr[data-supply-row] { cursor:pointer; }
#ws-panel-supplies .supplydensity-status,#supplydensity-detail .supplydensity-status { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:500; white-space:nowrap; color:#58585e; }
#ws-panel-supplies .supplydensity-status:before,#supplydensity-detail .supplydensity-status:before { content:''; width:5px; height:5px; border-radius:50%; flex-shrink:0; background:currentColor; }
#ws-panel-supplies .supplydensity-status-pending,#supplydensity-detail .supplydensity-status-pending { color:#805400; }
#ws-panel-supplies .supplydensity-status-approved,#supplydensity-detail .supplydensity-status-approved { color:#075bb4; }
#ws-panel-supplies .supplydensity-status-purchased,#supplydensity-detail .supplydensity-status-purchased { color:#216438; }
#ws-panel-supplies .supplydensity-status-rejected,#supplydensity-detail .supplydensity-status-rejected { color:#b4232c; }
#supplydensity-table button,#supplydensity-detail button { font:12px/1.2 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif; cursor:pointer; }
#supplydensity-table button { height:24px; min-height:24px; border:1px solid #d1d1d7; border-radius:5px; background:#fff; color:var(--supplydensity-blue); padding:0 6px; white-space:nowrap; }
#supplydensity-table a,#supplydensity-detail a { color:var(--supplydensity-blue); text-decoration:none; }
#supplydensity-table .supplydensity-action-slots { display:grid; grid-template-columns:62px 28px; align-items:center; gap:4px; }
#supplydensity-table .supplydensity-action-slots > span { height:24px; }
#supplydensity-table button[data-supply-more] { border-color:transparent; color:#4f4f55; padding:0; font-size:20px; }
#ws-panel-supplies .supplydensity-list-footer { padding:9px 2px; color:var(--supplydensity-secondary); font-size:11px; }
#supplydensity-menu { position:fixed; z-index:41000; min-width:148px; padding:4px; border:1px solid #cfcfd6; border-radius:8px; background:#fafafa; color:var(--supplydensity-text); box-shadow:0 6px 24px #00000026; }
#supplydensity-menu button { display:block; width:100%; height:28px; min-height:28px; padding:0 10px; border:0; border-radius:4px; background:transparent; text-align:left; color:var(--supplydensity-text); font:12px/1.2 -apple-system,sans-serif; cursor:pointer; }
#supplydensity-menu button[data-supply-action=delete] { color:#b4232c; }
#supplydensity-detail { position:fixed; z-index:40000; inset:0; display:flex; justify-content:flex-start; background:#1c1c2238; overflow:hidden; color:var(--supplydensity-text); font:12px/1.4 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif; }
#supplydensity-detail .supplydensity-detail { display:flex; flex-direction:column; width:320px; height:100%; min-height:0; max-width:100%; border-right:1px solid #cfcfd6; background:#f5f5f7; box-shadow:8px 0 28px #00000016; }
#supplydensity-detail .supplydensity-detail-header { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:8px; padding:12px 14px; border-bottom:1px solid var(--supplydensity-line); }
#supplydensity-detail h2 { margin:3px 0 0; font-size:15px; font-weight:600; overflow-wrap:anywhere; }
#supplydensity-detail .supplydensity-muted { color:var(--supplydensity-secondary); font-size:11px; }
#supplydensity-detail .supplydensity-detail-header button { flex-shrink:0; width:28px; height:28px; border:0; border-radius:6px; background:#e7e7eb; color:#505056; font-size:21px; }
#supplydensity-detail .supplydensity-detail-scroll { flex:1; min-height:0; overflow-y:auto; scrollbar-gutter:stable; padding:12px 14px 20px; overscroll-behavior:contain; }
#supplydensity-detail section { margin-top:14px; } #supplydensity-detail h3 { margin:0 0 6px; color:#58585e; font-size:11px; font-weight:500; }
#supplydensity-detail dl,#supplydensity-detail .supplydensity-full-text { margin:0; border:1px solid var(--supplydensity-line); border-radius:7px; background:#fff; overflow:hidden; }
#supplydensity-detail .supplydensity-field { display:grid; grid-template-columns:70px minmax(0,1fr); gap:8px; padding:7px 9px; border-bottom:1px solid #e7e7eb; }
#supplydensity-detail .supplydensity-field:last-child { border:0; } #supplydensity-detail dt { color:var(--supplydensity-secondary); font-size:11px; } #supplydensity-detail dd { margin:0; overflow-wrap:anywhere; }
#supplydensity-detail .supplydensity-full-text { padding:9px; white-space:pre-wrap; overflow-wrap:anywhere; }
#supplydensity-detail .supplydensity-detail-footer button,#supplydensity-detail section > a { display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border:1px solid #c7c7ce; border-radius:5px; background:#fff; color:var(--supplydensity-blue); }
#supplydensity-detail section > a { margin-top:6px; }
#supplydensity-detail .supplydensity-detail-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-shrink:0; padding:10px 14px; border-top:1px solid var(--supplydensity-line); background:#fafafa; color:var(--supplydensity-secondary); font-size:11px; }
#ws-supply-modal { scrollbar-gutter:stable; }
#ws-supply-modal .ws-modal-box { width:460px!important; max-width:100%!important; max-height:calc(100dvh - 64px)!important; overflow-y:auto; scrollbar-gutter:stable; border:1px solid #cfcfd6!important; border-radius:12px!important; background:#f5f5f7!important; color:var(--supplydensity-text); box-shadow:0 16px 48px #00000026!important; }
#ws-supply-modal .ws-modal-header { padding:12px 16px!important; background:#fafafa!important; color:var(--supplydensity-text)!important; border-bottom:1px solid var(--supplydensity-line); }
#ws-supply-modal .ws-modal-title { font-size:14px!important; font-weight:600!important; color:var(--supplydensity-text)!important; }
#ws-supply-modal form { padding:12px 16px!important; } #ws-supply-modal form > div { margin-top:8px!important; }
#ws-supply-modal .ws-label { margin-bottom:4px!important; font-size:11px!important; font-weight:500!important; color:#505057!important; }
#ws-supply-modal .grid { gap:8px!important; }
#ws-supply-modal .ws-btn-save { min-height:44px; border-radius:6px; padding:0 12px; background:#0066cc!important; color:#fff!important; font-size:12px; font-weight:500; }
#ws-supply-modal .ws-btn-cancel { min-height:28px; border:1px solid #c7c7ce; border-radius:6px; padding:0 12px; background:#fff; color:#303036; }
#ws-panel-supplies :focus-visible,#supplydensity-detail :focus-visible,#supplydensity-menu :focus-visible,#ws-supply-modal :focus-visible { outline:2px solid var(--supplydensity-blue)!important; outline-offset:-2px; }
@media (hover:hover) { #supplydensity-table tr[data-supply-row]:hover td { background:#f5f8fc!important; } #supplydensity-menu button:hover { background:#e7eef8; } }
@media (max-width:640px) {
 #ws-panel-supplies { padding:10px 8px!important; }
 #ws-panel-supplies .supplydensity-inline-form { padding:8px!important; margin-bottom:10px!important; }
 #ws-panel-supplies .supplydensity-inline-form > .grid { grid-template-columns:minmax(0,1fr) 100px!important; gap:6px!important; }
 #ws-panel-supplies .supplydensity-inline-field { gap:5px; }
 #ws-panel-supplies .supplydensity-inline-field:nth-child(1) { grid-column:1/-1; }
 #ws-panel-supplies .supplydensity-inline-field:nth-child(2) { grid-column:1; grid-row:2; }
 #ws-panel-supplies .supplydensity-inline-field:nth-child(3) { grid-column:2; grid-row:2; }
 #ws-panel-supplies .supplydensity-inline-field:nth-child(4) { grid-column:1; grid-row:3; }
 #ws-panel-supplies .supplydensity-inline-field label { width:55px; }
 #ws-panel-supplies .supplydensity-inline-field:nth-child(3) label { width:auto; }
 #ws-panel-supplies .supplydensity-inline-form .ws-input,#ws-supply-modal .ws-input { height:32px!important; min-height:32px!important; font-size:16px!important; }
 #ws-panel-supplies #sup-inline-save-btn { grid-column:2; grid-row:3; height:32px!important; min-height:32px!important; }
 #supplydensity-table th,#supplydensity-table td { height:44px; }
 #supplydensity-table .supplydensity-col-item { width:144px; } #supplydensity-table .supplydensity-col-qty { width:50px; } #supplydensity-table .supplydensity-col-status { width:84px; } #supplydensity-table .supplydensity-col-actions { width:128px; }
 #supplydensity-table .supplydensity-action-slots { grid-template-columns:62px 44px; }
 #supplydensity-table button,#supplydensity-table a { height:44px; min-height:44px; }
 #supplydensity-table a { display:inline-flex; width:44px; align-items:center; }
 #supplydensity-menu button { height:44px; min-height:44px; }
 #supplydensity-detail { align-items:flex-end; }
 #supplydensity-detail .supplydensity-detail { width:100%; height:auto; max-height:calc(100dvh - 80px); border:1px solid #cfcfd6; border-bottom:0; border-radius:14px 14px 0 0; box-shadow:0 -8px 28px #00000016; }
 #supplydensity-detail .supplydensity-detail-header button { width:44px; height:44px; }
 #supplydensity-detail .supplydensity-detail-footer button,#supplydensity-detail section > a { min-height:44px; }
 #supplydensity-detail .supplydensity-detail-footer { padding-bottom:max(10px,env(safe-area-inset-bottom)); }
 #ws-supply-modal .ws-btn-cancel,#ws-supply-modal .ws-modal-close { min-height:44px; min-width:44px; }
}