.viewer-page-header{align-items:flex-start}
.viewer-page-header h1{margin:5px 0 2px}
.viewer-back{display:inline-flex;color:#667085;text-decoration:none;font-size:12px;font-weight:750}
.viewer-back:hover{color:#175cd3}
.viewer-toolbar{justify-content:flex-end;flex-wrap:wrap}
.viewer-toolbar button:disabled{opacity:.48;cursor:not-allowed}
.viewer-summary-layout{margin-top:16px}
.viewer-summary-side{position:sticky;top:14px}
.viewer-context-section .section-title i{font-style:normal;font-size:16px}
.viewer-client-field{display:grid;gap:6px}
.viewer-client-field>span{font-size:10px;color:#667085;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.viewer-client-choice{width:100%;min-height:58px;display:flex;align-items:center;gap:11px;border:1px solid #d7dee8;border-radius:11px;background:#fff;padding:9px 11px;text-align:left;color:#101828;cursor:pointer}
.viewer-client-choice:hover{border-color:#84adff;background:#f8fbff}
.viewer-client-choice:focus-visible{outline:0;border-color:#528bff;box-shadow:0 0 0 3px rgba(46,119,235,.13)}
.viewer-client-choice:disabled{opacity:.65;cursor:wait}
.viewer-client-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:#eaf2ff;color:#175cd3;font-size:12px;font-weight:850}
.viewer-client-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.viewer-client-copy b,.viewer-client-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.viewer-client-copy b{font-size:12px}
.viewer-client-copy small{margin-top:3px;color:#667085;font-size:10px}
.viewer-client-action{color:#175cd3;font-size:11px;font-weight:800;white-space:nowrap}
.viewer-client-status{display:block;min-height:16px;margin-top:6px;font-size:10px;color:#667085}
.viewer-client-status.success{color:#067647}
.viewer-client-status.error{color:#b42318}
.viewer-tabs{display:flex;align-items:center;gap:8px;margin-top:18px;padding:6px;border:1px solid #dfe6ef;border-radius:14px;background:#f4f7fb;overflow-x:auto}
.viewer-tabs button{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 18px;border:0;border-radius:10px;background:transparent;color:#475467;font:750 12.5px inherit;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.viewer-tabs button:hover{background:#fff;color:#101828;box-shadow:0 1px 3px rgba(16,24,40,.08)}
.viewer-tabs button:focus-visible{outline:3px solid rgba(23,92,211,.22);outline-offset:2px}
.viewer-tabs button.active{background:#175cd3;color:#fff;box-shadow:0 3px 8px rgba(23,92,211,.24)}
.viewer-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#e8eef7;color:#344054;flex:0 0 auto}
.viewer-tab-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.viewer-tabs button[data-viewer-tab="analysis"] .viewer-tab-icon{background:#f1ecff;color:#6938ef}
.viewer-tabs button[data-viewer-tab="production"] .viewer-tab-icon{background:#fff1e7;color:#c4320a}
.viewer-tabs button[data-viewer-tab="threads"] .viewer-tab-icon{background:#e8f3ff;color:#175cd3}
.viewer-tabs button[data-viewer-tab="versions"] .viewer-tab-icon{background:#eaf8ef;color:#087443}
.viewer-tabs button[data-viewer-tab="technical"] .viewer-tab-icon{background:#eaecf0;color:#344054}
.viewer-tabs button.active .viewer-tab-icon{background:rgba(255,255,255,.18);color:#fff}
.viewer-tab-panels{margin-top:12px}
.viewer-tab-pane[hidden]{display:none!important}
.viewer-tab-pane>.viewer-section,.viewer-tab-grid>.viewer-section,.viewer-production-grid>.viewer-section{border:1px solid #e1e7ef!important;box-shadow:0 1px 2px rgba(16,24,40,.035)!important;border-radius:13px!important;background:#fff!important;padding:16px!important;margin:0!important}
.viewer-tab-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.viewer-tab-grid .diagnostics-section{grid-column:1/-1}
.viewer-production-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.viewer-production-grid .time-section,.viewer-production-grid .cost-section{grid-column:1/-1}
[data-viewer-pane="versions"]>.compare-section,[data-viewer-pane="technical"]>.section-file{max-width:820px}
.viewer-cost-empty{grid-column:1/-1;padding:14px!important;border:1px dashed #d0d5dd!important;background:#f8fafc!important;color:#667085;font-size:11px}
.thread-recipe-actions #saveThreadRecipe{display:none}
.viewer-tab-pane .thread-recipe-section{margin:0!important}
@media(max-width:1050px){.viewer-summary-side{position:static}.viewer-tab-grid,.viewer-production-grid{grid-template-columns:1fr}.viewer-tab-grid .diagnostics-section,.viewer-production-grid .time-section,.viewer-production-grid .cost-section{grid-column:auto}}
@media(max-width:780px){.viewer-page-header{gap:12px}.viewer-toolbar{width:100%;justify-content:flex-start}.viewer-toolbar .btn,.viewer-toolbar .ghost{flex:1;min-width:140px}.viewer-tabs{position:sticky;top:0;z-index:20;border-radius:0;margin-left:-14px;margin-right:-14px}.viewer-summary-layout{margin-top:10px}}

@media(max-width:720px){.viewer-tabs{gap:5px;padding:5px}.viewer-tabs button{min-height:42px;padding:0 12px;gap:7px}.viewer-tab-icon{width:28px;height:28px}.viewer-tab-icon svg{width:17px;height:17px}}
.viewer-dirty-badge{align-self:center;padding:5px 8px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:10px;font-weight:800;white-space:nowrap}.viewer-dirty-badge[hidden]{display:none}.viewer-toolbar .has-unsaved{box-shadow:0 0 0 3px rgba(249,115,22,.18)}@media(max-width:780px){.viewer-dirty-badge{order:5;width:100%;text-align:center}}