:root{--bg:#0b0f14;--panel:#121820;--panel-2:#171e27;--line:#25303d;--line-soft:#1c2530;--text:#f2f5f7;--muted:#8794a4;--dim:#5e6a78;--accent:#5b8cff;--accent-soft:rgba(91,140,255,.13);--green:#35d07f;--green-soft:rgba(53,208,127,.12);--amber:#f4b740;--amber-soft:rgba(244,183,64,.12);--red:#f0626e;--red-soft:rgba(240,98,110,.12);--shadow:0 18px 60px rgba(0,0,0,.24)}
:root.light{--bg:#f3f6fa;--panel:#fff;--panel-2:#f7f9fc;--line:#dce3eb;--line-soft:#e9eef4;--text:#17202b;--muted:#68778a;--dim:#94a0ae;--accent:#326be6;--accent-soft:rgba(50,107,230,.1);--shadow:0 15px 40px rgba(31,48,70,.1)}
*{box-sizing:border-box}html{font-family:Inter,"Pretendard","Noto Sans KR","Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-width:320px;background:radial-gradient(circle at 28% -10%,rgba(91,140,255,.08),transparent 28%),var(--bg);min-height:100vh}.app-shell{max-width:1600px;margin:auto}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#78a2ff,#3a6fe6);display:grid;place-items:center;color:white;font-weight:800;box-shadow:0 6px 22px rgba(76,124,233,.28)}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.1px}.brand small{font-size:10px;color:var(--muted);letter-spacing:1.15px;text-transform:uppercase;margin-top:2px}.top-actions{display:flex;align-items:center;gap:10px}.live-state{height:36px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted);background:var(--panel)}.live-state i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft);animation:pulse 2s infinite}.live-state.error i{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}@keyframes pulse{50%{box-shadow:0 0 0 7px transparent}}button,input{font:inherit}.icon-button,.refresh-button,.drawer-close{border:1px solid var(--line);color:var(--text);background:var(--panel);cursor:pointer;border-radius:10px}.icon-button{width:36px;height:36px}.refresh-button{height:36px;padding:0 14px;display:flex;gap:8px;align-items:center;font-size:12px}.refresh-button:hover,.icon-button:hover{border-color:var(--accent)}.refresh-button.loading span{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}main{padding:35px 34px 48px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.eyebrow,.panel-kicker{margin:0 0 8px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1.5px}.page-head h1{font-size:28px;margin:0 0 7px;letter-spacing:-.7px}.subtitle{margin:0;color:var(--muted);font-size:13px}.updated{text-align:right}.updated span,.updated strong{display:block}.updated span{font-size:10px;color:var(--dim);margin-bottom:6px}.updated strong{font-size:12px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.summary-card{min-height:118px;padding:22px;display:flex;align-items:center;gap:17px;border:1px solid var(--line-soft);border-radius:15px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 92%,var(--accent)));box-shadow:0 1px 0 rgba(255,255,255,.02)}.summary-card.accent{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));background:linear-gradient(145deg,var(--accent-soft),var(--panel) 64%)}.summary-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800}.summary-icon.healthy{background:var(--green-soft);color:var(--green)}.summary-icon.warning{background:var(--amber-soft);color:var(--amber)}.summary-icon.critical{background:var(--red-soft);color:var(--red)}.summary-card span,.summary-card strong,.summary-card small{display:block}.summary-card span{font-size:11px;color:var(--muted);margin-bottom:4px}.summary-card strong{font-size:25px;line-height:1.1;font-variant-numeric:tabular-nums}.summary-card small{color:var(--dim);font-size:10px;margin-top:7px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.node-area,.alerts-panel{border:1px solid var(--line-soft);border-radius:15px;background:var(--panel);overflow:hidden}.section-toolbar{height:61px;padding:0 16px 0 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.tabs{align-self:stretch;display:flex}.tab{border:0;background:none;color:var(--muted);padding:0 13px;cursor:pointer;font-size:12px;position:relative}.tab.active{color:var(--text);font-weight:700}.tab.active:after{content:"";height:2px;border-radius:2px;background:var(--accent);position:absolute;bottom:0;left:11px;right:11px}.tab span{font-size:9px;padding:2px 6px;border-radius:8px;background:var(--panel-2);margin-left:4px}.search{height:34px;width:180px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--dim);background:var(--panel-2)}.search input{border:0;outline:0;width:100%;background:transparent;color:var(--text);font-size:11px}.node-grid{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;min-height:500px}.node-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);cursor:pointer;transition:.18s ease;overflow:hidden}.node-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--green)}.node-card.warning:before{background:var(--amber)}.node-card.critical:before,.node-card.offline:before{background:var(--red)}.node-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:var(--shadow)}.node-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px}.node-name{display:flex;gap:11px;align-items:flex-start}.node-symbol{width:33px;height:33px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:12px}.node-name h3{font-size:13px;margin:1px 0 5px}.node-name p{font-size:10px;color:var(--muted);margin:0}.status-pill{font-size:9px;font-weight:800;height:22px;padding:0 8px;border-radius:8px;display:flex;align-items:center;gap:5px;color:var(--green);background:var(--green-soft)}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.warning{color:var(--amber);background:var(--amber-soft)}.status-pill.critical,.status-pill.offline{color:var(--red);background:var(--red-soft)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.metric{padding:10px;border:1px solid var(--line-soft);border-radius:9px;background:color-mix(in srgb,var(--panel) 60%,transparent)}.metric label{display:block;color:var(--dim);font-size:9px;margin-bottom:7px}.metric strong{font-size:14px;font-variant-numeric:tabular-nums}.meter{height:3px;background:var(--line);border-radius:4px;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;border-radius:4px;background:var(--accent)}.metric:nth-child(2) .meter i{background:#9b7bff}.metric:nth-child(3) .meter i{background:#36c9a2}.service-row{display:flex;gap:6px;flex-wrap:wrap}.service-tag{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:5px 7px}.service-tag b{color:var(--text);font-weight:700}.card-foot{border-top:1px solid var(--line-soft);margin:15px -18px -18px;padding:11px 18px;display:flex;justify-content:space-between;color:var(--dim);font-size:9px}.card-foot span:last-child{color:var(--accent)}.skeleton-card{height:220px;border-radius:13px;background:linear-gradient(100deg,var(--panel-2) 20%,var(--line-soft) 40%,var(--panel-2) 60%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.empty-nodes{grid-column:1/-1;display:grid;place-content:center;text-align:center;color:var(--muted);min-height:330px}.empty-nodes strong{color:var(--text);margin-bottom:7px}.alerts-panel{position:sticky;top:90px;max-height:calc(100vh - 110px)}.panel-head{height:70px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-soft)}.panel-head h2,.drawer-head h2{font-size:15px;margin:0}.panel-head .panel-kicker,.drawer-head .panel-kicker{margin-bottom:4px}.alert-total{font-size:11px;font-weight:800;color:var(--red);background:var(--red-soft);padding:5px 9px;border-radius:9px}.alert-filters{padding:10px 14px;border-bottom:1px solid var(--line-soft);display:flex;gap:6px}.alert-filter{border:0;background:transparent;color:var(--dim);padding:5px 8px;font-size:10px;border-radius:6px;cursor:pointer}.alert-filter.active{background:var(--panel-2);color:var(--text)}.alert-list{overflow:auto;max-height:calc(100vh - 250px)}.alert-item{padding:15px 18px;border-bottom:1px solid var(--line-soft)}.alert-title{display:flex;gap:8px;align-items:center;margin-bottom:8px}.severity{font-size:8px;font-weight:800;padding:4px 6px;border-radius:6px;color:var(--red);background:var(--red-soft)}.severity.warning{color:var(--amber);background:var(--amber-soft)}.alert-title strong{font-size:11px}.alert-item p{font-size:10px;line-height:1.55;color:var(--muted);margin:0 0 10px}.alert-meta{display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:9px}.ack-button{border:0;background:none;color:var(--accent);font-size:9px;cursor:pointer}.empty-alerts{display:none;min-height:320px;place-content:center;text-align:center;padding:30px}.empty-alerts.visible{display:grid}.empty-alerts span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--green);background:var(--green-soft);margin:0 auto 13px}.empty-alerts strong{font-size:12px}.empty-alerts p{font-size:10px;color:var(--muted);margin:7px 0}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.2s;z-index:40}.drawer-backdrop.open{opacity:1;pointer-events:auto}.detail-drawer{position:fixed;z-index:50;right:0;top:0;bottom:0;width:min(540px,92vw);background:var(--panel);border-left:1px solid var(--line);transform:translateX(100%);transition:.25s ease;box-shadow:-30px 0 70px rgba(0,0,0,.35);overflow:auto}.detail-drawer.open{transform:none}.drawer-head{height:80px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:var(--panel);z-index:2}.drawer-close{width:34px;height:34px;font-size:19px}.drawer-body{padding:22px}.detail-hero{padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);margin-bottom:18px}.detail-hero p{font-size:11px;color:var(--muted);line-height:1.7;margin:9px 0 0}.detail-section{margin-top:22px}.detail-section h3{font-size:11px;margin:0 0 11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.detail-table{width:100%;border-collapse:collapse;font-size:10px}.detail-table th,.detail-table td{padding:11px 8px;border-bottom:1px solid var(--line-soft);text-align:left}.detail-table th{color:var(--dim);font-weight:500}.detail-table td:last-child{text-align:right}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:9px;font-size:11px;font-weight:700;z-index:80;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.workspace{grid-template-columns:1fr}.alerts-panel{position:static;max-height:none}.alert-list{max-height:420px}}@media(max-width:760px){.topbar{padding:0 18px}.live-state span{display:none}.refresh-button{width:36px;padding:0;justify-content:center}.refresh-button:not(.loading){font-size:0}.refresh-button span{font-size:16px}main{padding:25px 18px}.page-head{align-items:flex-start}.updated{display:none}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-card{padding:16px;min-height:100px}.node-grid{grid-template-columns:1fr}.search{width:130px}}@media(max-width:440px){.summary-grid{gap:8px}.summary-card{gap:10px}.summary-icon{width:34px;height:34px}.subtitle{max-width:280px}.search{display:none}.node-grid{padding:10px}.node-card{padding:15px}.metrics{gap:5px}}
.log-button{width:100%;height:40px;margin-top:16px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:800;cursor:pointer}.log-button:hover{border-color:var(--accent)}.log-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.66);opacity:0;pointer-events:none;z-index:60;transition:.2s}.log-backdrop.open{opacity:1;pointer-events:auto}.log-modal{position:fixed;z-index:70;left:50%;top:50%;width:min(1040px,92vw);height:min(720px,86vh);transform:translate(-50%,-47%) scale(.98);opacity:0;pointer-events:none;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 35px 100px rgba(0,0,0,.55);overflow:hidden;transition:.2s}.log-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.log-head{height:70px;padding:0 18px 0 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-soft)}.log-head h2{font-size:14px;margin:0}.log-meta{height:42px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;background:var(--panel-2);border-bottom:1px solid var(--line-soft)}.log-meta button{border:0;background:none;color:var(--accent);font-size:10px;cursor:pointer}.log-modal pre{height:calc(100% - 112px);overflow:auto;margin:0;padding:20px;background:#080b0f;color:#b9c4d1;font:11px/1.65 Consolas,"Cascadia Mono",monospace;white-space:pre-wrap;word-break:break-all}:root.light .log-modal pre{background:#18202a;color:#d4dde8}
.log-meta{height:50px;gap:12px}.log-meta label{display:flex;align-items:center;gap:7px;white-space:nowrap}.log-meta input{height:30px;border:1px solid var(--line);border-radius:7px;padding:0 8px;background:var(--panel);color:var(--text);color-scheme:dark}.log-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.log-meta>div{display:flex;gap:8px}.log-meta button{height:30px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel);white-space:nowrap}.log-meta button:hover{border-color:var(--accent)}.log-meta button:disabled{opacity:.45;cursor:wait}.log-modal pre{height:calc(100% - 120px)}:root.light .log-meta input{color-scheme:light}@media(max-width:640px){.log-meta{height:auto;min-height:78px;flex-wrap:wrap;padding:8px 12px}.log-meta>span{order:3;flex-basis:100%}.log-modal pre{height:calc(100% - 148px)}}
.log-meta .log-stats{flex:0 0 auto;overflow:visible;padding:6px 9px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-weight:800}.log-meta button:disabled{cursor:default}.log-meta #logMore:disabled{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--line));opacity:.85}
.resource-history{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.history-head h3{margin-bottom:4px}.history-head small{font-size:9px;color:var(--dim)}.history-ranges{display:flex;gap:4px}.history-ranges button{height:25px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font-size:9px;cursor:pointer}.history-ranges button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chart-legend{display:flex;gap:14px;margin:13px 0 4px;font-size:9px;color:var(--muted)}.chart-legend span:before{content:"";display:inline-block;width:8px;height:2px;margin:0 5px 2px 0;background:currentColor}.chart-legend .cpu{color:#5b8cff}.chart-legend .memory{color:#f47b45}.chart-legend .disk{color:#36c9a2}.history-chart{min-height:210px;position:relative}.history-chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1}.chart-axis{fill:var(--dim);font-size:8px}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line.cpu{stroke:#5b8cff}.chart-line.memory{stroke:#f47b45}.chart-line.disk{stroke:#36c9a2}.chart-empty{min-height:210px;display:grid;place-items:center;color:var(--dim);font-size:10px}.chart-latest{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:5px}.chart-latest span{padding:7px;border:1px solid var(--line-soft);border-radius:7px;color:var(--muted);font-size:9px;text-align:center}.chart-latest b{color:var(--text);margin-left:3px;font-variant-numeric:tabular-nums}@media(max-width:520px){.history-head{display:block}.history-ranges{margin-top:10px}.history-ranges button{flex:1}.chart-latest{grid-template-columns:1fr}}
.history-chart svg{touch-action:none;cursor:crosshair}.history-hover-marker line{stroke:color-mix(in srgb,var(--text) 45%,transparent);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.history-hover-marker circle{stroke:var(--panel-2);stroke-width:2;vector-effect:non-scaling-stroke}.history-hover-marker circle.cpu{fill:#5b8cff}.history-hover-marker circle.memory{fill:#f47b45}.history-hover-marker circle.disk{fill:#36c9a2}.history-tooltip{position:absolute;z-index:3;min-width:150px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--bg) 94%,transparent);box-shadow:0 12px 34px rgba(0,0,0,.4);pointer-events:none;font-size:9px}.history-tooltip strong,.history-tooltip span{display:block}.history-tooltip strong{margin-bottom:7px;color:var(--text);font-size:9px;white-space:nowrap}.history-tooltip span{margin-top:4px;color:var(--muted)}.history-tooltip span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:2px;background:currentColor}.history-tooltip span.cpu{color:#5b8cff}.history-tooltip span.memory{color:#f47b45}.history-tooltip span.disk{color:#36c9a2}.history-tooltip b{float:right;margin-left:15px;color:var(--text);font-variant-numeric:tabular-nums}
.detail-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.66);opacity:0;pointer-events:none;transition:.2s;z-index:40}.detail-backdrop.open{opacity:1;pointer-events:auto}.detail-modal{position:fixed;z-index:50;left:50%;top:50%;width:min(920px,94vw);max-height:90vh;background:var(--panel);border:1px solid var(--line);border-radius:17px;transform:translate(-50%,-47%) scale(.98);opacity:0;pointer-events:none;transition:.22s ease;box-shadow:0 35px 100px rgba(0,0,0,.55);overflow:hidden}.detail-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.detail-modal #drawerContent{max-height:calc(90vh - 80px);overflow:auto}.detail-modal .drawer-head{position:static}.detail-modal .resource-history{padding:18px}.detail-modal .history-chart{min-height:260px}.detail-modal .drawer-body{padding:24px}@media(max-width:640px){.detail-modal{width:96vw;max-height:94vh}.detail-modal #drawerContent{max-height:calc(94vh - 80px)}.detail-modal .drawer-body{padding:14px}}
.detail-modal .history-chart{min-height:150px}.detail-modal .chart-empty{min-height:150px}.detail-hero.compact{display:grid;grid-template-columns:minmax(0,1fr) auto 170px;align-items:center;gap:18px;padding:15px 18px}.detail-hero.compact p{margin-top:7px}.detail-hero.compact .log-button{margin:0;height:44px}.live-metrics{display:grid;grid-template-columns:repeat(3,auto);gap:5px;align-items:center}.live-metrics span{min-width:67px;padding:8px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel);color:var(--muted);font-size:9px;text-align:center}.live-metrics b{display:block;color:var(--text);font-size:13px;margin-top:3px;font-variant-numeric:tabular-nums}.live-metrics small{grid-column:1/-1;text-align:right;color:var(--green);font-size:8px}.live-metrics small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft);margin-right:3px}.process-section{margin-top:16px}.process-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.process-title h3{margin:0}.process-title span{color:var(--green);font-size:8px}.process-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.process-item{min-height:60px;display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line-soft);border-radius:9px;background:var(--panel-2)}.process-item.healthy{border-color:color-mix(in srgb,var(--green) 22%,var(--line))}.process-item.warning{border-color:color-mix(in srgb,var(--amber) 36%,var(--line))}.process-item.critical,.process-item.offline{border-color:color-mix(in srgb,var(--red) 38%,var(--line))}.process-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.process-item.warning .process-dot{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.process-item.critical .process-dot,.process-item.offline .process-dot{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.process-item strong,.process-item small{display:block}.process-item strong{font-size:10px}.process-item small{margin-top:4px;color:var(--dim);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.process-item em{color:var(--dim);font-size:8px;font-style:normal}.service-status{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:21px;padding:0 7px;border-radius:7px;font-size:8px;font-weight:800;color:var(--green);background:var(--green-soft)}.service-status.warning{color:var(--amber);background:var(--amber-soft)}.service-status.critical,.service-status.offline{color:var(--red);background:var(--red-soft)}.process-empty{grid-column:1/-1;padding:18px;text-align:center;color:var(--dim);font-size:9px}@media(max-width:760px){.detail-hero.compact{grid-template-columns:1fr}.detail-hero.compact .log-button{width:100%}.process-list{grid-template-columns:1fr}.live-metrics{grid-template-columns:repeat(3,1fr)}.live-metrics small{text-align:left}}
.device-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 11px;border:1px solid var(--line-soft);border-radius:9px;background:color-mix(in srgb,var(--panel) 65%,transparent)}.device-info-row>div{min-width:0}.device-info-row span,.device-info-row strong,.device-info-row small{display:block}.device-info-row span{color:var(--dim);font-size:8px;margin-bottom:4px}.device-info-row strong{max-width:360px;color:var(--text);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-info-row small{font-size:8px;margin-top:4px}.device-info-row small.healthy{color:var(--green)}.device-info-row small.critical{color:var(--red)}.device-info-button{flex:0 0 auto;height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:800;cursor:pointer}.device-info-button:hover{border-color:var(--accent)}.device-info-button:disabled{opacity:.45;cursor:not-allowed}.detail-actions{display:grid;gap:7px}.detail-actions .device-info-button,.detail-actions .log-button{width:170px;height:34px;margin:0}.detail-actions .device-info-button{border-radius:9px}.detail-hero b#detailDeviceInfo{color:var(--text);font-size:10px}@media(max-width:760px){.device-info-row{align-items:flex-start;flex-direction:column}.device-info-row .device-info-button{width:100%}.detail-actions,.detail-actions .device-info-button,.detail-actions .log-button{width:100%}}
.client-version{display:block;margin-top:5px;color:var(--accent);font-size:8px;font-weight:700}.client-runtime{color:var(--accent)}.terminal-info-section{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.terminal-info-section .process-title span{color:var(--dim)}.terminal-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.terminal-field{min-width:0;padding:9px 10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel)}.terminal-field span,.terminal-field strong{display:block}.terminal-field span{margin-bottom:5px;color:var(--dim);font-size:8px}.terminal-field strong{color:var(--text);font-size:10px;overflow-wrap:anywhere}.terminal-info-empty{grid-column:1/-1;padding:16px;text-align:center;color:var(--dim);font-size:9px}.log-meta #logCopy{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}@media(max-width:560px){.terminal-info-grid{grid-template-columns:1fr}}
.delete-client-button{width:170px;height:34px;border:1px solid color-mix(in srgb,var(--red) 55%,var(--line));border-radius:9px;background:var(--red-soft);color:var(--red);font-size:9px;font-weight:800;cursor:pointer}.delete-client-button:hover{border-color:var(--red);background:color-mix(in srgb,var(--red-soft) 72%,var(--red))}.delete-client-button:disabled{opacity:.45;cursor:wait}@media(max-width:760px){.detail-actions .delete-client-button{width:100%}}
.log-view-tabs{height:42px;padding:0 20px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line-soft);background:var(--panel)}.log-view-tabs button{height:27px;padding:0 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--dim);font-size:9px;font-weight:800;cursor:pointer}.log-view-tabs button.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft);color:var(--accent)}.log-view-tabs span{margin-left:auto;color:var(--dim);font-size:8px}.log-analysis,.log-raw{height:calc(100% - 162px)!important}.log-analysis{overflow:auto;padding:18px 20px;background:var(--bg)}.analysis-loading,.analysis-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--dim);font-size:10px}.analysis-empty strong{color:var(--text);font-size:11px}.analysis-empty.healthy strong{color:var(--green)}.analysis-empty.critical strong{color:var(--red)}.analysis-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.analysis-hero>div>span{display:block;margin-bottom:6px;color:var(--dim);font-size:8px;letter-spacing:1px}.analysis-hero strong{display:block;font-size:13px}.analysis-hero p{margin:6px 0 0;color:var(--muted);font-size:9px}.analysis-hero>b{flex:0 0 auto;padding:7px 10px;border-radius:8px;font-size:9px}.analysis-hero.critical{border-color:color-mix(in srgb,var(--red) 36%,var(--line))}.analysis-hero.critical>b{color:var(--red);background:var(--red-soft)}.analysis-hero.warning{border-color:color-mix(in srgb,var(--amber) 36%,var(--line))}.analysis-hero.warning>b{color:var(--amber);background:var(--amber-soft)}.analysis-hero.healthy{border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.analysis-hero.healthy>b{color:var(--green);background:var(--green-soft)}.analysis-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.analysis-metrics>div{padding:11px 12px;border:1px solid var(--line-soft);border-radius:9px;background:var(--panel)}.analysis-metrics span,.analysis-metrics strong{display:block}.analysis-metrics span{color:var(--dim);font-size:8px}.analysis-metrics strong{margin-top:5px;font-size:16px}.analysis-metrics .critical strong{color:var(--red)}.analysis-metrics .warning strong{color:var(--amber)}.analysis-metrics .accent strong{color:var(--accent)}.analysis-section{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.analysis-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.analysis-title strong{font-size:10px}.analysis-title span{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim);font-size:8px}.analysis-issues{display:grid;gap:7px}.analysis-issue{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel-2)}.analysis-issue>span{align-self:start;padding:4px 6px;border-radius:6px;color:var(--red);background:var(--red-soft);font-size:8px;font-weight:800}.analysis-issue.warning>span{color:var(--amber);background:var(--amber-soft)}.analysis-issue strong{display:block;font-size:10px}.analysis-issue p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.analysis-issue code{display:block;margin-top:7px;padding:7px;border-radius:6px;background:#080b0f;color:#aeb9c7;font:8px/1.45 Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-issue em{color:var(--dim);font-size:8px;font-style:normal;white-space:nowrap}.analysis-note{margin-top:9px;padding:8px 10px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:8px}@media(max-width:640px){.log-view-tabs{padding:0 12px}.log-view-tabs span{display:none}.log-analysis,.log-raw{height:calc(100% - 190px)!important}.log-analysis{padding:12px}.analysis-metrics{grid-template-columns:repeat(2,1fr)}.analysis-hero{align-items:flex-start}.analysis-issue{grid-template-columns:auto minmax(0,1fr)}.analysis-issue em{grid-column:2}}
.transaction-monitor{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 12px 35px rgba(0,0,0,.12)}.transaction-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.transaction-head h2{margin:2px 0 5px;font-size:15px}.transaction-head p{margin:0;color:var(--muted);font-size:9px}.transaction-ranges{display:flex;gap:4px}.transaction-ranges button{height:28px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);color:var(--dim);font-size:9px;cursor:pointer}.transaction-ranges button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.transaction-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.transaction-summary>div{padding:10px 12px;border:1px solid var(--line-soft);border-radius:9px;background:var(--panel-2)}.transaction-summary span,.transaction-summary strong{display:block}.transaction-summary span{color:var(--dim);font-size:8px}.transaction-summary strong{margin-top:5px;font-size:16px;font-variant-numeric:tabular-nums}.transaction-summary .healthy strong{color:var(--green)}.transaction-summary .critical strong{color:var(--red)}.transaction-summary .processing strong{color:var(--accent)}.transaction-body{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(440px,1.25fr);gap:10px}.type-chart,.transaction-stream{min-height:260px;padding:13px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel-2)}.transaction-subhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.transaction-subhead strong{font-size:10px}.transaction-subhead span{color:var(--dim);font-size:8px}.transaction-stream .transaction-subhead span{color:var(--green)}.transaction-stream .transaction-subhead i,.client-transaction.active i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft);margin-right:4px}.type-chart-list,.transaction-stream-list{display:grid;gap:6px}.type-bar-row{display:grid;grid-template-columns:75px minmax(80px,1fr) 42px 46px;align-items:center;gap:8px;min-height:31px}.type-bar-row>div:first-child strong,.type-bar-row>div:first-child span{display:block}.type-bar-row>div:first-child strong{font-size:9px}.type-bar-row>div:first-child span{margin-top:2px;color:var(--dim);font-size:7px}.type-bar{display:flex;height:7px;border-radius:6px;overflow:hidden;background:var(--line)}.type-bar i{display:block;height:100%}.type-bar .success{background:var(--green)}.type-bar .failed{background:var(--red)}.type-bar .processing{background:var(--accent)}.type-bar-row b,.type-bar-row em{font-size:8px;text-align:right;font-style:normal}.type-bar-row em{color:var(--dim)}.transaction-row{display:grid;grid-template-columns:58px 28px minmax(120px,1fr) 62px 48px;gap:7px;align-items:center;padding:7px 8px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel)}.transaction-row time,.transaction-row em{color:var(--dim);font-size:8px;font-style:normal;font-variant-numeric:tabular-nums}.transaction-type{display:grid;place-items:center;height:22px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:800}.transaction-row strong,.transaction-row small{display:block}.transaction-row strong{font-size:9px}.transaction-row small{margin-top:3px;color:var(--dim);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-result{font-size:8px;font-weight:800;color:var(--green);text-align:right}.transaction-row.failed .transaction-result{color:var(--red)}.transaction-row.processing .transaction-result{color:var(--accent)}.transaction-empty{min-height:180px;display:grid;place-items:center;color:var(--dim);font-size:9px}.client-transaction{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px 0 11px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel-2)}.client-transaction span{color:var(--dim);font-size:8px}.client-transaction strong{font-size:8px}.client-transaction.active{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft)}.client-transaction.active span,.client-transaction.active strong{color:var(--accent)}.client-transaction.failed strong{color:var(--red)}@media(max-width:900px){.transaction-body{grid-template-columns:1fr}.transaction-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.transaction-head{display:block}.transaction-ranges{margin-top:11px}.transaction-ranges button{flex:1}.transaction-summary{grid-template-columns:repeat(2,1fr)}.transaction-row{grid-template-columns:52px 28px minmax(100px,1fr) 55px}.transaction-row em{display:none}}
.server-log-search{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr)) auto auto;gap:8px;align-items:end;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--panel-2)}.server-log-search[hidden]{display:none}.server-log-search label{display:grid;gap:5px;color:var(--dim);font-size:8px}.server-log-search input{width:100%;height:31px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font:9px inherit;box-sizing:border-box}.server-log-search button{height:31px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font-size:9px;font-weight:700;cursor:pointer}.server-log-search button[type=submit]{border-color:var(--accent);background:var(--accent);color:#fff}
.server-log-search>strong{grid-column:1/-1;font-size:9px}.server-log-search>strong small{margin-left:5px;color:var(--dim);font-size:8px;font-weight:500}
.log-modal{display:flex;flex-direction:column}.log-head,.log-meta,.server-log-search,.log-view-tabs{flex:0 0 auto}.log-analysis,.log-raw,.log-modal.server-search-open .log-analysis,.log-modal.server-search-open .log-raw{flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;box-sizing:border-box;overflow:auto}
.server-config-button{height:32px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:800;cursor:pointer}.server-config-button:hover{border-color:var(--accent)}.detail-actions .log-button,.detail-actions .server-config-button{width:170px;height:34px;margin:0;padding:0 12px;border-radius:9px;font-size:9px;font-weight:800;line-height:1}@media(max-width:760px){.detail-actions .server-config-button{width:100%}}
.config-backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.68);opacity:0;pointer-events:none;transition:opacity .16s}.config-backdrop.open{opacity:1;pointer-events:auto}.config-modal{position:fixed;z-index:81;left:50%;top:50%;width:min(880px,calc(100vw - 34px));max-height:min(760px,calc(100vh - 34px));transform:translate(-50%,-48%) scale(.98);display:none;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 25px 90px rgba(0,0,0,.48)}.config-modal.open{display:flex;flex-direction:column;transform:translate(-50%,-50%) scale(1)}
.config-guide{margin:0;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--panel-2);color:var(--muted);font-size:9px;line-height:1.55}.config-list{display:grid;gap:8px;padding:14px;overflow:auto}.config-item{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(250px,1.3fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel-2)}.config-item strong,.config-item small{display:block}.config-item strong{font:700 9px Consolas,"Cascadia Mono",monospace;word-break:break-all}.config-item small{margin-top:5px;color:var(--dim);font-size:8px;line-height:1.45}
.config-copy>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.config-copy p{margin:6px 0 0;color:color-mix(in srgb,var(--text) 72%,var(--muted));font-size:9px;line-height:1.45}.config-policy,.config-sensitive{display:inline-flex;padding:3px 6px;border-radius:5px;background:var(--green-soft);color:var(--green);font-size:7px;font-weight:800}.config-policy.restart{background:var(--amber-soft);color:var(--amber)}.config-sensitive{background:var(--red-soft);color:var(--red)}.config-value{width:100%;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font:700 11px Consolas,"Cascadia Mono",monospace;box-sizing:border-box}.config-save{height:38px;padding:0 13px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;font-size:9px;font-weight:800;cursor:pointer}.config-save:disabled{opacity:.55;cursor:wait}
.config-tabs{display:flex;gap:6px;padding:10px 14px 0;background:var(--panel-2)}.config-tabs button{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px 8px 0 0;background:var(--panel);color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.config-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.config-guide code{color:var(--accent);font-family:Consolas,"CCascadia Mono",monospace}.receipt-config-list{gap:10px}.receipt-config-item{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.4fr) minmax(180px,.8fr) auto;align-items:end;gap:12px;padding:14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel-2)}.receipt-config-head{align-self:center;min-width:0}.receipt-config-head>div>strong,.receipt-config-head small{display:block}.receipt-config-head>div>strong{font:800 12px Consolas,"Cascadia Mono",monospace;overflow:hidden;text-overflow:ellipsis}.receipt-config-head small{margin-top:6px;color:var(--dim);font-size:9px;line-height:1.45}.receipt-config-head>span{display:inline-flex;margin-top:8px;padding:3px 6px;border-radius:5px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:800}.receipt-config-item>label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:700}.receipt-config-item textarea{width:100%;min-height:58px;padding:9px 11px;resize:vertical;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font:11px/1.5 Consolas,"Cascadia Mono",monospace;box-sizing:border-box}.receipt-form-item{display:grid;grid-template-columns:200px minmax(0,1fr) auto;align-items:start}.receipt-form-item .receipt-template{min-height:330px;white-space:pre;overflow:auto}.receipt-form-item .config-save{margin-top:19px}
.response-catalog-list{gap:10px}.response-language-item{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.8fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:10px;background:var(--accent-soft)}.response-language-item strong{font-size:12px}.response-language-item p{margin:5px 0 0;color:var(--muted);font-size:9px}.response-language-item select{appearance:auto}.response-catalog-item{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(210px,1fr) minmax(210px,1fr) auto;align-items:end;gap:12px;padding:13px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel-2)}.response-catalog-head{align-self:center}.response-catalog-head strong{display:block;font:800 10px Consolas,"Cascadia Mono",monospace;overflow-wrap:anywhere}.response-catalog-head .config-policy{margin-top:7px}.response-catalog-item label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:700}.response-catalog-item .config-save{white-space:nowrap}
@media(max-width:900px){.response-catalog-item{grid-template-columns:1fr 1fr}.response-catalog-head{grid-column:1/-1}.response-catalog-item .config-save{grid-column:1/-1}}
@media(max-width:600px){.response-language-item,.response-catalog-item{grid-template-columns:1fr}.response-catalog-head,.response-catalog-item .config-save{grid-column:auto}}
@media(max-width:900px){.server-log-search{grid-template-columns:repeat(3,1fr)}.config-item{grid-template-columns:1fr auto}.config-item>div:first-child{grid-column:1/-1}.receipt-config-item{grid-template-columns:1fr 1fr}.receipt-config-head{grid-column:1/-1}.receipt-form-item{grid-template-columns:1fr}.receipt-form-item .config-save{margin-top:0}.config-tabs{overflow-x:auto}.config-tabs button{white-space:nowrap}}
/* Compact overview and dashboard-wide readability */
main{padding:24px 28px 40px}.page-head{align-items:center;margin-bottom:14px}.page-head>div:first-child{display:flex;align-items:baseline;gap:14px;min-width:0}.page-head .eyebrow{display:none}.page-head h1{flex:0 0 auto;margin:0;font-size:22px}.subtitle{font-size:13px;white-space:nowrap}.updated span{margin-bottom:3px;font-size:11px}.updated strong{font-size:13px}
.summary-grid{gap:10px;margin-bottom:16px}.summary-card{min-height:78px;padding:12px 16px;gap:12px;border-radius:12px}.summary-icon{width:34px;height:34px;border-radius:10px;font-size:14px}.summary-card span{margin-bottom:2px;font-size:12px}.summary-card strong{font-size:22px}.summary-card small{margin-top:3px;font-size:10px}
.transaction-head h2{font-size:17px}.transaction-head p{font-size:11px}.transaction-ranges button{font-size:10px}.transaction-summary span{font-size:10px}.transaction-summary strong{font-size:18px}.transaction-subhead strong{font-size:12px}.transaction-subhead span{font-size:10px}.type-bar-row>div:first-child strong{font-size:11px}.type-bar-row>div:first-child span{font-size:9px}.type-bar-row b,.type-bar-row em{font-size:10px}.transaction-row time,.transaction-row em{font-size:10px}.transaction-type{font-size:10px}.transaction-row strong{font-size:11px}.transaction-row small{font-size:9px}.transaction-result{font-size:10px}.transaction-empty{font-size:11px}
.section-toolbar>div>strong{font-size:14px}.section-toolbar .panel-kicker,.panel-kicker{font-size:10px}.search input{font-size:12px}.zone-head span{font-size:9px}.zone-head h2{font-size:16px}.zone-head small{font-size:10px}.node-name h3{font-size:15px}.node-name p{font-size:11px}.client-version{font-size:10px}.status-pill{font-size:10px}.metric label{font-size:10px}.metric strong{font-size:16px}.service-tag{font-size:10px}.card-foot{font-size:10px}.overview-process-head strong{font-size:12px}.overview-process-head span{font-size:10px}.overview-process-card strong{font-size:11px}.overview-process-card small{font-size:10px}.overview-process-card em{font-size:10px}
.panel-head h2,.drawer-head h2{font-size:16px}.alert-filter{font-size:11px}.alert-title strong{font-size:12px}.alert-item p{font-size:11px}.alert-meta,.ack-button{font-size:10px}.detail-hero p{font-size:12px}.detail-section h3{font-size:12px}.detail-table{font-size:11px}.process-item strong{font-size:11px}.process-item small{font-size:10px}.process-item em,.service-status{font-size:9px}.log-meta,.log-meta button{font-size:11px}.server-log-search label,.server-log-search>strong{font-size:10px}.server-log-search input,.server-log-search button{font-size:10px}.log-view-tabs button{font-size:10px}.log-view-tabs span{font-size:9px}.config-guide{font-size:10px}.config-item strong{font-size:10px}.config-item small{font-size:9px}.config-copy p{font-size:10px}.config-policy,.config-sensitive{font-size:8px}.config-save{font-size:10px}
@media(max-width:760px){main{padding:20px 16px 36px}.page-head>div:first-child{display:block}.page-head h1{font-size:21px}.subtitle{margin-top:5px;white-space:normal}.summary-card{min-height:76px;padding:11px 13px}}
@media(max-width:600px){.server-log-search{grid-template-columns:repeat(2,1fr)}.server-log-search button{width:100%}.config-item{grid-template-columns:1fr}.config-item>div:first-child{grid-column:auto}.config-save{width:100%}}
.transaction-stream{display:flex;min-height:260px;flex-direction:column}.transaction-stream-list{min-height:0;max-height:245px;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.transaction-summary{grid-template-columns:repeat(6,1fr)}.transaction-summary .unknown strong{color:var(--dim)}.type-bar-row{grid-template-columns:105px minmax(80px,1fr) 42px 46px}.type-bar .unknown{background:#667085}.transaction-row.unknown .transaction-result{color:var(--dim)}.target-badge{display:inline-flex;align-items:center;margin-right:5px;padding:2px 4px;border-radius:4px;font-size:6px;font-style:normal;line-height:1.2}.target-badge.server{color:var(--amber);background:var(--amber-soft)}.target-badge.client{color:var(--accent);background:var(--accent-soft)}@media(max-width:900px){.transaction-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.transaction-summary{grid-template-columns:repeat(2,1fr)}}
.transaction-main{min-width:0}.transaction-main>strong{display:flex;align-items:center;gap:2px}.transaction-main>strong>small{margin:0 0 0 5px;color:var(--dim);font-size:7px;font-weight:500}.transaction-refs{display:flex;gap:5px;margin-top:5px}.transaction-refs>span{display:inline-flex;align-items:center;min-width:0;height:18px;padding:0 6px 0 0;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text);font:700 8px/1 Consolas,monospace;letter-spacing:.2px}.transaction-refs b{display:inline-grid;place-items:center;align-self:stretch;margin-right:5px;padding:0 5px;border-radius:4px 0 0 4px;background:var(--accent-soft);color:var(--accent);font:800 6px/1 system-ui,sans-serif;letter-spacing:.5px}.transaction-refs span:last-child b{background:var(--green-soft);color:var(--green)}
.transaction-refs{flex-wrap:wrap}.transaction-refs .seq b{background:var(--accent-soft);color:var(--accent)}.transaction-refs .rrn b{background:var(--green-soft);color:var(--green)}.transaction-refs .guest b{background:var(--amber-soft);color:var(--amber)}.transaction-refs .original b{background:var(--red-soft);color:var(--red)}
.transaction-row[role=button]{cursor:pointer;transition:border-color .16s,transform .16s}.transaction-row[role=button]:hover,.transaction-row[role=button]:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-1px)}.transaction-log-summary{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(100px,.6fr));gap:8px;margin-bottom:12px}.transaction-log-summary>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.transaction-log-summary span,.transaction-log-summary strong,.transaction-log-summary b{display:block}.transaction-log-summary span{color:var(--dim);font-size:8px}.transaction-log-summary strong{margin-top:5px;font-size:13px}.transaction-log-summary p{margin:5px 0 0;color:var(--muted);font:8px Consolas,monospace;word-break:break-all}.transaction-log-summary b{margin-top:7px;font-size:10px}.transaction-log-summary b.success{color:var(--green)}.transaction-log-summary b.failed{color:var(--red)}.transaction-log-summary b.processing{color:var(--accent)}.transaction-log-timeline{position:relative;display:grid;gap:8px}.transaction-log-event{display:grid;grid-template-columns:14px minmax(0,1fr);gap:9px;padding:11px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel)}.transaction-log-marker{width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.transaction-log-event.send .transaction-log-marker{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.transaction-log-event.error .transaction-log-marker{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.transaction-log-event.warning .transaction-log-marker{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.transaction-log-event span{display:flex;justify-content:space-between;color:var(--accent);font-size:9px;font-weight:800}.transaction-log-event time{color:var(--dim);font-size:8px;font-weight:500}.transaction-log-event code{display:block;margin-top:7px;padding:8px;border-radius:7px;background:#080b0f;color:#b9c4d1;font:9px/1.55 Consolas,"Cascadia Mono",monospace;white-space:pre-wrap;word-break:break-all}:root.light .transaction-log-event code{background:#18202a;color:#d4dde8}@media(max-width:760px){.transaction-log-summary{grid-template-columns:1fr 1fr}.transaction-log-summary>div:first-child{grid-column:1/-1}}
.node-card.server-card{border-color:color-mix(in srgb,#5b8cff 34%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,#5b8cff 16%,var(--panel-2)),var(--panel-2) 52%)}.node-card.client-card{border-color:color-mix(in srgb,#2fc6b2 34%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,#2fc6b2 14%,var(--panel-2)),var(--panel-2) 52%)}.server-card .node-symbol{background:rgba(91,140,255,.18);color:#78a2ff;box-shadow:inset 0 0 0 1px rgba(91,140,255,.22)}.client-card .node-symbol{background:rgba(47,198,178,.16);color:#42d5c1;box-shadow:inset 0 0 0 1px rgba(47,198,178,.23)}.server-card .card-foot span:last-child{color:#78a2ff}.client-card .card-foot span:last-child{color:#42d5c1}.server-card:hover{border-color:#5b8cff}.client-card:hover{border-color:#2fc6b2}
.section-toolbar>div>strong{display:block;font-size:12px}.section-toolbar .panel-kicker{margin-bottom:3px}.monitoring-zone{padding:16px}.monitoring-zone+.monitoring-zone{border-top:8px solid var(--bg)}.server-zone{background:linear-gradient(180deg,color-mix(in srgb,#5b8cff 7%,var(--panel)),var(--panel))}.client-zone{background:linear-gradient(180deg,color-mix(in srgb,#2fc6b2 6%,var(--panel)),var(--panel))}.zone-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.zone-head span{display:block;margin-bottom:3px;color:var(--accent);font-size:8px;font-weight:800;letter-spacing:1.3px}.client-zone .zone-head span{color:#42d5c1}.zone-head h2{margin:0;font-size:14px}.zone-head h2 b{display:inline-grid;place-items:center;min-width:22px;height:20px;margin-left:5px;border-radius:7px;background:var(--panel-2);color:#42d5c1;font-size:10px}.zone-head small{color:var(--dim);font-size:8px}.server-overview>.server-card{width:100%}.server-card .metrics{grid-template-columns:repeat(3,minmax(100px,180px));max-width:560px}.overview-process-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;padding-top:13px;border-top:1px solid var(--line-soft)}.overview-process-head strong{font-size:10px}.overview-process-head span{color:var(--dim);font-size:8px}.overview-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.overview-process-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--green-soft) 34%,var(--panel))}.overview-process-card.warning{border-color:color-mix(in srgb,var(--amber) 35%,var(--line));background:color-mix(in srgb,var(--amber-soft) 34%,var(--panel))}.overview-process-card.critical{border-color:color-mix(in srgb,var(--red) 38%,var(--line));background:color-mix(in srgb,var(--red-soft) 38%,var(--panel))}.overview-process-card .process-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.overview-process-card.warning .process-dot{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.overview-process-card.critical .process-dot{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.overview-process-card strong,.overview-process-card small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-process-card strong{font-size:10px}.overview-process-card small{margin-top:4px;color:var(--dim);font-size:8px}.overview-process-card em{color:var(--green);font-size:8px;font-style:normal;font-weight:800}.overview-process-card.warning em{color:var(--amber)}.overview-process-card.critical em{color:var(--red)}.client-grid{min-height:260px;padding:0}.client-grid .empty-nodes{min-height:220px}@media(max-width:900px){.overview-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.zone-head{align-items:flex-start;flex-direction:column}.zone-head small{display:none}.overview-process-grid{grid-template-columns:1fr}.server-card .metrics{grid-template-columns:repeat(3,1fr)}}

/* Larger dashboard typography; the summary now starts directly below the top bar. */
main{padding-top:20px}.brand strong{font-size:16px}.brand small{font-size:11px}.live-state,.refresh-button{font-size:13px}
.summary-grid{gap:9px;margin-bottom:13px}.summary-card{min-height:68px;padding:8px 14px;gap:10px}.summary-icon{width:30px;height:30px;border-radius:9px;font-size:13px}.summary-card span{font-size:12px}.summary-card strong{font-size:22px}.summary-card small{margin-top:2px;font-size:10px}
.transaction-head h2{font-size:18px}.transaction-head p{font-size:12px}.transaction-ranges button{font-size:11px}.transaction-summary span{font-size:11px}.transaction-summary strong{font-size:20px}.transaction-subhead strong{font-size:13px}.transaction-subhead span{font-size:11px}.type-bar-row>div:first-child strong{font-size:12px}.type-bar-row>div:first-child span{font-size:10px}.type-bar-row b,.type-bar-row em{font-size:11px}.transaction-row time,.transaction-row em,.transaction-result{font-size:11px}.transaction-type{font-size:11px}.transaction-row strong{font-size:12px}.transaction-row small{font-size:10px}.transaction-empty{font-size:12px}
.section-toolbar>div>strong{font-size:15px}.section-toolbar .panel-kicker,.panel-kicker{font-size:11px}.tab{font-size:13px}.tab span{font-size:10px}.search input{font-size:13px}.zone-head span{font-size:10px}.zone-head h2{font-size:17px}.zone-head h2 b{font-size:11px}.zone-head small{font-size:11px}.node-name h3{font-size:16px}.node-name p{font-size:12px}.client-version{font-size:11px}.status-pill{font-size:11px}.metric label{font-size:11px}.metric strong{font-size:18px}.service-tag,.card-foot{font-size:11px}.overview-process-head strong{font-size:13px}.overview-process-head span{font-size:11px}.overview-process-card strong{font-size:12px}.overview-process-card small,.overview-process-card em{font-size:11px}
.panel-head h2,.drawer-head h2{font-size:17px}.alert-total,.alert-filter{font-size:12px}.alert-title strong{font-size:13px}.alert-item p{font-size:12px}.alert-meta,.ack-button{font-size:11px}.empty-alerts strong{font-size:13px}.empty-alerts p{font-size:11px}.detail-hero p{font-size:13px}.detail-section h3{font-size:13px}.detail-table{font-size:12px}.process-item strong{font-size:12px}.process-item small{font-size:11px}.process-item em,.service-status{font-size:10px}
.log-meta,.log-meta button{font-size:12px}.server-log-search label,.server-log-search>strong{font-size:11px}.server-log-search input,.server-log-search button{font-size:11px}.log-view-tabs button{font-size:11px}.log-view-tabs span{font-size:10px}.log-modal pre{font-size:12px}.config-guide{font-size:11px}.config-item strong{font-size:11px}.config-item small{font-size:10px}.config-copy p{font-size:11px}.config-policy,.config-sensitive{font-size:9px}.config-value{font-size:12px}.config-save{font-size:11px}
.transaction-main>strong>small{font-size:9px}.transaction-refs>span{font-size:10px}.transaction-refs b{font-size:8px}.target-badge{font-size:8px}.transaction-log-summary span{font-size:10px}.transaction-log-summary strong{font-size:14px}.transaction-log-summary p{font-size:10px}.transaction-log-summary b{font-size:11px}.transaction-log-event span{font-size:11px}.transaction-log-event time{font-size:10px}.transaction-log-event code{font-size:10px}
@media(max-width:760px){main{padding-top:16px}.summary-card{min-height:66px;padding:8px 12px}}
.result-code-button{margin-left:3px;padding:2px 6px;border:1px solid color-mix(in srgb,var(--red) 55%,var(--line));border-radius:6px;background:var(--red-soft);color:var(--red);font:800 10px/1.35 Consolas,"Cascadia Mono",monospace;cursor:pointer}.result-code-button:hover,.result-code-button:focus-visible{border-color:var(--red);outline:none;box-shadow:0 0 0 3px var(--red-soft)}
.result-code-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.68);opacity:0;pointer-events:none;transition:opacity .16s}.result-code-backdrop.open{opacity:1;pointer-events:auto}.result-code-modal{position:fixed;z-index:91;left:50%;top:50%;width:min(560px,calc(100vw - 34px));transform:translate(-50%,-48%) scale(.98);display:none;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 25px 90px rgba(0,0,0,.48)}.result-code-modal.open{display:block;transform:translate(-50%,-50%) scale(1)}.result-code-content{padding:18px}.result-code-hero{padding:18px;border:1px solid color-mix(in srgb,var(--red) 38%,var(--line));border-radius:12px;background:linear-gradient(145deg,var(--red-soft),var(--panel))}.result-code-hero span,.result-code-hero strong{display:block}.result-code-hero span{color:var(--muted);font-size:11px}.result-code-hero strong{margin-top:6px;color:var(--red);font:800 30px/1 Consolas,"Cascadia Mono",monospace}.result-code-hero p{margin:12px 0 0;color:var(--text);font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.result-code-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.result-code-meta>div{padding:10px 12px;border:1px solid var(--line-soft);border-radius:9px;background:var(--panel-2)}.result-code-meta dt{color:var(--dim);font-size:9px}.result-code-meta dd{margin:5px 0 0;color:var(--text);font-size:11px;font-weight:700;word-break:break-all}.result-code-guide{padding:12px;border-radius:9px;background:var(--accent-soft)}.result-code-guide strong{color:var(--accent);font-size:11px}.result-code-guide p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.55}@media(max-width:520px){.result-code-meta{grid-template-columns:1fr}.result-code-content{padding:14px}}

/* Dashboard clarity: reliable stale data, volume-scaled charts, and first-viewport incidents. */
:root{--muted:#a8b4c2;--dim:#8290a0}.main-column{min-width:0;display:grid;gap:18px}.transaction-monitor{margin:0}.alerts-panel:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.summary-card.actionable{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer}.summary-card.actionable:hover,.summary-card.actionable:focus-visible{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));outline:none;transform:translateY(-1px);box-shadow:var(--shadow)}
.transaction-summary .critical strong{display:flex;align-items:baseline;gap:8px}.transaction-summary .critical strong b{font:inherit}.transaction-summary .critical strong small{margin:0;color:var(--red);font-size:12px;font-weight:800}.type-bar-row{grid-template-columns:minmax(145px,1.15fr) minmax(100px,1.6fr) 48px 76px;min-height:38px}.type-label{min-width:0}.type-label strong,.type-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-bar-track{height:9px;border-radius:6px;background:var(--line-soft);overflow:hidden}.type-bar{height:9px;min-width:4px}.type-bar-row em{white-space:nowrap}.transaction-row.failed{border-color:color-mix(in srgb,var(--red) 48%,var(--line));background:linear-gradient(90deg,var(--red-soft),var(--panel) 48%);box-shadow:inset 3px 0 0 var(--red)}.transaction-row.failed:hover,.transaction-row.failed:focus-visible{border-color:var(--red)}.transaction-refs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.transaction-refs>span{width:100%;overflow:hidden}.transaction-refs>span:not(.seq):not(.rrn):not(.guest):not(.original){display:none}
.server-resource-row{display:grid;grid-template-columns:minmax(340px,.75fr) minmax(360px,1.25fr);gap:14px;align-items:stretch}.server-resource-row .metrics{margin:0}.server-sparkline{min-height:142px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:9px;background:color-mix(in srgb,var(--panel) 60%,transparent)}.sparkline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.sparkline-head strong{font-size:11px}.sparkline-head span,.server-sparkline.empty span{color:var(--muted);font-size:10px}.server-sparkline svg{display:block;width:100%;height:100px}.server-sparkline polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.server-sparkline .cpu{stroke:#5b8cff}.server-sparkline .memory{stroke:#9b7bff}.server-sparkline .disk{stroke:#36c9a2}.server-sparkline.empty{display:grid;place-items:center;text-align:center}.server-sparkline.empty strong,.server-sparkline.empty span{display:block}.server-sparkline.empty span{margin-top:5px}
.client-resource-block.offline{position:relative}.metric-context{display:block;margin:-3px 0 8px;color:var(--amber);font-size:11px;font-weight:700}.metric.stale{opacity:.62}.metric.unknown strong{color:var(--muted)}.metric .meter i.warning{background:var(--amber)}.metric .meter i.critical{background:var(--red)}.metric .meter i.unknown{width:0!important}.live-metrics.stale span{opacity:.62}.live-metrics small.warning{color:var(--amber)}.client-version.warning,.client-runtime.warning{color:var(--amber)}.service-tag.warning{border-color:color-mix(in srgb,var(--amber) 45%,var(--line));color:var(--amber);background:var(--amber-soft)}.service-tag.warning b{color:var(--amber)}
.overview-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zone-head .search{width:min(260px,42vw)}.transaction-subhead span,.zone-head small,.summary-card small,.alert-item p,.card-foot,.transaction-summary span{color:var(--muted)}.transaction-summary .unknown strong{color:#a8b4c2}
@media(max-width:1250px){.server-resource-row{grid-template-columns:1fr}.server-card .metrics{max-width:none}.server-sparkline{min-height:86px}.type-bar-row{grid-template-columns:minmax(125px,1fr) minmax(90px,1.4fr) 44px 68px}}
@media(max-width:760px){.type-bar-row{grid-template-columns:minmax(120px,1fr) minmax(90px,1.2fr) 42px}.type-bar-row em{display:none}.transaction-refs{grid-template-columns:1fr}.server-resource-row{display:block}.server-sparkline{margin-top:10px}.zone-head .search{width:100%;max-width:none}.summary-card.actionable{min-height:66px;padding:8px 12px}}
.transaction-summary .critical strong{display:block}.type-bar-row{grid-template-columns:minmax(145px,1.15fr) minmax(100px,1.6fr) 52px}@media(max-width:1250px){.type-bar-row{grid-template-columns:minmax(125px,1fr) minmax(90px,1.4fr) 48px}}@media(max-width:760px){.type-bar-row{grid-template-columns:minmax(120px,1fr) minmax(90px,1.2fr) 42px}}

/* Compact operational context lives beside the working surface. */
.right-sidebar{position:sticky;top:90px;display:grid;gap:10px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.sidebar-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sidebar-summary .summary-card{min-height:76px;padding:10px 11px;gap:9px;border-radius:11px}.sidebar-summary .summary-icon{flex:0 0 auto;width:28px;height:28px;border-radius:8px;font-size:12px}.sidebar-summary .summary-card span{font-size:11px}.sidebar-summary .summary-card strong{font-size:20px}.sidebar-summary .summary-card small{margin-top:3px;font-size:9px;white-space:nowrap}.sidebar-summary .summary-card>div:last-child{min-width:0}.sidebar-summary .summary-card small,.sidebar-summary .summary-card span{overflow:hidden;text-overflow:ellipsis}.heartbeat-panel{overflow:hidden;border:1px solid var(--line-soft);border-radius:15px;background:var(--panel)}.sidebar-panel-head{height:62px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.sidebar-panel-head h2{margin:0;font-size:15px}.sidebar-panel-head .panel-kicker{margin-bottom:4px}.sidebar-panel-head>span{color:var(--muted);font-size:10px;font-weight:700}.heartbeat-list{max-height:235px;overflow:auto}.heartbeat-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid var(--line-soft)}.heartbeat-row:last-child{border-bottom:0}.heartbeat-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.heartbeat-dot.warning{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.heartbeat-dot.critical,.heartbeat-dot.offline{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.heartbeat-row strong,.heartbeat-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heartbeat-row strong{font-size:12px}.heartbeat-row small{margin-top:4px;color:var(--muted);font-size:10px}.heartbeat-row em{font-size:9px;font-style:normal;font-weight:800;color:var(--green)}.heartbeat-row em.warning{color:var(--amber)}.heartbeat-row em.critical,.heartbeat-row em.offline{color:var(--red)}.heartbeat-empty{padding:22px;text-align:center;color:var(--muted);font-size:11px}.right-sidebar .alerts-panel{position:static;max-height:none}.right-sidebar .alert-list{max-height:280px}.right-sidebar .empty-alerts{min-height:150px;padding:22px}.alerts-panel:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:1100px){.right-sidebar{position:static;max-height:none;overflow:visible}.sidebar-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.heartbeat-list{max-height:300px}.right-sidebar .alert-list{max-height:420px}}
@media(max-width:760px){.sidebar-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-summary .summary-card{min-height:72px}.right-sidebar{gap:8px}}
.sparkline-legend{display:flex;align-items:center;gap:4px}.sparkline-legend i{display:inline-block;width:8px;height:3px;margin-left:5px;border-radius:3px}.sparkline-legend i:first-child{margin-left:0}.sparkline-legend i.cpu{background:#5b8cff}.sparkline-legend i.memory{background:#9b7bff}.sparkline-legend i.disk{background:#36c9a2}.server-sparkline .spark-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.server-sparkline .spark-axis{fill:var(--muted);font-size:11px}.sparkline-since{display:block;margin-top:2px;color:var(--muted);font-size:9px;text-align:right}.transaction-row{grid-template-columns:86px 28px minmax(120px,1fr) 62px 48px}.transaction-row time{white-space:nowrap}@media(max-width:600px){.transaction-row{grid-template-columns:78px 28px minmax(100px,1fr) 55px}}
.config-guide code{font-family:Consolas,"Cascadia Mono",monospace}
.receipt-config-item:not(.receipt-form-item){grid-template-columns:minmax(190px,.8fr) minmax(320px,1.8fr) auto}
@media(max-width:900px){.receipt-config-item:not(.receipt-form-item){grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:600px){.receipt-config-item:not(.receipt-form-item){grid-template-columns:1fr}}
.type-bar-row{grid-template-columns:minmax(145px,.9fr) minmax(110px,1.6fr) 48px}.type-bar-row>div:first-child strong{font-size:11px;line-height:1.25;color:var(--text)}.type-bar-row>div:first-child span{margin-top:3px;color:var(--accent);font-size:9px;font-weight:700}.type-bar-row b{font-size:10px;color:var(--text)}
@media(max-width:760px){.type-bar-row{grid-template-columns:minmax(130px,.9fr) minmax(90px,1.3fr) 44px}}