:root{--bg:#080b11;--surface:#0f141d;--surface-2:#141b26;--surface-3:#1a2330;--line:#273244;--line-soft:#1c2634;--text:#f7f9fc;--muted:#8e9bad;--accent:#66e6a5;--accent-strong:#2fd582;--accent-soft:rgba(102,230,165,.12);--blue:#72a8ff;--blue-soft:rgba(114,168,255,.12);--danger:#ff7181;--danger-soft:rgba(255,113,129,.12);--warning:#ffc968;--radius:18px;--radius-sm:12px;--shadow:0 24px 80px rgba(0,0,0,.34);--sidebar:250px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.2em}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.1;margin-bottom:12px}h2{font-size:28px;letter-spacing:-.03em;margin-bottom:0}h3{font-size:19px;letter-spacing:-.015em;margin-bottom:0}small{color:var(--muted)}
.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% -10%,rgba(102,230,165,.16),transparent 42%),radial-gradient(circle at 10% 90%,rgba(114,168,255,.08),transparent 35%),var(--bg)}.login-card{width:min(440px,100%);border:1px solid var(--line);background:linear-gradient(145deg,rgba(21,28,39,.98),rgba(10,14,20,.98));border-radius:28px;padding:42px;box-shadow:var(--shadow)}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--accent),#9af7c6);color:#07110b;font-weight:950;font-size:28px;margin-bottom:26px;box-shadow:0 14px 38px rgba(102,230,165,.2)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:19px;margin:0}.form-error{color:var(--danger);margin:14px 0 0;min-height:20px}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line-soft);background:linear-gradient(180deg,#0d121a,#090d13);display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 26px}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{color:var(--muted);font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#aeb8c8;border-radius:12px;padding:12px 13px;text-align:left;font-weight:700;transition:.18s ease}.nav-item span{width:22px;color:#718096;font-size:17px}.nav-item:hover{background:rgba(255,255,255,.04);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active span{color:var(--accent)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line-soft);padding:18px 9px 2px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.text-button{grid-column:1/-1;border:0;background:transparent;color:var(--muted);text-align:left;padding:10px 0 0}.text-button:hover{color:var(--text)}
.main{min-width:0}.topbar{position:sticky;top:0;z-index:35;min-height:96px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(39,50,68,.72);background:rgba(8,11,17,.86);backdrop-filter:blur(18px)}.page-heading{min-width:0}.top-actions{display:flex;align-items:center;gap:10px}.mobile-menu{display:none!important}.content{padding:30px 32px 56px;max-width:1680px;margin:0 auto}.button{border:1px solid transparent;border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text);font-weight:780;line-height:1;min-height:40px;transition:transform .14s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.48;cursor:not-allowed}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#06110b;box-shadow:0 8px 22px rgba(47,213,130,.18)}.button.secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}.button.secondary:hover{background:var(--surface-3);border-color:#35445a}.button.ghost{background:transparent;border-color:var(--line);color:#c5cedb}.button.danger{background:var(--danger-soft);border-color:rgba(255,113,129,.24);color:#ff9daa}.button.small{min-height:34px;padding:7px 11px;border-radius:9px;font-size:12px}.button.wide{width:100%}.button-icon{font-size:17px}
.stack{display:grid;gap:17px}label{display:grid;gap:8px;color:#cbd3df;font-size:12px;font-weight:750}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:11px;background:#0c1119;color:var(--text);padding:12px 13px;outline:none;transition:border .15s ease,box-shadow .15s ease}textarea{resize:vertical;min-height:94px}input:focus,textarea:focus,select:focus{border-color:rgba(102,230,165,.72);box-shadow:0 0 0 4px rgba(102,230,165,.08)}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint{margin:0;padding:12px 14px;border:1px solid rgba(114,168,255,.18);background:var(--blue-soft);border-radius:11px;color:#afc9f5;font-size:12px;line-height:1.5}
.card{border:1px solid var(--line-soft);background:linear-gradient(145deg,var(--surface),#0c1118);border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.12)}.section{margin-top:28px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.empty{min-height:180px;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:16px;margin-bottom:7px}
.table-wrap{width:100%;overflow:auto;border:1px solid var(--line-soft);border-radius:16px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:14px 15px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle}th{position:sticky;top:0;background:#111721;color:#748196;font-size:10px;letter-spacing:.11em;text-transform:uppercase;z-index:2}td{font-size:13px}tr:last-child td{border-bottom:0}tbody tr{transition:background .12s ease}tbody tr:hover{background:rgba(255,255,255,.022)}td strong,td small{display:block}td small{margin-top:5px;max-width:360px}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.code{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;word-break:break-all}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;text-transform:capitalize;background:#202937;color:#bcc7d6}.pill.healthy,.pill.active{background:var(--accent-soft);color:var(--accent)}.pill.offline,.pill.disabled{background:var(--danger-soft);color:#ff98a5}.pill.checking,.pill.warning{background:rgba(255,201,104,.12);color:var(--warning)}.progress{height:4px;background:#222c3a;border-radius:99px;margin-top:9px;overflow:hidden;min-width:90px}.progress span{display:block;height:100%;background:var(--accent);border-radius:inherit}.order-summary{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-edit-button{margin-top:8px}
.modal{width:min(650px,calc(100vw - 28px));max-height:calc(100vh - 34px);padding:0;border:1px solid var(--line);border-radius:22px;background:#0e141d;color:var(--text);box-shadow:var(--shadow);overflow:hidden}.modal::backdrop{background:rgba(2,4,8,.76);backdrop-filter:blur(7px)}.wide-modal{width:min(1080px,calc(100vw - 28px))}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px}.modal-head{border-bottom:1px solid var(--line-soft)}.modal-actions{border-top:1px solid var(--line-soft);justify-content:flex-end;background:#0b1017}.modal-body{padding:22px;max-height:calc(100vh - 172px);overflow:auto}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);display:inline-grid;place-items:center}.icon-button:hover{background:var(--surface-3)}.icon-button.tiny{width:29px;height:29px;border-radius:8px;font-size:12px}.danger-icon{color:var(--danger)}
.form-section{display:grid;gap:15px;border:1px solid var(--line-soft);border-radius:15px;background:rgba(255,255,255,.015);padding:17px}.form-section-title{display:flex;align-items:center;gap:11px;margin-bottom:1px}.form-section-title>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:900;font-size:12px}.form-section-title div{display:grid;gap:2px}.form-section-title strong{font-size:13px}.form-section-title small{font-size:11px}.compact-section{padding-bottom:17px}.quick-options{display:flex;gap:8px;flex-wrap:wrap}
.count-badge{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:5px 9px!important;white-space:nowrap}.credential-row{display:grid;grid-template-columns:120px 120px 180px minmax(250px,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line-soft)}
#toast{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:9px}.toast-item{max-width:420px;padding:13px 15px;border:1px solid rgba(102,230,165,.24);background:#10231a;color:#d7f9e7;border-radius:11px;box-shadow:var(--shadow);font-size:12px}.toast-item.error{border-color:rgba(255,113,129,.28);background:#271218;color:#ffd7dc}.mobile-backdrop{display:none}
@media(max-width:1100px){.content{padding:25px 22px}.topbar{padding:21px 22px}}
@media(max-width:760px){:root{--sidebar:280px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar);transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 60px rgba(0,0,0,.45)}.sidebar.open{transform:translateX(0)}.mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:45}.mobile-menu{display:inline-grid!important;flex:0 0 auto}.topbar{min-height:80px;padding:17px 16px}.top-actions .button span:not(.button-icon){display:none}.content{padding:20px 14px 44px}.section-head{align-items:flex-start;flex-direction:column}.grid-two{grid-template-columns:1fr}.modal-body{padding:16px}.modal-head,.modal-actions{padding:16px}.credential-row{grid-template-columns:1fr;align-items:start}.login-card{padding:30px 24px}.top-actions{gap:7px}.button{padding:10px 12px}.page-heading h2{font-size:23px}}
@media(max-width:430px){.quick-options{display:grid;grid-template-columns:1fr 1fr}}

.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.quick-action-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface);color:var(--text);padding:15px;text-align:left}.quick-action-card>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:18px}.quick-action-card div{display:grid;gap:3px}.quick-action-card strong{font-size:12px}.quick-action-card small{font-size:10px}.quick-action-card i{font-style:normal;color:#607086}.quick-action-card:hover{border-color:#34455b;background:var(--surface-2)}@media(max-width:760px){.quick-action-grid{grid-template-columns:1fr}}


.users-table th{white-space:nowrap}.users-table td{vertical-align:middle}.users-table-wrap{border-radius:16px}.user-identity{display:flex;align-items:center;gap:11px;min-width:190px}.user-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(102,230,165,.18),rgba(94,151,255,.14));border:1px solid rgba(102,230,165,.22);font-weight:900;color:var(--accent)}.user-identity>div,.watching-cell>div{display:grid;gap:3px}.status-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;background:var(--surface-2);font-size:11px;text-transform:capitalize;font-weight:800}.status-chip i,.online-indicator i{width:7px;height:7px;border-radius:50%;background:#687387}.status-chip.active i,.online-indicator.is-online i{background:var(--accent);box-shadow:0 0 0 4px rgba(102,230,165,.1)}.status-chip.disabled i{background:#ff7181}.online-indicator{display:grid;grid-template-columns:9px auto;align-items:center;column-gap:7px;min-width:86px}.online-indicator small{grid-column:2}.watching-cell{display:flex;align-items:center;gap:9px;max-width:220px}.watching-cell>span{width:30px;height:30px;border-radius:9px;background:rgba(94,151,255,.12);display:grid;place-items:center;color:#8cb9ff}.watching-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.copy-access{display:flex;gap:7px}.copy-chip{border:1px solid var(--line);background:#0d141e;color:#dbe4f0;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:850;white-space:nowrap}.copy-chip:hover{border-color:var(--accent);background:var(--accent-soft)}.copy-chip span{color:var(--accent);margin-left:4px}.location-cell{display:grid;gap:3px;min-width:95px}.location-unknown{font-weight:750}.settings-button{display:inline-flex;align-items:center;gap:7px;border:1px solid #35445a;background:#111a26;color:#eef4fb;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:850;white-space:nowrap}.settings-button:hover{border-color:var(--accent);background:var(--accent-soft)}.settings-button span{color:var(--accent)}
.user-settings-modal{width:min(520px,calc(100vw - 24px))}.settings-panel{display:grid;gap:18px}.settings-user-summary{display:flex;align-items:center;gap:13px;border:1px solid var(--line-soft);background:linear-gradient(145deg,#101823,#0b1119);border-radius:15px;padding:14px}.settings-avatar{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:17px;font-weight:900}.settings-user-summary>div{display:grid;gap:4px}.settings-action-grid{display:grid;gap:8px}.settings-action{width:100%;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:11px;border:1px solid var(--line-soft);background:#0b1119;color:var(--text);border-radius:13px;padding:11px 12px;text-align:left;transition:.14s ease}.settings-action:hover{transform:translateY(-1px);border-color:#3a4c65;background:#101925}.settings-action>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--accent);font-weight:900}.settings-action>div{display:grid;gap:3px}.settings-action strong{font-size:12px}.settings-action small{font-size:10px}.settings-action i{font-style:normal;color:#77879c;font-size:20px}.danger-setting:hover{border-color:rgba(255,113,129,.45);background:var(--danger-soft)}.danger-setting>span,.danger-setting strong{color:#ff8d9a}.compact-modal{width:min(460px,calc(100vw - 24px))}
.priority-track{display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:5px 2px 10px;scrollbar-width:thin}.priority-country-card{position:relative;flex:0 0 156px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:8px;border:1px solid var(--line-soft);background:linear-gradient(145deg,#101823,#0b1119);border-radius:14px;padding:11px;cursor:grab;transition:.14s ease}.priority-country-card:hover{border-color:#435774;transform:translateY(-1px)}.priority-country-card.dragging{opacity:.45;border-color:var(--accent)}.priority-rank{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:900}.priority-flag{font-size:28px;line-height:1}.priority-name{display:grid;gap:3px;padding-right:20px}.priority-name strong{font-size:11px}.priority-name small{font-size:9px}.priority-controls{grid-column:1/-1;display:flex;gap:5px;border-top:1px solid var(--line-soft);padding-top:8px}.mini-control{flex:1;height:27px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:7px;font-size:14px}.mini-control:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mini-control.remove:hover{border-color:#ff7181;color:#ff7181}.priority-arrow{display:grid;place-items:center;color:#506079;font-size:14px;flex:0 0 12px}.priority-empty{border:1px dashed var(--line);border-radius:13px;padding:24px;text-align:center;color:var(--muted)}
@media(max-width:900px){.users-table{min-width:1050px}.priority-country-card{flex-basis:145px}}


.quick-action-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.quick-action-grid.two-up{grid-template-columns:1fr}}
.users-table-wrap{overflow:auto;border:1px solid var(--line-soft);background:var(--surface);}
.users-table{min-width:980px}
.users-table th{font-size:11px;color:#9fb0c7;text-transform:uppercase;letter-spacing:.04em}
.users-table td{padding-top:14px;padding-bottom:14px}
.user-identity{min-width:220px;align-items:flex-start}
.user-avatar{margin-top:2px}
.user-note-line,.user-expiry-line{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}
.status-chip,.online-indicator,.settings-button,.copy-chip{white-space:nowrap}
.watching-pill{display:inline-flex;align-items:center;gap:10px;max-width:220px;padding:8px 10px;border:1px solid var(--line-soft);background:#0d141d;border-radius:12px}
.watching-pill>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(94,151,255,.12);font-size:13px}
.watching-pill strong{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}
.watching-pill small{display:block;font-size:10px;color:var(--muted)}
.compact-muted{font-size:12px;color:var(--muted)}
.copy-access{flex-wrap:wrap}
.copy-chip{padding:9px 11px;border-radius:10px}
.location-cell{min-width:135px}
.connected-country{display:flex;align-items:flex-start;gap:10px}
.connected-flag{font-size:22px;line-height:1}
.connected-country strong{display:block;font-size:12px}
.connected-country small{display:block;font-size:10px;color:var(--muted)}
.settings-button{padding:10px 13px;border-radius:12px}




.count-badge{font-size:11px!important;padding:6px 10px!important}



.country-priority-simple{display:grid;gap:10px}
.country-priority-item{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(180deg,#101823,#0c1118);cursor:grab;transition:.16s ease}
.country-priority-item:hover{border-color:#3c4f66;transform:translateY(-1px)}
.country-priority-item.dragging{opacity:.45;border-color:var(--accent)}
.drag-handle{border:0;background:transparent;color:#7f91a8;font-size:16px;cursor:grab;padding:0 2px}
.priority-rank-badge{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:900}
.priority-country-main{display:flex;align-items:center;gap:12px;min-width:0}
.priority-country-flag{font-size:24px;line-height:1}
.priority-country-text{min-width:0}.priority-country-text strong{display:block;font-size:13px}.priority-country-text small{display:block;font-size:11px;color:var(--muted)}
.priority-country-actions{display:flex;gap:8px}
.mini-control{min-width:34px;height:34px;border-radius:10px;font-size:13px}
.modern-empty{display:grid;gap:6px;padding:24px;border-style:dashed}
.modern-empty strong{font-size:14px}.modern-empty span{font-size:12px;color:var(--muted)}





.user-settings-modal .settings-action-grid{gap:12px}
.user-settings-modal .settings-action{border-radius:16px;padding:14px}
@media(max-width:1100px){}
@media(max-width:760px){
  .users-table{min-width:860px}
  
  .country-priority-item{grid-template-columns:auto auto minmax(0,1fr);}
  .priority-country-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid var(--line-soft);padding-top:10px}
  
  .watching-pill{max-width:180px}
}
@media(max-width:520px){
  
  .user-note-line,.user-expiry-line{max-width:170px}
  .country-priority-item{padding:11px}
}



.search-result-badge{padding:7px 11px;border:1px solid rgba(102,230,165,.22);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:850;white-space:nowrap}
.smart-search-icon{position:absolute;left:15px;color:var(--accent);font-size:20px;z-index:2}.search-clear{position:absolute;right:10px;width:27px;height:27px;border:0;border-radius:8px;background:#1a2431;color:#aab7c8;font-size:17px}.search-clear:hover{background:#263447;color:#fff}.search-mode{height:48px;border-radius:14px;background:#0b1119}

mark{padding:0 2px;border-radius:3px;background:rgba(255,210,89,.24);color:#ffe39a}
@media(max-width:760px){}


.simple-user-search{position:relative;display:flex;align-items:center;max-width:760px;margin:0 auto 10px;border:1px solid #3b4e65;background:linear-gradient(180deg,#111b28,#0d151f);border-radius:18px;box-shadow:0 16px 44px rgba(0,0,0,.18)}
.simple-user-search>span{position:absolute;left:17px;color:var(--accent);font-size:21px;pointer-events:none}
.simple-user-search input{height:56px;border:0!important;background:transparent!important;padding:0 50px 0 50px;font-size:14px;box-shadow:none!important}
.simple-user-search input:focus{outline:none}.simple-user-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(102,230,165,.08)}
.simple-user-search .search-clear{right:14px}
.users-summary-line{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:15px;color:var(--muted);font-size:11px}.users-summary-line strong{color:var(--text);font-size:13px}
.users-table{min-width:1240px}.users-table td{padding-top:12px;padding-bottom:12px}
.watching-name{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;color:#d9e4f1}
.expiry-date{display:inline-flex;padding:6px 9px;border:1px solid var(--line-soft);border-radius:9px;background:#0d141d;font-size:11px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.note-preview{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#d4deeb}.note-preview.empty{color:#65748a}
.user-identity>div>small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#718096}
.connected-country{min-width:135px}.connected-flag{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#111b27;border:1px solid var(--line-soft)}
.settings-button{font-size:10px;padding:9px 11px}
.edit-details-modal{max-width:680px}.details-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:4px}.details-secondary-actions .button{justify-content:center}
.section{border-radius:18px}.quick-action-grid.two-up{max-width:900px}
@media(max-width:760px){.simple-user-search{margin:0 0 10px}.simple-user-search input{font-size:12px}.details-secondary-actions{grid-template-columns:1fr}.users-table{min-width:1120px}}


.simple-user-search{max-width:520px;margin:0 auto 8px;border-radius:14px}
.simple-user-search>span{left:14px;font-size:17px}
.simple-user-search input{height:44px;padding:0 42px 0 40px;font-size:12px}
.simple-user-search .search-clear{right:9px;width:25px;height:25px}
.users-summary-line{margin-bottom:10px;font-size:11px}
.visible-password{display:block;color:#aebbd0!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px!important;margin-top:3px}
.credential-url{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-all;line-height:1.45}
@media(max-width:760px){
  .simple-user-search{max-width:none;margin:0 0 8px}
  .credential-url{max-width:100%}
}



.mac-code{display:inline-block;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#0b1119;color:#d8e5f1;font-size:12px;letter-spacing:.06em}@media(max-width:760px){}


.users-table-wrap{border-radius:18px;overflow:auto;background:#0c1119;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.users-table{min-width:1180px;table-layout:fixed;border-collapse:separate;border-spacing:0}
.users-table col.col-account{width:210px}.users-table col.col-status{width:90px}.users-table col.col-online{width:96px}.users-table col.col-watching{width:150px}.users-table col.col-expiry{width:105px}.users-table col.col-note{width:150px}.users-table col.col-copy{width:150px}.users-table col.col-location{width:150px}.users-table col.col-actions{width:90px}
.users-table thead th{height:42px;padding:0 12px;background:#111925;border-bottom:1px solid #243146;font-size:9px;letter-spacing:.08em;color:#8fa0b7}
.users-table tbody tr{height:72px;background:#0e151f}
.users-table tbody tr:nth-child(even){background:#0b121b}
.users-table tbody tr:hover{background:#121d2a}
.users-table td{height:72px;padding:10px 12px;border-bottom:1px solid #1d2938;overflow:hidden}
.users-table tbody tr:last-child td{border-bottom:0}
.account-cell{display:flex;align-items:center;gap:9px}
.row-number{flex:0 0 22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#151f2c;color:#718199;font-size:9px;font-weight:900}
.user-identity{min-width:0;gap:9px;align-items:center}
.user-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:10px}
.user-identity>div{min-width:0}
.user-identity strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visible-password{margin-top:2px!important;color:#8291a6!important;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status-chip{padding:6px 8px;font-size:9px}
.online-indicator{min-width:0;grid-template-columns:7px minmax(0,1fr);column-gap:6px}
.online-indicator strong{font-size:10px}.online-indicator small{font-size:9px;margin-top:2px}
.watching-name{max-width:130px;font-size:10px}
.expiry-date{padding:5px 7px;border-radius:8px;font-size:9px}
.note-preview{max-width:130px;font-size:10px;line-height:1.35}
.compact-copy{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex-wrap:nowrap}
.compact-copy .copy-chip{min-width:0;padding:7px 6px;font-size:9px;border-radius:8px}
.location-cell{min-width:0}.connected-country{min-width:0;gap:8px}.connected-flag{width:28px;height:28px;border-radius:8px;font-size:16px}.connected-country strong{font-size:10px}.connected-country small{font-size:8px;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.actions-cell{text-align:right}.settings-button{padding:8px 10px;font-size:9px;border-radius:9px}
.users-table th:last-child,.users-table td:last-child{text-align:right}
@media(max-width:1200px){.users-table{min-width:1100px}.users-table col.col-note{width:130px}.users-table col.col-location{width:130px}}
@media(max-width:760px){.users-table{min-width:1040px}.users-table tbody tr,.users-table td{height:66px}.users-table td{padding:8px 10px}.row-number{display:none}.account-cell{gap:0}.user-avatar{width:31px;height:31px;flex-basis:31px}}


.mag-users-table{min-width:1040px}.mag-users-table col.col-account{width:250px}.mag-users-table col.col-status{width:90px}.mag-users-table col.col-online{width:96px}.mag-users-table col.col-watching{width:140px}.mag-users-table col.col-expiry{width:105px}.mag-users-table col.col-note{width:130px}.mag-users-table col.col-copy{width:110px}.mag-users-table col.col-location{width:130px}.mag-users-table col.col-actions{width:95px}.mag-users-table tbody tr{height:64px}.mag-users-table td{height:64px;padding:9px 10px}.mag-users-table .user-identity{min-width:0}.mag-users-table .note-preview{max-width:110px}.mag-users-table .copy-access{justify-content:flex-start}.mag-users-table .portal-only{padding:7px 9px;font-size:10px}.mag-users-table .settings-button{padding:8px 10px;font-size:10px}.mag-users-table-wrap{max-width:1300px}


.user-card-list{display:grid;gap:14px;max-width:1320px}
.user-card{background:linear-gradient(180deg,#101823,#0c121b);border:1px solid #1c2a3b;border-radius:22px;padding:16px 18px;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.user-card:hover{border-color:#2a3d55;box-shadow:0 22px 50px rgba(0,0,0,.22)}
.user-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.user-card-account{display:flex;align-items:center;gap:12px;min-width:0}
.card-rank{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#111b29;border:1px solid #213148;color:#91a4bf;font-size:11px;font-weight:800;flex:0 0 auto}
.user-card-id{display:grid;gap:3px;min-width:0}
.user-card-id strong{font-size:15px;color:#f2f6fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-card-id small{font-size:11px;color:#8fa1b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.info-box{background:#0c141f;border:1px solid #192636;border-radius:16px;padding:12px 13px;min-height:72px;display:grid;align-content:start;gap:8px}
.info-box label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7f92aa;font-weight:800}
.info-box.narrow{grid-column:span 2}
.info-box.wide{grid-column:span 3}
.mag-grid .info-box.narrow{grid-column:span 2}
.mag-grid .info-box.wide{grid-column:span 3}
.info-box .copy-access{flex-wrap:wrap;gap:8px}
.info-box .location-cell{min-width:0}
.info-box .note-preview{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.info-box .watching-name{display:block;font-size:12px;font-weight:700;color:#eef4fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.users-summary-line.modern{margin:0 0 12px;color:#98a9bd;font-size:12px}
.users-summary-line.modern strong{font-size:18px;color:#f5f8fc;margin-right:6px}
.simple-user-search{margin-bottom:12px}
.portal-only{min-width:120px;justify-content:center}
@media (max-width: 1350px){
  .info-box.narrow{grid-column:span 3}
  .info-box.wide{grid-column:span 4}
}
@media (max-width: 1100px){
  .user-card-grid,.mag-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .info-box.narrow,.mag-grid .info-box.narrow{grid-column:span 2}
  .info-box.wide,.mag-grid .info-box.wide{grid-column:span 3}
}
@media (max-width: 760px){
  .user-card{padding:14px}
  .user-card-head{flex-direction:column;align-items:stretch}
  .user-card-account{align-items:flex-start}
  .user-card-grid,.mag-grid{grid-template-columns:1fr}
  .info-box,.info-box.narrow,.info-box.wide,.mag-grid .info-box.narrow,.mag-grid .info-box.wide{grid-column:auto;min-height:auto}
  .settings-button{width:100%;justify-content:center}
}


.admin-grid-toolbar{display:grid;grid-template-columns:minmax(320px,1.4fr) minmax(220px,.8fr);gap:18px;align-items:end;max-width:1180px;margin-bottom:16px;padding:18px;border:1px solid #1d2a39;border-radius:18px;background:linear-gradient(180deg,#0f1723,#0b1119)}
.grid-field{display:grid;gap:8px}
.grid-field label{font-size:12px;color:#93a6bd;font-weight:700}
.grid-field input,.grid-field select{height:42px;border-radius:12px;border:1px solid #263547;background:#0a1320;color:#e9f0f7;padding:0 14px;font-size:13px}
.grid-actions{display:flex;gap:8px;margin-top:2px}
.toolbar-btn{height:36px;padding:0 14px;border-radius:10px;border:1px solid #2b3c4f;background:#101a28;color:#d7e1ec;font-size:12px;font-weight:700;cursor:pointer}
.toolbar-btn.primary{background:#1188e8;color:white;border-color:#1188e8}
.toolbar-btn.small{height:32px;padding:0 12px}
.admin-grid-panel{max-width:1180px;border:1px solid #1d2a39;border-radius:18px;background:linear-gradient(180deg,#0f1723,#0b1119);overflow:hidden}
.classic-table-wrap{overflow:auto}
.classic-admin-table{width:100%;border-collapse:separate;border-spacing:0}
.classic-admin-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#87a0bd;background:#121c29;padding:14px 16px;border-bottom:1px solid #213142;text-align:left;position:sticky;top:0}
.classic-admin-table tbody td{padding:14px 16px;border-bottom:1px solid #182433;vertical-align:middle;font-size:13px;color:#d9e4ef}
.classic-admin-table tbody tr:nth-child(odd){background:rgba(255,255,255,.01)}
.classic-admin-table tbody tr:hover{background:rgba(17,136,232,.06)}
.classic-user{display:grid;gap:4px;min-width:180px}
.classic-user strong{font-size:13px;color:#f4f8fb}
.classic-user small{font-size:11px;color:#86a0b9}
.status-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;color:white}
.status-toggle.on{background:linear-gradient(135deg,#09b2a0,#42d392)}
.status-toggle.off{background:linear-gradient(135deg,#6c38ff,#8f4fff)}
.classic-note{display:inline-block;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c6d4e1}
.classic-expire strong{color:#70b9ff;font-size:13px}
.classic-location .location-cell{min-width:120px}
.icon-action{width:34px;height:34px;border-radius:10px;border:1px solid #2a3a4d;background:#101a28;color:#d9e2ec;font-size:16px;cursor:pointer}
.classic-footer{padding:12px 16px;font-size:12px;color:#8ca1ba;border-top:1px solid #1a2735}
.classic-watching .watching-chip{max-width:170px}
.classic-watching .watching-name{max-width:140px}
@media (max-width: 900px){.admin-grid-toolbar{grid-template-columns:1fr}.classic-admin-table{min-width:900px}}

#editMagFields label{display:grid;gap:8px}#editDetailsMac{text-transform:uppercase;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}


.credit-value{color:var(--accent)}
.reseller-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin-bottom:16px;padding:18px 20px;border:1px solid var(--line-soft);border-radius:18px;background:linear-gradient(180deg,#111a27,#0c131d)}
.reseller-intro>div{display:grid;gap:4px}.reseller-intro span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.reseller-intro strong{font-size:26px;color:var(--accent)}.reseller-intro p{max-width:600px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:760px){.reseller-intro{align-items:flex-start;flex-direction:column}}
.classic-user em{font-style:normal;font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}


.inline-access-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}
.mini-copy-button{height:31px;padding:0 10px;border-radius:9px;border:1px solid #2a3c50;background:#101a28;color:#dbe7f2;font-size:11px;font-weight:800;cursor:pointer}
.mini-copy-button:hover{border-color:var(--accent);background:var(--accent-soft)}
.mini-copy-button span{color:var(--accent);margin-left:3px}
@media(max-width:900px){.inline-access-actions{gap:5px}.mini-copy-button{padding:0 8px}}


.ticket-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1180px;margin-bottom:16px}
.ticket-metrics article{padding:18px 20px;border:1px solid #1e2c3d;border-radius:18px;background:linear-gradient(180deg,#111a27,#0c131d);display:grid;gap:5px}
.ticket-metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8297af;font-weight:800}
.ticket-metrics strong{font-size:30px;color:#f5f8fc}.ticket-metrics small{color:#7e91a8}
.support-panel{max-width:1180px;border:1px solid #1d2a39;border-radius:18px;background:#0d151f;overflow:hidden}
.support-table-wrap{overflow:auto}.support-table{width:100%;border-collapse:collapse;min-width:880px}
.support-table th{padding:14px 16px;background:#121c29;color:#859ab2;font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:left}
.support-table td{padding:14px 16px;border-top:1px solid #1a2736;vertical-align:middle}.support-table tbody tr{cursor:pointer}.support-table tbody tr:hover{background:rgba(43,143,255,.06)}
.ticket-subject{display:grid;gap:4px;max-width:360px}.ticket-subject strong{color:#f0f5fa}.ticket-subject small{color:#8093aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticket-status,.ticket-priority{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850;text-transform:capitalize;white-space:nowrap}
.ticket-status{background:#162131;color:#b5c2d2}.ticket-status i{width:7px;height:7px;border-radius:50%;background:#8090a5}.ticket-status.open i{background:#ffbd45}.ticket-status.answered i{background:#4dd59d}.ticket-status.closed i{background:#718096}
.ticket-priority{background:#162131;color:#aebed0}.ticket-priority.high{color:#ffbf69;background:rgba(255,153,51,.12)}.ticket-priority.urgent{color:#ff7e8c;background:rgba(255,75,95,.12)}
.ticket-thread-modal{max-width:820px}.ticket-thread-body{display:grid;gap:16px;max-height:65vh;overflow:auto}.ticket-thread-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #203044;border-radius:14px;background:#0d1622}.ticket-thread-summary small{color:#8598af}
.ticket-message-list{display:grid;gap:12px}.ticket-message{max-width:82%;padding:14px 16px;border-radius:16px;border:1px solid #203044;background:#101925}.ticket-message.admin{margin-left:auto;background:linear-gradient(145deg,rgba(46,135,255,.14),#101925);border-color:#2c4d74}.ticket-message>div{display:flex;justify-content:space-between;gap:20px;margin-bottom:7px}.ticket-message strong{font-size:12px}.ticket-message time{font-size:10px;color:#73879f}.ticket-message p{margin:0;line-height:1.55;color:#d9e4ef;font-size:13px}
.ticket-reply-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px 20px;border-top:1px solid #1e2b3a}.ticket-reply-form textarea{min-height:76px;resize:vertical}.ticket-reply-form button{align-self:end}.ticket-admin-controls{display:flex;gap:8px;flex-wrap:wrap}
.settings-page-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:16px;max-width:1100px}.settings-card{border:1px solid #1f2d3e;border-radius:22px;background:linear-gradient(180deg,#111a27,#0c131d);padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.14)}
.profile-card{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:18px 22px}.settings-card-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,rgba(102,230,165,.2),rgba(74,139,255,.18));display:grid;place-items:center;color:#68e1aa;font-size:20px;font-weight:900}.profile-card span,.settings-section-head span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7d91aa;font-weight:850}.profile-card h3{margin:3px 0;font-size:19px}.profile-card p{margin:0;color:#8194ab;font-size:12px}
.settings-form-card{display:grid;gap:15px}.settings-section-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.settings-section-head h3{margin:4px 0 5px;font-size:19px}.settings-section-head p{margin:0;color:#7f92a9;font-size:12px}.settings-icon{width:38px;height:38px;border:1px solid #293a4f;border-radius:12px;display:grid;place-items:center;color:#69dca8;background:#111b29}.settings-form-card label{display:grid;gap:7px;font-size:12px;color:#a8b7c8}.settings-form-card input{height:45px;border-radius:12px}.settings-divider{height:1px;background:#1e2b3a;margin:4px 0}.field-help{color:#73869e;line-height:1.5}.settings-save-row{display:flex;justify-content:flex-end}.settings-notice{padding:13px 15px;border-radius:13px;border:1px solid #26364a;background:#0c1520;color:#94a7bd;font-size:12px;line-height:1.5}.security-info-card ul{display:grid;gap:12px;padding-left:18px;color:#9badc1;font-size:12px;line-height:1.55}.security-info-card li::marker{color:#66dfa8}
@media(max-width:900px){.ticket-metrics{grid-template-columns:1fr}.settings-page-grid{grid-template-columns:1fr}.ticket-reply-form{grid-template-columns:1fr}.ticket-message{max-width:95%}}


.credit-request-notice{padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(111,72,255,.22),rgba(40,117,255,.12));border:1px solid rgba(137,111,255,.38);display:grid;gap:7px}.credit-request-notice strong{font-size:15px;color:#f4f1ff}.credit-request-notice p{margin:0;color:#c6c1df;line-height:1.55;font-size:12px}.credit-request-notice span{font-size:12px;font-weight:800;color:#bfaeff}.request-account-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.request-account-card>div{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#0d151f;display:grid;gap:4px}.request-account-card span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8294aa}.request-account-card strong{font-size:14px;color:#eef5fb}.credit-request-status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:capitalize;background:#172131}.credit-request-status i{width:7px;height:7px;border-radius:50%;background:#8794a8}.credit-request-status.pending i{background:#f7b84b}.credit-request-status.contacted i{background:#5ca9ff}.credit-request-status.completed i{background:#54d99a}.credit-request-status.rejected i{background:#ff7181}.whatsapp-link{color:#62dfa0;font-weight:750;text-decoration:none;white-space:nowrap}.credit-reason{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-request-actions{display:flex;align-items:center;gap:8px}.credit-request-actions select{height:34px;border:1px solid #2a3b50;background:#0f1925;color:#dfe8f2;border-radius:9px;padding:0 8px;font-size:11px}.toolbar-btn.whatsapp{display:inline-flex;align-items:center;text-decoration:none;color:#07140d;background:#55dc92;border-color:#55dc92}.credit-request-table{min-width:1100px}@media(max-width:700px){.request-account-card{grid-template-columns:1fr}}


@media(max-width:760px){}


.brand-logo{display:block;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(196,145,39,.28));user-select:none;-webkit-user-drag:none}
.brand-logo-login{width:76px;height:76px;margin:0 0 24px}
.brand-logo-sidebar{width:42px;height:42px;flex:0 0 42px}
.login-card h1{background:linear-gradient(90deg,#fff5c8,#e7b94d 58%,#a66d12);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand strong{background:linear-gradient(90deg,#fff2b5,#d7a63c);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand span{color:#9c8b66}
@media(max-width:760px){.brand-logo-login{width:68px;height:68px}.brand-logo-sidebar{width:38px;height:38px;flex-basis:38px}}


.login-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.recaptcha-shell{width:100%;min-height:78px;display:grid;place-items:center;overflow:hidden;border-radius:5px}
.recaptcha-shell.recaptcha-error{min-height:48px;padding:12px;border:1px solid rgba(255,113,129,.25);background:rgba(255,113,129,.07);color:#ffadb8;font-size:12px;line-height:1.45;text-align:center}
#loginForm button[type="submit"]:disabled{opacity:.65;cursor:wait}
@media(max-width:340px){.recaptcha-shell{min-height:66px}.recaptcha-shell>div{transform:scale(.84);transform-origin:center}}


.reseller-page-head{max-width:1320px;margin-bottom:16px}
.reseller-overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.reseller-overview-cards article{padding:17px 18px;border-radius:18px;border:1px solid #1d2b3d;background:linear-gradient(180deg,#111a27,#0c131d);display:grid;gap:5px;box-shadow:0 14px 34px rgba(0,0,0,.14)}
.reseller-overview-cards span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8194ab;font-weight:850}
.reseller-overview-cards strong{font-size:27px;color:#f3f7fb}
.reseller-overview-cards small{color:#74889f;font-size:11px}
.reseller-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:12px;align-items:end;padding:15px;border:1px solid #1d2b3d;border-radius:18px 18px 0 0;background:#101824}
.reseller-search{position:relative;display:flex;align-items:center}.reseller-search>span{position:absolute;left:13px;color:var(--accent);font-size:18px}.reseller-search input{width:100%;height:43px;padding-left:40px;border-radius:11px;border:1px solid #27384d;background:#0b1420;color:#edf4fb}
.reseller-toolbar label{display:grid;gap:7px}.reseller-toolbar label>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8498af;font-weight:800}.reseller-toolbar select{height:43px;border-radius:11px;border:1px solid #27384d;background:#0b1420;color:#edf4fb;padding:0 12px}
.reseller-reset{height:43px;padding:0 16px;border-radius:11px;border:1px solid #2a3b50;background:#101b29;color:#d7e2ed;font-weight:800;cursor:pointer}
.reseller-panel{max-width:1320px;border:1px solid #1d2b3d;border-top:0;border-radius:0 0 18px 18px;background:#0c131d;box-shadow:0 20px 50px rgba(0,0,0,.18);overflow:visible}
.reseller-table-wrap{overflow:visible}
.reseller-table{width:100%;border-collapse:separate;border-spacing:0}
.reseller-table th{padding:14px 15px;background:#121c29;color:#8498af;font-size:9px;text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid #223144;white-space:nowrap}
.reseller-table td{height:68px;padding:11px 15px;border-bottom:1px solid #192635;color:#dce6ef;font-size:12px;vertical-align:middle}
.reseller-table tbody tr:hover{background:rgba(58,151,255,.045)}
.reseller-table tbody tr:last-child td{border-bottom:0}
.reseller-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:850;text-transform:capitalize;background:#151f2c;color:#aab9ca}
.reseller-status i{width:7px;height:7px;border-radius:50%;background:#718197}.reseller-status.active{color:#71e0ad;background:rgba(70,210,151,.1)}.reseller-status.active i{background:#45d69a;box-shadow:0 0 0 4px rgba(69,214,154,.09)}
.reseller-name{display:grid;gap:3px;min-width:150px}.reseller-name strong{font-size:12px;color:#f2f6fa}.reseller-name small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#788ba2;font-size:10px}
.reseller-credit{font-size:13px}.reseller-credit.positive{color:#59d99e}.reseller-credit.zero{color:#ff7b88}.reseller-count{display:inline-grid;place-items:center;min-width:31px;height:27px;padding:0 8px;border-radius:9px;background:#111c2a;color:#cdd8e5;font-weight:800}
.reseller-owner{color:#b6c5d5}.reseller-last-active{display:grid;gap:3px}.reseller-last-active strong{font-size:11px;color:#dfe8f1}.reseller-last-active small{font-size:9px;color:#71869d}
.reseller-actions-wrap{position:relative;display:inline-flex;justify-content:flex-end}
.reseller-gear{width:35px;height:35px;border-radius:10px;border:1px solid #2b3d52;background:#111b29;color:#86a7c9;cursor:pointer;font-size:15px}.reseller-gear:hover,.reseller-gear.active{border-color:#4da2ff;color:#78b6ff;background:rgba(54,145,255,.1)}
.reseller-menu-divider{height:1px;background:#263548;margin:6px 4px}
.reseller-table-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid #1d2a39;color:#8497ad;font-size:10px}.reseller-footer-note{color:#61758d}
@media(max-width:1100px){.reseller-overview-cards{grid-template-columns:1fr}.reseller-table-wrap{overflow-x:auto;overflow-y:visible}.reseller-table{min-width:1080px}}
@media(max-width:760px){.reseller-toolbar{grid-template-columns:1fr;border-radius:16px 16px 0 0}.reseller-table-footer{flex-direction:column}.reseller-overview-cards article{padding:15px}}


.reseller-credit-account{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}
.reseller-credit-account span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#8fa1b7;font-weight:800}
.reseller-credit-account strong{font-size:20px;color:#f5f8fb;word-break:break-word}
.reseller-credits-modal .modal-body{padding-top:20px}
.reseller-credits-modal input{font-size:18px;font-weight:800}


.source-table{min-width:1180px}
.source-row.source-expiring{background:linear-gradient(90deg,rgba(245,158,11,.16),rgba(245,158,11,.04))!important}
.source-row.source-expiring td:first-child{box-shadow:inset 4px 0 0 #f59e0b}
.source-row.source-expired{background:linear-gradient(90deg,rgba(239,68,68,.18),rgba(239,68,68,.05))!important}
.source-row.source-expired td:first-child{box-shadow:inset 4px 0 0 #ef4444}
.source-expiry{display:grid;gap:3px;min-width:112px}
.source-expiry strong{font-size:12px;color:#dce7f3}
.source-expiry small{font-size:10px;color:#8495aa}
.source-expiry.expiring strong,.source-expiry.expiring small{color:#fbbf24}
.source-expiry.expired strong,.source-expiry.expired small{color:#fb7185}
.pill.expired{background:rgba(239,68,68,.14);color:#fb7185;border-color:rgba(239,68,68,.35)}


.trial-actions{flex-wrap:wrap}
.trial-button{background:linear-gradient(135deg,#6941c6,#8b5cf6);border-color:#9d7aea;color:#fff;box-shadow:0 10px 25px rgba(111,66,193,.22)}
.trial-button:hover{filter:brightness(1.08)}
.trial-button:disabled{opacity:.55;cursor:not-allowed}
.trial-badge{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:rgba(139,92,246,.16);border:1px solid rgba(167,139,250,.35);color:#c4b5fd;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.06em;vertical-align:middle}
@media(max-width:760px){.trial-actions .button{flex:1 1 100%}}


.server-resources{margin:18px 0 20px;padding:20px;border-radius:20px;background:linear-gradient(180deg,#101924,#0c131d);border:1px solid #223246}
.server-resource-head{margin-bottom:16px}
.resource-live{display:flex;align-items:center;gap:7px;color:#95a8bd;font-size:11px}
.resource-live i{width:8px;height:8px;border-radius:50%;background:#5ce5a0;box-shadow:0 0 0 5px rgba(92,229,160,.09)}
.resource-live small{margin-left:5px;color:#62758c}
.resource-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.resource-gauge{padding:15px;border:1px solid #1e2d3f;border-radius:16px;background:#0c151f;min-width:0}
.resource-gauge-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.resource-gauge-top span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8ea1b8;font-weight:800}
.resource-gauge-top strong{font-size:21px;color:#f3f7fb}
.resource-track{height:8px;border-radius:999px;background:#172434;overflow:hidden}
.resource-track i{display:block;height:100%;border-radius:inherit;background:#5ce5a0;transition:width .35s ease}
.resource-gauge.warning .resource-track i{background:#ffb454}.resource-gauge.critical .resource-track i{background:#ff6577}
.resource-gauge.headroom .resource-track i{background:#69a8ff}.resource-gauge.headroom.warning .resource-track i{background:#ffb454}.resource-gauge.headroom.critical .resource-track i{background:#ff6577}
.resource-gauge small{display:block;margin-top:10px;color:#73879e;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resource-gauge small b{color:#cbd7e4}
.resource-details{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}
.resource-details>div{display:grid;gap:5px;padding:12px 13px;border-radius:13px;background:#0a121b;border:1px solid #192737}
.resource-details span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#71859c}
.resource-details strong{font-size:13px;color:#e8eff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resource-note{margin-top:12px;padding:10px 12px;border-radius:11px;background:rgba(105,168,255,.06);border:1px solid rgba(105,168,255,.12);font-size:10px;color:#7289a3;line-height:1.5}
@media(max-width:1200px){.resource-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-details{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.server-resources{padding:14px}.resource-overview,.resource-details{grid-template-columns:1fr 1fr}.resource-gauge-top strong{font-size:18px}}
@media(max-width:480px){.resource-overview,.resource-details{grid-template-columns:1fr}}


html{overflow-x:hidden}
body{overflow-x:hidden}
.app-shell,.main,.content,.section,.card,.table-wrap{max-width:100%;min-width:0}
.topbar,.section-head,.top-actions,.actions{flex-wrap:wrap}
.page-heading h1,.page-heading h2,.page-heading h3{overflow-wrap:anywhere}
.table-wrap{overflow-x:auto!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.table-wrap table{max-width:none}
th,td{overflow-wrap:anywhere}
td .copy-access,td .actions{min-width:max-content}
.note-preview,.classic-note,.order-summary{max-width:100%!important}


@media (max-width:1440px) and (min-width:901px){
  :root{--sidebar:210px}
  .sidebar{padding:16px 11px}
  .brand{padding:2px 7px 18px;gap:9px}
  .brand-mark.small{width:34px;height:34px;flex:0 0 34px}
  .brand strong{font-size:14px}.brand span{font-size:10px}
  .sidebar nav{gap:3px}
  .nav-item{padding:9px 10px;gap:8px;font-size:12px;border-radius:10px}
  .nav-item span{width:19px;font-size:14px}
  .sidebar-footer{padding:12px 7px 2px;font-size:10px}
  .topbar{min-height:78px;padding:16px 20px;gap:12px}
  .content{padding:20px 20px 42px}
  h1{font-size:29px}h2{font-size:23px}h3{font-size:17px}
  .button{min-height:36px;padding:8px 12px;font-size:12px}
  .section{margin-top:21px}.section-head{margin-bottom:11px}
  th,td{padding:10px 9px}th{font-size:9px}td{font-size:11px}
  table{min-width:760px}
  .classic-admin-table{min-width:790px!important}
  .users-table,.mag-users-table{min-width:820px!important}
  .admin-grid-toolbar{max-width:none!important;padding:14px!important;gap:12px!important;grid-template-columns:minmax(260px,1.4fr) minmax(190px,.8fr)!important}
  .admin-grid-panel{max-width:none!important}
  .grid-field input,.grid-field select{height:38px;font-size:11px}
  .toolbar-btn{height:33px;font-size:10px;padding:0 10px}
  .classic-user{min-width:130px}.classic-user strong{font-size:11px}.classic-user small{font-size:9px}
  .classic-note{max-width:125px!important}
  .classic-location .location-cell{min-width:90px}
  .copy-chip{padding:6px 8px!important;font-size:9px!important}
  .status-toggle{min-width:38px;height:23px;font-size:10px}
  .reseller-table{min-width:850px!important}
  .reseller-overview-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
  .server-resources{padding:16px}.resource-overview{gap:9px}.resource-details{gap:8px}
}


@media (max-width:900px){
  .topbar{min-height:auto;padding:14px 16px;align-items:flex-start}
  .page-heading{flex:1 1 220px}
  .top-actions{margin-left:auto}
  .content{padding:16px 14px 36px}
  h1{font-size:27px}h2{font-size:22px}
  .grid-two{grid-template-columns:1fr}
  .section-head{align-items:flex-start;flex-direction:column}
  .admin-grid-toolbar{grid-template-columns:1fr!important;max-width:none!important;padding:13px!important}
  .admin-grid-panel{max-width:none!important}
  .reseller-overview-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  table,.classic-admin-table,.users-table,.mag-users-table,.reseller-table{min-width:760px!important}
  th,td{padding:10px 9px}
}


@media (max-width:600px){
  .topbar{padding:12px;gap:9px}
  .top-actions{width:100%;justify-content:flex-start}
  .top-actions .button{flex:1 1 auto}
  .content{padding:12px 10px 28px}
  h1{font-size:23px}h2{font-size:20px}
  .card{border-radius:14px}
  .table-wrap{border-radius:12px}
  table,.classic-admin-table,.users-table,.mag-users-table,.reseller-table{min-width:680px!important}
  th,td{padding:9px 8px;font-size:10px}
  .admin-grid-toolbar{padding:11px!important;border-radius:14px!important}
  .grid-actions{flex-wrap:wrap}.toolbar-btn{flex:1 1 auto}
  .reseller-overview-cards{grid-template-columns:1fr!important}
  .modal{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;border-radius:16px!important}
  .modal-head,.modal-actions{padding:13px!important}
  .modal-body{padding:13px!important;max-height:calc(100dvh - 136px)!important}
}


.resource-overview,.resource-details,.reseller-overview-cards{min-width:0}
.resource-gauge,.resource-details>div{min-width:0}
.resource-gauge small,.resource-details strong{white-space:normal!important;overflow-wrap:anywhere}


:root{--content-safe-gap:14px}
html,body{width:100%;max-width:100%;overflow-x:hidden}
.app-shell,.main,.content,.topbar,.section,.card,.admin-grid-panel,.reseller-panel,.server-resources{min-width:0;max-width:100%}
.content>*{min-width:0}


.grid-two>*,.resource-overview>*,.resource-details>*,.reseller-overview-cards>*,.settings-page-grid>*,.request-account-card>*,.ticket-metrics>*{min-width:0}
.topbar>*,.section-head>*,.admin-grid-toolbar>*,.user-card-head>*,.modal-head>*{min-width:0}


.table-wrap,.classic-table-wrap,.reseller-table-wrap{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.classic-admin-table,.users-table,.mag-users-table,.reseller-table,.credit-request-table{width:100%;table-layout:fixed}
.classic-admin-table{min-width:980px!important}
.reseller-table{min-width:1050px!important}
.credit-request-table{min-width:1050px!important}
.classic-admin-table th,.classic-admin-table td,.reseller-table th,.reseller-table td,.credit-request-table th,.credit-request-table td{min-width:0;max-width:none}


.classic-admin-table th:nth-child(1),.classic-admin-table td:nth-child(1){width:76px}
.classic-admin-table th:nth-child(2),.classic-admin-table td:nth-child(2){width:175px}
.classic-admin-table th:nth-child(3),.classic-admin-table td:nth-child(3){width:150px}
.classic-admin-table th:nth-child(4),.classic-admin-table td:nth-child(4){width:185px}
.classic-admin-table th:nth-child(5),.classic-admin-table td:nth-child(5){width:112px}
.classic-admin-table th:nth-child(6),.classic-admin-table td:nth-child(6){width:170px}
.classic-admin-table th:nth-child(7),.classic-admin-table td:nth-child(7){width:145px}
.classic-admin-table th:nth-child(8),.classic-admin-table td:nth-child(8){width:68px}


.classic-note,.note-preview,.credit-reason,.order-summary,.reseller-name small,.ticket-subject small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.classic-note{line-height:1.45;color:#c8d5e2}
.reseller-name,.classic-user,.ticket-subject,.location-cell,.watching-cell,.user-identity{min-width:0!important;max-width:100%}
.reseller-name strong,.classic-user strong,.classic-user small,.location-cell>*,.watching-cell strong,.user-identity strong,.user-identity small{
  max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}


.ticket-message,.ticket-message p,.credit-request-notice,.credit-request-notice p,.resource-note,.empty-state,.settings-card,.modal-body,.field-help,.code{
  max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word
}
.ticket-message p{white-space:pre-wrap}
.code{white-space:pre-wrap;word-break:break-all}
textarea,input,select{max-width:100%;min-width:0}
textarea{resize:vertical;overflow-wrap:anywhere}


.copy-access,.actions,.credit-request-actions,.grid-actions,.top-actions,.modal-actions{max-width:100%;flex-wrap:wrap}
.copy-chip,.toolbar-btn,.button{max-width:100%}


.resource-overview,.resource-details,.reseller-overview-cards,.settings-page-grid,.ticket-metrics{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}

@media(max-width:1440px) and (min-width:901px){
  .classic-admin-table{min-width:920px!important}
  .reseller-table,.credit-request-table{min-width:980px!important}
  .classic-admin-table th:nth-child(4),.classic-admin-table td:nth-child(4){width:155px}
}

@media(max-width:900px){
  .classic-admin-table,.users-table,.mag-users-table{min-width:900px!important}
  .reseller-table,.credit-request-table{min-width:980px!important}
  
  
}

@media(max-width:600px){
  .classic-admin-table,.users-table,.mag-users-table{min-width:850px!important}
  .reseller-table,.credit-request-table{min-width:940px!important}
  .ticket-message{max-width:100%!important}
  .modal-actions .button{flex:1 1 140px}
}


.source-table td:first-child strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.source-table td:nth-child(2){min-width:110px}
.source-table .source-expiry{display:flex;align-items:center;min-height:28px}
.source-table .source-expiry strong{white-space:nowrap}


:root{
  --page-gutter:clamp(10px,2vw,32px);
  --fluid-gap:clamp(10px,1.25vw,18px);
  --fluid-radius:clamp(12px,1.3vw,18px);
  --fluid-text:clamp(12px,.85vw,14px);
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:var(--fluid-text)}
img,svg,video,canvas{max-width:100%;height:auto}
.app-shell,.main,.content,.topbar,.section,.card,.table-wrap,.support-panel,.admin-grid-panel{min-width:0;width:100%}
.content{width:100%;max-width:1680px;padding:clamp(16px,2.2vw,32px) var(--page-gutter) clamp(34px,4vw,58px)}
.topbar{padding:clamp(14px,1.8vw,24px) var(--page-gutter);min-height:clamp(74px,7vw,96px)}
.topbar h1{font-size:clamp(22px,2.35vw,36px)}
.topbar .eyebrow{font-size:clamp(8px,.72vw,10px)}
.section{margin-top:clamp(18px,2vw,28px)}
.section-head{align-items:center;flex-wrap:wrap}
.card,.admin-grid-panel,.support-panel,.reseller-panel,.server-resources{border-radius:var(--fluid-radius)}
.resource-overview,.resource-details,.reseller-overview-cards,.settings-page-grid,.ticket-metrics,.quick-action-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;
  gap:var(--fluid-gap)!important;
}
.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fluid-gap)}
input,textarea,select,.button{font-size:clamp(12px,.85vw,14px)}
.button{min-height:clamp(38px,3vw,42px);padding:clamp(8px,.8vw,11px) clamp(11px,1vw,16px)}
.admin-grid-toolbar{width:100%;max-width:none!important;grid-template-columns:minmax(220px,1.4fr) minmax(180px,.75fr);gap:var(--fluid-gap)!important}
.simple-user-search{width:100%;max-width:none;min-width:0}
.table-wrap,.classic-table-wrap,.reseller-table-wrap,.support-table-wrap{width:100%;max-width:100%;overscroll-behavior-inline:contain}
table{font-size:clamp(10px,.78vw,13px)}
th,td{padding:clamp(9px,.85vw,14px) clamp(8px,.9vw,16px)}
.note-preview,.classic-note,.credit-reason,.ticket-subject,.reseller-name,.classic-user,.location-cell,.watching-cell{min-width:0;max-width:100%}
.note-preview,.classic-note,.credit-reason{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.copy-access,.actions,.top-actions,.grid-actions,.credit-request-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:8px}
.copy-access>*{flex:0 1 auto}
.modal{width:min(92vw,780px)!important;max-height:min(92dvh,980px)!important;margin:auto}
.modal-body{overflow:auto;overscroll-behavior:contain}


@media (max-width:1366px) and (min-width:901px){
  :root{--sidebar:205px}
  .sidebar{padding:17px 11px}
  .brand{padding:2px 7px 19px}.brand strong{font-size:14px}.brand span{font-size:10px}
  .nav-item{padding:10px 10px;font-size:12px;gap:8px}.nav-item span{width:18px;font-size:14px}
  .content{padding-left:20px;padding-right:20px}
  .topbar{padding-left:20px;padding-right:20px}
  .classic-admin-table,.source-table,.reseller-table,.credit-request-table,.support-table{min-width:900px!important}
}


@media (max-width:900px){
  .app-shell{display:block}
  .sidebar{position:fixed;inset:0 auto 0 0;width:min(84vw,290px);height:100dvh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:24px 0 70px rgba(0,0,0,.45);overflow-y:auto}
  .sidebar.open{transform:translateX(0)}
  .mobile-menu{display:inline-flex!important}
  .topbar{min-height:auto;align-items:flex-start;flex-wrap:wrap}
  .page-heading{flex:1 1 220px}
  .top-actions{flex:1 1 auto;justify-content:flex-end;min-width:0}
  .content{padding-top:18px}
  .grid-two{grid-template-columns:1fr}
  .admin-grid-toolbar{grid-template-columns:1fr!important;padding:13px!important}
  
  .modal{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important}
}


@media (max-width:780px){
  .table-wrap,.classic-table-wrap,.reseller-table-wrap,.support-table-wrap{overflow:visible!important;background:transparent!important;box-shadow:none!important;border:0!important}
  table.responsive-stack-table,
  table.responsive-stack-table tbody,
  table.responsive-stack-table tr,
  table.responsive-stack-table td{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
  table.responsive-stack-table{min-width:0!important;border-collapse:separate!important;background:transparent!important}
  table.responsive-stack-table thead{display:none!important}
  table.responsive-stack-table tbody{display:grid!important;gap:12px!important}
  table.responsive-stack-table tbody tr{
    margin:0!important;padding:8px 12px!important;height:auto!important;
    border:1px solid var(--line)!important;border-radius:15px!important;
    background:linear-gradient(145deg,var(--surface),#0b1119)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.14)!important;overflow:hidden!important;
  }
  table.responsive-stack-table tbody td{
    position:relative!important;display:grid!important;grid-template-columns:minmax(100px,35%) minmax(0,1fr)!important;
    align-items:center!important;gap:12px!important;height:auto!important;min-height:42px!important;
    padding:9px 2px!important;border:0!important;border-bottom:1px solid var(--line-soft)!important;
    text-align:left!important;overflow:visible!important;white-space:normal!important;
  }
  table.responsive-stack-table tbody td:last-child{border-bottom:0!important}
  table.responsive-stack-table tbody td::before{
    content:attr(data-label);display:block;color:var(--muted);font-size:9px;font-weight:850;
    letter-spacing:.08em;text-transform:uppercase;line-height:1.3;min-width:0;
  }
  table.responsive-stack-table tbody td>*{min-width:0;max-width:100%}
  table.responsive-stack-table .classic-note,
  table.responsive-stack-table .note-preview,
  table.responsive-stack-table .credit-reason{white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden!important}
  table.responsive-stack-table .copy-access,
  table.responsive-stack-table .actions{justify-content:flex-start!important}
  table.responsive-stack-table .actions-cell{text-align:left!important}
  .source-table td:first-child strong{max-width:100%}
}


@media (max-width:520px){
  .topbar{padding:11px 10px}.content{padding:12px 9px 28px}
  .top-actions{width:100%;justify-content:stretch}.top-actions .button{flex:1 1 120px}
  .section-head{align-items:flex-start}.section-head>*{width:100%}
  .resource-overview,.resource-details,.reseller-overview-cards,.settings-page-grid,.ticket-metrics,.quick-action-grid{grid-template-columns:1fr!important}
  .card,.admin-grid-panel,.support-panel{border-radius:13px}
  table.responsive-stack-table tbody td{grid-template-columns:92px minmax(0,1fr)!important;gap:8px!important}
  .button,.toolbar-btn,.copy-chip,.settings-button{min-height:42px}
  .modal-head,.modal-body,.modal-actions{padding:12px!important}
  .modal-actions .button{flex:1 1 120px}
  .login-view{padding:10px}.login-card{padding:24px 18px;border-radius:20px}
}


@media (max-width:380px){
  table.responsive-stack-table tbody td{grid-template-columns:1fr!important;gap:4px!important}
  table.responsive-stack-table tbody td::before{margin-bottom:2px}
  .top-actions .button{flex:1 1 100%}
}


@media (min-width:1800px){
  .content{max-width:1720px}
  .topbar{padding-left:max(32px,calc((100vw - 1970px)/2));padding-right:max(32px,calc((100vw - 1970px)/2))}
}


.user-management-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.user-management-table th,.user-management-table td{min-width:0!important}
.user-management-table .classic-user,.user-management-table .classic-location,.user-management-table .classic-watching{width:100%;min-width:0}
.user-management-table .classic-user strong,.user-management-table .classic-user small,.user-management-table .watching-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-management-table .inline-access-actions{display:flex;flex-wrap:wrap;gap:6px}
.user-management-table .mini-copy-button,.user-management-table .toolbar-btn.small{min-height:32px;padding:6px 9px;font-size:10px}


@media (min-width:1451px){
  /* Task 103 QA fix: 8 specified widths previously summed to 100%, starving the
     unwidthed Actions column to 0px (table-layout:fixed) — Kill Connection wrapped
     letter-by-letter and rows inflated to 233px. New sum 88% leaves Actions 12%. */
  .user-management-table th,.user-management-table td{padding:10px 9px!important;font-size:11px!important}
  .user-management-table th:nth-child(1),.user-management-table td:nth-child(1){width:5%}
  .user-management-table th:nth-child(2),.user-management-table td:nth-child(2){width:13%}
  .user-management-table th:nth-child(3),.user-management-table td:nth-child(3){width:14%}
  .user-management-table th:nth-child(4),.user-management-table td:nth-child(4){width:13%}
  .user-management-table th:nth-child(5),.user-management-table td:nth-child(5){width:10%}
  .user-management-table th:nth-child(6),.user-management-table td:nth-child(6){width:13%}
  .user-management-table th:nth-child(7),.user-management-table td:nth-child(7){width:13%}
  .user-management-table th:nth-child(8),.user-management-table td:nth-child(8){width:7%}
}


@media (max-width:1450px){
  .admin-grid-panel:has(.user-management-table){overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .admin-grid-panel:has(.user-management-table) .classic-table-wrap{overflow:visible!important;border:0!important;background:transparent!important}
  .user-management-table,
  .user-management-table tbody,
  .user-management-table tr,
  .user-management-table td{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .user-management-table{background:transparent!important;border-collapse:separate!important}
  .user-management-table thead{display:none!important}
  .user-management-table tbody{display:grid!important;gap:10px!important}
  .user-management-table tbody tr{
    display:grid!important;grid-template-columns:minmax(120px,.7fr) minmax(190px,1.35fr) minmax(150px,1fr) minmax(170px,1.15fr)!important;
    gap:0 14px!important;padding:12px 14px!important;margin:0!important;height:auto!important;
    border:1px solid var(--line)!important;border-radius:15px!important;
    background:linear-gradient(145deg,var(--surface),#0b1119)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.14)!important;overflow:hidden!important;
  }
  .user-management-table tbody td{
    display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:5px!important;
    min-height:56px!important;padding:8px 4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important;
    white-space:normal!important;overflow:hidden!important;text-align:left!important;
  }
  .user-management-table tbody td::before{
    content:attr(data-label);display:block;color:var(--muted);font-size:8px;font-weight:850;
    letter-spacing:.09em;text-transform:uppercase;line-height:1.2;
  }
  .user-management-table tbody td:nth-child(n/**/+5){border-bottom:0!important}
  .user-management-table tbody td>*{min-width:0;max-width:100%}
  .user-management-table .classic-note{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important;overflow:hidden!important;line-height:1.45}
  .user-management-table .classic-location .connected-country{max-width:100%;min-width:0}
  .user-management-table .classic-location .connected-country>div{min-width:0}
  .user-management-table .icon-action{width:36px;height:36px}
  .admin-grid-panel:has(.user-management-table) .classic-footer{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
}

@media (max-width:1100px){
  .user-management-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .user-management-table tbody td:nth-child(n){border-bottom:1px solid rgba(255,255,255,.045)!important}
  .user-management-table tbody td:nth-last-child(-n/**/+2){border-bottom:0!important}
}

@media (max-width:620px){
  .user-management-table tbody tr{grid-template-columns:1fr!important;padding:10px 12px!important}
  .user-management-table tbody td{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;align-items:center!important;min-height:44px!important;gap:9px!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  .user-management-table tbody td::before{font-size:8px}
  .user-management-table tbody td:last-child{border-bottom:0!important}
  .user-management-table .classic-note{-webkit-line-clamp:3}
  .user-management-table .inline-access-actions{justify-content:flex-start}
}

@media (max-width:390px){
  .user-management-table tbody td{grid-template-columns:1fr!important;gap:4px!important}
}



.settings-v2-shell{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  gap:clamp(12px,1.4vw,18px);
  min-width:0;
}
.settings-v2-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:clamp(11px,1.4vw,16px);
  min-height:clamp(78px,8vw,96px);
  padding:clamp(14px,1.7vw,20px);
  border:1px solid rgba(129,157,190,.18);
  border-radius:clamp(16px,1.7vw,22px);
  background:linear-gradient(135deg,rgba(29,48,68,.96),rgba(12,21,31,.98));
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.settings-v2-hero::after{
  content:"";position:absolute;right:-70px;top:-100px;width:250px;height:250px;border-radius:50%;
  background:radial-gradient(circle,rgba(102,230,165,.12),transparent 67%);pointer-events:none
}
.settings-v2-avatar{
  flex:0 0 auto;width:clamp(42px,4.4vw,54px);height:clamp(42px,4.4vw,54px);border-radius:clamp(12px,1.2vw,16px);
  display:grid;place-items:center;font-size:clamp(16px,1.6vw,21px);font-weight:900;color:#eafff5;
  background:linear-gradient(145deg,#6de3ac,#4b90d8);box-shadow:0 10px 26px rgba(64,190,143,.22)
}
.settings-v2-identity{min-width:0;display:grid;gap:2px}.settings-v2-identity span,.settings-v2-section-head span,.settings-v2-side-head span{
  color:#7f95ae;font-size:clamp(8px,.72vw,10px);font-weight:900;letter-spacing:.11em;text-transform:uppercase
}
.settings-v2-identity h2{margin:0;font-size:clamp(17px,1.7vw,23px);line-height:1.15;overflow-wrap:anywhere}.settings-v2-identity p{margin:0;color:#8fa2b7;font-size:clamp(10px,.85vw,12px)}
.settings-v2-role{margin-left:auto;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid rgba(102,230,165,.2);background:rgba(102,230,165,.08);color:#aaf2cc;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:850}.settings-v2-role i{width:7px;height:7px;border-radius:50%;background:#66e6a5;box-shadow:0 0 0 4px rgba(102,230,165,.1)}
.settings-v2-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:clamp(12px,1.4vw,18px);align-items:start;min-width:0}
.settings-v2-main{display:grid;gap:clamp(12px,1.4vw,18px);min-width:0}.settings-v2-section,.settings-v2-security{
  min-width:0;border:1px solid rgba(129,157,190,.16);border-radius:clamp(16px,1.6vw,21px);background:linear-gradient(180deg,rgba(17,27,40,.98),rgba(10,17,26,.98));box-shadow:0 16px 38px rgba(0,0,0,.12)
}
.settings-v2-section-head{display:flex;align-items:flex-start;gap:12px;padding:clamp(15px,1.6vw,20px);border-bottom:1px solid rgba(129,157,190,.12)}
.settings-v2-section-icon{flex:0 0 auto;width:clamp(34px,3.2vw,40px);height:clamp(34px,3.2vw,40px);border-radius:12px;display:grid;place-items:center;color:#72e4ae;background:rgba(102,230,165,.08);border:1px solid rgba(102,230,165,.18);font-weight:900}
.settings-v2-section-head>div:last-child{min-width:0}.settings-v2-section-head h3,.settings-v2-side-head h3{margin:3px 0 4px;font-size:clamp(15px,1.35vw,19px);line-height:1.2}.settings-v2-section-head p{margin:0;color:#8295ab;font-size:clamp(10px,.86vw,12px);line-height:1.45}
.settings-v2-section-body{padding:clamp(15px,1.7vw,21px)}.settings-v2-fields{display:grid;gap:12px}.settings-v2-fields.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-v2-fields label{display:grid;gap:7px;min-width:0}.settings-v2-fields label>span{font-size:10px;font-weight:800;color:#a7b6c7}.settings-v2-fields input{
  width:100%;height:clamp(40px,3.8vw,46px);min-width:0;border-radius:11px;padding:0 13px;background:#09111b;border:1px solid #26374a;color:#eef5fc;font-size:clamp(11px,.9vw,13px);outline:none;transition:.16s ease
}
.settings-v2-fields input:focus{border-color:#67dda8;box-shadow:0 0 0 3px rgba(102,230,165,.09)}.settings-v2-help{color:#74889f;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.settings-v2-help strong{color:#a8bdd1}
.settings-v2-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px dashed #2b3e53;border-radius:13px;background:#0a131e;padding:13px 14px}.settings-v2-notice span{white-space:nowrap;color:#8fa7bf;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.settings-v2-notice p{margin:0;color:#91a3b7;font-size:11px;line-height:1.45;text-align:right}
.settings-v2-side{display:grid;gap:12px;position:sticky;top:18px;min-width:0}.settings-v2-security{padding:clamp(15px,1.6vw,20px)}.settings-v2-side-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.settings-v2-side-head b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(102,230,165,.09);border:1px solid rgba(102,230,165,.2);color:#75e6b0}
.settings-v2-security ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.settings-v2-security li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;padding:10px;border-radius:12px;background:rgba(255,255,255,.018);border:1px solid rgba(129,157,190,.08)}.settings-v2-security li i{font-style:normal;width:22px;height:22px;border-radius:8px;display:grid;place-items:center;color:#6ce0aa;background:rgba(102,230,165,.08);font-size:10px}.settings-v2-security li div{display:grid;gap:2px;min-width:0}.settings-v2-security li strong{font-size:10px;color:#dbe7f3}.settings-v2-security li span{font-size:9px;color:#74889f;line-height:1.35}
.settings-v2-save{width:100%;min-height:44px!important;justify-content:space-between!important;border-radius:12px!important;padding:10px 14px!important;box-shadow:0 12px 28px rgba(76,208,151,.16)}.settings-v2-save b{font-size:17px}.settings-v2-save:disabled{opacity:.65;cursor:wait}
@media(max-width:980px){.settings-v2-layout{grid-template-columns:minmax(0,1fr) minmax(210px,250px)}.settings-v2-notice{align-items:flex-start;flex-direction:column}.settings-v2-notice p{text-align:left}}
@media(max-width:760px){.settings-v2-layout{grid-template-columns:1fr}.settings-v2-side{position:static;grid-template-columns:1fr}.settings-v2-security ul{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-v2-save{max-width:none}.settings-v2-fields.two-columns{grid-template-columns:1fr}}
@media(max-width:520px){.settings-v2-shell{gap:10px}.settings-v2-hero{padding:13px;border-radius:15px}.settings-v2-role{padding:7px 9px;font-size:9px}.settings-v2-section,.settings-v2-security{border-radius:15px}.settings-v2-section-head,.settings-v2-section-body,.settings-v2-security{padding:13px}.settings-v2-security ul{grid-template-columns:1fr}.settings-v2-security li{padding:9px}.settings-v2-notice{padding:11px}.settings-v2-fields input{height:41px}}
@media(max-width:380px){.settings-v2-role{display:none}.settings-v2-avatar{width:40px;height:40px}.settings-v2-section-head{gap:9px}.settings-v2-section-icon{width:32px;height:32px}}
@media(max-height:720px) and (min-width:761px){.settings-v2-shell{gap:10px}.settings-v2-hero{min-height:70px;padding:12px 15px}.settings-v2-layout,.settings-v2-main{gap:10px}.settings-v2-section-head,.settings-v2-section-body,.settings-v2-security{padding:13px}.settings-v2-security ul{margin-top:11px;gap:6px}.settings-v2-security li{padding:8px}.settings-v2-fields input{height:39px}.settings-v2-save{min-height:40px!important}}


.app-shell{
  min-height:100dvh;
}
.sidebar{
  position:sticky;
  top:0;
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  align-self:start;
}
.sidebar .brand{
  min-width:0;
}
.sidebar nav{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(142,155,173,.35) transparent;
  padding-right:3px;
}
.sidebar nav::-webkit-scrollbar{width:5px}
.sidebar nav::-webkit-scrollbar-track{background:transparent}
.sidebar nav::-webkit-scrollbar-thumb{background:rgba(142,155,173,.28);border-radius:999px}
.sidebar-footer{
  position:relative;
  inset:auto;
  margin-top:0;
  flex:0 0 auto;
  z-index:2;
  background:linear-gradient(180deg,rgba(9,13,19,.94),#090d13 28%);
  box-shadow:0 -12px 24px rgba(9,13,19,.38);
}
.main{
  min-height:100dvh;
}

@media (max-width:900px){
  .sidebar{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    height:100dvh;
    max-height:100dvh;
    grid-template-rows:auto minmax(0,1fr) auto;
    overflow:hidden;
  }
  .sidebar nav{
    padding-bottom:8px;
  }
  .sidebar-footer{
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }
}

@media (max-height:680px) and (min-width:901px){
  .sidebar{padding-top:12px;padding-bottom:10px}
  .brand{padding-bottom:11px}
  .nav-item{padding-top:7px;padding-bottom:7px}
  .sidebar-footer{padding-top:10px}
}


:root{--sidebar-expanded:264px;--sidebar-collapsed:84px}
.app-shell{grid-template-columns:var(--sidebar-expanded) minmax(0,1fr);transition:grid-template-columns .22s ease}
.premium-sidebar{width:auto;padding:14px 12px 12px;border-right:1px solid rgba(125,151,181,.16);background:linear-gradient(180deg,#0a1017 0%,#081019 58%,#070d13 100%);box-shadow:16px 0 42px rgba(0,0,0,.16)}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;padding:0 2px 12px;border-bottom:1px solid rgba(125,151,181,.10)}
.premium-sidebar .brand{min-width:0;padding:0 5px;gap:10px}
.premium-sidebar .brand-copy{min-width:0;white-space:nowrap;overflow:hidden}
.premium-sidebar .brand strong{font-size:17px;letter-spacing:.01em;color:#f5d27d}
.premium-sidebar .brand span{color:#ca9d47;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sidebar-collapse{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(132,157,186,.20);background:rgba(255,255,255,.025);color:#b8c5d3;font-size:24px;line-height:1;cursor:pointer;transition:.18s ease}
.sidebar-collapse:hover{border-color:rgba(102,230,165,.34);background:rgba(102,230,165,.08);color:#e9fff5}
.premium-sidebar nav{padding:12px 1px 8px;display:block}
.nav-group{display:grid;gap:4px;padding:0 1px 12px;margin-bottom:9px;border-bottom:1px solid rgba(125,151,181,.09)}
.nav-group:last-child{border-bottom:0;margin-bottom:0}
.nav-label{margin:2px 10px 5px;color:#68778a;font-size:9px;font-weight:800;letter-spacing:.17em;white-space:nowrap;overflow:hidden}
.premium-sidebar .nav-item{position:relative;min-height:42px;padding:9px 11px;border:1px solid transparent;border-radius:11px;gap:11px;color:#b2bdcb;font-size:12px;font-weight:700;overflow:hidden}
.premium-sidebar .nav-item span{width:22px;min-width:22px;display:grid;place-items:center;color:#8492a4;font-size:16px}
.premium-sidebar .nav-item b{min-width:0;white-space:nowrap;font-size:inherit;font-weight:700}
.premium-sidebar .nav-item:hover{background:rgba(255,255,255,.035);border-color:rgba(132,157,186,.10);color:#f2f6fa;transform:translateX(1px)}
.premium-sidebar .nav-item.active{color:#ecfff5;border-color:rgba(82,226,151,.28);background:linear-gradient(90deg,rgba(47,213,130,.24),rgba(47,213,130,.08));box-shadow:inset 3px 0 0 #43dc91,0 7px 20px rgba(28,191,111,.10)}
.premium-sidebar .nav-item.active span{color:#6be8aa}
.premium-sidebar .sidebar-footer{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 0 0;border-top:1px solid rgba(125,151,181,.12);background:linear-gradient(180deg,rgba(7,13,19,.20),#070d13 24%);box-shadow:0 -14px 28px rgba(7,13,19,.50)}
.sidebar-logout{width:100%;min-height:40px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:9px 12px;border-radius:11px;border:1px solid rgba(255,113,129,.15);background:rgba(255,113,129,.035);color:#ff8b99;font-size:11px;font-weight:700;cursor:pointer;transition:.18s ease}.sidebar-logout span{font-size:17px}.sidebar-logout:hover{background:rgba(255,113,129,.10);border-color:rgba(255,113,129,.34);color:#ffb3bc}

@media(min-width:1101px){
  html.sidebar-collapsed .app-shell{grid-template-columns:var(--sidebar-collapsed) minmax(0,1fr)}
  html.sidebar-collapsed .premium-sidebar{padding-inline:10px}
  html.sidebar-collapsed .sidebar-head{justify-content:center;flex-wrap:wrap;padding-bottom:10px}
  html.sidebar-collapsed .premium-sidebar .brand{padding:0;justify-content:center}
  html.sidebar-collapsed .brand-copy,html.sidebar-collapsed .nav-label,html.sidebar-collapsed .nav-item b,html.sidebar-collapsed .sidebar-logout b{display:none}
  html.sidebar-collapsed .sidebar-collapse{width:32px;height:28px;flex-basis:32px}
  html.sidebar-collapsed .nav-group{justify-items:center;padding-bottom:9px}
  html.sidebar-collapsed .premium-sidebar .nav-item{width:46px;height:42px;min-height:42px;padding:0;justify-content:center}
  html.sidebar-collapsed .premium-sidebar .nav-item span{margin:0}
  html.sidebar-collapsed .sidebar-logout{justify-content:center;padding:8px}
  html.sidebar-collapsed .sidebar-logout span{font-size:18px}
}

@media(max-width:1100px){
  .app-shell{display:block}
  .premium-sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,284px);height:100dvh;transform:translateX(-105%);transition:transform .22s ease;z-index:60;box-shadow:24px 0 70px rgba(0,0,0,.48)}
  .premium-sidebar.open{transform:translateX(0)}
  .sidebar-collapse{display:none}
  .premium-sidebar .nav-item{min-height:43px}
}

@media(max-width:520px){
  .premium-sidebar{width:min(90vw,276px);padding:12px 10px 10px}
  .premium-sidebar .brand strong{font-size:16px}
  .premium-sidebar .nav-item{min-height:41px;padding:8px 10px}
  .nav-group{padding-bottom:9px;margin-bottom:7px}
}

@media(max-height:720px){
  .premium-sidebar{padding-top:9px;padding-bottom:8px}
  .sidebar-head{padding-bottom:8px}.premium-sidebar nav{padding-top:8px}.nav-group{padding-bottom:7px;margin-bottom:5px}.nav-label{margin-bottom:3px}
  .premium-sidebar .nav-item{min-height:35px;padding-top:6px;padding-bottom:6px}.premium-sidebar .sidebar-footer{gap:5px;padding-top:7px}.sidebar-logout{min-height:34px;padding-top:6px;padding-bottom:6px}
}


.premium-sidebar .nav-item .nav-notification-dot{
  position:absolute;
  top:7px;
  right:8px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#39d98a;
  color:#06130d;
  border:2px solid #0b1017;
  box-shadow:0 0 0 3px rgba(57,217,138,.12),0 0 12px rgba(57,217,138,.28);
  font-size:10px;
  line-height:1;
  font-weight:900;
  font-style:normal;
  font-variant-numeric:tabular-nums;
  pointer-events:none;
}
.premium-sidebar .nav-item .nav-notification-dot.hidden{display:none!important}
.premium-sidebar .nav-item.has-notification{padding-right:38px}
html.sidebar-collapsed .premium-sidebar .nav-item.has-notification{padding-right:0}
html.sidebar-collapsed .premium-sidebar .nav-item .nav-notification-dot{top:3px;right:1px;min-width:17px;height:17px;padding:0 4px;font-size:9px}


.ticket-workspace{display:grid;gap:18px;max-width:1320px;margin:0 auto}
.ticket-overview{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:none;margin:0}
.ticket-metric-card{appearance:none;text-align:left;padding:18px 20px;border:1px solid #1d2c3e;border-radius:18px;background:linear-gradient(180deg,#111b28,#0c141f);display:grid;gap:5px;min-width:0;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease;box-shadow:none}
.ticket-metric-card:hover{border-color:#31506f;transform:translateY(-1px)}
.ticket-metric-card.is-active{border-color:#3d8eff;background:linear-gradient(180deg,rgba(47,135,255,.14),#0d1723);box-shadow:0 0 0 1px rgba(61,142,255,.1) inset}
.ticket-metric-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8da1b8;font-weight:800}
.ticket-metric-card>strong{font-size:30px;line-height:1;color:#f4f8fc}
.ticket-metric-card>small{color:#8194aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticket-inbox-panel{border:1px solid #1c2a3a;border-radius:20px;background:linear-gradient(180deg,#0e1722,#0b121b);overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.12)}
.ticket-inbox-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid #1b2938}
.ticket-inbox-header>div{min-width:0}.ticket-inbox-header h3{margin:5px 0 4px;color:#f3f7fb;font-size:20px}.ticket-inbox-header p{margin:0;color:#8094ab;line-height:1.45}.ticket-inbox-header>strong{flex:none;padding:8px 11px;border:1px solid #25384d;border-radius:999px;background:#111c29;color:#a9bdd3;font-size:11px}
.ticket-section-label{font-size:10px;letter-spacing:.11em;color:#6f91b3;font-weight:850}
.ticket-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,190px) minmax(150px,190px) auto;align-items:end;gap:12px;padding:16px 24px;border-bottom:1px solid #1a2736;background:rgba(16,26,39,.7)}
.ticket-toolbar label{display:grid;gap:6px;min-width:0}.ticket-toolbar label>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#758ba4;font-weight:800}.ticket-toolbar input,.ticket-toolbar select{width:100%;height:42px;border:1px solid #24374b;border-radius:11px;background:#0d1621;color:#e6eef7;padding:0 12px;outline:none}.ticket-toolbar input:focus,.ticket-toolbar select:focus{border-color:#3f84d8;box-shadow:0 0 0 3px rgba(63,132,216,.1)}
.ticket-reset-button{height:42px;padding:0 15px;border:1px solid #293b4f;border-radius:11px;background:#111b28;color:#aebed0;font-weight:750;cursor:pointer}.ticket-reset-button:hover{border-color:#3c536d;color:#edf4fb}
#ticketResults{padding:16px}
.ticket-card-list{display:grid;gap:11px}
.ticket-inbox-card{position:relative;display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:0;border:1px solid #1c2c3d;border-radius:16px;background:#0f1823;overflow:hidden;cursor:pointer;outline:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.ticket-inbox-card:hover,.ticket-inbox-card:focus-visible{border-color:#315579;background:#111d2b;transform:translateY(-1px)}
.ticket-card-accent{width:4px;background:#66788b}.ticket-inbox-card.status-open .ticket-card-accent{background:#ffb84d}.ticket-inbox-card.status-answered .ticket-card-accent{background:#45ce91}.ticket-inbox-card.status-closed .ticket-card-accent{background:#657589}
.ticket-card-main{padding:17px 18px;min-width:0}.ticket-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ticket-card-title{display:grid;gap:4px;min-width:0}.ticket-card-title strong{color:#f0f5fa;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.ticket-card-title span{font-size:11px;color:#7f93aa}.ticket-card-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;flex:none}.ticket-card-preview{margin:11px 0 13px;color:#a4b5c7;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-card-meta{display:flex;gap:14px 22px;flex-wrap:wrap}.ticket-card-meta span{display:flex;gap:6px;color:#879bb0;font-size:10px}.ticket-card-meta b{color:#627b95;text-transform:uppercase;letter-spacing:.05em;font-size:9px}
.ticket-card-open{display:flex;align-items:center;gap:8px;align-self:stretch;padding:0 18px;border-left:1px solid #1b2a3a;color:#90a8c0;font-size:11px;font-weight:800;white-space:nowrap}.ticket-card-open b{font-size:17px;color:#63a7ef}.ticket-inbox-card:hover .ticket-card-open{color:#dce9f5}
.ticket-filter-empty{display:grid;place-items:center;text-align:center;gap:7px;min-height:240px;padding:34px;border:1px dashed #26394d;border-radius:15px;background:#0d1620}.ticket-filter-empty strong{font-size:16px;color:#e8f0f8}.ticket-filter-empty p{margin:0 0 7px;color:#7f94aa}
.ticket-status,.ticket-priority{text-transform:none}.ticket-status.answered{color:#7ae0b1;background:rgba(70,205,145,.11)}.ticket-status.open{color:#ffc56f;background:rgba(255,184,77,.1)}.ticket-status.closed{color:#9aaabd;background:rgba(115,132,152,.1)}
.ticket-priority.low{color:#91a4b8}.ticket-priority.normal{color:#a8bed5}.ticket-priority.high{color:#ffc16c;background:rgba(255,167,66,.1)}.ticket-priority.urgent{color:#ff8e9a;background:rgba(255,76,98,.11)}

.ticket-create-modal{max-width:760px}.ticket-create-head{align-items:flex-start}.ticket-create-body{display:grid;gap:12px}.ticket-form-section{display:grid;gap:13px;padding:16px;border:1px solid #1e3042;border-radius:15px;background:#0e1722}.ticket-form-section-head{display:flex;align-items:center;gap:11px}.ticket-form-section-head>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#18283a;color:#7ab4f2;font-size:11px;font-weight:900}.ticket-form-section-head>div{display:grid;gap:2px}.ticket-form-section-head strong{font-size:12px;color:#eaf2fa}.ticket-form-section-head small{color:#71879f;font-size:10px}.ticket-create-actions{background:#0c141e}

.ticket-smart-thread{width:min(940px,calc(100vw - 28px));max-width:940px}.ticket-thread-head{align-items:flex-start}.ticket-thread-head .modal-subtitle{margin-top:5px;color:#8197ad}.ticket-thread-body{gap:13px}.ticket-thread-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.ticket-thread-facts{display:grid;gap:8px}.ticket-thread-facts>div{display:flex;gap:8px;flex-wrap:wrap}.ticket-thread-category{display:grid;gap:3px;text-align:right}.ticket-thread-category span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#6f849b}.ticket-thread-category strong{font-size:12px;color:#dce8f4}
.ticket-admin-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #203349;border-radius:14px;background:#101a26}.ticket-admin-controls>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7890a8;font-weight:850}.ticket-admin-controls>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ticket-state-button{min-height:36px;padding:0 12px;border:1px solid #30465d;border-radius:10px;background:#14202d;color:#b7c7d8;font-size:11px;font-weight:800;cursor:pointer}.ticket-state-button:hover:not(:disabled){border-color:#4c6c8e;color:#f2f7fb}.ticket-state-button.is-primary{background:rgba(46,134,239,.13);border-color:#346ca7;color:#8dc3ff}.ticket-state-button.is-danger{background:rgba(225,80,94,.09);border-color:#713b45;color:#ff9da8}.ticket-state-button:disabled{opacity:.55;cursor:wait}
.ticket-conversation{display:grid;gap:10px;min-height:0}.ticket-conversation-head{display:flex;justify-content:space-between;align-items:center;padding:0 3px}.ticket-conversation-head span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#748aa1;font-weight:850}.ticket-conversation-head small{color:#6f849a}.ticket-message-list{max-height:46vh;overflow:auto;padding:3px 4px 3px 0;scrollbar-width:thin}.ticket-message{box-shadow:0 5px 18px rgba(0,0,0,.08)}.ticket-message.admin{border-color:#2b5077}.ticket-thread-empty{padding:24px;text-align:center;border:1px dashed #26394d;border-radius:13px;color:#7f94aa}
.ticket-smart-composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;background:#0c141e}.ticket-reply-field{display:grid;gap:5px}.ticket-reply-field textarea{width:100%;min-height:84px;max-height:210px}.ticket-reply-field small{color:#657b92;font-size:9px}.ticket-smart-composer.is-disabled{opacity:.7}.ticket-smart-composer button{min-width:112px;min-height:42px}

@media(max-width:1000px){.ticket-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ticket-toolbar{grid-template-columns:minmax(0,1fr) minmax(130px,170px);}.ticket-search-field{grid-column:1/-1}.ticket-reset-button{justify-self:start}.ticket-inbox-card{grid-template-columns:4px minmax(0,1fr)}.ticket-card-open{grid-column:2;border-left:0;border-top:1px solid #1b2a3a;padding:11px 18px;justify-content:flex-end}}
@media(max-width:680px){.ticket-workspace{gap:12px}.ticket-overview{grid-template-columns:1fr 1fr!important;gap:9px!important}.ticket-metric-card{padding:14px;border-radius:14px}.ticket-metric-card>strong{font-size:24px}.ticket-inbox-panel{border-radius:15px}.ticket-inbox-header{align-items:flex-start;padding:17px;flex-direction:column}.ticket-toolbar{grid-template-columns:1fr;padding:13px 16px}.ticket-search-field{grid-column:auto}#ticketResults{padding:10px}.ticket-card-main{padding:14px}.ticket-card-head{display:grid;gap:10px}.ticket-card-badges{justify-content:flex-start}.ticket-card-preview{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ticket-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.ticket-card-meta span{display:grid;gap:2px}.ticket-smart-thread{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.ticket-thread-context{grid-template-columns:1fr;gap:10px}.ticket-thread-category{text-align:left}.ticket-admin-controls{align-items:flex-start;flex-direction:column}.ticket-admin-controls>div{justify-content:flex-start}.ticket-message-list{max-height:42vh}.ticket-smart-composer{grid-template-columns:1fr}.ticket-smart-composer button{width:100%}.ticket-form-section{padding:13px}.ticket-create-body{padding-left:12px!important;padding-right:12px!important}}


.ticket-workspace{gap:14px;max-width:1180px}
.ticket-overview{gap:10px!important}
.ticket-metric-card{padding:12px 14px;border-radius:14px;gap:3px}
.ticket-metric-card>span{font-size:9px}
.ticket-metric-card>strong{font-size:22px}
.ticket-metric-card>small{font-size:10px}
.ticket-inbox-panel{border-radius:16px}
.ticket-inbox-header{padding:15px 18px 13px;gap:14px}
.ticket-inbox-header h3{font-size:18px;margin:3px 0}
.ticket-inbox-header p{font-size:11px}
.ticket-inbox-header>strong{padding:6px 9px;font-size:10px}
.ticket-toolbar{grid-template-columns:minmax(220px,1fr) minmax(130px,165px) minmax(130px,165px) auto;gap:9px;padding:11px 16px}
.ticket-toolbar input,.ticket-toolbar select,.ticket-reset-button{height:38px;border-radius:10px}
#ticketResults{padding:12px}
.ticket-card-list{gap:8px}
.ticket-inbox-card{grid-template-columns:3px minmax(0,1fr) auto;border-radius:13px}
.ticket-card-accent{width:3px}
.ticket-card-main{padding:11px 13px}
.ticket-card-head{gap:10px}
.ticket-card-title{gap:2px}
.ticket-card-title strong{font-size:13px;line-height:1.25}
.ticket-card-title span{font-size:10px}
.ticket-card-badges{gap:5px}
.ticket-status,.ticket-priority{padding:5px 8px;font-size:9px;gap:5px}
.ticket-card-preview{margin:7px 0 8px;font-size:11px;line-height:1.35}
.ticket-card-meta{gap:7px 14px}
.ticket-card-meta span{gap:4px;font-size:9px}
.ticket-card-meta b{font-size:8px}
.ticket-card-open{gap:6px;padding:0 12px;font-size:10px}
.ticket-card-open b{font-size:15px}
.ticket-filter-empty{min-height:180px;padding:24px}


.ticket-smart-thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(900px,calc(100vw - 20px));max-width:900px;height:min(720px,calc(100dvh - 20px));max-height:calc(100dvh - 20px)!important;overflow:hidden}
.ticket-smart-thread .ticket-thread-head{padding:13px 16px!important}
.ticket-smart-thread .ticket-thread-head h3{font-size:18px;line-height:1.2}
.ticket-smart-thread .ticket-thread-head .modal-subtitle{font-size:10px;line-height:1.3}
.ticket-smart-thread .ticket-thread-body{min-height:0;max-height:none!important;overflow:auto;padding:11px 14px!important;overscroll-behavior:contain}
.ticket-thread-context{padding:10px 12px}
.ticket-admin-controls{padding:9px 11px;border-radius:12px}
.ticket-state-button{min-height:32px;padding:0 10px}
.ticket-conversation{gap:8px}
.ticket-message-list{max-height:none!important;overflow:visible!important;padding-right:2px}
.ticket-message{max-width:78%;padding:10px 12px;border-radius:13px}
.ticket-message>div{margin-bottom:5px;gap:12px}
.ticket-message p{font-size:12px;line-height:1.45}
.ticket-smart-composer{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px 12px!important;background:#0b131d;border-top:1px solid #203044;box-shadow:0 -10px 24px rgba(0,0,0,.16)}
.ticket-reply-field{gap:3px}
.ticket-reply-field textarea{min-height:58px;max-height:110px;resize:vertical;padding:9px 11px}
.ticket-reply-field small{font-size:8px}
.ticket-smart-composer button{min-width:102px;min-height:38px;padding:8px 12px;align-self:end}

@media(max-width:1000px){
  .ticket-toolbar{grid-template-columns:minmax(0,1fr) minmax(120px,155px)}
  .ticket-card-open{padding:8px 13px}
}

@media(max-width:680px){
  .ticket-workspace{gap:9px}
  .ticket-overview{gap:7px!important}
  .ticket-metric-card{padding:9px 10px;border-radius:11px}
  .ticket-metric-card>span{font-size:8px;letter-spacing:.05em}
  .ticket-metric-card>strong{font-size:19px}
  .ticket-metric-card>small{font-size:9px}
  .ticket-inbox-header{padding:12px 13px;gap:7px}
  .ticket-inbox-header h3{font-size:16px}
  .ticket-inbox-header p{font-size:10px}
  .ticket-toolbar{padding:9px 11px;gap:7px}
  .ticket-toolbar input,.ticket-toolbar select,.ticket-reset-button{height:36px}
  #ticketResults{padding:8px}
  .ticket-card-list{gap:6px}
  .ticket-card-main{padding:9px 10px}
  .ticket-card-head{gap:7px}
  .ticket-card-title strong{font-size:12px}
  .ticket-card-badges{gap:4px}
  .ticket-status,.ticket-priority{padding:4px 6px;font-size:8px}
  .ticket-card-preview{margin:5px 0 6px;font-size:10px;-webkit-line-clamp:1}
  .ticket-card-meta{grid-template-columns:1fr 1fr;gap:5px 8px}
  .ticket-card-open{padding:7px 10px;font-size:9px}
  .ticket-smart-thread{width:calc(100vw - 8px);height:calc(100dvh - 8px);max-height:calc(100dvh - 8px)!important;border-radius:14px!important}
  .ticket-smart-thread .ticket-thread-head{padding:9px 10px!important}
  .ticket-smart-thread .ticket-thread-head h3{font-size:15px}
  .ticket-smart-thread .ticket-thread-head .eyebrow{font-size:8px}
  .ticket-smart-thread .ticket-thread-head .modal-subtitle{margin-top:2px;font-size:9px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .ticket-smart-thread .ticket-thread-head .icon-button{width:32px;height:32px;flex:none}
  .ticket-smart-thread .ticket-thread-body{padding:8px 9px!important}
  .ticket-thread-context{padding:8px 9px}
  .ticket-admin-controls{padding:8px 9px;gap:8px}
  .ticket-admin-controls>div{gap:5px}
  .ticket-state-button{min-height:30px;padding:0 8px;font-size:9px}
  .ticket-message{max-width:92%!important;padding:8px 10px}
  .ticket-message p{font-size:11px}
  .ticket-smart-composer{grid-template-columns:1fr;padding:7px 9px!important;gap:5px}
  .ticket-reply-field textarea{min-height:50px;max-height:80px;padding:8px 9px}
  .ticket-reply-field small{display:none}
  .ticket-smart-composer button{width:100%;min-height:36px}
}

@media(max-width:430px){
  .ticket-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ticket-metric-card>small{display:none}
  .ticket-inbox-header>strong{display:none}
  .ticket-card-open{display:none}
  .ticket-inbox-card{grid-template-columns:3px minmax(0,1fr)}
  .ticket-card-head{display:grid;gap:6px}
  .ticket-card-badges{justify-content:flex-start}
  .ticket-card-meta{grid-template-columns:1fr 1fr}
}

@media(max-height:620px){
  .ticket-smart-thread{height:calc(100dvh - 6px);max-height:calc(100dvh - 6px)!important}
  .ticket-smart-thread .ticket-thread-head{padding:7px 9px!important}
  .ticket-smart-thread .ticket-thread-head .eyebrow,.ticket-smart-thread .ticket-thread-head .modal-subtitle{display:none}
  .ticket-smart-thread .ticket-thread-body{padding:6px 8px!important}
  .ticket-thread-context{padding:6px 8px}
  .ticket-admin-controls{padding:6px 8px}
  .ticket-smart-composer{padding:6px 8px!important}
  .ticket-reply-field textarea{min-height:44px;max-height:62px}
  .ticket-smart-composer button{min-height:34px}
}


.ticket-smart-thread{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:min(860px,calc(100vw - 20px));
  max-width:860px;
  height:min(680px,calc(100dvh - 20px));
  max-height:calc(100dvh - 20px)!important;
  overflow:hidden;
}
.ticket-smart-thread .ticket-thread-head{
  min-width:0;
  padding:11px 14px!important;
}
.ticket-smart-thread .ticket-thread-head>div{min-width:0}
.ticket-smart-thread .ticket-thread-head h3{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
}
.ticket-smart-thread .ticket-thread-head .modal-subtitle{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
}
.ticket-smart-thread .ticket-thread-body{
  display:flex!important;
  flex-direction:column;
  gap:8px!important;
  min-height:0;
  max-height:none!important;
  overflow:hidden!important;
  padding:9px 11px!important;
}
.ticket-smart-thread .ticket-thread-context{
  flex:none;
  padding:8px 10px;
  border-radius:11px;
}
.ticket-smart-thread .ticket-thread-facts{gap:5px}
.ticket-smart-thread .ticket-thread-facts>div{gap:5px}
.ticket-smart-thread .ticket-thread-facts small{font-size:9px}
.ticket-smart-thread .ticket-thread-category strong{font-size:11px}
.ticket-smart-thread .ticket-admin-controls{
  flex:none;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between;
  gap:8px;
  padding:7px 9px;
  border-radius:11px;
  min-width:0;
}
.ticket-smart-thread .ticket-admin-controls>span{
  flex:none;
  font-size:9px;
}
.ticket-smart-thread .ticket-admin-controls>div{
  display:flex;
  flex:1;
  min-width:0;
  gap:5px;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  overflow-x:auto;
  scrollbar-width:none;
}
.ticket-smart-thread .ticket-admin-controls>div::-webkit-scrollbar{display:none}
.ticket-smart-thread .ticket-state-button{
  flex:none;
  min-height:29px;
  padding:0 8px;
  border-radius:8px;
  font-size:9px;
  white-space:nowrap;
}
.ticket-smart-thread .ticket-conversation{
  display:flex!important;
  flex:1 1 auto;
  flex-direction:column;
  gap:6px;
  min-height:0;
  overflow:hidden;
}
.ticket-smart-thread .ticket-conversation-head{
  flex:none;
  min-height:18px;
  padding:0 2px;
}
.ticket-smart-thread .ticket-message-list{
  display:grid;
  align-content:start;
  gap:8px;
  flex:1 1 auto;
  min-height:0;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:2px 4px 6px 1px;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.ticket-smart-thread .ticket-message{
  max-width:76%;
  padding:9px 11px;
  border-radius:12px;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.ticket-smart-thread .ticket-message>div{gap:9px;margin-bottom:4px}
.ticket-smart-thread .ticket-message p{font-size:11px;line-height:1.4}
.ticket-smart-thread .ticket-smart-composer{
  position:relative;
  z-index:3;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end;
  gap:7px;
  padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;
  border-top:1px solid #203044;
  background:#0b131d;
  box-shadow:0 -8px 20px rgba(0,0,0,.16);
}
.ticket-smart-thread .ticket-reply-field{min-width:0;gap:2px}
.ticket-smart-thread .ticket-reply-field textarea{
  min-height:44px;
  max-height:84px;
  resize:none;
  padding:8px 10px;
  line-height:1.35;
}
.ticket-smart-thread .ticket-reply-field small{font-size:8px}
.ticket-smart-thread .ticket-smart-composer button{
  flex:none;
  width:auto!important;
  min-width:92px;
  min-height:36px;
  padding:8px 10px;
  white-space:nowrap;
}

@media(max-width:680px){
  .ticket-smart-thread{
    width:calc(100vw - 6px)!important;
    max-width:none!important;
    height:calc(100dvh - 6px)!important;
    max-height:calc(100dvh - 6px)!important;
    border-radius:12px!important;
  }
  .ticket-smart-thread .ticket-thread-head{padding:8px 9px!important}
  .ticket-smart-thread .ticket-thread-head h3{font-size:14px}
  .ticket-smart-thread .ticket-thread-head .eyebrow{font-size:7px;margin-bottom:3px}
  .ticket-smart-thread .ticket-thread-head .modal-subtitle{font-size:8px;margin-top:2px}
  .ticket-smart-thread .ticket-thread-head .icon-button{width:30px;height:30px}
  .ticket-smart-thread .ticket-thread-body{gap:6px!important;padding:6px 7px!important}
  .ticket-smart-thread .ticket-thread-context{grid-template-columns:minmax(0,1fr) auto!important;gap:7px;padding:6px 7px}
  .ticket-smart-thread .ticket-thread-facts small{display:none}
  .ticket-smart-thread .ticket-thread-category{text-align:right!important}
  .ticket-smart-thread .ticket-thread-category span{display:none}
  .ticket-smart-thread .ticket-admin-controls{padding:5px 6px;gap:6px}
  .ticket-smart-thread .ticket-admin-controls>span{display:none}
  .ticket-smart-thread .ticket-admin-controls>div{justify-content:flex-start!important}
  .ticket-smart-thread .ticket-state-button{min-height:27px;padding:0 7px;font-size:8px}
  .ticket-smart-thread .ticket-message{max-width:90%!important;padding:7px 9px}
  .ticket-smart-thread .ticket-message strong{font-size:10px}
  .ticket-smart-thread .ticket-message time{font-size:8px}
  .ticket-smart-thread .ticket-message p{font-size:10px;line-height:1.35}
  .ticket-smart-thread .ticket-smart-composer{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:5px;
    padding:6px 7px max(6px,env(safe-area-inset-bottom))!important;
  }
  .ticket-smart-thread .ticket-reply-field textarea{min-height:40px;max-height:68px;padding:7px 8px;font-size:11px}
  .ticket-smart-thread .ticket-reply-field small{display:none}
  .ticket-smart-thread .ticket-smart-composer button{width:auto!important;min-width:82px;min-height:34px;padding:7px 8px;font-size:10px}
}

@media(max-width:420px){
  .ticket-smart-thread{
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    margin:0!important;
  }
  .ticket-smart-thread .ticket-thread-head .modal-subtitle{display:none!important}
  .ticket-smart-thread .ticket-thread-context{grid-template-columns:1fr!important}
  .ticket-smart-thread .ticket-thread-category{display:none}
  .ticket-smart-thread .ticket-smart-composer button{min-width:76px;padding-inline:7px}
}

@media(max-height:520px){
  .ticket-smart-thread{height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .ticket-smart-thread .ticket-thread-head{padding:6px 8px!important}
  .ticket-smart-thread .ticket-thread-head .eyebrow,.ticket-smart-thread .ticket-thread-head .modal-subtitle{display:none!important}
  .ticket-smart-thread .ticket-thread-context{display:none!important}
  .ticket-smart-thread .ticket-admin-controls{padding:4px 6px}
  .ticket-smart-thread .ticket-reply-field textarea{min-height:36px;max-height:50px}
  .ticket-smart-thread .ticket-smart-composer{padding-top:5px!important}
}


.ticket-smart-thread:not([open]){
  display:none!important;
}
.ticket-smart-thread[open]{
  display:grid!important;
  position:fixed!important;
  inset:0!important;
  margin:auto!important;
  width:min(780px,calc(100vw - 28px))!important;
  max-width:780px!important;
  height:min(620px,calc(100dvh - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
}
@media(max-width:680px){
  .ticket-smart-thread[open]{
    width:calc(100vw - 10px)!important;
    max-width:none!important;
    height:calc(100dvh - 10px)!important;
    max-height:calc(100dvh - 10px)!important;
  }
}
@media(max-width:420px){
  .ticket-smart-thread[open]{
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
  }
}


:root {
  --bg: #080b10;
  --bg-elevated: #0c1118;
  --surface: #0f151e;
  --surface-2: #141c27;
  --surface-3: #192331;
  --surface-hover: #1d2937;
  --line: rgba(148, 163, 184, .16);
  --line-strong: rgba(148, 163, 184, .28);
  --text: #f4f7fb;
  --text-2: #c5cfdd;
  --muted: #8492a6;
  --subtle: #59677a;
  --accent: #39d98a;
  --accent-strong: #20bd73;
  --accent-soft: rgba(57, 217, 138, .12);
  --blue: #6ea8fe;
  --warning: #f8c15c;
  --danger: #ff7181;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, .18);
  --shadow: 0 22px 70px rgba(0, 0, 0, .42);
  --sidebar-expanded: 264px;
  --sidebar-collapsed: 80px;
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 320px; background: var(--bg); scroll-behavior: smooth; }
body {
  min-width: 320px;
  margin: 0;
  overflow-x: clip;
  color: var(--text);
  background:
    radial-gradient(circle at 82% -10%, rgba(57,217,138,.07), transparent 30rem),
    radial-gradient(circle at 10% 100%, rgba(72,117,255,.05), transparent 28rem),
    var(--bg);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; }
.hidden, [hidden] { display: none !important; }
html:not([data-actor-role="super_admin"]) [data-super-admin-only] { display: none !important; }
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
:focus-visible { outline: 2px solid #78e8b1 !important; outline-offset: 3px; }
::selection { color: #04110a; background: #76e9b2; }


.app-shell {
  min-height: 100dvh !important;
  display: grid !important;
  grid-template-columns: var(--sidebar-expanded) minmax(0, 1fr) !important;
  transition: grid-template-columns .22s cubic-bezier(.2,.75,.2,1);
}
.sidebar.premium-sidebar {
  position: sticky !important;
  inset: 0 auto auto 0;
  z-index: 60;
  width: 100% !important;
  height: 100dvh;
  min-width: 0;
  padding: 14px 12px 12px !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 10px;
  overflow: hidden !important;
  border: 0 !important;
  border-right: 1px solid var(--line) !important;
  background: rgba(10, 14, 20, .96) !important;
  box-shadow: none !important;
  backdrop-filter: blur(24px);
}
.sidebar-head {
  min-width: 0;
  height: 52px;
  padding: 0 4px !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 0 !important;
}
.premium-sidebar .brand { min-width: 0; padding: 0 !important; gap: 10px !important; }
.brand-logo-sidebar { width: 36px !important; height: 36px !important; object-fit: contain; }
.premium-sidebar .brand-copy { min-width: 0; display: grid !important; line-height: 1.05; }
.premium-sidebar .brand strong { color: #f7d784 !important; font-size: 16px !important; letter-spacing: -.01em !important; }
.premium-sidebar .brand span { margin-top: 4px; color: #79879a !important; font-size: 9px !important; font-weight: 800; letter-spacing: .16em !important; }
.sidebar-collapse {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  padding: 0 !important;
  display: grid !important;
  place-items: center;
  border: 1px solid var(--line) !important;
  border-radius: 9px !important;
  color: var(--muted) !important;
  background: var(--surface) !important;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}
.sidebar-collapse:hover { color: var(--text) !important; border-color: var(--line-strong) !important; background: var(--surface-2) !important; }
.sidebar-collapse svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.premium-sidebar nav {
  min-height: 0;
  padding: 2px 1px 8px !important;
  display: block !important;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.premium-sidebar nav::-webkit-scrollbar { display: none; }
.nav-group { margin: 0 0 10px !important; padding: 0 0 9px !important; border-bottom: 1px solid rgba(148,163,184,.08) !important; }
.nav-group:last-child { margin-bottom: 0 !important; border: 0 !important; }
.nav-label { margin: 0 10px 5px !important; color: #566477 !important; font-size: 9px !important; font-weight: 850 !important; letter-spacing: .15em !important; }
.premium-sidebar .nav-item {
  width: 100%;
  min-height: 42px !important;
  margin: 2px 0;
  padding: 8px 10px !important;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  overflow: hidden;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: #a7b2c1 !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  text-align: left;
  transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease !important;
}
.premium-sidebar .nav-item:hover { color: #f4f7fb !important; background: rgba(255,255,255,.045) !important; border-color: rgba(148,163,184,.08) !important; transform: translateX(2px) !important; }
.premium-sidebar .nav-item.active { color: #e9fff4 !important; border-color: rgba(57,217,138,.18) !important; background: linear-gradient(90deg, rgba(57,217,138,.15), rgba(57,217,138,.055)) !important; box-shadow: inset 2px 0 #39d98a !important; }
.premium-sidebar .nav-item span { width: 22px !important; min-width: 22px !important; display: grid !important; place-items: center; color: #79879a !important; }
.premium-sidebar .nav-item.active span { color: #64e6a5 !important; }
.premium-sidebar .nav-item svg, .sidebar-logout svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.premium-sidebar .nav-item b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: inherit !important; }
.premium-sidebar .sidebar-footer {
  position: relative;
  z-index: 2;
  margin: 0 !important;
  padding: 10px 0 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  border: 0 !important;
  border-top: 1px solid var(--line) !important;
  background: #0a0e14 !important;
  box-shadow: 0 -14px 32px #0a0e14 !important;
}
.sidebar-logout {
  min-height: 38px !important;
  padding: 8px 10px !important;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #9ca8b8 !important;
  background: transparent !important;
  font-size: 11px !important;
  text-align: left;
  transition: .16s ease;
}
.sidebar-logout:hover { color: #ffd6da !important; border-color: rgba(255,113,129,.14) !important; background: rgba(255,113,129,.07) !important; }
.sidebar-logout span { width: 22px; display: grid; place-items: center; }
.sidebar-logout b { font: inherit; }

html.sidebar-collapsed .app-shell { grid-template-columns: var(--sidebar-collapsed) minmax(0,1fr) !important; }
html.sidebar-collapsed .premium-sidebar { padding-inline: 11px !important; }
html.sidebar-collapsed .brand-copy,
html.sidebar-collapsed .nav-label,
html.sidebar-collapsed .nav-item b,
html.sidebar-collapsed .sidebar-logout b { display: none !important; }
html.sidebar-collapsed .sidebar-head { justify-content: center; }
html.sidebar-collapsed .sidebar-collapse { position: absolute; top: 16px; right: -16px; z-index: 5; transform: rotate(180deg); box-shadow: var(--shadow-sm); }
html.sidebar-collapsed .premium-sidebar .nav-item { width: 44px; height: 42px; padding: 0 !important; justify-content: center; }
html.sidebar-collapsed .premium-sidebar .nav-item:hover { transform: none !important; }
html.sidebar-collapsed .sidebar-logout { padding: 0 !important; justify-content: center; }


.main { min-width: 0; }
.topbar {
  position: sticky !important;
  top: 0;
  z-index: 35;
  min-height: 76px !important;
  padding: 14px clamp(18px, 2.3vw, 36px) !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: rgba(8,11,16,.78) !important;
  backdrop-filter: blur(22px) saturate(140%);
}
.page-heading { min-width: 0; }
.page-heading .eyebrow { margin: 0 0 3px !important; color: #6d7b8e !important; font-size: 8px !important; font-weight: 850 !important; letter-spacing: .16em !important; }
.page-heading h2 { margin: 0 !important; color: var(--text) !important; font-size: clamp(20px, 2.2vw, 27px) !important; line-height: 1.1; letter-spacing: -.035em; }
.top-actions { min-width: 0; display: flex; align-items: center; gap: 8px !important; }
.content { width: 100%; max-width: 1760px !important; min-width: 0; margin: 0 auto !important; padding: clamp(18px,2.5vw,36px) clamp(16px,2.5vw,38px) 64px !important; }


.card, .panel, .admin-grid-panel, .settings-card, .dashboard-section {
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: linear-gradient(180deg, rgba(18,25,35,.96), rgba(13,19,27,.96)) !important;
  box-shadow: var(--shadow-sm) !important;
}
.button, .toolbar-btn, .icon-button, .mini-copy-button, .icon-action {
  min-height: 40px;
  border-radius: 10px !important;
  font-weight: 720 !important;
  transition: transform .14s ease, color .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease, opacity .14s ease !important;
}
.button:hover:not(:disabled), .toolbar-btn:hover:not(:disabled), .mini-copy-button:hover:not(:disabled) { transform: translateY(-1px); }
.button:active:not(:disabled), .toolbar-btn:active:not(:disabled), .mini-copy-button:active:not(:disabled) { transform: translateY(0) scale(.98); }
.button.primary, .toolbar-btn.primary {
  color: #02110a !important;
  border-color: rgba(122,240,180,.25) !important;
  background: linear-gradient(135deg,#68e5aa,#2ed17f) !important;
  box-shadow: 0 8px 22px rgba(57,217,138,.15) !important;
}
.button.primary:hover, .toolbar-btn.primary:hover { background: linear-gradient(135deg,#7cecb8,#3edb8e) !important; box-shadow: 0 10px 28px rgba(57,217,138,.22) !important; }
.button.secondary, .toolbar-btn { color: var(--text-2) !important; border: 1px solid var(--line) !important; background: var(--surface) !important; }
.button.secondary:hover, .toolbar-btn:hover { color: var(--text) !important; border-color: var(--line-strong) !important; background: var(--surface-2) !important; }
.button.ghost { color: var(--text-2) !important; border: 1px solid var(--line) !important; background: transparent !important; }
.button.danger { color: #ffb7c0 !important; border: 1px solid rgba(255,113,129,.2) !important; background: rgba(255,113,129,.08) !important; }
.icon-button { width: 40px; padding: 0 !important; display: grid !important; place-items: center; border: 1px solid var(--line) !important; color: var(--muted) !important; background: var(--surface) !important; font-size: 20px; }
.icon-button svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.icon-button:hover { color: var(--text) !important; border-color: var(--line-strong) !important; background: var(--surface-2) !important; }
.mobile-menu { display: none !important; }

label { color: var(--text-2); }
input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  color: var(--text) !important;
  background: #0b1119 !important;
  box-shadow: none !important;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}
input:not([type="checkbox"]):not([type="radio"]), select { min-height: 42px; padding: 0 12px !important; }
textarea { padding: 11px 12px !important; line-height: 1.5; resize: vertical; }
input:hover, select:hover, textarea:hover { border-color: var(--line-strong) !important; }
input:focus, select:focus, textarea:focus { outline: 0 !important; border-color: rgba(57,217,138,.5) !important; background: #0d151e !important; box-shadow: 0 0 0 3px rgba(57,217,138,.08) !important; }
input::placeholder, textarea::placeholder { color: #566477; }
input[aria-invalid="true"], textarea[aria-invalid="true"], select[aria-invalid="true"] { border-color: rgba(255,113,129,.7) !important; box-shadow: 0 0 0 3px rgba(255,113,129,.08) !important; }
.muted{ color: var(--muted) !important; }
.section-head { gap: 14px; }
.section-head h3 { color: var(--text) !important; letter-spacing: -.02em; }
.pill, .badge, .status-chip { border-radius: 999px !important; }
.pill.active, .status-chip.active, .badge.active { color: #8ff0be !important; border-color: rgba(57,217,138,.18) !important; background: var(--accent-soft) !important; }
.empty.card { min-height: 280px; display: grid; place-items: center; text-align: center; }
.empty.card strong { display: block; margin-bottom: 6px; color: var(--text); font-size: 16px; }
.skeleton { overflow: hidden; position: relative; }
.skeleton::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent); animation: shimmer 1.35s infinite; }
@keyframes shimmer { to { transform: translateX(100%); } }


.admin-grid-panel { min-width: 0; overflow: hidden !important; }
.table-wrap, .classic-table-wrap, .reseller-table-wrap, .support-table-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.table-wrap:hover, .classic-table-wrap:hover, .reseller-table-wrap:hover, .support-table-wrap:hover { scrollbar-color: rgba(148,163,184,.25) transparent; }
.table-wrap::-webkit-scrollbar, .classic-table-wrap::-webkit-scrollbar, .reseller-table-wrap::-webkit-scrollbar, .support-table-wrap::-webkit-scrollbar { width: 6px; height: 6px; }
.table-wrap::-webkit-scrollbar-thumb, .classic-table-wrap::-webkit-scrollbar-thumb, .reseller-table-wrap::-webkit-scrollbar-thumb, .support-table-wrap::-webkit-scrollbar-thumb { border-radius: 99px; background: transparent; }
.table-wrap:hover::-webkit-scrollbar-thumb, .classic-table-wrap:hover::-webkit-scrollbar-thumb, .reseller-table-wrap:hover::-webkit-scrollbar-thumb, .support-table-wrap:hover::-webkit-scrollbar-thumb { background: rgba(148,163,184,.25); }
table { width: 100%; border-collapse: separate !important; border-spacing: 0 !important; color: var(--text-2); }
thead { position: relative; z-index: 3; }
thead th { min-height: 42px; padding: 12px 14px !important; border-bottom: 1px solid var(--line) !important; color: #748297 !important; background: #101721 !important; font-size: 9px !important; font-weight: 850 !important; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
tbody td { padding: 13px 14px !important; border-bottom: 1px solid rgba(148,163,184,.08) !important; color: var(--text-2) !important; background: transparent !important; vertical-align: middle; }
tbody tr:last-child td { border-bottom: 0 !important; }
tbody tr { transition: background .14s ease; }
tbody tr:hover { background: rgba(255,255,255,.022) !important; }
.classic-footer { border-top: 1px solid var(--line) !important; background: #0d131c !important; }
.admin-grid-toolbar { min-width: 0; padding: 14px !important; gap: 12px !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; background: var(--bg-elevated) !important; box-shadow: var(--shadow-sm); }
.grid-field { min-width: 0; }
.grid-field label { color: var(--muted) !important; font-size: 10px !important; }
.grid-actions { flex-wrap: wrap; }
.mini-copy-button, .icon-action { border-color: var(--line) !important; color: var(--text-2) !important; background: var(--surface) !important; }
.classic-user strong { color: var(--text) !important; }
.classic-user small, .classic-user em { color: var(--muted) !important; }


dialog { color: var(--text); }
dialog::backdrop { background: rgba(0,3,8,.74); backdrop-filter: blur(8px); animation: backdrop-in .18s ease both; }
.modal {
  max-width: min(94vw, 760px) !important;
  max-height: min(92dvh, 900px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: var(--radius-lg) !important;
  color: var(--text) !important;
  background: #0d131b !important;
  box-shadow: var(--shadow) !important;
}
.modal[open], .access-create-dialog[open], .access-success-dialog[open] { animation: dialog-in .2s cubic-bezier(.2,.8,.2,1) both; }
.modal-head { padding: 19px 20px !important; border-bottom: 1px solid var(--line) !important; background: #101720 !important; }
.modal-head h3 { color: var(--text) !important; letter-spacing: -.025em; }
.modal-body { max-height: calc(92dvh - 150px); padding: 20px !important; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(148,163,184,.22) transparent; }
.modal-actions { padding: 13px 20px !important; border-top: 1px solid var(--line) !important; background: #0b1017 !important; }
@keyframes dialog-in { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes backdrop-in { from { opacity: 0; } to { opacity: 1; } }


.access-create-dialog {
  width: min(640px, calc(100vw - 28px));
  max-width: none;
  max-height: min(94dvh, 860px);
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  border-radius: 20px;
  color: var(--text);
  background: #0c1219;
  box-shadow: 0 34px 100px rgba(0,0,0,.56);
}
.access-create-form { min-width: 0; max-height: min(94dvh, 860px); display: grid; grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; }
.access-create-header { min-width: 0; padding: 22px 24px 19px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); background: #0f161f; }
.access-create-header > div:first-child { min-width: 0; }
.access-create-header > div:first-child > span { display: block; margin-bottom: 6px; color: #63e2a4; font-size: 8px; font-weight: 900; letter-spacing: .17em; }
.access-create-header h3 { margin: 0; color: var(--text); font-size: 25px; line-height: 1.08; letter-spacing: -.04em; }
.access-create-header p { margin: 6px 0 0; color: var(--muted); font-size: 10px; }
.access-header-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; }
.access-mode-switch { display: flex; padding: 3px; border: 1px solid var(--line); border-radius: 10px; background: #090e14; }
.access-mode-switch button { min-width: 52px; height: 31px; padding: 0 11px; border: 0; border-radius: 7px; color: var(--muted); background: transparent; font-size: 9px; font-weight: 850; transition: color .16s ease, background .16s ease, box-shadow .16s ease; }
.access-mode-switch button:hover { color: var(--text-2); }
.access-mode-switch button.active { color: #06130c; background: #55dda0; box-shadow: 0 6px 16px rgba(57,217,138,.16); }
.access-create-body { min-width: 0; min-height: 0; padding: 26px 24px 30px; overflow: auto; overscroll-behavior: contain; scrollbar-width: none; background: #0c1219; }
.access-create-body::-webkit-scrollbar { display: none; }
.access-fields { width: 100%; max-width: 520px; margin: 0 auto; display: grid; gap: 9px; }
.access-field { min-width: 0; margin-top: 13px; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.access-field:first-child { margin-top: 0; }
.access-field span { color: #d3dbe6; font-size: 10px; font-weight: 780; }
.access-field small { color: #66758a; font-size: 8px; font-weight: 620; text-align: right; }
.access-fields input,
.access-fields select,
.access-fields textarea { width: 100%; min-width: 0; border: 1px solid var(--line) !important; border-radius: 11px !important; color: var(--text) !important; background: #101822 !important; box-shadow: none !important; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
.access-fields input,
.access-fields select { height: 47px !important; padding: 0 13px !important; }
.access-fields textarea { min-height: 68px; padding: 11px 13px !important; resize: vertical; }
.access-fields input:hover,
.access-fields select:hover,
.access-fields textarea:hover { border-color: var(--line-strong) !important; background: #121b26 !important; }
.access-fields input:focus,
.access-fields select:focus,
.access-fields textarea:focus { border-color: rgba(57,217,138,.55) !important; background: #111b25 !important; box-shadow: 0 0 0 3px rgba(57,217,138,.08) !important; }
.access-fields input[aria-invalid="true"] { border-color: rgba(255,113,129,.65) !important; box-shadow: 0 0 0 3px rgba(255,113,129,.08) !important; }
.access-input-action { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.access-input-action button { min-width: 84px; border: 1px solid rgba(57,217,138,.2); border-radius: 10px; color: #7debb5; background: rgba(57,217,138,.065); font-size: 9px; font-weight: 800; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.access-input-action button:hover { border-color: rgba(57,217,138,.4); background: rgba(57,217,138,.11); transform: translateY(-1px); }
.access-input-action button:active { transform: translateY(0); }
.access-select { position: relative; min-width: 0; }
.access-select::after { content: ""; position: absolute; top: 50%; right: 15px; width: 7px; height: 7px; border-right: 1.5px solid #7f8da0; border-bottom: 1.5px solid #7f8da0; transform: translateY(-70%) rotate(45deg); pointer-events: none; transition: transform .16s ease, border-color .16s ease; }
.access-select:focus-within::after { border-color: #71e8ae; transform: translateY(-35%) rotate(225deg); }
.access-select select { padding-right: 38px !important; appearance: none; cursor: pointer; }
.access-select option,
.access-select optgroup { color: #e7edf5; background: #111923; }
.access-device-field { min-width: 0; display: grid; gap: 9px; }
.access-create-footer { min-height: 70px; padding: 13px 24px; display: flex; justify-content: flex-end; gap: 9px; border-top: 1px solid var(--line); background: #090e14; }
.access-create-footer .button { min-width: 112px; }

.access-success-dialog { width: min(500px, calc(100vw - 28px)); max-width: none; padding: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 20px; color: var(--text); background: #0d141d; box-shadow: 0 34px 100px rgba(0,0,0,.58); }
.access-success-shell { position: relative; padding: 34px 30px 28px; text-align: center; }
.access-success-close { position: absolute; top: 14px; right: 14px; }
.access-success-mark { width: 54px; height: 54px; margin: 0 auto 16px; display: grid; place-items: center; border-radius: 50%; color: #06150d; background: linear-gradient(135deg,#78ebb5,#3bd78a); box-shadow: 0 0 0 9px rgba(57,217,138,.055); font-size: 20px; font-weight: 900; animation: success-pop .35s .06s cubic-bezier(.2,1.5,.3,1) both; }
@keyframes success-pop { from { opacity: 0; transform: scale(.55) rotate(-10deg); } to { opacity: 1; transform: none; } }
.access-success-kicker { color: #64e3a5; font-size: 8px; font-weight: 900; letter-spacing: .17em; }
.access-success-shell h3 { margin: 7px 0 0; color: var(--text); font-size: 24px; letter-spacing: -.04em; }
.access-success-shell > p { margin: 6px 0 20px; color: var(--muted); font-size: 10px; }
.access-success-details { margin: 0; padding: 4px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.access-success-details div { min-width: 0; padding: 10px 2px; display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 14px; text-align: left; }
.access-success-details dt { color: var(--muted); font-size: 9px; }
.access-success-details dd { min-width: 0; margin: 0; overflow: hidden; color: var(--text-2); font: 650 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.access-success-actions { margin-top: 20px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.access-success-actions .button { min-width: 0; }
.access-success-actions .button:last-child { grid-column: 1/-1; }
.access-success-actions .button.is-copied { color: #06130c !important; border-color: rgba(122,240,180,.4) !important; background: #68e5aa !important; box-shadow: 0 8px 24px rgba(57,217,138,.2) !important; }
.access-success-shell > .access-copy-status { min-height: 16px; margin: 10px 0 0; color: #75e9ad; font-size: 9px; font-weight: 760; }


.management-page { width: 100%; max-width: none; min-width: 0; display: grid; gap: 14px; }
.management-page .reseller-page-head { width: 100%; max-width: none; min-width: 0; margin: 0; display: grid; gap: 14px; }
.management-page .reseller-overview-cards,
.management-page .ticket-metrics { width: 100%; max-width: none; min-width: 0; margin: 0; gap: 14px; }
.management-page .reseller-overview-cards article,
.management-page .ticket-metrics article { min-width: 0; min-height: 112px; padding: 19px !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; background: linear-gradient(180deg,rgba(18,25,35,.96),rgba(13,19,27,.96)) !important; box-shadow: var(--shadow-sm) !important; }
.management-page .reseller-overview-cards strong,
.management-page .ticket-metrics strong { color: var(--text) !important; font-size: 28px; letter-spacing: -.04em; }
.management-page .reseller-overview-cards span,
.management-page .ticket-metrics span { color: var(--muted); font-size: 9px; }
.management-page .reseller-overview-cards small,
.management-page .ticket-metrics small { color: var(--muted); font-size: 10px; }
.management-page .reseller-toolbar { width: 100%; max-width: none; min-width: 0; margin: 0; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-elevated); box-shadow: var(--shadow-sm); }
.management-page .reseller-panel,
.management-page .support-panel,
.management-page .management-table-panel { width: 100%; max-width: none; min-width: 0; margin: 0; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; background: linear-gradient(180deg,rgba(18,25,35,.96),rgba(13,19,27,.96)) !important; box-shadow: var(--shadow-sm) !important; }
.management-page .reseller-table-wrap,
.management-page .support-table-wrap { width: 100%; max-width: 100%; min-width: 0; }
.management-page .reseller-table-capacity { position: relative; min-height: 0; height: auto; background: transparent; }
.management-page .reseller-table-empty { position: static; inset: auto; min-width: 0; min-height: 150px; display: grid; place-content: center; gap: 7px; padding: 28px; color: var(--muted); text-align: center; pointer-events: none; }
.management-page .reseller-table-empty strong { color: var(--text-2); font-size: 13px; }
.management-page .reseller-table-empty span { color: var(--muted); font-size: 10px; }

.user-management-table .status-toggle.disabled { min-width: 68px; color: #fff1f3; background: linear-gradient(135deg,#dc3f55,#f06476); box-shadow: 0 6px 18px rgba(220,63,85,.18); }
.user-management-table tbody tr.user-row-disabled,
.user-management-table tbody tr.user-row-disabled:nth-child(odd) { background: linear-gradient(90deg,rgba(220,63,85,.13),rgba(220,63,85,.035)) !important; box-shadow: inset 3px 0 #ef6475; }
.user-management-table tbody tr.user-row-disabled:hover { background: linear-gradient(90deg,rgba(220,63,85,.18),rgba(220,63,85,.055)) !important; }
.user-management-table tbody tr.user-row-disabled .classic-user strong { color: #ff9eaa !important; }
.user-management-table tbody tr.user-row-disabled td { border-bottom-color: rgba(239,100,117,.14); }
.user-management-table tbody tr.user-row-expired,
.user-management-table tbody tr.user-row-expired:nth-child(odd) { background: linear-gradient(90deg,rgba(255,159,67,.17),rgba(255,159,67,.045)) !important; box-shadow: inset 3px 0 #ff9f43; }
.user-management-table tbody tr.user-row-expired:hover { background: linear-gradient(90deg,rgba(255,159,67,.22),rgba(255,159,67,.065)) !important; }
.user-management-table tbody tr.user-row-expired .classic-user strong,
.user-management-table tbody tr.user-row-expired .classic-expire strong { color: #ffc078 !important; }
.user-management-table tbody tr.user-row-expired td { border-bottom-color: rgba(255,159,67,.16); }

.dashboard-online-head { align-items: flex-end !important; }
.dashboard-online-head > div:first-child { min-width: 0; }
.dashboard-online-controls { display: flex; align-items: flex-end; justify-content: flex-end; margin-left: auto; }
.dashboard-online-controls label { display: grid; gap: 5px; min-width: 138px; color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.dashboard-online-controls select { height: 34px; min-width: 138px; padding: 0 30px 0 10px; border-radius: 9px; font-size: 10px; }
.dashboard-online-panel { overflow: hidden; }
.dashboard-online-pagination-inside { margin-top: 0 !important; }
.dashboard-online-pagination .dashboard-online-pagination-spacer { min-width: 0; }
.dashboard-online-table { min-width: 0 !important; }
.dashboard-online-table th:nth-child(1), .dashboard-online-table td:nth-child(1) { width: 7%; }
.dashboard-online-table th:nth-child(2), .dashboard-online-table td:nth-child(2) { width: 18%; }
.dashboard-online-table th:nth-child(3), .dashboard-online-table td:nth-child(3) { width: 14%; }
.dashboard-online-table th:nth-child(4), .dashboard-online-table td:nth-child(4) { width: 17%; }
.dashboard-online-table th:nth-child(5), .dashboard-online-table td:nth-child(5) { width: 10%; }
.dashboard-online-table th:nth-child(6), .dashboard-online-table td:nth-child(6) { width: 14%; }
.dashboard-online-table th:nth-child(7), .dashboard-online-table td:nth-child(7) { width: 14%; }
.dashboard-online-table th:nth-child(8), .dashboard-online-table td:nth-child(8) { width: 6%; }
.dashboard-account-heading{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.dashboard-account-heading strong{min-width:0}
.dashboard-account-heading .dashboard-account-type{flex:0 0 auto}
.dashboard-account-type { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 25px; padding: 0 8px; border: 1px solid rgba(102,230,165,.28); border-radius: 999px; background: rgba(102,230,165,.1); color: var(--accent); font-size: 9px; font-weight: 900; letter-spacing: .06em; }
.dashboard-account-type.mag { border-color: rgba(114,168,255,.3); background: rgba(114,168,255,.11); color: #9bc0ff; }
@media (max-width: 760px) {
  .dashboard-online-head { align-items: stretch !important; }
  .dashboard-online-controls { width: 100%; margin-left: 0; }
  .dashboard-online-controls label, .dashboard-online-controls select { min-width: 0 !important; width: 100%; }
}

#toast { position: fixed !important; right: 18px !important; bottom: 18px !important; z-index: 300; display: grid; gap: 8px; pointer-events: none; }
.toast-item { max-width: min(390px,calc(100vw - 28px)); padding: 12px 14px 12px 39px !important; position: relative; border: 1px solid rgba(57,217,138,.24) !important; border-radius: 12px !important; color: #dff8ea !important; background: #102119 !important; box-shadow: var(--shadow) !important; font-size: 10px !important; animation: toast-in .2s ease both; }
.toast-item::before { content: "✓"; position: absolute; left: 13px; top: 50%; width: 17px; height: 17px; display: grid; place-items: center; transform: translateY(-50%); border-radius: 50%; color: #08130d; background: #58dfa0; font-size: 9px; font-weight: 900; }
.toast-item.error { color: #ffdce0 !important; border-color: rgba(255,113,129,.25) !important; background: #251217 !important; }
.toast-item.error::before { content: "!"; background: #ff8996; }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }


@media (min-width: 1920px) {
  :root { --sidebar-expanded: 280px; }
  .content { max-width: 1880px !important; }
}
@media (min-width: 2560px) {
  body { font-size: 15px; }
  .content { max-width: 2200px !important; }
}

@media (max-width: 1100px) {
  .app-shell, html.sidebar-collapsed .app-shell { display: block !important; }
  .sidebar.premium-sidebar, html.sidebar-collapsed .sidebar.premium-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: min(86vw, 288px) !important;
    height: 100dvh;
    padding: 14px 12px 12px !important;
    transform: translateX(-104%);
    transition: transform .22s cubic-bezier(.2,.8,.2,1) !important;
    box-shadow: 26px 0 80px rgba(0,0,0,.48) !important;
  }
  .sidebar.premium-sidebar.open { transform: translateX(0) !important; }
  html.sidebar-collapsed .brand-copy,
  html.sidebar-collapsed .nav-label,
  html.sidebar-collapsed .nav-item b,
  html.sidebar-collapsed .sidebar-logout b { display: revert !important; }
  html.sidebar-collapsed .sidebar-collapse { position: static; transform: none; }
  html.sidebar-collapsed .premium-sidebar .nav-item { width: 100%; height: auto; padding: 8px 10px !important; justify-content: flex-start; }
  html.sidebar-collapsed .sidebar-logout { padding: 8px 10px !important; justify-content: flex-start; }
  .mobile-menu { display: grid !important; }
  .mobile-backdrop:not(.hidden) { display: block !important; position: fixed; inset: 0; z-index: 55; background: rgba(0,3,8,.7); backdrop-filter: blur(5px); }
}
@media (max-width: 768px) {
  .topbar { min-height: 68px !important; padding: 11px 14px !important; }
  .content { padding: 16px 12px 46px !important; }
  .top-actions { gap: 6px !important; }
  .top-actions .button { min-width: 40px; padding-inline: 10px !important; }
  .top-actions .button > span:not(.button-icon) { display: none; }
  .admin-grid-toolbar { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
  .access-create-dialog { width: 100vw; height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; }
  .access-create-form { height: 100dvh; max-height: 100dvh; }
  .access-create-header { padding: 16px 12px 14px; }
  .access-create-header h3 { font-size: 21px; }
  .access-create-header p { display: none; }
  .access-header-actions { gap: 6px; }
  .access-mode-switch button { min-width: 43px; padding: 0 8px; }
  .access-create-body { padding: 19px 12px 24px; }
  .access-create-footer { min-height: 64px; padding: 10px 12px; }
  .access-create-footer .button { flex: 1; min-width: 0; }
  .access-success-dialog { width: calc(100vw - 16px); }
  .access-success-shell { padding: 30px 18px 20px; }
  .access-success-shell h3 { font-size: 21px; }
  .access-success-details div { grid-template-columns: 88px minmax(0,1fr); gap: 9px; }
  .page-heading .eyebrow { display: none; }
  .page-heading h2 { font-size: 18px !important; }
  .top-actions #refreshButton { display: none; }
  #toast { left: 10px !important; right: 10px !important; bottom: 10px !important; }
  .toast-item { max-width: none; }
  .modal { width: 100vw !important; max-width: 100vw !important; max-height: 100dvh !important; border-radius: 0 !important; }
}
@media (max-width: 375px) {
  .access-field { align-items: flex-start; flex-direction: column; gap: 2px; }
  .access-field small { text-align: left; }
  .access-input-action { grid-template-columns: minmax(0,1fr) 78px; gap: 6px; }
  .access-input-action button { min-width: 0; }
  .access-success-actions { grid-template-columns: 1fr; }
  .access-success-actions .button:last-child { grid-column: auto; }
}
@media (max-height: 700px) and (min-width: 561px) {
  .access-create-dialog, .access-create-form { max-height: calc(100dvh - 12px); }
  .access-create-header { padding-block: 14px 12px; }
  .access-create-body { padding-block: 18px 22px; }
  .access-create-footer { min-height: 60px; padding-block: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


.package-settings-section {
  margin-top: 28px;
  padding: 28px;
  border: 1px solid var(--border, #dfe6e2);
  border-radius: 24px;
  background: var(--surface, #fff);
  box-shadow: 0 18px 55px rgba(17, 34, 27, .06);
}
.package-settings-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}
.package-settings-head > div > span,
.package-editor-head span {
  display: block;
  margin-bottom: 6px;
  color: #7a8a83;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.package-settings-head h3,
.package-editor-head h4,
.package-admin-title h4 {
  margin: 0;
  color: #14221c;
}
.package-settings-head h3 { font-size: 24px; }
.package-settings-head p {
  max-width: 760px;
  margin: 8px 0 0;
  color: #66756f;
  line-height: 1.6;
}
.package-admin-list {
  display: grid;
  gap: 14px;
}



.package-admin-main { min-width: 0; flex: 1; }
.package-admin-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.package-admin-title h4 {
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.package-admin-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}
.package-chip{
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}


.package-chip { background: #edf2ff; color: #4058a8; }
.package-chip.trial { background: #fff3dd; color: #956115; }




.package-admin-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 9px;
}
.package-editor {
  margin-bottom: 20px;
  padding: 22px;
  border: 1px solid #ccd9d2;
  border-radius: 18px;
  background: #f8fbf9;
}
.package-editor.hidden { display: none !important; }
.package-editor-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.package-editor-grid {
  display: grid;
  grid-template-columns: 2fr repeat(3, minmax(130px, 1fr));
  gap: 14px;
}
.package-editor-grid label,
.package-editor-switches label {
  display: grid;
  gap: 7px;
}
.package-editor-grid label > span {
  color: #53645c;
  font-size: 12px;
  font-weight: 750;
}
.package-editor-grid input {
  width: 100%;
  min-height: 44px;
}
.package-editor-switches {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.package-editor-switches label {
  grid-template-columns: auto 1fr;
  align-items: start;
  padding: 14px;
  border: 1px solid #e0e8e3;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
}
.package-editor-switches input { margin-top: 3px; }
.package-editor-switches strong,
.package-editor-switches small { display: block; }
.package-editor-switches strong { color: #1b2a23; font-size: 13px; }
.package-editor-switches small { margin-top: 3px; color: #74827b; line-height: 1.4; }
.package-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

@media (max-width: 900px) {
  .package-settings-head{ align-items: stretch; flex-direction: column; }
  .package-settings-head .button { width: 100%; }
  .package-admin-actions .button { flex: 1; }
  .package-editor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .package-editor-switches { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .package-settings-section { padding: 18px; border-radius: 18px; }
  .package-admin-title { align-items: flex-start; flex-direction: column; }
  .package-admin-badges { justify-content: flex-start; }
  .package-editor-grid{ grid-template-columns: 1fr; }
  .package-admin-actions { width: 100%; }
}


.dns-settings-section { border-color: #d8e4df; }
.dns-domain-value {
  display: block;
  max-width: min(640px, 72vw);
  margin-top: 6px;
  overflow: hidden;
  color: #4e645a;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dns-admin-metrics { grid-template-columns: repeat(4, minmax(115px, 1fr)); }
.dns-admin-actions { flex-wrap: wrap; justify-content: flex-end; max-width: 360px; }
.package-chip.dns-m3u { background: #e8f7ef; color: #167247; }
.package-chip.dns-xtream { background: #edf2ff; color: #4058a8; }
.dns-editor-grid { grid-template-columns: minmax(170px, 1fr) minmax(260px, 2fr) minmax(120px, .65fr); }
.dns-editor-switches { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dns-default-summary p { line-height: 1.8; overflow-wrap: anywhere; }
.dns-default-summary small { display: block; margin-top: 8px; color: #718078; }

@media (max-width: 1040px) {
  .dns-admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dns-admin-actions { max-width: none; justify-content: flex-start; }
  .dns-editor-grid { grid-template-columns: 1fr 1fr; }
  .dns-editor-grid label:nth-child(2) { grid-column: 1 / -1; grid-row: 1; }
}

@media (max-width: 620px) {
  .dns-admin-metrics,
  .dns-editor-grid,
  .dns-editor-switches { grid-template-columns: 1fr; }
  .dns-editor-grid label:nth-child(2) { grid-column: auto; grid-row: auto; }
  .dns-admin-actions .button { flex: 1 1 calc(50% - 8px); }
  .dns-domain-value { max-width: 82vw; }
}


.ops-workspace,
.ops-workspace * { box-sizing: border-box; }

.ops-workspace {
  --ops-bg: #0b1119;
  --ops-panel: #0f1722;
  --ops-panel-2: #121c29;
  --ops-line: rgba(151, 172, 199, .13);
  --ops-line-strong: rgba(151, 172, 199, .22);
  --ops-text: #edf4fb;
  --ops-text-2: #c9d6e4;
  --ops-muted: #8394a8;
  --ops-subtle: #607287;
  --ops-green: #55d99a;
  --ops-green-soft: rgba(85, 217, 154, .10);
  --ops-blue: #75a9ff;
  --ops-blue-soft: rgba(117, 169, 255, .10);
  --ops-amber: #f2c36b;
  --ops-red: #ff8a91;
  position: relative;
  display: grid;
  gap: 16px;
  margin-top: 20px;
  padding: clamp(18px, 2vw, 26px);
  overflow: hidden;
  color: var(--ops-text);
  border: 1px solid var(--ops-line);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 120px),
    var(--ops-bg) !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.025);
}
.ops-workspace::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(85,217,154,.45), transparent);
  pointer-events: none;
}
.ops-workspace-dns::after { background: linear-gradient(90deg, transparent, rgba(117,169,255,.48), transparent); }

.ops-workspace-header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.ops-heading { min-width: 0; }
.ops-eyebrow,
.ops-editor-header > div > span {
  display: block;
  margin-bottom: 5px;
  color: var(--ops-green);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.ops-workspace-dns .ops-eyebrow,
.ops-workspace-dns .ops-editor-header > div > span { color: var(--ops-blue); }
.ops-heading h3,
.ops-editor-header h4 {
  margin: 0;
  color: var(--ops-text) !important;
  letter-spacing: -.025em;
}
.ops-heading h3 { font-size: clamp(21px, 2vw, 28px); }
.ops-heading p,
.ops-editor-header p {
  max-width: 780px;
  margin: 7px 0 0;
  color: var(--ops-muted) !important;
  font-size: 12px;
  line-height: 1.6;
}

.ops-add-button,
.ops-save-button,
.ops-button,
.ops-close-button {
  appearance: none;
  border: 0;
  font: inherit;
  cursor: pointer;
  transition: transform .14s ease, border-color .14s ease, background .14s ease, color .14s ease, opacity .14s ease;
}
.ops-add-button,
.ops-save-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid rgba(85,217,154,.38);
  border-radius: 11px;
  color: #06130d;
  background: var(--ops-green);
  box-shadow: 0 9px 24px rgba(85,217,154,.15);
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}
.ops-workspace-dns .ops-add-button,
.ops-workspace-dns .ops-save-button {
  border-color: rgba(117,169,255,.42);
  color: #07101d;
  background: var(--ops-blue);
  box-shadow: 0 9px 24px rgba(117,169,255,.15);
}
.ops-add-button:hover,
.ops-save-button:hover { transform: translateY(-1px); filter: brightness(1.04); }
.ops-add-button:active,
.ops-save-button:active { transform: translateY(0); }
.ops-add-button:disabled,
.ops-save-button:disabled,
.ops-button:disabled { opacity: .55; cursor: wait; }

.ops-overview-bar {
  display: grid;
  grid-template-columns: minmax(100px,.55fr) repeat(2,minmax(0,1.5fr));
  overflow: hidden;
  border: 1px solid var(--ops-line);
  border-radius: 14px;
  background: #0d151f !important;
}
.ops-overview-packages { grid-template-columns: repeat(3,minmax(90px,.55fr)) minmax(0,1.7fr); }
.ops-overview-item {
  min-width: 0;
  min-height: 82px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 13px 15px;
  border-right: 1px solid var(--ops-line);
}
.ops-overview-item:last-child { border-right: 0; }
.ops-overview-item > span {
  color: var(--ops-subtle) !important;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ops-overview-item > strong {
  display: block;
  margin: 5px 0 2px;
  overflow: hidden;
  color: var(--ops-text) !important;
  font-size: 15px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ops-overview-item:first-child > strong { font-size: 22px; }
.ops-overview-item > small {
  overflow: hidden;
  color: var(--ops-muted) !important;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ops-note {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  padding: 11px 13px;
  border: 1px solid rgba(117,169,255,.16);
  border-radius: 12px;
  background: rgba(117,169,255,.045) !important;
}
.ops-note > span {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(117,169,255,.23);
  border-radius: 8px;
  color: #9fc2ff;
  background: rgba(117,169,255,.08);
  font-size: 11px;
  font-weight: 900;
}
.ops-note p { margin: 0; color: var(--ops-muted) !important; font-size: 10px; line-height: 1.55; }
.ops-note strong { color: #d7e6fb !important; }

.ops-editor {
  display: grid;
  gap: 15px;
  padding: clamp(16px,1.8vw,22px);
  border: 1px solid rgba(85,217,154,.22);
  border-radius: 16px;
  background: var(--ops-panel) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 14px 35px rgba(0,0,0,.18);
}
.ops-workspace-dns .ops-editor { border-color: rgba(117,169,255,.23); }
.ops-editor.hidden { display: none !important; }
.ops-editor-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.ops-editor-header h4 { font-size: 18px; }
.ops-close-button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--ops-line);
  border-radius: 10px;
  color: var(--ops-muted);
  background: rgba(255,255,255,.02);
  font-size: 20px;
  line-height: 1;
}
.ops-close-button:hover { color: var(--ops-text); border-color: var(--ops-line-strong); background: rgba(255,255,255,.04); }

.ops-form-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 11px;
}
.dns-ops-form-grid { grid-template-columns: minmax(170px,.75fr) minmax(290px,1.65fr) minmax(120px,.5fr); }
.ops-field { min-width: 0; display: grid; align-content: start; gap: 7px; }
.ops-field-wide { grid-column: span 1; }
.ops-field > span { color: var(--ops-text-2) !important; font-size: 10px; font-weight: 780; }
.ops-field > small { color: var(--ops-subtle) !important; font-size: 9px; line-height: 1.45; }
.ops-field input {
  width: 100%;
  min-width: 0;
  min-height: 43px;
  padding: 0 12px;
  border: 1px solid var(--ops-line-strong) !important;
  border-radius: 10px !important;
  outline: none;
  color: var(--ops-text) !important;
  background: #090f17 !important;
  box-shadow: none !important;
}
.ops-field input::placeholder { color: #536579; }
.ops-field input:focus {
  border-color: rgba(85,217,154,.48) !important;
  box-shadow: 0 0 0 3px rgba(85,217,154,.08) !important;
}
.ops-workspace-dns .ops-field input:focus {
  border-color: rgba(117,169,255,.52) !important;
  box-shadow: 0 0 0 3px rgba(117,169,255,.08) !important;
}

.ops-name-preview {
  display: grid;
  gap: 3px;
  padding: 11px 13px;
  border-left: 2px solid var(--ops-green);
  border-radius: 0 10px 10px 0;
  background: rgba(85,217,154,.045) !important;
}
.ops-name-preview > span { color: #75aa90 !important; font-size: 8px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.ops-name-preview > strong { color: #eafff4 !important; font-size: 15px; overflow-wrap: anywhere; }
.ops-name-preview > small { color: var(--ops-subtle) !important; font-size: 9px; }

.ops-switch-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
}
.ops-switch-grid-four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.ops-switch-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 9px;
  align-items: center;
  padding: 11px;
  border: 1px solid var(--ops-line);
  border-radius: 11px;
  background: rgba(255,255,255,.014) !important;
  cursor: pointer;
  transition: border-color .14s ease, background .14s ease;
}
.ops-switch-card:hover { border-color: var(--ops-line-strong); background: rgba(255,255,255,.025) !important; }
.ops-switch-card input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ops-switch-ui {
  position: relative;
  width: 35px;
  height: 20px;
  border: 1px solid var(--ops-line-strong);
  border-radius: 999px;
  background: #080e15;
  transition: background .15s ease, border-color .15s ease;
}
.ops-switch-ui::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #66788c;
  transition: transform .15s ease, background .15s ease;
}
.ops-switch-card input:checked + .ops-switch-ui { border-color: rgba(85,217,154,.42); background: rgba(85,217,154,.13); }
.ops-switch-card input:checked + .ops-switch-ui::after { transform: translateX(15px); background: var(--ops-green); }
.ops-workspace-dns .ops-switch-card input:checked + .ops-switch-ui { border-color: rgba(117,169,255,.44); background: rgba(117,169,255,.13); }
.ops-workspace-dns .ops-switch-card input:checked + .ops-switch-ui::after { background: var(--ops-blue); }
.ops-switch-card input:focus-visible + .ops-switch-ui { outline: 2px solid var(--ops-green); outline-offset: 3px; }
.ops-switch-card strong { display: block; color: var(--ops-text-2) !important; font-size: 10px; }
.ops-switch-card small { display: block; margin-top: 2px; color: var(--ops-subtle) !important; font-size: 8px; line-height: 1.35; }

.ops-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--ops-line);
}
.ops-button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid var(--ops-line) !important;
  border-radius: 9px;
  color: var(--ops-text-2) !important;
  background: rgba(255,255,255,.018) !important;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}
.ops-button:hover { color: var(--ops-text) !important; border-color: var(--ops-line-strong) !important; background: rgba(255,255,255,.04) !important; }
.ops-button.is-danger { color: #ffadb2 !important; border-color: rgba(255,138,145,.15) !important; background: rgba(255,138,145,.045) !important; }
.ops-button.is-danger:hover { border-color: rgba(255,138,145,.28) !important; background: rgba(255,138,145,.08) !important; }
.ops-button.is-success { color: #80e7b4 !important; border-color: rgba(85,217,154,.18) !important; background: rgba(85,217,154,.05) !important; }

.ops-table-wrap {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--ops-line);
  border-radius: 14px;
  background: #0c131c !important;
}
.ops-table { min-width: 0; }
.ops-table-head,
.ops-table-row {
  display: grid;
  align-items: center;
  gap: 12px;
}
.ops-table-dns .ops-table-head,
.ops-table-dns .ops-table-row { grid-template-columns: minmax(230px,2fr) minmax(80px,.65fr) minmax(72px,.55fr) minmax(72px,.55fr) 58px minmax(235px,1.45fr); }
.ops-table-packages .ops-table-head,
.ops-table-packages .ops-table-row { grid-template-columns: minmax(220px,2fr) minmax(80px,.65fr) minmax(90px,.7fr) minmax(95px,.75fr) 58px minmax(190px,1.25fr); }
.ops-table-head {
  min-height: 38px;
  padding: 0 14px;
  border-bottom: 1px solid var(--ops-line);
  background: rgba(255,255,255,.018) !important;
}
.ops-table-head > span {
  color: var(--ops-subtle) !important;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.ops-table-row {
  min-width: 0;
  min-height: 72px;
  padding: 11px 14px;
  border-bottom: 1px solid rgba(151,172,199,.085);
  background: transparent !important;
  transition: background .14s ease, opacity .14s ease;
}
.ops-table-row:last-child { border-bottom: 0; }
.ops-table-row:hover { background: rgba(255,255,255,.018) !important; }
.ops-table-row.is-disabled { opacity: .55; }
.ops-table-row.is-disabled:hover { opacity: .72; }

.ops-primary-cell {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 10px;
  align-items: center;
}
.ops-avatar {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(85,217,154,.18);
  border-radius: 10px;
  color: #7de3b2;
  background: rgba(85,217,154,.06) !important;
  font-size: 10px;
  font-weight: 900;
}
.ops-avatar-dns { border-color: rgba(117,169,255,.2); color: #9cc0ff; background: rgba(117,169,255,.065) !important; font-size: 8px; letter-spacing: .05em; }
.ops-identity { min-width: 0; }
.ops-identity > strong {
  display: block;
  overflow: hidden;
  color: var(--ops-text) !important;
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ops-identity > code {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: var(--ops-muted) !important;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ops-inline-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.ops-mini-tag,
.ops-default-pill,
.ops-status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 22px;
  padding: 0 7px;
  border: 1px solid var(--ops-line);
  border-radius: 999px;
  font-size: 8px;
  font-weight: 820;
  white-space: nowrap;
}
.ops-mini-tag { min-height: 18px; padding: 0 6px; }
.ops-mini-tag.is-default { color: #a9c6ff; border-color: rgba(117,169,255,.16); background: rgba(117,169,255,.055); }
.ops-mini-tag.is-trial { color: #f6cf88; border-color: rgba(242,195,107,.16); background: rgba(242,195,107,.055); }
.ops-mini-tag.is-free { color: #7be3b0; border-color: rgba(85,217,154,.16); background: rgba(85,217,154,.055); }
.ops-status { gap: 6px; color: var(--ops-muted); }
.ops-status i { width: 6px; height: 6px; border-radius: 50%; background: #6b7a8c; }
.ops-status.is-online { color: #7be3b0; border-color: rgba(85,217,154,.15); background: rgba(85,217,154,.045); }
.ops-status.is-online i { background: var(--ops-green); box-shadow: 0 0 0 3px rgba(85,217,154,.08); }
.ops-status.is-offline { color: #94a0ae; background: rgba(151,172,199,.035); }
.ops-default-pill { color: #8fe6bc; border-color: rgba(85,217,154,.15); background: rgba(85,217,154,.045); }
.ops-default-pill.is-xtream { color: #a8c7ff; border-color: rgba(117,169,255,.16); background: rgba(117,169,255,.05); }
.ops-muted-value { color: var(--ops-subtle) !important; font-size: 9px; }

.ops-cell { min-width: 0; }
.ops-cell > strong { display: block; color: var(--ops-text-2) !important; font-size: 10px; line-height: 1.3; }
.ops-cell > small { display: block; margin-top: 2px; color: var(--ops-subtle) !important; font-size: 8px; line-height: 1.3; }
.ops-order-cell > strong { font-variant-numeric: tabular-nums; }
.ops-actions-cell {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}
.ops-actions-cell .ops-button { min-height: 31px; padding: 0 9px; font-size: 8px; }

.ops-empty-state {
  min-height: 155px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 5px;
  padding: 25px;
  text-align: center;
}
.ops-empty-state > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  margin-bottom: 5px;
  border: 1px solid var(--ops-line);
  border-radius: 11px;
  color: var(--ops-muted);
  background: rgba(255,255,255,.018);
  font-size: 9px;
  font-weight: 900;
}
.ops-empty-state > strong { color: var(--ops-text-2) !important; font-size: 12px; }
.ops-empty-state > p { margin: 0; color: var(--ops-muted) !important; font-size: 10px; }

@media (max-width: 1160px) {
  .ops-table-dns .ops-table-head,
  .ops-table-dns .ops-table-row { grid-template-columns: minmax(210px,1.7fr) minmax(78px,.6fr) minmax(65px,.5fr) minmax(65px,.5fr) 50px minmax(185px,1.2fr); }
  .ops-table-packages .ops-table-head,
  .ops-table-packages .ops-table-row { grid-template-columns: minmax(200px,1.7fr) minmax(78px,.6fr) minmax(85px,.65fr) minmax(90px,.7fr) 50px minmax(155px,1.05fr); }
  .ops-switch-grid-four { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 930px) {
  .ops-table-head { display: none; }
  .ops-table-row,
  .ops-table-dns .ops-table-row,
  .ops-table-packages .ops-table-row {
    grid-template-columns: minmax(0,1.8fr) repeat(4,minmax(75px,.55fr));
    gap: 10px;
    padding: 13px;
  }
  .ops-actions-cell { grid-column: 1 / -1; justify-content: flex-start; padding-top: 9px; border-top: 1px solid var(--ops-line); }
  .ops-cell::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 4px;
    color: var(--ops-subtle);
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .ops-form-grid,
  .dns-ops-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ops-field-wide { grid-column: 1 / -1; }
  .dns-ops-form-grid .ops-field-wide { grid-column: 1 / -1; grid-row: 1; }
}

@media (max-width: 720px) {
  .ops-workspace { padding: 15px; border-radius: 16px; gap: 13px; }
  .ops-workspace-header { flex-direction: column; gap: 13px; }
  .ops-add-button { width: 100%; }
  .ops-overview-bar,
  .ops-overview-packages { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ops-overview-item { min-height: 74px; border-bottom: 1px solid var(--ops-line); }
  .ops-overview-item:nth-child(2n) { border-right: 0; }
  .ops-overview-item:nth-last-child(-n/**/+2) { border-bottom: 0; }
  .ops-table-row,
  .ops-table-dns .ops-table-row,
  .ops-table-packages .ops-table-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ops-primary-cell { grid-column: 1 / -1; }
  .ops-form-grid,
  .dns-ops-form-grid,
  .ops-switch-grid,
  .ops-switch-grid-four { grid-template-columns: 1fr; }
  .ops-field-wide,
  .dns-ops-form-grid .ops-field-wide { grid-column: auto; grid-row: auto; }
  .ops-editor-actions .ops-button,
  .ops-editor-actions .ops-save-button { flex: 1; }
}

@media (max-width: 430px) {
  .ops-overview-bar,
  .ops-overview-packages { grid-template-columns: 1fr; }
  .ops-overview-item { border-right: 0; border-bottom: 1px solid var(--ops-line) !important; }
  .ops-overview-item:last-child { border-bottom: 0 !important; }
  .ops-table-row,
  .ops-table-dns .ops-table-row,
  .ops-table-packages .ops-table-row { grid-template-columns: 1fr; }
  .ops-primary-cell { grid-column: auto; }
  .ops-actions-cell { grid-column: auto; }
  .ops-actions-cell .ops-button { flex: 1 1 calc(50% - 5px); }
  .ops-note { align-items: start; }
}


#appView.hidden,
#appView[hidden],
html[data-auth-view="login"] #appView {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  content-visibility: hidden !important;
}

#loginView.hidden,
#loginView[hidden],
html[data-auth-view="app"] #loginView {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  content-visibility: hidden !important;
}

html[data-auth-view="login"],
html[data-auth-view="login"] body {
  width: 100%;
  min-height: 100%;
  overflow: hidden !important;
}

html[data-auth-view="login"] #loginView {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  width: 100% !important;
  min-height: 100dvh !important;
  display: grid !important;
  visibility: visible !important;
  pointer-events: auto !important;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% -10%,rgba(102,230,165,.16),transparent 42%),
    radial-gradient(circle at 10% 90%,rgba(114,168,255,.08),transparent 35%),
    #080b11 !important;
}

html[data-auth-view="app"] #appView {
  visibility: visible !important;
  pointer-events: auto !important;
}


#authBootstrapView.hidden,
#authBootstrapView[hidden],
html:not([data-auth-view="boot"]) #authBootstrapView {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-auth-view="boot"] #loginView,
html[data-auth-view="boot"] #appView {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  content-visibility: hidden !important;
}

html[data-auth-view="boot"],
html[data-auth-view="boot"] body {
  width: 100%;
  min-height: 100%;
  overflow: hidden !important;
  background: #080b11 !important;
}

html[data-auth-view="boot"] #authBootstrapView {
  position: fixed !important;
  inset: 0 !important;
  z-index: 11000 !important;
  display: grid !important;
  place-items: center !important;
  min-height: 100dvh !important;
  padding: 24px;
  visibility: visible !important;
  pointer-events: auto !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(102,230,165,.10), transparent 35%),
    #080b11 !important;
}

.auth-bootstrap-card {
  display: grid;
  justify-items: center;
  gap: 18px;
  color: #aeb8c8;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
}

.auth-bootstrap-logo { width: 112px; height: auto; opacity: .96; }
.auth-bootstrap-card p { margin: 0; }
.auth-bootstrap-spinner {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.12);
  border-top-color: #66e6a5;
  animation: luma-auth-spin .75s linear infinite;
}
@keyframes luma-auth-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .auth-bootstrap-spinner { animation-duration: 1.8s; }
}


.domain-workspace,
.domain-workspace * { box-sizing: border-box; }

.domain-workspace {
  --domain-bg: #0b1119;
  --domain-panel: #0f1722;
  --domain-panel-2: #121c29;
  --domain-line: rgba(151, 172, 199, .13);
  --domain-text: #edf4fb;
  --domain-muted: #8394a8;
  --domain-green: #55d99a;
  --domain-blue: #75a9ff;
  --domain-amber: #f2c36b;
  --domain-red: #ff8a91;
  --ops-bg: var(--domain-bg);
  --ops-panel: var(--domain-panel);
  --ops-panel-2: var(--domain-panel-2);
  --ops-line: var(--domain-line);
  --ops-line-strong: rgba(151, 172, 199, .22);
  --ops-text: var(--domain-text);
  --ops-text-2: #c9d6e4;
  --ops-muted: var(--domain-muted);
  --ops-subtle: #607287;
  --ops-green: var(--domain-green);
  --ops-blue: var(--domain-blue);
  display: grid;
  gap: 16px;
  margin-top: 20px;
  padding: clamp(18px, 2vw, 26px);
  color: var(--domain-text);
  border: 1px solid var(--domain-line);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.018), transparent 120px), var(--domain-bg);
  box-shadow: 0 20px 55px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.025);
}
.domain-workspace-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.domain-workspace-header h3 { margin:0; color:var(--domain-text); font-size:clamp(21px,2vw,28px); letter-spacing:-.025em; }
.domain-workspace-header p { max-width:760px; margin:7px 0 0; color:var(--domain-muted); font-size:12px; line-height:1.6; }
.domain-shield { min-height:34px; display:inline-flex; align-items:center; padding:0 11px; border:1px solid rgba(85,217,154,.24); border-radius:999px; color:var(--domain-green); background:rgba(85,217,154,.06); font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.domain-active-strip { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr); gap:4px 18px; padding:14px 16px; border:1px solid rgba(85,217,154,.16); border-radius:13px; background:rgba(85,217,154,.045); }
.domain-active-strip.is-default { border-color:rgba(117,169,255,.15); background:rgba(117,169,255,.04); }
.domain-active-strip > span { color:var(--domain-muted); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.domain-active-strip > strong { grid-column:2; grid-row:1; overflow:hidden; color:var(--domain-text); font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.domain-active-strip > small { grid-column:1 / -1; color:var(--domain-muted); font-size:10px; }
.domain-current-card { display:grid; gap:14px; padding:16px; border:1px solid var(--domain-line); border-radius:15px; background:var(--domain-panel); }
.domain-current-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.domain-current-head span { display:block; margin-bottom:4px; color:var(--domain-muted); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.domain-current-head h4 { margin:0; color:var(--domain-text); font-size:16px; word-break:break-word; }
.domain-status { display:inline-flex; align-items:center; gap:7px; min-height:28px; padding:0 9px; border:1px solid var(--domain-line); border-radius:999px; color:#cbd8e6; background:rgba(255,255,255,.025); font-size:9px; font-weight:800; white-space:nowrap; }
.domain-status i { width:6px; height:6px; border-radius:50%; background:#6f8195; box-shadow:0 0 0 3px rgba(111,129,149,.08); }
.domain-status.is-active,.domain-status.is-ready { color:var(--domain-green); border-color:rgba(85,217,154,.18); background:rgba(85,217,154,.055); }
.domain-status.is-active i,.domain-status.is-ready i { background:var(--domain-green); }
.domain-status.is-pending,.domain-status.is-waiting_dns { color:var(--domain-amber); border-color:rgba(242,195,107,.18); background:rgba(242,195,107,.05); }
.domain-status.is-pending i,.domain-status.is-waiting_dns i { background:var(--domain-amber); }
.domain-status.is-failed,.domain-status.is-rejected { color:var(--domain-red); border-color:rgba(255,138,145,.18); background:rgba(255,138,145,.05); }
.domain-status.is-failed i,.domain-status.is-rejected i { background:var(--domain-red); }
.domain-status.is-disabled { color:#9aaabd; }
.domain-dns-instruction { display:grid; grid-template-columns:110px minmax(140px,.8fr) minmax(200px,1.5fr); overflow:hidden; border:1px solid rgba(117,169,255,.15); border-radius:12px; background:#0c141e; }
.domain-dns-instruction > div { min-width:0; padding:12px 13px; border-right:1px solid var(--domain-line); }
.domain-dns-instruction > div:last-child { border-right:0; }
.domain-dns-instruction span { display:block; color:var(--domain-muted); font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.domain-dns-instruction strong { display:block; margin-top:5px; overflow:hidden; color:var(--domain-text); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.domain-safe-note,.domain-lock-note { margin:0; color:var(--domain-muted); font-size:10px; line-height:1.55; }
.domain-error-note { padding:10px 12px; border:1px solid rgba(255,138,145,.16); border-radius:10px; color:#ffc0c5; background:rgba(255,138,145,.045); font-size:10px; line-height:1.5; }
.domain-current-meta { display:flex; flex-wrap:wrap; gap:8px 18px; color:var(--domain-muted); font-size:10px; }
.domain-current-meta strong { color:#cdd9e6; }
.domain-current-actions { display:flex; flex-wrap:wrap; gap:8px; }
.domain-request-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:end; padding:16px; border:1px solid var(--domain-line); border-radius:15px; background:var(--domain-panel); }
.domain-request-form .ops-field { margin:0; }
.domain-request-form .ops-save-button { min-height:44px; }
.domain-lock-note { display:flex; flex-direction:column; gap:4px; padding:13px 15px; border:1px solid var(--domain-line); border-radius:12px; background:rgba(255,255,255,.018); }
.domain-lock-note strong { color:var(--domain-text); font-size:11px; }
.cloudflare-integration { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 15px; border:1px solid var(--domain-line); border-radius:13px; background:#0d151f; }
.cloudflare-integration > div { min-width:0; }
.cloudflare-integration > div > span { color:var(--domain-muted); font-size:8px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.cloudflare-integration > div > strong { display:block; margin:4px 0 2px; color:var(--domain-text); font-size:13px; }
.cloudflare-integration > div > small { display:block; color:var(--domain-muted); font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.cloudflare-integration.is-ready { border-color:rgba(85,217,154,.14); }
.cloudflare-integration.is-missing { border-color:rgba(242,195,107,.16); }
.domain-admin-table { overflow:hidden; border:1px solid var(--domain-line); border-radius:14px; background:#0d151f; }
.domain-admin-head,.domain-admin-row { display:grid; grid-template-columns:minmax(190px,1.35fr) minmax(120px,.65fr) minmax(150px,.8fr) minmax(110px,.6fr) minmax(260px,1.4fr); align-items:center; gap:12px; }
.domain-admin-head { min-height:38px; padding:0 14px; border-bottom:1px solid var(--domain-line); color:#607287; font-size:8px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.domain-admin-row { min-height:72px; padding:11px 14px; border-bottom:1px solid var(--domain-line); }
.domain-admin-row:last-child { border-bottom:0; }
.domain-admin-main { min-width:0; }
.domain-admin-main strong { display:block; overflow:hidden; color:var(--domain-text); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.domain-admin-main small { display:block; margin-top:3px; color:var(--domain-muted); font-size:9px; }
.domain-admin-health { display:flex; flex-direction:column; gap:4px; color:var(--domain-muted); font-size:9px; }
.domain-admin-health b { color:#cad7e5; font-weight:750; }
.domain-admin-time span,.domain-admin-time small { display:block; color:var(--domain-muted); font-size:9px; }
.domain-admin-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:6px; }
.ops-button.is-primary { color:var(--domain-blue); border-color:rgba(117,169,255,.22); background:rgba(117,169,255,.06); }
.ops-button.is-success { color:var(--domain-green); border-color:rgba(85,217,154,.22); background:rgba(85,217,154,.06); }
.domain-thread-modal .modal-subtitle { margin:4px 0 0; color:var(--domain-muted); font-size:10px; }
.domain-thread-instruction { display:grid; gap:6px; padding:12px 14px; border:1px solid rgba(117,169,255,.16); border-radius:11px; background:rgba(117,169,255,.04); }
.domain-thread-instruction span { color:var(--domain-muted); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.domain-thread-instruction code { color:#dbe8f7; font-size:11px; overflow-wrap:anywhere; }
.domain-thread-diagnostics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.domain-thread-diagnostics > div { padding:10px 12px; border:1px solid var(--domain-line); border-radius:10px; background:#0d151f; }
.domain-thread-diagnostics span { display:block; color:var(--domain-muted); font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.domain-thread-diagnostics strong { display:block; margin-top:4px; color:var(--domain-text); font-size:11px; }
.ticket-message.system { border-color:rgba(117,169,255,.14); background:rgba(117,169,255,.035); }
.ticket-message.system strong { color:var(--domain-blue); }

@media (max-width: 1100px) {
  .domain-admin-head { display:none; }
  .domain-admin-row { grid-template-columns:minmax(0,1fr) auto; gap:10px 14px; }
  .domain-admin-health,.domain-admin-time { grid-column:1 / -1; flex-direction:row; gap:14px; }
  .domain-admin-actions { grid-column:1 / -1; justify-content:flex-start; }
  .domain-dns-instruction { grid-template-columns:100px minmax(0,1fr); }
  .domain-dns-instruction > div:nth-child(3) { grid-column:1 / -1; border-top:1px solid var(--domain-line); border-right:0; }
}

@media (max-width: 720px) {
  .domain-workspace { padding:15px; border-radius:16px; }
  .domain-workspace-header,.cloudflare-integration,.domain-current-head { align-items:stretch; flex-direction:column; }
  .domain-shield,.cloudflare-integration .domain-status { align-self:flex-start; }
  .domain-active-strip { grid-template-columns:1fr; }
  .domain-active-strip > strong,.domain-active-strip > small { grid-column:1; grid-row:auto; }
  .domain-request-form { grid-template-columns:1fr; }
  .domain-dns-instruction { grid-template-columns:1fr; }
  .domain-dns-instruction > div,.domain-dns-instruction > div:nth-child(3) { grid-column:1; border-right:0; border-top:1px solid var(--domain-line); }
  .domain-dns-instruction > div:first-child { border-top:0; }
  .domain-admin-row { grid-template-columns:1fr; }
  .domain-admin-health,.domain-admin-time,.domain-admin-actions { grid-column:1; }
  .domain-thread-diagnostics { grid-template-columns:1fr; }
}


.domain-policy-note{display:flex;gap:14px;align-items:flex-start;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(245,158,11,.18);border-radius:12px;background:rgba(245,158,11,.055);color:var(--ops-muted,#8ea0b7)}
.domain-policy-note strong{flex:0 0 auto;color:#e5edf7;font-size:12px;letter-spacing:.02em}
.domain-policy-note span{font-size:12px;line-height:1.55}
@media(max-width:720px){.domain-policy-note{display:block}.domain-policy-note strong{display:block;margin-bottom:5px}}


#loginView.hidden,
#loginView[hidden],
#appView.hidden,
#appView[hidden],
#authBootstrapView.hidden,
#authBootstrapView[hidden]{display:none!important}


/* v3.1.54 — Fluid user workspace: user list surfaces follow the available viewport width. */
.m3u-users-results {
  width: 100%;
  max-width: none;
  min-width: 0;
}
.m3u-users-results > .admin-grid-panel {
  width: 100%;
  max-width: none !important;
  min-width: 0;
}

.admin-grid-panel:has(.m3u-management-table),
.admin-grid-panel:has(.mag-management-table) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
.source-list-panel,
.logs-list-panel,
.credit-request-panel,
.reseller-panel { min-width: 0; }

@media (max-width:1450px) {
  .m3u-users-results .m3u-management-table,
  .m3u-users-results .m3u-management-table tbody {
    overflow: visible !important;
    max-height: none !important;
  }
}

.management-page .reseller-table-capacity {
  position: relative !important;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
}
.management-page .reseller-table-empty {
  position: static !important;
  inset: auto !important;
  min-height: 150px;
  width: 100%;
}
.management-page .reseller-panel {
  min-height: 0 !important;
  height: auto !important;
  align-self: start;
  overflow: visible;
}
.management-page .reseller-table-footer {
  min-height: 0;
  padding: 9px 12px;
}
.management-page .reseller-actions-wrap {
  isolation: isolate;
}


.management-page .reseller-panel {
  overflow: hidden !important;
}
.management-page .reseller-table-wrap {
  position: relative;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  touch-action: pan-x pan-y;
}
.management-page .reseller-search input {
  padding-left: 43px !important;
}
.management-page .reseller-actions-wrap {
  position: relative;
  display: inline-flex;
  isolation: auto !important;
}
.reseller-action-popover {
  position: fixed;
  z-index: 220;
  display: grid;
  gap: 2px;
  width: 228px;
  max-width: calc(100vw - 20px);
  overflow: auto;
  padding: 7px;
  border: 1px solid #2a3b4f;
  border-radius: 13px;
  background: #111925;
  box-shadow: 0 22px 55px rgba(0,0,0,.56);
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.reseller-action-popover button {
  display: grid;
  grid-template-columns: 22px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 36px;
  padding: 7px 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #d7e1eb;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.reseller-action-popover button:hover,
.reseller-action-popover button:focus-visible {
  background: #192638;
  color: #fff;
  outline: none;
}
.reseller-action-popover button span {
  color: #7893af;
  font-size: 14px;
}
.reseller-action-popover button.danger,
.reseller-action-popover button.danger span {
  color: #ff7c89;
}
.reseller-action-popover .reseller-menu-divider {
  height: 1px;
  margin: 5px 4px;
  background: #263548;
}


.sidebar.premium-sidebar {
  box-sizing: border-box !important;
  grid-template-rows: 52px minmax(0, 1fr) auto !important;
  align-content: stretch !important;
  overscroll-behavior: none !important;
}
.sidebar.premium-sidebar .sidebar-head {
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  overflow: visible !important;
  flex: 0 0 52px !important;
  background: #0a0e14 !important;
}
.sidebar.premium-sidebar nav {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
.sidebar.premium-sidebar .nav-group {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.sidebar.premium-sidebar .nav-item {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  transform: none !important;
  will-change: auto !important;
  contain: layout paint;
}
.sidebar.premium-sidebar .nav-item:hover,
.sidebar.premium-sidebar .nav-item:active,
.sidebar.premium-sidebar .nav-item.active {
  transform: none !important;
}
.sidebar.premium-sidebar .nav-item.active {
  isolation: isolate;
}
.sidebar.premium-sidebar .sidebar-footer {
  position: relative !important;
  z-index: 4 !important;
  width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (min-width: 1101px) {
  .sidebar.premium-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: var(--sidebar-expanded) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
  html.sidebar-collapsed .sidebar.premium-sidebar {
    width: var(--sidebar-collapsed) !important;
  }
  .app-shell > .main {
    grid-column: 2 !important;
    min-width: 0 !important;
  }
}

@media (max-width: 1100px) {
  .sidebar.premium-sidebar,
  html.sidebar-collapsed .sidebar.premium-sidebar {
    grid-template-rows: 52px minmax(0, 1fr) auto !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding-top: max(10px, env(safe-area-inset-top)) !important;
    padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
  }
  .sidebar.premium-sidebar .sidebar-head {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }
}


#loginView.hidden,
#loginView[hidden],
#appView.hidden,
#appView[hidden],
#authBootstrapView.hidden,
#authBootstrapView[hidden] {
  display: none !important;
}


/* v3.1.55 — Fluid request workspaces: DNS and Credit inboxes use the full available content width. */
.smart-request-workspace {
  display: grid;
  gap: 14px;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  justify-self: stretch;
}
.smart-request-overview {
  width: 100%;
  max-width: none !important;
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(min(180px,100%),1fr)) !important;
}
.smart-request-inbox-panel {
  min-width: 0;
  overflow: hidden;
}
.smart-request-inbox-header {
  min-width: 0;
}
.smart-request-toolbar {
  grid-template-columns: minmax(220px,1fr) minmax(130px,165px) minmax(130px,165px) auto;
  gap: 9px;
  padding: 11px 16px;
}
.smart-request-toolbar input,
.smart-request-toolbar select,
.smart-request-toolbar .ticket-reset-button {
  height: 38px;
  border-radius: 10px;
}
#creditRequestResults,
#dnsRequestResults {
  padding: 12px;
  min-width: 0;
}
.smart-request-card-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.smart-request-card {
  position: relative;
  display: grid;
  grid-template-columns: 3px minmax(0,1fr) auto;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #1c2c3d;
  border-radius: 13px;
  background: #0f1823;
  transition: border-color .16s ease, background .16s ease;
}
.smart-request-card:hover {
  border-color: #315579;
  background: #111d2b;
}
.smart-request-accent {
  width: 3px;
  min-height: 100%;
  background: #66788b;
}
.credit-request-card.status-pending .smart-request-accent,
.dns-request-card.status-pending .smart-request-accent { background: #ffb84d; }
.credit-request-card.status-contacted .smart-request-accent,
.dns-request-card.status-waiting_dns .smart-request-accent,
.dns-request-card.status-ready .smart-request-accent { background: #6aa8ff; }
.credit-request-card.status-completed .smart-request-accent,
.dns-request-card.status-active .smart-request-accent { background: #45ce91; }
.credit-request-card.status-rejected .smart-request-accent,
.dns-request-card.status-failed .smart-request-accent,
.dns-request-card.status-rejected .smart-request-accent { background: #ff7182; }
.dns-request-card.status-disabled .smart-request-accent { background: #657589; }
.smart-request-main {
  min-width: 0;
  padding: 11px 13px;
}
.smart-request-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}
.smart-request-title {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.smart-request-title strong {
  overflow: hidden;
  color: #eef5fb;
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smart-request-title span {
  overflow: hidden;
  color: #7e93aa;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smart-request-badges {
  display: flex;
  flex: none;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.smart-request-preview,
.smart-request-error {
  margin: 7px 0 8px;
  overflow: hidden;
  color: #91a3b7;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smart-request-error {
  padding: 7px 9px;
  border: 1px solid rgba(255,113,130,.24);
  border-radius: 9px;
  background: rgba(255,91,112,.06);
  color: #ff9daa;
  white-space: normal;
}
.smart-request-meta,
.smart-request-health {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 7px 14px;
  min-width: 0;
}
.smart-request-meta span,
.smart-request-health span {
  display: flex;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  overflow: hidden;
  color: #9aadc0;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smart-request-meta b,
.smart-request-health b {
  flex: none;
  color: #627991;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.smart-request-actions {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
  max-width: 320px;
  padding: 10px 12px;
  border-left: 1px solid #1b2a3a;
  background: rgba(9,15,23,.36);
}
.smart-request-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #2a3d52;
  border-radius: 9px;
  background: #121d29;
  color: #b7c8d9;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
.smart-request-action:hover:not(:disabled) {
  border-color: #4b6c90;
  color: #f4f8fc;
}
.smart-request-action.is-primary { border-color: #346ca7; background: rgba(46,134,239,.13); color: #8dc3ff; }
.smart-request-action.is-success { border-color: #2f7357; background: rgba(69,206,145,.09); color: #7be0b2; }
.smart-request-action.is-danger { border-color: #713b45; background: rgba(225,80,94,.08); color: #ff9da8; }
.smart-request-action.is-whatsapp { border-color: #2b6a50; color: #7ce0ae; }
.smart-request-status-select {
  display: grid;
  gap: 4px;
  min-width: 124px;
}
.smart-request-status-select > span {
  color: #637a91;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.smart-request-status-select select {
  width: 100%;
  min-height: 34px;
  padding: 0 28px 0 9px;
  border: 1px solid #2a3d52;
  border-radius: 9px;
  background: #121d29;
  color: #c2d0de;
  font-size: 10px;
  font-weight: 750;
}
.smart-request-system-strip,
.smart-request-policy-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #1d2d3e;
  border-radius: 14px;
  background: #0d1621;
}
.smart-request-system-strip > div:first-child,
.smart-request-policy-note {
  min-width: 0;
}
.smart-request-system-strip span:first-child,
.smart-request-policy-note strong {
  color: #71879f;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.smart-request-system-strip strong {
  display: block;
  margin-top: 3px;
  color: #e4edf6;
  font-size: 12px;
}
.smart-request-system-strip small,
.smart-request-policy-note span {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #7d91a7;
  font-size: 10px;
  line-height: 1.35;
  text-overflow: ellipsis;
}
.smart-request-system-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
.smart-request-policy-note {
  align-items: flex-start;
  justify-content: flex-start;
}
.smart-request-policy-note strong { flex: none; margin-top: 2px; }

@media (max-width: 1000px) {
  .smart-request-toolbar {
    grid-template-columns: minmax(0,1fr) minmax(130px,170px);
  }
  .smart-request-toolbar .ticket-search-field { grid-column: 1 / -1; }
  .smart-request-toolbar .ticket-reset-button { justify-self: start; }
  .smart-request-card { grid-template-columns: 3px minmax(0,1fr); }
  .smart-request-actions {
    grid-column: 2;
    max-width: none;
    justify-content: flex-start;
    padding: 9px 12px;
    border-top: 1px solid #1b2a3a;
    border-left: 0;
  }
}

@media (max-width: 680px) {
  .smart-request-workspace { gap: 12px; }
  .smart-request-overview { grid-template-columns: 1fr 1fr !important; gap: 9px !important; }
  .smart-request-toolbar { grid-template-columns: 1fr; padding: 10px 12px; }
  .smart-request-toolbar .ticket-search-field { grid-column: auto; }
  #creditRequestResults,
  #dnsRequestResults { padding: 9px; }
  .smart-request-main { padding: 10px 11px; }
  .smart-request-head { display: grid; gap: 8px; }
  .smart-request-badges { justify-content: flex-start; }
  .smart-request-preview { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .smart-request-meta,
  .smart-request-health { grid-template-columns: 1fr 1fr; gap: 7px 10px; }
  .smart-request-meta span,
  .smart-request-health span { display: grid; gap: 2px; white-space: normal; }
  .smart-request-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .smart-request-action { width: 100%; }
  .smart-request-status-select { grid-column: 1 / -1; min-width: 0; }
  .smart-request-system-strip { align-items: flex-start; flex-direction: column; }
  .smart-request-system-actions { width: 100%; justify-content: space-between; }
  .smart-request-policy-note { display: grid; gap: 4px; }
}

@media (max-width: 430px) {
  .smart-request-overview { grid-template-columns: 1fr !important; }
  .smart-request-actions { grid-template-columns: 1fr; }
  .smart-request-status-select { grid-column: auto; }
}


.management-page,
.ticket-workspace,
.smart-request-workspace { gap: 10px !important; }
.ticket-inbox-header,
.smart-request-inbox-header {
  align-items: center !important;
  padding: 14px 18px 12px !important;
  min-height: 0 !important;
}
.ticket-inbox-header h3,
.smart-request-inbox-header h3 { margin: 3px 0 0 !important; }
.ticket-toolbar,
.smart-request-toolbar { padding: 10px 14px !important; }
#ticketResults,
#creditRequestResults,
#dnsRequestResults { padding: 10px !important; }
.smart-request-card-list,
.ticket-card-list { gap: 7px !important; }
.smart-request-policy-note,
.resource-note { display: none !important; }
.server-resources { margin: 12px 0 14px !important; padding: 15px !important; }
.server-resource-head { margin-bottom: 11px !important; }
.section { margin-top: 20px !important; }
.section-head { margin-bottom: 9px !important; }
.ops-workspace { gap: 12px !important; margin-top: 14px !important; padding: clamp(15px,1.6vw,20px) !important; }
.ops-workspace-header { align-items: center !important; gap: 14px !important; }
.ops-heading h3 { font-size: clamp(20px,1.8vw,25px) !important; }
.settings-v2-shell { gap: 10px !important; }
.settings-v2-layout,
.settings-v2-main { gap: 10px !important; }
.settings-v2-section-head { padding: 13px 15px !important; align-items: center !important; }
.settings-v2-section-body { padding: 13px 15px !important; }
.settings-v2-notice.dns-default-summary { padding: 10px 12px !important; }
.settings-v2-notice.dns-default-summary p { line-height: 1.35 !important; }
@media (max-width: 680px) {
  .ticket-inbox-header,
  .smart-request-inbox-header { padding: 12px !important; }
  .ticket-toolbar,
  .smart-request-toolbar { padding: 9px 11px !important; }
  #ticketResults,
  #creditRequestResults,
  #dnsRequestResults { padding: 8px !important; }
  .ops-workspace { padding: 13px !important; margin-top: 10px !important; }
}
/* Natural management scrolling: the document owns vertical scrolling. */
html, body { min-height: 100%; overflow-y: auto; overscroll-behavior-y: auto; }
.table-wrap, .classic-table-wrap, .reseller-table-wrap, .support-table-wrap, .source-table-wrap {
  width: 100%;
  max-width: 100%;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto !important;
  touch-action: pan-x pan-y !important;
  -webkit-overflow-scrolling: touch;
}
@media (max-width:780px) {
  .table-wrap, .classic-table-wrap, .reseller-table-wrap, .support-table-wrap, .source-table-wrap, .management-page .reseller-table-wrap {
    overflow: visible !important;
    max-height: none !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
  }
}

/* Dashboard compact overview: one card, four dense stats, no wasted vertical space. */
.dashboard-overview-card {
  width: 100%;
  overflow: hidden;
  padding: 0 !important;
  border-radius: 18px;
  background: linear-gradient(145deg,var(--surface),#0c1118);
}
.dashboard-overview-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  min-width: 0;
}
.dashboard-stat {
  position: relative;
  min-width: 0;
  min-height: 112px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 7px;
  border-right: 1px solid var(--line-soft);
}
.dashboard-stat:last-child { border-right: 0; }
.dashboard-stat > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.dashboard-stat > strong {
  color: var(--text);
  font-size: clamp(25px,2.15vw,34px);
  line-height: 1;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
}
.dashboard-stat > small {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}
.dashboard-stat-accent > strong { color: var(--accent); }
.dashboard-stat-skeleton { gap: 10px; }
.dashboard-stat-skeleton i,
.dashboard-stat-skeleton b,
.dashboard-stat-skeleton em {
  display: block;
  margin: 0;
  border-radius: 7px;
  background: #1a2330;
}
.dashboard-stat-skeleton i { width: 44%; height: 10px; }
.dashboard-stat-skeleton b { width: 58%; height: 28px; }
.dashboard-stat-skeleton em { width: 70%; height: 9px; }
@media (max-width: 760px) {
  .dashboard-overview-card { border-radius: 16px; }
  .dashboard-overview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-stat {
    min-height: 94px;
    padding: 15px 16px;
  }
  .dashboard-stat:nth-child(2) { border-right: 0; }
  .dashboard-stat:nth-child(-n/**/+2) { border-bottom: 1px solid var(--line-soft); }
  .dashboard-stat > strong { font-size: 27px; }
  .dashboard-stat > small { font-size: 9px; }
}
@media (max-width: 380px) {
  .dashboard-stat { min-height: 88px; padding: 13px 14px; gap: 6px; }
  .dashboard-stat > span { font-size: 10px; }
  .dashboard-stat > strong { font-size: 24px; }
}

/* Keep server health useful but compact below the unified overview. */
.server-resources { margin-top: 12px !important; }
@media (max-width: 700px) {
  .resource-overview { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .resource-details { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}


/* v3.1.49 — Unified compact card system: repeated card collections become one shared surface. */
:root {
  --unified-card-bg: linear-gradient(145deg, rgba(16,23,33,.98), rgba(11,17,25,.98));
  --unified-card-line: rgba(128,151,178,.16);
  --unified-card-divider: rgba(128,151,178,.12);
}

/* Summary/stat groups: one outer card, flat inner cells. */
.quick-action-grid,
.resource-overview,
.resource-details,
.management-page .reseller-overview-cards,
.ticket-workspace .ticket-overview,
.smart-request-workspace .smart-request-overview,
.ops-overview-bar,
.ops-switch-grid,
.settings-v2-security ul {
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid var(--unified-card-line) !important;
  border-radius: 16px !important;
  background: var(--unified-card-bg) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.10) !important;
}

.quick-action-grid { margin-top: 12px !important; }
.quick-action-card,
.resource-gauge,
.resource-details > div,
.management-page .reseller-overview-cards > article,
.ticket-workspace .ticket-overview > article,
.smart-request-workspace .smart-request-overview > article,
.ops-switch-grid > .ops-switch-card,
.settings-v2-security li {
  min-width: 0;
  margin: 0 !important;
  border: 0 !important;
  border-right: 1px solid var(--unified-card-divider) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.quick-action-card:last-child,
.resource-overview > :last-child,
.resource-details > :last-child,
.management-page .reseller-overview-cards > :last-child,
.ticket-workspace .ticket-overview > :last-child,
.smart-request-workspace .smart-request-overview > :last-child,
.ops-switch-grid > :last-child,
.settings-v2-security li:last-child { border-right: 0 !important; }

.quick-action-card { min-height: 72px; padding: 11px 13px !important; }
.quick-action-card:hover { background: rgba(255,255,255,.025) !important; }
.quick-action-card > span { width: 34px; height: 34px; border-radius: 9px; font-size: 15px; }
.quick-action-card strong { font-size: 11px; }
.quick-action-card small { font-size: 9px; }

.resource-overview { margin: 0 !important; }
.resource-gauge { min-height: 94px; padding: 13px 14px !important; }
.resource-details { margin-top: 9px !important; }
.resource-details > div { min-height: 58px; padding: 10px 11px !important; }

.management-page .reseller-overview-cards { margin-bottom: 10px !important; }
.management-page .reseller-overview-cards > article,
.ticket-workspace .ticket-overview > article,
.smart-request-workspace .smart-request-overview > article {
  min-height: 88px !important;
  padding: 12px 14px !important;
}
.management-page .reseller-overview-cards strong,
.ticket-workspace .ticket-overview strong,
.smart-request-workspace .smart-request-overview strong { font-size: 22px !important; }

/* Inbox/list cards: one shared list shell with compact rows instead of floating cards. */
.ticket-card-list,
.smart-request-card-list {
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid var(--unified-card-line);
  border-radius: 14px;
  background: var(--unified-card-bg);
}
.ticket-inbox-card,
.smart-request-card {
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--unified-card-divider) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.ticket-inbox-card:last-child,
.smart-request-card:last-child { border-bottom: 0 !important; }
.ticket-inbox-card:hover,
.smart-request-card:hover { background: rgba(255,255,255,.018) !important; }
.ticket-card-main,
.smart-request-main { padding-top: 9px !important; padding-bottom: 9px !important; }

/* DNS/packages switch options become one control card. */
.ops-switch-grid > .ops-switch-card { min-height: 56px; padding: 9px 11px !important; }
.ops-switch-grid > .ops-switch-card:hover { background: rgba(255,255,255,.02) !important; }

/* Settings security items use one compact card instead of separate tiles. */
.settings-v2-security ul { display: grid !important; margin-top: 10px !important; }
.settings-v2-security li { min-height: 48px; padding: 8px 9px !important; }

/* Tablet: use dense 2-column shared cards and keep separators coherent. */
@media (max-width: 900px) {
  .resource-overview,
  .resource-details,
  .management-page .reseller-overview-cards,
  .ticket-workspace .ticket-overview,
  .smart-request-workspace .smart-request-overview,
  .ops-switch-grid,
  .ops-switch-grid-four,
  .settings-v2-security ul {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .resource-overview > *,
  .resource-details > *,
  .management-page .reseller-overview-cards > *,
  .ticket-workspace .ticket-overview > *,
  .smart-request-workspace .smart-request-overview > *,
  .ops-switch-grid > *,
  .settings-v2-security li {
    border-right: 1px solid var(--unified-card-divider) !important;
    border-bottom: 1px solid var(--unified-card-divider) !important;
  }
  .resource-overview > :nth-child(2n),
  .resource-details > :nth-child(2n),
  .management-page .reseller-overview-cards > :nth-child(2n),
  .ticket-workspace .ticket-overview > :nth-child(2n),
  .smart-request-workspace .smart-request-overview > :nth-child(2n),
  .ops-switch-grid > :nth-child(2n),
  .settings-v2-security li:nth-child(2n) { border-right: 0 !important; }
  .resource-overview > :nth-last-child(-n/**/+2),
  .resource-details > :nth-last-child(-n/**/+2),
  .ticket-workspace .ticket-overview > :nth-last-child(-n/**/+2),
  .smart-request-workspace .smart-request-overview > :nth-last-child(-n/**/+2),
  .ops-switch-grid > :nth-last-child(-n/**/+2),
  .settings-v2-security li:nth-last-child(-n/**/+2) { border-bottom: 0 !important; }
  .management-page .reseller-overview-cards > :last-child { border-bottom: 0 !important; }
}

/* Phone: retain 2x2 for summary metrics, one-column rows for actions/controls. */
@media (max-width: 560px) {
  .quick-action-grid,
  .ops-switch-grid,
  .ops-switch-grid-four,
  .settings-v2-security ul { grid-template-columns: 1fr !important; }
  .quick-action-grid > *,
  .ops-switch-grid > *,
  .settings-v2-security li {
    border-right: 0 !important;
    border-bottom: 1px solid var(--unified-card-divider) !important;
  }
  .quick-action-grid > :last-child,
  .ops-switch-grid > :last-child,
  .settings-v2-security li:last-child { border-bottom: 0 !important; }
  .quick-action-card { min-height: 58px; padding: 9px 11px !important; }

  .resource-overview,
  .resource-details,
  .management-page .reseller-overview-cards,
  .ticket-workspace .ticket-overview,
  .smart-request-workspace .smart-request-overview {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .resource-overview > *,
  .resource-details > *,
  .management-page .reseller-overview-cards > *,
  .ticket-workspace .ticket-overview > *,
  .smart-request-workspace .smart-request-overview > * { min-height: 76px !important; padding: 10px 11px !important; }
  .management-page .reseller-overview-cards strong,
  .ticket-workspace .ticket-overview strong,
  .smart-request-workspace .smart-request-overview strong { font-size: 19px !important; }
}

/* Very narrow phones: summary cards remain usable without overflow. */
@media (max-width: 360px) {
  .resource-overview,
  .resource-details,
  .management-page .reseller-overview-cards,
  .ticket-workspace .ticket-overview,
  .smart-request-workspace .smart-request-overview { grid-template-columns: 1fr !important; }
  .resource-overview > *,
  .resource-details > *,
  .management-page .reseller-overview-cards > *,
  .ticket-workspace .ticket-overview > *,
  .smart-request-workspace .smart-request-overview > * {
    border-right: 0 !important;
    border-bottom: 1px solid var(--unified-card-divider) !important;
  }
  .resource-overview > :last-child,
  .resource-details > :last-child,
  .management-page .reseller-overview-cards > :last-child,
  .ticket-workspace .ticket-overview > :last-child,
  .smart-request-workspace .smart-request-overview > :last-child { border-bottom: 0 !important; }
}

/* Fill odd summary rows so compact groups never leave an empty tile. */
@media (min-width: 361px) and (max-width: 900px) {
  .management-page .reseller-overview-cards > :last-child:nth-child(odd),
  .smart-request-workspace .dns-request-overview > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
}

/* v3.1.50 — Compact Display + Pagination: one thin footer on every management page. */
.m3u-users-pagination-inside,
.collection-pagination-inside {
  position: relative !important;
  z-index: 1;
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid var(--line-soft, rgba(128,151,178,.12));
  background: rgba(8,13,20,.46);
}

.m3u-users-pagination-inside .users-pagination,
.collection-pagination-inside .collection-pagination,
.users-pagination.collection-pagination {
  position: static !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: auto minmax(110px,1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  gap: 6px 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.page-size-control {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-width: 0 !important;
  color: var(--muted, #8ea0b7) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.page-size-control label {
  margin: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
.page-size-control select {
  box-sizing: border-box !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 22px 0 8px !important;
  border: 1px solid var(--line, #26394e) !important;
  border-radius: 8px !important;
  background: var(--surface, #0d1723) !important;
  color: var(--text-2, #d7e1eb) !important;
  font: 700 11px/1 inherit !important;
  box-shadow: none !important;
}
.page-size-control select:focus {
  border-color: var(--accent, #45dc9a) !important;
  box-shadow: 0 0 0 2px rgba(69,220,154,.10) !important;
  outline: none !important;
}

.pager {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
  scrollbar-width: none !important;
}
.pager::-webkit-scrollbar { display: none !important; }
.pager-page,
.pager-arrow {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--line, #26394e) !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--text-2, #a9b9ca) !important;
  font: 700 11px/1 inherit !important;
  box-shadow: none !important;
}
.pager-arrow { font-size: 17px !important; font-weight: 500 !important; }
.pager-page:hover,
.pager-arrow:hover:not(:disabled) { background: rgba(255,255,255,.035) !important; color: #fff !important; }
.pager-page.active {
  border-color: var(--accent, #45dc9a) !important;
  background: var(--accent, #45dc9a) !important;
  color: #07130d !important;
}
.pager-arrow:disabled { opacity: .28 !important; cursor: not-allowed !important; }
.pager-gap { padding: 0 1px !important; color: var(--muted, #60758d) !important; font-size: 10px !important; }

.page-summary {
  position: static !important;
  z-index: auto !important;
  justify-self: end !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--muted, #8195ad) !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  text-align: right !important;
}

/* Phone/tablet: Display and pager share one row; summary is one tiny line below. */
@media (max-width: 768px) {
  .m3u-users-pagination-inside .users-pagination,
  .collection-pagination-inside .collection-pagination,
  .users-pagination.collection-pagination {
    grid-template-columns: auto minmax(0,1fr) !important;
    align-items: center !important;
    padding: 7px 8px !important;
    gap: 5px 8px !important;
  }
  .page-size-control { grid-column: 1 !important; justify-self: start !important; }
  .pager { grid-column: 2 !important; justify-content: flex-end !important; }
  .page-summary {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: 100% !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
}

@media (max-width: 380px) {
  .page-size-control { gap: 5px !important; }
  .page-size-control label { font-size: 9px !important; }
  .page-size-control select { width: 58px !important; min-width: 58px !important; max-width: 58px !important; }
  .pager-page, .pager-arrow { flex-basis: 28px !important; width: 28px !important; min-width: 28px !important; height: 28px !important; min-height: 28px !important; }
  .page-summary { font-size: 8.5px !important; }
}



/* v3.1.59 — Settings custom-domain dialog lifecycle + readable notification state. */
.domain-thread-modal:not([open]){display:none !important;}
.domain-thread-modal[open]{
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:min(1080px, calc(100vw - 28px)) !important;
  max-width:min(1080px, calc(100vw - 28px)) !important;
  height:min(88dvh, 940px);
  max-height:calc(100dvh - 20px) !important;
  margin:auto;
  overflow:hidden;
}
.domain-thread-modal .modal-head{
  align-items:flex-start;
  padding:16px 18px !important;
}
.domain-thread-modal .modal-head > div{
  min-width:0;
}
.domain-thread-modal .modal-head h3{
  line-height:1.16;
  overflow-wrap:anywhere;
}
.domain-thread-modal .modal-subtitle{
  overflow-wrap:anywhere;
  line-height:1.4;
}
.domain-thread-modal .ticket-thread-body{
  min-height:0;
  max-height:none !important;
  overflow:auto !important;
  padding:14px 16px !important;
  overscroll-behavior:contain;
}
.domain-thread-modal .ticket-thread-summary{
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
}
.domain-thread-modal .domain-thread-instruction,
.domain-thread-modal .domain-error-note{
  overflow-wrap:anywhere;
}
.domain-thread-modal .domain-thread-instruction code{
  white-space:normal;
  word-break:break-word;
}
.domain-thread-modal .domain-thread-diagnostics{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.domain-thread-modal .ticket-message-list{
  display:grid;
  gap:12px;
  min-width:0;
  max-height:none !important;
  overflow:visible !important;
  padding:0;
}
.domain-thread-modal .ticket-message{
  width:100%;
  max-width:100%;
  padding:14px 16px;
  border-radius:14px;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.domain-thread-modal .ticket-message > div{
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.domain-thread-modal .ticket-message p{
  font-size:13px;
  line-height:1.6;
}
.domain-thread-modal .ticket-reply-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
  padding:12px 16px;
  border-top:1px solid #1e2b3a;
  background:#0b131d;
}
.domain-thread-modal .ticket-reply-form textarea{
  min-height:78px;
  max-height:160px;
  resize:vertical;
}
.domain-thread-modal .ticket-reply-form button{
  align-self:end;
}
@media (max-width: 900px){
  .domain-thread-modal{
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    height:calc(100dvh - 16px);
    max-height:calc(100dvh - 16px) !important;
  }
  .domain-thread-modal .domain-thread-diagnostics{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .domain-thread-modal .modal-head,
  .domain-thread-modal .ticket-thread-body,
  .domain-thread-modal .ticket-reply-form{
    padding:12px !important;
  }
  .domain-thread-modal .ticket-reply-form{
    grid-template-columns:1fr;
  }
  .domain-thread-modal .ticket-reply-form button{
    width:100%;
  }
  .domain-thread-modal .ticket-message{
    padding:12px 13px;
  }
}


/* v3.1.57 — reCAPTCHA dark-edge polish: hide the light iframe rim without changing verification behavior. */
#recaptchaContainer.recaptcha-shell{
  background:#0e141d;
  border:0;
  box-shadow:none;
  isolation:isolate;
}
#recaptchaContainer.recaptcha-shell > div{
  width:304px;
  height:78px;
  max-width:100%;
  overflow:hidden;
  border-radius:5px;
  background:#0e141d;
}
#recaptchaContainer.recaptcha-shell iframe{
  display:block;
  border:0 !important;
  background:#0e141d !important;
  clip-path:inset(1px round 4px);
}


/* v3.1.59 — Settings DNS notification badge remains readable and disappears once Settings is acknowledged. */
.premium-sidebar .nav-item[data-page="settings"] .nav-notification-dot{
  background:#f4fbff;
  color:#07110c;
  border-color:#39d98a;
  box-shadow:0 0 0 2px rgba(57,217,138,.18),0 0 12px rgba(57,217,138,.24);
}
.domain-thread-modal[open] .ticket-thread-body{
  scrollbar-gutter:stable;
}
@media (min-width: 901px){
  .domain-thread-modal[open]{
    width:min(1080px,calc(100vw - 48px)) !important;
    max-width:min(1080px,calc(100vw - 48px)) !important;
    height:min(860px,calc(100dvh - 48px));
    max-height:calc(100dvh - 48px) !important;
  }
}

/* v3.1.61 — domain-thread chat alignment: reseller messages on the right, admin/system on the left, compact WhatsApp-like bubbles. */
.domain-thread-modal .ticket-message-list{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  min-width:0;
  max-height:none !important;
  overflow:visible !important;
  padding:0;
}
.domain-thread-modal .ticket-message{
  align-self:flex-start;
  width:auto;
  inline-size:fit-content;
  max-width:min(72%, 820px);
  max-inline-size:min(72%, 820px);
  padding:12px 14px;
  border-radius:16px 16px 16px 5px;
  overflow-wrap:anywhere;
  word-break:break-word;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.domain-thread-modal .ticket-message.admin,
.domain-thread-modal .ticket-message.system,
.domain-thread-modal .ticket-message.other{
  align-self:flex-start;
  margin-right:auto;
  background:linear-gradient(180deg,rgba(18,28,40,.98),rgba(13,21,31,.98));
  border-color:#273a50;
}
.domain-thread-modal .ticket-message.reseller,
.domain-thread-modal .ticket-message.self{
  align-self:flex-end;
  margin-left:auto;
  background:linear-gradient(180deg,rgba(21,61,49,.96),rgba(13,33,28,.98));
  border-color:#2f6e59;
  border-radius:16px 16px 5px 16px;
}
.domain-thread-modal .ticket-message > div{
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:6px;
}
.domain-thread-modal .ticket-message strong{
  font-size:12px;
  color:#f3f7fb;
}
.domain-thread-modal .ticket-message time{
  font-size:10px;
  color:#8aa0b5;
}
.domain-thread-modal .ticket-message p{
  margin:0;
  font-size:13px;
  line-height:1.55;
  max-width:100%;
  color:#dce7f1;
}
@media (max-width: 900px){
  .domain-thread-modal[open]{
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    height:calc(100dvh - 16px);
    max-height:calc(100dvh - 16px) !important;
  }
  .domain-thread-modal .domain-thread-diagnostics{
    grid-template-columns:1fr;
  }
  .domain-thread-modal .ticket-message{
    max-width:86%;
    max-inline-size:86%;
  }
}
@media (max-width: 640px){
  .domain-thread-modal .modal-head,
  .domain-thread-modal .ticket-thread-body,
  .domain-thread-modal .ticket-reply-form{
    padding:12px !important;
  }
  .domain-thread-modal .ticket-reply-form{
    grid-template-columns:1fr;
  }
  .domain-thread-modal .ticket-reply-form button{
    width:100%;
  }
  .domain-thread-modal .ticket-message{
    max-width:92%;
    max-inline-size:92%;
    padding:11px 12px;
  }
}


/* v3.1.62 — Unified conversation display across Domain, Support and Credit Requests. */
.ticket-smart-thread .ticket-message-list,
.domain-thread-modal .ticket-message-list,
.credit-request-chat{
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  min-width:0;
}
.ticket-smart-thread .ticket-message,
.domain-thread-modal .ticket-message,
.credit-request-chat .ticket-message{
  align-self:flex-start;
  width:auto !important;
  inline-size:fit-content;
  max-width:min(72%,820px) !important;
  max-inline-size:min(72%,820px);
  margin:0;
  padding:11px 13px;
  border:1px solid #273a50;
  border-radius:16px 16px 16px 5px;
  background:linear-gradient(180deg,rgba(18,28,40,.98),rgba(13,21,31,.98));
  box-shadow:0 7px 18px rgba(0,0,0,.11);
  overflow-wrap:anywhere;
  word-break:break-word;
}
.ticket-smart-thread .ticket-message.reseller,
.domain-thread-modal .ticket-message.reseller,
.domain-thread-modal .ticket-message.self,
.credit-request-chat .ticket-message.reseller{
  align-self:flex-end;
  margin-left:auto;
  border-color:#2f6e59;
  border-radius:16px 16px 5px 16px;
  background:linear-gradient(180deg,rgba(21,61,49,.96),rgba(13,33,28,.98));
}
.ticket-smart-thread .ticket-message.admin,
.domain-thread-modal .ticket-message.admin,
.domain-thread-modal .ticket-message.system,
.domain-thread-modal .ticket-message.other,
.credit-request-chat .ticket-message.admin{
  align-self:flex-start;
  margin-right:auto;
}
.ticket-smart-thread .ticket-message>div,
.domain-thread-modal .ticket-message>div,
.credit-request-chat .ticket-message>div{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:5px;
}
.ticket-smart-thread .ticket-message strong,
.domain-thread-modal .ticket-message strong,
.credit-request-chat .ticket-message strong{
  font-size:11px;
  color:#f2f7fb;
}
.ticket-smart-thread .ticket-message time,
.domain-thread-modal .ticket-message time,
.credit-request-chat .ticket-message time{
  font-size:9px;
  color:#879bb0;
}
.ticket-smart-thread .ticket-message p,
.domain-thread-modal .ticket-message p,
.credit-request-chat .ticket-message p{
  margin:0;
  max-width:100%;
  font-size:12px;
  line-height:1.5;
  color:#dce7f1;
  white-space:pre-wrap;
}
.credit-request-chat{
  margin:10px 0 12px;
  padding:2px 0;
}
@media(max-width:900px){
  .ticket-smart-thread .ticket-message,
  .domain-thread-modal .ticket-message,
  .credit-request-chat .ticket-message{
    max-width:86% !important;
    max-inline-size:86%;
  }
}
@media(max-width:640px){
  .ticket-smart-thread .ticket-message,
  .domain-thread-modal .ticket-message,
  .credit-request-chat .ticket-message{
    max-width:92% !important;
    max-inline-size:92%;
    padding:10px 11px;
  }
}

/* v3.1.69 — Dashboard online cards now inherit the same 8-field responsive card system as M3U Users.
   Account type is kept inside Account, so no data is removed and no third empty row is created. */
.dashboard-online-table .classic-user{min-width:0}
.dashboard-online-table .dashboard-account-type{height:22px;min-width:42px;padding:0 7px;font-size:8px}
@media (max-width:1450px) and (min-width:1101px){
  .dashboard-online-table tbody td{min-height:50px!important;padding:6px 4px!important}
  .dashboard-online-table tbody tr{padding:9px 11px!important;gap:0 12px!important}
}

/* v3.1.70 — Support/DNS/Credit workflow cleanup. DNS and credits are request workflows, not chat threads. */
.credit-request-card,
.dns-request-card{
  grid-template-columns:minmax(0,1fr) minmax(210px,300px);
  align-items:stretch;
}
.credit-request-main,
.dns-request-main{
  display:grid;
  align-content:start;
  gap:9px;
}
.credit-request-reason,
.credit-request-admin-note,
.dns-workflow-cname,
.dns-admin-note,
.dns-detail-note,
.dns-workflow-readonly,
.domain-workflow-waiting{
  min-width:0;
  padding:9px 11px;
  border:1px solid #1f3042;
  border-radius:10px;
  background:rgba(11,19,28,.62);
}
.credit-request-reason span,
.credit-request-admin-note span,
.dns-workflow-cname span,
.dns-detail-note span{
  display:block;
  margin-bottom:4px;
  color:#657d95;
  font-size:8px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.credit-request-reason p,
.credit-request-admin-note p,
.dns-detail-note p{
  margin:0;
  color:#d8e3ed;
  font-size:11px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.credit-request-admin-note{
  border-color:rgba(79,142,210,.28);
  background:rgba(42,94,149,.08);
}
.credit-request-meta{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.credit-review-panel{
  display:grid;
  grid-template-columns:1fr auto;
  align-content:start;
  align-items:end;
  gap:8px;
  max-width:none;
}
.credit-review-panel .is-whatsapp{
  grid-column:1 / -1;
  justify-self:start;
}
.credit-admin-note-field{
  display:grid;
  gap:4px;
  min-width:0;
}
.credit-admin-note-field>span{
  color:#637a91;
  font-size:8px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.credit-admin-note-field textarea{
  width:100%;
  min-height:58px;
  resize:vertical;
  padding:8px 9px;
  border:1px solid #2a3d52;
  border-radius:9px;
  background:#121d29;
  color:#dbe6f0;
  font:inherit;
  font-size:10px;
  line-height:1.35;
}
.credit-completion-warning{
  grid-column:1 / -1;
  color:#7f91a5;
  font-size:9px;
  line-height:1.35;
}
.dns-workflow-cname{
  display:flex;
  align-items:center;
  gap:9px;
  overflow:hidden;
}
.dns-workflow-cname span{
  margin:0;
  flex:none;
}
.dns-workflow-cname code{
  min-width:0;
  overflow:hidden;
  color:#b9d7f6;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dns-request-health{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.dns-admin-note{
  margin:0;
  color:#aec0d2;
  font-size:10px;
  line-height:1.4;
}
.dns-admin-note b{
  margin-right:7px;
  color:#7690aa;
  font-size:8px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.dns-workflow-modal .ticket-thread-body{
  display:grid;
  gap:12px;
}
.dns-workflow-readonly{
  display:grid;
  gap:3px;
  border-color:rgba(80,188,147,.25);
  background:rgba(48,139,106,.07);
}
.dns-workflow-readonly strong{
  color:#b9e6d3;
  font-size:11px;
}
.dns-workflow-readonly span,
.domain-workflow-waiting{
  color:#89a0b6;
  font-size:10px;
  line-height:1.45;
}
.ticket-inbox-card{
  min-height:0;
}
.ticket-card-main{
  padding-top:10px;
  padding-bottom:10px;
}
.ticket-card-preview{
  margin-top:5px;
  margin-bottom:7px;
}
@media(max-width:1050px){
  .credit-request-card,
  .dns-request-card{grid-template-columns:1fr}
  .credit-review-panel,
  .dns-smart-actions{
    border-left:0;
    border-top:1px solid #1b2a3a;
  }
  .credit-request-meta,
  .dns-request-health{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .credit-request-meta,
  .dns-request-health{grid-template-columns:1fr}
  .credit-review-panel{grid-template-columns:1fr}
  .credit-review-panel>*{grid-column:1 !important}
  .dns-workflow-cname{align-items:flex-start;flex-direction:column}
  .dns-workflow-cname code{white-space:normal;overflow-wrap:anywhere}
}

/* v3.1.82 — DNS Requests: compact premium workflow workspace. */
.dns-request-workspace{
  gap:12px!important;
  --dns-panel:#0d151f;
  --dns-panel-raised:#101a26;
  --dns-line:rgba(119,151,184,.16);
  --dns-line-strong:rgba(119,164,207,.28);
}
.dns-request-workspace .dns-request-overview{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.dns-request-workspace .request-metric-card{
  position:relative;
  min-width:0;
  min-height:92px!important;
  padding:14px 15px!important;
  overflow:hidden;
  border:1px solid var(--dns-line)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(17,28,41,.98),rgba(11,19,29,.98))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
  text-align:left;
}
.dns-request-workspace .request-metric-card::after{
  content:"";
  position:absolute;
  right:-28px;
  bottom:-42px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:rgba(92,158,222,.055);
  pointer-events:none;
}
.dns-request-workspace .request-metric-card>span{
  color:#8ea2b8!important;
  font-size:9px!important;
  font-weight:780!important;
  letter-spacing:.045em!important;
  text-transform:none!important;
}
.dns-request-workspace .request-metric-card>strong{
  margin:5px 0 1px!important;
  color:#f1f6fb!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.035em;
}
.dns-request-workspace .request-metric-card>small{
  color:#60758b!important;
  font-size:9px!important;
  line-height:1.25!important;
}
.dns-request-workspace .request-metric-card.is-active{
  border-color:rgba(72,190,139,.44)!important;
  background:linear-gradient(145deg,rgba(25,55,48,.92),rgba(11,25,27,.98))!important;
  box-shadow:inset 0 1px rgba(130,239,191,.06),0 10px 26px rgba(15,82,57,.12)!important;
}
.dns-request-workspace .request-metric-card.is-active::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#48ce91;
}
.dns-request-workspace .dns-request-system-strip{
  min-height:0;
  padding:11px 14px!important;
  border:1px solid var(--dns-line)!important;
  border-radius:13px!important;
  background:linear-gradient(100deg,rgba(15,25,37,.98),rgba(11,19,29,.98))!important;
  box-shadow:0 7px 22px rgba(0,0,0,.1);
}
.dns-request-workspace .dns-request-system-copy{
  display:grid;
  grid-template-columns:auto auto minmax(180px,1fr);
  align-items:center;
  gap:7px 13px;
}
.dns-request-workspace .dns-request-system-copy>span{
  padding:4px 7px;
  border:1px solid rgba(100,145,190,.2);
  border-radius:6px;
  color:#7f99b4;
  background:rgba(69,113,157,.07);
}
.dns-request-workspace .dns-request-system-copy>strong,
.dns-request-workspace .dns-request-system-copy>small{margin:0!important}
.dns-request-workspace .dns-request-system-copy>strong{font-size:11px!important}
.dns-request-workspace .dns-request-system-copy>small{
  min-width:0;
  color:#71869c!important;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.dns-request-workspace .smart-request-system-actions{gap:9px}
.dns-request-workspace .smart-request-system-actions .domain-status{
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(77,195,143,.19);
  border-radius:8px;
  background:rgba(61,179,128,.07);
  white-space:nowrap;
}
.dns-request-workspace .smart-request-system-actions .smart-request-action{min-height:32px}
.dns-request-workspace .smart-request-inbox-panel{
  border:1px solid var(--dns-line)!important;
  border-radius:15px!important;
  background:var(--dns-panel)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}
.dns-request-workspace .smart-request-inbox-header{
  min-height:58px!important;
  padding:12px 16px!important;
  border-bottom:1px solid var(--dns-line)!important;
  background:linear-gradient(180deg,rgba(17,27,40,.86),rgba(13,21,31,.86));
}
.dns-request-workspace .smart-request-inbox-header h3{
  color:#e7eef6;
  font-size:15px!important;
}
.dns-request-workspace .smart-request-inbox-header>strong{
  padding:5px 9px;
  border:1px solid var(--dns-line);
  border-radius:8px;
  color:#91a5ba;
  background:rgba(8,14,22,.42);
  font-size:9px;
  font-weight:750;
}
.dns-request-workspace .smart-request-toolbar{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) minmax(140px,170px) minmax(140px,170px) auto!important;
  align-items:end!important;
  gap:10px!important;
  padding:10px 14px!important;
  border-bottom:1px solid var(--dns-line)!important;
  background:rgba(8,14,22,.34)!important;
}
.dns-request-workspace .smart-request-toolbar label{gap:5px!important}
.dns-request-workspace .smart-request-toolbar label>span{
  color:#71869c!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:none!important;
}
.dns-request-workspace .smart-request-toolbar input,
.dns-request-workspace .smart-request-toolbar select,
.dns-request-workspace .smart-request-toolbar .ticket-reset-button{
  width:100%;
  height:36px!important;
  min-height:36px!important;
  border-color:#26384b!important;
  border-radius:9px!important;
  background:#101a26!important;
  font-size:10px!important;
}
.dns-request-workspace .smart-request-toolbar .ticket-reset-button{
  width:auto;
  min-width:70px;
  padding:0 12px!important;
}
.dns-request-workspace #dnsRequestResults{
  padding:10px!important;
  background:rgba(6,11,18,.2);
}
.dns-request-workspace .smart-request-card-list{gap:8px!important}
.dns-request-workspace .dns-request-card{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(152px,190px)!important;
  align-items:stretch!important;
  min-height:0!important;
  overflow:hidden;
  border:1px solid var(--dns-line)!important;
  border-radius:12px!important;
  background:linear-gradient(115deg,rgba(16,26,38,.98),rgba(12,20,30,.98))!important;
  box-shadow:0 5px 18px rgba(0,0,0,.1)!important;
}
.dns-request-workspace .dns-request-card:hover{
  border-color:var(--dns-line-strong)!important;
  background:linear-gradient(115deg,rgba(18,30,44,.99),rgba(13,22,33,.99))!important;
}
.dns-request-workspace .dns-request-card.status-active{
  border-color:rgba(69,206,145,.24)!important;
  background:linear-gradient(115deg,rgba(16,34,34,.98),rgba(12,22,30,.98))!important;
}
.dns-request-workspace .dns-request-card.status-failed,
.dns-request-workspace .dns-request-card.status-rejected{border-color:rgba(255,113,130,.2)!important}
.dns-request-workspace .dns-request-card>.smart-request-accent{
  position:absolute;
  inset:0 auto 0 0;
  z-index:1;
  width:3px;
  min-height:0;
}
.dns-request-workspace .dns-request-main{
  display:grid!important;
  grid-template-columns:minmax(230px,.8fr) minmax(370px,1.35fr);
  align-items:center;
  align-content:center!important;
  gap:9px 18px!important;
  min-width:0;
  padding:11px 14px 11px 16px!important;
}
.dns-request-workspace .dns-request-identity{
  display:grid;
  gap:8px;
  min-width:0;
}
.dns-request-workspace .dns-request-heading{align-items:center}
.dns-request-workspace .dns-request-title{gap:3px}
.dns-request-workspace .dns-request-title strong{
  color:#f0f5fa;
  font-size:14px;
  font-weight:780;
  letter-spacing:-.012em;
}
.dns-request-workspace .dns-request-title span{
  color:#788da3;
  font-size:10px;
}
.dns-request-workspace .smart-request-badges .domain-status{
  min-height:24px;
  padding:0 8px;
  border-radius:7px;
  font-size:8px;
  white-space:nowrap;
}
.dns-request-workspace .dns-workflow-cname{
  gap:7px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.dns-request-workspace .dns-workflow-cname span{
  padding:3px 5px;
  border:1px solid rgba(80,133,184,.2);
  border-radius:5px;
  color:#7390aa;
  background:rgba(57,108,157,.08);
  font-size:7px;
}
.dns-request-workspace .dns-workflow-cname code{
  color:#9fc3e5;
  font-size:9px;
}
.dns-request-workspace .dns-request-health{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  min-width:0;
}
.dns-request-workspace .dns-request-health>span{
  display:grid!important;
  align-content:center;
  gap:3px!important;
  min-height:44px;
  padding:7px 8px;
  border:1px solid rgba(105,139,173,.11);
  border-radius:8px;
  color:#b7c6d5!important;
  background:rgba(7,13,21,.28);
  font-size:9px!important;
  line-height:1.2;
}
.dns-request-workspace .dns-request-health b{
  color:#637b92!important;
  font-size:7px!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}
.dns-request-workspace .dns-admin-note,
.dns-request-workspace .dns-request-error{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:8px;
  margin:0!important;
  padding:7px 9px!important;
  border:1px solid rgba(104,145,187,.16);
  border-radius:8px;
  background:rgba(53,95,137,.055);
  color:#9db0c3;
  font-size:9px;
  line-height:1.35;
}
.dns-request-workspace .dns-admin-note b,
.dns-request-workspace .dns-request-error b{
  margin:0;
  color:#7790a8;
  font-size:7px;
  line-height:1.55;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.dns-request-workspace .dns-request-error{
  border-color:rgba(255,113,130,.2);
  background:rgba(225,80,94,.055);
  color:#e6a3ad;
  white-space:normal;
}
.dns-request-workspace .dns-request-error b{color:#ef8795}
.dns-request-workspace .dns-smart-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:center!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:6px!important;
  max-width:none!important;
  padding:10px!important;
  border-left:1px solid var(--dns-line)!important;
  background:rgba(6,11,18,.34)!important;
}
.dns-request-workspace .dns-smart-actions .smart-request-action{
  width:100%;
  min-height:31px;
  padding:0 8px;
  border-radius:8px;
  font-size:9px;
}
.dns-request-workspace .dns-smart-actions .smart-request-action:first-child:last-child{grid-column:1 / -1}

@media(max-width:1180px){
  .dns-request-workspace .dns-request-overview{grid-template-columns:repeat(5,minmax(130px,1fr))!important}
  .dns-request-workspace .dns-request-main{grid-template-columns:minmax(210px,.75fr) minmax(320px,1.25fr)}
  .dns-request-workspace .dns-request-health{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:960px){
  .dns-request-workspace .dns-request-overview{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dns-request-workspace .dns-request-overview>:nth-last-child(-n+2){grid-column:span 1}
  .dns-request-workspace .dns-request-system-copy{grid-template-columns:auto 1fr}
  .dns-request-workspace .dns-request-system-copy>small{grid-column:1 / -1}
  .dns-request-workspace .smart-request-toolbar{grid-template-columns:minmax(220px,1fr) minmax(130px,160px) minmax(130px,160px) auto!important}
  .dns-request-workspace .dns-request-card{grid-template-columns:1fr!important}
  .dns-request-workspace .dns-smart-actions{
    grid-template-columns:repeat(auto-fit,minmax(92px,1fr));
    padding:8px 12px 9px 16px!important;
    border-top:1px solid var(--dns-line)!important;
    border-left:0!important;
  }
}
@media(max-width:760px){
  .dns-request-workspace .dns-request-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dns-request-workspace .request-metric-card{min-height:82px!important;padding:12px!important}
  .dns-request-workspace .dns-request-overview>:last-child:nth-child(odd){grid-column:1 / -1}
  .dns-request-workspace .dns-request-system-strip{align-items:stretch!important;flex-direction:column!important}
  .dns-request-workspace .smart-request-system-actions{width:100%;justify-content:space-between}
  .dns-request-workspace .smart-request-toolbar{grid-template-columns:1fr 1fr!important}
  .dns-request-workspace .smart-request-toolbar .ticket-search-field{grid-column:1 / -1!important}
  .dns-request-workspace .smart-request-toolbar .ticket-reset-button{width:100%}
  .dns-request-workspace .dns-request-main{grid-template-columns:1fr;gap:10px!important}
  .dns-request-workspace .dns-request-health{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .dns-request-workspace{gap:9px!important}
  .dns-request-workspace .dns-request-overview{gap:7px!important}
  .dns-request-workspace .request-metric-card{min-height:76px!important;padding:11px!important}
  .dns-request-workspace .request-metric-card>strong{font-size:22px!important}
  .dns-request-workspace .dns-request-system-copy{grid-template-columns:1fr}
  .dns-request-workspace .dns-request-system-copy>small{grid-column:auto;white-space:normal}
  .dns-request-workspace .smart-request-system-actions{align-items:stretch;flex-direction:column}
  .dns-request-workspace .smart-request-system-actions>*{width:100%;justify-content:center}
  .dns-request-workspace .smart-request-inbox-header{align-items:flex-start!important;gap:8px;flex-direction:column}
  .dns-request-workspace .smart-request-toolbar{grid-template-columns:1fr!important}
  .dns-request-workspace .smart-request-toolbar .ticket-search-field{grid-column:auto!important}
  .dns-request-workspace #dnsRequestResults{padding:7px!important}
  .dns-request-workspace .dns-request-main{padding:11px 11px 11px 14px!important}
  .dns-request-workspace .dns-request-heading{align-items:flex-start;flex-direction:column;gap:7px}
  .dns-request-workspace .smart-request-badges{justify-content:flex-start}
  .dns-request-workspace .dns-request-title strong{white-space:normal;overflow-wrap:anywhere}
  .dns-request-workspace .dns-workflow-cname{align-items:flex-start;flex-direction:column}
  .dns-request-workspace .dns-workflow-cname code{white-space:normal;overflow-wrap:anywhere}
  .dns-request-workspace .dns-request-health{grid-template-columns:1fr!important}
  .dns-request-workspace .dns-request-health>span{min-height:38px}
  .dns-request-workspace .dns-smart-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v3.1.82 — Credit Requests: compact premium review workspace. */
.credit-request-workspace{
  gap:12px!important;
  --credit-panel:#0d151f;
  --credit-line:rgba(119,151,184,.16);
  --credit-line-strong:rgba(119,164,207,.28);
}
.credit-request-workspace .credit-request-overview{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.credit-request-workspace .request-metric-card{
  position:relative;
  min-width:0;
  min-height:92px!important;
  padding:14px 15px!important;
  overflow:hidden;
  border:1px solid var(--credit-line)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(17,28,41,.98),rgba(11,19,29,.98))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
  text-align:left;
}
.credit-request-workspace .request-metric-card::after{
  content:"";
  position:absolute;
  right:-28px;
  bottom:-42px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:rgba(92,158,222,.055);
  pointer-events:none;
}
.credit-request-workspace .request-metric-card>span{
  color:#8ea2b8!important;
  font-size:9px!important;
  font-weight:780!important;
  letter-spacing:.045em!important;
  text-transform:none!important;
}
.credit-request-workspace .request-metric-card>strong{
  margin:5px 0 1px!important;
  color:#f1f6fb!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.035em;
}
.credit-request-workspace .request-metric-card>small{
  color:#60758b!important;
  font-size:9px!important;
  line-height:1.25!important;
}
.credit-request-workspace .request-metric-card.is-active{
  border-color:rgba(72,190,139,.44)!important;
  background:linear-gradient(145deg,rgba(25,55,48,.92),rgba(11,25,27,.98))!important;
  box-shadow:inset 0 1px rgba(130,239,191,.06),0 10px 26px rgba(15,82,57,.12)!important;
}
.credit-request-workspace .request-metric-card.is-active::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#48ce91;
}
.credit-request-workspace .smart-request-inbox-panel{
  border:1px solid var(--credit-line)!important;
  border-radius:15px!important;
  background:var(--credit-panel)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}
.credit-request-workspace .smart-request-inbox-header{
  min-height:58px!important;
  padding:12px 16px!important;
  border-bottom:1px solid var(--credit-line)!important;
  background:linear-gradient(180deg,rgba(17,27,40,.86),rgba(13,21,31,.86));
}
.credit-request-workspace .smart-request-inbox-header h3{
  color:#e7eef6;
  font-size:15px!important;
}
.credit-request-workspace .smart-request-inbox-header>strong{
  padding:5px 9px;
  border:1px solid var(--credit-line);
  border-radius:8px;
  color:#91a5ba;
  background:rgba(8,14,22,.42);
  font-size:9px;
  font-weight:750;
}
.credit-request-workspace .smart-request-toolbar{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) minmax(140px,170px) minmax(140px,170px) auto!important;
  align-items:end!important;
  gap:10px!important;
  padding:10px 14px!important;
  border-bottom:1px solid var(--credit-line)!important;
  background:rgba(8,14,22,.34)!important;
}
.credit-request-workspace .smart-request-toolbar label{gap:5px!important}
.credit-request-workspace .smart-request-toolbar label>span{
  color:#71869c!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:none!important;
}
.credit-request-workspace .smart-request-toolbar input,
.credit-request-workspace .smart-request-toolbar select,
.credit-request-workspace .smart-request-toolbar .ticket-reset-button{
  width:100%;
  height:36px!important;
  min-height:36px!important;
  border-color:#26384b!important;
  border-radius:9px!important;
  background:#101a26!important;
  font-size:10px!important;
}
.credit-request-workspace .smart-request-toolbar .ticket-reset-button{
  width:auto;
  min-width:70px;
  padding:0 12px!important;
}
.credit-request-workspace #creditRequestResults{
  padding:10px!important;
  background:rgba(6,11,18,.2);
}
.credit-request-workspace .smart-request-card-list{gap:8px!important}
.credit-request-workspace .credit-request-card{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  min-height:0!important;
  overflow:hidden;
  border:1px solid var(--credit-line)!important;
  border-radius:12px!important;
  background:linear-gradient(115deg,rgba(16,26,38,.98),rgba(12,20,30,.98))!important;
  box-shadow:0 5px 18px rgba(0,0,0,.1)!important;
}
.credit-request-workspace .credit-request-card.is-reseller{grid-template-columns:1fr!important}
.credit-request-workspace .credit-request-card:hover{
  border-color:var(--credit-line-strong)!important;
  background:linear-gradient(115deg,rgba(18,30,44,.99),rgba(13,22,33,.99))!important;
}
.credit-request-workspace .credit-request-card.status-completed{
  border-color:rgba(69,206,145,.24)!important;
  background:linear-gradient(115deg,rgba(16,34,34,.98),rgba(12,22,30,.98))!important;
}
.credit-request-workspace .credit-request-card.status-rejected{border-color:rgba(255,113,130,.2)!important}
.credit-request-workspace .credit-request-card>.smart-request-accent{
  position:absolute;
  inset:0 auto 0 0;
  z-index:1;
  width:3px;
  min-height:0;
}
.credit-request-workspace .credit-request-main{
  display:grid!important;
  grid-template-columns:minmax(180px,.7fr) minmax(280px,2.4fr) auto auto;
  grid-template-areas:
    "identity reason status whatsapp"
    "meta meta meta meta"
    "saved-note saved-note saved-note saved-note";
  align-items:center;
  align-content:center!important;
  gap:9px 14px!important;
  min-width:0;
  padding:11px 13px 11px 16px!important;
}
.credit-request-workspace .credit-request-main>*{min-width:0}
.credit-request-workspace .credit-request-identity{
  display:contents;
}
.credit-request-workspace .credit-request-heading{display:contents}
.credit-request-workspace .credit-request-title{grid-area:identity;gap:3px}
.credit-request-workspace .credit-request-title strong{
  color:#f0f5fa;
  font-size:16px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.018em;
}
.credit-request-workspace .credit-request-title span{
  color:#8297ad;
  font-size:10px;
}
.credit-request-workspace .smart-request-badges .credit-request-status{
  min-height:24px;
  padding:0 8px;
  border:1px solid rgba(123,151,180,.15);
  border-radius:7px;
  font-size:8px;
  white-space:nowrap;
}
.credit-request-workspace .smart-request-badges{grid-area:status;justify-content:flex-start}
.credit-request-workspace .credit-whatsapp-action{
  grid-area:whatsapp;
  justify-self:start;
  width:auto;
  max-width:100%;
  min-height:29px;
  padding:0 9px;
  border-radius:8px;
  background:rgba(58,183,124,.07);
  font-size:8px;
}
.credit-request-workspace .credit-request-reason{
  grid-area:reason;
  display:grid;
  align-content:start;
  gap:5px;
  min-width:0;
  max-height:none;
  padding:8px 10px!important;
  border:1px solid rgba(105,139,173,.13)!important;
  border-radius:8px!important;
  background:rgba(7,13,21,.26)!important;
}
.credit-request-workspace .credit-request-reason span{
  margin:0!important;
  color:#687f96;
  font-size:7px;
  letter-spacing:.04em;
  text-transform:none;
}
.credit-request-workspace .credit-request-reason p{
  margin:0;
  color:#c7d3de;
  font-size:9px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.credit-request-workspace .credit-request-meta{
  display:grid!important;
  grid-area:meta;
  grid-column:1 / -1;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
  min-width:0;
}
.credit-request-workspace .credit-request-meta>span{
  display:grid!important;
  align-content:center;
  gap:3px!important;
  min-height:40px;
  padding:6px 7px;
  border:1px solid rgba(105,139,173,.1);
  border-radius:8px;
  color:#b7c6d5!important;
  background:rgba(7,13,21,.25);
  font-size:9px!important;
  line-height:1.2;
  overflow-wrap:anywhere;
  white-space:normal!important;
}
.credit-request-workspace .credit-request-meta b{
  color:#637b92!important;
  font-size:7px!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}
.credit-request-workspace .credit-request-admin-note{
  grid-area:saved-note;
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:8px;
  padding:7px 9px!important;
  border:1px solid rgba(86,141,197,.17)!important;
  border-radius:8px!important;
  background:rgba(49,103,158,.055)!important;
}
.credit-request-workspace .credit-request-admin-note span{
  margin:0!important;
  color:#7894ae;
  font-size:7px;
  line-height:1.55;
  white-space:nowrap;
}
.credit-request-workspace .credit-request-admin-note p{
  color:#aebfce;
  font-size:9px;
  line-height:1.35;
}
.credit-request-workspace .credit-review-panel{
  display:grid!important;
  grid-template-columns:minmax(220px,320px) minmax(0,1fr)!important;
  align-content:start!important;
  align-items:end!important;
  gap:7px!important;
  max-width:none!important;
  padding:9px 12px 10px 16px!important;
  border-top:1px solid var(--credit-line)!important;
  border-left:0!important;
  background:rgba(6,11,18,.34)!important;
}
.credit-request-workspace .credit-review-panel>*{min-width:0}
.credit-request-workspace .credit-admin-note-field{gap:4px;min-width:0}
.credit-request-workspace .credit-admin-note-field>span,
.credit-request-workspace .smart-request-status-select>span{
  color:#6f849a;
  font-size:7px;
  letter-spacing:.04em;
  text-transform:none;
}
.credit-request-workspace .credit-admin-note-field textarea{
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:52px!important;
  max-height:94px;
  padding:7px 8px;
  border-color:#293b4f;
  border-radius:8px;
  background:#101a26;
  font-size:9px;
}
.credit-request-workspace .credit-review-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:7px;
  min-width:0;
}
.credit-request-workspace .credit-admin-note-field{grid-column:1 / -1}
.credit-request-workspace .credit-review-actions{grid-column:1}
.credit-request-workspace .smart-request-status-select{min-width:0;gap:4px}
.credit-request-workspace .smart-request-status-select select{
  min-height:32px;
  border-radius:8px;
  font-size:9px;
}
.credit-request-workspace .credit-review-actions .smart-request-action{
  min-width:66px;
  min-height:32px;
  padding:0 11px;
  border-radius:8px;
  font-size:9px;
}
.credit-request-workspace .credit-completion-warning{
  grid-column:2;
  align-self:center;
  margin:0;
  color:#64798e;
  font-size:8px;
  line-height:1.3;
  overflow-wrap:anywhere;
  white-space:normal;
}

@media(max-width:1149px){
  .credit-request-workspace .smart-request-toolbar{
    grid-template-columns:minmax(0,1fr) minmax(130px,170px) auto!important;
  }
  .credit-request-workspace .smart-request-toolbar .ticket-search-field{grid-column:1 / -1!important}
  .credit-request-workspace .credit-request-main{
    grid-template-columns:minmax(180px,.75fr) minmax(0,1.7fr) auto;
    grid-template-areas:
      "identity reason status"
      "whatsapp reason status"
      "meta meta meta"
      "saved-note saved-note saved-note";
    align-items:start;
  }
  .credit-request-workspace .credit-request-meta{
    grid-column:1 / -1;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .credit-request-workspace .credit-request-admin-note{grid-column:1 / -1}
}
@media(max-width:750px){
  .credit-request-workspace .credit-request-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .credit-request-workspace .request-metric-card{min-height:82px!important;padding:12px!important}
  .credit-request-workspace .smart-request-toolbar{grid-template-columns:1fr 1fr!important}
  .credit-request-workspace .smart-request-toolbar .ticket-search-field{grid-column:1 / -1!important}
  .credit-request-workspace .smart-request-toolbar .ticket-reset-button{width:100%}
  .credit-request-workspace .credit-request-main{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "identity status"
      "whatsapp whatsapp"
      "reason reason"
      "meta meta"
      "saved-note saved-note";
  }
  .credit-request-workspace .credit-request-meta{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .credit-request-workspace .credit-request-admin-note{grid-column:auto}
  .credit-request-workspace .credit-review-panel{grid-template-columns:1fr!important}
  .credit-request-workspace .credit-admin-note-field,
  .credit-request-workspace .credit-review-actions,
  .credit-request-workspace .credit-completion-warning{grid-column:auto}
}
@media(max-width:520px){
  .credit-request-workspace{gap:9px!important}
  .credit-request-workspace .credit-request-overview{gap:7px!important}
  .credit-request-workspace .request-metric-card{min-height:76px!important;padding:11px!important}
  .credit-request-workspace .request-metric-card>strong{font-size:22px!important}
  .credit-request-workspace .smart-request-inbox-header{align-items:flex-start!important;gap:8px;flex-direction:column}
  .credit-request-workspace .smart-request-toolbar{grid-template-columns:1fr!important}
  .credit-request-workspace .smart-request-toolbar .ticket-search-field{grid-column:auto!important}
  .credit-request-workspace #creditRequestResults{padding:7px!important}
  .credit-request-workspace .credit-request-main{padding:11px 11px 11px 14px!important}
  .credit-request-workspace .smart-request-badges{justify-content:flex-start}
  .credit-request-workspace .credit-request-meta{grid-template-columns:1fr 1fr!important}
  .credit-request-workspace .credit-review-panel{grid-template-columns:1fr!important;padding:9px 10px 10px 14px!important}
  .credit-request-workspace .credit-completion-warning{grid-column:auto}
}
@media(max-width:400px){
  .credit-request-workspace .credit-request-meta{grid-template-columns:1fr!important}
  .credit-request-workspace .credit-review-actions{grid-template-columns:minmax(0,1fr) auto}
}

/* Self-hosted sortable interaction layer, scoped to COUNTRY Lists. */
.final-lists .country-card{background:#0f151e;box-shadow:none;border-color:#263141}.final-lists .country-card:hover{background:#121a24;border-color:#3d4b5e;transform:translateY(-1px)}.final-list-editor,.final-category-editor{left:max(32%,320px);right:18px;top:72px;bottom:18px;inset-block:72px 18px;border-radius:14px}.sortable-drag-overlay{position:fixed!important;z-index:3000!important;width:min(520px,calc(100vw - 28px));pointer-events:none;opacity:.94!important;border:1px solid #d6b15b!important;border-radius:9px!important;background:#151d28!important;box-shadow:0 18px 45px rgba(0,0,0,.48)!important;transform:rotate(.6deg) scale(1.015)}.drop-before{box-shadow:inset 0 2px 0 #d6b15b!important}.drop-after{box-shadow:inset 0 -2px 0 #d6b15b!important}.final-country-row,.final-category-row{will-change:transform}.final-country-row:hover,.final-category-row:hover{border-color:#3d4b5e;background:#131b26}.final-country-row .drag-handle:focus-visible,.final-category-row .drag-handle:focus-visible{outline:2px solid #d6b15b;outline-offset:3px;border-radius:3px}.final-category-row input[data-alias]:focus{border-color:#d6b15b;box-shadow:0 0 0 3px rgba(214,177,91,.1)}@media(max-width:850px){.final-list-editor,.final-category-editor{left:14px;right:14px;top:58px;bottom:12px;inset-block:58px 12px}}@media(max-width:600px){.final-list-editor,.final-category-editor{inset:0;border-radius:0}.sortable-drag-overlay{width:calc(100vw - 24px)}}

/* Final COUNTRY Lists hierarchy. */
.final-list-meta{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,2fr) auto auto;gap:7px;align-items:center}.final-list-meta input{padding:8px 10px!important}.final-list-meta>button,.final-country-row button,.final-category-actions button{border:1px solid #344154;border-radius:7px;background:#151e2a;color:#c8d2de;padding:6px 9px;cursor:pointer}.final-country-list{display:grid;gap:5px}.final-country-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;border:1px solid #293445;border-radius:8px;background:#111824;transition:.14s}.final-country-row.is-dragging{opacity:.45;border-color:#d6b15b}.final-country-row>div{display:flex;gap:5px}.final-country-row .danger{color:#df8d9e}.final-country-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:5px;max-height:260px;overflow:auto}.final-country-options label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px 9px;border:1px solid #293445;border-radius:7px;background:#111824}.final-country-options input{width:14px!important;height:14px;margin:0;padding:0}.final-category-row{grid-template-columns:24px minmax(0,1fr) auto}.final-category-row input[data-alias]{padding:6px 8px!important;font-size:12px}.final-category-actions{display:flex;align-items:center;gap:5px}.final-category-actions .country-enable{padding-right:4px}@media(max-width:650px){.final-list-meta{grid-template-columns:1fr}.final-country-row{grid-template-columns:20px minmax(0,1fr)}.final-country-row>div{grid-column:2;justify-content:flex-end}.final-category-row{grid-template-columns:20px minmax(0,1fr)}.final-category-actions{grid-column:2;justify-content:flex-end}.final-country-options{grid-template-columns:1fr}}

/* Global Country List ordering controls. */
.country-card-handle{position:absolute;top:8px;right:10px;color:#d6b15b;font-size:15px;cursor:grab;touch-action:none;user-select:none}.country-card.is-dragging{opacity:.45;border-color:#d6b15b;transform:scale(.98)}.country-card>.country-card-top{padding-right:22px}.country-card>.country-card-top small{color:#768397;font-size:9px}.country-card>button[data-country-edit]{padding:4px 8px}.country-editor-heading{display:grid;justify-items:center;gap:1px}.country-editor-heading strong{font-size:15px}.country-editor-heading small{color:#d6b15b;font-size:9px;letter-spacing:.12em}

/* Automatic Country List ordering controls. */
.country-enable{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;color:#8d9aaa!important;font-size:10px!important;font-weight:650!important}.country-enable input{width:15px!important;height:15px;margin:0;padding:0;accent-color:#d6b15b}.country-enable span{white-space:nowrap}@media(max-width:600px){.country-auto-editor .country-drag-item{grid-template-columns:20px minmax(0,1fr) auto}.country-enable{grid-column:auto!important}}

/* Bouquet V2 control plane: isolated Super Admin workspace. */
.country-workspace{display:grid;gap:12px}.country-page-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 10px;border-bottom:1px solid #202936}.country-page-bar span{font-size:9px;letter-spacing:.16em;color:#d6b15b;font-weight:800}.country-page-bar h2{margin:2px 0;font-size:22px}.country-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));align-items:start;gap:10px}.country-card{position:relative;min-width:0;min-height:105px;padding:14px 13px 11px;border:1px solid #263142;border-radius:10px;background:linear-gradient(145deg,#111925,#0d141e);cursor:default;outline:0;box-shadow:0 6px 18px rgba(0,0,0,.14);transition:border-color .14s,background .14s,transform .14s}.country-card:hover{border-color:#425169;background:#121c29}.country-card.is-selected,.country-card:focus-visible{border-color:#d6b15b;background:linear-gradient(145deg,#211d14,#121821);box-shadow:0 0 0 2px rgba(214,177,91,.12)}.country-folder-tab{position:absolute;top:-5px;left:12px;width:42px;height:6px;border:1px solid #354258;border-bottom:0;border-radius:6px 6px 0 0;background:#141d2a}.country-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.country-card-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#f0f3f7;font-size:18px;white-space:nowrap}.country-card button,.country-search-row button,.country-order-toolbar button{border:1px solid #344154;border-radius:7px;background:#151e2a;color:#c8d2de;padding:5px 8px;font-size:11px;cursor:pointer}.country-card button:hover,.country-search-row button:hover,.country-order-toolbar button:hover{border-color:#d6b15b;color:#f0ce7a}.country-card p{margin:12px 0 9px;overflow:hidden;color:#8d9aaa;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.country-card-status{display:inline-flex;align-items:center;gap:5px;color:#72d19b;font-size:10px;font-weight:750}.country-card-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.country-card-status.is-archived{color:#db8295}.country-empty{grid-column:1/-1;padding:30px;border:1px dashed #2d3949;border-radius:10px;color:#8491a2;text-align:center}.country-empty h3{margin:0 0 5px;color:#dce3ec}.country-empty p{margin:0}.country-editor{inset:2vh max(3vw,14px);padding:0 18px 18px}.country-editor form{max-width:920px;gap:10px}.country-editor-bar{position:sticky;z-index:6;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:0 -18px;padding:10px 18px;border-bottom:1px solid #263142;background:rgba(11,16,24,.97);backdrop-filter:blur(14px)}.country-back{justify-self:start;border:0;background:transparent;color:#d6b15b;font-weight:750;cursor:pointer}.country-editor-title{display:flex;align-items:center;gap:6px}.country-editor-title input{width:120px!important;padding:7px 9px!important;font-size:17px;font-weight:800;text-align:center}.country-editor-title select{width:auto!important;padding:7px 26px 7px 9px!important;font-size:11px}.country-save{justify-self:end;min-width:74px;padding:8px 16px!important}.country-description{padding:8px 10px!important}.country-tabs{position:sticky;z-index:5;top:57px;margin:0 -1px;padding:4px 0 7px;background:#0b1018}.country-tabs button{display:flex;align-items:center;gap:7px;padding:8px 18px}.country-tabs b{min-width:19px;padding:2px 5px;border-radius:9px;background:rgba(255,255,255,.08);font-size:9px}.country-order-panel{display:grid;gap:8px}.country-order-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.country-order-toolbar>div{display:grid;gap:2px}.country-order-toolbar small{color:#798799;font-size:10px}.country-order-toolbar button{padding:7px 10px;color:#e5c675}.country-catalog-drawer{display:none;gap:8px;padding:9px;border:1px solid #2b3748;border-radius:10px;background:#0e151f}.country-catalog-drawer.is-open{display:grid}.country-search-row{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:7px}.country-search-row input{padding:8px 10px!important}.country-available{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:5px;max-height:190px;overflow:auto}.country-available-item{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:8px;padding:7px 9px;border:1px solid #293445;border-radius:7px;background:#111824;color:#dce3ec;text-align:left;cursor:pointer}.country-available-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-available-item small{flex:none;color:#9a885b;font-size:9px}.country-available-item:hover:not(:disabled){border-color:#d6b15b}.country-available-item:disabled{opacity:.48;cursor:default}.country-selected{display:grid;gap:5px}.country-drag-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:6px 8px;border:1px solid #293445;border-radius:8px;background:#111824;touch-action:pan-y;transition:border-color .14s,transform .14s,opacity .14s}.country-drag-item:hover{border-color:#46546a}.country-drag-item.is-dragging{opacity:.48;border-color:#d6b15b}.country-drag-item>div:nth-child(2){display:grid;min-width:0}.country-drag-item strong,.country-drag-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-drag-item strong{font-size:12px}.country-drag-item small{color:#748296;font-size:9px}.drag-handle{color:#d6b15b;font-size:17px;cursor:grab;user-select:none;touch-action:none}.country-row-actions{display:flex!important;gap:3px}.country-row-actions button{border:1px solid #303b4b;border-radius:6px;background:#17202c;color:#bdc8d6;padding:4px 7px;font-size:10px;cursor:pointer}.country-row-actions button:disabled{opacity:.3;cursor:default}.country-row-actions button.danger{color:#df8d9e}.country-empty-list{display:grid;gap:3px;padding:34px 12px;border:1px dashed #2d3949;border-radius:9px;color:#8491a2;text-align:center}.country-empty-list strong{color:#bdc7d3}.country-empty-list span{font-size:11px}@media(max-width:900px){.country-list-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media(max-width:600px){.country-page-bar{align-items:flex-end}.country-page-bar h2{font-size:19px}.country-page-bar .button{padding:8px 10px}.country-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.country-card{min-height:98px;padding:12px 10px 9px}.country-card p{font-size:10px}.country-editor{inset:0;padding:0 9px 12px;border-radius:0}.country-editor-bar{grid-template-columns:auto 1fr auto;margin:0 -9px;padding:8px 9px}.country-back span{display:none}.country-editor-title{justify-content:center}.country-editor-title input{width:74px!important}.country-editor-title select{max-width:85px}.country-tabs{top:52px}.country-tabs button{flex:1;justify-content:center;padding:8px 5px}.country-search-row{grid-template-columns:1fr 1fr}.country-search-row input{grid-column:1/-1}.country-available{grid-template-columns:1fr}.country-order-toolbar small{display:none}.country-drag-item{grid-template-columns:20px minmax(0,1fr)}.country-row-actions{grid-column:2;justify-content:flex-end}.country-row-actions button{padding:4px 6px}}@media(max-width:370px){.country-card p{white-space:normal;line-height:1.35}.country-card-top strong{font-size:16px}.country-row-actions button{font-size:9px;padding:4px 5px}}
.promax-editor form{max-width:1280px}.promax-card{display:grid;gap:12px;padding:18px;border:1px solid #263244;border-radius:16px;background:linear-gradient(145deg,#0f1621,#0b111a)}.promax-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.promax-card>header span{font-size:10px;letter-spacing:.14em;color:#d6b15b}.promax-card h4,.promax-card h5{margin:3px 0;color:#e8edf4}.promax-card>header button{border:1px solid #344154;border-radius:8px;background:#151e2a;color:#c4ceda;padding:7px 10px;cursor:pointer}.promax-columns,.user-bouquet-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.promax-available,.promax-selected{display:grid;gap:7px;max-height:300px;overflow:auto}.promax-choice{display:flex;justify-content:space-between;width:100%;padding:10px 12px;border:1px solid #293445;border-radius:9px;background:#101722;color:#b8c4d2;text-align:left;cursor:pointer}.promax-choice.is-on{border-color:#d6b15b;background:#201c12;color:#f0d486}.promax-options{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}.user-bouquet-prep{display:grid;gap:12px;padding:15px;border:1px solid #2b3748;border-radius:14px;background:#0e151f}.user-bouquet-prep h5{margin:0 0 7px;color:#d6b15b}@media(max-width:700px){.promax-columns,.user-bouquet-columns,.promax-options{grid-template-columns:1fr}}
.catalog-picker{display:grid;gap:12px;padding:18px;border:1px solid #222d3b;border-radius:16px;background:#0e151f}.catalog-picker h5{margin:5px 0 0;color:#d6b15b;letter-spacing:.08em;text-transform:uppercase}.picker-results,.picker-selected{display:grid;gap:7px;max-height:280px;overflow:auto}.picker-result,.picker-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 13px;border:1px solid #293445;border-radius:10px;background:#111824;color:#dce3ec;text-align:left}.picker-result{cursor:pointer}.picker-result:hover:not(:disabled){border-color:#d6b15b}.picker-result:disabled{opacity:.62;cursor:default}.picker-result span,.picker-item span{display:grid;gap:3px}.picker-result small,.picker-item small{color:#7f8b9c}.picker-result b{color:#d6b15b}.picker-item>div{display:flex;gap:6px}.picker-item button{border:1px solid #344154;border-radius:7px;background:#17202c;color:#bdc8d6;padding:6px 9px;cursor:pointer}.picker-item button:disabled{opacity:.35;cursor:default}.picker-state{padding:18px;border:1px dashed #2d3949;border-radius:10px;color:#8491a2;text-align:center}.picker-state.is-error{border-color:#6d3440;color:#ec9bad;background:#251419}
.bouquet-workspace{display:grid;gap:18px}.bouquet-hero{padding:26px 28px;border:1px solid rgba(214,177,91,.22);border-radius:22px;background:radial-gradient(circle at 85% 0,rgba(214,177,91,.13),transparent 36%),linear-gradient(145deg,#111722,#090d14);box-shadow:0 22px 60px rgba(0,0,0,.22)}.bouquet-hero span,.bouquet-panel header span{font-size:11px;letter-spacing:.18em;color:#d6b15b;font-weight:800}.bouquet-hero h2{margin:7px 0 5px;font-size:31px}.bouquet-hero p{margin:0;color:#8e9bad}.bouquet-tabs{display:flex;gap:7px;padding:5px;width:max-content;border:1px solid #222b38;border-radius:14px;background:#0a0e15}.bouquet-tabs button,.variant-tabs button{border:0;border-radius:10px;padding:10px 22px;background:transparent;color:#8f9bab;font-weight:750;cursor:pointer}.bouquet-tabs button.active,.variant-tabs button.active{background:linear-gradient(135deg,#d6b15b,#a77b2f);color:#111}.bouquet-panel{border:1px solid #202936;border-radius:20px;background:#0c1119;overflow:hidden}.bouquet-panel>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #202936}.bouquet-panel h3{margin:3px 0 0}.bouquet-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:12px;padding:16px 20px;background:#0a0f16}.bouquet-toolbar label{display:grid;gap:5px}.bouquet-toolbar label span,.bouquet-row>div>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#718096}.bouquet-toolbar input,.bouquet-toolbar select,.bouquet-editor input,.bouquet-editor textarea,.bouquet-editor select{width:100%;border:1px solid #293445;border-radius:11px;background:#111824;color:#edf2f7;padding:11px 12px}.bouquet-list{display:grid}.bouquet-row{display:grid;grid-template-columns:minmax(230px,1.5fr) 110px repeat(3,90px) 130px minmax(210px,auto);gap:15px;align-items:center;padding:16px 20px;border-top:1px solid #1b2430}.bouquet-row:first-child{border-top:0}.bouquet-row:hover{background:#101722}.bouquet-row>div{display:grid;gap:4px}.bouquet-row strong{color:#edf2f7}.bouquet-row small{color:#7f8b9c}.template-row{grid-template-columns:minmax(210px,1.3fr) 120px 155px 155px 120px minmax(260px,auto)}.bouquet-name strong{font-size:15px}.bouquet-status{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:5px 9px;border-radius:999px;background:#14221c;color:#74d59f;font-size:11px;font-weight:800}.bouquet-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.bouquet-status.is-disabled{background:#24221a;color:#e6bd61}.bouquet-status.is-archived{background:#25191d;color:#df879b}.bouquet-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end}.bouquet-actions button{border:1px solid #303b4b;border-radius:8px;background:#151d29;color:#b9c3d0;padding:7px 9px;cursor:pointer}.bouquet-actions button:hover{border-color:#d6b15b;color:#f0cd7a}.bouquet-actions button.danger{color:#dc8295}.bouquet-more{margin:14px auto 20px}.bouquet-editor{position:fixed;z-index:1100;inset:5vh max(4vw,20px);overflow:auto;border:1px solid #344154;border-radius:22px;background:#0b1018;box-shadow:0 30px 100px rgba(0,0,0,.7);padding:0 24px 24px}.bouquet-editor>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 -24px 20px;padding:18px 24px;border-bottom:1px solid #242e3d;background:rgba(11,16,24,.96);backdrop-filter:blur(16px)}.bouquet-editor>header span{color:#d6b15b;font-size:10px;letter-spacing:.16em}.bouquet-editor>header h3{margin:3px 0}.bouquet-editor>header button{border:0;background:transparent;color:#aab5c3;font-size:28px;cursor:pointer}.bouquet-editor form{display:grid;gap:16px;max-width:1000px;margin:auto}.bouquet-editor label{display:grid;gap:7px;color:#c7d0dc;font-weight:650}.bouquet-editor label small{color:#788698;font-weight:400}.bouquet-editor footer{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.variant-tabs{display:flex;gap:5px;border-bottom:1px solid #222c39;padding-bottom:8px}.template-variant{display:grid;gap:16px;padding:18px;border:1px solid #222d3b;border-radius:16px;background:#0e151f}.bouquet-preview{max-height:260px;overflow:auto;padding:15px;border-radius:12px;background:#070b11;color:#b9d7c5}.hidden{display:none!important}@media(max-width:1100px){.bouquet-row,.template-row{grid-template-columns:1fr 1fr}.bouquet-actions{justify-content:flex-start}}@media(max-width:700px){.bouquet-toolbar{grid-template-columns:1fr}.bouquet-row,.template-row{grid-template-columns:1fr}.bouquet-editor{inset:2vh 10px}.bouquet-editor footer{flex-direction:column}}
/* Premium COUNTRY Lists workspace — scoped to this page only. */
.country-lists-shell,.country-list-editor{min-height:100%;padding:14px;background:#070b12;color:#f5f7fb}.country-lists-head,.country-list-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.country-lists-head h2{margin:0;font-size:20px;letter-spacing:.04em}.country-lists-head>div,.country-list-head-actions,.country-list-subbar,.country-folder-head>div:last-child{display:flex;align-items:center;gap:8px}.country-btn{min-height:34px;padding:0 12px;border:1px solid #263244;border-radius:9px;background:#111927;color:#dbe3ef;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.country-btn:hover,.country-btn.is-active{border-color:#3b4a60;background:#1b2635}.country-btn.is-gold{border-color:#806a34;background:#d5a943;color:#111827}.country-btn.is-save{border-color:#238a69;background:#34d399;color:#06271e}.country-btn:disabled,.country-icon-btn:disabled{opacity:.38;cursor:not-allowed}.country-lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.country-list-card{display:grid;grid-template-columns:1fr auto;gap:5px 10px;min-height:88px;padding:13px 14px;border:1px solid #263244;border-radius:12px;background:#0d1420}.country-list-card:hover{border-color:#3b4a60}.country-list-card strong{font-size:15px}.country-list-card span{grid-column:1;color:#95a1b3;font-size:11px}.country-list-card button{grid-column:2;grid-row:1/3;align-self:end;border:0;background:transparent;color:#d5a943;font-size:12px;font-weight:750;cursor:pointer}.country-list-editor-head{padding-bottom:10px;border-bottom:1px solid #1b2635}.country-list-title{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}.country-list-title input{width:min(240px,30vw)!important;padding:7px 8px!important;border-color:transparent!important;background:transparent!important;color:#f5f7fb!important;font-size:18px!important;font-weight:800}.country-list-title input:focus{border-color:#2563eb!important;background:#111927!important}.country-list-title span{color:#95a1b3}.country-list-title b{padding:4px 8px;border:1px solid #263244;border-radius:999px;color:#95a1b3;font-size:10px;white-space:nowrap}.country-list-subbar{margin-bottom:10px;padding:9px 10px;border:1px solid #1b2635;border-radius:10px;background:#0d1420}.country-list-subbar .country-check{margin-left:auto}.country-check{display:flex!important;grid-auto-flow:column;align-items:center;gap:6px!important;color:#95a1b3!important;font-size:11px!important}.country-check input{width:15px!important;height:15px!important;margin:0}.country-list-panel{display:grid;gap:12px;padding:10px;border:1px solid #1b2635;border-radius:12px;background:#0d1420}.country-country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.country-country-card{min-width:0;min-height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #263244;border-radius:8px;background:#151e2b;color:#f5f7fb;cursor:pointer;user-select:none;text-align:left;transition:transform 120ms ease,border-color 120ms ease,background 120ms ease,box-shadow 120ms ease}.country-country-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.country-country-card:hover{background:#192433;border-color:#3b4a60}.country-country-card.is-selected{border-color:#2563eb;background:rgba(37,99,235,.1)}.country-country-grid:not(.is-reordering) .country-drag-handle{opacity:.35}.country-drag-handle{flex:none;color:#95a1b3;font-size:15px;cursor:grab;user-select:none}.country-country-card.is-dragging,.country-category-row.is-dragging{z-index:2;opacity:.9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.35)}.country-country-card.is-drop-target,.country-category-row.is-drop-target{border-color:#d5a943;box-shadow:inset 0 2px #d5a943}.country-folder-panel{display:grid;gap:9px;padding:11px;border:1px solid #2563eb;border-radius:12px;background:#111927}.country-folder-panel[hidden]{display:none}.country-folder-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.country-folder-head>div:first-child{display:flex;align-items:baseline;gap:9px}.country-folder-head h3{margin:0;font-size:16px}.country-folder-head span{color:#95a1b3;font-size:11px}.country-media-tabs{display:flex;gap:5px;border-bottom:1px solid #263244}.country-media-tabs button{padding:7px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#95a1b3;font-size:12px;font-weight:750;cursor:pointer}.country-media-tabs button.is-active{border-color:#2563eb;color:#f5f7fb}.country-category-toolbar{display:flex;align-items:center;gap:9px}.country-category-toolbar strong{font-size:12px}.country-category-toolbar small{color:#95a1b3;font-size:10px}.country-category-list{display:grid;gap:6px}.country-category-row{min-height:50px;display:grid;grid-template-columns:24px 36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 10px;border:1px solid #263244;border-radius:8px;background:#151e2b}.country-category-row> b{color:#95a1b3;font-size:11px;text-align:center}.country-category-row.is-disabled{opacity:.58}.country-category-name{display:grid;min-width:0}.country-category-name strong,.country-category-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-category-name strong{font-size:12px}.country-category-name small{color:#95a1b3;font-size:9px}.country-category-actions{display:flex;gap:5px}.country-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #334155;border-radius:7px;background:#111927;color:#dbe3ef;font-size:13px;cursor:pointer}.country-icon-btn:hover{background:#1b2635}.country-icon-btn.is-danger{color:#ef7777}.country-icon-btn.is-restore{color:#34d399}.country-compact-empty{grid-column:1/-1;display:grid;gap:3px;padding:24px 10px;border:1px dashed #263244;border-radius:9px;color:#95a1b3;text-align:center;font-size:11px}.country-dialog-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:14px;background:rgba(3,6,11,.78);backdrop-filter:blur(4px)}.country-dialog{display:grid;gap:12px;width:min(430px,100%);max-height:min(620px,90vh);padding:15px;border:1px solid #263244;border-radius:14px;background:#0d1420;box-shadow:0 20px 55px rgba(0,0,0,.48);overflow:auto}.country-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px}.country-dialog header span{color:#d5a943;font-size:9px;font-weight:800;letter-spacing:.14em}.country-dialog h3{margin:2px 0 0;font-size:17px}.country-dialog label{display:grid;gap:5px;color:#95a1b3;font-size:11px;font-weight:700}.country-dialog input:not([type=checkbox]){width:100%;padding:9px 10px;border:1px solid #263244;border-radius:8px;background:#111927;color:#f5f7fb}.country-dialog input:disabled{opacity:.55}.country-dialog footer{display:flex;justify-content:flex-end;gap:7px}.country-reset-link{justify-self:start;padding:0;border:0;background:transparent;color:#d5a943;font-size:11px;cursor:pointer}.country-add-options{display:grid;gap:5px;max-height:310px;overflow:auto}.country-add-options label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid #263244;border-radius:8px;background:#151e2b;color:#f5f7fb}.country-add-options input{width:14px!important;height:14px!important;margin:0}.country-add-options small{color:#95a1b3;font-size:9px}
@media(min-width:1500px){.country-lists-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(max-width:760px){.country-lists-shell,.country-list-editor{padding:9px}.country-list-editor-head{display:grid;grid-template-columns:1fr auto}.country-list-title{grid-column:1/-1;grid-row:2}.country-list-title input{width:min(210px,58vw)!important}.country-list-subbar{flex-wrap:wrap}.country-list-subbar .country-check{margin-left:0}.country-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.country-category-row{grid-template-columns:20px 26px minmax(0,1fr)}.country-category-actions{grid-column:3;justify-content:flex-end}.country-folder-head{align-items:flex-start}.country-folder-head>div:first-child{display:grid;gap:2px}}
@media(max-width:430px){.country-lists-grid{grid-template-columns:1fr}.country-country-grid{grid-template-columns:1fr}.country-lists-head{align-items:flex-start}.country-lists-head>div{display:grid}.country-list-head-actions{gap:5px}.country-list-head-actions .country-btn{padding:0 8px}.country-category-toolbar{display:grid;gap:2px}.country-category-actions{gap:3px}.country-icon-btn{width:30px;height:30px}}
.reference-category-menu{position:fixed;z-index:1300;display:grid;min-width:160px;padding:4px;border:1px solid #3b4a60;border-radius:7px;background:#111927;box-shadow:0 12px 32px rgba(0,0,0,.55)}.reference-category-menu button{padding:9px 11px;border:0;border-radius:4px;background:transparent;color:#e5ebf4;text-align:left;cursor:pointer}.reference-category-menu button:hover{background:#1b2635}.reference-category-menu button:last-child{color:#ef7d7d}.reference-category-dialog{position:fixed;z-index:1290;inset:0;display:grid;place-items:center;padding:16px;background:rgba(3,6,11,.72)}.reference-category-dialog form{display:grid;gap:14px;width:min(390px,100%);padding:17px;border:1px solid #344154;border-radius:10px;background:#0d1420;box-shadow:0 18px 50px rgba(0,0,0,.55)}.reference-category-dialog h3{margin:0}.reference-category-dialog label{display:grid;gap:6px;font-size:11px}.reference-category-dialog footer{display:flex;justify-content:flex-end;gap:7px}.reference-category-dialog button{min-height:32px;padding:0 12px;border:1px solid #344154;border-radius:5px;background:#151e2b;color:#e5ebf4;cursor:pointer}.reference-category-dialog button[type=submit]{border-color:#2d8c6b;background:#34d399;color:#08271e;font-weight:800}
/* Reference Template Bouquet workflow — isolated from unrelated dashboard pages. */
.reference-template-list,.reference-template-page{min-height:100%;padding:16px;background:#070b12;color:#f5f7fb}.reference-template-list>header,.reference-template-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.reference-template-list h2,.reference-template-page h2{margin:0;font-size:22px}.reference-template-list>section,.reference-details{border:1px solid #263244;border-radius:10px;background:#0d1420}.reference-list-title{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #263244}.reference-list-title h3,.reference-details>h3{margin:0;font-size:15px}.reference-list-title button,.reference-template-page-head button,.reference-selector-controls button,.reference-table-wrap button,.reference-submit,.reference-clear{min-height:32px;padding:0 11px;border:1px solid #344154;border-radius:5px;background:#151e2b;color:#e5ebf4;font:inherit;font-size:11px;cursor:pointer}.reference-list-title button,.reference-submit{border-color:#2d8c6b;background:#34d399;color:#08271e;font-weight:800}.reference-template-page-head button{background:transparent;color:#d5a943}.reference-table-wrap{overflow:auto}.reference-table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.reference-table-wrap th,.reference-table-wrap td{padding:11px 12px;border-bottom:1px solid #1b2635;text-align:left;font-size:11px}.reference-table-wrap th{background:#111927;color:#95a1b3;font-size:9px;letter-spacing:.07em}.reference-table-wrap tr:last-child td{border-bottom:0}.reference-table-wrap td:last-child button{width:32px;padding:0;margin-right:4px}.reference-table-wrap button:disabled{opacity:.45;cursor:not-allowed}.reference-table-wrap .reference-danger{border-color:#7d3030;color:#ef7d7d}.reference-table-wrap .reference-delete{color:#ef7d7d}.reference-template-form{max-width:1180px;margin:auto}.reference-details{padding:0 15px 16px}.reference-details>h3{margin:0 -15px 15px;padding:13px 15px;border-bottom:1px solid #263244}.reference-details>label:not(.reference-check),.reference-field{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:15px;color:#cdd6e2;font-size:12px;font-weight:700}.reference-details input[type=text],.reference-details input:not([type]){width:100%;padding:9px 10px;border:1px solid #344154;border-radius:5px;background:#111927;color:#f5f7fb}.reference-bouquet-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reference-category-stack{display:grid;gap:15px}.reference-hint{display:block;margin-top:2px;color:#95a1b3;font-size:10px;font-weight:400}.reference-selector{min-width:0}.reference-selector>h4{margin:0 0 6px;font-size:12px}.reference-selector-box{border:1px solid #344154;border-radius:5px;background:#111927;overflow:hidden}.reference-selector-box>strong{display:block;padding:7px 9px;border-bottom:1px solid #344154;background:#151e2b;color:#d5a943;font-size:10px}.reference-selector select{display:block;width:100%;min-height:220px;padding:3px;border:0;border-radius:0;background:#0e1622;color:#e5ebf4;font-size:11px;line-height:1.35;outline:0}.reference-selector option{padding:4px 7px;border-bottom:1px solid rgba(38,50,68,.45)}.reference-selector option:checked{background:linear-gradient(#2563eb,#2563eb);color:#fff}.reference-selector-controls{display:flex;gap:5px;padding-top:6px}.reference-selector-controls button:nth-last-child(-n+2){width:34px;padding:0;font-size:15px}.reference-validation{margin:6px 0 0;color:#ef7777;font-size:10px}.reference-check{display:flex;align-items:flex-start;gap:8px;margin:4px 0 5px 162px;color:#e5ebf4;font-size:11px}.reference-check input{margin-top:2px}.reference-check span{display:grid;gap:3px}.reference-check small,.reference-note,.reference-details fieldset small{color:#95a1b3;font-size:10px;font-weight:400}.reference-note{margin:0 0 17px 162px}.reference-details fieldset{display:flex;align-items:center;gap:13px;margin:0 0 14px;padding:10px 12px;border:1px solid #263244;border-radius:6px}.reference-details fieldset legend{padding:0 5px;color:#cdd6e2;font-size:12px;font-weight:700}.reference-details fieldset label{display:flex;align-items:center;gap:4px;font-size:11px}.reference-details fieldset small{margin-left:8px}.reference-details footer{display:flex;gap:7px;justify-content:flex-end;padding-top:5px}.reference-clear{background:#111927}.reference-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.reference-template-list,.reference-template-page{padding:9px}.reference-bouquet-pair{grid-template-columns:1fr}.reference-details>label:not(.reference-check),.reference-field{grid-template-columns:1fr;gap:6px}.reference-check,.reference-note{margin-left:0}.reference-details fieldset{align-items:flex-start;flex-wrap:wrap}.reference-details fieldset small{flex-basis:100%;margin-left:0}.reference-selector select{min-height:190px}}

/* === Task 76 Phase 1: Analytics page === */
.analytics-usage-card{margin-top:24px;padding:18px 20px 12px}
.analytics-usage-card .analytics-usage-head{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.analytics-usage-card .analytics-usage-head h2{margin:0;font-size:15px;font-weight:800;color:var(--text)}
.analytics-usage-card .analytics-usage-head small{color:var(--muted);font-size:12px}
.analytics-usage-body{width:100%;overflow:hidden}
.analytics-usage-body canvas{display:block;width:100%}

/* === Task 76 Phase 3: Webhooks page === */
.webhook-type{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid var(--line-soft);background:var(--surface-2);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}

/* === Task 76 Phase 4: Bulk operations === */
.bulk-bar{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:10px 14px;margin-bottom:10px;border:1px dashed var(--line-soft);border-radius:12px;background:rgba(255,255,255,.015);color:var(--muted);font-size:12px}
.bulk-bar [data-bulk-count]{font-weight:700}
.bulk-col{width:38px;text-align:center}
.bulk-col input[type="checkbox"]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}

/* === Task 76 Phase 5: Language selector === */
.language-selector{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer}
.language-selector:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

/* === Task 76 Phase 7: Backups page === */
.backups-note{display:block;padding:10px 14px;color:var(--muted);font-size:11px}

/* Task 76 Final (D-F8): backup management additions */
.backups-drive-line{display:block;margin-top:8px;font-size:12px;color:var(--muted);word-break:break-all}
.backups-drive-line a{color:var(--accent);text-decoration:none}

/* T77: Global-Grade Backup & Restore */
.backups-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}
.backups-row-actions{display:flex;gap:6px;flex-wrap:wrap}
.button.warning{border-color:#8a5a12;background:#d97706;color:#fff}
.button.warning:hover{background:#b45309}
.restore-warning{color:var(--muted)}
.restore-warning strong{color:#f59e0b}

/* === TASK78_FRONTEND_V1: failover + announcements (Task 78) === */
.failover-priority-input { width: 90px; text-align: center; }
.announcement-content { white-space: pre-wrap; word-break: break-word; margin: 0; }

/* Task 84: source content-type badges */
.type-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;background:#202937;color:#bcc7d6;margin-right:4px}
.type-badge.type-live{background:var(--accent-soft);color:var(--accent)}
.type-badge.type-movie{background:rgba(122,162,247,.16);color:#9ec1ff}
.type-badge.type-series{background:rgba(187,134,252,.16);color:#d8b4fe}

/* Task 85: source classification dialog */
.classify-options{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}
.classify-options .classify-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}
.classify-options input[type="checkbox"]{width:16px;height:16px}
.classify-hint{display:block;color:#7f92aa;font-size:11px;margin:-6px 0 10px}
.source-label{display:block;color:#7f92aa;font-size:11px;font-weight:600;margin-top:2px}

/* Task 86: muted dash for classification-excluded counter columns */
.count-muted{color:#55637a;font-weight:600}

/* ============================================
   Global Table Unification System (Task 103)
   Auto-applied by enhanceAllTables() in app.js.
   Dark-theme build: uses the dashboard's own design
   tokens (:root vars) instead of the draft's light palette.
   Escape hatch: add class "no-enhance" to any ancestor
   (or the table itself) to opt out of unification.
   ============================================ */

/* 1. Responsive container — complements the legacy .table-wrap; the
      enhancer only wraps tables that are not already inside one. */
.luma-table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  background: var(--surface);
}

/* 2. Base table. Specificity (0,1,3) + !important is required to
      out-rank the legacy global rules (thead th / tbody td !important)
      so padding unification actually takes effect everywhere. */
table.luma-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
table.luma-table thead th {
  padding: 10px 12px !important;
  min-height: 38px;
  background: #101721 !important;
  color: #748297 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: left;
  border-bottom: 1px solid var(--line) !important;
}
table.luma-table tbody td {
  padding: 10px 12px !important;
  vertical-align: middle;
  color: var(--text-2, #c5cfdd) !important;
  border-bottom: 1px solid rgba(148, 163, 184, .08) !important;
}
table.luma-table tbody tr {
  transition: background .15s ease;
}
table.luma-table tbody tr:hover {
  background: rgba(255, 255, 255, .03);
}
table.luma-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* 3. Smart badges (auto-applied by the JS enhancer on bare-text cells). */
.luma-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .02em;
  line-height: 1.4;
  white-space: nowrap;
  vertical-align: middle;
}
.luma-badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}
.luma-badge.status-on { background: var(--accent-soft); color: var(--accent); }
.luma-badge.status-off { background: var(--danger-soft); color: #ff98a5; }
.luma-badge.access-m3u { background: var(--blue-soft); color: var(--blue); }
.luma-badge.access-xtream { background: rgba(139, 92, 246, .16); color: #c4b5fd; }
.luma-badge.role-admin { background: rgba(139, 92, 246, .16); color: #c4b5fd; }
.luma-badge.role-reseller { background: rgba(255, 201, 104, .12); color: var(--warning); }

/* 4. Action buttons. The live markup uses "button primary/secondary/danger
      small" classes (verified by census), so unification is delivered via
      scoped rules instead of rewriting button HTML. .luma-action-btn stays
      available as the canonical class for future/manual use. */
table.luma-table .button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
table.luma-table .button:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
}
table.luma-table .icon-action,
table.luma-table .mini-copy-button {
  transition: transform .15s ease, box-shadow .15s ease;
}
table.luma-table .icon-action:hover,
table.luma-table .mini-copy-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
}
.luma-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--text-2, #c5cfdd);
  cursor: pointer;
  transition: all .15s ease;
}
.luma-action-btn:hover { transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0, 0, 0, .35); }
.luma-action-btn.danger { background: var(--danger-soft); border-color: rgba(255, 113, 129, .3); color: #ff98a5; }
.luma-action-btn.danger:hover { background: rgba(255, 113, 129, .2); }
.luma-action-btn.secondary { background: var(--surface-2); color: #aeb8c8; }
.luma-action-btn.secondary:hover { background: var(--surface-3); }

/* 5. Unified scrollbars for both container generations. */
.luma-table-container::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar { height: 8px; width: 8px; }
.luma-table-container::-webkit-scrollbar-track,
.table-wrap::-webkit-scrollbar-track { background: rgba(255, 255, 255, .03); }
.luma-table-container::-webkit-scrollbar-thumb,
.table-wrap::-webkit-scrollbar-thumb { background: var(--surface-3); border-radius: 4px; }
.luma-table-container::-webkit-scrollbar-thumb:hover,
.table-wrap::-webkit-scrollbar-thumb:hover { background: #2c3a4e; }

/* 6. Responsive breakpoints. */
@media (max-width: 768px) {
  table.luma-table { font-size: 12px; }
  table.luma-table thead th,
  table.luma-table tbody td { padding: 8px 10px !important; }
}

/* ============================================
   User Actions Dropdown + Compact Edit Modal (Task 105)
   Theme-adapted: uses real CSS vars (--line/--text/--muted/--accent/--danger)
   ============================================ */
.user-menu-toggle{font-size:15px;line-height:1}
.user-dropdown{position:fixed;z-index:1200;min-width:218px;padding:6px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface),#0c1118);box-shadow:var(--shadow);display:none;animation:userMenuIn .14s ease}
.user-dropdown.open{display:block}
@keyframes userMenuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.user-dropdown .dropdown-item{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#c5cedb;border-radius:9px;padding:9px 11px;font-size:13px;font-weight:700;text-align:left;transition:.14s ease;white-space:nowrap;cursor:pointer}
.user-dropdown .dropdown-item:hover{background:var(--surface-2);color:var(--text)}
.user-dropdown .dropdown-item .di-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--surface-2);color:var(--accent);font-size:13px;font-style:normal;flex:0 0 auto}
.user-dropdown .dropdown-item.danger{color:#ff9daa}
.user-dropdown .dropdown-item.danger .di-icon{background:var(--danger-soft);color:var(--danger)}
.user-dropdown .dropdown-item.danger:hover{background:var(--danger-soft);color:#ffb3bd}
.user-dropdown .dropdown-separator{height:1px;background:var(--line-soft);margin:5px 6px}
.compact-edit-overlay{position:fixed;inset:0;background:rgba(2,4,8,.62);backdrop-filter:blur(7px);z-index:2100;display:flex;align-items:center;justify-content:center;padding:14px}
.compact-edit-modal{width:min(450px,100%);border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#101823,#0b1119);box-shadow:var(--shadow);overflow:hidden;animation:userMenuIn .16s ease}
.compact-edit-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid var(--line-soft)}
.compact-edit-head h3{margin:0;font-size:15px;letter-spacing:-.01em}
.compact-edit-close{width:29px;height:29px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center;font-size:14px}
.compact-edit-close:hover{color:var(--text);background:var(--surface-2)}
.compact-edit-body{display:grid;gap:14px;padding:20px}
.compact-edit-body label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.compact-edit-body input,.compact-edit-body textarea{width:100%;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:13px}
.compact-edit-body input:focus,.compact-edit-body textarea:focus{outline:none;border-color:var(--accent)}
.compact-edit-body textarea{resize:vertical;min-height:70px;font-family:inherit}
.compact-edit-foot{display:flex;justify-content:flex-end;gap:9px;padding:15px 20px;border-top:1px solid var(--line-soft);background:#0b1017}
@media(max-width:768px){.user-dropdown{min-width:190px}.compact-edit-modal{width:100%}}

/* ============================================
   Task 106 Group A: Core Tables Enhancement
   Sources, M3U Users, MAG Users, Resellers
   Dark-theme soft palette (matches .pill/.luma-badge system)
   ============================================ */

/* Source & Failover health pills — fills the missing states */
.pill.degraded{background:rgba(255,201,104,.12);color:var(--warning)}
.pill.down{background:var(--danger-soft);color:#ff98a5}
.pill.provisioning{background:var(--blue-soft);color:var(--blue)}

/* Response time (Sources latency cell) — classes applied by enhancer */
.response-time{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;font-weight:700}
.response-time.fast{color:var(--accent)}
.response-time.medium{color:var(--warning)}
.response-time.slow{color:#ff98a5}

/* Reseller credits tiers (appended to existing .positive/.zero) */
.reseller-credit.credits-high{color:var(--accent)}
.reseller-credit.credits-low{color:var(--warning)}
.reseller-credit.zero{color:#ff98a5}

/* Enhancer semantic badge variants — Group A vocabulary */
.luma-badge.health-healthy{background:var(--accent-soft);color:var(--accent)}
.luma-badge.health-degraded{background:rgba(255,201,104,.12);color:var(--warning)}
.luma-badge.health-down{background:var(--danger-soft);color:#ff98a5}
.luma-badge.connection-online{background:var(--accent-soft);color:var(--accent)}
.luma-badge.connection-offline{background:rgba(142,155,173,.14);color:var(--muted)}
.luma-badge.access-mag{background:rgba(139,92,246,.16);color:#c4b5fd}

/* ============================================
   Task 106 Group B: Requests & Tickets
   Support Tickets, DNS Requests, Credit Requests
   Status accents on EXISTING card classes + enhancer badge variants
   ============================================ */

/* Ticket inbox cards — status accent coloring (status class already in DOM) */
.ticket-inbox-card.status-open{border-left:3px solid var(--blue)}
.ticket-inbox-card.status-answered{border-left:3px solid var(--accent)}
.ticket-inbox-card.status-closed{border-left:3px solid var(--line);opacity:.82}

/* Smart request cards (Credit + DNS) — status accents */
.smart-request-card.status-pending{border-left:3px solid var(--warning)}
.smart-request-card.status-contacted{border-left:3px solid var(--blue)}
.smart-request-card.status-provisioning{border-left:3px solid var(--blue)}
.smart-request-card.status-active,.smart-request-card.status-completed{border-left:3px solid var(--accent)}
.smart-request-card.status-attention{border-left:3px solid #ffb3bd}
.smart-request-card.status-rejected{border-left:3px solid var(--danger)}
.smart-request-card.status-closed{border-left:3px solid var(--line);opacity:.82}

/* Enhancer badge variants — request status vocabulary */
.luma-badge.status-open{background:var(--blue-soft);color:var(--blue)}
.luma-badge.status-pending{background:rgba(255,201,104,.12);color:var(--warning)}
.luma-badge.status-answered{background:var(--accent-soft);color:var(--accent)}
.luma-badge.status-resolved,.luma-badge.status-completed{background:var(--accent-soft);color:var(--accent)}
.luma-badge.status-closed{background:rgba(142,155,173,.14);color:var(--muted)}
.luma-badge.status-rejected{background:var(--danger-soft);color:#ff98a5}
.luma-badge.status-contacted,.luma-badge.status-provisioning{background:var(--blue-soft);color:var(--blue)}
.luma-badge.status-attention{background:var(--danger-soft);color:#ff98a5}

/* Priority badges */
.luma-badge.priority-low{background:rgba(142,155,173,.14);color:var(--muted)}
.luma-badge.priority-medium{background:rgba(255,201,104,.12);color:var(--warning)}
.luma-badge.priority-high{background:rgba(255,113,129,.18);color:#ff9daa}
.luma-badge.priority-urgent{background:rgba(255,113,129,.32);color:#ffd4da}

/* Amount display hooks (credit transfers / balances) */
.amount-positive{color:var(--accent);font-weight:700}
.amount-negative{color:#ff98a5;font-weight:700}

/* ============================================
   Task 106 Group C: System & Content
   Packages, Template Bouquet, Activity Log, Webhooks,
   Backup Status, Failover, Announcements
   ============================================ */

/* Activity log — semantic action badges (class applied at render, Task 106) */
.action-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;background:rgba(142,155,173,.14);color:var(--muted)}
.action-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.action-badge.action-create{background:var(--accent-soft);color:var(--accent)}
.action-badge.action-update{background:var(--blue-soft);color:var(--blue)}
.action-badge.action-delete{background:var(--danger-soft);color:#ff98a5}
.action-badge.action-login{background:rgba(139,92,246,.16);color:#c4b5fd}

/* Announcement type pills — fills missing variants (warning already exists) */
.pill.info{background:var(--blue-soft);color:var(--blue)}
.pill.critical{background:var(--danger-soft);color:#ff98a5}
.pill.promo{background:rgba(139,92,246,.16);color:#c4b5fd}

/* Enhancer badge variants — packages / backups / actions */
.luma-badge.package-trial{background:rgba(139,92,246,.16);color:#c4b5fd}
.luma-badge.package-paid{background:var(--accent-soft);color:var(--accent)}
.luma-badge.package-premium{background:rgba(255,201,104,.12);color:var(--warning)}
.luma-badge.backup-success{background:var(--accent-soft);color:var(--accent)}
.luma-badge.backup-failed{background:var(--danger-soft);color:#ff98a5}
.luma-badge.backup-running{background:rgba(255,201,104,.12);color:var(--warning)}
.luma-badge.action-create{background:var(--accent-soft);color:var(--accent)}
.luma-badge.action-update{background:var(--blue-soft);color:var(--blue)}
.luma-badge.action-delete{background:var(--danger-soft);color:#ff98a5}
.luma-badge.action-login{background:rgba(139,92,246,.16);color:#c4b5fd}

/* ============================================
   Task 106 Group D: Special Pages Polish
   Dashboard, Analytics, Settings, User Activity
   Enhances EXISTING classes only (.dashboard-stat / canvas chart / settings-v2)
   ============================================ */

/* Dashboard stat cards — hover lift consistent with .quick-action-card */
.dashboard-stat{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.dashboard-stat:hover{transform:translateY(-2px);border-color:rgba(102,230,165,.35);box-shadow:0 10px 30px rgba(0,0,0,.25)}

/* Analytics chart — canvas container polish */
.analytics-chart-panel,.usage-chart-panel{position:relative}
#usageChart{max-width:100%;height:auto}

/* Settings v2 — section hover affordance + focus ring harmony */
.settings-v2-section{transition:border-color .16s ease}
.settings-v2-section:hover{border-color:#2c3950}
.settings-v2-section input:focus,.settings-v2-section select:focus,.settings-v2-section textarea:focus{border-color:var(--accent)}

/* Tables — sticky header refinement on long system pages (logs/backups/activity) */
.table-wrap{scrollbar-width:thin;scrollbar-color:#2c3950 transparent}
.table-wrap::-webkit-scrollbar{width:9px;height:9px}
.table-wrap::-webkit-scrollbar-thumb{background:#2c3950;border-radius:99px}
.table-wrap::-webkit-scrollbar-thumb:hover{background:#3a4c65}