:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#203246;background:#f3f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#087967;text-decoration:none}a:hover{text-decoration:underline}header{height:78px;background:#102a3c;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:16px}.brand{color:white;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700}.brand small{font-size:10px;letter-spacing:2px;color:#8bb6c6}.logo{display:inline-grid;place-items:center;background:#14b89b;color:#102a3c;width:34px;height:34px;border-radius:9px}.account{display:flex;align-items:center;gap:18px;font-size:13px}.account form{margin:0}.account .quiet{color:white;border-color:#527083}.shell{display:flex;min-height:calc(100vh - 78px)}aside{width:238px;flex-shrink:0;background:white;border-right:1px solid #dfe7ed;padding:30px 22px;display:flex;flex-direction:column}nav a{display:block;padding:13px 12px;border-radius:7px;color:#334c60}nav a:hover{background:#eaf5f1;text-decoration:none}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#5c7c8c;margin:12px 0}nav .eyebrow{margin-top:30px}.scope{margin-top:auto;padding-top:40px;font-size:12px;color:#678091;line-height:1.9}main{padding:34px 42px;flex:1;min-width:0;max-width:1600px}h1{font-size:30px;letter-spacing:-.7px;margin:8px 0 10px}h2{font-size:18px;margin:0 0 18px}p{line-height:1.6}.muted{color:#607687}.card{background:white;border:1px solid #dfe7ed;border-radius:12px;padding:26px;margin:24px 0;box-shadow:0 3px 12px #142b3b04;overflow-x:auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}.stats .card{display:flex;flex-direction:column;gap:10px;margin-bottom:0}.stats strong{font-size:38px;font-weight:650}.stats span{color:#607687;font-size:13px}.columns{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.narrow{max-width:640px}.login{max-width:470px;margin:55px auto}.login h1{font-size:28px}label{display:block;font-size:13px;font-weight:650;margin:15px 0 7px}input,select{width:100%;border:1px solid #b9c9d5;border-radius:7px;padding:11px 12px;font:inherit;background:white;color:inherit}input:focus,select:focus{outline:2px solid #64c9b8;outline-offset:1px}input[type=checkbox]{width:auto}button,.button{display:inline-block;background:#087e6b;color:white;border:1px solid transparent;border-radius:7px;padding:10px 17px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}button:hover,.button:hover{background:#076b5c;text-decoration:none}button:disabled{opacity:.65;cursor:wait}.quiet{background:transparent;color:#375264;border-color:#c8d5df}.quiet:hover{background:#ffffff15}.login button{width:100%;margin-top:24px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;letter-spacing:.5px;color:#6a8192;text-transform:uppercase;padding:13px 12px;background:#f6f8fa}td{padding:16px 12px;border-bottom:1px solid #e7edf2}tr:last-child td{border-bottom:0}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading h2{margin:0}.search{display:flex;gap:10px;max-width:560px;margin-bottom:22px}.badge{display:inline-block;background:#fff3d9;color:#93620f;padding:5px 9px;border-radius:20px;font-size:11px}.notice{padding:14px 18px;background:#e4f5ed;border:1px solid #b4dfcc;border-radius:8px;margin-bottom:18px}.error,.errorlist{color:#a42f36}.notice.error{background:#fff0f0;border-color:#edbdc0}.errorlist{padding-left:20px;font-size:13px}.helptext{display:block;color:#6c8190;font-size:12px;line-height:1.5;margin-top:7px}.pagination{display:flex;gap:25px;justify-content:center;padding-top:20px;font-size:13px}footer{padding:30px 0;color:#8798a5;font-size:11px}#loading{position:fixed;top:0;left:0;right:0;z-index:99;background:#14b89b;color:#092e2a;text-align:center;padding:10px;font-size:13px;font-weight:700;box-shadow:0 3px 15px #0002}[hidden]{display:none!important}@media(max-width:850px){aside{width:180px;padding:20px 10px}main{padding:24px 20px}.columns{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.brand small{display:none}}@media(max-width:600px){header{padding:12px 18px;height:auto}.brand{font-size:17px}.account span{display:none}.shell{display:block}aside{width:100%;padding:10px 15px}aside .eyebrow,aside .scope{display:none}nav{display:flex;flex-wrap:wrap}nav a{font-size:12px;padding:8px}.stats{gap:12px}.card{padding:18px}h1{font-size:25px}}

