/* App geometry only. Semantic roles, controls and typography come from the pinned native style layer. */
.workspace{display:grid;grid-template-columns:var(--tl-layout-rail) minmax(0,1fr);min-height:100dvh}
.rail{display:flex;flex-direction:column;padding:var(--tl-space-6) var(--tl-space-5);background:var(--tl-nav-bg);color:var(--tl-nav-text)}
.wordmark{color:var(--tl-nav-text);font-size:var(--tl-type-section);font-weight:var(--tl-weight-strong);text-decoration:none;letter-spacing:-.02em;white-space:nowrap}
.rail-caption{color:var(--tl-nav-muted);font-size:var(--tl-type-label);text-transform:uppercase;letter-spacing:.12em;margin:var(--tl-space-2) 0 var(--tl-space-12)}
.rail nav{display:flex;flex-direction:column;gap:var(--tl-space-2)}
.rail nav a{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tl-space-2);padding:var(--tl-space-3);min-height:44px;color:var(--tl-nav-text);font-size:var(--tl-type-ui);text-decoration:none;border-radius:var(--tl-radius-control)}
.rail nav a:hover,.rail nav a[aria-current="page"]{background:var(--tl-nav-selected-bg);color:var(--tl-nav-selected-text)}
.rail :focus-visible{outline-color:var(--tl-nav-focus)}
.rail-tag{font-size:var(--tl-type-label);color:var(--tl-nav-muted)}
.rail-foot{margin-top:auto;padding-top:var(--tl-space-12);color:var(--tl-nav-muted);font-size:var(--tl-type-meta)}
.account-name{overflow-wrap:anywhere;color:var(--tl-nav-text)}
.workbody{display:flex;flex-direction:column;min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--tl-space-6);padding:var(--tl-space-4) var(--tl-space-10);border-bottom:1px solid var(--tl-border-subtle)}
.appearance{position:relative;padding:0;border:0;flex-shrink:0}
.appearance summary{color:var(--tl-text-link);padding:var(--tl-space-2);min-height:44px;display:list-item}
.appearance-fields{position:absolute;right:0;top:100%;z-index:var(--tl-z-nav);display:grid;gap:var(--tl-space-4);width:260px;max-width:calc(100vw - 32px);padding:var(--tl-space-5);background:var(--tl-surface-raised);border:1px solid var(--tl-control-border);border-radius:var(--tl-radius-control)}
main{width:100%;max-width:var(--tl-layout-workspace);padding:var(--tl-space-12) var(--tl-space-10);flex:1;min-width:0}
main:focus{outline:none}
.intro{max-width:78ch;color:var(--tl-text-secondary);margin-bottom:var(--tl-space-8)}
.section{margin-top:var(--tl-space-8)}
.reading{max-width:var(--tl-layout-reading)}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--tl-space-6);margin-bottom:var(--tl-space-8)}
.section-head p{max-width:70ch;margin-bottom:0}
.section-head .tl-button{flex-shrink:0}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tl-space-6);padding:var(--tl-space-6) 0;margin:var(--tl-space-8) 0;border-top:1px solid var(--tl-border-subtle);border-bottom:1px solid var(--tl-border-subtle)}
dt{font-size:var(--tl-type-label);font-weight:var(--tl-weight-strong);text-transform:uppercase;letter-spacing:.08em;color:var(--tl-text-secondary);margin-bottom:var(--tl-space-2)}
dd{margin:0 0 var(--tl-space-4)}
.facts dd{margin:0}
.record-id{display:block;margin-top:var(--tl-space-1);font-size:var(--tl-type-meta);font-weight:var(--tl-weight-regular);color:var(--tl-text-secondary)}
.break{overflow-wrap:anywhere;word-break:normal}
.nowrap{white-space:nowrap}
.tl-table tbody th{height:var(--tl-row-height);padding:var(--tl-space-2) var(--tl-space-4);border-bottom:1px solid var(--tl-border-subtle);vertical-align:middle;background:transparent;color:var(--tl-text-primary);font-size:var(--tl-type-ui);font-weight:var(--tl-weight-regular);max-width:36rem}
.tl-table tbody tr:hover th{background:var(--tl-surface-hover)}
.tl-table td{max-width:34rem}
.table-scroll:focus-visible{outline-offset:var(--tl-space-1)}
.request-details{max-width:var(--tl-layout-reading);padding:var(--tl-space-6);background:var(--tl-surface-sunken);margin-bottom:var(--tl-space-6)}
.fingerprint{font-size:var(--tl-type-ui);line-height:var(--tl-leading-prose)}
.code-form{display:grid;gap:var(--tl-space-5);max-width:32rem}
.code-form button{justify-self:start}
.owner-actions{display:flex;flex-wrap:wrap;gap:var(--tl-space-3)}
.owner-actions button{white-space:normal;text-align:left}
.footer{padding:var(--tl-space-6) var(--tl-space-10);border-top:1px solid var(--tl-border-subtle)}
@media(max-width:1000px){.section-head{flex-direction:column}.topbar,main,.footer{padding-left:var(--tl-space-6);padding-right:var(--tl-space-6)}}
@media(max-width:760px){.workspace{grid-template-columns:minmax(0,1fr)}.rail{padding:var(--tl-space-4)}.wordmark{font-size:var(--tl-type-subheading)}.rail-caption{margin-bottom:var(--tl-space-4)}.rail nav{flex-direction:row;flex-wrap:wrap;gap:var(--tl-space-1)}.rail-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--tl-space-3);padding-top:var(--tl-space-4);margin-top:0;flex-wrap:wrap}.rail-foot>p:first-child{display:none}.rail-foot p{margin:0}.topbar{gap:var(--tl-space-3);padding:var(--tl-space-2) var(--tl-space-4)}main{padding:var(--tl-space-8) var(--tl-space-4)}.footer{padding:var(--tl-space-5) var(--tl-space-4)}.facts{grid-template-columns:minmax(0,1fr);gap:var(--tl-space-4)}.request-details{padding:var(--tl-space-4)}.button-row>*{max-width:100%}.tl-table{min-width:36rem}.tl-empty{padding:var(--tl-space-6) var(--tl-space-4)}}
@media(forced-colors:active){.rail nav a[aria-current="page"]{outline:1px solid Highlight}.facts,.request-details{border:1px solid CanvasText}}