.wooten-fleet{--fleet-navy:#193953;--fleet-border:#d8e3ed;color:#193953;font:inherit;min-width:0}.wooten-fleet *{box-sizing:border-box}.wooten-fleet [hidden]{display:none!important}.wooten-fleet h2,.wooten-fleet h3{color:var(--fleet-navy);margin:0}.wooten-fleet p{margin:8px 0 14px;color:#61758a;line-height:1.5}.fleet-summary{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.fleet-stat{flex:1;min-width:140px;border:1px solid var(--fleet-border);border-radius:14px;padding:15px 20px;background:#f5f8fb}.fleet-stat strong{display:block;font-size:27px}.fleet-stat span{font-size:13px;color:#63758b}.fleet-tabs{display:flex;gap:6px;border-bottom:1px solid var(--fleet-border);padding-bottom:12px;margin-bottom:16px}.wooten-fleet button{font:inherit;font-size:14px;border:1px solid var(--fleet-border);color:var(--fleet-navy);background:white;border-radius:10px;padding:10px 16px;cursor:pointer;min-height:44px;margin:0;box-shadow:none}.wooten-fleet button:hover{background:#edf3f8}.wooten-fleet button:focus-visible,.wooten-fleet input:focus-visible{outline:3px solid #66a6d8;outline-offset:2px}.wooten-fleet button:disabled{opacity:.45;cursor:default}.wooten-fleet button[aria-pressed=true],.wooten-fleet button[aria-current=page]{background:var(--fleet-navy);border-color:var(--fleet-navy);color:white}.fleet-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}.fleet-search{flex:1;min-width:160px}.wooten-fleet label{font-size:13px;font-weight:600;display:block;margin:0}.wooten-fleet input[type=search],.wooten-fleet input[type=text]{display:block;border:1px solid #bccddd;border-radius:10px;font:inherit;padding:11px 13px;width:100%;min-height:44px;margin:5px 0 0;background:#fff;color:#193953}.fleet-meta,.fleet-note{font-size:13px;line-height:1.55;color:#61758a;margin:8px 0}.fleet-message{padding:13px 16px;border:1px solid #d5e3ef;border-radius:10px;margin:10px 0;background:#f1f6fa;line-height:1.5}.fleet-message.error{background:#fff2f2;border-color:#ecc4c4;color:#a12c2c}.fleet-table-wrap{overflow:auto;border:1px solid var(--fleet-border);border-radius:12px;margin:12px 0}.wooten-fleet table{border-collapse:collapse;width:100%;font-size:14px;margin:0;background:#fff}.wooten-fleet th{font-size:12px;letter-spacing:.02em;background:#f2f6fa;text-align:left;color:#5d7185;white-space:nowrap}.wooten-fleet th,.wooten-fleet td{padding:13px 16px;border-bottom:1px solid #e6edf3;vertical-align:top}.wooten-fleet td{min-width:105px}.wooten-fleet td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums}.wooten-fleet tbody tr:last-child td{border-bottom:0}.wooten-fleet tbody tr:hover{background:#f9fbfd}.wooten-fleet td small{display:block;color:#687d91;font-size:12px;margin-top:4px}.fleet-badge{display:inline-block;padding:4px 9px;border-radius:20px;background:#edf2f7;white-space:nowrap;font-size:12px}.fleet-badge.good{background:#e6f5ed;color:#167249}.fleet-badge.bad{background:#fff0ed;color:#a44630}.fleet-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 4px}.fleet-page-numbers{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.fleet-page-numbers button{padding:8px 10px;min-width:44px}.fleet-page-numbers span{align-self:center}.fleet-empty{text-align:center;padding:34px!important;color:#6a7d8e}.fleet-money{display:block;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.fleet-device-panel{margin:24px 0 10px;border-top:1px solid var(--fleet-border);padding-top:18px}.fleet-device-panel>summary{font-weight:700;cursor:pointer}.fleet-device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0;padding:10px;border:1px solid var(--fleet-border);border-radius:10px}.fleet-token{overflow-wrap:anywhere;background:#f2f6fa;padding:15px;border-radius:10px}.fleet-token code{font-size:13px;user-select:all}.fleet-token button{margin-top:10px}.fleet-check{display:flex!important;align-items:center;gap:7px;min-height:44px}.fleet-check input{width:18px;height:18px;margin:0}.fleet-modal{border:1px solid var(--fleet-border);border-radius:20px;padding:0;width:min(1100px,calc(100vw - 32px));max-width:none;height:min(790px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 18px 80px #00182d40}.fleet-modal::backdrop{background:#12283c99}.fleet-modal-inner{display:flex;flex-direction:column;height:100%;min-height:0}.fleet-modal-header{padding:22px 26px;border-bottom:1px solid var(--fleet-border);display:flex;justify-content:space-between;gap:12px;align-items:center;flex:none;background:white}.fleet-modal-header small{font-size:11px;letter-spacing:.13em;font-weight:800;color:#b9252d;display:block;margin-bottom:5px}.fleet-modal-header h2{font-size:23px}.fleet-modal-body{flex:1;min-height:0;overflow:auto;padding:0 26px 22px;overscroll-behavior:contain;scrollbar-gutter:stable}.fleet-modal-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--fleet-border);padding:14px 26px;background:white}.fleet-modal-footer span{font-size:12px;color:#6a7b8b}.dashboard-action-fleet .dashboard-action-icon{background:#edf5fb;color:#193953}@media(max-width:600px){.fleet-modal{width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:15px}.fleet-modal-header,.fleet-modal-footer{padding:15px}.fleet-modal-header h2{font-size:20px}.fleet-modal-body{padding:0 14px 14px}.fleet-stat{min-width:120px;padding:12px 14px}.fleet-pages{justify-content:center}.fleet-pages>span{width:100%;text-align:center;font-size:13px}.wooten-fleet th,.wooten-fleet td{padding:12px}.fleet-page-numbers button{padding:8px;min-width:40px}.fleet-device-row{flex-wrap:wrap}.fleet-toolbar>button{flex-shrink:0}}
/* Keep the native dialog centered even when the site's reset removes UA margins. */
.fleet-modal{position:fixed;inset:0;margin:auto}

/* Keep transaction columns readable inside the existing horizontal scroll area. */
.wooten-fleet table{table-layout:auto;min-width:980px}
.wooten-fleet th{white-space:normal}
.wooten-fleet .wo-table-sort-button{border:0;border-radius:0;background:transparent;font:inherit;white-space:normal;padding:12px 16px}
.wooten-fleet .wo-table-sort-label{white-space:normal;overflow-wrap:normal}

.wooten-fleet .fleet-health{display:flex;flex-direction:column;gap:5px;padding:16px 18px;margin:0 0 18px;border:1px solid #cbd5e1;border-left:4px solid #64748b;border-radius:10px;background:#f8fafc;color:#334155;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
.wooten-fleet .fleet-health strong{font-size:16px;color:inherit}
.wooten-fleet .fleet-health p{margin:3px 0}
.wooten-fleet .fleet-health[data-state="complete"]{background:#effaf3;border-color:#b9dfc6;border-left-color:#22804a;color:#175c35}
.wooten-fleet .fleet-health[data-state="failed"]{background:#fff1f2;border-color:#fecdd3;border-left-color:#be123c;color:#881337}
.wooten-fleet .fleet-health[data-state="collecting"],.wooten-fleet .fleet-health[data-state="uploading"],.wooten-fleet .fleet-health[data-state="overdue"]{background:#fffbeb;border-color:#f3d894;border-left-color:#b7791f;color:#784c0c}

.wooten-fleet .fleet-card-number{font-weight:700!important}

/* Customer Fleet dialog: match Payment History's portal close control. */
.fleet-modal .fleet-modal-header{position:relative;padding-top:30px;padding-right:96px;min-height:102px;box-sizing:border-box}
.fleet-modal .fleet-modal-header>[data-close]{position:absolute!important;top:30px!important;right:30px!important;z-index:20;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:1px solid #d7e1e9!important;border-radius:12px!important;background:#eef3f7!important;color:#17324d!important;font-family:inherit!important;font-size:26px!important;font-weight:500!important;line-height:1!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}
.fleet-modal .fleet-modal-header>[data-close]:is(:hover,:active){background:#b73333!important;border-color:#b73333!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;text-decoration:none!important;transform:none!important}
.fleet-modal .fleet-modal-header>[data-close]:focus-visible{outline:3px solid rgba(47,125,215,.25);outline-offset:2px}

.fleet-export-actions{display:flex;justify-content:flex-end;margin:12px 0}.fleet-export-actions [data-export]{background:#e8eef4;border-color:#cbdbea}

/* Sync stages use activity animation because collection has no percentage feed. */
.wooten-fleet .fleet-sync-progress{margin:7px 0 9px;width:100%}
.wooten-fleet .fleet-sync-progress-label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
.wooten-fleet .fleet-sync-track{height:10px;width:100%;overflow:hidden;border-radius:999px;background:rgba(100,116,139,.16)}
.wooten-fleet .fleet-sync-fill{display:block;height:100%;width:0;border-radius:inherit;background:currentColor}
.wooten-fleet .fleet-sync-progress:is([data-progress-state="collecting"],[data-progress-state="uploading"]) .fleet-sync-fill{width:35%;animation:fleet-sync-activity 1.8s ease-in-out infinite}
.wooten-fleet .fleet-sync-progress[data-progress-state="complete"] .fleet-sync-fill{width:100%;background:#22804a}
.wooten-fleet .fleet-sync-progress[data-progress-state="failed"] .fleet-sync-fill{width:100%;background:#be123c}
@keyframes fleet-sync-activity{0%{transform:translateX(-100%)}100%{transform:translateX(386%)}}
@media(prefers-reduced-motion:reduce){.wooten-fleet .fleet-sync-progress .fleet-sync-fill{animation:none!important}}

.fleet-sync-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0 20px}.wooten-fleet .fleet-sync-controls select{display:block;margin-top:5px;padding:10px 14px;min-height:44px;border:1px solid #bccddd;border-radius:10px;background:#fff;color:#193953;font:inherit}.fleet-sync-controls p{flex-basis:100%;margin:0;font-size:13px}.wooten-fleet [data-sync-now]{background:#193953;color:#fff}
