@import url('base.css');
@import url('components.css');

/* v2.0: restore the existing industrial interface; keep text readable. */
:root{--blue:#1076b8;--blue-dark:#1267a6;--blue-soft:#edf5ff;--text:#303133;--muted:#606266;--line:#dfe5eb;--page:#f8fafb;--red:#b62f26;--amber:#865600;--green:#17745d;--sidebar:250px;--el-color-primary:#1076b8;--el-text-color-primary:#303133;--el-text-color-regular:#303133;--el-text-color-secondary:#606266;--el-text-color-placeholder:#6b6b6b;}
body{color:#303133;background:#f8fafb}h1,h2,h3,strong,b{color:#303133}h2{}h3{}p{color:#303133}small,.muted,label{color:#606266}small{line-height:1.6}label{}
.brand{height:78px;padding:0 19px;gap:10px;font-weight:500;display:flex;align-items:center}.brand strong{white-space:nowrap}.brand-logo{width:29px;height:33px;flex-shrink:0}.version-tag{display:inline-block;background:#edf5ff;border:1px solid #c4ddf3;border-radius:4px;color:#1267a6;padding:1px 6px;line-height:1.7;font-style:normal;white-space:nowrap}.brand .version-tag{padding:1px 4px;letter-spacing:0;margin-left:auto}
nav{padding:8px 9px;gap:5px}#app nav .el-button{height:52px;padding:12px 13px;border:0;background:#fff;font-weight:400;color:#303133;border-radius:4px;white-space:nowrap;line-height:1.5}#app nav .el-button>span{display:flex;align-items:center;gap:12px;width:100%;white-space:nowrap;text-align:left}#app nav .el-button.active{color:#1267a6;background:#eaf3ff}#app nav .el-button:hover{background:#f0f6fc}.nav-icon{width:20px;height:20px;display:inline-flex;flex-shrink:0;color:#606a76}.nav-icon svg{width:20px;height:20px}.active .nav-icon{color:#1267a6}.nav-label{white-space:nowrap}
.main{margin-left:var(--sidebar)}.topbar{height:72px;padding:0 22px;background:#fff;border-bottom:1px solid #e4e9ef}.header-left,.header-right{display:flex;align-items:center;gap:18px}.breadcrumb{color:#606266;}.header-left .breadcrumb{margin-left:4px}.demo-tag{color:#70531f;border:1px solid #dfcfac;background:#fffaf0;border-radius:4px;padding:3px 9px}.avatar{background:#e8f0f8;color:#314d68;}#app .icon-btn{color:#596675;min-width:25px;min-height:30px}#app .icon-btn svg{width:20px;height:20px;display:block}.workspace{padding:22px 20px;max-width:2000px}.panel{border:1px solid #e1e6ed;border-radius:8px;background:#fff;box-shadow:none;padding:20px;margin-bottom:20px}.panel-heading{margin-bottom:16px}.section-page-heading{display:flex;align-items:center;gap:18px;margin-bottom:16px}.section-page-heading h1{margin:0}.section-page-heading>span{color:#606266}
table{}th{font-weight:600;color:#303133;background:#edf5fc;padding:14px 12px}td{color:#303133;border-color:#e5e9ef;padding:14px 12px}td b,td strong{color:#303133;font-weight:500}td small{color:#606266;line-height:1.55}.timestamp{white-space:normal;font-variant-numeric:tabular-nums}.device-cell{overflow-wrap:anywhere}.table-wrap{scrollbar-color:#a8b3bf #eff2f5;scrollbar-width:thin}tbody tr:hover{background:#f7fbff}
.badge{line-height:1.45;padding:2px 6px;border-radius:3px}.badge.green{color:#11644f;background:#e8f6f0}.badge.red{color:#a52c25;background:#fcece9}.badge.blue{color:#125e94;background:#eaf3ff}.badge.amber{color:#805300;background:#fff4d8}.badge.neutral{color:#505965;background:#f0f2f5}.version{color:#4c5d70;background:#edf1f6;}.red-text{color:#a52c25}.amber-text{color:#805300}.blue-text{color:#1267a6}.required{color:#a52c25}
#app .btn{color:#303133;border:1px solid #c5ced8;background:#fff}#app .btn.primary{color:#fff;background:#1076b8;border-color:#1076b8}#app .btn.primary:hover{background:#106da9;color:#fff}#app .btn.danger{color:#fff;background:#c34035;border-color:#c34035}#app .btn.danger-outline{background:#fff7f6;border-color:#deb1aa;color:#a52c25}#app .link{color:#1267a6}#app .delete-link{color:#b22b22;}#app .el-button.is-link{}
#app .el-input__inner,#app .el-select__input,#app .el-select__placeholder,#app .el-textarea__inner{color:#303133}#app .el-input__inner::placeholder,#app .el-textarea__inner::placeholder{color:#6b6b6b;opacity:1}#app .el-select__placeholder.is-transparent{color:#6b6b6b}#app .el-input__wrapper,#app .el-select__wrapper{box-shadow:0 0 0 1px #c7cfd8 inset}#app .el-checkbox__label,#app .el-radio__label{color:#303133;}#app .el-input.is-disabled .el-input__inner{color:#606266;-webkit-text-fill-color:#606266}.el-select-dropdown__item,.el-date-table td{color:#303133}.el-select-dropdown__item.is-selected{color:#1267a6}.el-popper *{}.el-radio-button__inner{}
.dashboard-title{font-style:italic;font-weight:900;text-align:center;margin:28px 0 22px;color:#202426;letter-spacing:1px}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;margin-bottom:17px}.period-control{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.period-control>span{}.period-control .el-radio-button__inner{padding:8px 23px}.period-control .el-date-editor{width:154px!important}.readonly-context{display:flex;align-items:center;gap:12px;color:#606266;flex-wrap:wrap;justify-content:flex-end}.readonly-context b{}.readonly-context>span{}
.stat-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;padding:22px 16px;border:1px solid #e1e6ed;border-radius:12px;min-height:133px}.stat-label{color:#303133;margin-bottom:4px;white-space:nowrap}.stat-card strong{line-height:1.25;font-weight:500;color:#242b33;font-variant-numeric:tabular-nums}.stat-card small{margin-top:6px;white-space:normal;color:#606266}.stat-icon{color:#1979b7;width:46px;height:48px;background:#edf6ff;display:grid;place-items:center;border-radius:13px;flex-shrink:0}.stat-icon svg{width:24px;height:24px}.dashboard-row{display:grid;grid-template-columns:minmax(0,37%) minmax(0,1fr);gap:18px;margin-bottom:20px}.dashboard-row>.panel{margin:0;min-width:0;border-radius:13px}.alarm-chart,.trend-panel{min-height:380px}.alarm-totals{display:flex;justify-content:center;padding:13px 0 12px;gap:0}.alarm-totals>div{width:50%;text-align:center}.alarm-totals>div+div{border-left:1px solid #dce2e8}.alarm-totals span{}.alarm-totals strong{display:block;font-weight:600;color:#c23a2f}.alarm-totals .unit-note{color:#606266}.chart{width:100%;display:block;overflow:visible}.chart text{font-family:'Microsoft YaHei',sans-serif;fill:#606266}.chart text.chart-value{fill:#187f9b;}.hour-chart{height:265px}.trend-panel h2,.distribution-panel h2,.rolling-panel h2{font-weight:500}.chart-legend{display:flex;gap:20px;align-items:center;justify-content:center;margin:20px 0 2px;color:#606266;}.chart-legend span{display:flex;gap:7px;align-items:center}.square{display:inline-block;width:13px;height:13px;border-radius:3px;flex-shrink:0}.blue-fill{background:#00a9df}.line-swatch{width:23px;height:0;border-top:2px solid #42929d;display:inline-block}.trend-chart{height:285px}.bottom-row .panel{min-height:370px}.distribution-content{display:flex;align-items:center;justify-content:center;gap:30px;min-height:276px;padding-top:20px}.pie-chart{width:235px;height:235px;border-radius:50%;box-shadow:0 7px 0 #ccd6e0;flex-shrink:0;transform:rotate(-90deg)}.pie-legend{display:grid;gap:14px;min-width:112px}.pie-legend>div{display:flex;align-items:center;gap:9px;}.pie-legend b{margin-left:auto;}.chart-footnote{color:#606266;margin:15px 0 0;text-align:center}.rolling-panel{padding:20px 18px}.rolling-table{min-width:660px}.rolling-table th,.rolling-table td{padding:11px 8px;text-align:center}.rolling-table td:nth-child(2){max-width:150px;overflow-wrap:anywhere}.rolling-table td:last-child{max-width:160px;text-align:left}.rolling-table .thumbnail-button img{width:81px;height:48px}.stats-footnote{color:#606266;padding:0 5px;line-height:1.8}
.original-list-panel,.original-preview-panel{margin-top:12px;padding:22px 20px;min-height:calc(100vh - 150px)}.original-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 3px 22px}.original-list-toolbar>div:last-child{display:flex;gap:16px}.exposure-readonly{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.exposure-readonly b{font-weight:400}.compact-filters{display:flex;gap:12px;align-items:center;padding:0 3px 18px;max-width:950px}.compact-filters>.el-input{width:195px!important}.compact-filters>.el-select{width:155px!important}.compact-filters>.el-date-editor{width:160px!important}.original-defect-table{min-width:1480px;table-layout:fixed}.original-defect-table th{background:#fff;padding:20px 8px;border-bottom:1px solid #dfe5eb;text-align:center}.original-defect-table td{text-align:center;height:103px;padding:12px 8px}.original-defect-table th:nth-child(1){width:34px}.original-defect-table th:nth-child(2){width:45px}.original-defect-table th:nth-child(3){width:103px}.original-defect-table th:nth-child(4){width:127px}.original-defect-table th:nth-child(5){width:65px}.original-defect-table th:nth-child(6){width:98px}.original-defect-table th:nth-child(7),.original-defect-table th:nth-child(8){width:128px}.original-defect-table th:nth-child(9){width:100px}.original-defect-table th:nth-child(10){width:110px}.original-defect-table th:nth-child(11){width:220px}.original-defect-table th:nth-child(12){width:150px}.original-defect-table th:nth-child(13){width:75px}.original-defect-table .type-cell{text-align:left}.original-defect-table .type-cell>small{line-height:1.5}.original-defect-table .type-cell .badge{margin-top:4px}.bundle-cell{overflow-wrap:anywhere}.original-defect-table td:last-child .el-button{display:block;margin:5px auto}.thumbnail-button img{width:100px;height:57px;object-fit:cover;border-radius:3px}.pagination{color:#606266;margin-top:20px;gap:15px;display:flex;align-items:center;justify-content:space-between}.pagination>div{display:flex;align-items:center;gap:14px}.pagination b{font-weight:500}
.preview-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}.preview-top>div:first-child{display:flex;align-items:center;gap:25px}.preview-top h2{white-space:nowrap}.preview-setting-note{color:#606266;white-space:nowrap}.preview-setting-note .el-button{margin-left:10px}.preview-summary{display:flex;align-items:center;gap:28px}.preview-summary label{color:#606266;width:180px}.preview-summary label>.el-date-editor{width:180px!important}.preview-summary small{margin-bottom:8px}.preview-summary b{font-weight:600;white-space:nowrap}.tabs{display:flex;gap:28px;border-bottom:1px solid #cfdae5;margin-bottom:28px}.tabs .el-button{border:0;background:transparent;color:#303133;height:42px;padding:8px 0;border-radius:0}.tabs .el-button.selected{color:#1267a6;border-bottom:2px solid #2f8ccc}.alert-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.alert-card{border:0;box-shadow:none;border-radius:4px;overflow:hidden;background:#fff}.alert-image.el-button{position:relative;width:100%;height:260px!important;border:0;padding:0;display:block;background:#444}.alert-image.el-button>span{display:block;width:100%;height:100%}.alert-image img{width:100%;height:100%;object-fit:cover;display:block}.image-caption{position:absolute;bottom:0;left:0;right:0;background:#32383bdc;color:white;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;}.image-caption b{color:white;font-weight:400}.image-caption time{color:#fff;font-variant-numeric:tabular-nums}.alert-measure{border:1px solid #dde4ec;border-top:0;padding:9px 12px;min-height:70px;color:#303133}.alert-measure>div{display:flex;justify-content:space-between;gap:10px;}.alert-measure p{color:#303133;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere}
.parameter-table{min-width:900px}.parameter-table td{padding:10px 12px}.parameter-table th{}.parameter-table strong{font-weight:600}.parameter-status{background:#f2f6fb;border:1px solid #e1e7ef;padding:12px 14px}.parameter-status>div:first-child,.parameter-status small,.draft-status{color:#606266;}.parameter-status strong{color:#234e70}.field-label{color:#303133;}.unit-input>span{color:#303133;}.parameter-extras{margin-top:17px}.parameter-extras label,.bundle-inputs label{color:#303133}.readonly span,.readonly small{color:#606266;}.readonly b{color:#303133}.production-top{grid-template-columns:1.2fr .8fr 1.2fr 1.2fr;gap:20px}.progress-title,.progress-title small,.bundle-foot{color:#606266;}.progress-title strong{color:#1267a6}.bundle-card{background:#fafcfe;border-color:#d9e2ec;padding:15px 17px}.bundle-grid.single .bundle-card{max-width:100%}.bundle-grid.single .bundle-inputs{grid-template-columns:2fr 1fr}.stack-letter{color:#1267a6}.notice{}.notice.amber{color:#79531b;border-color:#e6d6b4;background:#fffaf0}.notice.blue-notice{color:#325a78;border-color:#cfdeeb;background:#f1f7fc}.simulation-controls small,.simulation-label,.threshold-example,.threshold-example small,.control-row small{color:#606266;}.simulation-controls>.el-select{width:240px!important}.latest-record{color:#303133}.threshold-example{padding:10px 0 0}.threshold-example b{}.segmented button{color:#303133;}.segmented button.selected{background:#1076b8;color:#fff}
.report-list{min-width:920px}.report-list td,.report-list th{}.report-facts>div>span,.report-scope,.report-footnote,.report-title .muted{color:#606266;}.report-facts b{color:#303133;}.paper-tag{color:#1267a6;}.report-paper .six-table{min-width:1050px}.six-table th{}.six-table td{color:#303133}.report-paper{padding:24px}.report-title h2{}.bundle-validation,.bundle-validation span,.bundle-validation small{color:#303133;}.verification-heading p,.verify-basics,.verification-fields label,.verify-footer{color:#606266;}.verification-panel h3{}.scope-choice,.result-choice{border-color:#cdd7e2!important;color:#303133!important}.scope-choice b,.result-choice b{color:#303133;}.scope-choice small,.result-choice small{color:#606266}.scope-choice.chosen,.result-choice.chosen{border-color:#1076b8!important;background:#f0f7ff}.validation-saved{color:#11644f;}.tablet-symbol{color:#1267a6}.required{}
.modal-heading p,.sample-caption,.detail-image-area dl,.detail-image-area dt,.detail-image-area dd,.defect-detail p,.defect-detail small,.review-area,.review-area small,.small-modal p,.help-modal p,.help-modal li,.end-summary{color:#606266;}.modal h2{}.defect-detail>div{color:#303133}.defect-detail strong{color:#303133;}.help-modal h3{color:#303133}.end-summary b{color:#303133}.empty{color:#606266;}.app-footer{color:#606266;padding:0 22px 18px;gap:12px;display:flex;align-items:center;flex-wrap:wrap}.app-footer .version-tag{}.app-footer>span:last-child{margin-left:auto}
.collapsed{--sidebar:72px}.collapsed .brand{padding:0 20px}.collapsed .brand strong,.collapsed .brand .version-tag,.collapsed .nav-label{display:none}.collapsed nav .el-button>span{justify-content:center}.collapsed nav .el-button{padding:12px 4px}
@media(min-width:1700px){.workspace{padding:22px 20px}.stat-card{padding:22px}.stat-label{}.alert-image.el-button{height:270px!important}.dashboard-title{margin-top:32px}.trend-chart{height:300px}.original-defect-table{min-width:1480px}}
@media(max-width:1550px){.stat-icon{width:36px;height:40px}.stat-card{padding:18px 12px}.stat-label{white-space:normal}.stat-card small{}.preview-top{align-items:flex-start}.preview-top>div:first-child{display:block}.preview-setting-note{display:block;margin-top:9px}.preview-summary{gap:18px}.preview-summary b{}.alert-image.el-button{height:220px!important}.distribution-content{gap:16px}.pie-chart{width:190px;height:190px}.pie-legend{gap:12px;min-width:95px}.pie-legend>div{}}
@media(max-width:1250px){:root{--sidebar:230px}.brand{padding:0 14px;gap:8px}.brand strong{}#app nav .el-button{padding:12px 10px}.workspace{padding:20px 16px}.stat-cards{gap:10px}.stat-icon{display:none}.dashboard-row{grid-template-columns:minmax(0,40%) minmax(0,1fr)}.pie-chart{width:155px;height:155px}.pie-legend{min-width:82px}.distribution-content{gap:14px}.preview-summary{flex-wrap:wrap;gap:12px 20px;justify-content:flex-end}.preview-top>div:first-child{min-width:230px}.preview-summary label{width:160px}.preview-summary label>.el-date-editor{width:160px!important}.preview-summary>div:nth-child(2){display:none}.alert-image.el-button{height:200px!important}.image-caption{padding:8px}.image-caption time{}.image-caption b{}.production-top{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){:root{--sidebar:220px}.header-left .breadcrumb{display:none}.header-right{gap:11px}.dashboard-title{}.stat-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-icon{display:grid}.stat-card{min-height:110px}.dashboard-row{grid-template-columns:1fr}.pie-chart{width:225px;height:225px}.pie-legend{gap:15px;min-width:130px}.distribution-content{gap:45px}.original-list-toolbar{align-items:flex-start;gap:20px}.exposure-readonly{gap:7px;}.original-list-toolbar>div:last-child{gap:8px}.compact-filters{flex-wrap:wrap}.preview-top{flex-wrap:wrap}.preview-top>div:first-child{display:flex;gap:15px}.preview-summary{width:100%;justify-content:flex-start}.alert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.alert-image.el-button{height:170px!important}.image-caption{flex-wrap:wrap;gap:1px}.image-caption time{}.stat-label{}.dashboard-toolbar{align-items:flex-start;flex-wrap:wrap}.readonly-context{justify-content:flex-start}}
@media(max-width:700px){:root{--sidebar:0px}.sidebar{position:static;width:100%;height:auto}.brand{height:65px;padding:0 16px;gap:10px}.brand strong{}.brand .version-tag{margin-left:0;}.sidebar nav{display:flex;flex-wrap:wrap;padding:0 9px 10px;gap:4px}#app nav .el-button{height:36px;width:auto;padding:8px 10px;}#app nav .el-button>span{gap:0}.nav-icon{display:none}.nav-label{white-space:nowrap}.topbar{height:52px;padding:0 13px}.header-left{display:none}.header-right{width:100%;justify-content:flex-end;gap:10px}.header-right .demo-tag{margin-right:auto;}.workspace{padding:15px 12px}.dashboard-title{margin:18px 0}.dashboard-toolbar{gap:12px}.period-control{gap:10px}.period-control .el-date-editor{width:145px!important}.period-control .el-radio-button__inner{padding:8px 16px}.readonly-context{gap:9px}.stat-cards{gap:9px}.stat-card{padding:13px 10px;min-height:110px}.stat-label{}.stat-card strong{}.stat-card small{}.stat-icon{display:none}.dashboard-row{gap:15px;margin-bottom:15px}.dashboard-row>.panel{padding:16px}.alarm-chart,.trend-panel{min-height:320px}.alarm-totals span{}.alarm-totals .unit-note{}.alarm-totals strong{}.hour-chart{height:230px}.trend-chart{height:220px}.bottom-row .panel{min-height:330px}.pie-chart{width:190px;height:190px}.distribution-content{gap:24px;padding:10px 0;min-height:250px}.pie-legend{min-width:100px;gap:14px}.stats-footnote{}.original-list-panel,.original-preview-panel{padding:16px 12px;margin-top:0}.original-list-toolbar{flex-wrap:wrap;padding-bottom:15px}.exposure-readonly{gap:8px 17px}.compact-filters{gap:9px}.compact-filters>.el-input,.compact-filters>.el-select{width:calc(50% - 6px)!important}.compact-filters>.el-date-editor{width:calc(50% - 6px)!important}.pagination{}.preview-top>div:first-child{display:block}.preview-top h2{}.preview-summary{gap:14px 24px}.preview-summary b{}.preview-summary small{margin-bottom:5px}.tabs{margin-bottom:18px;gap:25px}.alert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.alert-image.el-button{height:190px!important}.image-caption time{}.alert-measure>div{flex-wrap:wrap;gap:6px;}.alert-measure p{}.production-top{grid-template-columns:1fr 1fr}.parameter-status>div:first-child{gap:10px}.section-page-heading{display:block}.section-page-heading h1{margin-bottom:6px}.section-page-heading>span{}.panel{padding:16px}.panel-heading{gap:10px}.panel-heading h2{}.panel-heading .muted{}.unit-input>span{}.parameter-extras{grid-template-columns:1fr 1fr}.simulation-controls>.el-select{width:100%!important}.scope-options{grid-template-columns:1fr}.result-options{grid-template-columns:1fr 1fr}.result-options small{}.scope-options small{}.app-footer{padding:0 14px 18px}.app-footer>span:last-child{margin-left:0}.collapsed .brand strong,.collapsed .brand .version-tag,.collapsed .nav-label{display:initial}.collapsed .brand{padding:0 16px}.collapsed nav .el-button{padding:8px 10px}.report-paper{padding:17px}.report-navigation .btn{}.report-facts b{}.report-title h2{}.modal{padding:19px}.sample-caption,.defect-detail p,.defect-detail small,.review-area small{}.verification-heading h2{}}
@media(max-width:420px){.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:105px}.dashboard-title{}.alert-grid{grid-template-columns:1fr}.alert-image.el-button{height:230px!important}.image-caption time{}.preview-summary label{width:100%}.preview-summary label>.el-date-editor{width:180px!important}.distribution-content{gap:15px}.pie-chart{width:175px;height:175px}.parameter-extras{grid-template-columns:1fr}.parameter-status small{margin-left:0}.report-facts{grid-template-columns:1fr 1fr}.verification-panel .result-options{grid-template-columns:1fr}.scope-choice small,.result-choice small{}.header-right .avatar{display:none}}
@media print{.print-only table,.print-only p{}.print-only th,.print-only td{color:#222}.print-only h1{}}

/* Explicit child styles also cover Element Plus slot text and existing status rules. */
.tabs .el-button>span{color:inherit;}.reset-box,.reset-box span{color:#606266}.threshold-example b{color:#303133}.threshold-example em{color:#11644f}.threshold-example em.red-text{color:#a52c25}.bundle-validation b{color:#303133}
.chart-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.chart-scroll .hour-chart{min-width:500px;min-height:260px;height:275px}.chart-scroll .trend-chart{min-width:700px;min-height:275px;height:305px}
.verification-panel h3,.verification-heading h2,.report-title h2{color:#303133}
.original-defect-table th,.original-defect-table td,.parameter-table td,.six-table th,.six-table td{}.original-defect-table .timestamp,.original-defect-table .device-cell,.original-defect-table .bundle-cell{}

/* Original-page controls and density; additional business controls live in the two new pages. */
.original-list-toolbar{justify-content:flex-end;padding-bottom:12px}
.original-defect-table{min-width:1300px}
.original-defect-table th:nth-child(11){width:140px}
.original-defect-table th:nth-child(12){width:75px}
.original-defect-table td:last-child .el-button{display:inline-flex;margin:0}
.rolling-table{min-width:790px}
.rolling-table td:last-child{text-align:center}
.green-text{color:#11644f}
.alert-card{position:relative}
.alert-review-action.el-button{position:absolute;top:10px;right:10px;opacity:0;z-index:2;background:#303133e8;color:#fff;border-color:#fff8;padding:7px 12px;height:auto;transition:opacity .15s}
.alert-card:hover .alert-review-action,.alert-card:focus-within .alert-review-action{opacity:1}
.report-filter{grid-template-columns:minmax(220px,1.3fr) minmax(180px,1fr) auto auto}
@media(max-width:700px){.report-filter{grid-template-columns:1fr 1fr}.rolling-table{min-width:790px}}

/* The shared day/week selector occupies only the first statistic card footer. */
.stat-cards>.stat-card:first-child{position:relative;--stat-first-left:16px}
.stat-cards>.stat-card:first-child>div:first-child{min-width:0;flex:1;padding-bottom:24px}
.stat-cards>.stat-card:first-child .stat-icon{align-self:flex-start;margin-top:4px}
.stat-cards>.stat-card:first-child small{
  position:absolute;left:var(--stat-first-left);right:76px;bottom:16px;
  max-width:none;margin:0;line-height:1.5;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis
}
#app .stat-period-control{
  position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;
  width:auto;max-width:calc(100% - 24px);height:26px;white-space:nowrap
}
#app .stat-period-control .el-radio-button__inner{
  min-width:28px;height:26px;padding:4px 6px;line-height:16px
}
@media(min-width:1700px){.stat-cards>.stat-card:first-child{--stat-first-left:22px}}
@media(max-width:1550px){.stat-cards>.stat-card:first-child{--stat-first-left:12px}}
@media(max-width:700px){
  .stat-cards>.stat-card:first-child{--stat-first-left:10px}
  .stat-cards>.stat-card:first-child small{right:72px;bottom:14px}
  #app .stat-period-control{right:10px;bottom:10px}
}