*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-on-surface);font-family:var(--font-body-md),"Sarabun",system-ui,sans-serif;font-size:var(--text-body-md);line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.75rem,2vw,2.3rem);line-height:1.2;letter-spacing:-.035em}h2{font-size:1rem;line-height:1.35}h3{font-size:.9rem}small{font-size:.75rem}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--spacing-6) var(--spacing-3);position:sticky;top:0;height:100vh;z-index:5}.brand{display:flex;gap:var(--spacing-3);align-items:center;padding:0 var(--spacing-3) var(--spacing-8)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-weight:900;font-size:1.35rem;letter-spacing:-.1em}.brand-mark span{color:var(--color-on-primary)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.19em;font-size:.82rem}.brand small{font-family:var(--font-label-sm),monospace;letter-spacing:.16em;color:var(--color-on-surface-muted);font-size:.55rem}.workspace-tag{margin:0 var(--spacing-2) var(--spacing-5);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-label-sm),monospace;font-size:.65rem;letter-spacing:.08em;color:var(--color-on-surface-muted);display:flex;gap:var(--spacing-2);align-items:center}.pulse-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary);display:inline-block;flex:none}.pulse-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.demo-tag{margin-left:auto;color:var(--color-warning);font-size:.58rem}.nav-list{display:grid;gap:var(--spacing-1)}.nav-item{appearance:none;border:0;background:transparent;color:var(--color-on-surface-muted);display:flex;align-items:center;gap:var(--spacing-3);min-height:42px;padding:0 var(--spacing-3);text-align:left;width:100%;border-radius:var(--radius-md);font-weight:600;font-size:.85rem}.nav-item:hover{background:var(--color-surface-2);color:var(--color-on-surface)}.nav-item.active{background:var(--color-accent);color:var(--color-on-accent)}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:26px;background:var(--color-primary);border-radius:var(--radius-full)}.nav-icon{font-size:1.2rem;width:21px;text-align:center;font-weight:400}.nav-arrow,.nav-count{margin-left:auto}.nav-count{font:var(--font-weight-label-sm) var(--text-label-sm) var(--font-label-sm),monospace;opacity:.65}.nav-section{font-family:var(--font-label-sm),monospace;color:var(--color-on-surface-muted);font-size:.6rem;letter-spacing:.15em;padding:var(--spacing-6) var(--spacing-3) var(--spacing-2)}.sidebar-bottom{margin-top:auto}.sidebar-card{display:flex;gap:var(--spacing-3);align-items:flex-start;padding:var(--spacing-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.sidebar-card strong,.sidebar-card small,.operator strong,.operator small{display:block}.sidebar-card strong{font-size:.72rem}.sidebar-card small{color:var(--color-on-surface-muted);margin-top:2px}.status-dot.success{background:var(--color-success)}.status-dot.warning{background:var(--color-warning)}.status-dot.error{background:var(--color-error)}.operator{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-3);align-items:center;margin-top:var(--spacing-4);padding:var(--spacing-5) var(--spacing-2) 0;font-size:.75rem}.operator small{color:var(--color-on-surface-muted)}.operator>span{margin-left:auto}.operator-avatar,.top-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--color-accent);color:var(--color-on-accent);font-weight:700;font-size:.67rem}.main-wrap{min-width:0;display:flex;flex-direction:column}.topbar{height:64px;border-bottom:1px solid var(--color-border);padding:0 var(--spacing-8);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--color-background) 90%,var(--color-surface))}.breadcrumb,.top-actions{display:flex;align-items:center;gap:var(--spacing-3)}.breadcrumb{font-family:var(--font-label-sm),monospace;font-size:.65rem;letter-spacing:.1em;color:var(--color-on-surface-muted)}.breadcrumb strong{color:var(--color-on-surface);font-weight:600}.top-source{display:flex;gap:var(--spacing-2);align-items:center;color:var(--color-on-surface-muted);font-size:.72rem}.icon-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-on-surface);width:32px;height:32px;border-radius:var(--radius-md);position:relative;font-size:1.1rem}.icon-button i{position:absolute;right:6px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--color-primary)}main{width:min(100%,1500px);margin:0 auto;padding:var(--spacing-8);flex:1}.view{display:none}.view.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.page-head p{color:var(--color-on-surface-muted);font-size:.86rem;margin-top:var(--spacing-2)}.eyebrow{font-family:var(--font-label-sm),monospace;font-size:.62rem;letter-spacing:.16em;color:var(--color-primary);font-weight:700;margin-bottom:var(--spacing-2)}.eyebrow span{color:var(--color-on-surface-muted)}.heading-accent{color:var(--color-primary);font-weight:400}.head-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.snapshot{font:var(--font-weight-label-sm) .65rem var(--font-label-sm),monospace;color:var(--color-on-surface-muted)}.button{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-4);min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3);font-size:.77rem;font-weight:700;transition:background .2s,border-color .2s}.button-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.button-primary:hover{background:var(--color-chart-2)}.button-outline{background:var(--color-surface-2);color:var(--color-on-surface)}.button-outline:hover{border-color:var(--color-primary)}.button.full{width:100%}.demo-banner{display:flex;gap:var(--spacing-3);align-items:center;background:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-5)}.demo-banner-icon{font-size:1.2rem;color:var(--color-primary)}.demo-banner strong{margin-right:var(--spacing-3);color:var(--color-on-accent);font-size:.8rem}.demo-banner span:last-child{font-size:.75rem;color:var(--color-on-accent)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.metric-card,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.metric-card{padding:var(--spacing-4) var(--spacing-5);min-height:142px}.metric-card.featured{background:linear-gradient(145deg,var(--color-accent),var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 27%,var(--color-border))}.metric-top{display:flex;justify-content:space-between;color:var(--color-on-surface-muted);font-size:.74rem;font-weight:600}.metric-icon{font-size:1.1rem;color:var(--color-primary)}.metric-icon.muted{color:var(--color-on-surface-muted)}.metric-value{font-family:var(--font-data-num),monospace;font-size:2.25rem;line-height:1.2;font-weight:700;letter-spacing:-.07em;margin:var(--spacing-4) 0 var(--spacing-2);white-space:nowrap}.metric-value small{font-family:var(--font-body-sm),system-ui;font-weight:400;letter-spacing:0;color:var(--color-on-surface-muted)}.metric-denom{font-size:1.15rem;color:var(--color-on-surface-muted);letter-spacing:0}.metric-foot{font-size:.65rem;color:var(--color-on-surface-muted);display:flex;align-items:center;gap:var(--spacing-2)}.mini-pill{font-family:var(--font-label-sm),monospace;font-size:.61rem;font-weight:700;white-space:nowrap}.mini-pill.good{color:var(--color-success)}.mini-pill.warn{color:var(--color-warning)}.mini-pill.bad{color:var(--color-error)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.overview-grid.lower{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.panel{padding:var(--spacing-5);min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.panel-note{font-size:.68rem;color:var(--color-on-surface-muted);white-space:nowrap}.chart-legend{display:flex;gap:var(--spacing-5);font-size:.68rem;color:var(--color-on-surface-muted);margin:var(--spacing-4) 0}.chart-legend span{display:flex;align-items:center;gap:var(--spacing-2)}.legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.legend-dot.posted{background:var(--color-primary)}.legend-dot.queued{background:var(--color-warning)}.chart-wrap{height:183px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--spacing-2)}.chart-grid{color:var(--color-on-surface-muted);font:var(--font-weight-label-sm) .6rem var(--font-label-sm),monospace;display:flex;flex-direction:column;justify-content:space-between;text-align:right;padding-bottom:23px}.bar-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-3);align-items:end;background:repeating-linear-gradient(to bottom,var(--color-border) 0 1px,transparent 1px 53px);padding:0 var(--spacing-2)}.bar-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--spacing-2)}.bar-track{height:calc(100% - 24px);display:flex;flex-direction:column-reverse;justify-content:flex-start;width:min(56%,40px);border-radius:var(--radius-sm) var(--radius-sm) 0 0;overflow:hidden}.bar-posted{background:var(--color-primary)}.bar-queued{background:var(--color-warning)}.bar-label{font:.62rem var(--font-label-sm),monospace;color:var(--color-on-surface-muted)}.chart-summary{border-top:1px solid var(--color-border);margin-top:var(--spacing-5);padding-top:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-8)}.chart-summary div{display:flex;flex-direction:column}.chart-summary strong{font:700 1.1rem var(--font-data-num),monospace}.chart-summary span{color:var(--color-on-surface-muted);font-size:.66rem}.text-link{border:0;background:none;padding:0;color:var(--color-primary);font-size:.72rem;font-weight:700;white-space:nowrap}.text-link:hover{text-decoration:underline}.chart-summary .text-link{margin-left:auto}.live-pill{display:flex;gap:var(--spacing-2);align-items:center;color:var(--color-success);font:.62rem var(--font-label-sm),monospace}.flow-steps{margin:var(--spacing-6) 0}.flow-step{display:flex;align-items:center;gap:var(--spacing-3)}.flow-number{display:grid;place-items:center;background:var(--color-accent);color:var(--color-primary);font:.65rem var(--font-label-sm),monospace;width:30px;height:30px;border-radius:var(--radius-sm)}.flow-step div{flex:1}.flow-step strong,.flow-step small{display:block}.flow-step strong{font-size:.78rem}.flow-step small{color:var(--color-on-surface-muted);margin-top:2px}.flow-check{color:var(--color-success)}.flow-connector{width:1px;height:15px;background:var(--color-border);margin:2px 0 2px 15px}.overview-news{display:grid}.overview-news-item{width:100%;border:0;border-top:1px solid var(--color-border);background:none;color:var(--color-on-surface);text-align:left;padding:var(--spacing-3) 0;display:flex;gap:var(--spacing-3);align-items:center}.overview-news-item:hover strong{color:var(--color-primary)}.news-thumb{width:48px;height:48px;border-radius:var(--radius-md);flex:none;display:grid;place-items:center;background:var(--color-accent);color:var(--color-primary);font-size:1.45rem}.overview-news-item>div:nth-child(2){min-width:0;flex:1}.overview-news-item strong,.overview-news-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-news-item strong{font-size:.76rem}.overview-news-item small{color:var(--color-on-surface-muted);margin-top:2px}.overview-news-item>span:last-child{color:var(--color-on-surface-muted)}.health-list{display:grid;gap:var(--spacing-4)}.health-list>div{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-2);font-size:.73rem}.health-list strong{font-family:var(--font-data-num),monospace}.progress{grid-column:1/-1;height:5px;border-radius:var(--radius-full);background:var(--color-surface-2);overflow:hidden}.progress i{display:block;background:var(--color-success);height:100%;border-radius:var(--radius-full)}.progress.amber i{background:var(--color-warning)}.progress.red i{background:var(--color-error)}.fleet-callout{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);margin-top:var(--spacing-5)}.fleet-glyph{font-size:1.5rem;color:var(--color-primary)}.fleet-callout>div{flex:1}.fleet-callout strong,.fleet-callout small{display:block}.fleet-callout strong{font-size:.73rem}.fleet-callout small{color:var(--color-on-surface-muted);margin-top:2px}.fleet-callout>span:last-child{color:var(--color-primary)}.source-strip{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.source-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--color-accent);color:var(--color-primary);border-radius:var(--radius-md);font-size:1.25rem}.source-strip>div:nth-child(2){flex:1}.source-strip strong,.source-strip span{display:block}.source-strip strong{font-size:.85rem}.source-strip span{font-size:.7rem;color:var(--color-on-surface-muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.section-heading p{color:var(--color-on-surface-muted);font-size:.72rem;margin-top:var(--spacing-1)}.segmented{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px;background:var(--color-surface)}.segmented button{border:0;border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-3);background:none;color:var(--color-on-surface-muted);font-size:.7rem}.segmented button.active{background:var(--color-surface-2);color:var(--color-on-surface)}.news-list{display:grid;gap:var(--spacing-3)}.news-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:var(--spacing-4);padding:var(--spacing-4);align-items:center}.news-card:hover{border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border))}.news-card .news-thumb{width:78px;height:78px;font-size:2rem}.news-card h3{font-size:.92rem;margin:var(--spacing-1) 0}.news-card p{font-size:.76rem;color:var(--color-on-surface-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-meta,.news-url{font-size:.65rem;color:var(--color-on-surface-muted)}.news-url{color:var(--color-primary);margin-top:var(--spacing-2);overflow-wrap:anywhere}.news-card-actions{text-align:right;display:grid;gap:var(--spacing-3);justify-items:end}.news-card-actions .button{white-space:nowrap}.automation-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--spacing-4)}.automation-main,.automation-aside{display:grid;gap:var(--spacing-4);align-content:start}.settings-panel{padding:var(--spacing-5)}.selected-news{display:flex;gap:var(--spacing-4);align-items:flex-start}.selected-news .news-thumb{width:58px;height:58px}.selected-news h3{margin-bottom:var(--spacing-1)}.selected-news p{font-size:.75rem;color:var(--color-on-surface-muted);margin-bottom:var(--spacing-2)}.field-label,.form-row label span{display:block;color:var(--color-on-surface-muted);font-size:.68rem;font-weight:600;margin-bottom:var(--spacing-2)}textarea,input,select{background:var(--color-input);color:var(--color-on-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3)}textarea{width:100%;resize:vertical;line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-3);margin-top:var(--spacing-4)}.form-row input,.form-row select{width:100%;height:38px}.plan-preview{background:var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing-3);margin-top:var(--spacing-4);font-size:.75rem;display:flex;justify-content:space-between;gap:var(--spacing-3)}.plan-preview strong{color:var(--color-on-accent)}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-4)}.settings-actions span{color:var(--color-on-surface-muted);font-size:.67rem}.generated-list{display:grid;gap:var(--spacing-2)}.generated-item{padding:var(--spacing-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-3)}.generated-item>span{font:.65rem var(--font-label-sm),monospace;color:var(--color-primary)}.generated-item p{font-size:.75rem}.generated-empty{color:var(--color-on-surface-muted);font-size:.74rem;padding:var(--spacing-4);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.switch-line{display:flex;justify-content:space-between;gap:var(--spacing-3);align-items:center}.switch-line p{color:var(--color-on-surface-muted);font-size:.7rem;margin-top:var(--spacing-1)}.switch{display:block;position:relative;width:40px;height:23px;flex:none}.switch input{position:absolute;opacity:0;inset:0}.switch span{display:block;width:100%;height:100%;background:var(--color-border);border-radius:var(--radius-full);transition:background .2s}.switch span:after{content:"";display:block;position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:var(--color-on-surface);transition:transform .2s}.switch input:checked+span{background:var(--color-primary)}.switch input:checked+span:after{transform:translateX(17px);background:var(--color-on-primary)}.switch input:focus-visible+span{outline:2px solid var(--color-ring);outline-offset:3px}.control-divider{border-top:1px solid var(--color-border);margin:var(--spacing-5) 0}.control-row{display:flex;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-2) 0;font-size:.7rem}.control-row span{color:var(--color-on-surface-muted)}.control-panel>.button{margin-top:var(--spacing-5)}.module-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-top:1px solid var(--color-border)}.module-row>div{flex:1}.module-row strong,.module-row small{display:block}.module-row strong{font-size:.73rem}.module-row small{color:var(--color-on-surface-muted)}.module-icon{color:var(--color-primary);font-size:1.1rem;width:24px;text-align:center}.table-toolbar{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.search-box{position:relative;min-width:250px;flex:1;max-width:410px}.search-box span{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--color-on-surface-muted)}.search-box input{padding-left:var(--spacing-8);width:100%;height:38px}.table-toolbar select{min-width:160px;height:38px}.table-count{margin-left:auto;color:var(--color-on-surface-muted);font-size:.68rem}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:var(--color-surface-2);color:var(--color-on-surface-muted);font:var(--font-weight-table-header) var(--text-table-header) var(--font-table-header),monospace;letter-spacing:.08em;text-transform:uppercase;padding:var(--spacing-4);white-space:nowrap}td{padding:var(--spacing-4);border-top:1px solid var(--color-border);font-size:.74rem;vertical-align:middle}tbody tr:hover{background:color-mix(in srgb,var(--color-surface-2) 60%,transparent)}.comment-cell{max-width:390px;line-height:1.5}.comment-cell small,.source-cell small,.account-identity small{display:block;color:var(--color-on-surface-muted);margin-top:var(--spacing-1)}.source-cell{max-width:240px}.source-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;gap:6px;align-items:center;border-radius:var(--radius-sm);background:var(--color-surface-2);padding:5px 8px;font-size:.65rem;white-space:nowrap}.status-badge.good{color:var(--color-success)}.status-badge.warn{color:var(--color-warning)}.status-badge.bad{color:var(--color-error)}.status-badge.neutral{color:var(--color-on-surface-muted)}.empty-state{padding:var(--spacing-8);text-align:center;color:var(--color-on-surface-muted);font-size:.76rem}.account-summary{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-4) var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5)}.account-summary>div{display:flex;align-items:center;gap:var(--spacing-2);font-size:.7rem;color:var(--color-on-surface-muted)}.account-summary strong{font:700 1.1rem var(--font-data-num),monospace;color:var(--color-on-surface)}.account-summary p{margin-left:auto;font-size:.65rem;color:var(--color-on-surface-muted)}.account-identity{display:flex;align-items:center;gap:var(--spacing-3);min-width:200px}.account-identity strong{display:block;font-size:.76rem}.avatar{width:38px;height:38px;flex:none;border-radius:var(--radius-full);background:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-primary) 25%,var(--color-border));display:grid;place-items:center;overflow:hidden}.avatar svg{width:100%;height:100%}.avatar.alt{background:var(--color-surface-2)}.avatar.warm{background:color-mix(in srgb,var(--color-warning) 18%,var(--color-surface))}.avatar.dead{background:color-mix(in srgb,var(--color-error) 15%,var(--color-surface))}.row-action{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-on-surface);border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-3);font-size:.68rem;white-space:nowrap}.row-action:hover{border-color:var(--color-primary)}.proof-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.proof-health-main{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5) 0}.big-pulse{font-size:2.6rem;color:var(--color-success);line-height:1}.proof-health-main strong,.proof-health-main span{display:block}.proof-health-main strong{font-size:1rem}.proof-health-main span{color:var(--color-on-surface-muted);font-size:.7rem}.proof-modules{display:grid;gap:var(--spacing-3);border-top:1px solid var(--color-border);padding-top:var(--spacing-4)}.proof-modules>div{display:flex;align-items:center;gap:var(--spacing-2);font-size:.7rem}.proof-modules strong{margin-left:auto;color:var(--color-success);font:var(--font-weight-label-sm) .62rem var(--font-label-sm),monospace}.proof-timeline h2{margin-bottom:var(--spacing-4)}.trace-item{display:flex;align-items:center;gap:var(--spacing-3);border-top:1px solid var(--color-border);padding:var(--spacing-3) 0}.trace-item>span{font:.65rem var(--font-label-sm),monospace;color:var(--color-primary)}.trace-item>div{flex:1}.trace-item strong,.trace-item small{display:block}.trace-item strong{font-size:.74rem}.trace-item small{color:var(--color-on-surface-muted)}.trace-item i{color:var(--color-success);font-style:normal}.log-panel{padding-bottom:var(--spacing-3)}.log-panel select{min-width:120px}.log-head,.log-row{display:grid;grid-template-columns:90px 150px minmax(0,1fr) 90px;gap:var(--spacing-3);align-items:start;padding:var(--spacing-3) var(--spacing-2)}.log-head{background:var(--color-surface-2);color:var(--color-on-surface-muted);font:.61rem var(--font-label-sm),monospace}.log-row{border-bottom:1px solid var(--color-border);font-size:.7rem}.log-row span:first-child,.log-row span:nth-child(2){font-family:var(--font-label-sm),monospace;color:var(--color-on-surface-muted)}.log-row span:nth-child(3){overflow-wrap:anywhere}.log-row strong{font:.62rem var(--font-label-sm),monospace}.log-row.success strong{color:var(--color-success)}.log-row.queue strong{color:var(--color-warning)}.log-row.info strong{color:var(--color-primary)}.footer{padding:var(--spacing-4) var(--spacing-8);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;gap:var(--spacing-3);color:var(--color-on-surface-muted);font:.59rem var(--font-label-sm),monospace;letter-spacing:.04em}.footer b{color:var(--color-primary)}.drawer-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--color-background) 68%,transparent);z-index:10}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(440px,100vw);overflow-y:auto;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-20px 0 60px color-mix(in srgb,var(--color-background) 60%,transparent);z-index:11;padding:var(--spacing-6)}.drawer-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-6)}.drawer-head h2{font-size:1.2rem}.drawer-profile{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-surface-2);border-radius:var(--radius-md)}.drawer-profile .avatar{width:56px;height:56px}.drawer-profile strong,.drawer-profile small{display:block}.drawer-profile small{color:var(--color-on-surface-muted)}.drawer-section{margin-top:var(--spacing-6)}.drawer-section h3{margin-bottom:var(--spacing-3)}.drawer-detail{display:flex;justify-content:space-between;border-top:1px solid var(--color-border);padding:var(--spacing-3) 0;font-size:.76rem}.drawer-detail span{color:var(--color-on-surface-muted)}.drawer-actions{display:grid;gap:var(--spacing-2);margin-top:var(--spacing-6)}.danger-button{color:var(--color-error)}.drawer-field{display:grid;gap:var(--spacing-2);margin-bottom:var(--spacing-4);font-size:.74rem}.drawer-field input{width:100%}.drawer-note{color:var(--color-on-surface-muted);font-size:.72rem;margin-bottom:var(--spacing-4)}.toast{position:fixed;right:var(--spacing-6);bottom:var(--spacing-6);z-index:20;background:var(--color-surface-2);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);font-size:.75rem;box-shadow:0 12px 30px color-mix(in srgb,var(--color-background) 70%,transparent)}.toast button{border:0;background:none;color:var(--color-primary);font-weight:700;margin-left:var(--spacing-3)}[hidden]{display:none!important}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.overview-grid.lower{grid-template-columns:1fr}.automation-layout{grid-template-columns:1fr}.automation-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:var(--spacing-3)}.brand{padding:0 0 var(--spacing-3)}.workspace-tag,.sidebar-bottom,.nav-section{display:none}.nav-list{display:flex;overflow-x:auto;gap:var(--spacing-1)}.nav-item{min-width:max-content;padding:0 var(--spacing-3);font-size:.74rem}.nav-item.active:before{display:none}.nav-icon{display:none}.nav-count,.nav-arrow{display:none}.topbar{height:48px;padding:0 var(--spacing-4)}.top-source{display:none}main{padding:var(--spacing-4)}.page-head{align-items:start;flex-direction:column}.metric-grid{gap:var(--spacing-2)}.metric-card{padding:var(--spacing-3);min-height:126px}.metric-value{font-size:1.7rem}.metric-foot{flex-wrap:wrap}.panel{padding:var(--spacing-4)}.news-card{grid-template-columns:50px 1fr;gap:var(--spacing-3)}.news-card .news-thumb{width:50px;height:50px;font-size:1.4rem}.news-card-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.form-row,.automation-aside,.proof-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.source-strip{flex-wrap:wrap}.source-strip>div:nth-child(2){min-width:calc(100% - 56px)}.source-strip>.mini-pill{margin-left:56px}.account-summary{flex-wrap:wrap;gap:var(--spacing-3)}.account-summary p{width:100%;margin-left:0}.table-toolbar{flex-wrap:wrap}.search-box{max-width:none;min-width:100%}.table-count{width:100%;margin-left:0}.footer{padding:var(--spacing-4);display:block}.footer span{display:block;margin:var(--spacing-1) 0}.log-head,.log-row{grid-template-columns:56px 90px minmax(0,1fr) 65px;gap:var(--spacing-1);font-size:.6rem}.chart-summary{gap:var(--spacing-3)}.chart-summary .text-link{display:none}.demo-banner{align-items:flex-start}.demo-banner strong,.demo-banner span:last-child{display:block}}
.compact-control{display:grid;gap:var(--spacing-1);color:var(--color-on-surface-muted);font-size:.63rem;text-align:left;width:100%}.compact-control input,.compact-control select{width:100%;height:30px;padding:var(--spacing-1) var(--spacing-2);font-size:.7rem}.news-card-actions{min-width:125px}.news-card-actions .button{width:100%}
.nav-count{opacity:1}.metric-card.featured{background:var(--color-accent)}
.metric-card.featured .metric-top,.metric-card.featured .metric-value small,.metric-card.featured .metric-foot{color:var(--color-on-accent)}
.flow-actions{display:grid;gap:var(--spacing-2)}
.prompt-source{font-size:.68rem;color:var(--color-on-surface-muted);background:var(--color-surface-2);border:1px solid var(--color-border);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);overflow-wrap:anywhere}
@media(max-width:760px){.compact-control{width:auto;min-width:90px}.news-card-actions .button{width:auto}.news-card-actions{flex-wrap:wrap}}
.prompt-panel{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-surface),var(--color-surface-2))}.prompt-panel h2{font-size:1.25rem}.prompt-panel textarea{min-height:200px;line-height:1.7;font-size:.86rem}.prompt-tip,.control-help,.setting-copy,.setting-note{color:var(--color-on-surface-muted);font-size:.73rem;line-height:1.65}.prompt-tip{margin-top:var(--spacing-3)}.control-help{margin:var(--spacing-2) 0 var(--spacing-5)}.range-group{border-top:1px solid var(--color-border);padding:var(--spacing-4) 0}.range-group>strong{display:block;font-size:.77rem;margin-bottom:var(--spacing-2)}.range-group>div{display:flex;gap:var(--spacing-2);align-items:end}.range-group label{display:grid;gap:var(--spacing-1);flex:1;color:var(--color-on-surface-muted);font-size:.67rem}.range-group input{width:100%;min-width:0}.range-group>div>span{padding-bottom:var(--spacing-2);color:var(--color-on-surface-muted)}.control-panel .plan-preview{display:grid;margin-bottom:var(--spacing-3)}.control-panel .plan-preview strong{color:var(--color-on-accent);font-size:.94rem}.box-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-3)}.box-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-on-surface);padding:var(--spacing-4);text-align:left;display:grid;gap:var(--spacing-3);cursor:pointer}.box-card:hover,.box-card.active{border-color:var(--color-primary)}.box-card span{font-size:.75rem}.box-card strong{font:var(--font-weight-label-sm) 1.6rem var(--font-label-sm),monospace}.box-card small{font-size:.65rem;color:var(--color-on-surface-muted);margin-left:var(--spacing-1)}.box-card em{font-size:.67rem;color:var(--color-primary);font-style:normal}.table-sub{display:block;color:var(--color-on-surface-muted);font-size:.65rem}.settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:var(--spacing-4)}.llm-form{display:grid;gap:var(--spacing-3)}.llm-form select{width:100%}.key-field{display:flex;gap:var(--spacing-2)}.key-field input{min-width:0;flex:1}.key-actions{display:flex;gap:var(--spacing-3);align-items:center;flex-wrap:wrap;margin-top:var(--spacing-2)}.result-ok{color:var(--color-success)}.result-error{color:var(--color-error)}.setting-note{margin-top:var(--spacing-5);padding:var(--spacing-3);background:var(--color-surface-2);border-radius:var(--radius-md)}
@media(max-width:1100px){.box-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.box-grid,.settings-grid{grid-template-columns:1fr}.automation-aside{grid-template-columns:1fr}.key-actions{align-items:stretch;flex-direction:column}.key-actions button{width:100%}}
/* Source-inspired Social Monitor and Engagement workspaces. */
.monitor-shell{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.monitor-topnav{display:flex;align-items:center;gap:var(--spacing-5);justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);background:var(--color-surface);border-top:3px solid var(--color-on-surface);border-bottom:1px solid var(--color-border)}.monitor-logo{display:flex;align-items:center;gap:var(--spacing-3)}.monitor-shield{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1.4rem}.monitor-logo strong,.monitor-logo small{display:block;letter-spacing:.1em}.monitor-logo strong{font-size:.8rem}.monitor-logo small{font-size:.55rem;color:var(--color-on-surface-muted)}.monitor-topnav nav{display:flex;gap:var(--spacing-1);padding:var(--spacing-1);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.monitor-topnav nav button{border:0;background:none;color:var(--color-on-surface-muted);font-size:.69rem;font-weight:700;letter-spacing:.07em;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer}.monitor-topnav nav button:hover,.monitor-topnav nav button.active{background:var(--color-on-surface);color:var(--color-background)}.monitor-live{font-size:.63rem;letter-spacing:.09em;color:var(--color-success);white-space:nowrap}.monitor-live i,.monitor-led{display:inline-block;width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-success);margin-right:var(--spacing-2)}.monitor-content{padding:var(--spacing-6);display:grid;gap:var(--spacing-7)}.monitor-heading,.monitor-section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.monitor-heading h1{font-size:1.45rem;margin:var(--spacing-1) 0}.monitor-heading p,.monitor-section-head p{color:var(--color-on-surface-muted);font-size:.75rem}.monitor-dashboard{display:grid;gap:var(--spacing-4)}.monitor-sidecards,.monitor-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-4)}.monitor-sidecard,.monitor-insight,.monitor-post-card,.monitor-feed-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.monitor-sidecard.positive,.monitor-post-card.positive{border-color:color-mix(in srgb,var(--color-success) 40%,var(--color-border))}.monitor-sidecard.negative,.monitor-post-card.negative{border-color:color-mix(in srgb,var(--color-error) 40%,var(--color-border))}.monitor-sidecard:before{content:"";display:block;height:3px;background:var(--color-success)}.monitor-sidecard.negative:before{background:var(--color-error)}.monitor-card-head{display:flex;justify-content:space-between;gap:var(--spacing-2);align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);font-size:.65rem;color:var(--color-on-surface-muted)}.monitor-card-head>span:first-child{display:flex;align-items:center;gap:var(--spacing-1)}.monitor-card-head strong{color:var(--color-on-surface);letter-spacing:.07em}.monitor-card-head small{font-size:.65rem}.monitor-sidecard.negative .monitor-led,.monitor-post-card.negative .monitor-led{background:var(--color-error)}.monitor-feature-body{padding:var(--spacing-4);display:grid;gap:var(--spacing-3)}.monitor-feature-meta,.monitor-post-head,.monitor-post-status,.monitor-feature-score small{font-size:.63rem;color:var(--color-on-surface-muted)}.monitor-feature-body h3{font-size:1rem;line-height:1.45}.monitor-feature-body p,.monitor-post-content p{font-size:.75rem;line-height:1.55;color:var(--color-on-surface-muted)}.monitor-feature-body p{min-height:2.3em}.monitor-feature-score{font-size:1.55rem;font-weight:700}.monitor-feature-score small{font-size:.55rem;letter-spacing:.12em}.monitor-feature-score.positive,.monitor-post-card.positive .monitor-post-sentiment strong{color:var(--color-success)}.monitor-feature-score.negative,.monitor-post-card.negative .monitor-post-sentiment strong{color:var(--color-error)}.monitor-feature-metrics,.monitor-post-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-2)}.monitor-feature-metrics span,.monitor-post-metrics div{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-2);text-align:center;font-size:.58rem;color:var(--color-on-surface-muted)}.monitor-feature-metrics b,.monitor-post-metrics strong{display:block;font-size:.82rem;color:var(--color-on-surface)}.monitor-feature-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.monitor-feature-actions button,.monitor-post-actions button{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-on-surface);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;font-size:.68rem}.monitor-feature-actions button:hover,.monitor-post-actions button:hover{border-color:var(--color-primary);color:var(--color-primary)}.monitor-insight{padding:var(--spacing-4)}.monitor-insight h2{font-size:.9rem;margin:var(--spacing-1) 0 var(--spacing-4)}.monitor-sentiment-labels,.monitor-trend-foot{display:flex;justify-content:space-between;color:var(--color-on-surface-muted);font-size:.63rem}.monitor-sentiment-bar{height:28px;display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;margin:var(--spacing-2) 0}.monitor-sentiment-bar i:nth-child(1){background:var(--color-success)}.monitor-sentiment-bar i:nth-child(2){background:var(--color-neutral)}.monitor-sentiment-bar i:nth-child(3){background:var(--color-error)}.monitor-insight p{color:var(--color-on-surface-muted);font-size:.65rem}.monitor-trend-bars{height:76px;display:flex;align-items:end;justify-content:space-between;gap:var(--spacing-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2)}.monitor-trend-bars i{width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.monitor-trend-bars i.positive{background:var(--color-success)}.monitor-trend-bars i.negative{background:var(--color-error)}.monitor-posts,.monitor-feed-panel{scroll-margin-top:var(--spacing-4)}.monitor-section-head{margin-bottom:var(--spacing-4)}.monitor-section-head h2{font-size:1rem;letter-spacing:.05em}.monitor-section-head h2 span{color:var(--color-on-surface-muted);font-size:.7rem;font-weight:400}.monitor-source{color:var(--color-success);font-size:.65rem}.monitor-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.monitor-filters .search-box{min-width:220px;max-width:none}.monitor-filters select{min-width:125px}.monitor-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-3)}.monitor-post-card{display:flex;flex-direction:column;min-width:0}.monitor-post-accent{height:3px;background:var(--color-surface-2)}.monitor-post-accent i{display:block;height:100%;background:var(--color-success)}.monitor-post-card.negative .monitor-post-accent i{background:var(--color-error)}.monitor-post-head{display:flex;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-3);border-bottom:1px solid var(--color-border)}.monitor-post-head span{color:var(--color-on-surface);font-weight:700}.monitor-post-content{padding:var(--spacing-4);display:grid;gap:var(--spacing-3);flex:1}.monitor-post-content h3{font-size:.84rem;line-height:1.4;min-height:2.8em}.monitor-post-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em}.monitor-post-sentiment{display:flex;align-items:end;justify-content:space-between}.monitor-post-sentiment strong{font-size:1.35rem}.monitor-post-sentiment span{color:var(--color-on-surface-muted);font-size:.54rem;letter-spacing:.1em}.monitor-post-metrics small{display:block;font-size:.53rem}.monitor-post-status{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);border-top:1px solid var(--color-border);padding-top:var(--spacing-3)}.monitor-post-actions{display:flex;gap:var(--spacing-2);padding:var(--spacing-3);border-top:1px solid var(--color-border)}.monitor-post-actions button{flex:1}.monitor-feed-panel{padding:var(--spacing-5)}.monitor-comment-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2)}.monitor-feed-item{display:flex;align-items:start;gap:var(--spacing-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-3);color:var(--color-on-surface);text-align:left;cursor:pointer;min-width:0}.monitor-feed-item>span:nth-child(2){min-width:0;flex:1}.monitor-feed-item strong,.monitor-feed-item small,.monitor-feed-item em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-feed-item strong{font-size:.72rem}.monitor-feed-item small{font-size:.62rem;color:var(--color-primary)}.monitor-feed-item em{font-size:.7rem;color:var(--color-on-surface-muted);font-style:normal}.monitor-feed-item b{color:var(--color-primary)}.monitor-feed-avatar,.thread-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-weight:700;font-size:.7rem}.pagination{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) 0;color:var(--color-on-surface-muted);font-size:.68rem}.pagination>div{display:flex;gap:var(--spacing-2)}.pagination button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-on-surface);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer}.pagination button:disabled{opacity:.35;cursor:default}.pagination button:not(:disabled):hover{border-color:var(--color-primary)}
.ops-header,.ops-target-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-3)}.ops-title-line,.ops-header-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.ops-title-line h1{font-size:1.2rem}.ops-header p{color:var(--color-on-surface-muted);font-size:.72rem;margin-top:var(--spacing-2)}.ops-switch-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:.7rem;color:var(--color-on-surface-muted)}.ops-target-bar label{font-size:.67rem;color:var(--color-on-surface-muted);white-space:nowrap}.ops-target-bar input{flex:1;min-width:0;font-size:.72rem;font-family:var(--font-label-sm),monospace}.ops-target-status{color:var(--color-success);white-space:nowrap;font-size:.65rem}.ops-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.ops-metrics>div,.comment-metrics>div{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-3)}.ops-metrics span,.comment-metrics span{display:block;font-size:.62rem;color:var(--color-on-surface-muted)}.ops-metrics strong,.comment-metrics strong{display:block;font-size:1.25rem;margin-top:var(--spacing-1)}.ops-campaign-panel{margin-top:var(--spacing-4)}.ops-campaign-panel .selected-row{background:var(--color-accent)}.ops-campaign-panel td{vertical-align:middle}.ops-campaign-panel .pagination{padding-bottom:0}.comment-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.comment-toolbar{margin-bottom:var(--spacing-4)}.comment-reader{display:grid;grid-template-columns:minmax(260px,.36fr) minmax(0,.64fr);gap:var(--spacing-4);align-items:start}.comment-post-panel,.comment-thread-panel{min-width:0}.comment-post-list{max-height:690px;overflow-y:auto}.comment-post-item{width:100%;display:grid;gap:var(--spacing-2);border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-on-surface);text-align:left;padding:var(--spacing-3);cursor:pointer}.comment-post-item:hover,.comment-post-item.active{background:var(--color-accent)}.comment-post-item strong{font-size:.73rem;line-height:1.4}.comment-post-meta{font-size:.62rem;color:var(--color-on-surface-muted)}.comment-post-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2)}.comment-post-foot b{font-size:.65rem;color:var(--color-primary)}.comment-thread{max-height:690px;overflow-y:auto}.thread-source{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-3)}.thread-source>span,.thread-source>small{font-size:.64rem;color:var(--color-on-surface-muted)}.thread-source>small{display:block;overflow-wrap:anywhere;color:var(--color-primary)}.thread-source h3{font-size:.96rem;margin:var(--spacing-2) 0}.thread-source p{font-size:.74rem;line-height:1.5;color:var(--color-on-surface-muted);margin-bottom:var(--spacing-2)}.thread-source>div{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);font-size:.68rem}.thread-comments{display:grid;gap:var(--spacing-2)}.thread-comment{display:flex;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.thread-comment>div{flex:1;min-width:0}.thread-comment-head{display:flex;justify-content:space-between;gap:var(--spacing-2);align-items:center}.thread-comment-head strong{font-size:.71rem}.thread-comment-head>span{font-size:.61rem;color:var(--color-on-surface-muted)}.thread-comment p{font-size:.74rem;line-height:1.55;margin:var(--spacing-2) 0}.thread-comment small{font-size:.57rem;color:var(--color-on-surface-muted)}.comment-all-panel{margin-top:var(--spacing-4)}.comment-all-panel .pagination{padding-bottom:0}.table-post-link{border:0;background:none;color:var(--color-on-surface);font-weight:700;text-align:left;cursor:pointer;padding:0}.table-post-link:hover{color:var(--color-primary)}
@media(max-width:1200px){.monitor-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.monitor-topnav{flex-wrap:wrap}.monitor-live{display:none}.monitor-sidecards,.monitor-insights,.comment-reader{grid-template-columns:1fr}.comment-post-list{max-height:330px}.comment-thread{max-height:none}}
@media(max-width:760px){.monitor-content{padding:var(--spacing-4)}.monitor-heading,.monitor-section-head,.ops-header,.ops-target-bar{align-items:stretch;flex-direction:column}.monitor-topnav nav{width:100%;overflow:auto}.monitor-topnav nav button{flex:1}.monitor-post-grid,.monitor-comment-feed{grid-template-columns:1fr}.monitor-filters .search-box{min-width:100%}.monitor-filters select,.monitor-filters .segmented{flex:1}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-target-bar input{width:100%}.comment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination{align-items:start;flex-direction:column}.thread-comment-head{align-items:start;flex-direction:column}.monitor-feature-metrics,.monitor-post-metrics{gap:var(--spacing-1)}}

[hidden]{display:none!important}
.brand{padding:0 var(--spacing-2) var(--spacing-6)}
.brand-logo{display:block;width:100%;height:58px;object-fit:cover;object-position:center}
.orchestrator-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}
.orchestrator-head p{margin-top:var(--spacing-2);color:var(--color-on-surface-muted);font-size:.86rem}
.orchestrator-live{display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap;color:var(--color-success);font-size:.72rem;font-weight:700}
.orchestrator-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:var(--spacing-4);align-items:start}
.orchestrator-chat{min-width:0;min-height:690px;padding:0;display:flex;flex-direction:column;overflow:hidden}
.orchestrator-chat-head{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5);border-bottom:1px solid var(--color-border)}
.orchestrator-chat-head>span{font:700 .65rem var(--font-label-sm),monospace;color:var(--color-primary);border:1px solid var(--color-primary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}
.orchestrator-messages{flex:1;min-height:330px;max-height:430px;overflow:auto;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-5);background:linear-gradient(180deg,var(--color-surface),var(--color-background))}
.orchestrator-message{display:flex;align-items:flex-start;gap:var(--spacing-3);max-width:85%}
.orchestrator-message.user{align-self:flex-end;flex-direction:row-reverse}
.orchestrator-message-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);font:700 .65rem var(--font-label-sm),monospace}
.orchestrator-message.user .orchestrator-message-avatar{background:var(--color-primary);color:var(--color-on-primary)}
.orchestrator-message p{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}
.orchestrator-message.user p{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-primary)}
.orchestrator-example-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--color-border);color:var(--color-on-surface-muted);font-size:.72rem}
.orchestrator-example-row button,.orchestrator-last-panel button{border:0;background:transparent;color:var(--color-primary);font-size:.73rem;font-weight:700}
.orchestrator-composer{display:grid;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5) var(--spacing-5);border-top:1px solid var(--color-border)}
.orchestrator-composer label,.orchestrator-plan-fields label,.monitor-source-form label,.pair-agent-form label{display:grid;gap:var(--spacing-2);color:var(--color-on-surface-muted);font-size:.72rem;font-weight:700}
.orchestrator-composer textarea,.orchestrator-plan-fields input,.monitor-source-form input,.monitor-source-form select,.pair-agent-form input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input);color:var(--color-on-surface);padding:var(--spacing-3);outline:none}
.orchestrator-composer textarea:focus,.orchestrator-plan-fields input:focus,.monitor-source-form input:focus,.monitor-source-form select:focus,.pair-agent-form input:focus{border-color:var(--color-primary)}
.orchestrator-composer textarea{resize:vertical;min-height:92px}
.orchestrator-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}
.orchestrator-composer-foot span{font-size:.67rem;color:var(--color-on-surface-muted)}
.orchestrator-side{display:grid;gap:var(--spacing-4)}
.orchestrator-plan-panel,.orchestrator-chain-panel,.orchestrator-last-panel{min-width:0}
.orchestrator-plan-empty{text-align:center;padding:var(--spacing-8) var(--spacing-4);color:var(--color-on-surface-muted)}
.orchestrator-plan-empty span{display:block;color:var(--color-primary);font-size:2rem}.orchestrator-plan-empty strong{display:block;margin:var(--spacing-2) 0;color:var(--color-on-surface)}
.orchestrator-plan-empty p{font-size:.75rem}.orchestrator-plan-url{display:grid;gap:var(--spacing-1);padding:var(--spacing-3);border:1px solid var(--color-border);background:var(--color-input);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}
.orchestrator-plan-url span{font-size:.65rem;color:var(--color-on-surface-muted)}.orchestrator-plan-url strong{font-size:.7rem;color:var(--color-primary);overflow-wrap:anywhere}
.orchestrator-plan-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}
.orchestrator-plan-fields input{font:700 1rem var(--font-label-sm),monospace;min-width:0}
.orchestrator-plan-total{margin:var(--spacing-4) 0;padding:var(--spacing-3);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-weight:700;text-align:center}
.form-error{min-height:1.2em;color:var(--color-error);font-size:.72rem;margin-bottom:var(--spacing-2)}
.orchestrator-chain-panel h2,.orchestrator-last-panel h2{margin-bottom:var(--spacing-3)}
.orchestrator-chain-panel ol,.agent-connect-steps{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-3)}
.orchestrator-chain-panel li,.agent-connect-steps li{display:flex;align-items:flex-start;gap:var(--spacing-3);font-size:.76rem;color:var(--color-on-surface-muted)}
.orchestrator-chain-panel li b,.agent-connect-steps li b{font:700 .7rem var(--font-label-sm),monospace;color:var(--color-primary)}
.orchestrator-agent-status{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center;margin-top:var(--spacing-5);padding-top:var(--spacing-3);border-top:1px solid var(--color-border);font-size:.7rem;color:var(--color-on-surface-muted)}
.orchestrator-agent-status strong{color:var(--color-on-surface)}
#orchestrator-last{font-size:.76rem;color:var(--color-on-surface-muted)}#orchestrator-last>strong,#orchestrator-last>span{display:block}#orchestrator-last>strong{color:var(--color-on-surface);margin-bottom:var(--spacing-2)}#orchestrator-last>div{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-3)}
.monitor-sources{margin:var(--spacing-6) 0;padding:var(--spacing-5)}.monitor-sources .panel-head p,.agent-connect-panel .panel-head p{font-size:.75rem;color:var(--color-on-surface-muted);margin-top:var(--spacing-1)}
.monitor-source-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--spacing-4);margin:var(--spacing-4) 0}
.monitor-source-form{display:grid;gap:var(--spacing-3)}.source-fields{display:grid;grid-template-columns:210px 1fr;gap:var(--spacing-3)}
.monitor-source-form select{height:41px}.source-form-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.source-form-foot span{font-size:.7rem;color:var(--color-success)}
.monitor-source-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);align-content:start;padding:var(--spacing-4);background:var(--color-surface-2);border-radius:var(--radius-md)}
.monitor-source-summary div{display:grid}.monitor-source-summary strong{font:700 1.3rem var(--font-data-num),monospace;color:var(--color-primary)}.monitor-source-summary span{font-size:.65rem;color:var(--color-on-surface-muted)}.monitor-source-summary p{grid-column:1/-1;color:var(--color-on-surface-muted);font-size:.7rem;margin-top:var(--spacing-3)}
.monitor-source-list{display:grid;gap:var(--spacing-2)}.monitor-source-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2)}
.monitor-source-item>div:first-child{display:grid;gap:2px;min-width:0}.monitor-source-item strong{font-size:.78rem}.monitor-source-item small{font-size:.66rem;color:var(--color-on-surface-muted);overflow-wrap:anywhere}.source-type{font:700 .6rem var(--font-label-sm),monospace;color:var(--color-primary)}
.source-item-end{display:flex;align-items:center;gap:var(--spacing-3);flex:none;font-size:.65rem;color:var(--color-on-surface-muted)}.source-item-end button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);padding:var(--spacing-2);border-radius:var(--radius-sm);font-size:.68rem;font-weight:700}
.agent-connect-panel{margin:var(--spacing-5) 0}.agent-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin:var(--spacing-4) 0}.agent-connect-steps{padding:var(--spacing-4);background:var(--color-surface-2);border-radius:var(--radius-md)}.pair-agent-form{display:grid;align-content:start;gap:var(--spacing-3)}.pair-agent-form>div{display:flex;gap:var(--spacing-2)}.pair-agent-form input{max-width:170px;font:700 1.1rem var(--font-label-sm),monospace;letter-spacing:.25em;text-align:center}.pair-agent-form p{font-size:.7rem;color:var(--color-on-surface-muted)}
.agent-worker-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.agent-worker-list>div{display:grid;gap:2px;flex:1;min-width:200px;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.agent-worker-list strong{font-size:.75rem}.agent-worker-list span{font-size:.68rem;color:var(--color-on-surface-muted)}
@media(max-width:1180px){.orchestrator-layout{grid-template-columns:minmax(0,1fr) 310px}.monitor-source-layout{grid-template-columns:1fr}.source-item-end{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:900px){.orchestrator-layout{grid-template-columns:1fr}.orchestrator-chat{min-height:590px}.orchestrator-messages{max-height:390px}.orchestrator-side{grid-template-columns:repeat(2,minmax(0,1fr))}.orchestrator-plan-panel{grid-row:span 2}.agent-connect-grid{grid-template-columns:1fr}}
@media(max-width:760px){.brand{padding:0 0 var(--spacing-3)}.brand-logo{width:185px;height:46px}.orchestrator-head{align-items:flex-start}.orchestrator-live{display:none}.orchestrator-side{grid-template-columns:1fr}.orchestrator-plan-panel{grid-row:auto}.orchestrator-chat{min-height:550px}.orchestrator-messages{min-height:250px;max-height:320px;padding:var(--spacing-4)}.orchestrator-message{max-width:94%}.orchestrator-composer-foot{align-items:flex-end}.orchestrator-composer-foot span{max-width:145px}.source-fields{grid-template-columns:1fr}.monitor-source-item,.source-item-end{align-items:flex-start;flex-direction:column}.source-form-foot{align-items:flex-start;flex-direction:column}.agent-connect-panel .panel-head{align-items:flex-start}.pair-agent-form>div{flex-wrap:wrap}}
@media(max-width:760px){.comment-thread{max-height:560px}}
.ops-target-status.warn{color:var(--color-warning)}
.monitor-post-status{flex-wrap:wrap}
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:var(--spacing-6);background:radial-gradient(circle at 50% 15%,var(--color-accent),var(--color-background) 55%)}
.login-card{width:min(100%,430px);padding:var(--spacing-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.login-card img{display:block;width:min(100%,290px);height:88px;object-fit:contain;margin:0 auto var(--spacing-6)}
.login-card h1{margin:var(--spacing-2) 0}.login-card>p{color:var(--color-on-surface-muted);font-size:.82rem;margin-bottom:var(--spacing-6)}
.login-card form{display:grid;gap:var(--spacing-2)}.login-card label{font-size:.76rem;color:var(--color-on-surface-muted);font-weight:700;margin-top:var(--spacing-3)}
.login-card input,.manual-target-form input,.manual-target-form textarea{width:100%;min-width:0;padding:var(--spacing-3);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-on-surface)}
.login-card input:focus,.manual-target-form input:focus,.manual-target-form textarea:focus{border-color:var(--color-primary);outline:none}.login-card button{margin-top:var(--spacing-4)}
#login-result{min-height:1.2em;color:var(--color-error);font-size:.72rem}
.manual-target-form{display:grid;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.manual-target-form label{font-size:.72rem;font-weight:700;color:var(--color-on-surface-muted)}.manual-target-form>div{display:flex;gap:var(--spacing-3)}.manual-target-form>div input{flex:1}.manual-target-form textarea{resize:vertical;min-height:62px}
#manual-target-result{font-size:.68rem;color:var(--color-on-surface-muted)}
@media(min-width:1201px){.ops-metrics{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:760px){.manual-target-form>div{flex-direction:column}.login-card{padding:var(--spacing-5)}#logout-button{font-size:.68rem;white-space:nowrap}}
