:root{--ink:#24304b;--muted:#6d768a;--line:#dfe4ef;--bg:#f4f6fb;--green:#246b50;--accent:#284497;--mint:#e8edf9;--yellow:#956c12;--red:#ac4c46;--nav:#284497}*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b69451;outline-offset:3px}button{border:0}a{color:var(--accent)}.demo-strip{background:#ede9dd;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 25px;font-size:11px;color:#5b604e;min-height:36px}.demo-strip b{letter-spacing:1px}.demo-strip button{background:transparent;color:inherit;font-size:11px;white-space:nowrap}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 36px)}.sidebar{background:var(--nav);color:#fff;padding:30px 22px;display:flex;flex-direction:column;gap:30px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit}.brand b{font-size:18px;letter-spacing:-.6px}.nav-label{font-size:10px;letter-spacing:1.8px;color:#c2cdf0;margin:18px 12px 10px}.nav-button{width:100%;text-align:left;color:#e0e7ff;padding:11px 12px;background:transparent;border-radius:7px;display:flex;gap:12px;align-items:center;margin:4px 0;font-size:13px}.nav-button.active{background:#ffffff24;color:#fff}.nav-button:hover{background:#ffffff17}.nav-icon{font-size:18px;width:22px}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-bottom p{font-size:11px;color:#c9d4f4}.tag{display:inline-block;padding:4px 8px;border-radius:4px;background:#ffffff14;font-size:10px;letter-spacing:1px}.workspace{min-width:0}.topbar{padding:19px 40px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fff;gap:15px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb span{margin:0 10px;color:#a6aec0}.profile{display:flex;align-items:center;gap:9px}.avatar{border-radius:50%;display:grid;place-items:center;width:33px;height:33px;background:#e9eefb;font-size:11px;font-weight:700}.profile select{border:0;background:transparent;font-size:12px;color:var(--ink);max-width:180px}.main{padding:32px 40px 50px;max-width:1600px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);text-transform:uppercase}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.heading h1{font-size:30px;letter-spacing:-1.2px;line-height:1.2;margin:8px 0 10px;font-weight:650}.heading p{color:var(--muted);margin:0;font-size:13px}.btn{padding:10px 16px;background:var(--nav);color:white;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:600;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none}.btn.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn:hover{filter:brightness(.94)}.btn:disabled{opacity:.45;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:27px}.stat{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:9px}.stat .top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.stat strong{font-size:30px;font-weight:600;display:block;margin:8px 0 2px;line-height:1.2}.stat small{font-size:10px;color:var(--muted)}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#97a59f;flex-shrink:0}.dot.green{background:var(--green)}.dot.yellow{background:#d1a740}.dot.red{background:#c86a62}.content-grid{display:grid;grid-template-columns:minmax(290px,.92fr) minmax(370px,1.3fr);gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-title{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.panel-title h2{font-size:14px;margin:0}.count{font-size:10px;color:var(--muted)}.filters{padding:15px 18px 5px}.search{position:relative}.search input{width:100%;border:1px solid var(--line);background:#f7f8fc;border-radius:5px;padding:10px 12px;font-size:12px}.chips{display:flex;gap:6px;margin:12px 0 10px;flex-wrap:wrap}.chip{background:transparent;color:var(--muted);border:1px solid transparent;padding:5px 10px;border-radius:5px;font-size:10px}.chip.active{background:#eaf0ff;color:var(--accent);border-color:#d0dbf8}.application{width:100%;background:#fff;text-align:left;padding:16px 20px;border-top:1px solid #edf0f7;display:block;color:var(--ink);border-left:3px solid transparent}.application.selected{background:#edf2ff;border-left-color:#284497}.application:hover{background:#f4f6fc}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.app-name{font-size:13px;font-weight:650}.application p{margin:4px 0 10px;font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:3px 7px;border-radius:4px;background:#edf0f7;white-space:nowrap}.badge.green{color:var(--green);background:#e7f2e8}.badge.yellow{color:var(--yellow);background:#faf2dc}.badge.red{color:var(--red);background:#faece8}.app-footer{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.mini-votes{display:flex;gap:4px;align-items:center}.mini-votes .dot{width:6px;height:6px}.empty{padding:36px 20px;text-align:center;color:var(--muted);font-size:13px}.detail-header{padding:22px 24px 18px;border-bottom:1px solid var(--line)}.detail-header h2{font-size:22px;letter-spacing:-.6px;margin:7px 0 3px}.detail-header p{margin:0;color:var(--muted);font-size:12px}.detail-body{padding:21px 24px}.section-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:0 0 11px;font-size:12px;font-weight:650}.muted{color:var(--muted)}.small{font-size:11px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:9px}.photo{aspect-ratio:4/4.5;background:#eef1f8;border:1px dashed #cdd6eb;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#7d89a5;padding:6px}.photo svg{width:52%;height:75%;opacity:.55}.photo span{font-size:9px}.photo img{width:100%;height:110px;object-fit:contain}.photo:has(img){border-style:solid}.note{background:#f5f7fc;border-left:2px solid #b4c4ec;padding:10px 12px;font-size:11px;color:#65738e;margin:14px 0 20px}.vote-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vote{padding:11px 4px;border-radius:5px;background:white;border:1px solid var(--line);font-size:11px;color:var(--ink)}.vote .dot{margin-right:5px}.vote.selected.green{background:#e5f1e7;border-color:#367b51}.vote.selected.yellow{background:#fff4d8;border-color:#c39a2f}.vote.selected.red{background:#ffebe6;border-color:#c97972}.vote:disabled{opacity:.65;cursor:not-allowed}.vote-summary{display:flex;gap:13px;font-size:10px;color:var(--muted);margin:12px 0;flex-wrap:wrap}.votes-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.person-vote{font-size:10px;background:#f5f7fc;border-radius:4px;padding:4px 7px}.person-vote .dot{margin-right:4px}.divider{border:0;border-top:1px solid var(--line);margin:21px 0}.comment{margin:12px 0;border-bottom:1px solid #f0f2f8;padding-bottom:12px}.comment .meta{font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.comment b{color:var(--ink)}.comment p{font-size:12px;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}textarea{resize:vertical;min-height:78px}.comment-form textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:5px;font-size:12px}.comment-form .btn{margin-top:7px}.decision{background:#f3f5fc;border-radius:6px;padding:13px;margin-top:20px}.decision label{font-size:11px;font-weight:650}.decision select{margin:8px 0;width:100%;padding:8px;border:1px solid #dce2f0;border-radius:4px;background:#fff;font-size:12px}.decision p{margin:5px 0;font-size:10px;color:var(--muted)}.form-wrap{max-width:860px;margin:auto}.public-intro{border:1px solid #cad5ee;border-radius:12px;background:#eaf0ff;padding:27px 30px;margin-bottom:24px;position:relative}.public-intro h1{font-size:31px;margin:8px 0;letter-spacing:-1px}.public-intro p{font-size:13px;max-width:580px;margin:0;color:#5e6c89}.steps{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;margin-top:20px;color:#526893}.steps b{background:#fff9;border-radius:50%;padding:4px 7px;margin-right:5px}.form-content{padding:26px 30px}.form-content h2{font-size:17px;margin:0 0 5px}.form-content>p{font-size:12px;color:var(--muted);margin:0 0 22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{padding:11px 12px;background:#fff;border:1px solid #d8dfed;border-radius:5px;width:100%;color:var(--ink)}.field input:disabled{background:#f4f6fb}.field small{color:var(--muted);font-size:10px}.field input[type=file]{font-size:11px;background:#f8faff;max-width:100%}.checks{display:flex;gap:10px;font-size:12px;margin:20px 0;align-items:flex-start}.checks input{margin-top:5px;accent-color:var(--accent)}.form-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.form-bottom small{max-width:400px;font-size:10px;color:var(--muted)}.success{border:1px solid #c3d1f4;background:#edf2ff;border-radius:8px;padding:24px;margin-bottom:22px}.success h2{margin:0 0 8px;font-size:20px}.success p{font-size:13px}.success code{background:white;padding:3px 7px}.login{max-width:430px;margin:40px auto;padding:32px}.login h1{font-size:26px;letter-spacing:-.7px}.login .btn{width:100%;margin-top:22px}.login p{font-size:12px;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team-card{padding:24px}.team-card h3{font-size:16px;margin:14px 0 4px}.team-card p{font-size:12px;color:var(--muted)}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.concept-card{padding:23px}.concept-card h2{font-size:16px;margin:0 0 14px}.concept-card h3{font-size:12px;margin:16px 0 6px}.concept-card p,.concept-card li{font-size:12px;color:#63708a}.concept-card ul,.concept-card ol{padding-left:18px}.concept-card li{margin-bottom:8px}.concept-card.wide{grid-column:1/-1}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.flow div{padding:14px;background:#f0f3fb;border-radius:7px;font-size:12px}.flow b{display:block;margin-bottom:6px}.flow span{font-size:11px;color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600;background:#f4f6fc}.message{border-top:1px solid var(--line);padding:17px 22px}.message h3{font-size:13px;margin:0 0 4px}.message p{font-size:12px;margin:5px 0;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(120px);transition:.2s;z-index:10;background:var(--nav);color:white;box-shadow:0 8px 25px #28449725;padding:13px 22px;border-radius:8px;font-size:13px;max-width:90vw;pointer-events:none}#toast.show{transform:translateX(-50%) translateY(0)}details{font-size:11px;margin-top:14px}summary{cursor:pointer;color:var(--accent)}.member-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;font-size:11px;overflow-wrap:anywhere}.mobile-title{display:none}footer{padding-top:24px;color:#818ba1;font-size:10px}.link-button{background:transparent;color:var(--accent);font-size:11px;padding:0;text-decoration:underline}
@media(min-width:1500px){.main{padding:38px 50px}.content-grid{grid-template-columns:1fr 1.15fr}.photo img{height:160px}}
@media(max-width:1100px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:25px 14px}.main{padding:25px 22px}.topbar{padding:16px 22px}.content-grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:15px 12px}.gallery .photo{aspect-ratio:1.4}.gallery .photo img{height:150px}}
@media(max-width:720px){.shell{display:block}.sidebar{padding:17px 16px;gap:15px}.sidebar .brand{justify-content:center}.sidebar nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.nav-label,.sidebar-bottom{display:none}.nav-button{width:auto;white-space:nowrap;margin:0;padding:8px 11px}.nav-icon{display:none}.topbar{padding:12px 16px}.breadcrumb{font-size:10px}.profile select{max-width:140px;font-size:11px}.main{padding:24px 16px}.heading{align-items:flex-start}.heading h1{font-size:26px}.heading .btn{padding:9px 10px;white-space:nowrap}.stats{grid-template-columns:1fr 1fr;margin-bottom:18px}.stat strong{font-size:27px}.detail-body,.detail-header{padding:19px}.content-grid{gap:17px}.fields,.concept-grid,.team-grid{grid-template-columns:1fr}.concept-card.wide{grid-column:auto}.flow{grid-template-columns:1fr 1fr}.form-content{padding:23px 20px}.public-intro{padding:24px 21px}.public-intro h1{font-size:27px}.form-bottom{flex-direction:column;align-items:stretch}.form-bottom .btn{width:100%}.demo-strip{padding:8px 12px;font-size:9px;align-items:flex-start}.demo-strip button{font-size:9px}.member-info{grid-template-columns:1fr}.gallery .photo{aspect-ratio:.8}.photo svg{width:68%}.photo img{height:115px!important}.vote{font-size:10px}.vote-summary{gap:7px}.login{margin:10px auto}.steps{gap:9px}.team-grid .team-card{padding:20px}}

