@keyframes sdUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@font-face{font-family:"Nunito Sans";font-weight:300;font-display:swap;src:url(../fonts/nunitosans-300-latin.woff2)format("woff2")}@font-face{font-family:"Nunito Sans";font-weight:400;font-display:swap;src:url(../fonts/nunitosans-400-latin.woff2)format("woff2")}@font-face{font-family:"Nunito Sans";font-weight:600;font-display:swap;src:url(../fonts/nunitosans-600-latin.woff2)format("woff2")}@font-face{font-family:"Nunito Sans";font-weight:700;font-display:swap;src:url(../fonts/nunitosans-700-latin.woff2)format("woff2")}@font-face{font-family:"Nunito Sans Fallback";src:local("Arial"),local("Liberation Sans"),local("Helvetica Neue"),local("Helvetica");size-adjust:131.62%;ascent-override:76.81%;descent-override:26.82%;line-gap-override:0%}:root{--sd-teal:#12b6c9;--sd-ink:#0e7490;--sd-dark:#070708;--sd-muted:#cfd6df;--sd-ff:'Nunito Sans','Nunito Sans Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}html{background:var(--sd-dark)}.breadcrumb,.btn,.form-control,.lead,.nav,.panel-title,a,blockquote,body,button,h1,h2,h3,h4,h5,h6,input,label,li,p,select,span,td,textarea,th{font-family:var(--sd-ff)}.sd-container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.btn-primary{background:var(--sd-ink);border-color:var(--sd-ink);color:#fff;font-size:16px;font-weight:700;padding:13px 26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.55em;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease}.btn-primary::after{content:"";width:.95em;height:.95em;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")center/contain no-repeat;transition:transform .15s ease}.btn-primary:focus,.btn-primary:hover{background:#0b5e73;border-color:#0b5e73;transform:translateY(-2px);box-shadow:0 8px 22px rgba(18,182,201,.4)}.btn-primary:hover::after{transform:translateX(3px)}.sd-header{position:sticky;top:0;z-index:50;background:var(--sd-dark);box-shadow:0 2px 18px rgba(0,0,0,.4);font-family:"Nunito Sans",system-ui,Arial,sans-serif}.sd-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px}.sd-brand{display:inline-flex;align-items:center;flex:0 0 auto}.sd-brand img{width:170px;height:auto;display:block}.sd-menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}.sd-menu>li{margin:0}.sd-menu a{display:inline-block;padding:.55em .85em;color:#eef1f6;font-weight:600;font-size:15.5px;text-decoration:none;border-radius:8px}.sd-menu a:focus,.sd-menu a:hover{color:#fff;background:rgba(255,255,255,.08)}.sd-cart{margin-left:6px;border:2px solid var(--sd-teal);color:#fff!important;background:0 0;border-radius:8px}.sd-cart:hover{background:var(--sd-teal)}.sd-lang{position:relative}.sd-lang>a{cursor:pointer}.sd-lang-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#0e1622;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;display:none;min-width:180px;list-style:none;z-index:80;box-shadow:0 10px 30px rgba(0,0,0,.45)}.sd-lang:focus-within .sd-lang-menu,.sd-lang:hover .sd-lang-menu{display:block}.sd-lang-menu a{display:block;padding:8px 12px;color:#cfd6df;font-size:15px;border-radius:6px}.sd-lang-menu a:hover{background:rgba(255,255,255,.07);color:#fff}.sd-toggle{display:none;background:0 0;border:0;color:#fff;cursor:pointer;padding:8px}.sd-toggle svg{width:28px;height:28px}@media (max-width:820px){.sd-header{position:relative}.sd-nav{justify-content:center}.sd-toggle{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.sd-menu{display:none;position:absolute;left:0;right:0;top:100%;z-index:200;flex-direction:column;align-items:stretch;gap:0;background:#070708;padding:6px 20px 16px;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 16px 30px rgba(0,0,0,.5)}.sd-nav[data-open=true] .sd-menu{display:flex}.sd-menu>li{width:100%;text-align:center}.sd-menu a{display:block;padding:13px 4px;text-align:center}.sd-menu a:not(.sd-cart){border-bottom:1px solid rgba(255,255,255,.06)}.sd-menu a.sd-cart{display:block;margin:14px auto 4px;text-align:center;max-width:240px;border:2px solid var(--sd-teal);border-radius:8px;padding:12px 18px}}#home-banner{background:linear-gradient(135deg,#0b2026 0,#070708 70%);color:#fff;padding:50px 0;text-align:center}#home-banner h2,.site-footer a:hover{color:#fff}.footer-grid li svg,.home-shortcuts a i{color:var(--sd-teal)}.header-lined h1,.site-footer{font-family:"Nunito Sans",system-ui,Arial,sans-serif}.site-footer{background:var(--sd-dark);color:var(--sd-muted);padding:56px 0 28px;font-size:16px}.site-footer a{color:var(--sd-muted);text-decoration:none}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}.footer-grid h2{color:#fff;font-size:16px;margin:0 0 14px;font-weight:700}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin-bottom:8px;font-size:17px}.footer-grid li a{gap:9px;font-size:17px;line-height:28px}.footer-grid li svg{width:16px;height:16px;flex:0 0 auto}.footer-contact li{display:flex;align-items:center;gap:9px;font-size:17px}.footer-contact b{color:#fff;font-weight:700}.footer-brand img{width:180px;height:auto;margin-bottom:14px}.footer-brand p{margin:0;line-height:1.6;font-size:17px}.pay-methods{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.footer-bottom a,.footer-grid li a,.pay{display:inline-flex;align-items:center}.pay{gap:5px;background:#fff;color:#1f2430;border-radius:6px;padding:4px 8px;font-weight:800;font-size:11px}.pay svg{display:block}.pay-visa{color:#1a1f71;font-style:italic;letter-spacing:.5px}.pay-amex{background:#1f72cd;color:#fff}.pay-usdt{color:#157a5b}.pay .pp1{color:#003087}.pay .pp2{color:#0064a8}.footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:14px;line-height:1.65;color:#c3cad4}.footer-bottom a{gap:6px;color:#c3cad4;font-weight:400}.footer-bottom a+a{margin-left:18px}.footer-bottom svg{width:15px;height:15px;flex:0 0 auto;color:var(--sd-teal)}@media (max-width:760px){.footer-grid{grid-template-columns:1fr;gap:28px;text-align:center}.footer-contact ul,.footer-grid ul{display:inline-block;text-align:left}.footer-brand img{margin-left:auto;margin-right:auto}.footer-bottom,.pay-methods{justify-content:center}.footer-bottom{text-align:center}}.auto-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.header-lined{text-align:center;border:0;margin:44px 0 26px;padding:0;animation:sdUp .55s cubic-bezier(.2,.7,.2,1) both}@media (prefers-reduced-motion:reduce){.header-lined{animation:none}}.header-lined h1{font-weight:800;font-size:clamp(32px,4.4vw,48px);color:#070708;line-height:1.1;margin:0}.header-lined h1:after{content:"";display:block;width:62px;height:4px;border-radius:3px;margin:14px auto 0;background:linear-gradient(90deg,var(--sd-teal),var(--sd-ink))}.panel{border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 10px 30px rgba(7,7,8,.06);background:#fff;overflow:hidden}.panel-heading{background:#fff;border-bottom:1px solid #eef1f4;padding:15px 20px}.panel-title{font-weight:800;font-size:16px;color:#070708;line-height:1.3}.panel-body{padding:20px}.panel-footer{background:#fafbfc;border-top:1px solid #eef1f4}.panel-info>.panel-heading{background:#eefbfd;border-bottom-color:#cdeef3}.panel-info>.panel-heading .panel-title{color:var(--sd-ink)}.panel-accent-color>.panel-heading,.panel-sidebar>.panel-heading{background:var(--sd-dark)}.panel-sidebar>.panel-heading .panel-title{color:#fff}.list-group-item{border-color:#eef1f4;font-size:15px;transition:background-color .12s ease,color .12s ease}.list-group-item:hover,.table-hover>tbody>tr:hover{background:#f4fbfc}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background:var(--sd-ink);border-color:var(--sd-ink);color:#fff}.list-group-item.active .badge{color:var(--sd-ink)}.badge{background:var(--sd-teal);border-radius:999px;font-weight:700}.tiles .tile{background:#fff;border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 10px 30px rgba(7,7,8,.06);transition:transform .18s ease,box-shadow .22s ease}.tiles .tile:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(7,7,8,.12)}#frmCheckout .prepend-icon .field-icon,#frmCheckout .prepend-icon .field-icon i,.breadcrumb a:hover,.home-panels .fa,.home-panels .far,.home-panels .fas,.nav-tabs-overflow>li>a .fa-fw,.tiles .tile .icon{color:var(--sd-teal)}.card{border:1px solid #e6e9ef;border-radius:14px}.table>thead>tr>th{border-bottom:2px solid #eef1f4;color:#5d616b;font-weight:700;text-transform:uppercase;font-size:12.5px;letter-spacing:.04em}.table>tbody>tr>td{vertical-align:middle}.alert{border-radius:12px;font-size:15px}.label{font-weight:700;border-radius:6px;padding:.3em .6em}.posting .panel,.postingreply .panel{border-radius:14px}.field.form-control,.form-control{border-radius:9px;border:1px solid #dfe4ea;padding:11px 14px;box-shadow:none;height:auto;font-size:16px;color:#23262e;transition:border-color .15s ease,box-shadow .15s ease}.field.form-control:focus,.form-control:focus{border-color:var(--sd-teal);box-shadow:0 0 0 3px rgba(18,182,201,.16);outline:0}.form-control::placeholder{color:#9aa1ad}.control-label,label{font-weight:700;color:#2c3038;font-size:15.2px;margin-bottom:6px}.input-group-lg .form-control{border-top-right-radius:0;border-bottom-right-radius:0}.prepend-icon{position:relative}.prepend-icon>label.field-icon{position:absolute;left:0;top:0;height:100%;width:40px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:var(--sd-teal);font-weight:400;z-index:2;pointer-events:none}.prepend-icon>label.field-icon>i{color:var(--sd-teal);font-size:15px}.prepend-icon>.field,.prepend-icon>.form-control{padding-left:42px}.btn-default{background:#fff;border:1.5px solid #d4dae2;color:#2c3038;border-radius:999px;font-weight:700;font-size:15px;padding:11px 22px;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.btn-default:focus,.btn-default:hover{border-color:var(--sd-teal);color:var(--sd-ink);background:#f4fbfc}#frmCheckout,.logincontainer{background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 18px 50px rgba(7,7,8,.1);animation:sdUp .55s cubic-bezier(.2,.7,.2,1) both}.logincontainer{max-width:460px;margin:6px auto 44px;padding:32px 34px 28px}.logincontainer .login-form .form-group{margin-bottom:16px}.logincontainer .checkbox{margin:6px 0 18px;font-size:14px;color:#5d616b}.login-form [align=center]{display:flex;flex-direction:column;gap:12px}.client-home-panels .panel-body p,.client-home-panels .panel-body table,.login-form #login,.login-form .btn-default{width:100%}#frmCheckout{max-width:780px;margin:0 auto 30px;padding:30px 34px}#frmCheckout h3:not(.panel-title),#frmCheckout legend{font-weight:800;font-size:19px;color:#070708;border:0;margin:24px 0 14px;padding-bottom:10px;border-bottom:2px solid #eef1f4}#frmCheckout .panel.tospanel{border-radius:12px;border-color:#f0d9a8;background:#fffaf0}@media (prefers-reduced-motion:reduce){#frmCheckout,.logincontainer{animation:none}}.sd-article{max-width:700px;margin:0 auto;font-size:18px;line-height:1.85;color:#1f232b;letter-spacing:.002em}.sd-article p{margin:0 0 1.3em}.sd-article h1,.sd-article h2,.sd-article h3,.sd-article h4{font-weight:800;color:#070708;margin:1.7em 0 .55em;line-height:1.3}.sd-article h2{font-size:24px}.sd-article h3{font-size:20px}.sd-article ol,.sd-article ul{margin:0 0 1.35em;padding-left:1.5em}.sd-article li{margin:.55em 0;line-height:1.8}.sd-article a{text-decoration:underline}.product-details-tab-container strong,.sd-article b,.sd-article strong{color:#070708}.sd-article img{border-radius:10px;margin:1em 0}.sd-article blockquote{border-left:3px solid var(--sd-teal);background:#f4fbfc;margin:1.2em 0;padding:.8em 1.2em;border-radius:0 8px 8px 0;color:#2c3038}.sd-article-edit{max-width:760px;margin:1.4em auto 0}.sd-article-date{max-width:760px;margin:26px auto 0;display:flex;align-items:center;gap:8px;color:#8a909a;font-size:14px;font-weight:600}.sd-article-date svg{width:16px;height:16px;flex:0 0 auto;color:var(--sd-teal)}.sd-article-back,.sd-formcard{max-width:760px;margin:24px auto 0}.sd-formcard{margin:0 auto 30px;background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 18px 50px rgba(7,7,8,.1);padding:30px 34px;animation:sdUp .55s cubic-bezier(.2,.7,.2,1) both}.sd-formcard .control-label{padding-top:11px}@media (prefers-reduced-motion:reduce){.sd-formcard{animation:none}}.breadcrumb{background:0 0;text-align:center;padding:10px 0 0;margin:0;font-size:14px;border-radius:0}.breadcrumb a,.sd-article a{color:var(--sd-ink)}.breadcrumb,.breadcrumb>.active{color:#8a909a}.sd-bell,.sd-notif{position:relative}.sd-bell{display:inline-flex;align-items:center;justify-content:center;padding:.5em .7em;color:#eef1f6;border-radius:8px}.sd-bell svg{width:21px;height:21px}.sd-bell:hover{background:rgba(255,255,255,.08);color:#fff}.sd-bell-dot{position:absolute;top:6px;right:8px;width:9px;height:9px;background:#ff5a5f;border:2px solid var(--sd-dark);border-radius:50%}.sd-notif-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:300px;max-width:360px;background:#fff;border:1px solid #e6e9ef;border-radius:12px;box-shadow:0 18px 50px rgba(7,7,8,.22);padding:6px;display:none;z-index:90;list-style:none;text-align:left}.sd-notif[data-open=true] .sd-notif-menu{display:block}.sd-notif-title{padding:10px 14px 6px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#8a909a}.sd-notif-menu>li>a{display:flex;gap:9px;align-items:flex-start;padding:11px 14px;color:#2c3038;font-size:14.5px;line-height:1.5;border-radius:8px;text-decoration:none}.sd-notif-menu>li>a:hover{background:#f4fbfc;color:var(--sd-ink)}.sd-notif-menu .sd-notif-ico{color:var(--sd-teal);margin-top:2px}.sd-notif-none{padding:11px 14px;color:#8a909a;font-size:14px}@media (max-width:820px){.sd-notif{text-align:center}.sd-notif-menu{position:static;margin:8px auto;max-width:280px}.sd-bell{display:inline-flex;width:auto;margin:0 auto;position:relative}.sd-bell-dot{top:3px;right:3px}}.tiles .tile{margin-bottom:16px}.tiles .tile a{display:block;padding:18px 20px;height:100%}.tiles .tile .icon{font-size:30px;margin-bottom:6px}.tiles .tile .stat{font-size:30px;font-weight:800;color:#070708;line-height:1}.tiles .tile .title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#8a909a;font-weight:700;margin-top:4px}.client-home-panels .panel{margin-bottom:24px}.client-home-panels .panel-body>.table{width:100%}.client-home-panels .table{width:100%;margin:0}.client-home-panels .panel-body>.list-group,.client-home-panels .panel-body>.table{margin:-16px}.client-home-panels .list-group-item{border-left:0;border-right:0}.client-home-panels .panel-body{padding:16px;overflow-x:hidden}.client-home-panels .input-group{width:100%;max-width:100%;display:table;table-layout:auto;margin:0}.client-home-panels .input-group .form-control{height:44px;border-radius:9px 0 0 9px;border-right:0;width:100%}.client-home-panels .input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.client-home-panels .input-group-btn .btn{height:44px;border-radius:0;border-color:#dfe4ea;background:#fff;color:#2c3038;font-weight:700;padding:0 16px;margin:0;font-size:14px}.client-home-panels .input-group-btn .btn:first-child{background:var(--sd-ink);border-color:var(--sd-ink);color:#fff}.client-home-panels .input-group-btn .btn:first-child:hover{background:#0b5e73;border-color:#0b5e73}.client-home-panels .input-group-btn .btn:last-child{border-radius:0 9px 9px 0;border-left:0}.client-home-panels .input-group-btn .btn:last-child:hover{border-color:var(--sd-teal);color:var(--sd-ink)}.ticket-reply{font-size:17px;line-height:1.85;color:#1f232b}.ticket-reply p{margin:0 0 1.1em}.ticket-reply .name{font-size:15px}#frmReply .form-control,.markdown-editor{font-size:16px;line-height:1.7}[menuItemName="Ticket Information"]{border:1px solid #e6e9ef;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(7,7,8,.06)}[menuItemName="Ticket Information"]>.panel-heading .panel-title{text-align:center}[menuItemName="Ticket Information"]>.panel-heading .panel-minimise{float:right;margin-top:2px}.sd-deptcard p,[menuItemName="Ticket Information"] .list-group{margin:0}[menuItemName="Ticket Information"] .ticket-details-children{text-align:center;border:0;border-bottom:1px solid #eef1f4;padding:14px 16px;background:#fff;font-size:14.5px;color:#2c3038}[menuItemName="Ticket Information"] .ticket-details-children:last-child{border-bottom:0}[menuItemName="Ticket Information"] .ticket-details-children .title{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#070708;font-weight:800;margin-bottom:7px}[menuItemName="Ticket Information"] .ticket-details-children .title::before{content:"";display:inline-block;width:14px;height:14px;flex:0 0 auto;background-repeat:no-repeat;background-position:center;background-size:14px}[id$=-Requestor] .title::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7490' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}[id$=-Department] .title::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7490' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M9 8h.01M15 8h.01M9 12h.01M15 12h.01M9 16h6'/%3E%3C/svg%3E")}[id$=-Date_Opened] .title::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7490' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}[id$=-Last_Updated] .title::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7490' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}[id$=-Priority] .title::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7490' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22V4M4 4h13l-2 4 2 4H4'/%3E%3C/svg%3E")}[menuItemName="Ticket Information"] .ticket-requestor-name{font-weight:800;color:#070708}[menuItemName="Ticket Information"] .label{display:inline-block;border-radius:999px;padding:.32em .85em;font-weight:700;font-size:12px;color:#fff}[menuItemName="Ticket Information"] .requestor-type-operator,[menuItemName="Ticket Information"] .requestor-type-owner{background:rgba(18,182,201,.14);color:var(--sd-ink)}[menuItemName="Ticket Information"] .panel-footer{background:#fff;border-top:1px solid #eef1f4;padding:14px}[menuItemName="Ticket Information"] .panel-footer .row{display:flex;gap:10px;margin:0}[menuItemName="Ticket Information"] .col-button-left,[menuItemName="Ticket Information"] .col-button-right{flex:1 1 0;width:auto;padding:0;float:none}[menuItemName="Ticket Information"] .panel-footer .btn{width:100%;border-radius:999px;font-weight:700;padding:11px 8px;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:.4em}[menuItemName="Ticket Information"] .btn-success{background:var(--sd-ink);border:1.5px solid var(--sd-ink);color:#fff}[menuItemName="Ticket Information"] .btn-success:hover{background:#0b5e73;border-color:#0b5e73;color:#fff}[menuItemName="Ticket Information"] .btn-danger{background:#fff;border:1.5px solid #e3b1b4;color:#c0392b}[menuItemName="Ticket Information"] .btn-danger:hover{background:#fdecea;border-color:#d9534f;color:#a93226}.ticket-reply{position:relative;background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 8px 26px rgba(7,7,8,.06);padding:0;margin:0 0 18px;overflow:hidden;animation:sdUp .45s cubic-bezier(.2,.7,.2,1) both}.ticket-reply.staff{border-color:#cdeef3}.ticket-reply .date{position:absolute;top:18px;right:20px;font-size:13px;color:#8a909a;font-weight:600}.ticket-reply .user{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;background:#f7fafc;border-bottom:1px solid #eef1f4}.ticket-reply.staff .user{background:#eefbfd;border-bottom-color:#cdeef3}.sd-logout,.ticket-reply .user .fa-user{align-items:center;justify-content:center}.ticket-reply .user .fa-user{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--sd-ink);color:#fff;display:flex;font-size:17px}.ticket-reply.staff .user .fa-user{background:var(--sd-teal)}.ticket-reply .user .name{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15.5px;color:#070708}.ticket-reply .user .name .label{border-radius:999px;padding:.28em .7em;font-size:11.5px;font-weight:700;background:rgba(18,182,201,.14);color:var(--sd-ink)}.ticket-reply .user .type{flex-basis:100%;padding-left:54px;margin-top:-4px;font-size:13px;color:#8a909a;font-weight:600}.ticket-reply .message{padding:20px 24px;font-size:18px;line-height:1.9;color:#1f232b}.md-header button[data-handler=bootstrap-markdown-cmdUrl]{display:none}.ticket-reply .message p{margin:0 0 1.05em}.ticket-reply .message hr{border:0;border-top:1px solid #eef1f4;margin:14px 0 8px}.ticket-reply .message img{max-width:100%;border-radius:8px}.ticket-reply .attachments{padding:0 22px 18px}.ticket-reply .attachments ul{list-style:none;margin:8px 0 0;padding:0}.ticket-reply .attachments li{margin:6px 0}.ticket-reply .attachments a{color:var(--sd-ink);font-weight:600}@media (max-width:560px){.ticket-reply .date{position:static;display:block;margin-top:8px;padding-left:54px}.ticket-reply .user{padding:14px 16px}.ticket-reply .message{padding:16px}}.panel-collapsable>.panel-heading#ticketReply{background:var(--sd-ink);border:0;border-radius:12px;color:#fff;padding:14px 18px}.panel-collapsable>.panel-heading#ticketReply:hover{background:#0b5e73}.panel-collapsable>.panel-heading#ticketReply .collapse-icon,.panel-collapsable>.panel-heading#ticketReply .panel-title{color:#fff}#frmReply .text-center .btn-primary{min-width:160px}.sd-menu a .sd-mi{width:17px;height:17px;vertical-align:-3px;margin-right:7px;opacity:.92}@media (max-width:820px){.sd-menu a .sd-mi{margin-right:9px}}.sd-logout{display:inline-flex;padding:.5em .7em}.sd-logout .sd-mi{margin-right:0}.sd-logout-txt{display:none}@media (max-width:820px){.sd-logout{justify-content:center}.sd-logout .sd-mi{margin-right:9px}.sd-logout-txt{display:inline}}.sd-ticket-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#0b2026 0,#070708 75%);color:#fff;border-radius:16px;padding:22px 26px;margin:0 0 22px;box-shadow:0 12px 34px rgba(7,7,8,.18)}.sd-ticket-banner .sd-tb-txt h2{color:#fff;font-size:20px;margin:0 0 4px}.sd-ticket-banner .sd-tb-txt p{margin:0;color:#cfd6df;font-size:14.5px}.sd-ticket-banner .btn{flex:0 0 auto;background:var(--sd-teal);border:0;color:#06222a;font-weight:800;border-radius:999px;padding:13px 26px;font-size:15px;display:inline-flex;align-items:center;gap:.5em;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease}.sd-ticket-banner .btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(18,182,201,.45);color:#06222a}@media (max-width:820px){.sd-ticket-banner{flex-direction:column;align-items:center;text-align:center;padding:22px 18px}.sd-ticket-banner .sd-tb-txt{width:100%}.sd-ticket-banner .sd-tb-txt h2,.sd-ticket-banner .sd-tb-txt p{text-align:center}.sd-ticket-banner .btn{width:100%;max-width:320px;justify-content:center}}.view-filter-btns .list-group{margin:0;display:flex;flex-direction:column}.view-filter-btns .list-group-item{order:9}.view-filter-btns [id$=-Open]{order:1}.view-filter-btns [id$=-Closed]{order:2}.view-filter-btns [id$=-In_Progress]{order:3}.view-filter-btns [id$=-Answered]{order:4}.view-filter-btns [id$=-Customer-Reply]{order:5}.view-filter-btns .list-group-item{display:flex!important;float:none!important;width:auto!important;clear:both;align-items:center;gap:9px;border:1px solid #eef1f4;border-radius:10px;margin:0 0 8px;padding:11px 14px;font-weight:600;color:#2c3038}.view-filter-btns .list-group-item:last-child{margin-bottom:0}.view-filter-btns .list-group-item .far{order:1;flex:0 0 auto;color:var(--sd-teal);margin:0}.view-filter-btns .list-group-item>span:not(.badge){order:2;flex:1 1 auto;text-align:left}.view-filter-btns .list-group-item .badge{order:3;margin-left:auto;background:#e6e9ef;color:#5d616b;min-width:24px}.view-filter-btns .list-group-item:hover{border-color:#bfe6ec;background:#f7fdfe}.view-filter-btns .list-group-item.active{background:var(--sd-ink);border-color:var(--sd-ink);color:#fff}.view-filter-btns .list-group-item.active .badge{background:rgba(255,255,255,.25);color:#fff}.sd-ft-vip b,.view-filter-btns .list-group-item.active .far{color:#fff}.table-container{max-width:100%}#tableTicketsList{width:100%!important;border-collapse:separate;border-spacing:0}#tableTicketsList>thead>tr>th{border-bottom:2px solid #eef1f4;color:#5d616b;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.04em;padding:12px 14px}#tableTicketsList>tbody>tr{transition:background-color .12s ease}#tableTicketsList>tbody>tr:hover{background:#f4fbfc;cursor:pointer}#tableTicketsList>tbody>tr>td{padding:14px;vertical-align:middle;border-top:1px solid #f0f2f5}#tableTicketsList .ticket-number{display:inline-block;font-weight:800;color:var(--sd-ink);margin-right:6px}#tableTicketsList .ticket-subject{color:#2c3038}#tableTicketsList a.border-left{text-decoration:none}#tableTicketsList .label.status{display:inline-block;border-radius:999px;padding:.35em .85em;font-weight:700;font-size:12px}#tableTicketsList .status-open{background:rgba(18,182,201,.15);color:var(--sd-ink)}#tableTicketsList .status-closed{background:#eef1f4;color:#5d616b}#tableTicketsList .status-answered,#tableTicketsList .status-customer-reply{background:rgba(21,122,91,.14);color:#157a5b}#tableTicketsList>tbody>tr>td:nth-child(3),#tableTicketsList>thead>tr>th:nth-child(3){text-align:center}.dataTables_wrapper .dataTables_info{background:0 0;color:#8a909a;font-size:13.5px;padding:14px 4px 8px;font-weight:600}.dataTables_wrapper .dataTables_length{padding:8px 4px;color:#5d616b;font-size:14px}.dataTables_wrapper .dataTables_length select{border:1px solid #dfe4ea;border-radius:8px;padding:4px 8px;margin:0 4px}.dataTables_wrapper .dataTables_paginate{padding-top:8px}.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:8px!important;border:1px solid #e6e9ef!important;color:#2c3038!important;padding:6px 12px!important;margin:0 2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--sd-ink)!important;border-color:var(--sd-ink)!important;color:#fff!important}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#f4fbfc!important;border-color:#bfe6ec!important;color:var(--sd-ink)!important}#tableTicketsList td.dtr-control,#tableTicketsList th.dtr-control,#tableTicketsList tr.child{display:none!important}@media (max-width:820px){#tableTicketsList,#tableTicketsList>tbody,#tableTicketsList>tbody>tr,#tableTicketsList>tbody>tr>td{display:block!important;width:100%!important;box-sizing:border-box}#tableTicketsList>thead{display:none}#tableTicketsList>tbody>tr{background:#fff;border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 8px 24px rgba(7,7,8,.06);margin:0 0 14px;padding:6px 2px;overflow:hidden}#tableTicketsList>tbody>tr>td{display:flex!important;align-items:center;justify-content:space-between;gap:14px;text-align:right;border:0;border-top:1px solid #f3f5f7;padding:11px 16px}#tableTicketsList>tbody>tr>td:first-child{border-top:0}#tableTicketsList>tbody>tr>td::before{content:attr(data-label);flex:0 0 auto;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.04em;color:#8a909a;text-align:left}#tableTicketsList>tbody>tr>td:empty{display:none!important}#tableTicketsList .ticket-subject{display:block}}#tableTicketsList>tbody>tr>td:first-child,#tableTicketsList>thead>tr>th:first-child{display:none!important}.sd-deptcard{background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 8px 24px rgba(7,7,8,.06);padding:28px 22px;cursor:pointer;height:100%;text-align:center;transition:transform .16s ease,box-shadow .2s ease,border-color .16s ease}.sd-deptcard:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(7,7,8,.13);border-color:#bfe6ec}.sd-deptcard p:first-child{margin-bottom:10px}.sd-deptcard strong a{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:18px;font-weight:800;color:#070708;text-decoration:none}.sd-deptcard strong a:hover{color:var(--sd-ink)}.sd-deptcard .far,.sd-deptcard .fas{flex:0 0 auto;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,rgba(18,182,201,.18),rgba(14,116,144,.12));color:var(--sd-ink);display:inline-flex;align-items:center;justify-content:center;font-size:24px;margin:0;transition:transform .16s ease}.sd-deptcard:hover .far,.sd-deptcard:hover .fas{transform:scale(1.06)}.sd-deptcard p:last-child{color:#5d616b;font-size:14.5px;line-height:1.6;max-width:280px;margin:0 auto}.sd-deptintro{text-align:center;max-width:640px;margin:0 auto 8px;color:#5d616b;font-size:16px}.sd-fasttrack,.sd-ft-ico{display:flex;align-items:center}.sd-fasttrack{flex-direction:column;text-align:center;max-width:760px;margin:30px auto 6px;background:linear-gradient(135deg,#0b2026 0,#070708 80%);color:#fff;border-radius:18px;padding:30px 34px;box-shadow:0 16px 44px rgba(7,7,8,.2)}.sd-ft-ico{flex:0 0 auto;width:58px;height:58px;border-radius:16px;background:rgba(18,182,201,.18);color:var(--sd-teal);justify-content:center;margin-bottom:16px}.sd-ft-ico svg{width:30px;height:30px}.form-horizontal select.form-control,.sd-ft-body{width:100%}.sd-ft-body h3{color:#fff;font-size:21px;font-weight:800;margin:0 0 12px}.sd-ft-body p{color:#cfd6df;font-size:15px;line-height:1.8;margin:0 auto 12px;max-width:620px}.sd-ft-body p:last-child{margin-bottom:0}.sd-ft-body a{color:#5fe3f2;font-weight:700;text-decoration:none}.sd-ft-body a:hover{text-decoration:underline}.sd-ft-vip{border-top:1px solid rgba(255,255,255,.12);padding-top:14px;margin-top:4px;font-size:14px;color:#aeb6c2}@media (max-width:600px){.sd-fasttrack{padding:26px 20px}}.product-details .row{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:22px;margin:0}.product-details .col-md-6{display:flex;flex-direction:column;float:none;width:auto;flex:1 1 340px;max-width:420px;padding:0;margin:0}.product-details .col-md-6>.row{margin:14px 0 0;display:block}.product-details .col-md-6>.row .col-xs-12{padding:0}.product-status{background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 10px 30px rgba(7,7,8,.06);padding:30px 24px 0;text-align:center;flex:1 1 auto;overflow:hidden}.product-status .product-icon{padding-bottom:8px}.product-status .fa-stack{font-size:30px;margin-bottom:6px}.product-status .fa-stack .fa-circle{color:var(--sd-ink)}.panel-actions .list-group-tab-nav .list-group-item.active .sd-ai,.product-status .fa-stack .fa-inverse{color:#fff}.product-status h3{font-size:22px;font-weight:800;color:#070708;margin:8px 0 2px}.product-status h4{font-size:15px;color:#8a909a;font-weight:600;margin:0 0 18px}.product-status-text,.sd-summary h4{text-transform:uppercase;font-weight:800}.product-status-text{margin:0-24px;padding:12px;font-size:13px;letter-spacing:.06em}.product-status-active .product-status-text,.product-status-text{background:rgba(21,122,91,.12);color:#157a5b}.product-details .col-md-6>.row{margin-top:14px;flex:0 0 auto}.product-details .btn-block,.product-details .btn-danger{margin-top:0}.sd-summary{background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 10px 30px rgba(7,7,8,.06);padding:8px 24px 18px;text-align:center;flex:1 1 auto}.sd-summary h4{font-size:12px;letter-spacing:.05em;color:#8a909a;margin:0 0 3px;padding-top:14px;border-top:1px solid #f0f2f5}.sd-summary h4:first-child{border-top:0;padding-top:6px}.sd-summary .sd-sv{display:block;font-size:16px;font-weight:700;color:#070708;margin-bottom:2px}.nav-tabs-overflow{border-bottom:2px solid #eef1f4;margin-top:24px;display:flex;justify-content:center;flex-wrap:wrap;float:none}.nav-tabs-overflow>li{float:none}.nav-tabs-overflow>li>a{border:0!important;color:#5d616b;font-weight:700;border-radius:0;padding:12px 16px;margin:0}.nav-tabs-overflow>li.active>a{border:0!important;border-bottom:3px solid var(--sd-ink)!important;color:var(--sd-ink);background:0 0}.nav-tabs-overflow>li>a:hover{color:var(--sd-ink);background:#f7fdfe}.product-details-tab-container{border:1px solid #eef1f4;border-top:0;border-radius:0 0 12px 12px;padding:20px}.product-details-tab-container .row{padding:5px 0}#domain .row{display:block;text-align:center;margin:0;padding:11px 0;border-bottom:1px solid #f0f2f5}#domain .row:last-of-type{border-bottom:0}#domain .row [class*=col-]{width:100%!important;float:none;text-align:center!important;padding:0}#domain .row .col-sm-5 strong,#domain .row strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#8a909a;font-weight:800;margin-bottom:3px}#domain .row .col-sm-7{font-size:16px;font-weight:600;color:#070708}#domain .module-client-area{border-top:1px solid #eef1f4;margin-top:10px;padding-top:14px}.module-client-area{margin-top:14px}.panel-actions .list-group-tab-nav .list-group-item,.sd-credit-card{display:flex;align-items:center;gap:10px}.panel-actions .list-group-tab-nav .list-group-item .sd-ai{flex:0 0 auto;width:16px;color:var(--sd-teal);text-align:center}@media (max-width:991px){.product-details .col-md-6{flex:1 1 100%;max-width:460px;margin:0 auto}}#tabOverview{max-width:860px;margin:0 auto}#tabOverview .module-client-area{max-width:100%}.sd-credit-card{justify-content:center;gap:18px;text-align:center;background:linear-gradient(135deg,#0b2026 0,#070708 78%);color:#fff;border-radius:16px;padding:22px 26px;margin:0 0 22px;box-shadow:0 12px 34px rgba(7,7,8,.18)}form[action*=addfunds] .control-label{display:block;text-align:center;width:100%}[menuItemName="Add Funds"] .panel-body,[menuItemName="Add Funds"] .panel-heading,form[action*=addfunds],form[action*=addfunds] .form-control{text-align:center}.panel-default:has(form[action*=addfunds]) .panel-footer{text-align:center}.sd-paylist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;text-align:left}.sd-pay-ico,.sd-pay-opt{display:flex;align-items:center}.sd-pay-opt{position:relative;gap:11px;border:1.5px solid #e6e9ef;border-radius:12px;padding:12px 14px;cursor:pointer;margin:0;font-weight:600;font-size:14px;color:#2c3038;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .12s ease}.sd-pay-opt:hover{border-color:#bfe6ec;background:#f7fdfe;transform:translateY(-1px)}.sd-pay-opt input{position:absolute;opacity:0;pointer-events:none}.sd-pay-ico{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:rgba(18,182,201,.12);color:var(--sd-ink);justify-content:center}.sd-pay-ico svg{width:21px;height:21px}.sd-pay-name{flex:1 1 auto;line-height:1.3}.sd-pay-check{position:absolute;top:9px;right:10px;width:18px;height:18px;border-radius:50%;opacity:0;background:var(--sd-ink)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")center/11px no-repeat;transition:opacity .15s ease}.sd-pay-opt:has(input:checked){border-color:var(--sd-ink);background:#f0fbfc;box-shadow:0 0 0 3px rgba(18,182,201,.14)}.sd-pay-opt:has(input:checked) .sd-pay-ico{background:var(--sd-ink);color:#fff}.sd-pay-opt:has(input:checked) .sd-pay-check{opacity:1}.sd-pay-opt:has(input:focus-visible){outline:2px solid var(--sd-teal);outline-offset:2px}@media (max-width:560px){.sd-paylist{grid-template-columns:1fr}}.sd-credit-ico{flex:0 0 auto;width:54px;height:54px;border-radius:14px;background:rgba(18,182,201,.16);display:flex;align-items:center;justify-content:center;color:var(--sd-teal)}.sd-credit-ico svg{width:28px;height:28px}.sd-credit-body{display:flex;flex-direction:column}.sd-credit-label{font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;color:#cfd6df;font-weight:700}.sd-credit-amount{font-size:30px;font-weight:800;color:#fff;line-height:1.1}@media (max-width:600px){.sd-credit-card{flex-direction:column;text-align:center}.sd-credit-body{align-items:center}}.sd-news-list{max-width:820px;margin:0 auto}.sd-news-card{background:#fff;border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 10px 30px rgba(7,7,8,.06);padding:22px 24px;margin-bottom:18px;transition:transform .16s ease,box-shadow .2s ease,border-color .16s ease}.sd-news-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(7,7,8,.12);border-color:#bfe6ec}.sd-news-card .title{display:block;font-size:20px;font-weight:800;color:#070708;line-height:1.3;text-decoration:none;margin-bottom:8px}.sd-news-card .title:hover{color:var(--sd-ink)}.sd-news-card p{font-size:16px;line-height:1.7;color:#3a3f48;margin:0 0 14px}.sd-news-card .article-items{display:flex;align-items:center;gap:16px;font-size:13.5px;color:#8a909a;border-top:1px solid #eef1f4;padding-top:12px}.sd-news-card .article-items .fa-calendar-alt{color:var(--sd-teal)}.sd-news-card .admin-inline-edit{color:var(--sd-ink);font-weight:600}.sd-news-pager{text-align:center;margin-top:8px}.sd-news-pager .btn{border-radius:8px;margin:0 2px}.btn-info,.sd-news-pager .btn.active{background:var(--sd-ink);border-color:var(--sd-ink);color:#fff}.btn-info{border-radius:999px;font-weight:700;padding:11px 22px}.btn-info:focus,.btn-info:hover{background:#0b5e73;border-color:#0b5e73;color:#fff}.btn-danger{background:#fff;border:1.5px solid #e3b1b4;color:#c0392b;border-radius:999px;font-weight:700;padding:9px 18px}.btn-danger:focus,.btn-danger:hover{background:#fdecea;border-color:#d9534f;color:#a93226}.btn-success{background:#157a5b;border-color:#157a5b;color:#fff;border-radius:999px;font-weight:700}.btn-xs{padding:5px 12px;font-size:12.5px}.btn-sm,.btn-xs{border-radius:999px}.panel-collapsable>.panel-heading{cursor:pointer;background:#eefbfd;border-bottom:1px solid #cdeef3}.panel-collapsable>.panel-heading:hover{background:#e2f7fa}#viewticket .label,.label-default,.ticket-status .label{font-weight:700;border-radius:6px;padding:.35em .7em}.btn-manage-permissions{background:#fff;border:1.5px solid #d4dae2;color:#2c3038;border-radius:999px;font-weight:700}.btn-manage-permissions:hover{border-color:var(--sd-teal);color:var(--sd-ink);background:#f4fbfc}.btn-remove-user{margin-left:8px}[disabled]{opacity:.55;pointer-events:none}#frmsupportticket .form-control,#frmsupportticket select.form-control{width:100%;max-width:100%}
/* ====== Order form / carrito (standard_cart) embellecido — tema SYSDOP ====== */
#order-sd{max-width:1120px!important;margin:30px auto 0!important}
.sd-cart{display:inline-flex;align-items:center;justify-content:center}.sd-cart svg{width:21px;height:21px}.sd-backadmin{font-size:20px;line-height:1}
.sd-header{background:rgba(7,7,8,.82)!important;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);box-shadow:none!important;border-bottom:1px solid #23262e}
.sd-menu a{font-size:15.52px;line-height:1.65}
.sd-members{margin-left:6px;border:2px solid var(--sd-teal);color:#fff!important;background:0 0;border-radius:8px}
.sd-members:hover{background:var(--sd-teal);color:#fff!important}
@media (max-width:820px){.sd-menu a.sd-members{display:block;margin:14px auto 4px;text-align:center;max-width:240px;border:2px solid var(--sd-teal);border-bottom:2px solid var(--sd-teal);border-radius:8px;padding:12px 18px}}
/* ===== Mis Dominios (#tableDomainsList) reconstruido + embellecido + responsive ===== */
#tableDomainsList{width:100%!important;border-collapse:separate;border-spacing:0;border:0!important;margin:0}
#tableDomainsList>thead>tr>th{border:0!important;border-bottom:2px solid #eef1f4!important;color:#5d616b;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.04em;padding:12px 14px;background:0 0}
#tableDomainsList>tbody>tr{transition:background-color .12s ease}
#tableDomainsList>tbody>tr:hover{background:#f4fbfc}
#tableDomainsList>tbody>tr>td{padding:14px;vertical-align:middle;border-top:1px solid #f0f2f5!important;border-bottom:0!important}
#tableDomainsList td a[href^="http"]{color:#0e7490;font-weight:700;text-decoration:none}
#tableDomainsList td a[href^="http"]:hover{text-decoration:underline}
#tableDomainsList td img[src*="ssl"]{width:24px;height:24px}
#tableDomainsList .label.status{display:inline-block;border-radius:999px;padding:.35em .85em;font-weight:700;font-size:12px;border:0!important}
#tableDomainsList .status-active{background:rgba(21,122,91,.14);color:#157a5b}
#tableDomainsList .status-expired{background:#fdecea;color:#c0392b}
#tableDomainsList .status-pending,#tableDomainsList .status-pendingtransfer,#tableDomainsList .status-pendingregistration{background:#fef3c7;color:#b45309}
#tableDomainsList .status-cancelled,#tableDomainsList .status-transferredaway,#tableDomainsList .status-fraud,#tableDomainsList .status-grace{background:#eef1f4;color:#5d616b}
#tableDomainsList .btn-group .btn{border-radius:8px}
@media (max-width:820px){
#tableDomainsList,#tableDomainsList>tbody,#tableDomainsList>tbody>tr,#tableDomainsList>tbody>tr>td{display:block!important;width:100%!important;box-sizing:border-box}
#tableDomainsList>thead{display:none}
#tableDomainsList>tbody>tr{background:#fff;border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 8px 24px rgba(7,7,8,.06);margin:0 0 14px;padding:6px 2px;overflow:hidden}
#tableDomainsList>tbody>tr>td{display:flex!important;align-items:center;justify-content:space-between;gap:14px;text-align:right;border:0!important;border-top:1px solid #f3f5f7!important;padding:11px 16px}
#tableDomainsList>tbody>tr>td::before{content:attr(data-label);flex:0 0 auto;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.04em;color:#8a909a;text-align:left}
#tableDomainsList>tbody>tr>td:nth-child(1),#tableDomainsList>tbody>tr>td:nth-child(2){display:none!important}
#tableDomainsList>tbody>tr>td:nth-child(3){border-top:0!important}
#tableDomainsList>tbody>tr>td:empty{display:none!important}
}
/* ===== DataTables controles (paginacion / length / acciones) - GLOBAL todas las tablas ===== */
.dataTables_wrapper .dataTables_paginate{padding:12px 4px 6px;text-align:center!important;float:none!important}
.dataTables_paginate .pagination{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;vertical-align:middle}
.dataTables_wrapper .dataTables_paginate .paginate_button{display:inline-block!important;float:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:0 0!important}
.dataTables_paginate .pagination>li>a,.dataTables_paginate .pagination>li>span{position:static!important;float:none!important;display:inline-block!important;border:1px solid #e6e9ef!important;border-radius:8px!important;color:#2c3038!important;background:#fff!important;font-weight:600;padding:7px 14px!important;margin:0!important;line-height:1.2!important;text-decoration:none}
.dataTables_paginate .pagination>li>a:hover{background:#f4fbfc!important;border-color:#bfe6ec!important;color:var(--sd-ink)!important}
.dataTables_paginate .pagination>li.active>a,.dataTables_paginate .pagination>li.active>a:hover{background:var(--sd-ink)!important;border-color:var(--sd-ink)!important;color:#fff!important}
.dataTables_paginate .pagination>li.disabled>a,.dataTables_paginate .pagination>li.disabled>a:hover{color:#b6bcc6!important;background:#f7fafc!important;border-color:#eef1f4!important;cursor:not-allowed}
.dataTables_wrapper .dataTables_length{padding:8px 4px;margin-top:18px;color:#5d616b;font-size:14px;text-align:center;float:none}
.dataTables_wrapper .dataTables_length label{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:600}
.dataTables_wrapper .dataTables_length select{border:1px solid #dfe4ea!important;border-radius:8px!important;padding:6px 12px!important;margin:0!important;height:auto!important;min-width:70px;width:auto!important;font-size:14px;line-height:1.4}
.dataTables_wrapper .dataTables_info{text-align:center;float:none}
.table-list .btn-group,.listtable .btn-group,#tableDomainsList .btn-group{width:auto!important;display:inline-flex!important;vertical-align:middle}
.table-list .btn-group>.btn,.listtable .btn-group>.btn{border:1px solid #dfe4ea;color:#2c3038;background:#fff;padding:7px 11px;line-height:1.2}
.table-list .btn-group>.btn:hover,.listtable .btn-group>.btn:hover{background:#f4fbfc;border-color:#bfe6ec;color:var(--sd-ink)}
.table-list .btn-group>.btn:first-child,.listtable .btn-group>.btn:first-child{border-radius:8px 0 0 8px}
.table-list .btn-group>.btn:last-child,.listtable .btn-group>.btn:last-child{border-radius:0 8px 8px 0;margin-left:-1px}
.table-list .btn-group>.btn:only-child,.listtable .btn-group>.btn:only-child{border-radius:8px}
/* ===== Paginacion de anuncios (.sd-news-pager) compacta + responsive ===== */
.sd-news-pager{text-align:center;margin-top:14px}
.sd-news-pager .btn-group{display:inline-flex!important;flex-wrap:wrap;justify-content:center;gap:6px;width:auto}
.sd-news-pager .btn-group>.btn{float:none!important;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px!important;border-radius:8px!important;border:1px solid #e6e9ef!important;background:#fff!important;color:#2c3038!important;font-weight:600;margin:0!important;line-height:1}
.sd-news-pager .btn-group>.btn:hover{background:#f4fbfc!important;border-color:#bfe6ec!important;color:var(--sd-ink)!important}
.sd-news-pager .btn-group>.btn.active,.sd-news-pager .btn-group>.btn.active:hover{background:var(--sd-ink)!important;border-color:var(--sd-ink)!important;color:#fff!important}
.sd-news-pager .btn-group>.btn[disabled]{opacity:.45;pointer-events:none}
@media (max-width:560px){.sd-news-pager .btn-group>.btn{min-width:38px;height:38px;padding:0 9px!important}}
/* ===== Paneles del modulo cPanel embellecidos (Billing Overview / Quick Email) ===== */
#cPanelBillingOverviewPanel,#cPanelQuickEmailPanel{border:1px solid #e6e9ef!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(7,7,8,.06)!important;overflow:hidden;margin-bottom:22px!important}
#cPanelBillingOverviewPanel>.panel-heading,#cPanelQuickEmailPanel>.panel-heading{background:linear-gradient(135deg,#23272f,#070708)!important;border:0!important;padding:15px 20px!important}
#cPanelBillingOverviewPanel .panel-title,#cPanelQuickEmailPanel .panel-title{color:#fff!important;font-weight:800!important;font-size:16px!important;display:flex;align-items:center;gap:11px}
#cPanelBillingOverviewPanel .panel-title::before{content:"";width:24px;height:24px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2l-3 2-3-2-3 2-3-2-3 2-3-2z'/%3E%3Cpath d='M9 8h6M9 12h5M9 16h4'/%3E%3C/svg%3E") center/contain no-repeat}
#cPanelQuickEmailPanel .panel-title::before{content:"";width:24px;height:24px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 7l8.5 6 8.5-6'/%3E%3C/svg%3E") center/contain no-repeat}
#cPanelBillingOverviewPanel>.panel-body{padding:4px 20px 12px!important}
#cPanelBillingOverviewPanel>.panel-body>.row{display:block!important;margin:0!important}
#cPanelBillingOverviewPanel>.panel-body>.row>[class*="col-md"]{width:100%!important;max-width:100%!important;float:none!important;padding:0!important}
#cPanelBillingOverviewPanel .row[id]{display:block!important;text-align:center!important;margin:0!important;padding:15px 2px!important;border-bottom:1px solid #f0f2f5}
#cPanelBillingOverviewPanel #nextDueDate{border-bottom:0}
#cPanelBillingOverviewPanel .row[id]>div{width:100%!important;max-width:none!important;float:none!important;padding:0!important;display:block}
#cPanelBillingOverviewPanel .row[id]>.text-right{text-align:center!important;color:#8a909a!important;font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.05em;margin-bottom:4px}
#cPanelBillingOverviewPanel .row[id]>div:not(.text-right){text-align:center!important;color:#0f172a!important;font-weight:700;font-size:16px}
#cPanelQuickEmailPanel>.panel-body{padding:20px!important}
#cPanelAwstats{display:none!important}
/* ===== Domain details Overview (grid de cards, label arriba / valor abajo, centrado) ===== */
.sd-domain-overview{max-width:760px;margin:12px auto 6px}
.sd-domain-overview .row{display:flex!important;flex-wrap:wrap;gap:14px;justify-content:center;margin:0 0 14px!important}
.sd-domain-overview .row>div[class*="col-sm"]{flex:1 1 0;min-width:230px;max-width:360px!important;width:auto!important;float:none!important;margin:0!important;padding:18px 14px!important;background:#f7fafc;border:1px solid #eef1f5;border-radius:14px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:15px;font-weight:700;color:#0f172a;line-height:1.45;box-shadow:0 6px 18px rgba(7,7,8,.04)}
.sd-domain-overview .row>div h4{margin:0;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#8a909a;font-weight:700;line-height:1.3}
.sd-domain-overview .row>div h4 strong{color:#8a909a!important;font-weight:700}
.sd-domain-overview a{color:#0e7490!important;font-weight:700}
.sd-domain-overview img{vertical-align:-3px;margin-right:4px}
.sd-domain-overview .ssl-inactive{color:#c0392b!important}
@media (max-width:680px){.sd-domain-overview{grid-template-columns:1fr;max-width:430px}}
/* ===== Domain details — rediseño completo (sidebar Manage + pestañas) ===== */
[menuItemName="Domain Details Management"]{border:1px solid #e6e9ef!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(7,7,8,.06)!important;overflow:hidden;background:#fff!important}
[menuItemName="Domain Details Management"]>.panel-heading{background:linear-gradient(135deg,#23272f,#070708)!important;border:0!important;padding:15px 20px!important}
[menuItemName="Domain Details Management"] .panel-title{color:#fff!important;font-weight:800!important;font-size:16px;display:flex;align-items:center}
[menuItemName="Domain Details Management"] .panel-title>i.fa-cog{margin-right:9px}
[menuItemName="Domain Details Management"] .panel-minimise{color:rgba(255,255,255,.85)!important;margin-left:auto}
[menuItemName="Domain Details Management"] .list-group-tab-nav{padding:8px!important;border:0;background:0 0}
[menuItemName="Domain Details Management"] .list-group-item{border:0!important;border-radius:11px!important;margin:2px 0;padding:12px 14px!important;color:#2c3038!important;background:#fff!important;font-weight:600;display:flex;align-items:center;gap:11px;transition:background .14s,color .14s,transform .14s}
[menuItemName="Domain Details Management"] .list-group-item::before{font-family:"Font Awesome 5 Pro";font-weight:900;font-size:13.5px;width:20px;text-align:center;flex:0 0 auto;color:#0e7490}
[menuItemName="Domain Details Management"] .list-group-item:hover{background:#f4fbfc!important;color:#0e7490!important;transform:translateX(2px)}
[menuItemName="Domain Details Management"] .list-group-item.active,[menuItemName="Domain Details Management"] .list-group-item.active:hover{background:#070708!important;color:#fff!important;box-shadow:0 8px 20px rgba(7,7,8,.3)}
[menuItemName="Domain Details Management"] .list-group-item.active::before{color:#fff!important}
a[menuItemName="Overview"]::before{content:"\f0c9"}
a[menuItemName="Auto Renew Settings"]::before{content:"\f021"}
a[menuItemName="Modify Nameservers"]::before{content:"\f233"}
a[menuItemName="Registrar Lock Status"]::before{content:"\f023"}
a[menuItemName="Domain Addons"]::before{content:"\f067"}
a[menuItemName="Domain Contacts"]::before{content:"\f2bb"}
a[menuItemName="Manage Private Nameservers"]::before{content:"\f0ac"}
a[menuItemName="Get EPP Code"]::before{content:"\f084"}
/* sidebar de cuenta (mismo tratamiento) */
[menuItemName="Account"]{border:1px solid #e6e9ef!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(7,7,8,.06)!important;overflow:hidden;background:#fff!important}
[menuItemName="Account"]>.panel-heading{background:linear-gradient(135deg,#23272f,#070708)!important;border:0!important;padding:15px 20px!important}
[menuItemName="Account"] .panel-title{color:#fff!important;font-weight:800!important;font-size:16px;display:flex;align-items:center}
[menuItemName="Account"] .panel-title>i{margin-right:9px}
[menuItemName="Account"] .panel-minimise{color:rgba(255,255,255,.85)!important;margin-left:auto}
[menuItemName="Account"] .list-group-tab-nav,[menuItemName="Account"] .list-group{padding:8px!important;border:0;background:0 0}
[menuItemName="Account"] .list-group-item{border:0!important;border-radius:11px!important;margin:2px 0;padding:12px 14px!important;color:#2c3038!important;background:#fff!important;font-weight:600;display:flex;align-items:center;gap:11px;transition:background .14s,color .14s,transform .14s}
[menuItemName="Account"] .list-group-item::before{font-family:"Font Awesome 5 Pro";font-weight:900;font-size:13.5px;width:20px;text-align:center;flex:0 0 auto;color:#0e7490}
[menuItemName="Account"] .list-group-item:hover{background:#f4fbfc!important;color:#0e7490!important;transform:translateX(2px)}
[menuItemName="Account"] .list-group-item.active,[menuItemName="Account"] .list-group-item.active:hover{background:#070708!important;color:#fff!important;box-shadow:0 8px 20px rgba(7,7,8,.3)}
[menuItemName="Account"] .list-group-item.active::before{color:#fff!important}
a[menuItemName="My Details"]::before{content:"\f007"}
a[menuItemName="User Management"]::before{content:"\f0c0"}
a[menuItemName="Payment Methods"]::before{content:"\f09d"}
a[menuItemName="Contacts/Sub-Accounts"]::before{content:"\f2b9"}
a[menuItemName="Account Security"]::before{content:"\f3ed"}
a[menuItemName="Email History"]::before{content:"\f0e0"}
.sd-domdetails>.tab-pane>h3{text-align:center;font-weight:800;color:#0f172a;font-size:24px;margin:6px 0 20px;position:relative;padding-bottom:12px}
.sd-domdetails>.tab-pane>h3::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:54px;height:4px;border-radius:3px;background:linear-gradient(90deg,var(--sd-teal),var(--sd-ink))}
.sd-domdetails .alert-info{background:#eefafd!important;border:1px solid #cdeef3!important;border-left:4px solid #0e7490!important;border-radius:12px!important;color:#2c4a52!important;padding:14px 18px!important;display:flex;gap:11px;align-items:flex-start;font-size:14.5px;max-width:680px;margin:0 auto 18px}
.sd-domdetails .alert-info::before{content:"\f05a";font-family:"Font Awesome 5 Pro";font-weight:900;color:#0e7490;flex:0 0 auto;font-size:16px;margin-top:1px}
.sd-domdetails h2.text-center{max-width:460px;margin:0 auto;background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 10px 30px rgba(7,7,8,.06);padding:26px 24px;font-size:17px;font-weight:700;color:#475569;display:flex;flex-direction:column;align-items:center;gap:12px}
.sd-domdetails h2.text-center .label{font-size:13px;padding:.5em 1.1em;border-radius:999px;font-weight:800}
.sd-domdetails h2.text-center .label-success{background:#eafaf1;color:#16a34a}
.sd-domdetails h2.text-center .label-default,.sd-domdetails h2.text-center .label-danger{background:#fdecea;color:#c0392b}
.sd-domdetails .sd-dd-todo{max-width:680px;margin:24px auto 0}
.sd-domdetails .sd-dd-todo>h4{text-align:center;font-weight:800;color:#0f172a;font-size:17px;margin:0 0 14px}
.sd-domdetails .sd-dd-todo>ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sd-domdetails .sd-dd-todo>ul>li{margin:0}
.sd-domdetails .sd-dd-todo>ul>li>a{display:flex;align-items:center;gap:12px;background:#f7fafc;border:1px solid #eef1f5;border-radius:12px;padding:14px 16px;color:#0f172a;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s,transform .15s}
.sd-domdetails .sd-dd-todo>ul>li>a:hover{border-color:#bfe6ec;background:#f3fbfd;transform:translateX(3px)}
.sd-domdetails .sd-dd-todo>ul>li>a::before{content:"\f061";font-family:"Font Awesome 5 Pro";font-weight:900;color:#0e7490;font-size:13px;flex:0 0 auto}
.sd-domdetails .form-horizontal{max-width:620px;margin:0 auto}
.sd-domdetails .form-horizontal .radio{background:#f7fafc;border:1px solid #eef1f5;border-radius:12px;padding:13px 16px;margin:0 0 10px}
.sd-domdetails .form-horizontal .radio label{font-weight:600;color:#2c3038;margin:0}
.sd-domdetails .form-horizontal .form-group{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.sd-domdetails .form-horizontal .control-label{flex:0 0 130px;text-align:left!important;width:auto;padding-top:0;color:#5d616b;font-weight:700;font-size:13.5px}
.sd-domdetails .form-horizontal .form-group>div[class*="col-"]{flex:1 1 auto;width:auto!important;float:none!important;padding:0!important}
.sd-domdetails #tabAddons>p{text-align:center;color:#5d636e;max-width:560px;margin:0 auto 18px}
.sd-domdetails #tabAddons .row.margin-bottom{display:flex;align-items:center;gap:18px;max-width:620px;margin:0 auto;background:#f7fafc;border:1px solid #eef1f5;border-radius:16px;padding:22px 24px}
.sd-domdetails #tabAddons .row.margin-bottom>div[class*="col-"]{width:auto!important;float:none!important;padding:0!important;margin:0!important}
.sd-domdetails #tabAddons .row.margin-bottom>div:first-child{flex:0 0 auto;width:64px!important;height:64px;border-radius:16px;background:rgba(18,182,201,.14);display:flex;align-items:center;justify-content:center}
.sd-domdetails #tabAddons .row.margin-bottom>div:first-child i{font-size:26px!important;color:#0e7490}
.sd-domdetails #tabAddons .row.margin-bottom>div:last-child{flex:1 1 auto;text-align:left}
.sd-domdetails #tabAddons .row.margin-bottom strong{font-size:16px;color:#0f172a}
@media (max-width:560px){.sd-domdetails .form-horizontal .form-group{flex-direction:column;align-items:stretch;gap:6px}.sd-domdetails .form-horizontal .control-label{flex:none}.sd-domdetails #tabAddons .row.margin-bottom{flex-direction:column;text-align:center}.sd-domdetails #tabAddons .row.margin-bottom>div:last-child{text-align:center}}
/* ===== Sub-páginas de dominio (Private Nameservers / Get EPP) rediseñadas ===== */
.sd-domsub{max-width:700px;margin:0 auto}
.sd-domsub>h3{text-align:center;font-weight:800;color:#0f172a;font-size:24px;margin:6px 0 18px;position:relative;padding-bottom:12px}
.sd-domsub>h3::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:54px;height:4px;border-radius:3px;background:linear-gradient(90deg,var(--sd-teal),var(--sd-ink))}
.sd-domsub>p{text-align:center;color:#5d636e;max-width:580px;margin:0 auto 16px;font-size:15px;line-height:1.7}
.sd-domsub .alert{border-radius:12px!important;max-width:680px;margin:0 auto 18px;display:flex;gap:11px;align-items:flex-start;padding:14px 18px!important;border-width:1px!important}
.sd-domsub .alert::before{font-family:"Font Awesome 5 Pro";font-weight:900;flex:0 0 auto;font-size:16px;margin-top:1px}
.sd-domsub .alert-info{background:#eefafd!important;border:1px solid #cdeef3!important;border-left:4px solid #0e7490!important;color:#2c4a52!important}
.sd-domsub .alert-info::before{content:"\f05a";color:#0e7490}
.sd-domsub .alert-warning{background:#fffbeb!important;border:1px solid #fde68a!important;border-left:4px solid #f59e0b!important;color:#78350f!important}
.sd-domsub .alert-warning::before{content:"\f071";color:#f59e0b}
.sd-domsub .alert-danger,.sd-domsub .alert-error{background:#fdecea!important;border:1px solid #f3c7c2!important;border-left:4px solid #c0392b!important;color:#922b21!important}
.sd-domsub .alert-danger::before,.sd-domsub .alert-error::before{content:"\f06a";color:#c0392b}
.sd-domsub form{background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 8px 24px rgba(7,7,8,.05);padding:24px 26px;margin:0 auto 20px;max-width:680px}
.sd-domsub form h4{text-align:center;font-weight:800;color:#0f172a;font-size:17px;margin:0 0 18px}
.sd-domsub .form-group{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.sd-domsub .control-label{flex:0 0 150px;text-align:left!important;width:auto;padding-top:0;color:#5d616b;font-weight:700;font-size:13.5px}
.sd-domsub .form-group>div[class*="col-"]{flex:1 1 140px;width:auto!important;float:none!important;padding:0!important;min-width:0;color:#5d616b;font-weight:600}
.sd-domsub .form-group>div[class*="col-"]:has(input){flex:2 1 170px;color:inherit}
.sd-domsub .form-control{width:100%}
.sd-domsub form>.text-center{text-align:center!important;margin:6px 0 0}
@media (max-width:560px){.sd-domsub .form-group{flex-direction:column;align-items:stretch}.sd-domsub .control-label{flex:none}.sd-domsub .form-group>div[class*="col-"]{flex:none}}
/* Ocultar Contact Information (clientes no cambian contactos sin ticket) */
a[menuItemName="Domain Contacts"]{display:none!important}
.sd-domdetails .sd-dd-todo li:has(a[href*="domaincontacts"]){display:none}
@media (max-width:820px){.sd-bell-dot{top:9px;right:auto;left:calc(50% + 5px)}}
#order-sd>.row>.cart-body>p{color:#5d636e;text-align:center;font-size:15px;margin:4px 0 14px}
#order-sd .header-lined h1{font-weight:800;color:#0f172a}
#order-sd .domain-checker-bg{background:linear-gradient(135deg,#0e7490 0%,#0c5e74 100%)!important;background-image:none!important;padding:46px 24px!important;margin:8px 0 0!important;border-radius:18px;box-shadow:0 16px 40px rgba(14,116,144,.22)}
#order-sd .input-group-box{box-shadow:0 10px 26px rgba(7,7,8,.14);border-radius:12px}
#order-sd .input-group-box .form-control{border:0!important;height:54px;font-size:16px;border-radius:12px 0 0 12px!important;box-shadow:none!important}
#order-sd .domain-check-availability{background:#0f172a!important;border:0!important;color:#fff!important;border-radius:0 12px 12px 0!important;font-weight:700!important;padding:0 28px!important;height:54px}
#order-sd .domain-check-availability:hover{background:#1e293b!important}
#order-sd .domain-checker-result-headline{background:#fff;border:1px solid #e6edf2;border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 8px 24px rgba(7,7,8,.05);text-align:center}
#order-sd .domain-checker-available{color:#16a34a!important;font-weight:700}
#order-sd .domain-checker-available strong{color:#0f172a}
#order-sd .domain-price .price{font-size:20px;font-weight:800;color:#0f172a;margin-right:10px}
#order-sd .btn-add-to-cart{background:#0e7490!important;border:0!important;color:#fff!important;border-radius:10px!important;font-weight:700!important;padding:8px 20px!important;transition:background .15s,transform .15s}
#order-sd .btn-add-to-cart:hover{background:#0b5e73!important;transform:translateY(-1px)}
#order-sd .domain-contact-support{background:#0e7490!important;border:0!important;color:#fff!important;border-radius:10px!important;font-weight:700!important}
#order-sd .spotlight-tlds-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:6px 0}
#order-sd .spotlight-tld-container{flex:1 1 200px;max-width:300px;float:none!important;width:auto!important;padding:0!important}
#order-sd .spotlight-tld{background:#fff!important;border:1px solid #e6edf2!important;border-radius:16px!important;height:auto!important;padding:22px 14px!important;color:#0f172a!important;font-size:22px!important;font-weight:800!important;box-shadow:0 8px 24px rgba(7,7,8,.05);transition:transform .15s,box-shadow .2s}
#order-sd .spotlight-tld:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(7,7,8,.1)}
#order-sd .spotlight-tld .available.price{display:block;color:#0e7490!important;font-size:16px;font-weight:800;margin:10px 0 6px}
#order-sd .spotlight-tld-hot{position:absolute!important;top:13px!important;right:-34px!important;left:auto!important;width:130px!important;transform:rotate(45deg)!important;background:#ef4444!important;color:#fff!important;text-align:center!important;font-size:10px!important;font-weight:700!important;letter-spacing:.03em!important;padding:3px 0!important;box-shadow:0 2px 6px rgba(0,0,0,.18)}
#order-sd .suggested-domains{border:1px solid #e6edf2;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(7,7,8,.05);margin-top:22px}
#order-sd .suggested-domains .panel-heading,#order-sd .suggested-domains .card-header{background:#f7fafc!important;font-weight:800;color:#0f172a;padding:14px 18px;border-bottom:1px solid #eef1f5}
#order-sd .domain-suggestion.list-group-item{border:0!important;border-bottom:1px solid #f1f5f9!important;padding:12px 18px!important;border-radius:0!important}
#order-sd .domain-suggestion .domain{font-weight:700;color:#0f172a}
#order-sd .domain-suggestion .extension{color:#0e7490;font-weight:700}
#order-sd .domain-promo-box{background:#fff!important;border:1px solid #e6edf2!important;border-radius:16px!important;padding:26px!important;text-align:center;box-shadow:0 8px 24px rgba(7,7,8,.05);height:100%}
#order-sd .domain-promo-box i{color:#0e7490}
#order-sd .domain-promo-box .text-warning{color:#ea580c!important}
#order-sd .domain-promo-box .btn-warning{background:#ea580c!important;border:0!important;color:#fff!important;border-radius:10px!important;font-weight:700}
#order-sd .domain-promo-box .btn-primary{background:#0e7490!important;border-color:#0e7490!important}
#order-sd .sub-heading{border-top:1px solid #e6edf2;margin:34px 0 30px;height:0;text-align:center}
#order-sd .sub-heading .primary-bg-color{background:#fff!important;color:#0e7490!important;font-weight:800;font-size:18px;padding:0 16px;position:relative;top:-13px}
#order-sd .panel-addon{border:1px solid #e6edf2!important;border-radius:16px!important;overflow:hidden;box-shadow:0 8px 24px rgba(7,7,8,.05);text-align:center;font-size:.95em!important}
#order-sd .panel-addon .panel-body{padding:22px}
#order-sd .panel-addon .panel-price{background:#f1f5f9!important;color:#475569!important;font-weight:700;padding:8px}
#order-sd .panel-addon .panel-add{background:#0e7490!important;color:#fff!important;border-radius:0!important;padding:11px!important;font-weight:700;cursor:pointer;transition:background .15s}
#order-sd .panel-addon .panel-add:hover{background:#0b5e73!important}
#order-sd .panel-addon.selected .panel-add{background:#16a34a!important}
#order-sd #frmConfigureDomains .form-group label{font-weight:700;color:#334155}
#order-sd #frmConfigureDomains .form-control{border:1px solid #dfe5ec;border-radius:10px;height:46px}
#order-sd #frmConfigureDomains .form-control:focus{border-color:#0e7490;box-shadow:0 0 0 3px rgba(14,116,144,.12)}
#order-sd #frmConfigureDomains .btn-primary::after{display:none}
@media(max-width:600px){#order-sd .input-group-box .form-control{height:48px}#order-sd .domain-check-availability{padding:0 16px!important}}
/* ====== carrito v2: banner teal real, busqueda separada, add-hosting, tienda ====== */
#order-sd .domain-checker-container{background:linear-gradient(135deg,#0e7490 0%,#0c5e74 100%)!important;border-radius:18px!important;box-shadow:0 16px 40px rgba(14,116,144,.22);margin:14px 0 24px!important}
#order-sd .domain-checker-bg{background-image:none!important;padding:40px 24px!important;box-shadow:none}
#order-sd .input-group-box{display:flex!important;align-items:stretch;gap:10px;max-width:580px;margin:0 auto;box-shadow:none!important;border-radius:0}
#order-sd .input-group-box .form-control{border:0!important;border-radius:12px!important;height:54px;width:100%;box-shadow:0 6px 18px rgba(7,7,8,.12)!important}
#order-sd .input-group-box .input-group-btn,#order-sd .input-group-box .input-group-append{display:flex!important;width:auto!important;align-items:stretch}
#order-sd .domain-check-availability{border-radius:12px!important;height:54px;padding:0 32px!important;box-shadow:0 6px 18px rgba(7,7,8,.18)}
#order-sd .domain-promo-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
#order-sd .domain-promo-box .clearfix{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
#order-sd .domain-promo-box .clearfix::after,#order-sd .domain-promo-box .clearfix::before{content:none!important;display:none!important}
#order-sd .domain-promo-box i{float:none!important;display:block!important;color:#0e7490!important;margin:0 0 4px}
#order-sd .domain-promo-box h3{margin:0!important;font-weight:800;color:#0f172a;white-space:normal!important}
#order-sd .domain-promo-box .text-warning,#order-sd .domain-promo-box .text-primary{color:#0e7490!important}
#order-sd .domain-promo-box p{margin:2px 0}
#order-sd .domain-promo-box .btn{margin-top:10px}
#order-sd .domain-promo-box .btn-warning{background:#0e7490!important;border-color:#0e7490!important;color:#fff!important}
#order-sd .domain-promo-box .btn-warning:hover{background:#0b5e73!important}
#order-sd .domain-promo-box .small{color:#9aa1ad}
#order-modern{max-width:1040px;margin:0 auto;padding:44px 0 40px!important}
#order-modern .title-bar{text-align:center;margin:0 0 22px!important;border:0!important}
#order-modern .title-bar h1{font-weight:800!important;color:#0f172a!important;display:block;margin:0 0 14px!important;float:none!important}
#order-modern .title-bar h1::after{content:"";display:block;width:62px;height:4px;border-radius:3px;margin:14px auto 0;background:linear-gradient(90deg,#12b6c9,#0e7490)}
#order-modern .title-bar .choosecat{display:inline-block;float:none!important}
#order-modern .currencychooser{margin:0 auto 16px!important;text-align:center!important;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
#order-modern .currencychooser .btn{border-radius:10px!important;border:1px solid #e6edf2!important;background:#fff!important;color:#334155!important;font-weight:700;padding:8px 16px!important;display:inline-flex;align-items:center;gap:7px;box-shadow:0 4px 12px rgba(7,7,8,.04)}
#order-modern .currencychooser .btn:hover{border-color:#bfe6ec!important;color:#0e7490!important}
#order-modern .currencychooser .btn img{width:18px;height:12px;object-fit:cover;border-radius:2px;border:1px solid #eef1f5}
#order-modern .row~.currencychooser{display:none!important}
/* --- product domain selection (cart.php product step) --- */
#order-sd .cart-body{width:100%!important;max-width:100%!important;float:none!important;padding:0!important}
#order-sd .domain-selection-options{max-width:100%!important;margin:4px 0 18px!important}
#order-sd .domain-selection-options .option{background:#fff!important;border:1px solid #e6edf2!important;border-radius:14px!important;padding:16px 18px!important;margin:0 0 12px!important;box-shadow:0 6px 18px rgba(7,7,8,.04)!important}
#order-sd .domain-selection-options .option-selected{background:#f4fbfc!important;border-color:#bfe6ec!important}
#order-sd .domain-selection-options .option>label{font-weight:700;color:#0f172a;margin:0}
/* ===== Carrito de compra (confproduct + view) — embellecido tema SYSDOP ===== */
#order-sd .secondary-cart-body{width:63%!important;padding:0 20px 0 0!important}
#order-sd .secondary-cart-sidebar{width:37%!important;padding:0!important}
#order-sd .product-info{background:#f7fafc!important;border:1px solid #e6edf2!important;border-radius:14px!important;padding:18px 20px!important;margin:0 0 20px!important}
#order-sd .product-info .product-title{color:#0f172a!important;font-weight:800!important;font-size:20px!important;margin:0 0 8px!important}
#order-sd .secondary-cart-body>p:first-child{color:#5d636e;font-weight:600;margin:0 0 14px}
#order-sd .field-container{margin-bottom:16px}
#order-sd .field-container label{font-weight:700;color:#334155}
#order-sd select.custom-select,#order-sd #inputBillingcycle{border:1px solid #dfe5ec!important;border-radius:10px!important;height:48px!important;font-size:15px;background:#fff;width:100%;max-width:420px}
#order-sd select.custom-select:focus,#order-sd #inputBillingcycle:focus{border-color:#0e7490!important;box-shadow:0 0 0 3px rgba(14,116,144,.12)!important}
#order-sd .order-summary{background:#fff!important;border:1px solid #e6edf2!important;border-radius:16px!important;box-shadow:0 12px 34px rgba(7,7,8,.08)!important;overflow:hidden;margin:0 0 18px!important;animation:sdUp .5s ease both}
#order-sd .order-summary h2{background:linear-gradient(135deg,#23272f,#070708)!important;color:#fff!important;margin:0!important;padding:16px!important;font-weight:800!important;font-size:20px!important;text-align:center}
#order-sd .summary-container{background:#fff!important;padding:18px!important;font-size:14px!important;min-height:0!important}
#order-sd .subtotal,#order-sd .recurring-totals{padding:8px 0;border-bottom:1px solid #f1f5f9;color:#475569}
#order-sd .recurring-totals .recurring-charges{font-weight:700;color:#0f172a}
#order-sd .total-due-today{margin-top:14px;padding-top:14px;border-top:2px solid #eef1f5;text-align:center}
#order-sd .total-due-today .amt{font-size:34px!important;font-weight:800;color:#0e7490;display:block}
#order-sd .total-due-today span:last-child{color:#8a909a;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
#order-sd .btn-checkout,#order-sd #btnCompleteProductConfig{background:#0e7490!important;border-color:#0e7490!important;color:#fff!important;border-radius:999px!important;font-weight:700!important;padding:14px 28px!important;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5em;box-shadow:0 8px 22px rgba(14,116,144,.25);transition:transform .15s,box-shadow .2s,background .2s}
#order-sd .btn-checkout:hover,#order-sd #btnCompleteProductConfig:hover{background:#0b5e73!important;transform:translateY(-2px);box-shadow:0 12px 28px rgba(14,116,144,.35)}
#order-sd #btnCompleteProductConfig::after{display:none!important}
#order-sd .btn-continue-shopping{display:inline-block;margin-top:12px;color:#0e7490!important;font-weight:600}
#order-sd #orderSummary>.text-center{padding:0 18px 18px}
#order-sd .view-cart-items-header{background:#0f172a!important;color:#fff!important;border-radius:12px 12px 0 0!important;padding:12px 18px!important;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em}
#order-sd .view-cart-items{border:1px solid #e6edf2!important;border-top:0!important;border-radius:0 0 12px 12px;overflow:hidden;margin:0 0 14px!important}
#order-sd .view-cart-items .item{padding:14px 18px!important;border-bottom:1px solid #f1f5f9;transition:background .12s;animation:sdUp .4s ease both}
#order-sd .view-cart-items .item:last-child{border-bottom:0}
#order-sd .view-cart-items .item:hover{background:#f7fafc}
#order-sd .item-title{font-size:16px!important;font-weight:700;color:#0f172a}
#order-sd .item-domain{color:#0e7490!important;font-weight:600}
#order-sd .item-price>span[name$=Price]{font-weight:800;color:#0f172a}
#order-sd .item-price .renewal,#order-sd .item-price .cycle{color:#8a909a;font-size:12px}
#order-sd .empty-cart .btn{background:#0f172a!important;border:0!important;border-radius:8px!important;color:#fff!important;padding:5px 12px!important}
#order-sd .btn-remove-from-cart{color:#c0392b!important}
#order-sd .item .btn-link{color:#0e7490}
@media(min-width:768px){#order-sd #scrollingPanelContainer{position:sticky;top:90px;align-self:flex-start}}
@media(max-width:767px){#order-sd .secondary-cart-body,#order-sd .secondary-cart-sidebar{width:100%!important;float:none!important;padding:0!important}}
#order-sd .domain-input-group{margin-top:12px}
#order-sd .domain-input-group .input-group-text{background:#f1f5f9!important;border:1px solid #dfe5ec!important;border-right:0!important;color:#475569;font-weight:700}
#order-sd .domain-input-group .form-control{border:1px solid #dfe5ec!important;height:46px!important}
#order-sd .domain-input-group select.form-control{border-radius:10px!important}
select.form-control{padding-top:6px!important;padding-bottom:6px!important;line-height:1.4!important}
#order-sd .domain-input-group .btn-primary.btn-block{height:46px;border-radius:10px!important;padding:0 16px!important;white-space:nowrap}
#order-sd .domain-input-group .btn-primary.btn-block::after{display:none!important}
#order-sd #DomainSearchResults .domain-checker-available.headline,#order-sd #DomainSearchResults .domain-available{color:#16a34a!important;font-weight:700}
#order-sd #DomainSearchResults .domain-price{margin-top:6px}
#order-sd #DomainSearchResults .domain-price .price{color:#0e7490;font-weight:800}
#order-sd #btnDomainContinue::after{display:none!important}
#order-sd .text-center>#btnDomainContinue{margin:28px auto 12px!important}
#order-sd #frmProductDomainSelections>.text-center{padding:6px 0 18px}
#order-sd{padding-bottom:24px}
#order-sd .suggested-domains{margin-bottom:20px}
#order-modern .row{display:flex!important;flex-wrap:wrap;justify-content:center;gap:24px;margin:0}
#order-modern .row>[class*=col-]{float:none!important;width:auto!important;flex:1 1 330px;max-width:420px;padding:0}
#order-modern .product{background:#fff!important;border:1px solid #e6edf2!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(7,7,8,.06)!important;padding:28px 26px 24px!important;margin:0 0 8px!important;cursor:pointer;transition:transform .16s,box-shadow .2s,border-color .16s;display:flex!important;flex-direction:column!important;text-align:center!important;height:100%}
#order-modern .product:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(7,7,8,.13)!important;border-color:#bfe6ec!important;background:#fff!important}
#order-modern .product .clear{display:none!important}
#order-modern .product .name{order:1;font-size:23px!important;font-weight:800!important;color:#0f172a!important;margin:0 0 8px!important;text-align:center!important;float:none!important}
#order-modern .product>.pricing{order:2!important;float:none!important;text-align:center!important;width:100%;color:#8a909a!important;font-size:13px!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.5!important}
#order-modern .product>.pricing .pricing{display:block!important;float:none!important;text-align:center!important;font-size:30px!important;font-weight:800;color:#0e7490!important;text-transform:none;letter-spacing:0;line-height:1.2!important;margin-bottom:2px}
#order-modern .product .description{order:3;color:#475569!important;line-height:2.1!important;margin:16px 0 20px!important;border-top:1px solid #f1f5f9;padding-top:16px;flex:1 1 auto;text-align:center!important}
#order-modern .product .text-right{order:4;text-align:center!important;float:none!important}
#order-modern .product .btn-success{background:#0e7490!important;border-color:#0e7490!important;color:#fff!important;border-radius:999px!important;font-weight:700;width:100%;padding:14px!important}
#order-modern .product .btn-success:hover{background:#0b5e73!important}
/* ======================= ÁREA DE CUENTA — contenido embellecido (negro principal, teal acento) ======================= */
#main-body:has([menuItemName="Account"]) .main-content{animation:sdUp .4s ease both}
#main-body:has([menuItemName="Account"]) .main-content h2,
#main-body:has([menuItemName="Account"]) .main-content form h3{font-weight:800;color:#0f172a;font-size:21px;margin:28px 0 16px;padding-bottom:11px;position:relative}
#main-body:has([menuItemName="Account"]) .main-content h2:first-child{margin-top:4px}
#main-body:has([menuItemName="Account"]) .main-content h2::after,
#main-body:has([menuItemName="Account"]) .main-content form h3::after{content:"";position:absolute;left:0;bottom:0;width:46px;height:4px;border-radius:3px;background:linear-gradient(90deg,#070708,#0e7490)}
#main-body:has([menuItemName="Account"]) .main-content>p{color:#5d616b;font-size:15px;line-height:1.6;margin:0 0 16px}
/* forms como cards */
#main-body:has([menuItemName="Account"]) .main-content>form:has(.form-group):not(:has(.modal)),
#main-body:has([menuItemName="Account"]) .main-content #frmSingleSignOn{background:#fff;border:1px solid #e6e9ef;border-radius:18px;box-shadow:0 10px 30px rgba(7,7,8,.05);padding:28px 30px;margin:0 0 24px}
#main-body:has([menuItemName="Account"]) .main-content form h3:first-child{margin-top:2px}
#main-body:has([menuItemName="Account"]) .main-content .control-label,
#main-body:has([menuItemName="Account"]) .main-content .col-form-label{font-weight:700;color:#334155;font-size:13.5px}
#main-body:has([menuItemName="Account"]) .main-content .form-control:focus{border-color:#070708;box-shadow:0 0 0 3px rgba(7,7,8,.09)}
/* Email Preferences como cards en grid */
#main-body:has([menuItemName="Account"]) .main-content .controls.checkbox{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
#main-body:has([menuItemName="Account"]) .main-content .controls.checkbox br{display:none}
#main-body:has([menuItemName="Account"]) .main-content .controls.checkbox>label{display:flex;align-items:flex-start;gap:11px;margin:0;padding:13px 15px;border:1.5px solid #e6e9ef;border-radius:12px;background:#fafbfc;font-weight:600;color:#475569;font-size:13.5px;line-height:1.45;cursor:pointer;transition:border-color .14s,background .14s}
#main-body:has([menuItemName="Account"]) .main-content .controls.checkbox>label:hover{border-color:#cbd5e1;background:#f4f6f8}
#main-body:has([menuItemName="Account"]) .main-content .controls.checkbox>label:has(input:checked){border-color:#070708;background:#fff}
#main-body:has([menuItemName="Account"]) .main-content .controls.checkbox input[type=checkbox]{position:static!important;margin:2px 0 0!important;margin-left:0!important;width:18px;height:18px;accent-color:#070708;flex:0 0 auto}
@media(max-width:680px){#main-body:has([menuItemName="Account"]) .main-content .controls.checkbox{grid-template-columns:1fr}}
#main-body:has([menuItemName="Account"]) .main-content .form-group.text-center{margin:22px 0 0}
/* alerts limpios */
#main-body:has([menuItemName="Account"]) .main-content .alert{border:1px solid #e6e9ef;border-left:4px solid #070708;border-radius:12px;background:#fafbfc;color:#475569;box-shadow:none;padding:14px 18px}
#main-body:has([menuItemName="Account"]) .main-content .alert.alert-block{border-left:1px solid #e6e9ef;padding:18px 20px}
#main-body:has([menuItemName="Account"]) .main-content .alert.alert-block .control-label{padding-top:10px}
/* tablas modernas */
#main-body:has([menuItemName="Account"]) .main-content table.table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid #e6e9ef;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(7,7,8,.04);margin:0 0 18px}
#main-body:has([menuItemName="Account"]) .main-content table.table th{background:#070708;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:13px 16px;border:0;vertical-align:middle}
#main-body:has([menuItemName="Account"]) .main-content table.table td{padding:14px 16px;border-top:1px solid #eef1f5;vertical-align:middle;color:#2c3038;font-size:14.5px}
#main-body:has([menuItemName="Account"]) .main-content table.table>tbody>tr:hover,
#main-body:has([menuItemName="Account"]) .main-content table.table>tr:hover{background:#f7fafc}
#main-body:has([menuItemName="Account"]) .main-content table.table .label{display:inline-block;border-radius:999px;padding:.3em .8em;font-weight:700;font-size:11.5px}
#main-body:has([menuItemName="Account"]) .main-content table.table .label-info{background:#070708;color:#fff}
#main-body:has([menuItemName="Account"]) .main-content #payMethodList .fab{font-size:30px;color:#1a1f71}
/* botones de accion */
#main-body:has([menuItemName="Account"]) .main-content .btn-sm{margin:2px}
#main-body:has([menuItemName="Account"]) .main-content .btn-info{background:#070708;border-color:#070708}
#main-body:has([menuItemName="Account"]) .main-content .btn-info:hover{background:#23272f;border-color:#23272f}
/* radios invite como chips */
#main-body:has([menuItemName="Account"]) .main-content .radio-inline:not(.icheck-label){margin:0 8px 8px 0;padding:9px 16px 9px 14px;border:1.5px solid #e6e9ef;border-radius:999px;font-weight:600;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .14s,background .14s,color .14s}
#main-body:has([menuItemName="Account"]) .main-content .radio-inline:not(.icheck-label):has(input:checked){border-color:#070708;background:#070708;color:#fff}
#main-body:has([menuItemName="Account"]) .main-content .radio-inline:not(.icheck-label) input[type=radio]{position:static!important;margin:0!important;margin-left:0!important;accent-color:#fff;flex:0 0 auto}
/* well permisos invite */
#main-body:has([menuItemName="Account"]) .main-content .well{background:#fafbfc;border:1px solid #e6e9ef;border-radius:14px;box-shadow:none;padding:18px 20px;margin-top:14px}
#main-body:has([menuItemName="Account"]) .main-content .well .checkbox-inline{display:block;margin:0 0 9px;padding-left:27px;position:relative;font-weight:600;color:#475569;font-size:13.5px;line-height:1.5}
#main-body:has([menuItemName="Account"]) .main-content .well .checkbox-inline input{position:absolute;left:0;top:2px;accent-color:#070708;width:17px;height:17px}
#main-body:has([menuItemName="Account"]) .main-content .well br{display:none}
/* toggle SSO moderno negro */
#main-body:has([menuItemName="Account"]) .main-content #frmSingleSignOn .margin-10{display:flex;align-items:center;gap:12px;font-weight:600;color:#334155}
#main-body:has([menuItemName="Account"]) .main-content input.toggle-switch-success{-webkit-appearance:none;appearance:none;width:50px;height:28px;border-radius:999px;background:#cbd5e1;position:relative;cursor:pointer;flex:0 0 auto;margin:0;border:0;transition:background .18s ease}
#main-body:has([menuItemName="Account"]) .main-content input.toggle-switch-success::before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .18s ease}
#main-body:has([menuItemName="Account"]) .main-content input.toggle-switch-success:checked{background:#070708}
#main-body:has([menuItemName="Account"]) .main-content input.toggle-switch-success:checked::before{left:25px}
@media(max-width:640px){
#main-body:has([menuItemName="Account"]) .main-content table.table th,
#main-body:has([menuItemName="Account"]) .main-content table.table td{padding:10px 11px;font-size:13px}
#main-body:has([menuItemName="Account"]) .main-content .btn-sm{display:inline-block;margin:3px 2px}
}
/* toggle SSO (bootstrap-switch) recoloreado a negro */
#main-body:has([menuItemName="Account"]) .main-content .bootstrap-switch{border-radius:999px!important;border:1px solid #e2e8f0!important;box-shadow:none!important;overflow:hidden}
#main-body:has([menuItemName="Account"]) .main-content .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{background:#070708!important;color:#fff!important;font-weight:700}
#main-body:has([menuItemName="Account"]) .main-content .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{background:#eef1f5!important;color:#64748b!important;font-weight:700}
#main-body:has([menuItemName="Account"]) .main-content .bootstrap-switch .bootstrap-switch-label{background:#fff!important;border:0!important}
/* sidebar Account/Domain en movil: apilar vertical en vez de scroll horizontal */
@media(max-width:820px){
[menuItemName="Account"] .list-group,[menuItemName="Domain Details Management"] .list-group{overflow-x:visible!important;white-space:normal!important}
[menuItemName="Account"] .list-group-item,[menuItemName="Domain Details Management"] .list-group-item{float:none!important;display:flex!important;width:auto!important}
}
/* ======================= Passkey: pagina Add Passkey (m=passkey_whmcs&action=addpasskey) ======================= */
#main-body:has(.splitter) .row>.col-md-12>h2{font-weight:800;color:#0f172a;font-size:22px;text-align:center;margin:0 0 22px}
#main-body:has(.splitter) .row .thumbnail{background:#fff!important;border:1px solid #e6e9ef!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(7,7,8,.08)!important;padding:34px 30px!important;text-align:center;max-width:440px;margin:0 auto}
#main-body:has(.splitter) .thumbnail .caption{padding:0}
#main-body:has(.splitter) .thumbnail .fa-user{width:64px!important;height:64px!important;border-radius:50%!important;background:linear-gradient(135deg,#23272f,#070708)!important;color:#fff!important;font-size:26px!important;margin:0 auto 18px!important;display:flex!important;align-items:center;justify-content:center}
#main-body:has(.splitter) .thumbnail h3{font-weight:800!important;color:#0f172a!important;font-size:21px!important;margin:0 0 14px!important}
#main-body:has(.splitter) .thumbnail p{color:#475569!important;font-size:15px!important;line-height:1.65!important}
#main-body:has(.splitter) .thumbnail .btn-success{background:#070708!important;border:0!important;border-radius:999px!important;font-weight:700!important;padding:13px!important;font-size:15px!important;margin-top:6px}
#main-body:has(.splitter) .thumbnail .btn-success:hover{background:#23272f!important}
#main-body:has(.splitter) .thumbnail a[href*="security"]{color:#64748b!important;font-weight:600;font-size:14px;text-decoration:none}
#main-body:has(.splitter) .thumbnail a[href*="security"]:hover{color:#0f172a!important}
@media(max-width:767px){
#main-body:has(.splitter) .row [class*="col-xs-"]{width:100%!important;max-width:100%!important;margin-left:0!important;left:0!important;float:none!important;padding-left:12px!important;padding-right:12px!important}
}
/* ======================= Modal "Add new billing address" (payment methods) — fix footer overlap + scroll + embellecido negro ======================= */
/* Causa raiz: el script de pin del footer lo pone position:fixed cuando la pagina cabe en viewport; al abrir el modal el footer fijo se monta encima y pelea con el scroll. Lo devolvemos a flujo normal mientras el modal este abierto. Solo CSS: no toca ningun JS de Square/Stripe/3DS. */
body.modal-open{overflow:hidden!important}
body.modal-open .site-footer{position:static!important;z-index:auto!important}
/* CAUSA RAIZ del "se oscurece todo": .main-content tiene animation:sdUp que crea un stacking context y atrapa el modal (z1060) DEBAJO del backdrop (z1040). Al abrir un modal, neutralizamos esa animacion para que el modal escape al contexto raiz y pinte sobre el backdrop. Verificado con elementFromPoint (forense). */
body.modal-open .main-content{animation:none!important;transform:none!important}
body.modal-open .scroll-to-top,body.modal-open .back-to-top{display:none!important}
#modalBillingAddress{z-index:1060!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
#modalBillingAddress .modal-dialog{margin:34px auto!important}
#modalBillingAddress .modal-content{border:0!important;border-radius:18px!important;box-shadow:0 26px 70px rgba(7,7,8,.45)!important;overflow:hidden}
#modalBillingAddress .modal-header{background:#070708!important;border:0!important;padding:18px 24px!important}
#modalBillingAddress .modal-title{color:#fff!important;font-weight:800!important;font-size:18px!important}
#modalBillingAddress .modal-header .close{color:#fff!important;opacity:.85!important;text-shadow:none!important;font-size:26px!important;margin-top:-2px}
#modalBillingAddress .modal-header .close:hover{opacity:1!important}
#modalBillingAddress .modal-body{padding:24px 26px!important}
#modalBillingAddress .modal-body .control-label{font-weight:700!important;color:#334155!important;font-size:13px!important}
#modalBillingAddress .modal-body .form-control{border-radius:10px!important}
#modalBillingAddress .modal-body .form-control:focus{border-color:#070708!important;box-shadow:0 0 0 3px rgba(7,7,8,.09)!important}
#modalBillingAddress .modal-footer{border-top:1px solid #eef1f5!important;padding:16px 24px!important}
#modalBillingAddress .modal-footer .btn-primary{background:#070708!important;border-color:#070708!important;border-radius:999px!important;font-weight:700!important;padding:10px 22px!important}
#modalBillingAddress .modal-footer .btn-primary:hover{background:#23272f!important}
#modalBillingAddress .modal-footer .btn-default{border-radius:999px!important;font-weight:600!important;padding:10px 20px!important}
@media(max-width:767px){
#modalBillingAddress .modal-dialog{margin:12px!important;width:auto!important}
#modalBillingAddress .modal-body{padding:18px 16px!important}
}
/* ======================= Cart/Order — fix overflow horizontal en moviles/tablets ======================= */
/* CAUSA RAIZ (verificado forense): los wrappers de standard_cart (.cart-body, .secondary-cart-body, .cart-sidebar, etc.) tienen padding:0 pero contienen .row con margin:-15px de Bootstrap. Sin padding que compense, cada .row sangra 15px por lado => el documento mide vw+30px y recorta etiquetas a la izquierda + franja blanca a la derecha. Neutralizamos los margenes negativos dentro del order: elimina el bleed en TODA resolucion. A 1280 no habia overflow y el layout no cambia (solo 15px mas de inset). Order CSS carga despues, por eso !important. */
#order-sd .row,#order-modern .row{margin-left:0!important;margin-right:0!important}
/* ======================= Ticket view — badge de rol bajo el nombre + avatar Gravatar ======================= */
/* El badge (.label) iba inline dentro de .name y partia el nombre en movil. Apilamos: nombre arriba, badge debajo. */
.user .name{flex-direction:column!important;align-items:flex-start!important;gap:5px!important}
.user .name .label{margin:0!important}
/* Avatar Gravatar (reemplaza el icono i.fa-user via JS del footer cuando el autor tiene foto) */
.user .sd-gravatar{width:60px;height:60px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle}
/* Ocultar email del cliente y el texto "Staff" en la vista de ticket del cliente (ocupan espacio). Queda en el DOM para que el JS de Gravatar lea el email. */
.user .type{display:none!important}
/* Cabecera del post como banda cohesiva full-width: avatar+nombre a la izq, fecha como chip negro integrado a la der (la paleta alcanza la fecha, sin isla blanca). */
.ticket-reply{position:relative}
.ticket-reply .user{display:flex!important;flex-wrap:nowrap!important;width:auto!important;background:#f6f9fb!important;border-bottom:1px solid #eef1f5!important;align-items:center;gap:14px;padding:16px 172px 16px 16px!important;margin:0!important;border-radius:0!important}
.ticket-reply .date{position:absolute!important;top:0;right:0;float:none!important;margin:14px 14px 0 0!important;padding:5px 12px!important;background:#070708!important;color:#fff!important;border-radius:999px!important;font-size:11.5px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.02em;z-index:3;box-shadow:0 4px 12px rgba(7,7,8,.18)}
.ticket-reply .message{padding:18px 16px!important}
/* En movil: el nombre se trunca con ellipsis para que apellidos largos/multiples no se metan bajo el chip de fecha */
.ticket-reply .user .name{min-width:0;flex:1 1 auto}
@media(max-width:767px){
.ticket-reply .name .sd-name-txt{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.main-content .alert.text-center{font-size:13px!important;padding:11px 14px!important;line-height:1.4!important}
/* chip de fecha mas compacto en movil para que nombres normales quepan completos (solo 3-4 apellidos truncan) */
.ticket-reply .date{font-size:10px!important;padding:4px 9px!important;margin:13px 12px 0 0!important}
.ticket-reply .user{padding-right:148px!important}
/* titulo del ticket en una sola linea con ellipsis (no 2-3 lineas) */
#main-body:has(.ticket-reply) .header-lined h1{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:swap;src:url(/assets/webfonts/fa-solid-900.woff2)format("woff2")}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/webfonts/fa-regular-400.woff2)format("woff2")}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/webfonts/fa-brands-400.woff2)format("woff2")}body{font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}