/* ============================================================
   V126 — Government Workstation UI Refresh
   Compact dashboard, fluid workspace, redesigned sidebar.
   Print templates are intentionally untouched.
   ============================================================ */
:root{
  --v126-sidebar:#102b43;
  --v126-sidebar-deep:#0b2135;
  --v126-sidebar-hover:#173b59;
  --v126-sidebar-active:#1d5279;
  --v126-accent:#e47b27;
  --v126-blue:#176792;
  --v126-blue2:#0f557b;
  --v126-bg:#eef3f6;
  --v126-card:#ffffff;
  --v126-line:#d9e3e9;
  --v126-text:#233947;
  --v126-muted:#6f818d;
  --v126-soft:#f6f9fb;
  --v126-shadow:0 5px 16px rgba(17,50,73,.055);
}

/* App shell */
body{background:var(--v126-bg)!important;color:var(--v126-text)!important}
#app{min-height:100vh}
.topbar{
  min-height:62px!important;height:62px!important;
  padding:6px 14px!important;
  border-bottom:2px solid var(--v126-accent)!important;
  box-shadow:0 2px 10px rgba(9,35,52,.13)!important;
}
.topbar .brandmark{
  width:44px!important;height:44px!important;min-width:44px!important;
  border-radius:8px!important;padding:3px!important;
}
.topbar .brandtext h1{font-size:15.5px!important;line-height:1.18!important}
.topbar .brandtext p{font-size:10.5px!important;margin-top:2px!important}
.top-actions{gap:7px!important}
.top-context-v45,.top-user-v46{
  min-height:38px!important;padding:4px 9px!important;
}
.logout-v45{padding:7px 11px!important}

/* Workstation layout */
.workstation-layout{
  grid-template-columns:236px minmax(0,1fr)!important;
  min-height:calc(100vh - 62px)!important;
  transition:grid-template-columns .2s ease;
}
.workstation-main{
  padding:12px 14px 24px!important;
  overflow-x:hidden!important;
}
.workspace-toolbar-v45{
  min-height:34px!important;
  margin:0 0 10px!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.breadcrumb-v45,.toolbar-actions-v45{font-size:11px!important}

/* Redesigned sidebar */
.workstation-sidebar{
  position:sticky!important;top:62px!important;
  width:236px!important;height:calc(100vh - 62px)!important;
  padding:9px 8px 16px!important;
  background:
    linear-gradient(180deg,var(--v126-sidebar-deep) 0%,var(--v126-sidebar) 60%,#11324c 100%)!important;
  border-right:1px solid rgba(255,255,255,.06);
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.20) transparent;
  transition:width .2s ease,padding .2s ease;
}
.workstation-sidebar::-webkit-scrollbar{width:5px}
.workstation-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:10px}

