/* PROPRYNEX V12.9.0 – visual-only Premium design layer.
   Loaded last. No changes to data, authorization, URLs, or application event handlers.
   Desktop reference: user-approved emerald sidebar + premium hero.
*/
:root{--px-premium-deep:#11212e;--px-premium-forest:#1a3145;--px-premium-green:#184c7a;--px-premium-lime:#4aa1ee;--px-premium-line:#d8e9e1;--px-premium-shadow:0 10px 24px rgba(22,42,59,.08)}
/* Persistent canvas and accessible focus */
body{background:#f0f7f4!important}
#main{background:transparent!important}
#main :where(button,a,input,select,textarea):focus-visible,.shell>aside :where(button,a):focus-visible{outline:3px solid #64aeef!important;outline-offset:3px}
/* Desktop navigation: the approved dark emerald visual, no replacement of functional navigation */
@media(min-width:801px){
 body .shell>aside{background:radial-gradient(ellipse 135% 38% at 108% 92%,rgba(36,112,179,.22) 0%,transparent 70%),linear-gradient(164deg,#101f2b 0%,#182c3e 55%,#111f2c 100%)!important;color:#fff!important;border-right:1px solid #123452!important;box-shadow:4px 0 18px rgba(15,28,40,.09);position:sticky!important;isolation:isolate}
 body .shell>aside:after{content:"";pointer-events:none;position:absolute;z-index:-1;left:-28%;right:-28%;bottom:90px;height:65px;border-top:2px solid rgba(94,179,255,.66);border-radius:60% 50% 0 0;transform:rotate(-9deg);box-shadow:0 -11px 19px rgba(65,154,233,.12)}
 body .shell>aside>.brand{color:#fff!important;font-weight:850!important;letter-spacing:-.6px}
 body .px1258-group{border-color:rgba(218,234,255,.16)!important;margin-top:10px;padding-top:12px}
 body .px1258-heading{color:#99adc7!important;letter-spacing:.09em!important}
 body .px1258-group .nav{color:#effff3!important;border:1px solid transparent!important;transition:background .17s ease,color .17s ease!important}
 body .px1258-group .nav .navicon{color:#dae7f7!important}
 body .px1258-group .nav.active{color:white!important;background:linear-gradient(110deg,#3d8ed6,#1c578b 88%)!important;border-color:rgba(182,221,255,.35)!important;box-shadow:0 5px 15px rgba(5,9,12,.22),inset 0 1px rgba(255,255,255,.2)!important;font-weight:750!important}
 body .px1258-group .nav.active .navicon{color:white!important}
 body .px1258-group .nav:hover,body .px1258-group .nav:focus-visible{color:#fff!important;background:rgba(78,154,221,.17)!important}
 body .px1258-legal details,body .px1258-legal details a{color:#e3f8eb!important}
 body .px1258-legal summary::before{color:#bed5f4!important}
 body .px1258-legal summary:hover{background:rgba(78,154,221,.15)!important}
 body .px1260-company-switch{color:#e4fff0!important}
 body .px1260-company-switch:hover{background:rgba(78,156,224,.13)!important}
 body .px1257-account-actions{border-color:rgba(235,255,246,.24)!important}
 body .px1257-signout{color:#ffc6c2!important}
 body .px1257-signout:hover{background:rgba(247,101,89,.13)!important}
 body .px1258-scroll{scrollbar-color:#3f586e transparent!important}
}
/* Dashboard surfaces and typography */
#main .px1259-dashboard{max-width:1500px!important;color:#142635}
#main .px1259-top-title h1{font-size:clamp(21px,2vw,28px)!important;font-weight:880!important;letter-spacing:-.7px}
#main .px1259-search-wrap{border-color:#d7e9df!important;border-radius:18px!important;box-shadow:0 5px 18px rgba(19,36,51,.075)!important}
#main .px1259-bell{box-shadow:0 5px 14px rgba(19,36,51,.08)!important}
#main .px1259-hero{min-height:178px;background-color:#152838!important;background-image:url('./premium-hero-v1290.webp')!important;background-size:auto 100%!important;background-position:right center!important;background-repeat:no-repeat!important;border-radius:22px!important;box-shadow:0 12px 29px rgba(22,40,57,.16)!important;border:1px solid rgba(85,137,184,.18)!important}
#main .px1259-hero::before{background:linear-gradient(90deg,#152636 0%,#152636 35%,rgba(21,39,55,.90) 46%,rgba(21,39,55,.22) 72%,transparent 95%)!important}
#main .px1259-hero h2{font-size:clamp(29px,3.2vw,44px)!important;letter-spacing:-1.3px!important;text-shadow:0 2px 7px rgba(12,22,31,.18)}
#main .px1259-kicker{color:#acd8ff!important}
#main .px1259-kpis{gap:13px!important;margin:17px 0 20px}
#main .px1259-kpi{border:1px solid rgba(255,255,255,.78)!important;border-radius:19px!important;box-shadow:0 6px 16px rgba(22,40,57,.07)!important;min-height:132px!important;transition:transform .18s ease,box-shadow .18s ease!important}
#main .px1259-kpi:hover{transform:translateY(-3px);box-shadow:0 14px 25px rgba(22,40,57,.12)!important}
#main .px1259-kpi-green{background:linear-gradient(130deg,#f3fff4,#d0e1f7)!important}
#main .px1259-kpi-blue{background:linear-gradient(130deg,#f4f9ff,#d3e7ff)!important}
#main .px1259-kpi-orange{background:linear-gradient(130deg,#fffaf2,#ffebcb)!important}
#main .px1259-kpi-gray{background:linear-gradient(130deg,#f7fbf8,#d6efe9)!important}
#main .px1259-kpi-red{background:linear-gradient(130deg,#fff7f8,#ffdfe6)!important}
#main .px1259-kpi strong{font-size:35px!important;letter-spacing:-.9px}
#main .px1259-actions{gap:11px;margin-bottom:22px}
#main .px1259-action{border-radius:13px!important;box-shadow:0 5px 16px rgba(21,39,55,.085)!important;transition:transform .17s,box-shadow .17s!important}
#main .px1259-action-primary{background:linear-gradient(110deg,#1e5d95,#0f304d)!important;box-shadow:0 8px 17px rgba(19,58,93,.17)!important}
#main .px1259-action:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(21,39,55,.15)!important}
#main .px1259-card{border-radius:19px!important;border:1px solid #d9e8e0!important;box-shadow:var(--px-premium-shadow)!important}
#main .px1259-card-head h3{font-weight:850!important;letter-spacing:-.45px!important}
#main .px1259-upcoming-row:hover,#main .px1259-jobline:hover{background:#f4fbf7!important}
/* Premium visual vocabulary across existing pages – no new markup or fake actions */
#main .px1284-hero{border-radius:19px!important;background:linear-gradient(105deg,#162a3b 0%,#16446c 73%,#1b5486 100%)!important;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(26,49,69,.11)!important}
#main .px1284-hero:after{content:"";pointer-events:none;position:absolute;width:45%;right:-6%;top:-100%;height:260%;border:2px solid rgba(102,180,248,.25);border-radius:50%;transform:rotate(-18deg)}
#main .px1284-hero-icon{border-radius:15px!important;box-shadow:0 3px 12px rgba(17,31,44,.13)}
#main .px1284-hero h1{font-weight:870!important;letter-spacing:-.5px}
#main .px1284-team-tabs,#main .px-clock-tabs{border-radius:15px!important}
#main .px1284-team-tabs button.is-active,#main .px-clock-tabs button.is-active{background:linear-gradient(100deg,#194f7e,#12395b)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 13px rgba(19,61,97,.14)!important}
#main .px1285-employee{border-color:#dceae2!important;border-radius:19px!important;box-shadow:0 7px 18px rgba(22,40,57,.07)!important}
#main .px1285-actions .team-missions{background:linear-gradient(115deg,#1c578b,#12395b)!important;border-color:#15436b!important}
#main .px-clock-card,#main .px-clock-history-card{border-radius:18px!important;border-color:#d9e9e1!important;box-shadow:0 5px 17px rgba(22,41,58,.055)!important}
#main .px-clock-history-card{background:linear-gradient(125deg,#fff,#f6fbf8)!important}
#main :where(.team-panel,.v52-sheet){border-color:#d9e9e1;border-radius:19px;box-shadow:0 6px 21px rgba(22,40,57,.052)}
#main :where(input:not([type="checkbox"]):not([type="radio"]),textarea,select){accent-color:#194d7a}
@media(max-width:1150px){#main .px1259-kpis{gap:9px!important}#main .px1259-kpi{padding:15px 12px!important}}
@media(max-width:800px){
 body{background:#f3f9f5!important}
 #main .px1259-dashboard{padding-bottom:96px}
 #main .px1259-hero{min-height:154px!important;padding:20px 17px!important;background-size:auto 100%!important}
 #main .px1259-hero::before{background:linear-gradient(90deg,#152636 0%,rgba(21,38,54,.98) 55%,rgba(21,38,54,.78) 100%)!important}
 #main .px1259-hero-content{max-width:100%!important}
 #main .px1259-hero h2{font-size:29px!important}
 #main .px1259-kpi{min-height:111px!important}
 #main .px1259-actions{gap:8px!important}
 #main .px1284-hero{min-height:100px!important}
}
@media(prefers-reduced-motion:reduce){#main .px1259-kpi,#main .px1259-action{transition:none!important}}