.tab-capsule{display: inline-flex;align-items: center;gap: 3px;padding: 3px;border-radius: 10px;background: var(--surf2, #f1f5f9);border: 1px solid var(--brd, rgba(15,23,42,.09));box-shadow: 0 1px 4px rgba(0,0,0,.06);transition: background var(--tr), border-color var(--tr);} [data-theme="dark"] .tab-capsule{background: var(--surf2, #182d4a);border-color: var(--brd, rgba(255,255,255,.07));} .tab-btn{display: inline-flex;align-items: center;gap: 4px;padding: 5px 10px;border-radius: 7px;font-size: 0.7rem;font-weight: 600;cursor: pointer;border: 1px solid var(--brd, rgba(15,23,42,.10));background: var(--surf, #fff);color: var(--txt-2, #475569);box-shadow: 0 1px 3px rgba(15,23,42,.06);transition: all 0.18s cubic-bezier(.4,0,.2,1);white-space: nowrap;letter-spacing: .01em;} .tab-btn i{font-size: 0.65rem;} .tab-btn-active{background: linear-gradient(135deg, #2c7be5, #4f46e5);border-color: transparent;color: #ffffff;box-shadow: 0 2px 8px rgba(79,70,229,.35);} .tab-btn-inactive{background: var(--surf, #fff);color: var(--txt-2, #475569);} .tab-btn-inactive:hover{background: rgba(99,102,241,.08);color: var(--c-primary, #2563eb);} [data-theme="dark"] .tab-btn{color: var(--txt-2, #cbd5e1);background: var(--surf2, #111827);border-color: var(--brd, rgba(255,255,255,.08));box-shadow: none;} [data-theme="dark"] .tab-btn-active{background: linear-gradient(135deg, #3b82f6, #6366f1);color: #fff;box-shadow: 0 2px 8px rgba(99,102,241,.4);} [data-theme="dark"] .tab-btn-inactive:hover{background: rgba(99,102,241,.12);color: #a5b4fc;} @media (max-width: 480px){.tab-btn{padding: 4px 8px;font-size: 0.65rem;}} [data-theme="dark"] .hero-continents .h-badge{color: #e2e8f0 !important;} [data-theme="dark"] .hero-continents strong{color: #818cf8 !important;} .hero-bottom-compact{display: flex;flex-direction: column;align-items: stretch;gap: 11px;} .hero-continents{display: flex;flex-wrap: wrap;gap: 10px 11px;} .hero-continent-summary{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 16px;} @media (max-width: 640px){.hero-continents{display: grid !important;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 6px 10px !important;} .hero-continents .h-badge{min-width: 0;font-size: 0.61rem;line-height: 1.2;padding: 0 !important;display: flex;align-items: center;gap: 3px;} .hero-continents .h-badge strong{font-size: 0.68rem !important;} .hero-continents .h-badge svg, .hero-continents .h-badge i{transform: scale(0.84);transform-origin: left center;} .hero-continent-summary{gap: 10px;align-items: stretch;} .hero-badges{width: 100%;gap: 6px;} .hero-badges .h-badge{font-size: 0.64rem;padding: 4px 8px;} .tab-capsule{width: 100%;display: grid;grid-template-columns: 1fr 1fr;gap: 4px;padding: 4px;} .tab-btn{justify-content: center;min-width: 0;padding: 6px 7px;font-size: 0.64rem;text-align: center;}} @media (max-width: 480px){.hero-continents{gap: 5px 8px !important;} .hero-continents .h-badge{font-size: 0.56rem;gap: 2px;} .hero-continents .h-badge strong{font-size: 0.62rem !important;} .hero-continents .h-badge span[style*="font-size: 0.6rem"]{font-size: 0.46rem !important;} .hero-continents .h-badge svg, .hero-continents .h-badge i{transform: scale(0.78);} .hero-badges{display: grid;grid-template-columns: 1fr 1fr;width: 100%;} .hero-badges .h-sep{display: none;} .hero-badges .h-badge{justify-content: center;width: 100%;font-size: 0.6rem;padding: 4px 7px;} .tab-btn{padding: 7px 5px;font-size: 0.6rem;gap: 2px;} .tab-btn i{font-size: 0.52rem;}} .page-wrap-index .evc-topbar{border-radius: 16px;overflow: hidden;} .page-wrap-index .evc-page-hero.evc-page-hero-index{margin: 0 !important;padding: 18px 20px 17px !important;border: 0;border-radius: 0;box-shadow: none;background: radial-gradient(circle at 4% 0%, rgba(37, 99, 235, .10), transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--surf2, #f8fafc) 74%, var(--surf, #fff)), var(--surf, #fff));} .page-wrap-index .evc-continent-strip{justify-content: safe center;align-items: center;gap: 7px !important;min-height: 38px;padding: 8px 14px 9px !important;border-top: 1px solid var(--brd, rgba(15,23,42,.09));background: color-mix(in srgb, var(--surf2, #f8fafc) 72%, var(--surf, #fff));scrollbar-width: none;overflow-x: auto;} .page-wrap-index .evc-continent-strip::-webkit-scrollbar{display: none;} .page-wrap-index .continent-chip{min-height: 23px !important;padding: 4px 9px !important;border-radius: 7px !important;gap: 4px !important;font-size: .62rem !important;line-height: 1.1 !important;color: var(--txt-2, #475569);background: var(--surf, #fff);border-color: color-mix(in srgb, var(--brd, rgba(15,23,42,.09)) 82%, transparent);box-shadow: 0 1px 2px rgba(15, 23, 42, .04);} .page-wrap-index .continent-chip strong{font-size: .66rem !important;} .page-wrap-index .continent-chip span[style*="font-weight:500"]{font-size: .56rem !important;color: var(--txt-3, #94a3b8);} [data-theme="dark"] .page-wrap-index .evc-page-hero.evc-page-hero-index{background: radial-gradient(circle at 4% 0%, rgba(59, 130, 246, .16), transparent 31%), linear-gradient(135deg, color-mix(in srgb, var(--surf2, #182d4a) 46%, var(--surf, #111f3a)), var(--surf, #111f3a));} [data-theme="dark"] .page-wrap-index .evc-continent-strip{background: color-mix(in srgb, var(--surf2, #182d4a) 46%, var(--surf, #111f3a));} [data-theme="dark"] .page-wrap-index .continent-chip{background: color-mix(in srgb, var(--surf, #111f3a) 86%, transparent);box-shadow: none;} @media (max-width: 760px){.page-wrap-index .evc-page-hero.evc-page-hero-index{padding: 15px !important;} .page-wrap-index .evc-continent-strip{justify-content: flex-start;min-height: 34px;padding: 7px 10px !important;} .page-wrap-index .continent-chip{min-height: 22px !important;padding: 3px 7px !important;font-size: .58rem !important;}} @media (max-width: 760px){.page-wrap-index .evc-page-hero.evc-page-hero-index{gap: 10px !important;} .page-wrap-index .evc-page-hero-stats{display: grid !important;grid-template-columns: repeat(3, minmax(0, 1fr));width: 100%;gap: 6px !important;align-items: stretch;} .page-wrap-index .evc-page-hero-stat{min-width: 0 !important;min-height: 52px;padding: 7px 5px !important;border-radius: 10px !important;display: flex;flex-direction: column;align-items: center;justify-content: center;overflow: hidden;} .page-wrap-index .evc-page-hero-stat strong{font-size: calc(1.08rem * var(--stat-scale, 1)) !important;line-height: .95 !important;white-space: nowrap;max-width: 100%;overflow: hidden;font-variant-numeric: tabular-nums;letter-spacing: 0;} .page-wrap-index .evc-page-hero-stat span{margin-top: 3px !important;font-size: .62rem !important;line-height: 1.1 !important;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;}} @media (max-width: 380px){.page-wrap-index .evc-page-hero-stats{gap: 5px !important;} .page-wrap-index .evc-page-hero-stat{min-height: 48px;padding: 6px 3px !important;} .page-wrap-index .evc-page-hero-stat strong{font-size: calc(1rem * var(--stat-scale, 1)) !important;} .page-wrap-index .evc-page-hero-stat span{font-size: .57rem !important;}} :root{--color-brand: #4f46e5;--color-brand-light: #eef2ff;} [x-cloak]{display: none !important;} *{font-family: 'Inter', sans-serif;} .table-container{height: 58vh;min-height: 380px;overflow-y: auto;overflow-x: auto;border-radius: 0.75rem;border: 1px solid #e2e8f0;position: relative;background: white;box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);-webkit-overflow-scrolling: touch;} @media (max-width: 768px){.table-container{height: 64vh;min-height: 440px;}} table{width: 100%;border-collapse: separate;border-spacing: 0;min-width: 920px;} thead{position: sticky;top: 0;z-index: 30;background: #f0f7f8;} th{background: #f0f7f8;border-bottom: 2px solid #a8d5da;padding: 6px 4px;font-weight: 700;color: #1e6570;font-size: 0.63rem;white-space: nowrap;} thead th.rowspan-header{background-color: #cbd4e1 !important;color: #1e3a5f;} .table-container table{border-collapse: separate;border-spacing: 0;} .nav-item{padding: 10px 16px !important;font-size: 14px !important;padding-top: 12px !important;padding-bottom: 11px !important;line-height: normal !important;} body{padding-top: 0 !important;} thead th{background-color: #f0f7f8;border-right: 1px solid #b8dde2;} thead th:last-child{border-right: none;} thead tr th.ac-header{background-color: #c8edf0 !important;color: #0a5560;border-bottom: 2px solid #8ecdd5;border-right: 1px solid #8ecdd5;} thead th.dc-header{background-color: #dbeafe !important;color: #1e3a8a;border-right: 1px solid #93c5fd;} thead th.sub-header{position: static !important;left: auto !important;z-index: auto !important;} .table-container thead th.rowspan-header{position: sticky;z-index: 60;background-color: #cbd4e1 !important;} .table-container thead th.rowspan-header:first-child{left: 0;border-right: 1px solid #e2e8f0;width: 30px !important;min-width: 30px !important;max-width: 30px !important;} .table-container thead tr:first-child th.rowspan-header:nth-child(2){left: 30px;border-right: 2px solid #cbd5e1;} .table-container thead th:first-child{position: sticky;left: 0;z-index: 6;background: #cbd4e1;} .table-container tbody td:first-child{position: sticky;left: 0;z-index: 4;background: inherit;} .table-container tbody td:nth-child(2){position: sticky;left: 30px;z-index: 10;border-right: 2px solid #cbd5e1;} th.sort.rowspan-header, td.cell-firma{white-space: normal !important;word-break: break-word;line-height: 1.3;max-width: 150px;min-width: 90px;width: 130px;position: sticky;left: 30px;z-index: 4;background: inherit;} td.cell-firma{background: white;} .ac-header{background-color: #c8edf0 !important;color: #0a5560;border-bottom: 2px solid #8ecdd5;border-right: 1px solid #8ecdd5;} .dc-header{background-color: #dbeafe !important;color: #1e3a8a;border-bottom: 2px solid #93c5fd;border-right: 1px solid #93c5fd;} .ac-column{background-color: #f0fafd;} .dc-column{background-color: #eef4ff;} tbody tr{transition: background-color 0.15s, box-shadow 0.15s;} tbody tr:nth-child(even){background-color: #f4f7fb;} tbody tr:nth-child(even) td:first-child, tbody tr:nth-child(even) td:nth-child(2){background-color: #f4f7fb;} tbody tr:nth-child(odd) td:first-child, tbody tr:nth-child(odd) td:nth-child(2){background-color: white;} tbody tr:nth-child(even) .ac-column{background-color: #ddf0f9;} tbody tr:nth-child(even) .dc-column{background-color: #dde8fc;} tbody tr:hover{box-shadow: inset 3px 0 0 #6366f1;} tbody tr:hover td{background-color: #f1f5f9 !important;} tbody tr:hover td:first-child, tbody tr:hover td:nth-child(2){background-color: #e0e7ff !important;} tbody tr:hover .ac-column{background-color: #c2f9eb !important;} tbody tr:hover .dc-column{background-color: #bfdbfe !important;} td{padding: 2px 3px;border-bottom: 1px solid #e8edf2;white-space: nowrap;font-size: 0.63rem;transition: background-color 0.15s;} tbody td:first-child{color: #94a3b8;font-weight: 600;font-size: 0.58rem;} .filter-input{padding-right: 30px;width: 100%;border: 1px solid #cbd5e1;border-radius: 4px;font-size: 0.65rem;padding: 4px 24px 4px 4px;} .price-filter{min-width: 50px;width: 55px;} .price-filter input{width: 100%;} .clear-btn{position: absolute;right: 2px;top: 50%;transform: translateY(-50%);background: none;border: none;font-size: 10px;cursor: pointer;color: #64748b;padding: 2px;} .clear-btn:hover{color: #dc2626;} tr.temp-row:nth-child(odd) td{background-color: #fffdf4 !important;} tr.temp-row:nth-child(even) td{background-color: #fff9e6 !important;} tr.temp-row:hover td{background-color: #fef3c7 !important;} tr.temp-row:hover td:first-child, tr.temp-row:hover td:nth-child(2){background-color: #fef3c7 !important;} .hero-badges{display: flex;align-items: center;gap: 6px;flex-wrap: wrap;} .h-badge{display: inline-flex;align-items: center;gap: 5px;font-size: 0.57rem;font-weight: 600;color: var(--txt-2);padding: 3px 10px;border-radius: 7px;background: var(--c-glow);white-space: nowrap;transition: background var(--tr), color var(--tr);} [data-theme="dark"] .h-badge{background: rgba(99,102,241,.1);} .h-badge strong{color: var(--c-primary);font-weight: 800;font-size: 0.61rem;} [data-theme="dark"] .h-badge strong{color: #a5b4fc;} .h-dot{width: 5px;height: 5px;border-radius: 50%;background: var(--c-green);display: inline-block;animation: livePulse 2s infinite;} .h-sep{width: 3px;height: 3px;border-radius: 50%;background: var(--txt-3);opacity: .5;} .dropdown-overlay{position: fixed;inset: 0;z-index: 9998;background: transparent;} .excel-dropdown{position: fixed;z-index: 9999;background: #ffffff;border: 1px solid #94a3b8;border-radius: 6px;box-shadow: 0 6px 18px rgba(0,0,0,0.15);min-width: 150px;max-width: 220px;width: auto;overflow: hidden;-webkit-overflow-scrolling: touch;box-sizing: border-box;} .excel-dropdown-search{padding: 4px 5px;border-bottom: 1px solid #e2e8f0;background: #f8fafc;position: relative;} .excel-dropdown-search input{width: 100%;border: 1px solid #cbd5e1;border-radius: 4px;padding: 2px 18px 2px 4px;font-size: 0.6rem;outline: none;background: white;} .excel-dropdown-search .search-clear{position: absolute;right: 8px;top: 50%;transform: translateY(-50%);background: none;border: none;font-size: 10px;cursor: pointer;color: #94a3b8;padding: 2px;} .excel-dropdown-actions{display: flex;gap: 4px;padding: 4px 5px;border-bottom: 1px solid #e2e8f0;background: #f1f5f9;} .excel-dropdown-actions button{flex: 1;padding: 2px 0;border: 1px solid #cbd5e1;border-radius: 3px;background: white;font-size: 0.6rem;font-weight: 600;cursor: pointer;color: #334155;transition: background 0.15s;} .excel-dropdown-actions .btn-close-dropdown{flex: 0 0 22px;color: #ef4444;font-weight: 700;} .excel-dropdown-list{max-height: 160px;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;} .excel-dropdown-item{display: flex;align-items: center;gap: 5px;padding: 3px 6px;cursor: pointer;font-size: 0.68rem;border-bottom: 1px solid #f1f5f9;transition: background 0.1s;min-height: 26px;} .excel-dropdown-item:last-child{border-bottom: none;} .excel-dropdown-item:hover{background: #f1f5f9;} .excel-dropdown-item input[type="checkbox"]{width: 11px;height: 11px;cursor: pointer;accent-color: #6366f1;flex-shrink: 0;} .excel-dropdown-item label{cursor: pointer;flex: 1;} .excel-dropdown-empty{padding: 6px;text-align: center;color: #94a3b8;font-size: 0.65rem;} .filter-active{border-color: #6366f1 !important;background: #eef2ff !important;font-weight: 600;color: #4338ca;} .filter-wrapper{position: relative;display: flex;align-items: center;} .filter-wrapper .filter-input{padding-right: 44px;} .filter-btn-group{position: absolute;right: 2px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;gap: 2px;} .filter-btn-group button{background: none;border: none;cursor: pointer;padding: 4px 4px;line-height: 1;color: #94a3b8;font-size: 12px;} .filter-btn-group button:hover{color: #334155;} .unit-price-column{min-width: 20px;width: 30px;max-width: 40px;} .country-column{max-width: 26px;width: 26px;min-width: 26px;overflow: visible;white-space: normal;word-break: break-word;line-height: 1.2;border-right: 2px solid #e2e8f0;font-size: 0.58rem;} thead .country-column{text-align: center;} tbody .country-column{text-align: left;padding-left: 4px;} .json-warning{background-color: #fff3cd;border: 1px solid #ffeeba;color: #856404;padding: 12px 20px;border-radius: 8px;margin: 20px 0;text-align: center;font-weight: 500;} .ka-charge-badge{font-size: 0.5rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;padding: 1px 6px;border-radius: 4px;} .ka-charge-badge-ac{background: #ecfdf5;color: #059669;} .ka-charge-badge-dc{background: #eef2ff;color: #4f46e5;} [data-theme="dark"] .ka-charge-badge-ac{background: rgba(5,150,105,.15);color: #6ee7b7;} [data-theme="dark"] .ka-charge-badge-dc{background: rgba(79,70,229,.15);color: #c3c0ff;} .ka-range-pill{font-size: 0.58rem;font-weight: 700;padding: 2px 8px;border-radius: 5px;display: inline-block;} .ev-picker{position: relative;flex-shrink: 0;z-index: 90;} .ev-picker-btn{display: inline-flex;align-items: center;gap: 6px;min-width: 160px;max-width: 280px;font-size: 0.62rem;font-weight: 600;border: 1px solid #e0e3e5;border-radius: 7px;padding: 4px 8px;background: #fff;color: #191c1e;cursor: pointer;transition: border-color .15s, box-shadow .15s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ev-picker-btn:hover{border-color: #6366f1;} .ev-picker-btn-open{border-color: #6366f1;box-shadow: 0 0 0 2px rgba(99,102,241,.15);} .ev-picker-chevron{flex-shrink: 0;color: #777;transition: transform .2s;} .ev-picker-chevron-open{transform: rotate(180deg);} .ev-picker-dropdown{position: absolute;top: calc(100% + 4px);left: 0;min-width: 260px;width: max-content;max-width: min(380px, calc(100vw - 24px));background: #fff;border: 1px solid #e0e3e5;border-radius: 10px;box-shadow: 0 8px 24px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.06);overflow: hidden;animation: evPickerIn .15s ease-out;} @keyframes evPickerIn{from{opacity: 0;transform: translateY(-6px);} to{opacity: 1;transform: translateY(0);}} .ev-picker-search-wrap{display: flex;align-items: center;gap: 6px;padding: 8px 10px;border-bottom: 1px solid #eee;position: sticky;top: 0;background: #fff;z-index: 2;} .ev-picker-search-icon{font-size: 0.65rem;color: #aaa;flex-shrink: 0;} .ev-picker-search{flex: 1;border: none;outline: none;font-size: 0.68rem;font-weight: 500;background: transparent;color: #191c1e;min-width: 0;} .ev-picker-search::placeholder{color: #bbb;} .ev-picker-clear{display: flex;align-items: center;justify-content: center;width: 18px;height: 18px;border: none;background: #eee;border-radius: 50%;color: #888;font-size: 0.55rem;cursor: pointer;flex-shrink: 0;transition: background .12s;} .ev-picker-clear:hover{background: #ddd;} .ev-picker-list{max-height: 260px;overflow-y: auto;overscroll-behavior: contain;padding: 4px 0;} .ev-picker-list::-webkit-scrollbar{width: 5px;} .ev-picker-list::-webkit-scrollbar-thumb{background: #d0d0d0;border-radius: 4px;} .ev-picker-brand{font-size: 0.55rem;font-weight: 800;text-transform: uppercase;letter-spacing: .04em;color: #888;padding: 8px 12px 3px;position: sticky;top: 0;background: #fafafa;z-index: 1;} .ev-picker-item{display: flex;align-items: center;justify-content: space-between;padding: 6px 12px;cursor: pointer;transition: background .1s;gap: 8px;} .ev-picker-item:hover, .ev-picker-item.ev-picker-hl{background: rgba(99,102,241,.08);} .ev-picker-item-name{font-size: 0.62rem;font-weight: 600;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ev-picker-item-cap{font-size: 0.52rem;font-weight: 700;color: #6366f1;white-space: nowrap;flex-shrink: 0;background: rgba(99,102,241,.08);padding: 1px 6px;border-radius: 6px;} .ev-picker-mark{background: rgba(251,191,36,.35);color: inherit;border-radius: 2px;padding: 0 1px;} .ev-picker-empty{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 20px 12px;font-size: 0.6rem;color: #aaa;} [data-theme="dark"] .ev-picker-btn{background: #1d2022;color: #e1e3e5;border-color: #3a3d40;} [data-theme="dark"] .ev-picker-btn:hover, [data-theme="dark"] .ev-picker-btn-open{border-color: #818cf8;box-shadow: 0 0 0 2px rgba(129,140,248,.15);} [data-theme="dark"] .ev-picker-dropdown{background: #1d2022;border-color: #3a3d40;box-shadow: 0 8px 24px rgba(0,0,0,.4);} [data-theme="dark"] .ev-picker-search-wrap{border-bottom-color: #333;background: #1d2022;} [data-theme="dark"] .ev-picker-search{color: #e1e3e5;} [data-theme="dark"] .ev-picker-search::placeholder{color: #666;} [data-theme="dark"] .ev-picker-clear{background: #333;color: #aaa;} [data-theme="dark"] .ev-picker-clear:hover{background: #444;} [data-theme="dark"] .ev-picker-brand{background: #22262a;color: #777;} [data-theme="dark"] .ev-picker-item:hover, [data-theme="dark"] .ev-picker-item.ev-picker-hl{background: rgba(129,140,248,.12);} [data-theme="dark"] .ev-picker-item-name{color: #ddd;} [data-theme="dark"] .ev-picker-item-cap{background: rgba(129,140,248,.12);color: #a5b4fc;} [data-theme="dark"] .ev-picker-list::-webkit-scrollbar-thumb{background: #444;} .ctrl-item{background: var(--surf, #fff);padding: 5px 8px 6px;min-width: 0;overflow: hidden;border: none;transition: background .1s;} .ctrl-item:hover{background: #f5f3ff;} [data-theme="dark"] .ctrl-item{background: var(--surf, #111f3a);} [data-theme="dark"] .ctrl-item:hover{background: #1a1d2e;} .ctrl-label{display: flex;align-items: center;gap: 4px;font-size: 0.58rem;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #555;margin-bottom: 2px;line-height: 1.3;} [data-theme="dark"] .ctrl-label{color: #aaa;} .ctrl-row{display: flex;align-items: center;gap: 3px;min-width: 0;} .ctrl-btn{width: 18px;height: 18px;background: #eee;border: none;border-radius: 4px;font-size: 0.7rem;font-weight: 700;flex-shrink: 0;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all .1s;padding: 0;color: #666;} .ctrl-btn:hover{background: #c3c0ff;color: #3525cd;} [data-theme="dark"] .ctrl-btn{background: #333;color: #bbb;} [data-theme="dark"] .ctrl-btn:hover{background: #4f46e5;color: #fff;} .ctrl-slider{flex: 1;min-width: 0;width: 0;height: 4px;border-radius: 2px;cursor: pointer;-webkit-appearance: none;background: transparent;} .ctrl-slider::-webkit-slider-runnable-track{height: 4px;border-radius: 2px;background: #e5e5e5;} .ctrl-slider::-webkit-slider-thumb{-webkit-appearance: none;width: 14px;height: 14px;border-radius: 50%;margin-top: -5px;border: 2px solid #fff;cursor: pointer;box-shadow: 0 1px 3px rgba(0,0,0,.2);} [data-theme="dark"] .ctrl-slider::-webkit-slider-runnable-track{background: #3a3d40;} [data-theme="dark"] .ctrl-slider::-webkit-slider-thumb{border-color: #222;} .ctrl-num{width: 40px !important;min-width: 0;flex-shrink: 0;font-size: 0.6rem !important;font-weight: 700;border: 1px solid #ddd;border-radius: 5px;padding: 1px 2px !important;text-align: center;background: #fff;color: #191c1e;font-variant-numeric: tabular-nums;} .ctrl-num:focus{border-color: #6366f1;outline: none;} [data-theme="dark"] .ctrl-num{background: #1a1d20;color: #ddd;border-color: #3a3d40;} .slider-capacity::-webkit-slider-thumb{background: #6366f1;} .slider-health::-webkit-slider-thumb{background: #ec4899;} .slider-current::-webkit-slider-thumb{background: #f59e0b;} .slider-target::-webkit-slider-thumb{background: #10b981;} .slider-acloss::-webkit-slider-thumb{background: #06b6d4;} .slider-dcloss::-webkit-slider-thumb{background: #0369a1;} .slider-capacity{accent-color: #6366f1;} .slider-health{accent-color: #ec4899;} .slider-current{accent-color: #f59e0b;} .slider-target{accent-color: #10b981;} .slider-acloss{accent-color: #06b6d4;} .slider-dcloss{accent-color: #0369a1;} .ka-mini-btn{width: 35px;height: 17px;border: none;border-radius: 4px;background: #e8e8e8;color: #555;font-size: .65rem;font-weight: 700;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all .1s;padding: 0;} .km-consumption-btn{width: 14px !important;height: 17px !important;} .ka-mini-btn:hover{background: #c3c0ff;color: #3525cd;} [data-theme="dark"] .ka-mini-btn{background: #333;color: #bbb;} [data-theme="dark"] .ka-mini-btn:hover{background: #4f46e5;color: #fff;} .ka-mini-num{width: 36px;border: 1px solid #ddd;border-radius: 4px;padding: 1px 2px;font-size: .6rem;font-weight: 700;text-align: center;background: #fff;color: #191c1e;font-variant-numeric: tabular-nums;} .ka-mini-num:focus{border-color: #6366f1;outline: none;} [data-theme="dark"] .ka-mini-num{background: #1a1d20;border-color: #3a3d40;color: #ddd;} .dist-unit-toggle{display: inline-flex;background: #e5e5e5;border-radius: 6px;padding: 1.5px;gap: 1px;} [data-theme="dark"] .dist-unit-toggle{background: #2a2d30;} .dist-unit-btn{padding: 2px 7px;border-radius: 4px;border: none;cursor: pointer;font-size: .6rem;font-family: inherit;transition: all .12s;font-weight: 700;color: #888;background: transparent;line-height: 1.3;white-space: nowrap;} .dist-unit-btn i{font-size: 11px !important;} .dist-unit-btn.active{background: #4f46e5;color: #fff;box-shadow: 0 1px 4px rgba(79,70,229,.3);} [data-theme="dark"] .dist-unit-btn{color: #777;} [data-theme="dark"] .dist-unit-btn.active{background: #4f46e5;color: #fff;} [data-theme="dark"] span[style*="font-size:.55rem;font-weight:800;color:#1e293b;"]{color: #d0d0d0 !important;} .add-operator-accordion{background: var(--surf, #fff);border: 1px solid rgba(0,0,0,.04);border-radius: 10px;margin-bottom: 6px;transition: all 0.15s;box-shadow: 0 1px 4px rgba(70,69,85,.04);} [data-theme="dark"] .add-operator-accordion{background: var(--surf, #111f3a);border-color: rgba(255,255,255,.06);} .accordion-header{display: flex;align-items: center;justify-content: space-between;cursor: pointer;padding: 5px 12px;background: #fafafa;border-radius: 10px;transition: background 0.1s;} [data-theme="dark"] .accordion-header{background: #191c1e;} .accordion-header:hover{background: #f0edff;} [data-theme="dark"] .accordion-header:hover{background: #1a1d2e;} .accordion-title{font-weight: 600;font-size: 0.62rem;color: #555;display: flex;align-items: center;gap: 5px;} [data-theme="dark"] .accordion-title{color: #aaa;} .accordion-icon{transition: transform 0.2s;font-size: .6rem;color: #888;} .rotate-180{transform: rotate(180deg);} .accordion-content{padding: 6px 12px 10px;border-top: 1px solid rgba(0,0,0,.04);background: var(--surf, #fff);border-radius: 0 0 10px 10px;} [data-theme="dark"] .accordion-content{background: var(--surf, #111f3a);border-top-color: rgba(255,255,255,.05);} .compact-add-form .input-wrapper{position: relative;display: flex;align-items: center;} .compact-add-form .filter-input{padding-right: 24px;width: 100%;font-size: 0.62rem;border: 1px solid #ddd;border-radius: 6px;padding: 3px 22px 3px 6px;background: #fafafa;color: #191c1e;} [data-theme="dark"] .compact-add-form .filter-input{background: #1d2022;border-color: #3a3d40;color: #ddd;} .compact-add-form .filter-input:focus{border-color: #6366f1;outline: none;} .compact-add-form .clear-input-btn{position: absolute;right: 5px;top: 50%;transform: translateY(-50%);background: none;border: none;font-size: 11px;cursor: pointer;color: #aaa;padding: 2px;} .compact-add-form .clear-input-btn:hover{color: #ef4444;} .btn-add-operator{background: linear-gradient(135deg, #6366f1, #4f46e5);color: #fff;font-weight: 600;padding: 3px 10px;border-radius: 6px;font-size: 0.6rem;transition: all 0.15s;border: none;cursor: pointer;display: inline-flex;align-items: center;gap: 3px;box-shadow: 0 1px 4px rgba(79,70,229,.25);} .btn-add-operator:hover{box-shadow: 0 2px 8px rgba(79,70,229,.35);transform: translateY(-1px);} .table-scroll-hint{display: none;font-size: 0.68rem;color: #94a3b8;text-align: right;margin-bottom: 3px;padding-right: 2px;} .op-country-row{font-size: 0.52rem;font-weight: 400;color: #94a3b8;margin-top: 1px;display: flex;align-items: center;gap: 2px;line-height: 1.2;} [data-theme="dark"] .ka-range-pill{} [data-theme="dark"] .ka-range-pill[style*="#fef3c7"], [data-theme="dark"] .ka-range-pill[style*="fef3c7"]{background: #78350f !important;color: #fde68a !important;} [data-theme="dark"] .ka-range-pill[style*="#1C0A0A"], [data-theme="dark"] .ka-range-pill[style*="1C0A0A"], [data-theme="dark"] .ka-range-pill[style*="#d1fae5"], [data-theme="dark"] .ka-range-pill[style*="d1fae5"]{background: #064E3B !important;color: #6ee7b7 !important;} [data-theme="dark"] .ka-range-pill[style*="#e0e7ff"], [data-theme="dark"] .ka-range-pill[style*="e0e7ff"]{background: #2a255f !important;color: #c7d2fe !important;} @keyframes livePulse{0%, 100%{opacity: 1;} 50%{opacity: .3;}} @media (max-width: 768px){.table-scroll-hint{display: block;} td, th{font-size: 0.58rem;padding: 5px 2px;} .filter-input{font-size: 0.75rem;padding: 5px 22px 5px 5px;} .price-filter{width: 50px;} .excel-dropdown{min-width: 0;max-width: calc(100vw - 12px);border-radius: 10px;} .excel-dropdown-item{min-height: 26px;font-size: 0.62rem;padding: 4px 5px;} .excel-dropdown-search input{font-size: 0.58rem;} .excel-dropdown-actions button{font-size: 0.56rem;} .country-column{max-width: 26px;width: 26px;min-width: 26px;border-right: 2px solid #e2e8f0;} thead .country-column{text-align: center;} tbody .country-column{text-align: left;} th:first-child, td:first-child{min-width: 30px;} th:nth-child(2), td:nth-child(2){max-width: 190px !important;min-width: 75px !important;white-space: normal !important;word-break: break-word;line-height: 1.3;} .ctrl-label{font-size: 0.55rem;} .ctrl-btn{width: 16px;height: 16px;font-size: 0.6rem;} .ctrl-num{width: 36px !important;font-size: 0.55rem !important;} .ev-picker-btn{font-size: 0.58rem !important;min-width: 120px;max-width: 180px;} .ev-picker-dropdown{min-width: 220px;left: 0;right: auto;} .hero-badges{justify-content: center;} .h-badge{font-size: 0.56rem;padding: 3px 8px;} .accordion-header{padding: 4px 8px;} .accordion-title{font-size: 0.58rem;} .accordion-content{padding: 5px 8px 8px;} .compact-add-form .filter-input{font-size: 0.58rem;} .btn-add-operator{padding: 3px 8px;font-size: 0.55rem;}} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;} input[type=number]{-moz-appearance: textfield;} input::-webkit-search-cancel-button{-webkit-appearance: none;} .filter-input{text-align: left;} [data-theme="dark"]{color-scheme: dark;} [data-theme="dark"] body{background-color: #0f172a !important;color: #e2e8f0 !important;} [data-theme="dark"] .text-gray-500, [data-theme="dark"] .text-gray-600{color: #94a3b8 !important;} [data-theme="dark"] .text-gray-400{color: #64748b !important;} [data-theme="dark"] .border-blue-100{border-color: #1e40af !important;} [data-theme="dark"] .border-t.border-blue-100{border-color: #1e3a8a !important;} [data-theme="dark"] .text-amber-700{color: #5A0000 !important;} [data-theme="dark"] .text-green-700{color: #6ee7b7 !important;} [data-theme="dark"] .text-blue-700{color: #93c5fd !important;} [data-theme="dark"] .diff-card .value{color: #f8fafc !important;} [data-theme="dark"] .diff-card .unit{color: #64748b !important;} .load-more-btn{display: inline-flex;align-items: center;gap: 6px;padding: 7px 22px;background: #e2e8f0;border: 1px solid #cbd5e1;border-radius: 40px;font-size: .78rem;font-weight: 600;color: #334155;cursor: pointer;transition: all .15s;} .load-more-btn:hover{background: #d1d5db;} .load-more-btn .remaining{color: #8b5cf6;font-weight: 700;} [data-theme="dark"] .load-more-btn .remaining{color: #a78bfa;font-weight: 700;} [data-theme="dark"] .load-more-btn{background: #1e293b;border-color: #475569;color: #cbd5e1;} [data-theme="dark"] .load-more-btn:hover{background: #263548;} [data-theme="dark"] .slider-acloss, [data-theme="dark"] .slider-dcloss{accent-color: #06b6d4;} [data-theme="dark"] .ka-ctrl-top .evc-tooltip{color: #bbb !important;} [data-theme="dark"] .filter-input{background: #1d2022 !important;border-color: #3a3d40 !important;color: #ddd !important;} [data-theme="dark"] .filter-input::placeholder{color: #666 !important;} [data-theme="dark"] .btn-add-operator{background: linear-gradient(135deg, #4f46e5, #3b35b0) !important;border: none !important;color: #fff !important;} [data-theme="dark"] label.block{color: #94a3b8 !important;} [data-theme="dark"] .table-scroll-hint{color: #64748b !important;} [data-theme="dark"] td.cell-firma{background: #1e293b !important;} [data-theme="dark"] tbody tr:nth-child(even) td.cell-firma{background: #263548 !important;} [data-theme="dark"] .table-container{background: #1e293b !important;border-color: #334155 !important;} [data-theme="dark"] thead{background: #0f2a2e !important;} [data-theme="dark"] th{background: #0f2a2e !important;color: #94d4da !important;border-bottom-color: #1d6a72 !important;border-right-color: #1a3a3e !important;} [data-theme="dark"] thead th{background-color: #0f2a2e !important;} [data-theme="dark"] .table-container thead th.rowspan-header{background-color: #0f3a3e !important;} [data-theme="dark"] thead th.rowspan-header{background-color: #0f3a3e !important;color: #7dd3d8 !important;} [data-theme="dark"] thead tr th.ac-header{background-color: #134e4a !important;color: #6ee7b7 !important;border-bottom-color: #065f46 !important;border-right-color: #065f46 !important;} [data-theme="dark"] thead th.dc-header{background-color: #1e3a5f !important;color: #93c5fd !important;border-right-color: #1d4ed8 !important;} [data-theme="dark"] .ac-header{background-color: #134e4a !important;color: #6ee7b7 !important;border-bottom-color: #065f46 !important;border-right-color: #065f46 !important;} [data-theme="dark"] .dc-header{background-color: #1e3a5f !important;color: #93c5fd !important;border-bottom-color: #1d4ed8 !important;border-right-color: #1d4ed8 !important;} [data-theme="dark"] tbody tr{background-color: #1e293b !important;} [data-theme="dark"] tbody tr:nth-child(even){background-color: #172032 !important;} [data-theme="dark"] tbody tr:nth-child(even) td:first-child, [data-theme="dark"] tbody tr:nth-child(even) td:nth-child(2){background-color: #172032 !important;} [data-theme="dark"] tbody tr:nth-child(odd) td:first-child, [data-theme="dark"] tbody tr:nth-child(odd) td:nth-child(2){background-color: #1e293b !important;} [data-theme="dark"] td{color: #cbd5e1 !important;border-bottom-color: #334155 !important;} [data-theme="dark"] .ac-column{background-color: #133c38 !important;} [data-theme="dark"] .dc-column{background-color: #1a2f55 !important;} [data-theme="dark"] tbody tr:nth-child(even) .ac-column{background-color: #0d2e2b !important;} [data-theme="dark"] tbody tr:nth-child(even) .dc-column{background-color: #152545 !important;} [data-theme="dark"] tbody tr:hover{box-shadow: inset 3px 0 0 #818cf8 !important;} [data-theme="dark"] tbody tr:hover td{background-color: #1e293b !important;} [data-theme="dark"] tbody tr:hover td:first-child, [data-theme="dark"] tbody tr:hover td:nth-child(2){background-color: #1e3a5f !important;} [data-theme="dark"] tbody tr:hover .ac-column{background-color: #124c47 !important;} [data-theme="dark"] tbody tr:hover .dc-column{background-color: #1d3d6f !important;} [data-theme="dark"] tr.temp-row:nth-child(odd) td{background-color: #2e2303 !important;} [data-theme="dark"] tr.temp-row:nth-child(even) td{background-color: #3b2f07 !important;} [data-theme="dark"] tr.temp-row:hover td{background-color: #483908 !important;} [data-theme="dark"] tr.temp-row:hover td:first-child, [data-theme="dark"] tr.temp-row:hover td:nth-child(2){background-color: #483908 !important;} [data-theme="dark"] .filter-input.filter-active{border-color: #818cf8 !important;background: #1e1b4b !important;color: #a5b4fc !important;} [data-theme="dark"] .excel-dropdown{background: #1e293b !important;border-color: #475569 !important;} [data-theme="dark"] .excel-dropdown-search{background: #0f172a !important;border-bottom-color: #334155 !important;} [data-theme="dark"] .excel-dropdown-search input{background: #1e293b !important;border-color: #475569 !important;color: #e2e8f0 !important;} [data-theme="dark"] .excel-dropdown-actions{background: #172032 !important;border-bottom-color: #334155 !important;} [data-theme="dark"] .excel-dropdown-actions button{background: #1e293b !important;border-color: #475569 !important;color: #cbd5e1 !important;} [data-theme="dark"] .excel-dropdown-item{color: #cbd5e1 !important;border-bottom-color: #1e293b !important;} [data-theme="dark"] .excel-dropdown-item:hover{background: #334155 !important;} [data-theme="dark"] .excel-dropdown-empty{color: #64748b !important;} [data-theme="dark"] .json-warning{background-color: #3b2f07 !important;border-color: #78350f !important;color: #fcd34d !important;} [data-theme="dark"] .op-country-row{color: #64748b !important;} #cookie-bar{display: none;} .evc-tooltip{position: relative;cursor: default;} .evc-tooltip::after{content: attr(data-tip);position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%);background: #1a1a2e;color: #fff;font-size: .65rem;padding: 6px 12px;border-radius: 8px;white-space: normal;max-width: 240px;text-align: center;line-height: 1.45;pointer-events: none;opacity: 0;visibility: hidden;transition: opacity .12s, visibility .12s;z-index: 99999;font-weight: 500;box-shadow: 0 4px 16px rgba(0,0,0,.25);} .evc-tooltip:hover::after, .evc-tooltip:focus::after, .evc-tooltip:active::after{opacity: 1;visibility: visible;} [data-theme="dark"] .evc-tooltip::after{background: #e8e8f0;color: #111;box-shadow: 0 4px 16px rgba(0,0,0,.5);} #evc-km-popup{background: #ffffff;color: #1e293b;border: 1px solid #e2e8f0;border-radius: 14px;box-shadow: 0 8px 28px rgba(0,0,0,.18);padding: 12px 14px;min-width: 240px;max-width: 280px;font-size: .8rem;line-height: 1.5;pointer-events: none;font-family: 'Inter', sans-serif;animation: kpIn .14s ease;} [data-theme="dark"] #cookie-bar{display: none;} [data-theme="dark"] #evc-km-popup{background: #132338;color: #e2eaf5;border-color: rgba(255,255,255,.08);box-shadow: 0 8px 28px rgba(0,0,0,.5);} @keyframes kpIn{from{opacity: 0;transform: translateY(5px);} to{opacity: 1;transform: translateY(0);}} .kp-head{font-weight: 800;font-size: .86rem;margin-bottom: 8px;padding-bottom: 6px;border-bottom: 1px solid #e2e8f0;} [data-theme="dark"] .kp-head{border-color: rgba(255,255,255,.08);} .kp-sect-title{font-size: .68rem;font-weight: 700;text-transform: uppercase;letter-spacing: .05em;margin-bottom: 3px;} .kp-ac .kp-sect-title{color: #059669;} .kp-dc .kp-sect-title{color: #2563eb;} .kp-row{display: flex;justify-content: space-between;gap: 10px;padding: 1.5px 0;} .kp-l{color: #475569;font-size: .74rem;} [data-theme="dark"] .kp-l{color: #8fafc8;} .kp-v{font-weight: 700;font-size: .74rem;white-space: nowrap;} .kp-ac .kp-v{color: #059669;} .kp-dc .kp-v{color: #2563eb;} .kp-loss .kp-v{color: #d97706 !important;} .kp-sep{height: 1px;background: #e2e8f0;margin: 6px 0;} [data-theme="dark"] .kp-sep{background: rgba(255,255,255,.08);} .kp-note{font-size: .67rem;color: #94a3b8;margin-top: 6px;padding-top: 5px;border-top: 1px solid #e2e8f0;} [data-theme="dark"] .kp-note{border-color: rgba(255,255,255,.08);} td.cell-firma:hover{color: #2563eb !important;} [data-theme="dark"] tbody tr:nth-child(odd) td, [data-theme="dark"] tbody tr:nth-child(odd) td:first-child, [data-theme="dark"] tbody tr:nth-child(odd) td:nth-child(2){background-color: #1e293b !important;} [data-theme="dark"] tbody tr:nth-child(even) td, [data-theme="dark"] tbody tr:nth-child(even) td:first-child, [data-theme="dark"] tbody tr:nth-child(even) td:nth-child(2){background-color: #172032 !important;} [data-theme="dark"] tbody tr td.ac-column, [data-theme="dark"] tbody tr td.dc-column{background: inherit !important;} [data-theme="dark"] tbody tr:nth-child(odd) td.ac-column{background-color: #133c38 !important;} [data-theme="dark"] tbody tr:nth-child(even) td.ac-column{background-color: #0d2e2b !important;} [data-theme="dark"] tbody tr:nth-child(odd) td.dc-column{background-color: #1a2f55 !important;} [data-theme="dark"] tbody tr:nth-child(even) td.dc-column{background-color: #152545 !important;} .analytics-dashboard{width: 100% !important;max-width: 100% !important;overflow-x: hidden !important;padding: 0.5rem 0;box-sizing: border-box;} .analytics-dashboard *, .analytics-dashboard *::before, .analytics-dashboard *::after{box-sizing: border-box;} .chart-container, .analytics-dashboard [style*="height:260px"]{position: relative;height: 260px;width: 100%;box-sizing: border-box;} @media (max-width: 640px){.chart-container, .analytics-dashboard [style*="height:260px"]{height: 220px !important;}} .evc-topbar{background: color-mix(in srgb, var(--surf, #fff) 90%, transparent);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid var(--brd, rgba(15,23,42,.09));border-radius: 14px;margin-bottom: 12px;overflow: hidden;box-shadow: 0 2px 12px rgba(0,0,0,.05);transition: background var(--tr,.2s), border-color var(--tr,.2s);} [data-theme="dark"] .evc-topbar{background: color-mix(in srgb, var(--surf, #111f3a) 90%, transparent);box-shadow: 0 2px 16px rgba(0,0,0,.28);} .topbar-inner{padding: 10px 16px;display: grid;grid-template-columns: minmax(200px, 1fr) auto auto;gap: 12px;align-items: center;border-bottom: 1px solid var(--brd, rgba(15,23,42,.09));} [data-theme="dark"] .topbar-inner{border-bottom-color: var(--brd, rgba(255,255,255,.07));} .tb-brand{display: flex;align-items: center;gap: 10px;min-width: 0;} .tb-brand-mark{width: 36px;height: 36px;flex-shrink: 0;display: grid;place-items: center;color: #fff;background: linear-gradient(135deg, #2563eb, #0f766e);border-radius: 9px;font-weight: 900;font-size: .9rem;box-shadow: 0 6px 16px rgba(37,99,235,.3);} .tb-brand-texts{flex: 1;min-width: 0;} .tb-brand-h1{margin: 0;font-size: 1rem;line-height: 1.2;font-weight: 800;color: var(--txt, #111827);transition: color var(--tr,.2s);} .tb-brand-sub{margin: 2px 0 0;font-size: .72rem;color: var(--txt-2, #64748b);line-height: 1.35;transition: color var(--tr,.2s);} .tb-stats{display: flex;gap: 6px;flex-wrap: wrap;justify-content: center;} .tb-stat-pill{display: inline-flex;align-items: center;gap: 5px;min-height: 30px;padding: 4px 10px;border: 1px solid var(--brd, rgba(15,23,42,.09));border-radius: 8px;background: var(--surf2, #f8fafc);color: var(--txt-2, #64748b);font-size: .73rem;font-weight: 700;white-space: nowrap;transition: background var(--tr,.2s), border-color var(--tr,.2s), color var(--tr,.2s);} .tb-stat-pill strong{color: var(--txt, #111827);font-size: .8rem;transition: color var(--tr,.2s);} [data-theme="dark"] .tb-stat-pill{background: var(--surf2, #111827);border-color: var(--brd, rgba(255,255,255,.07));} .tb-btn{display: inline-flex;align-items: center;gap: 6px;min-height: 32px;padding: 0 12px;border: 1px solid var(--brd, rgba(15,23,42,.09));border-radius: 8px;background: var(--surf, #fff);color: var(--txt, #111827);font-size: .73rem;font-weight: 700;cursor: pointer;transition: transform .15s ease, border-color .15s ease, background .15s ease, color .15s ease;white-space: nowrap;} .tb-btn:hover{transform: translateY(-1px);border-color: #2563eb;} [data-theme="dark"] .tb-btn{background: var(--surf, #182235);border-color: var(--brd, rgba(255,255,255,.07));color: var(--txt, #e2e8f0);} .evc-continent-strip{padding: 7px 16px 8px;display: flex;gap: 6px;overflow-x: auto;scrollbar-width: thin;} .continent-chip{flex: 0 0 auto;display: inline-flex;align-items: center;gap: 4px;min-height: 26px;padding: 3px 9px;border: 1px solid var(--brd, rgba(15,23,42,.09));border-radius: 8px;background: var(--surf2, #f8fafc);color: var(--txt-2, #64748b);font-size: .69rem;font-weight: 700;white-space: nowrap;transition: background var(--tr,.2s), border-color var(--tr,.2s);} .continent-chip strong{color: #4f46e5;font-weight: 900;} [data-theme="dark"] .continent-chip{background: var(--surf2, #111827);border-color: var(--brd, rgba(255,255,255,.07));} [data-theme="dark"] .continent-chip strong{color: #a5b4fc;} .calculator-grid{display: grid;grid-template-columns: minmax(264px, 300px) minmax(0, 1fr);gap: 12px;align-items: start;} .calc-control-panel{position: sticky;top: 10px;max-height: calc(var(--vh-100) - 80px);overflow-y: auto;overflow-x: hidden;scrollbar-gutter: stable;scrollbar-width: thin;background: var(--surf, #fff);border: 1px solid var(--brd, rgba(15,23,42,.09));border-radius: 12px;box-shadow: 0 4px 16px rgba(0,0,0,.05);transition: background var(--tr,.2s), border-color var(--tr,.2s), box-shadow var(--tr,.2s);} [data-theme="dark"] .calc-control-panel{background: var(--surf, #182235);border-color: var(--brd, rgba(255,255,255,.07));box-shadow: 0 4px 20px rgba(0,0,0,.3);} .results-stack{display: grid;gap: 10px;} .cp-head{padding: 11px 14px;border-bottom: 1px solid var(--brd, rgba(15,23,42,.09));display: flex;align-items: center;justify-content: space-between;gap: 10px;transition: border-color var(--tr,.2s);} [data-theme="dark"] .cp-head{border-bottom-color: var(--brd, rgba(255,255,255,.07));} .cp-head h2{margin: 0;font-size: .88rem;font-weight: 800;line-height: 1.25;color: var(--txt, #111827);transition: color var(--tr,.2s);} .cp-head small{display: block;margin-top: 2px;color: var(--txt-2, #64748b);font-size: .68rem;font-weight: 600;transition: color var(--tr,.2s);} .cp-body{padding: 12px 14px;} .cp-section + .cp-section{padding-top: 12px;margin-top: 12px;border-top: 1px solid var(--brd, rgba(15,23,42,.09));} [data-theme="dark"] .cp-section + .cp-section{border-top-color: var(--brd, rgba(255,255,255,.07));} .cp-section-title{margin: 0 0 9px;font-size: .7rem;color: var(--txt-2, #64748b);text-transform: uppercase;font-weight: 800;letter-spacing: .05em;transition: color var(--tr,.2s);} .charge-card-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px;} .sim-card{position: relative;overflow: hidden;padding: 11px 11px 11px 15px;border: 1px solid var(--brd, rgba(15,23,42,.09));border-radius: 11px;display: flex;flex-direction: column;gap: 8px;box-shadow: 0 2px 8px rgba(0,0,0,.04);transition: background var(--tr,.2s), border-color var(--tr,.2s), box-shadow var(--tr,.2s);} .sim-card::before{content: "";position: absolute;inset: 0 auto 0 0;width: 4px;border-radius: 2px 0 0 2px;} .sim-card.sc-batt{background: linear-gradient(135deg, rgba(99,102,241,.07) 0%, transparent 48%), var(--surf, #fff);} .sim-card.sc-batt::before{background: #6366f1;} .sim-card.sc-ac{background: linear-gradient(135deg, rgba(5,150,105,.07) 0%, transparent 48%), var(--surf, #fff);} .sim-card.sc-ac::before{background: #059669;} .sim-card.sc-dc{background: linear-gradient(135deg, rgba(79,70,229,.07) 0%, transparent 48%), var(--surf, #fff);} .sim-card.sc-dc::before{background: #4f46e5;} [data-theme="dark"] .sim-card.sc-batt{background: linear-gradient(135deg, rgba(99,102,241,.1) 0%, transparent 48%), var(--surf, #182235);} [data-theme="dark"] .sim-card.sc-ac{background: linear-gradient(135deg, rgba(5,150,105,.1) 0%, transparent 48%), var(--surf, #182235);} [data-theme="dark"] .sim-card.sc-dc{background: linear-gradient(135deg, rgba(79,70,229,.1) 0%, transparent 48%), var(--surf, #182235);} [data-theme="dark"] .sim-card{border-color: var(--brd, rgba(255,255,255,.07));box-shadow: 0 2px 12px rgba(0,0,0,.22);} .sc-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 8px;} .sc-title{margin: 0;display: flex;align-items: center;gap: 6px;font-size: .83rem;font-weight: 900;color: var(--txt, #111827);line-height: 1.25;transition: color var(--tr,.2s);} .sc-sub{margin: 2px 0 0;color: var(--txt-2, #64748b);font-size: .66rem;line-height: 1.35;font-weight: 600;transition: color var(--tr,.2s);} .sc-badge{flex: 0 0 auto;min-height: 22px;padding: 2px 7px;border-radius: 6px;background: var(--surf2, #f8fafc);border: 1px solid var(--brd, rgba(15,23,42,.09));color: var(--txt-2, #64748b);font-size: .64rem;font-weight: 800;white-space: nowrap;font-variant-numeric: tabular-nums;transition: background var(--tr,.2s), border-color var(--tr,.2s), color var(--tr,.2s);} [data-theme="dark"] .sc-badge{background: var(--surf2, #111827);border-color: rgba(255,255,255,.06);} .sc-hero{padding: 8px 10px;border: 1px solid var(--brd, rgba(15,23,42,.09));border-radius: 8px;background: rgba(248,250,252,.9);display: grid;gap: 2px;transition: background var(--tr,.2s), border-color var(--tr,.2s);} [data-theme="dark"] .sc-hero{background: rgba(15,23,42,.7);border-color: rgba(255,255,255,.06);} .sc-hero-label{color: var(--txt-2, #64748b);font-size: .65rem;font-weight: 700;line-height: 1.3;transition: color var(--tr,.2s);} .sc-hero-value{font-size: 1.45rem;line-height: 1.05;font-weight: 950;font-variant-numeric: tabular-nums;} .sim-card.sc-batt .sc-hero-value{color: #6366f1;} .sim-card.sc-ac .sc-hero-value{color: #059669;} .sim-card.sc-dc .sc-hero-value{color: #4f46e5;} .sc-rows{display: grid;gap: 3px;} .sc-row{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 4px 0;border-bottom: 1px solid var(--brd, rgba(15,23,42,.06));font-size: .68rem;} .sc-row:last-child{border-bottom: 0;} .sc-row span{color: var(--txt-2, #64748b);font-weight: 700;line-height: 1.3;transition: color var(--tr,.2s);} .sc-row strong{color: var(--txt, #111827);text-align: right;font-size: .73rem;font-weight: 900;font-variant-numeric: tabular-nums;white-space: nowrap;transition: color var(--tr,.2s);} [data-theme="dark"] .sc-row{border-bottom-color: rgba(255,255,255,.05);} .sc-split{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 6px;} .sc-mini{padding: 6px 8px;border: 1px solid var(--brd, rgba(15,23,42,.09));border-radius: 7px;background: var(--surf2, #f8fafc);display: grid;gap: 2px;transition: background var(--tr,.2s), border-color var(--tr,.2s);} [data-theme="dark"] .sc-mini{background: var(--surf2, #111827);border-color: rgba(255,255,255,.06);} .sc-mini span{color: var(--txt-2, #64748b);font-size: .63rem;font-weight: 700;line-height: 1.25;transition: color var(--tr,.2s);} .sc-mini strong{color: var(--txt, #111827);font-size: .88rem;font-weight: 900;font-variant-numeric: tabular-nums;transition: color var(--tr,.2s);} .table-panel{background: var(--surf, #fff);border: 1px solid var(--brd, rgba(15,23,42,.09));border-radius: 12px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,.04);transition: background var(--tr,.2s), border-color var(--tr,.2s);} [data-theme="dark"] .table-panel{background: var(--surf, #182235);border-color: var(--brd, rgba(255,255,255,.07));box-shadow: 0 2px 12px rgba(0,0,0,.25);} .table-panel .table-container{border: none;border-radius: 0;box-shadow: none;} .table-panel .table-scroll-hint, .table-panel > .flex, .table-panel > div.mt-3{padding-left: 12px;padding-right: 12px;} @media (max-width: 1100px){.calculator-grid{grid-template-columns: minmax(240px, 270px) minmax(0, 1fr);}} @media (max-width: 900px){.calculator-grid{grid-template-columns: 1fr;} .calc-control-panel{position: static;max-height: none;} .topbar-inner{grid-template-columns: 1fr auto;} .tb-stats{grid-column: 1 / -1;order: 3;justify-content: flex-start;}} @media (max-width: 640px){.charge-card-grid{grid-template-columns: 1fr;} .topbar-inner{grid-template-columns: 1fr auto;gap: 8px;} .tb-brand-sub{display: none;} .tb-stats{grid-column: 1 / -1;order: 3;} .evc-continent-strip{padding: 6px 10px 7px;} .tb-btn span{display: none;}} .topbar-inner{grid-template-columns: minmax(200px, 1fr) auto;} .ev-picker{width: 100%;} .ev-picker-dropdown{width: 100%;min-width: 100%;max-width: 100%;left: 0;right: auto;} .ev-picker-item{min-width: 0;gap: 8px;} .ev-picker-item-name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sim-card.sc-batt{background: linear-gradient(135deg, rgba(194,65,12,.08) 0%, transparent 48%), var(--surf, #fff);} .sim-card.sc-batt::before{background: #c2410c;} .sim-card.sc-batt .sc-hero-value{color: #c2410c;} [data-theme="dark"] .sim-card.sc-batt{background: linear-gradient(135deg, rgba(251,146,60,.12) 0%, transparent 48%), var(--surf, #182235);} [data-theme="dark"] .sim-card.sc-batt::before{background: #fb923c;} [data-theme="dark"] .sim-card.sc-batt .sc-hero-value{color: #fb923c;} .sc-time-badge{display: inline-flex;align-items: center;gap: 5px;} .sc-time-badge span{color: inherit;font-size: .56rem;font-weight: 750;} .sc-time-badge strong{color: var(--txt, #111827);font-size: .64rem;font-weight: 900;} [data-theme="dark"] .sc-time-badge strong{color: #e5edf7;} .range-uncertainty{font-size: .52rem;font-weight: 650;color: var(--txt-3, #94a3b8);white-space: nowrap;} .ka-range-pill.range-pill-current, .ka-range-pill.range-pill-target{display: inline-flex;align-items: center;justify-content: center;min-height: 20px;padding: 3px 7px;border-radius: 7px;font-size: .65rem;font-weight: 900;line-height: 1.1;} .ka-range-pill.range-pill-current{background: #fff7ed;color: #c2410c;} .ka-range-pill.range-pill-target{background: #ecfeff;color: #0e7490;} [data-theme="dark"] .ka-range-pill.range-pill-current{background: #431407 !important;color: #fdba74 !important;} [data-theme="dark"] .ka-range-pill.range-pill-target{background: #083344 !important;color: #67e8f9 !important;} .table-filter-toolbar{padding: 10px 12px;border-bottom: 1px solid var(--brd, rgba(15,23,42,.09));background: color-mix(in srgb, var(--surf2, #f8fafc) 86%, transparent);} [data-theme="dark"] .table-filter-toolbar{background: color-mix(in srgb, var(--surf2, #111827) 88%, transparent);border-bottom-color: var(--brd, rgba(255,255,255,.07));} .filter-toolbar-main{display: grid;grid-template-columns: minmax(180px, 1.35fr) minmax(120px, .62fr) minmax(120px, .62fr) minmax(150px, .9fr);gap: 8px;align-items: end;} .filter-field{min-width: 0;display: grid;gap: 4px;} .filter-field-label{display: inline-flex;align-items: center;gap: 5px;color: var(--txt-2, #64748b);font-size: .62rem;font-weight: 850;line-height: 1.2;} .filter-field-label.ac-label{color: #0f766e;} .filter-field-label.dc-label{color: #4f46e5;} .filter-price-pair{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 5px;} .table-filter-toolbar .price-filter{width: auto;min-width: 0;} .table-filter-toolbar .filter-input{min-height: 29px;border-radius: 7px;background: var(--surf, #fff);} [data-theme="dark"] .table-filter-toolbar .filter-input{background: #1e293b !important;border-color: #475569 !important;color: #e2e8f0 !important;} .table-panel table{min-width: 720px;} .table-panel th{padding: 5px 3px;font-size: .58rem;line-height: 1.2;} .table-panel td{padding: 2px 2px;font-size: .60rem;} .table-container thead th.rowspan-header:first-child, .table-container thead th:first-child, .table-container tbody td:first-child{width: 28px !important;min-width: 28px !important;max-width: 28px !important;} .table-container thead tr:first-child th.rowspan-header:nth-child(2), .table-container tbody td:nth-child(2), th.sort.rowspan-header, td.cell-firma{left: 28px;} th.sort.rowspan-header, td.cell-firma{width: 118px;min-width: 82px;max-width: 132px;} .country-column{min-width: 78px;max-width: 98px;} @media (max-width: 900px){.topbar-inner{grid-template-columns: 1fr;} .tb-stats{grid-column: auto;order: initial;justify-content: flex-start;} .filter-toolbar-main{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 640px){.cp-body{padding: 10px;} .cp-section + .cp-section{padding-top: 10px;margin-top: 10px;} .cp-section-controls{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;} .cp-section-controls .cp-section-title{grid-column: 1 / -1;margin-bottom: 0;} .cp-section-controls .ctrl-item{margin: 0;} .cp-section-controls .ctrl-label{white-space: normal;font-size: .54rem;min-height: 27px;align-items: flex-start;} .cp-section-controls .ctrl-row{gap: 2px;} .cp-section-controls .ctrl-num{width: 42px;min-width: 42px;font-size: .62rem;padding: 2px 3px;} .cp-section-controls .ctrl-btn{width: 17px;height: 17px;} .charge-card-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;} .charge-card-grid .sc-batt{grid-column: 1 / -1;} .sim-card{padding: 10px 9px 10px 13px;gap: 7px;} .sc-title{font-size: .76rem;} .sc-sub{font-size: .60rem;} .sc-hero-value{font-size: 1.22rem;} .sc-row{font-size: .62rem;gap: 5px;} .sc-row strong{font-size: .66rem;} .sc-mini{padding: 6px;} .sc-mini span{font-size: .57rem;} .filter-toolbar-main{grid-template-columns: 1fr 1fr;gap: 7px;} .filter-field-operator, .filter-field-country{grid-column: span 1;} .table-filter-toolbar{padding: 8px;} .table-panel table{min-width: 680px;} .table-panel th{font-size: .54rem;padding: 4px 2px;} .table-panel td{font-size: .56rem;}} @media (max-width: 420px){.tb-actions .tb-btn{padding: 0 9px;} .filter-toolbar-main{grid-template-columns: 1fr;} .filter-field-operator, .filter-field-country{grid-column: auto;} .table-panel table{min-width: 660px;}} @media (max-width: 640px){.tabbar-actions .tb-btn span{display: inline !important;}} .tb-brand-mark-favicon{background: var(--surf2, #f8fafc) !important;border: 1px solid var(--brd, rgba(15,23,42,.10));box-shadow: 0 3px 10px rgba(15,23,42,.08) !important;overflow: hidden;padding: 5px;} .tb-brand-mark-favicon img{width: 100%;height: 100%;display: block;object-fit: contain;border-radius: 6px;} [data-theme="dark"] .tb-brand-mark-favicon{background: rgba(15,23,42,.72) !important;border-color: rgba(255,255,255,.09);box-shadow: 0 3px 12px rgba(0,0,0,.28) !important;} .tb-stats{gap: 5px;} .tb-stat-pill{min-height: 26px;padding: 3px 8px;border-radius: 7px;font-size: .66rem;gap: 4px;} .tb-stat-pill strong{font-size: .72rem;} .tb-stat-pill i{font-size: .56rem !important;} .tb-stat-pill .h-dot{width: 4px;height: 4px;} .evc-continent-strip{padding: 5px 14px 6px;gap: 5px;} .continent-chip{min-height: 23px;padding: 2px 7px;border-radius: 7px;font-size: .62rem;gap: 3px;} .continent-chip strong{font-size: .66rem;} .continent-chip svg, .continent-chip i{transform: scale(.86);transform-origin: center;} .cp-quick-actions{padding: 8px;border: 1px solid var(--brd, rgba(15,23,42,.09));border-radius: 10px;background: color-mix(in srgb, var(--surf2, #f8fafc) 88%, transparent);} [data-theme="dark"] .cp-quick-actions{background: rgba(15,23,42,.36);border-color: rgba(255,255,255,.07);} .cp-tab-switcher{display: grid;grid-template-columns: 1fr;gap: 6px;} .cp-tab-btn{width: 100%;justify-content: center;min-height: 30px;padding: 6px 8px;white-space: normal;text-align: center;line-height: 1.15;} .cp-action-row{display: grid;grid-template-columns: 1fr 1fr;gap: 6px;margin-top: 7px;} .cp-action-btn{width: 100%;min-height: 30px;justify-content: center;padding: 0 8px;font-size: .68rem;} .sc-sub-under-badge{margin-top: 5px;} .ka-range-pill.range-pill-current{background: #fce7f3;color: #be185d;} .ka-range-pill.range-pill-target{background: #fef9c3;color: #a16207;} [data-theme="dark"] .ka-range-pill.range-pill-current{background: #4a0f2d !important;color: #f9a8d4 !important;} [data-theme="dark"] .ka-range-pill.range-pill-target{background: #422006 !important;color: #fde68a !important;} .table-filter-toolbar{background: linear-gradient(180deg, #e7edf6 0%, #dde6f1 100%) !important;border-bottom-color: #c7d4e4 !important;} .table-filter-toolbar .filter-input{background: #f8fbff !important;border-color: #b9c7d8 !important;} [data-theme="dark"] .table-filter-toolbar{background: linear-gradient(180deg, #172033 0%, #111827 100%) !important;border-bottom-color: #334155 !important;} [data-theme="dark"] .table-filter-toolbar .filter-input{background: #0f172a !important;border-color: #3b4a5f !important;} .table-panel table{min-width: 780px;} .table-panel th.sub-header{white-space: normal !important;overflow-wrap: anywhere;word-break: normal;line-height: 1.08;vertical-align: middle;} .table-panel .unit-price-column{width: 58px !important;min-width: 58px !important;max-width: 66px !important;} .unit-price-heading{display: inline-block;line-height: 1.05;white-space: normal;} .unit-price-heading span{font-size: .54rem;opacity: .85;} .sort-mark{display: inline-block;margin-left: 1px;transform: translateY(-1px);} .excel-dropdown{will-change: top, left;} .excel-dropdown-item label{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} @media (min-width: 560px) and (max-width: 900px){.cp-tab-switcher{grid-template-columns: 1fr 1fr;}} @media (max-width: 640px){.tb-stat-pill{min-height: 24px;padding: 3px 6px;font-size: .60rem;} .tb-stat-pill strong{font-size: .66rem;} .continent-chip{min-height: 22px;padding: 2px 6px;font-size: .58rem;} .cp-quick-actions{padding: 7px;} .cp-tab-switcher{grid-template-columns: 1fr 1fr;} .cp-tab-btn{font-size: .58rem;padding: 6px 5px;} .cp-action-btn{min-height: 28px;font-size: .62rem;} .table-panel table{min-width: 760px;} .table-panel .unit-price-column{min-width: 54px !important;width: 54px !important;}} .cp-action-btn span{display: inline !important;} .tb-brand-mark-favicon{color: #2563eb !important;} [data-theme="dark"] .tb-brand-mark-favicon{color: #93c5fd !important;} .tb-btn-csv{background: #0f766e !important;border-color: #0f766e !important;color: #ffffff !important;box-shadow: 0 5px 14px rgba(15,118,110,.18);} .tb-btn-csv:hover{background: #115e59 !important;border-color: #115e59 !important;color: #ffffff !important;} .tb-btn-csv i{color: #ccfbf1 !important;} [data-theme="dark"] .tb-btn-csv{background: #14b8a6 !important;border-color: #2dd4bf !important;color: #062f2a !important;} [data-theme="dark"] .tb-btn-csv i{color: #064e3b !important;} .tb-brand{gap: 12px;} .tb-brand-mark-favicon{width: 44px !important;height: 44px !important;border-radius: 12px !important;padding: 4px !important;} .tb-brand-mark-favicon img{width: 100% !important;height: 100% !important;object-fit: contain !important;border-radius: 9px !important;} .tb-brand-h1{font-size: clamp(1.08rem, 2.1vw, 1.38rem) !important;line-height: 1.16 !important;letter-spacing: -0.025em;} .tb-brand-sub{display: block !important;font-size: .78rem !important;line-height: 1.42 !important;max-width: 720px;} .tb-stats{gap: 4px !important;justify-content: flex-end;} .tb-stat-pill{min-height: 22px !important;padding: 2px 6px !important;border-radius: 6px !important;font-size: .57rem !important;gap: 3px !important;line-height: 1.12 !important;} .tb-stat-pill strong{font-size: .63rem !important;line-height: 1 !important;} .tb-stat-pill i{font-size: .50rem !important;} .tb-stat-pill .h-dot{width: 3px !important;height: 3px !important;} .evc-continent-strip{padding: 4px 12px 5px !important;gap: 4px !important;} .continent-chip{min-height: 19px !important;padding: 1px 5px !important;border-radius: 6px !important;font-size: .53rem !important;gap: 2px !important;line-height: 1.1 !important;} .continent-chip strong{font-size: .58rem !important;line-height: 1 !important;} .continent-chip svg, .continent-chip i{transform: scale(.72) !important;transform-origin: center;} .continent-chip span[style*="font-weight:500"]{font-size: .50rem !important;} .sim-card.sc-batt .sc-head{align-items: center !important;} .sim-card.sc-batt .sc-head > div:first-child{min-width: 0;} .sim-card.sc-batt .sc-sub{white-space: nowrap;font-size: .64rem;} .sc-time-badge{background: #ffedd5 !important;border-color: #fed7aa !important;color: #9a3412 !important;min-height: 30px !important;padding: 4px 8px !important;border-radius: 8px !important;align-items: center !important;justify-content: center !important;line-height: 1.05 !important;} .sc-time-badge span{color: #9a3412 !important;font-size: .55rem !important;} .sc-time-badge strong{color: #7c2d12 !important;font-size: .74rem !important;} [data-theme="dark"] .sc-time-badge{background: rgba(251,146,60,.18) !important;border-color: rgba(251,146,60,.42) !important;color: #fdba74 !important;} [data-theme="dark"] .sc-time-badge span, [data-theme="dark"] .sc-time-badge strong{color: #fdba74 !important;} .sc-hero-battery{display: flex !important;flex-direction: column;gap: 4px !important;} .sc-hero-energy-line{display: inline-flex;align-items: baseline;gap: 7px;flex-wrap: nowrap;min-width: 0;} .sc-hero-percent{color: var(--txt-2, #64748b);font-size: .72rem;font-weight: 800;line-height: 1;white-space: nowrap;} [data-theme="dark"] .sc-hero-percent{color: #cbd5e1;} .range-value-line{display: inline-flex !important;align-items: center;justify-content: flex-start;gap: 5px;text-align: left !important;white-space: nowrap;} .range-uncertainty-inline{font-size: .46rem !important;font-weight: 750 !important;letter-spacing: -0.01em;color: var(--txt-3, #94a3b8) !important;} .ka-range-pill.range-pill-current, .ka-range-pill.range-pill-target{font-size: .66rem !important;} .filter-toolbar-main{grid-template-columns: minmax(170px,1.25fr) minmax(112px,.55fr) minmax(112px,.55fr) minmax(140px,.82fr) auto !important;} .filter-field-clear{align-self: end;min-width: 88px;} .table-filter-clear-btn{min-height: 29px;width: 100%;display: inline-flex;align-items: center;justify-content: center;gap: 5px;border: 1px solid #f59e0b;border-radius: 7px;background: #fff7ed;color: #9a3412;font-size: .65rem;font-weight: 850;cursor: pointer;white-space: nowrap;transition: transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;} .table-filter-clear-btn:hover:not(:disabled){background: #ffedd5;border-color: #ea580c;transform: translateY(-1px);} .table-filter-clear-btn:disabled{opacity: .48;cursor: not-allowed;transform: none;} [data-theme="dark"] .table-filter-clear-btn{background: rgba(251,146,60,.14);border-color: rgba(251,146,60,.38);color: #fdba74;} [data-theme="dark"] .table-filter-clear-btn:hover:not(:disabled){background: rgba(251,146,60,.22);border-color: rgba(251,146,60,.58);} @media (max-width: 900px){.tb-stats{justify-content: flex-start;} .filter-toolbar-main{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;} .filter-field-clear{min-width: 0;}} @media (max-width: 640px){.topbar-inner{grid-template-columns: 1fr !important;gap: 7px !important;padding: 9px 11px !important;} .tb-brand-mark-favicon{width: 40px !important;height: 40px !important;} .tb-brand-h1{font-size: 1.05rem !important;} .tb-brand-sub{display: block !important;font-size: .70rem !important;line-height: 1.35 !important;margin-top: 3px !important;} .tb-stat-pill{min-height: 21px !important;padding: 2px 5px !important;font-size: .54rem !important;} .tb-stat-pill strong{font-size: .58rem !important;} .evc-continent-strip{padding: 4px 9px 5px !important;gap: 3px !important;} .continent-chip{min-height: 18px !important;padding: 1px 4px !important;font-size: .50rem !important;} .continent-chip strong{font-size: .55rem !important;} .continent-chip span[style*="font-weight:500"]{font-size: .47rem !important;} .sim-card.sc-batt .sc-sub{white-space: nowrap !important;font-size: .58rem !important;} .sc-time-badge{min-height: 28px !important;padding: 3px 7px !important;} .sc-time-badge span{font-size: .50rem !important;} .sc-time-badge strong{font-size: .68rem !important;} .sc-hero-energy-line{gap: 5px;} .sc-hero-percent{font-size: .66rem;} .range-value-line{gap: 4px;} .range-uncertainty-inline{font-size: .42rem !important;} .ka-range-pill.range-pill-current, .ka-range-pill.range-pill-target{font-size: .61rem !important;padding: 3px 6px !important;}} @media (max-width: 420px){.filter-toolbar-main{grid-template-columns: 1fr !important;} .filter-field-clear{grid-column: auto;} .table-filter-clear-btn{justify-content: center;} .sim-card.sc-batt .sc-head{gap: 6px;} .sim-card.sc-batt .sc-sub{font-size: .55rem !important;}} .tb-btn-reset{background: #fff1f2 !important;border-color: #fecdd3 !important;color: #be123c !important;box-shadow: 0 5px 14px rgba(225,29,72,.10) !important;} .tb-btn-reset:hover{background: #ffe4e6 !important;border-color: #fb7185 !important;color: #9f1239 !important;} .tb-btn-reset i{color: #e11d48 !important;} [data-theme="dark"] .tb-btn-reset{background: rgba(244,63,94,.16) !important;border-color: rgba(251,113,133,.38) !important;color: #fda4af !important;} [data-theme="dark"] .tb-btn-reset:hover{background: rgba(244,63,94,.24) !important;border-color: rgba(251,113,133,.58) !important;} [data-theme="dark"] .tb-btn-reset i{color: #fb7185 !important;} .add-operator-accordion{border-color: #d7dee8 !important;background: #f8fafc !important;} .accordion-header{background: #edf2f7 !important;border: 1px solid #d7dee8 !important;} .accordion-header:hover{background: #e7edf5 !important;} .accordion-title{color: #334155 !important;font-weight: 750 !important;} .accordion-title i{color: #4f46e5 !important;} [data-theme="dark"] .add-operator-accordion{background: #111827 !important;border-color: #334155 !important;} [data-theme="dark"] .accordion-header{background: #172033 !important;border-color: #334155 !important;} [data-theme="dark"] .accordion-header:hover{background: #1e293b !important;} [data-theme="dark"] .accordion-title{color: #cbd5e1 !important;} .sim-card.sc-batt .sc-head{align-items: flex-start !important;} .sc-time-badge{display: inline-flex !important;flex-direction: row !important;align-items: center !important;justify-content: center !important;gap: 4px !important;min-height: 22px !important;height: 22px !important;padding: 2px 7px !important;margin-top: 0 !important;border-radius: 6px !important;line-height: 1 !important;white-space: nowrap !important;} .sc-time-badge span{font-size: .54rem !important;line-height: 1 !important;} .sc-time-badge strong{font-size: .64rem !important;line-height: 1 !important;} @media (max-width: 640px){.sc-time-badge{min-height: 21px !important;height: 21px !important;padding: 2px 6px !important;gap: 3px !important;} .sc-time-badge span{font-size: .49rem !important;} .sc-time-badge strong{font-size: .59rem !important;}} .sim-card.sc-batt .sc-head{align-items: flex-start !important;gap: 8px !important;} .sim-card.sc-batt .sc-head > div:first-child{padding-top: 1px !important;min-width: 0 !important;} .sim-card.sc-batt .sc-sub{margin-top: 5px !important;padding-right: 4px !important;white-space: nowrap !important;} .sc-time-badge{transform: translateY(-3px) !important;height: 20px !important;min-height: 20px !important;padding: 2px 7px !important;border-radius: 6px !important;flex-shrink: 0 !important;} .sc-time-badge span{font-size: .52rem !important;} .sc-time-badge strong{font-size: .62rem !important;} .sim-card.sc-ac .sc-mini strong, .sim-card.sc-dc .sc-mini strong{font-size: .78rem !important;line-height: 1.15 !important;} .sim-card.sc-ac .sc-mini .energy-unit, .sim-card.sc-dc .sc-mini .energy-unit{font-size: .62em !important;font-weight: 850 !important;letter-spacing: -0.02em;} .slider-charge-speed::-webkit-slider-thumb{background: #d97706 !important;border-color: #fff7ed !important;box-shadow: 0 0 0 1px rgba(146,64,14,.28), 0 2px 5px rgba(146,64,14,.35) !important;} .slider-charge-speed::-moz-range-thumb{background: #d97706 !important;border: 2px solid #fff7ed !important;box-shadow: 0 0 0 1px rgba(146,64,14,.28), 0 2px 5px rgba(146,64,14,.35) !important;} [data-theme="dark"] .slider-charge-speed::-webkit-slider-thumb{background: #fb923c !important;border-color: #431407 !important;box-shadow: 0 0 0 1px rgba(253,186,116,.35), 0 2px 6px rgba(0,0,0,.38) !important;} [data-theme="dark"] .slider-charge-speed::-moz-range-thumb{background: #fb923c !important;border-color: #431407 !important;box-shadow: 0 0 0 1px rgba(253,186,116,.35), 0 2px 6px rgba(0,0,0,.38) !important;} .tb-btn-reset{background: #fef2f2 !important;border-color: #fecaca !important;color: #b91c1c !important;box-shadow: 0 5px 14px rgba(185,28,28,.08) !important;} .tb-btn-reset:hover{background: #fee2e2 !important;border-color: #fca5a5 !important;color: #991b1b !important;} .tb-btn-reset i{color: #dc2626 !important;} [data-theme="dark"] .tb-btn-reset{background: rgba(220,38,38,.15) !important;border-color: rgba(248,113,113,.36) !important;color: #fca5a5 !important;} [data-theme="dark"] .tb-btn-reset:hover{background: rgba(220,38,38,.23) !important;border-color: rgba(248,113,113,.55) !important;} [data-theme="dark"] .tb-btn-reset i{color: #f87171 !important;} .sim-card.sc-batt .sc-split, .sim-card.sc-batt .sc-mini, .sim-card.sc-batt .range-value-line{min-width: 0 !important;} .sim-card.sc-batt .sc-mini{overflow: hidden !important;padding-left: 7px !important;padding-right: 7px !important;} .sim-card.sc-batt .sc-mini > span{white-space: normal !important;overflow-wrap: anywhere !important;line-height: 1.18 !important;} .sim-card.sc-batt .range-value-line{flex-wrap: wrap !important;row-gap: 2px !important;white-space: normal !important;} .sim-card.sc-batt .range-uncertainty-inline{flex: 0 0 auto !important;} .sim-card.sc-batt .ka-range-pill{max-width: 100% !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;} @media (max-width: 1180px){.sim-card.sc-batt .sc-split{gap: 5px !important;} .sim-card.sc-batt .sc-mini{padding: 6px 5px !important;} .sim-card.sc-batt .sc-mini > span{font-size: .58rem !important;} .sim-card.sc-batt .ka-range-pill.range-pill-current, .sim-card.sc-batt .ka-range-pill.range-pill-target{font-size: .60rem !important;padding: 3px 6px !important;} .sim-card.sc-batt .range-uncertainty-inline{font-size: .40rem !important;}} @media (max-width: 640px){.sim-card.sc-batt .sc-sub{margin-top: 4px !important;white-space: normal !important;} .sc-time-badge{transform: translateY(-2px) !important;height: 20px !important;min-height: 20px !important;padding: 2px 6px !important;}} @media (max-width: 420px){.sim-card.sc-batt .sc-split{grid-template-columns: 1fr !important;}} .tb-brand-h1{color: #0b2a5f !important;font-size: clamp(1.24rem, 2.35vw, 1.62rem) !important;line-height: 1.12 !important;font-weight: 900 !important;letter-spacing: -0.035em !important;} [data-theme="dark"] .tb-brand-h1{color: #dbeafe !important;} @media (max-width: 640px){.tb-brand-h1{font-size: clamp(1.18rem, 5vw, 1.42rem) !important;}} .tb-btn-reset{background: linear-gradient(135deg, #ef4444, #dc2626) !important;border-color: #b91c1c !important;color: #ffffff !important;box-shadow: 0 6px 15px rgba(220, 38, 38, .20) !important;} .tb-btn-reset:hover{background: linear-gradient(135deg, #dc2626, #b91c1c) !important;border-color: #991b1b !important;color: #ffffff !important;box-shadow: 0 8px 18px rgba(185, 28, 28, .24) !important;transform: translateY(-1px);} .tb-btn-reset i, .tb-btn-reset span{color: #ffffff !important;} [data-theme="dark"] .tb-btn-reset{background: linear-gradient(135deg, #ef4444, #b91c1c) !important;border-color: rgba(248,113,113,.55) !important;color: #ffffff !important;} [data-theme="dark"] .tb-btn-reset i, [data-theme="dark"] .tb-btn-reset span{color: #ffffff !important;} .ev-picker-btn{justify-content: space-between !important;gap: 8px !important;} #ev-picker-label{display: block;flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;} .ev-picker-chevron{margin-left: auto !important;flex: 0 0 auto !important;} .sim-card.sc-batt{min-width: 0 !important;container-type: inline-size;} .sim-card.sc-batt .sc-head{display: grid !important;grid-template-columns: minmax(0, 1fr) auto !important;align-items: start !important;gap: 6px !important;} .sim-card.sc-batt .sc-title{min-width: 0 !important;overflow-wrap: anywhere !important;} .sim-card.sc-batt .sc-sub{white-space: normal !important;overflow-wrap: anywhere !important;line-height: 1.18 !important;margin-top: 4px !important;} .sim-card.sc-batt .sc-time-badge{align-self: start !important;justify-self: end !important;height: auto !important;min-height: 20px !important;padding: 2px 7px !important;border-radius: 7px !important;transform: none !important;} .sim-card.sc-batt .sc-time-badge span{font-size: .50rem !important;} .sim-card.sc-batt .sc-time-badge strong{font-size: .64rem !important;} .sim-card.sc-batt .sc-hero-battery{padding: 7px 8px !important;} .sim-card.sc-batt .sc-hero-label{font-size: .61rem !important;line-height: 1.18 !important;} .sim-card.sc-batt .sc-hero-energy-line{width: 100% !important;align-items: baseline !important;gap: 5px !important;flex-wrap: nowrap !important;} .sim-card.sc-batt .sc-hero-value{font-size: clamp(1.04rem, 1.55vw, 1.32rem) !important;line-height: 1.05 !important;white-space: nowrap !important;min-width: 0 !important;} .sim-card.sc-batt .sc-hero-percent{font-size: .62rem !important;white-space: nowrap !important;} .sim-card.sc-batt .sc-row{display: grid !important;grid-template-columns: minmax(0, 1fr) auto !important;align-items: start !important;gap: 6px !important;} .sim-card.sc-batt .sc-row span{min-width: 0 !important;overflow-wrap: anywhere !important;} .sim-card.sc-batt .sc-row strong{max-width: 100% !important;white-space: nowrap !important;} .sim-card.sc-batt .sc-split{min-width: 0 !important;} .sim-card.sc-batt .sc-mini{min-width: 0 !important;overflow: visible !important;} .sim-card.sc-batt .range-value-line{max-width: 100% !important;flex-wrap: wrap !important;row-gap: 2px !important;white-space: normal !important;} .sim-card.sc-batt .ka-range-pill{max-width: 100% !important;white-space: nowrap !important;} @container (max-width: 285px){.sim-card.sc-batt .sc-head{grid-template-columns: 1fr !important;} .sim-card.sc-batt .sc-time-badge{justify-self: start !important;} .sim-card.sc-batt .sc-split{grid-template-columns: 1fr !important;} .sim-card.sc-batt .sc-hero-value{font-size: 1.08rem !important;} .sim-card.sc-batt .sc-row{gap: 4px !important;} .sim-card.sc-batt .sc-row span{font-size: .60rem !important;} .sim-card.sc-batt .sc-row strong{font-size: .64rem !important;}} @media (max-width: 1180px){.sim-card.sc-batt .sc-split{grid-template-columns: 1fr !important;} .sim-card.sc-batt .sc-hero-value{font-size: 1.12rem !important;}} .tb-stats{align-items: center;} .tb-stat-pill{align-items: center !important;gap: 6px !important;line-height: 1 !important;} .tb-stat-pill__lead{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;} .tb-stat-pill__content{display: inline-flex;align-items: center;gap: 4px;min-width: 0;line-height: 1;} .tb-stat-pill__label, .tb-stat-pill__meta{display: inline-flex;align-items: center;line-height: 1.1;} .tb-stat-pill__value{display: inline-flex;align-items: center;line-height: 1;transform: translateY(-0.5px);} .table-filter-toolbar{background: linear-gradient(180deg, rgba(248,250,252,.98) 0%, rgba(241,245,249,.96) 100%);} .table-filter-toolbar .filter-input{background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);border-color: #cbd5e1;box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(15,23,42,.04);} #firm-filter-input, #country-filter-input{font-weight: 600;} .filter-btn-group button{border-radius: 6px;color: #64748b;transition: background .15s ease, color .15s ease;} .filter-btn-group button:hover{background: rgba(99,102,241,.08);color: #4338ca;} .excel-dropdown{border: 1px solid #cbd5e1;border-radius: 14px;background: linear-gradient(180deg, #fbfdff 0%, #f4f7fb 100%);box-shadow: 0 18px 42px rgba(15,23,42,.16), 0 4px 12px rgba(15,23,42,.08);overflow: hidden;} .excel-dropdown::before{content: '';display: block;height: 3px;background: linear-gradient(90deg, #4f46e5, #2563eb, #0ea5e9);} .excel-dropdown-search{padding: 7px 8px;border-bottom: 1px solid #dbe4ef;background: linear-gradient(180deg, #f8fbff 0%, #f1f5fb 100%);} .excel-dropdown-search input{border: 1px solid #cbd5e1;border-radius: 8px;padding: 4px 22px 4px 7px;background: #ffffff;box-shadow: inset 0 1px 0 rgba(255,255,255,.9);} .excel-dropdown-search .search-clear{color: #94a3b8;} .excel-dropdown-search .search-clear:hover{color: #475569;} .excel-dropdown-actions{gap: 6px;padding: 6px 7px;border-bottom: 1px solid #dbe4ef;background: #f5f7fb;} .excel-dropdown-actions button{border: 1px solid #cfd8e3;border-radius: 8px;background: #ffffff;font-weight: 700;box-shadow: 0 1px 1px rgba(15,23,42,.04);} .excel-dropdown-actions button:hover{background: #eef2ff;border-color: #a5b4fc;color: #4338ca;} .excel-dropdown-actions .btn-close-dropdown:hover{background: #fff1f2;border-color: #fecdd3;color: #dc2626;} .excel-dropdown-list{max-height: 300px;background: transparent;} .excel-dropdown-item{gap: 7px;min-height: 28px;padding: 5px 8px;border-bottom: 1px solid rgba(226,232,240,.8);font-size: .69rem;} .excel-dropdown-item:hover{background: rgba(79,70,229,.08);} .excel-dropdown-item input[type="checkbox"]{width: 12px;height: 12px;} .excel-dropdown-empty{padding: 10px;font-size: .66rem;} .ev-picker-btn{background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);border-color: #d4dbe6;box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(15,23,42,.04);} .ev-picker-dropdown{background: linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);border-color: #d6deea;box-shadow: 0 14px 34px rgba(15,23,42,.14), 0 4px 10px rgba(15,23,42,.07);} .ev-picker-search-wrap{background: linear-gradient(180deg, #f7f9fc 0%, #f1f4f8 100%);border-bottom-color: #dbe3ee;} .ev-picker-search-icon{color: #94a3b8;} .ev-picker-search::placeholder{color: #94a3b8;} .ev-picker-brand{background: #eef2ff;color: #475569;border-top: 1px solid #e2e8f0;border-bottom: 1px solid #e2e8f0;} .ev-picker-item{background: transparent;} .ev-picker-item:nth-child(even){background: rgba(255,255,255,.38);} .ev-picker-item-name{color: #334155;} .ev-picker-item:hover, .ev-picker-item.ev-picker-hl{background: rgba(79,70,229,.09);} .ev-picker-item-cap{background: rgba(99,102,241,.10);color: #4f46e5;} [data-theme="dark"] .table-filter-toolbar{background: linear-gradient(180deg, rgba(15,23,42,.95) 0%, rgba(17,24,39,.96) 100%);} [data-theme="dark"] .filter-btn-group button:hover{background: rgba(129,140,248,.16);color: #c7d2fe;} [data-theme="dark"] .excel-dropdown{border-color: #334155;background: linear-gradient(180deg, #0f172a 0%, #111827 100%);box-shadow: 0 18px 44px rgba(0,0,0,.45), 0 4px 12px rgba(0,0,0,.24);} [data-theme="dark"] .excel-dropdown-search{background: linear-gradient(180deg, #172032 0%, #111827 100%);border-bottom-color: #334155;} [data-theme="dark"] .excel-dropdown-search input{background: #0f172a;border-color: #334155;color: #e2e8f0;} [data-theme="dark"] .excel-dropdown-actions{background: #111827;border-bottom-color: #334155;} [data-theme="dark"] .excel-dropdown-actions button{background: #0f172a;border-color: #334155;color: #e2e8f0;} [data-theme="dark"] .excel-dropdown-actions button:hover{background: rgba(99,102,241,.18);border-color: rgba(129,140,248,.55);color: #c7d2fe;} [data-theme="dark"] .excel-dropdown-item{border-bottom-color: rgba(51,65,85,.75);} [data-theme="dark"] .excel-dropdown-item:hover{background: rgba(99,102,241,.16) !important;} [data-theme="dark"] .ev-picker-btn{background: linear-gradient(180deg, #1a2233 0%, #111827 100%);border-color: #334155;} [data-theme="dark"] .ev-picker-dropdown{background: linear-gradient(180deg, #172032 0%, #111827 100%);border-color: #334155;} [data-theme="dark"] .ev-picker-search-wrap{background: linear-gradient(180deg, #182235 0%, #111827 100%);border-bottom-color: #334155;} [data-theme="dark"] .ev-picker-brand{background: rgba(99,102,241,.12);color: #cbd5e1;border-color: rgba(99,102,241,.12);} [data-theme="dark"] .ev-picker-item:nth-child(even){background: rgba(255,255,255,.02);} [data-theme="dark"] .ev-picker-item-name{color: #e2e8f0;} @media (max-width: 640px){.tb-stat-pill__content{gap: 3px;} .tb-stat-pill__value{font-size: .74rem !important;} .excel-dropdown{border-radius: 12px;} .ev-picker-dropdown{border-radius: 12px;}} .ka-charge-badge{display: inline-flex !important;align-items: center !important;justify-content: center !important;width: max-content !important;max-width: none !important;white-space: nowrap !important;word-break: keep-all !important;overflow-wrap: normal !important;line-height: 1 !important;} .sim-card.sc-ac .sc-head, .sim-card.sc-dc .sc-head{position: relative !important;display: block !important;min-height: 40px !important;padding-right: 0 !important;} .sim-card.sc-ac .sc-head > div:first-child, .sim-card.sc-dc .sc-head > div:first-child{display: block !important;width: 100% !important;min-width: 0 !important;padding-right: 0 !important;} .sim-card.sc-ac .sc-badge, .sim-card.sc-dc .sc-badge{position: absolute !important;top: 0 !important;right: 0 !important;z-index: 2 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;white-space: nowrap !important;line-height: 1 !important;} .sim-card.sc-ac .sc-sub-under-badge, .sim-card.sc-dc .sc-sub-under-badge{display: block !important;width: 100% !important;max-width: 100% !important;margin-top: 7px !important;white-space: nowrap !important;word-break: keep-all !important;overflow-wrap: normal !important;overflow: visible !important;text-overflow: clip !important;line-height: 1.2 !important;letter-spacing: -0.025em !important;} .sim-card.sc-ac .sc-rows .sc-row, .sim-card.sc-dc .sc-rows .sc-row{display: grid !important;grid-template-columns: max-content minmax(0, 1fr) !important;align-items: center !important;gap: 7px !important;} .sim-card.sc-ac .sc-rows .sc-row > span, .sim-card.sc-dc .sc-rows .sc-row > span{white-space: nowrap !important;min-width: max-content !important;overflow-wrap: normal !important;} .sim-card.sc-ac .sc-rows .sc-row > strong, .sim-card.sc-dc .sc-rows .sc-row > strong{justify-self: end !important;min-width: 0 !important;white-space: nowrap !important;text-align: right !important;} @media (max-width: 640px){.sim-card.sc-ac, .sim-card.sc-dc{gap: 7px !important;} .sim-card.sc-ac .sc-head, .sim-card.sc-dc .sc-head{min-height: 38px !important;} .sim-card.sc-ac .sc-badge, .sim-card.sc-dc .sc-badge{min-height: 19px !important;padding: 2px 6px !important;border-radius: 6px !important;font-size: .56rem !important;} .sim-card.sc-ac .sc-badge strong, .sim-card.sc-dc .sc-badge strong{font-size: .58rem !important;} .sim-card.sc-ac .ka-charge-badge, .sim-card.sc-dc .ka-charge-badge{font-size: .50rem !important;padding: 2px 6px !important;border-radius: 5px !important;letter-spacing: .035em !important;} .sim-card.sc-ac .sc-sub-under-badge, .sim-card.sc-dc .sc-sub-under-badge{font-size: .57rem !important;margin-top: 7px !important;line-height: 1.15 !important;} .sim-card.sc-ac .sc-rows .sc-row, .sim-card.sc-dc .sc-rows .sc-row{gap: 5px !important;font-size: .60rem !important;} .sim-card.sc-ac .sc-rows .sc-row > strong, .sim-card.sc-dc .sc-rows .sc-row > strong{font-size: .63rem !important;letter-spacing: -0.02em !important;} .sim-card.sc-ac .ka-range-pill, .sim-card.sc-dc .ka-range-pill{font-size: .60rem !important;padding: 3px 7px !important;}} @media (max-width: 420px){.sim-card.sc-ac .sc-badge, .sim-card.sc-dc .sc-badge{font-size: .52rem !important;padding: 2px 5px !important;} .sim-card.sc-ac .sc-badge strong, .sim-card.sc-dc .sc-badge strong{font-size: .54rem !important;} .sim-card.sc-ac .sc-sub-under-badge, .sim-card.sc-dc .sc-sub-under-badge{font-size: .54rem !important;letter-spacing: -0.035em !important;} .sim-card.sc-ac .sc-rows .sc-row, .sim-card.sc-dc .sc-rows .sc-row{gap: 4px !important;font-size: .56rem !important;} .sim-card.sc-ac .sc-rows .sc-row > strong, .sim-card.sc-dc .sc-rows .sc-row > strong{font-size: .58rem !important;} .sim-card.sc-ac .ka-range-pill, .sim-card.sc-dc .ka-range-pill{font-size: .56rem !important;padding: 3px 6px !important;}} @media (max-width: 360px){.sim-card.sc-ac .sc-sub-under-badge, .sim-card.sc-dc .sc-sub-under-badge{white-space: normal !important;line-height: 1.18 !important;} .sim-card.sc-ac .sc-rows .sc-row, .sim-card.sc-dc .sc-rows .sc-row{grid-template-columns: 1fr !important;align-items: start !important;} .sim-card.sc-ac .sc-rows .sc-row > strong, .sim-card.sc-dc .sc-rows .sc-row > strong{justify-self: start !important;text-align: left !important;}} .sim-card.sc-ac .sc-head, .sim-card.sc-dc .sc-head{display: grid !important;grid-template-columns: max-content minmax(0, 1fr) max-content !important;grid-template-areas: "charge . efficiency" "sub sub sub" !important;align-items: start !important;column-gap: 8px !important;row-gap: 7px !important;min-height: 0 !important;padding-right: 0 !important;position: relative !important;} .sim-card.sc-ac .sc-head > div:first-child, .sim-card.sc-dc .sc-head > div:first-child{display: contents !important;width: auto !important;min-width: 0 !important;padding-right: 0 !important;} .sim-card.sc-ac .ka-charge-badge, .sim-card.sc-dc .ka-charge-badge{grid-area: charge !important;align-self: start !important;justify-self: start !important;margin: 0 !important;transform: none !important;line-height: 1.1 !important;} .sim-card.sc-ac .sc-badge, .sim-card.sc-dc .sc-badge{grid-area: efficiency !important;position: static !important;top: auto !important;right: auto !important;align-self: start !important;justify-self: end !important;margin: 0 !important;z-index: auto !important;} .sim-card.sc-ac .sc-sub-under-badge, .sim-card.sc-dc .sc-sub-under-badge{grid-area: sub !important;width: 100% !important;max-width: 100% !important;min-width: 0 !important;margin: 0 !important;white-space: nowrap !important;word-break: keep-all !important;overflow-wrap: normal !important;overflow: visible !important;text-overflow: clip !important;line-height: 1.2 !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child, .sim-card.sc-dc .sc-rows .sc-row:last-child{grid-template-columns: minmax(0, 1fr) auto !important;align-items: center !important;gap: 6px !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child > span, .sim-card.sc-dc .sc-rows .sc-row:last-child > span{min-width: 0 !important;max-width: 100% !important;white-space: normal !important;overflow-wrap: normal !important;line-height: 1.15 !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child > strong, .sim-card.sc-dc .sc-rows .sc-row:last-child > strong{min-width: max-content !important;justify-self: end !important;text-align: right !important;white-space: nowrap !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child .ka-range-pill, .sim-card.sc-dc .sc-rows .sc-row:last-child .ka-range-pill{white-space: nowrap !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;} @media (max-width: 640px){.sim-card.sc-ac .sc-head, .sim-card.sc-dc .sc-head{row-gap: 6px !important;} .sim-card.sc-ac .ka-charge-badge, .sim-card.sc-dc .ka-charge-badge{font-size: .56rem !important;padding: 2px 6px !important;} .sim-card.sc-ac .sc-sub-under-badge, .sim-card.sc-dc .sc-sub-under-badge{font-size: .57rem !important;letter-spacing: -0.025em !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child, .sim-card.sc-dc .sc-rows .sc-row:last-child{gap: 5px !important;padding-top: 6px !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child > span, .sim-card.sc-dc .sc-rows .sc-row:last-child > span{font-size: .56rem !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child .ka-range-pill, .sim-card.sc-dc .sc-rows .sc-row:last-child .ka-range-pill{font-size: .56rem !important;padding: 3px 7px !important;}} @media (max-width: 420px){.sim-card.sc-ac .sc-head, .sim-card.sc-dc .sc-head{column-gap: 6px !important;row-gap: 6px !important;} .sim-card.sc-ac .ka-charge-badge, .sim-card.sc-dc .ka-charge-badge{font-size: .53rem !important;padding: 2px 5px !important;} .sim-card.sc-ac .sc-badge, .sim-card.sc-dc .sc-badge{font-size: .52rem !important;padding: 2px 5px !important;} .sim-card.sc-ac .sc-sub-under-badge, .sim-card.sc-dc .sc-sub-under-badge{font-size: .54rem !important;letter-spacing: -0.035em !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child > span, .sim-card.sc-dc .sc-rows .sc-row:last-child > span{font-size: .53rem !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child .ka-range-pill, .sim-card.sc-dc .sc-rows .sc-row:last-child .ka-range-pill{font-size: .53rem !important;padding: 3px 6px !important;}} @media (max-width: 360px){.sim-card.sc-ac .sc-head, .sim-card.sc-dc .sc-head{grid-template-columns: max-content minmax(0, 1fr) max-content !important;} .sim-card.sc-ac .sc-sub-under-badge, .sim-card.sc-dc .sc-sub-under-badge{white-space: normal !important;line-height: 1.15 !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child, .sim-card.sc-dc .sc-rows .sc-row:last-child{grid-template-columns: 1fr !important;align-items: start !important;gap: 4px !important;} .sim-card.sc-ac .sc-rows .sc-row:last-child > strong, .sim-card.sc-dc .sc-rows .sc-row:last-child > strong{justify-self: start !important;text-align: left !important;}} .cost-popup-trigger{cursor: pointer;} .cost-popup-trigger:hover{box-shadow: inset 0 0 0 1px rgba(79,70,229,.18);} .kp-trip-title{font-size: .79rem;font-weight: 800;line-height: 1.25;margin: 2px 0 6px;} .kp-mini-title{margin: 7px 0 3px;font-size: .60rem;font-weight: 800;letter-spacing: .045em;text-transform: uppercase;color: #64748b;} [data-theme="dark"] .kp-mini-title{color: #8fafc8;} .page-wrap-analysis{max-width: min(var(--evc-page-max, 1320px), calc(100% - var(--evc-page-gutter, 32px))) !important;width: min(var(--evc-page-max, 1320px), calc(100% - var(--evc-page-gutter, 32px))) !important;margin: 18px auto 10px !important;min-height: auto !important;} .page-wrap-analysis > .max-w-7xl, .page-wrap-analysis [class~="max-w-7xl"]{width: 100% !important;max-width: var(--evc-page-max, 1320px) !important;margin: 0 auto !important;padding-left: 0 !important;padding-right: 0 !important;padding-top: 0 !important;} .page-wrap-analysis .evc-topbar{margin-top: 0 !important;margin-bottom: 14px;border-radius: 18px;overflow: hidden;} .page-wrap-analysis .evc-page-hero.evc-page-hero-index{margin: 0 !important;padding: 18px 22px !important;border: 0;border-radius: 0;box-shadow: none;} .page-wrap-analysis .evc-page-hero-icon{width: 56px !important;height: 56px !important;border-radius: 16px !important;display: flex !important;align-items: center !important;justify-content: center !important;color: #fff !important;background: linear-gradient(135deg, #2563eb, #0f766e) !important;box-shadow: 0 12px 28px rgba(37, 99, 235, .22) !important;} .page-wrap-analysis .evc-page-hero-icon i{color: #fff !important;font-size: 24px !important;line-height: 1 !important;} .page-wrap-analysis .evc-page-hero-title{font-size: clamp(1.45rem, 2.8vw, 2.15rem) !important;line-height: 1.1 !important;} .page-wrap-analysis .evc-continent-strip{display: flex !important;flex-wrap: nowrap !important;align-items: center !important;justify-content: flex-start !important;gap: 7px !important;min-height: 30px !important;padding: 6px 10px !important;overflow-x: auto !important;overflow-y: hidden !important;white-space: nowrap !important;scrollbar-width: none !important;-webkit-overflow-scrolling: touch !important;} .page-wrap-analysis .evc-continent-strip::-webkit-scrollbar{display: none !important;height: 0 !important;} .page-wrap-analysis .continent-chip{flex: 0 0 auto !important;min-height: 22px !important;padding: 3px 8px !important;border-radius: 7px !important;font-size: .62rem !important;white-space: nowrap !important;} @media (max-width: 760px){.page-wrap-analysis{width: min(100% - var(--evc-page-gutter-mobile, 18px), var(--evc-page-max, 1320px)) !important;max-width: min(100% - var(--evc-page-gutter-mobile, 18px), var(--evc-page-max, 1320px)) !important;margin-top: 12px !important;} .page-wrap-analysis .evc-page-hero.evc-page-hero-index{padding: 14px !important;} .page-wrap-analysis .evc-page-hero-icon{width: 48px !important;height: 48px !important;border-radius: 14px !important;} .page-wrap-analysis .evc-page-hero-icon i{font-size: 21px !important;} .page-wrap-analysis .evc-page-hero-stats{display: grid !important;grid-template-columns: repeat(3, minmax(0, 1fr));width: 100%;gap: 6px !important;} .page-wrap-analysis .evc-page-hero-stat{min-width: 0 !important;padding: 7px 5px !important;}} .analysis-seo{width: 100%;margin: 30px 0 0;padding: 0 0 44px;} .analysis-seo-card{background: var(--surf, #fff);border: 1px solid var(--brd, #e9eef3);border-radius: 16px;padding: 20px 22px;min-width: 0;} .analysis-seo-lead{border-radius: 18px;padding: 24px 28px;margin-bottom: 16px;} .analysis-seo-grid, .analysis-seo-faq-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 16px;margin-bottom: 16px;} .analysis-seo-faq-grid{gap: 14px;margin-bottom: 0;} .analysis-seo-faq{margin-bottom: 16px;} .analysis-seo-title{margin: 0 0 10px;color: var(--txt, #0f172a);font-size: .95rem;font-weight: 800;line-height: 1.35;} .analysis-seo-title-primary{color: var(--c-primary, #2c7be5);font-size: 1.05rem;} .analysis-seo-title-spaced{margin-bottom: 14px;} .analysis-seo-title i{margin-right: 6px;color: var(--c-primary, #2563eb);} .analysis-seo-icon-amber{color: #f59e0b !important;} .analysis-seo-text{margin: 0 0 10px;color: var(--txt-2, #475569);font-size: .92rem;line-height: 1.78;} .analysis-seo-text-sm{font-size: .86rem;line-height: 1.75;margin-bottom: 8px;} .analysis-seo-text-last{margin-bottom: 0;} .analysis-seo-question{margin: 0 0 4px;color: var(--txt, #0f172a);font-size: .86rem;font-weight: 800;} .analysis-seo-answer{margin: 0;color: var(--txt-2, #475569);font-size: .83rem;line-height: 1.7;} .analysis-seo-actions{display: flex;flex-wrap: wrap;gap: 10px;} .analysis-seo-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 40px;padding: 10px 18px;border: 1px solid var(--brd, #e9eef3);border-radius: 10px;background: var(--surf2, #f8fafc);color: var(--c-primary, #2563eb);text-decoration: none;font-size: .88rem;font-weight: 700;} .analysis-seo-btn-primary{color: #fff;border-color: transparent;background: var(--c-primary, #2563eb);} @media (max-width: 760px){.analysis-seo{margin-top: 22px;padding-bottom: 34px;} .analysis-seo-lead, .analysis-seo-card{padding: 16px;} .analysis-seo-grid, .analysis-seo-faq-grid{grid-template-columns: 1fr;gap: 12px;} .analysis-seo-actions{display: grid;grid-template-columns: 1fr;} .analysis-seo-btn{width: 100%;}} .page-wrap-analysis .continent-chip-label{font-weight:500;font-size:.56rem;color:var(--txt-3,#94a3b8);} .filter-field-continent{min-width: 0;} .excel-dropdown-item{font-size: .63rem !important;} .excel-dropdown-item label{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .dropdown-row-number{flex: 0 0 20px;width: 20px;text-align: right;color: var(--txt-3, #94a3b8);font-size: .58rem;font-weight: 700;} .table-panel .last-update-mini, .table-panel [title] .fa-arrows-rotate{line-height: 1;} @media (max-width: 900px){.filter-toolbar-main{grid-template-columns: repeat(2, minmax(0, 1fr));} .filter-field-operator, .filter-field-country, .filter-field-continent{grid-column: span 1;}} @media (max-width: 420px){.filter-toolbar-main{grid-template-columns: 1fr;} .filter-field-operator, .filter-field-country, .filter-field-continent{grid-column: auto;}} .table-filter-toolbar, .table-filter-toolbar *{box-sizing: border-box;} .table-filter-toolbar{width: 100%;max-width: 100%;overflow: visible;} .filter-toolbar-main{width: 100% !important;max-width: 100% !important;grid-template-columns: minmax(140px, 1.18fr) minmax(116px, .72fr) minmax(128px, .82fr) minmax(116px, .70fr) minmax(116px, .70fr) minmax(92px, .56fr) !important;gap: 7px !important;} .filter-field-operator .filter-input{font-size: .68rem;} .filter-field-clear{min-width: 0 !important;} .table-filter-clear-btn{min-width: 0;padding-inline: 8px;} .excel-dropdown{box-sizing: border-box;max-width: calc(100vw - 16px);} .excel-dropdown-item{min-height: 28px !important;padding: 5px 8px !important;gap: 7px !important;font-size: .58rem !important;} .excel-dropdown-item input[type="checkbox"]{width: 12px;height: 12px;flex: 0 0 12px;} .excel-dropdown-item label{font-size: .58rem !important;line-height: 1.25;} .dropdown-row-number{flex-basis: 18px;width: 18px;font-size: .52rem;} .excel-dropdown-search input{min-height: 27px;font-size: .58rem;} .excel-dropdown-actions button{min-height: 23px;font-size: .56rem;padding: 3px 8px;} @media (max-width: 1100px){.filter-toolbar-main{grid-template-columns: minmax(130px,1fr) minmax(105px,.75fr) minmax(112px,.8fr) minmax(105px,.72fr) minmax(105px,.72fr) minmax(88px,.62fr) !important;} .table-filter-clear-btn{font-size: .60rem;padding-inline: 6px;}} @media (max-width: 900px){.filter-toolbar-main{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;} .filter-field-clear{grid-column: span 1;}} @media (max-width: 640px){.filter-toolbar-main{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 7px !important;} .filter-field-clear{grid-column: span 2;} .table-filter-clear-btn{width: 100%;} .excel-dropdown-item{font-size: .56rem !important;} .excel-dropdown-item label{font-size: .56rem !important;}} @media (max-width: 420px){.filter-toolbar-main{grid-template-columns: 1fr !important;} .filter-field-clear{grid-column: auto;}} .excel-dropdown-item label{display: flex;align-items: center;gap: 6px;} .dropdown-main-text{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .dropdown-count-badge{flex: 0 0 auto;margin-left: auto;padding: 1px 5px;border-radius: 999px;background: rgba(37, 99, 235, .08);border: 1px solid rgba(37, 99, 235, .16);color: var(--c-primary, #2563eb);font-size: .50rem;font-weight: 800;line-height: 1.35;} [data-theme="dark"] .dropdown-count-badge{background: rgba(96, 165, 250, .12);border-color: rgba(96, 165, 250, .22);} .price-filter{position: relative;} .price-filter .filter-input{padding-right: 24px !important;} .price-filter .clear-btn{display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;right: 5px;z-index: 3;border-radius: 999px;background: rgba(148,163,184,.14);color: #64748b;line-height: 1;} .price-filter .clear-btn:hover{background: rgba(239,68,68,.12);color: #dc2626;} .price-filter input[type=number]::-webkit-outer-spin-button, .price-filter input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;} .price-filter input[type=number]{-moz-appearance: textfield;} [data-theme="dark"] .price-filter .clear-btn{background: rgba(148,163,184,.20);color: #cbd5e1;}