.educronix-brand{gap:20px}.educronix-logo{width:190px;height:auto;display:block;background:white;padding:9px 12px;border-radius:6px}.product-name{display:flex;align-items:center;gap:10px;font-size:20px}@media(max-width:600px){.educronix-brand{gap:10px}.educronix-logo{width:130px;padding:7px 8px}.product-name{font-size:13px}.account{gap:8px}}


.cdr-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 20px}.cdr-filters .errorlist{grid-column:1/-1}.cdr-json{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.card td{overflow-wrap:anywhere}summary{cursor:pointer;font-weight:650}


.cdr-filters p{margin:0 0 14px}.cdr-filters label{margin:0 0 6px}.cdr-filters input,.cdr-filters select{padding:9px 10px}


textarea{width:100%;max-width:100%;border:1px solid #b9c9d5;border-radius:7px;padding:11px 12px;font:inherit;color:inherit;resize:vertical}


.cdr-table-scroll{overflow-x:auto;max-width:100%}.cdr-table-scroll table{width:max-content;min-width:100%}.cdr-table-scroll th,.cdr-table-scroll td{white-space:nowrap;max-width:28rem}.cdr-table-scroll [hidden]{display:none}.cdr-scroll-top{overflow-x:auto;overflow-y:hidden;height:22px;margin-bottom:8px}.cdr-scroll-top>div{height:1px}.cdr-columns [data-column-options]{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.cdr-columns label{display:inline-flex;align-items:center;gap:6px}.cdr-columns input{width:auto;margin:0}.cdr-columns summary{cursor:pointer}

.breadcrumbs{margin:0 0 24px}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;padding:0;margin:0}.breadcrumbs li{display:flex;align-items:center;gap:8px}.breadcrumbs li+li::before{content:"\203a";color:#62768a}.breadcrumbs [aria-current]{font-weight:600;color:#183247}

#cdr-search-form input:disabled{background:#e8edf2;color:#64748b;cursor:not-allowed;opacity:.65}.cdr-table-scroll th:last-child,.cdr-table-scroll tr:has(td+td) td:last-child{position:sticky;right:0;background:#fff;box-shadow:-3px 0 5px #17354b22;z-index:1}.cdr-table-scroll th:last-child{background:#f4f7fa;z-index:2}.cdr-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.cdr-pagination label{display:flex;align-items:center;gap:8px}.cdr-pagination select{width:auto}.cdr-page-numbers{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:10px 2px}.cdr-page-numbers a,.cdr-page-numbers span{padding:6px 10px;border:1px solid #cbd5e1;border-radius:4px;flex-shrink:0}.cdr-page-numbers [aria-current]{background:#087f72;color:white}

#cdr-results td,#cdr-results th,.cdr-detail td,.cdr-detail th{padding:8px 10px;line-height:1.3}.cdr-detail .card{margin:18px 0;padding:20px}.cdr-detail .cdr-json{line-height:1.35}

#header-language-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:260px}#header-language-form label{color:white;margin:0;font-size:12px}#header-language-form select{width:auto;max-width:180px;padding:6px 8px;font-size:12px}#language-switch-status{flex-basis:100%;color:white}@media(max-width:850px){header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.account{flex-wrap:wrap}}

.export-scope{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:8px 0;font-size:13px}.export-scope dt{font-weight:650}.export-scope dd{margin:0}.export-scope ul{padding-left:20px;margin:6px 0}.export-extra-filters{margin:10px 0 20px}.export-extra-filters summary{margin-bottom:16px}

#header-language-form select{color:#203246;background:white}

.syslog-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px 20px}.syslog-filters p{margin:0}.syslog-filters label{margin:0 0 6px}.syslog-filters input,.syslog-filters select{padding:9px 10px}.syslog-filters .errorlist{grid-column:1/-1}#syslog-search-form>button{margin-top:16px}#syslog-search-form input:disabled{background:#e8edf2;color:#64748b;cursor:not-allowed}.syslog-table-scroll{overflow:auto;max-width:100%}.syslog-message-cell{max-width:650px;overflow-wrap:anywhere}.syslog-table-scroll td{padding:8px 10px;line-height:1.35}.syslog-table-scroll th{padding:10px}.syslog-pagination,.cdr-pagination{justify-content:flex-start}.cdr-page-numbers{flex-basis:100%;min-width:0}.page-jump{display:flex;align-items:center;gap:8px}.page-jump label{margin:0}.page-jump input{width:90px;padding:7px}.syslog-pagination select,.cdr-toolbar select{width:auto;padding:7px 10px}.cdr-toolbar{display:flex;gap:18px;align-items:center}.cdr-toolbar label{display:flex;align-items:center;gap:8px;margin:12px 0}.sip-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sip-controls label{margin:0}.sip-diagram-scroll{overflow:auto;max-height:650px}.sip-ladder{font:12px system-ui,sans-serif}.sip-ladder a{cursor:pointer}.sip-ladder a:hover text{fill:#087e6b;font-weight:700}.sip-ladder a line{stroke-width:2}.sip-message{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.4 monospace}#sip-message-dialog{width:min(1000px,95vw);max-height:85vh;overflow:auto;border:1px solid #b9c9d5;border-radius:10px;padding:24px;color:#203246}#sip-message-dialog::backdrop{background:#102a3c80}#index-status progress{width:100%;height:12px;accent-color:#087e6b}#index-status h2:not(:first-child){margin-top:24px}#index-status p{margin:10px 0}

/* Keep original SIP continuation indentation, independently of row links. */
.syslog-message-text{white-space:pre-wrap;tab-size:4;font-family:ui-monospace,Consolas,"Liberation Mono",monospace}

#sip-explorer-dialog{width:96vw;max-width:1800px;height:94vh;max-height:96vh;padding:12px}#sip-explorer-frame{width:100%;height:calc(100% - 55px);border:0}#sip-explorer-dialog::backdrop{background:#102b3bcc}
.sip-explorer-body{margin:12px;background:#f4f7fa}.sip-explorer-body h1{font-size:19px;margin:4px 0 10px}.sip-explorer-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sip-explorer-toolbar label{display:flex;gap:6px;align-items:center}.sip-explorer-toolbar select{width:auto}.sip-export-menu{position:relative}.sip-export-menu[open]{background:white;padding:8px}.sip-export-menu a,.sip-export-menu button{display:block;margin:6px}
.sip-explorer-grid{display:grid;grid-template-columns:minmax(350px,1fr) minmax(300px,1fr);gap:12px;align-items:start}.sip-session-pane,.sip-flow-pane{background:white;border:1px solid #d4e1e9;padding:8px;overflow:auto;resize:horizontal;min-width:0;max-width:100%}.sip-session-list{height:36vh;overflow:auto;resize:vertical;min-height:150px}.sip-session-list table{white-space:nowrap}.sip-session-list th{position:sticky;top:0;background:#eef4f8}.sip-session-list td{padding:5px 8px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.sip-session-list tr.selected{background:#cde8fb}.sip-session-button{background:transparent;color:#006e85;padding:0;border:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sip-session-pane pre{max-height:34vh;overflow:auto;margin:8px 0;font-size:12px;line-height:1.25}.sip-flow-pane{height:72vh;overflow:auto}#explorer-diagram{overflow:auto}.sip-find-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}#find-panel{padding:12px;background:white;margin:10px 0}.sip-explorer-body [hidden]{display:none!important}@media(max-width:800px){.sip-explorer-grid{grid-template-columns:1fr}.sip-find-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}}

/* PC-style reader: vendor panel, ordered table and selected-record detail. */
.syslog-reader{min-width:0}.syslog-reader-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.syslog-reader-heading h1{margin:0 0 8px}.syslog-device-tabs{display:flex;gap:5px;overflow:auto;padding:8px 0}.syslog-device-tabs a{flex-shrink:0;border:1px solid #c8dce7;border-radius:5px 5px 0 0;padding:5px 10px;background:white}.syslog-device-tabs [aria-current]{background:#d4e9f6;font-weight:bold}
.syslog-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;background:white;padding:10px;border:1px solid #d6e2eb}.syslog-toolbar label{display:grid;gap:4px;max-width:260px;flex:1;min-width:140px}.syslog-toolbar select{padding:6px;min-height:32px}.syslog-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:10px;margin-top:8px;align-items:start}.syslog-vendor-panel{max-height:80vh;overflow:auto;background:#f5f7fa;border:1px solid #d6e2eb;padding:6px}.syslog-vendor-panel details{border:1px solid #b8cbd7;border-radius:5px;padding:6px;margin-bottom:8px}.syslog-vendor-panel summary{font-weight:600;font-size:12px;cursor:pointer}.syslog-filter-fields p{margin:7px 0;font-size:12px}.syslog-filter-fields input:not([type=checkbox]),.syslog-filter-fields select{font-size:12px;padding:5px;min-height:28px;width:100%}.syslog-filter-fields .syslog-check{display:flex;align-items:center;justify-content:space-between}.syslog-filter-fields input[type=checkbox]{width:auto}.syslog-filter-fields label{font-size:12px}.syslog-filter-fields div[id^=id_show_categories] label{display:flex;gap:6px;align-items:center;margin:5px 0}.syslog-show-presets{display:flex;gap:5px}.syslog-show-presets button{padding:4px 6px;font-size:11px}.syslog-main-pane{min-width:0}.syslog-findbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;background:white;padding:7px;border:1px solid #d6e2eb}.syslog-findbar label{font-size:12px}.syslog-findbar input{flex:1;min-width:130px;padding:5px}.syslog-findbar button{padding:6px;font-size:12px}.syslog-result-count{margin:6px 0;font-size:12px}
.syslog-record-list{height:45vh;min-height:180px;resize:vertical;background:white;border:1px solid #c3d5df;overflow:auto}.syslog-record-list table{white-space:nowrap;font:12px/1.25 ui-monospace,Consolas,monospace}.syslog-record-list th{position:sticky;top:0;background:#edf3f7;z-index:1;padding:6px}.syslog-record-list td{padding:3px 6px;line-height:1.25;border-bottom:0}.syslog-record-list .syslog-message-text{display:block;white-space:pre;max-width:650px;overflow:hidden;text-overflow:ellipsis}.syslog-record-list tbody tr:nth-child(even){background:#f6f6f6}.syslog-record-list .severity-6{color:#1e4b8e}.syslog-record-list .severity-7{color:#808080}.syslog-record-list .severity-4{color:#a20087}.syslog-record-list .severity-5{color:#006400}.syslog-record-list .severity-0,.syslog-record-list .severity-1,.syslog-record-list .severity-2,.syslog-record-list .severity-3{color:#c80000}.syslog-record-list tr.selected{background:#c6e2f6!important;color:#12394e}.syslog-record{cursor:pointer}.syslog-detail-cell{position:sticky;right:0;background:#f5f8fa}
.syslog-record-detail{height:30vh;min-height:150px;resize:vertical;overflow:auto;border:1px solid #c3d5df;background:white;margin-top:8px;padding:8px}.syslog-detail-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}.syslog-detail-heading button{padding:4px 8px;font-size:11px}.syslog-record-detail pre{font:12px/1.3 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.syslog-record-detail p{font-size:12px;margin:5px 0}.syslog-reader .syslog-pagination{padding:5px;margin:5px 0;background:white;font-size:12px;gap:8px}.syslog-reader .syslog-pagination select,.syslog-reader .syslog-pagination input{padding:4px;min-height:28px}.syslog-progress-details{margin-top:12px}.syslog-progress-details summary{cursor:pointer}.syslog-reader [hidden]{display:none!important}@media(max-width:1000px){.syslog-workspace{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:700px){.syslog-workspace{grid-template-columns:1fr}.syslog-vendor-panel{max-height:35vh}.syslog-record-list{height:40vh}}

body:has(.syslog-reader):not(.show-platform-menu) .shell>aside{display:none}body:has(.syslog-reader) main{max-width:none;padding:12px 16px}body:has(.syslog-reader) .breadcrumbs{margin-bottom:8px}body:has(.syslog-reader) footer{padding:8px 0}.syslog-reader-heading button{padding:5px 9px;font-size:12px}.syslog-reader-heading h1{font-size:24px;margin:0}.syslog-toolbar label,.syslog-findbar label{margin:0}.syslog-filter-fields label{margin:3px 0}.syslog-record-list{height:40vh}.syslog-record-detail{height:27vh}.syslog-toolbar{padding:7px}.syslog-toolbar select{min-height:28px;padding:4px}.syslog-show-presets button{white-space:nowrap}.syslog-record-list .syslog-detail-cell{z-index:1}.syslog-reader .page-jump label{margin:0}

.syslog-filter-fields label:has(input:disabled){color:#88929b;font-style:italic}

.syslog-column-picker{font-size:12px;margin:4px 0}.syslog-column-picker summary{cursor:pointer}.syslog-column-picker>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:white;padding:5px}.syslog-column-picker label{margin:0;font-size:11px}.syslog-column-picker button{padding:3px 6px;font-size:11px}

body:has(.syslog-reader) .breadcrumbs a{padding:2px 4px}.syslog-vendor-panel>details:first-child small{display:block;font-size:10px;color:#687d8b}.syslog-filter-fields .syslog-check:has(input[id^="id_a_"]),.syslog-filter-fields .syslog-check:has(input[id^="id_b_"]){display:inline-flex;flex-direction:row-reverse;width:auto;gap:3px;margin:2px 3px}.syslog-filter-fields .syslog-check:has(input[id^="id_a_"]) label,.syslog-filter-fields .syslog-check:has(input[id^="id_b_"]) label{font-size:10px;margin:0}

.syslog-record-list .severity-0{color:#c80000}.syslog-record-list .severity-1,.syslog-record-list .severity-2{color:#d40000}.syslog-record-list .severity-3{color:#ee3030}.syslog-record-list .severity-4{color:#c5009b}

/* Reader dividers move shared boundaries rather than resizing isolated boxes. */
@media(min-width:701px){.syslog-workspace{grid-template-columns:var(--syslog-filter-width,260px) 10px minmax(0,1fr);gap:0}.syslog-vendor-panel{min-width:0}.syslog-splitter-columns{align-self:stretch;min-height:200px;cursor:col-resize}.syslog-splitter-columns::after{width:3px;height:100%;min-height:200px}.syslog-splitter-rows{height:10px;cursor:row-resize}.syslog-splitter-rows::after{height:3px;width:100%}.syslog-splitter{display:flex;align-items:center;justify-content:center;touch-action:none}.syslog-splitter::after{content:"";background:#c3d5df;border-radius:3px}.syslog-splitter:hover::after,.syslog-splitter:focus-visible::after{background:#087f72}.syslog-splitter:focus-visible{outline:2px solid #087f72;outline-offset:-2px}.syslog-record-list,.syslog-record-detail{resize:none}.syslog-record-detail{margin-top:0}}
@media(max-width:700px){.syslog-splitter{display:none}}
.syslog-reader.syslog-resizing{user-select:none}.syslog-reader .syslog-pagination{row-gap:5px}.syslog-reader .syslog-pagination .cdr-page-numbers{flex-basis:auto;padding:0}.syslog-reader .syslog-pagination .cdr-page-numbers:empty{display:none}.syslog-reader .syslog-pagination .page-jump{margin:0}.syslog-reader .syslog-pagination a,.syslog-reader .syslog-pagination span{white-space:nowrap}.syslog-main-pane>.notice{font-size:12px;padding:7px 10px;margin:6px 0}.syslog-main-pane>.notice button{font-size:12px;padding:5px 8px}

.syslog-record-list{overflow-anchor:none}.syslog-stream-status{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0}.syslog-stream-status button{padding:4px 8px;font-size:12px}

#cdr-reader .cdr-table-scroll{max-height:60vh;min-height:180px;overflow:auto;overflow-anchor:none}#cdr-reader thead th{position:sticky;top:0;background:#f4f7fa;z-index:2}#cdr-reader thead th:last-child{z-index:3}#cdr-reader tr[aria-selected="true"] td{background:#d4eaf7}#cdr-reader tbody tr{cursor:pointer}#cdr-reader tbody tr:focus{outline:2px solid #087f72;outline-offset:-2px}.cdr-stream-status{min-height:2em;display:flex;align-items:center;gap:12px}

#cdr-detail-popup{position:fixed;inset:auto;margin:0;left:8vw;top:8vh;width:84vw;height:82vh;max-width:96vw;max-height:96vh;min-width:min(320px,90vw);min-height:180px;padding:0;border:1px solid #9db4c8;border-radius:10px;box-shadow:0 15px 60px #102b3b55;resize:both;overflow:hidden}#cdr-detail-popup[open]{display:flex;flex-direction:column}#cdr-detail-popup::backdrop{background:#102b3b55}.cdr-popup-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#edf4f8;border-bottom:1px solid #cbd5e1;cursor:move;touch-action:none;user-select:none;flex-shrink:0}.cdr-popup-titlebar button{cursor:pointer;padding:4px 12px;font-size:22px}.cdr-popup-content{overflow:auto;flex:1;min-height:0;padding:16px}.cdr-popup-content .cdr-detail h1{font-size:1.25rem}.cdr-popup-content .card{overflow:auto}.cdr-popup-content td{overflow-wrap:anywhere}.cdr-popup-content pre{white-space:pre-wrap;overflow-wrap:anywhere}

.cdr-summary-table{overflow:auto}.cdr-summary-table td{font-variant-numeric:tabular-nums}.cdr-summary-table th{white-space:normal}#cdr-summary button:disabled{opacity:.6;cursor:wait}

.dictionary-source{font-family:monospace;white-space:pre;overflow:auto;line-height:1.4;width:100%;tab-size:4}

.metrics-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.metrics-controls p{flex:1;min-width:200px;margin:6px 0}.metrics-controls select,.metrics-controls input{width:auto;min-width:140px}.metrics-toolbar .metrics-controls input,.metrics-toolbar .metrics-controls select{width:100%}.metrics-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.metrics-presets button{padding:7px 14px}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metrics-grid .card{margin:0 0 16px;padding:16px;min-width:0}.metric-panel h2{font-size:17px;margin:0}.metric-panel .heading{gap:12px}.metric-panel .heading button{font-size:12px;padding:6px 9px}.metric-summary{font-size:13px;font-weight:600;margin:10px 0}.metric-canvas-wrap{position:relative;min-width:0}.metric-panel canvas{width:100%;height:280px;display:block;touch-action:pan-y;cursor:crosshair}.metrics-expanded{grid-template-columns:minmax(0,1fr)}.metrics-expanded canvas{height:520px}.metric-legend{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.metric-legend button{padding:4px 7px;font-size:11px;font-weight:400;max-width:100%;overflow-wrap:anywhere}.metric-legend button[aria-pressed=false]{opacity:.4}.metric-tooltip{position:absolute;z-index:5;background:#102a3cef;color:white;padding:9px;border-radius:6px;white-space:pre-wrap;font-size:12px;max-width:280px;max-height:280px;overflow:auto;pointer-events:none}#metrics-panel-dialog{width:650px;max-width:94vw;max-height:90vh;border:1px solid #ccd7df;border-radius:9px}#metrics-panel-dialog::backdrop{background:#102b3b88}#metrics-panel-options{overflow:auto;max-height:65vh;margin-bottom:16px}#metrics-panel-options label{display:flex;align-items:center;gap:9px;font-size:13px;margin:9px 0}#metrics-panel-options input{width:auto;margin:0}#metrics-status{margin-top:20px}#metrics-status summary{cursor:pointer;font-weight:600}@media(max-width:1150px){.metrics-grid{grid-template-columns:minmax(0,1fr)}}

#metrics-status progress{display:block;width:100%;height:14px;accent-color:#008477}