.sidebar-profile-v45{
  position:relative!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  padding:9px!important;margin:0 0 8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.045)!important;
}
.sidebar-avatar-v45{
  width:32px!important;height:32px!important;min-width:32px!important;
  border-radius:8px!important;
  display:grid!important;place-items:center!important;
  font-size:12px!important;font-weight:800!important;
  color:#fff!important;background:linear-gradient(145deg,#2578a9,#1b567d)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;
}
.sidebar-profile-copy-v45{min-width:0!important}
.sidebar-profile-copy-v45 b{
  display:block!important;font-size:11.5px!important;color:#fff!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.sidebar-profile-copy-v45 span{
  display:block!important;margin-top:2px!important;font-size:9.5px!important;
  color:#9eb6c8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.v126-sidebar-toggle{
  margin-left:auto;width:28px;height:28px;min-width:28px;padding:0;border:0;
  border-radius:7px;background:rgba(255,255,255,.08);color:#d9e9f4;
  display:grid;place-items:center;cursor:pointer;font-size:15px;line-height:1;
}
.v126-sidebar-toggle:hover{background:rgba(255,255,255,.15);color:#fff}

.sidebar-search-v45{
  height:34px!important;margin:0 1px 8px!important;padding:0 8px!important;
  border-radius:8px!important;border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.055)!important;
}
.sidebar-search-v45 span{color:#88a8bd!important}
.sidebar-search-v45 input{
  font-size:10.5px!important;color:#eef7fd!important;background:transparent!important;
}
.sidebar-search-v45 input::placeholder{color:#88a8bd!important}

.workstation-sidebar .menu-title{
  margin:9px 0 3px!important;padding:0 9px!important;
  font-size:8.5px!important;line-height:18px!important;
  letter-spacing:.095em!important;font-weight:800!important;
  color:#7899af!important;opacity:1!important;
}
.workstation-sidebar .navbtn{
  position:relative;
  display:flex!important;align-items:center!important;gap:9px!important;
  min-height:34px!important;margin:1px 0!important;padding:7px 9px!important;
  border-radius:8px!important;
  font-size:10.8px!important;line-height:1.18!important;font-weight:600!important;
  color:#c8d9e5!important;
  background:transparent!important;
  transition:background .14s ease,color .14s ease,transform .14s ease!important;
}
.workstation-sidebar .navbtn:hover{
  background:var(--v126-sidebar-hover)!important;color:#fff!important;
  transform:translateX(1px);
}
.workstation-sidebar .navbtn.active{
  background:linear-gradient(90deg,var(--v126-sidebar-active),#1a486b)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--v126-accent),0 3px 9px rgba(0,0,0,.08)!important;
}
.v126-nav-icon{
  width:20px;height:20px;min-width:20px;border-radius:5px;
  display:grid;place-items:center;
  color:#9ec0d4;background:rgba(255,255,255,.055);
  font-size:11px;font-weight:800;
}
.navbtn.active .v126-nav-icon,.navbtn:hover .v126-nav-icon{
  color:#fff;background:rgba(255,255,255,.10)
}
.v126-nav-label{min-width:0}

/* Collapsed desktop sidebar */
body.v126-sidebar-collapsed .workstation-layout{grid-template-columns:64px minmax(0,1fr)!important}
body.v126-sidebar-collapsed .workstation-sidebar{width:64px!important;padding-left:7px!important;padding-right:7px!important}
body.v126-sidebar-collapsed .sidebar-profile-v45{justify-content:center;padding:7px 4px!important}
body.v126-sidebar-collapsed .sidebar-avatar-v45{display:none!important}
body.v126-sidebar-collapsed .sidebar-profile-copy-v45,
body.v126-sidebar-collapsed .sidebar-search-v45,
body.v126-sidebar-collapsed .menu-title,
body.v126-sidebar-collapsed .v126-nav-label{display:none!important}
body.v126-sidebar-collapsed .v126-sidebar-toggle{margin:0 auto!important}
body.v126-sidebar-collapsed .workstation-sidebar .navbtn{
  justify-content:center!important;padding:7px!important;min-height:36px!important
}
body.v126-sidebar-collapsed .v126-nav-icon{width:24px;height:24px;min-width:24px}

/* General page density/fluidity */
.page{animation:v126PageIn .16s ease}
@keyframes v126PageIn{from{opacity:.55;transform:translateY(2px)}to{opacity:1;transform:none}}
.card{
  border-radius:10px!important;border-color:var(--v126-line)!important;
  box-shadow:var(--v126-shadow)!important;padding:12px!important;
}
.header-row{
  margin-bottom:10px!important;gap:9px!important;align-items:flex-start!important;
}
.header-row h2{font-size:19px!important;line-height:1.22!important}
.header-row .muted{font-size:11.5px!important}
.section-title{font-size:13.5px!important;margin-bottom:8px!important}
.btn{
  padding:7px 10px!important;border-radius:7px!important;font-size:11.5px!important;
  min-height:32px;
}
input,select,textarea{
  min-height:34px!important;border-radius:7px!important;font-size:12px!important;
}
.grid{gap:10px!important}
.grid.two,.dashboard-grid-v44{gap:10px!important}
.tablewrap{border-radius:8px!important}
th,td{padding:8px 8px!important;font-size:12px!important}
th{font-size:11px!important}
.notice{padding:10px 12px!important;border-radius:8px!important;font-size:11.5px!important}
.formgrid{gap:10px!important}

/* Compact dashboard */
#dashboard{max-width:1600px}
.dashboard-hero-v44{
  min-height:0!important;
  padding:10px 12px!important;margin-bottom:9px!important;
  gap:12px!important;border-radius:10px!important;
  background:linear-gradient(110deg,#fff 0%,#f4f8fb 100%)!important;
  box-shadow:var(--v126-shadow)!important;
}
.dashboard-hero-copy h2{
  margin:1px 0 2px!important;font-size:18.5px!important;line-height:1.18!important
}
.dashboard-eyebrow-v44{
  font-size:9px!important;letter-spacing:.105em!important
}
#workspaceDashboardSubtitle{font-size:10.5px!important}
.dashboard-sync-v44{gap:6px!important}
.sync-indicator-v44{
  padding:5px 8px!important;border-radius:8px!important;gap:6px!important
}
.sync-dot-v44{width:8px!important;height:8px!important}
#dbSyncLabelV44{font-size:10.5px!important}
#dbSyncTimeV44{font-size:9px!important}

.dashboard-kpis-v44{gap:9px!important;margin-bottom:10px!important}
.dashboard-kpi-v44{
  min-height:74px!important;padding:10px 11px!important;
  border-radius:9px!important;
}
.dashboard-kpi-v44:hover,.dashboard-kpi-v44:focus{
  transform:translateY(-1px)!important;
  box-shadow:0 6px 16px rgba(29,63,88,.08)!important
}
.dashboard-kpi-v44 .n{font-size:21px!important;line-height:1!important}
.dashboard-kpi-v44 .lbl{font-size:10.5px!important;margin-top:4px!important}
.dashboard-kpi-v44 .trend{font-size:9.5px!important;margin-top:5px!important}
.kpi-icon-v44{right:9px!important;top:8px!important;font-size:8.5px!important;padding:3px 5px!important}
.kpi-open-v44{display:none!important}

.dashboard-grid-v44{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important}
.dashboard-grid-v44[style]{margin-top:10px!important}
.dashboard-card-head-v44{margin-bottom:6px!important;gap:7px!important}
.dashboard-card-head-v44 .small{font-size:9.5px!important}
.dashboard-badge-v44{padding:3px 6px!important;font-size:9.5px!important}
.action-item-v44{
  gap:7px!important;padding:6px 6px!important;border-radius:6px!important;
  font-size:10.5px!important
}
.action-count-v44{min-width:28px!important;padding:3px 6px!important;font-size:10px!important}
.action-open-v44{font-size:9.5px!important}
.workflow-status-v44{gap:3px!important}
.workflow-row-v44{padding:5px 0!important}
.workflow-row-v44 b{font-size:11px!important}
.workflow-count-v44{font-size:10.5px!important}
.dashboard-health-v44{gap:6px!important}
.health-box-v44{padding:7px!important;border-radius:7px!important}
.health-box-v44 b{font-size:15px!important;margin-bottom:1px!important}
.health-box-v44 span{font-size:9.5px!important}
#dashboard>.card[style]{margin-top:10px!important}
#dashboard .tablewrap th,#dashboard .tablewrap td{padding:6px 7px!important;font-size:10.5px!important}
#dashboard .tablewrap th{font-size:9.7px!important}

/* Small visual accents without excess orange */
.card,.tablewrap,input,select,textarea{border-color:var(--v126-line)!important}
.btn.primary{background:var(--v126-blue)!important;border-color:var(--v126-blue)!important}
.btn.primary:hover{background:var(--v126-blue2)!important}

/* Responsive fluidity */
@media(max-width:1180px){
  .workstation-layout{grid-template-columns:210px minmax(0,1fr)!important}
  .workstation-sidebar{width:210px!important}
  .workstation-main{padding:10px 11px 20px!important}
  .dashboard-grid-v44{grid-template-columns:1fr!important}
}
@media(max-width:860px){
  body.v126-sidebar-collapsed .workstation-layout,
  .workstation-layout{display:block!important}
  .workstation-sidebar{
    position:relative!important;top:auto!important;width:100%!important;height:auto!important;
    display:flex!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding:7px!important;white-space:nowrap!important
  }
  body.v126-sidebar-collapsed .workstation-sidebar{width:100%!important}
  .sidebar-profile-v45,.sidebar-search-v45,.workstation-sidebar .menu-title,.v126-sidebar-toggle{display:none!important}
  .workstation-sidebar .navbtn{
    flex:0 0 auto!important;width:auto!important;min-width:max-content!important;
    padding:7px 9px!important
  }
  body.v126-sidebar-collapsed .v126-nav-label{display:inline!important}
  .workstation-main{padding:9px!important}
  .grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-hero-v44{align-items:flex-start!important}
}
@media(max-width:600px){
  .topbar{height:auto!important;min-height:58px!important}
  .top-actions-v46{width:100%;justify-content:space-between!important}
  .dashboard-hero-v44{flex-direction:column!important}
  .dashboard-sync-v44{width:100%!important;justify-content:flex-start!important}
  .grid.kpis{grid-template-columns:1fr!important}
  .header-row h2{font-size:17px!important}
  .toolbar-clock-v45{display:none!important}
}

/* Print remains governed by existing statutory print CSS. */
@media print{
  .v126-sidebar-toggle,.v126-nav-icon{display:none!important}
}
