/* TEMP 12.68.4 — shared navy/orange theme, including the actual module selectors. */
:root {
 --temp-orange:#ff8b1b;--temp-orange-light:#ffb34f;--temp-orange-dark:#d95a08;
 --amber:#ff961f;--softamber:rgba(255,143,29,.16);
 --bg:#051425;--bg2:#091d34;--card:#0c2541;--card2:#113152;
 --line:rgba(101,165,223,.24);
 --shadow:0 13px 30px rgba(0,5,18,.36),inset 0 1px 0 rgba(145,194,241,.12);
}
html,body{background:radial-gradient(ellipse at 50% -5%,#113b68 0,#071a31 40%,#03101f 100%);color:#f5f9ff}
/* Keep natural layout and scroll; all highlights are CSS-only */
.topbar{background:linear-gradient(180deg,rgba(8,30,55,.98),rgba(3,17,34,.96));border-bottom:1px solid rgba(255,144,34,.28);box-shadow:0 6px 24px rgba(0,6,21,.3)}
.logo,.auth-logo .logo,.auth-copy-brand .logo{background:#0a3159 url('./temp-rocket-3d.png') center/cover no-repeat!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.26),0 6px 22px rgba(255,123,18,.24)!important}
.card,.kpi,.metric,.t65-entry,.auth-card,.auth-box{
 background:linear-gradient(150deg,rgba(22,63,105,.96) 0%,rgba(10,37,69,.97) 48%,rgba(4,22,44,.98) 100%);
 border:1px solid rgba(77,150,218,.38);
 box-shadow:inset 0 1px 0 rgba(172,215,255,.17),inset 0 -1px 0 rgba(0,0,0,.2),0 9px 24px rgba(0,6,22,.33);
}
.card,.kpi,.metric{position:relative}
.card::before,.kpi::before,.metric::before{content:'';position:absolute;pointer-events:none;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,166,64,.42),transparent)}
.hero{border-color:rgba(255,151,42,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 15px 35px rgba(0,4,19,.45)}
.hero-kicker,.eyebrow,.section-title{color:#ffb05b}
/* Strong orange actions; preserve red danger and green success semantics */
.btn-blue,.btn.btn-blue,.auth-card button[type=submit],.t38-auth-submit,.btn-primary{
 background:linear-gradient(180deg,#ffbb59 0%,#ff9225 43%,#ee6d0c 100%)!important;
 color:#0a2039!important;border:1px solid #ffc26b!important;
 box-shadow:inset 0 2px 1px rgba(255,244,210,.5),inset 0 -2px 0 rgba(157,61,0,.38),0 7px 18px rgba(238,103,5,.29)!important;
 text-shadow:0 1px 0 rgba(255,225,177,.35);
}
.btn-blue:hover,.btn-primary:hover,.auth-card button[type=submit]:hover{filter:brightness(1.07)}
.btn-blue:active,.btn-primary:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(140,55,0,.35),0 2px 7px rgba(238,103,5,.22)!important}
.btn-soft{background:linear-gradient(180deg,rgba(32,82,130,.78),rgba(13,43,80,.9));border:1px solid rgba(255,154,50,.4);color:#ffd1a1;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 12px rgba(0,0,0,.17)}
.navbtn.active,.nav-v8 .active,.nav .active{background:linear-gradient(180deg,rgba(255,153,35,.24),rgba(255,132,23,.09))!important;border-color:rgba(255,157,48,.55)!important;color:#ffad48!important;box-shadow:inset 0 1px 0 rgba(255,196,108,.16),0 0 16px rgba(255,133,24,.12)}
.navbtn.active svg,.nav .active svg{color:#ffa23d!important;filter:drop-shadow(0 0 5px rgba(255,143,24,.35))}
.metric b,.kpi strong{color:#fff}
.metric:nth-child(2) b{color:#ffb257}
input:focus,select:focus,textarea:focus,.input:focus{border-color:#ff9d3b!important;outline-color:#ff9d3b!important;box-shadow:0 0 0 3px rgba(255,144,29,.16)!important}
input,textarea,select{max-width:100%;min-width:0}
/* 12.65 reporting screens remain fully functional */
.t65-entry{border-color:rgba(255,149,43,.25)}
.t65-date{color:#ffb052}
.t65-actions button:not(.t65-reject){background:linear-gradient(180deg,#ffae46,#ed7112);color:#0a2139;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 12px rgba(255,118,20,.2)}
/* Touch readability and restrained effects for mobile */
@media(max-width:768px){
 .shell,.auth-layout{width:100%;max-width:100%;min-width:0}
 .card,.kpi,.metric{min-width:0}
 input,textarea,select{font-size:16px!important}
 .btn,.navbtn{touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){.btn,.navbtn{transition:none!important}}

/* Actual 12.63/12.65 module elements */
.t63-master,.t63-today,.t63-attention,.t65-page .t65-entry{background:linear-gradient(145deg,#16416c,#0b2949 55%,#071b35)!important;border:1px solid rgba(255,154,47,.35)!important;box-shadow:inset 0 1px 0 rgba(255,217,163,.22),0 10px 24px rgba(0,4,18,.38)!important;border-radius:14px}
.t63-master summary{background:linear-gradient(180deg,rgba(29,79,125,.35),rgba(9,34,62,.1))}
.t63-master[open]{border-color:rgba(255,158,47,.65)!important}
.t63-plan-task,.t63-missing{background:linear-gradient(180deg,#1b527f,#0d3155)!important;border:1px solid rgba(255,156,50,.3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 12px rgba(0,6,24,.3)}
.t63-master summary>i,.t63-master summary small,.t65-date{color:#ffaf4d!important}
.t65-actions button:not(.t65-reject){background:linear-gradient(180deg,#ffba58,#f18417)!important;color:#08203a!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 5px 13px rgba(255,129,23,.3)!important}

/* Current director screens use t57-* rather than .card/.hero/.kpi. */
:root{--temp-surface:linear-gradient(145deg,#17334f 0%,#0d233a 48%,#08182b 100%);--temp-edge:rgba(164,194,223,.22);--temp-raised:inset 0 1px 0 rgba(220,235,250,.16),inset 0 -1px 0 rgba(0,0,0,.35),0 8px 22px rgba(0,5,16,.38)}
.t57-card,.t57-kpi,.t57-task,.t57-object-side,.t57-object-detail,.t57-forms button,
.t64-settings section,.t60-master-status button,.division-section,.division-tile,.object-card,
.t57-report-day-kpis>button,.t57-report-day-kpis>div,.t57-detail-kpis>div,
.t63-master,.t63-today,.t63-attention,.t65-page .t65-entry{
 background:var(--temp-surface)!important;border-color:var(--temp-edge)!important;box-shadow:var(--temp-raised)!important;
}
.t57-kpi{position:relative;overflow:hidden;border-top:2px solid #ff9735!important;min-width:0}
.t57-kpi>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#30485e,#152b40);border:1px solid rgba(255,172,85,.35);box-shadow:inset 0 1px 1px rgba(255,255,255,.24),0 4px 9px rgba(0,0,0,.3)}
.t57-kpi b{color:#fff;font-variant-numeric:tabular-nums}
.t57-kpi small{color:#c1cfdd;line-height:1.4}
.t57-home-hero,.t57-mini-hero,.t57-report-hero{border-color:rgba(255,167,77,.45);box-shadow:inset 0 1px 0 rgba(255,227,191,.18),0 12px 30px rgba(0,3,14,.42)}
.t57-home-hero{background-image:linear-gradient(90deg,rgba(3,13,25,.88),rgba(5,20,37,.45) 55%,rgba(5,20,37,.12)),url('./city-night.jpg')}
.t57-hero-slogan b{color:#ffb75b}
.t57-hero-live>div{background:linear-gradient(150deg,rgba(26,50,72,.94),rgba(5,20,37,.92));border-color:rgba(255,175,92,.28);box-shadow:var(--temp-raised)}
.t57-card-head b,.t57-eyebrow{color:#ffba6b}
.t57-card-head span,.t63-master summary small,.t63-plan-task small,.t63-missing small{color:#afc2d5!important}
.t63-master[open]{border-color:rgba(255,158,47,.65)!important}
.t63-plan-task,.t63-missing,.t57-row,.t57-upcoming button,.t57-quick-reports button{background:linear-gradient(145deg,#18354f,#0c233a)!important;border-color:rgba(159,187,214,.22)!important;box-shadow:inset 0 1px 0 rgba(213,231,248,.1),0 3px 9px rgba(0,0,0,.2)!important}
.t57-create,.t57-segment button.active,.t57-filter-pills button.active,
.t57-report-tabs button.active,.t57-object-cats button.active,.t57-object-tabs button.active,.tab.active{
 background:linear-gradient(180deg,#ffc16b,#ff9a35 48%,#e97518)!important;color:#102238!important;border-color:#ffc47b!important;box-shadow:inset 0 1px 0 #ffe1b5,inset 0 -2px 0 rgba(135,58,8,.28),0 5px 14px rgba(230,109,17,.22)!important;
}
.t57-object-cats button.active span{color:#283e52}
.t57-card-head button,.t57-object-head button,.t57-object-actions button,.t57-back,.t65-back,.t64-settings button,.t60-map-toggle,.t58-quick-switch{
 background:linear-gradient(180deg,#233c52,#10263c);color:#ffd2a0;border:1px solid rgba(255,163,66,.38);box-shadow:inset 0 1px 0 rgba(255,221,180,.1),0 3px 8px rgba(0,0,0,.25);
}
.t57-object-list-item.active{background:linear-gradient(90deg,rgba(255,146,41,.18),rgba(255,146,41,.03));box-shadow:inset 3px 0 #ff9834}
.t57-attn{border-bottom-color:rgba(176,200,224,.14);border-radius:8px}
.t57-attn:hover{background:rgba(255,166,73,.06)}
.t57-task:hover,.t57-row:hover,.t57-kpi:hover,.t57-forms button:hover{border-color:rgba(255,174,88,.6)!important}
.nav.t56-director-nav{background:linear-gradient(180deg,#12263b,#071526);border-top:1px solid rgba(255,174,82,.26);box-shadow:0 -6px 22px rgba(0,0,0,.22)}
.t56-director-nav .navbtn{color:#becbda}
.t56-director-nav .navbtn.active{background:linear-gradient(180deg,#ffc16b,#ff9a35 50%,#e97518)!important;color:#102238!important;box-shadow:inset 0 1px 0 #ffe0b1,inset 0 -2px 0 rgba(135,58,8,.28),0 4px 12px rgba(0,0,0,.25)}
button:disabled{cursor:wait;opacity:.6}
@media(min-width:761px){
 .t56-director-shell{padding-bottom:82px!important}
 .t56-director-nav .nav-inner{max-width:900px!important;min-height:54px}
 .t56-director-nav .navbtn{min-height:48px!important;font-size:12px!important;padding:6px 14px!important;border-radius:11px!important}
 .t56-director-nav .navbtn span{font-size:20px!important;margin-bottom:2px!important;line-height:1!important}
 .t57-kpi{padding:18px}.t57-kpi b{font-size:30px}.t57-kpi small{font-size:12px}
}
@media(max-width:760px){
 .t56-director-shell{padding-bottom:82px!important}
 .t56-director-nav .navbtn{min-height:48px!important;font-size:10px!important;line-height:1.2!important}
 .t56-director-nav .navbtn span{font-size:18px!important;margin-bottom:3px!important}
 .t57-kpi>span{width:30px;height:30px;border-radius:9px}
 .t57-kpi small{font-size:10px!important;line-height:1.3!important}
 .t57-kpi b{font-size:18px!important}
 .t57-kpi{padding:9px 7px!important}
 .t57-card-head>div{flex-wrap:wrap;gap:3px 8px}
 .t57-card-head span{font-size:10px!important}
 .t57-attn{min-height:44px;font-size:12px!important}
 .t65-footnote{line-height:1.4}
}