/* v37 restores Open Case v34 proportions without changing other tabs. */
html body #page-opencase{container-type:inline-size;container-name:v37open;min-width:0;max-width:100%}
html body #page-opencase #ocCards#ocCards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;margin:0!important}
html body #page-opencase #ocCards#ocCards>.occard{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;padding:15px!important;min-height:154px!important;height:100%!important;border-radius:17px!important;box-sizing:border-box!important;border:1px solid #dce6f2!important;background:#fff;box-shadow:0 4px 10px #17334e05!important}
html body #page-opencase #ocCards#ocCards>.occard.sel{border-color:#0096d6!important;background:#eaf3ff!important;box-shadow:inset 0 0 0 1px #0096d6!important}
html body #page-opencase #ocCards#ocCards .ic{flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
html body #page-opencase #ocCards#ocCards .ic svg{width:19px!important;height:19px!important;max-width:19px!important}
html body #page-opencase #ocCards#ocCards .tx{min-width:0!important;flex:1 1 auto!important}
html body #page-opencase #ocCards#ocCards .t{font-size:10px!important;line-height:1.4!important;letter-spacing:0!important;white-space:normal!important}
html body #page-opencase #ocCards#ocCards .v{font-size:27px!important;line-height:1.15!important;letter-spacing:-.6px!important;margin:6px 0!important}
html body #page-opencase #ocCards#ocCards .s{font-size:13px!important;line-height:1.65!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body #page-opencase #ocAttention#ocAttention{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
html body #page-opencase #ocAttention#ocAttention .occard{display:flex!important;flex-direction:column!important;gap:7px!important;padding:14px!important;border-radius:14px!important;min-width:0!important}
html body #page-opencase #ocAttention#ocAttention .v.small{font-size:16px!important;line-height:1.4!important;overflow-wrap:anywhere}
html body #page-opencase .v37-card{padding:16px!important;border:1px solid #dce6f2!important;border-radius:17px!important;background:#fff!important;box-shadow:none!important;min-width:0!important;margin-top:14px!important}
html body .v37-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:14px}
html body .v37-header h3{font-size:15px!important;line-height:1.4!important;margin:0!important;color:#23496b}
html body .v37-header label{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:#48627d}
html body .v37-header select,html body .v37-top-select{min-height:32px;padding:5px 8px;border:1px solid #c6d8e8;border-radius:7px;background:#fff;color:#23496b;font:600 12px/1.4 system-ui,sans-serif}
html body #page-opencase .v37-two-panels{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin:0!important;align-items:stretch!important}
html body #page-opencase .v37-subcard{border:1px solid #dce6f2;border-radius:16px;padding:16px 18px;background:#fff;min-width:0;box-sizing:border-box}
html body #page-opencase .v37-subcard>.pt{font-size:15px!important;line-height:1.4!important;margin:0 0 16px!important;color:#23496b!important;font-weight:700}
html body .v37-driver-list{display:flex;flex-direction:column;gap:10px;min-width:0}
html body #page-opencase .v37-driver-row,html body #page-pac .pac-status-bars .v37-driver-row{display:grid!important;grid-template-columns:minmax(100px,22%) minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:30px!important;padding:3px 0!important;border:0!important;border-radius:5px!important;background:transparent!important;text-align:left!important;font:11px/1.4 system-ui,sans-serif!important;color:#334d68!important;box-shadow:none!important;cursor:pointer!important;transform:none!important}
html body #page-opencase .v37-driver-row .lb,html body #page-pac .pac-status-bars .v37-driver-row .lb{font-size:11px!important;line-height:1.4!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;color:#334d68!important}
html body #page-opencase .v37-driver-row .tr,html body #page-pac .pac-status-bars .v37-driver-row .tr{display:block!important;height:9px!important;min-width:0!important;width:100%!important;background:#e8eff6!important;border-radius:6px!important;overflow:hidden!important;margin:0!important}
html body #page-opencase .v37-driver-row .tr i,html body #page-pac .pac-status-bars .v37-driver-row .tr i{display:block!important;height:9px!important;border-radius:6px!important;min-width:0!important;max-width:100%!important;margin:0!important}
html body #page-opencase .v37-driver-row .vl,html body #page-pac .pac-status-bars .v37-driver-row .vl{font-size:11px!important;line-height:1.4!important;white-space:nowrap!important;font-weight:400!important;color:#526881!important;min-width:64px!important;text-align:right!important}
html body #page-opencase .v37-driver-row small,html body #page-pac .pac-status-bars .v37-driver-row small{font-size:11px!important;font-weight:400!important;white-space:nowrap!important;color:inherit!important}
html body #page-opencase .v37-driver-row:hover,html body #page-opencase .v37-driver-row.xsel,html body #page-pac .pac-status-bars .v37-driver-row:hover,html body #page-pac .pac-status-bars .v37-driver-row[aria-pressed=true]{background:#eff7fc!important}
html body #page-opencase .v37-driver-row:focus-visible,html body #page-pac .v37-driver-row:focus-visible,html body #page-opencase #ocCards .oc-clk:focus-visible{outline:2px solid #168bc1!important;outline-offset:3px!important}
html body #page-opencase #v37AccountsNote,html body #page-opencase #v37PartnerStatusNote{font-size:12px!important;line-height:1.5!important;margin:12px 0 0!important;color:#61758b}
/* Status layout mirrors the two compact Drivers panels while keeping its full case list/filter controls. */
html body #page-pac .pac-chart-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
html body #page-pac .pac-chart-layout>.card{padding:16px 18px!important;border:1px solid #dce6f2!important;border-radius:17px!important;box-shadow:none!important;min-width:0!important;height:auto!important}
html body #page-pac .pac-chart-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important;margin:0 0 14px!important}
html body #page-pac .pac-chart-heading h3{font-size:15px!important;line-height:1.4!important;margin:0!important}
html body #page-pac .pac-status-bars{display:flex!important;flex-direction:column!important;gap:9px!important;max-height:none!important;overflow:visible!important;min-width:0!important}
html body #page-pac .pac-chart-layout p,html body #page-pac .pac-chart-axis{font-size:12px!important;line-height:1.5!important}
html body #page-pac .v37-status-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
/* Heatmap preserves both datasets, exact bucket cells and existing click targets. */
html body #page-opencase #v37HeatmapCard .scroll{max-width:100%;overflow:auto;max-height:430px;scrollbar-width:thin;border:1px solid #e1eaf3;border-radius:9px}
html body #page-opencase #v37HeatmapCard table{width:100%!important;min-width:590px!important;border-collapse:separate!important;border-spacing:0!important;font-size:12px!important}
html body #page-opencase #v37HeatmapCard th,html body #page-opencase #v37HeatmapCard td{font-size:12px!important;padding:9px 8px!important;line-height:1.35!important;white-space:nowrap!important;vertical-align:middle}
html body #page-opencase #v37HeatmapCard th:first-child,html body #page-opencase #v37HeatmapCard td:first-child{min-width:150px;max-width:210px;white-space:normal!important;overflow-wrap:anywhere;text-align:left!important}
html body #page-opencase #v37HeatmapCard th{position:sticky;top:0;z-index:2;background:#edf4fa}
html body #page-opencase #v37HeatmapCard .heatlg{margin-top:10px!important;gap:6px;flex-wrap:wrap;font-size:11px!important}
html body #page-opencase #v37HeatmapCard .note{font-size:12px!important;line-height:1.5!important;margin-top:12px!important}
/* Row-grain RCA distribution and its unchanged top-three action cards are balanced side by side. */
html body #page-opencase #v37AgingRcaCard .v37-rca-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin:0!important;align-items:start!important}
html body #page-opencase #v37AgingRcaCard .hvdonut{display:grid!important;grid-template-columns:140px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;min-width:0!important}
html body #page-opencase #v37AgingRcaCard .hvdonut>svg{width:140px!important;height:140px!important;max-height:none!important}
html body #page-opencase #v37AgingRcaCard .hvlg{min-width:0!important;font-size:12px!important}
html body #page-opencase #v37AgingRcaCard .hvlg .lg{font-size:12px!important;line-height:1.6!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere}
html body #page-opencase #v37AgingRcaCard .ocact{padding:12px!important;border:1px solid #dce6f2!important;border-radius:10px!important;margin:0 0 9px!important;box-shadow:none!important}
html body #page-opencase #v37AgingRcaCard .ocact-h{display:flex;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;font-size:13px!important;line-height:1.4}
html body #page-opencase #v37AgingRcaCard .ocact-b{font-size:12px!important;line-height:1.55!important;margin-top:6px!important}
@container v37open (min-width:600px){html body #page-opencase #ocCards#ocCards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@container v37open (min-width:900px){html body #page-opencase #ocCards#ocCards{grid-template-columns:repeat(4,minmax(0,1fr))!important}html body #page-opencase #ocAttention#ocAttention{grid-template-columns:repeat(4,minmax(0,1fr))!important}html body #page-opencase #v37AgingRcaCard .v37-rca-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}html body #page-opencase #v37AccountsCard .v37-two-panels{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container v37open (min-width:1240px){html body #page-opencase #ocCards#ocCards{grid-template-columns:repeat(7,minmax(0,1fr))!important}html body #page-opencase #v37HeatmapCard .v37-two-panels{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container v33canvas (min-width:900px){html body #page-pac .pac-chart-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:380px){html body #page-opencase #ocCards#ocCards{grid-template-columns:minmax(0,1fr)!important}html body #page-opencase #ocAttention#ocAttention{grid-template-columns:minmax(0,1fr)!important}html body #page-opencase .v37-driver-row,html body #page-pac .pac-status-bars .v37-driver-row{grid-template-columns:minmax(74px,30%) minmax(0,1fr) auto!important;gap:6px!important}html body #page-opencase #v37AgingRcaCard .hvdonut{grid-template-columns:110px minmax(0,1fr)!important}html body #page-opencase #v37AgingRcaCard .hvdonut>svg{width:110px!important;height:110px!important}}
