:root{--bg:#060b14;--card:#0d1626;--card2:#111d31;--text:#f3f7ff;--muted:#8ea0ba;--line:#223149;--side:#040810;--side2:#101b2d;--accent:#4f7cff;--accent2:#3b66e7;--btn-primary:#2563eb;--btn-primary-hover:#1d4ed8;--btn-primary-text:#ffffff;--btn-secondary:#17243a;--btn-secondary-hover:#223451;--btn-secondary-text:#eaf2ff;--nav-active-bg:#12366f;--nav-active-text:#ffffff;--danger:#ef4444;--ok:#10b981;--warn:#f59e0b;--shadow:0 18px 50px rgba(0,0,0,.22)}html[data-theme=light]{--bg:#f4f7fb;--card:#fff;--card2:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e4e9f1;--side:#0d1728;--side2:#142139;--btn-primary:#2563eb;--btn-primary-hover:#1d4ed8;--btn-primary-text:#ffffff;--btn-secondary:#eef2f7;--btn-secondary-hover:#e2e8f0;--btn-secondary-text:#0f172a;--nav-active-bg:#1d4ed8;--nav-active-text:#ffffff;--shadow:0 12px 32px rgba(15,23,42,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{text-decoration:none;color:inherit}h1,h2,h3{letter-spacing:-.025em}h1{font-size:34px;margin:8px 0 18px}.muted{color:var(--muted)}.eyebrow{display:block;font-size:10px;letter-spacing:.14em;font-weight:850;color:var(--accent);margin-bottom:4px}.brand{font-size:22px;font-weight:900;letter-spacing:-.035em;display:flex;align-items:center;gap:9px}.brand-dot{display:inline-block;width:11px;height:11px;background:var(--accent);border-radius:4px;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.layout,.client-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.side,.client-side{position:sticky;top:0;height:100vh;background:var(--side);color:#d7e2f1;padding:24px 16px;overflow:auto}.side .brand,.client-side .brand{padding:5px 11px 26px;color:#fff}.side a,.client-side a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;margin:2px 0;color:#b8c7dc;font-weight:600}.side a:hover,.client-side a:hover{background:var(--side2);color:#fff}.side-label{font-size:10px;letter-spacing:.13em;color:#62748f;padding:18px 12px 6px;font-weight:800}.side-bottom{margin-top:20px;border-top:1px solid #1d2a40;padding-top:12px}.main,.client-main{padding:28px 34px;max-width:1600px;width:100%}.topbar{position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:14px;margin:-8px 0 24px;padding:12px 0;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(14px)}.topbar strong{display:block;font-size:21px}.client-user{display:flex;gap:10px;align-items:center;margin:0 6px 22px;padding:13px;border:1px solid #233149;border-radius:13px;background:#101d31}.client-user strong,.client-user small{display:block}.client-user small{color:#7f92ae;font-size:11px}.avatar{width:36px;height:36px;border-radius:10px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.theme-fab{position:fixed;right:22px;bottom:22px;z-index:40;width:48px;height:48px;border-radius:15px;border:1px solid var(--line);background:var(--card);color:var(--text);box-shadow:var(--shadow);cursor:pointer;font-size:22px}.theme-fab:hover{transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid color-mix(in srgb,var(--btn-secondary) 70%,var(--line));background:var(--btn-secondary);color:var(--btn-secondary-text);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:750;transition:.16s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);background:var(--btn-secondary-hover);color:var(--btn-secondary-text);box-shadow:0 6px 14px rgba(15,23,42,.07)}.btn.primary{background:var(--btn-primary)!important;border-color:var(--btn-primary)!important;color:var(--btn-primary-text)!important}.btn.primary:hover{background:var(--btn-primary-hover)!important;border-color:var(--btn-primary-hover)!important;color:var(--btn-primary-text)!important}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.actions form{display:inline-flex;gap:6px;margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow)}.card h3{margin-top:0;font-size:18px}.hero-card{background:linear-gradient(135deg,color-mix(in srgb,var(--card) 95%,#fff),color-mix(in srgb,var(--accent) 4%,var(--card)));padding:28px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats,.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:18px;min-height:105px;display:flex;flex-direction:column;justify-content:center}.stat strong{font-size:28px;letter-spacing:-.04em;margin-top:7px}.stat small{color:var(--muted);margin-top:4px}label{display:block;color:var(--muted);font-size:12px;font-weight:800;margin:12px 0 6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;font:inherit;transition:.15s}input:focus,select:focus,textarea:focus{outline:3px solid rgba(37,99,235,.12);border-color:var(--accent)}textarea{resize:vertical}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.checkline{display:flex;align-items:center;gap:8px}.checkline input{width:auto}.form-actions{display:flex;gap:8px;margin-top:17px;flex-wrap:wrap}.notice{padding:13px 15px;border-radius:11px;margin-bottom:15px;border:1px solid transparent}.notice.ok{background:#dff8ed;color:#05633f;border-color:#b7edd8}.notice.err{background:#fee8e8;color:#991b1b;border-color:#fecaca}.notice.info{background:#e8f2ff;color:#1e4f91;border-color:#cfe3ff}.notice.warn{background:#fff5d9;color:#8a5200;border-color:#fde8a7}.pill{display:inline-flex;align-items:center;font-size:11px;border:1px solid var(--line);padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--card) 88%,var(--bg));font-weight:700}.health-ok{background:#dcfce7!important;color:#166534!important}.health-warning{background:#fef3c7!important;color:#92400e!important}.health-error{background:#fee2e2!important;color:#991b1b!important}.health-unknown{background:#e2e8f0!important;color:#475569!important}.table-wrap{overflow:auto;border-radius:12px}table{width:100%;min-width:760px;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.section-head h1,.section-head h2,.section-head h3{margin:0}.login{max-width:480px;margin:7vh auto;padding:28px}.publicnav{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.publicmain{max-width:1240px;margin:0 auto;padding:44px 22px}.publicmain h1{font-size:42px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{transition:.18s}.product:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,23,42,.09)}.price{font-size:30px;font-weight:900;letter-spacing:-.04em}.invoice-total{font-size:38px;font-weight:900;letter-spacing:-.04em;margin:18px 0}.payment-instructions,.service-detail-grid>div{background:color-mix(in srgb,var(--bg) 60%,var(--card));border:1px solid var(--line);border-radius:12px;padding:14px}.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service-detail-grid>div{display:flex;flex-direction:column;gap:5px}.service-detail-grid strong{font-size:16px}.service-detail-grid small{color:var(--muted)}.ticket-msg{border:1px solid var(--line);border-radius:14px;padding:16px;margin:14px 0;background:color-mix(in srgb,var(--bg) 54%,var(--card))}.ticket-msg.admin-msg{background:color-mix(in srgb,var(--accent) 7%,var(--card));border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.ticket-msg small{float:right;color:var(--muted)}.template-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 18px}.template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.copybox{display:flex;gap:8px;align-items:center}.copybox input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.empty{text-align:center;padding:36px;color:var(--muted)}.kpi-up{color:var(--ok)}.kpi-warn{color:var(--warn)}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}code{display:block;padding:12px;border-radius:10px;background:#0f172a;color:#dbeafe;overflow:auto}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.nav-count{margin-left:auto;background:#ef4444;color:white;border-radius:999px;padding:1px 6px;font-size:10px}.mini-actions{display:flex;gap:5px;flex-wrap:wrap}@media(max-width:1180px){.dashboard-stats,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.layout,.client-layout{grid-template-columns:1fr}.side,.client-side{position:relative;height:auto;display:flex;gap:4px;overflow:auto;padding:10px}.side .brand,.client-side .brand,.side-label,.client-user,.side-bottom{display:none}.side a,.client-side a{white-space:nowrap}.main,.client-main{padding:20px 15px}.topbar{top:0}.grid.two,.row,.row.three{grid-template-columns:1fr}}@media(max-width:650px){.dashboard-stats,.admin-stats,.catalog,.grid,.service-detail-grid{grid-template-columns:1fr}.publicnav{padding:13px 14px}.publicnav .actions .btn:not(.primary){display:none}.publicmain{padding:28px 14px}.publicmain h1{font-size:34px}.main,.client-main{padding:14px 10px}.card{padding:16px;border-radius:14px}.section-head{flex-direction:column}.theme-fab{right:14px;bottom:14px}.topbar{align-items:flex-start}.topbar .actions{justify-content:flex-end}}

/* V6 premium */
body{background:radial-gradient(circle at 15% -10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34%),var(--bg)}
.publicnav{padding:14px max(22px,5vw);background:color-mix(in srgb,var(--bg) 78%,transparent);border-color:color-mix(in srgb,var(--line) 70%,transparent)}
.public-brand,.brand{display:flex!important;align-items:center;gap:10px}.brand-logo{max-height:34px;max-width:170px;display:block}.brand-logo-wrap{display:inline-flex;align-items:center}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#7c3aed);display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:900;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 25%,transparent)}.publicmain{max-width:1380px;padding-top:32px}.portal-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:32px;align-items:center;min-height:500px;padding:64px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,#0a1425 0%,#0c1930 52%,#101b2d 100%);box-shadow:0 35px 90px rgba(0,0,0,.28)}html[data-theme=light] .portal-hero{background:linear-gradient(145deg,#eef4ff,#f9fbff);box-shadow:0 28px 70px rgba(15,23,42,.09)}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent),transparent 65%);right:-130px;top:-180px;filter:blur(10px);opacity:.8}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(44px,6vw,76px);line-height:.98;margin:14px 0 22px;max-width:850px}.hero-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn.lg{padding:14px 20px;border-radius:13px;font-size:15px}.btn.glass{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);color:var(--text);backdrop-filter:blur(12px)}.hero-panel{position:relative;z-index:2;display:grid;gap:12px}.hero-mini{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:18px;backdrop-filter:blur(12px)}html[data-theme=light] .hero-mini{border-color:var(--line);background:rgba(255,255,255,.7)}.hero-mini>span{width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--accent) 18%,transparent);display:flex;align-items:center;justify-content:center;font-size:22px}.hero-mini strong,.hero-mini small{display:block}.hero-mini small{color:var(--muted);margin-top:4px}.domain-zone,.plans-section{padding:70px 4px 20px}.section-title{text-align:center;max-width:760px;margin:0 auto 28px}.section-title h2{font-size:36px;margin:7px 0 10px}.section-title p{color:var(--muted);font-size:16px}.domain-search{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:820px;margin:0 auto}.domain-search input{font-size:18px;padding:16px 18px;border-radius:14px;background:var(--card)}.tld-strip{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px auto 0;color:var(--muted)}.tld-strip span{padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:800;font-size:12px}.premium-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,white 4%),var(--card));border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow);transition:.2s}.product-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 28px 55px rgba(0,0,0,.22)}.product-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,transparent),color-mix(in srgb,#8b5cf6 18%,transparent));display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:16px}.product-icon.sm{width:36px;height:36px;border-radius:10px;font-size:17px;margin:0}.product-card h3{font-size:22px;margin:14px 0 8px}.product-desc{min-height:44px}.feature-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:9px;color:var(--muted)}.feature-list li::first-letter{color:var(--ok)}.wide{width:100%}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:55px 0 10px}.trust-grid>div{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--card)}.trust-grid strong,.trust-grid span{display:block}.trust-grid span{color:var(--muted);margin-top:7px}.checkout-shell{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:26px;align-items:start;max-width:1180px;margin:18px auto}.checkout-summary{position:sticky;top:95px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--accent) 6%,var(--card)));box-shadow:var(--shadow)}.checkout-summary h1{font-size:38px}.summary-price{font-size:40px;font-weight:900;margin-top:20px}.checkout-card{padding:30px;border-radius:24px}.domain-result-page{max-width:900px;margin:auto}.domain-result{display:flex;justify-content:space-between;align-items:center;gap:20px}.domain-result strong{font-size:24px}.domain-dot{display:inline-block;width:12px;height:12px;background:var(--warn);border-radius:50%;margin-right:9px}.toolbar{display:flex;align-items:center;gap:12px}.toolbar input{max-width:520px}.copy-row{display:flex;gap:7px;margin-top:8px}.copy-row input{min-width:260px;font-size:11px;font-family:ui-monospace,monospace}.product-cell{display:flex;align-items:center;gap:12px}.gateway-card{display:flex;justify-content:space-between;align-items:center;padding:14px;margin:10px 0;border:1px solid var(--line);border-radius:13px;background:var(--card2)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;background:#111827;color:white;padding:11px 18px;border-radius:999px;z-index:100;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.side,.client-side{border-right:1px solid #18243a}.side a,.client-side a{font-size:13px}.main,.client-main{max-width:none}.card{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 98%,white 2%),var(--card))}html[data-theme=light] .card{background:white}.topbar{padding:14px 0}.table-wrap table{min-width:900px}
@media(max-width:980px){.portal-hero{grid-template-columns:1fr;padding:42px 28px}.hero-panel{grid-template-columns:repeat(3,1fr)}.checkout-shell{grid-template-columns:1fr}.checkout-summary{position:relative;top:0}.premium-catalog{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.portal-hero{padding:34px 20px;border-radius:22px;min-height:auto}.hero-copy h1{font-size:42px}.hero-panel{grid-template-columns:1fr}.domain-search{grid-template-columns:1fr}.premium-catalog,.trust-grid{grid-template-columns:1fr}.publicnav .brand-name{display:none}.copy-row{flex-direction:column}.copy-row input{min-width:0}}

/* v7.1 responsive overhaul */
.mobile-menu-btn{display:none;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font-size:20px;cursor:pointer;flex:0 0 auto}.mobile-overlay{display:none}.topbar-title{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title>div{min-width:0}.topbar-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex:0 0 auto}.table-wrap{width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.card,.stat,.product-card,.checkout-card,.checkout-summary{min-width:0}.row>*{min-width:0}.actions .btn,.mini-actions .btn{max-width:100%}img{max-width:100%;height:auto}.copy-row,.copybox{max-width:100%}.copy-row input,.copybox input{min-width:0}.toolbar{flex-wrap:wrap}.toolbar>*{min-width:0}.toolbar input{flex:1 1 260px}.portal-hero,.checkout-shell,.grid,.row,.catalog,.premium-catalog,.trust-grid{min-width:0}

@media(max-width:920px){
 body.mobile-nav-open{overflow:hidden}
 .layout,.client-layout{display:block;min-height:100vh}
 .side,.client-side{display:block;position:fixed!important;left:0;top:0;bottom:0;width:min(86vw,310px);height:100dvh!important;z-index:100;padding:18px 14px;overflow-y:auto;overflow-x:hidden;transform:translateX(-105%);transition:transform .22s ease;box-shadow:24px 0 60px rgba(0,0,0,.34);border-right:1px solid #1d2a40}
 .side.mobile-open,.client-side.mobile-open{transform:translateX(0)}
 .side .brand,.client-side .brand{display:flex!important;padding:5px 10px 18px}.side-label{display:block!important;padding:16px 10px 5px}.client-user{display:flex!important;margin:4px 5px 14px}.side-bottom{display:block!important}.side a,.client-side a{white-space:normal;padding:11px 12px;font-size:13px}.side a span,.client-side a span{display:inline}
 .mobile-overlay{position:fixed;inset:0;background:rgba(2,6,23,.58);backdrop-filter:blur(2px);z-index:90}.mobile-nav-open .mobile-overlay{display:block}
 .mobile-menu-btn{display:inline-flex}
 .main,.client-main{padding:18px 16px 82px;max-width:100%;overflow-x:hidden}
 .topbar{margin:0 0 18px;padding:8px 0 12px;gap:10px;align-items:center}.topbar-title{flex:1;min-width:0}.topbar-title strong{font-size:18px}.topbar .eyebrow{font-size:9px}.topbar-actions .btn{padding:9px 11px;font-size:12px}
 .grid,.grid.two,.dashboard-stats,.admin-stats,.row,.row.three,.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-head{align-items:flex-start}.section-head>.actions{justify-content:flex-start}
 table{min-width:720px}.table-wrap{border:1px solid var(--line);background:var(--card)}
 .form-actions{position:relative}.login{margin:3vh 14px;padding:20px}
}

@media(max-width:640px){
 body{font-size:13px}.main,.client-main{padding:12px 10px 78px}.topbar{position:sticky;top:0;margin:0 -2px 14px;padding:8px 2px 10px}.topbar-actions .btn{font-size:0;width:42px;height:42px;padding:0}.topbar-actions .btn:after{content:'↗';font-size:18px}.topbar-title strong{font-size:16px;max-width:58vw}
 h1{font-size:27px}.card{padding:14px;border-radius:13px}.hero-card{padding:18px}.grid,.grid.two,.dashboard-stats,.admin-stats,.row,.row.three,.service-detail-grid,.catalog,.premium-catalog,.trust-grid{grid-template-columns:1fr!important;gap:10px}.stat{min-height:88px;padding:14px}.stat strong{font-size:24px}
 .actions,.mini-actions,.form-actions{width:100%;gap:7px}.actions .btn,.mini-actions .btn,.form-actions .btn,.form-actions button{flex:1 1 145px;white-space:normal;text-align:center}.actions form,.mini-actions form{flex:1 1 145px}.actions form .btn,.mini-actions form .btn{width:100%}
 label{margin-top:10px}input,select,textarea{font-size:16px;padding:11px 10px}textarea{min-height:110px}.checkline input{font-size:initial}
 .table-wrap{margin-left:-2px;margin-right:-2px;border-radius:10px}.table-wrap:before{content:'Desliza horizontalmente para ver más';display:block;padding:8px 10px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}table{min-width:650px;font-size:12px}th,td{padding:10px 8px}.pill{font-size:10px}
 .section-head{flex-direction:column;gap:10px}.section-head>.actions{width:100%}.toolbar{display:grid;grid-template-columns:1fr;width:100%}.toolbar input{width:100%;max-width:none}.copy-row,.copybox{display:grid;grid-template-columns:1fr}.copy-row .btn,.copybox .btn{width:100%}
 .publicnav{padding:10px 12px;gap:8px}.publicnav .actions{width:auto}.publicmain{padding:20px 10px}.portal-hero{padding:26px 16px}.hero-copy h1{font-size:36px}.hero-copy p{font-size:15px}.hero-actions .btn{width:100%}.domain-zone,.plans-section{padding-top:42px}.section-title h2{font-size:29px}.domain-search input{font-size:16px}.checkout-shell{display:block}.checkout-summary,.checkout-card{padding:18px;border-radius:17px}.checkout-summary h1{font-size:29px}.summary-price{font-size:32px}.domain-result{align-items:flex-start;flex-direction:column}.invoice-total{font-size:30px}
 .ticket-msg small{float:none;display:block;margin-top:8px}.timeline-item{grid-template-columns:1fr;gap:4px}.gateway-card{align-items:flex-start;flex-direction:column;gap:8px}.template-list{grid-template-columns:1fr}.theme-fab{width:44px;height:44px;border-radius:13px;right:10px;bottom:10px}
}

@media(max-width:390px){.topbar-title strong{max-width:48vw}.mobile-menu-btn{width:40px;height:40px}.topbar-actions .btn{width:40px;height:40px}.card{padding:12px}.publicmain{padding-left:8px;padding-right:8px}.portal-hero{padding:22px 13px}.hero-copy h1{font-size:32px}.btn{padding:9px 10px}.actions .btn,.mini-actions .btn,.form-actions .btn{flex-basis:100%}}
/* v7.2 navigation + forms */
.side a.active,.client-side a.active{background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important;border-color:color-mix(in srgb,var(--nav-active-bg) 75%,var(--line))!important;box-shadow:inset 3px 0 0 var(--accent)!important}.side a.active span,.client-side a.active span{color:var(--nav-active-text)!important}
html[data-theme=light] .side a.active,html[data-theme=light] .client-side a.active{color:var(--nav-active-text)!important}
.card.inset{margin:16px 0;padding:16px;background:var(--card2);box-shadow:none;border-style:dashed}
.template-tabs .pill.active{background:var(--accent);color:#fff}

/* v7.4 - mobile/responsive hardening */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.layout,.client-layout,.main,.client-main,.publicmain{min-width:0;max-width:100%}
.brand,.public-brand{min-width:0;max-width:100%}
.brand-logo-wrap{display:flex;align-items:center;min-width:0;max-width:100%;overflow:hidden}
.brand-logo{display:block;width:auto;height:auto;max-width:170px;max-height:42px;object-fit:contain;object-position:left center}
.side .brand-logo,.client-side .brand-logo{max-width:190px;max-height:48px}
.public-brand .brand-logo{max-width:155px;max-height:38px}
.card,.stat,.product-card,.checkout-card,.checkout-summary,.gateway-card,.ticket-msg{max-width:100%;overflow-wrap:anywhere}
.card pre,.card code{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
input,select,textarea,button{max-width:100%}
.table-wrap{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.section-head,.topbar,.toolbar,.actions,.mini-actions,.form-actions{min-width:0}
.topbar-title{overflow:hidden}.topbar-title>div{overflow:hidden}

@media(max-width:920px){
 .side,.client-side{width:min(82vw,286px)!important;max-width:286px!important;padding:16px 12px!important}
 .side .brand,.client-side .brand{height:58px;align-items:center;padding:2px 10px 15px!important;border-bottom:1px solid #1d2a40;margin-bottom:7px}
 .side .brand-logo,.client-side .brand-logo{max-width:172px;max-height:39px}
 .side a,.client-side a{min-height:43px;border:1px solid transparent;border-radius:11px}
 .side a.active,.client-side a.active{background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important;border-color:color-mix(in srgb,var(--nav-active-bg) 75%,var(--line))!important;box-shadow:inset 3px 0 0 var(--accent)!important}.side a.active span,.client-side a.active span{color:var(--nav-active-text)!important}
 .main,.client-main{width:100%;padding:14px 14px 78px!important}
 .topbar{position:sticky;top:0;z-index:60;margin:-14px -14px 16px!important;padding:10px 14px!important;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);backdrop-filter:blur(16px)}
 .mobile-menu-btn{display:inline-flex!important;width:42px;height:42px;border-radius:12px;box-shadow:none}
 .topbar-actions{margin-left:auto}
 .topbar-actions .btn{min-width:42px;max-width:110px;overflow:hidden;text-overflow:ellipsis}
 .grid,.grid.two,.dashboard-stats,.admin-stats,.row,.row.three,.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .publicmain{padding-left:14px!important;padding-right:14px!important}
}

@media(max-width:640px){
 .main,.client-main{padding:10px 10px 74px!important}
 .topbar{margin:-10px -10px 14px!important;padding:9px 10px!important;min-height:60px}
 .topbar-title{gap:9px}.topbar-title .eyebrow{display:none}.topbar-title strong{font-size:16px;line-height:1.2;max-width:calc(100vw - 128px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .topbar-actions .btn{font-size:0!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:11px}
 .topbar-actions .btn::after{content:'↗';font-size:17px}
 .mobile-menu-btn{width:40px;height:40px;font-size:19px}
 .grid,.grid.two,.dashboard-stats,.admin-stats,.row,.row.three,.service-detail-grid,.catalog,.premium-catalog,.trust-grid{grid-template-columns:1fr!important}
 .card{padding:14px!important;border-radius:14px}.hero-card{padding:17px!important}
 .card h3{font-size:17px}.stat{min-height:82px}
 .section-head{gap:9px}.section-head h1{font-size:25px;margin:0}.section-head h2{font-size:22px}
 .actions,.mini-actions,.form-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;width:100%}
 .actions>*,.mini-actions>*,.form-actions>*{min-width:0;width:100%!important;margin:0!important}
 .actions form,.mini-actions form{display:block!important;width:100%!important}.actions form .btn,.mini-actions form .btn{width:100%!important}
 .btn{white-space:normal;line-height:1.2;min-height:40px}
 .toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px}.toolbar>*{width:100%!important;max-width:none!important}
 .copy-row,.copybox{display:grid!important;grid-template-columns:1fr!important}.copy-row input,.copybox input{width:100%!important;min-width:0!important}
 .table-wrap{margin:0!important;border-radius:11px}.table-wrap:before{content:'← Desliza para ver más →';display:block;position:sticky;left:0;padding:7px 10px;font-size:10px;text-align:center;color:var(--muted);background:var(--card2);border-bottom:1px solid var(--line);z-index:2}
 table{min-width:620px!important}th,td{padding:9px 8px!important}
 .publicnav{min-height:58px;padding:9px 10px!important;gap:8px;flex-wrap:nowrap!important}.public-brand{flex:1 1 auto;overflow:hidden}.public-brand .brand-logo{max-width:126px;max-height:32px}.publicnav .actions{display:flex!important;width:auto!important;flex:0 0 auto;gap:6px}.publicnav .actions .btn{display:none!important}.publicnav .actions .btn.primary{display:inline-flex!important;width:auto!important;min-height:38px;padding:8px 11px;font-size:12px!important}.publicnav .actions .btn.primary::after{content:none}
 .publicmain{padding:18px 9px!important}.portal-hero{padding:24px 14px!important;border-radius:20px!important}.hero-copy h1{font-size:32px!important;line-height:1.02}.hero-copy p{font-size:14px!important;line-height:1.55}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .btn{width:100%!important}
 .domain-zone,.plans-section{padding:38px 0 10px!important}.section-title{margin-bottom:20px}.section-title h2{font-size:27px!important}.domain-search{grid-template-columns:1fr!important}.domain-search .btn{width:100%}
 .product-card{padding:20px!important;border-radius:18px!important}.product-card .price{font-size:27px}.feature-list{margin:15px 0}
 .checkout-shell{display:block!important;margin:8px 0!important}.checkout-summary,.checkout-card{padding:16px!important;border-radius:16px!important}.checkout-summary{position:static!important}.checkout-summary h1{font-size:27px!important}.summary-price{font-size:30px!important}
 .service-detail-grid{gap:8px!important}.service-detail-grid>div{padding:12px!important}
 .theme-fab{width:42px!important;height:42px!important;right:9px!important;bottom:9px!important}
}

@media(max-width:430px){
 .side,.client-side{width:84vw!important;max-width:278px!important}
 .side .brand-logo,.client-side .brand-logo{max-width:158px;max-height:36px}
 .actions,.mini-actions,.form-actions{grid-template-columns:1fr!important}
 .topbar-title strong{max-width:calc(100vw - 120px)!important}
 .public-brand .brand-logo{max-width:112px;max-height:30px}
 .publicnav .actions .btn.primary{padding:8px 9px;font-size:11px!important}
 table{min-width:580px!important}
 .portal-hero{padding:20px 12px!important}.hero-copy h1{font-size:29px!important}
}

/* v7.5 - search experience */
.admin-global-search{flex:1;max-width:620px;margin:0 14px}
.admin-global-search form,.global-search-form{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:6px 7px 6px 12px}
.admin-global-search span,.global-search-form span{font-size:19px;color:var(--muted)}
.admin-global-search input,.global-search-form input{border:0!important;background:transparent!important;box-shadow:none!important;min-width:0;flex:1;padding:8px 4px!important}
.admin-global-search .btn,.global-search-form .btn{min-height:38px;padding:8px 13px}
.client-picker{position:relative;width:100%;z-index:12}
.client-picker-search{position:relative;display:flex;align-items:center}
.client-picker-search .search-ico{position:absolute;left:13px;color:var(--muted);font-size:18px;z-index:2}
.client-picker-search input{padding-left:39px!important;padding-right:42px!important;width:100%}
.client-picker-clear{position:absolute;right:7px;width:31px;height:31px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
.client-picker-clear:hover{background:var(--card2);color:var(--text)}
.client-picker-results{display:none;position:absolute;top:calc(100% + 7px);left:0;right:0;max-height:340px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:7px;box-shadow:0 20px 45px rgba(0,0,0,.28);z-index:120}
.client-picker-results.open{display:block}
.client-picker-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;gap:2px}
.client-picker-option:hover,.client-picker-option:focus{background:color-mix(in srgb,var(--accent) 16%,var(--card2));outline:none}
.client-picker-option span,.client-picker-option small{color:var(--muted);font-size:12px}
.client-picker-selected{font-size:12px;padding:6px 2px 0;min-height:24px}
.search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.search-group{padding:14px!important}
.search-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.search-group-head h3{margin:0}
.search-result-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px;border-radius:12px;color:var(--text);text-decoration:none;border:1px solid transparent}
.search-result-item:hover{background:var(--card2);border-color:var(--line)}
.search-result-item .result-icon{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--accent) 15%,transparent);display:grid;place-items:center;color:var(--accent)}
.search-result-item div{min-width:0}.search-result-item strong,.search-result-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item small{color:var(--muted);margin-top:2px}
@media(max-width:920px){.admin-global-search{max-width:none;margin:0 8px;order:3;flex-basis:100%}.topbar{flex-wrap:wrap}.admin-global-search form{width:100%}}
@media(max-width:640px){.admin-global-search{margin:3px 0 0;width:100%}.admin-global-search .btn{font-size:0;width:39px!important;min-width:39px!important;padding:0!important}.admin-global-search .btn:after{content:'⌕';font-size:17px}.search-result-grid{grid-template-columns:1fr}.global-search-form .btn{width:auto!important}.client-picker-results{position:fixed;left:10px;right:10px;top:72px;max-height:60vh}.client-picker-option{padding:12px}}

/* v7.6 - admin mobile hardening + dark contrast */
html[data-theme=dark] body,
html[data-theme=dark] .main,
html[data-theme=dark] .client-main,
html[data-theme=dark] .card,
html[data-theme=dark] .stat,
html[data-theme=dark] details,
html[data-theme=dark] summary,
html[data-theme=dark] h1,
html[data-theme=dark] h2,
html[data-theme=dark] h3,
html[data-theme=dark] h4,
html[data-theme=dark] h5,
html[data-theme=dark] h6,
html[data-theme=dark] strong,
html[data-theme=dark] legend,
html[data-theme=dark] th,
html[data-theme=dark] td{color:var(--text)}
html[data-theme=dark] label,
html[data-theme=dark] small,
html[data-theme=dark] .muted,
html[data-theme=dark] .help,
html[data-theme=dark] .hint{color:var(--muted)!important}
html[data-theme=dark] summary::marker{color:var(--text)}
html[data-theme=dark] input::placeholder,
html[data-theme=dark] textarea::placeholder{color:#71829b;opacity:1}
html[data-theme=dark] select option{background:#0d1626;color:#f3f7ff}
html[data-theme=dark] input[type=date],
html[data-theme=dark] input[type=time],
html[data-theme=dark] input[type=datetime-local]{color-scheme:dark}

/* Prevent admin content from creating a viewport wider than the phone */
.layout,.main,.topbar,.admin-global-search,.card,.row,.grid,.table-wrap,form,fieldset{min-width:0}
.main{overflow-x:hidden}
.card>*,details.card>*{max-width:100%}
summary{cursor:pointer;overflow-wrap:anywhere}

@media(max-width:920px){
  /* Admin becomes a true app shell: content full width, sidebar off-canvas */
  .layout{display:block!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
  .layout>.main{width:100%!important;max-width:100vw!important;margin:0!important;padding:14px 14px 78px!important}
  .layout>.side{display:block!important;position:fixed!important;inset:0 auto 0 0!important;width:min(84vw,288px)!important;max-width:288px!important;height:100dvh!important;transform:translate3d(-105%,0,0)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:110!important}
  .layout>.side.mobile-open{transform:translate3d(0,0,0)!important}
  .mobile-overlay{z-index:100!important}
  .mobile-nav-open .mobile-overlay{display:block!important}
  .layout .mobile-menu-btn{display:inline-flex!important}
  .layout .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'title actions' 'search search';align-items:center!important;gap:9px!important;margin:-14px -14px 16px!important;padding:10px 14px!important;width:auto!important;max-width:none!important}
  .layout .topbar-title{grid-area:title;min-width:0!important}
  .layout .topbar-actions{grid-area:actions;margin-left:0!important;justify-self:end!important;width:auto!important}
  .layout .admin-global-search{grid-area:search!important;margin:0!important;width:100%!important;max-width:none!important;min-width:0!important}
  .layout .admin-global-search form{width:100%!important;min-width:0!important}
  .layout .admin-global-search input{min-width:0!important;width:100%!important}
  .layout .section-head{display:flex!important;flex-wrap:wrap!important}
  .layout .section-head>.actions{width:100%!important}
  .layout .row,.layout .row.three,.layout .grid.two{grid-template-columns:1fr 1fr!important}
  .layout .card{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .layout .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}
  .layout table{width:max-content!important;min-width:720px!important;max-width:none!important}
}

@media(max-width:640px){
  .layout>.main{padding:10px 9px 74px!important}
  .layout .topbar{margin:-10px -9px 13px!important;padding:8px 9px!important;grid-template-columns:minmax(0,1fr) auto!important}
  .layout .topbar-title strong{display:block!important;max-width:calc(100vw - 118px)!important;font-size:16px!important;color:var(--text)!important}
  .layout .topbar-actions .btn{width:40px!important;min-width:40px!important;height:40px!important}
  .layout .admin-global-search form{padding:5px 6px 5px 10px!important;border-radius:12px!important}
  .layout .admin-global-search input{font-size:13px!important;padding:7px 2px!important}
  .layout .row,.layout .row.three,.layout .grid,.layout .grid.two,.layout .dashboard-stats,.layout .admin-stats,.layout .service-detail-grid{grid-template-columns:1fr!important}
  .layout .card{padding:13px!important;border-radius:13px!important}
  .layout details.card>summary{font-size:14px!important;padding:1px 0!important}
  .layout label{font-size:11px!important;color:var(--muted)!important}
  .layout input,.layout select,.layout textarea{font-size:16px!important;min-height:44px!important}
  .layout textarea{min-height:92px!important}
  .layout .actions,.layout .mini-actions,.layout .form-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:7px!important}
  .layout .actions>*,.layout .mini-actions>*,.layout .form-actions>*{width:100%!important;max-width:100%!important}
  .layout .actions form,.layout .mini-actions form{display:block!important;width:100%!important}
  .layout .actions .btn,.layout .mini-actions .btn,.layout .form-actions .btn{width:100%!important;min-height:42px!important;white-space:normal!important}
  .layout .toolbar{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .layout .toolbar input,.layout .toolbar select,.layout .toolbar .btn{width:100%!important;max-width:none!important}
  .layout .table-wrap:before{content:'← Desliza para ver más →';display:block;position:sticky;left:0;padding:7px 8px;font-size:10px;text-align:center;color:var(--muted);background:var(--card2);border-bottom:1px solid var(--line);z-index:2}
  .layout table{min-width:600px!important;font-size:12px!important}
  .layout th,.layout td{padding:9px 8px!important}
  .layout .client-picker-results{position:fixed!important;left:9px!important;right:9px!important;top:67px!important;width:auto!important;max-height:62vh!important}
  .layout .copy-row,.layout .copybox{display:grid!important;grid-template-columns:1fr!important}
  .layout .copy-row input,.layout .copybox input{width:100%!important;min-width:0!important}
}

@media(max-width:390px){
  .layout>.side{width:86vw!important;max-width:272px!important}
  .layout .topbar-title strong{max-width:calc(100vw - 112px)!important}
  .layout .card{padding:11px!important}
  .layout table{min-width:560px!important}
}

/* v7.7 - definitive adaptive admin desktop + payments UX */
:root{--admin-sidebar:270px}
.layout{grid-template-columns:var(--admin-sidebar) minmax(0,1fr)}
.layout>.side{position:sticky;top:0;align-self:start;height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:28px}
.layout>.side::-webkit-scrollbar{width:7px}.layout>.side::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.layout>.side:hover::-webkit-scrollbar-thumb{background:#30415d}.layout>.side::-webkit-scrollbar-track{background:transparent}
.layout>.main{min-width:0;width:100%;max-width:100%;overflow-x:hidden}
.layout .grid.two,.layout .responsive-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:16px;align-items:start}
.layout .grid:not(.two):not(.dashboard-stats):not(.admin-stats){grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.layout .dashboard-stats,.layout .admin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.layout .row{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.layout .row.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.layout .card{min-width:0}.layout .card>table{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.layout .card>table tbody{display:table;width:100%;min-width:620px}.layout .table-wrap table{width:100%}
.layout .section-head{min-width:0}.layout .section-head>*{min-width:0}.layout .section-head h1,.layout .section-head h2,.layout .section-head h3{overflow-wrap:anywhere}
.sticky-card{position:sticky;top:92px}.method-editor{border:1px solid var(--line);border-radius:14px;background:var(--card2);margin:0 0 12px;overflow:hidden}.method-editor summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;list-style:none;cursor:pointer}.method-editor summary::-webkit-details-marker{display:none}.method-editor summary span:first-child{display:grid;gap:3px}.method-editor summary small{color:var(--muted)}.method-editor form{padding:0 14px 14px}.method-editor>form+form{padding-top:0}.method-editor>form+form .btn{margin-bottom:14px}
.gateway-list{display:grid;gap:12px}.gateway-editor{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--card2)}.gateway-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.module-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);padding:10px 12px;border-radius:12px;margin:8px 0;background:var(--card2)}.module-row div{display:grid;gap:2px}.module-row small{color:var(--muted)}
.cron-health{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px;background:var(--card)}.cron-health-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:900}.cron-health p{margin:4px 0 0;color:var(--muted)}.cron-health.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.cron-health.ok .cron-health-icon{background:color-mix(in srgb,var(--ok) 18%,var(--card));color:var(--ok)}.cron-health.warn{border-color:color-mix(in srgb,var(--warn) 50%,var(--line))}.cron-health.warn .cron-health-icon{background:color-mix(in srgb,var(--warn) 18%,var(--card));color:var(--warn)}.cron-health.error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.cron-health.error .cron-health-icon{background:color-mix(in srgb,var(--danger) 18%,var(--card));color:var(--danger)}.compact-stat{min-height:88px}.compact-stat strong{font-size:clamp(17px,2vw,24px);overflow-wrap:anywhere}
html[data-theme=dark] .eyebrow{color:#aebdd1!important}html[data-theme=dark] .side-label{color:#8192aa!important}html[data-theme=dark] .card h4,html[data-theme=dark] .card h5,html[data-theme=dark] .card h6{color:#e5edf8!important}html[data-theme=dark] .method-editor small,html[data-theme=dark] .module-row small{color:#9cadc4!important}
@media(max-width:1360px) and (min-width:921px){:root{--admin-sidebar:240px}.main{padding:24px 22px}.layout .grid.two,.layout .responsive-split{grid-template-columns:1fr}.layout .topbar{gap:10px}.admin-global-search{margin:0 8px;max-width:520px}.layout .card{padding:18px}.layout .section-head{flex-wrap:wrap}.layout .section-head>.actions{flex:1 1 100%}}
@media(max-width:1100px) and (min-width:921px){:root{--admin-sidebar:218px}.side{padding-left:11px;padding-right:11px}.side a{font-size:12px;padding:9px 10px}.side-label{font-size:9px}.main{padding:20px 16px}.topbar strong{font-size:18px}.admin-global-search .btn{padding:8px 10px}.layout .dashboard-stats,.layout .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.sticky-card{position:static}.layout .responsive-split{grid-template-columns:1fr!important}.cron-health{grid-template-columns:auto minmax(0,1fr)}.cron-health>.pill{grid-column:1/-1;justify-self:start}.layout .card>table tbody{min-width:600px}}
@media(max-width:640px){.cron-health{grid-template-columns:1fr;padding:13px}.cron-health-icon{width:38px;height:38px}.gateway-editor-head,.module-row{align-items:flex-start;flex-direction:column}.module-row .btn{width:100%}.method-editor summary{align-items:flex-start}.layout .card>table tbody{min-width:560px}}


/* v7.8 - client area polish */
html[data-theme=dark] .login-entry{background:#17243a!important;color:#f6f9ff!important;border-color:#30425f!important}
html[data-theme=dark] .login-entry:hover{background:#213452!important;border-color:#4b6388!important}
.client-main .table-wrap{position:relative;overflow-x:auto;scrollbar-gutter:stable both-edges}
.client-main .table-wrap.dual-scroll{padding-top:13px}
.client-scroll-top{height:13px;overflow-x:auto;overflow-y:hidden;margin:0 0 6px;border-radius:8px;background:color-mix(in srgb,var(--card2) 78%,transparent)}
.client-scroll-top>div{height:1px}
.client-main .table-wrap:after{content:'← Desliza para ver más →';display:block;position:sticky;left:0;bottom:0;padding:7px 10px;font-size:10px;text-align:center;color:var(--muted);background:var(--card2);border-top:1px solid var(--line);z-index:2}
.ticket-form-card{max-width:900px;margin:auto}.icon-close{font-size:25px;line-height:1;width:42px;height:42px;padding:0;display:grid;place-items:center}
.ticket-thread{max-width:980px}.ticket-attachment{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--text);background:var(--card2)}
.cancel-service-box{margin-top:18px;border:1px solid color-mix(in srgb,var(--danger) 38%,var(--line));border-radius:14px;padding:0;overflow:hidden}.cancel-service-box summary{padding:13px 14px;color:var(--danger);font-weight:800;background:color-mix(in srgb,var(--danger) 7%,transparent)}.cancel-service-box form{padding:14px}
.domain-client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}.domain-client-card{min-width:0}.domain-client-card h3{overflow-wrap:anywhere}.dns-add-form{margin-bottom:16px}
.client-main .service-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.client-main .actions{flex-wrap:wrap}.client-main .actions .btn{max-width:100%}
@media(max-width:900px){.client-main .grid.two{grid-template-columns:1fr!important}.client-main .card{min-width:0}.client-main .table-wrap table{min-width:680px!important}}
@media(max-width:640px){.client-main .section-head{align-items:flex-start}.client-main .section-head>.actions,.client-main .section-head>.btn{width:100%}.client-main .section-head>.btn{justify-content:center}.client-main .table-wrap{border-radius:12px}.client-main .table-wrap table{min-width:640px!important}.ticket-msg{padding:13px!important}.ticket-form-card{padding:14px!important}.domain-client-grid{grid-template-columns:1fr}.client-main .service-cards{grid-template-columns:1fr}.client-main .topbar-actions{display:none}.client-main .actions{display:grid!important;grid-template-columns:1fr!important}.client-main .actions>*{width:100%!important}.client-main .actions form{width:100%!important}.client-main .actions form .btn{width:100%!important}}

.client-side a.client-subnav{min-height:32px!important;margin:-3px 0 3px 32px!important;padding:6px 10px!important;font-size:12px!important;color:var(--muted)}.client-side a.client-subnav.active{color:var(--text)!important;background:color-mix(in srgb,var(--accent) 12%,transparent)!important;border-color:transparent!important;box-shadow:none!important}@media(max-width:640px){.client-side a.client-subnav{margin-left:28px!important}}

/* v7.9 client navigation + responsive hardening */
@media (min-width:921px){
  .client-layout{display:block;min-height:100vh}
  .client-side{position:fixed!important;left:0;top:0;width:270px;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;z-index:35;border-right:1px solid #18243a}
  .client-main{margin-left:270px;width:calc(100% - 270px);max-width:none;min-height:100vh;padding:28px 34px}
  .client-side .side-bottom{padding-bottom:22px}
}
.client-main{min-width:0;overflow:visible}.client-main>.card,.client-main .grid>*{min-width:0}.client-main .card{max-width:100%}
.client-main .table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.client-main .client-scroll-top{max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:auto;scrollbar-color:var(--accent) color-mix(in srgb,var(--card2) 75%,transparent)}
.client-main .client-scroll-top::-webkit-scrollbar,.client-main .table-wrap::-webkit-scrollbar{height:11px}.client-main .client-scroll-top::-webkit-scrollbar-thumb,.client-main .table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 75%,#94a3b8);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.client-main .client-scroll-top::-webkit-scrollbar-track,.client-main .table-wrap::-webkit-scrollbar-track{background:color-mix(in srgb,var(--card2) 80%,transparent);border-radius:999px}
.client-main table{min-width:760px}.client-table-hint{display:none;color:var(--muted);font-size:11px;margin:0 0 5px}.client-scroll-top:not([style*="display: none"]) + .table-wrap .client-table-hint{display:block}
.phone-code-field{display:flex;align-items:center;border:1px solid var(--line);background:var(--card);border-radius:10px;overflow:hidden}.phone-code-field:focus-within{outline:3px solid rgba(37,99,235,.12);border-color:var(--accent)}.phone-code-field span{padding:0 0 0 12px;color:var(--muted);font-weight:800}.phone-code-field input{border:0!important;outline:0!important;box-shadow:none!important;padding-left:4px}
.client-ticket-detail .ticket-msg{overflow-wrap:anywhere}.client-ticket-detail .ticket-msg small{float:none;display:block;margin-top:2px}.client-ticket-detail form textarea{min-height:120px}
@media(max-width:920px){
  .client-layout{display:block!important}.client-main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:16px 12px!important;overflow-x:hidden}.client-side{position:fixed!important}
  .client-main .topbar{margin-left:0;margin-right:0}.client-main .section-head{align-items:stretch}.client-main .section-head>.actions{width:100%}.client-main .section-head>.actions .btn,.client-main .section-head>.actions form{max-width:100%}
  .client-main .actions{gap:8px}.client-main .actions .btn{max-width:100%}.client-main .card{padding:16px}.client-main .grid.two,.client-main .row,.client-main .row.three{grid-template-columns:1fr!important}
  .client-main .service-detail-grid{grid-template-columns:1fr!important}.client-main h1{font-size:clamp(24px,7vw,32px);overflow-wrap:anywhere}.client-main h2{font-size:clamp(20px,6vw,27px)}
}
@media(max-width:560px){
  .client-main{padding:12px 9px!important}.client-main .card{padding:14px;border-radius:14px}.client-main .btn{white-space:normal;text-align:center;min-height:42px}.client-main .actions{display:grid;grid-template-columns:1fr}.client-main .actions form{display:block;width:100%}.client-main .actions form .btn{width:100%}.client-main .section-head>.btn{width:100%}.client-main table{min-width:680px}.client-scroll-top{height:16px!important}.theme-fab{width:44px;height:44px;right:10px;bottom:10px}
}

/* v7.10 - client sidebar truly fixed and independent */
@media (min-width: 761px){
  html,body{min-height:100%;}
  .client-layout{
    display:block!important;
    min-height:100vh!important;
    width:100%!important;
  }
  .client-side{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:270px!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:stable!important;
    z-index:60!important;
    transform:none!important;
    background:var(--side)!important;
    border-right:1px solid #18243a!important;
  }
  .client-main{
    margin-left:270px!important;
    width:calc(100% - 270px)!important;
    max-width:none!important;
    min-width:0!important;
    min-height:100vh!important;
    padding:28px 34px!important;
    overflow-x:hidden!important;
  }
  .client-side .side-bottom{padding-bottom:28px!important}
}
@media (min-width:761px) and (max-width:1120px){
  .client-side{width:235px!important}
  .client-main{margin-left:235px!important;width:calc(100% - 235px)!important;padding:22px 18px!important}
  .client-side a{font-size:12px!important;padding:9px 10px!important}
  .client-side .brand-logo{max-width:165px!important}
}
@media (max-width:760px){
  .client-layout{display:block!important}
  .client-main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:14px 10px!important;overflow-x:hidden!important}
  .client-side{
    position:fixed!important;
    left:0!important;top:0!important;bottom:0!important;
    width:min(84vw,286px)!important;
    height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translateX(-105%)!important;
    z-index:100!important;
  }
  .client-side.mobile-open{transform:translateX(0)!important}
}

/* v7.11 - clearer horizontal navigation + cPanel credential controls */
.client-scroll-hint-top{
  display:none;align-items:center;justify-content:center;
  min-height:28px;margin:0 0 4px;padding:5px 10px;
  border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;
  background:color-mix(in srgb,var(--card2) 92%,var(--accent) 8%);
  color:var(--text);font-size:11px;font-weight:800;letter-spacing:.01em;
}
.client-main .client-scroll-top{
  min-height:16px!important;height:16px!important;margin:0 0 4px!important;
  background:color-mix(in srgb,var(--card2) 88%,#fff 4%)!important;
  border:1px solid var(--line)!important;border-radius:999px!important;
  scrollbar-color:color-mix(in srgb,var(--accent) 85%,#cbd5e1) color-mix(in srgb,var(--card2) 86%,#fff 3%)!important;
  scrollbar-width:auto!important;
}
.client-main .client-scroll-top::-webkit-scrollbar,.client-main .table-wrap::-webkit-scrollbar{height:12px!important;background:color-mix(in srgb,var(--card2) 86%,#fff 3%)!important}
.client-main .client-scroll-top::-webkit-scrollbar-thumb,.client-main .table-wrap::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--accent) 88%,#cbd5e1)!important;
  border-radius:999px!important;border:2px solid color-mix(in srgb,var(--card2) 86%,transparent)!important;
  background-clip:padding-box!important;min-width:42px;
}
.client-main .client-scroll-top::-webkit-scrollbar-thumb:hover,.client-main .table-wrap::-webkit-scrollbar-thumb:hover{background:var(--accent)!important;background-clip:padding-box!important}
.client-main .table-wrap.has-horizontal-overflow:after{color:var(--text)!important;font-weight:800!important;background:color-mix(in srgb,var(--card2) 92%,var(--accent) 8%)!important}
.credential-row{display:flex;align-items:center;gap:8px;min-width:0}.credential-row strong{overflow-wrap:anywhere}
.credential-input{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;min-width:0}
.credential-input input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:8px 10px}
.mini-copy{border:1px solid var(--line);background:var(--card2);color:var(--text);border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.mini-copy:hover{border-color:var(--accent);color:#fff;background:var(--accent)}
@media(max-width:760px){
  .client-scroll-hint-top{font-size:10px;min-height:26px}
  .credential-input{grid-template-columns:1fr 1fr}.credential-input input{grid-column:1/-1}
}


/* v7.12 checkout and free-domain configuration */
@media (min-width:981px){
  .checkout-shell{align-items:start!important}
  .checkout-summary{position:sticky!important;top:88px!important;align-self:start!important;max-height:calc(100vh - 110px);overflow:auto}
}
.existing-account-box{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;margin:14px 0 18px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,var(--card))}.existing-account-box strong,.existing-account-box small{display:block}.existing-account-box small{color:var(--muted);margin-top:3px}.checkout-setup{margin-top:8px;color:var(--muted);font-size:13px}.domain-check-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.domain-check-result{margin-top:8px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);font-size:13px}.domain-check-result.ok{border-color:color-mix(in srgb,#22c55e 50%,var(--line));background:color-mix(in srgb,#22c55e 10%,var(--card));color:var(--text)}.domain-check-result.err{border-color:color-mix(in srgb,#ef4444 50%,var(--line));background:color-mix(in srgb,#ef4444 9%,var(--card));color:var(--text)}.domain-check-result.warn{border-color:color-mix(in srgb,#f59e0b 45%,var(--line));background:color-mix(in srgb,#f59e0b 9%,var(--card));color:var(--text)}.free-domain-benefit{transition:.2s}.free-domain-benefit.free-domain-not-eligible{opacity:.72;border-color:color-mix(in srgb,#f59e0b 45%,var(--line));background:color-mix(in srgb,#f59e0b 8%,var(--card))}.free-domain-cycle-note{font-size:12px;margin-top:7px}.cycle-checks{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0 14px}.cycle-checks .checkline{margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}
@media(max-width:680px){.domain-check-row{grid-template-columns:1fr}.domain-check-row .btn{width:100%}.existing-account-box{align-items:stretch;flex-direction:column}.existing-account-box .btn{width:100%}.cycle-checks{display:grid;grid-template-columns:1fr 1fr}}

.checkout-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.checkout-steps span{padding:8px 9px;border:1px solid var(--line);border-radius:999px;text-align:center;color:var(--muted);font-size:11px;font-weight:800;background:var(--card2)}.checkout-steps span.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--text);background:color-mix(in srgb,var(--accent) 12%,var(--card))}@media(max-width:560px){.checkout-steps{grid-template-columns:1fr 1fr}}

/* v7.13 checkout clarity and stable desktop summary */
.checkout-summary-col{min-width:0;align-self:start}
.checkout-summary-note{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);display:grid;gap:3px}.checkout-summary-note small{color:var(--muted)}
.checkout-account-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;margin:14px 0 18px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--card))}.checkout-account-card strong,.checkout-account-card span,.checkout-account-card small{display:block}.checkout-account-card span,.checkout-account-card small{color:var(--muted);margin-top:2px}
.domain-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:7px 0 15px}.domain-mode-card{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--card2);cursor:pointer;color:var(--text)!important}.domain-mode-card:has(input:checked){border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--card))}.domain-mode-card input{width:auto;margin-top:3px}.domain-mode-card span{display:grid;gap:3px}.domain-mode-card small{color:var(--muted);font-weight:500;line-height:1.4}
@media (min-width:921px){
  .checkout-shell{grid-template-columns:minmax(285px,.72fr) minmax(0,1.28fr)!important;align-items:start!important;overflow:visible!important}
  .checkout-summary-col{position:sticky!important;top:86px!important;align-self:start!important;height:max-content!important;max-height:calc(100vh - 104px)!important;overflow:auto!important;scrollbar-width:thin}
  .checkout-summary{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}
}
@media (max-width:920px){
  .checkout-summary-col{position:static!important;max-height:none!important;overflow:visible!important}.checkout-summary{position:static!important}
}
@media(max-width:680px){.domain-mode-grid{grid-template-columns:1fr}.checkout-account-card{grid-template-columns:auto minmax(0,1fr)}.checkout-account-card .btn{grid-column:1/-1;width:100%}}

