/* Operations design system. Screen-only rules preserve delivery notes and labels. */
@media screen {
  :root{--ops-ink:#252723;--ops-muted:#676b61;--ops-bg:#f5f4ef;--ops-paper:#fff;--ops-line:#dedfd6;--ops-warm:#9a613f;--ops-soft:#eeede5;--ops-green:#216349;--ops-danger:#b3332b}
  body{background:var(--ops-bg);color:var(--ops-ink);font-family:'Assistant','Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.5}
  button,input,select,textarea{font-family:inherit}button,[role=button],a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}
  button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ops-warm);outline-offset:3px}
  .skip-link{position:fixed;top:8px;inset-inline-start:12px;z-index:200;background:var(--ops-ink);color:#fff;padding:12px 20px;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}
  body>header{background:var(--ops-ink);min-height:84px;padding:18px max(24px,calc((100vw - 1320px)/2));font-family:inherit;letter-spacing:0;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:none}
  .ops-brand{display:flex;align-items:center;gap:18px}.ops-wordmark{font-family:Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:3px;direction:ltr;white-space:nowrap}.ops-brand-divider{width:1px;height:34px;background:#66685c}.ops-brand-title{font-size:15px;font-weight:600;display:block}.ops-brand small{font-size:12px;color:#c8cbbb;display:block;font-weight:400;letter-spacing:.2px}.ops-head-caption{color:#c8cbbb;font-size:13px;font-weight:500}
  body>.bar:first-of-type{background:#ecece4;padding:10px max(24px,calc((100vw - 1320px)/2));border:0;gap:8px;min-height:62px}
  #whoami{color:var(--ops-ink)!important;font-size:15px}
  body>.bar:first-of-type button{background:transparent!important;color:var(--ops-ink);border:1px solid #cccec2;border-radius:7px;min-height:40px;padding:7px 12px;font-size:14px;box-shadow:none;white-space:nowrap}
  body>.bar:first-of-type button:last-child{border-color:transparent;color:#8c3732}
  .mtabs,.subtabs{max-width:1368px;margin:auto;padding-inline:24px;gap:6px}.mtabs{padding-top:20px;padding-bottom:13px;border-bottom:1px solid var(--ops-line)}
  .mtab{display:flex;align-items:center;gap:10px;border:0;border-radius:8px;color:var(--ops-muted);background:transparent;min-height:46px;padding:10px 22px;font-size:16px;font-weight:700}.mtab svg{width:19px;height:19px;stroke-width:1.7}.mtab:hover{background:var(--ops-soft)}.mtab.on{color:white;background:var(--ops-ink);box-shadow:none}
  .subtabs{padding-top:12px;padding-bottom:0}.subtab{min-height:40px;padding:7px 15px;color:var(--ops-muted);border:1px solid transparent;background:transparent;border-radius:7px;font-weight:600;font-size:15px}.subtab.on{background:#fff;color:var(--ops-ink);border-color:var(--ops-line);box-shadow:0 2px 3px #25272305}.subtab:hover{background:#fff;border-color:var(--ops-line)}
  .ops-section{max-width:1368px;margin:0 auto;padding:27px 24px 16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.ops-section h1{font-size:30px;line-height:1.25;font-weight:800;margin:0;letter-spacing:-.6px}.ops-section p{color:var(--ops-muted);margin:6px 0 0;font-size:15px}.ops-section .ops-label{font-size:12px;color:var(--ops-warm);font-weight:800;letter-spacing:1px;margin-bottom:7px}
  .wrap{max-width:1368px;padding:4px 24px 40px}.bar{gap:8px}body>.bar[id^=tools]{max-width:1320px;margin:0 auto 14px;padding:14px;border:1px solid var(--ops-line);border-radius:12px;box-shadow:0 3px 14px #25272304}
  .bar input,.bar select{min-height:42px;border-radius:7px;border-color:#cfd2c6;font-size:15px;color:var(--ops-ink);background:#fff}.bar button,.imp{min-height:42px;font-size:14px;border-radius:7px;font-family:inherit;font-weight:700;background:var(--ops-ink)}.bar .g,.imp{background:var(--ops-green)}.bar .r{background:var(--ops-danger)}.bar button:hover,.imp:hover{box-shadow:none;filter:brightness(1.08)}
  .hbtn{min-height:36px;min-width:36px;padding:6px 11px;border-color:var(--ops-line);font:600 14px 'Assistant','Segoe UI',sans-serif;border-radius:6px}.hbtn:hover{border-color:#9b9f91;background:var(--ops-soft)}.note{color:var(--ops-muted);font-size:13px;line-height:1.6}
  #view table{border:1px solid var(--ops-line);border-radius:10px;box-shadow:0 2px 8px #25272303;font-size:14px}#view th{background:#edeee7;color:#484d42;font-size:13px;font-weight:800;padding:12px 10px}#view td{padding:11px 10px}#view table td,#view table th{border-bottom:1px solid #e6e8df}#view table td:not(:first-child),#view table th:not(:first-child){border-inline-start:0}#view table tbody tr:nth-child(even){background:#fafbf8}#view table tbody tr:hover{background:#f1f3eb}#view td input{min-height:38px;border:1px solid #cdd1c3;font-size:15px}
  .grp{background:#e9ece1;color:#404c38;margin-top:20px;padding:12px 14px}.builder,.chklist,.tree{border-color:var(--ops-line);border-radius:10px;box-shadow:none}.pcol{background:#eeefe8;border-color:var(--ops-line)}.pcolh{min-height:50px;font-size:16px}.pcolb{padding:12px}.taskcard,.supcust{border-color:var(--ops-line);border-radius:10px}.taskcard{padding:16px}.supcusth{min-height:54px}.pager{margin-top:20px}.pager button{min-height:42px}
  .ops-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.ops-stat{display:block;width:100%;text-align:start;background:white;color:var(--ops-ink);border:1px solid var(--ops-line);border-radius:12px;padding:19px 20px;min-height:120px;font-family:inherit;box-shadow:0 3px 12px #25272303}.ops-stat:where(button):hover{border-color:#a7ad98;box-shadow:0 5px 18px #25272308}.ops-stat-label{font-size:14px;color:var(--ops-muted);font-weight:600;display:flex;justify-content:space-between;gap:12px}.ops-stat-value{display:block;font-size:34px;line-height:1.3;font-weight:800;letter-spacing:-1px;margin-top:12px;font-variant-numeric:tabular-nums}.ops-stat-arrow{color:var(--ops-warm)}
  .ops-presence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.ops-presence .ops-stat{min-height:90px;padding:14px 18px}.ops-presence .ops-stat-value{font-size:27px;margin-top:4px}.ops-workflow{background:#e7eadf;border:1px solid #d5dbca;border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.ops-workflow h2{font-size:21px;line-height:1.4;margin:0 0 3px}.ops-workflow p{font-size:14px;color:#616a57;margin:0}.ops-workflow-actions{display:flex;gap:8px;flex-shrink:0}.ops-workflow button{padding:11px 17px;font-size:15px;font-weight:700;border:1px solid #b9c2ac;border-radius:7px;min-height:44px;background:#fff;color:var(--ops-ink)}.ops-workflow button:first-child{background:var(--ops-ink);color:#fff;border-color:var(--ops-ink)}
  .ops-state{padding:44px 24px;text-align:center;border:1px solid var(--ops-line);border-radius:12px;background:#fff;color:var(--ops-muted)}.ops-state strong{display:block;font-size:20px;color:var(--ops-ink);margin-bottom:6px}.ops-state button{margin-top:16px}.ops-loading{width:28px;height:28px;border:3px solid #e2e4d9;border-top-color:var(--ops-green);border-radius:50%;animation:ops-spin .8s linear infinite;margin:0 auto 14px}@keyframes ops-spin{to{transform:rotate(360deg)}}
  .msg{position:fixed;z-index:90;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--ops-ink);color:#fff;border-radius:10px;box-shadow:0 8px 26px #25272330;font-size:15px;text-align:center;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.msg:empty{display:none}
  .ovl{background:#171c16a8;padding:32px 16px;z-index:70}.modal{border:1px solid var(--ops-line);border-radius:14px;box-shadow:0 20px 80px #151a1640}.modal .mh{background:var(--ops-ink);min-height:62px;padding:14px 22px;font-size:18px}.modal .mb{padding:22px;max-height:75vh}.modal .mh .x{min-width:44px;min-height:44px;display:grid;place-items:center;line-height:1;border-radius:7px}.modal .mh .x:hover{background:#ffffff20}.modal label{font-size:15px;color:var(--ops-ink)}.modal input:not([type=checkbox]):not([type=hidden]):not([type=file]),.modal select{min-height:44px;font-family:inherit}.modal button{font-family:inherit;min-height:42px}
  #confirmModal{z-index:85}#loginModal{align-items:center;background:var(--ops-bg);z-index:100;padding:28px 20px}#loginModal .modal{width:min(450px,100%)!important;border-radius:16px;box-shadow:0 16px 65px #343a2420;border-color:var(--ops-line)}#loginModal .mh{background:var(--ops-ink)!important;justify-content:center;font-size:14px;font-weight:600;color:#d7dbcc;padding:16px}#loginModal .mb{padding:32px;max-height:none}.ops-login-brand{text-align:center;font-family:Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:4px;margin:0 0 8px}.ops-login-title{text-align:center;font-size:24px;line-height:1.3;margin:0 0 6px;font-weight:800}.ops-login-caption{text-align:center;font-size:15px;color:var(--ops-muted);margin:0 0 24px}#loginModal button[onclick="doLogin()"],#loginModal button[onclick="doVerifyOtp()"]{background:var(--ops-ink)!important;font-size:16px!important;min-height:48px}#loginModal input{font-size:16px;background:#fafbf8}
  @media(max-width:1000px){.ops-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-head-caption{display:none}body>.bar:first-of-type{padding-inline:20px}#whoami{flex-basis:100%}.ops-workflow{align-items:flex-start}}
  @media(max-width:760px){body>header{min-height:75px;padding:14px 16px}.ops-brand{gap:12px}.ops-wordmark{font-size:19px}.ops-brand-title{font-size:14px}.ops-brand small{font-size:11px}.mtabs,.subtabs{padding-inline:12px;scrollbar-width:thin;gap:4px}.mtabs{padding-top:12px;padding-bottom:10px}.mtab{padding:10px 16px;min-height:46px;font-size:15px}.mtab svg{width:17px}.subtab{font-size:14px;min-height:42px}.wrap{padding:0 12px 30px}.ops-section{padding:23px 14px 17px}.ops-section h1{font-size:27px}.ops-section p{font-size:14px}.ops-section .ops-label{font-size:11px}body>.bar:first-of-type{padding:9px 12px}body>.bar:first-of-type button{min-height:40px;font-size:13px;padding:6px 10px}body>.bar[id^=tools]{margin-inline:12px;gap:8px}.bar button,.hbtn{min-height:44px}.bar input{max-width:100%}#view table{max-width:100%;white-space:nowrap}.ops-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ops-stat{padding:16px;min-height:112px}.ops-stat-value{font-size:30px}.ops-stat-label{font-size:13px}.ops-presence{gap:8px}.ops-presence .ops-stat{padding:12px 10px;min-height:90px}.ops-presence .ops-stat-label{font-size:12px}.ops-workflow{padding:18px;display:block}.ops-workflow-actions{margin-top:14px;flex-wrap:wrap}.ops-workflow button{flex:1;font-size:14px;white-space:nowrap}.ops-workflow h2{font-size:20px}.pboard .pcol{width:100%}.ovl{padding:10px}.modal .mb{padding:16px;max-height:78dvh}#loginModal .mb{padding:26px 24px}.msg{bottom:max(18px,env(safe-area-inset-bottom))}.ops-presence .ops-stat-value{font-size:24px}}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}
