/* CarEraHub V14: scoped charts-only layer; original theme/sidebar untouched. */
.ceh-viz-summary,.ceh-vehicle-summary,.ceh-vehicle-mileage-summary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:6px 0 9px;font-size:11px;color:#89717a}
.ceh-viz-summary strong,.ceh-vehicle-summary strong,.ceh-vehicle-mileage-summary b{color:#5c1933;font-size:13px;font-weight:800;margin-left:4px}
.ceh-viz-activity{max-height:230px;min-width:315px}
.ceh-viz-gridline,.ceh-vehicle-grid{stroke:#eaded6;stroke-dasharray:3 5;stroke-width:1}
.ceh-viz-axis,.ceh-vehicle-km-axis{fill:#9c8589;font:10px Manrope, sans-serif;font-variant-numeric:tabular-nums}
.ceh-viz-bar-track{fill:#f3e8e0}
.ceh-viz-activity .ceh-chart-column{fill:#8d425b;transform-box:fill-box;transform-origin:center bottom;transition:fill .24s,filter .24s,transform .24s}
.ceh-viz-activity .ceh-viz-bar-group:nth-of-type(2n) .ceh-chart-column{fill:#c39a5d}
.ceh-viz-bar-group:hover .ceh-chart-column,.ceh-viz-bar-group:focus .ceh-chart-column{fill:#612039;filter:drop-shadow(0 5px 6px rgba(91,26,50,.21));transform:scaleX(1.08)}
.ceh-viz-bar-group:focus-visible,.ceh-vehicle-month:focus-visible,.ceh-vehicle-mileage-point:focus-visible{outline:2px solid #b88b4e;outline-offset:3px}
.ceh-viz-footnote,.ceh-vehicle-hint{margin:8px 0 0;font-size:10px;line-height:1.55;color:#9d868b}
.ceh-viz-status-layout{display:grid;grid-template-columns:minmax(106px,152px) minmax(0,1fr);gap:7px;align-items:center;margin:6px 0 0}
.ceh-viz-donut{width:100%;max-width:152px;display:block;overflow:visible}
.ceh-viz-donut-arc{stroke-linecap:butt;transition:opacity .2s,stroke-width .2s}
.ceh-viz-donut-arc:hover{stroke-width:19;opacity:.92}
.ceh-viz-donut-number{fill:#5d1f36;font:800 29px Manrope,sans-serif}
.ceh-viz-donut-label{fill:#917982;font:11px Manrope,sans-serif}
.ceh-viz-status-layout .ceh-status-list{gap:9px}.ceh-viz-status-layout .ceh-status-row{grid-template-columns:9px minmax(0,1fr) auto auto;gap:6px;font-size:11px}
.ceh-viz-status-layout .ceh-status-row small{color:#9c868c;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}
.ceh-viz-status-layout+.ceh-status-track{margin:13px 0 0;height:9px}
.ceh-vehicle-plot-scroll{overflow-x:auto;scrollbar-width:thin}.ceh-vehicle-month-chart{display:block;max-height:230px;width:100%;min-width:320px}
.ceh-vehicle-month-track{fill:#f2e7db}.ceh-vehicle-month-bar{fill:#8d425b;transition:fill .2s,filter .2s,transform .2s;transform-box:fill-box;transform-origin:center bottom}
.ceh-vehicle-month:nth-of-type(2n) .ceh-vehicle-month-bar{fill:#c79b59}
.ceh-vehicle-month:hover .ceh-vehicle-month-bar,.ceh-vehicle-month:focus .ceh-vehicle-month-bar{fill:#60203a;filter:drop-shadow(0 6px 6px rgba(92,30,55,.2));transform:scaleX(1.1)}
.ceh-vehicle-month-label{fill:#88727a;font:12px Manrope,sans-serif}
.ceh-vehicle-categories{display:grid;gap:16px;margin-top:17px}.ceh-vehicle-category-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;margin-bottom:7px}.ceh-vehicle-category-head span{color:#795760}.ceh-vehicle-category-head b{color:#5c1933;text-align:right;font-variant-numeric:tabular-nums}
.ceh-vehicle-category-track{height:10px;border-radius:999px;overflow:hidden;background:#f1e6dc}.ceh-vehicle-category-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#71253f,#c39b59);transition:filter .2s,transform .2s;transform-origin:left center}
.ceh-vehicle-category:hover .ceh-vehicle-category-track i{filter:brightness(1.1);transform:scaleY(1.08)}
.ceh-vehicle-category small{display:block;font-size:10px;color:#a18a8f;margin-top:5px}
.ceh-vehicle-mileage svg{max-height:270px}.ceh-vehicle-mileage-line{fill:none;stroke:#803751;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}
.ceh-vehicle-mileage-point>circle:first-of-type{fill:#fffdf8;stroke:#ac8049;stroke-width:3;transition:fill .2s,stroke-width .2s}
.ceh-vehicle-dot-halo{fill:transparent;stroke:transparent;stroke-width:0}
.ceh-vehicle-mileage-point:hover>circle:first-of-type,.ceh-vehicle-mileage-point:focus>circle:first-of-type{fill:#ddb675;stroke:#612039;stroke-width:4}
@media(max-width:510px){.ceh-viz-status-layout{grid-template-columns:110px minmax(0,1fr)}.ceh-viz-status-layout .ceh-status-row small{display:none}.ceh-vehicle-category-head{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ceh-viz-bar-group *, .ceh-vehicle-month *, .ceh-vehicle-mileage-point *{transition:none!important}}

/* Period selectors are confined to dashboard views. Original CarEraHub shell is unchanged. */
.ceh-period-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:3px 0 10px;padding:11px 13px;border:1px solid #eaddce;border-radius:13px;background:#fffaf3;color:#70485b;font-size:12px}
.ceh-period-controls>label{font-weight:800;white-space:nowrap}
.ceh-period-controls select,.ceh-period-controls input[type=date]{height:36px;min-height:36px;border:1px solid #dfcaba;border-radius:9px;background:#fffdf9;padding:0 10px;font:inherit;color:#5d243b}
.ceh-period-controls select{min-width:162px}.ceh-period-custom{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ceh-period-custom[hidden]{display:none!important}.ceh-period-custom label{display:flex;align-items:center;gap:6px}
.ceh-period-custom .btn{min-height:36px;padding:5px 13px}
.ceh-period-error{font-size:11px;color:#a33a3a}.ceh-period-note{margin:0 0 13px;color:#927c7e;font-size:11px;line-height:1.6}
.ceh-chart-svg,.ceh-vehicle-month-chart{flex:none}
@media(max-width:580px){.ceh-period-controls{gap:8px}.ceh-period-controls select{flex:1;min-width:140px}.ceh-period-custom{width:100%}.ceh-period-custom label{flex:1;min-width:130px;flex-wrap:wrap}.ceh-period-custom input[type=date]{width:100%;min-width:0}}