:root{color-scheme:light;--bg:#f5f6f3;--surface:#fff;--surface-2:#f8f9f7;--surface-3:#eef0ec;--text:#20231f;--muted:#626d60;--subtle:#737e70;--line:#e7eae4;--line-strong:#d9ded5;--green:#8fca16;--green-dark:#4f700d;--green-soft:#f0f8df;--amber:#d39a32;--amber-soft:#fff5df;--purple:#9276c7;--purple-soft:#f3effb;--red:#d05a55;--red-soft:#fff0ef;--shadow:0 14px 42px rgba(29,36,22,.07);--radius:16px;--radius-sm:10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-root{min-height:100vh}.boot-screen,.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:240px;color:var(--muted)}.boot-screen{height:100vh;flex-direction:column}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--green);display:grid;place-items:center;color:#17200b;font-size:23px;font-weight:900;letter-spacing:-2px;box-shadow:0 5px 16px rgba(143,202,22,.24);flex:none}.spinner{width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--green-dark);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:23px 16px 16px;z-index:30;transition:transform .25s ease}.side-brand{display:flex;align-items:center;gap:11px;padding:0 8px 27px}.side-brand strong,.brand-lockup strong{display:block;font-size:13px;letter-spacing:-.2px}.side-brand small,.brand-lockup small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.side-close{display:none!important;margin-left:auto}.side-nav{overflow-y:auto;flex:1;padding-right:2px}.nav-label{font-size:9px;letter-spacing:1.35px;font-weight:800;color:#a0a69c;padding:15px 11px 8px}.nav-item{border:0;background:transparent;color:#697166;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:9px;text-align:left;margin:2px 0;font-size:12px;font-weight:600;transition:background .18s,color .18s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--green-soft);color:#436408}.nav-icon{font-size:17px;width:20px;text-align:center;line-height:1}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:auto}.side-bottom{border-top:1px solid var(--line);padding-top:13px}.secure-note{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:9px}.secure-icon{width:29px;height:29px;border-radius:9px;background:var(--green-soft);color:#557e0b;display:grid;place-items:center;font-size:16px}.secure-note strong{font-size:10px;display:block}.secure-note small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.logout-item{color:#9a6b68}.main-area{margin-left:254px;width:calc(100% - 254px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.topbar-left,.topbar-right,.breadcrumb,.user-chip{display:flex;align-items:center}.breadcrumb{gap:11px;font-size:11px;color:var(--muted)}.breadcrumb b{font-weight:400;color:#c0c5bc}.breadcrumb strong{color:var(--text);font-size:12px}.topbar-right{gap:20px}.user-chip{gap:9px}.avatar{width:32px;height:32px;border-radius:50%;background:#e8efda;color:#4e700e;display:grid;place-items:center;font-size:11px;font-weight:800}.user-chip-text strong{font-size:11px;display:block}.user-chip-text small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.icon-button,.theme-toggle{width:31px;height:31px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;display:inline-grid;place-items:center;font-size:16px;transition:.18s}.icon-button:hover,.theme-toggle:hover{background:var(--surface-3);color:var(--text)}.theme-toggle{border:1px solid var(--line);font-size:18px}.logout-top{border-left:1px solid var(--line);border-radius:0;padding-left:16px;width:36px}.menu-toggle{display:none}.page-container{width:min(1320px,100%);margin:0 auto;padding:34px 38px 28px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.eyebrow{display:block;color:#8a9482;font-size:9px;letter-spacing:1.5px;font-weight:800;margin-bottom:9px}.page-heading h1,.auth-intro h1{font-size:29px;letter-spacing:-1.2px;margin:0;font-weight:700;line-height:1.14}.page-heading p{margin:8px 0 0;color:var(--muted);font-size:12px}.btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .16s,background .16s,border-color .16s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#17200a;box-shadow:0 4px 12px rgba(143,202,22,.15)}.btn-primary:hover{background:#9bdc1a}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.btn-secondary:hover,.btn-quiet:hover{background:var(--surface-3)}.btn-quiet{background:transparent;color:var(--muted);padding:8px 10px}.btn-wide{width:100%}.btn-small{padding:7px 10px;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:20px}.stats-grid.client-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:17px 17px 15px;min-width:0;box-shadow:0 4px 16px rgba(30,40,20,.018)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;font-weight:650}.stat-icon{width:29px;height:29px;border-radius:9px;background:var(--surface-3);display:grid;place-items:center;color:#6d7963;font-size:16px}.stat-icon.green{background:var(--green-soft);color:#638e12}.stat-icon.amber{background:var(--amber-soft);color:#b37b17}.stat-icon.purple{background:var(--purple-soft);color:var(--purple)}.stat-card>strong{font-size:27px;display:block;letter-spacing:-1px;margin:10px 0 1px}.stat-card>small{font-size:9px;color:var(--subtle)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:15px}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 4px 20px rgba(28,37,18,.018);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-head h3{font-size:13px;margin:0;letter-spacing:-.2px}.panel-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.subtle-icon{font-size:20px;color:#a3ad99}.activity-list{display:flex;flex-direction:column}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.activity-row:first-child{border-top:0}.activity-bullet{width:8px;height:8px;background:var(--green);border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px var(--green-soft);flex:none}.activity-row strong{font-size:11px;font-weight:650;display:block}.activity-row small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.empty-inline{padding:22px 12px;text-align:center;color:var(--muted);font-size:11px}.quick-action{display:flex;align-items:center;gap:11px;width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:12px 1px;text-align:left}.quick-action:hover strong{color:var(--green-dark)}.quick-symbol{width:31px;height:31px;border-radius:9px;background:var(--surface-3);display:grid;place-items:center;color:#6c7962;font-size:16px}.quick-action span:nth-child(2){flex:1}.quick-action strong{display:block;font-size:10px}.quick-action small{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.quick-action>b{color:#9ca597;font-size:16px;font-weight:400}.service-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-mini{border:1px solid var(--line);border-radius:11px;padding:13px}.service-mini-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.service-symbol{width:30px;height:30px;border-radius:9px;background:var(--green-soft);color:#648f12;display:grid;place-items:center;font-size:16px}.service-mini>strong{display:block;font-size:11px}.service-mini>small{display:block;margin-top:6px;color:var(--muted);font-size:9px}.client-help-strip{margin-top:16px;display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px 17px}.help-mark{width:32px;height:32px;border-radius:50%;background:var(--green-soft);color:#638d12;display:grid;place-items:center;font-weight:800}.client-help-strip>div:nth-child(2){flex:1}.client-help-strip strong,.client-help-strip span{display:block}.client-help-strip strong{font-size:11px}.client-help-strip span{font-size:10px;color:var(--muted);margin-top:4px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:14px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 10px;width:min(360px,100%);height:34px;color:var(--muted)}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:10px;color:var(--text)}.result-count{font-size:10px;color:var(--muted);white-space:nowrap}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.45px;text-transform:uppercase;font-weight:750;color:#8c9587;padding:11px 12px;border-bottom:1px solid var(--line)}td{font-size:10px;padding:13px 12px;border-bottom:1px solid #eff1ed;color:#51594e}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}td strong{font-size:10px;color:var(--text)}td small.cell-sub{display:block;color:var(--muted);font-size:9px;margin-top:4px}.person-cell{display:flex;align-items:center;gap:9px}.person-cell strong,.person-cell small{display:block}.person-cell small{color:var(--muted);font-size:9px;margin-top:3px}.small-avatar{width:28px;height:28px;font-size:9px}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:30px;background:var(--surface-3);color:#687064;font-size:9px;font-weight:700}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-active,.status-paid,.status-open{background:var(--green-soft);color:#5b8011}.status-suspended,.status-cancelled,.status-closed,.status-inactive{background:#f0f1ee;color:#858b80}.status-expired,.status-overdue,.status-high{background:var(--red-soft);color:#b94e48}.status-in_progress,.status-unpaid,.status-normal{background:var(--amber-soft);color:#a7751d}.status-low{background:var(--surface-3);color:#737b6f}.status-transferred{background:var(--purple-soft);color:#8068b5}.count-pill{background:var(--surface-3);border-radius:20px;padding:4px 8px;font-size:9px}.row-actions{display:flex;align-items:center;gap:3px;justify-content:flex-end}.row-actions .icon-button{width:27px;height:27px;font-size:13px}.danger-hover:hover{background:var(--red-soft);color:var(--red)}.catalog-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.8fr);gap:15px}.catalog-list{display:flex;flex-direction:column}.catalog-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.catalog-row:first-child{border-top:0}.catalog-icon{width:34px;height:34px;border-radius:10px;background:var(--surface-3);display:grid;place-items:center;color:#67755c;font-size:17px}.catalog-info{flex:1;min-width:0}.catalog-info strong,.catalog-info small{display:block}.catalog-info strong{font-size:11px}.catalog-info small{font-size:9px;color:var(--muted);margin-top:4px}.catalog-price{font-size:10px;font-weight:750}.category-list{margin-bottom:15px}.category-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid var(--line)}.category-row:first-child{border-top:0}.category-row strong{font-size:10px;flex:1}.category-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.category-panel>.btn{font-size:10px}.access-ready{color:#6c9519;font-size:9px;font-weight:700}.domain-name{font-weight:750;letter-spacing:.1px}.client-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.client-service-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;flex-direction:column;min-height:205px}.service-card-top{display:flex;align-items:center;justify-content:space-between}.client-service-card h3{font-size:14px;margin:17px 0 5px}.client-service-card>p{font-size:10px;color:var(--muted);margin:0}.service-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:auto;padding:14px 0 12px;font-size:9px;color:var(--muted)}.service-meta strong{font-size:10px;color:var(--text)}.security-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px;max-width:920px}.security-info{background:linear-gradient(145deg,var(--surface),var(--surface-2))}.security-big-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--green-soft);color:#678f17;font-size:23px}.security-info h3{font-size:14px;margin:18px 0 8px}.security-info p{color:var(--muted);font-size:11px;line-height:1.7}.security-point{font-size:10px;color:#596351;margin-top:13px}.security-point span{color:#6d9b16;font-weight:900;margin-right:6px}.stack-form{display:flex;flex-direction:column;gap:14px}.stack-form label,.modal-form label,.reply-form label,.install-form label{font-size:10px;font-weight:700;color:#697263;display:flex;flex-direction:column;gap:7px}.stack-form input,.modal-form input,.modal-form select,.modal-form textarea,.stack-form textarea,.reply-form textarea,.reply-form select,.install-form input{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 11px;outline:0;width:100%;font-size:11px;transition:border .15s,box-shadow .15s}.stack-form input:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.reply-form textarea:focus,.reply-form select:focus,.install-form input:focus{border-color:#98c94b;box-shadow:0 0 0 3px rgba(143,202,22,.12)}.stack-form small,.install-form small{font-size:9px;color:var(--muted);font-weight:400}.stack-form .btn{align-self:flex-start}.form-message{font-size:10px;line-height:1.5}.form-message.error{color:var(--red)}.form-message.success{color:#5e8a14}.muted{color:var(--muted)}.small{font-size:10px}.app-footer{border-top:1px solid var(--line);padding:15px 38px;display:flex;justify-content:space-between;color:#969e91;font-size:9px}.app-footer b{font-weight:600;color:#747d70;margin-left:5px}.modal-open{overflow:hidden}.modal-overlay{position:fixed;inset:0;background:rgba(19,24,16,.48);backdrop-filter:blur(5px);z-index:80;display:flex;align-items:center;justify-content:center;padding:22px;overflow-y:auto;animation:fadein .18s ease}@keyframes fadein{from{opacity:0}to{opacity:1}}.modal-card{width:min(520px,100%);max-height:calc(100vh - 44px);overflow-y:auto;background:var(--surface);border-radius:17px;box-shadow:0 25px 90px rgba(0,0,0,.22);padding:23px;animation:rise .22s ease}.modal-card.modal-large{width:min(760px,100%)}@keyframes rise{from{transform:translateY(8px);opacity:.7}to{transform:translateY(0);opacity:1}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head .eyebrow{font-size:8px;margin-bottom:6px}.modal-head h2{font-size:19px;letter-spacing:-.5px;margin:0}.modal-close{font-size:22px}.modal-form{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field-full{grid-column:1/-1}.modal-form textarea,.reply-form textarea{resize:vertical;min-height:58px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px;padding-top:15px;border-top:1px solid var(--line)}.security-hint{padding:10px 12px;border-radius:8px;background:var(--green-soft);color:#5b7c1c;font-size:9px}.security-hint span{margin-right:6px}.ticket-meta-line{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-bottom:12px}.ticket-conversation{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow:auto;padding:3px 2px 12px}.ticket-message{padding:12px 13px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}.ticket-message.staff-message{background:var(--green-soft);border-color:#e2edcc}.message-meta{display:flex;justify-content:space-between;gap:10px}.message-meta strong{font-size:10px}.message-meta span{font-size:9px;color:var(--muted)}.ticket-message p{font-size:11px;line-height:1.6;margin:9px 0 0;white-space:normal}.reply-form{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:11px}.reply-form .modal-actions{margin-top:0}.toast-region{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{background:#252b21;color:white;padding:12px 15px;border-radius:10px;font-size:11px;box-shadow:0 12px 30px rgba(0,0,0,.18);opacity:0;transform:translateY(8px);transition:.22s}.toast.visible{opacity:1;transform:translateY(0)}.toast-error{background:#8f3732}.toast-info{background:#46533c}.empty-state{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:260px;color:var(--muted);text-align:center}.empty-icon{width:42px;height:42px;border-radius:13px;background:var(--surface-3);display:grid;place-items:center;font-size:21px;margin-bottom:12px;color:#78836f}.empty-state h3{color:var(--text);font-size:14px;margin:0 0 6px}.empty-state p{font-size:11px;margin:0 0 16px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--surface)}.auth-intro{background:#20251e;color:#f4f5f1;display:flex;flex-direction:column;justify-content:space-between;padding:44px 7vw 30px;position:relative;overflow:hidden}.auth-intro:before,.auth-intro:after{content:"";position:absolute;border:1px solid rgba(152,206,54,.14);border-radius:50%;width:620px;height:620px;right:-230px;top:13%;pointer-events:none}.auth-intro:after{width:460px;height:460px;right:-150px;top:23%;border-color:rgba(152,206,54,.12)}.auth-brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;position:relative;z-index:1}.auth-intro-copy{max-width:520px;position:relative;z-index:1;margin:50px 0}.auth-intro .eyebrow{color:#a9d264}.auth-intro h1{font-size:clamp(34px,4.4vw,58px);letter-spacing:-2.4px;line-height:1.09}.auth-intro h1 em{color:#a2d24d;font-style:normal}.auth-intro-copy>p{font-size:13px;color:#aab1a4;line-height:1.7;max-width:370px;margin-top:21px}.auth-feature-list{display:flex;flex-direction:column;gap:13px;margin-top:38px;color:#cad2c0;font-size:11px}.auth-feature-list span::first-letter{color:#a4d54c}.auth-copyright{font-size:9px;color:#737d6e;position:relative;z-index:1}.auth-panel{display:grid;place-items:center;padding:35px}.auth-panel-inner{width:min(360px,100%)}.auth-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:38px;font-size:12px}.auth-panel-inner .eyebrow{margin-bottom:10px}.auth-panel h2{font-size:27px;letter-spacing:-.9px;margin:0}.auth-panel>.muted{font-size:11px;margin:8px 0 26px}.auth-row{display:flex;justify-content:space-between;align-items:center}.text-button{border:0;background:transparent;color:#668e19;font-size:10px;font-weight:700;padding:0}.text-button:hover{text-decoration:underline}.auth-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:19px}.simple-auth,.auth-body{min-height:100vh;background:var(--bg);display:grid;place-items:center;padding:24px}.auth-card,.install-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:34px;width:min(440px,100%);box-shadow:var(--shadow)}.auth-card h1,.install-card h1{font-size:25px;letter-spacing:-.9px;margin:0 0 8px}.auth-card>p:not(.eyebrow),.install-card>p:not(.eyebrow){font-size:11px;line-height:1.7;margin:0 0 22px}.brand-lockup{display:flex;align-items:center;gap:10px;margin-bottom:34px}.auth-card .back-link,.back-link{display:inline-block;margin-top:21px;border:0;background:transparent;padding:0;color:var(--muted);font-size:10px}.auth-card .back-link:hover,.back-link:hover{color:var(--text)}.install-card{width:min(560px,100%);padding:30px}.install-card .brand-lockup{margin-bottom:29px}.install-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.install-form label{grid-column:span 1}.install-form label:nth-child(-n+2),.install-form label:nth-child(7),.install-form label:nth-child(8),.install-form button,.install-foot{grid-column:1/-1}.install-form .form-separator{grid-column:1/-1;margin-top:4px;border-bottom:1px solid var(--line);padding-bottom:8px;color:#83907b;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.install-form button{margin-top:8px}.install-foot{margin-top:17px!important;font-size:9px!important}.notice{border-radius:9px;padding:11px 13px;font-size:10px;margin-bottom:16px}.notice-error{background:var(--red-soft);color:#a4403a}.sso-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:var(--bg)}.sso-card{width:min(460px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.sso-card .brand-mark{margin-bottom:27px}.sso-card h1{font-size:22px;margin:0 0 9px;letter-spacing:-.6px}.sso-card>p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.7}.sso-card form{margin:22px 0 14px}.sso-card .small{font-size:9px}.sso-card .back-link{display:inline-block;margin-top:16px;font-size:10px}.sso-card .btn{padding:13px}.sso-card .eyebrow{margin-bottom:7px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#151812;--surface:#1e221b;--surface-2:#242920;--surface-3:#2c3228;--text:#edf0e9;--muted:#a0a99a;--subtle:#788271;--line:#333a2e;--line-strong:#414a3b;--green:#a2d63d;--green-dark:#b3e45a;--green-soft:#2d3b1d;--amber:#e0b35d;--amber-soft:#40351f;--purple:#ad96de;--purple-soft:#342c46;--red:#e27b73;--red-soft:#402623;--shadow:0 15px 48px rgba(0,0,0,.18)}:root[data-theme="dark"] .auth-intro{background:#11150f}:root[data-theme="dark"] .avatar{background:#344326;color:#c1e78c}:root[data-theme="dark"] tbody tr td{border-color:#2a3026}:root[data-theme="dark"] .nav-item.active{color:#c0e78a}:root[data-theme="dark"] .status-suspended,:root[data-theme="dark"] .status-cancelled,:root[data-theme="dark"] .status-closed,:root[data-theme="dark"] .status-inactive{background:#33382f;color:#b0b7a8}
@media (max-width:1150px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid.client-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 25px}.page-container{padding:28px 25px}.app-footer{padding:14px 25px}.client-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.sidebar{transform:translateX(-101%);box-shadow:var(--shadow);width:275px}.sidebar.open{transform:translateX(0)}.side-close{display:grid!important}.sidebar-scrim{display:none;position:fixed;inset:0;background:rgba(14,18,12,.35);z-index:25}.sidebar.open~.sidebar-scrim{display:block}.main-area{margin-left:0;width:100%}.menu-toggle{display:inline-grid;margin-right:12px}.topbar{height:62px;padding:0 19px}.page-container{padding:25px 19px}.app-footer{padding:13px 19px}.dashboard-grid,.catalog-layout,.security-layout{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-intro{display:none}.auth-panel{min-height:100vh}.auth-mobile-brand{display:flex}.auth-panel-inner{width:min(400px,100%)}.client-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){body{font-size:13px}.topbar-right{gap:10px}.user-chip-text{display:none}.topbar{padding:0 14px}.breadcrumb{gap:7px;font-size:10px}.breadcrumb strong{font-size:11px}.page-container{padding:22px 13px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px;gap:13px}.page-heading h1{font-size:25px}.page-heading>.btn{width:100%}.stats-grid,.stats-grid.client-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:13px}.stat-card>strong{font-size:23px}.stat-top{font-size:9px}.dashboard-grid{gap:11px}.panel-card{padding:15px;border-radius:13px}.service-mini-grid{grid-template-columns:1fr}.client-service-grid{grid-template-columns:1fr}.client-help-strip{align-items:flex-start;flex-wrap:wrap}.client-help-strip>div:nth-child(2){width:calc(100% - 48px)}.client-help-strip .btn{width:100%}.table-toolbar{align-items:flex-start;flex-direction:column}.search-box{width:100%}.result-count{align-self:flex-end}.table-wrap{margin:0 -4px;width:calc(100% + 8px)}th,td{padding:11px 9px}.app-footer{padding:13px;gap:8px;flex-direction:column}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.modal-overlay{padding:8px;align-items:flex-end}.modal-card{max-height:92vh;border-radius:16px 16px 8px 8px;padding:18px}.modal-card.modal-large{width:100%}.modal-actions .btn{flex:1}.auth-panel{padding:22px}.auth-card,.install-card{padding:24px}.install-form{grid-template-columns:1fr}.install-form label,.install-form label:nth-child(-n+2),.install-form label:nth-child(7),.install-form label:nth-child(8){grid-column:1}.install-form .form-separator,.install-form button,.install-foot{grid-column:1}.toast-region{left:12px;right:12px;bottom:12px}.toast{text-align:center}.ticket-meta-line{flex-wrap:wrap}.logout-top{padding-left:8px;width:28px}}


/* ================================================================
   SWHM Lite — base visual y compatibilidad
   Independent visual system: crisp hosting dashboard, ink + violet.
   ================================================================ */