/* v8.0 premium admin shell + unified responsive behavior */
@media (min-width:921px){
  .layout{display:block!important;min-height:100vh!important}
  .layout>.side{position:fixed!important;inset:0 auto 0 0!important;width:270px!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:70!important;background:var(--side)!important;border-right:1px solid #18243a!important}
  .layout>.side .brand{flex:0 0 auto!important}
  .layout>.side .side-scroll{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding-bottom:16px!important}
  .layout>.side .side-bottom{flex:0 0 auto!important;background:var(--side)!important;border-top:1px solid #18243a!important;padding-bottom:14px!important}
  .layout>.main{margin-left:270px!important;width:calc(100% - 270px)!important;max-width:none!important;min-width:0!important;min-height:100vh!important;padding:28px 30px!important;overflow-x:hidden!important}
}
@media (min-width:921px) and (max-width:1180px){
  .layout>.side{width:235px!important}.layout>.main{margin-left:235px!important;width:calc(100% - 235px)!important;padding:22px 18px!important}
}
.side-group{border:0!important;background:transparent!important;margin:0!important}.side-group>summary{list-style:none;color:#8fa0b8;font-size:10px;font-weight:900;letter-spacing:.1em;padding:15px 14px 7px;cursor:pointer}.side-group>summary::-webkit-details-marker{display:none}.side-group>summary:after{content:'⌄';float:right;color:#62738d}.side-group:not([open])>summary:after{content:'›'}.side-group>a{margin:2px 8px!important}
.side-scroll::-webkit-scrollbar{width:7px}.side-scroll::-webkit-scrollbar-track{background:transparent}.side-scroll::-webkit-scrollbar-thumb{background:#2d3e59;border-radius:10px}.side-scroll{scrollbar-color:#2d3e59 transparent;scrollbar-width:thin}
html[data-theme=dark] .side-group>summary,html[data-theme=dark] .side-label,html[data-theme=dark] .eyebrow{color:#b7c4d8!important}
html[data-theme=dark] .muted,html[data-theme=dark] small,html[data-theme=dark] label small{color:#9cabbe!important}
.brand-logo-dark{display:none!important}html[data-theme=dark] .brand-logo-light{display:none!important}html[data-theme=dark] .brand-logo-dark{display:block!important}
.admin-scroll-hint-top{display:none;align-items:center;justify-content:center;min-height:27px;padding:5px 10px;margin:0 0 4px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:color-mix(in srgb,var(--card2) 90%,var(--accent) 10%);font-size:10px;font-weight:900;color:var(--text)}
.main .admin-scroll-top{height:16px;margin-bottom:4px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:999px;background:var(--card2);scrollbar-color:var(--accent) var(--card2);scrollbar-width:auto}.main .admin-scroll-top>div{height:1px}.main .admin-scroll-top::-webkit-scrollbar,.main .table-wrap::-webkit-scrollbar{height:12px}.main .admin-scroll-top::-webkit-scrollbar-thumb,.main .table-wrap::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px;border:2px solid var(--card2);background-clip:padding-box}
.main .table-wrap{overflow-x:auto!important;overscroll-behavior-inline:contain!important;max-width:100%!important}.main .table-wrap table{min-width:680px!important;width:100%!important}.main .card>table{min-width:680px!important}
.ticket-admin-grid{grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important;align-items:start}.ticket-admin-side{position:sticky;top:90px}.ticket-context{display:flex;flex-wrap:wrap;gap:8px 14px;padding:11px 13px;background:var(--card2);border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.ticket-context span{color:var(--muted)}.detail-list{display:grid;gap:10px}.detail-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}.detail-list dt{color:var(--muted);font-size:11px;font-weight:800}.detail-list dd{margin:0;overflow-wrap:anywhere}.ticket-attachment{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--card2)}
.notification-list{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);text-decoration:none}.notification-card:hover{border-color:var(--accent)}.notification-card p{margin:5px 0;color:var(--muted)}.notification-card small{color:var(--muted)}.notification-dot,.unread-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.ticket-subject-cell{display:flex;align-items:flex-start;gap:10px;min-width:190px}.ticket-subject-cell small{display:block;margin-top:4px;max-width:280px;white-space:normal}
.admin-credential-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
@media(max-width:1180px){.ticket-admin-grid{grid-template-columns:1fr!important}.ticket-admin-side{position:static!important}.admin-credential-panel{grid-template-columns:1fr}}
@media(max-width:920px){.layout>.side .side-scroll{overflow-y:auto!important}.layout>.side{display:flex!important;flex-direction:column!important}.main .grid.two,.main .responsive-split,.main .row,.main .row.three{grid-template-columns:1fr!important}.sticky-card,.ticket-admin-side{position:static!important}.main .section-head{align-items:stretch!important}.main .section-head>.actions,.main .section-head>.btn{max-width:100%!important}}
@media(max-width:640px){.main .table-wrap table,.main .card>table{min-width:620px!important}.admin-scroll-hint-top{display:flex}.main .topbar-title strong{font-size:16px!important}.main h1{font-size:clamp(22px,7vw,30px)!important}.main h2{font-size:clamp(19px,6vw,26px)!important}.main h3{font-size:clamp(16px,5vw,21px)!important}}

/* v8.1 - admin consolidation and resilient responsive lists */
.brand-logo-wrap{display:flex!important;align-items:center!important;justify-content:flex-start!important;max-width:100%!important;overflow:hidden!important}
.side .brand-logo,.layout .brand-logo{display:block!important;width:auto!important;height:auto!important;max-width:190px!important;max-height:54px!important;object-fit:contain!important;object-position:left center!important}
.admin-list-scroll{max-height:min(58vh,560px)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges!important}
.mail-log-scroll{max-height:min(52vh,480px)!important}
.admin-list-scroll table{min-width:760px!important}
.admin-list-scroll::-webkit-scrollbar{width:11px;height:11px}.admin-list-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px;border:2px solid var(--card2);background-clip:padding-box}.admin-list-scroll::-webkit-scrollbar-track{background:var(--card2)}
.domain-mode-grid.compact{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 14px}.domain-mode-grid.compact label{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}
@media(min-width:921px){.layout>.side{position:fixed!important;left:0;top:0;bottom:0;width:var(--admin-sidebar)!important;height:100dvh!important;max-height:100dvh!important}.layout>.main{margin-left:var(--admin-sidebar)!important;width:calc(100% - var(--admin-sidebar))!important;min-width:0!important}.layout>.side .brand{flex:0 0 auto}.layout>.side .side-scroll{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important}.layout>.side .side-bottom{flex:0 0 auto!important}}
@media(max-width:1100px) and (min-width:921px){.side .brand-logo,.layout .brand-logo{max-width:160px!important;max-height:48px!important}.layout>.main{padding-left:14px!important;padding-right:14px!important}}
@media(max-width:920px){.side .brand-logo,.layout .brand-logo{max-width:170px!important;max-height:48px!important}.admin-list-scroll{max-height:62vh!important}.domain-mode-grid.compact{display:grid;grid-template-columns:1fr}}
/* v8.2 — Admin simplificado + scroll autónomo */
.main .admin-table-scroll,.main .table-wrap{max-height:min(64vh,640px)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges!important}
.main .admin-table-scroll::-webkit-scrollbar,.main .table-wrap::-webkit-scrollbar{width:11px!important;height:11px!important}
.main .admin-table-scroll::-webkit-scrollbar-thumb,.main .table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 82%,#94a3b8)!important;border-radius:999px!important;border:2px solid var(--card2)!important;background-clip:padding-box!important}
.main .admin-table-scroll::-webkit-scrollbar-track,.main .table-wrap::-webkit-scrollbar-track{background:var(--card2)!important}
@media (max-width:920px){.main .admin-table-scroll,.main .table-wrap{max-height:min(62vh,560px)!important}.main .table-wrap table{min-width:680px!important}}
@media (max-width:640px){.main .admin-table-scroll,.main .table-wrap{max-height:58vh!important}.main .table-wrap table{min-width:640px!important}}


/* v8.3 universal table/list navigation + registrar console */
.table-wrap,.smart-scroll{overflow:auto!important;max-width:100%!important;scrollbar-gutter:stable both-edges!important;overscroll-behavior:contain!important}
.table-wrap{max-height:min(68vh,760px)!important;border-radius:12px}
.table-wrap table{min-width:max-content!important;width:100%!important}
.admin-scroll-top,.client-scroll-top{height:16px!important;min-height:16px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:auto!important;scrollbar-color:var(--accent) color-mix(in srgb,var(--card2) 90%,#fff 3%)!important}
.admin-scroll-top::-webkit-scrollbar,.client-scroll-top::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{height:12px!important;width:10px!important}.admin-scroll-top::-webkit-scrollbar-thumb,.client-scroll-top::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:var(--accent)!important;border-radius:999px!important}
.scroll-hint-universal{display:none;justify-content:center;align-items:center;padding:5px 8px;font-size:11px;font-weight:900;color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--card2));border:1px solid var(--line);border-radius:9px 9px 0 0}
@media(max-width:1180px){.scroll-hint-universal.visible{display:flex}}
.registrar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.registrar-stat{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--card2)}.registrar-stat strong{display:block;font-size:22px;margin-top:4px}.domain-price-form{display:grid;grid-template-columns:1fr 1fr 1fr auto auto auto;gap:7px;align-items:center}.domain-price-form input{min-width:90px}.domain-action-grid{display:flex;flex-wrap:wrap;gap:8px}.module-badge{display:inline-flex;gap:7px;align-items:center;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#22c55e 12%,var(--card2));border:1px solid color-mix(in srgb,#22c55e 45%,var(--line));font-weight:800}
@media(max-width:900px){.registrar-grid{grid-template-columns:1fr}.domain-price-form{grid-template-columns:1fr 1fr}.domain-price-form .btn{width:100%}}

/* v8.5 ConnectReseller catalog */
.tld-admin-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.6fr) auto auto;gap:10px;align-items:center;margin:14px 0}.tld-admin-toolbar form{display:flex;gap:8px;align-items:center;margin:0}.tld-admin-toolbar form select{min-width:190px}.domain-price-form{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr)) auto auto auto;gap:8px;align-items:center;min-width:760px}.domain-price-form label{margin:0}.tld-sale-toggle strong{font-size:11px}.tld-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px;margin-top:12px}.tld-choice-list>a,.tld-chip{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);background:var(--card2);border-radius:10px;color:var(--text)}.tld-choice-list.compact{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));max-height:190px;overflow:auto}.tld-chip{font:inherit}.domain-result-price{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.domain-result-price>strong{font-size:24px}.domain-result{align-items:center}.table-wrap{scrollbar-color:var(--accent) var(--card2)!important}.table-wrap::-webkit-scrollbar-thumb{background:var(--accent)!important}
@media(max-width:1100px){.tld-admin-toolbar{grid-template-columns:1fr 1fr}.tld-admin-toolbar form{width:100%}.tld-admin-toolbar form select{min-width:0}}
@media(max-width:700px){.tld-admin-toolbar{grid-template-columns:1fr}.tld-admin-toolbar form{flex-wrap:wrap}.domain-result{flex-direction:column!important;align-items:stretch!important}.domain-result-price{align-items:flex-start}.tld-choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v8.5 — carrito, dominios y catálogo TLD profesional */
.domain-search-pro{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(170px,240px) auto!important;gap:10px!important;align-items:stretch!important;max-width:980px;margin-inline:auto}
.domain-search-pro input,.domain-search-pro select,.domain-search-pro button{min-height:52px}
.tld-select-control{font-weight:800}
.domain-result-pro{max-width:1040px;margin:0 auto;padding:28px 18px 60px}.section-title.centered{text-align:center;max-width:760px;margin:0 auto 22px}.domain-result-clean{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.domain-result-clean>div:first-child{display:flex;align-items:center;gap:13px}.domain-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:#f59e0b;flex:none}.domain-dot.ok{background:#22c55e}.domain-dot.no{background:#ef4444}.domain-purchase-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0}.domain-purchase-actions form{margin:0}.domain-secondary-action{text-align:center;margin:12px 0 24px}.tld-public-catalog{margin-top:20px}.tld-public-group+.tld-public-group{margin-top:18px}.tld-public-group>strong{display:block;margin-bottom:8px}.tld-choice-list.clean{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));max-height:none;overflow:visible}.tld-choice-list.clean>a{min-width:0}.tld-choice-list.clean>a span,.tld-choice-list.clean>a strong{font-weight:900}.tld-choice-list.clean>a small{white-space:nowrap}
.domain-input-with-tld{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,230px);gap:10px}
.checkout-mini{max-width:720px;margin:48px auto}.checkout-mini h1{margin-bottom:8px}
.cart-shell{max-width:1180px;margin:0 auto;padding:26px 18px 70px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:22px;align-items:start}.cart-items{display:grid;gap:14px}.cart-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.cart-icon{width:48px;height:48px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;font-size:24px;background:var(--card2)}.cart-item h3{margin:5px 0}.cart-item-price{text-align:right;display:grid;gap:8px}.cart-summary{position:sticky;top:88px}.cart-total-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0}.cart-grand-total{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:14px 0 18px}.cart-grand-total strong{font-size:28px}.cart-hosting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.cart-hosting-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--card2);display:grid;gap:10px}.cart-hosting-card p{color:var(--muted);min-height:42px}.cart-checkout .checkout-summary{position:sticky!important;top:88px!important}
.tld-admin-toolbar.pro{display:grid!important;grid-template-columns:minmax(190px,1.3fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(230px,1fr) auto!important;gap:9px!important}.tld-admin-toolbar.pro form{min-width:0}.tld-admin-toolbar.pro form select{min-width:0!important;flex:1}.tld-admin-toolbar.pro .btn{white-space:nowrap}.domain-price-form{min-width:720px!important}.domain-price-form input{width:100%;min-width:110px}.smart-scroll-top{height:16px;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--accent) var(--card2);scrollbar-width:auto}.smart-scroll-top>div{height:1px}.smart-scroll-top::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{height:12px;width:10px}.smart-scroll-top::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}.scroll-hint-universal{margin-top:4px}.table-wrap{max-height:min(68vh,760px)!important;overflow:auto!important}.table-wrap.has-overflow table{min-width:max-content!important}
.notice.domain-pending{border-color:#f59e0b;background:color-mix(in srgb,#f59e0b 10%,var(--card))}
@media(max-width:1120px){.tld-admin-toolbar.pro{grid-template-columns:1fr 1fr!important}.tld-admin-toolbar.pro form{width:100%}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-checkout .checkout-summary{position:static!important}.domain-search-pro{grid-template-columns:minmax(0,1fr) 190px auto!important}}
@media(max-width:760px){.domain-search-pro{grid-template-columns:1fr!important}.domain-search-pro .btn{width:100%}.domain-input-with-tld{grid-template-columns:1fr}.domain-result-clean{align-items:flex-start;flex-direction:column}.domain-result-price{align-items:flex-start!important}.cart-item{grid-template-columns:auto minmax(0,1fr)}.cart-item-price{grid-column:1/-1;text-align:left;display:flex;justify-content:space-between;align-items:center}.tld-admin-toolbar.pro{grid-template-columns:1fr!important}.tld-admin-toolbar.pro form{display:grid!important;grid-template-columns:1fr auto}.tld-choice-list.clean{grid-template-columns:1fr 1fr}.cart-hosting-grid{grid-template-columns:1fr}.cart-shell{padding-inline:12px}}
@media(max-width:460px){.tld-choice-list.clean{grid-template-columns:1fr}.domain-result-pro{padding-inline:12px}.cart-item{padding:14px}.cart-grand-total strong{font-size:24px}}

/* v8.6 Appearance Engine */
.btn.primary,.publicnav .btn.primary,.domain-search .btn.primary,.domain-search-pro .btn.primary,.checkout-card .btn.primary,.cart-shell .btn.primary{background:var(--btn-primary)!important;border-color:var(--btn-primary)!important;color:var(--btn-primary-text)!important}
.btn.primary:hover,.publicnav .btn.primary:hover,.domain-search .btn.primary:hover,.domain-search-pro .btn.primary:hover{background:var(--btn-primary-hover)!important;border-color:var(--btn-primary-hover)!important;color:var(--btn-primary-text)!important}
.side a.active,.client-side a.active{background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important}.side a.active *, .client-side a.active *{color:var(--nav-active-text)!important}
.appearance-intro{display:flex;justify-content:space-between;gap:20px;align-items:center}.appearance-intro h2{margin:3px 0 8px}.appearance-demo{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.appearance-demo-menu{padding:10px 14px;border-radius:10px;background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:800}.appearance-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.appearance-mode{min-width:0;border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--card2)}.appearance-mode legend{padding:0 8px;font-weight:900;color:var(--text)}.appearance-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.appearance-color{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:8px;padding:9px 10px;margin:0;border:1px solid var(--line);border-radius:11px;background:var(--card)}.appearance-color span{font-size:11px;color:var(--text);font-weight:750}.appearance-color input[type=color]{width:42px;height:34px;padding:2px;border-radius:8px;cursor:pointer}.appearance-color code{grid-column:1/-1;padding:4px 0 0;background:transparent;color:var(--muted);font-size:10px}.appearance-savebar{position:sticky;bottom:12px;z-index:12;display:flex;justify-content:flex-end;padding:10px;margin:10px 0 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card) 90%,transparent);backdrop-filter:blur(12px)}
@media(max-width:1000px){.appearance-modes{grid-template-columns:1fr}.appearance-intro{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.appearance-color-grid{grid-template-columns:1fr}.appearance-savebar .btn{width:100%}}

/* v8.6 secondary buttons */
.btn:not(.primary):not(.danger):not(.ok){background:var(--btn-secondary)!important;color:var(--btn-secondary-text)!important;border-color:color-mix(in srgb,var(--btn-secondary) 70%,var(--line))!important}.btn:not(.primary):not(.danger):not(.ok):hover{background:var(--btn-secondary-hover)!important;color:var(--btn-secondary-text)!important}


/* v8.7 domain + product UX */
.clickable-pill{cursor:pointer;border:1px solid var(--line);font:inherit}.clickable-pill:hover{transform:translateY(-1px);filter:brightness(1.05)}
.tld-table-wrap table{min-width:1180px!important}.tld-table-wrap td input[type=number]{min-width:120px;width:100%}.tld-table-wrap thead th{position:sticky;top:0;background:var(--card);z-index:2}.registrar-config-grid{align-items:start}.domain-check-with-tld{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(150px,220px) auto!important;gap:10px}.domain-ns-checkout{margin:14px 0}.icon-select{font-size:15px;font-weight:750}
.side .brand img,.client-side .brand img{display:block!important;max-width:100%!important;width:auto!important;height:auto!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important}.side .brand,.client-side .brand{min-height:78px;overflow:hidden}
html[data-theme=light] .side a.active,html[data-theme=light] .client-side a.active{background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important}.side a.active,.client-side a.active{background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important}
@media(max-width:1050px){.domain-check-with-tld{grid-template-columns:1fr 190px!important}.domain-check-with-tld .btn{grid-column:1/-1}.registrar-config-grid{grid-template-columns:1fr!important}.tld-admin-toolbar.pro{grid-template-columns:1fr 1fr!important}.tld-admin-toolbar.pro form{width:100%}}
@media(max-width:700px){.domain-check-with-tld{grid-template-columns:1fr!important}.tld-admin-toolbar.pro{grid-template-columns:1fr!important}.tld-admin-toolbar.pro form{grid-template-columns:1fr!important}.tld-admin-toolbar.pro .btn,.tld-admin-toolbar.pro select,.tld-admin-toolbar.pro input{width:100%}.side .brand img,.client-side .brand img{max-height:46px!important}}

.checkout-inline-login{display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,1.6fr);gap:14px;align-items:center}.checkout-inline-login form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.checkout-inline-login input{margin:0;min-width:0}.tld-public-catalog{max-width:920px;margin-inline:auto}.tld-public-group{padding:14px 0;border-top:1px solid var(--line)}.tld-public-group:first-of-type{border-top:0}.tld-choice-list.clean>a{transition:.15s ease}.tld-choice-list.clean>a:hover{border-color:var(--accent);transform:translateY(-1px)}
.btn{transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.btn:active{transform:translateY(1px)}
@media(max-width:900px){.checkout-inline-login{grid-template-columns:1fr}.checkout-inline-login form{grid-template-columns:1fr 1fr auto}}
@media(max-width:680px){.checkout-inline-login form{grid-template-columns:1fr}.checkout-inline-login .btn{width:100%}}

/* v8.9 — service cleanup + guided domain cart */
.ns-step-shell{max-width:980px;margin:0 auto;padding:30px 18px 70px}.ns-step-card{max-width:820px;margin:0 auto}.ns-step-card .section-head{align-items:center}.ns-step-card .notice{margin-top:14px}.admin-credential-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.cart-hosting-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}.cart-hosting-card{padding:12px;border-radius:13px;gap:8px;min-width:0}.cart-hosting-card .product-icon{width:38px;height:38px;font-size:19px;border-radius:10px}.cart-hosting-card strong{font-size:15px}.cart-hosting-card p{font-size:12px;line-height:1.4;min-height:34px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-hosting-card select{padding:9px 10px;font-size:13px}.cart-hosting-card .btn{padding:9px 10px;font-size:13px}.hosting-upsell>.section-head{margin-bottom:10px}.hosting-upsell{padding:18px}.domain-ns-checkout .section-head{margin:0;align-items:center}
@media(max-width:760px){.ns-step-shell{padding:18px 12px 60px}.ns-step-card{padding:15px}.admin-credential-panel{grid-template-columns:1fr}.copy-row{flex-wrap:wrap}.copy-row input{flex:1 1 100%;min-width:0}.cart-hosting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-hosting-card p{min-height:auto}.hosting-upsell{padding:14px}}
@media(max-width:480px){.cart-hosting-grid{grid-template-columns:1fr}.cart-hosting-card{grid-template-columns:auto 1fr;align-items:center}.cart-hosting-card .product-icon{grid-row:1/3}.cart-hosting-card p,.cart-hosting-card select,.cart-hosting-card .btn{grid-column:1/-1}}

/* v9.0 operational badges + notification cleanup */
.menu-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent,#2563eb);color:#fff;font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.notification-card-admin{display:flex;align-items:center;gap:10px;padding:0;overflow:hidden}.notification-card-admin .notification-main-link{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:16px 18px;color:inherit;text-decoration:none}.notification-card-admin form{padding-right:12px;flex:0 0 auto}.danger-text{color:#ef4444!important}.notice.compact{padding:10px 12px;margin:12px 0;font-size:13px}.text-warn{color:#f59e0b;display:inline-block;margin-top:4px;max-width:320px}.domain-client-card .notice.compact{border-radius:12px}
@media(max-width:680px){.notification-card-admin{align-items:stretch;flex-direction:column}.notification-card-admin form{padding:0 16px 14px}.notification-card-admin form .btn{width:100%}.menu-count{margin-left:auto}}
/* v9.1 DNS add-on */
.dns-addon-option{margin:16px 0;padding:16px;border-radius:16px}.dns-addon-option .checkline{align-items:flex-start;font-size:1rem}.dns-addon-price{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}.dns-addon-price small{display:block;color:var(--muted)}
@media (max-width:760px){.dns-addon-option{padding:14px}.dns-addon-price{align-items:flex-start;flex-direction:column;gap:6px}}

/* v9.4 — responsive storefront, domain/admin polish and cart navigation */
.publicnav-pro{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr) auto;align-items:center;gap:20px;position:sticky;top:0;z-index:80;backdrop-filter:blur(18px)}
.publicnav-pro .public-brand{min-width:0;text-decoration:none;color:inherit}.publicnav-pro .public-brand .brand-logo-wrap{max-width:210px}.publicnav-pro .public-links{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0}.publicnav-pro .public-links>a{padding:9px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:750;white-space:nowrap}.publicnav-pro .public-links>a:hover,.publicnav-pro .public-links>a.active{background:var(--card2);color:var(--text)}
.public-actions{justify-content:flex-end;flex-wrap:nowrap}.cart-nav-btn{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap;position:relative}.cart-nav-btn .menu-count{margin-left:0}
.store-page-head{max-width:920px;margin:38px auto 22px;text-align:center;padding:0 16px}.store-page-head h1{font-size:clamp(30px,5vw,52px);margin:6px 0 10px}.store-page-head p{max-width:720px;margin:auto;color:var(--muted);font-size:16px;line-height:1.6}.hosting-catalog-page{max-width:1220px;margin:0 auto 60px}.domain-store-card,.domain-store-tlds{max-width:980px;margin:0 auto 18px}.domain-store-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.store-product-card{min-width:0}
.client-shop-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.client-commerce-topbar{align-items:center}.dns-summary-row strong{font-size:12px;text-align:right}
/* Admin/domain buttons must never escape cards on phones */
.main .actions,.client-main .actions,.section-head .actions{max-width:100%;flex-wrap:wrap}.main .actions>.btn,.main .actions>form,.main .actions>a,.client-main .actions>.btn,.client-main .actions>a{min-width:0}.main .actions>form{display:inline-flex;max-width:100%}.main .actions>form .btn{max-width:100%}
.tld-admin-toolbar,.tld-admin-toolbar.pro{min-width:0}.tld-admin-toolbar>*{min-width:0}.tld-admin-toolbar form{max-width:100%;flex-wrap:wrap}.domain-price-form{max-width:100%}.registrar-config-grid>*{min-width:0}
.table-wrap,.tld-table-wrap,.client-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table,.tld-table-wrap table,.client-table table{width:max-content;min-width:100%}.table-wrap td.actions,.tld-table-wrap td.actions{min-width:190px;white-space:normal}.table-wrap td.actions .btn,.tld-table-wrap td.actions .btn{margin:3px 2px}
.checkout-shell,.cart-shell,.domain-result-page,.publicmain,.main,.client-main{min-width:0}.checkout-card,.checkout-summary-col,.cart-items,.cart-summary{min-width:0}.checkout-card input,.checkout-card select,.checkout-card textarea,.cart-shell input,.cart-shell select,.cart-shell textarea{max-width:100%}
@media(max-width:1050px){.publicnav-pro{grid-template-columns:minmax(130px,200px) 1fr;gap:12px}.publicnav-pro .public-links{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.publicnav-pro .public-links>a{flex:0 0 auto}.publicnav-pro .public-actions{grid-column:2;grid-row:1;overflow-x:auto}.client-commerce-topbar{align-items:flex-start}.client-shop-actions{max-width:65%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.client-shop-actions .btn{flex:0 0 auto}}
@media(max-width:760px){.publicnav-pro{display:flex;flex-wrap:wrap;padding:10px 12px;gap:8px}.publicnav-pro .public-brand{flex:1 1 150px}.publicnav-pro .public-brand .brand-logo-wrap{max-width:160px}.publicnav-pro .public-actions{order:2;flex:1 1 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible}.publicnav-pro .public-actions .btn{width:100%;justify-content:center;padding:9px 8px;font-size:12px}.publicnav-pro .public-links{order:3;flex:1 1 100%;display:flex;overflow-x:auto;justify-content:flex-start}.publicnav-pro .public-links>a{font-size:13px}.client-commerce-topbar{gap:10px}.client-shop-actions{max-width:100%;width:100%;overflow-x:auto;flex-wrap:nowrap}.client-shop-actions .btn{font-size:12px;padding:8px 10px}.section-head{align-items:flex-start;gap:12px}.section-head>.actions{width:100%}.section-head>.actions .btn{flex:1 1 140px;text-align:center}.main .actions,.client-main .actions{gap:7px}.main .actions>.btn,.main .actions>a,.main .actions>form,.client-main .actions>.btn,.client-main .actions>a{flex:1 1 140px}.main .actions>form .btn{width:100%}.domain-store-card{padding:14px}.domain-store-actions{display:grid;grid-template-columns:1fr}.domain-store-actions .btn{width:100%}.hosting-catalog-page{grid-template-columns:1fr!important}.checkout-shell.cart-checkout{padding-inline:10px}.checkout-card{padding:16px}.checkout-steps{overflow-x:auto;white-space:nowrap}.checkout-inline-login form{grid-template-columns:1fr!important}.cart-layout{gap:12px}.cart-summary{padding:15px}.domain-purchase-actions{display:grid!important;grid-template-columns:1fr}.domain-purchase-actions form,.domain-purchase-actions .btn{width:100%}.tld-table-wrap td.actions{min-width:160px}.tld-table-wrap td.actions .btn{width:100%;display:block}}
@media(max-width:480px){.publicnav-pro .public-actions{grid-template-columns:1fr 1fr}.publicnav-pro .public-actions .cart-nav-btn{grid-column:1/-1}.store-page-head{margin-top:24px}.store-page-head h1{font-size:32px}.main .actions>.btn,.main .actions>a,.main .actions>form,.client-main .actions>.btn,.client-main .actions>a{flex-basis:100%}.section-head>.actions .btn{flex-basis:100%}.cart-item{grid-template-columns:1fr!important}.cart-icon{margin-bottom:5px}.cart-item-price{grid-column:auto!important;display:grid!important;grid-template-columns:1fr;gap:8px}.cart-item-price form,.cart-item-price .btn{width:100%}.dns-addon-option .checkline{gap:10px}.tld-choice-list.clean{grid-template-columns:1fr!important}}

/* v1.0.2 — crédito GuateHost solo en administrador; portal/cliente white-label */
.system-credit-footer{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:34px auto 18px;padding:12px 16px;max-width:100%;font-size:12px;color:var(--muted);text-align:center;border-top:1px solid var(--line)}
.system-credit-footer a{color:var(--text);font-weight:800;text-decoration:none;opacity:.9}.system-credit-footer a:hover{color:var(--accent);opacity:1}
.footer-admin{margin:34px 0 10px}.footer-client{margin:34px 0 10px}.footer-public{max-width:1180px;margin-top:50px}
@media(max-width:680px){.system-credit-footer{margin-top:24px;padding:12px 10px;font-size:11px}.footer-admin,.footer-client{margin-bottom:74px}}

/* v1.0.3 — panel SMTP/plantillas restaurado */
.mail-admin-grid .actions input{flex:1;min-width:220px}.mail-admin-grid textarea{min-height:240px}.mail-admin-grid code{overflow-wrap:anywhere}@media(max-width:720px){.mail-admin-grid .actions{display:grid;grid-template-columns:1fr}.mail-admin-grid .actions .btn{width:100%}}

/* v1.1.0 storefront/mobile polish */
.public-menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;font-size:21px;cursor:pointer}.public-mobile-nav,.public-mobile-overlay{display:none}.public-brand .brand-logo-wrap{display:flex;align-items:center;min-height:44px}.public-brand img{max-height:54px!important;width:auto!important;object-fit:contain!important}.featured-tld-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:4px 0 16px}.featured-tld-grid label{margin:0}.featured-tld-grid label>span{display:block;margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:800}.featured-tld-admin .btn{margin-top:2px}.domain-store-tlds .tld-choice-list.clean{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.domain-store-tlds .tld-choice-list.clean>a{min-width:0}.domain-store-tlds .tld-choice-list.clean strong,.domain-store-tlds .tld-choice-list.clean small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-actions{min-width:0}.publicnav-pro>*{min-width:0}

@media(max-width:1100px){.featured-tld-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-store-tlds .tld-choice-list.clean{grid-template-columns:repeat(3,minmax(0,1fr))}.registrar-config-grid{grid-template-columns:1fr!important}.admin-global-search{min-width:0}.admin-global-search form{min-width:0}.admin-global-search input{min-width:0}}

@media(max-width:820px){body.public-nav-open{overflow:hidden}.publicnav-pro{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'brand menu'!important;padding:10px 12px!important;gap:8px!important}.publicnav-pro .public-brand{grid-area:brand!important;min-width:0}.publicnav-pro .public-links,.publicnav-pro .public-actions{display:none!important}.public-menu-btn{display:inline-flex!important;grid-area:menu!important;justify-self:end}.public-mobile-overlay{display:block;position:fixed;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(2px);z-index:118;opacity:0;visibility:hidden;transition:.2s}.public-nav-open .public-mobile-overlay{opacity:1;visibility:visible}.public-mobile-nav{display:block;position:fixed;right:0;top:0;bottom:0;width:min(88vw,340px);height:100dvh;background:var(--card);border-left:1px solid var(--line);z-index:120;transform:translateX(105%);transition:transform .22s ease;box-shadow:-24px 0 60px rgba(0,0,0,.32);padding:16px;overflow-y:auto}.public-mobile-nav.open{transform:translateX(0)}.public-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.public-mobile-head>a{min-width:0}.public-mobile-head .brand-logo-wrap{max-width:180px}.public-mobile-head button{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--card2);color:var(--text);font-size:27px;line-height:1;cursor:pointer}.public-mobile-links{display:grid;gap:7px;padding-top:14px}.public-mobile-links>a{display:flex;align-items:center;gap:8px;padding:12px 13px;border-radius:11px;color:var(--text);font-weight:750;background:transparent;border:1px solid transparent}.public-mobile-links>a:hover{background:var(--card2);border-color:var(--line)}.public-mobile-links>a.mobile-primary{background:var(--btn-primary);color:var(--btn-primary-text);border-color:var(--btn-primary)}.public-mobile-sep{height:1px;background:var(--line);margin:6px 0}.publicmain{padding:28px 14px!important}.portal-hero{padding:30px 18px!important}.hero-copy h1,.publicmain h1{font-size:clamp(30px,8vw,42px)!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .btn{width:100%}.domain-search-pro{grid-template-columns:1fr!important}.domain-search-pro .btn{width:100%}.domain-store-actions{display:grid!important;grid-template-columns:1fr!important}.domain-store-actions .btn{width:100%}.featured-tld-grid{grid-template-columns:1fr 1fr}.domain-store-tlds .tld-choice-list.clean{grid-template-columns:1fr 1fr!important}.main,.client-main{max-width:100vw!important;overflow-x:hidden!important}.card{padding:16px}.section-head{flex-wrap:wrap}.section-head>.actions{width:100%}.section-head>.actions>*{max-width:100%}.tld-admin-toolbar.pro{grid-template-columns:1fr!important}.tld-admin-toolbar.pro form{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.tld-admin-toolbar.pro input,.tld-admin-toolbar.pro select,.tld-admin-toolbar.pro .btn{width:100%!important}.table-wrap,.tld-table-wrap{overflow-x:auto!important;max-width:100%!important}.table-wrap table,.tld-table-wrap table{width:max-content!important;min-width:720px!important}.client-commerce-topbar{display:grid!important;grid-template-columns:1fr!important}.client-shop-actions{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}.client-shop-actions .btn{width:100%!important}.checkout-card,.checkout-summary,.cart-summary{padding:16px!important}.checkout-steps{overflow-x:auto!important}.checkout-inline-login{grid-template-columns:1fr!important}.checkout-inline-login form{grid-template-columns:1fr!important}.row,.row.three,.grid.two,.service-detail-grid{grid-template-columns:1fr!important}}

@media(max-width:520px){.featured-tld-grid{grid-template-columns:1fr}.domain-store-tlds .tld-choice-list.clean{grid-template-columns:1fr!important}.client-shop-actions{grid-template-columns:1fr!important}.public-mobile-nav{width:min(92vw,340px)}.public-brand img{max-height:46px!important}.product-card,.store-product-card{padding:16px!important}.cart-item,.checkout-card{border-radius:14px!important}.theme-fab{right:14px;bottom:14px;width:44px;height:44px}.main,.client-main{padding-inline:12px!important}}
\n/* v1.1.2 — mobile navigation stacking/click fix */\n@media(max-width:820px){\n .public-mobile-overlay{position:fixed!important;inset:0!important;display:block!important;z-index:998!important;background:rgba(2,6,23,.68)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease!important}\n body.public-nav-open .public-mobile-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important}\n .public-mobile-nav{position:fixed!important;z-index:999!important;top:0!important;right:0!important;bottom:0!important;isolation:isolate!important;pointer-events:auto!important;background:var(--card)!important;opacity:1!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:translate3d(105%,0,0)!important}\n .public-mobile-nav.open{transform:translate3d(0,0,0)!important}\n .public-mobile-nav,.public-mobile-nav *{filter:none!important}\n .public-mobile-links>a{min-height:48px!important;position:relative!important;z-index:1!important;touch-action:manipulation!important}\n .public-mobile-head button{position:relative!important;z-index:2!important;touch-action:manipulation!important}\n}\n
/* v1.1.4 — AdmyHost system branding (admin only). Public/client remains reseller white-label. */
.admyhost-admin-brand{display:flex;align-items:center;width:100%;min-width:0}
.admyhost-admin-logo{display:block;width:auto;max-width:210px;max-height:54px;object-fit:contain;object-position:left center}
.admyhost-admin-logo-color{display:none}
.admin-system-brand{min-height:72px;display:flex!important;align-items:center!important;padding:8px 10px 24px!important;overflow:visible!important}
.side .admin-system-brand .admyhost-admin-logo{max-width:205px;max-height:52px}
/* Sidebar is intentionally dark in both themes, therefore white logo is the legible default. */
.admyhost-login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,rgba(37,99,235,.16),transparent 34%),var(--bg);padding:24px}
.admyhost-login-shell{width:min(100%,480px)}
.admyhost-login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px;text-align:center}
.admyhost-login-brand .admyhost-admin-brand{justify-content:center}
.admyhost-login-brand .admyhost-admin-logo{max-width:260px;max-height:70px}
.admyhost-login-brand>span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.admyhost-login-card{margin:0!important;max-width:none!important}
.admyhost-login-credit{text-align:center;padding:18px 10px 0;font-size:12px;color:var(--muted)}
.admyhost-login-credit a{font-weight:800;color:var(--muted)}.admyhost-login-credit a:hover{color:var(--accent)}
html[data-theme=light] .admyhost-login-brand .admyhost-admin-logo-white{display:none}
html[data-theme=light] .admyhost-login-brand .admyhost-admin-logo-color{display:block}
@media(max-width:920px){.side .admin-system-brand{padding:6px 8px 20px!important}.side .admin-system-brand .admyhost-admin-logo{max-width:175px!important;max-height:46px!important}}
@media(max-width:620px){.admyhost-login-page{padding:16px}.admyhost-login-brand .admyhost-admin-logo{max-width:220px}.admyhost-login-card{padding:20px!important}}


