/* Scoped presentation for the standalone inbox. Existing workflows stay unchanged. */
body.cm-inbox{--muted:#aaaabd}
.cm-inbox .access{max-width:1120px;margin:0 auto;padding:40px 24px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center}
.cm-inbox .access .brand{grid-column:1/-1;text-decoration:none;color:var(--ink);margin-bottom:16px}
.cm-inbox .access h1{font:400 32px/40px var(--title);letter-spacing:.04em;margin:0}
.cm-inbox #meldungen-zugang{grid-column:1;max-width:72ch;font:400 16px/24px var(--body);margin:0;color:var(--muted)}
.cm-inbox #meldungen-neu-laden{grid-column:2;grid-row:2/4;align-self:end}
.cm-inbox #meldungen-login{grid-column:1}
.cm-inbox #meldungen-panel{max-width:1120px;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 24px;align-items:center}
.cm-inbox #meldungen-panel>h2{font:500 20px/28px var(--body);letter-spacing:0;margin:0}
.cm-inbox #meldungen-panel>button{justify-self:end}
.cm-inbox #meldungen-panel>p{grid-column:1/-1}
.cm-inbox .cm-m-item{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 184px;column-gap:40px;row-gap:8px;padding:24px 0;margin:24px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;min-width:0}
.cm-inbox .cm-m-item+.cm-m-item{margin-top:0}
.cm-inbox .cm-m-item>*{grid-column:1;min-width:0;margin:0}
.cm-inbox .cm-m-item>h3{font:500 12px/16px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere}
.cm-inbox .cm-m-item>p:first-of-type{font:500 20px/28px var(--body);color:var(--ink)}
.cm-inbox .cm-m-item>.small{font:400 16px/24px var(--body)}
.cm-inbox .cm-m-item>.cm-m-text{max-width:72ch;font:500 20px/28px var(--body);padding-top:8px;white-space:pre-wrap}
.cm-inbox .cm-m-item>button{grid-column:2;grid-row:1/9;align-self:start;justify-self:stretch;text-align:center;white-space:normal}
.cm-inbox .cm-m-item>.notice{padding:8px 16px;background:var(--panel);font:400 16px/24px var(--body)}
.cm-inbox button{min-height:48px;line-height:24px;letter-spacing:.08em;overflow-wrap:anywhere}
.cm-inbox button:hover:not(:disabled){background:rgba(255,255,255,.05)}
.cm-inbox .cm-m-dialog{width:min(800px,calc(100% - 32px));padding:24px;scroll-padding-top:88px}
.cm-inbox .cm-m-dialog>.cm-m-row{position:sticky;top:-24px;z-index:2;margin:-24px -24px 24px;padding:16px 24px;background:var(--panel);border-bottom:1px solid var(--line)}
.cm-inbox .cm-m-dialog h3{font:500 20px/28px var(--body);letter-spacing:0;margin:24px 0 8px}
.cm-inbox .cm-m-dialog :is(p,pre){max-width:72ch}
.cm-inbox .cm-m-dialog .notice{font:400 16px/24px var(--body);padding:8px 16px}
.cm-inbox .cm-m-dialog label{letter-spacing:.08em;line-height:24px;margin-top:8px}
.cm-inbox .cm-m-dialog form{gap:8px}
.cm-inbox .cm-m-dialog textarea{line-height:28px}
.cm-inbox .cm-m-history{margin:24px 0;color:var(--muted)}
.cm-inbox [data-cm-decision]{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}
.cm-inbox .cm-m-proposal{padding-top:8px}
.cm-inbox .cm-e-dialog{width:min(960px,calc(100% - 32px))}
@media(max-width:700px){
 .cm-inbox .access{padding:24px 16px 16px;display:block}
 .cm-inbox .access .brand{display:inline-block;margin-bottom:16px}
 .cm-inbox .access h1{margin-bottom:8px}
 .cm-inbox #meldungen-zugang{margin-bottom:16px}
 .cm-inbox #meldungen-panel{padding:24px 16px;display:block}
 .cm-inbox #meldungen-panel>h2{margin-bottom:8px}
 .cm-inbox .cm-m-item{display:block;padding:24px 0;margin-top:24px}
 .cm-inbox .cm-m-item>*{margin:0 0 8px}
 .cm-inbox .cm-m-item>button{width:100%;margin:16px 0 0}
 .cm-inbox .cm-m-item>.cm-m-text{padding-top:8px}
 .cm-inbox .cm-m-dialog,.cm-inbox .cm-e-dialog{width:calc(100% - 16px);padding:16px;max-height:calc(100dvh - 16px)}
 .cm-inbox .cm-m-dialog>.cm-m-row{top:-16px;margin:-16px -16px 16px;padding:8px 16px;gap:8px;flex-wrap:nowrap}
 .cm-inbox .cm-m-dialog>.cm-m-row h2{min-width:0}
 .cm-inbox .cm-m-dialog>.cm-m-row button{flex-shrink:0}
}

.inbox-v2{--muted:#a6a7b7}
.inbox-v2 .masthead{height:72px;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100vw - 1168px)/2));background:linear-gradient(180deg,#23242b,#101116);border-bottom:1px solid #ffffff18}
.inbox-v2 .masthead .brand{color:var(--ink);text-decoration:none;white-space:nowrap}
.inbox-v2 .scope,.inbox-v2 .kicker,.inbox-v2 .demo-label,.inbox-v2 .list-caption{font:500 12px/16px var(--mono);letter-spacing:.16em}
.inbox-v2 .scope{padding-left:24px;border-left:1px solid #ffffff30;color:var(--muted)}
.inbox-v2 .backlink{margin-left:auto;color:var(--ink);font:500 20px/28px var(--body);text-decoration:none;min-height:44px;display:flex;align-items:center;gap:16px}
.inbox-v2 .backlink span{color:var(--accent)}
.inbox-v2 .inbox-hero{position:relative;isolation:isolate;background:#10131a;min-height:248px;display:flex;align-items:center}
.inbox-v2 .inbox-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('../mein-bereich-header.jpg') center 49%/cover}
.inbox-v2 .inbox-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,9,14,.9),rgba(8,9,14,.22)),linear-gradient(0deg,#08090e,transparent 80%)}
.inbox-v2 .hero-inner{width:1168px;max-width:100%;margin:auto;padding:40px 24px}
.inbox-v2 .kicker{color:var(--muted);margin:0 0 8px}
.inbox-v2 .hero-inner .kicker{color:#eae4dc}
.inbox-v2 .hero-inner h1{font:400 72px/72px var(--title);letter-spacing:.02em;margin:8px 0 16px;color:#eae4dc}
.inbox-v2 .subline{font:italic 24px/32px 'Playfair Display',serif;margin:0;color:#eae4dc}
.inbox-v2 .demo-label{position:absolute;right:24px;bottom:8px;color:#b6b5bd;font-size:12px;letter-spacing:.08em}
.inbox-v2 .inbox-shell{display:block;max-width:1168px;margin:auto;padding:24px 24px 40px}
.inbox-v2 .inbox-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.inbox-v2 .inbox-heading h2{font:400 32px/40px var(--title);margin:0}
.inbox-v2 .inbox-heading .kicker{margin-bottom:0}
.inbox-v2 button{border-radius:4px;min-height:48px;cursor:pointer}
.inbox-v2 .refresh{background:transparent;border:0;color:var(--muted);padding:8px 0;font:400 16px/24px var(--body);text-transform:none;letter-spacing:0;display:flex;gap:8px;align-items:center;white-space:nowrap;flex-shrink:0}
.inbox-v2 .refresh span{font-size:24px;color:var(--ink)}
.inbox-v2 .inbox-filters{display:flex;flex-wrap:nowrap;gap:24px;margin:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}
.inbox-v2 .inbox-filters button{flex:0 0 auto}
.inbox-v2 .inbox-filters button:after{display:none!important}
.inbox-v2 .inbox-filters button{font:500 20px/28px var(--body);text-transform:none;letter-spacing:0;padding:8px 0 16px;white-space:nowrap;border:0;border-radius:0;background:none;color:var(--muted);border-bottom:2px solid transparent;display:flex;gap:8px;align-items:center}
.inbox-v2 .inbox-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}
.inbox-v2 .inbox-filters button span{font:500 12px/16px var(--mono);border:1px solid var(--line);padding:4px 8px;border-radius:4px;color:var(--muted)}
.inbox-v2 .screen-status{font:400 16px/24px var(--body);color:var(--muted);margin:0}
.inbox-v2 .screen-status:not(:empty){padding:16px 0}
.inbox-v2 .inbox-board{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.55fr);margin-top:24px;align-items:start;gap:24px}
.inbox-v2 .list-caption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);letter-spacing:.08em;padding:0 0 16px}
.inbox-v2 .inbox-select{display:block;text-align:left;width:100%;padding:24px;background:var(--panel);border:1px solid var(--line);margin:0 0 8px;position:relative;letter-spacing:0;text-transform:none;white-space:normal}
.inbox-v2 .inbox-select[aria-pressed=true]{border-color:#b7b5b0;background:#191c24}
.inbox-v2 .inbox-select:hover{background:#1b1e26}
.inbox-v2 .item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font:500 12px/16px var(--mono);color:var(--muted);margin-bottom:8px}
.inbox-v2 .item-status{display:inline-flex;align-items:center;gap:8px;color:var(--ink);white-space:nowrap}
.inbox-v2 .item-status .dot{width:6px;height:6px;border-radius:50%;background:var(--ink);display:inline-block}
.inbox-v2 .item-name{display:block;font:500 20px/28px var(--body);color:var(--ink);overflow-wrap:anywhere;margin-bottom:8px}
.inbox-v2 .item-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:400 16px/24px var(--body);color:var(--muted)}
.inbox-v2 .item-sender{display:flex;gap:8px;align-items:center;border-top:1px solid #ffffff10;margin-top:16px;padding-top:8px;font:400 16px/24px var(--body);color:var(--muted)}
.inbox-v2 .item-sender svg{width:16px;height:16px;flex:none}
.inbox-v2 .list-foot,.inbox-v2 .preview-note{font:400 16px/24px var(--body);color:var(--muted);margin:16px 0}
.inbox-v2 #inbox-reader{min-width:0;border:1px solid var(--line);border-radius:4px;background:var(--panel)}
.inbox-v2 .reader-head{padding:24px;border-bottom:1px solid var(--line)}
.inbox-v2 .reader-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}
.inbox-v2 .reader-meta .kicker{margin:0}
.inbox-v2 .status-chip{font:400 16px/24px var(--body);padding:0 8px;border:1px solid #454958;border-radius:4px;color:var(--ink)}
.inbox-v2 .reader-head h2{font:400 32px/40px var(--title);margin:0 0 8px;overflow-wrap:anywhere}
.inbox-v2 .reader-head .byline{font:400 16px/24px var(--body);color:var(--muted);margin:0}
.inbox-v2 .reader-body{padding:24px}
.inbox-v2 .reader-label{font:500 12px/16px var(--mono);letter-spacing:.16em;color:var(--muted);margin:0 0 8px;text-transform:uppercase}
.inbox-v2 .reader-text{font:500 20px/28px var(--body);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.inbox-v2 .internal-note{margin-top:24px;padding:16px;background:var(--bg);border-left:2px solid #666b7a}
.inbox-v2 .internal-note .reader-text{font:400 16px/24px var(--body);color:#bfc0cb}
.inbox-v2 .internal-note .reader-label{color:var(--ink);letter-spacing:.08em}
.inbox-v2 .reply{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}
.inbox-v2 .reply .reader-text{font:400 16px/24px var(--body)}
.inbox-v2 .reader-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-top:1px solid var(--line);background:#141821}
.inbox-v2 .reader-foot p{margin:0;font:400 16px/24px var(--body);color:var(--muted)}
.inbox-v2 .reader-foot strong{display:block;color:var(--ink);font-weight:500}
.inbox-v2 .reader-foot .primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent);padding:8px 16px;font:500 12px/16px var(--mono);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}
.inbox-v2 .reader-foot .primary:hover{background:#d29951}
.inbox-v2 .reader-foot .secondary{background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 16px}
.inbox-v2 .reader-back{display:none}
.inbox-v2 .reader-source{margin:24px 0 0;border-top:1px solid var(--line);padding-top:8px}
.inbox-v2 .reader-source summary{font:400 16px/24px var(--body);color:var(--muted);min-height:44px;letter-spacing:0;text-transform:none;display:flex;align-items:center;gap:8px}
.inbox-v2 .reader-source p{font:400 16px/24px var(--body);color:var(--muted);margin:8px 0}
.inbox-v2 .empty{padding:24px;color:var(--muted);font:500 20px/28px var(--body)}
.inbox-v2 .cm-m-dialog [data-cm-decision]{padding:24px;background:#171b24;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:4px}
.inbox-v2 .cm-m-dialog [data-cm-decision]>h3{margin-top:0;font:400 32px/40px var(--title)}
.inbox-v2 .cm-m-dialog .cm-m-proposal{margin-top:24px;padding:16px;background:#08090e;border:1px solid var(--line);border-radius:4px}
.inbox-v2 .cm-m-dialog .cm-m-proposal>h3{margin-top:0}
@media(max-width:900px){
 .inbox-v2 .inbox-board{grid-template-columns:1fr}
 .inbox-v2 #inbox-reader{display:none}
 .inbox-v2[data-reading=true] #inbox-reader{display:block}
 .inbox-v2[data-reading=true] .inbox-list-pane{display:none}
 .inbox-v2 .reader-back{display:block;margin:0 0 16px;padding:0;background:none;border:0;color:var(--ink);font:400 16px/24px var(--body);letter-spacing:0;text-transform:none}
 .inbox-v2 .reader-foot{gap:16px}
}
@media(max-width:600px){
 .inbox-v2 .masthead{height:64px;padding:0 16px;gap:16px}
 .inbox-v2 .masthead .brand{font-size:20px;letter-spacing:.12em}
 .inbox-v2 .scope{display:none}
 .inbox-v2 .backlink{font-size:16px;gap:8px}
 .inbox-v2 .inbox-hero{min-height:208px}
 .inbox-v2 .hero-inner{padding:24px 16px 40px}
 .inbox-v2 .hero-inner h1{font-size:32px;line-height:40px;margin:8px 0}
 .inbox-v2 .hero-inner .kicker{letter-spacing:.08em}
 .inbox-v2 .subline{max-width:300px}
 .inbox-v2 .demo-label{left:16px;right:auto;bottom:0;letter-spacing:0}
 .inbox-v2 .inbox-shell{padding:24px 16px}
 .inbox-v2 .inbox-heading{gap:8px}
 .inbox-v2 .inbox-heading .kicker{font-size:12px;letter-spacing:.08em}
 .inbox-v2 .inbox-heading h2{font-size:32px;line-height:40px}
 .inbox-v2 .refresh{font-size:16px}
 .inbox-v2 .inbox-filters{gap:16px}
 .inbox-v2 .inbox-filters button{font-size:20px;padding-bottom:8px}
 .inbox-v2 .inbox-filters button span{padding:0 4px}
 .inbox-v2 .inbox-select{padding:16px}
 .inbox-v2 .reader-head,.inbox-v2 .reader-body,.inbox-v2 .reader-foot{padding:16px}
 .inbox-v2 .reader-meta{gap:8px;flex-wrap:wrap}
 .inbox-v2 .reader-foot{flex-direction:column;align-items:stretch}
 .inbox-v2 .reader-foot button{width:100%}
 .inbox-v2 .cm-m-dialog [data-cm-decision]{padding:16px}
}

.inbox-v2 .inbox-access{max-width:1168px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.inbox-v2 .inbox-access p{font:400 16px/24px var(--body);color:var(--muted);max-width:72ch}.inbox-v2 .inbox-access button{font:400 16px/24px var(--body);letter-spacing:0;text-transform:none;padding:8px;border:0;background:transparent;color:var(--muted)}.inbox-v2 #meldungen-panel{display:block;max-width:1168px}.inbox-v2 #meldungen-panel>p{font:400 16px/24px var(--body)}@media(max-width:700px){.inbox-v2 .inbox-access{padding:0 16px;display:block}.inbox-v2 .inbox-access p{margin-bottom:0}}
