/* Platform-wide layout: console, customer workspace, documentation and diagnostics. */
:root{}
.skip-link{position:fixed;top:-80px;left:20px;z-index:1000;background:var(--surface);padding:var(--space-12) var(--space-18);border:2px solid var(--accent);border-radius:var(--radius-md)}.skip-link:focus{top:12px}
[hidden]{display:none!important}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
.console-app main{padding-top:28px;max-width:1600px}.console-app main:focus{outline:none}
.sidebar{padding:var(--space-24) var(--space-18)}.sidebar nav{gap:var(--space-20);margin-top:22px}.workspace-label{display:none}
.nav-group{display:grid;gap:var(--space-4)}.nav-group-title{padding:0 var(--space-12) 7px;color:#8a97a9;font-size:var(--font-size-11);letter-spacing:.08em}
.sidebar nav a{padding:var(--space-10) var(--space-12);font-size:var(--font-size-13)}.sidebar-foot{margin-top:24px;padding-bottom:12px;gap:var(--space-12)}
.breadcrumb{display:flex;align-items:center;gap:var(--space-12);min-width:0}.breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb a{color:var(--muted);white-space:nowrap}
.topbar{height:68px;gap:var(--space-16)}.user-menu{flex-shrink:0}.page-title{align-items:flex-start;gap:var(--space-20);margin-bottom:24px}.eyebrow{display:none}.page-title h1{font-size:var(--font-size-25)}
.page-actions{display:flex;gap:var(--space-10);align-items:center;flex-wrap:wrap;justify-content:flex-end}.page-actions:empty{display:none}.page-actions .modal-entry,.page-actions .action-toolbar{margin:0}
.console-app main>.section-intro h2{display:none}.console-app main>.section-intro{margin-bottom:18px}.console-app main>.section-intro p{margin:0}
.filter-bar{margin:0 0 var(--space-24)}.filter-bar label{min-width:140px}.filter-bar .search{max-width:320px}.filter-bar input,.filter-bar select{width:100%}
.metric-grid{gap:var(--space-16)}.metric{padding:var(--space-20)}.metric>strong{font-size:var(--font-size-28)}.metric-link{color:var(--ink);transition:border-color .15s,box-shadow .15s}.metric-link:hover{border-color:#9eb6ef;box-shadow:0 3px 14px #19355c0a;text-decoration:none}
.overview-header>.filter-bar{justify-content:flex-start}.overview-strip{border-radius:var(--radius-panel)}.balance-banner{border-radius:var(--radius-panel)}
.panel-heading{padding:var(--space-18) var(--space-22)}.panel-heading h2{font-size:var(--font-size-15)}.panel>h2{padding:var(--space-20) var(--space-22) 0}.panel>details{margin:var(--space-18) var(--space-22)}
.panel.guide-card>h2{padding:0}.panel>p{line-height:1.7}.table-wrap{max-width:100%;min-width:0}.table-wrap:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}
table{font-size:var(--font-size-13)}th{font-size:var(--font-size-12)}th,td{padding:var(--space-14) var(--space-20)}td{vertical-align:middle}td .mono,td.mono{overflow-wrap:anywhere}td pre{max-width:640px}
.setup-banner{border-color:#dbe5fc;background:#f7faff}.setup-banner h2{padding:0}.setup-banner p{max-width:780px}
.task-actions{display:flex;align-items:center;gap:var(--space-14);justify-content:flex-end;margin:-48px 0 var(--space-22)}.task-actions+.panel{clear:both}
.audit-record{font-size:var(--font-size-12);line-height:1.65;background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--space-16);white-space:pre-wrap;overflow-wrap:anywhere}
.api-endpoint{display:block;padding:var(--space-10) var(--space-12);background:#f4f7fc;border-radius:var(--radius-sm);margin:var(--space-14) 0;color:#496385}.api-service-grid .section-intro{align-items:flex-start;flex-wrap:wrap;gap:var(--space-10)}.api-service-grid .section-intro h2{font-size:var(--font-size-16)}.spec-list{padding-left:20px;line-height:1.8;font-size:var(--font-size-12)}
.login-card h2{font-size:var(--font-size-27)}.login-card form{gap:var(--space-20)}.login-story h1{font-size:var(--font-size-40)}.login-panel{min-width:0}.login-card{max-width:370px}
.nav-toggle{display:none}.navigation-scrim{display:none}.docs-app .docs-search{display:grid;gap:var(--space-8);font-size:var(--font-size-12);margin-bottom:16px}.docs-search input{width:100%;min-width:0;padding:var(--space-10) var(--space-12);border:1px solid #dbe3f0;border-radius:var(--radius-control);font:inherit;background:var(--color-surface)}.docs-layout nav a.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.docs-app section{scroll-margin-top:100px}.docs-app button{font-family:inherit}




@media(min-width:1001px){.console-app[data-page=overview] .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.console-app[data-page=billing] .statement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.page-title{flex-wrap:wrap}.task-actions{margin:0 0 var(--space-20);justify-content:flex-start}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.console-app .sidebar{position:fixed;inset:0 auto 0 0;width:272px;max-width:85vw;transform:translateX(-100%);z-index:60;padding:var(--space-22) var(--space-18);overflow-y:auto;transition:transform .18s ease;background:var(--surface)}.console-app .sidebar nav{display:grid;overflow:visible;margin-top:26px}.console-app .sidebar nav a{white-space:normal}.console-app .sidebar-foot{display:grid}.navigation-open .sidebar{transform:none}.navigation-open{overflow:hidden}.navigation-open .navigation-scrim{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#14253c80;z-index:50;padding:0}.nav-toggle{display:inline-flex}.console-app .main-shell{margin-left:0}.console-app .topbar{height:64px;padding:0 var(--space-16)}.breadcrumb{gap:var(--space-8);font-size:var(--font-size-12)}.breadcrumb>a{display:none}.breadcrumb>span:not(:last-child){display:none}.user-menu .avatar{display:none}.user-menu form{margin-left:0}.console-app main{padding:var(--space-22) var(--space-16)}.page-title{margin-bottom:20px;gap:var(--space-16)}.page-actions{justify-content:flex-start;max-width:100%}.page-title h1{font-size:23px}.filter-bar{gap:var(--space-12);padding:var(--space-16)}.filter-bar label{min-width:0;flex:1 1 135px}.filter-bar .search{flex-basis:100%;max-width:none}.filter-bar .search input{min-width:0}.metric-grid,.statement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:var(--space-16)}.metric>strong{font-size:var(--font-size-24)}.panel-heading{padding:var(--space-16);gap:var(--space-10)}.panel-heading>.muted{width:100%}.detail-grid{padding:var(--space-20) var(--space-16);gap:var(--space-20)}.api-service-grid{grid-template-columns:1fr;padding:var(--space-16)}.guide-card{padding:var(--space-20)}.login-panel{padding:var(--space-28) var(--space-24)}.docs-layout nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-14);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel)}.docs-layout nav .docs-search,.docs-layout nav>strong{grid-column:1/-1}.docs-app section{padding:var(--space-22) var(--space-16)}.docs-app .brand{font-size:var(--font-size-17)}.docs-app header>a:last-child{white-space:nowrap}.docs-app .hero h1{font-size:var(--font-size-27)}footer{padding:var(--space-16)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


@media(max-width:760px){.user-menu .account-link{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.playground-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-24);align-items:start}.playground-layout form,.playground-fields{display:grid;gap:var(--space-18)}.playground-layout label{display:grid;gap:var(--space-8)}.playground-layout small{font-size:var(--font-size-12);line-height:1.6;color:var(--muted)}.playground-layout textarea,.playground-layout input,.playground-layout select{width:100%;min-width:0}.playground-layout details{border:1px solid var(--line);padding:var(--space-16);border-radius:var(--radius-md)}.playground-layout summary{cursor:pointer;font-weight:600}.playground-result{position:sticky;top:20px}.playground-result video{width:100%;max-height:500px;background:#111;border-radius:var(--radius-md)}.playground-layout button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.playground-layout{grid-template-columns:1fr}.playground-result{position:static}}

.playground-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-span{grid-column:1/-1}.playground-layout form>p{margin:0}.playground-layout .notice{margin:0}.playground-layout .playground-fields label{min-width:0}.playground-layout #playground-advanced>p{margin:var(--space-12) 0}.playground-layout #playground-advanced[open]>.playground-fields{margin-top:16px}@media(max-width:600px){.playground-fields{grid-template-columns:1fr}}


.playground-tabs{display:flex;gap:var(--space-28);border-bottom:1px solid var(--line);margin:0 0 var(--space-24);padding:0;overflow-x:auto}.playground-tabs [role=tab]{display:block;flex-shrink:0;padding:var(--space-14) 2px;border-bottom:3px solid transparent;color:var(--muted);font-size:var(--font-size-15);font-weight:600;text-decoration:none}.playground-tabs [aria-selected=true]{color:#355ee8;border-bottom-color:#355ee8}.playground-tabs [role=tab]:hover{color:#355ee8}.playground-tabs [role=tab]:focus-visible{outline:2px solid #355ee8;outline-offset:-2px}
/* Creation workspace: compact controls, local media cards and a quiet result canvas. */
.playground-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:var(--space-24)}.playground-composer.guide-card{padding:var(--space-24)}.playground-layout form{gap:var(--space-22)}.playground-layout label{font-size:var(--font-size-13);color:#43536b;font-weight:500}.playground-layout input,.playground-layout select{min-height:var(--control-height);border-radius:var(--radius-md);background:var(--color-surface)}.playground-layout textarea{border-radius:var(--radius-panel);padding:var(--space-14);line-height:1.8;resize:vertical}.playground-account{background:#f7f9fc;border:1px solid #edf0f5;border-radius:var(--radius-panel);padding:var(--space-14) var(--space-16)}.playground-account select{margin-top:4px}.playground-account #playground-balance{margin:var(--space-8) 0 0;font-size:var(--font-size-12)}.playground-layout #playground-api-help{font-size:var(--font-size-12);line-height:1.7;margin:0;color:var(--muted)}.playground-settings{border-top:1px solid var(--line);padding-top:20px}.playground-settings h2{font-size:var(--font-size-13);margin:0 0 var(--space-14);color:#43536b}.playground-fields{gap:var(--space-14) var(--space-16)}.playground-layout #playground-advanced{padding:var(--space-14) var(--space-16);background:#fafbfd;border-color:#edf0f5}.playground-layout #playground-advanced summary{font-size:var(--font-size-12);color:#64748b}.playground-submit-bar{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:var(--space-14)}.playground-submit-bar #playground-estimate{background:var(--color-surface-subtle);border:0;color:#65738b;font-size:var(--font-size-12);padding:var(--space-12) var(--space-14);line-height:1.7}.playground-submit-bar .action-buttons{display:flex;justify-content:flex-end;gap:var(--space-10)}.playground-submit-bar button{min-height:42px;border-radius:var(--radius-md)}.playground-submit-bar #playground-submit{min-width:150px}.playground-result.guide-card{padding:var(--space-24)}.playground-result h2{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);margin:0 0 var(--space-20);font-size:var(--font-size-16)}.playground-result h2 span{font-size:var(--font-size-11);font-weight:400;color:#94a0b3}.playground-empty{display:flex;min-height:310px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #dce3ef;border-radius:var(--radius-lg);background:linear-gradient(145deg,#f8faff,#f2f5fa);color:#74829a;text-align:center}.playground-empty[hidden]{display:none}.playground-empty-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #dee6f2;border-radius:18px;background:var(--surface);font-size:var(--font-size-32);color:#7d94c8;margin-bottom:18px}.playground-empty strong{font-size:var(--font-size-14);color:#61718c}.playground-empty p{font-size:var(--font-size-12);line-height:1.8;margin:var(--space-10) 0}.playground-result #playground-status{font-size:var(--font-size-13);color:#65738b}.playground-result-note{border-top:1px solid var(--line);padding-top:16px;font-size:var(--font-size-12)}.playground-result #playground-cost:empty{display:none}
#playground-media{display:grid;gap:var(--space-14)}#playground-media p{margin:0;font-size:var(--font-size-12);line-height:1.7}#playground-media.media-frames{grid-template-columns:repeat(2,minmax(0,1fr))}#playground-media.media-frames>label,#playground-media.media-frames>p,#playground-media.media-frames>.media-retention{grid-column:1/-1}.media-slot{min-width:0}.media-slot h3{font-size:var(--font-size-13);margin:0 0 var(--space-10);color:#43536b}.playground-layout .media-drop{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-6);min-height:132px;padding:var(--space-20);border:1px dashed #c6d2e5;border-radius:var(--radius-panel);background:#f9fbfe;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.playground-layout .media-drop[hidden]{display:none}.media-drop:hover,.media-drop.dragover{border-color:#5578eb;background:#f0f5ff}.media-drop:focus-within{outline:2px solid #5578eb;outline-offset:3px}.media-drop.is-disabled{opacity:.55;cursor:wait}.playground-layout .media-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer}.media-upload-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#6581bc;font-size:var(--font-size-25);line-height:1;background:#eaf0fa}.media-drop strong{font-size:var(--font-size-13);font-weight:500;color:#45628d}.media-drop-hint{font-size:var(--font-size-11);color:#92a0b5}.media-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-12);margin-top:12px}.media-previews:empty{display:none}.media-preview{position:relative;min-width:0;overflow:hidden;border:1px solid #e2e8f1;border-radius:var(--radius-panel);background:var(--color-surface)}.media-preview>img,.media-preview>video{display:block;width:100%;height:128px;object-fit:contain;background:#f2f5fa}.media-preview>audio{display:block;width:100%;height:50px;margin:40px 0 15px}.media-badge{position:absolute;top:9px;left:9px;border:1px solid #e2e7f0;background:#ffffffeb;border-radius:var(--radius-badge);font-size:var(--font-size-10);padding:3px var(--space-6);color:#62728c;pointer-events:none}.media-file-info{padding:11px var(--space-12);display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:center}.media-file-info strong{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-12);color:#43536b}.media-file-size{font-size:var(--font-size-10);color:#98a3b4}.playground-layout .media-upload-status{font-size:var(--font-size-10);color:#299276}.media-preview[data-state=uploading] .media-upload-status{color:#5a79c1}.media-preview[data-state=error] .media-upload-status{color:#b44444;overflow-wrap:anywhere}.playground-layout .media-remove{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:26px;height:26px;min-height:0;padding:0;border:1px solid #e2e7f0;border-radius:50%;background:var(--color-surface);color:#6b778b;font-size:19px;line-height:1}.playground-layout .media-remove:hover{background:#fff1f1;border-color:#efc6c6;color:#b44444}.media-preview>button.secondary{margin:0 var(--space-12) var(--space-12);padding:5px var(--space-10);font-size:var(--font-size-11)}.media-frames .media-previews{grid-template-columns:1fr;margin-top:0}.media-retention{font-size:var(--font-size-11)!important;color:#97a3b5!important;line-height:1.7}.media-type-video:only-child{grid-column:1/-1}.media-type-video:only-child>video{height:200px}.media-frames .media-preview>img{height:132px}
@media(max-width:1000px){.playground-layout{grid-template-columns:1fr}.playground-result{position:static}}@media(max-width:600px){.playground-composer.guide-card,.playground-result.guide-card{padding:var(--space-18)}.playground-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-fields .playground-span{grid-column:1/-1}.playground-empty{min-height:230px}.media-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-result h2 span{display:none}.media-drop-hint{font-size:var(--font-size-10)}.playground-layout .media-drop{padding:var(--space-14) var(--space-8)}.playground-submit-bar .action-buttons{display:grid;grid-template-columns:1fr 1.4fr}.playground-submit-bar #playground-submit{min-width:0}}
.playground-layout [hidden]{display:none!important}
/* Indeterminate task activity; no invented percentage or completion time. */
.playground-empty.is-generating{position:relative;overflow:hidden;background:linear-gradient(130deg,#f6f8ff,#edf3ff,#faf6ff);background-size:200% 200%;animation:playground-glow 6s ease-in-out infinite}.playground-empty.is-generating .playground-empty-icon{position:relative;color:#5271df;background:#ffffffcc;border-color:#e1e7fb;animation:playground-breathe 2.6s ease-in-out infinite}.playground-empty.is-generating .playground-empty-icon:before{content:'';position:absolute;inset:-10px;border:2px solid #dfe6fb;border-top-color:#6b88ef;border-right-color:#a8b9f7;border-radius:50%;animation:playground-orbit 1.8s linear infinite}.playground-empty.is-generating strong{margin-top:10px;color:#4e64a2}.playground-empty.is-generating:after{content:'';position:absolute;bottom:0;left:0;width:35%;height:3px;background:linear-gradient(90deg,transparent,#8aa1f1,transparent);animation:playground-sweep 2.8s ease-in-out infinite}@keyframes playground-orbit{to{transform:rotate(360deg)}}@keyframes playground-breathe{50%{box-shadow:0 0 28px #a8b9ee55}}@keyframes playground-glow{50%{background-position:100% 100%}}@keyframes playground-sweep{from{transform:translateX(-110%)}to{transform:translateX(390%)}}@media(prefers-reduced-motion:reduce){.playground-empty.is-generating,.playground-empty.is-generating .playground-empty-icon,.playground-empty.is-generating .playground-empty-icon:before,.playground-empty.is-generating:after{animation:none}.playground-empty.is-generating:after{width:100%;opacity:.4}}
.playground-tabs [hidden]{display:none!important}#playground-editor{display:grid;gap:var(--space-22)}#playground-editor[hidden]{display:none!important}
/* Keep lookup search and selection on one row in list filters. */
.console-app main > form.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-14);padding:var(--space-20)}
.console-app main > form.filter-bar > label{flex:1 1 160px;min-width:0;margin:0}
.console-app main > form.filter-bar > label.search{flex:1.2 1 220px}
.console-app main > form.filter-bar > label.customer-filter{flex:2 1 330px;order:-1}
.console-app .filter-customer-picker{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:start}
.console-app .filter-customer-picker .remote-select-search{margin:0;min-width:0}
.console-app .filter-customer-picker input,.console-app .filter-customer-picker select{width:100%;min-width:0;margin:0}
.console-app .filter-customer-picker small:empty{display:none}
.console-app .filter-customer-picker small{position:absolute;top:100%;left:0;font-size:var(--font-size-11)}
.filter-scope{margin:0 0 var(--space-18);color:#65738b;font-size:var(--font-size-13)}
.console-app main > form.list-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-18) var(--space-16);align-items:end;padding:var(--space-24)}
.console-app .list-filters .filter-field{display:grid;gap:var(--space-8);min-width:0;max-width:none;margin:0}
.console-app .list-filters .filter-field > label{margin:0;min-width:0}
.console-app .list-filters .filter-client,.console-app .list-filters .filter-query{grid-column:span 2}
.console-app .list-filters .filter-date{grid-column:span 2}
.console-app .list-filters input,.console-app .list-filters select{height:42px;min-width:0;margin:0}
.console-app .list-filters .filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-10);min-height:42px;white-space:nowrap}
.console-app .list-filters-billing .filter-actions{grid-column:span 2}
.console-app .list-filters-tasks .filter-actions{grid-column:1/-1}
.console-app main > form.list-filters-keys{grid-template-columns:minmax(300px,1.3fr) minmax(220px,1fr) auto}
.console-app .list-filters-keys .filter-client,.console-app .list-filters-keys .filter-query{grid-column:auto}
@media(max-width:1000px){.console-app main > form.list-filters,.console-app main > form.list-filters-keys{grid-template-columns:repeat(2,minmax(0,1fr))}.console-app .list-filters .filter-client,.console-app .list-filters .filter-query{grid-column:1/-1}.console-app .list-filters .filter-date,.console-app .list-filters .filter-state,.console-app .list-filters .filter-actions{grid-column:auto}.console-app .list-filters-billing .filter-actions,.console-app .list-filters-keys .filter-actions{grid-column:1/-1}}
@media(max-width:600px){.console-app main > form.list-filters{padding:var(--space-16);gap:var(--space-16) var(--space-10)}.console-app .list-filters .filter-customer-picker{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.console-app .list-filters .filter-actions{justify-content:flex-start}.console-app .list-filters .filter-state{grid-column:1/-1}}
@media(max-width:600px){.console-app main > form.filter-bar > label,.console-app main > form.filter-bar > label.customer-filter{flex-basis:100%}.console-app .filter-customer-picker{grid-template-columns:1fr}}

/* Compact list tools and secondary actions. */
.list-tools,.compact-search{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.list-tools{margin-left:auto}.compact-search{margin:0;padding:0;background:none;border:0}.compact-search label{margin:0}.compact-search input{width:210px;margin:0}.row-more{min-width:66px}.row-more>summary{cursor:pointer;color:var(--accent);padding:var(--space-10) var(--space-12);list-style:none;border:1px solid var(--color-input-border);border-radius:var(--radius-control)}.row-more>summary::after{content:' ▾'}.row-more[open]>summary{margin-bottom:8px}.row-more>.action-buttons{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-8)}.row-more dialog{text-align:left}
@media(max-width:720px){.list-tools{margin-left:0;width:100%}.compact-search{flex:1}.compact-search label{flex:1;min-width:100px}.compact-search input{width:100%}}
.console-app[data-page="customers"] main>form.filter-bar,.console-app[data-page="channels"] main>form.filter-bar,.console-app[data-page="notifications"] main>form.filter-bar{padding:0;border:0;background:none;justify-content:flex-end;gap:var(--space-8);margin-bottom:18px}.console-app[data-page="customers"] main>form.filter-bar label,.console-app[data-page="channels"] main>form.filter-bar label,.console-app[data-page="notifications"] main>form.filter-bar label{flex:0 1 300px;min-width:0}

/* Row actions float above tables without changing row height or being clipped. */
.console-app button.danger,.console-app .button.danger{background:#c73636;color:var(--color-on-primary);border-color:#c73636}
.row-menu-trigger{min-height:34px;padding:var(--space-8) var(--space-12);color:var(--color-secondary-text)}
.row-action-menu{position:fixed;inset:auto;margin:0;min-width:156px;max-width:calc(100vw - 16px);padding:var(--space-6);border:1px solid #e1e6ef;border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:0 8px 28px #172b4d26;color:var(--color-text)}
.row-action-menu:popover-open{display:flex;flex-direction:column;gap:2px}
.console-app .row-action-menu>button,.console-app .row-action-menu>a{justify-content:flex-start;width:100%;min-height:36px;padding:9px var(--space-12);background:transparent;border:0;border-radius:var(--radius-sm);color:#34445e;font-size:var(--font-size-13);text-align:left}
.console-app .row-action-menu>button:hover,.console-app .row-action-menu>a:hover{background:#f2f5fb;filter:none}
.console-app .row-action-menu>button.danger{color:#b42318;background:transparent;border-top:1px solid #edf0f5;border-radius:0;margin-top:4px;padding-top:12px;order:1}
.console-app .row-action-menu>button.danger:hover{background:#fff1f0}
/* Task records: identity first, evidence grouped by execution stage. */
.task-return-link{margin:0;padding:var(--space-6) 0;white-space:nowrap}.task-overview .panel-heading h2{margin-bottom:8px}.task-overview .detail-grid{gap:var(--space-22)}.task-overview .detail-grid>div{min-width:0;align-content:start;overflow-wrap:anywhere}.task-overview .status{width:max-content}.task-result-empty{padding:var(--space-18) var(--space-20);background:var(--color-surface-subtle);border:1px solid var(--line);border-radius:var(--radius-md);color:#52647f}.task-result-empty p{font-size:var(--font-size-13);margin:var(--space-8) 0}.task-result-empty small{color:var(--muted)}.task-stage-meta{display:flex;gap:var(--space-10) var(--space-22);flex-wrap:wrap;font-size:var(--font-size-12);margin:0 0 var(--space-10);color:#52647f}.task-execution .task-identifiers{margin:var(--space-14) 0}.task-runtime{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12) var(--space-20);font-size:var(--font-size-12)}.task-runtime>div{min-width:0}.task-runtime dt{color:var(--muted);margin-bottom:5px}.task-runtime dd{margin:0;overflow-wrap:anywhere}.task-request-summary{padding:var(--space-18) 0}.task-callback-url{overflow-wrap:anywhere}.task-delivery{padding:var(--space-16) 0;border-top:1px solid var(--line);font-size:var(--font-size-13)}.task-delivery small{overflow-wrap:anywhere}.task-list th,.task-list td{padding:var(--space-16) var(--space-14)}.task-list .task-id{display:block;max-width:205px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list .task-time{white-space:nowrap}.task-list td:first-child{min-width:110px}.task-channel-line{display:flex;gap:var(--space-8);align-items:baseline;margin-bottom:5px;font-size:var(--font-size-12);max-width:270px}.task-channel-line small{flex:none;margin:0;color:#8795aa}.task-error-excerpt{max-width:190px;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-danger)!important}.task-execution .timeline-item{scroll-margin-top:20px}.task-execution .timeline-item:target{background:#f8faff;outline:3px solid #e4ebfb;border-radius:var(--radius-sm)}.task-execution .timeline-item>.notice{margin:var(--space-12) 0}.task-execution .timeline{padding:var(--space-24)}
@media(max-width:760px){.task-execution .timeline{padding:var(--space-20) var(--space-16)}.task-execution .timeline-item{padding-left:18px}}
/* Polling and diagnostic actions are distinct from reloading saved records. */
.task-poll-control,.task-upstream-query{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap;margin:var(--space-16) 0}.task-poll-control{margin-bottom:20px}.task-upstream-query button{min-height:32px;font-size:var(--font-size-12)}

.task-response-row{position:relative;margin:var(--space-18) var(--space-22)}.task-response-row summary{padding-right:84px;min-height:32px;align-content:center}.task-response-row>.task-response-refresh{position:absolute;right:0;top:16px;min-height:30px;padding:var(--space-4) var(--space-10);font-size:var(--font-size-12);line-height:20px}.task-response-row>[data-response-feedback]{display:block;margin:0 0 var(--space-12);color:var(--color-danger)}
/* Channel administration: page-specific list spacing, shared controls unchanged. */
.channel-list-note{margin:0;padding:0 var(--space-24) var(--space-16)}


.channel-account-head,.channel-account-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,2fr) minmax(0,1fr) 15rem;align-items:center;gap:var(--space-20);padding:var(--space-16) var(--space-24)}
.channel-account-head{background:var(--color-surface-subtle);color:var(--muted);font-size:var(--font-size-12)}
.channel-account-row{border-top:1px solid var(--line)}
.channel-account-row>div{min-width:0;overflow-wrap:anywhere}
.channel-account-row small{display:block;margin-top:var(--space-6);color:var(--muted);font-size:var(--font-size-12)}
.channel-field-label{display:none}
@media(max-width:760px){
.channel-account-head{display:none}
.channel-account-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16);padding:var(--space-16)}
.channel-account-name{grid-column:1/-1}
.channel-account-row>div:nth-child(2){grid-column:1/-1}
.channel-account-action{grid-column:1/-1;grid-row:4;justify-self:start}
.channel-account-row>div:nth-child(3){grid-column:1}
.channel-account-row>div:nth-child(4){grid-column:2;align-self:start}
.channel-field-label{display:block;color:var(--muted);font-size:var(--font-size-12);margin-bottom:var(--space-6)}
}

.channel-account-action{display:flex;gap:var(--space-6);flex-wrap:nowrap}
.channel-config-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:var(--space-16)}

.channel-key-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-16) 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.channel-key-row>div{min-width:0;overflow-wrap:anywhere}
.channel-key-row small{display:block;margin-top:var(--space-6)}