/* v1.1.5 — AdmyHost admin identity: fixed dark navigation + single white logo. */
.layout>.side{
  --admyhost-side:#081426;
  --admyhost-side-hover:#10233f;
  --admyhost-side-line:#1b2d49;
  background:var(--admyhost-side)!important;
  color:#dbe8f8!important;
  border-right:1px solid var(--admyhost-side-line)!important;
}
.layout>.side .admin-system-brand{
  background:var(--admyhost-side)!important;
  border-bottom:1px solid var(--admyhost-side-line)!important;
  margin-bottom:7px!important;
  overflow:visible!important;
}
.layout>.side .admyhost-admin-brand{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important}
.layout>.side .admyhost-admin-logo{display:block!important;width:auto!important;height:auto!important;max-width:205px!important;max-height:52px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;opacity:1!important}
.layout>.side a{color:#c4d3e7!important}
.layout>.side a:hover{background:var(--admyhost-side-hover)!important;color:#fff!important}
.layout>.side .side-group>summary{color:#91a6c1!important}
.layout>.side .side-group>summary:after{color:#7187a5!important}
.layout>.side .side-bottom{background:var(--admyhost-side)!important;border-top:1px solid var(--admyhost-side-line)!important}
.layout>.side .side-scroll::-webkit-scrollbar-thumb{background:#304765!important}
/* Active item may use the reseller's accent/button color, but the sidebar surface itself never changes. */
.layout>.side a.active{background:var(--nav-active-bg)!important;color:#fff!important;border-color:color-mix(in srgb,var(--nav-active-bg) 70%,#284363)!important;box-shadow:inset 3px 0 0 var(--accent)!important}
.layout>.side a.active,.layout>.side a.active *{color:#fff!important}
html[data-theme=light] .layout>.side,html[data-theme=dark] .layout>.side{background:var(--admyhost-side)!important;color:#dbe8f8!important}
html[data-theme=light] .layout>.side .admin-system-brand,html[data-theme=dark] .layout>.side .admin-system-brand{background:var(--admyhost-side)!important}
/* Admin login also uses the single white system logo on a dark brand header. */
.admyhost-login-brand{background:#081426;border:1px solid #1b2d49;border-radius:18px;padding:18px 22px;margin-bottom:14px!important}
.admyhost-login-brand .admyhost-admin-logo{display:block!important;max-width:260px!important;max-height:70px!important}
.admyhost-login-brand>span{color:#aabbd0!important}
@media(max-width:920px){.layout>.side .admyhost-admin-logo{max-width:176px!important;max-height:46px!important}}


/* v1.1.6 — rendering/zoom stability + responsive polish.
   Avoid GPU-heavy blur layers and fractional transform repainting that can flash at browser zoom. */
html{scroll-behavior:auto!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{max-width:100%;overflow-x:clip}
body{min-width:0}
.topbar,.publicnav,.publicnav-pro,.appearance-savebar{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.topbar{background:var(--bg)!important}
.publicnav,.publicnav-pro{background:var(--card)!important}
.appearance-savebar{background:var(--card)!important}
/* Avoid needless compositor layers on common controls/cards. */
.btn:hover,.theme-fab:hover,.product:hover,.clickable-pill:hover,.tld-choice-list.clean>a:hover{
  transform:none!important;
}
.btn,.product,.clickable-pill,.tld-choice-list.clean>a,.theme-fab{
  backface-visibility:visible!important;
  -webkit-font-smoothing:antialiased;
}
.layout>.main,.client-main,.publicmain,.card,.topbar,.publicnav-pro{
  min-width:0!important;
}
/* Stable fixed admin shell at desktop zoom levels. */
@media(min-width:921px){
  .layout>.side{transform:none!important;contain:layout paint;}
  .layout>.main{contain:none!important;overflow-x:clip!important}
  .topbar{isolation:isolate}
}
/* At tablet/mobile widths use drawers with no blur and no 3D transforms. */
@media(max-width:920px){
  .mobile-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(2,6,23,.62)!important}
  .layout>.side,.client-side{will-change:auto!important;backface-visibility:visible!important}
  .layout>.side.mobile-open,.client-side.mobile-open{transform:translateX(0)!important}
  .main,.client-main{overflow-x:clip!important}
  .topbar{position:sticky!important;background:var(--bg)!important}
}
@media(max-width:820px){
  .public-mobile-nav{will-change:auto!important;backface-visibility:visible!important}
  .public-mobile-nav{transform:translateX(105%)!important}
  .public-mobile-nav.open{transform:translateX(0)!important}
  .public-mobile-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* v1.2.0 — unified commerce state + final responsive polish.
   One white asset, proportional scaling, no crop, no wrap, no duplicate paint. */
.layout>.side .admin-system-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  min-height:84px!important;
  height:auto!important;
  padding:18px 22px 16px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.layout>.side .admin-system-brand .admyhost-admin-brand{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.layout>.side .admin-system-brand .admyhost-admin-logo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:210px!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:1!important;
  filter:none!important;
}
/* Never let generic branding rules constrain the fixed AdmyHost admin logo. */
.layout>.side .admin-system-brand .brand-logo,
.layout>.side .admin-system-brand img{
  flex:0 1 auto!important;
  min-width:0!important;
}
@media (min-width:921px) and (max-width:1180px){
  .layout>.side .admin-system-brand{padding:17px 18px 15px!important;min-height:78px!important}
  .layout>.side .admin-system-brand .admyhost-admin-logo{max-width:185px!important}
}
@media (max-width:920px){
  .layout>.side .admin-system-brand{padding:16px 18px 14px!important;min-height:76px!important}
  .layout>.side .admin-system-brand .admyhost-admin-logo{width:min(100%,205px)!important;max-width:205px!important}
}
@media (max-width:480px){
  .layout>.side .admin-system-brand{padding:14px 16px 13px!important;min-height:70px!important}
  .layout>.side .admin-system-brand .admyhost-admin-logo{width:min(100%,190px)!important;max-width:190px!important}
}
/* Admin login uses the same asset responsively without forcing fixed height. */
.admyhost-login-brand .admyhost-admin-brand{display:flex!important;justify-content:center!important;width:100%!important;line-height:0!important}
.admyhost-login-brand .admyhost-admin-logo{width:min(100%,280px)!important;height:auto!important;max-width:280px!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important}
@media(max-width:520px){.admyhost-login-brand .admyhost-admin-logo{max-width:230px!important}}

/* v1.2.0 — dashboard commercial state */
.stat-link{display:flex!important;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.stat-link:hover{border-color:var(--primary,#2563eb);box-shadow:0 8px 24px rgba(15,23,42,.08)}.stat-link small{margin-top:8px;color:var(--muted,#64748b);font-weight:600}.order-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.order-toolbar>input{flex:1 1 360px}.order-toolbar .actions{flex:0 1 auto}@media(max-width:700px){.order-toolbar{align-items:stretch}.order-toolbar>input{flex-basis:100%}.order-toolbar .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.order-toolbar .btn{width:100%;justify-content:center}}