/* Cobalt Campaign & Sale System */
.cobalt-sale{--sale-accent:#4f8cff;--sale-accent-rgb:79,140,255;--sale-bg:#0a111d;--sale-surface:#101b2b;--sale-text:#f7f9ff;--sale-muted:#9fb0c9;position:relative;z-index:2147480000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cobalt-sale--christmas{--sale-accent:#f4c75b;--sale-accent-rgb:244,199,91;--sale-bg:#071510;--sale-surface:#10251d}
.cobalt-sale--easter{--sale-accent:#d98cff;--sale-accent-rgb:217,140,255;--sale-bg:#151020;--sale-surface:#21172e}
.cobalt-sale--blackfriday{--sale-accent:#f2c94c;--sale-accent-rgb:242,201,76;--sale-bg:#070707;--sale-surface:#151515}
.cobalt-sale--summer{--sale-accent:#37b7ff;--sale-accent-rgb:55,183,255;--sale-bg:#071927;--sale-surface:#0d293c}
.cobalt-sale--halloween{--sale-accent:#ff8a3d;--sale-accent-rgb:255,138,61;--sale-bg:#140b1e;--sale-surface:#24122f}
.cobalt-sale--newyear{--sale-accent:#6da8ff;--sale-accent-rgb:109,168,255;--sale-bg:#07111f;--sale-surface:#0f2138}
.cobalt-sale-ribbon{position:fixed;left:50%;bottom:18px;z-index:2147480100;display:flex;align-items:stretch;width:min(920px,calc(100vw - 32px));min-height:54px;transform:translateX(-50%);border:1px solid rgba(var(--sale-accent-rgb),.42);border-radius:15px;background:linear-gradient(110deg,rgba(var(--sale-accent-rgb),.16),rgba(9,15,25,.96) 34%,rgba(9,15,25,.98));box-shadow:0 18px 70px rgba(0,0,0,.52),0 0 40px rgba(var(--sale-accent-rgb),.12);backdrop-filter:blur(18px);overflow:hidden;animation:cobaltSaleRise .5s ease both}
.cobalt-sale-ribbon::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--sale-accent);box-shadow:0 0 24px var(--sale-accent)}
.cobalt-sale-ribbon-main{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;min-width:0;flex:1;padding:10px 17px 10px 20px;border:0;background:transparent;color:var(--sale-text);font:inherit;text-align:left;cursor:pointer}
.cobalt-sale-ribbon-main strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:-.01em}
.cobalt-sale-ribbon-badge,.cobalt-sale-dialog-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border:1px solid rgba(var(--sale-accent-rgb),.48);border-radius:999px;background:rgba(var(--sale-accent-rgb),.12);color:var(--sale-accent);font-size:9px;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.cobalt-sale-ribbon-discount{color:var(--sale-accent);font-size:12px;font-weight:900;white-space:nowrap}
.cobalt-sale-ribbon-countdown{min-width:74px;color:#dce7f7;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800;text-align:right}
.cobalt-sale-ribbon-close{display:grid;place-items:center;width:48px;border:0;border-left:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#8fa1bb;font-size:20px;cursor:pointer;transition:.2s ease}
.cobalt-sale-ribbon-close:hover{background:rgba(255,255,255,.08);color:#fff}
.cobalt-sale-backdrop{position:fixed;inset:0;z-index:2147480200;display:grid;place-items:center;padding:24px;background:rgba(2,6,12,.78);backdrop-filter:blur(12px);animation:cobaltSaleFade .22s ease both}
.cobalt-sale-backdrop[hidden]{display:none!important}
.cobalt-sale-dialog{position:relative;width:min(680px,100%);max-height:min(780px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(var(--sale-accent-rgb),.42);border-radius:26px;background:radial-gradient(circle at 75% 10%,rgba(var(--sale-accent-rgb),.22),transparent 36%),linear-gradient(145deg,var(--sale-surface),var(--sale-bg));box-shadow:0 42px 140px rgba(0,0,0,.72),0 0 80px rgba(var(--sale-accent-rgb),.15);color:var(--sale-text);outline:none;animation:cobaltSaleDialog .32s cubic-bezier(.2,.8,.2,1) both}
.cobalt-sale-dialog::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 30%);pointer-events:none}
.cobalt-sale-dialog-copy{position:relative;z-index:2;padding:52px 54px 48px}
.cobalt-sale-dialog h2{max-width:560px;margin:18px 0 13px;color:#fff;font-size:clamp(36px,6vw,62px);line-height:.96;letter-spacing:-.055em}
.cobalt-sale-dialog p{max-width:570px;margin:0;color:var(--sale-muted);font-size:16px;line-height:1.65}
.cobalt-sale-dialog-close{position:absolute;top:18px;right:18px;z-index:4;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(5,10,18,.58);color:#aab8cd;font-size:22px;cursor:pointer}
.cobalt-sale-dialog-close:hover{color:#fff;border-color:rgba(var(--sale-accent-rgb),.5)}
.cobalt-sale-offer-line{display:flex;align-items:baseline;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09)}
.cobalt-sale-offer-line strong{color:var(--sale-accent);font-size:36px;line-height:1;font-weight:950;letter-spacing:-.045em}
.cobalt-sale-offer-line span{color:#c1cce0;font-size:13px;font-weight:700}
.cobalt-sale-timer{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}
.cobalt-sale-timer span{display:grid;gap:4px;padding:13px 10px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(3,8,15,.35);text-align:center}
.cobalt-sale-timer b{font-size:22px;font-variant-numeric:tabular-nums}
.cobalt-sale-timer small{color:#7f91aa;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.cobalt-sale-dialog-actions{display:flex;align-items:center;gap:10px;margin-top:28px}
.cobalt-sale-primary,.cobalt-sale-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border-radius:11px;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}
.cobalt-sale-primary{border:1px solid var(--sale-accent);background:var(--sale-accent);color:#07101b;box-shadow:0 14px 34px rgba(var(--sale-accent-rgb),.22)}
.cobalt-sale-secondary{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);color:#b8c5d8}
.cobalt-sale-decor{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.cobalt-sale-decor i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--sale-accent);opacity:.35;box-shadow:0 0 20px var(--sale-accent);animation:cobaltSaleFloat 5s ease-in-out infinite}
.cobalt-sale-decor i:nth-child(1){left:8%;top:12%}.cobalt-sale-decor i:nth-child(2){left:88%;top:25%;animation-delay:-1s}.cobalt-sale-decor i:nth-child(3){left:76%;top:78%;animation-delay:-2s}.cobalt-sale-decor i:nth-child(4){left:16%;top:83%;animation-delay:-3s}.cobalt-sale-decor i:nth-child(5){left:55%;top:8%;animation-delay:-4s}.cobalt-sale-decor i:nth-child(6){left:94%;top:58%;animation-delay:-2.5s}
.cobalt-sale--christmas .cobalt-sale-decor i{border-radius:2px;transform:rotate(45deg)}
.cobalt-sale--easter .cobalt-sale-decor i{width:10px;height:14px;border-radius:50% 50% 45% 45%}
.cobalt-sale--blackfriday .cobalt-sale-dialog{background:radial-gradient(circle at 75% 10%,rgba(242,201,76,.16),transparent 38%),linear-gradient(145deg,#171717,#050505)}
.cobalt-sale--halloween .cobalt-sale-decor i:nth-child(even){background:#b46cff}
.cobalt-sale.is-dismissed .cobalt-sale-ribbon,.cobalt-sale.is-expired .cobalt-sale-ribbon{display:none}
.cb-sale-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:7px 0 2px}
.cb-sale-price strong{color:#fff}
.cb-sale-price del{color:#697a94;font-size:.48em;font-weight:700;text-decoration-thickness:1px}
.cb-sale-label{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border:1px solid rgba(79,140,255,.35);border-radius:999px;background:rgba(79,140,255,.1);color:#76a7ff;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.cb-sale-note{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--sale-accent,#4f8cff);background:rgba(79,140,255,.07);color:#9fb0c9;font-size:11px;line-height:1.55}
/* Owner sale control */
.sale-owner-main{max-width:1480px}
.sale-owner-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding:28px 30px;border:1px solid rgba(89,132,203,.23);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(79,140,255,.16),transparent 34%),#0d1624}
.sale-owner-hero h1{margin:6px 0 8px;font-size:clamp(28px,4vw,48px);letter-spacing:-.045em}.sale-owner-hero p{max-width:760px;margin:0;color:#8fa1bb;line-height:1.6}.sale-owner-hero-actions{display:flex;flex-wrap:wrap;gap:8px}
.sale-template-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;margin:14px 0 20px}.sale-template-grid form{min-width:0}.sale-template-button{width:100%;min-height:72px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#0e1826;color:#dce7f7;text-align:left;cursor:pointer}.sale-template-button b{display:block;font-size:12px}.sale-template-button small{display:block;margin-top:4px;color:#71839e;font-size:9px}.sale-template-button:hover{border-color:rgba(79,140,255,.45);background:#122038}
.sale-owner-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px}.sale-campaign-list,.sale-editor{border:1px solid rgba(89,132,203,.2);border-radius:17px;background:#0d1624}.sale-campaign-list{align-self:start;position:sticky;top:16px;overflow:hidden}.sale-campaign-list-head{padding:16px 17px;border-bottom:1px solid rgba(255,255,255,.07)}.sale-campaign-list-head h2{margin:0;font-size:15px}.sale-campaign-list-body{display:grid;max-height:720px;overflow:auto}.sale-campaign-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.055);color:#aebbd0;text-decoration:none}.sale-campaign-link:hover,.sale-campaign-link.active{background:rgba(79,140,255,.09);color:#fff}.sale-campaign-link strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sale-campaign-link small{display:block;margin-top:4px;color:#687b98;font-size:9px}.sale-state{align-self:start;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.06);font-size:8px;font-weight:900;text-transform:uppercase}.sale-state.active{background:rgba(40,220,160,.12);color:#4ee3b1}.sale-state.scheduled{background:rgba(79,140,255,.12);color:#7eabff}.sale-state.paused{color:#f4c75b}.sale-state.ended{color:#8796aa}
.sale-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.07)}.sale-editor-head h2{margin:4px 0 0;font-size:22px}.sale-editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.sale-editor-tabs{display:flex;gap:4px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);overflow:auto}.sale-editor-tabs a{flex:0 0 auto;padding:8px 10px;border-radius:8px;color:#7e91ad;font-size:10px;font-weight:800;text-decoration:none}.sale-editor-tabs a.active{background:rgba(79,140,255,.12);color:#9bc0ff}.sale-editor-body{padding:22px}.sale-form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.07)}.sale-form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.sale-form-section h3{margin:0 0 5px;font-size:15px}.sale-form-section>p{margin:0 0 15px;color:#71839e;font-size:10px;line-height:1.55}.sale-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sale-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sale-field{display:grid;gap:6px}.sale-field.wide{grid-column:1/-1}.sale-field>span{color:#8da0bc;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sale-field input,.sale-field textarea,.sale-field select{width:100%;min-height:41px;padding:9px 11px;border:1px solid rgba(89,132,203,.25);border-radius:9px;background:#09121f;color:#e5edfa;font:inherit;font-size:11px;outline:none}.sale-field textarea{min-height:82px;resize:vertical}.sale-field input:focus,.sale-field textarea:focus,.sale-field select:focus{border-color:#4f8cff;box-shadow:0 0 0 3px rgba(79,140,255,.1)}.sale-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sale-check{display:flex;align-items:center;gap:8px;min-height:41px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0a1421;color:#aebbd0;font-size:10px}.sale-check input{accent-color:#4f8cff}.sale-preview{position:relative;overflow:hidden;padding:27px;border:1px solid rgba(79,140,255,.28);border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(79,140,255,.19),transparent 42%),#08121f}.sale-preview h3{max-width:580px;margin:12px 0 8px;color:#fff;font-size:34px;letter-spacing:-.045em}.sale-preview p{max-width:620px;color:#91a3bd;line-height:1.6}.sale-preview-offer{display:flex;align-items:baseline;gap:9px;margin-top:18px}.sale-preview-offer strong{color:var(--sale-preview-accent,#4f8cff);font-size:30px}.sale-plan-table{width:100%;border-collapse:collapse}.sale-plan-table th,.sale-plan-table td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;text-align:left}.sale-plan-table th{color:#71839e;font-size:8px;text-transform:uppercase}.sale-empty{padding:28px;text-align:center;color:#71839e}.sale-danger-zone{padding:16px;border:1px solid rgba(255,90,110,.24);border-radius:12px;background:rgba(255,50,80,.045)}
@keyframes cobaltSaleRise{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes cobaltSaleFade{from{opacity:0}to{opacity:1}}
@keyframes cobaltSaleDialog{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes cobaltSaleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:1180px){.sale-template-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.sale-owner-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:860px){.cobalt-sale-ribbon-main{grid-template-columns:auto minmax(0,1fr) auto}.cobalt-sale-ribbon-countdown{display:none}.sale-owner-hero{align-items:flex-start;flex-direction:column}.sale-owner-layout{grid-template-columns:1fr}.sale-campaign-list{position:static}.sale-campaign-list-body{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.sale-form-grid,.sale-form-grid.three{grid-template-columns:1fr}.sale-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cobalt-sale-ribbon{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 18px);min-height:50px;border-radius:13px}.cobalt-sale-ribbon-main{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px 11px 8px 14px}.cobalt-sale-ribbon-main strong{font-size:11px}.cobalt-sale-ribbon-discount{grid-column:2;font-size:10px}.cobalt-sale-ribbon-badge{font-size:7px;padding-inline:7px}.cobalt-sale-ribbon-close{width:40px}.cobalt-sale-backdrop{padding:10px}.cobalt-sale-dialog{border-radius:20px}.cobalt-sale-dialog-copy{padding:44px 22px 27px}.cobalt-sale-dialog h2{font-size:38px}.cobalt-sale-dialog p{font-size:14px}.cobalt-sale-offer-line{align-items:flex-start;flex-direction:column;gap:6px}.cobalt-sale-timer{gap:5px}.cobalt-sale-timer span{padding:10px 4px}.cobalt-sale-timer b{font-size:18px}.cobalt-sale-dialog-actions{align-items:stretch;flex-direction:column}.sale-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-campaign-list-body{grid-template-columns:1fr}.sale-editor-head{align-items:flex-start;flex-direction:column}.sale-editor-actions{justify-content:flex-start}.sale-check-grid{grid-template-columns:1fr}.sale-editor-body{padding:16px}.sale-preview h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.cobalt-sale-ribbon,.cobalt-sale-backdrop,.cobalt-sale-dialog,.cobalt-sale-decor i{animation:none!important;transition:none!important}}