.quantitative-view{max-width:1320px;margin:0 auto;color:#1e303a}
.q-header{align-items:flex-start;margin-bottom:20px}.q-header h1{font-size:26px;line-height:1.4}.q-header p{margin:8px 0 0;color:#526574;font-size:14px}.q-header .actions{align-items:center}
.q-connection{display:inline-flex;align-items:center;border:1px solid #e0e6e8;border-radius:6px;padding:6px 12px;min-height:36px;font-size:14px;color:#647583}.q-connection.online{color:#177b72}.q-connection.offline,.q-connection.unknown{color:#647583}
.q-tabs{display:flex;gap:6px;border-bottom:1px solid #dfe7e4;margin-bottom:22px;overflow:auto}.q-tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;padding:0 12px;color:#34484d}.q-tabs button.active{border-bottom-color:#177b72;color:#177b72;font-weight:600}
.q-batch{display:grid;grid-template-columns:1fr 1fr;background:#eef8f5;border-radius:6px;padding:30px 36px 24px;column-gap:40px}.q-batch h2,.q-measurements h2{font-size:20px;line-height:1.5;font-weight:650;margin-bottom:12px}.q-target{border-left:1px solid #ccdeda;padding-left:40px}
.q-number{display:block;font-size:clamp(30px,3.2vw,48px);font-weight:650;line-height:1.35;font-variant-numeric:tabular-nums;letter-spacing:-1px;overflow-wrap:anywhere}.q-number small{display:inline-block;margin-left:8px;font-size:.44em;font-weight:600;letter-spacing:0;line-height:1.5}.q-batch .q-number{font-size:clamp(42px,5.1vw,72px)}.q-batch .q-primary-number{color:#177b72;font-size:clamp(46px,5.8vw,80px)}
.q-batch-state{grid-column:1/-1;font-size:14px;color:#526574;margin:18px 0 0}.q-batch-state>span{margin-left:6px}.q-batch-state .q-progress{margin-left:24px}
.q-measurements{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:20px 0;border:1px solid #d7e1e1;border-radius:5px;padding:22px 30px;gap:30px}.q-measurements>div+div{border-left:1px solid #d7e1e1;padding-left:30px}.q-measurements h2{font-size:18px;margin-bottom:6px}
.q-support{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.q-panel{border:1px solid #dce5e3;border-radius:5px;min-width:0;background:white}.q-panel>h2{background:#eff4f4;font-size:17px;line-height:1.5;padding:12px 18px;margin:0;border-bottom:1px solid #dce5e3}.q-panel>p{padding:12px 18px;margin:0}.q-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:14px 18px;font-size:14px;line-height:1.6}.q-row+.q-row{border-top:1px solid #e7eeeb}.q-row>span{color:#526574;flex-shrink:0}.q-row>strong{font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0}.q-row small{font-size:inherit}.q-parameter-list .q-row{justify-content:flex-start}.q-parameter-list .q-row>span{width:180px}.q-parameter-list .q-row>strong{text-align:left}
.q-warning{background:#fff7e9;color:#805d2f;padding:10px 14px;border-radius:4px;margin:0 0 18px;font-size:14px;line-height:1.6}
@media(min-width:1000px){.shell main:has(.quantitative-view:not([hidden])){padding:28px 32px;background:white}.q-batch{padding:24px 36px 18px}.q-batch-state{margin-top:12px}.q-batch h2{font-size:24px}.q-batch .q-number{font-size:72px}.q-batch .q-primary-number{font-size:80px}.q-measurements{padding:18px 30px;margin:16px 0}.q-measurements .q-number{font-size:44px}.q-measurements h2{font-size:20px}.q-row{font-size:16px}.q-panel>h2{font-size:18px}}
@media(max-width:700px){.q-header{gap:14px}.q-header h1{font-size:22px}.q-header .actions{width:100%}.q-header .q-connection{margin-right:auto}.q-tabs button{padding:0 12px}.q-batch{padding:22px 18px;column-gap:18px}.q-target{padding-left:18px}.q-batch h2{font-size:16px}.q-batch .q-number,.q-batch .q-primary-number{font-size:40px}.q-batch-state{line-height:1.8}.q-batch-state .q-progress{display:block;margin-left:0}.q-measurements{padding:18px;gap:18px}.q-measurements>div+div{padding-left:18px}.q-measurements h2{font-size:15px}.q-measurements .q-number{font-size:26px}.q-support{grid-template-columns:1fr;gap:16px}.q-row{gap:12px;padding:12px 16px}.q-parameter-list .q-row>span{width:40%;flex-shrink:1}}
.quantitative-view .q-tabs{display:flex}
.shell main:has(.quantitative-view:not([hidden]))>.mini-widget{position:static;width:100%;margin:20px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;box-shadow:none}
.shell main:has(.quantitative-view:not([hidden]))>.mini-widget .mini-thumbnail{flex:0 0 96px;width:96px;height:96px;margin:0}
@media(max-width:440px){.q-batch{grid-template-columns:1fr;gap:16px}.q-target{border-left:0;border-top:1px solid #ccdeda;padding:16px 0 0}.q-batch-state{margin-top:0}.q-measurements{grid-template-columns:1fr}.q-measurements>div+div{border-left:0;border-top:1px solid #d7e1e1;padding:18px 0 0}.q-measurements .q-number{font-size:32px}}