:root{--ink:#2d2926;--brown:#4b3b32;--orange:#d56b2d;--blue:#76a9bd;--blue-dark:#356b80;--sand:#ece6df;--paper:#fff;--line:#d7d0c8;--muted:#6b655f;--green:#39734f;--red:#9a3f34;--yellow:#f1c765;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:#f4f1ed}*{box-sizing:border-box}body{margin:0;background:#f4f1ed;color:var(--ink)}a{color:var(--blue-dark)}.site-header{min-height:88px;background:var(--paper);display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-block{display:flex;align-items:center;gap:20px;padding:18px 30px}.brand{text-decoration:none;font-size:1.65rem;font-weight:900;letter-spacing:.04em;color:var(--brown);white-space:nowrap}.brand-accent{color:var(--orange)}.brand-sub{font-size:.68rem;font-weight:700;letter-spacing:.13em;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.main-nav{display:flex;align-items:stretch}.main-nav>a,.user-chip{display:flex;align-items:center;padding:0 18px;text-decoration:none;color:var(--ink);font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-left:1px solid var(--line)}.main-nav>a:hover{background:var(--sand)}.user-chip{background:var(--brown);color:#fff}.color-stripe{height:8px;display:grid;grid-template-columns:90px 1fr 32%}.color-stripe span:nth-child(1){background:var(--orange)}.color-stripe span:nth-child(2){background:var(--blue)}.color-stripe span:nth-child(3){background:var(--brown)}.section-kicker{background:var(--brown);color:#fff}.section-kicker>div{max-width:1180px;margin:auto;padding:10px 24px;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.wrap{max-width:1180px;margin:34px auto;padding:0 24px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:0 0 26px;border-bottom:4px solid var(--brown);padding-bottom:18px}.page-head h1{margin:0;font-size:2.15rem;line-height:1.05}.eyebrow{text-transform:uppercase;color:var(--orange);font-size:.72rem;font-weight:900;letter-spacing:.16em;margin-bottom:8px}.lead{font-size:1.05rem;line-height:1.6;max-width:760px}.muted{color:var(--muted)}h1,h2,h3{color:var(--brown)}h2{font-size:1.25rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--blue);padding:22px;margin-bottom:18px;box-shadow:4px 4px 0 rgba(75,59,50,.07)}.card.orange{border-top-color:var(--orange)}.card.brown{border-top-color:var(--brown)}.card h1,.card h2,.card h3{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:18px 0}.stat{background:#fff;padding:18px}.stat strong{font-size:1.8rem;display:block;color:var(--brown)}.stat span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid var(--brown);border-radius:0;padding:10px 15px;background:var(--brown);color:#fff;text-decoration:none;cursor:pointer;font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.btn:hover{filter:brightness(.96)}.btn.secondary{background:#fff;color:var(--brown)}.btn.blue{background:var(--blue-dark);border-color:var(--blue-dark)}.btn.orange{background:var(--orange);border-color:var(--orange)}.btn.success{background:var(--green);border-color:var(--green)}.btn.danger{background:var(--red);border-color:var(--red)}.btn.small{padding:6px 9px;font-size:.68rem}.action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.action-row form{margin:0}.badge{display:inline-block;padding:5px 8px;border-radius:0;font-size:.65rem;font-weight:900;letter-spacing:.08em;border:1px solid currentColor}.badge-active,.badge-done,.badge-accepted{color:var(--green);background:#edf6f0}.badge-draft,.badge-open{color:#725a13;background:#fff7dc}.badge-archived{color:#67615c;background:#efedea}.badge-returned{color:var(--red);background:#fbefed}label{display:block;font-weight:800;margin:.85rem 0 .38rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.055em}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #aaa198;border-radius:0;background:#fff;font:inherit;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:3px solid rgba(118,169,189,.28);border-color:var(--blue-dark)}textarea{min-height:120px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notice{padding:13px 15px;border-left:5px solid var(--blue-dark);background:#eaf3f6;margin:0 0 18px}.notice-success{border-color:var(--green);background:#edf6f0}.notice-error,.error{border-color:var(--red);background:#fbefed;color:#742f27}.project-line{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.project-line:first-of-type{border-top:0}.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:.77rem;color:var(--muted)}.phase{border-top:5px solid var(--brown);position:relative}.phase.complete{border-top-color:var(--green)}.phase.locked{border-top-color:#aaa198;background:#faf9f7}.phase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.phase-index{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);font-weight:900}.phase-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:22px}.phase-nav a,.phase-nav span{padding:13px 10px;background:#fff;text-decoration:none;color:var(--ink);font-size:.72rem;font-weight:800;text-align:center}.phase-nav .done{background:#edf6f0;color:var(--green)}.phase-nav .locked{background:#efedea;color:#807971}.phase-nav .current{box-shadow:inset 0 -4px 0 var(--orange)}.item{padding:18px 0;border-top:1px solid var(--line)}.item:first-child{border-top:0}.item-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.item-type{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-dark);font-weight:900;margin-bottom:6px}.help{background:#f4f7f8;border-left:3px solid var(--blue);padding:10px 12px;font-size:.88rem;color:#5f6466;margin:10px 0}.progress{height:13px;background:#e6e1db;border:1px solid #d2cac2;overflow:hidden}.progress>span{display:block;height:100%;background:var(--green)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;background:#f0ece7;color:var(--brown)}.table-wrap{overflow-x:auto}.check-option,.choice-option{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid #eee9e3}.check-option input,.choice-option input{width:auto;margin-top:3px}.structured-table input,.structured-table textarea{min-width:120px;padding:8px}.structured-table textarea{min-height:54px}.structured-table .narrow{min-width:75px}.structured-table .check-cell{text-align:center;vertical-align:middle}.structured-table .check-cell input{width:auto}.total-box{text-align:right;font-weight:900;padding:12px;background:#f0ece7}.file-list{list-style:none;padding:0;margin:10px 0}.file-list li{padding:8px 10px;background:#f0ece7;margin-bottom:4px}.review-box{border-left:5px solid var(--yellow);background:#fff8de;padding:14px;margin-top:12px}.review-box.returned{border-color:var(--red);background:#fbefed}.review-box.accepted{border-color:var(--green);background:#edf6f0}.editor-phase{border-left:8px solid var(--blue);padding-left:18px}.editor-items{margin:14px 0}.editor-item{display:grid;grid-template-columns:125px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:10px 0}.type-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:var(--blue-dark);font-weight:900}.template-card{display:flex;flex-direction:column;min-height:240px}.template-card .template-actions{margin-top:auto}.empty-state{padding:28px;border:2px dashed #b9b0a7;background:#faf9f7;text-align:center}.footer{max-width:1180px;margin:40px auto 0;padding:24px;border-top:4px solid var(--brown);display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:.72rem;letter-spacing:.06em}.footer strong{color:var(--brown)}.login-shell{max-width:900px;margin:60px auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);box-shadow:8px 8px 0 rgba(75,59,50,.08)}.login-brand{background:var(--brown);color:#fff;padding:42px}.login-brand h1{color:#fff;font-size:2.7rem;margin:0 0 15px}.login-brand .big-dot{color:var(--orange)}.login-form{padding:42px}.project-status-panel{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 18px;background:#f0ece7;border-left:7px solid var(--orange);margin-bottom:18px}.release-toggle{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800}.release-toggle input{width:auto}.inline-form{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.site-header{display:block}.brand-block{padding:16px 18px}.brand-sub{display:none}.main-nav{border-top:1px solid var(--line);overflow:auto}.main-nav>a,.user-chip{padding:14px 12px;white-space:nowrap}.wrap{padding:0 14px;margin-top:24px}.page-head,.phase-head,.project-status-panel{align-items:flex-start;flex-direction:column}.row,.row-3{grid-template-columns:1fr}.phase-nav{grid-template-columns:1fr}.editor-item{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;margin:30px 14px}.footer{margin:30px 14px 0;flex-direction:column}.project-line{grid-template-columns:1fr}.action-row{width:100%}.action-row .btn{flex:1}.structured-table{min-width:720px}}

/* 0.2.1: schuelerzentrierte Anmeldung und Verwaltung */
.login-intro{max-width:980px;margin:46px auto 18px;padding:0 4px}.login-intro h1{font-size:3.15rem;margin:0;color:var(--brown);letter-spacing:.02em}.login-intro p{font-size:1.08rem;color:var(--muted);margin:.5rem 0}.big-dot{color:var(--orange)}.login-choice-shell{max-width:980px;margin:0 auto 60px;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);border:1px solid var(--line);box-shadow:8px 8px 0 rgba(75,59,50,.08);background:#fff}.student-login-panel{padding:46px;background:#fff;border-top:9px solid var(--orange)}.teacher-login-panel{padding:32px;background:#eee9e3;border-top:9px solid var(--brown);border-left:1px solid var(--line)}.login-role{font-size:.69rem;font-weight:900;letter-spacing:.14em;color:var(--orange);margin-bottom:7px}.teacher-login-panel .login-role{color:var(--brown)}.student-login-panel h2{font-size:1.85rem;margin:.2rem 0 .45rem}.teacher-login-panel h2{font-size:1.15rem;margin:.2rem 0 1rem}.student-code-input{font-size:1.65rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;border:3px solid var(--brown);padding:16px 17px;max-width:430px}.student-login-btn{margin-top:15px;font-size:.92rem;padding:14px 20px}.teacher-login-btn{margin-top:15px;width:100%}.credential-ticket{border:3px solid var(--brown);background:#fff;padding:18px 22px;display:inline-flex;flex-direction:column;min-width:290px;margin:10px 0 20px}.credential-ticket span{font-weight:700}.credential-ticket strong{font-size:1.65rem;letter-spacing:.11em;color:var(--orange);margin-top:7px}.student-code-badge{font-size:.9rem;font-weight:900;letter-spacing:.07em;color:var(--brown);background:#f0ece7;padding:5px 7px}.student-edit-form{min-width:310px;padding:10px 0}.student-row-actions{margin:8px 0 12px}.qr-enroll-grid{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:center;margin:18px 0}.qr-box{width:320px;min-height:320px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--brown);padding:18px}.qr-box img,.qr-box canvas{max-width:280px!important;max-height:280px!important}.enroll-shell{max-width:940px;margin:36px auto}.enroll-project{padding:26px 28px;background:var(--brown);color:#fff;border-left:10px solid var(--orange);margin-bottom:18px}.enroll-project h1{color:#fff;margin:.2rem 0}.enroll-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card details summary.btn{display:inline-flex;list-style:none}.card details summary.btn::-webkit-details-marker{display:none}@media print{.site-header,.color-stripe,.section-kicker,.footer,.page-head .action-row,.qr-enroll-grid+ .action-row{display:none!important}.wrap{max-width:none;margin:0;padding:0}.card{box-shadow:none}.qr-enroll-grid{grid-template-columns:1fr;text-align:center}.qr-box{margin:auto}}
@media(max-width:820px){.login-intro{margin:28px 14px 12px}.login-intro h1{font-size:2.35rem}.login-choice-shell{grid-template-columns:1fr;margin:0 14px 34px}.teacher-login-panel{border-left:0;border-top:1px solid var(--line)}.student-login-panel,.teacher-login-panel{padding:28px 22px}.student-code-input{font-size:1.35rem}.qr-enroll-grid,.enroll-options{grid-template-columns:1fr}.qr-box{max-width:100%;width:100%}}

/* 0.4.0: Phasensteuerung, Cockpit, Unterrichtsbetrieb */
.phase-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line);margin:0 0 22px;background:var(--line)}
.timeline-step{display:flex;flex-direction:column;gap:5px;min-height:92px;padding:12px 13px;background:#fff;color:var(--ink);text-decoration:none;border-right:1px solid var(--line)}
.timeline-step:last-child{border-right:0}.timeline-step>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid var(--brown);font-weight:900;font-size:.75rem}.timeline-step strong{font-size:.77rem;line-height:1.15}.timeline-step small{font-size:.65rem;color:var(--muted);line-height:1.25}.timeline-step.done{background:#edf6f0}.timeline-step.done>span{background:var(--green);color:#fff;border-color:var(--green)}.timeline-step.current{background:#fff4e8;box-shadow:inset 0 -6px 0 var(--orange)}.timeline-step.current>span{background:var(--orange);color:#fff;border-color:var(--orange)}.timeline-step.locked{background:#efedea;color:#837b74}.timeline-step.locked>span{border-color:#aaa198}.teacher-timeline .timeline-step.released{background:#edf6f0}
.student-project-summary{display:grid;grid-template-columns:minmax(280px,2fr) repeat(3,minmax(110px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:20px}.student-project-summary>div{background:#fff;padding:16px 18px}.student-project-summary>div:not(:first-child){display:flex;flex-direction:column;justify-content:center}.student-project-summary strong{font-size:1.05rem}.student-project-summary span{font-size:.7rem;color:var(--muted);margin-top:4px}.student-project-summary .progress{margin-top:9px}
details.phase{padding:0;overflow:hidden}details.phase>.phase-summary{list-style:none;cursor:pointer;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}details.phase>.phase-summary::-webkit-details-marker{display:none}details.phase[open]>.phase-summary{border-bottom:1px solid var(--line);background:#faf9f7}details.phase.current>.phase-summary{background:#fff4e8}.phase-summary h2{margin:.1rem 0}.phase-toggle-mark{width:34px;height:34px;border:2px solid var(--brown);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.phase-toggle-mark:before{content:'+';font-size:1.6rem;line-height:1;font-weight:400}.phase[open] .phase-toggle-mark:before{content:'−'}.phase-content{padding:0 22px 22px}.compact-phase{padding:18px 22px}.phase-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0 0}.phase-tools form{margin:0}.phase.current{border-top-color:var(--orange)}
.scope-note{margin:10px 0;padding:9px 11px;background:#eaf3f6;border-left:4px solid var(--blue-dark);font-size:.83rem}.help-ladder{margin:12px 0;padding:12px;border:1px solid #dfd6cb;background:#fffaf1}.help-step{border-left:4px solid var(--yellow);padding:9px 11px;margin:7px 0;background:#fff8de}.help-usage{padding:10px 12px;background:#fff8de;border-left:4px solid var(--yellow);font-size:.83rem;margin:10px 0}.help-usage ul{margin:.5rem 0 0 1.1rem}.help-btn{background:#fff7dc!important;color:#604d17!important;border-color:#c8aa52!important}.item-actions,.item-utility{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.item-utility form{margin:0}
.comment-thread{margin:16px 0 8px;border-top:1px solid var(--line);padding-top:12px}.thread-comment{padding:10px 12px;margin:7px 0;border-left:4px solid var(--blue-dark);background:#f2f7f9}.thread-comment.teacher{border-left-color:var(--orange);background:#fff5ea}.thread-comment strong{display:block}.thread-comment>span{font-size:.67rem;color:var(--muted)}.thread-comment p{margin:.35rem 0 0}.comment-compose{margin-top:9px;padding:9px 0}.comment-compose summary{cursor:pointer;font-weight:800;font-size:.78rem}.comment-compose textarea{min-height:70px}
.compact-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.control-tile{border:1px solid var(--line);padding:14px;background:#fff}.override-form select{min-width:160px;font-size:.75rem;padding:7px}.phase-control-table th{min-width:185px}.phase-control-table th:first-child{min-width:200px}
.big-count{font-size:2.4rem;font-weight:900;color:var(--orange)}.help-request{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.help-request:first-of-type{border-top:0}.help-request.resolved{opacity:.68}.empty-inline{padding:14px;background:#f5f2ee;color:var(--muted)}.cockpit-table th{min-width:125px}.cockpit-table th:first-child{min-width:210px}.cockpit-table .needs-help td:first-child{box-shadow:inset 6px 0 0 var(--yellow)}.phase-cell{display:inline-block;padding:5px 7px;font-weight:900;font-size:.72rem}.phase-cell.done{background:#edf6f0;color:var(--green)}.phase-cell.current{background:#fff4e8;color:#9a5317}.phase-cell.locked{background:#efedea;color:#7d756d}
.journal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:10px}.journal-grid>div{background:#fff;padding:13px}.journal-grid strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--brown)}.journal-grid p{margin:.45rem 0 0}.journal-entry{border-top-color:var(--blue-dark)}
.member-checklist{max-height:430px;overflow:auto;border:1px solid var(--line);padding:0 10px}
@media(max-width:900px){.phase-timeline{grid-template-columns:1fr}.timeline-step{min-height:0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 1fr;align-items:center}.timeline-step small{grid-column:2}.student-project-summary{grid-template-columns:1fr 1fr}.journal-grid{grid-template-columns:1fr}.phase-control-table,.cockpit-table{min-width:0}}
@media(max-width:560px){.student-project-summary{grid-template-columns:1fr}.phase-content{padding:0 14px 16px}details.phase>.phase-summary{padding:15px 14px}.phase-toggle-mark{width:30px;height:30px}}

/* 0.4.0: stabile Lehrernavigation, responsive Datendarstellung, Bewertung und Abschluss */
.wrap{max-width:1360px}.main-nav>a.active{background:var(--sand);box-shadow:inset 0 -5px 0 var(--orange)}
.context-nav{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:stretch;border:1px solid var(--line);background:#fff;margin:0 0 24px;box-shadow:4px 4px 0 rgba(75,59,50,.06);position:relative;z-index:3}.context-label{display:flex;align-items:center;padding:12px 14px;background:var(--brown);color:#fff;font-size:.67rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.context-links{display:flex;min-width:0;flex-wrap:wrap}.context-links a{display:flex;align-items:center;padding:12px 14px;border-right:1px solid var(--line);border-bottom:3px solid transparent;text-decoration:none;color:var(--ink);font-size:.72rem;font-weight:900;letter-spacing:.035em;white-space:nowrap}.context-links a:hover{background:#f5f2ee}.context-links a.active{background:#fff3e7;color:#8e4a17;border-bottom-color:var(--orange)}
.page-head{min-height:92px}.page-head>.action-row{justify-content:flex-end}.project-status-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:#fff;padding:13px 16px;margin-bottom:18px}
.table-wrap{width:100%;max-width:100%;min-width:0;overflow:hidden}.table-wrap table{max-width:100%}.fit-table,.responsive-table{width:100%;table-layout:fixed}.fit-table th,.fit-table td,.responsive-table th,.responsive-table td{min-width:0!important;max-width:none;overflow-wrap:anywhere;word-break:normal}.responsive-table select{min-width:0!important;width:100%;max-width:100%}.cockpit-table th:first-child{width:17%}.cockpit-table th:last-child{width:15%}.phase-control-table th:first-child{width:18%}.assessment-table th:first-child{width:24%}.assessment-table th:last-child{width:14%}
.criterion-editor{border-top:1px solid var(--line);padding:0}.criterion-editor>summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;padding:14px 0}.criterion-editor>summary span{color:var(--muted);font-size:.78rem}.criterion-editor form{padding:0 0 16px}.add-box{margin-top:16px;border:2px dashed #bfb5aa;padding:13px}.add-box>summary{cursor:pointer}.assessment-stack{display:grid;gap:16px}.criterion-card{margin-bottom:0}.criterion-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.criterion-head>strong{white-space:nowrap;background:#f0ece7;padding:8px 10px}.assessment-compare{display:grid;grid-template-columns:1fr 1.2fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:14px}.assessment-compare>div{background:#fff;padding:16px}.assessment-compare>div:first-child{background:#f6f2ed}.assessment-compare>div>span{display:block;font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.assessment-compare>div>strong{display:block;font-size:1.8rem;color:var(--brown);margin:7px 0}.sticky-save{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-bottom:0;background:rgba(255,255,255,.96);padding:13px 16px;box-shadow:0 -5px 18px rgba(45,41,38,.08)}
.completion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.completion-card{margin-bottom:0}.mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mini-stats span{background:#f0ece7;padding:7px 9px;font-size:.72rem}.final-reflection{background:#f6f2ed;border-left:4px solid var(--blue-dark);padding:10px 12px;margin:12px 0}.final-reflection p{margin:.4rem 0 0}.badge-working{color:#725a13;background:#fff7dc}.badge-submitted{color:#285d70;background:#eaf3f6}.badge-completed{color:var(--green);background:#edf6f0}
.portfolio-document{background:#fff;border:1px solid var(--line);padding:42px 48px;max-width:980px;margin:0 auto;box-shadow:6px 6px 0 rgba(75,59,50,.06)}.portfolio-document>header{border-bottom:5px solid var(--brown);padding-bottom:20px;margin-bottom:26px}.portfolio-document>section{padding:10px 0 24px;border-bottom:1px solid var(--line)}.portfolio-document>section:last-child{border-bottom:0}.portfolio-item{padding:12px 0;border-top:1px solid #eee9e3}.portfolio-item:first-of-type{border-top:0}.portfolio-item>div{margin-top:7px}.portfolio-item table{font-size:.85rem}
button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}
@media(max-width:980px){.context-nav{grid-template-columns:1fr}.context-label{padding:8px 12px}.context-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.context-links a{white-space:normal;justify-content:center;text-align:center;border-bottom:1px solid var(--line);min-height:46px}.context-links a.active{box-shadow:inset 0 -4px 0 var(--orange);border-bottom-color:var(--line)}.assessment-compare{grid-template-columns:1fr}.portfolio-document{padding:28px 24px}.sticky-save{position:static;flex-direction:column;align-items:stretch}.sticky-save .btn{width:100%}}
@media(max-width:820px){.table-wrap{overflow:visible}.responsive-table{display:block}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:14px}.responsive-table tr{display:block;border:1px solid var(--line);background:#fff;box-shadow:3px 3px 0 rgba(75,59,50,.05);padding:8px 12px}.responsive-table td{display:grid;grid-template-columns:minmax(105px,35%) minmax(0,1fr);gap:10px;border-bottom:1px solid #eee9e3;padding:10px 0;align-items:start}.responsive-table td:last-child{border-bottom:0}.responsive-table td:before{content:attr(data-label);font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;font-weight:900;color:var(--muted)}.responsive-table td[colspan]{display:block}.responsive-table td[colspan]:before{display:none}.responsive-table .action-row{width:auto}.responsive-table .action-row .btn{flex:0 1 auto}.responsive-table .override-form select{width:100%}.cockpit-table .needs-help{box-shadow:inset 6px 0 0 var(--yellow),3px 3px 0 rgba(75,59,50,.05)}.context-links{grid-template-columns:repeat(2,minmax(0,1fr))}.project-status-panel{align-items:flex-start;flex-direction:column}.criterion-head{flex-direction:column;gap:8px}.completion-grid{grid-template-columns:1fr}}
@media(max-width:560px){.context-links{grid-template-columns:1fr 1fr}.portfolio-document{padding:20px 14px}.portfolio-actions .action-row{width:100%}}
@media print{.context-nav,.portfolio-actions .action-row,.site-header,.color-stripe,.section-kicker,.footer{display:none!important}.portfolio-document{border:0;box-shadow:none;max-width:none;padding:0}.wrap{max-width:none;margin:0;padding:0}.portfolio-document section{break-inside:avoid}.portfolio-item{break-inside:avoid}}
@media(max-width:900px){.phase-control-table,.cockpit-table{min-width:0!important}.structured-table{min-width:0!important;width:100%;table-layout:fixed}.structured-table th,.structured-table td{min-width:0!important}.structured-table input,.structured-table textarea{min-width:0!important;width:100%}}