/* session-scene.css */

.sc-session-scene{margin:18px 0 22px;border:1px solid #e9decd;border-radius:22px;background:radial-gradient(ellipse at 75% 70%,#fff 0%,#fbf7ef 55%,#f3ebde 100%);overflow:hidden;isolation:isolate}
.sc-scene-caption{display:flex;align-items:center;gap:8px;padding:17px 20px 0;color:#283544;font-size:14px;flex-wrap:wrap}
.sc-scene-caption small{margin-left:auto;color:#a50c21;font-weight:800;letter-spacing:.04em}
.sc-scene-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#b88c33}
.sc-session-scene svg{display:block;width:100%;height:auto;max-height:230px;margin:auto}
.sc-energy-flow,.sc-charge-spark{opacity:.2}
.sc-session-scene[data-mode="charging"] .sc-energy-flow{opacity:1;animation:sc-flow 1.4s linear infinite}
.sc-session-scene[data-mode="charging"] .sc-charge-spark{opacity:1;animation:sc-glow 2.4s ease-in-out infinite}
.sc-session-scene[data-mode="charging"] .sc-scene-dot{background:#218455}
@keyframes sc-flow{to{stroke-dashoffset:-40}}
@keyframes sc-glow{50%{opacity:.4}}
.swift-live-session-card,.active-session{min-width:0}
.swift-live-session-head>div{min-width:0;overflow-wrap:anywhere}
.swift-live-row{gap:12px}.swift-live-row strong{text-align:right}
@media(min-width:901px){.active-session .stats.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.active-session .sc-session-scene{max-width:760px;margin-left:auto;margin-right:auto}}
@media(max-width:380px){.sc-scene-caption{padding:13px 12px 0;font-size:12px}.sc-scene-caption small{font-size:10px}.swift-live-row{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sc-session-scene *{animation:none!important}}

/* driver-dialog.css */
/* Screen-only dialog sizing preserves the A4 print layout. */
@media screen {
body[data-page="driver"] #driverActionPanel:not(.hidden){position:fixed!important;inset:0!important;z-index:20000!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;overflow:hidden!important;height:100vh;height:100dvh}
body[data-page="driver"] #driverActionPanel>.driver-modal-card{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:900px!important;min-width:0!important;max-height:100%!important;min-height:0!important;padding:12px!important;margin:0!important;overflow:hidden!important;border-radius:18px!important}
body[data-page="driver"] #driverActionPanel>.driver-modal-card>.modal-close{position:static!important;align-self:flex-end;flex:0 0 44px;width:44px!important;height:44px!important;min-height:44px;margin:0 0 8px!important;padding:0!important;display:grid;place-items:center;background:#f5f0e8;color:#921123;border:1px solid #e5d9c8;border-radius:50%;line-height:1;font-size:28px;z-index:2}
body[data-page="driver"] #driverActionBody{min-width:0;min-height:0;max-width:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 8px 16px;box-sizing:border-box}
#driverActionBody .invoice-sheet{box-sizing:border-box;width:100%;max-width:794px;min-width:0;min-height:0;padding:clamp(12px,4vw,48px);overflow-wrap:anywhere}
#driverActionBody .invoice-modal-toolbar{padding-right:0;gap:12px;flex-wrap:wrap}
#driverActionBody .invoice-modal-toolbar .actions{display:flex;flex-wrap:wrap;gap:8px}
#driverActionBody .invoice-paper-header>div{min-width:0}
#driverActionBody .invoice-table-wrap{max-width:100%;overflow-x:auto}
#driverActionBody .invoice-table{width:100%;min-width:0;table-layout:fixed}
#driverActionBody .invoice-table th,#driverActionBody .invoice-table td{white-space:normal;overflow-wrap:anywhere;padding:8px 4px}
#driverActionBody .invoice-table th:first-child{width:36%}
}