/* Section identity supplements labels and the active-page marker, never replaces them. */
.nav-item{--nav-accent:#83d6bb;--nav-surface:#25483d;border-left:3px solid transparent}
.nav-item[data-route="my-work"]{--nav-accent:#99c9ff;--nav-surface:#253e52}
.nav-item[data-route="projects"]{--nav-accent:#f0ce8c;--nav-surface:#48412f}
.nav-item[data-route="decisions"]{--nav-accent:#d3b7f4;--nav-surface:#40364d}
.nav-item[data-route="accounts"]{--nav-accent:#bccedc;--nav-surface:#34424b}
.nav-item .nav-icon{color:var(--nav-accent);display:grid;place-items:center;background:rgba(255,255,255,.06);width:30px;height:32px;border-radius:8px}
.nav-item.active{border-left-color:var(--nav-accent);background:var(--nav-surface)}
.nav-item:hover{background:var(--nav-surface)}
.nav-item:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}
.sidebar .admin-nav{margin-top:1.4rem;padding-top:1rem;border-top:1px solid #ffffff24}
.nav-section-label{font-size:.7rem;letter-spacing:.1em;color:#afc5bc;margin:0 .9rem .35rem}
.main-column{--section-color:#006c4c;--section-soft:#edf6f2}
.main-column[data-section="my-work"]{--section-color:#235d95;--section-soft:#f0f5fb}
.main-column[data-section="projects"]{--section-color:#82601c;--section-soft:#faf6eb}
.main-column[data-section="decisions"]{--section-color:#705294;--section-soft:#f6f2fa}
.main-column[data-section="accounts"]{--section-color:#445d70;--section-soft:#f2f5f8}
.main-column>.topbar{border-top:4px solid var(--section-color);background:var(--section-soft)}
#pageEyebrow{color:var(--section-color)}
.badge.purple{background:#f0eafa;color:#67458b}
.sidebar-foot .user-chip{display:grid;gap:.2rem;min-width:0;overflow-wrap:anywhere;line-height:1.5}
.sidebar-foot .user-name{font-size:.85rem;font-weight:600;color:#e7f2ed}
.sidebar-foot .user-account{font-size:.75rem;color:#a9c1b8}
.sidebar-foot #logoutBtn{justify-self:start}
.sidebar-password{display:block;width:100%;margin:.7rem 0 .35rem;padding:.65rem .8rem;border:1px solid #517467;border-radius:9px;background:#23473b;color:#effaf5;text-align:left;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}
.sidebar-password:hover,.sidebar-password:focus-visible{background:#315d4e;border-color:#90c8b1}
.my-password-form{max-width:640px}.my-password-form .stack{display:grid;gap:1rem}.my-password-form .account-name-actions .btn{min-height:44px}
.account-password-form{max-width:720px}.account-password-form .stack{display:grid;gap:1rem}.account-password-form .btn{min-height:44px}
.account-password-explain{display:grid;gap:.35rem;padding:1rem;border:1px solid #cfdae2;border-left:4px solid #52758e;border-radius:10px;background:#f5f9fc;color:#526874;line-height:1.7;margin:1rem 0}
.account-password-explain strong{color:#2d485b}.account-password-success{border:2px solid #81bda8;border-radius:14px;background:#f2fbf7;padding:1.3rem;margin-top:1rem}
.account-password-success h2{margin:.8rem 0 1rem}.account-password-success p{margin:.55rem 0}.account-password-success code{font-size:1.05rem;color:#183f32;background:#fff;border:1px solid #c7ddd4;border-radius:7px;padding:.3rem .55rem;overflow-wrap:anywhere}
.account-password-success .account-password-value{font-size:1.25rem;font-weight:800;letter-spacing:.04em}
.account-row-actions{display:grid;gap:.5rem}
.account-delete-panel{max-width:760px;border-top:4px solid #b13a35}.account-delete-panel .stack{display:grid;gap:1rem}
.account-delete-warning{background:#fff3ef;border:1px solid #eac4bb;border-radius:10px;padding:1rem;color:#703b32;line-height:1.8}
.account-delete-warning ul{padding-left:1.3rem;margin:.5rem 0 0}.account-delete-identity{overflow-wrap:anywhere}
.account-delete-panel .btn{min-height:44px}.account-delete-panel .btn.danger{background:#a6322d;border-color:#a6322d;color:#fff}
.account-breadcrumb{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;color:#667780;font-size:.85rem;margin:0 0 1.2rem}
.account-breadcrumb button{border:0;background:transparent;padding:.2rem 0;color:#345d7c;font-weight:700}
.account-intro,.account-form-intro{color:#556775;margin-bottom:1.2rem}
.account-table-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}
.account-table{width:100%;border-collapse:collapse;table-layout:fixed}
.account-table th{text-align:left;background:#f3f6f8;color:#4f616e;font-size:.78rem;padding:1rem}
.account-table th:nth-child(1){width:21%}.account-table th:nth-child(2){width:25%}.account-table th:nth-child(3){width:29%}.account-table th:nth-child(4){width:9%}.account-table th:nth-child(5){width:16%}
.account-table td{border-top:1px solid #e7ecef;padding:1.1rem 1rem;vertical-align:top;overflow-wrap:anywhere;font-size:.88rem}
.account-table td>small{display:block;color:#61737c;line-height:1.7;margin-top:.3rem}
.account-name{display:block;border:0;background:transparent;padding:0;text-align:left;font-weight:800;color:#233e52;font-size:1rem;overflow-wrap:anywhere}
.account-name:hover{text-decoration:underline}.account-kind{font-size:.72rem}.account-badges{display:flex;flex-wrap:wrap;gap:.35rem}.account-extras{margin-top:.4rem}
.account-table .badge{white-space:normal}.account-table .btn{white-space:normal}
.account-warning{color:#855510!important;font-size:.8rem;line-height:1.7;background:#fff7e5;border-left:3px solid #bf872b;padding:.55rem .7rem}
.account-profile-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.account-profile-head h2{margin:0 0 .25rem}.account-profile-head p{margin:0;color:#657681}
.account-avatar{width:58px;height:58px;flex-shrink:0;border-radius:16px;background:#e3edf5;color:#345d7c;display:grid;place-items:center;font-size:1.55rem;font-weight:800}
.account-profile-identity{min-width:0;overflow-wrap:anywhere}.account-name-line{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.account-name-line .btn{flex-shrink:0}
.account-name-form{max-width:720px}.account-name-login{overflow-wrap:anywhere;color:#4f6473}.account-name-actions{display:flex;justify-content:flex-end;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}
.account-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.account-detail-grid>.panel{margin:0}
.account-detail-grid h3{margin:1.1rem 0 .6rem;font-size:.85rem;color:#5c6e7b}.account-hint{color:#60727b;font-size:.85rem;line-height:1.8;margin:.8rem 0}
.account-scope-title{display:block;font-size:1.2rem;color:#314f65}.account-scope-panel{border-top:3px solid #7292ac}
.account-operation-list{padding-left:1.2rem;line-height:1.9;font-size:.87rem}.account-operation-list li+li{margin-top:.5rem}
.account-project-line{display:flex;justify-content:space-between;align-items:start;gap:.6rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.account-project-line small{display:block;margin-top:.25rem;color:#627681}
.account-visible-projects{margin-top:1rem}.account-project-list{list-style:none;padding:0}.account-project-list li{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line);font-size:.85rem}.account-project-list li>span:first-child{overflow-wrap:anywhere}
.account-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.2rem;align-items:start}.account-form-main{min-width:0}.account-form-main>.panel{padding:1.35rem}.account-form-main .panel h2{display:flex;align-items:center;gap:.45rem;font-size:1.1rem}
.account-step{display:inline-grid;place-items:center;background:#eaf0f5;color:#42667f;border-radius:50%;width:27px;height:27px;font-size:.8rem;flex-shrink:0}
.account-custom-departments{margin-top:1rem}.account-check-card{display:flex;align-items:flex-start;gap:.75rem;border:1px solid #d7e1e8;border-radius:10px;padding:1rem;margin:.7rem 0;background:#fafdff;line-height:1.7;font-size:.85rem}
.account-check-card input{width:18px;height:18px;margin-top:.3rem;flex-shrink:0;accent-color:#386584}.account-check-card span{min-width:0}.account-check-card b{display:block;color:#2e495b}.account-check-card small{display:block;color:#647781;font-weight:400}
.account-project-editor{display:grid;grid-template-columns:minmax(0,1fr) 135px auto;gap:.7rem;align-items:end;margin:.8rem 0;padding:.8rem 0;border-bottom:1px solid var(--line)}.account-project-editor select{min-width:0}
.account-permission-preview{position:sticky;top:120px;background:#f7fbff;border:1px solid #ccdae5;border-top:4px solid #6389a6}.account-permission-preview h2{font-size:1.05rem}.account-permission-preview h3{font-size:.82rem;color:#5d7281;margin:1rem 0 .5rem}.account-permission-preview p{font-size:.85rem}
.account-save-bar{margin-top:1rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:12px}.account-save-bar>div{display:flex;justify-content:flex-end;gap:.7rem;margin-top:.7rem}.account-save-bar .confirm{background:#fff;border:0;padding:0}.account-save-bar .form-error{margin-bottom:1rem}
.account-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}
.work-create-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;background:#f3f7fc;border:1px solid #d9e4f0;border-radius:12px;padding:1rem}.work-create-intro p{margin:0;font-size:.86rem;color:#42627c}.work-create-intro .plan-toolbar{margin:0;flex-shrink:0}
@media(max-width:1150px){.account-edit-grid{grid-template-columns:minmax(0,1fr) 280px}.account-project-editor{grid-template-columns:1fr 1fr}.account-project-editor label:first-child{grid-column:1/-1}.account-table th,.account-table td{padding:.8rem .6rem}}
@media(max-width:920px){.account-edit-grid,.account-detail-grid{grid-template-columns:1fr}.account-permission-preview{position:static;grid-row:1}.account-table th:nth-child(3){width:28%}.account-table th:nth-child(5){width:17%}}
@media(max-width:760px){.account-table thead{display:none}.account-table,.account-table tbody,.account-table tr,.account-table td{display:block;width:100%}.account-table tr{padding:.8rem 1rem;border-bottom:1px solid #d2dde5}.account-table td{padding:.45rem 0;border:0}.account-table td[data-label]:before{content:attr(data-label);display:block;font-size:.73rem;color:#70818c;margin-bottom:.3rem}.account-table td:last-child{padding-top:.6rem}.account-table td:last-child .btn{width:100%}.account-profile-head{flex-wrap:wrap}.account-form-main>.panel{padding:1rem}.account-project-editor{grid-template-columns:1fr}.account-project-editor label:first-child{grid-column:auto}.account-save-bar>div{flex-wrap:wrap}.account-save-bar .btn{flex:1}.work-create-intro{flex-direction:column;align-items:stretch}.main-column[data-section="accounts"] .top-actions .btn{display:inline-block}.account-check-card{padding:.75rem}.account-project-list li{flex-direction:column;gap:.4rem}}