/* CIVORK v1.0.6 · brand + balanced graphite/light application theme */
:root{
  --bg:#ece8e1;
  --panel:#fbfaf7;
  --panel2:#e7e2da;
  --line:#d2cbc1;
  --text:#22292e;
  --muted:#6b767e;
  --accent:#b87333;
  --accent-soft:rgba(184,115,51,.12);
  --good:#2f8f68;
  --warn:#c27a31;
  --bad:#c75c59;
  --blue:#4d6879;
  --civork-graphite:#252b30;
  --civork-charcoal:#30383e;
  --civork-copper:#b87333;
  --civork-copper-hi:#c9844d;
  --civork-steel:#4d6879;
  --civork-off:#f4f1eb;
  --civork-paper:#fbfaf7;
}
html,body{background:var(--civork-off);color:var(--text)}
body{font-family:Montserrat,Aptos,"Segoe UI",Arial,sans-serif;letter-spacing:.005em}
::selection{background:rgba(184,115,51,.24);color:#11171b}

/* 55/45 visual balance: dark navigation/command surfaces, light work canvas */
.app{background:var(--civork-graphite)}
.sidebar{
  background:linear-gradient(180deg,#252b30 0%,#2c343a 55%,#242a2f 100%)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:12px 0 30px rgba(27,32,36,.08);
}
.main{
  background:
    radial-gradient(circle at 100% 0,rgba(77,104,121,.09),transparent 27%),
    linear-gradient(180deg,#f3f0ea 0%,#ebe6df 100%)!important;
  color:var(--text);
}
.brand{border-bottom:1px solid rgba(255,255,255,.09)!important;padding-bottom:18px!important}
.logo{
  background:url("icons/icon-192.png") center/cover no-repeat!important;
  border-radius:12px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.08)!important;
}
.brand h1{color:#fff!important;font-size:17px!important;font-weight:850!important;letter-spacing:.12em!important}
.brand small{color:#c5cdd2!important;letter-spacing:.04em!important}
.beta-tag{display:none!important}
.nav-label{color:#8f9ba2!important}
.nav button{color:#c1c9ce!important}
.nav button:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.nav button.active{
  background:linear-gradient(90deg,rgba(184,115,51,.20),rgba(184,115,51,.06))!important;
  color:#fff4ea!important;
  border-color:rgba(184,115,51,.16)!important;
  box-shadow:inset 3px 0 0 var(--civork-copper)!important;
}
.nav-icon{background:rgba(255,255,255,.06)!important;color:#dbe0e3!important}
.nav button.active .nav-icon{background:rgba(184,115,51,.18)!important;color:#ffd7b0!important}
.projectbox{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.09)!important;
  color:#f6f4ef!important;
}
.projectbox b{color:#fff!important}.projectbox div{color:#aeb8bf!important}
.projectbox-dot{background:var(--civork-copper)!important;box-shadow:0 0 0 4px rgba(184,115,51,.13)}

/* Brand header / session */
.sessionbar{
  background:linear-gradient(135deg,#30383e,#273037)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 8px 22px rgba(37,43,48,.11)!important;
  color:#f7f4ee!important;
}
.session-name{color:#fff!important}.session-role{color:#c8d0d4!important}.session-avatar{background:var(--civork-copper)!important;color:#fff!important}
.sessionbar .input{background:#3a434a!important;color:#f7f4ee!important;border-color:rgba(255,255,255,.11)!important}
.sessionbar .btn{background:#394249!important;color:#f8f5ef!important;border-color:rgba(255,255,255,.10)!important}
.sessionbar .btn:hover{background:#444e55!important}

/* Main work surfaces */
.card,.block-card,.setup-card,.project-card,.record-card,.look-card,.access-panel,.settings-card{
  background:rgba(251,250,247,.96)!important;
  border-color:#d8d1c8!important;
  color:var(--text)!important;
  box-shadow:0 6px 22px rgba(37,43,48,.055)!important;
}
.topbar h2,.dashboard-heading h2,.title h3,.settings-head h3,.hub-head h2{color:#232a2f!important}
.topbar p,.dashboard-heading p,.title span,.settings-head p,.hub-head p{color:#6d777e!important}
.eyebrow{color:#7d624c!important}
.badge{
  background:rgba(184,115,51,.09)!important;
  border-color:rgba(184,115,51,.24)!important;
  color:#875126!important;
}

/* Dark command family = deliberate 55% corporate weight */
.daily-command,.program-actionbar,.ops-kpi{
  background:linear-gradient(145deg,#30383e,#272f35)!important;
  border-color:rgba(255,255,255,.07)!important;
  color:#f5f2ec!important;
  box-shadow:0 8px 22px rgba(37,43,48,.10)!important;
}
.daily-command{border-left:3px solid var(--civork-copper)!important}
.daily-command h3,.ops-kpi b{color:#fff!important}.daily-hint,.ops-kpi>span,.ops-kpi small{color:#b8c1c7!important}
.quick-action{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#f5f2ec!important;
}
.quick-action:hover{background:rgba(184,115,51,.11)!important;border-color:rgba(184,115,51,.28)!important}
.quick-action.primary-action{background:rgba(184,115,51,.16)!important;border-color:rgba(184,115,51,.30)!important}
.quick-action small{color:#b8c1c7!important}.qa-icon{color:#e7ecef!important}.primary-action .qa-icon{color:#ffd2a9!important;background:rgba(184,115,51,.16)!important}
.ops-kpi.attention:before{background:var(--civork-copper-hi)!important}.ops-kpi.danger:before{background:#d56b66!important}

/* Forms */
.input,select.input,textarea.input{
  background:#fffdf9!important;
  color:#252b30!important;
  border-color:#cfc7bd!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.input:focus,select.input:focus,textarea.input:focus{border-color:#aa7448!important;box-shadow:0 0 0 3px rgba(184,115,51,.11)!important}
.input::placeholder,textarea.input::placeholder{color:#949b9f!important}
.field label{color:#657078!important}
.btn{
  background:#f1ede7!important;
  color:#30383e!important;
  border-color:#cfc7bd!important;
  box-shadow:none!important;
}
.btn:hover{background:#e7e1d8!important;filter:none!important}
.btn.primary{
  background:linear-gradient(180deg,#c48349,#ad682e)!important;
  color:#fffaf5!important;
  border-color:#a6622b!important;
  box-shadow:0 4px 12px rgba(184,115,51,.18)!important;
}
.btn.primary:hover{background:linear-gradient(180deg,#cc8c55,#b87333)!important}
.btn.danger{color:#ad4f4c!important;background:#fff7f6!important;border-color:#ecc4c2!important}
.action-btn:hover{background:rgba(77,104,121,.09)!important;color:#27333a!important}
.pill{border-color:#d0c9c0!important;color:#68737a!important;background:#f8f5f0!important}

/* Tables: bright, readable work areas */
.table-wrap{background:#fffdf9!important;border-color:#d6cec4!important}
table th{background:#e7e2da!important;color:#5b676f!important;border-color:#d4ccc2!important}
table td{color:#30373d!important;border-color:#e3ddd5!important;background:rgba(255,255,255,.45)}
tbody tr:hover td{background:#f5f0e9!important}
.status.blue{background:rgba(77,104,121,.11)!important;color:#3d5969!important}.status.gold{background:rgba(184,115,51,.12)!important;color:#925821!important}

/* Gantt remains a controlled dark technical surface */
.gantt-wrap{background:#2d353b!important;border-color:#465159!important}
.gantt-table th,.gantt-table .taskname{background:#313a41!important;color:#c7d0d5!important;border-color:#465159!important}
.gantt-table td{background:#2a3238!important;color:#e7ecef!important;border-color:#414b52!important}
.gantt-table td.weekend,.weekend{background:#252c31!important}
.ganttbar{background:linear-gradient(90deg,#4d6879,#7894a4)!important}.ganttbar.critical{background:linear-gradient(90deg,#a34f4b,#d06a65)!important}.ganttbar.done{background:linear-gradient(90deg,#33795f,#55a984)!important}

/* Secondary panels */
.project-snapshot{background:#f7f3ed!important;border-color:#d8d1c8!important}
.snapshot-grid{background:#d9d2c9!important;border-color:#d9d2c9!important}.snapshot-grid>div{background:#fbfaf7!important;color:#2a3136!important}
.scope-banner{background:linear-gradient(100deg,rgba(184,115,51,.10),rgba(77,104,121,.08))!important;border-color:rgba(184,115,51,.20)!important}
.library-item{background:#fbfaf7!important;border-color:#d8d1c8!important;color:#2a3136!important}
.dep-box,.cpm-box{background:#f8f5f0!important;border-color:#dad2c8!important;color:#2b3237!important}
.compact-status>div{background:#f6f2ec!important;border-color:#ded6cd!important;color:#293137!important}
.record-mini{border-color:#ded7ce!important}.record-mini>div{border-color:#e5dfd7!important}

/* Project hub / generic workspaces */
.project-hub,.generic-workspace{background:linear-gradient(180deg,#f1ede7,#e9e4dc)!important;color:#252b30!important}
.project-card:hover{border-color:#9b795d!important;box-shadow:0 8px 26px rgba(37,43,48,.08)!important}
.new-project-card{background:rgba(251,250,247,.72)!important}
.setup-card b{color:#293137!important}

/* Settings */
#settings .settings-card{border-left:3px solid rgba(184,115,51,.45)!important}
#settings .settings-actions{
  background:rgba(48,56,62,.96)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 12px 34px rgba(37,43,48,.18)!important;
}
#settings .settings-actions .btn:not(.primary){background:#3a434a!important;color:#f5f2ec!important;border-color:rgba(255,255,255,.1)!important}
#settings .input:disabled{background:#ece7df!important;color:#7d858a!important;opacity:.9!important}
.settings-info-table td:first-child{color:#48555d!important}

/* Login identity */
.auth-gate{
  background:linear-gradient(114deg,#293137 0%,#293137 55%,#e9e4dc 55.2%,#f4f1eb 100%)!important;
}
.auth-card{
  background:rgba(251,250,247,.985)!important;
  border-color:#d5cdc3!important;
  box-shadow:0 28px 80px rgba(28,33,37,.28)!important;
  color:#252b30!important;
  position:relative;
  overflow:hidden;
}
.auth-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--civork-copper),#d59a68 55%,var(--civork-steel))}
.auth-mark h2{color:#252b30!important;font-size:24px!important;letter-spacing:.12em!important}.auth-mark p{color:#69757d!important}
.auth-tabs{background:#eee9e2!important;border-color:#d8d1c8!important}.auth-tabs button{color:#6b757c!important}.auth-tabs button.active{border-color:rgba(184,115,51,.35)!important;background:rgba(184,115,51,.10)!important;color:#814d23!important}
.auth-msg{color:#69757d!important}.cloud-chip{background:#30383e!important;color:#f5f2ec!important;border-color:rgba(255,255,255,.10)!important}
#windowsUiReady{color:#65747c!important}

/* Modal / notices */
.modal{background:#fbfaf7!important;border-color:#d1c9bf!important;color:#252b30!important;box-shadow:0 30px 90px rgba(28,33,37,.30)!important}
.modal-head{background:#fbfaf7!important}.modal-foot{background:rgba(251,250,247,.97)!important;border-color:#d8d1c8!important}
.close,.x{color:#6c767c!important}.toast{background:#30383e!important;border-color:#4a555d!important;color:#f8f5ef!important}

/* Brand-specific identity details */
.civork-wordmark{display:flex;align-items:center;gap:10px}.civork-wordmark strong{font-weight:900;letter-spacing:.12em}.civork-copper{color:var(--civork-copper)!important}.civork-rule{height:2px;background:var(--civork-copper);width:34px;border-radius:2px}

/* Mobile */
@media(max-width:700px){
  .main{background:linear-gradient(180deg,#f3f0ea,#e9e4dc)!important}
  .sidebar{background:#252b30!important}
  .library-item{background:#fbfaf7!important;border-color:#d8d1c8!important}
  .mobile-task-card{background:#fbfaf7!important;border-color:#d8d1c8!important;color:#283036!important}
  .mobile-task-card .mt-stat{background:#f1ede7!important;border-color:#d7cfc6!important}
  .modal{background:#fbfaf7!important}
  .modal-head,.modal-foot{background:#fbfaf7!important}
  .auth-gate{background:linear-gradient(180deg,#293137 0 40%,#eee9e2 40.2% 100%)!important}
  .auth-card{box-shadow:0 18px 50px rgba(28,33,37,.22)!important}
}

/* Final launch splash: same brand on web + native WebView while runtime initializes */
#civorkSplash{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:linear-gradient(145deg,#252b30,#1f2529 58%,#30383e);transition:opacity .28s ease,visibility .28s ease}
#civorkSplash.hide{opacity:0;visibility:hidden;pointer-events:none}
.civork-splash-inner{display:grid;place-items:center;gap:18px;text-align:center;color:#f8f5ef;padding:28px}.civork-splash-symbol{width:112px;height:112px;background:url("icons/icon-192.png") center/cover no-repeat;border-radius:25px;box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.09)}.civork-splash-name{font-size:30px;font-weight:900;letter-spacing:.18em;margin-left:.18em}.civork-splash-tag{font-size:10px;letter-spacing:.28em;color:#c6cdd1;text-transform:uppercase}.civork-splash-rule{width:38px;height:3px;border-radius:3px;background:#b87333}
@media(max-width:600px){.civork-splash-symbol{width:94px;height:94px;border-radius:22px}.civork-splash-name{font-size:24px}}


/* CIVORK UI polish hotfix · tighter mobile hierarchy + cleaner controls */
.sessionbar{position:relative!important;padding:12px 56px 12px 12px!important}
.session-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding-right:0!important}
.session-actions .project-switcher,.session-actions .session-select{width:100%!important;min-width:0!important;max-width:none!important}
.notif-btn{position:absolute!important;top:12px;right:12px;width:38px;height:38px;min-height:38px;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center;line-height:1;font-size:16px;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 8px 18px rgba(0,0,0,.12)!important;z-index:4}
.notif-btn:hover{background:rgba(184,115,51,.14)!important;border-color:rgba(184,115,51,.32)!important}
.notif-count{right:-3px!important;top:-3px!important;min-width:16px!important;height:16px!important;font-size:9px!important;padding:0 3px!important}
.notif-panel{top:58px!important;right:12px!important;width:min(360px,92vw)!important}
.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.quick-action{min-height:88px;padding:14px!important;border-radius:14px!important;align-items:flex-start!important;justify-content:flex-start!important}
.quick-action>span:last-child{display:grid;gap:4px;align-self:stretch;min-width:0}
.quick-action b{font-size:12px!important;line-height:1.25!important}
.quick-action small{margin-top:0!important;white-space:normal!important;line-height:1.35!important}
.program-actionbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;align-items:stretch!important;padding:10px!important}
.program-actions-primary,.program-actions-secondary{display:contents!important}
.program-actionbar .btn{width:100%!important;min-height:58px!important;padding:14px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important}
.program-actionbar .btn.danger{background:#fff3f2!important;border-color:#f0bfbb!important}
.filterbar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px!important;margin:12px 0 16px!important}
.filter-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;min-height:46px;padding:10px 12px!important;border-radius:999px!important;font-weight:700!important}
.filter-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filter-btn b{margin-left:0!important;min-width:28px;text-align:center;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.72);font-size:11px}
.filter-btn.tone-all{background:#f4efe7!important;color:#2e3740!important}
.filter-btn.tone-muted{background:#eef1f3!important;color:#58646e!important}
.filter-btn.tone-blue{background:rgba(77,104,121,.16)!important;color:#2f5570!important;border-color:rgba(77,104,121,.22)!important}
.filter-btn.tone-amber{background:rgba(194,122,49,.16)!important;color:#8f5a23!important;border-color:rgba(194,122,49,.24)!important}
.filter-btn.tone-green{background:rgba(47,143,104,.15)!important;color:#1f7b57!important;border-color:rgba(47,143,104,.24)!important}
.filter-btn.tone-red{background:rgba(199,92,89,.15)!important;color:#a13d3b!important;border-color:rgba(199,92,89,.22)!important}
.filter-btn.tone-slate{background:#e8ebee!important;color:#4b5863!important;border-color:#d4dae0!important}
.filter-btn.active{box-shadow:0 0 0 2px rgba(184,115,51,.24)!important;transform:translateY(-1px)}
.gantt-legend .pill{display:inline-flex;align-items:center;gap:4px;padding:7px 10px!important;font-weight:700}
.gantt-legend .pill b{font-weight:800}
.gantt-legend .legend-blue{color:#2f5570!important;background:rgba(77,104,121,.13)!important;border-color:rgba(77,104,121,.22)!important}
.gantt-legend .legend-red{color:#a13d3b!important;background:rgba(199,92,89,.14)!important;border-color:rgba(199,92,89,.22)!important}
.gantt-legend .legend-green{color:#1f7b57!important;background:rgba(47,143,104,.14)!important;border-color:rgba(47,143,104,.22)!important}
.gantt-legend .legend-neutral{color:#6d777e!important;background:#f4efe7!important}
@media(max-width:1150px){.program-actionbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){
  .sessionbar{padding:12px 50px 12px 12px!important}
  .session-actions{grid-template-columns:1fr!important;gap:8px!important}
  .session-actions .project-switcher,.session-actions .session-select{grid-column:auto!important}
  .session-actions .btn{width:auto!important}
  .notif-btn{top:10px;right:10px;width:34px;height:34px;min-height:34px;font-size:15px}
  .notif-panel{right:10px!important;top:52px!important;width:min(330px,calc(100vw - 20px))!important}
  .quick-actions{grid-template-columns:1fr 1fr!important}
  .quick-action{min-height:94px!important}
  .program-actionbar{grid-template-columns:1fr 1fr!important}
  .program-actionbar .btn{min-height:64px!important;font-size:11px!important}
  .filterbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .filter-btn{min-height:44px!important;padding:9px 10px!important}
}
@media(max-width:420px){
  .quick-actions{grid-template-columns:1fr!important}
  .program-actionbar{grid-template-columns:1fr!important}
  .filterbar{grid-template-columns:1fr 1fr!important}
}


/* CIVORK v1.0.6 UI hotfix · compact notification icon + schedule color semantics */
.sessionbar{position:relative!important;padding:12px 58px 12px 12px!important}
.session-left{padding-right:8px}
.session-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
.session-actions .project-switcher,.session-actions .session-select{width:100%!important;min-width:0!important;max-width:none!important}
.notif-btn{position:absolute!important;top:12px!important;right:12px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;padding:0!important;margin:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#1a2430!important;border:1px solid rgba(255,255,255,.10)!important;color:#f7fbff!important;box-shadow:0 10px 20px rgba(0,0,0,.18)!important;line-height:1!important;z-index:6!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;flex:none!important}
.notif-btn::before{content:none!important}
.notif-btn:hover{background:#222e3b!important;border-color:rgba(184,115,51,.38)!important;color:#ffdf9e!important}
.notif-btn .notif-count{right:-4px!important;top:-4px!important;min-width:16px!important;height:16px!important;font-size:9px!important;padding:0 3px!important;border:2px solid #111720}
.notif-panel{top:52px!important;right:12px!important;width:min(350px,92vw)!important}
.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.quick-action{min-height:92px!important;padding:14px!important;border-radius:14px!important;align-items:flex-start!important}
.quick-action b{font-size:12px!important;line-height:1.25!important}.quick-action small{white-space:normal!important;line-height:1.35!important}
.program-actionbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;padding:10px!important}
.program-actions-primary,.program-actions-secondary{display:contents!important}.program-actionbar .btn{width:100%!important;min-height:58px!important;padding:14px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;white-space:normal!important;line-height:1.28!important}
.filterbar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;gap:10px!important}
.filter-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:46px!important;padding:10px 12px!important;border-radius:999px!important;font-weight:700!important}
.filter-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-btn b{margin-left:0!important;min-width:30px!important;text-align:center!important;padding:4px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;font-size:11px!important}
.filter-btn.tone-blue,.status.blue{color:#2f5570!important}.filter-btn.tone-red,.status.red{color:#a13d3b!important}.filter-btn.tone-green,.status.green{color:#1f7b57!important}.filter-btn.tone-amber,.status.orange{color:#8f5a23!important}
.filter-btn.tone-blue{background:rgba(77,104,121,.16)!important;border-color:rgba(77,104,121,.22)!important}.filter-btn.tone-red{background:rgba(199,92,89,.15)!important;border-color:rgba(199,92,89,.22)!important}.filter-btn.tone-green{background:rgba(47,143,104,.15)!important;border-color:rgba(47,143,104,.24)!important}.filter-btn.tone-amber{background:rgba(194,122,49,.16)!important;border-color:rgba(194,122,49,.24)!important}.filter-btn.tone-slate{background:#e8ebee!important;color:#4b5863!important;border-color:#d4dae0!important}
.status.red{background:rgba(199,92,89,.14)!important}.status.green{background:rgba(47,143,104,.14)!important}.status.orange{background:rgba(194,122,49,.16)!important}.status.blue{background:rgba(77,104,121,.14)!important}.status.gold{background:rgba(184,115,51,.14)!important;color:#8f5a23!important}
.gantt-legend .legend-blue{color:#2f5570!important;background:rgba(77,104,121,.13)!important;border-color:rgba(77,104,121,.22)!important}.gantt-legend .legend-red{color:#a13d3b!important;background:rgba(199,92,89,.14)!important;border-color:rgba(199,92,89,.22)!important}.gantt-legend .legend-green{color:#1f7b57!important;background:rgba(47,143,104,.14)!important;border-color:rgba(47,143,104,.22)!important}.gantt-legend .legend-neutral{color:#6d777e!important;background:#f4efe7!important}
@media(max-width:700px){.sessionbar{padding:12px 56px 12px 12px!important}.session-actions{grid-template-columns:1fr!important;gap:8px!important}.notif-btn{top:12px!important;right:12px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:14px!important}.notif-panel{top:50px!important;right:10px!important;width:min(320px,calc(100vw - 20px))!important}.program-actionbar{grid-template-columns:1fr 1fr!important}.program-actionbar .btn{min-height:62px!important}.filterbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-actions{grid-template-columns:1fr 1fr!important}}
@media(max-width:420px){.quick-actions{grid-template-columns:1fr!important}.program-actionbar{grid-template-columns:1fr!important}}


/* CIVORK v1.0.7 contrast pass · ensure readable text on dark surfaces */
:root{--dark-surface-text:#eef3f8;--dark-surface-muted:#b8c3cf;--dark-surface-soft:#d7e0ea;--dark-surface-accent:#ffd68f}

/* Any panel that intentionally uses a dark fill must carry light foregrounds */
.block-meta div,.snapshot-grid>div,.entrance-title,.floor,.facility,.floor-kpis>div,.floor-task,.floor-record-summary span,.record-info-grid>div,.record-section,.record-flow-step,.record-summary>div,.ops-kpi,.compact-status>div,.program-actionbar,.dep-box,.cpm-box,.table-wrap table th,.quick-action,.qa-icon,.look-card,.config-card,.floor-link,.project-snapshot,.floor-use,.notif-panel,.notif-item,.record-card,.mobile-task-card .mt-stat,.mobile-task-card,.record-mini>div{color:var(--dark-surface-text)!important}

.block-meta b,.snapshot-grid b,.entrance-title b,.floor b,.facility b,.floor-kpis b,.floor-task b,.record-info-grid span,.record-section h4,.record-flow-step b,.record-summary b,.ops-kpi b,.compact-status b,.dep-box b,.cpm-box b,.quick-action b,.look-card b,.config-card h4,.record-card h4,.mobile-task-card .mt-stat b,.record-mini b{color:var(--dark-surface-text)!important}

.block-meta span,.snapshot-grid span,.entrance-title span,.floor span,.facility span,.floor-kpis span,.floor-task>div:first-child span,.floor-task small,.record-info-grid b,.record-section p,.record-flow-step span,.record-summary span,.ops-kpi>span,.ops-kpi small,.compact-status span,.quick-action small,.look-card div,.config-card .library-note,.record-desc,.record-mini span,.floor-record-summary span,.notif-item p,.mobile-task-card .mt-stat span,.mobile-task-card .mt-sub,.table-wrap table th{color:var(--dark-surface-muted)!important}

/* Specific components from structure / block views */
.block-meta div{background:#101823!important}
.block-meta b{font-size:16px!important;font-weight:800!important}
.block-meta span{font-size:11px!important}
summary,.project-snapshot summary,.summary-arrow{color:#d9e3ec!important}
.entrance-title{background:#15202b!important;color:var(--dark-surface-text)!important}
.entrance-title span{color:var(--dark-surface-muted)!important}
.floor{background:#101823!important;border-color:#263241!important;color:var(--dark-surface-text)!important}
.facility{background:#101823!important;color:var(--dark-surface-text)!important}
.snapshot-grid>div{background:#101823!important}
.snapshot-grid span{font-size:9px!important}
.floor-kpis>div,.floor-task,.record-info-grid>div,.record-section,.record-flow-step,.record-card,.mobile-task-card,.mobile-task-card .mt-stat{background:#101823!important;border-color:#253140!important}
.floor-record-summary span{background:#101823!important;border-color:#253140!important;color:var(--dark-surface-soft)!important}
.record-summary>div{background:#101823!important}
.ops-kpi,.compact-status>div,.dep-box,.cpm-box,.quick-action,.qa-icon,.look-card,.config-card{background:#101823!important;border-color:#253140!important}
.table-wrap table th{background:#101823!important;color:var(--dark-surface-muted)!important}
.floor-link{background:#101823!important;color:var(--dark-surface-text)!important}
.notif-item.unread{background:rgba(90,167,255,.10)!important}
.floor-use{color:#ffe2a8!important}

/* Improve contrast for inline status badges on dark panels */
.status.blue{color:#9fd0ff!important;background:rgba(77,104,121,.28)!important}
.status.red{color:#ffb2b0!important;background:rgba(199,92,89,.28)!important}
.status.green{color:#9fe6c2!important;background:rgba(47,143,104,.28)!important}
.status.orange,.status.gold{color:#ffd89a!important;background:rgba(194,122,49,.26)!important}

/* Force muted text in structural detail cards to stay readable */
.block-card p,.block-card small,.block-card .mini,.project-snapshot small,.facility-list small,.record-card p,.record-card small,.record-card .mini{color:#92a4b5}

/* CIVORK v1.0.17 · Corporate reporting center */
.report-page-head{align-items:flex-end!important}.report-builder{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:12px;padding:14px 16px!important}.report-builder-left{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.report-builder-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.report-period-switch{display:flex;gap:6px;padding:4px;background:#ece7df;border:1px solid #d6cfc5;border-radius:12px}.report-period-btn{border:0;background:transparent;color:#68737b;border-radius:9px;padding:9px 14px;font-weight:800;font-size:11px;cursor:pointer}.report-period-btn.active{background:#252b30;color:#fff;box-shadow:0 5px 12px rgba(37,43,48,.15)}.report-date-field{display:grid;gap:5px;min-width:170px}.report-date-field span,.report-period-label span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7b858c;font-weight:800}.report-date-field .input{height:40px!important;background:#fff!important;color:#252b30!important;border-color:#d8d0c7!important}.report-period-label{display:grid;gap:5px;min-width:190px}.report-period-label b{font-size:12px;color:#252b30}.report-bottom-tools{margin-top:12px}

.corporate-report{background:#fff;color:#1e2932;border:1px solid #d7d0c7;border-radius:18px;overflow:hidden;box-shadow:0 18px 48px rgba(37,43,48,.08)}.corp-report-header{display:grid;grid-template-columns:1fr auto;gap:24px;padding:24px 28px 20px;background:#252b30;color:#fff;border-bottom:5px solid #b87333}.corp-brand-line{display:flex;align-items:center;gap:14px}.corp-brand-mark{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#b87333;color:#fff;font-size:24px;font-weight:900;letter-spacing:-.08em}.corp-brand-name{font-size:24px;font-weight:900;letter-spacing:.08em}.corp-brand-sub{font-size:10px;color:#c9d0d5;margin-top:3px;letter-spacing:.13em;text-transform:uppercase}.corp-report-title{text-align:right}.corp-report-title .type{font-size:12px;color:#e9c39f;font-weight:800;letter-spacing:.12em}.corp-report-title h3{font-size:19px;margin:5px 0 3px;color:#fff}.corp-report-title small{color:#c6ced4;font-size:10px}.corp-project-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid #dfd8cf;background:#faf8f4}.corp-project-strip>div{padding:12px 14px;border-right:1px solid #e5ded5;min-width:0}.corp-project-strip>div:last-child{border-right:0}.corp-project-strip span{display:block;font-size:8px;color:#7a858c;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.corp-project-strip b{display:block;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#26313a}.corp-report-body{padding:22px 26px 26px}.corp-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.corp-kpi{border:1px solid #ddd7ce;border-radius:12px;padding:13px 14px;background:#fcfbf8;min-height:86px}.corp-kpi.warn{border-left:4px solid #c27a31}.corp-kpi.bad{border-left:4px solid #c75c59}.corp-kpi.good{border-left:4px solid #2f8f68}.corp-kpi span{display:block;font-size:8px;color:#758087;font-weight:850;letter-spacing:.09em}.corp-kpi b{display:block;font-size:24px;margin-top:7px;color:#202a31}.corp-kpi small{display:block;font-size:9px;color:#7b858c;margin-top:4px}.corp-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.corp-panel{border:1px solid #ddd7ce;border-radius:13px;padding:15px 16px;background:#fff}.corp-panel.full{grid-column:1/-1}.corp-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}.corp-panel-head h4{font-size:12px;margin:0;color:#26313a}.corp-panel-head span{font-size:8px;color:#7b858c;text-transform:uppercase;letter-spacing:.08em}.corp-status-stack{display:flex;height:22px;overflow:hidden;border-radius:999px;background:#ece8e2;margin:6px 0 12px}.corp-status-seg{height:100%;min-width:0}.corp-status-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.corp-status-legend>div{display:flex;align-items:center;gap:7px;font-size:9px;color:#58646d}.corp-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.corp-block-bars{display:grid;gap:9px}.corp-block-row{display:grid;grid-template-columns:54px 1fr 46px;gap:9px;align-items:center;font-size:10px}.corp-block-row b{color:#2c353c}.corp-bar-track{height:10px;border-radius:999px;background:#ece8e2;overflow:hidden}.corp-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4d6879,#7f9aaa)}.corp-trend{height:150px;display:flex;align-items:flex-end;gap:6px;padding:8px 2px 0;border-bottom:1px solid #d8d1c8}.corp-trend-col{flex:1;min-width:0;display:grid;grid-template-rows:1fr 18px;align-items:end;gap:5px;height:100%}.corp-trend-bar{width:100%;min-height:2px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#b87333,#d49a66);position:relative}.corp-trend-bar em{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-style:normal;font-size:8px;color:#5d6870}.corp-trend-col small{font-size:7px;color:#7b858c;text-align:center;white-space:nowrap;overflow:hidden}.corp-summary-box{background:#f5f1eb;border-left:4px solid #b87333;border-radius:10px;padding:12px 14px;font-size:10px;line-height:1.55;color:#43505a}.corp-summary-box b{color:#252b30}.corp-table-wrap{overflow:auto;border:1px solid #ddd7ce;border-radius:11px}.corp-table{width:100%;border-collapse:collapse;min-width:760px}.corp-table th{background:#252b30!important;color:#e8edf0!important;text-align:left;padding:9px 10px;font-size:8px;letter-spacing:.06em;text-transform:uppercase;border-right:1px solid #424a50}.corp-table td{padding:9px 10px;border-bottom:1px solid #ebe6df;font-size:9px;color:#34414a;vertical-align:top}.corp-table tr:nth-child(even) td{background:#fbfaf8}.corp-table .num{text-align:right;font-variant-numeric:tabular-nums}.corp-report-footer{display:flex;justify-content:space-between;gap:20px;padding:11px 28px;border-top:1px solid #ddd7ce;background:#faf8f4;color:#7a858c;font-size:8px}.corp-empty{padding:18px;text-align:center;color:#7b858c;font-size:10px}.corp-report-section{margin-top:16px}.corp-report-section>.corp-panel-head{padding:0 2px}.corp-table .status-text{font-weight:800}.corp-table .status-text.green{color:#247553}.corp-table .status-text.red{color:#a13d3b}.corp-table .status-text.orange{color:#9a6126}.corp-table .status-text.blue{color:#365b73}

@media(max-width:1000px){.corp-project-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.corp-project-strip>div:nth-child(3){border-right:0}.corp-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.report-builder{align-items:stretch;flex-direction:column}.report-builder-actions{justify-content:flex-start}}
@media(max-width:700px){.report-builder-left{display:grid;grid-template-columns:1fr}.report-period-switch{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.report-period-btn{padding:10px 7px}.report-date-field,.report-period-label{min-width:0}.report-builder-actions{display:grid;grid-template-columns:1fr 1fr}.report-builder-actions .btn:first-child{grid-column:1/-1}.corp-report-header{grid-template-columns:1fr;padding:18px}.corp-report-title{text-align:left}.corp-project-strip{grid-template-columns:1fr 1fr}.corp-project-strip>div{border-right:1px solid #e5ded5}.corp-project-strip>div:nth-child(even){border-right:0}.corp-report-body{padding:15px}.corp-kpis{grid-template-columns:1fr 1fr}.corp-report-grid{grid-template-columns:1fr}.corp-panel.full{grid-column:auto}.corp-status-legend{grid-template-columns:1fr 1fr}.corp-brand-name{font-size:19px}.corp-report-footer{padding:10px 15px}.corp-table{min-width:680px}}


/* CIVORK v1.0.17 · hard notification corner lock — survives legacy HTML markup */
#sessionBar{position:relative!important;padding-right:54px!important}
#sessionBar .notif-btn,#sessionBar .notification-corner-button,#sessionBar .session-actions .notif-btn{
  position:absolute!important;top:9px!important;right:9px!important;left:auto!important;bottom:auto!important;
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  max-width:30px!important;max-height:30px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;
  display:grid!important;place-items:center!important;line-height:1!important;z-index:80!important;
  color:#d9e1e8!important;appearance:none!important;-webkit-appearance:none!important;flex:0 0 30px!important;
}
#sessionBar .notif-btn:hover,#sessionBar .notif-btn:focus-visible{background:rgba(255,255,255,.07)!important;color:#f1bd66!important;outline:none!important}
#sessionBar .notif-btn .notification-bell-icon{display:block!important;width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#sessionBar .notif-btn .notif-count{position:absolute!important;right:-3px!important;top:-3px!important;min-width:15px!important;height:15px!important;padding:0 3px!important;border-radius:999px!important;border:2px solid #111720!important;background:var(--bad)!important;color:#fff!important;font-size:8px!important;font-weight:800!important}
#sessionBar .session-actions{position:static!important;padding-right:0!important}
@media(max-width:700px){#sessionBar{padding-right:50px!important}#sessionBar .notif-btn,#sessionBar .notification-corner-button,#sessionBar .session-actions .notif-btn{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;top:9px!important;right:9px!important}}


/* CIVORK v1.0.17 · hierarchical activity / manufacture picker */
.activity-picker-panel{background:rgba(184,115,51,.045);border:1px solid rgba(184,115,51,.16);border-radius:14px;padding:12px!important}
.activity-picker-panel>label{font-weight:800;letter-spacing:.02em}
.activity-add-row{display:flex;justify-content:flex-start;margin-top:8px}
.activity-add-btn{min-height:36px!important;padding:8px 12px!important;width:auto!important}
.activity-add-box{margin-top:10px;padding:10px;border-radius:12px;border:1px dashed rgba(184,115,51,.36);background:rgba(184,115,51,.05)}
.activity-add-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
@media(max-width:700px){.activity-picker-panel{padding:10px!important}.activity-add-actions{display:grid;grid-template-columns:1fr 1fr}.activity-add-actions .btn{width:100%!important}}