/* STORE-14A: reference-led presentation only; originals are not edited. */
:root{--red:#e60028;--ink:#101c35;--paper:#f7f8fb;--line:#e7eaf0}
body{background:var(--paper);color:var(--ink)}
.demo{padding:4px 30px;font-size:10px;background:#f2f4f7}
header{max-width:1680px;height:96px;padding:0 32px;background:#fff;position:relative;z-index:2;margin:0 auto;gap:20px}
.header-note{display:none}.brand{font-size:29px;white-space:nowrap}.brand svg{width:30px}
#nav{position:absolute;top:40px;left:44%;transform:translateX(-50%);background:transparent;z-index:4;gap:5px;padding:0;margin:0;max-width:none}
#nav a,#nav button{display:flex;align-items:center;gap:9px;justify-content:center;min-height:48px;font-size:15px;padding:10px 17px;border:0;border-radius:12px;background:transparent;color:#15223a;white-space:nowrap}
#nav a[aria-current]{background:var(--red);color:#fff;box-shadow:0 5px 14px #e600281c}
#nav svg{width:21px;height:21px}.role-badge{margin-left:auto;white-space:nowrap;background:#fff2d5;color:#915b00}
.profile{margin-left:0;flex:none}.photo-profile{width:70px;height:70px;border-radius:50%;padding:0;background:#efdbdb;overflow:hidden;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 0 0 1px #dbe1e9}
.photo-profile img{width:82%;height:90%;object-fit:contain;object-position:center;display:block;flex:none}
#syncStatus{margin:0 auto;max-width:1680px;border-radius:0;padding:5px 32px;font-size:11px;background:#f7f9fb;color:#5d697b;text-align:right}
main{max-width:1680px;padding:0 24px 40px;margin:0 auto}
.portrait-hero{height:320px;position:relative;margin:0 -24px 24px;background:linear-gradient(100deg,#423c32,#27251f 48%,#56432c);color:#fff;isolation:isolate}
.store-scene{position:absolute;inset:0 0 0 55%;background-image:linear-gradient(90deg,#27251f,transparent 45%),url('/static/design12/portrait-assets/design-reference.png');background-size:100% 100%,auto 887px;background-position:center,right -90px;opacity:.66;z-index:-1}
.portrait-cutout{position:absolute;left:3%;top:-57px;bottom:0;width:390px;overflow:hidden;z-index:3;pointer-events:none}
.portrait-cutout img{display:block;width:100%;height:auto;max-width:none;clip-path:polygon(0% 46%,3% 34%,3% 25%,5% 13%,10% 8%,18% 6%,27% 6%,39% 8%,45% 13%,47% 20%,49% 31%,53% 29%,58% 27%,65% 26%,74% 27%,82% 31%,89% 38%,95% 49%,96% 60%,100% 65%,100% 100%,0% 100%)}
.hero-copy{position:relative;padding:38px 32px 22px;margin-left:440px;z-index:1}.hero-copy .eyebrow{color:#fff;font-size:13px;letter-spacing:2px;margin:0 0 14px}.hero-copy h1{font-size:clamp(34px,3.5vw,58px);letter-spacing:-1.8px;line-height:1.12;margin:0 0 12px;color:white}.hero-copy h1 span{color:#ff2346}.hero-copy>p:not(.eyebrow){font-size:18px;font-weight:600;margin:0 0 27px;color:#fff;max-width:660px}.hero-copy>small{display:block;margin-top:15px;color:#fff;font-size:12px}.hero-facts{display:flex;gap:34px;flex-wrap:wrap}.hero-facts>span{display:flex;align-items:center;gap:9px;font-size:13px}.hero-facts b{font-size:25px}.hero-facts svg{width:27px;height:27px}
.captain-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr);gap:20px;align-items:start}.dashboard-calendar{min-width:0;background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.dashboard-calendar>.plan-title{display:none}.dashboard-calendar>.view-switch{margin-top:0}.dashboard-calendar .planner-grid{display:block}.dashboard-calendar .calendar-panel{border:0;padding:0;border-radius:0}.dashboard-calendar .calendar-head h2{font-size:26px}.dashboard-calendar .day{min-height:83px;padding:8px;font-size:22px;border-radius:12px}.dashboard-calendar .calendar{gap:10px}.dashboard-calendar .weekday{font-size:13px}.dashboard-calendar .slots i{width:7px;height:7px}.dashboard-calendar .day-panel{margin-top:22px}.dashboard-calendar .choose{min-height:100px;padding:18px;background:#f8f9fb;border-radius:14px}.dashboard-calendar .choose>span{display:none}.dashboard-calendar .choose h2{font-size:18px}.dashboard-calendar .choose p{max-width:none;font-size:13px}.dashboard-calendar .legend{font-size:12px;gap:10px;margin-top:18px}.dashboard-calendar .own-legend{font-size:12px}.dashboard-calendar .week-calendar .day{font-size:20px;min-height:138px}.dashboard-calendar .day .own-mark{font-size:12px;width:20px;height:20px}
.captain-side{display:grid;gap:16px;min-width:0}.management-card{padding:20px;background:white;border:1px solid var(--line);border-radius:16px;min-width:0}.management-card h2{font-size:21px;margin-bottom:18px}.management-card .section-head h2{margin:0}.management-card .section-head{justify-content:space-between;flex-wrap:wrap}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.management-grid button{padding:18px 14px;text-align:left;background:#fff3f5;border-color:#fff3f5;display:flex;flex-direction:column;gap:8px;min-width:0;align-items:flex-start}.management-grid svg{color:var(--red);width:30px;height:30px;margin-bottom:3px}.management-grid strong{font-size:16px}.management-grid span{font-weight:400;font-size:13px;color:#56657b}.management-card .next-line{padding:14px 10px;gap:12px}.management-card .next-line strong{font-size:15px}.management-card .next-line small{font-size:13px}.management-card .next-line .date-tile{width:45px;height:50px}.management-card .next-line .date-tile b{font-size:25px}.management-card .text-link{font-size:12px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{display:flex;gap:10px;align-items:center;text-align:left;padding:14px;font-size:13px}.quick-grid .primary{grid-column:1/-1}.quick-grid .primary svg{background:#fff2;border-radius:50%;width:32px;height:32px}.management-card>.small{margin:12px 0 0;line-height:1.5}.captain-activity{margin-top:22px}.captain-activity .request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.captain-activity .dashboard-section{margin-bottom:18px}.home-grid{padding-top:8px}.colleague-hero .hero-copy h1{font-size:46px}
@media(min-width:1500px){.captain-activity .request-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1199px){header{padding:0 22px;gap:12px}.brand{font-size:25px}#nav{left:46%}#nav a,#nav button{padding:10px 11px;font-size:13px}.photo-profile{width:60px;height:60px}.role-badge{font-size:11px}.portrait-cutout{width:340px;left:2%;top:-48px}.hero-copy{margin-left:365px;padding:30px 24px}.hero-copy h1{font-size:38px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-facts{gap:15px}.portrait-hero{height:290px}.captain-workspace{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:14px}.dashboard-calendar{padding:18px}.dashboard-calendar .day{min-height:68px;font-size:19px}.management-card{padding:16px}.management-card h2{font-size:19px}.management-grid{gap:8px}.management-grid button{padding:14px 10px}.management-grid strong{font-size:14px}}
@media(min-width:720px) and (max-width:999px){header{height:88px}.brand{font-size:24px}.role-badge{margin-left:auto}#nav{position:relative;top:auto;left:auto;transform:none;justify-content:center;background:#fff;padding:8px;margin:0;width:100%;border-top:1px solid #f0f2f5}#nav a,#nav button{padding:10px 22px;font-size:14px}.portrait-cutout{top:-25px;width:300px}.hero-copy{margin-left:325px;padding:24px 22px}.hero-copy h1{font-size:34px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-facts{display:grid;gap:8px}.hero-facts b{font-size:21px}.portrait-hero{height:292px}.captain-workspace{grid-template-columns:1fr}.captain-side{grid-template-columns:1fr 1fr}.captain-side>.management-card:first-child{grid-column:1/-1}.dashboard-calendar .day{min-height:80px;font-size:23px}.dashboard-calendar .calendar{gap:12px}.captain-activity .request-grid{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr 1fr}}
@media(max-width:719px){header{height:80px;padding:0 18px;gap:10px}.demo{padding:4px 18px}.brand{font-size:24px}.brand svg{width:25px}.photo-profile{height:58px;width:58px}.role-badge{font-size:9px;padding:5px 8px}#nav{position:fixed;bottom:0;top:auto;left:0;right:0;transform:none;margin:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:3px;background:#fffffff7;border-top:1px solid var(--line);border-radius:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));z-index:30;width:100%}#nav a,#nav button{display:flex;flex-direction:column;gap:3px;min-height:52px;font-size:10px;padding:6px 3px;margin:0;max-width:none;border-radius:10px}#nav a[aria-current]{background:#fff0f3;color:#d50028}#nav svg{width:21px;height:21px}#syncStatus{padding:5px 16px;text-align:left;font-size:10px}main{max-width:none;padding:0 14px 105px;margin:0}.portrait-hero{margin:0 -14px 16px;height:auto;min-height:0;overflow:hidden;padding-top:0}.portrait-cutout{left:4px;top:-17px;width:165px;height:221px;bottom:auto;overflow:hidden;z-index:1}.hero-copy{margin-left:164px;padding:20px 12px 18px;min-height:205px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:10px}.hero-copy h1,.colleague-hero .hero-copy h1{font-size:27px;letter-spacing:-.8px;line-height:1.14}.hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.45;margin-bottom:14px}.hero-copy>small{font-size:10px;margin-top:10px}.hero-facts{gap:7px;display:grid}.hero-facts>span{font-size:10px;gap:5px}.hero-facts b{font-size:17px}.hero-facts svg{width:17px;height:17px}.store-scene{left:30%;background-size:100% 100%,auto 650px;background-position:center,right -66px;opacity:.35}.captain-workspace{grid-template-columns:1fr;gap:14px}.dashboard-calendar{padding:16px 10px;border-radius:15px}.dashboard-calendar .calendar-head h2{font-size:22px}.dashboard-calendar .day{min-height:53px;padding:6px 0;font-size:16px;border-radius:9px}.dashboard-calendar .calendar{gap:5px}.dashboard-calendar .weekday{font-size:11px;padding-bottom:4px}.dashboard-calendar .slots i{width:5px;height:5px}.dashboard-calendar .day .own-mark{font-size:10px;width:16px;height:16px}.dashboard-calendar .legend{font-size:10px;gap:7px}.dashboard-calendar .calendar-symbols{font-size:11px}.dashboard-calendar .own-legend{font-size:10px}.dashboard-calendar .week-calendar .day{min-height:125px;font-size:17px}.dashboard-calendar .view-switch{margin-left:3px}.dashboard-calendar .choose{padding:14px 10px}.captain-side{display:grid;grid-template-columns:1fr}.management-card{padding:16px}.management-card h2{font-size:19px}.management-grid button{padding:15px}.management-grid strong{font-size:14px}.management-grid span{font-size:12px}.captain-activity .request-grid,.dashboard-columns{grid-template-columns:1fr}.captain-activity{margin-top:16px}.request .person strong{font-size:15px}.colleague-hero+.home-grid{padding-top:0}.home-grid{gap:16px}}
@media(max-width:370px){.role-badge{display:none}.profile{margin-left:auto}.portrait-cutout{width:145px}.hero-copy{margin-left:143px;padding-left:9px}.hero-copy h1{font-size:24px}.hero-facts>span{font-size:9px}}
/* Verified desktop alignment and background-only reference crop. */
.demo button{min-height:24px;padding:2px 8px}.demo{min-height:32px}
@media(min-width:1000px){#nav{top:56px}.dashboard-calendar .day{height:83px;aspect-ratio:auto}.portrait-cutout img{clip-path:polygon(0% 46%,3% 34%,3% 25%,6% 15%,10% 10%,18% 6.5%,27% 6.5%,36% 8%,42% 11%,45% 15%,46% 21%,48% 32%,53% 29%,58% 27%,65% 26%,73% 27%,81% 31%,88% 38%,94% 49%,96% 60%,100% 65%,100% 100%,0% 100%)}}
.store-scene{left:68%;background-size:100% 100%,auto 1000px;background-position:center,right -101px}
@media(max-width:999px){.dashboard-calendar .day{height:80px;aspect-ratio:auto}}
@media(max-width:719px){.dashboard-calendar .day{height:57px}.store-scene{left:65%;background-size:100% 100%,auto 750px;background-position:center,right -76px}}
.dashboard-calendar .week-calendar .day{height:auto}
.dashboard-calendar .calendar .day{gap:3px;line-height:1.1;justify-content:center;padding:5px 0}.dashboard-calendar .calendar .closed-mark,.dashboard-calendar .calendar .holiday-dot{line-height:1.1}.dashboard-calendar .calendar .slots{min-height:7px}
@media(max-width:999px){.captain-workspace{display:flex;flex-direction:column}.captain-side{display:contents}.captain-side>.management-card{width:100%;order:1}.captain-side>.management-card:first-child{order:-1}.dashboard-calendar{width:100%;order:0}}
@media(max-width:719px){.portrait-cutout{top:-12px}.store-scene{opacity:.18}}

/* Freigegebener vollständiger Ausschnitt: proportional, ungeteilt, ohne Überlagerung. */
.approved-full-banner{margin:0 -24px 24px;padding:0;line-height:0}
.approved-full-banner>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:719px){.approved-full-banner{margin:0 -14px 16px}}

/* Abgenommene gemeinsame Kopfzeile: Bilddatei unverändert, Bildnavigation maskiert.
   Freier Streifen für die Haare; echte Navigation und Logo bleiben darüber. */
.has-approved-banner header{height:calc(82px + min(5.0733vw,85.23px));align-items:flex-start;padding-top:16px}
.has-approved-banner .brand{white-space:nowrap;flex-shrink:0;line-height:48px}
.approved-full-banner{position:relative;margin-top:calc(-1 * min(5.0733vw,85.23px));pointer-events:none}
.approved-full-banner>img{position:relative;z-index:3;clip-path:polygon(0% 23.14%,12.8% 23.14%,13.53% 12.85%,14.65% 6.43%,16.35% 2.57%,17.92% 2.05%,19.5% 4.63%,20.86% 9.77%,22.27% 17.48%,22.66% 23.14%,100% 23.14%,100% 100%,0% 100%)}
.photo-profile{padding:0}.photo-profile img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 20%)}
@media(min-width:720px) and (max-width:999px){
#nav{position:absolute;top:48px;left:50%;transform:translateX(-50%);background:transparent;width:auto;border:0;padding:0}
#nav a,#nav button{font-size:13px;padding:10px 11px}
.role-badge{display:none}.profile{margin-left:auto}
}

.store-overview{padding:28px 0}.store-overview h1{font-size:clamp(26px,4vw,44px)}.store-today{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 28px}.store-days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.store-day{background:white;border:1px solid #e4e8ef;border-radius:16px;padding:20px;min-width:0}.store-day h3{font-size:18px}.store-day p{line-height:1.5}.store-day .chip{white-space:normal}.store-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.store-controls label{max-width:200px;margin:0}.store-controls input{min-height:44px}
@media(max-width:1000px){.store-days{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.store-days,.store-today{grid-template-columns:1fr}.store-overview{padding:20px 0}.store-controls>*{flex:1 1 140px}}

/* Neue unveränderte Banner enthalten keine Navigation oder Kennzahlen. */
.has-approved-banner header{height:82px;align-items:center;padding-top:0}
.approved-full-banner{margin-top:0;pointer-events:auto}
.approved-full-banner>img{clip-path:none;position:static;width:100%;height:auto}
.remember-choice{display:flex;align-items:center;gap:12px;min-height:44px}.remember-choice input{width:22px;height:22px;margin:0;flex:0 0 22px}

.personal-welcome{position:absolute;left:34%;top:41%;max-width:33%;color:white;line-height:1.3;text-shadow:0 2px 8px #000}
.personal-welcome h1{font-size:clamp(25px,3.5vw,60px);margin:8px 0;letter-spacing:-.04em}.personal-welcome h1 span{color:#ed0032}.personal-welcome p{margin:0;font-size:clamp(12px,1.25vw,20px)}
@media(max-width:719px){.personal-welcome{position:static;max-width:none;padding:0 18px 20px;color:#111b2c;text-shadow:none}.personal-welcome h1{font-size:30px}.personal-welcome p{font-size:14px}}

@media(max-width:999px){header #profile{margin-left:auto}}

/* Nur weiße Bildränder ausblenden, Original und Gesichter unverändert. */
.banner-art{overflow:hidden;line-height:0;background:white}
.banner-art img{display:block;width:100%;height:auto;max-width:100%;margin-top:-6.45%;margin-bottom:-5.1%;clip-path:none}
.personal-banner .banner-art img{margin-bottom:-6.45%}
.personal-welcome{top:31%}
header #profile{margin-left:auto;flex-shrink:0}
header .header-note{display:none}
@media(max-width:719px){.personal-welcome{position:static;padding-top:16px}.banner-art img{margin-top:-6.45%}}

/* Rollenbadge und Profil bilden rechts eine gemeinsame Gruppe. */
header #roleBadge:not(:empty)+#profile{margin-left:12px}
@media(min-width:720px) and (max-width:1199px){
 header #roleBadge:not(:empty){display:block;margin-left:auto}
 #nav{position:relative;top:auto;left:auto;right:auto;transform:none;width:100%;display:flex;justify-content:center;flex-wrap:wrap;padding:6px 14px;margin:0;background:white;border-top:1px solid #eef0f4}
 header #roleBadge:empty+#profile{margin-left:auto}
}

/* Local presentation appearance; images and banner artwork are untouched. */
.appearance-choice{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;letter-spacing:0;white-space:nowrap}
.appearance-choice select{min-height:36px;padding:4px 8px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink)}
.demo{flex-wrap:wrap}
html[data-appearance="dark"]{color-scheme:dark;--ink:#edf2f8;--muted:#b6c2d3;--line:#44516a;--paper:#111823;--free:#163b31;--partial:#1d3555;--full:#502735}
html[data-appearance="dark"] body{background:#111823;color:#edf2f8}
html[data-appearance="dark"] :is(header,#nav,.demo,dialog,.calendar-panel,.day-panel,.management-card,.store-day,.request,.team-day,.next-line,.inbox-link,.calendar-link,.request-cta,.own-status,.captain-activity,.entry-date-control){background:#1b2534!important;color:#edf2f8!important;border-color:#44516a!important}
html[data-appearance="dark"] :is(button,input,select,nav a,.team-person,.opening-info,.metric,.count,.profile){background-color:#263347;color:#edf2f8;border-color:#52617a}
html[data-appearance="dark"] :is(.muted,.small,.foot,.eyebrow,.calendar-symbols,.calendar-symbols b,.next-line small,.team-person small,.opening-rule,.rules){color:#bcc9dc}
html[data-appearance="dark"] :is(.primary,#nav [aria-current],.view-switch [aria-pressed=true]){background:#b71939;color:#fff;border-color:#f16985}
html[data-appearance="dark"] :is(.callout,.opening-warning,.assessment,.queue-rank){background:#3a3040;color:#f5e2cc;border-color:#846c68}
html[data-appearance="dark"] .day.free{background:#163b31;color:#d3f4e4}
html[data-appearance="dark"] .day.partial{background:#1d3555;color:#d5e7ff}
html[data-appearance="dark"] .day.full{background:#502735;color:#ffe0e8}
html[data-appearance="dark"] .day.closed{background:#2c3340;color:#c7ced9}
html[data-appearance="dark"] .day.selected{outline:2px solid #ff829b;outline-offset:-2px}
html[data-appearance="dark"] :is(.chip,.capacity,.role-badge){background:#344459;color:#f2f5fa}
html[data-appearance="dark"] #syncStatus{background:#203a33;color:#d1ede0}
html[data-appearance="dark"] #sheet>.row{background:#1b2534}
html[data-appearance="dark"] dialog::backdrop{background:#0009}
html[data-appearance="dark"] .approved-full-banner{background:#111823}
@media(max-width:719px){html[data-appearance="dark"] .personal-welcome{color:#edf2f8;background:#111823}}

html[data-appearance="dark"] :is(.dashboard-calendar,.choose,.dashboard-columns>section,.management-grid button,.quick-grid button,.date-tile){background:#1b2534!important;color:#edf2f8!important;border-color:#44516a!important}
html[data-appearance="dark"] :is(#nav a,#nav button,.legend,.own-legend,.management-grid span,.quick-grid span,.next-line strong,.calendar-head h2,.team-person strong){color:#dce6f5}
html[data-appearance="dark"] #nav [aria-current]{color:#fff}
html[data-appearance="dark"] .legend i{border:1px solid #8091a9}

html[data-appearance="dark"] :is(.dashboard-section,.banner-art){background:#1b2534;color:#edf2f8;border-color:#44516a}
html[data-appearance="dark"] :is(summary,.assessment strong,.assessment p,.planned-note,.section-head p,.request details){color:#cbd8ea}

html[data-appearance="dark"] .choose>span{background:#304159;color:#dce9fa;border:1px solid #526681}
html[data-appearance="dark"] .choose>span svg{color:#dce9fa}