:root{--navy:#112a45;--navy-deep:#0c2036;--blue:#1265d6;--blue-light:#edf4ff;--mint:#74dac2;--ink:#1d3149;--muted:#718096;--border:#e3e9f1;--background:#f4f7fb;--white:#fff;--radius:12px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--background)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:3px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:29px;line-height:1.3;letter-spacing:-.7px;margin-bottom:8px;font-weight:650}h2{font-size:17px;font-weight:650;margin-bottom:8px}h3{font-size:14px}p{line-height:1.7}small{font-size:12px}hr{border:0;border-top:1px solid var(--border);margin:25px 0}[hidden]{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--blue);margin-bottom:12px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:244px;background:linear-gradient(155deg,var(--navy),var(--navy-deep));color:#a8b7cb;display:flex;flex-direction:column;padding:31px 18px 22px;z-index:10;overflow-y:auto}.brand{display:flex;align-items:center;gap:15px;padding:0 16px 28px;color:white}.brand:hover{text-decoration:none}.brand-mark{position:relative;font-weight:900;letter-spacing:-2px;font-style:italic;font-size:39px;color:white;line-height:1}.brand-mark span{display:block;height:4px;width:29px;background:var(--mint);transform:skew(-20deg);margin-top:6px}.brand-caption{font-size:10px;letter-spacing:2px;border-left:1px solid #4b5f77;padding-left:12px}.workspace-label{border-top:1px solid #ffffff17;padding:23px 15px 20px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#7f98b5}.sidebar nav>a{display:flex;align-items:center;gap:11px;color:#b7c6d9;border-radius:7px;padding:12px 12px;margin:3px 0;font-size:12px;line-height:1.4}.sidebar nav>a:hover{background:#ffffff0b;text-decoration:none;color:white}.sidebar nav>a[aria-current]{background:#ffffff13;color:white;box-shadow:inset 3px 0 var(--mint)}.nav-icon{font-size:17px;display:inline-block;width:20px;text-align:center;color:#84a3c6}.nav-heading{font-size:9px;letter-spacing:1.7px;margin:27px 13px 12px;color:#6e88a7}.nav-dot{width:5px;height:5px;border-radius:50%;background:#eeb969;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:34px 14px 0;font-size:9px;letter-spacing:1px}.sidebar-footer p{font-size:10px;letter-spacing:0;color:#67829f;margin:10px 0 0}.local-dot{display:inline-block;background:var(--mint);width:6px;height:6px;border-radius:50%;margin-right:7px}.workspace{margin-left:244px;min-width:0}.topbar{height:82px;background:white;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 36px;gap:15px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 12px;color:#b9c4d0}.breadcrumb strong{font-weight:500;color:var(--ink)}.account{display:flex;align-items:center;gap:10px;font-size:12px}.account small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.avatar{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:#eaf1fa;color:var(--blue);font-weight:700}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer;padding:10px}.account-menu>div{position:absolute;right:0;top:35px;background:white;z-index:30;padding:8px;width:175px;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 25px #1533571c}.account-menu a,.account-menu button{display:block;padding:10px;border:0;background:none;font-size:12px;width:100%;text-align:left;color:var(--ink)}#main{padding:35px 36px 0;max-width:1780px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading p:last-child{margin-bottom:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:39px;padding:9px 17px;border:1px solid #d7e0ec;border-radius:6px;background:white;color:#3f5570;font-weight:600;font-size:12px;white-space:nowrap;line-height:1.5}.button:hover{background:#f7faff;text-decoration:none}.button.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 3px 5px #1265d614}.button.primary:hover{background:#0d53b3}.button-group{display:flex;gap:10px;flex-wrap:wrap}.full-width{width:100%;justify-content:space-between}.text-link{font-size:12px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat-card{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;position:relative;overflow:hidden}.stat-card:after{content:"";width:30px;height:3px;position:absolute;top:0;left:24px;background:#c5d9f4}.stat-card p{color:#6c7d92;font-size:12px;margin-bottom:13px}.stat-card strong{display:block;font-size:34px;letter-spacing:-1px;font-weight:600;margin-bottom:9px}.stat-card small{color:#93a0b1;font-size:10px}.panel{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:26px;margin-bottom:24px;min-width:0}.panel.flush{padding:0;overflow:hidden}.panel-heading{padding:25px 23px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading p{font-size:11px;margin:0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(240px,1fr);gap:22px}.getting-started{padding:26px}.label-chip{display:inline-block;font-size:9px;letter-spacing:1.2px;font-weight:700;background:var(--blue-light);color:var(--blue);padding:6px 9px;border-radius:4px;margin-bottom:18px}.getting-started>p{font-size:12px}.getting-started>a{display:flex;align-items:center;gap:13px;color:var(--ink);border-top:1px solid var(--border);padding:17px 0;font-size:12px}.getting-started>a>span{border:1px solid var(--border);border-radius:7px;padding:9px;font-size:10px;color:var(--blue)}.getting-started>a>div{flex:1}.getting-started small{display:block;font-size:10px;line-height:1.7;margin-top:3px;color:var(--muted)}.table-scroll{overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#f8fafd;color:#7b8a9d;font-size:10px;font-weight:600;padding:13px 19px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:17px 19px;border-bottom:1px solid #edf1f6;line-height:1.7}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fbfdff}td strong{font-weight:600}td small{display:block;font-size:10px;color:#8a98a9;margin-top:4px}.record-link{font-weight:650;white-space:nowrap}.nowrap{white-space:nowrap}.status{display:inline-block;padding:5px 9px;border-radius:5px;background:#edf1f7;color:#72829b;font-size:10px;font-weight:650;white-space:nowrap;vertical-align:middle;letter-spacing:0}.status.in_progress{background:#eaf3ff;color:#216ac2}.status.review{background:#fff4df;color:#a77421}.status.ready{background:#e6f5ee;color:#27855e}.status.closed{background:#e9edf2;color:#5e6e83}.notice{padding:15px 19px;border:1px solid #dce8f6;background:#edf4fc;color:#56718e;font-size:12px;border-radius:8px;margin-bottom:22px;line-height:1.7}.notice.success{background:#ecf9f1;border-color:#c9ecd8;color:#237348}.notice.error{background:#fff3f1;border-color:#f2c6bf;color:#a23e30}.panel>.notice{margin:20px 23px}.ribbon{padding:16px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:linear-gradient(white,#fcfdff);flex-wrap:wrap}.ribbon-caption{font-size:11px;color:#93a0b1;border-left:1px solid var(--border);padding-left:20px;margin-left:10px}.ribbon-brand{font-style:italic;font-size:20px;letter-spacing:-1px;color:var(--blue);margin-left:auto}.search-form{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.search-form input{width:260px}.search-form select{width:170px}.record-count{margin-left:auto;font-size:11px;color:var(--muted)}input,select,textarea{background:white;border:1px solid #d9e2ed;border-radius:5px;padding:10px 12px;width:100%;color:var(--ink);min-height:39px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#6f9edd;outline:2px solid #d9e8fc}input:disabled,select:disabled,textarea:disabled{background:#f4f7fa;color:#6b7d92}input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--blue)}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:17px}.field>label,.field>span{font-size:11px;font-weight:600;color:#5d718b}.field small{font-size:10px;line-height:1.6;color:#92a0b2}.required{color:var(--blue)}.errorlist{color:#b34236;font-size:12px;padding-left:18px;line-height:1.7;margin:5px 0}.field-error input,.field-error select,.field-error textarea{border-color:#db8980}.form-section{padding:25px 28px;border-bottom:1px solid #edf1f6}.form-section:last-child{border-bottom:0}.form-section>h2{margin-bottom:20px}.form-section>p{font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.mechanic-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px}.profile-summary{background:#fafcfe;border-left:1px solid var(--border);padding:30px 24px}.profile-summary p{font-size:12px}.subtle-note{background:#f0f4f9;color:#76879c;border-radius:6px;padding:14px;font-size:11px;line-height:1.8}.tabs{display:flex;gap:24px;padding:0 25px;border-bottom:1px solid var(--border);overflow-x:auto}.tabs button{border:0;background:none;color:#8190a4;font-size:11px;font-weight:600;padding:17px 1px 15px;white-space:nowrap;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.tab-panel{min-height:240px}.commercial{margin-top:15px;padding-top:18px;border-top:1px solid var(--border)}summary{cursor:pointer;font-size:12px;color:#4c647f}.commercial[open]>summary{margin-bottom:20px}.commercial p{font-size:12px}.line-row{border:1px solid var(--border);padding:20px;border-radius:8px;margin:15px 0 20px;background:#fbfcfe;min-width:0}.line-row legend{font-size:10px;color:#6d83a0;padding:0 8px}.line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px}.line-grid>.field:first-child{grid-column:span 2}.delete-control{display:flex;align-items:center;gap:7px;color:#9b6d6a;font-size:11px}.footnote{font-size:11px;margin:15px 0}.empty-state{text-align:center;padding:52px 20px;color:var(--muted)}.empty-state h3{color:var(--ink);font-size:16px;font-weight:500;margin-bottom:6px}.empty-state p{font-size:12px}.pagination{padding:20px;display:flex;justify-content:center;align-items:center;gap:25px;font-size:12px;border-top:1px solid var(--border)}.page-footer{font-size:10px;color:#9ba8b9;display:flex;justify-content:space-between;gap:20px;padding:22px 0 25px}.workflow-track{display:flex;list-style:none;padding:0;margin:0;background:#fafcfe;border-bottom:1px solid var(--border)}.workflow-track li{flex:1;padding:14px 10px;text-align:center;font-size:11px;color:#9ba8b8;border-right:1px solid var(--border)}.workflow-track li[aria-current]{color:var(--blue);background:#eaf3ff;font-weight:650}.job-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:27px;gap:22px}.job-summary small{display:block;font-size:9px;letter-spacing:.7px;color:#8b9cb0;margin-bottom:9px}.job-summary strong{display:block;font-size:15px;font-weight:650}.job-summary span{font-size:10px;color:#8597ad;display:block;margin-top:5px}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.details-grid dt{font-size:11px;color:#8a9aaf;margin-bottom:9px}.details-grid dd{margin:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.action-panel{display:flex;justify-content:space-between;align-items:center;gap:30px}.action-panel p{font-size:12px;margin:0}.transition-form{min-width:200px}.transition-form textarea{min-width:260px}.note-card,.complaint-card{padding:20px;border:1px solid var(--border);border-radius:7px;margin-bottom:20px}.note-card p,.complaint-card p{font-size:12px;color:#70849c;overflow-wrap:anywhere}.timeline{list-style:none;margin:25px 0 0 8px;padding:0 0 0 24px;border-left:1px solid #d7e3f2}.timeline li{position:relative;padding:0 0 28px;font-size:12px}.timeline li:before{content:"";position:absolute;left:-29px;top:3px;width:9px;height:9px;border-radius:50%;background:#9abce8;border:2px solid white}.timeline span{display:block;font-size:10px;color:#8c9fb7;margin-top:7px}.timeline p{font-size:12px;margin-top:10px;overflow-wrap:anywhere}.pending-panel{text-align:center;padding:60px 30px}.pending-icon{font-size:45px;color:#4d89d6;background:#f0f6ff;border-radius:50%;width:85px;height:85px;display:grid;place-items:center;margin:0 auto 26px}.pending-panel h2{font-size:25px}.pending-panel p{color:#7d90a9;font-size:13px;line-height:1.9}.pending-requirements{border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:460px;margin:25px auto;padding:22px 0 8px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:linear-gradient(140deg,#173958,#0c2036);padding:54px 12%;color:white;display:flex;flex-direction:column;justify-content:space-between;gap:65px;overflow:hidden}.login-story .eyebrow{color:var(--mint)}.login-story h1{font-size:54px;line-height:1.15;font-weight:600;letter-spacing:-1.5px}.login-story p:not(.eyebrow){color:#8fa9c4;font-size:13px;margin:23px 0}.login-story small{color:#6883a1;font-size:10px}.login-side{display:flex;align-items:center;justify-content:center;background:#f9fbfe;padding:45px}.login-card{width:100%;max-width:360px}.login-card h2{font-size:30px;letter-spacing:-.6px}.login-card>.muted{font-size:13px;margin-bottom:30px}.login-card .field{margin-bottom:23px}.login-card input{padding:12px}.login-card .button{padding:13px 17px}.login-help{margin:28px 0;font-size:11px;color:#8b9bb0;text-align:center}.bus-art{width:100%;height:104px;background:linear-gradient(#466482,#2a4867);border:1px solid #547491;border-radius:14px 29px 8px 8px;position:relative;margin-top:55px;box-shadow:0 16px 0 -13px #506d88}.bus-windows{display:flex;gap:5px;padding:10px 13px 0}.bus-windows i{flex:1;height:34px;background:#162f49;border-top:2px solid #7f9bb1}.bus-windows i:last-child{border-radius:0 15px 0 0}.bus-stripe{font-size:8px;letter-spacing:2px;color:#9eead7;padding:12px 15px;border-bottom:3px solid #6bceb5}.bus-art b{position:absolute;bottom:-12px;background:#0c1c2e;border:5px solid #52708e;height:28px;width:28px;border-radius:50%;left:35px}.bus-art b:last-child{left:auto;right:35px}.skip-link{position:fixed;left:260px;top:-60px;padding:12px;background:white;z-index:100}.skip-link:focus{top:10px}.narrow{max-width:600px}
@media(min-width:1500px){.sidebar{width:260px}.workspace{margin-left:260px}#main{padding:42px 48px 0}.topbar{padding:0 48px}.dashboard-grid{grid-template-columns:minmax(0,2.7fr) minmax(270px,1fr)}}
@media(max-width:1150px){.sidebar{width:210px;padding-left:10px;padding-right:10px}.workspace{margin-left:210px}#main{padding:25px 22px 0}.topbar{padding:0 22px}.dashboard-grid{grid-template-columns:1fr}.getting-started{display:none}.mechanic-layout{grid-template-columns:minmax(0,1fr) 220px}.line-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:12px}.stat-card{padding:20px 16px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 7px}.job-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.action-panel{align-items:flex-start;flex-direction:column}.login-story h1{font-size:44px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:18px;display:block;overflow:visible}.brand{padding:0 0 16px}.brand-mark{font-size:29px}.sidebar nav{display:flex;overflow-x:auto;gap:6px}.sidebar nav>a{white-space:nowrap;padding:9px 12px;margin:0;font-size:11px}.nav-icon,.nav-heading,.workspace-label,.sidebar-footer{display:none}.workspace{margin:0}.topbar{height:64px;padding:0 18px}.breadcrumb{display:none}.account{margin-left:auto}#main{padding:23px 16px 0}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:22px}h1{font-size:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card small{font-size:9px}.ribbon{padding:13px 16px}.ribbon-caption{display:none}.record-count{margin-left:0}.search-form{width:100%}.search-form input{width:100%}.search-form select{flex:1}.form-section{padding:22px 18px}.mechanic-layout{display:block}.profile-summary{display:none}.form-grid,.form-grid.three-col,.details-grid{grid-template-columns:1fr}.line-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.line-row{padding:13px}.tabs{padding:0 18px;gap:22px}.workflow-track li{font-size:9px;padding:12px 5px}.job-summary{padding:22px 18px;gap:20px}.job-summary strong{font-size:13px}.page-footer{font-size:9px;flex-wrap:wrap}.pending-panel{padding:35px 20px}.pending-panel br{display:none}.login-layout{grid-template-columns:1fr}.login-story{padding:30px;gap:25px}.login-story h1{font-size:34px}.login-story h1 br{display:none}.login-story h1{max-width:350px}.login-story h1 br:after{content:" "}.login-story>small,.bus-art,.login-story p:not(.eyebrow){display:none}.login-side{padding:38px 25px}.skip-link{left:10px}.transition-form{width:100%}}
.pmi-logo {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  background: white;
  border-radius: 5px;
}
.brand.brand-logo {
  flex-direction: column;
  gap: 12px;
  padding: 0 0 24px;
}
.brand-logo .brand-caption {
  border: 0;
  padding: 0;
  font-size: 13px;
  letter-spacing: .3px;
  text-align: center;
}
.sidebar-logo { width: 180px; }
.login-logo { width: 240px; }
.toolbar-logo { width: 90px; }
.location-search { display: grid; gap: 6px; font-size: 11px; color: var(--ink); }
.job-form-heading > div { width: 100%; }
.job-title-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.job-title-row h1 { margin-bottom: 0; }
.job-title-row .text-link { white-space: nowrap; }
.field-label-inline { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.field-label-inline small { font-weight: 400; }
.job-entry-field { grid-column: 1 / -1; width: 100%; max-width: 28rem; }
.job-assignment-fields { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 10rem)); gap: 16px; }
.job-reading-fields { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 10rem) minmax(0, 17rem); gap: 16px; }
.job-reading-fields .field > label { min-height: 36px; }
@media (max-width: 760px) {
  .job-reading-fields { grid-template-columns: 5.5rem minmax(0, 17rem); gap: 12px; }
  .job-reading-fields input { padding-left: 8px; padding-right: 8px; }
}
@media (max-width: 360px) {
  .job-reading-fields .field-label-inline { font-size: 9px; gap: 4px; }
  .job-reading-fields .field-label-inline small { font-size: 8px; }
}
.action-panel .transition-form { max-width: 100%; }
.action-panel .transition-form textarea { min-width: 0; }
.add-text { align-self: flex-start; max-width: 100%; white-space: normal; text-align: left; }
.mobile-tabs { display: none; }
.pwa-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.pwa-tools:has(button:not([hidden])), .pwa-tools:has([data-pwa-status]:not(:empty)) { margin-bottom: 18px; }
.job-summary strong, .page-heading h1 { overflow-wrap: anywhere; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.overview-actions { justify-content: flex-end; }
.overview-stats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.stat-card-link { display: block; color: var(--ink); }
.stat-card-link:hover { text-decoration: none; border-color: var(--blue); background: var(--blue-light); }
.stat-card-link:focus-visible { outline: 2px solid var(--blue); }
.breadcrumb .system-title { font-size: 16px; font-weight: 650; }
.topbar-actions { margin-left: auto; display: flex; align-items: center; justify-content: flex-end; gap: 18px; min-width: 0; }
.activity-link[aria-current] { color: var(--blue); background: var(--blue-light); }
.account .synthetic-notice { color: #a77421; }
.account-depot { font-weight: 650; }
.topbar-context { min-width: 0; display: grid; gap: 4px; }
.depot-heading { min-width: 0; font-size: 20px; font-weight: 650; overflow-wrap: anywhere; }
.search-form, .search-form select, .search-form input { min-width: 0; max-width: 100%; }
[data-address-controls] { margin: 20px; color: var(--ink); }
[aria-disabled=true] { cursor: wait; }
@media (max-width: 1150px) {
  .overview-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .topbar { height: auto; min-height: 82px; padding-top: 12px; padding-bottom: 12px; flex-wrap: wrap; }
}
@media (max-width: 760px) {
  body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
  input, select, textarea { font-size: 16px; min-height: 44px; }
  .button, .sidebar nav > a, .account-menu summary, .account-menu a, .account-menu button { min-height: 44px; }
  .sidebar nav > a { display: flex; align-items: center; }
  .topbar { height: auto; min-height: 64px; }
  .topbar:has(.depot-heading) { flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; }
  .account { min-width: 0; overflow-wrap: anywhere; }
  .overview-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .topbar-actions { flex-wrap: wrap; gap: 12px; }
  .mobile-tabs { position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: white; border-top: 1px solid var(--border); padding: 8px 8px calc(8px + env(safe-area-inset-bottom)); }
  .mobile-tabs a { display: grid; place-items: center; min-height: 48px; font-size: 12px; color: var(--muted); border-radius: 8px; text-align: center; }
  .mobile-tabs a[aria-current] { color: var(--blue); background: var(--blue-light); font-weight: 650; }
  .brand.brand-logo {
    flex-direction: row;
    padding-bottom: 16px;
  }
  .sidebar-logo { width: 110px; }
  .login-logo { width: 180px; }
}
@media print { .mobile-tabs, .pwa-tools, [data-connection-status] { display: none !important; } body { padding-bottom: 0; } }
@media print{.sidebar,.topbar,.ribbon,.tabs,.action-panel,.page-footer,.page-heading>a,.notice,.skip-link{display:none!important}.workspace{margin:0}#main{padding:0;max-width:none}body{background:white;font-size:11px}.panel{border:0;overflow:visible!important}.tab-panel[hidden]{display:block!important}.table-scroll{overflow:visible}th,td{font-size:9px;padding:5px}.job-summary,.workflow-track{break-inside:avoid}.tab-panel{min-height:0}details> :not(summary){display:block!important}.form-section{padding:16px 0;break-inside:avoid}h1{font-size:22px}}
.status.store_review,.status.manager_review{background:#fff4df;color:#a77421}.nav-count{margin-left:auto;background:var(--mint);color:var(--navy-deep);border-radius:9px;padding:1px 8px;font-size:10px;font-weight:700}

/* Phone layout: one sticky app bar, one bottom tab bar, tables as stacked cards. */
.topbar-brand, .account-menu-who, .menu-mobile-only { display: none; }
@media (max-width: 760px) {
  .sidebar { display: none; }
  .topbar, .topbar:has(.depot-heading) { position: sticky; top: 0; z-index: 25; height: 56px; min-height: 56px; padding: 0 8px 0 14px; flex-wrap: nowrap; gap: 10px; }
  .topbar-brand { display: block; flex: none; }
  .topbar-logo { display: block; width: 56px; height: auto; }
  .topbar-context { flex: 1; min-width: 0; }
  .depot-heading { font-size: 15px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
  .topbar-actions { flex: none; flex-wrap: nowrap; gap: 0; }
  .account { gap: 2px; margin-left: 0; }
  .account > span:not(.avatar) { font-size: 0; line-height: 0; }
  .account > span:not(.avatar) > * { display: none; }
  .account > span:not(.avatar) > .synthetic-notice { display: block; font-size: 9px; line-height: 1.2; margin: 0; }
  .account-menu summary { padding: 10px 6px; }
  .account-menu > div { width: 240px; top: 46px; }
  .account-menu-who { display: block; margin: 0 0 6px; padding: 8px 10px 12px; border-bottom: 1px solid var(--border); font-size: 13px; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
  .account-menu-who small { display: block; margin-top: 3px; font-size: 11px; font-weight: 400; color: var(--muted); }
  .account-menu .menu-mobile-only { display: block; }

  #main { padding: 16px 14px 0; }
  .page-heading { gap: 10px; margin-bottom: 16px; }
  .page-heading .eyebrow { margin-bottom: 6px; }
  h1 { font-size: 22px; }
  .page-footer { display: none; }
  .panel { padding: 18px; margin-bottom: 16px; }
  .panel-heading { padding: 16px 16px 10px; }
  .overview-stats { gap: 10px; margin-bottom: 16px; }
  .stat-card { padding: 14px 14px 12px; }
  .stat-card p { margin-bottom: 4px; }
  .stat-card strong { font-size: 26px; margin-bottom: 0; }
  .stat-card small { display: none; }
  .action-panel { gap: 14px; }
  .workflow-track { overflow-x: auto; }
  .workflow-track li { min-width: 72px; }

  .table-scroll { overflow: visible; }
  table.card-table, table.card-table tbody { display: block; }
  table.card-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
  table.card-table tr { display: block; padding: 12px 16px; border-bottom: 1px solid #edf1f6; }
  table.card-table tbody tr:last-child { border-bottom: 0; }
  table.card-table tbody tr:hover { background: none; }
  table.card-table td { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 3px 0; border: 0; text-align: right; line-height: 1.5; overflow-wrap: anywhere; }
  table.card-table td::before { content: attr(data-label); flex: none; max-width: 42%; font-size: 11px; color: #7b8a9d; text-align: left; }
  table.card-table td:first-child, table.card-table td:not([data-label]) { display: block; text-align: left; }
  table.card-table td:first-child { padding-bottom: 6px; font-size: 14px; }
  table.card-table td:first-child::before, table.card-table td:not([data-label])::before { display: none; }

  .mobile-tabs { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 4px; padding: 6px 6px calc(6px + env(safe-area-inset-bottom)); box-shadow: 0 -4px 14px #1533570f; }
  .mobile-tabs a { align-content: center; gap: 3px; min-height: 52px; font-size: 11px; }
  .tab-icon { position: relative; font-size: 18px; line-height: 1; }
  .tab-badge { position: absolute; top: -7px; left: 11px; padding: 1px 5px; border-radius: 9px; background: #d64545; color: white; font-size: 10px; font-weight: 700; line-height: 1.4; }
}
.reassign-panel > summary { list-style: none; }
.reassign-panel > summary::-webkit-details-marker { display: none; }
.reassign-panel[open] > summary { margin-bottom: 14px; }
@media (max-width: 760px) {
  .overview-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .stat-card { padding: 12px 10px 10px; }
  .stat-card p { font-size: 11px; }
  .stat-card strong { font-size: 22px; }
  .overview-actions, .overview-actions .button, .action-panel .transition-form .button.primary, .reassign-panel, .reassign-panel > summary { width: 100%; }
  .action-panel > div { width: 100%; }
  .details-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; }
  .details-grid dt { margin-bottom: 3px; }
  .tab-panel { min-height: 0; }
  .job-summary { gap: 14px; }
}