.count-ops-view { height: 100%; position: relative; grid-template-columns: 224px minmax(0,1fr); overflow: hidden; color: #dce8ea; background: #071018; }
.count-ops-view.active { display: grid !important; }
.count-map-filter select { width: 145px; height: 29px; padding: 0 9px; border: 1px solid var(--ops-line); border-radius: 6px; outline: 0; color: #b8c7ca; background: #0c1b24; font-size: 9.5px; }
.count-upload-kind { margin: 12px 12px 0; display: block; }
.count-upload-kind span { display: block; margin-bottom: 5px; color: #536b75; font-size: 8px; }
.count-upload-kind select { width: 100%; height: 32px; padding: 0 9px; border: 1px solid var(--ops-line); border-radius: 6px; outline: 0; color: #b7c6c9; background: #0b1922; font-size: 9px; }
.count-upload-card .count-upload-zone { height: 128px; }
.count-station-detail dd.linked { color: var(--ops-green); }
.count-profile-unavailable { margin: 8px 12px 12px; padding: 9px; border: 1px solid rgba(240,168,79,.15); border-radius: 6px; color: #7f8f94; background: rgba(240,168,79,.035); font-size: 8.5px; line-height: 1.4; }
.count-week-unavailable { grid-column: 1 / -1; height: 100%; display: flex !important; flex-direction: column; align-items: center; justify-content: center; color: #637982; text-align: center; }
.count-week-unavailable strong,.count-week-unavailable span { display: block; }.count-week-unavailable strong { color: #9aadb2; font-size: 10px; }.count-week-unavailable span { margin-top: 5px; max-width: 260px; font-size: 8.5px; line-height: 1.4; }
.count-ops-rail { min-width: 0; display: grid; grid-template-rows: 72px minmax(0,1fr) 58px; border-right: 1px solid var(--ops-line); background: #08141c; }
.count-ops-rail > header { padding: 0 10px 0 16px; display: grid; grid-template-columns: 34px 1fr 27px; gap: 9px; align-items: center; border-bottom: 1px solid var(--ops-line); }
.count-ops-rail > header > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(101,214,170,.3); border-radius: 8px; color: var(--ops-green); background: rgba(101,214,170,.07); font-size: 11px; font-weight: 700; }
.count-ops-rail strong,.count-ops-rail small { display: block; }.count-ops-rail > header strong { color: #dce7e9; font-size: 12px; }.count-ops-rail > header small { margin-top: 4px; color: #627982; font-size: 9.5px; }
.count-ops-rail > header button { width: 27px; height: 27px; border: 1px solid var(--ops-line); border-radius: 6px; color: #718790; background: #0b1922; font-size: 16px; cursor: pointer; }.count-ops-rail > header button:hover { color: var(--ops-green); border-color: rgba(101,214,170,.3); }
.count-ops-rail nav { padding: 10px; overflow-y: auto; }.count-ops-rail nav button { width: 100%; min-height: 58px; margin-bottom: 5px; padding: 0 9px; display: grid; grid-template-columns: 27px 1fr 10px; gap: 8px; align-items: center; border: 1px solid transparent; border-radius: 8px; color: #748993; background: transparent; text-align: left; cursor: pointer; }
.count-ops-rail nav button > b { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid rgba(166,195,204,.14); border-radius: 6px; color: #708791; font-size: 9px; }.count-ops-rail nav button span strong { color: #9caeb3; font-size: 10.5px; }.count-ops-rail nav button span small { margin-top: 4px; color: #526a74; font-size: 9px; }.count-ops-rail nav button > i { color: #425b65; font-style: normal; font-size: 15px; }
.count-ops-rail nav button:hover { border-color: rgba(166,195,204,.12); background: rgba(255,255,255,.018); }.count-ops-rail nav button.active { border-color: rgba(101,214,170,.2); background: rgba(101,214,170,.065); }.count-ops-rail nav button.active > b { color: var(--ops-green); border-color: rgba(101,214,170,.28); background: rgba(101,214,170,.07); }.count-ops-rail nav button.active span strong { color: #d4dfe1; }.count-ops-rail nav button.active > i { color: var(--ops-green); }
.count-ops-rail > footer { padding: 0 14px; display: grid; grid-template-columns: 8px 1fr; gap: 9px; align-items: center; border-top: 1px solid var(--ops-line); }.count-ops-rail > footer > i { width: 7px; height: 7px; border-radius: 50%; background: var(--ops-green); box-shadow: 0 0 8px rgba(101,214,170,.5); }.count-ops-rail > footer strong { color: #91a5ab; font-size: 9.5px; }.count-ops-rail > footer small { margin-top: 3px; color: #536b74; font-size: 8.5px; }
.count-ops-rail-handle { display: none; position: absolute; z-index: 5; left: 8px; top: 8px; height: 32px; padding: 0 10px; border: 1px solid var(--ops-line); border-radius: 7px; color: var(--ops-green); background: #0a1821; font-size: 9px; font-weight: 700; cursor: pointer; }.count-ops-rail-handle span { margin-left: 6px; color: #81959d; font-size: 8.5px; }
.count-ops-view.rail-hidden { grid-template-columns: minmax(0,1fr); }.count-ops-view.rail-hidden .count-ops-rail { display: none; }.count-ops-view.rail-hidden .count-ops-rail-handle { display: block; }.count-ops-view.rail-hidden .count-ops-heading { padding-left: 110px; }
.count-ops-main { min-width: 0; min-height: 0; display: grid; grid-template-rows: 74px minmax(0,1fr); overflow: hidden; }
.count-ops-heading { min-width: 0; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--ops-line); background: #08131b; }.count-ops-heading > div:first-child { min-width: 0; display: flex; gap: 11px; align-items: center; }.count-ops-symbol { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border: 1px solid rgba(101,214,170,.3); border-radius: 8px; color: var(--ops-green); background: rgba(101,214,170,.06); font-size: 11px; font-weight: 700; }.count-ops-heading small,.count-ops-heading h2,.count-ops-heading p { display: block; margin: 0; }.count-ops-heading > div:first-child small { color: #4f6872; font-size: 9px; font-weight: 700; letter-spacing: .08em; }.count-ops-heading h2 { margin-top: 4px; color: #e4ecee; font-size: 17px; font-weight: 600; }.count-ops-heading p { margin-top: 3px; color: #6c818a; font-size: 10px; }
.count-ops-heading-actions { display: flex; gap: 9px; align-items: center; }.count-source-state { min-width: 224px; height: 42px; padding: 0 11px; display: grid; grid-template-columns: 8px 1fr; gap: 9px; align-items: center; border: 1px solid rgba(101,214,170,.19); border-radius: 8px; background: rgba(101,214,170,.035); }.count-source-state > i { width: 7px; height: 7px; border-radius: 50%; background: var(--ops-green); box-shadow: 0 0 7px rgba(101,214,170,.5); }.count-source-state.pending { border-color: rgba(240,168,79,.22); background: rgba(240,168,79,.035); }.count-source-state.pending > i { background: var(--ops-amber); box-shadow: 0 0 7px rgba(240,168,79,.5); }.count-source-state small,.count-source-state strong { display: block; }.count-source-state small { color: #5c737c; font-size: 8px; letter-spacing: .06em; }.count-source-state strong { margin-top: 3px; color: #aebec2; font-size: 9.5px; }
#count-export-report { height: 42px; padding: 0 11px; display: grid; grid-template-columns: 25px 1fr; gap: 8px; align-items: center; border: 1px solid rgba(101,214,170,.22); border-radius: 8px; color: #91a6ac; background: rgba(101,214,170,.045); text-align: left; cursor: pointer; }#count-export-report > b { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(101,214,170,.21); border-radius: 6px; color: var(--ops-green); font-size: 14px; }#count-export-report strong,#count-export-report small { display: block; }#count-export-report strong { color: #afc0c3; font-size: 8.5px; }#count-export-report small { margin-top: 3px; color: #5f777f; font-size: 8px; }
.count-ops-panel { min-width: 0; min-height: 0; padding: 12px 14px 24px; overflow: auto; scrollbar-width: thin; scrollbar-color: #263d47 transparent; background: #071018; }.count-ops-panel[hidden] { display: none !important; }
.count-truth-strip { min-height: 44px; padding: 7px 11px; display: grid; grid-template-columns: 8px 1fr auto; gap: 9px; align-items: center; border: 1px solid rgba(240,168,79,.2); border-radius: 8px; background: rgba(240,168,79,.035); }.count-truth-strip > span { width: 7px; height: 7px; border-radius: 50%; background: var(--ops-amber); }.count-truth-strip p { margin: 0; color: #81949a; font-size: 9.5px; line-height: 1.4; }.count-truth-strip p strong { color: #d5dee0; font-weight: 600; }.count-truth-strip button { height: 28px; padding: 0 9px; border: 1px solid rgba(240,168,79,.2); border-radius: 6px; color: var(--ops-amber); background: rgba(240,168,79,.04); font-size: 8.5px; font-weight: 700; cursor: pointer; }
.count-ops-kpis { min-height: 74px; margin-top: 8px; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--ops-line); border-radius: 8px; background: #0a1720; }.count-ops-kpis article { min-width: 0; padding: 10px 12px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--ops-line); }.count-ops-kpis article:last-child { border-right: 0; }.count-ops-kpis small,.count-ops-kpis strong,.count-ops-kpis span { display: block; }.count-ops-kpis small { overflow: hidden; color: #536b75; font-size: 8.5px; font-weight: 700; letter-spacing: .05em; text-overflow: ellipsis; white-space: nowrap; }.count-ops-kpis strong { margin-top: 6px; overflow: hidden; color: #e0e9eb; font-size: 15px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }.count-ops-kpis span { margin-top: 4px; overflow: hidden; color: #697f88; font-size: 8.8px; text-overflow: ellipsis; white-space: nowrap; }
.count-control-grid { margin-top: 8px; display: grid; grid-template-columns: minmax(0,1.75fr) minmax(280px,.72fr); grid-template-rows: minmax(390px,51vh) minmax(240px,auto); gap: 8px; }.count-control-grid > article,.count-exploitation-grid > article,.count-field-grid > article,.count-quality-grid > article,.count-assets-grid > article,.count-contract-grid > article { min-width: 0; overflow: hidden; border: 1px solid var(--ops-line); border-radius: 8px; background: #09161e; }.count-control-grid article > header,.count-exploitation-grid article > header,.count-field-grid article > header,.count-quality-grid article > header,.count-assets-grid article > header,.count-contract-grid article > header { min-height: 49px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--ops-line); }.count-control-grid header small,.count-control-grid header h3,.count-exploitation-grid header small,.count-exploitation-grid header h3,.count-field-grid header small,.count-field-grid header h3,.count-quality-grid header small,.count-quality-grid header h3,.count-assets-grid header small,.count-assets-grid header h3,.count-contract-grid header small,.count-contract-grid header h3 { display: block; margin: 0; }.count-control-grid header small,.count-exploitation-grid header small,.count-field-grid header small,.count-quality-grid header small,.count-assets-grid header small,.count-contract-grid header small { color: #516a74; font-size: 8.5px; font-weight: 700; letter-spacing: .06em; }.count-control-grid header h3,.count-exploitation-grid header h3,.count-field-grid header h3,.count-quality-grid header h3,.count-assets-grid header h3,.count-contract-grid header h3 { margin-top: 4px; color: #b8c7ca; font-size: 10.5px; font-weight: 600; }
.count-map-card { display: grid; grid-template-rows: 50px minmax(0,1fr) 32px; }.count-map-filter { display: flex; gap: 6px; }.count-map-filter input,.count-assets-grid header input { width: 190px; height: 29px; padding: 0 9px; border: 1px solid var(--ops-line); border-radius: 6px; outline: 0; color: #b8c7ca; background: #0c1b24; font-size: 9.5px; }.count-map-filter button,.count-control-grid header button,.count-field-grid button,.count-quality-grid header button,.count-contract-grid header button { height: 29px; padding: 0 9px; border: 1px solid var(--ops-line); border-radius: 6px; color: #82979e; background: #0c1b24; font-size: 8.5px; font-weight: 700; cursor: pointer; }.count-map-shell { min-height: 0; position: relative; }.count-map-shell #count-operations-map { position: absolute; inset: 0; }.count-map-legend { position: absolute; z-index: 3; left: 10px; bottom: 10px; width: 205px; padding: 10px; display: grid; gap: 6px; border: 1px solid rgba(166,195,204,.18); border-radius: 7px; background: rgba(7,18,26,.93); box-shadow: 0 8px 20px rgba(0,0,0,.28); }.count-map-legend > strong { color: #90a4aa; font-size: 8.5px; letter-spacing: .06em; }.count-map-legend > span { display: grid; grid-template-columns: 8px 1fr auto; gap: 6px; align-items: center; color: #778d95; font-size: 8.5px; }.count-map-legend span i { width: 7px; height: 7px; border-radius: 50%; background: #6b8792; }.count-map-legend span i.permanent { background: #65d6aa; }.count-map-legend span i.primary { background: #45b7e7; }.count-map-legend span i.coverage { background: #f0a84f; }.count-map-legend span i.etd { border: 2px solid #b9aaff; background: #7565bd; }.count-map-legend span b { color: #aebec2; font-size: 8.5px; }.count-map-legend .unlinked { margin-top: 3px; padding-top: 6px; border-top: 1px solid var(--ops-line); }.count-map-legend small { color: #536a73; font-size: 8px; line-height: 1.35; }.count-map-card > footer { padding: 0 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #5d747d; font-size: 8.5px; border-top: 1px solid var(--ops-line); }
.count-station-card { display: grid; grid-template-rows: 50px minmax(0,1fr); }.count-station-card header > span,.count-alarm-card header > span,.count-cycle-card header > span,.count-annual-card header > span,.count-validation-card header > span,.count-alarm-catalog header > span,.count-contract-grid header > span { padding: 4px 7px; border: 1px solid rgba(240,168,79,.2); border-radius: 99px; color: var(--ops-amber); background: rgba(240,168,79,.04); font-size: 8px; font-weight: 700; }.count-station-empty,.count-empty-block { min-height: 0; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #5e747d; text-align: center; }.count-station-empty > b,.count-empty-block > b { width: 38px; height: 38px; display: grid; place-items: center; border: 1px dashed rgba(166,195,204,.2); border-radius: 9px; color: #718892; font-size: 10px; }.count-station-empty strong,.count-empty-block strong { margin-top: 10px; color: #99acb1; font-size: 10px; }.count-station-empty span,.count-empty-block span { max-width: 280px; margin-top: 6px; font-size: 9px; line-height: 1.45; }.count-empty-block button { margin-top: 12px; height: 28px; padding: 0 10px; border: 1px solid rgba(101,214,170,.24); border-radius: 6px; color: var(--ops-green); background: rgba(101,214,170,.04); font-size: 8.5px; font-weight: 700; cursor: pointer; }.count-station-detail { padding: 8px 12px 12px; overflow: auto; }.count-station-detail dl { margin: 0; }.count-station-detail dl div { min-height: 33px; display: grid; grid-template-columns: 108px 1fr; gap: 8px; align-items: center; border-bottom: 1px solid rgba(166,195,204,.07); }.count-station-detail dt { color: #536b75; font-size: 8.5px; }.count-station-detail dd { margin: 0; color: #aebdc1; font-size: 9px; text-align: right; }.count-station-detail dd.pending { color: var(--ops-amber); }.count-station-detail button { width: 100%; height: 31px; margin-top: 11px; border: 1px solid rgba(101,214,170,.25); border-radius: 6px; color: var(--ops-green); background: rgba(101,214,170,.05); font-size: 8.5px; font-weight: 700; cursor: pointer; }
.count-alarm-card { display: grid; grid-template-rows: 50px minmax(0,1fr) 34px; }.count-alarm-card > div,.count-alarm-catalog > div { overflow: auto; }.count-alarm-card > div > div,.count-alarm-catalog > div > div { min-height: 43px; padding: 0 11px; display: grid; grid-template-columns: 8px 1fr auto; gap: 8px; align-items: center; border-bottom: 1px solid rgba(166,195,204,.065); }.count-alarm-card > div i,.count-alarm-catalog > div i { width: 6px; height: 6px; border: 1px solid #68818b; border-radius: 50%; }.count-alarm-card strong,.count-alarm-card small,.count-alarm-catalog strong,.count-alarm-catalog small { display: block; }.count-alarm-card strong,.count-alarm-catalog strong { color: #92a6ab; font-size: 8.8px; }.count-alarm-card small,.count-alarm-catalog small { margin-top: 3px; color: #536c75; font-size: 8px; }.count-alarm-card > div b,.count-alarm-catalog > div b { color: #627983; font-size: 8px; font-weight: 500; }.count-alarm-card footer { padding: 0 11px; display: flex; align-items: center; color: #536c75; font-size: 8px; line-height: 1.35; border-top: 1px solid var(--ops-line); }
.count-action-card > div { padding: 8px 11px; }.count-action-empty { min-height: 68px; display: grid; grid-template-columns: 8px 1fr; gap: 9px; align-items: center; }.count-action-empty i { width: 7px; height: 7px; border-radius: 50%; background: #647c85; }.count-action-empty strong,.count-action-empty small { display: block; }.count-action-empty strong { color: #95a8ad; font-size: 9px; }.count-action-empty small { margin-top: 4px; color: #536b75; font-size: 8.5px; }.count-action-card > div > button { width: 100%; height: 30px; border: 1px solid rgba(101,214,170,.2); border-radius: 6px; color: var(--ops-green); background: rgba(101,214,170,.04); font-size: 8.5px; font-weight: 700; cursor: pointer; }
.count-exploitation-filter { min-height: 59px; padding: 7px; display: grid; grid-template-columns: 1fr 1.3fr .9fr .9fr 155px; gap: 7px; align-items: center; border: 1px solid var(--ops-line); border-radius: 8px; background: #09161e; }.count-exploitation-filter label { height: 43px; padding: 6px 9px; border: 1px solid rgba(166,195,204,.1); border-radius: 6px; background: #0b1922; }.count-exploitation-filter label span { display: block; color: #526b75; font-size: 8px; font-weight: 700; }.count-exploitation-filter select { width: 100%; margin-top: 5px; border: 0; outline: 0; color: #b8c7ca; background: transparent; font-size: 9.5px; }.count-exploitation-filter option { background: #0b1922; }.count-exploitation-filter > button { height: 43px; border: 1px solid rgba(101,214,170,.25); border-radius: 6px; color: var(--ops-green); background: rgba(101,214,170,.05); cursor: pointer; }.count-exploitation-filter button strong,.count-exploitation-filter button small { display: block; }.count-exploitation-filter button strong { font-size: 8.5px; }.count-exploitation-filter button small { margin-top: 3px; color: #647c84; font-size: 8px; }
.count-exploitation-truth { min-height: 38px; margin-top: 7px; padding: 0 11px; display: grid; grid-template-columns: 7px 1fr auto; gap: 8px; align-items: center; border: 1px solid rgba(69,183,231,.16); border-radius: 7px; background: rgba(69,183,231,.025); }.count-exploitation-truth > i { width: 6px; height: 6px; border-radius: 50%; background: var(--ops-blue); }.count-exploitation-truth p { margin: 0; color: #6f858d; font-size: 8.8px; }.count-exploitation-truth label { display: flex; gap: 6px; align-items: center; color: #7d9299; font-size: 8.5px; cursor: pointer; }.count-exploitation-truth label input { accent-color: var(--ops-green); }.count-ops-kpis.exploitation { grid-template-columns: repeat(5,1fr); }
.count-exploitation-grid { margin-top: 8px; display: grid; grid-template-columns: minmax(0,1.65fr) minmax(260px,.7fr); grid-template-rows: minmax(350px,50vh) minmax(230px,auto); gap: 8px; }.count-profile-card { display: grid; grid-template-rows: 50px minmax(0,1fr) 32px; }.count-profile-card header > div:last-child { display: flex; gap: 10px; }.count-profile-card header > div:last-child span { padding-left: 11px; position: relative; color: #6c8189; font-size: 8.5px; }.count-profile-card header > div:last-child span::before { content: ""; position: absolute; left: 0; top: 4px; width: 7px; height: 2px; background: currentColor; }.count-profile-card .total { color: var(--ops-green); }.count-profile-card .ascending { color: var(--ops-blue); }.count-profile-card .descending { color: var(--ops-amber); }.count-chart-shell { min-height: 0; position: relative; }.count-chart-shell canvas { position: absolute; inset: 0; }.count-chart-shell #count-chart-empty { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #576f78; }.count-chart-shell #count-chart-empty[hidden] { display: none; }.count-chart-shell #count-chart-empty strong { color: #94a8ad; font-size: 10px; }.count-chart-shell #count-chart-empty span { margin-top: 5px; font-size: 8.8px; }.count-profile-card > footer { padding: 0 11px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--ops-line); color: #617780; font-size: 8.5px; }.count-profile-card > footer button { height: 23px; padding: 0 8px; border: 1px solid var(--ops-line); border-radius: 5px; color: #7e949b; background: #0c1b24; font-size: 8px; cursor: pointer; }#count-chart-tooltip { position: absolute; z-index: 5; width: 180px; padding: 8px 9px; border: 1px solid rgba(166,195,204,.2); border-radius: 7px; background: rgba(7,18,26,.96); box-shadow: 0 10px 24px rgba(0,0,0,.32); pointer-events: none; }#count-chart-tooltip header { min-height: 0; padding: 0 0 6px; display: block; border: 0; }#count-chart-tooltip header strong,#count-chart-tooltip header span { display: block; }#count-chart-tooltip header strong { color: #dce7e9; font-size: 9px; }#count-chart-tooltip header span { margin-top: 3px; color: #607780; font-size: 8px; }#count-chart-tooltip > div { min-height: 22px; display: grid; grid-template-columns: 7px 1fr auto; gap: 6px; align-items: center; border-top: 1px solid rgba(166,195,204,.06); }#count-chart-tooltip > div i { width: 6px; height: 2px; }#count-chart-tooltip > div span { color: #70868e; font-size: 8px; }#count-chart-tooltip > div strong { color: #b5c4c7; font-size: 8.5px; }
.count-cycle-card ol { margin: 0; padding: 8px 11px 10px; list-style: none; }.count-cycle-card li { min-height: 58px; display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: center; border-bottom: 1px solid rgba(166,195,204,.065); }.count-cycle-card li:last-child { border-bottom: 0; }.count-cycle-card li > b { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid rgba(101,214,170,.17); border-radius: 6px; color: var(--ops-green); font-size: 8px; }.count-cycle-card li strong,.count-cycle-card li span { display: block; }.count-cycle-card li strong { color: #9fb1b5; font-size: 9px; }.count-cycle-card li span { color: #5e747d; font-size: 8.2px; line-height: 1.35; }
.count-week-card { display: grid; grid-template-rows: 50px minmax(0,1fr); }.count-week-card > div { padding: 15px 14px 10px; display: grid; grid-template-columns: repeat(7,1fr); gap: 8px; align-items: end; }.count-week-card > div > div { height: 145px; display: grid; grid-template-rows: 16px 1fr 18px; align-items: end; text-align: center; }.count-week-card > div span { color: #647b84; font-size: 8.5px; }.count-week-card > div i { width: min(32px,72%); height: var(--height); min-height: 3px; margin: auto auto 0; border-radius: 4px 4px 1px 1px; background: linear-gradient(#65d6aa,#2e7568); box-shadow: 0 0 12px rgba(101,214,170,.1); }.count-week-card > div b { padding-top: 5px; color: #91a5aa; font-size: 8px; }
.count-products { padding: 10px 11px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }.count-products span { min-height: 48px; padding: 7px; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(166,195,204,.08); border-radius: 6px; color: #607780; background: #0a1821; font-size: 8.2px; }.count-products b { margin-bottom: 4px; color: #9db0b4; font-size: 8.5px; }.count-annual-card > p { margin: 0; padding: 0 11px 10px; color: #607780; font-size: 8.3px; line-height: 1.4; }
.count-section-heading { min-height: 59px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--ops-line); border-radius: 8px; background: #09161e; }.count-section-heading small,.count-section-heading h3,.count-section-heading p { display: block; margin: 0; }.count-section-heading small { color: var(--ops-green); font-size: 8.5px; font-weight: 700; letter-spacing: .07em; }.count-section-heading h3 { margin-top: 4px; color: #d7e1e3; font-size: 13px; }.count-section-heading p { margin-top: 3px; color: #607780; font-size: 9px; }.count-section-heading > div:last-child { display: flex; gap: 7px; }.count-section-heading button { height: 31px; padding: 0 10px; border: 1px solid rgba(101,214,170,.22); border-radius: 6px; color: var(--ops-green); background: rgba(101,214,170,.04); font-size: 8.5px; font-weight: 700; cursor: pointer; }
.count-field-summary { min-height: 86px; margin-top: 8px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--ops-line); border-radius: 8px; overflow: hidden; background: #09161e; }.count-field-summary article { padding: 11px 12px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--ops-line); }.count-field-summary article:last-child { border-right: 0; }.count-field-summary small,.count-field-summary strong,.count-field-summary span { display: block; }.count-field-summary small { color: #536b75; font-size: 8.5px; }.count-field-summary strong { margin-top: 6px; color: #b6c4c7; font-size: 9.5px; }.count-field-summary span { margin-top: 4px; color: #607780; font-size: 8.5px; }
.count-field-grid { margin-top: 8px; display: grid; grid-template-columns: minmax(0,1.55fr) minmax(280px,.75fr); gap: 8px; }.count-planning-card { min-height: 480px; }.count-status-key { display: flex; gap: 5px; }.count-status-key span { padding: 3px 6px; border-radius: 99px; font-size: 7.8px; }.count-status-key .pending { color: var(--ops-amber); background: rgba(240,168,79,.06); }.count-status-key .authorized { color: var(--ops-blue); background: rgba(69,183,231,.06); }.count-status-key .done { color: var(--ops-green); background: rgba(101,214,170,.06); }.count-work-row { min-height: 48px; padding: 0 11px; display: grid; grid-template-columns: 84px 1fr 130px 60px; gap: 8px; align-items: center; border-bottom: 1px solid rgba(166,195,204,.07); }.count-work-row time { color: #718790; font-size: 8.5px; }.count-work-row span strong,.count-work-row span small { display: block; }.count-work-row span strong { color: #aebdc1; font-size: 9px; }.count-work-row span small { margin-top: 3px; color: #59717b; font-size: 8px; }.count-work-row > b { color: var(--ops-amber); font-size: 8px; text-align: right; }.count-work-row > em { color: #6e848d; font-size: 8px; font-style: normal; text-align: right; }
.count-field-checklist ul { margin: 0; padding: 8px 12px; list-style: none; }.count-field-checklist li { min-height: 58px; display: grid; grid-template-columns: 27px 1fr; gap: 8px; align-items: center; color: #7b9097; font-size: 8.8px; border-bottom: 1px solid rgba(166,195,204,.065); }.count-field-checklist li i { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid rgba(101,214,170,.18); border-radius: 50%; color: var(--ops-green); font-size: 8px; font-style: normal; }
.count-quality-grid { margin-top: 8px; display: grid; grid-template-columns: minmax(310px,.72fr) minmax(300px,.72fr) minmax(0,1.35fr); grid-template-rows: minmax(325px,44vh) minmax(230px,auto); gap: 8px; }.count-upload-card { grid-row: 1 / 3; padding-bottom: 12px; }.count-upload-zone { height: 150px; margin: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px dashed rgba(101,214,170,.25); border-radius: 8px; color: #647c84; background: rgba(101,214,170,.025); cursor: pointer; }.count-upload-zone input { display: none; }.count-upload-zone b { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(101,214,170,.2); border-radius: 9px; color: var(--ops-green); font-size: 18px; }.count-upload-zone strong { margin-top: 11px; color: #9eb0b4; font-size: 10px; }.count-upload-zone span { margin-top: 5px; font-size: 8.5px; }.count-upload-station { margin: 0 12px; }.count-upload-station span { display: block; color: #536b75; font-size: 8px; }.count-upload-station input { width: 100%; height: 32px; margin-top: 5px; padding: 0 9px; box-sizing: border-box; border: 1px solid var(--ops-line); border-radius: 6px; outline: 0; color: #b7c6c9; background: #0b1922; font-size: 9px; }.count-upload-card > button { width: calc(100% - 24px); height: 34px; margin: 12px; border: 1px solid rgba(101,214,170,.25); border-radius: 6px; color: var(--ops-green); background: rgba(101,214,170,.05); font-size: 8.8px; font-weight: 700; cursor: pointer; }.count-upload-card > button:disabled { opacity: .38; cursor: default; }.count-upload-result { min-height: 52px; margin: 0 12px; padding: 0 9px; display: grid; grid-template-columns: 8px 1fr; gap: 8px; align-items: center; border: 1px solid var(--ops-line); border-radius: 6px; background: #0a1821; }.count-upload-result > i { width: 7px; height: 7px; border-radius: 50%; background: #607983; }.count-upload-result.success > i { background: var(--ops-green); }.count-upload-result.error > i { background: var(--ops-red); }.count-upload-result.loading > i { background: var(--ops-blue); animation: countPulse 1s infinite; }.count-upload-result strong,.count-upload-result small { display: block; }.count-upload-result strong { color: #9fb1b5; font-size: 8.8px; }.count-upload-result small { margin-top: 4px; color: #5b737d; font-size: 8px; line-height: 1.35; }
.count-validation-card > div { padding: 8px 11px; }.count-validation-card p { min-height: 58px; margin: 0; padding: 9px 0; display: grid; grid-template-columns: 62px 1fr; gap: 8px; align-items: start; border-bottom: 1px solid rgba(166,195,204,.07); }.count-validation-card p b { color: var(--ops-green); font-size: 8px; }.count-validation-card p span { color: #697f88; font-size: 8.5px; line-height: 1.45; }.count-validation-card footer { padding: 9px 11px; color: #6e838b; background: rgba(240,168,79,.025); font-size: 8.3px; line-height: 1.4; border-top: 1px solid rgba(240,168,79,.12); }.count-imports-card { grid-column: 2 / 4; }.count-imports-card > div { overflow: auto; }.count-table-head,.count-table-row { min-width: 680px; padding: 0 10px; display: grid; grid-template-columns: 2fr .55fr .55fr .7fr .7fr 1.3fr; gap: 7px; align-items: center; }.count-table-head { min-height: 30px; color: #526b75; background: #0a1821; font-size: 8px; }.count-table-row { min-height: 45px; border-top: 1px solid rgba(166,195,204,.065); }.count-table-row span strong,.count-table-row span small { display: block; }.count-table-row span strong { color: #9fb1b5; font-size: 8.5px; }.count-table-row span small { margin-top: 3px; color: #526b75; font-size: 7.8px; }.count-table-row > b { color: #788e96; font-size: 8.3px; }.count-table-row > b.ok { color: var(--ops-green); }.count-table-row > b.bad { color: var(--ops-red); }.count-table-row em { color: var(--ops-amber); font-size: 7.8px; font-style: normal; }.count-alarm-catalog { grid-column: 3; grid-row: 1; }
.count-assets-grid { margin-top: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.count-assets-grid > article { min-height: 500px; }.count-assets-grid > article > div { overflow: auto; }.asset-table-head,.asset-table-row { min-width: 580px; min-height: 38px; padding: 0 10px; display: grid; grid-template-columns: 1.1fr 1.25fr 1fr 1fr .75fr; gap: 7px; align-items: center; border-bottom: 1px solid rgba(166,195,204,.065); }.asset-table-head { color: #536b75; background: #0a1821; font-size: 8px; }.asset-table-row strong,.asset-table-row span,.asset-table-row b { font-size: 8.5px; }.asset-table-row strong { color: #a9b9bd; }.asset-table-row strong small { display: block; margin-top: 3px; color: #536b75; font-size: 7.8px; }.asset-table-row span { color: #70868e; }.asset-table-row b { color: var(--ops-green); text-align: right; }.count-ops-kpis.assets,.count-ops-kpis.contract { grid-template-columns: repeat(4,1fr); }
.count-contract-grid { margin-top: 8px; display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: minmax(310px,42vh) minmax(190px,auto); gap: 8px; }.count-cost-card > div { overflow: auto; }.cost-table-head,.cost-table-row { min-width: 620px; min-height: 38px; padding: 0 10px; display: grid; grid-template-columns: .8fr 1.7fr 1fr .8fr .8fr; gap: 7px; align-items: center; border-bottom: 1px solid rgba(166,195,204,.065); }.cost-table-head { color: #536b75; background: #0a1821; font-size: 8px; }.cost-table-row time,.cost-table-row span,.cost-table-row strong,.cost-table-row b { font-size: 8.5px; }.cost-table-row time,.cost-table-row span { color: #71878f; }.cost-table-row strong { color: #b8c7ca; text-align: right; }.cost-table-row b { color: var(--ops-amber); text-align: right; }.count-report-card > div { padding: 9px 11px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.count-report-card > div span { min-height: 65px; padding: 8px; display: grid; grid-template-columns: 30px 1fr; grid-template-rows: auto auto; gap: 2px 8px; align-content: center; border: 1px solid rgba(166,195,204,.08); border-radius: 6px; background: #0a1821; }.count-report-card > div i { grid-row: 1 / 3; width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid rgba(69,183,231,.2); border-radius: 6px; color: var(--ops-blue); font-size: 7.5px; font-style: normal; }.count-report-card > div strong { color: #9dafb3; font-size: 8.6px; }.count-report-card > div small { color: #58717a; font-size: 7.8px; line-height: 1.3; }.count-audit-card { grid-column: 1 / 3; }.count-audit-flow { height: 120px; padding: 0 18px; display: flex; align-items: center; justify-content: center; gap: 10px; }.count-audit-flow span { width: 112px; min-height: 58px; padding: 8px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(101,214,170,.12); border-radius: 7px; color: #788d95; background: #0a1821; font-size: 8.5px; text-align: center; }.count-audit-flow span b { margin-bottom: 5px; color: var(--ops-green); font-size: 8px; }.count-audit-flow > i { color: #3f5963; font-size: 12px; font-style: normal; }.count-note-card { display: none; }
.count-operation-dialog { width: min(650px,calc(100vw - 28px)); padding: 0; border: 1px solid rgba(166,195,204,.22); border-radius: 10px; color: #dce8ea; background: #09161e; box-shadow: 0 22px 70px rgba(0,0,0,.55); }.count-operation-dialog::backdrop { background: rgba(1,8,13,.72); backdrop-filter: blur(3px); }.count-operation-dialog form > header { height: 62px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--ops-line); }.count-operation-dialog header small,.count-operation-dialog header h3 { display: block; margin: 0; }.count-operation-dialog header small { color: var(--ops-green); font-size: 8.5px; }.count-operation-dialog header h3 { margin-top: 4px; color: #dce7e9; font-size: 14px; }.count-operation-dialog header button { width: 29px; height: 29px; border: 1px solid var(--ops-line); border-radius: 6px; color: #83979e; background: #0c1b24; font-size: 17px; cursor: pointer; }#count-dialog-fields { padding: 14px 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }#count-dialog-fields label { min-width: 0; }#count-dialog-fields label.wide { grid-column: 1 / 3; }#count-dialog-fields label > span { display: block; margin-bottom: 5px; color: #5c737c; font-size: 8.5px; font-weight: 700; }#count-dialog-fields input,#count-dialog-fields select,#count-dialog-fields textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--ops-line); border-radius: 6px; outline: 0; color: #b8c7ca; background: #0b1922; font-size: 9.5px; }#count-dialog-fields input,#count-dialog-fields select { height: 34px; padding: 0 9px; }#count-dialog-fields textarea { min-height: 65px; padding: 8px; resize: vertical; }#count-dialog-fields .check { display: flex; gap: 8px; align-items: center; }#count-dialog-fields .check input { width: 15px; height: 15px; accent-color: var(--ops-green); }#count-dialog-fields .check span { margin: 0; color: #84989f; }#count-dialog-feedback { min-height: 20px; padding: 0 16px; display: block; color: var(--ops-red); font-size: 8.8px; }.count-operation-dialog form > footer { height: 58px; padding: 0 16px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; border-top: 1px solid var(--ops-line); }.count-operation-dialog footer button { height: 32px; padding: 0 11px; border: 1px solid var(--ops-line); border-radius: 6px; color: #81969d; background: #0c1b24; font-size: 8.5px; font-weight: 700; cursor: pointer; }.count-operation-dialog footer button[type="submit"] { border-color: rgba(101,214,170,.25); color: var(--ops-green); background: rgba(101,214,170,.05); }
.count-map-card { grid-template-rows: auto minmax(0,1fr) 32px; }.count-map-card > header { min-height: 64px !important; padding-top: 7px !important; padding-bottom: 7px !important; flex-wrap: wrap; }.count-map-filter { flex: 1 1 620px; flex-wrap: wrap; justify-content: flex-end; }.count-map-filter input { flex: 1 1 160px; }.count-map-filter select { flex: 0 1 145px; }#count-map-legend-content { display: grid; gap: 6px; }#count-map-legend-content > span { display: grid; grid-template-columns: 8px 1fr auto; gap: 6px; align-items: center; color: #778d95; font-size: 8.5px; }#count-map-legend-content i { width: 7px; height: 7px; border-radius: 50%; background: #6b8792; }#count-map-legend-content i.permanent { background: #65d6aa; }#count-map-legend-content i.primary { background: #45b7e7; }#count-map-legend-content i.coverage { background: #f0a84f; }#count-map-legend-content i.etd { box-sizing: border-box; border: 2px solid #c9bcff; background: #7565bd; }#count-map-legend-content i.status-alarm { background: #ef4865; }#count-map-legend-content i.status-maintenance { background: #f0a84f; }#count-map-legend-content i.status-ok { background: #65d6aa; }#count-map-legend-content i.status-unknown { background: #6f8791; }#count-map-legend-content b { color: #aebec2; font-size: 8.5px; }
.count-map-legend > header { min-height: 24px; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 0; }.count-map-legend > header strong { color: #90a4aa; font-size: 8.5px; letter-spacing: .06em; }.count-map-legend > header button { width: 23px; height: 23px; padding: 0; display: grid; place-items: center; border: 1px solid rgba(166,195,204,.16); border-radius: 5px; color: #91a5aa; background: #0b1a23; font-size: 14px; line-height: 1; cursor: pointer; }.count-map-legend.collapsed { width: 205px; padding: 7px 8px; }.count-map-legend.collapsed #count-map-legend-content,.count-map-legend.collapsed #count-map-legend-note { display: none; }
.count-station-description { margin: 0 0 8px; padding: 8px; border: 1px solid rgba(69,183,231,.12); border-radius: 6px; color: #758b92; background: rgba(69,183,231,.025); font-size: 8.7px; line-height: 1.4; }.count-station-detail dd.alert { color: #ef6a80; }
.count-alarm-card > header > div:last-child { display: flex; align-items: center; gap: 6px; }.count-alarm-card > header > div:last-child > span { padding: 4px 7px; border: 1px solid rgba(240,168,79,.2); border-radius: 99px; color: var(--ops-amber); background: rgba(240,168,79,.04); font-size: 8px; font-weight: 700; }.count-alarm-card #count-run-automation { border-color: rgba(101,214,170,.22); color: var(--ops-green); background: rgba(101,214,170,.04); }.count-alarm-card #count-run-automation:disabled { opacity: .55; }.count-alarm-rule { min-height: 62px; padding: 7px 10px; display: grid; grid-template-columns: 36px minmax(0,1fr) 48px; gap: 9px; align-items: center; border-bottom: 1px solid rgba(166,195,204,.065); }.count-alarm-rule > i { width: 34px !important; height: 34px !important; display: grid; place-items: center; border: 1px solid rgba(69,183,231,.2) !important; border-radius: 8px !important; color: var(--ops-blue); background: rgba(69,183,231,.04); font-size: 14px; font-style: normal; }.count-alarm-rule.high > i,.count-alarm-rule.critical > i { border-color: rgba(239,72,101,.24) !important; color: #ef6a80; background: rgba(239,72,101,.045); }.count-alarm-rule > span strong,.count-alarm-rule > span small,.count-alarm-rule > span em,.count-alarm-rule > b strong,.count-alarm-rule > b small { display: block; }.count-alarm-rule > span strong { color: #aebec2; font-size: 9px; }.count-alarm-rule > span small { margin-top: 3px; color: #617982; font-size: 8px; }.count-alarm-rule > span em { margin-top: 3px; color: #46616b; font-size: 7.5px; font-style: normal; }.count-alarm-rule > b { text-align: right; }.count-alarm-rule > b strong { color: #d9e4e6; font-size: 16px; }.count-alarm-rule > b small { margin-top: 2px; color: #536c75; font-size: 7px; }
.count-interannual-card,.count-fcd-card { min-height: 310px; }.count-interannual-card > header > span,.count-fcd-card > header > span,.count-preventive-card > header > span { padding: 4px 7px; border: 1px solid rgba(69,183,231,.18); border-radius: 99px; color: var(--ops-blue); background: rgba(69,183,231,.035); font-size: 7.8px; font-weight: 700; }.count-interannual-bars { padding: 15px 14px 8px; display: grid; gap: 9px; }.count-interannual-bars > div { display: grid; grid-template-columns: 1fr 75px; gap: 9px; align-items: center; }.count-interannual-bars > div > span { height: 25px; position: relative; overflow: hidden; border-radius: 5px; background: #0a1821; }.count-interannual-bars b { position: absolute; z-index: 2; left: 8px; top: 7px; color: #d9e3e5; font-size: 8px; }.count-interannual-bars i { width: var(--width); height: 100%; display: block; background: linear-gradient(90deg,#415d68,#607c87); }.count-interannual-bars i.current { background: linear-gradient(90deg,#2e7568,#65d6aa); }.count-interannual-bars > div > strong { color: #c0ced1; font-size: 11px; text-align: right; }.count-interannual-metrics { padding: 7px 14px 13px; display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }.count-interannual-metrics span { min-height: 54px; padding: 7px; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(166,195,204,.08); border-radius: 6px; background: #0a1821; }.count-interannual-metrics small { color: #526b75; font-size: 7.5px; }.count-interannual-metrics strong { margin-top: 5px; color: #aec0c4; font-size: 10px; }.count-interannual-metrics strong.up { color: var(--ops-green); }.count-interannual-metrics strong.down { color: #ef6a80; }.count-comparison-unavailable,.count-seasonal-empty { margin: 12px 14px; padding: 13px; border: 1px solid rgba(240,168,79,.14); border-radius: 7px; background: rgba(240,168,79,.025); }.count-comparison-unavailable strong,.count-comparison-unavailable span,.count-seasonal-empty b,.count-seasonal-empty span { display: block; }.count-comparison-unavailable strong,.count-seasonal-empty b { color: #aebdc1; font-size: 9px; }.count-comparison-unavailable span,.count-seasonal-empty span { margin-top: 5px; color: #647b84; font-size: 8.3px; line-height: 1.4; }.count-seasonal-heading { padding: 9px 14px 0; display: flex; justify-content: space-between; color: #617982; font-size: 8px; }.count-seasonal-bars { height: 72px; padding: 8px 14px 10px; display: flex; gap: 5px; align-items: flex-end; }.count-seasonal-bars span { height: 100%; flex: 1; display: grid; grid-template-rows: 1fr 12px; align-items: end; text-align: center; }.count-seasonal-bars i { width: 70%; height: var(--height); min-height: 2px; margin: auto auto 0; border-radius: 3px 3px 0 0; background: var(--ops-blue); }.count-seasonal-bars b { color: #607780; font-size: 7px; }
.count-fcd-card { display: grid; grid-template-rows: 50px minmax(230px,1fr) auto; }.count-fcd-chart-shell { min-height: 230px; position: relative; }.count-fcd-chart-shell canvas { position: absolute; inset: 0; }.count-fcd-chart-shell #count-fcd-empty { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #576f78; background: rgba(9,22,30,.86); text-align: center; }.count-fcd-chart-shell #count-fcd-empty[hidden] { display: none; }.count-fcd-chart-shell #count-fcd-empty strong { color: #94a8ad; font-size: 10px; }.count-fcd-chart-shell #count-fcd-empty span { max-width: 360px; margin-top: 5px; font-size: 8.8px; line-height: 1.4; }.count-fcd-card > footer { min-height: 34px; padding: 7px 11px; color: #607780; font-size: 8px; line-height: 1.4; border-top: 1px solid var(--ops-line); }#count-fcd-tooltip { position: absolute; z-index: 5; width: 200px; padding: 8px 9px; border: 1px solid rgba(166,195,204,.2); border-radius: 7px; background: rgba(7,18,26,.97); box-shadow: 0 10px 24px rgba(0,0,0,.32); pointer-events: none; }#count-fcd-tooltip header { min-height: 0; padding: 0 0 6px; display: block; border: 0; }#count-fcd-tooltip header strong,#count-fcd-tooltip header span { display: block; }#count-fcd-tooltip header strong { color: #dce7e9; font-size: 9px; }#count-fcd-tooltip header span { margin-top: 3px; color: #607780; font-size: 8px; }#count-fcd-tooltip > div { min-height: 22px; display: grid; grid-template-columns: 7px 1fr auto; gap: 6px; align-items: center; border-top: 1px solid rgba(166,195,204,.06); }#count-fcd-tooltip > div i { width: 6px; height: 2px; }#count-fcd-tooltip > div span { color: #70868e; font-size: 8px; }#count-fcd-tooltip > div strong { color: #b5c4c7; font-size: 8.5px; }
.count-preventive-card { min-height: 360px; }.count-preventive-card > div { max-height: 420px; overflow: auto; }.count-preventive-row { min-height: 57px; padding: 6px 9px; display: grid; grid-template-columns: 32px minmax(0,1fr) 70px 76px; gap: 8px; align-items: center; border-bottom: 1px solid rgba(166,195,204,.065); }.count-preventive-row > b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #aebec2; background: #12242d; font-size: 9px; }.count-preventive-row > b.high,.count-preventive-row > b.critical { color: #ef7890; background: rgba(239,72,101,.08); }.count-preventive-row span strong,.count-preventive-row span small { display: block; }.count-preventive-row span strong { color: #9fb1b5; font-size: 8.7px; }.count-preventive-row span small { margin-top: 3px; color: #58717a; font-size: 7.7px; line-height: 1.35; }.count-preventive-row time { color: #718790; font-size: 8px; }.count-preventive-row button { padding: 0 6px !important; color: var(--ops-green) !important; }.count-preventive-card > footer { padding: 8px 10px; color: #5a727b; font-size: 8px; line-height: 1.4; border-top: 1px solid var(--ops-line); }.count-intervention-model { grid-column: 1 / -1; }.count-intervention-model > div { padding: 10px; display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }.count-report-cover { grid-column: 1 / -1; padding: 10px; display: grid; grid-template-columns: 85px 1fr; gap: 10px; align-items: center; border: 1px solid rgba(101,214,170,.16); border-radius: 7px; background: rgba(101,214,170,.025); }.count-report-cover > b { color: var(--ops-green); font-size: 10px; }.count-report-cover strong,.count-report-cover small { display: block; }.count-report-cover strong { color: #afc0c3; font-size: 9px; }.count-report-cover small { margin-top: 3px; color: #5c747d; font-size: 8px; }.count-intervention-model section { padding: 9px; border: 1px solid rgba(166,195,204,.08); border-radius: 7px; background: #0a1821; }.count-intervention-model section > strong { color: #9dafb3; font-size: 8.7px; }.count-intervention-model section > div { margin-top: 6px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }.count-intervention-model section span { color: #607780; font-size: 7.8px; }.count-intervention-model section i { margin-right: 4px; color: var(--ops-green); font-style: normal; }
.count-station-inventory-card { min-height: 430px; margin-top: 8px; overflow: hidden; border: 1px solid var(--ops-line); border-radius: 8px; background: #09161e; }.count-station-inventory-card > header { min-height: 52px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--ops-line); }.count-station-inventory-card header small,.count-station-inventory-card header h3 { display: block; margin: 0; }.count-station-inventory-card header small { color: #516a74; font-size: 8.5px; }.count-station-inventory-card header h3 { margin-top: 4px; color: #b8c7ca; font-size: 10.5px; }.count-station-inventory-card header > div:last-child { display: flex; gap: 6px; }.count-station-inventory-card input,.count-station-inventory-card select { height: 30px; padding: 0 9px; border: 1px solid var(--ops-line); border-radius: 6px; outline: 0; color: #b8c7ca; background: #0c1b24; font-size: 9px; }.count-station-inventory-card input { width: 230px; }.count-station-inventory-card > div { max-height: 510px; overflow: auto; }.station-inventory-summary { min-height: 54px; padding: 8px 10px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }.station-inventory-summary span { padding: 7px; border: 1px solid rgba(166,195,204,.08); border-radius: 6px; color: #617982; background: #0a1821; font-size: 8px; }.station-inventory-summary b { margin-right: 5px; color: #c2d0d3; font-size: 11px; }.station-inventory-head,.station-inventory-row { min-width: 850px; min-height: 46px; padding: 0 10px; box-sizing: border-box; display: grid; grid-template-columns: 1.25fr 1fr 1.15fr 1.25fr .8fr; gap: 8px; align-items: center; }.station-inventory-head { min-height: 30px; color: #526b75; background: #0a1821; font-size: 8px; }.station-inventory-row { width: 100%; border: 0; border-top: 1px solid rgba(166,195,204,.06); color: #748992; background: transparent; text-align: left; cursor: pointer; }.station-inventory-row:hover { background: rgba(101,214,170,.025); }.station-inventory-row span,.station-inventory-row strong,.station-inventory-row small { display: block; }.station-inventory-row strong { color: #a9b9bd; font-size: 8.6px; }.station-inventory-row span { font-size: 8.3px; }.station-inventory-row small { margin-top: 3px; color: #536b75; font-size: 7.7px; }.station-inventory-row > b { font-size: 8px; text-align: right; }.station-inventory-row > b.ok { color: var(--ops-green); }.station-inventory-row > b.alarm,.station-inventory-row > b.fault { color: #ef6a80; }.station-inventory-row > b.maintenance { color: var(--ops-amber); }.station-inventory-row > b.not_evaluated { color: #6d838b; }.station-inventory-row + footer,#count-station-inventory-table > footer { padding: 8px 10px; color: #5b737c; font-size: 8px; }
.count-report-automation { grid-column: 1 / -1; }.count-report-automation > div > article { min-height: 58px; padding: 6px 10px; display: grid; grid-template-columns: 38px minmax(0,1fr) 110px 78px; gap: 9px; align-items: center; border-bottom: 1px solid rgba(166,195,204,.065); }.count-report-automation article > i { width: 36px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(69,183,231,.18); border-radius: 6px; color: var(--ops-blue); font-size: 7px; font-style: normal; }.count-report-automation article span strong,.count-report-automation article span small { display: block; }.count-report-automation article span strong { color: #aebdc1; font-size: 8.8px; }.count-report-automation article span small { margin-top: 3px; color: #58717a; font-size: 7.8px; }.count-report-automation article > b { color: #71878f; font-size: 8px; text-align: right; }.count-report-automation article > button { border-color: rgba(101,214,170,.22); color: var(--ops-green); }.count-report-automation footer { padding: 8px 10px; color: #5b737c; font-size: 8px; }
.count-ops-toast { position: fixed; z-index: 100; right: 20px; bottom: 20px; max-width: 360px; padding: 11px 14px; border: 1px solid rgba(101,214,170,.26); border-radius: 8px; color: #c5d3d6; background: #0a1922; box-shadow: 0 14px 40px rgba(0,0,0,.4); font-size: 9.5px; opacity: 0; pointer-events: none; transform: translateY(12px); transition: .18s; }.count-ops-toast.show { opacity: 1; transform: translateY(0); }
.count-data-filter { min-height: 68px; margin-top: 8px; padding: 7px; display: grid; grid-template-columns: minmax(210px,1.4fr) repeat(4,minmax(125px,.8fr)) 145px; gap: 7px; align-items: center; border: 1px solid var(--ops-line); border-radius: 8px; background: #09161e; }.count-data-filter.detail { grid-template-columns: minmax(205px,1.35fr) repeat(5,minmax(112px,.75fr)) 105px 120px; }.count-data-filter.fcd { grid-template-columns: minmax(260px,1.5fr) repeat(2,minmax(150px,.8fr)) 180px; }.count-data-filter label { height: 46px; padding: 6px 9px; box-sizing: border-box; border: 1px solid rgba(166,195,204,.1); border-radius: 6px; background: #0b1922; }.count-data-filter label > span { display: block; color: #526b75; font-size: 8px; font-weight: 700; }.count-data-filter :is(select,input) { width: 100%; height: 23px; margin-top: 2px; padding: 0; border: 0; outline: 0; color: #b8c7ca; background: transparent; color-scheme: dark; font: 9.5px Roboto,sans-serif; }.count-data-filter option { background: #0b1922; }.count-data-filter > button { height: 46px; padding: 0 9px; border: 1px solid rgba(101,214,170,.25); border-radius: 6px; color: var(--ops-green); background: rgba(101,214,170,.05); font-size: 8.5px; font-weight: 700; cursor: pointer; }.count-data-filter > button.direct { color: var(--ops-blue); border-color: rgba(69,183,231,.25); background: rgba(69,183,231,.04); }.count-data-filter > button.direct.active { color: #ef7890; border-color: rgba(239,72,101,.25); background: rgba(239,72,101,.04); }
.count-data-truth { min-height: 38px; margin-top: 8px; padding: 7px 11px; box-sizing: border-box; display: grid; grid-template-columns: 8px 1fr; gap: 8px; align-items: center; border: 1px solid rgba(166,195,204,.1); border-radius: 7px; color: #718890; background: #09161e; font-size: 9px; line-height: 1.4; }.count-data-truth > i { width: 7px; height: 7px; border-radius: 50%; background: #6f8791; }.count-data-truth.ready > i { background: var(--ops-green); box-shadow: 0 0 7px rgba(101,214,170,.45); }.count-data-truth.warning > i { background: var(--ops-amber); }.count-data-truth.error > i { background: var(--ops-red); }.count-data-truth.loading > i { background: var(--ops-blue); animation: countPulse 1s infinite; }
.count-data-grid { margin-top: 8px; display: grid; grid-template-columns: minmax(0,1.65fr) minmax(300px,.65fr); gap: 8px; }.count-data-grid > article { min-width: 0; min-height: 420px; overflow: hidden; border: 1px solid var(--ops-line); border-radius: 8px; background: #09161e; }.count-data-grid > article > header { min-height: 50px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--ops-line); }.count-data-grid header small,.count-data-grid header h3 { display: block; margin: 0; }.count-data-grid header small { color: #516a74; font-size: 8.5px; letter-spacing: .06em; }.count-data-grid header h3 { margin-top: 4px; color: #b8c7ca; font-size: 10.5px; }.count-data-grid header > span { padding: 4px 7px; border: 1px solid rgba(69,183,231,.18); border-radius: 99px; color: var(--ops-blue); background: rgba(69,183,231,.035); font-size: 7.8px; font-weight: 700; }.count-data-chart-card { display: grid; grid-template-rows: 50px minmax(310px,1fr) auto; }.count-data-chart-shell { min-height: 310px; position: relative; }.count-data-chart-shell canvas { position: absolute; inset: 0; }.count-data-chart-shell > div:not([hidden]) { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #576f78; background: rgba(9,22,30,.9); text-align: center; }.count-data-chart-shell > div[hidden] { display: none; }.count-data-chart-shell > div > strong { color: #94a8ad; font-size: 10px; }.count-data-chart-shell > div > span { max-width: 390px; margin-top: 5px; font-size: 8.8px; line-height: 1.4; }.count-data-chart-card > footer { min-height: 35px; padding: 7px 11px; box-sizing: border-box; color: #607780; font-size: 8.5px; line-height: 1.4; border-top: 1px solid var(--ops-line); }
#count-comparison-tooltip,#count-detail-tooltip { position: absolute; z-index: 5; width: 220px; padding: 8px 9px; box-sizing: border-box; display: block; border: 1px solid rgba(166,195,204,.2); border-radius: 7px; color: #91a5aa; background: rgba(7,18,26,.97); box-shadow: 0 10px 24px rgba(0,0,0,.32); pointer-events: none; }#count-comparison-tooltip[hidden],#count-detail-tooltip[hidden] { display: none; }#count-comparison-tooltip header,#count-detail-tooltip header { min-height: 0; padding: 0 0 6px; display: block; border: 0; }#count-comparison-tooltip header strong,#count-comparison-tooltip header span,#count-detail-tooltip header strong,#count-detail-tooltip header span { display: block; }#count-comparison-tooltip header strong,#count-detail-tooltip header strong { color: #dce7e9; font-size: 9px; }#count-comparison-tooltip header span,#count-detail-tooltip header span { margin-top: 3px; color: #607780; font-size: 8px; }#count-comparison-tooltip > div,#count-detail-tooltip > div { min-height: 22px; display: grid; grid-template-columns: 7px 1fr auto; gap: 6px; align-items: center; border-top: 1px solid rgba(166,195,204,.06); }#count-comparison-tooltip > div i,#count-detail-tooltip > div i { width: 6px; height: 2px; }#count-comparison-tooltip > div span,#count-detail-tooltip > div span { color: #70868e; font-size: 8px; }#count-comparison-tooltip > div strong,#count-detail-tooltip > div strong { color: #b5c4c7; font-size: 8.5px; text-align: right; }
.count-data-table-card > div { max-height: 520px; overflow: auto; }.count-data-table-head,.count-data-table-row { min-width: 360px; min-height: 38px; padding: 0 9px; box-sizing: border-box; display: grid; grid-template-columns: 30px 1fr 1fr 75px; gap: 7px; align-items: center; }.count-data-table-head { min-height: 30px; position: sticky; z-index: 2; top: 0; color: #526b75; background: #0a1821; font-size: 7.8px; }.count-data-table-row { border-top: 1px solid rgba(166,195,204,.06); color: #718790; font-size: 8.2px; }.count-data-table-row span small { display: block; margin-top: 3px; color: #536b75; }.count-data-table-row > strong { color: #afc0c3; text-align: right; }.count-data-table-row > strong.up { color: var(--ops-green); }.count-data-table-row > strong.down { color: #ef7890; }.count-data-table-head.detail,.count-data-table-row.detail { grid-template-columns: 1.35fr .8fr .8fr .8fr; }.count-data-empty { padding: 28px 14px; color: #607780; font-size: 9px; text-align: center; }.count-method-card > div { padding: 9px; display: grid; gap: 8px; }.count-method-card p { margin: 0; padding: 10px; border: 1px solid rgba(166,195,204,.08); border-radius: 7px; background: #0a1821; }.count-method-card p b,.count-method-card p span { display: block; }.count-method-card p b { color: #9fb1b5; font-size: 8.5px; }.count-method-card p span { margin-top: 5px; color: #607780; font-size: 8.4px; line-height: 1.45; }
#count-comparison-tooltip:not([hidden]),#count-detail-tooltip:not([hidden]) { inset: auto; align-items: stretch; justify-content: initial; text-align: left; }
.count-data-filter.fcd { grid-template-columns:minmax(260px,1.45fr) minmax(135px,.62fr) repeat(2,minmax(145px,.72fr)) 190px; }
.count-calibration-kpis { min-height:82px; margin-top:8px; display:grid; grid-template-columns:repeat(6,1fr); overflow:hidden; border:1px solid var(--ops-line); border-radius:8px; background:#09161e; }
.count-calibration-kpis article { min-width:0; padding:12px 13px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--ops-line); }
.count-calibration-kpis article:last-child { border-right:0; }.count-calibration-kpis small,.count-calibration-kpis strong,.count-calibration-kpis span { display:block; }
.count-calibration-kpis small { color:#58717a; font-size:9px; font-weight:700; letter-spacing:.05em; }.count-calibration-kpis strong { margin-top:7px; overflow:hidden; color:#d3dfe1; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }.count-calibration-kpis span { margin-top:4px; overflow:hidden; color:#647b84; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.count-calibration-layout { margin-top:8px; padding-bottom:12px; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr); gap:8px; }
.count-calibration-layout > article { min-width:0; overflow:hidden; border:1px solid var(--ops-line); border-radius:8px; background:#09161e; }
.count-calibration-layout > article > header { min-height:56px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--ops-line); }
.count-calibration-layout > article > header small,.count-calibration-layout > article > header h3 { display:block; margin:0; }.count-calibration-layout > article > header small { color:#58717a; font-size:9px; font-weight:700; letter-spacing:.08em; }.count-calibration-layout > article > header h3 { margin-top:5px; color:#c1cfd2; font-size:12px; }.count-calibration-layout > article > header > span { padding:5px 8px; border:1px solid rgba(69,183,231,.2); border-radius:99px; color:var(--ops-blue); background:rgba(69,183,231,.04); font-size:9px; font-weight:700; white-space:nowrap; }
.count-fcd-card.calibration-time { min-height:425px; grid-template-rows:56px minmax(315px,1fr) auto; }.count-fcd-card.calibration-time .count-fcd-chart-shell { min-height:315px; }.count-fcd-card.calibration-time > footer { min-height:45px; padding:10px 13px; font-size:10px; }.count-fcd-card #count-fcd-state[data-status="pass"] { color:var(--ops-green);border-color:rgba(101,214,170,.24); }.count-fcd-card #count-fcd-state[data-status="warn"] { color:var(--ops-amber);border-color:rgba(240,168,79,.24); }.count-fcd-card #count-fcd-state[data-status="fail"] { color:var(--ops-red);border-color:rgba(239,72,101,.24); }
.count-calibration-readiness { min-height:425px; }.count-calibration-score { min-height:102px; padding:12px 14px; box-sizing:border-box; display:grid; grid-template-columns:78px 1fr; gap:14px; align-items:center; border-bottom:1px solid var(--ops-line); }.count-calibration-score > div { --score:0%; width:72px; height:72px; display:grid; place-content:center; border-radius:50%; background:radial-gradient(circle at center,#09161e 0 57%,transparent 59%),conic-gradient(var(--ops-green) 0 var(--score),rgba(101,214,170,.1) var(--score) 100%); text-align:center; }.count-calibration-score strong,.count-calibration-score small { display:block; }.count-calibration-score strong { color:#d9e5e7; font-size:19px; }.count-calibration-score small { margin-top:1px;color:#617983;font-size:9px; }.count-calibration-score p { margin:0; }.count-calibration-score p b,.count-calibration-score p span { display:block; }.count-calibration-score p b { color:#c0ced1;font-size:12px; }.count-calibration-score p span { margin-top:7px;color:#657d86;font-size:10px;line-height:1.45; }
#count-fcd-readiness { padding:4px 12px 10px; }.count-readiness-row { min-height:47px; display:grid; grid-template-columns:25px minmax(0,1fr) auto; gap:8px; align-items:center; border-bottom:1px solid rgba(166,195,204,.07); }.count-readiness-row > i { width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-style:normal;font-weight:700; }.count-readiness-row.pass > i { color:var(--ops-green);background:rgba(101,214,170,.08); }.count-readiness-row.warn > i { color:var(--ops-amber);background:rgba(240,168,79,.08); }.count-readiness-row.fail > i { color:var(--ops-red);background:rgba(239,72,101,.08); }.count-readiness-row span strong,.count-readiness-row span small { display:block; }.count-readiness-row span strong { color:#aebec2;font-size:10px; }.count-readiness-row span small { margin-top:3px;color:#5e7680;font-size:9px;line-height:1.3; }.count-readiness-row > b { max-width:105px;color:#83989f;font-size:9px;text-align:right; }
.count-calibration-scatter { min-height:360px; }.count-calibration-scatter > div { min-height:280px;position:relative; }.count-calibration-scatter canvas { position:absolute;inset:0; }.count-calibration-scatter > footer { min-height:36px;padding:9px 13px;box-sizing:border-box;color:#607780;font-size:9.5px;line-height:1.4;border-top:1px solid var(--ops-line); }#count-fcd-scatter-tooltip { position:absolute;z-index:5;width:180px;padding:9px 10px;box-sizing:border-box;border:1px solid rgba(166,195,204,.22);border-radius:7px;background:rgba(7,18,26,.97);box-shadow:0 10px 24px rgba(0,0,0,.34);pointer-events:none; }#count-fcd-scatter-tooltip[hidden]{display:none}#count-fcd-scatter-tooltip strong,#count-fcd-scatter-tooltip span,#count-fcd-scatter-tooltip small{display:block}#count-fcd-scatter-tooltip strong{color:#dce7e9;font-size:10px}#count-fcd-scatter-tooltip span{margin-top:5px;color:#9bafb4;font-size:9.5px}#count-fcd-scatter-tooltip small{margin-top:5px;color:#617a83;font-size:9px;line-height:1.35}
.count-calibration-registry { min-height:360px; }.count-calibration-registry > div { padding:14px; }.count-registry-chain { display:flex;align-items:center;gap:7px; }.count-registry-chain > span { min-width:0;flex:1;padding:11px 8px;border:1px solid rgba(166,195,204,.09);border-radius:7px;background:#0a1821; }.count-registry-chain > span i { width:28px;height:22px;display:grid;place-items:center;margin-bottom:8px;border-radius:5px;color:var(--ops-green);background:rgba(101,214,170,.07);font-size:8px;font-style:normal;font-weight:700; }.count-registry-chain b,.count-registry-chain small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.count-registry-chain b { color:#aebec2;font-size:9.5px; }.count-registry-chain small { margin-top:4px;color:#607780;font-size:8.5px; }.count-registry-chain em { color:#49616b;font-size:13px;font-style:normal; }.count-calibration-registry dl { margin:13px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:7px; }.count-calibration-registry dl div { padding:9px;border:1px solid rgba(166,195,204,.08);border-radius:6px;background:#0a1821; }.count-calibration-registry dt,.count-calibration-registry dd { margin:0; }.count-calibration-registry dt { color:#59717b;font-size:8.5px;font-weight:700; }.count-calibration-registry dd { margin-top:5px;color:#a9b9bd;font-size:10px; }.count-calibration-registry > div > p { margin:11px 0 0;padding:9px;border-left:2px solid var(--ops-amber);color:#6a8189;background:rgba(240,168,79,.025);font-size:9px;line-height:1.45; }
.count-calibration-products,.count-calibration-method { grid-column:1/-1; }.count-calibration-products > div { padding:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px; }.count-product-card { min-height:96px;padding:11px;box-sizing:border-box;border:1px solid rgba(166,195,204,.09);border-radius:7px;background:#0a1821; }.count-product-card header { display:grid;grid-template-columns:8px 1fr;gap:7px;align-items:center; }.count-product-card header i { width:7px;height:7px;border-radius:50%;background:#637983; }.count-product-card.pass header i{background:var(--ops-green)}.count-product-card.warn header i{background:var(--ops-amber)}.count-product-card.fail header i{background:var(--ops-red)}.count-product-card header strong { color:#b7c6c9;font-size:10px; }.count-product-card header b { grid-column:2;margin-top:3px;color:#70868e;font-size:8.5px; }.count-product-card p { margin:10px 0 0;color:#607780;font-size:9px;line-height:1.45; }
.count-calibration-method > div { padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }.count-calibration-method p { margin:0;padding:12px;border:1px solid rgba(166,195,204,.08);border-radius:7px;background:#0a1821; }.count-calibration-method p b,.count-calibration-method p span{display:block}.count-calibration-method p b{color:#aebdc1;font-size:10px}.count-calibration-method p span{margin-top:7px;color:#607780;font-size:9.5px;line-height:1.5}
#count-fcd-tooltip { width:225px;box-sizing:border-box; }#count-fcd-tooltip header strong{font-size:10px}#count-fcd-tooltip header span,#count-fcd-tooltip > div span{font-size:9px}#count-fcd-tooltip > div strong{font-size:9px}
.count-data-filter.reports{grid-template-columns:minmax(310px,1.6fr) 150px minmax(190px,.85fr) 140px 160px}.count-data-filter.reports>button.download{color:var(--ops-blue);border-color:rgba(69,183,231,.24);background:rgba(69,183,231,.04)}
.count-reporting-grid{margin-top:8px;padding-bottom:14px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:8px}.count-reporting-grid>article{min-width:0;overflow:hidden;border:1px solid var(--ops-line);border-radius:8px;background:#09161e}.count-reporting-grid>article>header{min-height:54px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ops-line)}.count-reporting-grid header small,.count-reporting-grid header h3{display:block;margin:0}.count-reporting-grid header small{color:#58717a;font-size:9px;font-weight:700;letter-spacing:.07em}.count-reporting-grid header h3{margin-top:5px;color:#c1cfd2;font-size:12px}.count-reporting-grid header>span{padding:5px 8px;border:1px solid rgba(69,183,231,.2);border-radius:99px;color:var(--ops-blue);background:rgba(69,183,231,.04);font-size:9px;font-weight:700}.count-station-export-card{min-height:390px;display:grid;grid-template-rows:54px minmax(280px,1fr) auto}.count-station-export-card>div{overflow:auto}.count-station-export-card>div>p{margin:18px;color:#647b84;font-size:10px;line-height:1.55}.count-station-export-card>footer{min-height:38px;padding:9px 12px;box-sizing:border-box;color:#607780;font-size:9px;line-height:1.4;border-top:1px solid var(--ops-line)}
.count-export-head,.count-export-row{min-width:760px;padding:0 10px;box-sizing:border-box;display:grid;grid-template-columns:1.3fr 1fr .7fr .8fr .8fr 1.15fr;gap:8px;align-items:center}.count-export-head{height:32px;position:sticky;z-index:2;top:0;color:#526b75;background:#0a1821;font-size:8px;font-weight:700}.count-export-row{min-height:42px;border-top:1px solid rgba(166,195,204,.065);color:#82969d;font-size:9px}.count-export-row span strong,.count-export-row span small{display:block}.count-export-row span strong{color:#b7c6c9}.count-export-row span small{margin-top:3px;color:#536b75}.count-export-row b{color:var(--ops-green);font-size:8px}.count-station-export-card>div>footer{padding:9px 10px;color:#607780;font-size:9px}
.count-report-method{min-height:390px}.count-report-method>div{padding:10px;display:grid;gap:8px}.count-report-method p{margin:0;padding:12px;border:1px solid rgba(166,195,204,.08);border-radius:7px;background:#0a1821}.count-report-method p b,.count-report-method p span{display:block}.count-report-method p b{color:#afc0c3;font-size:10px}.count-report-method p span{margin-top:6px;color:#607780;font-size:9.5px;line-height:1.45}
.count-network-comparison-card{grid-column:1/-1;min-height:430px}.count-network-comparison-card>header>div:last-child{display:flex;gap:7px}.count-network-comparison-card header select,.count-network-comparison-card header button{height:31px;padding:0 10px;border:1px solid rgba(166,195,204,.12);border-radius:6px;color:#9fb1b5;background:#0b1922;font:700 9px Roboto,sans-serif}.count-network-comparison-card header button{color:var(--ops-green);cursor:pointer}.count-network-summary{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--ops-line)}.count-network-summary article{min-width:0;padding:11px 13px;border-right:1px solid var(--ops-line)}.count-network-summary article:last-child{border-right:0}.count-network-summary small,.count-network-summary strong,.count-network-summary span{display:block}.count-network-summary small{color:#58717a;font-size:8.5px;font-weight:700}.count-network-summary strong{margin-top:6px;color:#d3dfe1;font-size:14px}.count-network-summary span{margin-top:4px;color:#607780;font-size:8.5px}.count-network-chart{min-height:165px;padding:12px 14px;box-sizing:border-box}.count-network-chart>p{color:#607780;font-size:10px}.count-network-legend{display:flex;gap:14px;margin-bottom:10px;color:#718790;font-size:9px}.count-network-legend span{display:flex;gap:5px;align-items:center}.count-network-legend i{width:16px;height:4px;border-radius:2px;background:#58717a}.count-network-legend i.current{background:var(--ops-green)}.count-network-chart>article{min-height:45px;display:grid;grid-template-columns:110px minmax(0,1fr) 70px;gap:10px;align-items:center;border-top:1px solid rgba(166,195,204,.06)}.count-network-chart>article>strong{color:#aebdc1;font-size:10px}.count-network-chart>article>div{display:grid;gap:4px}.count-network-chart>article span{height:13px;position:relative;display:block;border-radius:3px;background:#0d1c25}.count-network-chart>article span i{width:var(--width);height:100%;display:block;border-radius:3px;background:#58717a}.count-network-chart>article span i.current{background:linear-gradient(90deg,#2f7669,var(--ops-green))}.count-network-chart>article span b{position:absolute;right:5px;top:2px;color:#b5c4c7;font-size:8px}.count-network-chart>article em{font-size:10px;font-style:normal;text-align:right}.count-network-chart .up,.count-network-table .up{color:var(--ops-green)}.count-network-chart .down,.count-network-table .down{color:#ef7890}.count-network-table{overflow:auto;border-top:1px solid var(--ops-line)}.count-network-table-head,.count-network-table-row{min-width:900px;min-height:36px;padding:0 12px;box-sizing:border-box;display:grid;grid-template-columns:1.1fr .7fr repeat(6,.85fr);gap:8px;align-items:center}.count-network-table-head{color:#526b75;background:#0a1821;font-size:8px;font-weight:700}.count-network-table-row{border-top:1px solid rgba(166,195,204,.06);color:#82969d;font-size:9px}.count-network-table-row strong{color:#b7c6c9}.count-network-table-row b{font-size:9px}.count-network-comparison-card>footer{min-height:40px;padding:9px 13px;box-sizing:border-box;color:#607780;font-size:9px;line-height:1.45;border-top:1px solid var(--ops-line)}
@keyframes countPulse { 50% { opacity: .35; } }
@media(max-width:1300px){.count-ops-view{grid-template-columns:205px minmax(0,1fr)}.count-ops-kpis{grid-template-columns:repeat(3,1fr)}.count-ops-kpis article:nth-child(3){border-right:0}.count-ops-kpis article:nth-child(-n+3){border-bottom:1px solid var(--ops-line)}.count-control-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr)}.count-quality-grid{grid-template-columns:300px 1fr;grid-template-rows:auto}.count-upload-card{grid-row:1/3}.count-imports-card{grid-column:2;grid-row:2}.count-alarm-catalog{grid-column:2;grid-row:1}.count-validation-card{grid-column:1;grid-row:3}.count-exploitation-filter{grid-template-columns:repeat(4,1fr)}.count-exploitation-filter>button{grid-column:1/5}.count-exploitation-grid{grid-template-columns:1fr}.count-profile-card{min-height:360px}.count-cycle-card{min-height:300px}.count-week-card,.count-annual-card{min-height:240px}}
@media(max-width:980px){.count-ops-view{grid-template-columns:minmax(0,1fr)}.count-ops-rail{display:none}.count-ops-rail-handle{display:block}.count-ops-heading{padding-left:100px}.count-control-grid,.count-field-grid,.count-assets-grid,.count-contract-grid{grid-template-columns:1fr;grid-template-rows:auto}.count-control-grid>article,.count-field-grid>article,.count-assets-grid>article,.count-contract-grid>article{min-height:350px}.count-audit-card{grid-column:1}.count-field-summary{grid-template-columns:1fr 1fr}.count-field-summary article:nth-child(2){border-right:0}.count-field-summary article:nth-child(-n+2){border-bottom:1px solid var(--ops-line)}.count-source-state{display:none}}
@media(max-width:680px){.count-ops-heading-actions #count-export-report{display:none}.count-ops-heading p{display:none}.count-ops-panel{padding:8px 8px 80px}.count-truth-strip{grid-template-columns:8px 1fr}.count-truth-strip button{grid-column:2}.count-ops-kpis,.count-ops-kpis.exploitation,.count-ops-kpis.assets,.count-ops-kpis.contract{grid-template-columns:1fr 1fr}.count-ops-kpis article{border-bottom:1px solid var(--ops-line)}.count-ops-kpis article:nth-child(2n){border-right:0}.count-map-card{min-height:520px!important}.count-map-filter input{width:130px}.count-map-legend{width:190px}.count-exploitation-filter{grid-template-columns:1fr 1fr}.count-exploitation-filter>button{grid-column:1/3}.count-quality-grid{display:block}.count-quality-grid>article{min-height:280px;margin-top:8px}.count-upload-card{min-height:470px!important}.count-contract-grid{display:block}.count-contract-grid>article{margin-top:8px}.count-audit-flow{height:auto;padding:12px;flex-direction:column}.count-audit-flow>i{transform:rotate(90deg)}.count-audit-flow span{width:100%}#count-dialog-fields{grid-template-columns:1fr}#count-dialog-fields label.wide{grid-column:1}.count-section-heading{align-items:flex-start;padding:10px 12px}.count-section-heading>div:last-child{flex-direction:column}}
@media(max-width:680px){.count-map-legend{bottom:8px}}
@media(max-width:1300px){.count-data-filter,.count-data-filter.detail,.count-data-filter.fcd{grid-template-columns:repeat(4,1fr)}.count-data-filter .station{grid-column:span 2}.count-data-filter>button{min-height:42px}.count-data-grid{grid-template-columns:1fr}.count-data-grid>article{min-height:360px}}
@media(max-width:760px){.count-data-filter,.count-data-filter.detail,.count-data-filter.fcd{grid-template-columns:1fr 1fr}.count-data-filter .station{grid-column:1/3}.count-data-grid>article{min-height:330px}.count-data-chart-shell{min-height:280px}}
@media(max-width:1300px){.count-data-filter.fcd{grid-template-columns:1.35fr 1fr 1fr}.count-data-filter.fcd .station{grid-column:span 2}}
@media(max-width:1250px){.count-calibration-kpis{grid-template-columns:repeat(3,1fr)}.count-calibration-kpis article:nth-child(3n){border-right:0}.count-calibration-kpis article:nth-child(-n+3){border-bottom:1px solid var(--ops-line)}.count-calibration-layout{grid-template-columns:1fr}.count-calibration-products,.count-calibration-method{grid-column:1}.count-calibration-products>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.count-data-filter.fcd{grid-template-columns:1fr 1fr}.count-data-filter.fcd .station{grid-column:1/3}.count-calibration-kpis{grid-template-columns:1fr 1fr}.count-calibration-kpis article:nth-child(3n){border-right:1px solid var(--ops-line)}.count-calibration-kpis article:nth-child(2n){border-right:0}.count-calibration-kpis article{border-bottom:1px solid var(--ops-line)}.count-calibration-products>div,.count-calibration-method>div{grid-template-columns:1fr}.count-registry-chain{align-items:stretch;flex-direction:column}.count-registry-chain em{transform:rotate(90deg);align-self:center}.count-calibration-registry dl{grid-template-columns:1fr}.count-calibration-layout>article>header{align-items:flex-start;padding-top:10px;padding-bottom:10px;flex-direction:column}.count-calibration-layout>article>header>span{align-self:flex-start}}
@media(max-width:1250px){.count-data-filter.reports{grid-template-columns:repeat(3,1fr)}.count-data-filter.reports .station{grid-column:span 2}.count-reporting-grid{grid-template-columns:1fr}.count-network-comparison-card{grid-column:1}.count-network-summary{grid-template-columns:repeat(3,1fr)}.count-network-summary article:nth-child(3){border-right:0}}
@media(max-width:760px){.count-data-filter.reports{grid-template-columns:1fr 1fr}.count-data-filter.reports .station{grid-column:1/3}.count-reporting-grid>article>header{padding:10px 12px;align-items:flex-start;flex-direction:column}.count-network-summary{grid-template-columns:1fr 1fr}.count-network-chart>article{grid-template-columns:78px minmax(0,1fr) 55px}}
@media print{body.cam-platform{overflow:visible!important;background:#fff!important}.sidebar,.topbar,.count-ops-rail,.count-ops-rail-handle,.count-ops-heading-actions,.count-operation-dialog,.count-ops-toast{display:none!important}.app-shell,.main-stage,.count-ops-view,.count-ops-main{display:block!important;height:auto!important;overflow:visible!important;background:#fff!important}.count-ops-heading{height:auto;padding:20px;border-bottom:2px solid #15262d;background:#fff}.count-ops-heading h2{color:#15262d}.count-ops-heading p,.count-ops-heading small{color:#52666e}.count-ops-panel{display:none!important;overflow:visible!important;background:#fff!important}.count-ops-panel.active{display:block!important}.count-ops-panel article,.count-truth-strip,.count-ops-kpis,.count-section-heading,.count-exploitation-filter,.count-exploitation-truth{break-inside:avoid;border-color:#c7d2d6!important;color:#17272e!important;background:#fff!important}.count-ops-panel :is(h3,strong,b){color:#17272e!important}.count-ops-panel :is(p,span,small,dt,dd,time){color:#52666e!important}.count-map-shell{height:430px}.count-map-legend{background:#fff}.count-chart-shell{height:360px}}