:root{
  --bg:#f5f6f8;--surface:#fff;--surface-2:#f8f8fb;--surface-3:#f0eff5;
  --text:#171821;--muted:#6d7180;--subtle:#9699a5;--line:#e6e7ec;--line-strong:#d4d6df;
  --green:#6546e8;--green-dark:#4f32cd;--green-soft:#f0edff;
  --purple:#7052ec;--purple-soft:#f0edff;--amber:#bb7b20;--amber-soft:#fff5e6;
  --red:#c94f59;--red-soft:#fff0f1;--shadow:0 14px 40px rgba(20,22,35,.06);
  --radius:14px;--radius-sm:9px;
}
html,body{background:var(--bg);}
.brand-mark{width:40px;height:40px;border-radius:13px;background:#171821;color:#fff;font-size:22px;letter-spacing:-1.5px;box-shadow:0 5px 14px rgba(23,24,33,.16);position:relative;overflow:hidden}
.brand-mark:after{content:"";position:absolute;width:12px;height:12px;border:2px solid #9a84ff;border-radius:50%;right:5px;top:5px;opacity:.95}
.sidebar{width:258px;padding:24px 17px 16px;background:#fff;border-right:1px solid #e9eaf0;box-shadow:3px 0 16px rgba(20,22,35,.018)}
.side-brand{gap:12px;padding:0 8px 29px}
.side-brand strong,.brand-lockup strong{font-size:13px;font-weight:800;letter-spacing:-.35px;color:#171821}
.side-brand small,.brand-lockup small{font-size:9px;letter-spacing:1.05px;text-transform:uppercase;color:#989ba7;font-weight:750}
.nav-label{font-size:9px;letter-spacing:1.2px;color:#a0a2ad;padding:18px 12px 8px}
.nav-item{color:#555a68;font-size:12px;font-weight:650;padding:11px 12px;border-radius:9px;gap:12px}
.nav-item:hover{background:#f7f6fb;color:#252536}
.nav-item.active{background:#f0edff;color:#4f32cd;font-weight:750}
.nav-icon{font-size:17px;width:21px;color:inherit;opacity:.9}
.nav-dot{background:#7658f1;box-shadow:0 0 0 3px #f0edff}
.side-bottom{border-top-color:#ececf1;padding-top:15px}
.secure-note{background:#f8f7fc;border-color:#eeedf5;border-radius:11px;padding:12px}
.secure-icon{background:#eeebff;color:#5b3dd7}
.secure-note strong{font-size:10px;color:#282837}
.secure-note small{font-size:9px;color:#7d8090}
.main-area{margin-left:258px;width:calc(100% - 258px);background:#f7f7fa}
.topbar{height:72px;padding:0 40px;background:rgba(255,255,255,.94);border-bottom:1px solid #e9eaf0;backdrop-filter:blur(14px)}
.breadcrumb{gap:12px;color:#898c99;font-size:11px}
.breadcrumb b{color:#c8c9d1}
.breadcrumb strong{font-size:12px;color:#222330;font-weight:750}
.topbar-right{gap:17px}
.avatar{background:#ebe8ff;color:#583bd0;border-radius:50%;width:34px;height:34px}
.user-chip-text strong{font-size:11px;color:#242532}
.user-chip-text small{font-size:9px;color:#858896}
.icon-button,.theme-toggle{border-radius:9px}
.theme-toggle{width:34px;height:34px;border-color:#e8e8ee;color:#5c5e6d}
.page-container{width:min(1420px,100%);padding:36px 40px 32px}
.page-heading{margin-bottom:27px;align-items:center}
.eyebrow{color:#8d8f9d;font-size:9px;letter-spacing:1.3px;margin-bottom:9px}
.page-heading h1{font-size:30px;letter-spacing:-1.25px;font-weight:780;color:#171821}
.page-heading p{font-size:12px;color:#777b89;margin-top:8px}
.btn{border-radius:8px;padding:11px 16px;font-size:11px;font-weight:750;letter-spacing:.05px}
.btn-primary{background:#5c3fe4;color:#fff;box-shadow:0 5px 14px rgba(92,63,228,.16)}
.btn-primary:hover{background:#4e31cf}
.btn-secondary{background:#fff;border-color:#dfe0e7;color:#343544;box-shadow:0 1px 2px rgba(20,20,35,.025)}
.btn-secondary:hover,.btn-quiet:hover{background:#f7f6fb}
.stats-grid{gap:14px;margin-bottom:20px}
.stat-card{border:1px solid #e8e9ef;border-radius:13px;padding:18px 18px 16px;box-shadow:0 3px 12px rgba(28,29,44,.025)}
.stat-top{font-size:10px;color:#747887}
.stat-icon{width:31px;height:31px;border-radius:9px;background:#f0edff;color:#5d40dc}
.stat-icon.green{background:#eeebff;color:#5d40dc}
.stat-icon.amber{background:#fff4e5;color:#b77920}
.stat-icon.purple{background:#f0edff;color:#7658e9}
.stat-card>strong{font-size:28px;letter-spacing:-1.15px;color:#191a25;margin:11px 0 2px}
.stat-card>small{font-size:9px;color:#999ba6}
.panel-card{border:1px solid #e8e9ef;border-radius:14px;padding:21px;box-shadow:0 3px 14px rgba(28,29,44,.025)}
.panel-head{margin-bottom:18px}
.panel-head h3{font-size:13px;color:#222330;font-weight:760}
.panel-head p{font-size:10px;color:#858896}
.activity-row{padding:13px 0}
.activity-bullet{background:#7658eb;box-shadow:0 0 0 4px #f0edff}
.quick-action{padding:13px 1px}
.quick-action:hover strong{color:#5739d8}
.quick-symbol{background:#f0edff;color:#5a3bd8}
.quick-action strong{font-size:10px;color:#272837}
.quick-action small{color:#858896}
.client-help-strip{border-color:#e8e9ef;border-radius:13px;background:#fff}
.help-mark{background:#efecff;color:#5b3ed8}
.table-toolbar{margin-bottom:15px}
.search-box{height:36px;border-radius:8px;background:#fff;border-color:#e1e2e9}
.search-box input{font-size:11px}
th{font-size:9px;color:#858896;letter-spacing:.55px;padding:12px 13px;border-bottom-color:#e8e9ef}
td{font-size:10px;padding:14px 13px;color:#555968;border-bottom-color:#eff0f4}
td strong{font-size:10px;color:#252633;font-weight:750}
tbody tr:hover{background:#fafaff}
.status{font-size:9px;padding:5px 9px}
.status-active,.status-paid,.status-open{background:#eaf7ef;color:#277347}
.status-suspended,.status-cancelled,.status-closed,.status-inactive{background:#f0f1f4;color:#737785}
.status-expired,.status-overdue,.status-high{background:#fff0f1;color:#b3424b}
.status-in_progress,.status-unpaid,.status-normal{background:#fff5e7;color:#a56d1b}
.status-transferred{background:#f0edff;color:#6546d6}
.catalog-icon,.service-symbol{background:#f0edff;color:#5d40dc}
.category-dot{background:#6c4ce7}
.client-service-card{border-radius:13px;border-color:#e8e9ef;padding:18px;box-shadow:0 3px 12px rgba(28,29,44,.02)}
.client-service-card h3{font-size:14px;color:#20212d}
.security-info{background:linear-gradient(145deg,#fff,#faf9ff)}
.security-big-icon{background:#f0edff;color:#5d40dc}
.security-point span{color:#6245dc}
.stack-form label,.modal-form label,.reply-form label,.install-form label{color:#626675;font-size:10px}
.stack-form input,.modal-form input,.modal-form select,.modal-form textarea,.stack-form textarea,.reply-form textarea,.reply-form select,.install-form input{border-color:#dfe0e7;border-radius:8px;font-size:11px}
.stack-form input:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.reply-form textarea:focus,.reply-form select:focus,.install-form input:focus{border-color:#8067ef;box-shadow:0 0 0 3px rgba(108,76,231,.12)}
.form-message.success{color:#277347}
.app-footer{border-top-color:#e9eaf0;padding:16px 40px;color:#a0a2ad;font-size:9px}
.app-footer b{color:#777a88}
.modal-overlay{background:rgba(20,21,34,.45)}
.modal-card{border:1px solid rgba(255,255,255,.65);border-radius:15px;box-shadow:0 26px 90px rgba(20,20,34,.2)}
.modal-head h2{color:#20212d}
.security-hint{background:#f0edff;color:#5540bc}
.ticket-message.staff-message{background:#f0edff;border-color:#e3dcff}
.toast{background:#232431;border-radius:9px}
.toast-info{background:#4f3db2}
.auth-intro{background:#11131d;color:#f5f5fa;padding:45px 7vw 32px}
.auth-intro:before,.auth-intro:after{border-color:rgba(139,111,255,.2);background:radial-gradient(circle,rgba(98,71,220,.12),transparent 67%)}
.auth-intro:before{width:700px;height:700px;right:-250px;top:2%}
.auth-intro:after{width:480px;height:480px;right:-140px;top:20%;border-color:rgba(139,111,255,.18)}
.auth-intro .eyebrow{color:#a99aff}
.auth-intro h1{font-size:clamp(38px,4.6vw,62px);letter-spacing:-2.7px;line-height:1.04}
.auth-intro h1 em{color:#a99aff}
.auth-intro-copy>p{color:#b5b7c5;font-size:13px;line-height:1.8}
.auth-feature-list{color:#d2d2df;gap:14px;font-size:11px}
.auth-feature-list span::first-letter{color:#a99aff}
.auth-copyright{color:#858797}
.auth-panel{background:#fff}
.auth-panel-inner{width:min(380px,100%)}
.auth-panel h2{font-size:29px;color:#191a25;letter-spacing:-1px}
.auth-panel>.muted{font-size:11px;color:#777b88}
.auth-panel-inner .eyebrow{color:#8175b8}
.text-button{color:#5d40dc}
.auth-bottom{border-top-color:#ececf1;color:#858896}
.auth-card,.install-card,.sso-card{border-radius:15px;border-color:#e7e8ee;box-shadow:0 18px 48px rgba(20,22,35,.07)}
.brand-lockup .brand-mark{margin-right:2px}
.install-form .form-separator{color:#777b88;border-bottom-color:#e8e9ef}
.install-card h1,.auth-card h1{color:#1b1c28}
.notice-error{background:#fff0f1;color:#a83d49}
.back-link:hover{color:#5d40dc}
.empty-icon{background:#f0edff;color:#6546dc}

:root[data-theme="dark"]{
  --bg:#151620;--surface:#1e202c;--surface-2:#242633;--surface-3:#2c2e3c;
  --text:#f0f0f6;--muted:#a4a6b4;--subtle:#828493;--line:#343644;--line-strong:#454756;
  --green:#a18cff;--green-dark:#b3a5ff;--green-soft:#302b49;--purple:#b0a0ff;--purple-soft:#302b49;
  --amber:#e1b46a;--amber-soft:#40351f;--red:#ef8a91;--red-soft:#40272c;
  --shadow:0 16px 48px rgba(0,0,0,.22)
}
:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .topbar{background:#1d1f2b;border-color:#343644}
:root[data-theme="dark"] .main-area{background:#151620}
:root[data-theme="dark"] .side-brand strong,:root[data-theme="dark"] .user-chip-text strong,:root[data-theme="dark"] .breadcrumb strong,:root[data-theme="dark"] .page-heading h1,:root[data-theme="dark"] .stat-card>strong,:root[data-theme="dark"] .panel-head h3,:root[data-theme="dark"] td strong,:root[data-theme="dark"] .client-service-card h3,:root[data-theme="dark"] .modal-head h2{color:#f0f0f6}
:root[data-theme="dark"] .side-brand small,:root[data-theme="dark"] .side-bottom,:root[data-theme="dark"] .app-footer{border-color:#343644}
:root[data-theme="dark"] .nav-item{color:#b5b6c2}
:root[data-theme="dark"] .nav-item.active{background:#302b49;color:#c4baff}
:root[data-theme="dark"] .nav-item:hover{background:#292b39;color:#f1f0f8}
:root[data-theme="dark"] .secure-note,:root[data-theme="dark"] .search-box{background:#242633;border-color:#393b4a}
:root[data-theme="dark"] .secure-note strong{color:#ededf5}
:root[data-theme="dark"] .secure-icon,:root[data-theme="dark"] .stat-icon,:root[data-theme="dark"] .quick-symbol,:root[data-theme="dark"] .catalog-icon,:root[data-theme="dark"] .service-symbol,:root[data-theme="dark"] .security-big-icon,:root[data-theme="dark"] .help-mark{background:#302b49;color:#c1b5ff}
:root[data-theme="dark"] .avatar{background:#302b49;color:#c7bbff}
:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .panel-card,:root[data-theme="dark"] .client-help-strip,:root[data-theme="dark"] .client-service-card,:root[data-theme="dark"] .auth-card,:root[data-theme="dark"] .install-card,:root[data-theme="dark"] .sso-card{background:#1e202c;border-color:#343644}
:root[data-theme="dark"] .auth-panel{background:#1e202c}
:root[data-theme="dark"] .auth-panel h2,:root[data-theme="dark"] .install-card h1,:root[data-theme="dark"] .auth-card h1{color:#f0f0f6}
:root[data-theme="dark"] .auth-panel>.muted,:root[data-theme="dark"] .auth-bottom{color:#a4a6b4}
:root[data-theme="dark"] .btn-secondary{background:#242633;border-color:#454756;color:#eeeef5}
:root[data-theme="dark"] .btn-secondary:hover{background:#2e3040}
:root[data-theme="dark"] tbody tr:hover{background:#242633}
:root[data-theme="dark"] td{color:#c1c2cd;border-bottom-color:#303241}
:root[data-theme="dark"] th{color:#a4a6b4;border-bottom-color:#343644}
:root[data-theme="dark"] .stack-form label,:root[data-theme="dark"] .modal-form label,:root[data-theme="dark"] .reply-form label,:root[data-theme="dark"] .install-form label{color:#c1c2cd}
:root[data-theme="dark"] .stack-form input,:root[data-theme="dark"] .modal-form input,:root[data-theme="dark"] .modal-form select,:root[data-theme="dark"] .modal-form textarea,:root[data-theme="dark"] .stack-form textarea,:root[data-theme="dark"] .reply-form textarea,:root[data-theme="dark"] .reply-form select,:root[data-theme="dark"] .install-form input{background:#191b26;border-color:#454756;color:#f0f0f6}
:root[data-theme="dark"] .ticket-message.staff-message{background:#302b49;border-color:#484064}
:root[data-theme="dark"] .ticket-message{background:#242633;border-color:#393b4a}
:root[data-theme="dark"] .status-active,:root[data-theme="dark"] .status-paid,:root[data-theme="dark"] .status-open{background:#1e3b2d;color:#8ce0ad}
:root[data-theme="dark"] .status-expired,:root[data-theme="dark"] .status-overdue,:root[data-theme="dark"] .status-high{background:#40272c;color:#f19ba1}
:root[data-theme="dark"] .status-in_progress,:root[data-theme="dark"] .status-unpaid,:root[data-theme="dark"] .status-normal{background:#40351f;color:#e8c17d}
:root[data-theme="dark"] .status-suspended,:root[data-theme="dark"] .status-cancelled,:root[data-theme="dark"] .status-closed,:root[data-theme="dark"] .status-inactive{background:#343644;color:#bec0cc}
:root[data-theme="dark"] .modal-card{background:#1e202c;border-color:#454756}
:root[data-theme="dark"] .security-hint{background:#302b49;color:#c4baff}
:root[data-theme="dark"] .auth-intro{background:#10111a}
:root[data-theme="dark"] .app-footer{color:#858797}
@media(max-width:1150px){.topbar{padding:0 25px}.page-container{padding:30px 25px}.app-footer{padding:14px 25px}}
@media(max-width:820px){.sidebar{width:280px}.main-area{margin-left:0;width:100%}.topbar{padding:0 19px}.page-container{padding:27px 19px}.app-footer{padding:13px 19px}}
@media(max-width:560px){.topbar{padding:0 13px}.page-container{padding:22px 13px}.page-heading h1{font-size:25px}.auth-intro{display:none}.auth-panel{min-height:100vh;padding:22px}.auth-mobile-brand{display:flex}.install-card,.auth-card{padding:24px}}

/* 1.2.0 · interaction and workflow refresh */
.stat-card-link{appearance:none;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;position:relative;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;padding-right:42px}
.stat-card-link:hover{transform:translateY(-2px);border-color:#cfc7f7;box-shadow:0 10px 25px rgba(67,48,150,.09)}
.stat-card-link:focus-visible,.clients-view-switch button:focus-visible,.client-service-card button:focus-visible,.client-quick-actions button:focus-visible{outline:3px solid rgba(103,76,221,.25);outline-offset:2px}
.stat-card-arrow{position:absolute;right:17px;bottom:16px;font-size:14px;color:#aaa4c2;transition:transform .16s ease,color .16s ease}
.stat-card-link:hover .stat-card-arrow{transform:translate(2px,-2px);color:#5c3fe4}
.service-mini-link{appearance:none;display:block;width:100%;background:var(--surface);border:1px solid var(--line);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.service-mini-link:hover{transform:translateY(-2px);border-color:#d4ccfa;box-shadow:0 7px 20px rgba(46,35,115,.06)}
.mini-link-hint{display:block;margin-top:9px;color:#6246d9;font-size:10px;font-weight:750}
.clients-panel{padding:18px 20px 20px}
.clients-toolbar{display:flex;align-items:center;gap:13px;margin-bottom:17px}
.clients-toolbar .search-box{flex:1;min-width:180px}
.clients-view-switch{display:flex;align-items:center;gap:3px;padding:3px;background:#f2f2f6;border:1px solid #e7e7ee;border-radius:9px}
.clients-view-switch button{border:0;background:transparent;color:#777987;padding:8px 11px;border-radius:7px;font-size:10px;font-weight:700;cursor:pointer}
.clients-view-switch button.active{background:#fff;color:#4f35c7;box-shadow:0 1px 4px rgba(25,25,45,.09)}
.result-count{white-space:nowrap}
.client-quick-actions{gap:5px;flex-wrap:nowrap}
.client-quick-actions .btn{white-space:nowrap;padding:7px 9px}
.client-quick-actions .btn span{margin-left:2px}
.client-kanban-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.client-kanban-lane{background:#f7f7fa;border:1px solid #e9e9ef;border-radius:12px;padding:12px;min-width:0}
.kanban-lane-head{display:flex;align-items:center;justify-content:space-between;margin:1px 2px 11px}
.kanban-lane-head h3{font-size:11px;color:#363747;margin:0;font-weight:800}
.kanban-lane-head>span{min-width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#ececf2;color:#5f6270;font-size:10px;font-weight:800}
.client-kanban-list{display:grid;gap:10px}
.client-kanban-card{background:#fff;border:1px solid #e8e9ef;border-radius:10px;padding:13px;box-shadow:0 2px 8px rgba(24,25,42,.025);min-width:0}
.kanban-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.kanban-card-top .person-cell{min-width:0}
.kanban-card-top .person-cell strong{display:block;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kanban-email{display:inline-block;margin:11px 0 10px;color:#6246d9;font-size:10px;overflow-wrap:anywhere;text-decoration:none}
.kanban-email:hover{text-decoration:underline}
.kanban-card-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #f0f0f4;padding-top:10px;color:#858896;font-size:9px}
.client-kanban-card .client-quick-actions{margin-top:11px;border-top:1px solid #f0f0f4;padding-top:10px}
.kanban-empty{padding:24px 12px;text-align:center;color:#9a9ca8;font-size:10px;background:rgba(255,255,255,.55);border:1px dashed #dddde6;border-radius:9px}
.clients-toolbar .result-count{margin-left:auto}
.service-manage-card{display:flex;flex-direction:column;gap:0;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.service-manage-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(34,32,60,.07);border-color:#d6d0f6}
.service-manage-card h3{margin-top:14px}
.service-action-row{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.service-action-row .btn{flex:1;justify-content:center;min-width:120px;white-space:nowrap}
.service-action-row .btn-primary{background:#5c3fe4}
.service-details{margin-top:15px;padding:14px 0 0;border-top:1px solid var(--line);animation:rise .18s ease}
.service-details[hidden]{display:none}
.service-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.service-details-grid>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.service-details-grid small,.service-notes small{font-size:9px;color:var(--muted)}
.service-details-grid strong{font-size:10px;color:var(--text);overflow-wrap:anywhere}
.service-notes{margin-top:13px;padding:11px 12px;border-radius:9px;background:var(--surface-2)}
.service-notes p{font-size:10px;line-height:1.6;color:var(--text);margin:5px 0 0;white-space:pre-wrap}
.service-detail-foot{margin-top:12px;font-size:9px;line-height:1.5;color:var(--muted)}
.preview-banner{display:flex;align-items:center;gap:12px;padding:10px 40px;background:#fff7e8;border-bottom:1px solid #f3dfbd;color:#825717;font-size:10px}
.preview-banner strong{font-size:10px;font-weight:800}
.preview-banner span{flex:1;color:#967341}
.preview-readonly-note{margin-top:14px;padding:11px 13px;background:#fff7e8;border:1px solid #f3dfbd;border-radius:8px;color:#825717;font-size:10px}
.table-link{color:#5d40dc;font-size:10px;font-weight:750;text-decoration:none;white-space:nowrap}
.table-link:hover{text-decoration:underline}
.pay-now{white-space:nowrap}
.form-help{font-size:9px;color:var(--muted);line-height:1.5;margin-top:-6px}
:root[data-theme="dark"] .stat-card-link:hover{border-color:#544b7d;box-shadow:0 10px 25px rgba(0,0,0,.18)}
:root[data-theme="dark"] .stat-card-arrow,:root[data-theme="dark"] .mini-link-hint{color:#b7aaff}
:root[data-theme="dark"] .service-mini-link{background:#1e202c;border-color:#343644}
:root[data-theme="dark"] .clients-view-switch{background:#191b26;border-color:#393b4a}
:root[data-theme="dark"] .clients-view-switch button.active{background:#303144;color:#c8bdff}
:root[data-theme="dark"] .client-kanban-lane{background:#191b26;border-color:#343644}
:root[data-theme="dark"] .kanban-lane-head h3{color:#ededf5}
:root[data-theme="dark"] .kanban-lane-head>span{background:#343644;color:#d3d3df}
:root[data-theme="dark"] .client-kanban-card{background:#1e202c;border-color:#343644}
:root[data-theme="dark"] .kanban-card-foot,:root[data-theme="dark"] .client-kanban-card .client-quick-actions{border-color:#343644}
:root[data-theme="dark"] .kanban-empty{background:#1e202c;border-color:#454756;color:#a4a6b4}
:root[data-theme="dark"] .service-details{border-color:#343644}
:root[data-theme="dark"] .service-notes{background:#242633}
:root[data-theme="dark"] .preview-banner,:root[data-theme="dark"] .preview-readonly-note{background:#3b3020;border-color:#66502a;color:#f2d295}
:root[data-theme="dark"] .preview-banner span{color:#dfbd7b}
:root[data-theme="dark"] .table-link{color:#b8aaff}
@media(max-width:900px){.client-quick-actions .btn span{display:none}.client-quick-actions .btn{padding:7px 8px}.client-kanban-board{gap:10px}}
@media(max-width:650px){.clients-toolbar{flex-wrap:wrap}.clients-toolbar .search-box{flex-basis:100%;order:0}.clients-view-switch{order:1}.clients-toolbar .result-count{order:2;margin-left:auto}.client-kanban-board{grid-template-columns:1fr}.client-kanban-lane{padding:10px}.client-quick-actions .btn span{display:inline}.preview-banner{padding:10px 13px;flex-wrap:wrap}.preview-banner span{flex-basis:100%;order:2}.preview-banner button{margin-left:auto}.service-action-row{flex-direction:column}.service-action-row .btn{width:100%}}


/* 1.2.0 · affordances, active rows and keyboard navigation */
.interactive-row{cursor:pointer;transition:background .14s ease}
.interactive-row:hover td{background:#faf9ff}
.interactive-row:focus-visible{outline:2px solid #8067e9;outline-offset:-2px}
.interactive-card{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.interactive-card:hover{border-color:#cfc7f7;box-shadow:0 8px 22px rgba(67,48,150,.07);transform:translateY(-1px)}
.interactive-card:focus-visible{outline:3px solid rgba(103,76,221,.25);outline-offset:2px}
.client-kanban-card.interactive-card{cursor:pointer}
.client-kanban-card.interactive-card:hover{border-color:#cfc7f7}
:root[data-theme="dark"] .interactive-row:hover td{background:#252635}
:root[data-theme="dark"] .interactive-card:hover{border-color:#544b7d;box-shadow:0 8px 22px rgba(0,0,0,.18)}

.client-service-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px}
.client-service-toolbar .search-box{width:min(390px,100%)}
@media(max-width:560px){.client-service-toolbar{align-items:stretch;flex-direction:column}.client-service-toolbar .search-box{width:100%}.client-service-toolbar .result-count{align-self:flex-end}}

/* 1.3.0 · futurist visual system, commerce and readability */
:root{
  --bg:#f4f6fb;--surface:#ffffff;--surface-2:#f8f9fd;--surface-3:#eef0f8;
  --text:#171b2c;--muted:#697188;--subtle:#9299ab;--line:#e5e8f1;--line-strong:#d7dbea;
  --green:#6956e8;--green-dark:#4f3bc7;--green-soft:#f0edff;
  --purple:#6956e8;--purple-soft:#f0edff;--amber:#d59434;--amber-soft:#fff5e5;
  --red:#d45567;--red-soft:#fff0f2;--shadow:0 16px 42px rgba(29,35,72,.07);--radius:18px;--radius-sm:12px;
}
body{font-size:15px;letter-spacing:-.01em}
.sidebar{background:linear-gradient(180deg,#10172b 0%,#151b33 58%,#191a36 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 30px rgba(12,18,39,.07)}
.side-brand{padding:2px 8px 30px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}
.side-brand strong{font-size:15px;color:#f7f8ff;letter-spacing:-.45px}
.side-brand small{font-size:12px;color:#929bb5}
.brand-mark{background:linear-gradient(145deg,#8b7bff,#4d8df7);color:#fff;border-radius:13px;box-shadow:0 7px 22px rgba(107,89,235,.36)}
.nav-label{font-size:10px;letter-spacing:1.55px;color:#7783a2;padding:18px 12px 8px}
.nav-item{color:#b5bed5;padding:12px 13px;border-radius:11px;font-size:14px;font-weight:620;gap:13px;margin:3px 0}
.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-item.active{background:linear-gradient(100deg,rgba(114,93,245,.28),rgba(68,134,246,.13));color:#e1dcff;box-shadow:inset 3px 0 0 #9887ff}
.nav-icon{width:22px;display:grid;place-items:center;color:inherit}
.nav-icon .ps-icon{width:19px;height:19px}
.side-bottom{border-top-color:rgba(255,255,255,.1)}
.secure-note{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);padding:12px}
.secure-note strong{font-size:12px;color:#eef1ff}
.secure-note small{font-size:10px;color:#96a0bb}
.secure-icon{width:34px;height:34px;border-radius:10px;background:rgba(119,102,255,.2);color:#b9adff}
.logout-item{color:#c6a9b8}
.main-area{background:var(--bg)}
.topbar{height:78px;padding:0 42px;background:rgba(255,255,255,.88);border-bottom-color:#e6e8f2}
.breadcrumb{font-size:13px;gap:13px}
.breadcrumb strong{font-size:14px;font-weight:750}
.user-chip-text strong{font-size:13px}
.user-chip-text small{font-size:11px}
.avatar{width:38px;height:38px;font-size:13px;background:#eeebff;color:#5744ce}
.theme-toggle,.icon-button{width:38px;height:38px;font-size:18px;border-radius:11px}
.page-container{width:min(1440px,100%);padding:42px 44px 36px}
.page-heading{margin-bottom:30px;align-items:center}
.page-heading h1{font-size:clamp(30px,2.6vw,38px);letter-spacing:-1.5px;font-weight:790;line-height:1.08}
.page-heading p{font-size:15px;line-height:1.55;margin-top:10px;max-width:680px}
.eyebrow{font-size:10px;letter-spacing:1.7px;color:#7569b5;margin-bottom:11px}
.btn{font-size:13px;padding:12px 17px;border-radius:11px;font-weight:740;gap:9px}
.btn-small{font-size:11px;padding:9px 12px}
.btn-primary{background:linear-gradient(115deg,#6d5be9,#6554db);color:#fff;box-shadow:0 7px 18px rgba(99,78,220,.2)}
.btn-primary:hover{background:linear-gradient(115deg,#7d6df1,#5b70e8);box-shadow:0 10px 22px rgba(99,78,220,.25)}
.btn-secondary{background:#fff;border-color:#dfe2ee;color:#39415a}
.btn-quiet{font-size:13px}
.stats-grid{gap:16px;margin-bottom:22px}
.stat-card{border-radius:17px;padding:20px;box-shadow:0 5px 22px rgba(25,34,70,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.stat-card:hover{transform:translateY(-2px);border-color:#d5cef9;box-shadow:0 12px 28px rgba(67,48,150,.08)}
.stat-top{font-size:13px}
.stat-icon{width:38px;height:38px;border-radius:12px;color:#6255bc}
.stat-card>strong{font-size:32px;margin:14px 0 3px;letter-spacing:-1.4px}
.stat-card>small{font-size:11px}
.panel-card{padding:24px;border-radius:19px;box-shadow:0 5px 24px rgba(26,34,68,.035)}
.panel-head{margin-bottom:20px}
.panel-head h3{font-size:17px;font-weight:760;letter-spacing:-.35px}
.panel-head p{font-size:12px;line-height:1.5}
.activity-row{padding:14px 0;gap:14px}
.activity-row strong{font-size:13px}
.activity-row small{font-size:11px}
.quick-action{padding:14px 1px;gap:13px}
.quick-symbol{width:38px;height:38px;border-radius:12px}
.quick-action strong{font-size:13px}
.quick-action small{font-size:11px}
.table-toolbar{margin-bottom:18px}
.search-box{height:43px;border-radius:11px;padding:0 13px;gap:10px}
.search-box input{font-size:13px}
.result-count{font-size:12px}
table th{font-size:11px;letter-spacing:.55px;padding:14px 13px}
table td{font-size:13px;padding:15px 13px}
td strong{font-size:13px}
.cell-sub{font-size:11px}
.status{font-size:10px;padding:5px 9px;border-radius:7px}
.catalog-row,.category-row{padding:15px 13px;min-height:70px}
.catalog-info strong,.category-row strong{font-size:14px}
.catalog-info small{font-size:11px}
.catalog-price{font-size:14px}
.client-service-toolbar{margin-bottom:18px}
.client-service-card{padding:22px;border-radius:18px}
.client-service-card h3{font-size:19px;letter-spacing:-.45px}
.client-service-card>p{font-size:13px}
.service-meta{margin-top:18px;padding-top:15px}
.service-meta span{font-size:12px}
.service-meta strong{font-size:14px}
.service-action-row{gap:9px;margin-top:18px}
.service-action-row .btn{font-size:12px;min-width:135px;padding:11px 13px}
.service-details{padding-top:17px}
.service-details-grid small{font-size:11px}
.service-details-grid strong{font-size:13px}
.service-detail-foot{font-size:11px;line-height:1.65}
.client-help-strip{padding:19px;border-radius:15px}
.client-help-strip strong{font-size:14px}
.client-help-strip span{font-size:12px}
.form-message,.notice{font-size:13px}
.stack-form label,.modal-form label,.reply-form label,.install-form label{font-size:13px;font-weight:650;gap:8px}
.stack-form input,.modal-form input,.modal-form select,.modal-form textarea,.stack-form textarea,.reply-form textarea,.reply-form select,.install-form input,.gateway-label select{font-size:14px;min-height:45px;padding:11px 13px;border-radius:10px}
.stack-form textarea,.modal-form textarea,.reply-form textarea{min-height:100px}
.stack-form label small,.modal-form label small{font-size:11px;line-height:1.55}
.form-help{font-size:11px}
.modal-card{border-radius:20px;max-width:min(760px,calc(100vw - 32px));padding:26px}
.modal-head{margin-bottom:22px}
.modal-head h2{font-size:23px;letter-spacing:-.6px}
.icon-button:hover,.theme-toggle:hover{background:#f0edff;color:#5947cc}
.ps-icon{display:inline-block;vertical-align:-.16em;flex:none}
.nav-item .ps-icon{width:19px;height:19px}
.stat-icon .ps-icon{width:20px;height:20px}
.btn .ps-icon{width:16px;height:16px}
.service-symbol .ps-icon{width:25px;height:25px}
.app-footer{padding:18px 44px;font-size:11px}

/* Commerce storefront */
.store-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr);align-items:center;overflow:hidden;min-height:275px;padding:34px 40px;margin:0 0 34px;border:1px solid rgba(151,143,255,.24);border-radius:24px;background:radial-gradient(circle at 82% 35%,rgba(85,150,255,.27),transparent 28%),linear-gradient(115deg,#121a35 0%,#24205a 55%,#2a3470 100%);box-shadow:0 20px 48px rgba(35,35,100,.16);color:#fff}
.store-hero:before,.store-hero:after{content:"";position:absolute;border:1px solid rgba(177,183,255,.16);border-radius:50%;pointer-events:none}
.store-hero:before{width:390px;height:390px;right:-20px;top:-120px;box-shadow:0 0 0 24px rgba(255,255,255,.018),0 0 0 50px rgba(255,255,255,.015)}
.store-hero:after{width:250px;height:250px;right:48px;top:-52px}
.store-hero .eyebrow{color:#b7b0ff}
.store-hero h2{font-size:clamp(29px,3.2vw,44px);line-height:1.07;letter-spacing:-1.7px;margin:0 0 13px;font-weight:780}
.store-hero h2 em{font-style:normal;color:#a9c3ff}
.store-hero p{font-size:15px;line-height:1.6;color:#c4cce5;max-width:520px;margin:0 0 22px}
.store-hero-orbit{position:relative;z-index:1;display:grid;place-items:center;color:#b4acff;filter:drop-shadow(0 0 25px rgba(135,128,255,.5))}
.store-hero-orbit .ps-icon{width:116px;height:116px;stroke-width:1.1}
.store-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
.store-section-head h2{font-size:23px;letter-spacing:-.8px;margin:0;font-weight:760}
.store-section-head p{font-size:13px;color:var(--muted);margin:7px 0 0}
.store-search{width:min(340px,100%)}
.store-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin-bottom:32px}
.store-product-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 4px 18px rgba(31,38,78,.035);transition:transform .18s,border-color .18s,box-shadow .18s}
.store-product-card:hover{transform:translateY(-3px);border-color:#cfc8fa;box-shadow:0 15px 34px rgba(71,58,153,.1)}
.store-product-icon,.cart-line-icon,.gateway-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#f0edff,#e7efff);color:#6554d9;margin-bottom:17px}
.store-product-type{font-size:10px;letter-spacing:1.1px;font-weight:800;color:#8074bb}
.store-product-card h3{font-size:18px;letter-spacing:-.45px;margin:9px 0 8px}
.store-product-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 18px;flex:1}
.store-product-price{font-size:24px;font-weight:800;letter-spacing:-.8px;margin-bottom:17px}
.store-product-price small{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.2px}
.domain-finder{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;padding:30px;background:linear-gradient(145deg,#fff,#f7f8ff);border-color:#e2e4f4}
.domain-finder-copy h2{font-size:29px;line-height:1.1;letter-spacing:-1px;margin:0 0 12px}
.domain-finder-copy h2 em{font-style:normal;color:#6f5be6}
.domain-finder-copy p{font-size:13px;line-height:1.65;color:var(--muted);max-width:370px}
.domain-search-form{display:flex;flex-direction:column;justify-content:center;gap:10px}
.domain-search-form>label{font-size:13px;font-weight:750}
.domain-search-form small{font-size:11px;color:var(--muted);line-height:1.55}
.domain-search-row{display:flex;gap:9px}
.domain-search-row input{min-width:0;flex:1;height:49px;padding:0 15px;border:1px solid #dfe2ed;border-radius:11px;background:#fff;font:inherit;font-size:15px;outline:0}
.domain-search-row input:focus{border-color:#8575ed;box-shadow:0 0 0 4px rgba(105,86,232,.12)}
.domain-result{margin-top:12px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}
.domain-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.domain-result-head>div{display:grid;gap:4px}
.domain-result-head strong{font-size:17px;overflow-wrap:anywhere}
.domain-result-head span{font-size:11px;font-weight:750;color:#6b61a6}
.domain-result>p{font-size:12px;line-height:1.55;color:var(--muted)}
.domain-taken{border-color:#f1d0d5;background:#fffafb}.domain-taken .domain-result-head span{color:#bd475c}
.domain-notfound{border-color:#b9e7d0;background:#f7fffa}.domain-notfound .domain-result-head span{color:#27885a}
.domain-unknown{border-color:#f2dfb8;background:#fffdf8}.domain-unknown .domain-result-head span{color:#a47724}
.domain-cart-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.domain-cart-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}
.domain-cart-form input,.domain-cart-form select{width:100%;min-width:0;min-height:41px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:13px}
.domain-cart-form label small{font-size:10px;font-weight:500}
.domain-cart-form .epp-field[hidden]{display:none}
.domain-cart-form button{grid-column:1/-1}
.domain-config-note{padding:13px;border-radius:10px;background:var(--surface-2);font-size:12px;color:var(--muted)}

/* Cart and order views */
.cart-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:18px;align-items:start}
.cart-lines{min-width:0}
.cart-count-pill{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:10px;background:var(--green-soft);color:var(--green-dark);font-weight:800}
.cart-line{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.cart-line-icon{width:44px;height:44px;margin:0;flex:none}
.cart-line-main{min-width:0;flex:1;display:grid;gap:5px}
.cart-line-main strong{font-size:14px;overflow-wrap:anywhere}
.cart-line-main small,.cart-line-price small{font-size:11px;color:var(--muted)}
.cart-line-price{text-align:right;white-space:nowrap}
.cart-line-price strong{font-size:15px}
.cart-summary{position:sticky;top:96px;background:linear-gradient(155deg,#fff,#f7f7ff);border-color:#e4e2f7}
.cart-summary h3{font-size:18px;margin:7px 0}
.cart-total{font-size:34px;font-weight:850;letter-spacing:-1.2px;color:#5545c7;margin:13px 0 4px}
.cart-summary-separator{height:1px;background:var(--line);margin:18px 0}
.gateway-label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750}
.gateway-label select{border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:10px;color:var(--text)}
.gateway-hint{font-size:11px;line-height:1.55;color:var(--muted)}
.cart-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px 15px;color:var(--muted)}
.cart-empty>.ps-icon{color:#8575e9;margin-bottom:14px}
.cart-empty h3{font-size:19px;color:var(--text);margin:0 0 7px}
.cart-empty p{font-size:13px;line-height:1.55;max-width:360px;margin:0 0 18px}
.cart-empty .btn{margin-top:2px}
.order-lines-summary{display:grid;gap:4px;font-size:12px}
.order-bill-link{display:block;font-size:12px;font-weight:750;color:#6655d5}
.order-status-select{min-width:135px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:12px}
.payment-instructions{margin-top:7px;max-width:260px;font-size:11px;color:var(--muted)}
.payment-instructions summary{cursor:pointer;color:#6655d5;font-weight:750}
.payment-instructions p{white-space:pre-wrap;line-height:1.5;margin:6px 0 0;overflow-wrap:anywhere}

/* Payment methods */
.gateway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.gateway-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 5px 20px rgba(31,38,78,.035)}
.gateway-card-icon{margin:0 0 14px}
.gateway-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.gateway-card-head h3{font-size:17px;letter-spacing:-.4px;margin:0 0 6px}
.gateway-card-head small{font-size:11px;color:var(--muted)}
.gateway-online{color:#249268!important;font-weight:750}
.gateway-card>p{font-size:12px;line-height:1.65;color:var(--muted);white-space:pre-wrap;flex:1}
.gateway-card-actions{display:flex;gap:9px;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}
.empty-gateway{grid-column:1/-1;text-align:center;padding:35px}
.empty-gateway h3{font-size:18px;margin:12px 0 7px}
.empty-gateway p{font-size:13px;color:var(--muted);margin:0 0 18px}
.epp-reveal{display:grid;gap:14px}
.epp-reveal code{padding:16px;border-radius:12px;background:var(--surface-2);font-size:15px;overflow-wrap:anywhere;user-select:all}
.epp-reveal p{font-size:12px;line-height:1.6;color:var(--muted)}
.security-hint{font-size:12px;line-height:1.6}

/* Responsive and dark theme refinements */
:root[data-theme="dark"]{--bg:#111421;--surface:#1b2031;--surface-2:#20263a;--surface-3:#293149;--text:#f2f4ff;--muted:#a5aec4;--subtle:#7e8aa7;--line:#303850;--line-strong:#414b67;--green:#a294ff;--green-dark:#c1b8ff;--green-soft:#302c50;--purple:#a99dff;--purple-soft:#302c50;--amber:#e7b765;--amber-soft:#40331f;--red:#ef8b9d;--red-soft:#422832;--shadow:0 18px 48px rgba(0,0,0,.28)}
:root[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#0b1020,#131931 65%,#191835);border-color:rgba(255,255,255,.07)}
:root[data-theme="dark"] .topbar{background:rgba(24,29,45,.92);border-color:#303850}
:root[data-theme="dark"] .nav-item.active{background:linear-gradient(100deg,rgba(135,117,255,.25),rgba(73,133,246,.13));color:#e0dbff;box-shadow:inset 3px 0 0 #a294ff}
:root[data-theme="dark"] .side-brand strong,:root[data-theme="dark"] .secure-note strong{color:#f4f5ff}
:root[data-theme="dark"] .secure-note{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}
:root[data-theme="dark"] .store-product-card,:root[data-theme="dark"] .domain-result,:root[data-theme="dark"] .gateway-card{background:var(--surface);border-color:var(--line)}
:root[data-theme="dark"] .domain-finder,:root[data-theme="dark"] .cart-summary{background:linear-gradient(145deg,#1c2235,#242448);border-color:#3b3e63}
:root[data-theme="dark"] .domain-search-row input,:root[data-theme="dark"] .gateway-label select{background:#171c2b;border-color:var(--line-strong);color:var(--text)}
:root[data-theme="dark"] .domain-notfound{background:#182d2a;border-color:#285b48}
:root[data-theme="dark"] .domain-taken{background:#30202a;border-color:#63404c}
:root[data-theme="dark"] .domain-unknown{background:#30291d;border-color:#62502d}
:root[data-theme="dark"] .domain-cart-form input,:root[data-theme="dark"] .domain-cart-form select,:root[data-theme="dark"] .order-status-select{background:#171c2b;border-color:var(--line-strong);color:var(--text)}
:root[data-theme="dark"] .store-product-icon,:root[data-theme="dark"] .cart-line-icon,:root[data-theme="dark"] .gateway-card-icon{background:#302c50;color:#c5bcff}
:root[data-theme="dark"] .cart-total,:root[data-theme="dark"] .payment-instructions summary,:root[data-theme="dark"] .order-bill-link{color:#c0b7ff}
:root[data-theme="dark"] .domain-result-head span{color:#c1b9ff}
:root[data-theme="dark"] .domain-notfound .domain-result-head span{color:#83dcb3}
:root[data-theme="dark"] .domain-taken .domain-result-head span{color:#f19eae}
:root[data-theme="dark"] .domain-unknown .domain-result-head span{color:#edc981}
:root[data-theme="dark"] .domain-cart-form,:root[data-theme="dark"] .cart-line,:root[data-theme="dark"] .gateway-card-actions{border-color:var(--line)}
:root[data-theme="dark"] .store-hero{border-color:#413d72;box-shadow:0 20px 48px rgba(0,0,0,.26)}
:root[data-theme="dark"] .epp-reveal code{background:#151a29;color:#f1efff}
:root[data-theme="dark"] .interactive-row:hover td{background:#252b40}
@media(max-width:1050px){.page-container{padding:34px 28px}.topbar{padding:0 28px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-hero{min-height:250px}.cart-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr)}}
@media(max-width:820px){.sidebar{box-shadow:14px 0 35px rgba(7,12,28,.22)}.topbar{height:70px;padding:0 20px}.page-container{padding:29px 20px}.page-heading h1{font-size:31px}.store-hero{padding:28px 30px}.store-hero-orbit .ps-icon{width:90px;height:90px}.domain-finder{grid-template-columns:1fr;gap:15px}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.app-footer{padding:16px 20px}}
@media(max-width:600px){body{font-size:14px}.topbar{padding:0 13px}.page-container{padding:23px 13px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:29px}.page-heading p{font-size:13px}.page-heading>.btn{width:100%}.stats-grid,.stats-grid.client-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:15px}.stat-card>strong{font-size:27px}.stat-top{font-size:11px}.panel-card{padding:17px;border-radius:15px}.store-hero{grid-template-columns:1fr;min-height:0;padding:24px 21px;margin-bottom:25px}.store-hero h2{font-size:32px}.store-hero p{font-size:13px}.store-hero-orbit{display:none}.store-section-head{align-items:stretch;flex-direction:column}.store-section-head h2{font-size:21px}.store-search{width:100%}.store-product-grid{grid-template-columns:1fr;gap:12px}.store-product-card{padding:18px}.domain-finder{padding:18px}.domain-finder-copy h2{font-size:25px}.domain-search-row{flex-direction:column}.domain-search-row .btn{width:100%}.domain-cart-form{grid-template-columns:1fr}.domain-cart-form button{grid-column:auto}.cart-line{align-items:flex-start;gap:10px}.cart-line-icon{width:38px;height:38px}.cart-line-main strong{font-size:13px}.cart-line-price strong{font-size:13px}.gateway-grid{grid-template-columns:1fr}.modal-card{padding:19px;max-width:calc(100vw - 20px)}.modal-head h2{font-size:21px}.app-footer{padding:14px 13px;font-size:10px;gap:8px;flex-wrap:wrap}}

/* 1.4.0 · futurist commerce and accessibility refinements */
:root{
  --bg:#f3f5fb;--surface:#ffffff;--surface-2:#f8f9ff;--surface-3:#eef1fa;
  --text:#151a2d;--muted:#5e6882;--subtle:#8992a9;--line:#e1e6f1;--line-strong:#cfd7e8;
  --purple:#6558e8;--purple-soft:#f0efff;--shadow:0 18px 48px rgba(25,34,76,.075);
}
body{font-size:16px;line-height:1.55;letter-spacing:-.012em}
button,input,select,textarea{font-size:inherit}
.sidebar{width:266px;padding:25px 17px 18px;background:linear-gradient(180deg,#0b1225 0%,#101a34 54%,#171a38 100%);border-right:1px solid rgba(255,255,255,.075)}
.main-area{margin-left:266px;width:calc(100% - 266px)}
.side-brand{padding-bottom:25px;margin-bottom:13px}
.side-brand strong{font-size:16px;letter-spacing:-.5px}
.side-brand small{font-size:12px}
.nav-label{font-size:11px;letter-spacing:1.5px;padding:20px 12px 9px;color:#8592b1}
.nav-item{font-size:14px;font-weight:650;gap:13px;padding:13px 13px;margin:3px 0;border-radius:12px}
.nav-icon{width:23px}
.nav-icon .ps-icon{width:20px;height:20px;stroke-width:1.9}
.secure-note{padding:13px;border-radius:13px}
.secure-note strong{font-size:13px}
.secure-note small{font-size:11px}
.secure-icon{width:37px;height:37px}
.topbar{height:82px;padding:0 44px}
.breadcrumb{font-size:14px;gap:13px}
.breadcrumb strong{font-size:15px}
.user-chip-text strong{font-size:14px}
.user-chip-text small{font-size:12px}
.avatar{width:41px;height:41px;font-size:14px}
.theme-toggle,.icon-button{width:40px;height:40px;border-radius:12px}
.page-container{width:min(1500px,100%);padding:45px 48px 40px}
.page-heading{margin-bottom:32px;gap:24px}
.page-heading h1{font-size:clamp(34px,2.8vw,43px);line-height:1.08;letter-spacing:-1.8px;font-weight:820}
.page-heading p{font-size:16px;line-height:1.6;margin-top:11px;max-width:760px}
.eyebrow{font-size:11px;letter-spacing:1.75px;margin-bottom:12px}
.btn{font-size:14px;padding:12px 18px;border-radius:12px;font-weight:730;gap:10px}
.btn-small{font-size:12px;padding:9px 13px}
.btn-primary{background:linear-gradient(115deg,#6b5cef,#6552d9);box-shadow:0 8px 22px rgba(98,79,221,.22)}
.btn-primary:hover{background:linear-gradient(115deg,#7e70fa,#5b70e9);box-shadow:0 12px 28px rgba(98,79,221,.28)}
.btn-secondary{background:linear-gradient(180deg,#fff,#f8f9ff);border-color:#dce2f0}
.stats-grid{gap:17px;margin-bottom:24px}
.stat-card{padding:21px;border-radius:19px;box-shadow:0 7px 25px rgba(25,34,70,.045)}
.stat-top{font-size:14px}
.stat-card>strong{font-size:35px;letter-spacing:-1.6px;margin:14px 0 4px}
.stat-card>small{font-size:12px;color:var(--muted)}
.stat-icon{width:42px;height:42px;border-radius:13px}
.panel-card{padding:27px;border-radius:21px;box-shadow:0 8px 27px rgba(26,34,68,.04)}
.panel-head{margin-bottom:22px}
.panel-head h3{font-size:18px;letter-spacing:-.45px}
.panel-head p{font-size:13px;line-height:1.5}
.table-toolbar{gap:16px;margin-bottom:18px}
.search-box{height:43px;border-radius:12px;padding:0 13px;gap:10px}
.search-box input{font-size:14px}
.result-count{font-size:13px}
table th{font-size:11px;letter-spacing:.75px;padding:13px 14px}
table td{font-size:14px;padding:16px 14px}
table td strong{font-size:14px}
.cell-sub{font-size:12px}
.status{font-size:11px;padding:6px 10px;border-radius:999px}
.field label,label{font-size:14px}
input,select,textarea{font-size:14px}
input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px}
textarea{min-height:90px}
.form-help,.muted,.small{font-size:13px}
.result-count,.table-link{font-size:13px}
.empty-inline{padding:27px 14px;font-size:14px}
.activity-row strong{font-size:14px}
.activity-row small{font-size:12px}
.quick-action strong{font-size:14px}
.quick-action small{font-size:12px}
.quick-symbol{width:38px;height:38px;border-radius:12px}
.service-mini>strong{font-size:14px}
.service-mini>small{font-size:12px}
.client-help-strip strong{font-size:14px}
.client-help-strip span{font-size:13px}
.app-footer{font-size:12px;padding-top:18px;padding-bottom:18px}
.ps-icon{display:inline-block;vertical-align:-.16em;flex:none;stroke-width:1.9}
.nav-item .ps-icon{width:20px;height:20px}
.icon-button .ps-icon,.theme-toggle .ps-icon{width:18px;height:18px}

/* Storefront / marketplace */
.store-hero-v2{position:relative;min-height:300px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);align-items:center;padding:40px 48px;border-radius:26px;border:1px solid #e0def8;background:radial-gradient(circle at 82% 20%,rgba(119,105,255,.22),transparent 29%),linear-gradient(120deg,#111b35 0%,#20234a 55%,#38316f 100%);box-shadow:0 22px 55px rgba(30,35,91,.15);margin-bottom:38px;color:#fff}
.store-hero-v2 .eyebrow{color:#b8b2ff}
.store-hero-v2 h2{font-size:clamp(34px,4vw,51px);line-height:1.04;letter-spacing:-2px;margin:0;font-weight:850}
.store-hero-v2 h2 em{font-style:normal;color:#a99fff}
.store-hero-v2 p{max-width:560px;font-size:16px;color:#c6cbe1;line-height:1.65;margin:17px 0 23px}
.store-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.store-trust-note{display:inline-flex;align-items:center;gap:8px;color:#c8c9e4;font-size:13px}
.store-hero-visual{position:relative;min-height:210px;display:grid;place-items:center}
.store-orbit{position:absolute;border:1px solid rgba(191,184,255,.28);border-radius:50%;transform:rotate(-25deg)}
.orbit-one{width:245px;height:150px;box-shadow:0 0 35px rgba(147,133,255,.09)}
.orbit-two{width:185px;height:215px;transform:rotate(34deg)}
.store-orbit-core{width:118px;height:118px;display:grid;place-items:center;border-radius:34px;color:#e0dcff;background:linear-gradient(145deg,rgba(158,146,255,.35),rgba(75,112,220,.21));border:1px solid rgba(223,219,255,.28);box-shadow:0 0 55px rgba(125,112,255,.34),inset 0 1px rgba(255,255,255,.25);backdrop-filter:blur(12px)}
.store-orbit-core .ps-icon{width:60px;height:60px;stroke-width:1.45}
.orbit-chip{position:absolute;padding:8px 12px;border-radius:999px;color:#e9e7ff;font-size:12px;font-weight:750;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(9px)}
.orbit-chip-top{top:20px;right:3px}.orbit-chip-bottom{bottom:18px;left:0}
.store-section-head-v2{align-items:flex-end;margin-bottom:17px}
.store-section-head-v2 h2{font-size:25px;letter-spacing:-.8px;margin:0;font-weight:820}
.store-section-head-v2 p{font-size:14px;margin:6px 0 0;color:var(--muted)}
.store-filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}
.store-filter{border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:9px 16px;color:var(--muted);font-size:13px;font-weight:700;transition:.16s}
.store-filter:hover,.store-filter.active{border-color:#c8c0ff;background:#f0eeff;color:#5545c9;box-shadow:0 4px 14px rgba(97,82,214,.08)}
.store-product-grid-v2{gap:17px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-bottom:37px}
.store-product-card-v2{padding:23px;border-radius:19px;border-color:#e3e6f1;box-shadow:0 7px 25px rgba(30,37,75,.035);transition:transform .2s,border-color .2s,box-shadow .2s}
.store-product-card-v2:hover{transform:translateY(-4px);border-color:#c9c0ff;box-shadow:0 18px 38px rgba(63,54,139,.1)}
.store-product-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.store-product-card-v2 h3{font-size:19px;letter-spacing:-.5px;margin:0 0 9px;font-weight:800}
.store-product-card-v2>p{min-height:45px;font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 23px}
.store-product-icon{width:51px;height:51px;border-radius:16px;background:linear-gradient(145deg,#eeedff,#e6ecff);color:#6557d9;display:grid;place-items:center}
.store-product-icon .ps-icon{width:27px;height:27px}
.store-product-type,.store-tag{font-size:10px;letter-spacing:1.05px;font-weight:850;color:#756aa9}
.store-tag{padding:6px 9px;border-radius:999px;background:#f3f0ff;color:#6154be}
.store-product-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.store-price-block{display:grid;gap:4px}.store-price-block small{font-size:12px;color:var(--muted)}
.store-price-block strong{font-size:21px;letter-spacing:-.7px;color:var(--text);font-weight:850}.store-price-block em{font-size:11px;font-style:normal;color:var(--muted);letter-spacing:.3px}
.domain-finder-v2{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:30px;align-items:center;padding:33px;border-radius:23px;border-color:#dfdef6;background:radial-gradient(circle at 0 100%,rgba(123,105,240,.08),transparent 36%),linear-gradient(145deg,#fff,#f7f8ff)}
.domain-finder-v2 .domain-finder-copy h2{font-size:31px;line-height:1.12;letter-spacing:-1.1px;font-weight:850;margin:0 0 12px}
.domain-finder-v2 .domain-finder-copy h2 em{font-style:normal;color:#6858dc}
.domain-finder-v2 .domain-finder-copy p{font-size:14px;line-height:1.65;max-width:370px}
.domain-feature-points{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px;color:#51479d;font-size:12px;font-weight:750}
.domain-feature-points span{display:inline-flex;align-items:center;gap:6px}
.domain-search-form-v2{padding:23px;border:1px solid #e1e4f2;border-radius:17px;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(41,43,98,.045)}
.domain-search-form-v2>label{font-size:14px;font-weight:800;margin-bottom:10px}
.domain-search-form-v2>small{display:block;font-size:12px;line-height:1.55;color:var(--muted);margin-top:11px}
.domain-search-form-v2 .domain-search-row input{height:51px;font-size:16px;border-radius:12px}
.domain-search-form-v2 .domain-search-row .btn{min-height:51px}
.domain-result{margin-top:17px;padding:17px;border-radius:14px}
.domain-result-head strong{font-size:18px}.domain-result-head span{font-size:12px;font-weight:800}
.domain-result>p{font-size:13px;line-height:1.6}
.domain-cart-form{gap:12px;margin-top:16px;padding-top:15px}
.domain-cart-form label{font-size:13px}.domain-cart-form input,.domain-cart-form select{height:44px;font-size:14px}
.domain-cart-form small{font-size:11px}

/* Cart and payment experience */
.cart-layout-v2{gap:22px}
.cart-lines-v2 .panel-head h3{font-size:19px}
.cart-line-v2{gap:15px;padding:19px 0}
.cart-line-main strong{font-size:16px}
.cart-line-main small{font-size:12px;line-height:1.5}
.cart-line-price strong{font-size:17px}
.cart-line-price small{font-size:12px}
.cart-qty-control{min-width:100px}
.cart-qty-control label{display:grid;gap:5px;font-size:11px;color:var(--muted);font-weight:750}
.cart-qty-control input{width:82px;min-height:38px;padding:6px 9px;text-align:center;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text)}
.cart-qty-control>span{font-size:14px;color:var(--muted);font-weight:750}
.cart-summary-v2{padding:27px;background:radial-gradient(circle at 100% 0,rgba(123,106,245,.11),transparent 38%),linear-gradient(155deg,#fff,#f6f6ff);border-color:#dddaf7}
.cart-summary-v2 h3{font-size:21px;font-weight:800}
.cart-summary-v2 .cart-total{font-size:40px;margin:15px 0 5px}
.cart-summary-v2 .muted{font-size:13px;line-height:1.55}
.cart-summary-security{display:flex;align-items:center;gap:9px;margin:18px 0;padding:12px;border:1px solid #e2e2f7;border-radius:12px;background:rgba(255,255,255,.72);font-size:12px;color:#56508c;font-weight:750}
.cart-summary-security .ps-icon{color:#675bda}
.gateway-label{font-size:14px;gap:9px}.gateway-label select{min-height:46px;font-size:14px;border-radius:11px}
.gateway-hint{font-size:12px;line-height:1.55}

/* More legible forms, admin lists and dialogs */
.modal-card{max-width:min(720px,calc(100vw - 34px));padding:29px;border-radius:22px}
.modal-large{max-width:min(880px,calc(100vw - 34px))}
.modal-head h2{font-size:25px;letter-spacing:-.8px}
.modal-head .eyebrow{font-size:10px}
.modal-close{width:40px;height:40px}
.modal-form label,.stack-form label,.reply-form label{font-size:14px;font-weight:700;gap:8px}
.modal-form input,.modal-form select,.modal-form textarea,.stack-form input,.stack-form select,.stack-form textarea,.reply-form textarea{font-size:14px;min-height:45px;padding:11px 13px;border-radius:11px}
.modal-form textarea,.stack-form textarea,.reply-form textarea{min-height:95px}
.modal-form small,.modal-form .form-help{font-size:12px;line-height:1.55}
.row-actions{gap:7px}
.icon-button .ps-icon{width:18px;height:18px}
.client-kanban-card strong,.catalog-info strong{font-size:15px}
.catalog-info small,.kanban-card-foot{font-size:12px}
.order-lines-summary{font-size:13px;line-height:1.5}
.order-status-select{font-size:13px;min-height:39px}
.order-bill-link{font-size:13px}
.payment-instructions{font-size:12px}
.gateway-card{padding:24px;border-radius:19px}
.gateway-card-head h3{font-size:19px}
.gateway-card-head small,.gateway-card>p{font-size:13px;line-height:1.6}
.gateway-card-actions{margin-top:17px}
.preview-banner{font-size:13px;padding:12px 44px}
.preview-banner strong{font-size:13px}
.preview-readonly-note{font-size:13px}

:root[data-theme="dark"] .store-filter{background:#1b2031;border-color:#343b54;color:#bbc3d8}
:root[data-theme="dark"] .store-filter:hover,:root[data-theme="dark"] .store-filter.active{background:#302b55;border-color:#6559a5;color:#d6d0ff}
:root[data-theme="dark"] .store-product-card-v2{background:var(--surface);border-color:var(--line)}
:root[data-theme="dark"] .store-product-card-v2:hover{border-color:#645b9c}
:root[data-theme="dark"] .store-tag{background:#302c50;color:#c9c0ff}
:root[data-theme="dark"] .store-price-block strong{color:var(--text)}
:root[data-theme="dark"] .domain-finder-v2{background:linear-gradient(145deg,#1c2235,#252547);border-color:#414568}
:root[data-theme="dark"] .domain-finder-v2 .domain-finder-copy h2 em{color:#b7aeff}
:root[data-theme="dark"] .domain-search-form-v2{background:rgba(25,30,48,.82);border-color:#414568}
:root[data-theme="dark"] .domain-feature-points{color:#c7bfff}
:root[data-theme="dark"] .cart-summary-security{background:#20243a;border-color:#414568;color:#c4bcff}
:root[data-theme="dark"] .cart-qty-control input{background:#171c2b;border-color:var(--line-strong);color:var(--text)}
:root[data-theme="dark"] .cart-summary-v2{background:radial-gradient(circle at 100% 0,rgba(123,106,245,.15),transparent 38%),linear-gradient(155deg,#1c2235,#252547);border-color:#414568}
@media(max-width:1120px){.store-hero-v2{padding:34px}.domain-finder-v2{grid-template-columns:1fr;gap:20px}}
@media(max-width:900px){.sidebar{width:266px}.main-area{margin-left:0;width:100%}.page-container{padding:35px 26px}.topbar{padding:0 26px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-hero-visual{min-height:170px}.cart-line-v2{flex-wrap:wrap}.cart-qty-control{margin-left:59px}}
@media(max-width:650px){body{font-size:15px}.page-container{padding:25px 14px}.topbar{height:70px;padding:0 14px}.page-heading h1{font-size:31px}.page-heading p{font-size:14px}.panel-card{padding:19px;border-radius:16px}.stats-grid,.stats-grid.client-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.store-hero-v2{grid-template-columns:1fr;padding:27px 22px;min-height:0;margin-bottom:28px}.store-hero-v2 h2{font-size:36px}.store-hero-v2 p{font-size:14px}.store-hero-visual{display:none}.store-section-head-v2{align-items:stretch;flex-direction:column}.store-section-head-v2 h2{font-size:23px}.store-section-head-v2 .store-search{width:100%}.store-product-grid-v2{grid-template-columns:1fr}.store-product-card-v2>p{min-height:0}.domain-finder-v2{padding:21px}.domain-finder-v2 .domain-finder-copy h2{font-size:27px}.domain-search-form-v2{padding:17px}.domain-search-row{flex-direction:column}.domain-search-row .btn{width:100%}.cart-layout-v2{grid-template-columns:1fr}.cart-line-v2{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px}.cart-line-v2 .cart-line-icon{grid-row:1;grid-column:1}.cart-line-v2 .cart-line-main{grid-row:1;grid-column:2}.cart-line-v2 .cart-qty-control{grid-row:2;grid-column:2;margin:0}.cart-line-v2 .cart-line-price{grid-row:2;grid-column:3}.cart-line-v2>[data-action="cart-remove"]{grid-row:1;grid-column:3}.cart-summary-v2 .cart-total{font-size:34px}.modal-card{padding:20px;max-width:calc(100vw - 16px)}.modal-head h2{font-size:22px}.app-footer{font-size:11px;padding:13px 14px;gap:8px;flex-wrap:wrap}}

/* 1.4.0 · Futuristic clarity pass: larger type, stronger hierarchy, crisp iconography */
[hidden]{display:none!important}
:root{--accent:#735cf2;--accent-2:#9a7cff;--accent-glow:rgba(115,92,242,.16);--ink:#171a2b}
body{font-size:16.5px;line-height:1.58;letter-spacing:-.014em}
.sidebar{width:274px;padding:27px 18px 19px;background:linear-gradient(180deg,#0b1020 0%,#131a32 57%,#1b1940 100%);border-right:1px solid rgba(255,255,255,.07)}
.main-area{margin-left:274px;width:calc(100% - 274px)}
.side-brand{padding:3px 9px 30px;gap:13px}
.side-brand strong{font-size:16px;color:#f5f5ff;letter-spacing:-.45px}
.side-brand small{font-size:11px;color:#9aa2bd;letter-spacing:.9px}
.nav-label{font-size:11px;letter-spacing:1.55px;color:#8792b5;padding:22px 13px 9px}
.nav-item{font-size:14px;font-weight:670;gap:13px;padding:13px 13px;margin:3px 0;border-radius:12px;color:#b9c0d6;min-height:47px}
.nav-item:hover{background:rgba(255,255,255,.075);color:#fff}
.nav-item.active{background:linear-gradient(100deg,rgba(133,111,255,.28),rgba(74,101,223,.14));color:#fff;box-shadow:inset 3px 0 #9b8cff,0 6px 20px rgba(0,0,0,.12)}
.nav-icon{width:25px;display:grid;place-items:center}
.nav-icon .ps-icon{width:21px;height:21px;stroke-width:1.95}
.nav-count-badge,.button-count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:linear-gradient(135deg,#9c82ff,#6853e7);color:#fff;font-size:11px;font-weight:850;box-shadow:0 3px 10px rgba(117,94,238,.25)}
.nav-count-badge{margin-left:auto}
.secure-note{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09);padding:14px;border-radius:14px}
.secure-note strong{font-size:13px;color:#f0f2ff}.secure-note small{font-size:11px;color:#9aa5c4}
.secure-icon{width:39px;height:39px;border-radius:13px;background:rgba(128,105,245,.22);color:#c5baff}
.topbar{height:84px;padding:0 46px;background:rgba(250,250,255,.91);border-bottom:1px solid rgba(220,222,237,.9);box-shadow:0 6px 22px rgba(25,30,67,.025)}
.breadcrumb{font-size:14px;gap:14px}.breadcrumb strong{font-size:15px;font-weight:800}
.user-chip-text strong{font-size:14px}.user-chip-text small{font-size:12px}.avatar{width:42px;height:42px;font-size:14px}
.theme-toggle,.icon-button{width:42px;height:42px;border-radius:13px}
.page-container{width:min(1540px,100%);padding:48px 52px 44px}
.page-heading{margin-bottom:36px;gap:28px}.page-heading h1{font-size:clamp(37px,3vw,48px);line-height:1.06;letter-spacing:-2px;font-weight:850}.page-heading p{font-size:17px;line-height:1.62;margin-top:12px;max-width:820px;color:#666d83}
.eyebrow{font-size:12px;letter-spacing:1.85px;margin-bottom:13px;font-weight:850}
.btn{font-size:14px;padding:13px 19px;border-radius:13px;font-weight:760;gap:10px;min-height:44px}
.btn-small{font-size:13px;padding:10px 13px;min-height:37px}
.icon-button .ps-icon,.theme-toggle .ps-icon{width:20px;height:20px}
.stats-grid{gap:18px;margin-bottom:27px}.stat-card{padding:23px;border-radius:20px;box-shadow:0 9px 30px rgba(27,32,76,.045);position:relative;overflow:hidden;min-height:150px}
.stat-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#7059ed,#a18dff,transparent);opacity:.85}
.stat-top{font-size:15px;font-weight:720}.stat-icon{width:47px;height:47px;border-radius:15px}.stat-icon .ps-icon{width:23px;height:23px}
.stat-card>strong{font-size:39px;margin:15px 0 3px;letter-spacing:-1.8px}.stat-card>small{font-size:13px;color:#737b91}
.panel-card{padding:30px;border-radius:23px;box-shadow:0 12px 34px rgba(30,34,76,.045);border-color:#e2e5f0}
.panel-head{margin-bottom:25px}.panel-head h3{font-size:21px;font-weight:820;letter-spacing:-.55px}.panel-head p{font-size:14px;line-height:1.55;margin-top:6px}
.table-toolbar{margin-bottom:21px}.search-box{height:48px;border-radius:13px;padding:0 15px;gap:12px}.search-box .ps-icon{width:19px;height:19px}.search-box input{font-size:15px}
.result-count{font-size:14px;font-weight:650}table th{font-size:12px;letter-spacing:.95px;padding:15px 16px}table td{font-size:15px;padding:18px 16px}table td strong{font-size:15px}.cell-sub{font-size:13px}
.status{font-size:12px;padding:7px 11px}.modal-card{padding:32px;border-radius:24px}.modal-head h2{font-size:28px}.modal-form label,.stack-form label,.reply-form label{font-size:15px}.modal-form input,.modal-form select,.modal-form textarea,.stack-form input,.stack-form select,.stack-form textarea,.reply-form textarea{font-size:15px;min-height:49px;padding:12px 15px;border-radius:13px}.modal-form small,.modal-form .form-help{font-size:13px}
.empty-inline{font-size:15px;padding:31px 15px}.activity-row strong{font-size:15px}.activity-row small{font-size:13px}.quick-action strong{font-size:15px}.quick-action small{font-size:13px}.quick-symbol{width:43px;height:43px;border-radius:14px}.quick-symbol .ps-icon{width:21px;height:21px}
.service-mini>strong{font-size:15px}.service-mini>small{font-size:13px}.client-help-strip strong{font-size:15px}.client-help-strip span{font-size:14px}
.ps-icon{width:1em;height:1em;stroke-width:1.95;vertical-align:-.16em;filter:drop-shadow(0 1px 1px rgba(55,48,120,.05))}
.store-hero-v2{min-height:330px;padding:48px 54px;border-radius:29px;box-shadow:0 25px 65px rgba(44,41,105,.18)}
.store-hero-v2 h2{font-size:clamp(40px,4.2vw,58px);letter-spacing:-2.7px}.store-hero-v2 p{font-size:17px;max-width:620px}
.store-trust-note{font-size:14px}.store-orbit-core{box-shadow:0 0 0 14px rgba(151,130,255,.07),0 0 55px rgba(143,125,255,.36)}
.store-section-head-v2 h2{font-size:31px;letter-spacing:-1.2px}.store-section-head-v2 p{font-size:15px}.store-filter{font-size:14px;padding:11px 18px}.store-product-grid-v2{gap:20px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.store-product-card-v2{padding:27px;border-radius:22px;min-height:300px;display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(155deg,#fff 0%,#fcfbff 100%);box-shadow:0 9px 30px rgba(35,36,83,.05)}
.store-product-card-v2:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#7862ee,#aa9aff,transparent);opacity:.8}
.store-product-card-v2 h3{font-size:22px;margin:0 0 10px;letter-spacing:-.7px}.store-product-card-v2>p{font-size:15px;line-height:1.65;min-height:54px;margin-bottom:24px}
.store-product-icon{width:58px;height:58px;border-radius:18px}.store-product-icon .ps-icon{width:30px;height:30px}.store-product-type,.store-tag{font-size:11px;letter-spacing:1.2px}
.store-price-block small{font-size:13px}.store-price-block strong{font-size:24px}.store-card-hint{display:flex;align-items:center;gap:6px;margin-top:13px;color:#7766d9;font-size:13px;font-weight:780;opacity:.82}
.store-product-card-v2:hover .store-card-hint{opacity:1}.store-product-card-v2:focus-visible{outline:3px solid #9a87ff;outline-offset:3px}
.domain-finder-v2{padding:39px;border-radius:25px;box-shadow:0 12px 38px rgba(50,45,120,.055)}
.domain-finder-v2 .domain-finder-copy h2{font-size:36px;letter-spacing:-1.4px}.domain-finder-v2 .domain-finder-copy p{font-size:15px}.domain-feature-points{font-size:14px}.domain-search-form-v2{padding:28px;border-radius:20px}.domain-search-form-v2>label{font-size:16px}.domain-search-form-v2>small{font-size:13px}.domain-search-form-v2 .domain-search-row input{height:57px;font-size:17px}.domain-search-form-v2 .domain-search-row .btn{min-height:57px}
.domain-result{padding:20px;border-radius:17px}.domain-result-head strong{font-size:21px}.domain-result-head span{font-size:13px}.domain-result>p{font-size:14px}.domain-cart-form label{font-size:14px}.domain-cart-form input,.domain-cart-form select{height:48px;font-size:15px}.domain-cart-form small{font-size:12px}
.cart-line-main strong{font-size:17px}.cart-line-main small{font-size:13px}.cart-line-price strong{font-size:19px}.cart-line-price small{font-size:13px}.cart-qty-control label{font-size:13px}.cart-qty-control input{min-height:43px;font-size:15px}.gateway-label{font-size:15px}.gateway-label select{min-height:50px;font-size:15px}.gateway-hint{font-size:13px}.cart-summary-v2 h3{font-size:23px}.cart-summary-v2 .cart-total{font-size:43px}.cart-summary-security{font-size:13px;padding:14px}
.gateway-card{padding:27px;border-radius:21px}.gateway-card-head h3{font-size:21px}.gateway-card-head small,.gateway-card>p{font-size:14px;line-height:1.65}
::placeholder{color:#9299ac;opacity:1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(118,96,240,.45);outline-offset:2px}
:root[data-theme="dark"] .store-product-card-v2{background:linear-gradient(155deg,#1e2438,#22233e);border-color:#3b4260}
:root[data-theme="dark"] .page-heading p{color:#aab2c8}:root[data-theme="dark"] .panel-head h3{color:#f4f5ff}
:root[data-theme="dark"] .stat-card>small{color:#a8b0c6}:root[data-theme="dark"] .nav-count-badge{color:#fff}
@media(max-width:1100px){.sidebar{width:274px}.main-area{margin-left:274px;width:calc(100% - 274px)}.page-container{padding:38px 30px}.topbar{padding:0 30px}}
@media(max-width:900px){.sidebar{width:274px}.main-area{margin-left:0;width:100%}.page-container{padding:33px 24px}.topbar{padding:0 24px}}
@media(max-width:650px){body{font-size:16px}.page-container{padding:26px 15px}.page-heading h1{font-size:34px}.page-heading p{font-size:15px}.panel-card{padding:21px}.stats-grid,.stats-grid.client-stats{gap:11px}.stat-card{padding:17px;min-height:130px}.stat-top{font-size:13px}.stat-card>strong{font-size:31px}.stat-card>small{font-size:12px}.store-hero-v2{padding:30px 22px}.store-hero-v2 h2{font-size:38px}.store-hero-v2 p{font-size:15px}.store-hero-visual{display:none}.store-product-grid-v2{grid-template-columns:1fr}.store-product-card-v2{min-height:0;padding:23px}.store-product-card-v2 h3{font-size:21px}.domain-finder-v2{padding:22px}.domain-finder-v2 .domain-finder-copy h2{font-size:30px}.domain-search-form-v2{padding:18px}.cart-summary-v2 .cart-total{font-size:36px}.modal-card{padding:21px}.topbar{height:72px}.user-chip-text strong{font-size:13px}.user-chip-text small{font-size:11px}}


/* 1.4.0 · Futuristic readability and interface hierarchy */
:root{
  --bg:#f3f5fb;--surface:#fff;--surface-2:#f8f9ff;--surface-3:#eef1fb;
  --text:#15192b;--muted:#5f6882;--subtle:#8790a8;--line:#e2e6f1;--line-strong:#ccd3e4;
  --green:#6755e8;--green-dark:#5040c8;--green-soft:#efedff;
  --purple:#725cf1;--purple-soft:#efedff;--shadow:0 18px 48px rgba(28,37,77,.075);
}
html,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;letter-spacing:-.012em}
body{line-height:1.5;background:radial-gradient(ellipse at 86% 0%,rgba(119,103,242,.055),transparent 34%),var(--bg)}
.sidebar{width:270px}
.main-area{margin-left:270px;width:calc(100% - 270px)}
.nav-item{font-size:15px;line-height:1.35;padding:13px 14px;font-weight:650}
.nav-label{font-size:11px;letter-spacing:1.45px}
.nav-icon .ps-icon{width:21px;height:21px;stroke-width:1.9}
.ps-icon{flex:0 0 auto;vertical-align:middle;stroke-width:1.9}
.topbar{height:82px;padding:0 46px}
.breadcrumb{font-size:14px}.breadcrumb strong{font-size:15px}
.user-chip-text strong{font-size:14px}.user-chip-text small{font-size:12px}
.page-container{width:min(1510px,100%);padding:46px 48px 42px}
.page-heading{margin-bottom:34px;gap:18px}
.page-heading h1{font-size:clamp(34px,3vw,44px);line-height:1.04;letter-spacing:-1.9px;font-weight:820}
.page-heading p{font-size:16px;line-height:1.65;max-width:760px;color:var(--muted);margin-top:12px}
.eyebrow{font-size:11px;letter-spacing:1.85px;font-weight:850}
.btn{font-size:14px;min-height:44px;padding:12px 18px;border-radius:12px;font-weight:760}
.btn-small{font-size:12px;min-height:36px;padding:8px 12px}
.icon-button,.theme-toggle{width:42px;height:42px;border-radius:12px}
.stat-card{padding:22px;border-radius:19px}
.stat-top{font-size:14px;font-weight:650}
.stat-card>strong{font-size:35px;letter-spacing:-1.7px;margin:17px 0 5px}
.stat-card>small{font-size:12px}
.panel-card{padding:27px;border-radius:21px}
.panel-head h3{font-size:20px;letter-spacing:-.5px}
.panel-head p{font-size:14px;line-height:1.55}
th{font-size:12px;letter-spacing:.075em;padding:15px 14px}
td{font-size:15px;padding:16px 14px;line-height:1.45}
td strong{font-size:15px}
td small,.cell-sub{font-size:12px}
label{font-size:14px;font-weight:720;gap:8px}
input,select,textarea{font-size:15px;min-height:49px;border-radius:11px;padding:12px 14px}
textarea{min-height:105px}
.form-grid{gap:19px}
.search-box{min-height:48px;border-radius:12px}
.search-box input{font-size:15px;min-height:44px}
.status{font-size:11px;padding:6px 10px;font-weight:800}
.person-cell strong,.catalog-info strong{font-size:15px}
.person-cell small,.catalog-info small{font-size:12px}
.modal-card{border-radius:22px;padding:28px}
.modal-head h2{font-size:24px;letter-spacing:-.7px}
.modal-form{gap:20px}
.app-footer{font-size:12px}
.store-hero-v2{min-height:340px;padding:52px 55px;border-radius:26px}
.store-hero-copy h2{font-size:clamp(40px,4.5vw,58px);line-height:1.02;letter-spacing:-2.7px}
.store-hero-copy>p{font-size:16px;line-height:1.7;max-width:530px}
.domain-finder-v2{padding:34px 38px;gap:32px}
.domain-finder-copy h2{font-size:clamp(30px,3vw,40px);line-height:1.08;letter-spacing:-1.5px}
.domain-finder-copy>p{font-size:15px;line-height:1.65}
.domain-search-form label{font-size:15px}
.domain-search-form small{font-size:12px;line-height:1.55}
.store-section-head h2{font-size:31px;letter-spacing:-1.2px}
.store-section-head p{font-size:15px}
.store-product-card-v2{padding:24px;border-radius:20px;min-height:275px}
.store-product-card-v2 h3{font-size:20px;letter-spacing:-.55px}
.store-product-card-v2>p{font-size:14px;line-height:1.6}
.store-price-block strong{font-size:23px}
.store-price-block small{font-size:11px}
.store-product-icon{width:54px;height:54px;border-radius:16px}
.store-filter{font-size:13px;padding:10px 16px}
.cart-line-v2{padding:20px 0;gap:17px}
.cart-line-main strong{font-size:16px}
.cart-line-main small{font-size:12px}
.cart-line-price strong{font-size:18px}
.cart-total{font-size:43px;letter-spacing:-2px}
.gateway-label,.gateway-hint{font-size:13px;line-height:1.6}
.client-service-card h3{font-size:20px}
.client-service-card p,.service-meta{font-size:14px}
.service-details-grid small{font-size:12px}.service-details-grid strong{font-size:14px}
.client-kanban-card{padding:19px}
.kanban-card-top strong{font-size:15px}
.result-count{font-size:12px}
.toast{font-size:14px;padding:15px 18px}
:root[data-theme="dark"]{
  --bg:#101322;--surface:#171b2e;--surface-2:#1c2137;--surface-3:#252b44;
  --text:#f2f4ff;--muted:#b3bad0;--subtle:#828ba7;--line:#2d3450;--line-strong:#414968;
  --green:#a99aff;--green-dark:#b8adff;--green-soft:#2d2b4a;
  --purple:#ad9fff;--purple-soft:#302d4e;--shadow:0 18px 48px rgba(0,0,0,.24);
}
:root[data-theme="dark"] body{background:radial-gradient(ellipse at 86% 0%,rgba(116,98,255,.11),transparent 35%),var(--bg)}
:root[data-theme="dark"] .topbar{background:rgba(22,26,44,.92);border-color:#2d3450}
:root[data-theme="dark"] .btn-secondary{background:#222841;border-color:#3a4261;color:#e7eaff}
:root[data-theme="dark"] .store-product-card-v2,:root[data-theme="dark"] .gateway-card{background:#191e32;border-color:#303852}
:root[data-theme="dark"] .domain-finder-v2{background:linear-gradient(135deg,#1b2037,#252344);border-color:#37365d}
:root[data-theme="dark"] .store-hero-v2{background:linear-gradient(120deg,#171d34,#25254a 75%,#2b2857)}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#11162a;color:#f2f4ff;border-color:#38415f}
:root[data-theme="dark"] .search-box{background:#11162a;border-color:#38415f}
:root[data-theme="dark"] .search-box input{background:transparent}
:root[data-theme="dark"] th{color:#aeb7d2}
@media(max-width:1150px){.topbar{padding:0 28px}.page-container{padding:34px 28px 30px}}
@media(max-width:820px){.sidebar{width:270px}.main-area{margin-left:0;width:100%}.topbar{height:70px;padding:0 20px}.page-container{padding:28px 20px}.store-hero-v2{padding:38px 32px}.store-hero-copy h2{font-size:clamp(36px,7vw,48px)}}
@media(max-width:560px){html,body{font-size:15px}.topbar{padding:0 14px}.page-container{padding:24px 14px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:32px}.page-heading p{font-size:15px}.stats-grid,.stats-grid.client-stats{gap:10px}.stat-card{padding:16px}.stat-card>strong{font-size:29px}.panel-card{padding:18px}.store-hero-v2{padding:31px 23px;min-height:0}.store-hero-copy h2{font-size:39px}.store-hero-copy>p{font-size:15px}.domain-finder-v2{padding:24px 19px}.domain-finder-copy h2{font-size:30px}.store-section-head h2{font-size:27px}.store-product-card-v2{padding:20px;min-height:0}.store-product-card-v2 h3{font-size:19px}.btn{font-size:13px}.modal-card{padding:20px}}
.auth-shop-link{display:inline-flex;margin-top:11px;color:var(--accent,#6555df);font-weight:800;text-decoration:none}.auth-shop-link:hover{text-decoration:underline}


/* Domain pricing, shop appearance and checkout status polish */
.tld-rate-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tld-rate-fields>div{min-width:0;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.tld-rate-fields label{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--text)}
.tld-rate-fields input{width:100%;min-width:0}
.tld-prices{display:grid;gap:5px;font-size:11px;color:var(--muted)}
.tld-prices span{display:flex;justify-content:space-between;gap:12px}
.tld-prices b{color:var(--text);font-weight:800}
.tld-url-list{display:grid;gap:4px;margin-top:6px;max-width:300px}
.tld-url-list code{display:block;overflow-wrap:anywhere;white-space:normal;color:var(--muted);font-size:10px}
.shop-settings-form{max-width:1040px}
.shop-settings-form .form-grid{gap:18px}
.shop-slides-admin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shop-slides-admin>h3,.shop-slides-admin>p{grid-column:1/-1;margin-bottom:0}
.shop-slide-admin{min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.shop-slide-admin h4{margin:0 0 12px;font-size:14px}
.checkout-success-card{max-width:820px;margin:0 auto}
.status-pending_payment,.status-quote_pending{background:#fff4db;color:#98620a}
.payment-instructions{margin-top:6px;font-size:11px}
.payment-instructions summary{cursor:pointer;color:var(--purple);font-weight:750}
.payment-instructions p{max-width:260px;white-space:pre-wrap;line-height:1.5;color:var(--muted)}
@media(max-width:900px){.tld-rate-fields{grid-template-columns:1fr}.shop-slides-admin{grid-template-columns:1fr}}

.login-mode-help{font-size:11px;color:var(--muted);line-height:1.55}


/* SWHM Lite 1.6.0 - refined, restrained hosting-management UI */
:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#f8fafc;--text:#172333;--muted:#667487;--line:#e3e8ef;--primary:#174f88;--primary-hover:#103e70;--shadow-soft:0 8px 26px rgba(17,34,51,.055)}
body{background:var(--bg);color:var(--text)}
.sidebar{background:#142235!important;border-right:1px solid #203148!important}
.side-brand{padding:24px 22px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.brand-mark{background:#fff!important;color:#142235!important;border-radius:10px!important;overflow:hidden}
.brand-logo{display:block;width:100%;height:100%;object-fit:contain;padding:3px}
.side-brand strong{font-size:15px!important;letter-spacing:-.2px}
.side-brand small{color:#aab7c6!important}
.side-nav{padding:18px 12px!important;gap:5px!important}
.nav-label{color:#8493a7!important;letter-spacing:.11em!important;font-size:10px!important;padding:16px 12px 7px!important}
.nav-item{border-radius:8px!important;min-height:42px!important;color:#c5d0dd!important;font-weight:500!important}
.nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.nav-item.active{background:#263c56!important;color:#fff!important;box-shadow:inset 3px 0 #8bb7df!important}
.main-area{background:var(--bg)!important}
.topbar{height:76px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;padding:0 34px!important;backdrop-filter:blur(10px)}
.breadcrumb{font-size:13px!important;color:#718094!important}.breadcrumb strong{color:#1d2a3a!important;font-weight:600}
.page-container{max-width:1480px!important;padding:34px 42px 54px!important}
.page-heading{margin-bottom:27px!important;align-items:flex-end!important}.page-heading h1{font-size:30px!important;letter-spacing:-.8px!important;font-weight:700!important;color:#172333!important}.page-heading p{font-size:14px!important;color:#748196!important;line-height:1.6}
.panel-card,.stat-card,.service-card,.gateway-card,.catalog-row,.store-product-card{border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;background:var(--surface)!important}
.panel-card{padding:24px!important}.panel-head{border-bottom:1px solid #edf0f4!important;margin-bottom:17px!important;padding-bottom:15px!important}
.panel-head h3,.panel-card h3{color:#1b293a!important;font-size:16px!important;letter-spacing:-.2px}
.btn{border-radius:8px!important;font-weight:600!important;box-shadow:none!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important}.btn-primary{background:#174f88!important;border-color:#174f88!important;color:#fff!important}.btn-primary:hover{background:#103e70!important;border-color:#103e70!important;transform:translateY(-1px)}.btn-secondary{background:#fff!important;border:1px solid #d7dee7!important;color:#25364a!important}.btn-secondary:hover{background:#f6f8fa!important;border-color:#bfcbd8!important}
input,select,textarea{border:1px solid #d6dee8!important;border-radius:8px!important;background:#fff!important;color:#1c2a3a!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{outline:3px solid rgba(23,79,136,.12)!important;border-color:#4779a9!important}
table thead th{background:#f7f9fb!important;color:#667487!important;font-size:11px!important;letter-spacing:.07em!important;text-transform:uppercase!important;border-bottom:1px solid var(--line)!important}table tbody td{border-bottom:1px solid #edf0f4!important;padding:15px 13px!important;color:#354458!important}table tbody tr:hover{background:#fafbfd!important}
.status{border-radius:999px!important;font-weight:600!important;font-size:11px!important;padding:5px 9px!important}
.app-footer{border-top:1px solid var(--line)!important;color:#8490a0!important;background:transparent!important;padding:20px 42px!important}
.topbar-right{gap:12px!important}.account-menu-wrap{position:relative}.account-menu-trigger{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;background:transparent;padding:7px 10px;color:var(--text);cursor:pointer}.account-menu-trigger:hover,.account-menu-trigger[aria-expanded=true]{background:#f4f7fa;border-color:#e0e6ed}.account-menu-trigger .avatar{width:36px;height:36px;border-radius:50%;background:#e8eef5;color:#244362;display:grid;place-items:center;font-weight:700}.account-menu-name{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.account-menu-name strong{font-size:13px}.account-menu-name small{font-size:11px;color:var(--muted)}.account-menu{position:absolute;top:calc(100% + 12px);right:0;width:310px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 48px rgba(15,30,48,.16);padding:10px;z-index:500}.account-menu[hidden]{display:none}.account-secure-note{display:flex;align-items:center;gap:11px;padding:13px 11px 15px;border-bottom:1px solid #edf0f4;margin-bottom:6px}.account-secure-note>span{width:34px;height:34px;border-radius:9px;background:#eef5f1;color:#347653;display:grid;place-items:center}.account-secure-note div{display:flex;flex-direction:column;gap:3px;flex:1}.account-secure-note strong{font-size:12px}.account-secure-note small{font-size:11px;color:var(--muted)}.account-secure-note>b{font-size:10px;color:#30724e;background:#edf7f0;border-radius:20px;padding:4px 7px}.account-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:11px 10px;border:0;border-radius:8px;background:transparent;color:#304155;text-align:left;font:inherit;font-size:13px;cursor:pointer}.account-menu-item:hover{background:#f4f7fa}.account-menu-divider{height:1px;background:#edf0f4;margin:7px 0}.logout-account{color:#9b3535}.account-theme-switch{padding:12px 10px 8px}.account-theme-switch>span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.account-theme-switch>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.account-theme-switch button{font-size:11px;border:1px solid #e0e6ed;background:#fff;color:#536174;border-radius:7px;padding:7px 3px;cursor:pointer}.account-theme-switch button.active{background:#eaf1f7;color:#174f88;border-color:#b8cbdd;font-weight:700}
.bill-number-link,.domain-inline-link{padding:0;border:0;background:none;color:#174f88;font:inherit;font-weight:700;cursor:pointer;text-align:left}.bill-number-link:hover,.domain-inline-link:hover{text-decoration:underline}.invoice-preview{max-width:820px;margin:0 auto;padding:8px 4px 2px}.invoice-topline{display:flex;justify-content:space-between;gap:25px;padding:12px 2px 24px;border-bottom:1px solid var(--line)}.invoice-topline h2{margin:7px 0;font-size:22px}.invoice-number{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:6px}.invoice-number small,.invoice-meta small,.invoice-item-head{font-size:10px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase}.invoice-number strong{font-size:21px}.invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 2px;border-bottom:1px solid var(--line)}.invoice-meta div,.domain-details-grid div{display:flex;flex-direction:column;gap:6px}.invoice-meta strong,.domain-details-grid strong{font-size:13px}.invoice-items{padding:20px 2px}.invoice-item-head,.invoice-item-row{display:flex;justify-content:space-between;gap:16px;padding:12px 14px}.invoice-item-head{background:#f6f8fa}.invoice-item-row{border:1px solid #edf0f4;border-top:0;font-size:13px}.invoice-total{display:flex;justify-content:flex-end;align-items:center;gap:28px;padding:17px 14px;border-top:1px solid var(--line);font-size:15px}.invoice-total strong{font-size:22px}.invoice-payment-instructions{margin:10px 2px;padding:14px;background:#f8fafc;border:1px solid var(--line);border-radius:9px}.invoice-payment-instructions p{white-space:pre-wrap;color:#536174;font-size:13px}.invoice-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:20px}.invoice-footnote{font-size:11px;color:#7f8a98;margin:16px 2px 0}.domain-details-head{padding:8px 0 18px;border-bottom:1px solid var(--line)}.domain-details-head h2{font-size:25px;margin:8px 0 12px}.domain-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px 0}.domain-details-grid small,.domain-price-summary small{font-size:11px;color:var(--muted)}.domain-price-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;background:#f7f9fb;border:1px solid var(--line);border-radius:9px}.domain-price-summary div{display:flex;flex-direction:column;gap:5px}.domain-price-summary strong{font-size:13px}.domain-price-summary>small{grid-column:1/-1}.brand-settings-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;padding:6px 0 20px}.brand-settings-section h3{margin:8px 0}.brand-settings-section p{font-size:13px;color:var(--muted);line-height:1.6}.brand-settings-fields{display:grid;grid-template-columns:1fr;gap:14px}.brand-logo-preview{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.brand-logo-preview img{max-width:190px;max-height:64px;object-fit:contain;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.section-divider{height:1px;background:var(--line);margin:10px 0 22px}
@media(max-width:800px){.page-container{padding:23px 16px 40px!important}.topbar{padding:0 16px!important}.account-menu-name{display:none}.account-menu{width:min(310px,calc(100vw - 28px));right:-7px}.invoice-meta{grid-template-columns:1fr 1fr}.brand-settings-section{grid-template-columns:1fr}.invoice-topline{flex-direction:column}.invoice-number{align-items:flex-start}.domain-details-grid{grid-template-columns:1fr 1fr}}
html[data-theme="dark"]{--bg:#111a26;--surface:#172333;--surface-2:#1b293a;--text:#e7edf4;--muted:#9aaabd;--line:#2b3a4c}html[data-theme="dark"] .main-area{background:var(--bg)!important}html[data-theme="dark"] .topbar,html[data-theme="dark"] .account-menu,html[data-theme="dark"] .panel-card,html[data-theme="dark"] .stat-card{background:#172333!important;border-color:#2b3a4c!important}html[data-theme="dark"] .breadcrumb strong,html[data-theme="dark"] .page-heading h1,html[data-theme="dark"] .panel-head h3,html[data-theme="dark"] .panel-card h3,html[data-theme="dark"] .invoice-topline h2{color:#e7edf4!important}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .account-theme-switch button{background:#111a26!important;color:#e7edf4!important;border-color:#34465c!important}html[data-theme="dark"] .account-menu-item,html[data-theme="dark"] .account-menu-trigger{color:#dce5ef}html[data-theme="dark"] .account-menu-item:hover{background:#223247}html[data-theme="dark"] .invoice-item-head,html[data-theme="dark"] .domain-price-summary,html[data-theme="dark"] .invoice-payment-instructions{background:#1d2b3c;border-color:#34465c}html[data-theme="dark"] .invoice-item-row{border-color:#34465c}

/* SWHM Lite 1.6.0 finishing details */
.brand-mark:has(.brand-logo){background:transparent!important;box-shadow:none!important;padding:0!important;overflow:hidden}.brand-logo{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.tld-prices,.domain-tld-prices,.shop-domain-pricing{display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px}.tld-prices>span,.domain-tld-prices>span,.shop-domain-pricing>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.invoice-item-row>span{display:flex;flex-direction:column;gap:5px}.invoice-item-row small{font-size:11px;color:var(--muted)}.account-menu{color:#253344}

/* SWHM Lite 1.7 — functional polish, accessible sizing and refined interactions */
:root{--brand-primary:var(--green);--brand-secondary:var(--green-dark)}
.btn-primary{background:var(--green);box-shadow:0 5px 14px color-mix(in srgb,var(--green) 18%,transparent);color:#fff}
.btn-primary:hover{background:var(--brand-secondary);filter:saturate(1.04)}
.nav-item.active{background:color-mix(in srgb,var(--green) 11%,var(--surface));color:var(--brand-secondary)}
.nav-dot{background:var(--green)}
.page-heading h1{font-size:clamp(23px,2vw,28px);letter-spacing:-.8px}
.page-heading p{font-size:12px;line-height:1.55}
.panel-head h3,.panel-card h3{letter-spacing:-.25px}
.btn,.icon-button,.nav-item,.notification-trigger,.account-menu-item{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 9px 20px color-mix(in srgb,var(--green) 20%,transparent)}
.brand-color-pickers{display:flex;align-items:end;gap:18px;flex-wrap:wrap;padding:4px 0 2px}
.brand-color-pickers label{display:grid;gap:8px;color:var(--text);font-size:11px;font-weight:700}
.brand-color-pickers input[type=color]{width:100px;height:40px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);padding:3px;cursor:pointer}
.brand-color-pickers small{color:var(--muted);font-size:10px;flex:1 1 250px}
.store-inline-config{margin:18px 0 24px;border-color:color-mix(in srgb,var(--green) 20%,var(--line));box-shadow:0 12px 35px rgba(20,25,40,.06);animation:storeConfigIn .28s ease both}
.store-inline-config .panel-head{align-items:flex-start}
.store-inline-config .panel-head h3{font-size:19px;margin:0}
.store-inline-config .panel-head p{font-size:11px;margin:5px 0 0}
.store-inline-config-form{display:grid;gap:16px}
.store-domain-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.store-domain-option{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid var(--line-strong);border-radius:11px;cursor:pointer;background:var(--surface);transition:.18s ease}
.store-domain-option:has(input:checked){border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 10%,transparent)}
.store-domain-option input{margin-top:3px;accent-color:var(--green)}
.store-domain-option strong,.store-domain-option small{display:block}
.store-domain-option strong{font-size:11px}
.store-domain-option small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}
.store-domain-feedback{font-size:11px;color:var(--muted)}
.store-domain-step-actions{display:flex;justify-content:flex-start}
.store-inline-config-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:12px;border-top:1px solid var(--line)}
.store-epp-field[hidden]{display:none!important}
.store-inline-config input,.store-inline-config textarea,.store-inline-config select{max-width:100%}
@keyframes storeConfigIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.notification-wrap{position:relative}
.notification-trigger{width:39px;height:39px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);display:grid;place-items:center;position:relative}
.notification-trigger:hover{color:var(--text);background:var(--surface-2)}
.notification-trigger b{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#d64f58;color:white;font-size:9px;display:grid;place-items:center;border:2px solid var(--surface)}
.notification-trigger b[hidden]{display:none}
.notification-panel{position:absolute;right:0;top:48px;width:min(390px,calc(100vw - 28px));max-height:520px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 55px rgba(18,24,36,.16);z-index:60;padding:12px;animation:storeConfigIn .16s ease both}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 6px 12px;border-bottom:1px solid var(--line)}
.notification-panel-head strong{font-size:13px}
.notification-panel-head .text-button{font-size:10px}
.notification-item{width:100%;display:flex;align-items:flex-start;gap:11px;padding:12px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--text);border-radius:8px}
.notification-item:hover{background:var(--surface-2)}
.notification-item.is-read{opacity:.65}
.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;margin-top:5px}
.notification-item.is-read .notification-dot{background:var(--line-strong)}
.notification-item strong,.notification-item small,.notification-item time{display:block}
.notification-item strong{font-size:11px}
.notification-item small{font-size:10px;line-height:1.45;color:var(--muted);margin-top:3px}
.notification-item time{font-size:9px;color:var(--subtle);margin-top:5px}
.notification-empty{padding:25px 8px;text-align:center;font-size:11px;color:var(--muted)}
.ticket-thread-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);align-items:start;gap:16px}
.ticket-thread-card{min-width:0}
.ticket-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.ticket-thread-head h2{font-size:18px;margin:0;letter-spacing:-.45px}
.ticket-thread-head p{font-size:11px;color:var(--muted);margin:5px 0 0}
.ticket-conversation-page{display:flex;flex-direction:column;gap:12px;max-height:none;overflow:visible;padding:18px 0 0}
.ticket-message{padding:14px 15px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);max-width:92%}
.ticket-message.staff-message{margin-left:auto;background:color-mix(in srgb,var(--green) 7%,var(--surface));border-color:color-mix(in srgb,var(--green) 16%,var(--line))}
.ticket-message .message-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}
.ticket-message .message-meta strong{color:var(--text)}
.ticket-message p{font-size:12px;line-height:1.65;white-space:normal;margin:9px 0 0;overflow-wrap:anywhere}
.ticket-reply-card{position:sticky;top:90px;display:grid;gap:13px}
.ticket-reply-card label,.ticket-compose label{display:grid;gap:7px;font-size:11px;font-weight:700}
.ticket-reply-card textarea,.ticket-compose textarea{width:100%;border:1px solid var(--line-strong);border-radius:9px;padding:11px;background:var(--surface-2);color:var(--text);resize:vertical}
.ticket-upload{display:grid;gap:7px;font-size:11px;font-weight:700}
.ticket-upload input[type=file]{padding:10px;border:1px dashed var(--line-strong);border-radius:9px;background:var(--surface-2);width:100%;font-size:10px}
.ticket-upload small{font-size:9px;color:var(--muted);font-weight:400}
.ticket-attachment-link{display:inline-flex;flex-direction:column;gap:6px;margin-top:9px;font-size:10px;color:var(--brand-secondary);max-width:min(100%,420px)}
.ticket-attachment-link img{max-width:100%;max-height:250px;object-fit:contain;border-radius:9px;border:1px solid var(--line)}
.ticket-compose{display:grid;gap:15px}
.ticket-compose-actions{display:flex;justify-content:flex-end;gap:9px}
.domain-quick-register{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr);align-items:center;gap:20px;margin-bottom:16px}
.domain-quick-register h3{font-size:17px;margin:0}
.domain-quick-register p{font-size:11px;line-height:1.6;color:var(--muted);margin:6px 0 0}
.domain-quick-form{display:flex;align-items:end;gap:9px}
.domain-quick-field{flex:1;min-width:0;display:grid;gap:6px}
.domain-quick-field label{font-size:10px;font-weight:700}
.domain-quick-field input{height:42px;width:100%;padding:0 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-2);color:var(--text)}
.quick-domain-result{grid-column:1/-1;margin-top:4px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}
.quick-domain-result>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.quick-domain-result>p{margin:7px 0;font-size:10px}
.domain-quick-cart{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.domain-quick-cart label{font-size:10px;font-weight:700;display:grid;gap:5px}
.domain-quick-cart select,.domain-quick-cart input{min-height:36px;padding:6px 9px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text)}
@media(max-width:820px){.ticket-thread-layout{grid-template-columns:1fr}.ticket-reply-card{position:static}.domain-quick-register{grid-template-columns:1fr}}
@media(max-width:560px){.store-domain-options{grid-template-columns:1fr}.store-inline-config-actions{flex-direction:column-reverse}.store-inline-config-actions .btn{width:100%}.domain-quick-form{align-items:stretch;flex-direction:column}.domain-quick-form .btn{width:100%}.notification-panel{position:fixed;top:66px;right:10px}.ticket-message{max-width:100%}.ticket-thread-head{flex-direction:column}}


/* Balanced type scale and clearer controls — SWHM Lite */
.page-heading h1{font-size:clamp(24px,2.2vw,28px);letter-spacing:-.8px}
.page-heading p{font-size:12px;line-height:1.6}
.nav-item{font-size:12px;min-height:39px}
.nav-section-label{font-size:10px;letter-spacing:.08em}
.panel-head h3,.panel-card h3{font-size:14px}
.panel-head p,.panel-card>p{font-size:11px;line-height:1.55}
table th,.data-table th{font-size:10px;letter-spacing:.025em}
table td,.data-table td{font-size:12px;line-height:1.45}
.btn,.icon-button{font-size:11px;font-weight:650;min-height:36px}
.form-group label,.stack-form label,.modal-form label,.field-label{font-size:11px;line-height:1.4}
input,select,textarea{font-size:12px}
.table-toolbar input,.search-box input{font-size:12px}
.badge,.status-pill,.table-status{font-size:10px}
.account-menu-item{font-size:12px}
.ticket-thread-head h2{font-size:19px}
.ticket-message p{font-size:12px}
.store-inline-config .panel-head h3{font-size:17px}
.store-domain-option strong{font-size:12px}
.store-domain-option small{font-size:10px}
.notification-item strong{font-size:12px}
.notification-item small{font-size:11px}
@media(max-width:760px){.page-heading h1{font-size:24px}.panel-head h3,.panel-card h3{font-size:14px}table td,.data-table td{font-size:11px}.btn{min-height:38px}}


/* SWHM Lite 1.7.1 — financial dashboard */
.income-dashboard{margin:0 0 24px;overflow:hidden;position:relative}
.income-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.income-dashboard-head .eyebrow{color:var(--brand-secondary);font-weight:800;letter-spacing:.12em;font-size:10px}
.income-dashboard-head h2{font-size:21px;margin:7px 0 4px;color:var(--text);letter-spacing:-.5px}
.income-dashboard-head p{margin:0;color:var(--muted);font-size:12px}
.income-main-total{display:grid;gap:5px;text-align:right;min-width:220px}
.income-main-total small{font-size:10px;color:var(--muted)}
.income-main-total strong{font-size:clamp(22px,3vw,31px);letter-spacing:-1px;color:var(--text);font-variant-numeric:tabular-nums}
.income-chart-area{padding:20px 0 16px}
.income-chart-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.income-chart-title>div{display:grid;gap:4px}.income-chart-title strong{font-size:13px;color:var(--text)}.income-chart-title small{font-size:10px;color:var(--muted)}
.income-current-chip{font-size:10px;font-weight:750;color:var(--brand-secondary);background:color-mix(in srgb,var(--green) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 20%,var(--line));padding:7px 10px;border-radius:30px;white-space:nowrap}
.income-chart{height:170px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;border-bottom:1px solid var(--line);padding:5px 8px 0}
.income-month{display:grid;grid-template-rows:20px minmax(0,1fr) 20px;justify-items:center;gap:5px;min-width:0}
.income-bar-value{font-size:9px;color:var(--muted);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.income-bar-track{width:min(42px,76%);height:100%;display:flex;align-items:flex-end;border-radius:7px 7px 0 0;background:color-mix(in srgb,var(--green) 6%,var(--surface-2));overflow:hidden}
.income-bar-fill{display:block;width:100%;height:var(--bar-height);min-height:3px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--green) 75%,#fff),var(--brand-secondary));transform-origin:bottom;animation:incomeBarRise .85s cubic-bezier(.2,.8,.25,1) both;animation-delay:var(--bar-delay,0ms);box-shadow:0 0 18px color-mix(in srgb,var(--green) 17%,transparent)}
.income-month>small{font-size:10px;color:var(--muted);font-weight:700}
.income-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:15px;border-top:1px solid var(--line)}
.income-summary-grid>div{display:grid;gap:5px;min-width:0}.income-summary-grid small{font-size:10px;color:var(--muted)}.income-summary-grid strong{font-size:17px;color:var(--text);font-variant-numeric:tabular-nums}.income-summary-grid span{font-size:10px;color:var(--muted);line-height:1.4}
.income-currency-row{display:flex;align-items:center;gap:8px 15px;flex-wrap:wrap;padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}.income-currency-row>small{width:100%;font-size:10px;color:var(--muted)}.income-currency-row>span{font-size:11px;color:var(--text)}.income-currency-row b{color:var(--brand-secondary)}
@keyframes incomeBarRise{from{transform:scaleY(.04);opacity:.35}to{transform:scaleY(1);opacity:1}}
.form-message:empty{display:none}.form-message.error{color:#b43d49;background:#fff3f2;border:1px solid #f3d5d2;padding:9px 11px;border-radius:8px;font-size:12px;line-height:1.45;margin-bottom:12px}.form-message.success{color:#24734d;background:#eff8f0;padding:9px 11px;border-radius:8px;font-size:12px;margin-bottom:12px}
html[data-theme="dark"] .form-message.error{background:#321f25;border-color:#694048;color:#ffb8b6}html[data-theme="dark"] .form-message.success{background:#1d3329;color:#9fdfb6}
@media(max-width:700px){.income-dashboard-head{display:grid}.income-main-total{text-align:left;min-width:0}.income-chart{gap:6px;padding-left:0;padding-right:0;height:150px}.income-bar-value{font-size:8px}.income-summary-grid{grid-template-columns:1fr 1fr}.income-summary-grid>div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.income-bar-fill{animation:none!important}}


/* SWHM Lite 1.7.2 — customer store: separate domain operations and hosting plans */
.client-store-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 34px}
.client-store-entry{appearance:none;text-align:left;display:flex;align-items:center;gap:15px;min-width:0;border:1px solid var(--line);border-radius:15px;padding:19px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.client-store-entry:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 14px 32px rgba(35,42,28,.09)}
.client-store-entry-icon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center;background:var(--green-soft);color:var(--green-dark)}
.client-store-entry-copy{display:grid;gap:5px;min-width:0}.client-store-entry-copy small{font-size:8px;font-weight:850;letter-spacing:1px;color:var(--subtle)}.client-store-entry-copy strong{font-size:14px;letter-spacing:-.25px}.client-store-entry-copy em{font-size:10px;color:var(--muted);font-style:normal;line-height:1.45}.client-store-entry-arrow{margin-left:auto;color:var(--subtle);flex:0 0 auto}
.client-store-product-section{margin:28px 0}.client-store-product-section .store-section-head{margin-bottom:17px}.client-store-entry-hosting{border-color:color-mix(in srgb,var(--green) 32%,var(--line))}
.client-domain-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.client-domain-overlay{position:fixed;inset:0;z-index:10000;background:var(--bg);overflow:auto;display:grid;place-items:start center;padding:clamp(14px,3vw,34px);animation:clientDomainIn .22s ease both}
.client-domain-flow-card{width:min(850px,100%);min-height:calc(100vh - 2 * clamp(14px,3vw,34px));background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.13);overflow:hidden}
.client-domain-flow-top{height:76px;padding:0 clamp(18px,4vw,38px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.client-domain-flow-brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:12px}.client-domain-flow-brand .brand-mark{width:34px;height:34px;font-size:18px}
.client-domain-flow-body{width:min(620px,calc(100% - 38px));margin:0 auto;padding:clamp(32px,7vh,72px) 0 40px}.client-domain-flow-body>.eyebrow{color:var(--green-dark)}.client-domain-flow-body h1{font-size:clamp(30px,5vw,46px);line-height:1.08;letter-spacing:-1.8px;margin:13px 0}.client-domain-flow-body>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 30px}
.client-domain-flow-step{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-bottom:21px}.client-domain-flow-step>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:850}.client-domain-flow-step div{display:grid;gap:4px}.client-domain-flow-step strong{font-size:11px}.client-domain-flow-step small{font-size:10px;color:var(--muted)}
.client-domain-search-form{display:grid;gap:9px}.client-domain-search-form>label,.client-domain-epp{font-size:10px;font-weight:750}.client-domain-search-row{display:flex;gap:9px}.client-domain-search-row input,.client-domain-epp input{height:49px;min-width:0;flex:1;border:1px solid var(--line-strong);border-radius:10px;padding:0 14px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;outline:none}.client-domain-search-row input:focus,.client-domain-epp input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.client-domain-search-form>small{font-size:9px;color:var(--muted)}
.client-domain-loading{display:flex;gap:12px;align-items:center;padding:24px 8px;color:var(--muted);font-size:11px}.client-domain-result{padding:19px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.client-domain-result.is-error{border-color:color-mix(in srgb,var(--red) 45%,var(--line));background:var(--red-soft)}.client-domain-result.is-success{border-color:color-mix(in srgb,var(--green) 50%,var(--line));background:var(--surface)}.client-domain-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-domain-result-head>span{display:flex;align-items:center;gap:8px;color:var(--green-dark);font-size:12px;font-weight:800}.client-domain-result-head>strong{font-size:12px}.client-domain-result>p,.client-domain-result>strong{font-size:11px;line-height:1.65}.client-domain-result>p{color:var(--muted);margin:9px 0 14px}.client-domain-result form{display:grid;gap:12px}.client-domain-epp{display:grid;gap:7px}.client-domain-epp input{width:100%;box-sizing:border-box;margin-top:7px}.client-domain-epp small{font-size:9px;color:var(--muted);font-weight:450}.client-domain-flow-security{display:flex;gap:7px;align-items:center;margin-top:30px;padding-top:16px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
.client-domain-flow-open{overflow:hidden}
@keyframes clientDomainIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.client-store-entry-grid{grid-template-columns:1fr}.client-store-entry{padding:15px}.client-domain-flow-card{min-height:calc(100vh - 28px)}}
@media(max-width:560px){.client-domain-overlay{padding:0}.client-domain-flow-card{min-height:100vh;border:0;border-radius:0}.client-domain-flow-top{height:66px}.client-domain-flow-body{padding:38px 0 28px}.client-domain-search-row{flex-direction:column}.client-domain-search-row .btn{width:100%}.client-domain-result-head{align-items:flex-start;flex-direction:column}.client-domain-quick-actions .btn{flex:1}.client-store-entry-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.client-domain-overlay{animation:none}.client-store-entry{transition:none}}


/* SWHM Lite 1.7.4 — billing status controls and shop recovery and ticket workflow controls */
.status-pending_payment,.status-pending_quote,.status-pending_registration,.status-pending_transfer{background:rgba(224,155,38,.12);color:#9a6700;border-color:rgba(224,155,38,.25)}
.ticket-status-select{min-width:145px;max-width:190px;padding:8px 30px 8px 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:.84rem;font-weight:600;cursor:pointer}
.bill-status-select{min-width:175px;max-width:220px;padding:8px 28px 8px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
:root[data-theme="dark"] .bill-status-select{background:#171c2b;border-color:var(--line-strong);color:var(--text)}
.ticket-admin-state,.ticket-client-state{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.ticket-admin-state label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem}
.ticket-client-state{justify-content:flex-start;margin-top:8px}
.ticket-closed-note{padding:18px;border:1px solid var(--border);border-radius:12px}
.ticket-closed-note p{color:var(--muted);margin:6px 0 14px}
.domain-inline-link{border:0;background:transparent;padding:0;color:var(--text);font:inherit;font-weight:700;cursor:pointer;text-align:left}
.domain-inline-link:hover{color:var(--accent)}

/* SWHM Lite 1.7.5 — identidad de marca proporcional y pie administrativo */
.side-brand .brand-mark:has(.brand-logo){width:auto!important;height:auto!important;min-width:40px;min-height:40px;max-width:170px;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}
.side-brand .brand-mark:has(.brand-logo):after{display:none!important}
.side-brand .brand-logo{display:block;width:auto!important;height:auto!important;max-width:150px;max-height:48px;object-fit:contain;object-position:left center;padding:0!important}
.app-footer-admin{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.app-footer-legal{min-width:0;max-width:980px;display:grid;gap:5px}
.app-footer-legal>span{font-size:10px;color:#798274}
.app-footer-legal p{margin:0;max-width:980px;font-size:9px;line-height:1.55;color:#92998d}
.app-footer-credit{font-size:10px;letter-spacing:.04em;color:#a2a99c;white-space:nowrap;opacity:.78}
.invoice-brand-logo{display:block;width:auto;height:auto;max-width:180px;max-height:58px;object-fit:contain;object-position:left center;margin:0 0 12px}
.brand-logo-preview img{display:block;width:auto;height:auto;max-width:240px;max-height:90px;object-fit:contain;object-position:left center}
@media(max-width:650px){.app-footer-admin{align-items:flex-start;flex-direction:column;gap:8px}.app-footer-legal p{font-size:8.5px}.side-brand .brand-logo{max-width:125px;max-height:42px}}


/* 1.7.6 — Seguridad, SMTP y A2F */
.security-main-stack{display:grid;gap:18px}
.twofa-setup-card,.mail-settings-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px}
.twofa-setup-card{margin-top:16px}
.twofa-setup-card h3,.mail-settings-card h3{font-size:13px;color:var(--text);margin:0 0 7px}
.twofa-setup-card p,.mail-settings-card .panel-head p{font-size:11px;line-height:1.65;color:var(--muted)}
.twofa-secret{display:block;margin:12px 0;padding:12px;border:1px dashed var(--line-strong);border-radius:9px;background:var(--surface-2);font:600 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;user-select:all}
.twofa-recovery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.twofa-recovery-list code{display:block;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:11px;letter-spacing:.04em}
.twofa-setup-actions,.mail-settings-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:12px}
.twofa-setup-card .notice,.mail-settings-card .notice{margin-top:13px}
.mail-settings-card .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.mail-settings-card .form-help{align-self:end}
.twofa-login-form{display:grid;gap:14px}
.twofa-login-form input{text-align:center;letter-spacing:.25em;font:700 19px ui-monospace,SFMono-Regular,Consolas,monospace}
.twofa-login-form .form-message{min-height:18px}
@media(max-width:560px){.twofa-recovery-list{grid-template-columns:1fr 1fr}.twofa-setup-card,.mail-settings-card{padding:15px}.mail-settings-card .panel-head{display:block}.mail-settings-actions .btn,.twofa-setup-actions .btn{flex:1}.twofa-login-form input{font-size:16px}}
:root[data-theme="dark"] .twofa-secret,:root[data-theme="dark"] .twofa-recovery-list code{background:var(--surface-2);color:var(--text)}


/* 1.7.7 · Service renewal notices and simplified mail settings */
.service-expiry-banner{display:flex;align-items:center;gap:12px;margin:14px 34px 0;padding:11px 14px;border:1px solid #ead9ad;border-radius:12px;background:linear-gradient(110deg,#fffaf0,#fffdf8);color:#73551d;box-shadow:0 3px 12px rgba(92,70,25,.045);animation:rise .2s ease}
.service-expiry-banner[hidden]{display:none}
.expiry-banner-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:#f5e9c9;color:#87621f}
.expiry-banner-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.expiry-banner-copy strong{font-size:12px;font-weight:800;color:#654b1b}
.expiry-banner-copy span{font-size:10px;line-height:1.45;color:#8b7549}
.expiry-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.expiry-banner-link{border:0;background:transparent;color:#80632b;font-size:10px;font-weight:750;cursor:pointer;padding:7px 4px}
.mail-simple-intro{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}
.mail-mode-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);color:var(--accent);flex:0 0 42px}
.mail-simple-intro h3,.panel-subhead h3{margin:0 0 5px;font-size:14px}
.mail-simple-intro p,.panel-subhead p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.mail-delivery-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.mail-smtp-advanced{padding:16px;margin:12px 0 6px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}
.mail-smtp-advanced[hidden]{display:none}
.panel-subhead{margin-bottom:15px}
.mail-settings-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.mail-capability-note{margin-top:8px}
.client-2fa-state{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:750;color:#547b27;white-space:nowrap}
.btn-danger-soft{background:#fff1f0!important;color:#9b3d37!important;border:1px solid #f0cdca!important}
.btn-danger-soft:hover{background:#ffe4e1!important}
.kanban-security-line{margin:0 0 10px}
:root[data-theme="dark"] .service-expiry-banner{background:linear-gradient(110deg,#3a3120,#302a20);border-color:#64502a;color:#f4d99a}
:root[data-theme="dark"] .expiry-banner-copy strong{color:#f4d99a}
:root[data-theme="dark"] .expiry-banner-copy span{color:#d3bd89}
:root[data-theme="dark"] .expiry-banner-icon{background:#554323;color:#f0d38d}
:root[data-theme="dark"] .expiry-banner-link{color:#f0d38d}
:root[data-theme="dark"] .mail-delivery-choice,:root[data-theme="dark"] .mail-smtp-advanced{background:var(--surface-2);border-color:var(--line)}
:root[data-theme="dark"] .btn-danger-soft{background:#432a2a!important;color:#ffb9b2!important;border-color:#75403d!important}
@media(max-width:700px){.service-expiry-banner{margin:10px 12px 0;align-items:flex-start;flex-wrap:wrap}.expiry-banner-copy{flex-basis:calc(100% - 50px)}.expiry-banner-actions{width:100%;justify-content:flex-end}.mail-delivery-choice{align-items:flex-start;flex-direction:column}.mail-settings-actions{flex-direction:column}.mail-settings-actions .btn{width:100%}}
/* 1.7.8 · Corrected release marker for expiry banner and mail preferences */


/* SWHM Lite 1.7.10 — SSO handoff screen (also served from /sso/<id>). */
.sso-body{
  min-height:100vh;display:grid;place-items:center;padding:26px 18px;
  background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--green) 11%,transparent),transparent 58%),var(--bg);
}
.sso-card{
  width:min(100%,460px);margin:auto;padding:clamp(28px,5vw,46px);
  display:flex;flex-direction:column;align-items:stretch;text-align:center;
  background:var(--surface);border:1px solid var(--line);border-radius:20px;
  box-shadow:0 24px 70px rgba(20,28,18,.10);
}
.sso-card .brand-mark{
  width:54px;height:54px;margin:0 auto 23px;border-radius:16px;
  background:var(--green)!important;color:#16200b!important;
  box-shadow:0 10px 26px color-mix(in srgb,var(--green) 25%,transparent);
  font-size:30px;
}
.sso-card .eyebrow{margin:0 0 11px;color:var(--green-dark);font-size:10px;letter-spacing:1.7px}
.sso-card h1{margin:0;color:var(--text);font-size:clamp(23px,4vw,29px);line-height:1.2;letter-spacing:-.8px;font-weight:780;overflow-wrap:anywhere}
#sso-status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:28px;margin:20px 0 23px;color:var(--muted);font-size:13px;line-height:1.5}
#sso-status:before{content:"";width:15px;height:15px;flex:none;border:2px solid var(--line-strong);border-top-color:var(--green-dark);border-radius:50%;animation:sso-spin .8s linear infinite}
@keyframes sso-spin{to{transform:rotate(360deg)}}
.sso-card form{width:100%;margin:0}
.sso-card .btn{width:100%;min-height:46px;font-size:13px;border-radius:11px}
.sso-security-note{margin:22px 0 0;color:var(--muted);font-size:10px;line-height:1.65}
.sso-card .back-link{display:inline-block;margin:22px auto 0;color:var(--muted);font-size:11px;font-weight:650;transition:color .18s ease}
.sso-card .back-link:hover{color:var(--green-dark)}
.sso-noscript{margin:12px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:480px){.sso-body{padding:14px}.sso-card{padding:28px 22px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){#sso-status:before{animation:none}}
:root[data-theme="dark"] .sso-card{background:var(--surface);border-color:var(--line);box-shadow:0 24px 70px rgba(0,0,0,.28)}

/* 1.7.13 — Brand lockup: business name sits below the logo, never inline. */
.sidebar .side-brand{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  position:relative;gap:9px!important;padding:18px 28px 20px!important;margin:0 0 12px!important;
  border-bottom:1px solid var(--line)!important;text-align:center;min-height:112px;
}
.sidebar .side-brand .brand-mark{display:grid;place-items:center;margin:0 auto!important;max-width:100%;}
.sidebar .side-brand .brand-logo{display:block;width:auto!important;height:auto!important;max-width:174px!important;max-height:50px!important;object-fit:contain!important;object-position:center!important;}
.sidebar .side-brand .brand-name-lockup{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;text-align:center;}
.sidebar .side-brand .brand-name-lockup strong{display:block!important;max-width:190px;color:var(--text)!important;font-size:10px!important;line-height:1.35;letter-spacing:.035em!important;font-weight:650!important;overflow-wrap:anywhere;}
.sidebar .side-brand .brand-name-lockup small{display:block!important;margin:0!important;color:var(--muted)!important;font-size:8px!important;line-height:1.3;letter-spacing:.12em!important;text-transform:uppercase;font-weight:600!important;}
.sidebar .side-brand .side-close{position:absolute;right:0;top:3px;margin:0!important;}
.auth-brand,.auth-mobile-brand,.brand-lockup{display:flex;flex-direction:column!important;align-items:center!important;justify-content:center;text-align:center;gap:8px!important;}
.auth-brand .brand-name-lockup,.auth-mobile-brand .brand-name-lockup,.brand-lockup .brand-name-lockup{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;}
.auth-brand .brand-name-lockup strong,.auth-mobile-brand .brand-name-lockup strong,.brand-lockup .brand-name-lockup strong{font-size:11px;line-height:1.35;font-weight:650;letter-spacing:.03em;}
.auth-brand .brand-name-lockup small,.auth-mobile-brand .brand-name-lockup small,.brand-lockup .brand-name-lockup small{font-size:8px;line-height:1.3;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;}
.auth-brand .brand-mark,.auth-mobile-brand .brand-mark,.brand-lockup .brand-mark{margin:0!important;}
.credential-mask-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0;}
.credential-mask-grid>div{min-width:0;padding:11px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;}
.credential-mask-grid small,.credential-value small{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;}
.credential-mask-grid strong{display:block;color:var(--text);font-size:12px;letter-spacing:.12em;overflow-wrap:anywhere;}
.service-credentials{margin-top:13px;padding:14px;border:1px solid var(--line);background:var(--surface);border-radius:12px;}
.service-credentials-head{display:flex;align-items:center;gap:10px;}
.service-credentials-head>div{display:flex;flex-direction:column;gap:3px;}
.service-credentials-head strong{font-size:11px;}
.service-credentials-head small,.service-credentials>p{font-size:9px;color:var(--muted);line-height:1.5;}
.service-credentials-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:9px;background:var(--surface-2);color:var(--green-dark);}
.service-credentials>p{margin:8px 0 11px;}
.credential-revealed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0;}
.credential-value{min-width:0;padding:11px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;}
.credential-value strong{display:block;overflow-wrap:anywhere;font:600 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:text;}
.credential-audit-time{font-size:9px;color:var(--muted);margin:0 0 10px;}
.credential-warning{font-size:11px;line-height:1.65;}
.credential-warning-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--amber-soft);color:var(--amber);margin-bottom:12px;}
.credential-warning h3{font-size:15px;margin:0 0 8px;}
.credential-warning p{margin:0 0 10px;color:var(--muted);}
.credential-warning ul{padding-left:19px;color:var(--muted);}
.client-profile-tabs{display:flex;gap:6px;overflow-x:auto;padding:3px 0 12px;margin-bottom:14px;border-bottom:1px solid var(--line);}
.client-profile-tabs .btn{flex:0 0 auto;}
.client-profile-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;}
.client-profile-summary>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);min-width:0;}
.client-profile-summary small{display:block;color:var(--muted);font-size:9px;margin-bottom:5px;}
.client-profile-summary strong{font-size:13px;overflow-wrap:anywhere;}
.client-profile-section{min-width:0;}
.client-profile-section .table-wrap{overflow-x:auto;}
.client-profile-section .profile-notes{white-space:pre-wrap;line-height:1.7;font-size:11px;color:var(--muted);}
.bill-form-error{display:none;}
@media(max-width:650px){
  .sidebar .side-brand{min-height:100px;padding:15px 25px 16px!important;}
  .sidebar .side-brand .brand-logo{max-width:145px!important;max-height:44px!important;}
  .auth-brand{align-items:center!important;}
  .credential-mask-grid,.credential-revealed-grid{grid-template-columns:1fr;}
  .client-profile-summary{grid-template-columns:1fr 1fr;}
}
:root[data-theme="dark"] .sidebar .side-brand .brand-name-lockup strong{color:#f4f5ff!important;}
:root[data-theme="dark"] .sidebar .side-brand .brand-name-lockup small{color:#9aa2b7!important;}
:root[data-theme="dark"] .credential-mask-grid>div,:root[data-theme="dark"] .credential-value,:root[data-theme="dark"] .client-profile-summary>div{background:var(--surface-2);border-color:var(--line);}

.credential-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0;} .credential-value-grid>div{min-width:0;padding:11px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;} .credential-value-grid small{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;} .credential-value-grid code{display:block;overflow-wrap:anywhere;color:var(--text);font:600 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:text;} @media(max-width:650px){.credential-value-grid{grid-template-columns:1fr;}}

/* Refined client file and authentication brand blocks. */
.auth-brand .brand-mark:has(.brand-logo),.auth-mobile-brand .brand-mark:has(.brand-logo),.brand-lockup .brand-mark:has(.brand-logo){width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:190px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important;}
.auth-brand .brand-logo,.auth-mobile-brand .brand-logo,.brand-lockup .brand-logo{display:block;width:auto!important;height:auto!important;max-width:180px!important;max-height:54px!important;object-fit:contain!important;object-position:center!important;}
.client-profile-shell{min-width:0;}
.client-profile-tabs [role="tab"]{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;padding:9px 12px;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer;}
.client-profile-tabs [role="tab"]:hover{background:var(--surface-2);color:var(--text);}
.client-profile-tabs [role="tab"].active{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 24%,var(--line));color:var(--green-dark);}
.client-profile-tab-body{min-height:185px;}
.client-profile-identity{display:flex;align-items:center;gap:13px;margin-bottom:16px;}
.client-profile-identity h3{font-size:16px;margin:0 0 4px;}
.client-profile-identity p{font-size:10px;color:var(--muted);margin:0 0 4px;}
.client-profile-identity>div:last-child small{font-size:9px;color:var(--muted);}
.client-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.client-profile-fields>div{padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);min-width:0;}
.client-profile-fields small,.client-profile-notes small{display:block;font-size:9px;color:var(--muted);margin-bottom:5px;}
.client-profile-fields strong{font-size:11px;overflow-wrap:anywhere;}
.client-profile-notes{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:9px;}
.client-profile-notes p{font-size:10px;line-height:1.6;white-space:pre-wrap;margin:0;color:var(--muted);}
.client-profile-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:15px;}
.client-profile-metrics>div{padding:12px 9px;text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;}
.client-profile-metrics strong{display:block;font-size:17px;color:var(--text);}
.client-profile-metrics span{display:block;margin-top:3px;color:var(--muted);font-size:9px;}
:root[data-theme="dark"] .client-profile-fields>div,:root[data-theme="dark"] .client-profile-notes,:root[data-theme="dark"] .client-profile-metrics>div{background:var(--surface-2);border-color:var(--line);}
@media(max-width:600px){.client-profile-fields{grid-template-columns:1fr;}.client-profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}.client-profile-tabs [role="tab"]{padding:8px 10px;}}

/* 1.7.14 — Complete client record (WHMCS-style page, no floating dialog). */
.client-file-layout{display:grid;grid-template-columns:minmax(245px,285px) minmax(0,1fr);gap:18px;align-items:start}
.client-file-sidebar{position:sticky;top:88px;padding:20px}
.client-file-identity{text-align:center;padding:8px 4px 17px;border-bottom:1px solid var(--line)}
.client-file-avatar{width:62px;height:62px;margin:0 auto 12px;font-size:19px}
.client-file-identity h2{font-size:17px;line-height:1.25;margin:0;color:var(--text);overflow-wrap:anywhere}
.client-file-identity p{font-size:11px;color:var(--muted);margin:5px 0 9px;overflow-wrap:anywhere}
.client-file-identity>small{display:block;font-size:9px;color:var(--muted);margin-top:8px}
.client-file-status{display:flex;justify-content:center}
.client-file-quickstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:15px 0;border-bottom:1px solid var(--line)}
.client-file-quickstats>div{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:10px;text-align:center;min-width:0}
.client-file-quickstats strong{display:block;font-size:19px;line-height:1.2;color:var(--text)}
.client-file-quickstats span{display:block;margin-top:4px;font-size:9px;color:var(--muted)}
.client-file-contact{padding:15px 0 7px}
.client-file-contact h3{font-size:11px;margin:0 0 10px;color:var(--text)}
.client-file-contact>div{padding:8px 0;border-top:1px solid var(--line);min-width:0}
.client-file-contact>div:first-of-type{border-top:0}
.client-file-contact small{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}
.client-file-contact strong{display:block;color:var(--text);font-size:10px;overflow-wrap:anywhere;font-weight:650}
.client-file-sidebar-actions{display:grid;gap:7px;padding-top:10px;border-top:1px solid var(--line)}
.client-file-main{padding:22px;min-width:0}
.client-file-main-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.client-file-main-heading .eyebrow{margin-bottom:6px}
.client-file-main-heading h2{font-size:19px;letter-spacing:-.45px;color:var(--text);margin:0}
.client-file-main-heading p{font-size:10px;color:var(--muted);margin:5px 0 0;overflow-wrap:anywhere}
.client-file-main-status{flex:none}
.client-profile-tabs{gap:4px;overflow-x:auto;scrollbar-width:thin;padding:2px 0 13px;margin-bottom:17px}
.client-profile-tabs [role="tab"]{flex:0 0 auto;padding:9px 13px;font-size:10px}
.client-profile-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.client-profile-section-heading h3{font-size:13px;color:var(--text);margin:0}
.client-profile-section-heading p{font-size:10px;color:var(--muted);margin:5px 0 0}
.client-profile-note-empty{border:1px dashed var(--line-strong);border-radius:9px;margin-top:12px}
.client-profile-tab-body{min-height:240px}
@media(max-width:980px){.client-file-layout{grid-template-columns:240px minmax(0,1fr);gap:13px}.client-file-sidebar{padding:15px}.client-file-main{padding:17px}}
@media(max-width:760px){.client-file-layout{grid-template-columns:1fr}.client-file-sidebar{position:static}.client-file-quickstats{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.client-file-quickstats>div{padding:8px 4px}.client-file-quickstats strong{font-size:16px}.client-file-quickstats span{font-size:8px}.client-file-contact{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.client-file-contact h3{grid-column:1/-1}.client-file-sidebar-actions{grid-template-columns:1fr 1fr}.page-heading:has(.client-profile-back){align-items:flex-start}}
@media(max-width:560px){.client-file-quickstats{grid-template-columns:repeat(3,minmax(0,1fr))}.client-file-main-heading{align-items:flex-start}.client-file-main-heading h2{font-size:16px}.client-file-main{padding:14px}.client-file-sidebar-actions{grid-template-columns:1fr}.client-file-contact{grid-template-columns:1fr}}

/* 1.7.14 — Consistent, high-contrast admin themes. */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#111510;--surface:#191e18;--surface-2:#20271e;--surface-3:#293226;
  --text:#f1f5ed;--muted:#b2bdab;--subtle:#899782;--line:#35402f;--line-strong:#4a5941;
  --green:#a5d94b;--green-dark:#b7e66b;--green-soft:#2d3b20;
  --purple:#b7c99a;--purple-soft:#303b29;--amber:#e6bd70;--amber-soft:#44391f;
  --red:#ef8b82;--red-soft:#452925;--shadow:0 16px 48px rgba(0,0,0,.28)
}
:root[data-theme="dark"] .main-area{background:var(--bg)!important}
:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .topbar{background:var(--surface)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .side-brand strong,:root[data-theme="dark"] .account-menu-name strong,:root[data-theme="dark"] .breadcrumb strong,:root[data-theme="dark"] .page-heading h1,:root[data-theme="dark"] .panel-head h3,:root[data-theme="dark"] .client-file-identity h2,:root[data-theme="dark"] .client-file-contact h3,:root[data-theme="dark"] .client-file-main-heading h2,:root[data-theme="dark"] .client-profile-section-heading h3{color:var(--text)!important}
:root[data-theme="dark"] .side-brand small,:root[data-theme="dark"] .nav-label,:root[data-theme="dark"] .eyebrow,:root[data-theme="dark"] .page-heading p,:root[data-theme="dark"] .panel-head p,:root[data-theme="dark"] .form-help,:root[data-theme="dark"] .client-file-identity p,:root[data-theme="dark"] .client-file-identity>small,:root[data-theme="dark"] .client-file-contact small,:root[data-theme="dark"] .client-file-main-heading p,:root[data-theme="dark"] .client-profile-section-heading p{color:var(--muted)!important}
:root[data-theme="dark"] .nav-item{color:#c2cdbb!important}
:root[data-theme="dark"] .nav-item.active{background:var(--green-soft)!important;color:#d0f49a!important}
:root[data-theme="dark"] .nav-item:hover{background:var(--surface-3)!important;color:var(--text)!important}
:root[data-theme="dark"] .clients-view-switch,:root[data-theme="dark"] .client-kanban-lane{background:var(--surface-2)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .clients-view-switch button{color:var(--muted)!important}
:root[data-theme="dark"] .clients-view-switch button.active,:root[data-theme="dark"] .client-kanban-card{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .kanban-lane-head h3,:root[data-theme="dark"] .client-kanban-card strong,:root[data-theme="dark"] .client-file-quickstats strong{color:var(--text)!important}
:root[data-theme="dark"] .kanban-card-foot,:root[data-theme="dark"] .kanban-email,:root[data-theme="dark"] .client-file-quickstats span{color:var(--muted)!important}
:root[data-theme="dark"] .client-file-sidebar,:root[data-theme="dark"] .client-file-main{background:var(--surface)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .client-file-quickstats>div,:root[data-theme="dark"] .client-profile-fields>div,:root[data-theme="dark"] .client-profile-notes,:root[data-theme="dark"] .client-profile-metrics>div{background:var(--surface-2)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .client-profile-tabs [role="tab"]{color:#bdc8b5!important}
:root[data-theme="dark"] .client-profile-tabs [role="tab"]:hover{background:var(--surface-2)!important;color:var(--text)!important}
:root[data-theme="dark"] .client-profile-tabs [role="tab"].active{background:var(--green-soft)!important;border-color:#526b35!important;color:#d3f69c!important}
:root[data-theme="dark"] .client-profile-fields small,:root[data-theme="dark"] .client-profile-notes small,:root[data-theme="dark"] .client-profile-notes p,:root[data-theme="dark"] .client-profile-metrics span{color:var(--muted)!important}
:root[data-theme="dark"] .client-profile-fields strong,:root[data-theme="dark"] .client-profile-metrics strong{color:var(--text)!important}
:root[data-theme="dark"] .modal-card,:root[data-theme="dark"] .notification-panel,:root[data-theme="dark"] .account-menu{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}
:root[data-theme="dark"] .notification-item,:root[data-theme="dark"] .account-menu-item{color:var(--text)!important}
:root[data-theme="dark"] .notification-item small,:root[data-theme="dark"] .notification-item time,:root[data-theme="dark"] .account-secure-note small{color:var(--muted)!important}
:root[data-theme="dark"] .stack-form label,:root[data-theme="dark"] .modal-form label,:root[data-theme="dark"] .reply-form label,:root[data-theme="dark"] .install-form label{color:#dce6d5!important}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#8e9a86!important;opacity:1}
:root[data-theme="dark"] .app-footer,:root[data-theme="dark"] .app-footer-legal p{color:#aab5a2!important}
:root[data-theme="dark"] .btn-quiet{color:var(--muted)!important}
:root[data-theme="light"] .client-file-sidebar,:root[data-theme="light"] .client-file-main{background:var(--surface)!important;color:var(--text)!important}
:root[data-theme="light"] .client-profile-tabs [role="tab"].active{color:#42620d!important}

:root[data-theme="light"] .eyebrow,:root[data-theme="light"] .nav-label,:root[data-theme="light"] .subtle-icon{color:#657361!important}
:root[data-theme="light"] .client-profile-tabs [role="tab"].active{color:#3e5c08!important}

/* 1.7.14 — Theme contrast normalization for legacy component styles. */
:root[data-theme="light"] .nav-label,
:root[data-theme="light"] .eyebrow,
:root[data-theme="light"] .subtle-icon{color:#657361!important}
:root[data-theme="light"] table thead th{color:#626d60!important}
:root[data-theme="light"] .app-footer,
:root[data-theme="light"] .app-footer b,
:root[data-theme="light"] .app-footer-legal>span,
:root[data-theme="light"] .app-footer-legal p,
:root[data-theme="light"] .app-footer-credit{color:#657361!important}
:root[data-theme="light"] .stat-card>small{color:#657361!important}
:root[data-theme="light"] .client-profile-tabs [role="tab"].active{color:#3e5c08!important}

:root[data-theme="dark"] body,
:root[data-theme="dark"] .app-shell,
:root[data-theme="dark"] .main-area,
:root[data-theme="dark"] .page-container{background:var(--bg)!important;color:var(--text)!important}
:root[data-theme="dark"] .sidebar,
:root[data-theme="dark"] .topbar,
:root[data-theme="dark"] .panel-card,
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .twofa-setup-card,
:root[data-theme="dark"] .mail-settings-card,
:root[data-theme="dark"] .client-service-card,
:root[data-theme="dark"] .service-mini,
:root[data-theme="dark"] .catalog-list,
:root[data-theme="dark"] .category-panel,
:root[data-theme="dark"] .modal-card,
:root[data-theme="dark"] .notification-panel,
:root[data-theme="dark"] .account-menu{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .panel-card{box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
:root[data-theme="dark"] .side-brand strong,
:root[data-theme="dark"] .account-menu-name strong,
:root[data-theme="dark"] .breadcrumb strong,
:root[data-theme="dark"] .page-heading h1,
:root[data-theme="dark"] .panel-head h3,
:root[data-theme="dark"] .panel-card h3,
:root[data-theme="dark"] .stat-card>strong,
:root[data-theme="dark"] .activity-row strong,
:root[data-theme="dark"] .quick-action strong,
:root[data-theme="dark"] .client-service-card h3,
:root[data-theme="dark"] .modal-head h2,
:root[data-theme="dark"] .category-row strong,
:root[data-theme="dark"] .catalog-info strong,
:root[data-theme="dark"] .service-mini>strong{color:var(--text)!important}
:root[data-theme="dark"] .side-brand small,
:root[data-theme="dark"] .nav-label,
:root[data-theme="dark"] .eyebrow,
:root[data-theme="dark"] .breadcrumb,
:root[data-theme="dark"] .page-heading p,
:root[data-theme="dark"] .panel-head p,
:root[data-theme="dark"] .stat-top,
:root[data-theme="dark"] .stat-card>small,
:root[data-theme="dark"] .activity-row small,
:root[data-theme="dark"] .quick-action small,
:root[data-theme="dark"] .quick-action>b,
:root[data-theme="dark"] .service-mini>small,
:root[data-theme="dark"] .client-help-strip span,
:root[data-theme="dark"] .result-count,
:root[data-theme="dark"] .catalog-info small,
:root[data-theme="dark"] .person-cell small,
:root[data-theme="dark"] .cell-sub,
:root[data-theme="dark"] .muted,
:root[data-theme="dark"] .form-help,
:root[data-theme="dark"] .service-meta,
:root[data-theme="dark"] .security-info p,
:root[data-theme="dark"] .security-point,
:root[data-theme="dark"] .ticket-meta-line,
:root[data-theme="dark"] .message-meta span,
:root[data-theme="dark"] .empty-inline,
:root[data-theme="dark"] .empty-state,
:root[data-theme="dark"] .service-detail-foot,
:root[data-theme="dark"] .invoice-footnote,
:root[data-theme="dark"] .domain-details-grid small,
:root[data-theme="dark"] .domain-price-summary small{color:var(--muted)!important}
:root[data-theme="dark"] .nav-item{color:#d0d9c9!important}
:root[data-theme="dark"] .nav-item.active{background:var(--green-soft)!important;color:#d8f4ae!important}
:root[data-theme="dark"] .nav-item:hover{background:var(--surface-3)!important;color:var(--text)!important}
:root[data-theme="dark"] .btn-secondary,
:root[data-theme="dark"] .btn-quiet,
:root[data-theme="dark"] .icon-button,
:root[data-theme="dark"] .theme-toggle{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .btn-secondary:hover,
:root[data-theme="dark"] .btn-quiet:hover,
:root[data-theme="dark"] .icon-button:hover,
:root[data-theme="dark"] .theme-toggle:hover{background:var(--surface-3)!important;color:var(--text)!important}
:root[data-theme="dark"] .btn-primary{background:var(--green)!important;color:#17200b!important;border-color:var(--green)!important}
:root[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line-strong)!important}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder{color:#a3b099!important;opacity:1}
:root[data-theme="dark"] .stack-form label,
:root[data-theme="dark"] .modal-form label,
:root[data-theme="dark"] .reply-form label,
:root[data-theme="dark"] .install-form label,
:root[data-theme="dark"] .form-grid label,
:root[data-theme="dark"] .brand-color-pickers label{color:#dce6d5!important}
:root[data-theme="dark"] table{color:var(--text)!important;border-color:var(--line)!important}
:root[data-theme="dark"] table thead th{background:var(--surface-2)!important;color:var(--muted)!important;border-color:var(--line)!important}
:root[data-theme="dark"] table tbody td{background:transparent!important;color:#e1e9db!important;border-color:var(--line)!important}
:root[data-theme="dark"] table tbody tr:hover td{background:var(--surface-2)!important}
:root[data-theme="dark"] .table-wrap,
:root[data-theme="dark"] .table-toolbar,
:root[data-theme="dark"] .clients-view-switch,
:root[data-theme="dark"] .client-kanban-lane,
:root[data-theme="dark"] .client-kanban-card,
:root[data-theme="dark"] .catalog-row,
:root[data-theme="dark"] .category-row,
:root[data-theme="dark"] .service-details-grid>div,
:root[data-theme="dark"] .client-profile-fields>div,
:root[data-theme="dark"] .client-profile-summary>div,
:root[data-theme="dark"] .client-profile-metrics>div,
:root[data-theme="dark"] .client-file-quickstats>div{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .clients-view-switch button,
:root[data-theme="dark"] .client-profile-tabs [role="tab"]{color:#c8d3bf!important}
:root[data-theme="dark"] .clients-view-switch button.active,
:root[data-theme="dark"] .client-profile-tabs [role="tab"].active{background:var(--green-soft)!important;color:#d8f4ae!important;border-color:#526b35!important}
:root[data-theme="dark"] .status{background:var(--surface-3)!important;color:#d7e0d0!important;border-color:var(--line)!important}
:root[data-theme="dark"] .status-active,
:root[data-theme="dark"] .status-paid,
:root[data-theme="dark"] .status-open{background:#263b21!important;color:#c7ee9a!important}
:root[data-theme="dark"] .status-suspended,
:root[data-theme="dark"] .status-cancelled,
:root[data-theme="dark"] .status-closed,
:root[data-theme="dark"] .status-inactive{background:#343a32!important;color:#d0d6ca!important}
:root[data-theme="dark"] .status-expired,
:root[data-theme="dark"] .status-overdue,
:root[data-theme="dark"] .status-high{background:#452925!important;color:#ffb4aa!important}
:root[data-theme="dark"] .status-in_progress,
:root[data-theme="dark"] .status-unpaid,
:root[data-theme="dark"] .status-normal,
:root[data-theme="dark"] .status-pending_payment,
:root[data-theme="dark"] .status-pending_quote{background:#44391f!important;color:#f0d18e!important}
:root[data-theme="dark"] .status-transferred{background:#303b29!important;color:#d1dfb8!important}
:root[data-theme="dark"] .notice-error{background:#452925!important;color:#ffc0b8!important;border-color:#75403d!important}
:root[data-theme="dark"] .form-message.error{color:#ffaaa1!important}
:root[data-theme="dark"] .form-message.success{color:#c3ed91!important}
:root[data-theme="dark"] .notice-success{background:#263b21!important;color:#c7ee9a!important;border-color:#456335!important}
:root[data-theme="dark"] .service-expiry-banner{background:#3a3120!important;color:#f4d99a!important;border-color:#64502a!important}
:root[data-theme="dark"] .expiry-banner-copy strong,
:root[data-theme="dark"] .expiry-banner-copy span,
:root[data-theme="dark"] .expiry-banner-link{color:#f4d99a!important}
:root[data-theme="dark"] .preview-banner,
:root[data-theme="dark"] .preview-readonly-note{background:#44391f!important;color:#f0d18e!important;border-color:#6e592d!important}
:root[data-theme="dark"] .app-footer,
:root[data-theme="dark"] .app-footer b,
:root[data-theme="dark"] .app-footer-legal>span,
:root[data-theme="dark"] .app-footer-legal p,
:root[data-theme="dark"] .app-footer-credit{color:#b2bdab!important}
:root[data-theme="dark"] .security-hint{background:#303b29!important;color:#d1dfb8!important;border-color:#526b35!important}
:root[data-theme="dark"] .service-credentials,
:root[data-theme="dark"] .credential-warning,
:root[data-theme="dark"] .credential-value-grid>div,
:root[data-theme="dark"] .mail-delivery-choice,
:root[data-theme="dark"] .mail-smtp-advanced{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
.client-file-layout{width:100%;grid-template-columns:minmax(250px,290px) minmax(0,1fr);gap:20px}
.client-file-main{min-height:520px}
.client-profile-tabs{border-bottom:1px solid var(--line);}
@media(max-width:760px){.client-file-layout{grid-template-columns:minmax(0,1fr)}.client-file-sidebar{position:relative;top:auto}.client-file-main{min-height:0}}


/* 1.7.16 — Temas equilibrados: claro conserva la identidad previa; oscuro negro mate.
   El menú lateral conserva SIEMPRE su acabado azul noche/violeta original. */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#000000;
  --surface:#000000;
  --surface-2:#090909;
  --surface-3:#111111;
  --text:#ffffff;
  --muted:#d0d0d0;
  --subtle:#a8a8a8;
  --line:#2c2c2c;
  --line-strong:#4a4a4a;
  --green:#ffffff;
  --green-dark:#ffffff;
  --green-soft:#171717;
  --purple:#c6baff;
  --purple-soft:#191625;
  --amber:#e8d4a7;
  --amber-soft:#211d14;
  --red:#f0b0b0;
  --red-soft:#241616;
  --shadow:none;
}

/* El lateral no participa en el cambio de tema: conserva el diseño azul noche/violeta. */
#app .sidebar{
  background:linear-gradient(180deg,#10172b 0%,#151b33 58%,#191a36 100%)!important;
  color:#f7f8ff!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:8px 0 30px rgba(12,18,39,.07)!important;
}
#app .sidebar .side-brand{border-bottom:1px solid rgba(255,255,255,.09)!important}
#app .sidebar .side-brand .brand-name-lockup,
#app .sidebar .side-brand .brand-name-lockup strong{color:#f7f8ff!important;background:transparent!important}
#app .sidebar .side-brand .brand-name-lockup small{color:#aab4cf!important;background:transparent!important}
#app .sidebar .brand-mark:not(:has(.brand-logo)){
  background:linear-gradient(145deg,#8b7bff,#4d8df7)!important;
  color:#ffffff!important;
  box-shadow:0 7px 22px rgba(107,89,235,.36)!important;
}
#app .sidebar .nav-label{color:#9aa6c5!important;background:transparent!important}
#app .sidebar .nav-item{color:#c4cce0!important;background:transparent!important}
#app .sidebar .nav-item:hover{background:rgba(255,255,255,.08)!important;color:#ffffff!important}
#app .sidebar .nav-item.active{
  background:linear-gradient(100deg,rgba(114,93,245,.30),rgba(68,134,246,.15))!important;
  color:#f0edff!important;
  box-shadow:inset 3px 0 0 #9887ff!important;
}
#app .sidebar .nav-icon{color:inherit!important}
#app .sidebar .side-bottom{border-top-color:rgba(255,255,255,.12)!important}
#app .sidebar .secure-note{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important}
#app .sidebar .secure-note strong{color:#f0f2ff!important}
#app .sidebar .secure-note small{color:#aab4cf!important}
#app .sidebar .secure-icon{background:rgba(119,102,255,.2)!important;color:#c5bbff!important}
#app .sidebar .logout-item{color:#e1c2d0!important}
#app .sidebar .side-close{color:#ffffff!important}

/* En tema oscuro, solo el área de trabajo cambia a negro mate. */
:root[data-theme="dark"] body,
:root[data-theme="dark"] #app,
:root[data-theme="dark"] #app .app-shell,
:root[data-theme="dark"] #app .main-area,
:root[data-theme="dark"] #app .page-container,
:root[data-theme="dark"] #app .topbar,
:root[data-theme="dark"] #app .app-footer{
  background:#000000!important;
  color:#ffffff!important;
}
:root[data-theme="dark"] #app .topbar,
:root[data-theme="dark"] #app .app-footer{border-color:#292929!important}
:root[data-theme="dark"] #app .main-area :is(h1,h2,h3,h4,h5,strong,b,label,p,span,small,td,th,li,dt,dd,summary,caption,code){color:#ffffff!important}
:root[data-theme="dark"] #app .main-area :is(.muted,.eyebrow,.form-help,.cell-sub,.result-count,.page-heading p,.panel-head p,.stat-top,.stat-card>small,.person-cell small,.service-meta,.ticket-meta-line,.message-meta span,.empty-inline,.empty-state,.service-detail-foot,.invoice-footnote,.domain-details-grid small,.domain-price-summary small){color:#c2c2c2!important}
:root[data-theme="dark"] #app .main-area :is(.panel-card,.stat-card,.twofa-setup-card,.mail-settings-card,.client-service-card,.service-mini,.catalog-list,.category-panel,.client-file-sidebar,.client-file-main,.account-menu,.dropdown-menu,.notification-panel,.notification-panel .notification-item,.clients-view-switch,.client-kanban-lane,.client-kanban-card,.catalog-row,.category-row,.service-details-grid>div,.client-profile-fields>div,.client-profile-summary>div,.client-profile-metrics>div,.client-file-quickstats>div,.client-help-strip,.table-wrap,.table-toolbar,.service-credentials,.credential-warning,.credential-value-grid>div,.mail-delivery-choice,.mail-smtp-advanced){background:#000000!important;color:#ffffff!important;border-color:#303030!important;box-shadow:none!important}
:root[data-theme="dark"] #app .main-area table,
:root[data-theme="dark"] #app .main-area table thead th,
:root[data-theme="dark"] #app .main-area table tbody td,
:root[data-theme="dark"] #app .main-area table tbody tr,
:root[data-theme="dark"] #app .main-area table tbody tr:hover td{background:#000000!important;color:#ffffff!important;border-color:#303030!important}
:root[data-theme="dark"] #app .main-area input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
:root[data-theme="dark"] #app .main-area select,
:root[data-theme="dark"] #app .main-area textarea,
:root[data-theme="dark"] #modal-overlay .modal-card input,
:root[data-theme="dark"] #modal-overlay .modal-card select,
:root[data-theme="dark"] #modal-overlay .modal-card textarea{
  background:#000000!important;color:#ffffff!important;border:1px solid #555555!important;
}
:root[data-theme="dark"] #app .main-area input::placeholder,
:root[data-theme="dark"] #app .main-area textarea::placeholder{color:#aaaaaa!important;opacity:1}
:root[data-theme="dark"] #app .main-area .btn-secondary,
:root[data-theme="dark"] #app .main-area .btn-quiet,
:root[data-theme="dark"] #app .main-area .icon-button,
:root[data-theme="dark"] #app .main-area .theme-toggle,
:root[data-theme="dark"] #app .main-area .clients-view-switch button,
:root[data-theme="dark"] #app .main-area .client-profile-tabs [role="tab"]{
  background:#000000!important;color:#ffffff!important;border-color:#444444!important;
}
:root[data-theme="dark"] #app .main-area .btn-primary{
  background:linear-gradient(115deg,#6d5be9,#6554db)!important;color:#ffffff!important;border-color:#6d5be9!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] #app .main-area .clients-view-switch button.active,
:root[data-theme="dark"] #app .main-area .client-profile-tabs [role="tab"].active{
  background:#171323!important;color:#e8e2ff!important;border-color:#6554a8!important;
}
:root[data-theme="dark"] #app .main-area .status,
:root[data-theme="dark"] #app .main-area .notice,
:root[data-theme="dark"] #app .main-area .security-hint,
:root[data-theme="dark"] #app .main-area .preview-banner,
:root[data-theme="dark"] #app .main-area .preview-readonly-note,
:root[data-theme="dark"] #app .main-area .service-expiry-banner{
  background:#090909!important;color:#ffffff!important;border:1px solid #3a3a3a!important;
}
:root[data-theme="dark"] #app .main-area a,
:root[data-theme="dark"] #app .main-area .table-link{color:#d4caff!important}
:root[data-theme="dark"] #app .main-area :focus-visible{outline:2px solid #b9aaff!important;outline-offset:2px}
:root[data-theme="dark"] #modal-overlay .modal-card,
:root[data-theme="dark"] #app .account-menu,
:root[data-theme="dark"] #app .notification-panel{background:#000000!important;color:#ffffff!important;border-color:#383838!important}
:root[data-theme="dark"] #app .account-menu-item,
:root[data-theme="dark"] #app .notification-item{color:#ffffff!important}
:root[data-theme="dark"] #app .account-menu-item:hover,
:root[data-theme="dark"] #app .notification-item:hover{background:#111111!important}

/* El nombre comercial sigue debajo del logotipo y conserva contraste sobre el lateral fijo. */
#app .sidebar .brand-name-lockup strong{color:#f7f8ff!important}
#app .sidebar .brand-name-lockup small{color:#aab4cf!important}
:root[data-theme="light"] #app .auth-brand .brand-name-lockup strong,
:root[data-theme="light"] #app .auth-mobile-brand .brand-name-lockup strong,
:root[data-theme="light"] #app .brand-lockup .brand-name-lockup strong{color:#171821!important}
:root[data-theme="light"] #app .auth-brand .brand-name-lockup small,
:root[data-theme="light"] #app .auth-mobile-brand .brand-name-lockup small,
:root[data-theme="light"] #app .brand-lockup .brand-name-lockup small{color:#6d7180!important}
:root[data-theme="dark"] #app .auth-brand .brand-name-lockup strong,
:root[data-theme="dark"] #app .auth-mobile-brand .brand-name-lockup strong,
:root[data-theme="dark"] #app .brand-lockup .brand-name-lockup strong{color:#ffffff!important}
:root[data-theme="dark"] #app .auth-brand .brand-name-lockup small,
:root[data-theme="dark"] #app .auth-mobile-brand .brand-name-lockup small,
:root[data-theme="dark"] #app .brand-lockup .brand-name-lockup small{color:#c2c2c2!important}

:root[data-theme="dark"] #app .auth-panel,
:root[data-theme="dark"] #app .auth-card,
:root[data-theme="dark"] #app .install-card,
:root[data-theme="dark"] #app .sso-card,
:root[data-theme="dark"] #app .simple-auth{background:#000000!important;color:#ffffff!important;border-color:#303030!important}
:root[data-theme="dark"] #app .auth-panel h2,
:root[data-theme="dark"] #app .auth-card h1,
:root[data-theme="dark"] #app .install-card h1{color:#ffffff!important}
:root[data-theme="dark"] #app .auth-panel>.muted,
:root[data-theme="dark"] #app .auth-bottom{color:#c2c2c2!important}