/* HT24/7 v2026 — classic 1990s Lotus Notes-inspired workspace, responsive and accessible. */
:root{--ln-navy:#203d6a;--ln-blue:#355b94;--ln-face:#d9dce2;--ln-line:#8f9ba9;--ln-paper:#fff;--ln-text:#1c2938}
body{font-family:Arial,Helvetica,sans-serif!important;color:var(--ln-text);background:#e9ebef!important}
.ht-header{background:linear-gradient(180deg,#42649a,#233f70)!important;border-bottom:3px solid #a7b6cc!important;box-shadow:0 2px 0 #7b879a!important}
.ht-header .ht-nav a,.ht-header .ht-nav button{font-family:Arial,Helvetica,sans-serif!important}
main{max-width:1500px;margin-inline:auto}
h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
.panel,.vendor-card,.card,.account-wrap,.pc-quote{border:1px solid #aab4c1!important;border-radius:3px!important;box-shadow:inset 1px 1px 0 #fff,0 1px 2px #aeb5bf30!important;background:#fff!important}
.panel>h2,.vendor-card>h2{border-bottom:1px solid #bac5d1;padding-bottom:8px}
button,.primary,.secondary,input,select,textarea{font-family:Arial,Helvetica,sans-serif!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:2px!important;border:1px solid #8d9bad!important;background:#fff!important;min-height:40px}
button.primary,.primary,.hx-go{background:#315b95!important;border:1px solid #193c6d!important;border-radius:3px!important;color:#fff!important;box-shadow:inset 1px 1px 0 #7e9cc5!important}
button.secondary,.secondary,button.ghost{background:#e5e8ed!important;color:#243b5b!important;border:1px solid #97a5b6!important;border-radius:3px!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d68b19!important;outline-offset:2px!important}
#hetNotebook{margin-top:12px!important}
#hetNotebook .notebook-tabs{background:#cdd4df!important;border:1px solid #8798ad!important;border-bottom:2px solid #365b91!important;padding:6px 7px 0!important;gap:3px!important}
#hetNotebook .notebook-tab{border-radius:4px 4px 0 0!important;background:linear-gradient(#f3f4f6,#d3dae5)!important;border:1px solid #8797aa!important;border-bottom:0!important;min-height:46px!important;padding:10px 8px!important;color:#253c5e!important;box-shadow:inset 1px 1px 0 #fff!important;font-weight:700!important}
#hetNotebook .notebook-tab[aria-selected=true]{background:#fff!important;color:#173d78!important;box-shadow:inset 0 3px 0 #426aa4!important;position:relative;top:2px}
#hetNotebook .notebook-content{border:1px solid #8c9aab!important;border-top:0!important;border-radius:0 0 3px 3px!important;box-shadow:none!important;background:#fff!important;min-height:0!important;padding:18px!important}
#hetNotebook .notebook-heading{font-size:22px!important;border-bottom:2px solid #bbc8d7;padding-bottom:8px}
#hetNotebook .notebook-description{margin-bottom:15px!important}
#hetNotebook .notebook-stat,#hetNotebook .notebook-shortcut{border-radius:2px!important;border:1px solid #a8b5c5!important;background:#f2f4f7!important;box-shadow:inset 1px 1px 0 #fff!important;min-height:76px!important}
#hetNotebook .notebook-stat:hover,#hetNotebook .notebook-shortcut:hover{background:#e3ebf6!important}
#hetNotebook .notebook-stat-value{color:#1e457c!important}
#planChangeSection .pc-chip{border-radius:3px!important;background:#e5ebf5!important}
#planChangeSection .pc-levels label{border-radius:2px!important;border-color:#a8b4c3!important}
#planChangeSection .pc-levels label:has(input:checked){background:#e5edf8!important;border-color:#315b95!important}
#planChangeSection .pc-quote{border-radius:2px!important}
#planChangeSection .pc-quote tr:nth-child(even){background:#f3f5f8}
@media(max-width:700px){#hetNotebook .notebook-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important}#hetNotebook .notebook-tab{flex:0 0 auto!important;min-width:116px!important;min-height:44px!important}#hetNotebook .notebook-content{padding:12px!important}#hetNotebook .notebook-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hetNotebook .notebook-stat{min-height:92px!important}main{max-width:100%}button,input,select{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* v2027: marca — el verde de WhatsApp es el único verde y no se cambia; los botones de peligro conservan el rojo.
   Más especificidad que los botones genéricos de arriba (también con !important). */
html body .whatsapp-coupon,html body .wa,html body .whatsapp-btn,html body .btn-whatsapp,html body #sendSupportWhatsapp,html body #advertiseWhatsApp,html body a[href^="https://wa.me"].primary,html body a[href^="https://wa.me"].secondary,html body a[href^="https://wa.me"].button-link{background:var(--ht-wa,#168348)!important;border-color:var(--ht-wa,#168348)!important;color:#fff!important;box-shadow:none!important}
html body .danger-outline,html body button.secondary.danger-outline{background:#fff!important;border:1px solid #b91c1c!important;color:#b91c1c!important}