/* Shared surface system — accepted Concert reference, 03 October 2026.
   Space, tone and short shadows distinguish context, content and decisions. */
:root{--shadow-panel:0 1px 2px #0003,0 5px 10px -5px #0004;--shadow-card:0 1px 2px #0004,0 3px 6px -3px #0004;--shadow-selected:0 1px 3px #0005,0 6px 12px -5px #0005;--shadow-drawer:0 2px 4px #0003,0 8px 18px -8px #0006;--shadow-dialog:0 2px 8px #0005,0 18px 48px -12px #0009}
body[data-product=atlas]{--bg:#0e1013;--panel:#1b1f25;--raised:#2a3038;--shell:#181b20;--drawer:#292f37;--selected:#353e49;--hover:#303842;--line:#ffffff13;--edge:#67758660;--text:#e8edf2;--muted:#acb7c4;--faint:#8795a6;--accent:#c0cfdf;--good:#a8c3ca}
body[data-product=concert]{--bg:#0d1511;--panel:#1b2922;--raised:#23342b;--shell:#141e18;--drawer:#26372b;--selected:#2b4233;--hover:#304737;--line:#ffffff12;--edge:#637e6c55;--text:#e5eee8;--muted:#a2b6a9;--faint:#7e9788;--accent:#aed0b2;--good:#a3d9b7;--warn:#e8c892;--bad:#e1a49b}
#app{grid-template-columns:46px 170px minmax(0,1fr);grid-template-rows:46px minmax(0,1fr) 25px;min-height:640px}
.rail{background:color-mix(in srgb,var(--bg) 70%,#000);border-color:var(--line)}
.sidebar{background:var(--shell);padding:20px 12px 11px}.scope strong{font-size:14px}.scope small{font-size:12px}.sidebar nav a{font-size:13px;gap:8px}.sidebar nav a svg{width:16px;height:16px}.side-pins a,.side-tools button{font-size:12px}.topbar{background:var(--panel);border-bottom:1px solid var(--edge);gap:17px}.wordmark{min-width:146px}.topbar .mode span{display:none}.top-company{font-size:12px;color:var(--muted)}.topbar .prototype{font-size:11px}.statusbar{background:var(--shell);font-size:10px}
.work{background:var(--bg)}.page-head{padding:17px 22px 15px;background:var(--shell)}.page-head h1{font-size:24px}.page-head p{font-size:13px;max-width:800px}.eyebrow{font-size:10px;color:var(--faint)}
.split{padding:18px;gap:17px;grid-template-columns:minmax(0,1fr) 304px;overflow:hidden}.main-pane{background:var(--panel);border:1px solid var(--edge);border-radius:7px;box-shadow:var(--shadow-panel)}
.details{background:var(--drawer);border:1px solid var(--edge);border-radius:7px;box-shadow:var(--shadow-drawer);padding:0}.detail-scroll{padding:20px}.details h2{font-size:22px}.details p{font-size:13px;line-height:1.6}.detail-block{padding:17px 0}.detail-block strong{font-size:14px}.detail-actions{background:var(--raised);border-top:1px solid var(--edge);padding:13px 17px}.detail-tabs{margin:18px -20px 0;padding:0 20px;gap:18px}.detail-scroll>.btn{margin-top:16px}.detail-scroll>.wide{width:100%}
.toolbar{background:var(--raised);padding:12px 18px;border-bottom:1px solid var(--edge)}.search{background:var(--bg);border-color:var(--edge)}.table-list{padding:0 16px}.list-caption{color:var(--faint);font-size:11px}.object-row{border:1px solid transparent;border-bottom-color:var(--line);padding:18px 12px;border-radius:4px;margin-bottom:3px}.object-row.selected,.task-row.selected{background:var(--selected);border-color:var(--edge);box-shadow:var(--shadow-selected)}.object-row:hover,.task-row:hover{background:var(--hover)}.object-row strong{font-size:15px}.object-row small{font-size:12px}.row-icon{border:1px solid var(--edge);padding:7px;background:var(--raised);border-radius:4px;align-self:start}.object-row{grid-template-columns:34px minmax(0,1fr) 120px;gap:12px}.row-meta{font-size:11px}.task-row{padding:18px 13px;border:1px solid transparent;border-bottom-color:var(--line);border-radius:4px}.task-row h3{font-size:16px}.section-content{padding:22px;max-width:none}
.rule{background:var(--raised);border:1px solid var(--edge);border-radius:5px;padding:19px;margin-bottom:14px;box-shadow:var(--shadow-card);gap:16px}.rule h3{font-size:17px}.rule p{font-size:14px;line-height:1.6}.rule-number{font-size:11px;color:var(--accent);padding-top:4px}.notice{border:1px solid var(--edge);border-left:2px solid var(--warn);background:var(--bg);border-radius:3px;margin:16px 0;font-size:13px}.rule .notice{margin-bottom:0}.checks{border:1px solid var(--edge);border-radius:5px;overflow:hidden;margin-top:18px;background:var(--raised);box-shadow:var(--shadow-card)}.check-row{padding:16px;border-bottom:1px solid var(--line)}.check-row:last-child{border-bottom:0}.check-row strong{font-size:14px}.check-row p{font-size:12px}.checks .detail-item{padding:10px 14px;border-bottom:1px solid var(--line)}.checks .detail-item:last-child{border:0}.rule-note{background:color-mix(in srgb,var(--bg) 55%,transparent);border-radius:3px;padding:12px!important;font-size:13px!important}.flow-track{background:var(--bg);padding:18px;border:1px solid var(--edge);border-radius:5px;gap:13px;font-size:13px}.flow-track span{padding:9px;background:var(--raised);border:1px solid var(--edge);border-radius:4px}.change-grid>div{background:var(--raised);border:1px solid var(--edge);border-radius:5px;padding:18px}.timeline-item{padding-bottom:23px}.timeline-item>div{background:var(--raised);border:1px solid var(--edge);padding:12px 15px;border-radius:4px;flex:1;min-width:0}.timeline-item p{font-size:13px}.timeline-item>.glyph{padding-top:13px}.timeline-item:before{top:32px}.timeline-item strong{font-size:14px}.timeline-item.waiting>div{border-color:#bd9d6655;background:color-mix(in srgb,var(--raised) 92%,#ab7137)}
.doc-pane{padding:24px;background:var(--bg)}.document{box-shadow:var(--shadow-selected);border:1px solid #c7c8bf;border-radius:2px;min-height:0}.document h2{font-size:27px}.document p{font-size:14px}.details .timeline-item>div{padding:8px 10px;background:var(--panel)}
.btn.primary{box-shadow:0 1px 2px #0003}.btn{font-size:13px;padding:10px 12px}.btn:not(.primary){border-color:var(--edge)}
dialog{background:var(--drawer);border-color:var(--edge);box-shadow:var(--shadow-dialog);padding:26px;max-height:calc(100dvh - 36px);overflow:auto}dialog::backdrop{background:#070c1399;backdrop-filter:none}dialog .kicker{font:10px 'IBM Plex Mono';color:var(--faint);text-transform:uppercase;letter-spacing:.08em}dialog .primary,dialog .secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:4px;font-size:13px;border:1px solid var(--edge)}dialog .primary{background:var(--accent);color:var(--bg);flex:1}dialog .primary:hover{color:var(--bg)}dialog .secondary{background:var(--panel)}dialog .modal-actions{display:flex;gap:10px;margin-top:22px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.karta-frame{margin:16px;width:calc(100% - 32px);border:1px solid var(--edge);border-radius:7px;box-shadow:var(--shadow-panel);background:var(--bg)}
@media(min-width:1550px){#app{grid-template-columns:50px 190px minmax(0,1fr)}.split{grid-template-columns:minmax(0,1fr) 340px;padding:24px;gap:22px}.section-content{padding:28px}.detail-scroll{padding:24px}.sidebar nav a{font-size:14px}.page-head{padding:22px 27px}}
@media(max-width:1190px){#app{grid-template-columns:42px 146px minmax(0,1fr)}.split{grid-template-columns:minmax(0,1fr) 274px;padding:13px;gap:12px}.sidebar{padding-inline:9px}.sidebar nav a{padding-inline:6px;font-size:12px;gap:6px}.wordmark{min-width:120px}.details h2{font-size:21px}.detail-scroll{padding:16px}.detail-tabs{margin-inline:-16px;padding-inline:16px}.object-row{grid-template-columns:28px minmax(0,1fr);gap:10px}.object-row .row-meta{grid-column:2}.section-content{padding:18px}.rule{padding:16px}}
@media(max-height:790px) and (min-width:901px){.page-head{padding-top:12px;padding-bottom:12px}.page-head h1{font-size:22px}.split{padding-top:13px;padding-bottom:13px}.check-row{padding:12px}.object-row{padding-top:14px;padding-bottom:14px}.rule{margin-bottom:11px}.details h2{font-size:21px}.detail-block{padding:14px 0}}
@media(max-width:900px){#app{grid-template-columns:42px minmax(0,1fr)}.split{grid-template-columns:minmax(0,1fr) 270px}.topbar,.statusbar{grid-column:2}.work{grid-column:2}.top-company{display:none}}
@media(max-width:700px){#app{display:block;height:auto;min-height:100dvh;padding-left:40px;overflow:visible}.rail{width:40px;position:fixed;top:0;bottom:0;height:100dvh;z-index:6}.topbar{position:sticky;top:0;height:47px;padding:0 10px;gap:8px;z-index:5}.topbar .prototype{font-size:9px;padding:3px 5px}.topbar .mode{display:none}.wordmark{min-width:auto;font-size:12px}.sidebar{display:none}.split,body.presentation .split{display:flex;flex-direction:column;padding:12px;gap:15px;overflow:visible}.page-head{padding:20px 15px}.page-head h1{font-size:23px}.main-pane{overflow:visible}.details{overflow:visible}.detail-scroll{padding:20px}.details h2{font-size:24px}.details p{font-size:14px}.detail-tabs{padding-inline:20px;margin-inline:-20px}.section-content{padding:18px 15px}.object-row{grid-template-columns:28px minmax(0,1fr)}.rule{grid-template-columns:1fr}.table-list{padding:0 10px}.task-row{grid-template-columns:1fr}.toolbar{padding:12px;flex-wrap:wrap}.document{padding:22px 18px}.document dl{grid-template-columns:1fr}.statusbar{white-space:normal;min-height:32px;padding:9px 12px}.statusbar span:last-child{display:none}.karta-frame{height:670px;flex:none;width:calc(100% - 24px);margin:12px}.flow-track{flex-wrap:wrap}.change-grid{grid-template-columns:1fr}.btn{white-space:normal}.detail-head{flex-wrap:wrap;gap:8px}}

.site-return{margin-left:auto;color:#bacac2;font-size:12px;white-space:nowrap;text-decoration:none;border-bottom:1px solid #81968b;padding-block:4px}.site-return:hover{color:#fff}.topbar .prototype{margin-left:0}@media(max-width:600px){.topbar{gap:10px!important}.topbar .prototype{display:none}.site-return{font-size:11px}}