.casino-product-mark{display:flex;align-items:center;gap:10px;margin:8px 3px 18px;padding:11px 12px;border:1px solid #ffffff2b;border-radius:9px;background:linear-gradient(135deg,#ffffff18,#d5fff411);color:#f4fffe}.casino-product-mark>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ffffff20;color:#e5fffc}.casino-product-mark .icon{width:17px}.casino-product-mark strong,.casino-product-mark small{display:block}.casino-product-mark strong{font-size:11px;letter-spacing:1.6px}.casino-product-mark small{margin-top:3px;color:#d1eff0;font-size:10px}.casino-nav-link{width:100%;font:inherit;text-align:left}.casino-nav-link.is-blocked{opacity:.55;cursor:not-allowed}.casino-nav-link.is-blocked small{margin-left:auto;color:#d1eff0;font-size:9px}.sidebar-collapsed .casino-product-mark{justify-content:center;margin:8px 0 18px;padding:8px}.sidebar-collapsed .casino-product-mark>div{display:none}.casino-page{max-width:1180px;margin:0 auto}.casino-status-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:28px;border:1px solid #a8e6db;background:linear-gradient(120deg,#effcf8,#f8fffd);border-radius:18px}.casino-status-hero h2{margin:8px 0 6px;color:#123846}.casino-status-hero p{margin:0;color:#637e86}.casino-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.casino-metrics article{min-height:125px}.casino-metrics strong{display:block;margin:14px 0 7px;color:#123846;font-size:22px}.casino-metrics small{display:block;color:#718890;line-height:1.45}.casino-product-card{background:linear-gradient(135deg,#092f3d,#12475a);color:#eefcf9;border-color:#277a7b}.casino-product-card h2{color:#f4fffc}.casino-product-card p{color:#bad9d9}.casino-card-symbol{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#77e4d225;color:#91f4df}.casino-card-symbol .icon{width:28px;height:28px}.casino-limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.casino-limit-grid div{padding:14px;border:1px solid #a0e6d923;border-radius:11px;background:#ffffff0b}.casino-limit-grid small,.casino-limit-grid strong{display:block}.casino-limit-grid small{color:#a5ccca;font-size:11px}.casino-limit-grid strong{margin-top:7px;color:#effffc}.casino-settings-form{max-width:740px}.casino-settings-form .small-text{margin:20px 0;color:#718890}.casino-admin-rate form{display:grid;grid-template-columns:1fr 180px auto;align-items:end;gap:18px}.casino-admin-rate h2{margin:6px 0}.casino-admin-rate p{margin:0;color:#718890;font-size:13px}.casino-admin-rate .field{margin:0}.casino-admin-rate .form-error{grid-column:1/-1;color:#b42318;font-size:12px}.casino-admin-actions{display:flex;flex-wrap:wrap;gap:7px}.casino-catalog-card{border-color:#91ddd1;background:linear-gradient(145deg,#f5fffc,#e8faf5)}.casino-catalog-card .billing-price{color:#08766b}.casino-catalog-card .btn{margin-top:17px}.casino-catalog-card .billing-features{margin-top:18px}.casino-catalog-card .badge{margin-top:17px;display:inline-flex}@media(max-width:850px){.casino-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.casino-admin-rate form{grid-template-columns:1fr 150px}.casino-admin-rate form>.btn{grid-column:2}.casino-admin-rate .form-error{grid-column:1/-1}}@media(max-width:600px){.casino-status-hero{display:block;padding:22px}.casino-status-hero .badge{display:inline-flex;margin-top:18px}.casino-metrics{grid-template-columns:1fr}.casino-limit-grid{grid-template-columns:1fr}.casino-admin-rate form{display:block}.casino-admin-rate form>.btn{margin-top:12px;width:100%}.casino-admin-actions{display:block}.casino-admin-actions .btn{width:100%;margin:3px 0}}
.casino-wallet-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.casino-wallet-overview article{min-height:112px}.casino-wallet-overview strong{display:block;margin:14px 0 7px;color:#123846;font-size:22px}.casino-wallet-overview small{display:block;color:#718890;line-height:1.45}.casino-credit{color:#08766b;font-weight:700}.casino-debit{color:#a33b48;font-weight:700}.casino-wallet-overview+.panel td{vertical-align:top}@media(max-width:700px){.casino-wallet-overview{grid-template-columns:1fr}}
.casino-page .table-wrap small{color:#718890}.casino-page .table-wrap td strong{color:#123846}.casino-page .table-wrap .badge{white-space:nowrap}
.casino-connection-state{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:5px 10px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.casino-connection-state:before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.75}.casino-connection-state.connected{color:#13734d;background:#e6f7ee;border-color:#b9e5ce}.casino-connection-state.disconnected{color:#9a6419;background:#fff6df;border-color:#efd89f}.casino-connection-state.blocked{color:#a43d45;background:#fff0f1;border-color:#efc0c4}.casino-connection-state.requested{color:#6550a6;background:#f2efff;border-color:#d2c9f3}.casino-team-actions{display:flex;flex-wrap:wrap;gap:7px}.casino-team-actions .btn{min-height:34px;padding:7px 10px}@media(max-width:700px){.casino-team-actions{display:grid}.casino-team-actions .btn{width:100%}}

/* Casino visual refresh: presentation only, data and interactions unchanged. */
body:has(.casino-page){background:linear-gradient(145deg,#f6f8ff 0%,#eefaf8 48%,#fff7ef 100%)}
.casino-page{max-width:1240px;padding:8px 4px 42px}
.casino-page>.page-head{margin-bottom:28px;padding:24px 28px;border:1px solid #d8e7f0;border-radius:24px;background:linear-gradient(120deg,#ffffffd9,#eef9ffcc 52%,#f5efffdd);box-shadow:0 14px 34px #436a7a14}
.casino-page>.page-head h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em;background:linear-gradient(100deg,#153e66,#087f88 55%,#7a4ec4);-webkit-background-clip:text;background-clip:text;color:transparent}
.casino-page>.page-head p{color:#59728a}
.casino-status-hero{position:relative;overflow:hidden;margin-bottom:24px;padding:32px 34px;border:0;background:linear-gradient(115deg,#d9fff0,#e9f4ff 52%,#fff0e2);box-shadow:0 18px 40px #2d7a7d22}
.casino-status-hero:after{content:'';position:absolute;width:190px;height:190px;right:-44px;top:-92px;border-radius:50%;background:#ffc97855;box-shadow:-92px 132px 0 18px #7ae1d844}
.casino-status-hero>div,.casino-status-hero>.badge{position:relative;z-index:1}
.casino-status-hero h2{font-size:24px;color:#173c55}
.casino-status-hero .badge{border-color:#79d4ae;background:#dcfae9;color:#14714d;font-weight:800}
.casino-metrics{gap:14px}
.casino-metrics article{position:relative;overflow:hidden;min-height:132px;border:1px solid #dbe5ef;border-radius:18px;background:#ffffffde;box-shadow:0 10px 24px #456a7a12;transition:transform .2s ease,box-shadow .2s ease}
.casino-metrics article:hover{transform:translateY(-3px);box-shadow:0 16px 28px #456a7a20}
.casino-metrics article:after{content:'';position:absolute;right:-24px;bottom:-42px;width:100px;height:100px;border-radius:50%;background:#62cfc033}
.casino-metrics article:nth-child(1){border-top:4px solid #8a63d2}.casino-metrics article:nth-child(2){border-top:4px solid #16ae8a}.casino-metrics article:nth-child(3){border-top:4px solid #f0a640}.casino-metrics article:nth-child(4){border-top:4px solid #5f8fe4}
.casino-metrics .eyebrow,.casino-metrics strong,.casino-metrics small{position:relative;z-index:1}.casino-metrics strong{font-size:26px}
.casino-product-card{border:0;background:linear-gradient(125deg,#163f61,#147b7d 58%,#7a4db0);box-shadow:0 18px 38px #244b7330}
.casino-product-card:after{content:'';position:absolute;inset:auto 7% -90px auto;width:300px;height:180px;border-radius:50%;background:#ffe18a26;filter:blur(2px)}
.casino-product-card{position:relative;overflow:hidden}
.casino-card-symbol{background:#fff3b738;border:1px solid #fff5c45c;box-shadow:0 8px 20px #08283d26}
.casino-limit-grid div{border-color:#ffffff35;background:#ffffff14;backdrop-filter:blur(6px)}
.casino-limit-grid div:first-child{background:#ffcf6b24}.casino-limit-grid div:nth-child(2){background:#68e1c526}.casino-limit-grid div:nth-child(3){background:#b99aff25}
@media(max-width:600px){.casino-page{padding:0 0 28px}.casino-page>.page-head{padding:20px;border-radius:18px}.casino-status-hero{padding:24px}.casino-metrics article{min-height:116px}}
.casino-preview-grid{display:grid;gap:16px}.casino-preview-card{padding:0;overflow:hidden}.casino-preview-toggle{width:100%;border:0;background:#fff;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;cursor:pointer}.casino-preview-toggle span:first-child{display:grid;gap:5px}.casino-preview-toggle strong{font-size:18px;color:#173c55}.casino-preview-toggle small{color:#6c7f90}.casino-preview-list{border-top:1px solid #dce5ec}.casino-preview-row{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(240px,1.6fr) auto;gap:18px;align-items:center;padding:15px 22px;border-bottom:1px solid #edf1f4}.casino-preview-row:last-child{border-bottom:0}.casino-preview-row span{display:grid;gap:3px}.casino-preview-row small,.casino-preview-row time{font-size:12px;color:#7b8b98}.casino-preview-row p{margin:0;color:#395066;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.casino-preview-toggle,.casino-preview-row{grid-template-columns:1fr;display:grid}.casino-preview-row{gap:8px}.casino-preview-row p{white-space:normal}}
.casino-payment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.casino-payment-actions .btn{min-width:190px}@media(max-width:600px){.casino-payment-actions{display:grid}.casino-payment-actions .btn{width:100%;min-width:0}}
.casino-assigned-lines{margin-bottom:20px}.casino-assigned-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid #e2ebef}.casino-assigned-line:first-of-type{border-top:0}.casino-assigned-line strong,.casino-assigned-line small{display:block}.casino-assigned-line strong{margin:6px 0;color:#173c55;font-size:18px}.casino-assigned-line small,.casino-line-time small{color:#718890}.casino-line-time{text-align:right}.casino-line-time strong{color:#147b7d;font-size:20px}@media(max-width:600px){.casino-assigned-line{display:block}.casino-line-time{text-align:left;margin-top:14px}}

/* Vendedor Casino: Inicio, WhatsApp e Historial. */
.cs-page{max-width:980px;display:flex;flex-direction:column;gap:18px}
.cs-hello h1{font-size:26px;margin:0;color:#102a32}.cs-hello p{margin:4px 0 0;color:#597275}
.cs-hero{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;background:#e1f5ee;border:1px solid #9fe1cb;color:#085041;text-decoration:none}
.cs-hero strong{display:block;font-size:18px}.cs-hero small{display:block;color:#0f6e56;margin-top:2px}
.cs-hero-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#0f6e56;color:#e1f5ee;flex:none}
.cs-hero-go{margin-left:auto;display:flex;align-items:center;gap:6px;background:#0f6e56;color:#fff;border-radius:999px;padding:10px 18px;font-weight:700;white-space:nowrap}
.cs-hero-alert{background:#fdece6;border-color:#f5c4b3;color:#712b13}.cs-hero-alert small{color:#993c1d}.cs-hero-alert .cs-hero-icon,.cs-hero-alert .cs-hero-go{background:#d85a30}
.cs-warn{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:#faeeda;color:#633806;border:1px solid #fac775;text-decoration:none}
.cs-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.cs-metric{background:#fff;border:1px solid #dce8e8;border-radius:14px;padding:16px}.cs-metric small{color:#597275}.cs-metric strong{display:block;font-size:28px;color:#102a32;margin-top:4px}
.cs-metric.cs-hot strong{color:#d85a30}
.cs-lines{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.cs-line{background:#fff;border:1px solid #dce8e8;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px}
.cs-line.cs-line-ok{border-color:#5dcaa5}.cs-line.cs-line-soon{border-color:#ef9f27}.cs-line.cs-line-off{opacity:.75}
.cs-line-top{display:flex;justify-content:space-between;align-items:center}
.cs-line-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e1f5ee;color:#0f6e56}
.cs-line-number{font-size:20px;color:#102a32;margin-top:6px}.cs-line small{color:#597275}.cs-line-left b{color:#102a32}
.cs-chip{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px}
.cs-chip-ok{background:#e1f5ee;color:#085041}.cs-chip-soon{background:#faeeda;color:#633806}.cs-chip-off{background:#f1efe8;color:#5f5e5a}
.cs-bar{height:8px;border-radius:999px;background:#eef3f3;overflow:hidden;margin:8px 0 2px}.cs-bar span{display:block;height:100%;background:#1d9e75;border-radius:999px}
.cs-line-soon .cs-bar span{background:#ef9f27}.cs-line-off .cs-bar span{background:#b4b2a9}
.cs-timeline{list-style:none;margin:0;padding:6px 0 6px 6px;background:#fff;border:1px solid #dce8e8;border-radius:18px}
.cs-timeline li{position:relative;padding:12px 18px 12px 34px;border-left:2px solid #e5eeee;margin-left:18px}
.cs-timeline li:before{content:"";position:absolute;left:-7px;top:17px;width:12px;height:12px;border-radius:50%;background:#1d9e75}
.cs-timeline li.cs-t-soon:before{background:#ef9f27}.cs-timeline li.cs-t-off:before{background:#b4b2a9}
.cs-timeline strong{display:block;color:#102a32}.cs-timeline small{color:#597275}
.cs-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px;background:#fff;border:1px dashed #cfe0e0;border-radius:18px;text-align:center;color:#597275}.cs-empty strong{color:#102a32}
@media (max-width:640px){.cs-hero{flex-wrap:wrap}.cs-hero-go{margin-left:0}}
.cs-bar .cs-w0{width:0%}.cs-bar .cs-w10{width:10%}.cs-bar .cs-w20{width:20%}.cs-bar .cs-w30{width:30%}.cs-bar .cs-w40{width:40%}.cs-bar .cs-w50{width:50%}.cs-bar .cs-w60{width:60%}.cs-bar .cs-w70{width:70%}.cs-bar .cs-w80{width:80%}.cs-bar .cs-w90{width:90%}.cs-bar .cs-w100{width:100%}
.cs-line.cs-line-down{border-color:#f09595}.cs-chip-down{background:#fcebeb;color:#791f1f}.cs-line-down .cs-bar span{background:#e24b4a}.cs-timeline li.cs-t-down:before{background:#e24b4a}.cs-warn.cs-warn-down{background:#fcebeb;color:#791f1f;border-color:#f7c1c1}

/* Vendedor Casino v3: turquesa tecnológico. */
.cs-hello h1{color:#063b43}
.cs-hero{background:linear-gradient(120deg,#04212a 0%,#073b45 55%,#0b5a5f 100%);border:1px solid rgba(45,212,191,.45);color:#ecfeff;box-shadow:0 18px 40px rgba(6,42,51,.18);position:relative;overflow:hidden}
.cs-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(45,212,191,.18) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}
.cs-hero>*{position:relative;z-index:1}
.cs-hero small{color:#99f6e4}
.cs-hero-icon{background:linear-gradient(135deg,#14b8a6,#0e7490);color:#fff;box-shadow:0 0 20px rgba(45,212,191,.6)}
.cs-hero-go{background:#2dd4bf;color:#042f2e;box-shadow:0 0 18px rgba(45,212,191,.5)}
.cs-hero-alert .cs-hero-icon{background:#f59e0b;color:#1f1300;box-shadow:0 0 20px rgba(245,158,11,.6)}
.cs-hero-alert{border-color:rgba(245,158,11,.6)}
.cs-hero-alert strong{color:#fde68a}
.cs-metric{border:1px solid #d4efec;border-top:3px solid #14b8a6;background:#fff;box-shadow:0 6px 18px rgba(6,59,67,.06)}
.cs-metric strong{color:#0f766e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.cs-metric.cs-hot{border-top-color:#f59e0b}.cs-metric.cs-hot strong{color:#b45309}
.cs-line{border:1px solid #d4efec;border-top:3px solid #14b8a6;box-shadow:0 8px 22px rgba(6,59,67,.07)}
.cs-line.cs-line-soon{border-top-color:#f59e0b}.cs-line.cs-line-down{border-top-color:#ef4444}.cs-line.cs-line-off{border-top-color:#b4b2a9}
.cs-line-icon{background:linear-gradient(135deg,#14b8a6,#0e7490);color:#fff;box-shadow:0 0 14px rgba(45,212,191,.4)}
.cs-line-number{color:#063b43;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.3px}
.cs-chip-ok{background:#ccfbf1;color:#0f766e}
.cs-bar{background:#e6f7f5}.cs-bar span{background:linear-gradient(90deg,#14b8a6,#2dd4bf);box-shadow:0 0 10px rgba(45,212,191,.6)}
.cs-line-soon .cs-bar span{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.cs-timeline{border:1px solid #d4efec;box-shadow:0 8px 22px rgba(6,59,67,.06)}
.cs-timeline li{border-left-color:#ccfbf1}.cs-timeline li:before{background:#14b8a6;box-shadow:0 0 0 3px #ccfbf1,0 0 10px rgba(45,212,191,.7)}
.cs-timeline strong{color:#063b43}
.cs-empty{border-color:#99f6e4}
.cs-hero-alert .cs-hero-go{background:#2dd4bf;color:#042f2e}

/* Vendedor Casino v6: naranja sólo para lo nuevo. */
.cs-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f97316;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(255,255,255,.25),0 0 10px rgba(249,115,22,.55)}
.cs-nav-badge[hidden]{display:none}
/* Vendedor Casino: créditos de la línea */
.cs-credits{display:flex;align-items:center;gap:14px;margin:12px 0 6px;padding:14px 16px;border-radius:16px;background:linear-gradient(120deg,#04212a 0%,#073b45 60%,#0b5a5f 100%);color:#ecfeff;box-shadow:0 10px 24px rgba(6,42,51,.18)}
.cs-coin{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#422006;box-shadow:0 0 18px rgba(245,158,11,.55);flex:none}
.cs-credits-copy{display:flex;flex-direction:column;min-width:0}
.cs-credits-copy strong{font-size:30px;line-height:1.05;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}
.cs-credits-copy strong small{font-size:14px;font-family:inherit;color:#99f6e4;font-weight:600}
.cs-credits-copy span{font-size:13px;color:#c7f7ef}.cs-credits-copy b{color:#fff}
.cs-credits-rate{margin-left:auto;text-align:right;font-size:12px;color:#99f6e4;line-height:1.35}.cs-credits-rate small{color:#ccfbf1;opacity:.85}
.cs-credits-soon .cs-coin{animation:cs-coin-pulse 1.6s ease-in-out infinite}
@keyframes cs-coin-pulse{50%{box-shadow:0 0 26px rgba(245,158,11,.9)}}
.cs-credits-off{background:#f1efe8;color:#5f5e5a;box-shadow:none}.cs-credits-off .cs-coin{background:#d3d1c7;box-shadow:none}.cs-credits-off .cs-credits-copy strong,.cs-credits-off .cs-credits-copy span,.cs-credits-off .cs-credits-rate{color:#5f5e5a}
.cs-line-note{display:block;margin-top:6px;font-size:14px;font-weight:600;color:#0f766e}
.cs-line-soon .cs-line-note{color:#b45309}.cs-line-down .cs-line-note{color:#b91c1c}.cs-line-off .cs-line-note{color:#5f5e5a}
@media (max-width:520px){.cs-credits{flex-wrap:wrap}.cs-credits-rate{margin-left:62px;text-align:left}}

.cs-credits-copy strong{white-space:nowrap}
.cs-credits-rate{margin:4px 0 0!important;text-align:left!important;font-style:normal;font-size:11.5px;color:#99f6e4;opacity:.9}
.cs-credits-off .cs-credits-copy strong small{color:#5f5e5a}
@media (max-width:520px){.cs-credits{flex-wrap:nowrap}}

/* Añadir créditos (acción pendiente de configurar) */
.cs-add-credits{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;min-height:44px;padding:10px 16px;border:0;border-radius:12px;background:#00a884;color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.cs-add-credits:hover{background:#008069}.cs-add-credits:focus-visible{outline:3px solid #99f6e4;outline-offset:2px}
.cs-add-credits span{font-size:20px;line-height:1}

/* Inicio propietaria: informe + añadir créditos */
.co-page{display:grid;gap:18px;max-width:1180px}
.co-hello{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.co-hello h1{margin:0;font-size:28px}.co-hello p{margin:4px 0 0;color:#5b6b70}
.co-refresh{display:inline-flex;align-items:center;gap:6px}
.co-alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.co-alert small{display:block;margin-top:2px;color:#7c2d12}
.co-alert-off{background:#fef2f2;border-color:#fecaca;color:#991b1b}.co-alert-off small{color:#7f1d1d}
.co-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.co-kpi{padding:16px;border-radius:16px;background:#fff;border:1px solid #e3ecec;display:grid;gap:4px}
.co-kpi small{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5b6b70}.co-kpi strong{font-size:28px;line-height:1.1;color:#0f2f35}.co-kpi strong small{font-size:16px;color:#5b6b70;text-transform:none;letter-spacing:0}
.co-kpi span{font-size:13px;color:#5b6b70}.co-kpi a{color:#0d7c66;font-weight:700}
.co-kpi-off{border-color:#fecaca;background:#fff5f5}.co-kpi-off strong{color:#b91c1c}.co-kpi-hot{border-color:#fed7aa;background:#fffaf3}.co-kpi-hot strong{color:#c2410c}.co-kpi-warn{border-color:#fde68a;background:#fffbeb}
.co-card{padding:18px;border-radius:18px;background:#fff;border:1px solid #e3ecec}.co-card h2{margin:0;font-size:18px}
.co-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:14px}.co-card-head span{font-size:13px;color:#5b6b70}
.co-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.co-line{border:1px solid #e3ecec;border-radius:16px;padding:14px;display:grid;gap:10px;background:#fbfdfd}
.co-line-off{border-color:#fecaca;background:#fffafa}.co-line-soon{border-color:#fed7aa;background:#fffcf7}
.co-line header{display:flex;align-items:center;gap:10px}.co-line-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e7f6f2;color:#0d7c66}
.co-line-id{flex:1;min-width:0}.co-line-id strong{display:block;font-size:16px}.co-line-id small{color:#5b6b70}.co-disc{color:#b45309}
.co-left{margin:0;font-weight:700;color:#0f2f35}.co-line-off .co-left{color:#b91c1c}.co-line-soon .co-left{color:#b45309}
.co-line-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.co-line-stats div{padding:8px;border-radius:10px;background:#f1f6f6}.co-line-stats strong{display:block;font-size:18px}.co-line-stats small{font-size:12px;color:#5b6b70}
.co-hot strong,td.co-hot{color:#c2410c;font-weight:800}
.co-add,.co-assign{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:12px;border:0;background:#00a884;color:#fff;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.co-add:hover{background:#008069}.co-add-urgent{background:#dc2626}.co-add-urgent:hover{background:#b91c1c}.co-add span{font-size:20px;line-height:1}
.co-assign{background:#e7f6f2;color:#0d7c66}
.co-topup{display:grid;gap:10px;padding:12px;border-radius:12px;background:#fff;border:1px solid #cfe3df}.co-topup-title{font-size:15px}
.co-days{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.co-day{display:grid;gap:2px;padding:8px 4px;border-radius:10px;border:1px solid #cfe3df;background:#f7fbfa;font:inherit;font-weight:700;cursor:pointer}.co-day small{font-weight:500;color:#5b6b70}
.co-day.on{border-color:#00a884;background:#e7f6f2;box-shadow:inset 0 0 0 1px #00a884}
.co-custom{display:grid;gap:4px;font-size:13px;color:#5b6b70}.co-custom input{min-height:40px;padding:6px 10px;border-radius:10px;border:1px solid #cfe3df;font:inherit}
.co-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.co-sum div{padding:8px;border-radius:10px;background:#f1f6f6}.co-sum dt{font-size:12px;color:#5b6b70}.co-sum dd{margin:0;font-weight:800}.co-neg{color:#b91c1c}
.co-warn{margin:0;color:#b91c1c;font-weight:600}.co-warn a{color:#0d7c66}.co-err{margin:0;color:#b91c1c;font-weight:600}
.co-topup-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.co-pay{background:#00a884;color:#fff;border:0}.co-pay:disabled{opacity:.5;cursor:not-allowed}
.co-note{color:#5b6b70}
.co-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;height:190px;padding-top:8px}
.co-bar-col{display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;gap:4px;height:100%}
.co-bar-val{font-size:12px;font-weight:700;color:#0f2f35}.co-bar{align-self:end;width:min(42px,70%);border-radius:8px 8px 3px 3px;background:#9fd9cc;min-height:3px}.co-bar.today{background:#00a884}
.co-bar-col small{font-size:12px;color:#5b6b70;text-transform:capitalize}.co-bar-col em{font-style:normal;font-size:11px;color:#0d7c66;font-weight:700;min-height:14px}.co-legend{font-style:normal;color:#0d7c66;font-weight:700}
.co-h0{height:3px}.co-h1{height:10%}.co-h2{height:20%}.co-h3{height:30%}.co-h4{height:40%}.co-h5{height:50%}.co-h6{height:60%}.co-h7{height:70%}.co-h8{height:80%}.co-h9{height:90%}.co-h10{height:100%}
.co-table-wrap{overflow-x:auto}.co-table{width:100%;border-collapse:collapse;font-size:14px}.co-table th,.co-table td{padding:10px 8px;border-bottom:1px solid #edf2f2;text-align:right;white-space:nowrap}.co-table th:first-child,.co-table thead th:first-child{text-align:left}.co-table thead th{font-size:12px;color:#5b6b70;text-transform:uppercase;letter-spacing:.03em}
@media (max-width:640px){.co-hello h1{font-size:22px}.co-kpi strong{font-size:22px}.co-lines{grid-template-columns:1fr}.co-sum{grid-template-columns:1fr}.co-chart{height:150px;gap:4px}}
.co-lines{align-items:start}
.co-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.co-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.co-page,.co-card,.co-kpi,.co-line{min-width:0}
.co-lines{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
@media (max-width:640px){.co-card{padding:14px}.co-line-stats small{font-size:11px}.co-card-head span{font-size:12px}.co-days{grid-template-columns:repeat(2,1fr)}}