/* Light blue workspace, inspired by the supplied operations-console reference. */
:root{
  --primary:#3277f5;
  --orange:var(--primary);
  --orange-soft:#edf3ff;
  --ink:#27364e;
  --muted:#7b89a0;
  --line:#edf0f7;
  --bg:#f3f6fd;
  --nav:#edf3ff;
}
body{
  background:linear-gradient(118deg,#eaf2ff 0%,#f2f2ff 43%,#fbf5f3 100%);
  background-attachment:fixed;
  color:var(--ink);
}
.sidebar{
  background:linear-gradient(170deg,#e4efff 0%,#eff3ff 54%,#efedfc 100%);
  color:#5b6e8b;
  border-right:1px solid #e2e9f7;
  padding-top:26px;
}
.brand{color:#27466f;letter-spacing:1px;font-size:23px;gap:11px}
.brand-mark{
  background:linear-gradient(145deg,#6198ff,#3871ef);
  color:#fff;border-radius:10px;font-size:23px;
  box-shadow:0 5px 12px #3979f424;
}
.brand-sub{color:#8294b1;letter-spacing:2px}
.workspace-label{padding-top:37px;color:#8b9bb7}
.workspace-label span{letter-spacing:1.5px;color:#9daac0}
.sidebar nav button{
  color:#60738e;font-size:13px;font-weight:500;padding:12px 14px;
  margin:7px 0;border-radius:8px;gap:11px;
}
.sidebar nav button span{color:#8194b0;font-size:19px}
.sidebar nav button:hover{color:#2c67d1;background:#e0eaff}
.sidebar nav button.active{
  color:#fff;background:linear-gradient(105deg,#2768df,#2c62d8);
  box-shadow:0 4px 11px #347af52b;
}
.sidebar nav button.active span{color:#fff}
.nav-label{color:#93a1b9;font-weight:500;margin-top:28px}
.sidebar-bottom{border-color:#dce4f3;color:#6e82a1}
.sidebar-bottom small{color:#94a2b9}
.online-dot{background:#43b89b}
.topbar{
  height:70px;background:#ffffff4d;border-bottom:1px solid #e6eaf580;
  color:#4c6080;padding-left:32px;padding-right:32px;
}
.topbar .muted{color:#91a0b8}
.crumb{color:#a8b5c9}
.account #today{color:#91a0b8}
.avatar{background:#e4edff;color:#4776d4;border:1px solid #d9e5ff}
.account button{color:#617491}
.account button:hover{color:var(--primary)}
.divider{background:#dfe6f3}
main{padding:28px 32px;min-height:calc(100vh - 114px)}
.page-heading{margin-bottom:22px}
.page-heading h1{color:#263a59;letter-spacing:0;font-size:25px;margin:5px 0 9px}
.page-heading p{font-size:12px;color:#8b99af;line-height:1.7}
.eyebrow{color:#a0acc2;letter-spacing:1.5px;font-size:9px}
.mini-label{color:#91a3c1;letter-spacing:1.5px}
button{border-color:#e0e7f3;border-radius:7px;color:#567092}
button:hover{background:#f0f5ff;border-color:#cbdcf9}
button.primary{
  background:linear-gradient(110deg,#2768df,#2c62d8);border-color:#2768df;
  color:#fff;box-shadow:0 3px 8px #3b7cf41c;
}
button.primary:hover{background:linear-gradient(110deg,#2874f3,#2865dc);border-color:#2865dc}
button.link{color:#456caa}
button.link:hover{color:#2c6ddb;background:#ecf3ff}
button.link.danger{color:#c46b72}
button.link.danger:hover{background:#fff0f2;color:#b84453}
input,select,textarea{border-color:#e0e7f3;color:#425776;border-radius:7px}
input::placeholder,textarea::placeholder{color:#a3aec0}
input:focus,select:focus,textarea:focus{border-color:#80a9f6;outline:3px solid #3277f513}
input[type=checkbox]{accent-color:var(--primary)}
.module-tabs{border-color:#dfe7f6;gap:29px;margin-bottom:22px}
.module-tabs button{color:#8a98ae;font-size:13px;padding-bottom:13px}
.module-tabs button:hover{color:var(--primary);background:transparent}
.module-tabs button.active{color:#2f73ed;border-color:#397cf5;background:transparent}
.panel{
  background:#fff;border:1px solid #e9edf7;border-radius:11px;
  box-shadow:0 4px 20px #3f68a803;
}
.panel-title h2{color:#344c6d;font-size:14px;font-weight:600}
.panel-title small{color:#9aa7ba}
.toolbar{gap:9px}
.toolbar a{border-color:#e0e7f3;color:#6380a5;background:#fff}
.toolbar a:hover{color:#3277f5;background:#f3f7ff}
th{background:#f7f9fe;border-color:#edf1fa;color:#61748f;font-size:11px}
td{border-color:#eff3fa;color:#405571}
tbody tr:hover{background:#f9fbff}
td strong{color:#354c6c}
.subline{color:#61748f}
.table-bottom{color:#98a7be;border-top-color:#edf1fa}
.pagination button{color:#8b9db7;border-color:#e6ecf7}
.pagination button:hover:not(:disabled){color:#3277f5;border-color:#b7cff7}
.inventory-view .page-heading h1{font-size:25px}
.inventory-panel .toolbar{padding-top:18px;padding-bottom:18px}
.inventory-table th{background:#f7f9fe;color:#61748f;font-weight:500}
.inventory-table th.current-batch-heading{color:#3e77d3;background:#f2f6ff;font-weight:600}
.inventory-table th.halfway-heading{color:#9b713c}
.inventory-table .inventory-product-name{font-size:14px;color:#344d70}
.inventory-table .current-batch-cell{background:#fbfcff}
.inventory-table .current-batch-value{
  background:#eaf1ff;color:#2868d5;border:1px solid #dfeaff;
  border-radius:6px;padding:7px 9px;font-size:14px;font-weight:650;
}
.current-batch-value{color:#2868d5;background:#eaf1ff;border-color:#dfeaff}
.inventory-table .subline{color:#61748f}
.inventory-table .count{color:#3a587f;font-size:16px}
.status-detail:hover{border-color:transparent;background:transparent}
.inventory-actions .link{color:#456caa;padding-left:4px;padding-right:4px}
.halfway-important{color:#b65b3b}
.expiry-normal{background:#eaf7f2;color:#387b66}
.expiry-soon_half{background:#fff4db;color:#a97925}
.expiry-past_half{background:#fff0e8;color:#a64b31;border-left-color:#e6a084}
.expiry-expired{background:#ffedf0;color:#bf5368}
.expiry-unknown{background:#f0f3f9;color:#92a0b7}
.expiry-notice{background:#fffaf2;border-color:#f0dfbf;border-left-color:#e7b865}
.compact-reminder>strong{color:#a08450;font-weight:550}
.badge{background:#f1f4fa;color:#899ab5}
.badge.green{background:#eaf7f2;color:#387b66}
.badge.orange{background:#fff5e7;color:#956725}
.badge.red{background:#fff0ed;color:#9d5b4f}
.notice{background:#fffbf2;border-color:#f1e3c7;color:#8b703e;line-height:1.9}
.notice.green{background:#eff9f5;border-color:#dceee6;color:#5d947d}
.info-strip{background:#ffffff66;border-color:#e3eaf6;color:#8d9eb7;border-radius:8px}
.inventory-rule{color:#96a5bc}
.inventory-rule summary:hover{color:#4b80d9}
.warning-summary button{border-color:#e4eaf6;color:#738bac;border-radius:8px}
.warning-summary button.selected{background:#edf4ff;border-color:#a6c4fc;color:#3c76d7}
.warning-summary strong{color:inherit}
.warning-panel .count{color:#3c5e8d}
.product-icon{color:#6e98db;background:#eef4ff;border-radius:9px}
.product-history-card{border-color:#e7edf8;border-radius:10px;background:#fff}
.product-history-card:hover{background:#f8fbff;border-color:#aac9fc;box-shadow:0 5px 18px #3d80ed09}
.product-history-card h3{color:#3e577b}
.history-card-arrow{color:#9bb6e1}
.history-card-meta{border-color:#eef2f9}
.history-card-meta strong{color:#5d80b7}
.unclassified-card{background:#fffcf7;border-color:#f0e5d4}
.document-card{border-color:#e7edf7;border-radius:10px}
.document-card img{background:#f0f5fc}
.document-card h3{color:#516b90}
.form-actions{border-color:#eaf0f9}
.settings-card h2{color:#385579}
.user-grants{border-color:#e3eaf7}
.audit-detail{color:#8a9ab2}
dialog{border:1px solid #edf2fb;border-radius:13px;box-shadow:0 24px 90px #31588c25}
dialog::backdrop{background:#2b45624f;backdrop-filter:blur(3px)}
.modal-header{border-color:#edf2fb;background:linear-gradient(110deg,#f6f9ff,#fff)}
.modal-header h2{color:#36557c}
#toast{background:#3d69b7;border:1px solid #5b84cb;border-radius:9px;box-shadow:0 7px 22px #3062a921}
footer{color:#9aabc3;padding-left:32px;padding-right:32px}
.login-shell{background:linear-gradient(115deg,#eef5ff,#f8f5ff 65%,#fff9f4)}
.login-story{background:linear-gradient(150deg,#e1edff,#eae9ff 70%,#f4efff);color:#344f78}
.login-story h1{font-weight:550;color:#355b94}
.login-story p{color:#7d91b2}
.login-story .eyebrow{color:#90a7ce}
.login-story>small{color:#93a3bf}
.story-rule span{color:#6596ec}
.story-rule small{color:#91a3c1}
.story-rule i{background:#c8d8f2}
.login-form h2{color:#3a567f}
.login-form input{background:#ffffffb3}
@media(max-width:1150px){
  main{padding:24px}.topbar{padding-left:24px;padding-right:24px}
  .sidebar nav button{padding-left:12px;padding-right:12px;gap:9px}
}
@media(max-width:760px){
  .sidebar{padding:17px 16px 13px;border-right:0;border-bottom:1px solid #e0e8f8}
  .sidebar nav{margin-top:14px}.sidebar nav button{margin:0 3px 0 0;padding:9px 13px}
  .topbar{height:56px;padding:0 18px;background:#ffffff75}
  main{padding:22px 16px}.page-heading h1,.inventory-view .page-heading h1{font-size:23px}
  .module-tabs{gap:25px}.panel{border-radius:10px}
  .heading-actions button{padding:9px 13px}
  footer{padding-left:18px;padding-right:18px}
}

.current-batch-cell .subline{white-space:normal;overflow-wrap:anywhere}

.priority-reminder{display:block;padding:14px 18px;border:1px solid #f1c28e;background:#fff8ef}
.priority-reminder-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:9px}.priority-reminder-title strong{color:#ac5d19}.priority-reminder-title>span{font-size:11px;color:#ab8969}
.priority-products{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.priority-products button{display:inline-flex;align-items:center;gap:7px;padding:6px 8px;background:#ffffffc7;border-color:#f1dcc4;font-size:11px}.priority-products strong{font-size:11px}.priority-products small{font-size:10px;color:#9c8977}
.inventory-table tr.priority-past_half td{background-color:#fffaf3}.inventory-table tr.priority-expired td{background-color:#fff3f1}.inventory-table tr.priority-past_half td:first-child{box-shadow:inset 3px 0 #e4a457}.inventory-table tr.priority-expired td:first-child{box-shadow:inset 3px 0 #da7669}
.grant-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.grant-tools #grant-count{margin-left:auto;font-size:11px;color:#8b9bb4}#grant-search{width:100%;margin:9px 0}.scope-options{display:flex;flex-wrap:wrap;gap:12px}.scope-options p{width:100%;margin:0}