/* MIPEDD Dashboard HQ – approved visual direction */
:root{--hq-navy:#032f49;--hq-blue:#087fae;--hq-cyan:#12a8d4;--hq-ink:#082f49;--hq-line:#d8e6ed;--hq-bg:#f4f8fa}body{background:var(--hq-bg)}.app{width:min(1600px,100%);margin:auto;background:linear-gradient(#fff,#f4f8fa)}.top{min-height:78px;background:linear-gradient(105deg,#022b44,#063a59);box-shadow:0 8px 24px rgba(1,40,62,.12)}.brand{background:rgba(0,31,50,.18);padding:10px 18px;border-radius:0 0 10px 0}.brand img{max-width:260px;filter:brightness(0) invert(1)}.brand span{color:#fff}.top nav a{border-radius:9px;color:#eef9ff}.top nav a.active{background:linear-gradient(135deg,#087fae,#08a1c9);box-shadow:0 5px 14px rgba(0,128,174,.25)}.actions{color:#fff}.strap{padding:10px 26px;border-bottom:1px solid #dce8ed}.hero{min-height:330px;padding:78px 340px 30px 28px;display:block;background:linear-gradient(90deg,rgba(1,36,57,.96) 0%,rgba(2,50,76,.88) 37%,rgba(4,69,98,.54) 68%,rgba(5,78,105,.28) 100%),linear-gradient(135deg,#073a57,#0a7da4);border-radius:0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 42%,rgba(55,183,226,.20),transparent 28%),linear-gradient(115deg,transparent 45%,rgba(255,255,255,.08) 46%,transparent 47%);pointer-events:none}.hero-main{position:relative;z-index:2;max-width:720px}.hero-main small{letter-spacing:.12em}.hero-main h1{font-size:clamp(2.3rem,4vw,4.15rem);line-height:1.02;margin:14px 0 10px}.hero-main p{font-size:1.18rem}.hero-line{display:block;width:68px;height:4px;background:#21c0ed;border-radius:4px;margin:20px 0}.hero-claim{display:block;font-size:1rem;font-style:italic;letter-spacing:.03em}.hero aside{position:absolute;right:340px;top:98px;width:310px;z-index:2;background:rgba(0,35,55,.90);backdrop-filter:blur(10px);border:1px solid rgba(100,205,240,.45);box-shadow:0 16px 35px rgba(0,0,0,.18)}.hero-create-project{right:18px;top:18px;width:300px;min-height:62px}.hero-upload{position:absolute;right:18px;top:92px;width:300px;z-index:3;background:rgba(255,255,255,.96);box-shadow:0 14px 30px rgba(0,36,55,.16)}.kpis{margin-top:14px;gap:12px}.kpis>a{border:0;box-shadow:0 8px 22px rgba(8,47,73,.08);min-height:104px}.kpis i{width:52px;height:52px}.kpis strong{font-size:1.7rem}.life{gap:12px}.life>a{min-height:118px;color:#fff;background:linear-gradient(115deg,rgba(2,40,62,.96),rgba(4,69,98,.88));border:0;box-shadow:0 10px 24px rgba(2,47,73,.13)}.life>a i{background:rgba(26,176,222,.15);border:1px solid rgba(92,205,239,.55);color:#bdeeff}.life>a b,.life>a small,.life>a em{color:#fff}.industry-command>a,.cards>article,.readiness-grid>section,.lower-command-grid section{box-shadow:0 8px 22px rgba(8,47,73,.06)}footer{margin-top:16px;padding:18px 26px;background:#fff;border-top:1px solid #dce8ed}body.dark{--hq-bg:#061d2a}body.dark .app{background:#061d2a}.status-live{color:#69df8b}
@media(max-width:1250px){.hero{padding-right:310px}.hero aside{right:315px;width:270px}.hero-create-project,.hero-upload{width:275px}}@media(max-width:1000px){.hero{padding:88px 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-main{grid-column:1/-1}.hero aside,.hero-upload{position:relative;right:auto;top:auto;width:auto}.hero-create-project{right:18px;width:275px}.hero-main h1{font-size:2.7rem}}@media(max-width:650px){.brand img{max-width:210px}.hero{grid-template-columns:1fr;padding:94px 16px 18px}.hero-main{grid-column:auto}.hero-main h1{font-size:2.25rem}.hero-create-project{left:16px;right:16px;width:auto}.hero aside,.hero-upload{grid-column:auto}.kpis>a{min-height:88px}.life>a{min-height:92px}}

/* HQ correction: real logo + visual depth without fake data */
.brand img{filter:none!important;background:#fff;border-radius:4px;padding:4px;max-height:58px}.brand span{display:none}.hero{background:linear-gradient(90deg,rgba(0,29,47,.97),rgba(1,53,80,.91) 42%,rgba(5,111,146,.70)),radial-gradient(circle at 58% 45%,rgba(37,184,226,.32),transparent 25%),linear-gradient(145deg,#062d46,#0a88ad)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 48%,rgba(56,197,235,.14) 49%,transparent 50%),linear-gradient(70deg,transparent 63%,rgba(255,255,255,.05) 64%,transparent 65%);pointer-events:none}.hero-main,.hero aside,.hero-upload,.hero-create-project{z-index:4}.kpis>a:hover,.life>a:hover,.industry-command>a:hover{transform:translateY(-2px);transition:.18s ease}.life>a{position:relative;overflow:hidden}.life>a:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 60%,rgba(33,192,237,.12));pointer-events:none}

/* HQ Schritt 1: echte Cinema-Infrastruktur-Bildwelt */
.hero{background-image:linear-gradient(90deg,rgba(0,29,47,.97) 0%,rgba(0,38,60,.88) 34%,rgba(0,45,67,.56) 60%,rgba(0,44,64,.48) 100%),url('/telkoprojekt-projektplattform/assets/berlin-hbf-cinema-header.png')!important;background-size:cover!important;background-position:center 48%!important;background-repeat:no-repeat!important}.hero:before{background:linear-gradient(180deg,rgba(0,25,40,.04),rgba(0,25,40,.20)),radial-gradient(circle at 60% 42%,rgba(55,183,226,.10),transparent 28%)!important}.hero:after{background:linear-gradient(90deg,rgba(0,28,45,.12),transparent 35%,rgba(0,28,45,.05))!important}.hero-main{text-shadow:0 2px 16px rgba(0,0,0,.34)}.hero aside{background:rgba(0,31,50,.88);border-color:rgba(87,196,231,.52)}body.dark .hero{background-image:linear-gradient(90deg,rgba(0,17,28,.98) 0%,rgba(0,27,42,.91) 38%,rgba(0,31,45,.68) 100%),url('/telkoprojekt-projektplattform/assets/berlin-hbf-cinema-header.png')!important}

/* HQ Schritt 2: Header-Endzustand */
.top{display:grid;grid-template-columns:300px minmax(0,1fr) auto;align-items:stretch;padding:0;min-height:78px}.brand{display:flex;align-items:center;padding:9px 18px;background:#fff;border-radius:0}.brand img{width:100%;max-width:255px;max-height:58px;object-fit:contain;background:#fff;padding:0}.top nav{display:flex;align-items:stretch;justify-content:center;gap:2px;padding:0 8px;min-width:0}.top nav a{display:flex;align-items:center;padding:0 17px;border-radius:0;font-size:.86rem;font-weight:800;white-space:nowrap}.top nav a.active{border-radius:0;background:linear-gradient(180deg,#0995c3,#087fae);box-shadow:inset 0 -3px 0 rgba(255,255,255,.18)}.actions{display:flex;align-items:center;gap:8px;padding:0 15px;border-left:1px solid rgba(255,255,255,.09)}.actions button{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(0,24,39,.22);color:#fff;font-weight:900}.user-menu{display:flex;align-items:center;gap:9px;padding-left:5px;min-width:190px}.user-menu .avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#3b9bea,#b9e9ff);color:#063550;font-weight:900}.user-meta{display:grid;line-height:1.15}.user-meta strong{font-size:.82rem;color:#fff}.user-meta small{font-size:.68rem;color:#c8dce7;margin-top:4px}.user-chevron{color:#d9ebf3;font-size:1.1rem;margin-left:auto}.strap{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#fff;letter-spacing:.14em;font-weight:800;font-size:.7rem;color:#627482}
@media(max-width:1300px){.top{grid-template-columns:260px minmax(0,1fr) auto}.brand img{max-width:225px}.top nav a{padding:0 11px;font-size:.78rem}.user-menu{min-width:auto}.user-meta{display:none}}@media(max-width:1000px){.top{display:flex;flex-wrap:wrap}.brand{width:250px}.actions{margin-left:auto}.top nav{order:3;width:100%;height:50px;justify-content:flex-start;overflow-x:auto;background:#063550}.top nav a{padding:0 16px}.strap{font-size:.62rem}}@media(max-width:600px){.brand{width:210px}.header-icon{display:none}.strap span:last-child{display:none}.user-chevron{display:none}.actions{padding:0 8px}}

/* HQ Schritt 3: Hero-Aktionshierarchie */
.hero-project{padding:20px 22px!important;border-radius:16px!important;box-shadow:0 18px 38px rgba(0,0,0,.24)!important}.hero-project-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.hero-project-head .status-live{margin:0;padding:5px 10px;border-radius:999px;background:rgba(50,190,94,.18);font-size:.72rem}.hero-project>strong{display:block;font-size:1.32rem;margin-bottom:8px}.hero-project>span{display:block;font-size:.88rem}.hero-project-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.15)}.hero-project-meta span{font-size:.72rem;color:#d7eaf2}.hero-project-meta span:first-child{grid-column:1/-1}.hero-project-meta b{font-weight:700;color:#fff}.hero-create-project{border:1px solid rgba(88,210,245,.55);background:linear-gradient(135deg,#0aa8d3,#087fad);box-shadow:0 14px 28px rgba(0,61,89,.25)}.hero-create-project strong{font-size:1rem}.hero-upload{border:1px solid rgba(255,255,255,.72);border-radius:15px!important}.hero-upload> b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7f6fc;color:#0787b5}.hero-upload label{border-radius:9px!important;background:linear-gradient(135deg,#0a9fca,#087fad)!important;box-shadow:0 6px 14px rgba(8,127,174,.18)}@media(max-width:1000px){.hero-project-meta{grid-template-columns:1fr 1fr}}@media(max-width:650px){.hero-project-meta{grid-template-columns:1fr}.hero-project-meta span:first-child{grid-column:auto}}

/* HQ Schritt 4: KPI + Lebenszyklus */
.hq-kpis{padding:0 18px;margin-top:16px}.hq-kpis>a{position:relative;display:grid;grid-template-columns:58px 1fr;align-items:center;padding:16px 18px;border-radius:13px;background:linear-gradient(180deg,#fff,#fbfdfe);border:1px solid #e0e9ee}.hq-kpis>a:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:4px;background:#10a6d0;opacity:.7}.hq-kpis i{font-style:normal;font-size:1.35rem;background:#eaf7fc;color:#087fae;border:1px solid #d4edf6}.hq-kpis small,.hq-kpis strong,.hq-kpis em{display:block}.hq-kpis small{font-size:.66rem;letter-spacing:.06em}.hq-kpis strong{font-size:1.75rem;line-height:1.05;margin-top:2px}.hq-kpis em{font-size:.67rem;font-style:normal;color:#81929c;margin-top:4px}.hq-kpis>a.has-problems{border-color:#f0a4a0;background:linear-gradient(180deg,#fff,#fff6f5);box-shadow:0 8px 22px rgba(210,45,45,.10)}.hq-kpis>a.has-problems:before{background:#d92d20;opacity:1}.hq-kpis>a.has-problems i,.hq-kpis>a.has-problems strong,.hq-kpis>a.has-problems em{color:#b42318}.life{padding:0 18px}.life>a{padding:19px 20px;border-radius:13px;min-height:120px}.life>a i{width:54px;height:54px;border-radius:12px;font-size:1.45rem}.life>a b{font-size:1rem}.life>a small{font-size:.75rem;line-height:1.45;margin-top:5px}.life>a em{font-size:1.8rem;opacity:.72}.life>a:hover{box-shadow:0 14px 30px rgba(2,47,73,.22)}body.dark .hq-kpis>a{background:linear-gradient(180deg,#0d3044,#09283a);border-color:#17465d}body.dark .hq-kpis em{color:#9fb9c5}body.dark .hq-kpis i{background:#103d54;border-color:#24536a;color:#8adcf3}body.dark .hq-kpis>a.has-problems{background:#461d21;border-color:#b84c4c}

/* HQ Schritt 5: operativer Leitstand */
.shift-status,.attention,.meeting-room,.quick-search,.project-location{margin-left:18px;margin-right:18px;border-radius:13px!important}.shift-status{background:linear-gradient(180deg,#fff,#f9fcfd);border:1px solid #dce8ed;box-shadow:0 7px 20px rgba(8,47,73,.05)}.attention{background:linear-gradient(100deg,#f7fcfe,#eef8fc);border:1px solid #cfe6ef;box-shadow:0 7px 20px rgba(8,47,73,.05)}.attention-head>span{width:42px;height:42px;border-radius:12px;background:#dff4fb;color:#0787b5;display:grid;place-items:center;font-size:1.25rem}.industry-command{padding:0 18px;gap:12px}.industry-command>a{min-height:105px;border-radius:13px;padding:16px 18px;background:linear-gradient(180deg,#fff,#fbfdfe);border:1px solid #dce8ed}.industry-command>a>span{width:48px;height:48px;border-radius:12px}.meeting-room{padding:15px 18px;background:linear-gradient(100deg,#073b59,#075c7d);border:1px solid #0b759e;color:#fff;box-shadow:0 10px 25px rgba(2,47,73,.16)}.meeting-room small,.meeting-room strong,.meeting-room span{color:#fff}.meeting-actions a{border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.10)!important;color:#fff!important}.meeting-actions .primary{background:#0ba6d2!important;border-color:#24bee8!important}.quick-search{background:#fff;border:1px solid #dce8ed;box-shadow:0 6px 18px rgba(8,47,73,.04)}.project-location{background:#fff;border:1px solid #dce8ed}.readiness-grid,.lower-command-grid,.cards{margin-left:18px;margin-right:18px}.readiness-grid>section,.lower-command-grid section,.cards>article{border-radius:13px!important;border:1px solid #dce8ed!important;background:linear-gradient(180deg,#fff,#fbfdfe)}
.shift-brief{border-left:4px solid #12a8d4!important}.recent-activity{border-left:4px solid #6a91a5!important}.connection-status{border-left:4px solid #35a853!important}.next-action{border-left:4px solid #0a9fca!important}.project-healthbar{border-left-width:4px!important}.cards>article header{font-weight:900;letter-spacing:.02em;color:#123f59}.cards>article h2{color:#073b59}.cards>article select{border-radius:9px;border:1px solid #c9dce5;background:#fff;padding:9px 10px}.lower-command-side .next-action>a,.project-healthbar>a,.readiness-grid a,.recent-activity>a{font-weight:900}.connection-status button,.brief-actions button,.brief-actions a{border-radius:9px}body.dark .shift-status,body.dark .attention,body.dark .quick-search,body.dark .project-location,body.dark .readiness-grid>section,body.dark .lower-command-grid section,body.dark .cards>article{background:linear-gradient(180deg,#0d3044,#09283a);border-color:#17465d!important}body.dark .meeting-room{background:linear-gradient(100deg,#062d46,#064d69)}body.dark .cards>article header,body.dark .cards>article h2{color:#eaf7fb}

/* HQ Schritt 7: Tag/Nacht + Responsive Endabnahme */
body.dark .top{background:linear-gradient(105deg,#011b2b,#032a40)}body.dark .brand{background:#f8fbfc}body.dark .strap{background:#071f2d;color:#b8ced8;border-color:#15394b}body.dark .hero-project{background:rgba(0,20,32,.92)!important}body.dark .hero-upload{background:rgba(8,35,49,.96);border-color:#24536a;color:#eaf7fb}body.dark .hero-upload p,body.dark .hero-upload small{color:#b8ced8}body.dark .hero-upload a{color:#7edbf3}body.dark .hq-kpis>a.has-problems strong,body.dark .hq-kpis>a.has-problems em{color:#ffb3ad}body.dark footer{background:#071f2d;border-color:#15394b;color:#b8ced8}
@media(max-width:1180px){.hero{min-height:360px;padding-right:300px}.hero aside{right:305px;width:255px}.hero-create-project,.hero-upload{width:265px}.hq-kpis{grid-template-columns:repeat(3,1fr)}.life{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:900px){.hero{min-height:auto;padding:88px 18px 20px;grid-template-columns:1fr 1fr}.hero-main{min-height:210px}.hero aside,.hero-upload{position:relative;right:auto;top:auto;width:auto}.hero-create-project{position:absolute;right:18px;left:auto;top:16px;width:265px}.hq-kpis{grid-template-columns:repeat(2,1fr)}.readiness-grid,.lower-command-grid{margin-left:12px;margin-right:12px}.industry-command{padding:0 12px}.shift-status,.attention,.meeting-room,.quick-search,.project-location{margin-left:12px;margin-right:12px}}
@media(max-width:600px){.hero{grid-template-columns:1fr;padding-top:96px}.hero-main{min-height:180px}.hero-create-project{left:12px;right:12px;width:auto}.hq-kpis{padding:0 10px;grid-template-columns:1fr 1fr}.hq-kpis>a{grid-template-columns:46px 1fr;padding:12px}.hq-kpis i{width:42px;height:42px}.hq-kpis strong{font-size:1.45rem}.life{padding:0 10px;grid-template-columns:1fr!important}.industry-command{padding:0 10px}.shift-status,.attention,.meeting-room,.quick-search,.project-location,.readiness-grid,.lower-command-grid,.cards{margin-left:10px;margin-right:10px}.user-menu{min-width:auto}.hero-project-meta{grid-template-columns:1fr}.meeting-actions,.brief-actions{width:100%}.meeting-actions a,.brief-actions a,.brief-actions button{flex:1;justify-content:center}}

/* Pixelkorrektur: saubere Kartenraster */
.readiness-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.readiness-grid>section{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto 1fr auto!important;gap:10px!important;min-height:190px!important;padding:16px!important}.readiness-grid>section>div:first-child{min-width:0}.readiness-grid>section strong,.readiness-grid>section span{overflow-wrap:break-word}.readiness-grid .team-readiness-count,.readiness-grid .doc-readiness-count,.readiness-grid .deadline-countdown{align-self:end;margin:0!important;min-width:92px}.readiness-grid>section>a{align-self:end;justify-self:start;margin-top:2px}.lower-command-grid{grid-template-columns:minmax(0,1.65fr) minmax(350px,.85fr);align-items:stretch}.lower-command-main{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(190px,auto) 112px;align-items:stretch}.lower-command-main>.shift-brief,.lower-command-main>.recent-activity{height:100%;min-width:0;padding:16px!important}.lower-command-main>.connection-status{height:112px;min-height:112px;padding:14px 16px!important}.shift-brief{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}.shift-brief>div:first-child{min-width:0}.shift-brief strong,.shift-brief span{overflow-wrap:break-word}.brief-actions{justify-content:flex-end;flex-wrap:wrap}.recent-activity{display:grid!important;grid-template-columns:220px minmax(0,1fr) auto!important;align-items:center!important}.activity-items{min-width:0}.activity-items span{min-width:0!important}.activity-items b,.activity-items small{white-space:normal!important;overflow-wrap:break-word}.lower-command-side{grid-template-rows:auto 1fr;min-width:0}.lower-command-side>section{min-width:0;padding:16px!important}.healthbar-items{grid-template-columns:repeat(2,minmax(0,1fr))!important}.healthbar-items span{min-width:0}.cards{grid-template-columns:1.08fr 1fr 1fr;align-items:stretch;gap:12px}.cards>article{min-width:0;min-height:270px;padding:18px!important}.cards>article header{display:flex;justify-content:space-between;gap:12px;align-items:center}.cards>article header a{white-space:nowrap}.cards>article p{overflow-wrap:break-word}.cards>article select{width:100%;max-width:100%}
@media(max-width:1100px){.lower-command-grid{grid-template-columns:1fr}.lower-command-main{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.cards>article:first-child{grid-column:1/-1}.recent-activity{grid-template-columns:180px minmax(0,1fr) auto!important}}@media(max-width:800px){.readiness-grid{grid-template-columns:1fr}.readiness-grid>section{min-height:auto!important}.lower-command-main{grid-template-columns:1fr;grid-template-rows:auto}.lower-command-main>.connection-status{grid-column:auto;height:auto;min-height:90px}.shift-brief{grid-template-columns:1fr!important}.brief-actions{justify-content:flex-start;margin-top:8px}.recent-activity{grid-template-columns:1fr!important}.cards{grid-template-columns:1fr}.cards>article:first-child{grid-column:auto}.cards>article{min-height:auto}}@media(max-width:520px){.healthbar-items{grid-template-columns:1fr 1fr!important}.connection-status{grid-template-columns:1fr!important}.connection-status>div:nth-child(2){display:block!important}.cards>article{padding:15px!important}}

/* Pixelkorrektur 2: unteres Raster strikt neu setzen */
.lower-command-grid{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(360px,1fr)!important;gap:12px!important;align-items:stretch!important}.lower-command-main{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:220px 104px!important;gap:12px!important}.lower-command-main>.shift-brief,.lower-command-main>.recent-activity{height:220px!important;min-height:220px!important;max-height:220px!important}.lower-command-main>.connection-status{grid-column:1/-1!important;height:104px!important;min-height:104px!important;max-height:104px!important}.shift-brief{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important}.shift-brief>div:first-child{width:100%!important}.brief-actions{width:100%!important;display:flex!important;justify-content:flex-start!important;gap:8px!important}.recent-activity{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important}.recent-activity>div:first-child{width:100%!important}.recent-activity .activity-items{display:grid!important;grid-template-columns:1fr!important;width:100%!important;overflow:visible!important}.recent-activity .activity-items span{width:100%!important;min-width:0!important;padding:10px 12px!important}.recent-activity .activity-items b,.recent-activity .activity-items small{display:block!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}.recent-activity>a{align-self:flex-start!important}.lower-command-side{display:grid!important;grid-template-rows:104px 232px!important;gap:12px!important}.lower-command-side>.next-action{height:104px!important;min-height:104px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important}.lower-command-side>.next-action>a{align-self:center!important}.lower-command-side>.project-healthbar{height:232px!important;min-height:232px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.healthbar-items{width:100%!important;grid-template-columns:1fr 1fr!important}
@media(max-width:1100px){.lower-command-grid{grid-template-columns:1fr!important}.lower-command-main{grid-template-columns:1fr 1fr!important}.lower-command-side{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.lower-command-side>.next-action,.lower-command-side>.project-healthbar{height:auto!important;min-height:170px!important}}@media(max-width:760px){.lower-command-main,.lower-command-side{grid-template-columns:1fr!important;grid-template-rows:auto!important}.lower-command-main>.shift-brief,.lower-command-main>.recent-activity,.lower-command-main>.connection-status,.lower-command-side>.next-action,.lower-command-side>.project-healthbar{height:auto!important;min-height:0!important;max-height:none!important}.lower-command-main>.connection-status{grid-column:auto!important}.shift-brief,.recent-activity{min-height:180px!important}}

/* Pixelkorrektur 3: Abschlusskarten unten */
.cards{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:12px!important;align-items:stretch!important}.cards>article{height:296px!important;min-height:296px!important;max-height:296px!important;display:flex!important;flex-direction:column!important;padding:18px 20px!important;overflow:hidden}.cards>article header{min-height:30px!important;flex:0 0 auto}.cards>article h2{margin:22px 0 10px!important}.cards>article>p{margin:0 0 10px!important}.cards>article .project-meta{margin-top:auto!important;margin-bottom:12px!important}.cards>article select{flex:0 0 auto!important}.cards>article:nth-child(2)>div,.cards>article:nth-child(3)>div{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;padding-top:18px!important}.cards>article:nth-child(2)>div>p,.cards>article:nth-child(3)>div>p{margin:0!important;padding:0 0 12px!important;border-bottom:1px solid #e2ebef}.cards>article:nth-child(2)>div>p small,.cards>article:nth-child(3)>div>p small{display:block;margin-top:4px;color:#718793}.cards>article:nth-child(3){border-top:3px solid #8c5bc0!important}.cards>article:nth-child(2){border-top:3px solid #3da65a!important}.cards>article:first-child{border-top:3px solid #087fae!important}@media(max-width:1100px){.cards{grid-template-columns:1fr 1fr!important}.cards>article:first-child{grid-column:1/-1!important}.cards>article{height:auto!important;min-height:240px!important;max-height:none!important}}@media(max-width:760px){.cards{grid-template-columns:1fr!important}.cards>article:first-child{grid-column:auto!important}.cards>article{min-height:220px!important}}

/* Visuelle Endabnahme 1: oberer Bildschirmbereich */
.app{padding-top:0!important}.top{height:78px!important;min-height:78px!important}.brand{height:78px!important;box-sizing:border-box}.top nav,.actions{height:78px!important;box-sizing:border-box}.strap{height:44px!important;min-height:44px!important;box-sizing:border-box}.hero{height:350px!important;min-height:350px!important;box-sizing:border-box;margin:0 18px!important;border-radius:0 0 16px 16px!important;padding:76px 352px 28px 28px!important}.hero-main{max-width:690px!important}.hero-main h1{margin:12px 0 8px!important}.hero-main p{margin:0!important}.hero-line{margin:18px 0 14px!important}.hero-project{top:82px!important;right:334px!important;width:300px!important;box-sizing:border-box}.hero-create-project{top:18px!important;right:18px!important;width:296px!important;height:62px!important;box-sizing:border-box}.hero-upload{top:92px!important;right:18px!important;width:296px!important;min-height:216px!important;box-sizing:border-box;padding:18px!important}.hero-upload>div{min-width:0}.hero-upload p{margin:7px 0 11px!important;line-height:1.35}.hero-upload label{width:100%;box-sizing:border-box;text-align:center}.hero-upload a{display:inline-block;margin-top:12px}.hq-kpis{margin-top:14px!important}.hq-kpis>a{height:104px!important;min-height:104px!important;box-sizing:border-box}.life{margin-top:12px!important}.life>a{height:118px!important;min-height:118px!important;box-sizing:border-box}@media(max-width:1250px){.hero{padding-right:322px!important}.hero-project{right:304px!important;width:270px!important}.hero-create-project,.hero-upload{width:266px!important}}@media(max-width:1000px){.top{height:auto!important;min-height:78px!important}.top nav{height:50px!important}.hero{height:auto!important;min-height:0!important;margin:0 12px!important;padding:88px 18px 20px!important}.hero-project,.hero-upload{top:auto!important;right:auto!important;width:auto!important}.hero-upload{min-height:0!important}.hero-create-project{right:18px!important;width:265px!important}.hq-kpis>a,.life>a{height:auto!important}}

/* Visuelle Endabnahme 2: KPI + Lebenszyklus exakt */
.hq-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;padding:0 18px!important}.hq-kpis>a{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;height:104px!important;padding:14px 16px!important}.hq-kpis i{width:50px!important;height:50px!important;display:grid!important;place-items:center!important;margin:0!important}.hq-kpis span{min-width:0!important}.hq-kpis small{height:14px!important;line-height:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hq-kpis strong{height:31px!important;line-height:31px!important;margin:1px 0 0!important}.hq-kpis em{height:13px!important;line-height:13px!important;margin-top:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.life{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:0 18px!important}.life>a{display:grid!important;grid-template-columns:56px minmax(0,1fr) 20px!important;gap:14px!important;align-items:center!important;height:118px!important;padding:16px 18px!important}.life>a i{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;margin:0!important}.life>a span{min-width:0!important}.life>a b{display:block!important;line-height:1.2!important;margin-bottom:5px!important}.life>a small{display:block!important;line-height:1.35!important;min-height:32px!important}.life>a em{width:20px!important;text-align:center!important;justify-self:end!important}.life>a:hover{transform:translateY(-2px)!important}.life>a:focus-visible,.hq-kpis>a:focus-visible{outline:3px solid rgba(18,168,212,.32)!important;outline-offset:2px!important}@media(max-width:1180px){.hq-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.life{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hq-kpis>a,.life>a{height:110px!important}}@media(max-width:650px){.hq-kpis{grid-template-columns:1fr 1fr!important;padding:0 10px!important}.life{grid-template-columns:1fr!important;padding:0 10px!important}.hq-kpis>a{grid-template-columns:44px minmax(0,1fr)!important;height:94px!important;padding:11px!important}.hq-kpis i{width:40px!important;height:40px!important}.life>a{height:auto!important;min-height:94px!important}}

/* Visuelle Endabnahme 3: mittlerer Arbeitsbereich */
.shift-status{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;min-height:92px!important;padding:14px 18px!important}.shift-status>div:first-child{min-width:0}.shift-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}.shift-grid>span,.shift-grid>a{min-height:58px!important;padding:9px 11px!important;box-sizing:border-box}.attention{display:grid!important;grid-template-columns:250px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;min-height:72px!important;padding:12px 16px!important}.attention-head{display:flex!important;align-items:center!important;gap:11px!important}.attention-items{min-width:0!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important}.attention-items>span{padding:7px 10px!important;border-radius:8px!important;background:#fff!important;border:1px solid #dbe8ed!important}.industry-command{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.industry-command>a{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;height:104px!important;min-height:104px!important;padding:14px 16px!important}.industry-command>a>span{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;margin:0!important}.industry-command>a>div{min-width:0!important}.industry-command strong,.industry-command p{overflow-wrap:break-word!important}.industry-command p{margin:4px 0 0!important}.meeting-room{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;min-height:92px!important;padding:15px 18px!important}.meeting-room>div:first-child{display:grid!important;gap:3px!important;min-width:0}.meeting-actions{display:flex!important;gap:9px!important;align-items:center!important}.meeting-actions a{min-width:145px!important;justify-content:center!important;text-align:center!important}.site-supervision{margin-left:18px!important;margin-right:18px!important;border-radius:13px!important}.site-supervision:not([hidden]){display:grid!important;grid-template-columns:1.2fr 1fr auto!important;gap:14px!important;align-items:center!important}.supervision-project-list,.supervision-legend{grid-column:1/-1!important}
body.dark .attention-items>span{background:#0d3044!important;border-color:#24536a!important}@media(max-width:1050px){.shift-status{grid-template-columns:1fr!important}.attention{grid-template-columns:1fr auto!important}.attention-items{grid-column:1/-1!important}.industry-command{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-supervision:not([hidden]){grid-template-columns:1fr 1fr!important}}@media(max-width:700px){.shift-grid{grid-template-columns:1fr 1fr!important}.attention{grid-template-columns:1fr!important}.attention>a{justify-self:start!important}.industry-command{grid-template-columns:1fr!important}.industry-command>a{height:auto!important;min-height:92px!important}.meeting-room{grid-template-columns:1fr!important}.meeting-actions{width:100%!important;flex-wrap:wrap!important}.meeting-actions a{min-width:0!important;flex:1!important}.site-supervision:not([hidden]){grid-template-columns:1fr!important}.supervision-project-list,.supervision-legend{grid-column:auto!important}}@media(max-width:450px){.shift-grid{grid-template-columns:1fr!important}}

/* Visuelle Endabnahme 4: untere Seite + Footer */
.quick-search,.project-location{min-height:76px!important;box-sizing:border-box}.quick-search{grid-template-columns:250px minmax(0,1fr)!important;padding:12px 16px!important}.quick-search-links{align-items:center!important}.quick-search-links a{min-height:36px!important;padding:8px 12px!important;box-sizing:border-box}.project-location{padding:12px 16px!important}.location-actions{align-items:center!important}.location-actions button,.location-actions a{min-height:38px!important;box-sizing:border-box;display:inline-flex!important;align-items:center!important}.readiness-grid{gap:12px!important}.readiness-grid>section{height:198px!important;min-height:198px!important;max-height:198px!important;box-sizing:border-box}.readiness-grid>section>div:first-child{min-height:76px!important}.readiness-grid>section>a{min-height:34px!important;display:inline-flex!important;align-items:center!important}.lower-command-grid{margin-top:12px!important}.cards{margin-top:12px!important;margin-bottom:14px!important}footer{min-height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 24px!important;box-sizing:border-box}footer span:first-child{font-weight:900!important;letter-spacing:.12em!important;color:#607985}footer span:last-child{font-size:.75rem!important}footer b{color:#2f9d55!important}@media(max-width:800px){.quick-search{grid-template-columns:1fr!important}.readiness-grid>section{height:auto!important;min-height:170px!important;max-height:none!important}.readiness-grid>section>div:first-child{min-height:0!important}footer{min-height:76px!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;text-align:center!important}}@media(max-width:520px){.quick-search-links{display:grid!important;grid-template-columns:1fr 1fr!important}.location-actions{width:100%!important;flex-wrap:wrap!important}.location-actions button,.location-actions a{flex:1!important;justify-content:center!important}footer span:first-child{font-size:.68rem!important;letter-spacing:.08em!important}}

/* Hero-Bildkorrektur: echtes Berlin-Hbf-Motiv statt abstrakter Grafik */
.hero{background-image:linear-gradient(90deg,rgba(0,28,46,.94) 0%,rgba(0,35,55,.82) 34%,rgba(0,39,58,.52) 60%,rgba(0,35,52,.42) 100%),url('/telkoprojekt-projektplattform/assets/berlin-hbf-header.jpg')!important;background-size:cover!important;background-position:center 48%!important;background-repeat:no-repeat!important}.hero:before{background:linear-gradient(180deg,rgba(0,18,30,.04),rgba(0,18,30,.22))!important}.hero-main{max-width:650px!important}.hero-main h1,.hero-main p,.hero-main small,.hero-claim{position:relative;z-index:2;text-shadow:0 2px 18px rgba(0,0,0,.58)}.hero-project{backdrop-filter:blur(12px)!important;background:rgba(0,31,50,.86)!important}.hero-upload{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(8px)!important}body.dark .hero{background-image:linear-gradient(90deg,rgba(0,17,28,.97) 0%,rgba(0,24,38,.88) 38%,rgba(0,28,42,.64) 100%),url('/telkoprojekt-projektplattform/assets/berlin-hbf-header.jpg')!important}@media(max-width:1000px){.hero{background-position:center center!important}}@media(max-width:650px){.hero{background-position:44% center!important}}

/* Logout */
.logout-button{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:1rem!important;cursor:pointer!important}.logout-button:hover{background:#b42318!important;border-color:#d92d20!important}.logout-button:disabled{opacity:.55;cursor:wait!important}

/* Auftraggeberabhängige Hero-Bildwelt */
body.client-db .hero{background-image:linear-gradient(90deg,rgba(0,38,60,.72) 0%,rgba(0,45,67,.42) 38%,rgba(0,45,67,.18) 68%,rgba(0,38,58,.10) 100%),url('/telkoprojekt-projektplattform/assets/berlin-hbf-cinema-header.png')!important;background-position:center 48%!important}body.dark.client-db .hero{background-image:linear-gradient(90deg,rgba(0,24,38,.86) 0%,rgba(0,31,47,.66) 42%,rgba(0,31,47,.38) 100%),url('/telkoprojekt-projektplattform/assets/berlin-hbf-cinema-header.png')!important}body.client-generic .hero{background-image:linear-gradient(90deg,rgba(0,28,46,.94),rgba(0,35,55,.62)),url('/telkoprojekt-projektplattform/assets/berlin-hbf-header.jpg')!important}

/* FINAL DB HERO: heller, eindeutig als Berlin-Hbf-Projektbild geführt */
body.client-db .hero{background-image:linear-gradient(90deg,rgba(0,38,60,.46) 0%,rgba(0,45,67,.20) 40%,rgba(0,45,67,.08) 72%,rgba(0,38,58,.04) 100%),url('/telkoprojekt-projektplattform/assets/berlin-hbf-cinema-header.png')!important;background-position:center 46%!important;filter:none!important}body.client-db .hero:before{background:linear-gradient(90deg,rgba(0,28,45,.18),transparent 48%)!important}body.client-db .hero:after{background:none!important}body.dark.client-db .hero{background-image:linear-gradient(90deg,rgba(0,24,38,.68) 0%,rgba(0,31,47,.46) 44%,rgba(0,31,47,.24) 100%),url('/telkoprojekt-projektplattform/assets/berlin-hbf-cinema-header.png')!important}.hero-main{text-shadow:0 2px 12px rgba(0,20,32,.62)!important}

/* DB Hero final – helle Berlin-Hbf-Aufnahme */
body.client-db .hero{background-image:linear-gradient(90deg,rgba(0,34,54,.52) 0%,rgba(0,40,61,.24) 36%,rgba(0,40,61,.08) 64%,rgba(0,34,54,.03) 100%),url('/telkoprojekt-projektplattform/assets/db-berlin-hbf-header-final.jpg?v=2')!important;background-position:center center!important}body.dark.client-db .hero{background-image:linear-gradient(90deg,rgba(0,22,36,.72),rgba(0,28,43,.38)),url('/telkoprojekt-projektplattform/assets/db-berlin-hbf-header-final.jpg?v=2')!important}

/* FINAL Hero cleanup: Bild ist rein visuell, UI-Text nur einmal */
body.client-db .hero{background-image:linear-gradient(90deg,rgba(0,34,54,.68) 0%,rgba(0,40,61,.34) 42%,rgba(0,40,61,.12) 68%,rgba(0,34,54,.04) 100%),url('/telkoprojekt-projektplattform/assets/db-berlin-hbf-header-final.jpg?v=3')!important;background-size:cover!important;background-position:center 42%!important}.hero-main{position:relative;z-index:4!important;background:linear-gradient(90deg,rgba(0,28,45,.22),rgba(0,28,45,0));border-radius:14px;padding:12px 16px 14px 0}.hero-main h1{font-size:3.05rem!important;line-height:1.03!important;text-shadow:0 3px 18px rgba(0,18,30,.72)!important}.hero-main>small,.hero-main>p,.hero-claim{opacity:1!important;text-shadow:0 2px 12px rgba(0,18,30,.82)!important}.hero-project,.hero-create-project,.hero-upload{z-index:6!important}.hero-project{background:rgba(0,35,54,.93)!important}.hero-upload{background:#fff!important}@media(max-width:1200px){.hero-main h1{font-size:2.65rem!important}}@media(max-width:700px){.hero-main h1{font-size:2.2rem!important}.hero-main{padding-right:6px}}

/* Hero cleanup v4 */
body.client-db .hero{background-image:linear-gradient(90deg,rgba(0,35,55,.58) 0%,rgba(0,40,60,.22) 38%,rgba(0,40,60,.05) 70%,transparent 100%),url('/telkoprojekt-projektplattform/assets/db-berlin-hbf-header-final.jpg?v=4')!important;background-position:center center!important}.hero-main{background:none!important;padding-left:0!important}.hero-main h1{font-size:2.85rem!important;line-height:1.04!important}.hero-main>small{font-size:.78rem!important;letter-spacing:.08em!important}.hero-main>p{font-size:1rem!important}.hero-claim{font-size:.9rem!important}body.dark.client-db .hero{background-image:linear-gradient(90deg,rgba(0,22,36,.72),rgba(0,28,43,.34)),url('/telkoprojekt-projektplattform/assets/db-berlin-hbf-header-final.jpg?v=4')!important}

/* Nachtansicht: Unterlagen hochladen */
body.dark .hero-upload{background:linear-gradient(180deg,#0d3044,#09283a)!important;border:1px solid #24536a!important;color:#eaf7fb!important;box-shadow:0 12px 28px rgba(0,12,22,.28)!important}body.dark .hero-upload strong,body.dark .hero-upload h2,body.dark .hero-upload h3{color:#f4fbfd!important}body.dark .hero-upload p,body.dark .hero-upload small{color:#b8ced8!important}body.dark .hero-upload>span,body.dark .hero-upload .upload-icon{background:#123e54!important;color:#63d3f2!important}body.dark .hero-upload label{background:#0796c3!important;color:#fff!important;border-color:#14acd7!important;box-shadow:none!important}body.dark .hero-upload label:hover{background:#08a6d3!important}body.dark .hero-upload a{color:#68d8f5!important}body.dark .hero-upload a:hover{color:#a5ebfb!important}body.dark .hero-upload input:focus+label,body.dark .hero-upload label:focus-visible{outline:3px solid rgba(104,216,245,.28)!important;outline-offset:2px!important}

/* Nachtansicht: Aktives Projekt */
body.dark .cards>article:first-child{background:linear-gradient(180deg,#0d3044,#09283a)!important;border-color:#24536a!important;border-top-color:#149dca!important;color:#eaf7fb!important;box-shadow:0 10px 24px rgba(0,12,22,.18)!important}body.dark .cards>article:first-child header,body.dark .cards>article:first-child h2,body.dark .cards>article:first-child p,body.dark .cards>article:first-child b{color:#f4fbfd!important}body.dark .cards>article:first-child header a{color:#62d4f3!important}body.dark .cards>article:first-child .project-meta span,body.dark .cards>article:first-child>span{background:#123e54!important;border:1px solid #24536a!important;color:#d9eef5!important}body.dark .cards>article:first-child select{background:#0b2d40!important;border:1px solid #2b5a70!important;color:#eaf7fb!important}body.dark .cards>article:first-child select option{background:#0b2d40!important;color:#eaf7fb!important}body.dark .cards>article:first-child select:focus{outline:3px solid rgba(98,212,243,.22)!important;border-color:#37bce0!important}body.dark .cards>article:first-child hr,body.dark .cards>article:first-child p{border-color:#2a5266!important}