:root{--sidebar:238px;--ink:#163447;--accent:#087e80}body{background:#f3f6f8}header{position:fixed;inset:0 0 auto 0;height:88px;padding:16px 30px;z-index:20;box-shadow:0 1px 8px #071c2a25}.brand img{width:105px}.brand-sub{letter-spacing:.3px}.hub-account{display:flex;gap:15px;align-items:center;font-size:12px}.hub-account button{font-size:11px;padding:6px 12px;background:transparent;color:white;border-color:#64818e}nav{position:fixed;left:0;top:88px;bottom:0;width:var(--sidebar);padding:28px 14px;display:flex;flex-direction:column;gap:5px;border-right:1px solid #dce6ec;background:#fff;overflow-y:auto;overflow-x:hidden;z-index:10}nav button{white-space:normal;text-align:left;justify-content:flex-start;border-radius:8px;font-size:13px;padding:12px 14px;min-height:46px}nav button[aria-selected=true]{background:#deefed;box-shadow:inset 3px 0 var(--accent);color:#085f61}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#7b909b;padding:14px 14px 6px}main{margin:88px 0 0 var(--sidebar);max-width:1600px;padding:38px 40px 70px}footer{margin-left:var(--sidebar)}h1{font-size:36px}.intro{gap:30px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px;margin:22px 0}.hub-card{background:white;border:1px solid #dce6eb;border-radius:14px;padding:23px;min-width:0;box-shadow:0 2px 3px #102b4003}.hub-card h3{margin-top:0;font-size:18px}.hub-card p{font-size:13px;color:#526c7b;overflow-wrap:anywhere;white-space:pre-wrap}.hub-card button{font-size:12px;margin:7px 8px 0 0;padding:9px 12px}.hub-computer{grid-column:1/-1}.hub-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.hub-toolbar input{flex:1;min-width:180px}select,textarea{font:inherit;padding:11px 13px;border:1px solid #bdcdd7;border-radius:8px;background:white;color:var(--ink);max-width:100%}select:focus-visible,textarea:focus-visible{outline:3px solid #1b989c;outline-offset:3px}.hub-editor{display:grid;gap:15px;padding:26px;background:white;border:1px solid #cbdde2;border-radius:14px;margin:20px 0}.hub-editor label{display:grid;gap:6px;font-size:12px;font-weight:650}.hub-editor textarea{resize:vertical;line-height:1.7}.hub-editor button{justify-self:start}.text-link{display:inline-block;margin:10px 16px 4px 0;font-size:13px;font-weight:650}.path{overflow-wrap:anywhere;font-size:11px!important;color:#647f8e!important;white-space:pre-wrap}.muted{color:#68808e;font-size:12px}.rules-list pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:650px;overflow:auto;font:12px/1.8 ui-monospace,monospace;background:#f6f8fa;padding:20px;border-radius:8px}#hub-login{max-width:650px;margin:0 auto 35px;padding:30px;background:white;border:1px solid #c4d8de;border-radius:16px}#hub-login form{display:flex;gap:12px;flex-wrap:wrap}#hub-login input{flex:1}.measurement{padding-top:14px;border-top:1px solid #d9e5eb;margin-top:16px}.measurement details{padding:8px 12px}.measurement p{margin:5px 0}.architecture{grid-template-columns:1fr 50px 1fr 50px 1fr;padding:22px}.metrics{gap:12px}.metrics article{padding:16px}.access-quick{display:none}.service-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.project-row summary{font-size:15px}.project-row{padding:17px 20px}#hub-message{position:sticky;top:95px;z-index:11;box-shadow:0 3px 15px #17304415}#hub-mallar{margin-top:25px}button,a{touch-action:manipulation}@media(min-width:1800px){main{margin-right:auto}}@media(max-width:1100px){:root{--sidebar:205px}main{padding:30px 24px}.intro{grid-template-columns:1fr}.owner-card{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.architecture{grid-template-columns:1fr 35px 1fr}.architecture>.views{grid-column:1/-1}.three-col{grid-template-columns:1fr}}@media(max-width:720px){header{position:relative;height:auto;min-height:80px;padding:14px 18px;flex-wrap:wrap;gap:10px}.brand-sub{display:none}.connection{display:none}.hub-account{font-size:10px;margin-left:auto}nav{position:sticky;top:0;left:auto;bottom:auto;width:auto;flex-direction:row;padding:8px 12px;gap:5px;overflow:auto;border-right:0;z-index:15}nav button{flex-shrink:0;white-space:nowrap;font-size:12px;padding:9px 13px;min-height:40px}.nav-label{display:none}main{margin:0;padding:25px 18px 50px}footer{margin:0;padding:20px;flex-direction:column}h1{font-size:29px}.hub-grid{grid-template-columns:1fr}.hub-editor{padding:17px}.hub-toolbar{align-items:stretch}.hub-toolbar select{width:100%}.architecture{display:flex;flex-direction:column;align-items:stretch}.architecture .flow-arrow{display:none}.architecture>.views{display:block}.target-diagram{display:flex;flex-direction:column}.target-arrow{transform:rotate(90deg)}#hub-message{top:65px}.metrics article{padding:14px}.metrics strong{font-size:24px}.two-col{grid-template-columns:1fr}.file-toolbar button{font-size:12px}.brand img{width:80px}.hub-card{padding:19px}.link-grid{grid-template-columns:1fr}}

.hub-editor{scroll-margin-top:110px}.hub-editor input,.hub-editor textarea{font-weight:400}#hub-guest{margin-bottom:30px}

body.requires-login nav,body.requires-login section[role=tabpanel]{display:none}body.requires-login main{margin-left:auto;margin-right:auto;max-width:800px}body.requires-login footer{margin-left:0}

.report-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:15px 0;border-bottom:1px solid #dce6eb}.hub-editor figure{margin:0}.hub-editor figure img{width:100%;max-height:220px;object-fit:contain}.hub-editor details>button{margin-top:12px}

[aria-busy=true]{opacity:.6;cursor:progress}

.stored-file{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid #d6e2e9}.stored-file>div{flex:1;min-width:14rem}.stored-file details{flex-basis:100%;overflow-wrap:anywhere}.finding-status{display:inline-block;margin-left:.7rem;padding:.2rem .6rem;border-radius:.35rem;background:#e5edf2;color:#244254;font-size:.8rem}#hub-filer form{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}#hub-filer form progress,#hub-filer form p{flex-basis:100%}#hub-filer select{font:inherit;padding:.4rem}

.stored-file{display:grid;grid-template-columns:minmax(0,1fr) auto}.stored-file>div{min-width:0;overflow-wrap:anywhere}.stored-file>a{margin:0;justify-self:end}.stored-file details{grid-column:1/-1;min-width:0}#hub-filer form>label{display:grid;gap:.6rem;min-width:0;max-width:100%}#hub-filer input[type=file]{box-sizing:border-box;width:100%;max-width:100%;min-width:0}#hub-filer form>button{max-width:100%;white-space:normal}@media(max-width:480px){.stored-file{grid-template-columns:minmax(0,1fr);gap:.5rem}.stored-file>a{justify-self:start}}

.language-control{display:flex;align-items:center;gap:8px;white-space:nowrap}.language-control select{font-size:12px;padding:5px 9px}.hub-account{flex-wrap:wrap;justify-content:flex-end}@media(max-width:720px){.hub-account{width:100%;justify-content:space-between}.language-control{font-size:12px}}

.file-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:100%;min-width:0}.file-picker>span{overflow-wrap:anywhere;min-width:0}.file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;overflow:hidden;clip-path:inset(50%)}.file-picker:focus-within{outline:2px solid #087e80;outline-offset:4px}.source-content{white-space:pre-wrap;overflow-wrap:anywhere}.original-note{font-size:12px;color:#526c7b}

@media(min-width:1101px){.architecture{grid-template-columns:minmax(0,1fr) 85px minmax(0,1fr) 85px minmax(0,1fr);gap:8px}.flow-arrow{overflow-wrap:anywhere}}

#hub-inlogg dd { margin: .2rem 0 1rem; overflow-wrap: anywhere; }
#hub-inlogg .file-toolbar input { width: min(100%, 26rem); }
#hub-inlogg [data-secret] { max-width: 100%; }
#hub-inlogg .hub-card button { margin: .25rem; }
#hub-ai .hub-card p { overflow-wrap: anywhere; }

#hub-recovery-form:not([hidden]){display:grid;gap:1rem}
#hub-recovery-form label{display:grid;gap:.35rem}
#hub-recovery-form input{width:100%;box-sizing:border-box}

#hub-login-form .remember-choice{display:flex;align-items:center;gap:.65rem;flex-basis:100%;min-height:44px;cursor:pointer;font-size:15px}
#hub-login-form #hub-remember{flex:0 0 auto;width:20px;height:20px;min-width:20px;margin:0;padding:0;accent-color:var(--accent)}
#hub-login-form .remember-help{flex-basis:100%;margin:0;color:#526c7b;font-size:13px}

/* Task navigation: a small set of areas, contextual sections and bounded lists. */
:root{--sidebar:248px;--accent:#08797e;--ink:#17394b}
#central-nav{padding:24px 14px;background:#f9fbfc}
.nav-item{display:flex;align-items:center;gap:12px;margin:2px 0;padding:13px 12px;border-radius:10px;color:#486171;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4}
.nav-item:hover{background:#e9f1f3;color:#17394b}.nav-item[aria-current=page]{background:#dcefed;color:#085e63;box-shadow:inset 3px 0 #08797e}.nav-icon{font-size:20px;width:24px;text-align:center;flex-shrink:0}
.area-tabs{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid #ccdade;margin:0 0 28px;padding:0 0 7px}.area-tab{display:inline-block;padding:10px 13px;margin:0;border-radius:8px;color:#486171;text-decoration:none;font-size:13px}.area-tab[aria-current=page]{background:#163d50;color:white}.area-tab:hover{box-shadow:inset 0 0 0 1px #6c929c}.area-tabs[hidden]{display:none}
#area-context{margin:0 0 12px}main>section>h1{letter-spacing:-1px;margin-top:10px}.project-title{font-size:30px;letter-spacing:-.7px}.context-banner{padding:14px 18px;border-left:3px solid #168786;background:#e3f1ef;border-radius:0 8px 8px 0}
.action-card{display:block;text-decoration:none;color:var(--ink);margin:0;transition:transform .15s,box-shadow .15s}.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #12384912;border-color:#86b5b5}.action-card h3{color:#0a6d72}.overview-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.project-grid .text-link{padding:10px 15px;border-radius:8px;background:#e4f2f0;color:#07656a}.project-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.project-shortcuts a{margin:0;border:1px solid #ccdade;padding:12px 16px;background:white;border-radius:10px;text-decoration:none}.overview-technical{margin-top:32px;background:transparent}.overview-technical>summary{font-size:15px}.overview-technical .intro{display:none}
.document-list table{width:100%;border-collapse:collapse;background:white;font-size:13px}.document-list th{background:#e9f0f3;text-align:left;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.document-list td,.document-list th{padding:14px 12px;border-bottom:1px solid #e1e9ec;vertical-align:top}.document-list td:first-child{min-width:200px;max-width:400px;overflow-wrap:anywhere}.document-list td:last-child{min-width:160px}.document-list .text-link{margin:0 12px 7px 0;font-size:12px}.document-list button{font-size:12px;padding:5px 9px;margin-right:8px}.document-tag{display:block;font-size:11px;color:#087477;margin-top:6px}.table-scroll{overflow-x:auto}.hub-toolbar input{max-width:100%}.hub-toolbar select{max-width:100%;min-width:0}.project-tabs{margin-top:20px}.ai-panes>section[hidden]{display:none}
#oversikt>.intro h1{font-size:clamp(30px,3.5vw,46px)}#oversikt>.intro{margin-bottom:20px}#oversikt>.intro .owner-card{display:none}#oversikt>.intro .lead{max-width:680px}
@media(prefers-reduced-motion:reduce){.action-card{transition:none}.action-card:hover{transform:none}}
@media(max-width:720px){#central-nav{position:sticky;padding:7px 10px;gap:4px;flex-direction:row}.nav-item{flex:none;white-space:nowrap;padding:9px 11px;font-size:12px}.nav-icon{font-size:16px;width:18px}.area-tabs{gap:3px;margin-bottom:22px}.area-tab{padding:9px;font-size:12px}.hub-toolbar{gap:9px}.hub-toolbar input{min-width:0;width:100%;flex-basis:100%}.document-list td,.document-list th{padding:10px}.project-title{font-size:24px}.project-shortcuts{display:grid}.hub-account{flex-wrap:wrap}#area-context{margin-top:8px}body.requires-login #area-tabs,body.requires-login #area-context{display:none}}

.project-grid .hub-card p:first-of-type{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.project-grid .hub-card h3{min-height:2.6em}.historical-project{border-style:dashed}

/* Publishing (PUBLISHER-TAB-001) */
.publish-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.publish-chip{font-size:12px;border-radius:20px;padding:3px 10px;border:1px solid #cddbe2;background:#f3f7f9;color:#163447}.publish-chip.target{background:#e3f2f1;border-color:#9fd0cd;color:#075e60}.publish-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0}.publish-pair{margin:8px 0 30px}.publish-pair-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}.publish-filters{display:flex;flex-wrap:wrap;gap:12px 28px;margin:14px 0 6px}.publish-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.publish-filter-label{font-weight:600;margin-right:4px}.publish-filter-button{border:1px solid #b9cbd4;background:white;border-radius:20px;padding:6px 14px;color:#163447}.publish-filter-button[aria-pressed=true]{background:#087e80;border-color:#087e80;color:white}.publish-filter-button:focus-visible{outline:3px solid #f0b429;outline-offset:2px}.publish-count{color:#4d6672;font-size:13px;margin:6px 0}.publish-more{margin:22px 0}.publish-more>summary{cursor:pointer;font-weight:600;font-size:17px;padding:8px 0}#hub-utgivning .muted{color:#4d6672;font-size:13px}
/* Publishing releases (PUBLISHER-TAB-001 step 1b) */
.publish-section{margin:18px 0 28px}.publish-list{display:grid;gap:12px}.publish-release{background:white;border:1px solid #dce6eb;border-radius:12px;padding:16px 20px}.publish-release h3{margin:0 0 4px;font-size:17px}.publish-version{font-weight:400;color:#4d6672;font-size:14px;margin-left:6px}.publish-note{margin:6px 0;color:#30485a}.publish-meta{font-size:12px;color:#4d6672;margin:4px 0;overflow-wrap:anywhere}.publish-chip.status-published{background:#e2f4e6;border-color:#9fd3ab;color:#17602a}.publish-chip.status-internal{background:#fff3d6;border-color:#e8c675;color:#6b4d00}.publish-action{font-weight:600}

/* Menu sections (2026-10-30): small heading per group, spacer before Help */
#central-nav .nav-label:not(:first-child){margin-top:10px}#central-nav .nav-spacer{display:block;height:1px;margin:12px 14px;background:#dce6ec}@media(max-width:720px){#central-nav .nav-spacer{display:none}}
@media(min-width:721px){#central-nav .nav-item{padding:8px 12px;margin:1px 0}}
.rule-branch{margin:26px 0}.rule-category{margin:12px 0}.rule-source{border-top:1px solid #e4ecf0;padding:8px 0}.rule-source summary{cursor:pointer}.rule-source pre{max-height:420px}

/* Trash counter and days left */
.nav-badge{margin-left:auto;background:#086e74;color:#fff;border-radius:10px;font-size:11px;font-weight:700;padding:1px 8px;line-height:1.6}.area-tab .nav-badge{margin-left:6px}.trash-days{display:inline-block;margin-bottom:6px;color:#085e63;font-size:13px}
.notice-card{position:fixed;right:18px;bottom:18px;z-index:30;max-width:min(440px,calc(100vw - 36px));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.notice-toggle{display:flex;gap:8px;align-items:center;border-radius:999px;padding:10px 16px;background:white;color:var(--ink);border:1px solid #bdcdd7;box-shadow:0 4px 18px #0f2c4030;font-size:13px}.notice-card.has-notices .notice-toggle{background:var(--accent);color:white;border-color:var(--accent)}.notice-panel{order:-1;width:min(440px,calc(100vw - 36px));max-height:min(70vh,640px);overflow:auto;background:white;border:1px solid #cbdde2;border-radius:14px;padding:18px;box-shadow:0 8px 30px #0f2c4035}.notice-panel h2{font-size:18px;margin:0 0 6px}.notice-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.notice{border-top:1px solid #dce6ec;padding-top:10px}.notice.needs-answer{border-left:3px solid var(--accent);padding-left:10px}.notice-head{margin:0;font-size:12px}.notice-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:6px 0}.notice-reply{display:grid;gap:6px}.notice-reply textarea{width:100%;resize:vertical}.notice-reply button{justify-self:start;font-size:12px;padding:7px 12px}.notice-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:720px){.notice-card{right:10px;bottom:10px}}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:16px 0}.plan-function{background:white;border:1px solid #dce6eb;border-radius:14px;padding:18px}.plan-function h3{margin:0 0 6px;font-size:16px}.plan-function progress{width:100%;height:10px;accent-color:var(--accent)}.plan-next{margin:4px 0 0;padding-left:18px;font-size:12px}.plan-next a{display:inline;margin:0}.plan-next li{margin:3px 0}.plan-gap{border:2px solid #b45309;background:#fff7ed}.plan-gap-text{color:#9a3412;font-weight:650}
.overview-explain{background:white;border:1px solid #dce6eb;border-radius:12px;padding:12px 18px;margin:10px 0}.overview-explain summary{font-weight:650;cursor:pointer}.standards-list{display:grid;gap:8px;margin:12px 0 26px}.standard,.standard-group{background:white;border:1px solid #dce6eb;border-radius:12px;padding:12px 18px;margin:0 0 8px}.standard summary,.standard-group summary{cursor:pointer}.standard ul,.standard-group ul{font-size:13px;line-height:1.6}
.overview-progress{display:flex;gap:14px;align-items:center;margin:10px 0}.overview-progress progress{flex:1;height:10px;accent-color:var(--accent)}.overview-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:12px 0}.overview-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;background:white;border:1px solid #e0e8ed;border-radius:12px;color:var(--ink);text-align:left}.overview-tile strong{font-size:26px;letter-spacing:-.8px}.overview-tile span{font-size:12px;color:#667e8c}.overview-tile.active{border:2px solid var(--accent);background:#eef8f7}.overview-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.overview-chip{font-size:12px;padding:6px 10px;border-radius:8px;background:white;border:1px solid #cbdde2;color:var(--ink)}.overview-chip.active{background:var(--ink);color:white}.overview-chip.gap{border-color:#b45309;color:#9a3412}.overview-chip.gap.active{background:#9a3412;color:white}.overview-list{display:grid;gap:6px;margin:8px 0 18px}.overview-row{display:grid;grid-template-columns:22px 82px 1fr auto auto;gap:10px;align-items:center;padding:10px 14px;background:white;border:1px solid #dce6eb;border-radius:10px;color:var(--ink);text-decoration:none;font-size:13px}a.overview-row:hover{border-color:var(--accent)}.overview-row-details>summary{list-style:none;cursor:pointer}.overview-row-details>summary::-webkit-details-marker{display:none}.overview-row-details[open]{background:white;border:1px solid #dce6eb;border-radius:10px;padding-bottom:8px}.overview-row-details[open]>summary{border:0}.overview-row-details>p,.overview-row-details>ul,.overview-row-details>blockquote,.overview-row-details>a{margin:6px 14px;font-size:13px}.overview-mark.partial{color:#b45309}.overview-mark.done{color:#15803d}.overview-id{font-weight:650;font-size:12px}.overview-badge{font-size:11px;border:1px solid #cbdde2;border-radius:6px;padding:1px 6px;color:#526c7b;white-space:nowrap}.overview-state{font-size:11px;color:#526c7b;white-space:nowrap}#hub-oversikt input[type=search]{width:100%;max-width:520px}@media(max-width:720px){.overview-row{grid-template-columns:22px 1fr;}.overview-badge,.overview-state,.overview-id{grid-column:2}}
.attention{border-left:4px solid #94a3b8}.attention-critical{border-left-color:#b91c1c}.attention-warning{border-left-color:#b45309}.attention-info{border-left-color:#0369a1}.attention-todo{font-weight:650;color:var(--ink)!important}.attention .notice-reply{margin-top:8px}.overview-search{display:block;margin:10px 0}.overview-search span{display:block;font-size:12px;font-weight:650;margin-bottom:4px}.overview-status{font-size:12px}.overview-prio{font-size:11px;border-radius:6px;padding:1px 6px;white-space:nowrap;background:#e2e8f0;color:#334155}.overview-prio.p1{background:#fee2e2;color:#991b1b}.overview-prio.p2{background:#ffedd5;color:#9a3412}.overview-row{grid-template-columns:22px auto 1fr auto auto}.overview-tiles{margin:10px 0 6px}#hub-oversikt h3{margin:22px 0 4px}
.attention-level{display:inline-block;font-size:11px;font-weight:650;border-radius:6px;padding:1px 7px;margin-right:8px;vertical-align:middle;background:#e2e8f0;color:#334155}.attention-critical .attention-level{background:#fee2e2;color:#991b1b}.attention-warning .attention-level{background:#ffedd5;color:#9a3412}.attention-info .attention-level,.attention-question .attention-level{background:#e0f2fe;color:#075985}.attention-question{border-left-color:#0369a1}.notice-reply label{display:grid;gap:4px;font-size:12px;font-weight:650}.notice-reply textarea{font-weight:400}a.overview-row .overview-title{text-decoration:underline;text-decoration-color:#9fb3bf;text-underline-offset:3px}.overview-row{grid-template-columns:auto 1fr auto auto}
.computer{border-left:4px solid #94a3b8}.computer.level-critical{border-left-color:#b91c1c}.computer.level-warning{border-left-color:#b45309}.computer.level-info{border-left-color:#0369a1}.computer.level-ok{border-left-color:#15803d}.computer.level-ok .attention-level{background:#dcfce7;color:#166534}.area-tab.level-critical{color:#991b1b}.area-tab.level-warning{color:#9a3412}.computer-actions{margin-top:12px;padding-top:10px;border-top:1px solid #dce6eb}.computer-actions h4{margin:0 0 6px;font-size:13px}.danger-zone{margin-top:12px;border:1px solid #fecaca;border-radius:10px;padding:8px 12px;background:#fff7f7}.danger-zone summary{cursor:pointer;font-weight:650;color:#991b1b;font-size:13px}.danger-zone button{margin:6px 8px 0 0}.measurement{margin:10px 0}.hub-card details.hub-card,details.hub-card{background:white;border:1px solid #dce6eb;border-radius:14px;padding:14px 23px;margin:14px 0}details.hub-card summary{cursor:pointer;font-weight:650}
.area-tab[aria-current=page].level-critical,.area-tab[aria-current=page].level-warning{color:#fff}
.overview-mine{background:white;border:1px solid #dce6eb;border-radius:14px;padding:14px 22px;margin:0 0 18px}.overview-mine h2{margin:0 0 6px;font-size:18px}.overview-mine p{margin:6px 0;font-size:13px;line-height:1.9}.overview-mine a{margin:0 2px}
.computer-chooser{position:static!important;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}

/* Notifications as a side panel: never over the content. */
.notice-card{right:18px;bottom:18px}.notice-panel{position:fixed;top:88px;right:0;bottom:0;width:min(440px,100vw);max-height:none;border-radius:0;border-left:1px solid #cbdde2;box-shadow:-6px 0 24px #0f2c4025;padding:18px 18px 90px}body.notice-open main,body.notice-open footer{margin-right:min(440px,100vw)}footer{padding-right:220px}@media(max-width:720px){body.notice-open main,body.notice-open footer{margin-right:0}footer{padding-right:20px;padding-bottom:70px}}

/* The trash count sits on its own line under the menu word, in words (Ö10). */
#nav-bibliotek{flex-wrap:wrap}#nav-bibliotek .nav-badge{flex-basis:100%;max-width:max-content;margin-left:0;margin-top:4px;white-space:nowrap}

/* Panel head with Close; the menu row on a phone fades at the edge to show it scrolls. */
.notice-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.notice-head h2{margin:0}@media(max-width:720px){#central-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,#000 88%,transparent);-webkit-mask-image:linear-gradient(to right,#000 88%,transparent)}}
/* Work list inside the app (Ö7). */
.work-item{background:#fff;border:1px solid #d7e3e8;border-left:4px solid #94a3b8;border-radius:8px;padding:8px 14px;margin:8px 0}.work-item.state-open{border-left-color:#b45309}.work-item.state-partial{border-left-color:#0e7490}.work-item.state-done{border-left-color:#15803d}.work-item summary{cursor:pointer;font-weight:600}.work-item summary small{font-weight:400;margin-left:6px}.work-item p{margin:8px 0;white-space:pre-wrap}.work-checks{list-style:none;padding:0}.work-check-mark{display:inline-block;width:1.2em;color:#15803d;font-weight:700}.work-comments blockquote{margin:8px 0;padding:6px 12px;border-left:3px solid #cbd5e1;background:#f8fafc}.work-item-wanted{box-shadow:0 0 0 3px #087e8055}.attention-level.level-open{background:#fde8d8;color:#7c2d12}.attention-level.level-partial{background:#dbeafe;color:#1e3a8a}.attention-level.level-done{background:#dcfce7;color:#14532d}.work-head h2{margin-bottom:2px}
