/* MIPEDD visual acceptance / design freeze candidate */
/* 01 superadmin density */ .main{min-width:0}.main>.card{margin-bottom:14px}
/* 02 headings */ h1,h2,h3{text-wrap:balance}h3{color:var(--md-text);letter-spacing:-.01em}
/* 03 readable prose */ .card p,.card li{max-width:92ch}
/* 04 actions */ a,button{-webkit-tap-highlight-color:transparent}.quick a,.module,.mods a{user-select:none}
/* 05 primary action hierarchy */ button.primary,.primary,.btn-primary{font-weight:800;box-shadow:0 8px 22px rgba(0,120,170,.18)}
/* 06 destructive hierarchy */ .danger,.btn-danger,[data-danger]{border-color:#b94c58!important}
/* 07 cards */ .card{isolation:isolate}.card:focus-within{border-color:#2b7797!important}
/* 08 lists */ .item:last-child{border-bottom:0!important}.item{line-height:1.45}
/* 09 status */ .status-green,.status-yellow,.status-red{white-space:nowrap}
/* 10 skeleton/empty */ .loading,.skeleton{border-radius:10px;background:linear-gradient(90deg,rgba(127,160,175,.08),rgba(127,160,175,.17),rgba(127,160,175,.08));background-size:220% 100%;animation:mdPulse 1.4s linear infinite}@keyframes mdPulse{to{background-position:-220% 0}}
/* 11 dialogs */ dialog,.modal,.dialog{background:var(--md-panel)!important;color:var(--md-text)!important;border:1px solid var(--md-line)!important;border-radius:16px!important;box-shadow:0 30px 90px rgba(0,0,0,.48)}
/* 12 forms */ label{font-weight:650}textarea{resize:vertical}input:disabled,select:disabled,textarea:disabled,button:disabled{opacity:.55;cursor:not-allowed}
/* 13 data */ td.numeric,th.numeric,[data-numeric]{font-variant-numeric:tabular-nums;text-align:right}
/* 14 sidebar */ .side,.sidebar,aside{overscroll-behavior:contain}
/* 15 master admin */ body:has(#schnorlie) #schnorlie{position:relative;overflow:hidden}body:has(#schnorlie) #schnorlie:after{content:"MASTER ONLY";position:absolute;right:14px;top:12px;font-size:9px;letter-spacing:.15em;color:#d2b758}
/* 16 licensee */ .mods a{justify-content:center}.mods a[href*="mobile"]{border-color:#2484a8!important}
/* 17 field/mobile */ body:has(input[capture]) .card{max-width:680px;margin-inline:auto}body:has(input[capture]) button{min-height:50px}
/* 18 tablet */ @media(min-width:701px) and (max-width:1100px){.w{padding:20px!important}.card{padding:18px!important}.quick a,.module,.mods a{min-height:92px}}
/* 19 accessibility */ @media(prefers-contrast:more){.card,.quick a,.module,.mods a,input,select,textarea,button{border-width:2px!important}.md-muted,.md-subtitle{color:inherit!important}}@media(prefers-reduced-motion:reduce){.loading,.skeleton{animation:none!important}}
/* 20 light final */ body[data-theme="light"] dialog,body[data-theme="light"] .modal,body[data-theme="light"] .dialog{background:#fff!important;color:#102630!important}body[data-theme="light"] .loading,body[data-theme="light"] .skeleton{background:#e6f0f4}

/* Dashboard professional refinement 2026-09-22 */
body{background:#071827!important}
.shell{max-width:1600px!important;margin:0 auto!important;box-shadow:0 24px 80px rgba(0,0,0,.35)!important}
.hero{min-height:400px!important;overflow:hidden!important}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,35,.34),transparent 48%,rgba(2,20,35,.18));pointer-events:none}
.tools{gap:8px!important;padding:12px 18px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;background:linear-gradient(180deg,rgba(3,25,43,.92),rgba(3,25,43,.58))!important;backdrop-filter:blur(12px)}
.tool{min-height:44px!important;padding:0 15px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;box-shadow:0 5px 16px rgba(0,0,0,.16)!important}
.nav{position:relative!important;z-index:12!important;display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;background:#087ca8!important;box-shadow:0 8px 22px rgba(3,31,48,.16)!important}
.nav a{min-height:68px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;font-weight:800!important}
.nav a.active{background:#0789b9!important;box-shadow:inset 0 -4px #73e7ff!important}
.welcome{padding:38px clamp(34px,7vw,92px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:56px!important;align-items:center!important;background:linear-gradient(110deg,#f8fcfe 0%,#eef9fd 100%)!important}
.welcome h1{font-size:clamp(2.4rem,4vw,4rem)!important;line-height:1.02!important;letter-spacing:-.035em!important;margin:.35rem 0 .45rem!important}
.welcome p{font-size:1.05rem!important;max-width:720px!important}
.welcome-quote{margin:22px 0!important;font-size:1.22rem!important;line-height:1.35!important}
.status{border-radius:16px!important;padding:24px!important;background:#fff!important;box-shadow:0 12px 32px rgba(0,67,100,.10)!important}
.chips{gap:10px!important;display:flex!important;flex-wrap:wrap!important}
.chips span{padding:9px 14px!important;border-radius:999px!important;background:#fff!important;box-shadow:0 4px 14px rgba(0,70,100,.06)!important}
.context,.day,.master-cards{max-width:1460px!important;margin-inline:auto!important}
@media(max-width:1150px){.nav{grid-template-columns:repeat(3,1fr)!important}.welcome{grid-template-columns:1fr!important}.status{max-width:340px!important}.tools{justify-content:flex-start!important}}

/* Dashboard content-system refinement */
.context{margin-top:24px!important;padding:0 28px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.ctx{border:1px solid #d8e8ef!important;border-radius:14px!important;background:#fff!important;padding:20px!important;box-shadow:0 8px 24px rgba(0,62,91,.07)!important}
.ctx span{font-size:.72rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#43809b!important}
.ctx b{display:block!important;margin-top:7px!important;font-size:1.08rem!important;color:#082f49!important}
.ctx small{display:block!important;margin-top:4px!important;color:#698b9b!important}
.ctx.alert{border-color:#ffd1d7!important;background:#fffafb!important}
.day{margin-top:22px!important;padding:30px!important;border-radius:18px!important;background:linear-gradient(135deg,#062b45,#084f72)!important;color:#fff!important;display:grid!important;grid-template-columns:minmax(260px,.8fr) 2fr!important;gap:32px!important;align-items:center!important;box-shadow:0 16px 42px rgba(0,45,69,.16)!important}
.day h2{margin:.3rem 0!important;font-size:clamp(1.7rem,2.5vw,2.5rem)!important}.day p{color:#c7e2ed!important}
.actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.action{min-height:92px!important;border-radius:14px!important;background:#fff!important;color:#08324b!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;transition:transform .15s ease,box-shadow .15s ease!important}
.action:hover{transform:translateY(-2px)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}.action.red{background:#fff7f8!important}
.master-cards{margin-top:22px!important;padding-bottom:42px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.master-cards article{border:1px solid #d9e8ef!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 10px 30px rgba(0,58,86,.08)!important}
.master-cards article header{padding:16px 18px!important;background:#f4fafc!important;border-bottom:1px solid #e0edf2!important;color:#073650!important;font-weight:850!important}
.master-cards article header a{float:right!important;font-size:.78rem!important;color:#0788bd!important;text-decoration:none!important}
.master-cards article>div{padding:18px!important;min-height:90px!important;display:flex!important;align-items:center!important;gap:14px!important}
.master-cards article>div span{flex:1!important}.master-cards article strong{color:#092f47!important}.master-cards article small{display:block!important;margin-top:4px!important;color:#698b9b!important}
.master-foot{border-top:1px solid #1a506b!important;background:#041c2d!important}
@media(max-width:1000px){.context{grid-template-columns:1fr!important}.day{grid-template-columns:1fr!important}.master-cards{grid-template-columns:1fr!important}.actions{grid-template-columns:1fr!important}}

/* Block 3/8 — final utility navigation */
.tools{position:absolute!important;left:24px!important;right:24px!important;top:22px!important;width:auto!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(7,minmax(112px,1fr))!important;gap:8px!important;padding:10px!important;border:1px solid rgba(75,190,232,.22)!important;border-radius:14px!important;background:rgba(3,25,43,.86)!important;box-shadow:0 12px 34px rgba(0,0,0,.22)!important;backdrop-filter:blur(14px)!important}
.tool{min-width:0!important;min-height:40px!important;padding:0 10px!important;font-size:12px!important;border:1px solid #167da7!important;border-radius:9px!important;background:rgba(4,37,60,.9)!important;box-shadow:none!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tool:hover{background:#075b80!important;border-color:#31c7f6!important;transform:translateY(-1px)!important}
#tp-notifications .nav-count{margin-left:6px!important}
#tp-logout{border-color:#55778a!important;background:#102d40!important}
.tool.online{border-color:#147d6e!important;background:#073c3b!important;color:#bfffe9!important}
.hero .title{bottom:36px!important}.hero .project{bottom:32px!important}
@media(min-width:1250px){.tools .tool:nth-last-child(2){grid-column:6}.tools .tool:last-child{grid-column:7}}
@media(max-width:1249px){.tools{grid-template-columns:repeat(4,minmax(120px,1fr))!important}.hero{min-height:470px!important}}
@media(max-width:760px){.tools{position:relative!important;left:auto!important;right:auto!important;top:auto!important;margin:10px!important;grid-template-columns:repeat(2,1fr)!important}.hero{min-height:auto!important;padding-top:0!important}}

/* Block 4/8 — hero / project context final */
.hero{min-height:430px!important;background:#03192b!important;border-bottom:1px solid #1b6c8c!important}
.hero-art{filter:saturate(.92) contrast(1.04)!important}
.hero:before{content:"";position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(1,17,30,.62) 0%,rgba(1,17,30,.18) 42%,rgba(1,17,30,.28) 100%)!important;pointer-events:none!important}
.brand-lockup,.sectors,.hero-slogan,.title,.project,.tools{z-index:5!important}
.title{left:38px!important;bottom:28px!important;max-width:760px!important;text-shadow:0 3px 14px rgba(0,0,0,.5)!important}
.title b{font-size:clamp(2.7rem,4.5vw,4.5rem)!important;line-height:.96!important;letter-spacing:-.04em!important}
.title small{display:block!important;margin-top:12px!important;font-size:.86rem!important;letter-spacing:.13em!important;color:#e9f9ff!important}
.project{right:38px!important;bottom:28px!important;width:290px!important;padding:22px 24px!important;border:1px solid rgba(55,199,245,.45)!important;border-radius:16px!important;background:rgba(3,28,46,.92)!important;box-shadow:0 14px 38px rgba(0,0,0,.26)!important;backdrop-filter:blur(10px)!important}
.project small{color:#59d8ff!important;letter-spacing:.1em!important}.project strong{display:block!important;margin:8px 0!important;font-size:1.35rem!important;line-height:1.15!important}.project em{font-style:normal!important;color:#c7dce6!important;font-size:.8rem!important}
.hero-slogan{right:30px!important;top:150px!important;font-size:.76rem!important;line-height:1.45!important;letter-spacing:.14em!important;color:#e8f9ff!important}
.brand-lockup{left:34px!important;top:128px!important;transform:scale(.92)!important;transform-origin:left top!important}
.sectors{left:38px!important;top:235px!important;gap:12px!important}
@media(max-width:1100px){.project{right:24px!important;width:260px!important}.title{left:24px!important}.brand-lockup,.sectors{display:none!important}}
@media(max-width:760px){.hero-slogan{display:none!important}.project{position:relative!important;right:auto!important;bottom:auto!important;margin:18px!important;width:auto!important}.title{position:relative!important;left:auto!important;bottom:auto!important;padding:160px 20px 20px!important}}

/* Block 5/8 — primary navigation, roles and counters */
.nav{min-height:68px!important;border-top:1px solid rgba(100,220,255,.2)!important;border-bottom:1px solid rgba(3,71,101,.18)!important}
.nav a{position:relative!important;color:#bfe7f5!important;text-decoration:none!important;border-right:1px solid rgba(255,255,255,.12)!important;transition:background .16s ease,color .16s ease!important}
.nav a:last-child{border-right:0!important}.nav a:hover{background:#087399!important;color:#fff!important}
.nav a.active{color:#fff!important;background:#087fab!important}.nav a.problem{color:#fff!important;background:#7d2432!important}.nav a.problem:hover{background:#913042!important}
.nav-count{min-width:28px!important;height:28px!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#12a9e8!important;color:#fff!important;font-size:.72rem!important;font-weight:900!important;box-shadow:0 3px 10px rgba(0,0,0,.15)!important}
.danger-count{background:#ff3f5e!important}.blue-count{background:#08a7df!important}
#tp-org-admin{background:rgba(4,102,137,.48)!important}#tp-org-admin:hover{background:#087da7!important}
.nav a[href*="telkoprojekt-admin"]{color:#48cfff!important;font-weight:900!important}
.nav a[href*="telkoprojekt-admin"]::before{content:"ADMIN";position:absolute;top:5px;right:7px;font-size:8px;letter-spacing:.08em;color:#69ddff;opacity:.8}
@media(max-width:1150px){.nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nav a{min-height:56px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}}
@media(max-width:650px){.nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nav a{font-size:.78rem!important}}

/* Block 6/8 — welcome, project health and operative KPIs */
.welcome{position:relative!important;overflow:hidden!important;border-bottom:1px solid #d9eaf1!important}
.welcome:before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(18,176,222,.11),transparent 68%);pointer-events:none}
.kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:.74rem!important;font-weight:900!important;letter-spacing:.11em!important;color:#087eaa!important}
.kicker:before{content:"";width:26px;height:2px;background:#19b8e8;border-radius:2px}
.welcome>div:first-child{position:relative!important;z-index:2!important}.welcome .status{position:relative!important;z-index:2!important}
.status label{display:block!important;font-size:.7rem!important;letter-spacing:.09em!important;color:#147a9e!important}.status strong{display:block!important;margin:8px 0 0!important;font-size:2.6rem!important;line-height:1!important;color:#087eaf!important}.status b{display:block!important;margin-top:5px!important;color:#079c62!important}
.status .bar{height:10px!important;margin:18px 0!important;border-radius:999px!important;background:#dcecf2!important;overflow:hidden!important}.status .bar i{display:block!important;height:100%!important;width:68%!important;border-radius:inherit!important;background:linear-gradient(90deg,#0bb3df,#21c58b)!important}
.status small{color:#7895a4!important}
.chips span{display:inline-flex!important;align-items:center!important;min-height:34px!important;border:1px solid #d2e7ef!important;color:#164e68!important;font-weight:750!important}.chips .critical-chip{border-color:#ffc5ce!important;color:#c52e43!important;background:#fff7f8!important}
.context{position:relative!important}.ctx{transition:transform .15s ease,box-shadow .15s ease!important}.ctx:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(0,62,91,.11)!important}
.ctx.alert b{color:#c83246!important}
@media(max-width:1000px){.welcome{gap:26px!important}.welcome .status{width:100%!important;max-width:420px!important}}

/* Dynamic employee dashboard blocks 1-4 */
.employee-identity{max-width:1460px;margin:22px auto 0;padding:18px 26px;display:grid;grid-template-columns:1fr 1fr minmax(280px,.8fr);gap:18px;align-items:center;border:1px solid #d5e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(0,61,91,.08)}
.employee-company,.employee-person{display:flex;align-items:center;gap:16px}.employee-company img{width:150px;height:54px;object-fit:contain;object-position:left center}.employee-company div,.employee-person{min-width:0}.employee-identity small{display:block;font-size:.68rem;letter-spacing:.1em;color:#578093}.employee-identity strong{display:block;margin-top:4px;color:#082f49;font-size:1.05rem}.employee-person{flex-direction:column;align-items:flex-start;gap:2px}.employee-person span{color:#0785b4;font-weight:800}.employee-project{display:block}.employee-project select{width:100%;margin-top:7px;padding:12px 14px;border:1px solid #9fc9da;border-radius:9px;background:#f7fbfd;color:#10384d;font-weight:750}
@media(max-width:950px){.employee-identity{grid-template-columns:1fr}.employee-company img{width:125px}}

/* Dynamic employee dashboard blocks 5-8 */
.personal-core{max-width:1460px;margin:20px auto 0;padding:0 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.personal-core article{min-height:170px;border:1px solid #d7e8ef;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(0,61,91,.07);overflow:hidden}.personal-core header{padding:14px 16px;background:#f1f8fb;border-bottom:1px solid #dcebf1;color:#083d59;font-weight:900}.personal-core article>div{padding:10px 16px}.personal-core p{margin:0;padding:9px 0;border-bottom:1px solid #edf3f6;color:#173f53}.personal-core p:last-child{border-bottom:0}.personal-core b{display:block;color:#092f47}.personal-core small{display:block;margin-top:3px;color:#6a8998}.personal-core a{color:#087fab;text-decoration:none;font-weight:800}.personal-core .empty{color:#7893a0;font-style:italic}
@media(max-width:1150px){.personal-core{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.personal-core{grid-template-columns:1fr;padding:0 12px}}

/* Dynamic employee dashboard blocks 9-12 */
.employee-documents{max-width:1404px;margin:18px auto 0;padding:24px 28px;display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:center;border:1px solid #b9dfed;border-radius:16px;background:linear-gradient(110deg,#f8fcfe,#eef9fd);box-shadow:0 10px 28px rgba(0,61,91,.07)}.employee-documents h2{margin:5px 0;color:#083650}.employee-documents p{color:#55798a}.employee-documents #tp-my-documents p{margin:7px 0}.employee-documents #tp-my-documents small{display:block;color:#7793a0}.document-upload{min-height:116px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:2px dashed #18a8d9;border-radius:14px;background:#fff;cursor:pointer;color:#087da9}.document-upload strong{font-size:1.05rem}.document-upload small{margin-top:7px;color:#6b8b99}.document-upload input{position:absolute;opacity:0;pointer-events:none}
[hidden]{display:none!important}
@media(max-width:850px){.employee-documents{grid-template-columns:1fr;margin-inline:12px}}

/* Approved clean employee-dashboard composition */
body{background:#eef4f7!important}.shell{max-width:none!important;background:#f5f9fb!important}
.tools{position:relative!important;inset:auto!important;margin:0!important;padding:0 28px!important;min-height:74px!important;display:flex!important;flex-wrap:nowrap!important;gap:0!important;border:0!important;border-radius:0!important;background:#073552!important;box-shadow:none!important}
.tool{flex:1!important;min-width:0!important;height:74px!important;border:0!important;border-right:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:transparent!important;font-size:.78rem!important}.tool:hover{background:#0b5277!important}
.hero{min-height:300px!important}.brand-lockup{left:28px!important;top:92px!important}.sectors{display:none!important}.hero-slogan{top:98px!important}.title{left:42px!important;bottom:30px!important}.title b{font-size:clamp(2.8rem,4vw,4.1rem)!important}
.project{right:44px!important;bottom:30px!important}
.nav{grid-template-columns:repeat(9,minmax(0,1fr))!important;min-height:62px!important}.nav a{min-height:62px!important}
.employee-identity{max-width:none!important;margin:0!important;padding:18px 42px!important;border:0!important;border-bottom:1px solid #d7e6ed!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.employee-company img{width:160px!important;height:50px!important}.employee-person strong{font-size:1.18rem!important}
.welcome{max-width:none!important;margin:0!important;padding:32px 6vw!important;background:#f7fbfd!important}.welcome h1{font-size:clamp(2.7rem,4vw,4.2rem)!important}
.personal-core{max-width:none!important;margin:0!important;padding:22px 42px!important;background:#eef5f8!important}.personal-core article{box-shadow:0 5px 18px rgba(0,55,80,.06)!important}
.employee-documents{max-width:none!important;margin:0!important;border-width:1px 0!important;border-radius:0!important;box-shadow:none!important;padding:24px 42px!important}
.context,.day,.master-cards{max-width:none!important;margin-left:42px!important;margin-right:42px!important}
@media(max-width:1100px){.tools{flex-wrap:wrap!important;height:auto!important}.tool{flex:1 1 25%!important}.nav{grid-template-columns:repeat(3,1fr)!important}.employee-identity{padding-inline:24px!important}}

/* Screenshot cleanup pass — personal employee dashboard */
.hero{min-height:270px!important}.brand-lockup{top:82px!important}.title{bottom:24px!important}.project{bottom:24px!important}
.employee-identity{position:relative!important;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) minmax(360px,.9fr)!important;gap:32px!important;align-items:center!important;padding:22px 52px!important}
.employee-identity:before{content:"";position:absolute;left:52px;top:14px;width:32px;height:2px;background:#25bde9}
.employee-company{padding-top:8px!important}.employee-company img{width:165px!important;height:58px!important;margin-right:4px!important}.employee-company small,.employee-person small,.employee-project small{font-size:.67rem!important;letter-spacing:.11em!important}
.employee-person{padding-top:8px!important}.employee-project{padding-top:8px!important}.employee-project select{height:50px!important}
.welcome{padding-top:30px!important;padding-bottom:30px!important}.welcome .kicker{margin-bottom:5px!important}
.welcome h1{margin-top:8px!important;font-size:clamp(2.8rem,4vw,4rem)!important}.welcome p{margin-top:6px!important}
@media(max-width:1000px){.employee-identity{grid-template-columns:1fr!important;padding:24px!important}.employee-identity:before{left:24px!important}}

/* Design-freeze block 1/6 — header/navigation */
.final-topbar{position:absolute;z-index:30;left:0;right:0;top:0;height:82px;display:grid;grid-template-columns:250px 1fr 260px;align-items:stretch;background:rgba(5,47,76,.96);border-bottom:1px solid rgba(255,255,255,.14)}
.final-brand{display:flex;flex-direction:column;justify-content:center;padding:8px 20px;text-decoration:none}.final-brand img{width:205px;height:45px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.final-brand small{font-size:8px;letter-spacing:.08em;color:#d9f3ff;font-weight:800}
.final-mainnav{display:grid;grid-template-columns:repeat(8,minmax(70px,1fr))}.final-mainnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#e7f6fc;text-decoration:none;font-weight:750;border-left:1px solid rgba(255,255,255,.07)}.final-mainnav a>span{font-size:.76rem}.final-mainnav a.active{background:rgba(12,111,158,.42);box-shadow:inset 0 -3px #2dc4f4}.final-mainnav a:hover{background:rgba(12,111,158,.3)}
.final-user{display:flex;align-items:center;gap:11px;padding:0 18px;border-left:1px solid rgba(255,255,255,.08);color:#fff}.final-user>b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d8eff9;color:#073650}.final-user span{flex:1}.final-user strong,.final-user small{display:block}.final-user small{margin-top:3px;color:#c8e1ec;font-size:.72rem}.final-user>a{color:#fff;text-decoration:none;font-size:1.3rem}
.legacy-tools,.brand-lockup{display:none!important}.hero{padding-top:82px!important;min-height:390px!important}
@media(max-width:1100px){.final-topbar{grid-template-columns:200px 1fr 190px}.final-brand img{width:165px}.final-mainnav a>span{font-size:.65rem}.final-user{padding-inline:9px}.final-user>b{width:34px;height:34px}.final-user small{display:none}}
@media(max-width:760px){.final-topbar{position:relative;height:auto;grid-template-columns:1fr}.final-brand{align-items:center}.final-mainnav{grid-template-columns:repeat(4,1fr)}.final-mainnav a{min-height:58px}.final-user{min-height:62px}.hero{padding-top:0!important}}

/* Design-freeze block 2/6 — hero and KPI strip */
.hero{min-height:305px!important}.hero .title{left:46px!important;bottom:35px!important}.hero .title:before{content:"PROJEKTPLATTFORM";display:block;margin-bottom:12px;color:#4bd1fb;font-size:.8rem;letter-spacing:.16em;font-weight:900}.hero .title b{font-size:clamp(2.8rem,4.2vw,4.25rem)!important}.hero .project{right:46px!important;bottom:32px!important}
.final-kpis{position:relative;z-index:20;margin:-18px 24px 16px;padding:0;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #d8e5eb;border-radius:12px;background:#fff;box-shadow:0 10px 26px rgba(0,47,72,.09);overflow:hidden}.final-kpis>a{min-height:106px;padding:16px;display:flex;gap:13px;align-items:center;border-right:1px solid #e4edf1;color:#123b50;text-decoration:none}.final-kpis>a:last-child{border-right:0}.final-kpis i{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:9px;background:#0ea6df;color:#fff;font-style:normal;font-size:1.25rem}.final-kpis a:nth-child(2) i{background:#0aaf75}.final-kpis a:nth-child(3) i{background:#ef3d4d}.final-kpis a:nth-child(4) i{background:#7650ed}.final-kpis a:nth-child(5) i{background:#708596}.final-kpis span>*{display:block}.final-kpis small{font-weight:800}.final-kpis strong{margin:2px 0;font-size:1.55rem;color:#082e47}.final-kpis em{font-style:normal;font-size:.7rem;color:#078bd0}.final-kpis .kpi-online{background:#f6fcf9}.final-kpis .kpi-online i{background:transparent;color:#12ad72;width:20px;flex-basis:20px}.final-kpis .kpi-online strong{font-size:.85rem;color:#16845f}.final-kpis .kpi-online em{color:#5d7885}
.nav{display:none!important}
@media(max-width:1100px){.final-kpis{grid-template-columns:repeat(3,1fr);margin-top:12px}.final-kpis>a{border-bottom:1px solid #e4edf1}}@media(max-width:650px){.final-kpis{grid-template-columns:1fr;margin-inline:10px}.final-kpis>a{min-height:82px}}

/* Design-freeze block 3/6 — profile, active project, quick access */
.final-overview{margin:0 24px 16px;display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px}.final-overview>article{min-height:250px;padding:20px;border:1px solid #d8e5eb;border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(0,47,72,.06)}
.final-profile-card{display:grid;grid-template-columns:82px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:16px}.final-avatar{grid-row:1/3;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#a9ddf4;color:#073852;font-size:1.55rem;font-weight:800}.final-greeting h2{margin:3px 0 7px;color:#082f48}.final-greeting p{margin:0;color:#688492;line-height:1.45}.final-profile-meta{grid-column:1;margin-top:16px}.final-profile-meta>*{display:block}.final-profile-meta span{margin-top:3px;color:#1977a1}.final-profile-meta small{margin-top:3px;color:#617e8d}.final-employer{grid-column:2;margin-top:16px;border-left:1px solid #e0e9ee;padding-left:18px}.final-employer img{width:165px;height:52px;object-fit:contain;object-position:left center}.final-employer small{display:block;color:#6b8795}.final-profile-edit{grid-column:1/3;align-self:end;width:max-content;padding:9px 16px;border-radius:7px;background:#eef5f8;color:#0b5577;text-decoration:none;font-weight:800}
.final-project-card header,.final-quick header{display:flex;justify-content:space-between;align-items:center;color:#0a3852;font-weight:900;font-size:1.05rem}.final-project-card header a{font-size:.72rem;color:#078bc7;text-decoration:none}.final-project-main{display:grid;grid-template-columns:155px 1fr;gap:16px;margin-top:18px}.final-project-visual{height:112px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#0b78a7,#07344f);color:#fff;font-weight:900}.final-project-main h2{margin:0;color:#082e47}.final-project-main p{color:#688391}.final-project-main label{display:flex;justify-content:space-between;font-size:.78rem;color:#274f63}.final-progress{height:10px;margin-top:8px;border-radius:99px;background:#dce9ef;overflow:hidden}.final-progress i{display:block;width:68%;height:100%;background:#15bc7c}.final-project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.final-project-facts span{color:#0b91cb}.final-project-facts small,.final-project-facts b{display:block;color:#668290;font-size:.68rem}.final-project-facts b{color:#31586b;margin-top:2px}.final-project-card select{position:absolute;opacity:0;pointer-events:none}
.final-quick>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.final-quick a,.final-quick label{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #d8e6ec;border-radius:8px;background:#f8fbfc;color:#0988c2;text-decoration:none;cursor:pointer;font-size:1.2rem}.final-quick span{color:#274d60;font-size:.73rem}
@media(max-width:1100px){.final-overview{grid-template-columns:1fr}.final-overview>article{min-height:auto}}@media(max-width:650px){.final-overview{margin-inline:10px}.final-project-main{grid-template-columns:1fr}.final-quick>div{grid-template-columns:repeat(2,1fr)}}

/* Design-freeze block 5/6 — personal workspace */
.final-workspace{margin:0 24px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.workspace-panel{min-height:185px;border:1px solid #d8e5eb;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(0,47,72,.055);overflow:hidden}.workspace-panel>header{min-height:48px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5edf1;color:#0a3a54;font-weight:900}.workspace-panel>header a{color:#078cc7;text-decoration:none;font-size:.7rem}.workspace-panel>div:not(.workspace-doc-content){padding:10px 17px}.workspace-panel p{margin:0;padding:9px 0;border-bottom:1px solid #edf2f5;color:#31566a}.workspace-panel p:last-child{border-bottom:0}.workspace-panel p b,.workspace-panel p small{display:block}.workspace-panel p small{margin-top:3px;color:#78919d}.workspace-panel .empty{font-style:italic;color:#78919d}
.workspace-docs{grid-column:span 2}.workspace-doc-content{padding:14px 17px;display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:center}.workspace-doc-content>.document-upload{min-height:96px}.workspace-alerts{grid-column:auto}
.context,.day,.master-cards{display:none!important}
@media(max-width:1050px){.final-workspace{grid-template-columns:repeat(2,1fr)}.workspace-docs{grid-column:span 2}}@media(max-width:650px){.final-workspace{grid-template-columns:1fr;margin-inline:10px}.workspace-docs{grid-column:auto}.workspace-doc-content{grid-template-columns:1fr}}

/* Design-freeze block 6/6 — production polish */
html{background:#eaf1f4}.shell{width:100%!important;max-width:1600px!important;margin:0 auto!important;min-height:100vh!important}.final-topbar,.final-kpis,.final-overview,.final-workspace,.master-foot{box-sizing:border-box}.final-topbar a,.final-kpis a,.final-overview a,.final-workspace a{transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.final-kpis>a:hover,.final-overview>article:hover,.workspace-panel:hover{box-shadow:0 9px 24px rgba(0,47,72,.09)}.final-quick a:hover,.final-quick label:hover{background:#edf8fc;transform:translateY(-1px)}.master-foot{margin-top:22px!important}.master-foot a{color:inherit}.final-project-visual{overflow-wrap:anywhere;text-align:center;padding:8px}.final-profile-meta strong,.final-greeting h2,.final-project-main h2{overflow-wrap:anywhere}
@media(min-width:1601px){body{background:#dfe9ee!important}.shell{box-shadow:0 0 38px rgba(0,40,60,.12)!important}}
@media(max-width:900px){.final-topbar{position:relative!important}.hero{padding-top:0!important}.final-kpis{margin-top:12px!important}.final-profile-card{grid-template-columns:70px 1fr}.final-employer img{max-width:140px}.workspace-panel{min-height:150px}}
@media(max-width:520px){.final-kpis{margin:10px!important}.final-overview,.final-workspace{margin-inline:10px!important}.final-profile-card{display:block}.final-avatar{margin-bottom:12px}.final-profile-meta,.final-employer{margin-top:14px!important;padding-left:0!important;border-left:0!important}.final-profile-edit{display:inline-block;margin-top:14px}.final-project-facts{grid-template-columns:1fr!important}.final-mainnav{grid-template-columns:repeat(2,1fr)!important}.final-user{justify-content:center}.master-foot{font-size:.72rem!important}}

/* Final hero artwork + day/night production state */
.hero{background-image:linear-gradient(90deg,rgba(2,31,51,.78),rgba(3,49,76,.48),rgba(2,28,47,.66)),url('/telkoprojekt-projektplattform/assets/dashboard-hero-final.png')!important;background-size:cover!important;background-position:center 44%!important;background-repeat:no-repeat!important}
.hero-art{display:none!important}.final-brand img{filter:none!important;object-fit:contain!important}.final-brand{background:rgba(3,45,71,.35)}
html[data-theme="light"] body,html[data-theme="day"] body{background:#edf4f7!important;color:#10384d!important}html[data-theme="light"] .shell,html[data-theme="day"] .shell{background:#f5f9fb!important}
html[data-theme="dark"] body,html[data-theme="night"] body{background:#061c2b!important;color:#dcecf3!important}html[data-theme="dark"] .shell,html[data-theme="night"] .shell{background:#092638!important}html[data-theme="dark"] .final-kpis,html[data-theme="dark"] .final-overview>article,html[data-theme="dark"] .workspace-panel,html[data-theme="night"] .final-kpis,html[data-theme="night"] .final-overview>article,html[data-theme="night"] .workspace-panel{background:#0d3044!important;border-color:#285166!important;color:#e8f5fa!important}html[data-theme="dark"] .final-kpis strong,html[data-theme="dark"] .final-greeting h2,html[data-theme="dark"] .final-project-main h2,html[data-theme="dark"] .workspace-panel>header,html[data-theme="night"] .final-kpis strong,html[data-theme="night"] .final-greeting h2,html[data-theme="night"] .final-project-main h2,html[data-theme="night"] .workspace-panel>header{color:#f2fbff!important}html[data-theme="dark"] .workspace-panel p,html[data-theme="dark"] .final-greeting p,html[data-theme="night"] .workspace-panel p,html[data-theme="night"] .final-greeting p{color:#b7d0db!important}
.final-theme-toggle{border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.08);color:#fff;padding:7px 10px;cursor:pointer;white-space:nowrap}.final-theme-toggle:hover{background:rgba(255,255,255,.16)}
/* Production screenshot corrections */
.final-topbar{grid-template-columns:250px minmax(720px,1fr) 220px!important}.final-brand{padding:10px 20px!important;background:#063b5c!important}.final-brand img{width:210px!important;height:46px!important;filter:brightness(0) invert(1)!important}.final-user{gap:9px!important;padding-inline:14px!important}.final-user span{min-width:0}.final-user strong,.final-user small{white-space:nowrap!important}.final-user strong{font-size:.92rem!important}.final-user small{font-size:.68rem!important}
.hero{background-position:center 46%!important;min-height:330px!important}.hero:after{content:"";position:absolute;inset:82px 0 0;background:linear-gradient(90deg,rgba(2,29,48,.68),rgba(3,42,65,.18),rgba(2,27,45,.55));pointer-events:none}.hero .title,.hero .project,.hero .hero-slogan{z-index:4}.hero .title:before{position:relative;z-index:5}.hero .title b,.hero .title small{position:relative;z-index:5}
.final-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important}.final-kpis>a[hidden]{display:none!important}.final-kpis>a{min-width:0!important}.final-kpis small,.final-kpis em{overflow-wrap:anywhere}
.final-profile-card{grid-template-columns:92px 1fr!important}.final-profile-meta{color:#163f54!important}.final-profile-meta strong{color:#082f48!important}.final-employer img{filter:none!important}
.final-project-card>header,.final-quick>header{background:transparent!important;padding:0!important;min-height:auto!important}
.final-theme-toggle{display:none!important}

/* Final corrective layer: hero visibility, logo, theme control */
.final-brand{background:#073c5d!important}.final-brand img{background:transparent!important;filter:brightness(0) invert(1)!important}.final-brand small{color:#d9f4ff!important}
.hero{background-image:linear-gradient(90deg,rgba(2,30,49,.44),rgba(3,42,65,.08),rgba(2,28,46,.34)),url('/telkoprojekt-projektplattform/assets/dashboard-hero-final.png')!important;background-position:center center!important;background-size:cover!important}.hero:after{background:linear-gradient(90deg,rgba(2,29,48,.34),rgba(3,42,65,.04),rgba(2,27,45,.26))!important}
.hero .title{bottom:28px!important}.hero .title b{font-size:clamp(2.6rem,3.7vw,3.75rem)!important}.hero .project{bottom:28px!important}
.final-kpis{margin-top:-18px!important}
html[data-theme="dark"] .final-topbar,html[data-theme="night"] .final-topbar{background:#041d2d!important}html[data-theme="dark"] .final-mainnav a,html[data-theme="night"] .final-mainnav a{color:#e9f8ff!important}
@media(max-width:1100px){.final-topbar{grid-template-columns:205px 1fr 190px!important}.final-brand img{width:170px!important}.final-mainnav a>span{font-size:.65rem!important}}

/* Integrate the single global day/night control into top navigation */
#globalThemeToggle{position:fixed!important;z-index:2147482000!important;top:104px!important;right:24px!important;bottom:auto!important;left:auto!important;min-width:94px!important;height:38px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:19px!important;background:rgba(4,48,74,.92)!important;color:#fff!important;font:800 .78rem/1 system-ui,sans-serif!important;box-shadow:0 5px 16px rgba(0,30,48,.18)!important;cursor:pointer!important}
#globalThemeToggle:hover{background:#086a96!important}
html[data-theme="light"] #globalThemeToggle{background:#f5fbfd!important;color:#073a55!important;border-color:#9cc9da!important}
@media(max-width:760px){#globalThemeToggle{top:12px!important;right:12px!important}}

/* Brand logo repair: source artwork has a light canvas, so render it intentionally */
.final-brand{background:#073c5d!important;padding:8px 14px!important}.final-brand img{width:218px!important;height:48px!important;padding:3px 6px!important;box-sizing:border-box!important;background:#fff!important;border-radius:3px!important;filter:none!important;object-fit:contain!important;object-position:center!important}.final-brand small{margin-top:2px!important;text-align:center!important;font-size:7px!important;letter-spacing:.1em!important;color:#bfe9f8!important}

/* Header-integrated theme control */
#tp-theme-slot{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1rem;cursor:pointer}#tp-theme-slot:hover{background:rgba(255,255,255,.18)}#globalThemeToggle{display:none!important}

/* Extracted active base rules before legacy inline CSS retirement */
html,body{margin:0;min-width:0;max-width:100%}.shell{position:relative;width:100%;min-width:0;max-width:1600px;margin:0 auto;min-height:100vh;overflow:hidden}.hero{position:relative;isolation:isolate;overflow:hidden}.hero .title,.hero .project,.hero .hero-slogan{position:absolute}.hero .title{z-index:7}.hero .project,.hero .hero-slogan{z-index:6}.master-foot{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px;background:#041c2d;color:#d6e8f0}.master-foot span{display:flex;align-items:center;gap:8px}.master-foot small{font-size:.68rem}.master-foot a{text-decoration:none}
@media(max-width:760px){.hero .title,.hero .project{position:relative!important}.hero .hero-slogan{display:none!important}.master-foot{flex-direction:column;align-items:flex-start}}
.hero-slogan{max-width:16ch}.hero .title b,.hero .title small,.hero .project small,.hero .project strong,.hero .project em{display:block;max-width:100%}.hero .project small,.hero .project strong,.hero .project em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero .title small{letter-spacing:.12em}.master-foot{min-height:52px}.master-foot b{font-size:12px}
.hero-slogan{right:30px;top:150px;text-align:right;font-size:.76rem;line-height:1.45;letter-spacing:.14em;font-weight:800;color:#e8f9ff;text-shadow:0 2px 10px rgba(0,0,0,.5)}

/* Legacy-independent title, active-project card and footer geometry */
.hero .title{left:46px;bottom:28px;text-shadow:0 3px 14px rgba(0,0,0,.5)}.hero .title small{display:block;margin-top:12px;letter-spacing:.13em;color:#e9f9ff}.hero .project{right:46px;bottom:28px;width:290px;padding:22px 24px;border:1px solid rgba(55,199,245,.45);border-radius:16px;background:rgba(3,28,46,.92);box-shadow:0 14px 38px rgba(0,0,0,.26);backdrop-filter:blur(10px);text-decoration:none;color:#fff}.hero .project small{color:#59d8ff;letter-spacing:.1em}.hero .project strong{margin:8px 0;font-size:1.35rem;line-height:1.15}.hero .project em{font-style:normal;color:#c7dce6;font-size:.8rem}.master-foot{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 34px;background:#031c2d;border-top:1px solid #17648a;color:#7fa9bc;font-size:10px;letter-spacing:.01em}.master-foot span:nth-child(2){justify-content:center}.master-foot span:nth-child(3){justify-content:flex-end;color:#9fc3d2}

/* Legacy-independent page reset */
*,*::before,*::after{box-sizing:border-box}html,body{width:100%;min-height:100%;overflow-x:hidden}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;line-height:1.45}.shell>*{box-sizing:border-box}

/* Keyboard accessibility after legacy CSS retirement */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #27bce8;outline-offset:3px}

/* HQ Cinema final: licensee branding and compact utility header */
.final-topbar{grid-template-columns:250px minmax(720px,1fr) 112px!important}.final-brand{min-width:0;align-items:center!important;text-align:center!important}.final-brand img{max-width:218px!important;width:auto!important;height:48px!important}.final-brand small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-user{justify-content:center!important;gap:10px!important;padding:0 12px!important}.final-user>b,.final-user>span{display:none!important}.final-profile-card{grid-template-columns:82px 1fr!important;grid-template-rows:auto auto auto!important}.final-profile-meta{grid-column:1/3!important}.final-profile-edit{grid-column:1/3!important}.final-employer{display:none!important}
@media(max-width:1100px){.final-topbar{grid-template-columns:205px 1fr 96px!important}}@media(max-width:760px){.final-topbar{grid-template-columns:1fr!important}.final-user{min-height:54px!important}}

/* HQ Cinema block finalization: responsive rhythm and hierarchy */
.final-mainnav a,.final-kpis>a,.final-quick a,.final-quick label,.workspace-panel,.final-overview>article{min-width:0}.final-mainnav a>span,.final-kpis small,.final-kpis em,.workspace-panel p,.final-project-main h2{overflow-wrap:anywhere}.final-kpis,.final-overview,.final-workspace{width:auto}.final-overview>article,.workspace-panel{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.final-overview>article:hover,.workspace-panel:hover{transform:translateY(-1px);border-color:#bdd6e1}.final-mainnav a:focus-visible,.final-kpis a:focus-visible,.final-quick a:focus-visible,.final-quick label:focus-within{position:relative;z-index:5}
@media(max-width:1100px){.final-mainnav{overflow-x:auto;scrollbar-width:thin}.final-mainnav a{min-width:82px}.final-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.final-overview{grid-template-columns:1fr!important}.final-workspace{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.hero{min-height:auto!important}.hero .title{padding-top:150px!important}.final-mainnav{grid-template-columns:repeat(4,minmax(92px,1fr))!important}.final-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.final-workspace{grid-template-columns:1fr!important}.workspace-docs{grid-column:auto!important}.master-foot{grid-template-columns:1fr!important;gap:8px;padding:14px 18px!important}.master-foot span{justify-content:flex-start!important}}
@media(max-width:520px){.final-mainnav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.final-kpis{grid-template-columns:1fr!important}.final-quick>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}}