/* Entwurf 02: vollständige Abstimmung und gesonderte Beratung. */
.progress-track{height:6px;background:#e8edf8;border-radius:5px;overflow:hidden;margin-top:12px}.progress-track span{display:block;height:100%;background:#284497;border-radius:5px}.referral-box{margin-top:23px;padding:16px;border:1px solid #d5def2;background:#f1f4fc;border-radius:8px}.referral-box .btn{margin-top:11px}.referral-box textarea{min-height:64px;background:#fff}.history{border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.mini-votes{flex-wrap:wrap;justify-content:flex-end;max-width:155px}.team-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.application .row{flex-wrap:wrap}

.member-note{white-space:pre-wrap;overflow-wrap:anywhere;min-width:150px;max-width:340px}.member-info .member-note{grid-column:1/-1;max-width:none;min-width:0}

/* Anträge und eigenständige Antragsdetails. */
.applications-table{font-size:12px}.applications-table th{padding:15px 18px;font-size:11px}.applications-table td{padding:19px 18px;vertical-align:middle}.applications-table td:first-child{min-width:170px}.applications-table td:nth-child(3){min-width:190px}.applications-table .pose-preview-heading,.applications-table .pose-preview-cell{width:84px;text-align:center}.applications-table tbody tr:hover{background:#f8faff}.application-name{font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.applications-table .small{margin-top:4px}.application-detail{max-width:1080px;margin:0 auto}.application-title{margin:0 0 25px}.application-title h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:9px 0}.application-title p{color:var(--muted);margin:0;font-size:14px}.application-status{padding:23px 27px;margin-bottom:22px}.application-status h2,.application-info h2{font-size:15px;margin:0}.application-status .badge{font-size:12px;padding:6px 10px}.status-metrics{display:flex;flex-wrap:wrap;gap:13px 25px;margin:21px 0 16px;font-size:12px}.status-metrics span{display:flex;align-items:center;gap:7px}.status-metrics .dot{width:9px;height:9px}.application-status .votes-list{margin:14px 0 0}.application-status .note{margin-bottom:0}.application-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.application-info{padding:25px 27px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:22px 0 0}.info-item.full{grid-column:1/-1}.info-item dt{font-size:10px;color:var(--muted);margin-bottom:5px}.info-item dd{font-size:13px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.application-comments{margin-bottom:22px}.application-comments details{margin:0}.application-photos h2{margin-bottom:20px}.application-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.application-gallery figure{margin:0;background:#f7f9fe;border:1px solid var(--line);border-radius:8px;overflow:hidden}.application-gallery img{display:block;width:100%;height:270px;object-fit:contain;background:#eef2fa}.application-gallery figcaption{padding:9px 12px;font-size:11px;overflow-wrap:anywhere}.application-placeholders .photo{aspect-ratio:1.05}.application-placeholders .photo svg{height:160px;max-width:100px}.saved-photo-names{font-size:12px;overflow-wrap:anywhere}.application-actions{display:flex;justify-content:center;gap:14px;margin:28px 0 10px}.application-actions .btn{min-width:165px;padding:12px 22px}.missing-application{padding:30px}.breadcrumb a{color:var(--accent);text-decoration:none}
@media(max-width:850px){.application-info-grid{grid-template-columns:1fr}.application-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.application-title h1{font-size:27px}.application-status,.application-info{padding:21px 18px}.info-grid{gap:19px 14px}.application-status .row{flex-wrap:wrap}.application-gallery{grid-template-columns:1fr}.application-gallery img{height:300px}.application-placeholders{grid-template-columns:1fr}.application-placeholders .photo{aspect-ratio:1.6}.application-actions{gap:10px}.application-actions .btn{min-width:0;flex:1;padding:12px 10px}.status-metrics{gap:12px 17px}}

/* Persönliche Aktivitäten: genau zwei Symbole pro Antrag. */
.activity-heading,.activity-cell{text-align:center;white-space:nowrap}.activity-icons{display:inline-flex;align-items:center;gap:9px}.activity-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e1e5ed;border-radius:7px;background:#f5f6f9;color:#8892a2;padding:7px}.activity-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.activity-icon.is-active{color:#b73737;background:#fff0f0;border-color:#edc9c9}.activity-icon:hover{border-color:currentColor}.activity-legend{font-size:11px;color:var(--muted);margin:15px 2px 0}.activity-legend b{font-weight:600;color:var(--ink)}

/* Kostümcheck: Kacheln als Filter und eigenständige Bewertung. */
.costume-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:9px}.stat-filter{text-align:left;color:var(--ink);position:relative;transition:border-color .15s,background .15s}.stat-filter .top{gap:8px}.stat-filter .dot{flex-shrink:0}.stat-filter:hover{border-color:#9aaddd;background:#f9faff}.stat-filter.active{border-color:var(--accent);background:#eef3ff;box-shadow:inset 0 -3px 0 var(--accent)}.tile-filter-hint{margin:0 0 25px;color:var(--muted);font-size:11px}.costume-overview{width:100%}.costume-overview .filters{padding:17px 21px}.costume-overview .search{display:block;max-width:500px}.costume-overview .costume-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(170px,1.3fr) 110px 170px 20px;gap:18px;align-items:center;padding:20px 22px;text-decoration:none;border-left:0}.costume-person,.costume-description,.costume-progress{display:flex;flex-direction:column;gap:5px;min-width:0}.costume-row .app-name{text-decoration:underline;text-underline-offset:3px}.costume-description b{font-size:12px;font-weight:550;overflow-wrap:anywhere}.costume-person small,.costume-description small,.costume-date{font-size:11px;color:var(--muted)}.costume-progress{align-items:flex-start}.costume-progress .mini-votes{justify-content:flex-start;font-size:10px;color:var(--muted);max-width:none;gap:4px}.costume-progress .mini-votes>span{white-space:nowrap}.costume-arrow{color:var(--accent);font-size:19px}.assessment-page{max-width:950px;margin:0 auto}.assessment-page .detail-header{padding:26px 30px}.assessment-page .detail-body{padding:26px 30px}.assessment-page .gallery .photo{aspect-ratio:1.35}.assessment-page .gallery .photo img{height:180px}.assessment-page .gallery .photo svg{height:130px}
@media(max-width:1150px){.costume-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.costume-overview .costume-row{grid-template-columns:minmax(130px,1fr) minmax(140px,1fr) 165px;gap:12px}.costume-date{grid-column:1;grid-row:2}.costume-progress{grid-column:3;grid-row:1/3}.costume-arrow{display:none}.costume-description{grid-column:2;grid-row:1/3}}
@media(max-width:720px){.costume-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.costume-overview .costume-row{padding:17px 18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.costume-person{grid-column:1;grid-row:1}.costume-description{grid-column:1;grid-row:2}.costume-date{grid-column:1;grid-row:3}.costume-progress{grid-column:2;grid-row:1/4;align-items:flex-end}.costume-progress .mini-votes{justify-content:flex-end;max-width:145px}.assessment-page .detail-header,.assessment-page .detail-body{padding:20px}.assessment-page .heading{flex-wrap:wrap}.assessment-page .gallery .photo{aspect-ratio:.85}.assessment-page .gallery .photo svg{height:100px}}

/* Navigation der Antragsdetails im Kopfbereich, passend zur Kostümbewertung. */
.application-title.heading{flex-wrap:wrap;gap:20px}.application-title .application-actions{margin:0;justify-content:flex-end;gap:10px}.application-title .application-actions .btn{min-width:0;padding:10px 16px}
@media(max-width:600px){.application-title .application-actions{width:100%;justify-content:flex-start}.application-title .application-actions .btn{flex:1;min-width:0;text-align:center;white-space:normal}}

/* KoRiP: Wortmarke und strukturierte Kostümbilder. */
.brand .brand-text{display:flex;flex-direction:column;gap:3px;min-width:0}.brand .brand-text b{font-size:26px;letter-spacing:-.8px}.brand .brand-text small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#dce5ff;white-space:nowrap}.costume-picture-layout{display:flex;flex-direction:column;gap:24px}.picture-group{min-width:0}.picture-group h3{font-size:12px;font-weight:650;margin:0 0 10px}.picture-group h3 span{font-weight:400;font-size:10px;color:var(--muted);margin-left:8px}.costume-image-row{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}.costume-image-card{margin:0;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#f8faff}.costume-image-content{height:205px;background:#edf2fa;display:flex;align-items:center;justify-content:center}.costume-image-content>img{display:block;width:100%;height:100%;object-fit:contain}.costume-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:10px;color:#8996b1}.costume-image-placeholder svg{height:95px;width:76px;fill:currentColor;opacity:.5}.costume-image-placeholder span{font-size:10px;text-align:center}.costume-image-card figcaption{padding:10px 12px;text-align:center;font-size:12px}.costume-image-card figcaption b{font-weight:600}.costume-image-card figcaption small{display:block;overflow-wrap:anywhere;color:var(--muted);font-size:10px;margin-top:4px}.costume-pose-row{display:flex;justify-content:center}.costume-pose-row .pose-card{width:100%;max-width:340px}.pose-card .costume-image-content{height:340px}.pose-card .costume-image-placeholder svg{height:135px;width:108px}.application-person-name{display:flex;align-items:center;gap:12px}.pose-thumbnail{display:inline-flex;flex-shrink:0;width:42px;height:52px;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#edf2fa}.pose-thumbnail>img{width:100%;height:100%;object-fit:contain}.pose-thumbnail>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#a0acc2}.pose-thumbnail svg{height:38px;width:30px;fill:currentColor}.photo-upload-group{padding:18px;border:1px solid var(--line);border-radius:8px;margin:0;min-width:0}.photo-upload-group legend{font-weight:600;padding:0 6px}.photo-upload-group legend span{font-weight:400;color:var(--muted);font-size:10px}.photo-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo-upload-references,.photo-upload-pose{margin-top:18px}.legacy-photos{margin-top:16px}
@media(max-width:720px){.costume-image-content{height:175px}.costume-image-row{gap:10px}.photo-upload-grid{grid-template-columns:1fr}.application-person-name{gap:8px}.pose-thumbnail{width:34px;height:44px}.brand .brand-text{text-align:center}.pose-card .costume-image-content{height:290px}}

/* Einheitliche Übersichten, klare Kommentarflächen und Beratung auf Abruf. */
.activity-legend{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap}.activity-legend>span{display:inline-flex;align-items:center;gap:8px}.activity-legend .activity-icon{width:28px;height:28px;padding:4px}.legend-state{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8892a2}.legend-state.active{background:#b73737}.assessment-title{align-items:flex-start;gap:18px}.assessment-title h2{margin:0 0 8px;overflow-wrap:anywhere}.assessment-title>.badge{margin-top:5px}.costume-notes{margin-top:24px}.costume-notes h3{font-size:13px;margin:0 0 10px}.costume-notes>div{min-height:120px;padding:18px 20px;background:#f2f5fd;border:1px solid #dce4f5;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.assessment-spacing{height:28px}.comments-section{padding:22px;border:1px solid #d3def5;background:#f3f6ff;border-radius:10px}.comments-section>.section-title{font-size:15px;color:var(--ink);margin-bottom:18px}.comment[data-comment-id]{padding:16px 18px;margin:12px 0;background:#fff;border:1px solid #d6e1f5;border-left:3px solid #7995d7;border-radius:8px}.comment[data-comment-id]:nth-of-type(even){background:#eaf0fd}.comment[data-comment-id] .meta{gap:12px;flex-wrap:wrap;font-size:11px}.comment[data-comment-id] .meta b{color:#284497}.comment[data-comment-id] p{margin-top:10px;font-size:13px;line-height:1.7}.comments-section .comment-form{padding:18px;margin-top:22px;background:#e0e9fc;border:1px solid #c7d6f3;border-radius:8px}.comments-section .comment-form>label{display:block;margin-bottom:8px;font-weight:650;color:#284497}.comments-section textarea{min-height:115px;background:#fff}.referral-toggle{margin-top:26px}.referral-box .field{margin-top:14px}.referral-box textarea{min-height:110px}.referral-reason{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.assessment-title{flex-wrap:wrap}.comments-section{padding:15px}.comments-section>.section-title,.comment-form .row{flex-wrap:wrap}.comments-section .comment-form{padding:13px}.comment[data-comment-id]{padding:14px}}

/* Abschnittstrennung bis zum Panelrand und Antworten direkt im Kommentarverlauf. */
.assessment-page .detail-body{--detail-inset:30px}.assessment-page .full-width-divider{margin:26px calc(-1 * var(--detail-inset));border-top-color:var(--line)}.reply-context{font-size:11px;color:#526ca5;margin-top:9px}.reply-composer{margin-top:13px}.reply-composer summary{font-size:12px;font-weight:600}.reply-form{margin-top:12px;padding:14px;background:#edf2ff;border:1px solid #cbd8f2;border-radius:7px}.reply-form label{display:block;font-size:12px;color:var(--accent);margin-bottom:7px}.reply-form textarea{width:100%;min-height:95px;padding:12px;border:1px solid #c9d5ed;border-radius:5px;background:white;font-size:13px}.reply-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px;flex-wrap:wrap}.comment-thread>.comment-thread{margin-left:24px;padding-left:14px;border-left:2px solid #c2d2f2}.comment-thread .comment-thread>.comment-thread{margin-left:0;padding-left:0;border-left:0}.comment-form>.row{justify-content:flex-end}
@media(max-width:720px){.assessment-page .detail-body{--detail-inset:20px}.comment-thread>.comment-thread{margin-left:8px;padding-left:9px}}

/* Vergrößerte Kostümbilder mit Navigation durch alle vorhandenen Ansichten. */
.photo-enlarge{position:relative;display:block;width:100%;height:100%;padding:0;background:transparent;cursor:zoom-in}.photo-enlarge img{display:block;width:100%;height:100%;object-fit:contain}.photo-enlarge>span{position:absolute;bottom:8px;right:8px;padding:4px 8px;border-radius:4px;background:#284497;color:#fff;font-size:10px}.photo-viewer{width:min(1100px,94vw);max-width:94vw;max-height:94dvh;padding:0;border:1px solid #dce4f5;border-radius:12px;background:#f8faff;color:var(--ink);box-shadow:0 20px 80px #07152f66}.photo-viewer::backdrop{background:#081326d9}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:#fff;border-bottom:1px solid var(--line)}.viewer-header h2{font-size:17px;margin:0;overflow-wrap:anywhere}.viewer-close,.viewer-prev,.viewer-next{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:8px;background:#284497;color:white;font-size:25px}.viewer-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;padding:16px}.viewer-image{display:block;width:100%;height:min(65dvh,750px);object-fit:contain}.viewer-prev:disabled,.viewer-next:disabled{opacity:.3;cursor:default}.viewer-caption{text-align:center;font-size:14px;font-weight:600;padding:0 15px}.viewer-help{text-align:center;color:var(--muted);font-size:11px;margin:8px 0 16px}@media(max-width:600px){.viewer-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px;padding:9px}.viewer-prev,.viewer-next{width:36px;height:42px}.viewer-header{padding:10px 12px}.viewer-header h2{font-size:14px}.viewer-image{height:60dvh}}

.applications-table .board-decision-label{font-size:11px;font-weight:600;color:var(--muted)}

/* Wortmarke über die verfügbare Breite und gemeinsamer Copyright-Fuß. */
.sidebar .brand{margin-inline:-10px;container-type:inline-size}.sidebar .brand-text{width:100%;gap:5px}.sidebar .brand-text small{font-size:14px;font-size:7cqw;letter-spacing:-.25px;line-height:1.4;color:#e0e7ff}.workspace{display:flex;flex-direction:column}.main{width:100%;flex:1;margin:0 auto;display:flex;flex-direction:column}.portal-footer{text-align:center;font-size:11px;color:var(--muted);margin-top:auto;padding-top:32px;width:100%}
@media(max-width:720px){.sidebar .brand{margin-inline:0}.sidebar .brand-text small{font-size:16px;white-space:normal}.portal-footer{font-size:10px}}

/* Ein Kostümportal: zusammengeführte Einreichungsdetails in separaten Karten. */
.submission-detail{width:100%;max-width:1080px;margin:0 auto}.submission-detail>section.panel{margin:0 0 22px;border:1px solid var(--line);border-radius:10px;background:#fff}.submission-detail .submission-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px}.submission-info-grid .info-item{min-width:0}.submission-info-grid dd{line-height:1.75}.submission-voting>.section-title{font-size:15px;margin-bottom:18px}.submission-detail>.comments-section{background:#f3f6ff}.submission-history .referral-toggle{margin-top:0}.submission-history .history{margin-bottom:0}.submission-detail .application-photos{padding-bottom:27px}.sidebar .nav-button{min-width:0}.sidebar .nav-button .nav-icon{flex-shrink:0}
@media(min-width:721px) and (max-width:1100px){.sidebar .nav-button{font-size:12px;gap:7px;padding-inline:8px}.sidebar .nav-icon{width:18px}}
@media(max-width:780px){.submission-detail .submission-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.submission-detail .submission-info-grid{grid-template-columns:1fr}.submission-detail .section-title{flex-wrap:wrap}}

/* Portalname und Navigationspfad als vertikal zentrierter Kopfbereich. */
.topbar{min-height:88px;align-items:center}.topbar-heading{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}.portal-title{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.3px;color:var(--ink)}.topbar-heading .breadcrumb{line-height:1.5;overflow-wrap:anywhere}.sidebar .brand{margin-inline:0;container-type:normal}
@media(max-width:720px){.topbar{min-height:84px;gap:10px;flex-wrap:wrap}.topbar-heading{flex:1 1 220px}.portal-title{font-size:18px}.topbar .profile{margin-left:auto}}

.login h1{margin-top:0}.login-preview{display:flex;flex-direction:column;gap:15px;margin-top:22px}.login-preview .btn{margin-top:2px}.login-preview p{margin:0}.demo-login{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.demo-login h2{font-size:16px;margin:0 0 7px}.demo-login p{margin-bottom:17px}

.account-login{display:flex;flex-direction:column;gap:18px;margin-top:24px}.account-login .btn{margin-top:3px}.login .login-error{margin:0;padding:10px 12px;border:1px solid #edc9c9;background:#fff0f0;color:#a62f2f;border-radius:6px}.login-error[hidden]{display:none}.profile-identity{display:flex;flex-direction:column;gap:2px;font-size:12px}.profile-identity b{font-weight:600}.profile-identity span{font-size:10px;color:var(--muted);max-width:190px}

.login-page{min-height:calc(100dvh - 36px);display:flex;flex-direction:column;align-items:center;padding:40px 20px 24px}.login-page>.login{width:100%;max-width:430px;margin:clamp(20px,8vh,90px) auto 32px}.login-page>.portal-footer{margin-top:auto;padding-top:24px}@media(max-width:540px){.login-page{padding:24px 16px}.login-page>.login{margin-top:25px;padding:26px 22px}}

.submission-history>.referral-box:first-child{margin-top:0}.history>h3{font-size:12px;font-weight:600;color:var(--accent);margin:0 0 12px}

.referral-toggle>.field{margin-bottom:14px}.referral-toggle textarea{min-height:110px}

.referral-toggle [hidden]{display:none!important}.referral-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

.btn.danger{background:#b73737;color:#fff}.btn.danger:hover{background:#962b2b}.activity-icon.delete-icon{color:#b73737;background:#fff4f4;border-color:#edc9c9}

.profile-menu-wrap{position:relative}.profile-trigger{background:transparent;color:var(--ink);text-align:left;border-radius:8px;padding:5px 8px}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{background:#edf2fc}.profile-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:195px;padding:6px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 8px 25px #24304b20}.profile-menu[hidden]{display:none}.profile-menu button{display:block;width:100%;padding:11px 13px;text-align:left;background:transparent;color:var(--ink);border-radius:5px;font-size:13px}.profile-menu button:hover,.profile-menu button:focus-visible{background:#edf2fc}.password-dialog{width:min(460px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:28px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff}.password-dialog::backdrop{background:#14224099}.password-dialog h2{font-size:21px;margin:0 0 10px}.password-dialog form{display:flex;flex-direction:column;gap:17px;margin-top:21px}.password-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.password-error{font-size:12px;color:#ac3030;margin:0}.password-error[hidden]{display:none}

/* Benutzer: centered cards and own profile actions. */
.team-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0}
.team-card .avatar{margin:0 auto}.user-name{display:block;font-size:16px;font-weight:650}.team-card .badge{white-space:normal;justify-content:center}
.own-profile-card{position:relative;overflow:visible;padding:0!important}
.user-card-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;padding:24px;background:transparent;color:var(--ink);border-radius:10px}
.user-card-trigger:hover,.user-card-trigger[aria-expanded=true]{background:#edf2fc}
.own-profile-card .profile-menu{top:calc(100% + 6px);left:0;right:auto;min-width:min(240px,100%);max-width:100%}
@media(max-width:720px){.user-card-trigger{padding:20px}}

.email-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.email-template{padding:24px}.email-template h2{font-size:17px;margin:0 0 6px}.email-template form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.email-template textarea{min-height:220px}.email-template .btn{align-self:flex-start}.template-feedback{margin:0;min-height:18px}@media(max-width:900px){.email-template-grid{grid-template-columns:1fr}}

.public-login-link{text-align:center;margin:30px 0 0}.public-costume-page{max-width:960px}.admin-user-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.own-profile-card .admin-user-actions{padding:0 20px 20px}.admin-user-actions .btn{font-size:11px}

.admin-profile-card{position:relative;overflow:visible;padding:0!important}.admin-profile-card .profile-menu{top:calc(100% + 6px);left:0;right:auto;min-width:min(240px,100%);max-width:100%}

.shell{min-height:100vh}.new-user-panel{padding:24px;margin-bottom:24px}.server-error{padding:20px;color:#ac3030}.honeypot{position:absolute;left:-9999px}

.submission-progress{padding:18px;border:1px solid #d4deef;border-radius:12px;background:#f5f8fe;margin:20px 0}.submission-progress[hidden]{display:none}.upload-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.submission-progress progress,.upload-complete{display:block;width:100%;height:14px;accent-color:#284497;border:0;border-radius:8px;overflow:hidden}.submission-progress progress::-webkit-progress-bar,.upload-complete::-webkit-progress-bar{background:#dce5f4;border-radius:8px}.submission-progress progress::-webkit-progress-value,.upload-complete::-webkit-progress-value{background:#284497;border-radius:8px}.submission-progress progress::-moz-progress-bar,.upload-complete::-moz-progress-bar{background:#284497}.upload-complete{margin:16px 0}.upload-progress-heading span{white-space:nowrap;font-variant-numeric:tabular-nums}.submission-progress p{margin-bottom:0}
