:root{--bg:#f4f6f8;--panel:#fff;--panel2:#f8fafb;--text:#111318;--muted:#707887;--line:#e5e9ee;--blue:#2563eb;--green:#0d9f6e;--red:#d92d20;--amber:#b7791f;--shadow:0 12px 34px rgba(15,23,42,.07);--radius:17px;--rowh:59px}
[data-theme="dark"]{--bg:#0c0f14;--panel:#11151b;--panel2:#171c23;--text:#eef2f7;--muted:#8993a3;--line:#252c36;--shadow:0 16px 44px rgba(0,0,0,.24)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;background:#090c11;color:#fff;position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(49,92,220,.24),transparent 68%);top:-250px;right:-130px}.login-screen:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 68%);bottom:-300px;left:-100px}.login-noise{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px}.login-wrap{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) 440px;gap:90px;align-items:center;max-width:1120px;margin:auto;padding:50px}.login-brand{display:flex;gap:22px;align-items:flex-start}.login-brand h1{font-size:54px;letter-spacing:-.06em;margin:4px 0 10px}.login-brand p{color:#99a3b1;max-width:500px;margin:0;font-size:14px;line-height:1.7}.brand-mark{width:39px;height:39px;border-radius:12px;background:var(--text);color:var(--panel);display:grid;place-items:center;font-weight:900;font-size:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.brand-mark-lg{width:58px;height:58px;border-radius:17px;background:#fff;color:#0b0e13;font-size:23px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--muted);margin-bottom:7px}.eyebrow.light{color:#7f8998}.login-card{background:rgba(17,21,27,.92);border:1px solid #252b34;border-radius:23px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.32);backdrop-filter:blur(16px)}.login-card-head{display:flex;gap:13px;align-items:center;margin-bottom:25px}.login-card-head span{font-size:9px;letter-spacing:.14em;color:#838c99;font-weight:800}.login-card-head h2{margin:2px 0 0;font-size:24px}.login-icon{width:44px;height:44px;border:1px solid #2e3641;background:#161b22;border-radius:13px;display:grid;place-items:center}.field-label{display:grid;gap:7px;font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--muted);margin-bottom:15px}.login-card .field-label{color:#aab2be}.field-input{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);height:43px;border-radius:11px;padding:0 12px;outline:0;font-size:12px}.login-card .field-input{background:#0d1117;border-color:#29313b;color:#f5f7fb}.field-input:focus{border-color:#718cff;box-shadow:0 0 0 3px rgba(85,112,255,.12)}.password-wrap{position:relative}.password-wrap .field-input{padding-right:44px}.field-icon{position:absolute;right:5px;top:5px;width:33px;height:33px;border:0;background:transparent;color:var(--muted);cursor:pointer}.login-submit{width:100%;margin-top:4px;height:44px;background:#fff!important;color:#111!important;border-color:#fff!important}.login-foot{display:flex;justify-content:space-between;margin-top:17px;color:#697381;font-size:8px;font-weight:800;letter-spacing:.12em}.form-error{background:rgba(217,45,32,.1);border:1px solid rgba(217,45,32,.32);color:#ff9c93;border-radius:10px;padding:9px 11px;font-size:11px;margin:-4px 0 12px}.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:var(--panel);padding:22px 14px;display:flex;flex-direction:column;gap:16px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 10px}.brand>div:last-child span,.brand>div:last-child strong{display:block}.brand strong{font-size:13px;letter-spacing:.12em}.brand span{font-size:10px;color:var(--muted);margin-top:2px}.workspace-user{margin:0 4px;padding:10px;border:1px solid var(--line);background:var(--panel2);border-radius:13px;display:flex;align-items:center;gap:9px}.workspace-user strong,.workspace-user span{display:block}.workspace-user strong{font-size:11px}.workspace-user span{font-size:8px;color:var(--muted);font-weight:800;letter-spacing:.1em;margin-top:2px}.mini-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--text);color:var(--panel);display:grid;place-items:center;font-weight:900;font-size:11px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border-radius:11px;cursor:pointer;text-align:left}.nav-item:hover,.nav-item.active{background:var(--panel2);color:var(--text)}.nav-item b{margin-left:auto;font-size:10px;background:var(--line);padding:2px 7px;border-radius:999px}.ico{width:20px;text-align:center}.sidebar-spacer{flex:1}.secure-card{border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:11px;display:flex;gap:9px;align-items:center}.secure-card strong,.secure-card span{display:block}.secure-card strong{font-size:10px}.secure-card span{font-size:8px;color:var(--muted);margin-top:2px}.secure-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(13,159,110,.1)}.danger-text:hover{color:var(--red)!important}main{padding:34px 38px 60px;min-width:0}.page-section{max-width:1600px;margin:auto}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.topbar h1{font-size:29px;margin:0 0 5px;letter-spacing:-.04em}.topbar p{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:8px;align-items:center}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:11px;font-weight:750;font-size:11px;cursor:pointer;transition:.15s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.08)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--text);color:var(--panel);border-color:var(--text)}.btn.ghost{background:var(--panel)}.btn.danger{background:#fff1f0;color:var(--red);border-color:#ffd7d2}.icon-btn{width:38px;padding:9px}.control{border:1px solid var(--line);background:var(--panel);color:var(--text);height:38px;border-radius:10px;padding:0 10px;font-size:10px;font-weight:650;max-width:210px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.stats-grid.stats-3{grid-template-columns:repeat(3,1fr)}.stat-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:15px 16px;box-shadow:0 1px 2px rgba(0,0,0,.02)}.stat-card span,.stat-card small{display:block}.stat-card span{font-size:10px;color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:25px;margin:5px 0 2px;letter-spacing:-.03em}.stat-card small{font-size:9px;color:var(--muted)}.workspace-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.toolbar{padding:11px;display:flex;gap:8px;border-bottom:1px solid var(--line);align-items:center}.searchbox{min-width:260px;flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:var(--panel2)}.searchbox input{border:0;outline:0;background:transparent;color:var(--text);width:100%;height:37px;font-size:11px}.table-wrap{overflow:auto;max-height:66vh;min-height:280px}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1280px;font-size:10.5px}th{position:sticky;top:0;z-index:2;background:var(--panel2);color:var(--muted);font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:9px 12px;border-bottom:1px solid var(--line);height:var(--rowh);vertical-align:middle}tbody tr:hover{background:var(--panel2)}.actions-col{width:118px}.account-cell,.customer-cell{display:flex;align-items:center;gap:9px;min-width:180px}.avatar{width:34px;height:34px;border-radius:10px;object-fit:cover;background:var(--panel2);border:1px solid var(--line)}.avatar-fallback{display:grid;place-items:center;font-weight:900;color:var(--muted)}.account-meta strong,.account-meta span,.customer-cell strong,.customer-cell small{display:block}.account-meta strong{font-size:10.5px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-meta span,.customer-cell small{font-size:8px;color:var(--muted);margin-top:2px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.truncate{display:inline-block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel2);padding:5px 7px;border-radius:8px}.pill.good{color:var(--green)}.code-pill{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;font-weight:800;font-size:11px;cursor:pointer;color:var(--text)}.progress-ring{width:7px;height:7px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-package{color:var(--muted);font-size:8px}.customer-pill{display:inline-flex;background:var(--panel2);border:1px solid var(--line);padding:4px 7px;border-radius:7px;font-weight:800}.subline{display:block;color:var(--muted);margin-top:2px;font-size:8px}.row-actions{display:flex;gap:5px}.row-actions button,.row-link{width:29px;height:29px;border-radius:8px;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;text-decoration:none;display:grid;place-items:center}.row-actions button:hover,.row-link:hover{color:var(--text);background:var(--panel2)}.table-footer{display:flex;justify-content:space-between;padding:10px 13px;font-size:8px;color:var(--muted);border-top:1px solid var(--line)}.empty-state{text-align:center;padding:62px 20px}.empty-art{width:52px;height:52px;border-radius:16px;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 13px;font-size:20px}.empty-state h3{font-size:14px;margin:0 0 5px}.empty-state p{font-size:10px;color:var(--muted);margin:0 auto;max-width:380px}.modal{width:min(720px,92vw);border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.28)}.modal::backdrop,.confirm-modal::backdrop{background:rgba(3,7,18,.48);backdrop-filter:blur(5px)}.modal-wide{width:min(900px,94vw)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:19px}.modal-close{border:0;background:var(--panel2);color:var(--muted);width:30px;height:30px;border-radius:9px;font-size:20px;cursor:pointer}.modal-body{padding:18px 20px}.modal-footer{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.field-full{grid-column:1/-1}.field-label small{font-size:8px;font-weight:500;letter-spacing:0;color:var(--muted)}.upload-drop{border:1px dashed #aab3c1;background:var(--panel2);border-radius:14px;padding:25px 18px;display:grid;place-items:center;text-align:center;cursor:pointer}.upload-drop:hover{border-color:var(--blue)}.upload-icon{width:39px;height:39px;border-radius:11px;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;margin-bottom:8px}.upload-drop strong{font-size:11px}.upload-drop span{font-size:9px;color:var(--muted);margin-top:4px}.file-list{margin-top:10px;display:grid;gap:5px;max-height:180px;overflow:auto}.file-list>div{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:9px}.file-list small{color:var(--muted)}.upload-progress{height:5px;background:var(--panel2);border-radius:99px;overflow:hidden;margin-top:10px}.upload-progress div{height:100%;width:0;background:var(--text);transition:.3s}.toggle-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--panel2);padding:11px 12px;border-radius:11px}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:10px}.toggle-row small{font-size:8px;color:var(--muted);margin-top:3px}.detail-head{display:flex;gap:13px;align-items:center;margin-bottom:18px}.detail-head .avatar{width:60px;height:60px;border-radius:16px}.detail-head h3{margin:0 0 4px}.detail-head span{color:var(--muted);font-size:10px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-item{border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:10px}.detail-item label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:5px}.detail-value{display:flex;align-items:center;gap:7px}.detail-value strong{font-size:10px;word-break:break-all;flex:1}.mini-copy{border:0;background:var(--panel);color:var(--muted);width:25px;height:25px;border-radius:7px;cursor:pointer}.segmented{display:flex;gap:4px;padding:12px 20px 0}.seg{border:0;background:var(--panel2);color:var(--muted);padding:8px 11px;border-radius:9px;font-size:10px;font-weight:700;cursor:pointer}.seg.active{background:var(--text);color:var(--panel)}.code-view{background:#0a0d12;color:#d7e0ee;padding:14px;border-radius:13px;min-height:260px;max-height:420px;overflow:auto;font-size:10px;line-height:1.55;white-space:pre-wrap;word-break:break-all}.cookie-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.cookie-summary div{border:1px solid var(--line);background:var(--panel2);padding:9px;border-radius:10px}.cookie-summary span,.cookie-summary strong{display:block}.cookie-summary span{font-size:8px;color:var(--muted)}.cookie-summary strong{font-size:10px;margin-top:3px}.customer-table-wrap{max-height:68vh}.customer-table{min-width:900px}.account-count-pill{border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:9px;font-weight:800;border-radius:8px;padding:5px 8px;cursor:pointer}.status-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:5px 8px;border-radius:8px;font-size:9px;font-weight:800}.status-pill i{width:6px;height:6px;border-radius:50%}.status-pill.active{color:var(--green)}.status-pill.active i{background:var(--green)}.status-pill.disabled{color:var(--muted)}.status-pill.disabled i{background:var(--muted)}.activity-wrap table{min-width:900px}.activity-badge{display:inline-block;text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:800;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:4px 6px}.muted-row{text-align:center;color:var(--muted);padding:40px}.confirm-modal{border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);padding:22px;width:min(390px,90vw);text-align:center}.confirm-icon{width:42px;height:42px;border-radius:13px;background:#fff1f0;color:var(--red);display:grid;place-items:center;font-weight:900;margin:0 auto 12px}.confirm-modal h3{margin:0 0 7px;font-size:16px}.confirm-modal p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.confirm-actions{display:flex;gap:8px;justify-content:center;margin-top:18px}.toast-host{position:fixed;right:22px;bottom:22px;display:grid;gap:8px;z-index:999}.toast{background:var(--text);color:var(--panel);padding:10px 13px;border-radius:11px;box-shadow:var(--shadow);font-size:10px;animation:toastin .2s ease}.toast.success{background:#0f8a62;color:#fff}.toast.error{background:#c7352b;color:#fff}@keyframes toastin{from{transform:translateY(8px);opacity:0}}body.compact{--rowh:49px}body.compact .avatar{width:28px;height:28px}body.compact td{padding-top:6px;padding-bottom:6px}
@media(max-width:1050px){.login-wrap{grid-template-columns:1fr;gap:35px;max-width:560px}.login-brand{display:none}.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:18px 9px}.brand>div:last-child,.nav-item span:not(.ico),.nav-item b,.workspace-user>div:last-child,.secure-card div{display:none}.brand{padding-left:7px}.workspace-user,.secure-card{justify-content:center}.nav-item{justify-content:center}main{padding:28px 22px}.topbar{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.searchbox{min-width:100%;order:-1}}
@media(max-width:650px){.login-wrap{padding:20px}.login-card{padding:22px}.app-shell{display:block}.sidebar{position:static;height:auto;display:flex;flex-direction:row;align-items:center;padding:8px;overflow:auto}.brand,.workspace-user,.secure-card,.sidebar-spacer,.sidebar #themeToggle{display:none}.sidebar nav{display:flex}.nav-item{width:auto;min-width:44px}.sidebar #logoutBtn{width:44px;margin-left:auto}main{padding:18px 11px}.stats-grid,.stats-grid.stats-3{grid-template-columns:1fr 1fr}.top-actions{width:100%;flex-wrap:wrap}.top-actions .btn,.top-actions .control{flex:1;max-width:none}.toolbar .control{flex:1}.cookie-summary,.detail-grid,.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.table-footer{display:none}}

/* ===== V4: responsive baseline + full-color icon system + raised depth ===== */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ui-icon{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ui-icon-lg{width:23px;height:23px}
.icon-gradient-blue,.icon-gradient-violet,.icon-gradient-green,.icon-gradient-amber,.icon-gradient-sky,.icon-gradient-red{color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 6px 14px rgba(15,23,42,.18)}
.icon-gradient-blue{background:linear-gradient(145deg,#5b8cff,#2563eb 58%,#1746b8)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 7px 17px rgba(37,99,235,.28)!important}
.icon-gradient-violet{background:linear-gradient(145deg,#9b7cff,#7c3aed 58%,#5b21b6)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 7px 17px rgba(124,58,237,.26)!important}
.icon-gradient-green{background:linear-gradient(145deg,#30d9a0,#0d9f6e 58%,#087351)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 7px 17px rgba(13,159,110,.25)!important}
.icon-gradient-amber{background:linear-gradient(145deg,#ffcb66,#e89625 58%,#b7791f)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 7px 17px rgba(183,121,31,.26)!important}
.icon-gradient-sky{background:linear-gradient(145deg,#55d7ff,#0ea5e9 58%,#0877aa)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 7px 17px rgba(14,165,233,.26)!important}
.icon-gradient-red{background:linear-gradient(145deg,#ff7878,#ef4444 58%,#be2020)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 7px 17px rgba(239,68,68,.24)!important}

.nav-ico{width:30px!important;height:30px!important;min-width:30px;border-radius:9px;display:grid!important;place-items:center;text-align:initial!important;transition:transform .18s ease,box-shadow .18s ease}
.nav-item:hover .nav-ico,.nav-item.active .nav-ico{transform:translateY(-1px) scale(1.03)}
.nav-item.active{background:linear-gradient(180deg,var(--panel2),color-mix(in srgb,var(--panel2) 86%,var(--blue) 14%));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 7px 18px rgba(15,23,42,.08)}
[data-theme="dark"] .nav-item.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 9px 20px rgba(0,0,0,.28)}

.btn-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;margin:-5px 1px -5px -7px}
.btn-icon .ui-icon{width:14px;height:14px}
.icon-text-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding-top:8px;padding-bottom:8px}
.search-icon{width:27px;height:27px;min-width:27px;border-radius:8px;display:grid;place-items:center;margin-left:-5px}
.search-icon .ui-icon{width:14px;height:14px}
.secure-icon{width:31px;height:31px;min-width:31px;border-radius:9px;display:grid;place-items:center}
.secure-icon .ui-icon{width:15px;height:15px}
.login-icon{overflow:hidden}

/* Raised depth without changing the responsive layout */
.sidebar{box-shadow:10px 0 28px rgba(15,23,42,.045);z-index:5}
.workspace-user,.secure-card,.searchbox,.control,.field-input,.detail-item,.cookie-summary div,.toggle-row{box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 3px 9px rgba(15,23,42,.035)}
.stat-card{display:flex;align-items:center;gap:13px;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.86);transition:transform .18s ease,box-shadow .18s ease}
.stat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 34%);pointer-events:none}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.9)}
.stat-icon{width:43px;height:43px;min-width:43px;border-radius:13px;display:grid;place-items:center;position:relative;z-index:1}
.stat-copy{min-width:0;position:relative;z-index:1}.stat-copy strong{margin-top:3px}
.workspace-card{box-shadow:0 16px 38px rgba(15,23,42,.095),0 2px 6px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.72)}
.login-card{box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(255,255,255,.015)}
.modal{box-shadow:0 34px 100px rgba(15,23,42,.3),0 8px 30px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.7)}
.btn{box-shadow:0 4px 10px rgba(15,23,42,.065),inset 0 1px 0 rgba(255,255,255,.78);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 20px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.86)}
.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 5px rgba(15,23,42,.1),inset 0 2px 5px rgba(15,23,42,.08)}
.btn.primary{box-shadow:0 8px 18px rgba(17,19,24,.18),inset 0 1px 0 rgba(255,255,255,.22)}
.icon-btn{display:grid;place-items:center;border-radius:10px}.icon-btn .ui-icon{width:17px;height:17px}
.row-actions button,.row-link,.mini-copy{transition:transform .14s ease,box-shadow .14s ease;background .14s ease;box-shadow:0 3px 8px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.8)}
.row-actions button:hover,.row-link:hover,.mini-copy:hover{transform:translateY(-2px);box-shadow:0 7px 15px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.9)}
.row-actions .ui-icon,.row-link .ui-icon,.mini-copy .ui-icon{width:14px;height:14px}
.action-blue{color:#2563eb!important;background:linear-gradient(180deg,#f2f7ff,#e8f0ff)!important;border-color:#cddcff!important}
.action-green{color:#07865c!important;background:linear-gradient(180deg,#effcf7,#e2f8ef)!important;border-color:#c3ecdb!important}
.action-amber{color:#a6630c!important;background:linear-gradient(180deg,#fff9eb,#fff0c8)!important;border-color:#f4ddb0!important}
.action-red{color:#c7352b!important;background:linear-gradient(180deg,#fff5f4,#ffe9e6)!important;border-color:#ffd0ca!important}
.customer-avatar{background:linear-gradient(145deg,#9b7cff,#5b8cff)!important;color:#fff!important;box-shadow:0 6px 15px rgba(91,140,255,.22),inset 0 1px 0 rgba(255,255,255,.28)}
.icon-inline-btn{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.icon-inline-btn .ui-icon{width:13px;height:13px}
.tiny-color-dot{width:7px;height:7px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.dot-violet{background:#8b5cf6}
.file-item-name{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-name .ui-icon{width:14px;height:14px;color:#2563eb}
.upload-drop{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 7px 18px rgba(15,23,42,.055);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.upload-drop:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px rgba(37,99,235,.11)}
.upload-icon{width:44px;height:44px;border-radius:13px}
.empty-art{box-shadow:0 9px 20px rgba(37,99,235,.2),inset 0 1px 0 rgba(255,255,255,.3)}

[data-theme="dark"] .sidebar{box-shadow:12px 0 34px rgba(0,0,0,.23)}
[data-theme="dark"] .workspace-user,[data-theme="dark"] .secure-card,[data-theme="dark"] .searchbox,[data-theme="dark"] .control,[data-theme="dark"] .field-input,[data-theme="dark"] .detail-item,[data-theme="dark"] .cookie-summary div,[data-theme="dark"] .toggle-row{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 12px rgba(0,0,0,.16)}
[data-theme="dark"] .stat-card{box-shadow:0 13px 30px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.045)}
[data-theme="dark"] .stat-card:hover{box-shadow:0 18px 38px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}
[data-theme="dark"] .workspace-card{box-shadow:0 20px 46px rgba(0,0,0,.3),0 4px 10px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.04)}
[data-theme="dark"] .modal{box-shadow:0 36px 110px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.045)}
[data-theme="dark"] .btn{box-shadow:0 5px 13px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04)}
[data-theme="dark"] .btn:hover:not(:disabled){box-shadow:0 10px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06)}
[data-theme="dark"] .action-blue{background:linear-gradient(180deg,rgba(37,99,235,.19),rgba(37,99,235,.1))!important;border-color:rgba(91,140,255,.28)!important;color:#78a5ff!important}
[data-theme="dark"] .action-green{background:linear-gradient(180deg,rgba(13,159,110,.19),rgba(13,159,110,.09))!important;border-color:rgba(48,217,160,.26)!important;color:#42d8a5!important}
[data-theme="dark"] .action-amber{background:linear-gradient(180deg,rgba(232,150,37,.19),rgba(232,150,37,.09))!important;border-color:rgba(255,203,102,.25)!important;color:#ffc45b!important}
[data-theme="dark"] .action-red{background:linear-gradient(180deg,rgba(239,68,68,.18),rgba(239,68,68,.08))!important;border-color:rgba(255,120,120,.24)!important;color:#ff7e75!important}

/* Custom TXT exporter */
.export-modal{width:min(760px,94vw)}.modal-subtitle{margin:5px 0 0;color:var(--muted);font-size:9px}
.export-meta{display:grid;grid-template-columns:1fr 120px;gap:8px;margin-bottom:12px}.export-meta>div{border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 10px rgba(15,23,42,.045)}.export-meta span,.export-meta strong{display:block}.export-meta span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.export-meta strong{font-size:10px;margin-top:4px}
.export-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.preset-btn,.token-list button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:7px 9px;font-size:9px;font-weight:750;cursor:pointer;box-shadow:0 3px 8px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.8);transition:.14s}.preset-btn:hover,.token-list button:hover{transform:translateY(-1px);border-color:#9bb7ff;box-shadow:0 7px 14px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.export-format-label{margin-bottom:10px}.export-format{height:auto!important;min-height:74px;padding:10px 12px;resize:vertical;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.export-format-label small b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text)}
.token-section{border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:10px;margin-bottom:12px}.token-section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.token-section-head strong{font-size:9px}.token-section-head span{font-size:8px;color:var(--muted)}.token-list{display:flex;gap:5px;flex-wrap:wrap}.token-list button{background:var(--panel);padding:6px 8px;color:var(--blue);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.export-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-options .field-label{margin-bottom:10px}.preview-head{display:flex;justify-content:space-between;align-items:center;margin:3px 0 7px}.preview-head strong{font-size:9px}.preview-head span{font-size:8px;color:var(--muted)}.export-preview{margin:0;background:#0b0f15;color:#d9e4f2;border:1px solid #232d3a;border-radius:11px;padding:11px 12px;max-height:145px;overflow:auto;white-space:pre-wrap;word-break:break-all;font-size:9px;line-height:1.55;box-shadow:inset 0 2px 8px rgba(0,0,0,.35)}
[data-theme="dark"] .export-meta>div,[data-theme="dark"] .preset-btn,[data-theme="dark"] .token-list button{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 4px 10px rgba(0,0,0,.18)}

@media(max-width:650px){.stat-card{padding:12px;gap:9px}.stat-icon{width:36px;height:36px;min-width:36px;border-radius:11px}.stat-copy strong{font-size:21px}.icon-text-btn .btn-icon{display:none}.export-meta,.export-options{grid-template-columns:1fr}.export-presets{display:grid;grid-template-columns:1fr}.preset-btn{text-align:left}.token-list{max-height:132px;overflow:auto}.export-modal .modal-body{padding:14px}.export-preview{max-height:120px}}

/* V5 clean navigation and consistent icon system */
.number-col,.number-cell{width:44px;min-width:44px;text-align:center!important;color:var(--muted);font-variant-numeric:tabular-nums}.number-cell{font-weight:800;color:var(--text)}
.bottom-profile{margin-top:4px}.profile-line{min-width:0;display:flex!important;align-items:center;gap:7px;flex:1}.profile-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{display:inline-flex!important;align-items:center;height:20px;padding:0 7px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);font-size:7px!important;line-height:1;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.topbar>div:first-child{display:flex;align-items:center}.topbar h1{margin:0}.stat-copy small{display:none}.stat-card{min-height:74px}.table-footer{justify-content:flex-start}.account-meta strong{max-width:190px}.app-package,.subline{display:none!important}
.settings-modal{width:min(520px,92vw)}.settings-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.settings-row-icon{width:38px;height:38px;min-width:38px;border-radius:11px;display:grid;place-items:center}.settings-copy{min-width:0;flex:1}.settings-copy strong,.settings-copy span{display:block}.settings-copy strong{font-size:10px}.settings-copy span{font-size:8px;color:var(--muted);margin-top:3px}.settings-control{width:120px;flex:0 0 auto}
/* one icon language: same line weight, same rounded geometry, color lives in the icon tile */
.ui-icon{stroke-width:1.85}.nav-ico,.stat-icon,.btn-icon,.search-icon,.settings-row-icon,.mini-avatar.icon-gradient-blue{position:relative;overflow:hidden}.nav-ico:after,.stat-icon:after,.btn-icon:after,.search-icon:after,.settings-row-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 45%);pointer-events:none}.nav-ico .ui-icon,.stat-icon .ui-icon,.btn-icon .ui-icon,.search-icon .ui-icon,.settings-row-icon .ui-icon{position:relative;z-index:1}
@media(max-width:1050px){.bottom-profile .profile-line{display:none!important}}
@media(max-width:650px){.bottom-profile{display:none}.sidebar #settingsBtn{display:flex}.settings-row{align-items:flex-start;flex-wrap:wrap}.settings-control{width:100%}}


/* V5.1 refined interactions */
.bottom-profile{padding:12px 12px;border-radius:16px;background:linear-gradient(180deg,var(--panel2),rgba(37,99,235,.04));box-shadow:0 10px 24px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.08)}
.bottom-profile .mini-avatar{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:13px;box-shadow:0 8px 18px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.28)}
.profile-line strong{font-size:12px}.role-badge{height:22px;padding:0 9px;border-radius:999px;font-size:7px!important;font-weight:800}
.search-reveal{display:flex;align-items:center;gap:8px;min-width:44px}.search-trigger{width:40px;height:40px;border:1px solid var(--line);background:var(--panel);border-radius:12px;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.08);transition:.18s}.search-trigger:hover{transform:translateY(-1px)}
.search-panel{width:0;opacity:0;overflow:hidden;display:flex;align-items:center;gap:8px;border:1px solid transparent;background:var(--panel2);border-radius:13px;transition:width .22s ease,opacity .16s ease,border-color .18s ease,padding .18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.search-panel input{border:0;outline:0;background:transparent;color:var(--text);width:100%;height:40px;font-size:11px;min-width:0}
.search-clear{border:0;background:transparent;color:var(--muted);width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center}
.search-reveal.open{flex:1;min-width:min(420px,100%)}
.search-reveal.open .search-panel{width:min(420px,100%);opacity:1;padding:0 10px;border-color:var(--line)}
.compact-search.search-reveal.open{flex:1}.compact-search.search-reveal.open .search-panel{width:min(360px,100%)}
@media(max-width:760px){.search-reveal.open,.compact-search.search-reveal.open{min-width:100%;flex-basis:100%}.search-reveal.open .search-panel,.compact-search.search-reveal.open .search-panel{width:100%}}
.copyable-text,.copyable-chip,[data-copy]{cursor:pointer;transition:transform .12s ease,box-shadow .14s ease,background .14s ease,color .14s ease}
.copyable-text{display:inline-block;padding:4px 0;border-radius:8px}
.copyable-text:hover{color:#7fb1ff}
.copyable-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);box-shadow:0 3px 9px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.08)}
.copyable-chip:hover,.copyable-text:hover,[data-copy]:hover{transform:translateY(-1px)}
.copied{animation:copyFlash .55s ease}
@keyframes copyFlash{0%{transform:scale(.98)}35%{box-shadow:0 0 0 4px rgba(37,99,235,.16),0 10px 24px rgba(37,99,235,.16);background:rgba(37,99,235,.10)}100%{transform:none}}
.code-pill{position:relative;display:inline-grid;grid-template-columns:auto auto;gap:9px;align-items:center;min-width:120px;padding:7px 11px 12px;border-radius:12px;overflow:hidden}
.code-main{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;font-weight:800;font-size:11px;position:relative;z-index:1}
.code-seconds{font-size:9px;color:var(--muted);position:relative;z-index:1}
.code-progress{position:absolute;left:7px;right:7px;bottom:4px;height:4px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden}
.code-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#2563eb,#22c55e);box-shadow:0 0 10px rgba(37,99,235,.22)}
.detail-copy{cursor:pointer}
#accountTable td[data-col="uuid"],#accountTable td[data-col="phone"],#accountTable td[data-col="twofa"],#accountTable td[data-col="app"],#accountTable td[data-col="updated"]{white-space:nowrap}
[data-theme="dark"] .search-trigger{box-shadow:0 10px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}
[data-theme="dark"] .copyable-chip{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 14px rgba(0,0,0,.16)}


/* =========================================================
   Z-META V6 — MINIMAL / ELEGANT / RESPONSIVE
   ========================================================= */
:root{
  --bg:#f7f8fa;--panel:#ffffff;--panel2:#f3f5f7;--text:#16181d;--muted:#737b88;
  --line:#e6e9ee;--blue:#356ae6;--green:#17865f;--red:#d54848;--amber:#a16a18;
  --shadow:0 8px 28px rgba(19,31,53,.06);--radius:15px;--rowh:58px;
}
[data-theme="dark"]{--bg:#101318;--panel:#171b21;--panel2:#1c2129;--text:#f2f4f7;--muted:#919aaa;--line:#2a313b;--shadow:0 12px 34px rgba(0,0,0,.22)}
html,body{background:var(--bg)}
body{font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.005em}
.app-shell{grid-template-columns:220px minmax(0,1fr)}
.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:20px 13px;gap:13px;box-shadow:none!important}
.brand{padding:0 7px 15px;margin-bottom:2px;border-bottom:1px solid var(--line)}
.brand-mark{background:#111827!important;color:#fff!important;border:0!important;box-shadow:none!important;border-radius:10px}
.brand strong{font-size:12px;letter-spacing:.105em}.brand span{font-size:9px}
.sidebar nav{gap:4px}.nav-item{min-height:44px;padding:7px 9px;border-radius:11px;color:var(--muted);gap:10px;font-size:11px;font-weight:600;transition:background .15s,color .15s,transform .15s}
.nav-item:hover{background:var(--panel2);color:var(--text)}.nav-item.active{background:#eef3ff;color:#1f4fbf}.nav-item.active:before{content:"";width:3px;height:18px;border-radius:3px;background:#356ae6;margin-left:-9px;margin-right:6px}
[data-theme="dark"] .nav-item.active{background:rgba(53,106,230,.13);color:#8db1ff}
.nav-item b{background:transparent;border:1px solid var(--line);min-width:22px;text-align:center;padding:2px 6px;font-size:9px;color:var(--muted)}
.ui-icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.nav-ico,.stat-icon,.btn-icon,.search-trigger,.settings-row-icon{color:inherit!important;background:transparent!important;border:0!important;box-shadow:none!important}
.nav-ico:after,.stat-icon:after,.btn-icon:after,.search-icon:after,.settings-row-icon:after{display:none!important}
.nav-ico{width:30px!important;height:30px!important;min-width:30px;border-radius:9px;background:#f4f6f8!important;display:grid!important;place-items:center!important;transition:background .15s,color .15s,transform .15s}
.nav-ico .ui-icon{width:16px;height:16px}.nav-item:hover .nav-ico,.nav-item.active .nav-ico{transform:none}
.icon-tone-blue{color:#356ae6!important;background:#edf3ff!important}.icon-tone-violet{color:#7256d8!important;background:#f2efff!important}.icon-tone-amber{color:#a16a18!important;background:#fff6e8!important}.icon-tone-slate{color:#5c6676!important;background:#f2f4f7!important}
[data-theme="dark"] .icon-tone-blue{background:rgba(53,106,230,.15)!important}[data-theme="dark"] .icon-tone-violet{background:rgba(114,86,216,.15)!important}[data-theme="dark"] .icon-tone-amber{background:rgba(161,106,24,.15)!important}[data-theme="dark"] .icon-tone-slate{background:#222933!important}
/* neutralize old colorful gradient tiles throughout */
.icon-gradient-blue,.icon-gradient-violet,.icon-gradient-green,.icon-gradient-amber,.icon-gradient-sky,.icon-gradient-red{border:0!important;box-shadow:none!important;background:#f1f4f8!important;color:#4f5c6d!important}
[data-theme="dark"] .icon-gradient-blue,[data-theme="dark"] .icon-gradient-violet,[data-theme="dark"] .icon-gradient-green,[data-theme="dark"] .icon-gradient-amber,[data-theme="dark"] .icon-gradient-sky,[data-theme="dark"] .icon-gradient-red{background:#232a34!important;color:#aeb8c6!important}
.sidebar-spacer{flex:1}.bottom-profile{margin:0 2px;padding:8px 8px 8px 9px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:none!important;gap:9px}
.bottom-profile .mini-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eef3ff!important;color:#356ae6!important;border:1px solid #dde7ff!important;box-shadow:none!important;font-size:11px}
.profile-line{gap:6px!important}.profile-line strong{font-size:10.5px}.role-badge{height:19px;padding:0 6px;border:0;background:var(--panel2);font-size:6.5px!important;color:var(--muted)}
.profile-logout{width:32px;height:32px;flex:0 0 32px;border:0;border-radius:9px;background:transparent;color:#929aa6;display:grid;place-items:center;cursor:pointer;transition:.15s}.profile-logout:hover{background:#fff0f0;color:#cf4040}.profile-logout .ui-icon{width:16px;height:16px}
[data-theme="dark"] .profile-logout:hover{background:rgba(213,72,72,.12);color:#ff8585}
main{padding:28px 32px 52px}.page-section{max-width:1680px}.topbar{align-items:center;margin-bottom:18px}.topbar h1{font-size:25px;letter-spacing:-.035em;font-weight:720}.top-actions{gap:7px}
.btn,.control,.field-input{border-color:var(--line);box-shadow:none!important}.btn{border-radius:10px;font-size:10px;font-weight:650;padding:9px 12px}.btn:hover:not(:disabled){transform:none;box-shadow:none!important;border-color:#cbd2dc}.btn.primary{background:#1b1f26;color:#fff;border-color:#1b1f26}.btn.primary:hover{background:#2a3039}.btn.ghost{background:var(--panel)}
[data-theme="dark"] .btn.primary{background:#f1f4f7;color:#171a20;border-color:#f1f4f7}.control{height:36px;border-radius:9px;background:var(--panel);font-size:9.5px}
.stats-grid{gap:10px;margin-bottom:12px}.stat-card{min-height:78px;border:1px solid var(--line);border-radius:14px;padding:14px 15px;box-shadow:none!important;background:var(--panel);transform:none!important}.stat-card:hover{transform:none!important;box-shadow:none!important}.stat-icon{width:38px;height:38px;min-width:38px;border-radius:10px!important;background:var(--panel2)!important;color:#526071!important}.stat-icon .ui-icon{width:17px;height:17px}.stat-copy span{font-size:9px;font-weight:600}.stat-copy strong{font-size:23px;margin-top:4px;font-weight:720}
.workspace-card{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)!important;background:var(--panel)}.toolbar{padding:9px 10px;background:var(--panel);gap:7px}.table-wrap{background:var(--panel)}
table{font-size:10px}th{background:var(--panel2);font-size:8px;letter-spacing:.055em;padding:9px 11px}td{padding:8px 11px}.avatar{width:32px;height:32px;border-radius:9px}.account-meta strong{font-size:10px}.pill,.copyable-chip{border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 5px!important;border-radius:7px!important}.copyable-chip:hover,.copyable-text:hover{background:var(--panel2)!important;color:var(--text);transform:none!important}.customer-pill{border:0;background:var(--panel2);border-radius:7px;padding:4px 7px}.code-pill{min-width:112px;border:1px solid var(--line)!important;background:var(--panel2)!important;box-shadow:none!important}.code-progress span{background:#356ae6;box-shadow:none}.tiny-color-dot{box-shadow:none}.dot-violet{background:#7256d8}
.row-actions button,.row-link,.mini-copy{box-shadow:none!important;border-radius:8px;background:transparent!important;border:1px solid var(--line)!important}.row-actions button:hover,.row-link:hover,.mini-copy:hover{transform:none!important;background:var(--panel2)!important}.action-blue{color:#356ae6!important}.action-green{color:#17865f!important}.action-amber{color:#a16a18!important}.action-red{color:#d54848!important}
.search-trigger{width:36px;height:36px;border:1px solid var(--line)!important;border-radius:10px;background:var(--panel)!important;color:#5d6877!important;box-shadow:none!important}.search-trigger .ui-icon{width:16px;height:16px}.search-panel{background:var(--panel);box-shadow:none!important}.search-panel input{height:36px}.search-reveal.open .search-panel{border-color:var(--line)}
.settings-row{box-shadow:none!important;background:var(--panel2)}.modal{border-radius:16px;box-shadow:0 20px 60px rgba(22,28,38,.15)!important}.upload-drop,.export-meta>div,.preset-btn,.token-list button{box-shadow:none!important}
/* sticky account number: remains visible while scrolling horizontally */
#accountTable th:first-child{position:sticky;left:0;z-index:8;background:var(--panel2);box-shadow:8px 0 13px -13px rgba(18,24,35,.45)}
#accountTable td:first-child{position:sticky;left:0;z-index:5;background:var(--panel);box-shadow:8px 0 13px -13px rgba(18,24,35,.38)}
#accountTable tbody tr:hover td:first-child{background:var(--panel2)}
#accountTable .number-col,#accountTable .number-cell{min-width:48px;width:48px}
/* login: plain premium white card */
.login-screen{background:#f6f7f9;color:#171a20}.login-screen:before,.login-screen:after,.login-noise{display:none}.login-card{background:#fff;border:1px solid #e6e9ee;box-shadow:0 20px 70px rgba(21,30,45,.09);backdrop-filter:none}.login-card .field-label{color:#657080}.login-card .field-input{background:#f7f8fa;border-color:#e4e8ee;color:#181b21}.login-card-head span{color:#808996}.login-card-head h2{color:#181b21}.login-icon{background:#f1f4f8;border-color:#e5e9ef;color:#445166}.login-submit{background:#171a20!important;color:#fff!important;border-color:#171a20!important}.login-brand h1{color:#171a20}.login-brand p{color:#7a8390}.brand-mark-lg{background:#171a20;color:#fff}
[data-theme="dark"] .login-screen{background:#101318;color:#fff}[data-theme="dark"] .login-card{background:#171b21;border-color:#2a313b;box-shadow:0 20px 70px rgba(0,0,0,.35)}[data-theme="dark"] .login-card .field-input{background:#11151a;border-color:#2b323c;color:#f3f5f8}[data-theme="dark"] .login-brand h1{color:#f3f5f8}[data-theme="dark"] .login-submit{background:#f3f5f8!important;color:#171a20!important;border-color:#f3f5f8!important}
/* responsive */
@media(max-width:1050px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:16px 8px}.brand>div:last-child,.nav-item span:not(.ico),.nav-item b,.profile-line{display:none!important}.nav-item{justify-content:center}.nav-item.active:before{display:none}.bottom-profile{padding:6px;justify-content:center;gap:4px;flex-direction:column}.profile-logout{display:grid}.topbar{align-items:flex-start}main{padding:24px 20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.app-shell{display:block}.sidebar{position:sticky;top:0;z-index:50;height:auto;display:flex;flex-direction:row;align-items:center;padding:7px 9px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.brand{border:0;padding:0;margin:0}.brand-mark{width:34px;height:34px}.sidebar nav{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar-spacer{display:block;flex:1}.bottom-profile{display:flex!important;flex-direction:row;margin:0;padding:3px;border:0;gap:3px}.bottom-profile .mini-avatar{width:32px;height:32px;flex-basis:32px}.profile-logout{width:32px;height:32px}.nav-item{min-width:38px;width:38px;height:38px;padding:4px}.nav-ico{width:30px!important;height:30px!important;min-width:30px}.topbar{margin-bottom:14px}.topbar h1{font-size:22px}.stats-grid,.stats-grid.stats-3{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:70px;padding:11px}.stat-icon{width:34px;height:34px;min-width:34px}.stat-copy strong{font-size:20px}.top-actions{gap:6px}.top-actions .btn,.top-actions .control{min-width:0}.table-wrap{max-height:64vh}main{padding:16px 10px 36px}.workspace-card{border-radius:12px}.toolbar{flex-wrap:wrap}.toolbar .control{flex:1;min-width:110px}.search-reveal.open{flex-basis:100%}}
@media(max-width:430px){.stats-grid,.stats-grid.stats-3{grid-template-columns:1fr}.top-actions{display:grid;grid-template-columns:1fr 1fr}.top-actions .control{grid-column:1/-1}.top-actions .btn{width:100%}.sidebar nav .owner-only:nth-of-type(3){display:none!important}.table-wrap{min-height:240px}}


/* V7 checker */
.status-row.row-live td:first-child{box-shadow:inset 3px 0 0 #16a34a,8px 0 13px -13px rgba(18,24,35,.38)}
.status-row.row-dead td:first-child{box-shadow:inset 3px 0 0 #dc2626,8px 0 13px -13px rgba(18,24,35,.38)}
.status-row.row-unknown td:first-child{box-shadow:inset 3px 0 0 #9ca3af,8px 0 13px -13px rgba(18,24,35,.38)}
.avatar.status-live{border-color:#b7ebc7!important;box-shadow:0 0 0 2px rgba(22,163,74,.18)}
.avatar.status-dead{border-color:#fecaca!important;box-shadow:0 0 0 2px rgba(220,38,38,.15)}
.avatar.status-unknown{border-color:#d1d5db!important;box-shadow:0 0 0 2px rgba(156,163,175,.16)}
.status-check{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel2);padding:6px 10px;border-radius:999px;font-size:9px;font-weight:800;cursor:pointer;color:var(--text);min-width:94px;justify-content:center;transition:.15s}
.status-check i{width:7px;height:7px;border-radius:50%;display:inline-block}
.status-check.unknown i{background:#9ca3af}.status-check.live i{background:#16a34a}.status-check.dead i{background:#dc2626}
.status-check.live{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}
.status-check.dead{color:#b91c1c;border-color:#fecaca;background:#fef2f2}
.status-check.unknown{color:#6b7280;border-color:#d1d5db;background:#f8fafc}
.status-check:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.08)}
.status-check.is-checking{color:#4f46e5;border-color:#c7d2fe;background:#eef2ff}
.row-actions .action-violet{color:#6d57d9}
.row-actions .action-teal{color:#0e9488}
#accountTable th[data-col="status"],#accountTable td[data-col="status"]{white-space:nowrap;min-width:112px}


/* V7.1 checker UI correction */
#accountTable th[data-col="status"],#accountTable td[data-col="status"]{display:none!important}
.account-name-line{display:flex;align-items:center;gap:7px;min-width:0}
.inline-status{border:0;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:999px;font-size:7px;font-weight:850;letter-spacing:.06em;line-height:1;cursor:pointer;flex:0 0 auto;background:transparent}
.inline-status i{width:6px;height:6px;border-radius:50%;display:block}
.inline-status.live{color:#15803d;background:#ecfdf3}.inline-status.live i{background:#16a34a}
.inline-status.dead{color:#b91c1c;background:#fff1f2}.inline-status.dead i{background:#dc2626}
.inline-status.is-checking{color:#4f46e5;background:#eef2ff}.inline-status .progress-ring{width:8px;height:8px;border-width:1.5px}

#accountTable tbody tr.status-row td{border-top:1px solid transparent;border-bottom:1px solid transparent}
#accountTable tbody tr.row-live td{border-top-color:rgba(22,163,74,.28);border-bottom-color:rgba(22,163,74,.28);background-color:rgba(22,163,74,.018)}
#accountTable tbody tr.row-dead td{border-top-color:rgba(220,38,38,.25);border-bottom-color:rgba(220,38,38,.25);background-color:rgba(220,38,38,.018)}
#accountTable tbody tr.row-unknown td{border-top-color:rgba(156,163,175,.20);border-bottom-color:rgba(156,163,175,.20)}
#accountTable tbody tr.status-row td:first-child{border-left:2px solid #9ca3af}
#accountTable tbody tr.row-live td:first-child{border-left-color:#16a34a}
#accountTable tbody tr.row-dead td:first-child{border-left-color:#dc2626}
#accountTable tbody tr.status-row td:last-child{border-right:1px solid rgba(156,163,175,.20)}
#accountTable tbody tr.row-live td:last-child{border-right-color:rgba(22,163,74,.28)}
#accountTable tbody tr.row-dead td:last-child{border-right-color:rgba(220,38,38,.25)}

.code-pill{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-width:118px!important;padding:6px 9px 7px!important;overflow:hidden!important;line-height:1!important}
.code-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;position:relative;z-index:2}
.code-main{display:block;line-height:1.1;letter-spacing:.12em;font-weight:800}
.code-seconds{display:block;line-height:1;color:var(--muted);font-size:8px;letter-spacing:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.code-progress{position:static!important;display:block!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:3px!important;flex:0 0 3px!important;margin:0!important;border-radius:999px!important;background:rgba(148,163,184,.22)!important;overflow:hidden!important;z-index:1}
.code-progress span{display:block!important;height:100%!important;min-width:3px;border-radius:999px!important;background:#356ae6!important;box-shadow:none!important}

[data-theme="dark"] .inline-status.live{color:#77e09b;background:rgba(22,163,74,.12)}
[data-theme="dark"] .inline-status.dead{color:#ff8e8e;background:rgba(220,38,38,.12)}
[data-theme="dark"] #accountTable tbody tr.row-live td{background-color:rgba(22,163,74,.025)}
[data-theme="dark"] #accountTable tbody tr.row-dead td{background-color:rgba(220,38,38,.025)}


/* V7.3 stats + display columns */
.icon-gradient-red{background:linear-gradient(180deg,#fff2f2,#ffe4e6)!important;color:#dc2626!important;border-color:#fecaca!important}
.toolbar-spacer{flex:1}
.column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.column-option{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);background:var(--panel2);padding:12px 13px;border-radius:12px;cursor:pointer}
.column-option input{margin-top:2px}
.column-option strong,.column-option small{display:block}.column-option strong{font-size:11px}.column-option small{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.45}
#accountTable.hide-col-customer [data-col="customer"],#accountTable.hide-col-uuid [data-col="uuid"],#accountTable.hide-col-password [data-col="password"],#accountTable.hide-col-phone [data-col="phone"],#accountTable.hide-col-twofa [data-col="twofa"],#accountTable.hide-col-code [data-col="code"],#accountTable.hide-col-cookies [data-col="cookies"],#accountTable.hide-col-app [data-col="app"],#accountTable.hide-col-updated [data-col="updated"]{display:none}
.inline-status.unknown{color:#6b7280;background:#f3f4f6}.inline-status.unknown i{background:#9ca3af}
[data-theme="dark"] .inline-status.unknown{color:#cbd5e1;background:rgba(148,163,184,.14)}
#accountTable td[data-col="password"],#accountTable th[data-col="password"]{white-space:nowrap;min-width:130px}
@media(max-width:820px){.column-grid{grid-template-columns:1fr}}


/* V7.4 flicker fix + stat filters */
.stat-card{position:relative}
.stat-filter{cursor:pointer;transition:border-color .16s ease, box-shadow .16s ease, transform .14s ease}
.stat-filter:hover{transform:translateY(-1px)}
.stat-filter.active{border-color:rgba(37,99,235,.35);box-shadow:0 0 0 1px rgba(37,99,235,.16),0 8px 22px rgba(15,23,42,.08)}
.stat-icon .ui-icon{width:18px;height:18px;display:block}
[data-theme="dark"] .stat-filter.active{border-color:rgba(96,165,250,.42);box-shadow:0 0 0 1px rgba(96,165,250,.16),0 12px 28px rgba(0,0,0,.22)}


/* V7.5 premium polish */
.stats-grid{gap:12px}
.stat-card{
  min-height:86px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  padding:16px 18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,252,.96))!important;
  box-shadow:0 12px 26px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.92)!important;
  transform:none!important;
  overflow:hidden;
}
.stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(15,23,42,.11), inset 0 1px 0 rgba(255,255,255,.92)!important}
[data-theme="dark"] .stat-card{
  background:linear-gradient(180deg,rgba(18,24,35,.98),rgba(15,21,31,.98))!important;
  box-shadow:0 16px 36px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.stat-icon{
  width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;
  display:grid;place-items:center;border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 10px 20px rgba(15,23,42,.16)!important;
  color:#fff!important;
}
.stat-icon .ui-icon{width:18px!important;height:18px!important}
[data-status-filter="all"] .stat-icon{background:linear-gradient(145deg,#5b8cff,#2563eb 58%,#1746b8)!important}
[data-status-filter="live"] .stat-icon{background:linear-gradient(145deg,#30d9a0,#0d9f6e 58%,#087351)!important}
[data-status-filter="dead"] .stat-icon{background:linear-gradient(145deg,#ff7878,#ef4444 58%,#be2020)!important}
[data-status-filter="unknown"] .stat-icon{background:linear-gradient(145deg,#ffcb66,#e89625 58%,#b7791f)!important}
.stat-copy span{font-size:10px!important;font-weight:700!important}
.stat-copy strong{font-size:26px!important;font-weight:800!important;margin-top:4px!important}
.stat-filter.active{border-color:rgba(37,99,235,.32)!important;box-shadow:0 0 0 1px rgba(37,99,235,.12),0 16px 34px rgba(15,23,42,.11), inset 0 1px 0 rgba(255,255,255,.92)!important}
[data-theme="dark"] .stat-filter.active{border-color:rgba(96,165,250,.42)!important;box-shadow:0 0 0 1px rgba(96,165,250,.18),0 18px 40px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05)!important}

/* remove ugly row borders / frames */
.status-row.row-live td:first-child,.status-row.row-dead td:first-child,.status-row.row-unknown td:first-child{box-shadow:none!important}
#accountTable tbody tr.status-row td{border-top:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important}
#accountTable tbody tr.status-row td:first-child,#accountTable tbody tr.status-row td:last-child{border-left:0!important;border-right:0!important}
#accountTable tbody tr:hover td{background:var(--panel2)!important}

/* sticky number col must stay readable */
#accountTable th:first-child{
  background:var(--panel2)!important;
  box-shadow:10px 0 18px -16px rgba(15,23,42,.55)!important;
}
#accountTable td:first-child{
  background:var(--panel)!important;
  box-shadow:10px 0 18px -16px rgba(15,23,42,.42)!important;
}
.number-col,.number-cell{
  background:var(--panel)!important;
  font-weight:800!important;
}

/* display dialog polish */
.modal-footer-split{display:flex;justify-content:space-between;align-items:center;gap:12px}
.inline-actions{display:flex;gap:8px;align-items:center}
.column-option{transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease}
.column-option:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.28);box-shadow:0 10px 20px rgba(15,23,42,.06)}
.column-option input{accent-color:#2563eb}
[data-theme="dark"] .column-option:hover{border-color:rgba(96,165,250,.32);box-shadow:0 14px 28px rgba(0,0,0,.22)}


/* V7.6 brand + icon refresh */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}

.stat-card{
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,249,252,.97))!important;
  border-color:#e2e8f0!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
[data-theme="dark"] .stat-card{
  background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(10,17,31,.98))!important;
  border-color:#223049!important;
  box-shadow:0 16px 36px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.stat-card::before{
  content:"";position:absolute;inset:auto -28px -40px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.09),transparent 68%);pointer-events:none;
}
.stat-card[data-status-filter="live"]::before{background:radial-gradient(circle,rgba(13,159,110,.10),transparent 68%)}
.stat-card[data-status-filter="dead"]::before{background:radial-gradient(circle,rgba(239,68,68,.10),transparent 68%)}
.stat-card[data-status-filter="unknown"]::before{background:radial-gradient(circle,rgba(232,150,37,.12),transparent 68%)}
.stat-icon{
  width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important;
  display:grid;place-items:center;position:relative;isolation:isolate;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 10px 22px rgba(15,23,42,.18)!important;
}
.stat-icon::after{content:"";position:absolute;inset:1px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 42%);pointer-events:none}
.stat-icon .ui-icon{width:20px!important;height:20px!important;stroke-width:2.05;position:relative;z-index:1}
[data-status-filter="all"] .stat-icon,.stats-grid .stat-card:nth-child(1) .stat-icon{background:linear-gradient(145deg,#5e90ff,#2563eb 58%,#1747ba)!important}
[data-status-filter="live"] .stat-icon,.stats-grid .stat-card:nth-child(2) .stat-icon{background:linear-gradient(145deg,#34d399,#10b981 58%,#0c8d61)!important}
[data-status-filter="dead"] .stat-icon,.stats-grid .stat-card:nth-child(3) .stat-icon{background:linear-gradient(145deg,#fb7185,#ef4444 58%,#c02626)!important}
[data-status-filter="unknown"] .stat-icon,.stats-grid .stat-card:nth-child(4) .stat-icon{background:linear-gradient(145deg,#fbbf24,#f59e0b 58%,#d97706)!important}
#sectionCustomers .stats-grid .stat-card:nth-child(1) .stat-icon{background:linear-gradient(145deg,#8b5cf6,#7c3aed 58%,#5b21b6)!important}
#sectionCustomers .stats-grid .stat-card:nth-child(2) .stat-icon{background:linear-gradient(145deg,#34d399,#10b981 58%,#0c8d61)!important}
#sectionCustomers .stats-grid .stat-card:nth-child(3) .stat-icon{background:linear-gradient(145deg,#60a5fa,#3b82f6 58%,#1d4ed8)!important}
.stat-copy span{color:#64748b!important;font-weight:700!important}
[data-theme="dark"] .stat-copy span{color:#94a3b8!important}

/* Fix sticky number column readability */
#accountTable th:first-child,
#accountTable td:first-child,
.number-col,
.number-cell{
  background:var(--panel)!important;
}
#accountTable th:first-child{background:var(--panel2)!important}

/* keep display state consistent after filter/refresh */
#accountTable.hide-col-customer [data-col="customer"],
#accountTable.hide-col-uuid [data-col="uuid"],
#accountTable.hide-col-password [data-col="password"],
#accountTable.hide-col-phone [data-col="phone"],
#accountTable.hide-col-twofa [data-col="twofa"],
#accountTable.hide-col-code [data-col="code"],
#accountTable.hide-col-cookies [data-col="cookies"],
#accountTable.hide-col-app [data-col="app"],
#accountTable.hide-col-updated [data-col="updated"]{display:none!important}


/* V7.7 table stability + secure customer + clean data */
.th-with-action{display:inline-flex;align-items:center;gap:6px}
.th-icon-btn{width:22px;height:22px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;border-radius:6px;cursor:pointer;padding:0}
.th-icon-btn:hover{background:var(--panel);color:var(--text)}
.th-icon-btn .ui-icon{width:13px;height:13px}

.twofa-secret,.password-value,.uuid-value{display:inline-block;cursor:pointer;font-weight:650;white-space:nowrap}
.twofa-secret{color:var(--text)!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.password-value{min-width:72px;color:var(--text)}
.uuid-value{font-weight:750}
.uuid-live{color:#0d9f6e!important}
.uuid-dead{color:#dc2626!important}
.uuid-unknown{color:#64748b!important}
[data-theme="dark"] .uuid-live{color:#5ee0a5!important}
[data-theme="dark"] .uuid-dead{color:#ff8585!important}
[data-theme="dark"] .uuid-unknown{color:#94a3b8!important}

/* solid sticky number background, including hover */
#accountTable .number-col{position:sticky!important;left:0!important;z-index:12!important;background:var(--panel2)!important;opacity:1!important;background-clip:padding-box!important}
#accountTable .number-cell{position:sticky!important;left:0!important;z-index:10!important;background:var(--panel)!important;opacity:1!important;background-clip:padding-box!important;box-shadow:7px 0 12px -12px rgba(15,23,42,.5)!important}
#accountTable tbody tr:hover .number-cell{background:var(--panel)!important}
[data-theme="dark"] #accountTable .number-cell{background:#111823!important}
[data-theme="dark"] #accountTable .number-col{background:#18202c!important}

/* Display works only through inline visibility now; neutralize all old hide classes */
#accountTable.hide-col-customer [data-col="customer"],#accountTable.hide-col-uuid [data-col="uuid"],#accountTable.hide-col-password [data-col="password"],#accountTable.hide-col-phone [data-col="phone"],#accountTable.hide-col-twofa [data-col="twofa"],#accountTable.hide-col-code [data-col="code"],#accountTable.hide-col-cookies [data-col="cookies"],#accountTable.hide-col-app [data-col="app"],#accountTable.hide-col-updated [data-col="updated"]{display:revert}

/* no table color frame */
#accountTable tbody tr.status-row td{border-top:0!important;border-left:0!important;border-right:0!important;border-bottom:1px solid var(--line)!important}


/* V7.8 sequential checker */
#accountTable tbody tr.checker-current td{background:rgba(37,99,235,.045)!important}
#accountTable tbody tr.checker-current td:first-child{background:var(--panel)!important}
[data-theme="dark"] #accountTable tbody tr.checker-current td{background:rgba(96,165,250,.06)!important}
[data-theme="dark"] #accountTable tbody tr.checker-current td:first-child{background:var(--panel)!important}
.twofa-secret{white-space:nowrap;letter-spacing:.025em}


/* V7.9 batch checker + upload picker + sticky numbers */
.checker-action-btn{background:linear-gradient(145deg,#5b8cff,#2563eb 58%,#1746b8)!important;color:#fff!important;border-color:#2563eb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 8px 18px rgba(37,99,235,.22)!important;font-weight:800!important}
.checker-action-btn:hover:not(:disabled){background:linear-gradient(145deg,#6a99ff,#2f6ff2 58%,#1b4cc3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 10px 24px rgba(37,99,235,.28)!important;transform:translateY(-1px)!important}
.checker-action-btn .btn-icon{width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.16)!important;color:#fff!important;display:grid!important;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important}
.checker-action-btn .btn-icon .ui-icon{width:15px;height:15px;stroke-width:2}
@media(max-width:650px){.checker-action-btn .btn-icon{display:grid!important}.checker-action-btn{padding:8px 10px!important}}

#accountTable th.number-col{position:sticky!important;left:0!important;z-index:30!important;background:#f2f5f9!important;color:#64748b!important;box-shadow:8px 0 14px -13px rgba(15,23,42,.48)!important}
#accountTable td.number-cell{position:sticky!important;left:0!important;z-index:25!important;background:#fff!important;color:#111827!important;opacity:1!important;background-clip:border-box!important;box-shadow:8px 0 14px -13px rgba(15,23,42,.42)!important}
#accountTable tbody tr:hover td.number-cell,#accountTable tbody tr.checker-current td.number-cell{background:#fff!important}
[data-theme="dark"] #accountTable th.number-col{background:#18202c!important;color:#94a3b8!important}
[data-theme="dark"] #accountTable td.number-cell,[data-theme="dark"] #accountTable tbody tr:hover td.number-cell,[data-theme="dark"] #accountTable tbody tr.checker-current td.number-cell{background:#111823!important;color:#f8fafc!important}

.upload-customer-picker{position:relative;width:100%;z-index:20}
.upload-customer-button{display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;cursor:pointer!important;height:46px!important;font-weight:750!important;background:var(--panel2)!important}
.upload-customer-button:focus,.upload-customer-button[aria-expanded="true"]{border-color:#718cff!important;box-shadow:0 0 0 3px rgba(85,112,255,.12)!important}
.upload-customer-chevron{font-size:17px;color:var(--muted);line-height:1;transition:transform .15s}.upload-customer-button[aria-expanded="true"] .upload-customer-chevron{transform:rotate(180deg)}
.upload-customer-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:120;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:6px;box-shadow:0 18px 48px rgba(15,23,42,.18);max-height:230px;overflow:auto}
.upload-customer-option{width:100%;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;text-align:left;padding:9px 10px;border-radius:10px;cursor:pointer}.upload-customer-option:hover,.upload-customer-option.selected{background:var(--panel2)}
.customer-option-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#5b8cff,#2563eb);color:#fff;font-weight:900;font-size:11px}.upload-customer-option strong,.upload-customer-option small{display:block}.upload-customer-option strong{font-size:11px}.upload-customer-option small{font-size:9px;color:var(--muted);margin-top:2px}.customer-option-check{opacity:0;color:#2563eb;font-weight:900}.upload-customer-option.selected .customer-option-check{opacity:1}.upload-customer-empty{padding:14px;color:var(--muted);font-size:10px;text-align:center}
#uploadDialog .modal-body,#uploadDialog{overflow:visible!important}[data-theme="dark"] .upload-customer-menu{box-shadow:0 22px 54px rgba(0,0,0,.42)}


/* V8 bulk selection, sorting and export */
.sort-control{min-width:158px;max-width:190px}
.select-no-head,.row-number-select{display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;min-height:26px}
.select-no-head input,.row-number-select input{width:14px;height:14px;margin:0;accent-color:#2563eb;cursor:pointer}
.row-number-select span{min-width:16px;text-align:center}
#accountTable td:first-child,#accountTable th:first-child{background:var(--panel)!important;opacity:1!important;background-clip:padding-box!important}
#accountTable th:first-child{background:var(--panel2)!important}
#accountTable tbody tr.row-selected td{background:rgba(37,99,235,.045)!important}
#accountTable tbody tr.row-selected td:first-child{background:#eef4ff!important}
[data-theme="dark"] #accountTable tbody tr.row-selected td{background:rgba(59,130,246,.07)!important}
[data-theme="dark"] #accountTable tbody tr.row-selected td:first-child{background:#152139!important}

.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;background:linear-gradient(180deg,#f8fbff,#f3f7ff);border-bottom:1px solid #dbe7ff;animation:bulkIn .16s ease}
[data-theme="dark"] .bulk-bar{background:linear-gradient(180deg,#162033,#111a2a);border-bottom-color:#243552}
@keyframes bulkIn{from{opacity:0;transform:translateY(-4px)}}
.bulk-summary,.bulk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bulk-summary strong{font-size:10px}.bulk-count-badge{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:9px;background:#2563eb;color:white;font-size:10px;font-weight:900;box-shadow:0 7px 16px rgba(37,99,235,.22)}
.bulk-link{border:0;background:transparent;color:#2563eb;font-size:9px;font-weight:800;cursor:pointer;padding:5px 6px;border-radius:7px}.bulk-link:hover{background:rgba(37,99,235,.08)}
.bulk-btn{height:34px;padding:0 10px!important;display:inline-flex;align-items:center;gap:6px;background:var(--panel)!important}.bulk-btn .btn-icon{width:23px;height:23px;border-radius:7px;display:grid;place-items:center}.bulk-check .btn-icon{color:#2563eb}.bulk-delete{color:#c83232!important;border-color:#ffd3d3!important;background:#fff8f8!important}.bulk-clear{height:34px;padding:0 10px!important;background:transparent!important;color:var(--muted)!important}
[data-theme="dark"] .bulk-delete{background:rgba(220,38,38,.08)!important;border-color:rgba(248,113,113,.25)!important;color:#ff8d8d!important}

.export-modal-v2{width:min(860px,94vw)}.export-section{margin-bottom:18px}.export-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px}.export-section-title strong{font-size:11px}.export-section-title span{font-size:8.5px;color:var(--muted)}
.export-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.export-source-card{position:relative;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:11px 12px;cursor:pointer;transition:.15s}.export-source-card:hover{border-color:#afc7ff}.export-source-card.active{border-color:#7da4ff;box-shadow:0 0 0 2px rgba(37,99,235,.09);background:rgba(37,99,235,.045)}.export-source-card input{accent-color:#2563eb}.export-source-card strong,.export-source-card small{display:block}.export-source-card strong{font-size:10px}.export-source-card small{font-size:8px;color:var(--muted);margin-top:2px}
.export-presets-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.export-presets-v2 .preset-btn{margin:0;text-align:left;padding:9px 10px}.export-builder-card{border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:12px}.export-builder-card .export-format{margin-bottom:9px;min-height:70px}.token-list-v2{display:flex;gap:6px;flex-wrap:wrap}.token-list-v2 button{border-radius:999px!important;padding:6px 9px!important}.export-options-v2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.compact-export-meta{margin:0!important;grid-template-columns:1fr 1fr!important}.compact-export-meta>div{min-height:52px}.export-preview{border-radius:12px!important}
@media(max-width:850px){.bulk-bar{align-items:flex-start;flex-direction:column}.bulk-actions{width:100%}.sort-control{min-width:135px}.export-source-grid{grid-template-columns:1fr}.export-presets-v2,.export-options-v2{grid-template-columns:1fr}}
@media(max-width:650px){.bulk-actions .btn{flex:1}.sort-control{flex:1;max-width:none}.select-no-head{gap:4px}}


/* V8.1 Paste Text Import */
.paste-top-btn{border-color:rgba(124,58,237,.18)!important}
.paste-modal{width:min(920px,94vw)}
.paste-body{display:grid;gap:14px}
.paste-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.paste-format-row:has(.hidden){grid-template-columns:1fr}
.paste-format-guide{border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:12px 13px;display:grid;gap:10px}
.paste-format-guide>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}
.paste-format-guide strong{font-size:10px}.paste-format-guide span{font-size:9px;color:var(--muted)}
.paste-token-list{display:flex;gap:6px;flex-wrap:wrap}.paste-token-list button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:6px 9px;font-size:9px;cursor:pointer}.paste-token-list button:hover{border-color:rgba(124,58,237,.35);color:#7c3aed}
.paste-text-label{margin:0}.paste-textarea{height:auto!important;min-height:210px!important;padding:12px!important;resize:vertical;line-height:1.55;white-space:pre;overflow:auto}
.paste-summary{display:grid;grid-template-columns:120px 140px minmax(0,1fr);gap:8px}.paste-summary>div{border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:9px 11px}.paste-summary span,.paste-summary strong{display:block}.paste-summary span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.paste-summary strong{font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paste-preview{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}.paste-preview-empty{padding:28px;text-align:center;color:var(--muted);font-size:10px}.paste-preview-row{display:grid;grid-template-columns:34px minmax(0,1fr) 62px;gap:9px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line)}.paste-preview-row:last-child{border-bottom:0}.paste-preview-row.invalid{background:rgba(239,68,68,.035)}.paste-preview-no{width:25px;height:25px;border-radius:8px;background:var(--panel2);display:grid;place-items:center;font-weight:800;font-size:9px}.paste-preview-fields{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.paste-preview-fields span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel2);padding:5px 7px;border-radius:8px;font-size:8.5px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paste-preview-fields b{color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.05em}.paste-preview-ok,.paste-preview-bad{font-size:8px;font-weight:800;padding:5px 7px;border-radius:999px;text-align:center}.paste-preview-ok{color:#0f8a62;background:rgba(16,185,129,.10)}.paste-preview-bad{color:#dc2626;background:rgba(239,68,68,.10)}
@media(max-width:760px){.paste-grid-two{grid-template-columns:1fr}.paste-summary{grid-template-columns:1fr 1fr}.paste-summary>div:last-child{grid-column:1/-1}.paste-format-guide>div:first-child{display:block}.paste-format-guide span{display:block;margin-top:4px}.paste-preview-row{grid-template-columns:30px minmax(0,1fr)}.paste-preview-ok,.paste-preview-bad{grid-column:2}.paste-modal{width:96vw}}


/* V8.2 manual clipboard/TXT mapper */
.import-map-modal{width:min(1060px,96vw)}
.import-top-grid{align-items:end}
.delimiter-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px}.delimiter-custom{min-width:0}
.import-source-card,.mapper-card{border:1px solid var(--line);background:var(--panel2);border-radius:15px;padding:13px;display:grid;gap:12px}
.import-source-head,.mapper-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.import-source-head>div:first-child strong,.import-source-head>div:first-child span,.mapper-head>div:first-child strong,.mapper-head>div:first-child span{display:block}.import-source-head strong,.mapper-head strong{font-size:11px}.import-source-head span,.mapper-head span{font-size:9px;color:var(--muted);margin-top:3px}.import-source-actions,.quick-map-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.import-source-info{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px}.import-source-info:before{content:"";width:6px;height:6px;border-radius:50%;background:#64748b}
.paste-textarea{min-height:180px!important}
.paste-mapper{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.mapper-empty{padding:28px;width:100%;text-align:center;color:var(--muted);font-size:10px;border:1px dashed var(--line);border-radius:12px;background:var(--panel)}
.mapper-column{flex:0 0 210px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:10px;display:grid;gap:8px;box-shadow:0 6px 14px rgba(15,23,42,.04)}.mapper-col-title{display:flex;justify-content:space-between;gap:7px;align-items:center}.mapper-col-title span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.mapper-col-title b{font-size:8px;color:#2563eb;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapper-select{height:36px!important;font-size:10px!important}.mapper-samples{display:grid;gap:4px}.mapper-samples code{font-size:8px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:5px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-map-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:7px 9px;font-size:8.5px;font-weight:750;cursor:pointer}.mini-map-btn:hover{border-color:rgba(37,99,235,.32);color:#2563eb}.muted-map{color:var(--muted)}
.import-summary{grid-template-columns:repeat(4,1fr)!important}.mapping-warning{padding:20px;display:grid;gap:5px;text-align:center}.mapping-warning strong{font-size:11px;color:#dc2626}.mapping-warning span{font-size:9px;color:var(--muted)}
.mapper-preview .paste-preview-fields{max-width:100%}
[data-theme="dark"] .mapper-column{box-shadow:0 8px 18px rgba(0,0,0,.14)}
@media(max-width:760px){.import-source-head,.mapper-head{align-items:flex-start;flex-direction:column}.import-source-actions,.quick-map-actions{justify-content:flex-start}.delimiter-row{grid-template-columns:1fr}.import-summary{grid-template-columns:1fr 1fr!important}.mapper-column{flex-basis:185px}}


/* V8.3 folders / grouping */
.folder-filter{min-width:150px}
.folder-chip{display:inline-flex;align-items:center;gap:6px;max-width:150px;padding:5px 8px;border-radius:9px;font-size:9px;font-weight:800;white-space:nowrap;border:1px solid transparent}
.folder-chip .ui-icon{width:13px;height:13px;flex:0 0 13px}.folder-chip span{overflow:hidden;text-overflow:ellipsis}
.folder-blue{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.folder-green{color:#047857;background:#ecfdf5;border-color:#d1fae5}.folder-violet{color:#6d28d9;background:#f5f3ff;border-color:#ede9fe}.folder-amber{color:#b45309;background:#fffbeb;border-color:#fef3c7}.folder-red{color:#b91c1c;background:#fef2f2;border-color:#fee2e2}.folder-sky{color:#0369a1;background:#f0f9ff;border-color:#e0f2fe}.folder-slate,.folder-unfiled{color:#64748b;background:#f8fafc;border-color:#e2e8f0}
[data-theme="dark"] .folder-blue{color:#93c5fd;background:rgba(37,99,235,.12);border-color:rgba(59,130,246,.22)}[data-theme="dark"] .folder-green{color:#6ee7b7;background:rgba(16,185,129,.11);border-color:rgba(16,185,129,.2)}[data-theme="dark"] .folder-violet{color:#c4b5fd;background:rgba(124,58,237,.12);border-color:rgba(139,92,246,.2)}[data-theme="dark"] .folder-amber{color:#fcd34d;background:rgba(245,158,11,.11);border-color:rgba(245,158,11,.2)}[data-theme="dark"] .folder-red{color:#fca5a5;background:rgba(239,68,68,.11);border-color:rgba(239,68,68,.2)}[data-theme="dark"] .folder-sky{color:#7dd3fc;background:rgba(14,165,233,.11);border-color:rgba(14,165,233,.2)}[data-theme="dark"] .folder-slate,[data-theme="dark"] .folder-unfiled{color:#cbd5e1;background:rgba(148,163,184,.09);border-color:rgba(148,163,184,.16)}
.folder-choice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.folder-new-toggle{height:43px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.folder-new-toggle .ui-icon{width:16px;height:16px}.folder-create-box{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:8px;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.folder-create-box .field-input{margin:0}.folder-color-select{min-width:100px}
.import-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bulk-actions .btn svg{width:15px;height:15px}
#accountTable th[data-col="folder"],#accountTable td[data-col="folder"]{min-width:125px;white-space:nowrap}
@media(max-width:900px){.import-top-grid{grid-template-columns:1fr!important}.folder-create-box{grid-template-columns:1fr}.folder-choice-row{grid-template-columns:1fr}.folder-new-toggle{justify-content:center}}


/* V8.4 independent folder workspaces */
.folder-workspace-btn{background:linear-gradient(145deg,#8b5cf6,#6d28d9 62%,#5b21b6)!important;color:#fff!important;border-color:#7c3aed!important;box-shadow:0 8px 20px rgba(109,40,217,.24)!important;min-height:40px;padding:8px 13px!important}
.folder-workspace-btn:hover{box-shadow:0 11px 26px rgba(109,40,217,.31)!important}.folder-workspace-btn .btn-icon{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}.folder-workspace-btn b{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:9px}
.active-folder-strip{display:flex;align-items:center;gap:11px;margin:-2px 0 12px;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 5px 16px rgba(15,23,42,.045)}
.active-folder-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f5f3ff;color:#7c3aed}.active-folder-icon .ui-icon{width:17px;height:17px}.active-folder-copy{display:grid;gap:2px}.active-folder-copy span{font-size:7px;letter-spacing:.12em;font-weight:800;color:var(--muted)}.active-folder-copy strong{font-size:11px}.active-folder-meta{margin-left:auto;color:var(--muted);font-size:9px;font-weight:700}
[data-theme="dark"] .active-folder-icon{background:rgba(124,58,237,.14);color:#c4b5fd}
.folder-manager-modal{width:min(980px,94vw)}.folder-manager-head-actions{display:flex;align-items:center;gap:8px}.folder-manager-create{display:grid;grid-template-columns:220px minmax(180px,1fr) 120px auto;gap:8px;padding:11px;margin-bottom:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}
.folder-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:62vh;overflow:auto;padding:2px}
.folder-workspace-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--panel);box-shadow:0 8px 22px rgba(15,23,42,.06);transition:.16s}.folder-workspace-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(15,23,42,.10)}.folder-workspace-card.active{border-color:rgba(124,58,237,.45);box-shadow:0 0 0 2px rgba(124,58,237,.08),0 13px 28px rgba(15,23,42,.10)}
.folder-card-head{display:flex;align-items:center;gap:10px}.folder-card-head>div{min-width:0;flex:1}.folder-card-head strong,.folder-card-head small{display:block}.folder-card-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-card-head small{font-size:8px;color:var(--muted);margin-top:2px}.folder-card-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--panel2);color:#7c3aed}.folder-card-icon .ui-icon{width:18px;height:18px}
.folder-delete-btn{width:29px;height:29px;border-radius:9px;border:1px solid #fee2e2;background:#fff7f7;color:#dc2626;display:grid;place-items:center;cursor:pointer}.folder-delete-btn .ui-icon{width:14px;height:14px}[data-theme="dark"] .folder-delete-btn{background:rgba(220,38,38,.09);border-color:rgba(220,38,38,.18);color:#fca5a5}
.folder-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:13px 0}.folder-card-stats span{padding:7px 5px;border-radius:9px;background:var(--panel2);font-size:7px;color:var(--muted);text-align:center}.folder-card-stats b{display:block;color:var(--text);font-size:12px;margin-bottom:2px}.folder-card-stats .live b{color:#0d9f6e}.folder-card-stats .dead b{color:#dc2626}.folder-card-stats .unknown b{color:#d97706}
.folder-open-btn{width:100%;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font-weight:800;font-size:9px;cursor:pointer}.folder-workspace-card.active .folder-open-btn{background:#7c3aed;color:#fff;border-color:#7c3aed}.folder-manager-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:34px;border:1px dashed var(--line);border-radius:14px;font-size:10px}
/* folder identity is the workspace now, so no redundant folder table column */
#accountTable [data-col="folder"]{display:none!important}
@media(max-width:900px){.folder-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-manager-create{grid-template-columns:1fr 1fr}.active-folder-meta{display:none}}
@media(max-width:600px){.folder-workspace-grid{grid-template-columns:1fr}.folder-manager-create{grid-template-columns:1fr}.folder-workspace-btn span:not(.btn-icon){display:inline}.active-folder-strip{margin-bottom:9px}}


/* V8.5 account edit + pagination + compact empty columns */
.rows-control{min-width:135px}
.table-footer{align-items:center;justify-content:space-between!important;gap:12px}
.pagination-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.pagination-controls.hidden{display:none!important}
.page-btn{width:30px;height:30px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;cursor:pointer;font-weight:800}
.page-btn:disabled{opacity:.35;cursor:not-allowed}
#pageInfo{font-size:9px;font-weight:700;color:var(--muted);min-width:72px;text-align:center}
.account-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.edit-cookies{min-height:110px!important;height:auto!important;padding:10px 12px!important;resize:vertical}
.auto-columns-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);background:var(--panel2);padding:12px 13px;border-radius:12px;margin-bottom:12px;cursor:pointer}
.auto-columns-row strong,.auto-columns-row small{display:block}.auto-columns-row strong{font-size:11px}.auto-columns-row small{font-size:9px;color:var(--muted);margin-top:3px}.auto-columns-row input{accent-color:#2563eb;width:16px;height:16px}

/* Always-opaque sticky number column in light and dark themes */
#accountTable th.number-col{background:#f1f5f9!important;opacity:1!important;isolation:isolate}
#accountTable td.number-cell{background:#ffffff!important;opacity:1!important;isolation:isolate}
#accountTable tbody tr:hover td.number-cell,#accountTable tbody tr.row-selected td.number-cell{background:#ffffff!important}
[data-theme="dark"] #accountTable th.number-col{background:#18202d!important}
[data-theme="dark"] #accountTable td.number-cell,[data-theme="dark"] #accountTable tbody tr:hover td.number-cell,[data-theme="dark"] #accountTable tbody tr.row-selected td.number-cell{background:#111722!important}
#accountTable .number-col,#accountTable .number-cell{box-shadow:9px 0 16px -14px rgba(15,23,42,.55)!important}

.row-actions .edit-account-btn{color:#d97706}
.row-actions .edit-account-btn:hover{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}
[data-theme="dark"] .row-actions .edit-account-btn:hover{background:rgba(217,119,6,.12)!important;border-color:rgba(245,158,11,.28)!important}

@media(max-width:900px){.account-edit-grid{grid-template-columns:1fr}.rows-control{min-width:120px}}
@media(max-width:650px){.rows-control{flex:1;min-width:120px}.pagination-controls{width:100%;justify-content:flex-end}.table-footer{flex-wrap:wrap}}


/* V8.6: cleaner toolbar + folder workspace picker */
.active-folder-strip{display:none!important}
#filter2fa,#filterCookies,#densityBtn{display:none!important}

.folder-toolbar-picker{position:relative;flex:0 0 auto}
.folder-workspace-btn{min-width:148px;justify-content:flex-start}
.folder-workspace-btn #folderButtonLabel{
  max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.folder-picker-chevron{margin-left:auto;font-size:15px;line-height:1;opacity:.82}
.folder-workspace-btn[aria-expanded="true"]{
  box-shadow:0 0 0 3px rgba(124,58,237,.13),0 12px 28px rgba(109,40,217,.28)!important
}
.folder-quick-menu{
  position:absolute;right:0;top:calc(100% + 8px);z-index:90;
  width:min(330px,calc(100vw - 34px));max-height:420px;overflow:auto;
  padding:7px;border:1px solid var(--line);border-radius:15px;background:var(--panel);
  box-shadow:0 20px 48px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.65)
}
[data-theme="dark"] .folder-quick-menu{
  box-shadow:0 24px 58px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04)
}
.folder-quick-head{
  padding:7px 9px 8px;color:var(--muted);font-size:8px;
  letter-spacing:.09em;text-transform:uppercase
}
.folder-quick-item{
  width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;
  gap:9px;align-items:center;border:1px solid transparent;border-radius:11px;
  padding:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:.14s
}
.folder-quick-item:hover{background:var(--panel2);border-color:var(--line)}
.folder-quick-item.selected{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.20)}
.folder-quick-icon{
  width:32px;height:32px;border-radius:10px;display:grid;place-items:center;
  background:var(--panel2);color:#64748b
}
.folder-quick-icon .ui-icon{width:16px;height:16px}
.folder-quick-copy{min-width:0}
.folder-quick-copy strong,.folder-quick-copy small{display:block}
.folder-quick-copy strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.folder-quick-copy small{
  margin-top:2px;font-size:8px;color:var(--muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.folder-quick-check{
  display:grid;place-items:center;width:22px;height:22px;border-radius:999px;
  color:#7c3aed;font-weight:900;font-size:11px
}
.folder-quick-item.selected .folder-quick-check{background:rgba(124,58,237,.12)}
.folder-quick-empty{padding:18px 10px;text-align:center;color:var(--muted);font-size:9px}
.folder-quick-footer{padding:7px 2px 1px;border-top:1px solid var(--line);margin-top:4px}
.folder-manage-link{
  width:100%;height:36px;border:0;border-radius:10px;background:transparent;color:var(--text);
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:800
}
.folder-manage-link:hover{background:var(--panel2)}
.folder-manage-link .ui-icon{width:15px;height:15px}

/* Auto-hide is applied immediately after the current folder data is loaded. */
#accountTable [data-col][style*="display: none"]{display:none!important}

.toolbar{gap:8px}
.sort-control{min-width:165px}

@media(max-width:760px){
  .folder-toolbar-picker{order:20}
  .folder-workspace-btn{min-width:130px}
  .folder-workspace-btn #folderButtonLabel{max-width:105px}
  .folder-quick-menu{position:fixed;left:14px;right:14px;top:auto;bottom:14px;width:auto;max-height:58vh}
}


/* V8.7 — clearer icon glyphs without enlarging icon backgrounds */

/* General icon glyph weight/clarity */
.ui-icon{
  stroke-width:2.08!important;
}

/* Sidebar: background tile stays 30px, icon itself gets larger */
.nav-ico .ui-icon{
  width:20px!important;
  height:20px!important;
}

/* Top statistic cards: keep current colored background tile, enlarge only symbol */
.stat-icon .ui-icon{
  width:25px!important;
  height:25px!important;
  stroke-width:2.18!important;
}

/* Standard buttons: keep .btn-icon box as-is */
.btn-icon .ui-icon{
  width:18px!important;
  height:18px!important;
}

/* Search button: container unchanged */
.search-trigger .ui-icon,
.search-icon .ui-icon{
  width:19px!important;
  height:19px!important;
}

/* Header / display / password-eye controls */
.th-icon-btn .ui-icon{
  width:17px!important;
  height:17px!important;
}

/* Row action buttons: button background dimensions unchanged */
.row-actions .ui-icon,
.row-link .ui-icon,
.mini-copy .ui-icon{
  width:17px!important;
  height:17px!important;
}

/* Inline data/action icons */
.icon-inline-btn .ui-icon{
  width:16px!important;
  height:16px!important;
}

/* Checker Account: enlarge scanner symbol only */
.checker-action-btn .btn-icon .ui-icon{
  width:19px!important;
  height:19px!important;
  stroke-width:2.15!important;
}

/* Bulk actions */
.bulk-actions .btn .ui-icon,
.bulk-btn .btn-icon .ui-icon{
  width:18px!important;
  height:18px!important;
}

/* Folder controls */
.folder-workspace-btn .btn-icon .ui-icon{
  width:19px!important;
  height:19px!important;
}
.folder-quick-icon .ui-icon{
  width:20px!important;
  height:20px!important;
}
.folder-manage-link .ui-icon{
  width:18px!important;
  height:18px!important;
}
.folder-card-icon .ui-icon{
  width:21px!important;
  height:21px!important;
}
.folder-delete-btn .ui-icon{
  width:17px!important;
  height:17px!important;
}
.folder-chip .ui-icon{
  width:16px!important;
  height:16px!important;
  flex-basis:16px!important;
}

/* Upload/import/edit/settings icons */
.folder-new-toggle .ui-icon,
.file-item-name .ui-icon,
.settings-row-icon .ui-icon{
  width:18px!important;
  height:18px!important;
}

/* User/logout icon */
.profile-logout .ui-icon{
  width:20px!important;
  height:20px!important;
}

/* Keep layout order visually stable on smaller screens */
@media(max-width:650px){
  .toolbar{
    align-items:center;
  }
  .search-reveal{order:1}
  #sortAccounts{order:2}
  #rowsPerPage{order:3}
  #displayBtn{order:4}
  .toolbar-spacer{order:5}
  .folder-toolbar-picker{order:6}
  #checkVisibleBtn{order:7}
}


/* V8.8 — brighter, clearer icon glyphs. Background/container sizes stay unchanged. */
.nav-ico .ui-icon,
.stat-icon .ui-icon,
.btn-icon .ui-icon,
.search-trigger .ui-icon,
.search-icon .ui-icon,
.settings-row-icon .ui-icon,
.row-actions .ui-icon,
.row-link .ui-icon,
.th-icon-btn .ui-icon,
.profile-logout .ui-icon,
.icon-inline-btn .ui-icon,
.folder-quick-icon .ui-icon{
  opacity:1!important;
  stroke-width:2.28!important;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.18));
}
.stat-icon .ui-icon,
.checker-action-btn .ui-icon,
.folder-workspace-btn .ui-icon{
  color:#fff!important;
  filter:brightness(1.18) drop-shadow(0 1px 1px rgba(0,0,0,.28))!important;
}
[data-theme="dark"] .nav-ico .ui-icon,
[data-theme="dark"] .search-trigger .ui-icon,
[data-theme="dark"] .row-actions .ui-icon,
[data-theme="dark"] .th-icon-btn .ui-icon{
  filter:brightness(1.35) drop-shadow(0 1px 1px rgba(0,0,0,.4))!important;
}

/* Cookie cell: explicit copy + open actions */
.cookie-cell-actions{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.cookie-copy-btn{
  width:29px;height:29px;border:1px solid var(--line);border-radius:9px;background:var(--panel);
  color:#556579;display:grid;place-items:center;cursor:pointer;transition:.14s;
}
.cookie-copy-btn:hover{color:#2563eb;border-color:rgba(37,99,235,.28);background:#f5f8ff;transform:translateY(-1px)}
.cookie-copy-btn .ui-icon{width:16px!important;height:16px!important;stroke-width:2.25!important}
[data-theme="dark"] .cookie-copy-btn:hover{background:rgba(37,99,235,.12)}

/* Cookie open chooser */
.cookie-action-modal{max-width:720px!important}
.cookie-raw-preview{max-height:122px;overflow:auto;white-space:pre-wrap;word-break:break-all}
.isolated-choice-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 0 9px}
.isolated-choice-title strong{font-size:11px}
.isolated-choice-title span{font-size:8px;color:var(--muted)}
.isolated-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.isolated-choice-card{
  border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:14px;padding:12px;
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 7px 18px rgba(15,23,42,.05);transition:.16s;
}
.isolated-choice-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.28);box-shadow:0 12px 26px rgba(15,23,42,.09)}
.isolated-choice-card>span:nth-child(2) strong,.isolated-choice-card>span:nth-child(2) small{display:block}
.isolated-choice-card>span:nth-child(2) strong{font-size:11px}
.isolated-choice-card>span:nth-child(2) small{font-size:8px;color:var(--muted);margin-top:3px}
.isolated-choice-card>b{font-size:8px;color:#2563eb;border:1px solid rgba(37,99,235,.16);background:rgba(37,99,235,.07);padding:5px 8px;border-radius:8px}
.isolated-choice-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff}
.isolated-choice-icon.mobile{background:linear-gradient(145deg,#34d399,#0d9f6e)}
.isolated-choice-icon.desktop{background:linear-gradient(145deg,#60a5fa,#2563eb)}
.isolated-choice-icon .ui-icon{width:22px!important;height:22px!important;stroke-width:2.15!important}
.isolated-security-note{
  display:flex;gap:8px;align-items:flex-start;margin-top:11px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;
  color:var(--muted);background:var(--panel2);font-size:8px;line-height:1.5
}
.isolated-security-note .ui-icon{width:15px;height:15px;flex:0 0 15px;color:#0d9f6e;margin-top:1px}
#copyCookiesBtn{display:inline-flex;align-items:center;gap:7px}
#copyCookiesBtn .ui-icon{width:16px;height:16px}

/* Floating isolated browser */
.isolated-browser-dialog{
  width:min(1180px,96vw);height:min(860px,94vh);padding:0;border:0;border-radius:18px;background:transparent;
  color:var(--text);overflow:visible
}
.isolated-browser-dialog::backdrop{background:rgba(7,10,16,.62);backdrop-filter:blur(5px)}
.isolated-browser-shell{
  width:100%;height:100%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  background:var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.30)
}
.isolated-browser-head{
  min-height:56px;padding:9px 12px 9px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-bottom:1px solid var(--line);background:var(--panel)
}
.isolated-browser-identity{display:flex;align-items:center;gap:10px;min-width:0}
.isolated-browser-identity strong,.isolated-browser-identity small{display:block}
.isolated-browser-identity strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.isolated-browser-identity small{font-size:7px;color:var(--muted);letter-spacing:.08em;margin-top:2px}
.isolated-live-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}
.isolated-browser-head-actions{display:flex;align-items:center;gap:8px}
.isolated-badge{
  display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:rgba(16,185,129,.09);
  color:#0d8f65;font-size:8px;font-weight:800
}
.isolated-badge .ui-icon{width:13px;height:13px}
.isolated-window-btn{width:31px;height:31px;border:0;border-radius:9px;background:var(--panel2);color:var(--muted);cursor:pointer;font-size:18px}
.isolated-window-btn.close:hover{background:#fff0f0;color:#dc2626}
[data-theme="dark"] .isolated-window-btn.close:hover{background:rgba(220,38,38,.12)}

.isolated-browser-toolbar{
  display:flex;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel2)
}
.isolated-browser-tool,.isolated-go-btn{
  height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);cursor:pointer
}
.isolated-browser-tool{width:34px;display:grid;place-items:center}
.isolated-browser-tool:hover,.isolated-go-btn:hover{border-color:rgba(37,99,235,.3);color:#2563eb}
.isolated-browser-tool .ui-icon{width:17px;height:17px}
.isolated-address-wrap{
  flex:1;min-width:0;height:34px;border:1px solid var(--line);background:var(--panel);border-radius:10px;
  display:flex;align-items:center;gap:7px;padding:0 9px
}
.isolated-address-wrap .ui-icon{width:15px;height:15px;color:var(--muted);flex:0 0 15px}
.isolated-address-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:9px}
.isolated-go-btn{padding:0 13px;font-size:9px;font-weight:800}

.isolated-browser-viewport{
  position:relative;flex:1;min-height:280px;display:grid;place-items:center;background:#e9edf3;overflow:hidden;cursor:crosshair
}
[data-theme="dark"] .isolated-browser-viewport{background:#090d14}
#isolatedBrowserFrame{
  width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none
}
.isolated-browser-loading,.isolated-browser-error{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  background:rgba(246,248,251,.88);color:var(--text);z-index:3
}
[data-theme="dark"] .isolated-browser-loading,[data-theme="dark"] .isolated-browser-error{background:rgba(10,15,23,.90)}
.isolated-browser-loading strong{font-size:11px}.isolated-browser-loading small{font-size:8px;color:var(--muted)}
.browser-spinner{width:26px;height:26px;border:3px solid rgba(37,99,235,.15);border-top-color:#2563eb;border-radius:50%;animation:browserSpin .8s linear infinite}
@keyframes browserSpin{to{transform:rotate(360deg)}}
.isolated-browser-error{color:#dc2626;font-size:10px;padding:30px;text-align:center}

.isolated-browser-typebar{
  min-height:47px;padding:7px 10px;border-top:1px solid var(--line);display:flex;align-items:center;gap:6px;background:var(--panel)
}
.typebar-icon{width:30px;height:30px;display:grid;place-items:center;color:#64748b}
.typebar-icon .ui-icon{width:18px;height:18px}
.isolated-browser-typebar input{
  flex:1;min-width:0;height:33px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;padding:0 10px;
  outline:0;font-size:9px
}
.isolated-browser-typebar input:focus{border-color:#7ca2ff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.isolated-browser-typebar button{
  height:33px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:0 10px;cursor:pointer;
  font-size:8px;font-weight:800
}
#isolatedTypeBtn{background:#2563eb;color:#fff;border-color:#2563eb}

.isolated-browser-foot{
  min-height:47px;padding:7px 11px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel2)
}
.isolated-status{display:grid;grid-template-columns:9px auto;column-gap:7px;align-items:center}
.isolated-status>span{width:8px;height:8px;border-radius:50%;background:#10b981;grid-row:1 / span 2}
.isolated-status>span[data-kind="error"]{background:#ef4444}.isolated-status>span[data-kind="busy"]{background:#f59e0b}.isolated-status>span[data-kind="idle"]{background:#94a3b8}
.isolated-status strong{font-size:8px}.isolated-status small{font-size:7px;color:var(--muted);margin-top:1px}
.isolated-end-btn{height:32px;padding:0 11px;border:1px solid #fecaca;background:#fff5f5;color:#c92b2b;border-radius:9px;font-size:8px;font-weight:800;cursor:pointer}
[data-theme="dark"] .isolated-end-btn{border-color:rgba(239,68,68,.22);background:rgba(239,68,68,.08);color:#ff8b8b}

@media(max-width:700px){
  .isolated-choice-grid{grid-template-columns:1fr}
  .isolated-choice-title{display:block}.isolated-choice-title span{display:block;margin-top:4px}
  .isolated-browser-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}
  .isolated-browser-shell{border-radius:0;border-left:0;border-right:0}
  .isolated-badge{display:none}
  .isolated-browser-toolbar{gap:4px;padding:6px}
  .isolated-browser-tool{width:31px;height:31px}
  .isolated-address-wrap{height:31px}.isolated-go-btn{height:31px;padding:0 9px}
  .isolated-browser-typebar{flex-wrap:wrap}
  .isolated-browser-typebar input{flex-basis:calc(100% - 40px)}
  .isolated-status small{display:none}
}


/* V8.9 CDP fast stream */
#isolatedBrowserFrame{
  image-rendering:auto;
  will-change:contents;
}
.isolated-browser-loading{
  transition:opacity .18s ease;
}
.isolated-browser-viewport.stream-ready .isolated-browser-loading{
  opacity:0;
  pointer-events:none;
}

/* V9.0 Local WebView */
.isolated-browser-dialog{display:none!important}
.local-viewer-footer{display:flex;justify-content:space-between;gap:8px;align-items:center}
.viewer-download-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.viewer-download-btn .ui-icon{width:17px!important;height:17px!important}
.isolated-choice-card::after{content:"LOCAL";position:absolute;right:9px;top:8px;font-size:6px;letter-spacing:.09em;font-weight:900;color:#fff;background:#0f172a;padding:3px 5px;border-radius:999px}
.isolated-choice-card{position:relative;overflow:hidden}
[data-theme="dark"] .isolated-choice-card::after{background:#334155}


/* V9.1 Browser Native — no local app / no VPS browser */
.viewer-download-btn{display:none!important}
.browser-native-title{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 9px
}
.browser-native-title>div strong,.browser-native-title>div span{display:block}
.browser-native-title>div strong{font-size:12px}
.browser-native-title>div span{font-size:8px;color:var(--muted);margin-top:3px}
.browser-native-badge{
  display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;
  border:1px solid var(--line);background:var(--panel2);color:var(--muted);
  font-size:7px;font-weight:800;white-space:nowrap
}
.browser-native-badge .ui-icon{width:13px!important;height:13px!important}
.browser-native-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.browser-native-card{
  min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 18px rgba(15,23,42,.05)
}
.browser-native-icon{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 7px 16px rgba(15,23,42,.14)
}
.browser-native-icon.mobile{background:linear-gradient(145deg,#34d399,#0d9f6e)}
.browser-native-icon.desktop{background:linear-gradient(145deg,#60a5fa,#2563eb)}
.browser-native-icon .ui-icon{width:22px!important;height:22px!important;stroke-width:2.2!important}
.browser-native-copy{min-width:0}
.browser-native-copy strong,.browser-native-copy small{display:block}
.browser-native-copy strong{font-size:11px}
.browser-native-copy small{font-size:8px;color:var(--muted);margin-top:3px}
.browser-native-actions{display:flex;flex-direction:column;gap:5px}
.browser-open-btn,.browser-private-btn{
  min-width:60px;height:28px;border-radius:8px;cursor:pointer;font-size:7px;font-weight:850
}
.browser-open-btn{border:1px solid #2563eb;background:#2563eb;color:#fff}
.browser-private-btn{border:1px solid rgba(124,58,237,.22);background:rgba(124,58,237,.08);color:#6d28d9}
[data-theme="dark"] .browser-private-btn{color:#c4b5fd;background:rgba(124,58,237,.12)}
.browser-open-btn:hover,.browser-private-btn:hover{transform:translateY(-1px)}
.browser-private-note{
  display:flex;gap:9px;align-items:flex-start;margin-top:11px;padding:10px 11px;border:1px solid rgba(245,158,11,.22);
  border-radius:12px;background:rgba(245,158,11,.06)
}
.browser-private-note>.ui-icon{width:16px!important;height:16px!important;flex:0 0 16px;color:#d97706;margin-top:1px}
.browser-private-note strong,.browser-private-note span{display:block}
.browser-private-note strong{font-size:9px;color:#b66a08}
.browser-private-note span{font-size:8px;color:var(--muted);line-height:1.5;margin-top:3px}

.private-browser-modal{max-width:520px!important}
.private-browser-guide{display:grid;gap:9px}
.private-browser-step{
  display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:9px;
  border:1px solid var(--line);border-radius:11px;background:var(--panel2)
}
.private-browser-step>b{
  width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#2563eb;color:#fff;font-size:9px
}
.private-browser-step strong,.private-browser-step small{display:block}
.private-browser-step strong{font-size:9px}
.private-browser-step small{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.45}
.private-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:12px}
.private-url-row input{
  min-width:0;height:35px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);
  color:var(--text);padding:0 9px;font-size:8px;outline:0
}

@media(max-width:700px){
  .browser-native-grid{grid-template-columns:1fr}
  .browser-native-title{align-items:flex-start}
}


/* =========================================================
   V9.2 — Cookies Inline
   Full value remains in data-copy; UI only shows ellipsis.
   ========================================================= */
#accountTable th[data-col="cookies"],
#accountTable td[data-col="cookies"]{
  min-width:190px;
  max-width:240px;
}

.cookie-inline-preview{
  display:block;
  width:100%;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer;
  user-select:none;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:8px;
  line-height:1.45;
  color:#5f6f84;
  padding:5px 7px;
  margin:-5px -7px;
  border-radius:8px;
  transition:background .14s ease,color .14s ease,box-shadow .14s ease;
}

.cookie-inline-preview:hover{
  color:#2563eb;
  background:rgba(37,99,235,.07);
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.09);
}

.cookie-inline-preview:active{
  background:rgba(37,99,235,.13);
}

[data-theme="dark"] .cookie-inline-preview{
  color:#aab7c8;
}

[data-theme="dark"] .cookie-inline-preview:hover{
  color:#8fb3ff;
  background:rgba(59,130,246,.11);
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.12);
}

@media(max-width:820px){
  #accountTable th[data-col="cookies"],
  #accountTable td[data-col="cookies"]{
    min-width:165px;
    max-width:190px;
  }
  .cookie-inline-preview{max-width:175px}
}


/* =========================================================
   V9.3 — Uniform click-to-copy hover
   Same visual language across Account / Customer / UUID /
   Password / Phone / 2FA / Cookies / Version / Updated /
   detail values. No layout jump.
   ========================================================= */
.copy-hover{
  position:relative;
  display:inline-block;
  max-width:100%;
  border-radius:8px;
  cursor:pointer!important;
  transition:
    background-color .14s ease,
    box-shadow .14s ease,
    color .14s ease,
    opacity .14s ease!important;
}

/* Use an inset glow instead of transform so table text never shifts. */
.copy-hover:hover{
  background:rgba(37,99,235,.075)!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.105)!important;
}

/* Preserve semantic UUID status colors while still showing the hover surface. */
.uuid-live.copy-hover:hover{color:#0d9f6e!important}
.uuid-dead.copy-hover:hover{color:#dc2626!important}
.uuid-unknown.copy-hover:hover{color:#64748b!important}

/* Normal copyable values gain the same subtle blue cue. */
.copyable-text.copy-hover:hover,
.password-value.copy-hover:hover,
.twofa-secret.copy-hover:hover,
.detail-copy.copy-hover:hover{
  color:#2563eb!important;
}

/* A little breathing room without changing column geometry. */
#accountTable .copy-hover,
#customerTable .copy-hover,
.detail-copy.copy-hover{
  padding:4px 6px;
  margin:-4px -6px;
}

/* Cookies already have their own compact width; keep that exact behavior. */
.cookie-inline-preview.copy-hover{
  padding:5px 7px!important;
  margin:-5px -7px!important;
}

/* Existing chip shape stays intact; only hover becomes consistent. */
.copyable-chip.copy-hover,
.customer-pill.copy-hover{
  margin:0!important;
}

.copyable-chip.copy-hover:hover,
.customer-pill.copy-hover:hover{
  background:rgba(37,99,235,.075)!important;
  border-color:rgba(37,99,235,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)!important;
}

/* Click feedback for every text-copy target. */
.copy-hover:active{
  background:rgba(37,99,235,.13)!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.16)!important;
}

/* Remove the old translate hover from text-copy targets only. */
.copy-hover:hover{
  transform:none!important;
}

[data-theme="dark"] .copy-hover:hover{
  background:rgba(96,165,250,.105)!important;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.14)!important;
}

[data-theme="dark"] .copyable-text.copy-hover:hover,
[data-theme="dark"] .password-value.copy-hover:hover,
[data-theme="dark"] .twofa-secret.copy-hover:hover,
[data-theme="dark"] .detail-copy.copy-hover:hover{
  color:#8fb3ff!important;
}

[data-theme="dark"] .uuid-live.copy-hover:hover{color:#5ee0a5!important}
[data-theme="dark"] .uuid-dead.copy-hover:hover{color:#ff8585!important}
[data-theme="dark"] .uuid-unknown.copy-hover:hover{color:#a9b4c3!important}

/* Keyboard users get the same copy affordance when focusable controls are used. */
button[data-copy]:focus-visible,
.mini-copy:focus-visible{
  outline:2px solid rgba(37,99,235,.38);
  outline-offset:2px;
}


/* =========================================================
   V9.4 — Mobile Polish
   Cleaner, wider, more table-focused mobile layout
   ========================================================= */
@media(max-width:650px){
  main{
    padding:10px 8px 16px!important;
  }

  .page-section{
    gap:10px!important;
  }

  .sidebar{
    padding:8px 10px!important;
    gap:10px!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .brand{
    min-width:auto!important;
    gap:8px!important;
  }

  .brand-mark,
  .mini-avatar{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
  }

  .nav{
    gap:8px!important;
    margin-left:auto!important;
  }

  .nav-item{
    min-width:40px!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
    border-radius:12px!important;
    flex:0 0 40px!important;
  }

  .nav-item .ico .ui-icon,
  .profile-logout .ui-icon{
    width:19px!important;
    height:19px!important;
    stroke-width:2.15!important;
  }

  .bottom-profile{
    margin-left:6px!important;
    gap:8px!important;
  }

  .profile-logout{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }

  .topbar{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    margin-bottom:0!important;
  }

  .topbar h1{
    margin:0!important;
    font-size:17px!important;
    letter-spacing:-.03em!important;
  }

  .top-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow:auto!important;
    gap:8px!important;
    padding-bottom:2px!important;
    scrollbar-width:none;
  }
  .top-actions::-webkit-scrollbar{display:none}

  .top-actions .btn,
  .top-actions .control{
    flex:0 0 auto!important;
    min-height:40px!important;
  }

  .top-actions .btn{
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:11px!important;
    font-weight:800!important;
  }

  .stats-grid,
  .stats-grid.stats-3{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .stat-card{
    min-height:92px!important;
    padding:14px 12px!important;
    border-radius:18px!important;
  }

  .stat-icon{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }

  .stat-icon .ui-icon{
    width:22px!important;
    height:22px!important;
    stroke-width:2.2!important;
  }

  .stat-copy span{
    font-size:10px!important;
  }

  .stat-copy strong{
    font-size:18px!important;
    line-height:1!important;
    margin-top:4px!important;
  }

  .toolbar{
    padding:10px!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    border-bottom:0!important;
  }

  .toolbar > *{
    min-width:0!important;
  }

  #searchToggle,
  .search-reveal,
  .sort-control,
  .rows-control,
  #displayBtn{
    flex:1 1 calc(50% - 4px)!important;
    max-width:none!important;
  }

  #searchToggle{
    max-width:50px!important;
    flex:0 0 50px!important;
  }

  #displayBtn{
    justify-content:center!important;
  }

  .toolbar-spacer{
    display:none!important;
  }

  #folderToolbarPicker,
  #checkVisibleBtn{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:none!important;
  }

  #foldersBtn,
  #checkVisibleBtn{
    width:100%!important;
    min-height:44px!important;
    justify-content:center!important;
    border-radius:14px!important;
    font-size:11px!important;
    font-weight:800!important;
  }

  .active-folder-strip{
    margin:0 0 2px!important;
    padding:10px 12px!important;
    border-radius:16px!important;
  }

  .active-folder-icon{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
  }

  .active-folder-copy strong{
    font-size:10px!important;
  }

  .active-folder-copy span,
  .active-folder-meta{
    font-size:9px!important;
  }

  .table-card{
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .table-wrap{
    max-height:none!important;
    min-height:340px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  #accountTable,
  #customerTable,
  #activityTable{
    min-width:640px!important;
  }

  #accountTable th,
  #accountTable td,
  #customerTable th,
  #customerTable td,
  #activityTable th,
  #activityTable td{
    padding-left:10px!important;
    padding-right:10px!important;
    white-space:nowrap!important;
  }

  #accountTable td:first-child,
  #accountTable th:first-child{
    padding-left:8px!important;
  }

  .num-pill{
    min-width:30px!important;
    height:30px!important;
    border-radius:10px!important;
    font-size:11px!important;
    font-weight:900!important;
    background:linear-gradient(180deg,#ffffff,#eef3f8)!important;
    box-shadow:0 6px 16px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.7)!important;
  }

  .account-cell{
    gap:9px!important;
  }

  .avatar{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
  }

  .account-meta strong{
    font-size:11px!important;
  }

  .row-actions{
    gap:6px!important;
  }

  .row-actions .action-btn{
    width:31px!important;
    height:31px!important;
    border-radius:10px!important;
  }

  .pagination-bar{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:10px!important;
  }

  .pagination-right{
    justify-content:space-between!important;
    width:100%!important;
  }

  .display-menu,
  .folder-quick-menu{
    width:min(92vw,420px)!important;
    right:0!important;
    left:auto!important;
  }

  .modal{
    width:min(96vw,560px)!important;
    max-height:92dvh!important;
    border-radius:18px!important;
  }

  .modal-body{
    padding:14px!important;
  }
}

@media(max-width:430px){
  main{
    padding:8px 6px 14px!important;
  }

  .stats-grid,
  .stats-grid.stats-3{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .stat-card{
    min-height:86px!important;
    padding:12px 10px!important;
  }

  .stat-copy strong{
    font-size:17px!important;
  }

  .toolbar{
    padding:8px!important;
    gap:7px!important;
  }

  #searchToggle,
  .search-reveal,
  .sort-control,
  .rows-control,
  #displayBtn{
    flex:1 1 100%!important;
  }

  #searchToggle{
    flex:0 0 48px!important;
  }

  .top-actions .btn{
    min-height:38px!important;
    padding:0 11px!important;
  }

  #accountTable,
  #customerTable,
  #activityTable{
    min-width:600px!important;
  }
}

[data-theme="dark"] .num-pill{
  background:linear-gradient(180deg,#18202b,#111823)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06)!important;
}


/* =========================================================
   V9.5 — Mobile Table Focus
   Mobile redesign with a cleaner hierarchy and table-first layout
   ========================================================= */
@media(max-width:650px){
  .sidebar{
    padding:8px 10px!important;
    gap:8px!important;
  }

  main{
    padding:8px 6px 14px!important;
  }

  .page-section{
    max-width:none!important;
  }

  .topbar{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-bottom:10px!important;
  }

  .topbar > div:first-child{
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .topbar h1{
    font-size:14px!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .top-actions{
    flex:0 0 auto!important;
    gap:6px!important;
    overflow:auto!important;
    padding:0!important;
    scrollbar-width:none;
    max-width:64vw!important;
  }
  .top-actions::-webkit-scrollbar{display:none}

  .top-actions .control{
    min-width:132px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    font-size:10px!important;
  }

  .top-actions .btn{
    min-width:auto!important;
    height:36px!important;
    padding:0 11px!important;
    border-radius:11px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }

  .top-actions .btn .btn-icon{
    width:22px!important;
    height:22px!important;
    margin-right:6px!important;
  }

  /* Keep the stats visible but compact and non-blocking */
  .stats-grid,
  .stats-grid.stats-3{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(135px,1fr)!important;
    grid-template-columns:none!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding:1px 1px 3px!important;
    margin-bottom:9px!important;
    scrollbar-width:none;
  }
  .stats-grid::-webkit-scrollbar{display:none}

  .stat-card{
    min-height:72px!important;
    padding:10px 11px!important;
    border-radius:16px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
  }

  .stat-icon{
    width:40px!important;
    height:40px!important;
    border-radius:13px!important;
    align-self:center!important;
  }

  .stat-icon .ui-icon{
    width:20px!important;
    height:20px!important;
  }

  .stat-copy{
    min-width:0!important;
  }

  .stat-copy span{
    font-size:9px!important;
    line-height:1!important;
  }

  .stat-copy strong{
    font-size:17px!important;
    line-height:1!important;
    margin-top:4px!important;
  }

  .stat-copy small{
    display:none!important;
  }

  /* Table-first workspace strip */
  .active-folder-strip{
    margin:0 0 8px!important;
    padding:8px 11px!important;
    border-radius:14px!important;
    box-shadow:0 4px 12px rgba(15,23,42,.05)!important;
  }

  .active-folder-icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
  }

  .active-folder-copy span{
    font-size:8px!important;
  }

  .active-folder-copy strong{
    font-size:10px!important;
  }

  .active-folder-meta{
    font-size:8px!important;
  }

  /* Compact control bar directly above table */
  .toolbar{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    align-items:stretch!important;
    border-bottom:0!important;
  }

  #searchToggle{
    grid-column:1 / 2!important;
    width:44px!important;
    min-width:44px!important;
    height:40px!important;
    padding:0!important;
    border-radius:12px!important;
    justify-self:start!important;
  }

  .search-reveal{
    grid-column:2 / 4!important;
    width:100%!important;
    margin:0!important;
  }

  .search-reveal .searchbox{
    min-width:0!important;
  }

  .search-reveal .searchbox input{
    height:40px!important;
    font-size:11px!important;
  }

  .sort-control{
    grid-column:1 / 3!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    font-size:10px!important;
    border-radius:12px!important;
  }

  .rows-control{
    grid-column:3 / 4!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    font-size:10px!important;
    border-radius:12px!important;
  }

  #displayBtn{
    grid-column:1 / 2!important;
    width:44px!important;
    min-width:44px!important;
    height:40px!important;
    padding:0!important;
    border-radius:12px!important;
    justify-content:center!important;
  }

  #displayBtn span:last-child{
    display:none!important;
  }

  #folderToolbarPicker{
    grid-column:2 / 4!important;
    width:100%!important;
    min-width:0!important;
  }

  #foldersBtn{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    justify-content:space-between!important;
    font-size:10px!important;
  }

  #checkVisibleBtn{
    grid-column:1 / 4!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:11px!important;
    font-weight:850!important;
    justify-content:center!important;
  }

  /* Make the table the hero section */
  .table-card{
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
  }

  .table-wrap{
    min-height:52dvh!important;
    max-height:none!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    background:var(--panel)!important;
  }

  #accountTable,
  #customerTable,
  #activityTable{
    min-width:720px!important;
    font-size:10px!important;
  }

  #accountTable th,
  #accountTable td,
  #customerTable th,
  #customerTable td,
  #activityTable th,
  #activityTable td{
    padding:9px 8px!important;
  }

  #accountTable th,
  #customerTable th,
  #activityTable th{
    font-size:8px!important;
  }

  .checkbox-cell{
    width:34px!important;
  }

  .num-pill{
    min-width:30px!important;
    height:30px!important;
    border-radius:10px!important;
    font-size:11px!important;
    background:linear-gradient(180deg,#ffffff,#edf2f7)!important;
    border:1px solid rgba(148,163,184,.26)!important;
    box-shadow:0 4px 10px rgba(15,23,42,.08)!important;
  }

  .account-cell{
    min-width:170px!important;
    gap:8px!important;
  }

  .avatar{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    flex:0 0 34px!important;
  }

  .account-meta strong{
    font-size:10px!important;
  }

  .status-badge{
    height:20px!important;
    padding:0 7px!important;
    font-size:8px!important;
  }

  .row-actions{
    gap:5px!important;
    flex-wrap:nowrap!important;
  }

  .row-actions .action-btn{
    width:29px!important;
    height:29px!important;
    border-radius:10px!important;
  }

  .pagination-bar{
    padding:9px 10px!important;
    gap:7px!important;
  }

  .pagination-left,
  .pagination-right{
    width:100%!important;
    justify-content:space-between!important;
  }

  .display-menu,
  .folder-quick-menu{
    width:min(92vw,420px)!important;
    right:0!important;
    left:auto!important;
  }

  .bulk-bar{
    padding:10px!important;
    gap:8px!important;
  }
}

@media(max-width:430px){
  .top-actions{
    max-width:62vw!important;
  }

  .stats-grid,
  .stats-grid.stats-3{
    grid-auto-columns:minmax(128px,1fr)!important;
  }

  .toolbar{
    grid-template-columns:42px minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
  }

  #searchToggle,
  #displayBtn{
    width:42px!important;
    min-width:42px!important;
    height:38px!important;
  }

  .sort-control,
  .rows-control,
  #foldersBtn{
    height:38px!important;
  }

  #checkVisibleBtn{
    height:40px!important;
  }

  #accountTable,
  #customerTable,
  #activityTable{
    min-width:690px!important;
  }

  .table-wrap{
    min-height:50dvh!important;
  }
}

[data-theme="dark"] .table-card{
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}

[data-theme="dark"] .num-pill{
  background:linear-gradient(180deg,#1a2430,#101923)!important;
  border-color:rgba(148,163,184,.16)!important;
  box-shadow:0 6px 14px rgba(0,0,0,.28)!important;
}


/* =========================================================
   V9.6 — Mobile Menu + Table Priority
   Cleaner mobile hierarchy with table-focused layout
   ========================================================= */
.hidden-desktop{display:none}
.mobile-page-menu-wrap{display:none;position:relative}
.mobile-page-menu-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(88vw,280px);padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 18px 40px rgba(15,23,42,.14);z-index:60}
.mobile-page-menu-head{font-size:11px;font-weight:850;letter-spacing:.02em;margin-bottom:8px}
.mobile-page-menu-group{display:grid;gap:6px;margin-bottom:8px}.mobile-page-menu-group label{font-size:10px;color:var(--muted);font-weight:700}
.mobile-page-menu-item{width:100%;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:13px;padding:10px 12px;margin-top:8px;cursor:pointer;font-weight:750;font-size:11px;text-align:left}
.mobile-page-menu-item .ui-icon{width:16px;height:16px}
.mobile-page-menu-item:hover{transform:translateY(-1px)}

@media(max-width:650px){
  .hidden-desktop{display:block}
  .topbar{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:8px!important}
  .topbar > div:first-child{flex:1 1 auto!important;min-width:0!important}
  .topbar h1{font-size:13px!important;line-height:1.05!important;letter-spacing:-.02em!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .topbar .top-actions{display:none!important}
  .mobile-page-menu-wrap{display:block!important;flex:0 0 auto!important}
  .mobile-page-menu-btn{height:36px!important;padding:0 12px!important;border-radius:12px!important;font-size:10px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important}
  .mobile-page-menu-btn .btn-icon{width:22px!important;height:22px!important}

  /* mobile nav: remove redundant current-page shortcut next to settings */
  .sidebar nav .nav-item.active{display:none!important}

  /* summary cards: no icons, no horizontal scroll */
  .stats-grid,.stats-grid.stats-3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;grid-auto-flow:initial!important;grid-auto-columns:initial!important;margin-bottom:8px!important;padding:0!important}
  .stat-card{min-height:62px!important;padding:10px 12px!important;border-radius:16px!important;display:block!important}
  .stat-card .stat-icon{display:none!important}
  .stat-copy span{font-size:9px!important;line-height:1!important}
  .stat-copy strong{font-size:18px!important;line-height:1!important;margin-top:6px!important}
  .stat-copy small{display:none!important}

  /* make the table area the hero section */
  .workspace-card{border-radius:18px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important}
  .toolbar{display:grid!important;grid-template-columns:46px minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;padding:8px!important;align-items:center!important;border-bottom:0!important}
  #accountsSearchWrap{grid-column:1 / 2!important;min-width:46px!important;width:46px!important;position:relative!important}
  #accountsSearchWrap.search-reveal.open{grid-column:1 / -1!important;display:flex!important;min-width:100%!important;width:100%!important}
  #accountsSearchWrap.search-reveal.open .search-panel{width:100%!important}
  #accountsSearchWrap .search-trigger{width:46px!important;height:40px!important;border-radius:12px!important}
  #folderToolbarPicker{grid-column:2 / 3!important;width:100%!important;min-width:0!important}
  #foldersBtn{width:100%!important;height:40px!important;padding:0 12px!important;border-radius:12px!important;justify-content:space-between!important;font-size:10px!important;font-weight:800!important}
  #checkVisibleBtn{grid-column:3 / 4!important;width:100%!important;min-width:0!important;height:40px!important;padding:0 12px!important;border-radius:12px!important;font-size:10px!important;font-weight:850!important;justify-content:center!important;box-shadow:0 10px 20px rgba(37,99,235,.22)!important}
  #checkVisibleBtn .btn-icon{width:22px!important;height:22px!important}
  #displayBtn,.sort-control,.rows-control,.toolbar-spacer{display:none!important}

  .table-card{border-radius:18px!important;box-shadow:none!important}
  .table-wrap{min-height:58dvh!important;max-height:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;background:var(--panel)!important}
  #accountTable,#customerTable,#activityTable{min-width:700px!important;font-size:10px!important}
  #accountTable th,#accountTable td,#customerTable th,#customerTable td,#activityTable th,#activityTable td{padding:9px 8px!important}
  #accountTable th,#customerTable th,#activityTable th{font-size:8px!important}
  .num-pill{min-width:30px!important;height:30px!important;border-radius:10px!important;font-size:11px!important;background:linear-gradient(180deg,#ffffff,#edf2f7)!important;border:1px solid rgba(148,163,184,.26)!important;box-shadow:0 4px 10px rgba(15,23,42,.08)!important}
  .account-cell{min-width:170px!important;gap:8px!important}
  .avatar{width:34px!important;height:34px!important;border-radius:11px!important;flex:0 0 34px!important}
  .status-badge{height:20px!important;padding:0 7px!important;font-size:8px!important}
  .row-actions .action-btn{width:29px!important;height:29px!important;border-radius:10px!important}
  .pagination-bar{padding:9px 10px!important;gap:7px!important}

  .bulk-bar{padding:10px!important;gap:8px!important}
}

@media(max-width:430px){
  .toolbar{grid-template-columns:44px minmax(0,1fr)!important;grid-auto-rows:minmax(40px,auto)!important}
  #accountsSearchWrap{grid-column:1 / 2!important}
  #folderToolbarPicker{grid-column:2 / 3!important}
  #checkVisibleBtn{grid-column:1 / 3!important;height:42px!important}
  #accountTable,#customerTable,#activityTable{min-width:680px!important}
  .table-wrap{min-height:56dvh!important}
}

[data-theme="dark"] .mobile-page-menu-panel{box-shadow:0 22px 48px rgba(0,0,0,.34)!important}
[data-theme="dark"] .num-pill{background:linear-gradient(180deg,#1a2430,#101923)!important;border-color:rgba(148,163,184,.16)!important;box-shadow:0 6px 14px rgba(0,0,0,.28)!important}


/* =========================================================
   V9.7 — Mobile Stats + Checker Alignment
   - one-line colored stat cards
   - search/folder/checker aligned in one row
   - centered folder menu on mobile
   ========================================================= */
@media(max-width:650px){
  /* colored stat cards in one single row */
  .stats-grid,
  .stats-grid.stats-3{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    margin-bottom:8px!important;
    padding:0!important;
  }
  .stat-card{
    min-height:60px!important;
    padding:9px 10px!important;
    border-radius:16px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
    border:1px solid rgba(148,163,184,.18)!important;
    overflow:hidden!important;
  }
  .stat-card .stat-copy{width:100%!important}
  .stat-card .stat-copy span{
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
  }
  .stat-card .stat-copy strong{
    font-size:17px!important;
    margin-top:6px!important;
    line-height:1!important;
  }
  .stat-card[data-status-filter="all"]{
    background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(59,130,246,.05) 70%,rgba(255,255,255,.03))!important;
    border-color:rgba(59,130,246,.30)!important;
  }
  .stat-card[data-status-filter="all"] .stat-copy span,
  .stat-card[data-status-filter="all"] .stat-copy strong{color:#dbeafe!important}
  .stat-card[data-status-filter="live"]{
    background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(52,211,153,.05) 70%,rgba(255,255,255,.03))!important;
    border-color:rgba(16,185,129,.32)!important;
  }
  .stat-card[data-status-filter="live"] .stat-copy span,
  .stat-card[data-status-filter="live"] .stat-copy strong{color:#d1fae5!important}
  .stat-card[data-status-filter="dead"]{
    background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(248,113,113,.05) 70%,rgba(255,255,255,.03))!important;
    border-color:rgba(239,68,68,.30)!important;
  }
  .stat-card[data-status-filter="dead"] .stat-copy span,
  .stat-card[data-status-filter="dead"] .stat-copy strong{color:#fee2e2!important}
  .stat-card[data-status-filter="unknown"]{
    background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(251,191,36,.05) 70%,rgba(255,255,255,.03))!important;
    border-color:rgba(245,158,11,.30)!important;
  }
  .stat-card[data-status-filter="unknown"] .stat-copy span,
  .stat-card[data-status-filter="unknown"] .stat-copy strong{color:#fef3c7!important}
  .stat-card.active{
    box-shadow:0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(15,23,42,.14)!important;
    transform:none!important;
  }

  /* compact header/menu area */
  .topbar{
    margin-bottom:8px!important;
  }

  /* align search + folder + checker in one row */
  .toolbar{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    align-items:center!important;
  }
  #accountsSearchWrap{grid-column:1 / 2!important; width:46px!important; min-width:46px!important}
  #accountsSearchWrap .search-trigger{width:46px!important;height:40px!important;border-radius:12px!important}
  #accountsSearchWrap.search-reveal.open{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:100%!important;
  }
  #accountsSearchWrap.search-reveal.open .search-panel{width:100%!important}
  #folderToolbarPicker{grid-column:2 / 3!important; width:100%!important; min-width:0!important}
  #foldersBtn{
    width:100%!important;
    height:40px!important;
    min-width:0!important;
    padding:0 12px!important;
    border-radius:12px!important;
    justify-content:space-between!important;
    font-size:10px!important;
    font-weight:800!important;
  }
  #checkVisibleBtn{
    grid-column:3 / 4!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:10px!important;
    font-weight:850!important;
    justify-content:center!important;
  }
  #displayBtn,.sort-control,.rows-control,.toolbar-spacer{display:none!important}

  /* center the folder menu */
  #folderToolbarPicker{position:relative!important}
  #folderQuickMenu,
  .folder-quick-menu{
    right:auto!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    top:calc(100% + 10px)!important;
    width:min(90vw,360px)!important;
    max-width:360px!important;
    z-index:90!important;
  }

  /* keep table as main content */
  .table-wrap{min-height:58dvh!important}
}

@media(max-width:430px){
  .stats-grid,
  .stats-grid.stats-3{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .stat-card{
    min-height:56px!important;
    padding:8px 8px!important;
    border-radius:14px!important;
  }
  .stat-card .stat-copy span{font-size:7px!important}
  .stat-card .stat-copy strong{font-size:15px!important;margin-top:5px!important}

  .toolbar{
    grid-template-columns:44px minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
  }
  #accountsSearchWrap{width:44px!important;min-width:44px!important}
  #accountsSearchWrap .search-trigger,
  #foldersBtn,
  #checkVisibleBtn{height:38px!important}
  #checkVisibleBtn{font-size:9px!important}
  #folderQuickMenu,
  .folder-quick-menu{
    width:min(92vw,340px)!important;
    max-width:340px!important;
  }
}

/* light theme: keep colored stats visible */
[data-theme="light"] .stat-card[data-status-filter="all"] .stat-copy span,
[data-theme="light"] .stat-card[data-status-filter="all"] .stat-copy strong{color:#1d4ed8!important}
[data-theme="light"] .stat-card[data-status-filter="live"] .stat-copy span,
[data-theme="light"] .stat-card[data-status-filter="live"] .stat-copy strong{color:#047857!important}
[data-theme="light"] .stat-card[data-status-filter="dead"] .stat-copy span,
[data-theme="light"] .stat-card[data-status-filter="dead"] .stat-copy strong{color:#b91c1c!important}
[data-theme="light"] .stat-card[data-status-filter="unknown"] .stat-copy span,
[data-theme="light"] .stat-card[data-status-filter="unknown"] .stat-copy strong{color:#b45309!important}


/* =========================================================
   V9.8 — Mobile Topbar Fix
   ========================================================= */
@media(max-width:650px){
  main{padding-top:6px!important}
  .topbar{display:none!important}
  #accountsTitle{display:none!important}

  /* top mobile nav row */
  .sidebar{overflow:visible!important}
  .sidebar nav{
    display:grid!important;
    grid-template-columns:40px 40px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
  }
  .sidebar nav .nav-item.active,
  .sidebar nav .nav-item.owner-only{display:none!important}
  #settingsBtn{
    display:grid!important;
    grid-column:2!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:0!important;
    border-radius:12px!important;
    place-items:center!important;
    background:var(--panel2)!important;
    border:1px solid var(--line)!important;
  }
  #settingsBtn span:not(.ico),
  #settingsBtn b{display:none!important}
  #settingsBtn .ico{width:18px!important;height:18px!important;display:grid!important;place-items:center!important}
  #settingsBtn .ui-icon{width:18px!important;height:18px!important}

  #mobileAccountMenuWrap{
    display:block!important;
    grid-column:1!important;
    position:relative!important;
  }
  #mobileAccountMenuBtn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:0!important;
    border-radius:12px!important;
    justify-content:center!important;
    gap:0!important;
    background:var(--panel2)!important;
    border:1px solid var(--line)!important;
    box-shadow:none!important;
  }
  #mobileAccountMenuBtn span:last-child{display:none!important}
  #mobileAccountMenuBtn .btn-icon{width:20px!important;height:20px!important;margin:0!important}
  #mobileAccountMenuBtn .ui-icon{width:18px!important;height:18px!important}

  #folderToolbarPicker{
    display:block!important;
    grid-column:3!important;
    width:100%!important;
    min-width:0!important;
    position:relative!important;
  }
  #foldersBtn{
    width:100%!important;
    height:40px!important;
    min-width:0!important;
    padding:0 12px!important;
    border-radius:12px!important;
    justify-content:space-between!important;
    font-size:10px!important;
    font-weight:800!important;
    box-shadow:0 8px 18px rgba(124,58,237,.18)!important;
  }

  /* center folder chooser on screen */
  #folderQuickMenu,
  .folder-quick-menu{
    position:fixed!important;
    top:112px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(90vw,360px)!important;
    max-width:360px!important;
    z-index:120!important;
  }

  /* compact stats and keep one line */
  .stats-grid,.stats-grid.stats-3{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    margin-bottom:8px!important;
  }
  .stat-card{
    min-height:54px!important;
    padding:8px 8px!important;
    border-radius:14px!important;
  }
  .stat-card .stat-copy span{font-size:7px!important}
  .stat-card .stat-copy strong{font-size:15px!important;margin-top:5px!important}

  /* simplified mobile toolbar: search + checker only */
  .toolbar{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    align-items:center!important;
  }
  #accountsSearchWrap{grid-column:1!important;width:46px!important;min-width:46px!important;position:relative!important}
  #accountsSearchWrap .search-trigger{width:46px!important;height:40px!important;border-radius:12px!important}
  #accountsSearchWrap.search-reveal.open{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:100%!important;
  }
  #accountsSearchWrap.search-reveal.open .search-panel{width:100%!important}
  #accountsSearchWrap.search-reveal.open ~ #checkVisibleBtn{display:none!important}

  #checkVisibleBtn{
    display:flex!important;
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:10px!important;
    font-weight:850!important;
    justify-content:center!important;
    box-shadow:0 8px 18px rgba(37,99,235,.22)!important;
  }
  #checkVisibleBtn .btn-icon{width:20px!important;height:20px!important}
  #folderToolbarPicker .folder-workspace-btn .btn-icon{width:20px!important;height:20px!important}

  #displayBtn,.sort-control,.rows-control,.toolbar-spacer{display:none!important}

  .table-wrap{min-height:60dvh!important}
}

@media(max-width:430px){
  #folderQuickMenu,.folder-quick-menu{top:108px!important;width:min(92vw,340px)!important;max-width:340px!important}
  .toolbar{grid-template-columns:44px minmax(0,1fr)!important;gap:7px!important;padding:7px!important}
  #accountsSearchWrap{width:44px!important;min-width:44px!important}
  #accountsSearchWrap .search-trigger,
  #checkVisibleBtn{height:38px!important}
  #checkVisibleBtn{font-size:9px!important}
  .stats-grid,.stats-grid.stats-3{gap:5px!important}
  .stat-card{padding:7px 7px!important}
  .stat-card .stat-copy strong{font-size:14px!important}
}


/* =========================================================
   V9.9 — Mobile Nav + Folder + Favicon Fix
   ========================================================= */
.mobile-top-controls{display:none}

@media(max-width:650px){
  .topbar{display:none!important}
  #accountsTitle{display:none!important}

  .sidebar{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 10px!important;
    overflow:visible!important;
  }
  .brand{display:none!important}

  .mobile-top-controls{
    display:grid!important;
    grid-template-columns:40px 40px minmax(120px,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .sidebar nav{
    display:block!important;
    flex:0 0 40px!important;
    overflow:visible!important;
  }
  .sidebar nav .nav-item{display:none!important}
  #settingsBtn{
    display:grid!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:0!important;
    place-items:center!important;
    border-radius:12px!important;
    background:var(--panel2)!important;
    border:1px solid var(--line)!important;
  }
  #settingsBtn span:not(.ico),#settingsBtn b{display:none!important}
  #settingsBtn .ico{width:18px!important;height:18px!important;display:grid!important;place-items:center!important}
  #settingsBtn .ui-icon{width:18px!important;height:18px!important}

  #mobileAccountMenuWrap{
    display:block!important;
    grid-column:1!important;
    position:relative!important;
  }
  #mobileAccountMenuBtn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:0!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    background:var(--panel2)!important;
    border:1px solid var(--line)!important;
    color:#8ea2bd!important;
    box-shadow:none!important;
  }
  #mobileAccountMenuBtn .mobile-menu-text{display:none!important}
  #mobileAccountMenuBtn .mobile-menu-glyph{
    width:19px!important;
    height:19px!important;
    stroke-width:2.2!important;
    color:#9fb1c9!important;
    filter:none!important;
  }
  #mobileAccountMenu{
    position:fixed!important;
    top:116px!important;
    left:14px!important;
    right:auto!important;
    width:min(88vw,300px)!important;
    z-index:140!important;
  }

  .mobile-folder-top-btn{
    grid-column:3!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    padding:0 12px!important;
    border:1px solid #7c3aed!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;
    color:#fff!important;
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr) 14px!important;
    align-items:center!important;
    gap:8px!important;
    text-align:left!important;
    font-size:10px!important;
    font-weight:850!important;
    cursor:pointer!important;
    box-shadow:0 8px 18px rgba(109,40,217,.22)!important;
  }
  .mobile-folder-top-btn .ui-icon{width:18px!important;height:18px!important;stroke-width:2.15!important}
  #mobileFolderButtonLabel{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .mobile-folder-chevron{text-align:right!important;font-size:14px!important;opacity:.9!important}

  /* old desktop folder picker stays in table toolbar but is hidden on mobile */
  #folderToolbarPicker{display:none!important}

  .bottom-profile{
    display:flex!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    gap:6px!important;
  }
  .bottom-profile .mini-avatar{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important}
  .profile-logout{width:38px!important;height:38px!important;border-radius:12px!important}

  /* toolbar = search + compact checker */
  .toolbar{
    display:grid!important;
    grid-template-columns:44px 108px!important;
    justify-content:start!important;
    gap:8px!important;
    padding:8px!important;
    align-items:center!important;
  }
  #accountsSearchWrap{grid-column:1!important;width:44px!important;min-width:44px!important}
  #accountsSearchWrap .search-trigger{width:44px!important;height:38px!important;border-radius:12px!important}
  #accountsSearchWrap.search-reveal.open{
    grid-column:1 / -1!important;
    width:min(100%,360px)!important;
    min-width:0!important;
  }
  #accountsSearchWrap.search-reveal.open .search-panel{width:100%!important}
  #accountsSearchWrap.search-reveal.open ~ #checkVisibleBtn{display:none!important}
  #checkVisibleBtn{
    grid-column:2!important;
    width:108px!important;
    min-width:108px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:9px!important;
    gap:6px!important;
    justify-content:center!important;
    box-shadow:0 8px 16px rgba(37,99,235,.20)!important;
  }
  #checkVisibleBtn .btn-icon{width:18px!important;height:18px!important;margin:0!important}
  #checkVisibleBtn .ui-icon{width:15px!important;height:15px!important}

  .sort-control,.rows-control,#displayBtn,.toolbar-spacer{display:none!important}
}

/* centered mobile folder dialog */
.mobile-folder-dialog{
  width:min(92vw,390px)!important;
  max-width:390px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.mobile-folder-dialog::backdrop{background:rgba(5,8,14,.58)!important;backdrop-filter:blur(5px)}
.mobile-folder-list{display:grid;gap:8px}
.mobile-folder-item{
  width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;gap:10px;align-items:center;
  padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);text-align:left;cursor:pointer;
}
.mobile-folder-item.selected{background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.30);box-shadow:inset 0 0 0 1px rgba(124,58,237,.05)}
.mobile-folder-item-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(124,58,237,.10);color:#8b5cf6}
.mobile-folder-item-icon .ui-icon{width:18px;height:18px}
.mobile-folder-item-copy{min-width:0}.mobile-folder-item-copy strong,.mobile-folder-item-copy small{display:block}
.mobile-folder-item-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-folder-item-copy small{font-size:8px;color:var(--muted);margin-top:3px}
.mobile-folder-item-check{color:#8b5cf6;font-weight:900;text-align:center}
.mobile-folder-manage{margin-top:4px;width:100%;height:40px;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;font-weight:800;cursor:pointer}
.mobile-folder-manage .ui-icon{width:15px;height:15px}

@media(max-width:430px){
  .mobile-top-controls{grid-template-columns:38px 38px minmax(110px,1fr)!important;gap:7px!important}
  #mobileAccountMenuBtn,#settingsBtn,.mobile-folder-top-btn{height:38px!important}
  #mobileAccountMenuBtn,#settingsBtn{width:38px!important;min-width:38px!important}
  .mobile-folder-top-btn{padding:0 10px!important;font-size:9px!important}
  #mobileAccountMenu{top:110px!important;left:10px!important;width:min(92vw,290px)!important}
}


/* =========================================================
   V10.0 — Android Release Channel + Mobile Folder Toolbar
   ========================================================= */
.android-app-settings{margin-top:10px}
.android-app-icon{background:linear-gradient(145deg,#3ddc84,#11a960)!important;color:#fff!important}
.android-app-icon .ui-icon{width:20px!important;height:20px!important}
.android-settings-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.android-settings-actions .btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;white-space:nowrap}
.android-settings-actions .ui-icon{width:15px;height:15px}
.android-download-btn.disabled{opacity:.45;pointer-events:none}
.android-release-notes{display:block;font-size:8px;color:var(--muted);margin-top:4px;line-height:1.45}
.android-update-hint{display:flex;gap:8px;align-items:flex-start;margin-top:9px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);font-size:8px;color:var(--muted);line-height:1.5}
.android-update-hint .ui-icon{width:15px;height:15px;flex:0 0 15px;color:#22c55e;margin-top:1px}
.android-notes-input{height:auto!important;min-height:92px;padding:10px 12px!important;resize:vertical}
.android-signing-warning{display:flex;gap:8px;align-items:flex-start;padding:10px 11px;border:1px solid rgba(245,158,11,.24);background:rgba(245,158,11,.06);border-radius:12px;font-size:8px;color:var(--muted);line-height:1.5}
.android-signing-warning .ui-icon{width:15px;height:15px;color:#d97706;flex:0 0 15px;margin-top:1px}

.mobile-folder-top-btn{display:none}

@media(max-width:650px){
  /* Top row is now only Menu + Settings + profile. Folder belongs to the table controls. */
  .mobile-top-controls{display:block!important;flex:0 0 40px!important;min-width:40px!important;width:40px!important}
  .sidebar nav{display:block!important;flex:0 0 40px!important}
  .sidebar{gap:8px!important}

  /* Search + Folder + compact Checker in one line */
  .toolbar{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 92px!important;
    gap:7px!important;
    padding:8px!important;
    align-items:center!important;
  }
  #accountsSearchWrap{grid-column:1!important;width:44px!important;min-width:44px!important}
  #accountsSearchWrap .search-trigger{width:44px!important;height:40px!important;border-radius:12px!important}
  #accountsSearchWrap.search-reveal.open{grid-column:1 / -1!important;width:100%!important;min-width:100%!important}
  #accountsSearchWrap.search-reveal.open .search-panel{width:100%!important}
  #accountsSearchWrap.search-reveal.open ~ .mobile-folder-top-btn,
  #accountsSearchWrap.search-reveal.open ~ #checkVisibleBtn{display:none!important}

  .mobile-folder-top-btn{
    display:grid!important;
    grid-column:2!important;
    grid-template-columns:18px minmax(0,1fr) 12px!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    padding:0 10px!important;
    border:1px solid #7c3aed!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:850!important;
    text-align:left!important;
    box-shadow:0 7px 16px rgba(109,40,217,.20)!important;
    cursor:pointer!important;
  }
  .mobile-folder-top-btn .ui-icon{width:17px!important;height:17px!important;stroke-width:2.15!important}
  #mobileFolderButtonLabel{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .mobile-folder-chevron{text-align:right!important;font-size:13px!important}
  #folderToolbarPicker{display:none!important}

  #checkVisibleBtn{
    display:flex!important;
    grid-column:3!important;
    width:92px!important;
    min-width:92px!important;
    height:40px!important;
    padding:0 8px!important;
    border-radius:12px!important;
    font-size:9px!important;
    gap:5px!important;
    justify-content:center!important;
  }
  #checkVisibleBtn .btn-icon{width:18px!important;height:18px!important}
  #checkVisibleBtn .ui-icon{width:14px!important;height:14px!important}

  .android-app-settings{align-items:flex-start!important;flex-wrap:wrap!important}
  .android-app-settings .settings-copy{min-width:calc(100% - 52px)!important}
  .android-settings-actions{width:100%!important;justify-content:stretch!important;margin-top:2px}
  .android-settings-actions .btn{flex:1!important;justify-content:center!important}
  .android-version-grid{grid-template-columns:1fr!important}
}

@media(max-width:430px){
  .toolbar{grid-template-columns:42px minmax(0,1fr) 84px!important;gap:6px!important;padding:7px!important}
  #accountsSearchWrap{width:42px!important;min-width:42px!important}
  #accountsSearchWrap .search-trigger,.mobile-folder-top-btn,#checkVisibleBtn{height:38px!important}
  #checkVisibleBtn{width:84px!important;min-width:84px!important;font-size:8px!important}
  .mobile-folder-top-btn{font-size:8px!important;padding:0 9px!important}
}


/* ===== V10.1 folder button mobile fix ===== */
@media (max-width: 650px){
  .toolbar{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 104px!important;
    gap:8px!important;
    padding:8px!important;
    align-items:center!important;
  }

  #accountsSearchWrap{
    grid-column:1!important;
    width:44px!important;
    min-width:44px!important;
  }

  #accountsSearchWrap .search-trigger{
    width:44px!important;
    height:40px!important;
    border-radius:12px!important;
  }

  #mobileFolderBtn{
    display:grid!important;
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    padding:0 12px!important;
    align-self:stretch!important;
  }

  #checkVisibleBtn{
    grid-column:3!important;
    width:104px!important;
    min-width:104px!important;
    height:40px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    justify-content:center!important;
  }

  #accountsSearchWrap.search-reveal.open{
    grid-column:1 / span 2!important;
    width:100%!important;
    min-width:0!important;
  }

  #accountsSearchWrap.search-reveal.open ~ #mobileFolderBtn,
  #accountsSearchWrap.search-reveal.open ~ #checkVisibleBtn{
    display:none!important;
  }
}

@media (max-width: 430px){
  .toolbar{
    grid-template-columns:42px minmax(0,1fr) 96px!important;
    gap:7px!important;
  }

  #accountsSearchWrap{
    width:42px!important;
    min-width:42px!important;
  }

  #accountsSearchWrap .search-trigger{
    width:42px!important;
    height:38px!important;
  }

  #mobileFolderBtn{
    height:38px!important;
    padding:0 10px!important;
  }

  #checkVisibleBtn{
    width:96px!important;
    min-width:96px!important;
    height:38px!important;
  }
}


/* =========================================================
   V10.2 — STRUCTURAL mobile toolbar fix
   Do not rely on grid auto-placement. Search + Folder +
   Checker are now grouped into one real flex row.
   ========================================================= */
.mobile-primary-controls{display:contents}

@media(min-width:651px){
  #mobileFolderBtn{display:none!important}
  #accountsSearchWrap{order:1!important}
  .sort-control{order:2!important}
  .rows-control{order:3!important}
  #displayBtn{order:4!important}
  .toolbar-spacer{order:5!important}
  #folderToolbarPicker{order:6!important}
  #checkVisibleBtn{order:7!important}
#checkCookiesBtn{order:8!important}
}

@media(max-width:650px){
  .workspace-card .toolbar{
    display:block!important;
    padding:8px!important;
    border-bottom:0!important;
  }

  .mobile-primary-controls{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    align-items:center!important;
    gap:8px!important;
  }

  .mobile-primary-controls #accountsSearchWrap{
    order:1!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    display:flex!important;
    align-items:center!important;
  }

  .mobile-primary-controls #accountsSearchWrap .search-trigger{
    width:44px!important;
    height:40px!important;
    min-width:44px!important;
    flex:0 0 44px!important;
    border-radius:12px!important;
  }

  .mobile-primary-controls #mobileFolderBtn{
    order:2!important;
    display:grid!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    margin:0!important;
    padding:0 11px!important;
    grid-template-columns:18px minmax(0,1fr) 12px!important;
    align-items:center!important;
    gap:7px!important;
    border-radius:12px!important;
    font-size:9px!important;
    font-weight:850!important;
  }

  .mobile-primary-controls #mobileFolderBtn .ui-icon{
    width:17px!important;
    height:17px!important;
  }

  .mobile-primary-controls #mobileFolderButtonLabel{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .mobile-primary-controls #checkVisibleBtn{
    order:3!important;
    display:flex!important;
    flex:0 0 96px!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:40px!important;
    margin:0!important;
    padding:0 9px!important;
    border-radius:12px!important;
    font-size:9px!important;
    font-weight:850!important;
    justify-content:center!important;
    gap:5px!important;
  }

  .mobile-primary-controls #checkVisibleBtn .btn-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin:0!important;
  }

  .mobile-primary-controls #checkVisibleBtn .ui-icon{
    width:15px!important;
    height:15px!important;
  }

  .sort-control,
  .rows-control,
  #displayBtn,
  .toolbar-spacer,
  #folderToolbarPicker{
    display:none!important;
  }

  /* Search expands cleanly and temporarily owns the row. */
  .mobile-primary-controls:has(#accountsSearchWrap.open) #accountsSearchWrap{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }

  .mobile-primary-controls:has(#accountsSearchWrap.open) #accountsSearchWrap .search-panel{
    width:100%!important;
    opacity:1!important;
    padding:0 10px!important;
    border-color:var(--line)!important;
  }

  .mobile-primary-controls:has(#accountsSearchWrap.open) #mobileFolderBtn,
  .mobile-primary-controls:has(#accountsSearchWrap.open) #checkVisibleBtn{
    display:none!important;
  }

  /* Folder chooser: always centered and above table. */
  #mobileFolderDialog{
    margin:auto!important;
    position:fixed!important;
    inset:0!important;
    width:min(92vw,390px)!important;
    max-width:390px!important;
    max-height:min(78dvh,620px)!important;
    border-radius:20px!important;
    z-index:9999!important;
  }

  #mobileFolderDialog[open]{
    display:block!important;
  }

  #mobileFolderDialog.dialog-fallback-open{
    display:block!important;
    position:fixed!important;
    inset:50% auto auto 50%!important;
    transform:translate(-50%,-50%)!important;
  }
}

@media(max-width:430px){
  .mobile-primary-controls{
    gap:7px!important;
  }

  .mobile-primary-controls #accountsSearchWrap{
    flex-basis:42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
  }

  .mobile-primary-controls #accountsSearchWrap .search-trigger{
    width:42px!important;
    min-width:42px!important;
    flex-basis:42px!important;
    height:38px!important;
  }

  .mobile-primary-controls #mobileFolderBtn{
    height:38px!important;
    padding:0 9px!important;
    font-size:8.5px!important;
  }

  .mobile-primary-controls #checkVisibleBtn{
    flex-basis:88px!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:38px!important;
    padding:0 8px!important;
    font-size:8.5px!important;
  }
}


/* ============================================================
   V10.3 — MOBILE LAYOUT REBUILD
   Final mobile source of truth. Resets previous conflicting rules.
   ============================================================ */

.mobile-primary-controls{display:contents}

@media (min-width:651px){
  #mobileFolderBtn{display:none!important}
  #mobilePrimaryControls{display:contents!important}
}

@media (max-width:650px){

  /* ---------- Header ---------- */
  main{
    padding:8px 6px 14px!important;
  }

  .topbar{
    display:none!important;
  }

  .sidebar{
    overflow:visible!important;
    padding:8px 10px!important;
  }

  .mobile-top-controls{
    display:flex!important;
  }

  /* ---------- Stats: fixed, compact, no horizontal scroll ---------- */
  .stats-grid,
  .stats-grid.stats-3{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:initial!important;
    grid-auto-columns:initial!important;
    width:100%!important;
    overflow:visible!important;
    gap:6px!important;
    padding:0!important;
    margin:0 0 8px!important;
  }

  .stat-card{
    width:auto!important;
    min-width:0!important;
    min-height:54px!important;
    padding:8px!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }

  .stat-card .stat-icon{
    display:none!important;
  }

  .stat-copy{
    width:100%!important;
    min-width:0!important;
  }

  .stat-copy span{
    display:block!important;
    font-size:7px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .stat-copy strong{
    display:block!important;
    font-size:15px!important;
    line-height:1!important;
    margin-top:5px!important;
  }

  /* ---------- Workspace/table card ---------- */
  .workspace-card{
    width:100%!important;
    overflow:visible!important;
    border-radius:18px!important;
  }

  /* RESET toolbar: one compact row only */
  .workspace-card > .toolbar{
    display:block!important;
    width:100%!important;
    min-height:auto!important;
    height:auto!important;
    padding:8px!important;
    margin:0!important;
    overflow:visible!important;
    border-bottom:0!important;
  }

  .mobile-primary-controls{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 92px!important;
    grid-template-rows:40px!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    gap:7px!important;
    margin:0!important;
  }

  /* Search */
  .mobile-primary-controls > #accountsSearchWrap{
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    display:block!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .mobile-primary-controls > #accountsSearchWrap > .search-trigger{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
  }

  /* Folder — center/flexible control */
  .mobile-primary-controls > #mobileFolderBtn{
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    grid-template-columns:18px minmax(0,1fr) 12px!important;
    align-items:center!important;
    gap:7px!important;
    border:1px solid rgba(124,58,237,.56)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;
    color:#fff!important;
    box-shadow:0 7px 16px rgba(109,40,217,.18)!important;
    font-size:9px!important;
    font-weight:850!important;
    text-align:left!important;
    cursor:pointer!important;
  }

  .mobile-primary-controls > #mobileFolderBtn .ui-icon{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
  }

  #mobileFolderButtonLabel{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .mobile-folder-chevron{
    text-align:right!important;
    font-size:12px!important;
    line-height:1!important;
  }

  /* Checker — compact and same row */
  .mobile-primary-controls > #checkVisibleBtn{
    grid-column:3!important;
    grid-row:1!important;
    display:flex!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:40px!important;
    margin:0!important;
    padding:0 8px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:12px!important;
    font-size:8.5px!important;
    font-weight:850!important;
    box-shadow:0 7px 16px rgba(37,99,235,.18)!important;
  }

  .mobile-primary-controls > #checkVisibleBtn .btn-icon{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    margin:0!important;
  }

  .mobile-primary-controls > #checkVisibleBtn .ui-icon{
    width:14px!important;
    height:14px!important;
  }

  /* Search expanded: it gets entire row */
  .mobile-primary-controls:has(#accountsSearchWrap.open){
    grid-template-columns:minmax(0,1fr)!important;
  }

  .mobile-primary-controls:has(#accountsSearchWrap.open) > #accountsSearchWrap{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .mobile-primary-controls:has(#accountsSearchWrap.open) > #accountsSearchWrap .search-panel{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    opacity:1!important;
  }

  .mobile-primary-controls:has(#accountsSearchWrap.open) > #mobileFolderBtn,
  .mobile-primary-controls:has(#accountsSearchWrap.open) > #checkVisibleBtn{
    display:none!important;
  }

  /* Desktop-only toolbar controls are fully removed from mobile flow */
  .workspace-card .sort-control,
  .workspace-card .rows-control,
  .workspace-card #displayBtn,
  .workspace-card .toolbar-spacer,
  .workspace-card #folderToolbarPicker{
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  /* ---------- Folder chooser ---------- */
  #mobileFolderDialog{
    position:fixed!important;
    inset:0!important;
    margin:auto!important;
    width:min(92vw,380px)!important;
    max-width:380px!important;
    height:max-content!important;
    max-height:78dvh!important;
    padding:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
    z-index:99999!important;
  }

  #mobileFolderDialog::backdrop{
    background:rgba(5,8,14,.60)!important;
    backdrop-filter:blur(5px)!important;
  }

  #mobileFolderDialog[open]{
    display:block!important;
  }

  #mobileFolderDialog .modal-body{
    max-height:62dvh!important;
    overflow:auto!important;
  }

  /* ---------- Table: no wasted gap ---------- */
  .table-card{
    margin-top:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }

  .table-wrap{
    min-height:60dvh!important;
    max-height:none!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .bulk-bar{
    margin:0!important;
  }
}

@media (max-width:430px){
  .mobile-primary-controls{
    grid-template-columns:42px minmax(0,1fr) 84px!important;
    grid-template-rows:38px!important;
    gap:6px!important;
  }

  .mobile-primary-controls > #accountsSearchWrap,
  .mobile-primary-controls > #accountsSearchWrap > .search-trigger{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:38px!important;
  }

  .mobile-primary-controls > #mobileFolderBtn{
    height:38px!important;
    padding:0 9px!important;
    font-size:8px!important;
  }

  .mobile-primary-controls > #checkVisibleBtn{
    width:84px!important;
    min-width:84px!important;
    max-width:84px!important;
    height:38px!important;
    padding:0 7px!important;
    font-size:8px!important;
  }

  .stats-grid,
  .stats-grid.stats-3{
    gap:5px!important;
  }

  .stat-card{
    min-height:52px!important;
    padding:7px!important;
  }

  .stat-copy span{
    font-size:6.7px!important;
  }

  .stat-copy strong{
    font-size:14px!important;
  }
}


/* ============================================================
   V10.4 — ACCOUNT TAGS / MARKERS
   Clear account markers with color, multi-tag support and bulk tagging.
   ============================================================ */

.account-meta{min-width:0}
.account-name-line{min-height:23px}
.account-tags{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  margin-top:5px;
  max-width:250px;
  cursor:pointer;
}
.account-tag-pill{
  --tag-color:#4F7EFF;
  display:inline-flex;
  align-items:center;
  min-height:21px;
  max-width:180px;
  padding:3px 8px;
  border:1px solid color-mix(in srgb,var(--tag-color) 52%, transparent);
  border-radius:7px;
  background:color-mix(in srgb,var(--tag-color) 14%, var(--panel));
  color:color-mix(in srgb,var(--tag-color) 72%, #111827);
  box-shadow:0 2px 7px color-mix(in srgb,var(--tag-color) 11%, transparent);
  font-size:7.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:uppercase;
}
[data-theme="dark"] .account-tag-pill{
  background:color-mix(in srgb,var(--tag-color) 17%, #111827);
  border-color:color-mix(in srgb,var(--tag-color) 48%, #334155);
  color:color-mix(in srgb,var(--tag-color) 54%, #fff);
  box-shadow:0 3px 12px color-mix(in srgb,var(--tag-color) 12%, transparent);
}
.account-tag-more{
  display:inline-grid;
  place-items:center;
  min-width:22px;
  height:21px;
  padding:0 6px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--panel2);
  color:var(--muted);
  font-size:7.5px;
  font-weight:900;
}
.account-tags:hover .account-tag-pill{
  filter:brightness(1.03);
}
.action-tag{
  color:#7c5cff!important;
}
.action-tag:hover{
  background:color-mix(in srgb,#7c5cff 10%,var(--panel))!important;
  border-color:color-mix(in srgb,#7c5cff 35%,var(--line))!important;
}
.actions-col{width:164px}
.bulk-tag{color:#7658df!important}
.bulk-tag .btn-icon{color:#7658df!important}

/* Tag manager */
.tag-manager-modal{
  width:min(620px,94vw);
  overflow:hidden;
}
.tag-manager-head{
  padding:18px 20px 16px;
  background:
    radial-gradient(circle at 0 0,rgba(124,92,255,.12),transparent 46%),
    var(--panel);
}
.tag-title-line{
  display:flex;
  align-items:center;
  gap:10px;
}
.tag-title-line h2{margin:0}
.tag-title-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#7658df;
  background:color-mix(in srgb,#7658df 11%,var(--panel2));
  border:1px solid color-mix(in srgb,#7658df 28%,var(--line));
  box-shadow:0 7px 18px rgba(85,65,181,.10);
}
.tag-title-icon .ui-icon{width:16px;height:16px}
.tag-manager-body{
  display:grid;
  gap:14px;
}
.tag-existing-section,
.tag-editor-card{
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--panel2);
}
.tag-existing-section{padding:13px}
.tag-section-heading,
.tag-editor-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.tag-section-heading strong,
.tag-editor-heading strong{
  display:block;
  font-size:10px;
}
.tag-section-heading small,
.tag-editor-heading small{
  display:block;
  color:var(--muted);
  font-size:8px;
  margin-top:3px;
}
.tag-count-badge{
  min-width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#7658df;
  background:color-mix(in srgb,#7658df 10%,var(--panel));
  border:1px solid color-mix(in srgb,#7658df 25%,var(--line));
  font-size:9px;
  font-weight:900;
}
.tag-existing-list{
  display:grid;
  gap:7px;
  margin-top:11px;
}
.tag-existing-row{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 8px 7px 10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--panel);
}
.tag-existing-pill{
  display:flex;
  min-width:0;
  flex:1;
}
.tag-existing-pill .account-tag-pill{
  max-width:320px;
  min-height:24px;
  padding:4px 9px;
  font-size:8px;
}
.tag-existing-actions{
  display:flex;
  align-items:center;
  gap:5px;
}
.tag-row-btn{
  width:30px;
  height:30px;
  border:1px solid var(--line);
  border-radius:9px;
  display:grid;
  place-items:center;
  background:var(--panel2);
  color:var(--muted);
  cursor:pointer;
}
.tag-row-btn .ui-icon{width:13px;height:13px}
.tag-edit-btn:hover{color:#9b7cff;border-color:rgba(124,92,255,.32)}
.tag-delete-btn:hover{color:var(--red);border-color:rgba(220,38,38,.26)}
.tag-empty-state{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:10px;
  border:1px dashed var(--line);
  border-radius:11px;
  color:var(--muted);
}
.tag-empty-state strong,
.tag-empty-state small{display:block}
.tag-empty-state strong{font-size:9px;color:var(--text)}
.tag-empty-state small{font-size:8px;margin-top:3px}
.tag-empty-icon{
  width:34px;height:34px;display:grid;place-items:center;
  border-radius:10px;background:var(--panel);border:1px solid var(--line);
  color:#7658df;
}
.tag-editor-card{padding:14px}
.tag-editor-heading{margin-bottom:13px}
.tag-cancel-edit{
  border:0;
  background:transparent;
  color:#7658df;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
.tag-label-field{margin-bottom:11px}
.tag-label-input{
  height:45px;
  font-size:11px;
  font-weight:750;
  letter-spacing:.01em;
}
.tag-color-label{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:10px;
  margin-bottom:8px;
}
.tag-color-label strong{
  font-size:9px;
}
.tag-color-label span{
  color:var(--muted);
  font-size:8px;
}
.tag-color-palette{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.tag-color-palette>button{
  --swatch:#4F7EFF;
  width:30px;
  height:30px;
  padding:0;
  border-radius:9px;
  border:2px solid transparent;
  background:var(--swatch);
  box-shadow:0 2px 8px color-mix(in srgb,var(--swatch) 24%,transparent);
  cursor:pointer;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.tag-color-palette>button:hover{
  transform:translateY(-1px) scale(1.04);
}
.tag-color-palette>button.selected{
  border-color:var(--text);
  box-shadow:0 0 0 2px var(--panel2),0 4px 12px color-mix(in srgb,var(--swatch) 34%,transparent);
}
.tag-custom-color{
  position:relative;
  width:30px;
  height:30px;
  border:1px dashed var(--line);
  border-radius:9px;
  overflow:hidden;
  cursor:pointer;
}
.tag-custom-color input{
  position:absolute;
  inset:-8px;
  width:48px;
  height:48px;
  border:0;
  opacity:0;
  cursor:pointer;
}
.tag-custom-color span{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:16px;
  color:var(--muted);
  pointer-events:none;
  background:var(--panel);
}
.tag-preview-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:46px;
  margin-top:13px;
  padding:8px 10px;
  border-radius:11px;
  border:1px solid var(--line);
  background:var(--panel);
}
.tag-preview-card>span{
  color:var(--muted);
  font-size:8px;
  font-weight:800;
}
.tag-preview-card .account-tag-pill{
  min-height:26px;
  padding:5px 10px;
  font-size:8px;
}
.tag-save-btn{
  width:100%;
  min-height:43px;
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.tag-save-btn .ui-icon{width:14px;height:14px}

/* Tags in account detail */
.detail-tag-strip{
  margin:-5px 0 13px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--panel2);
}
.detail-tag-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.detail-tag-head>span{
  color:var(--muted);
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.detail-manage-tags{
  border:0;
  background:transparent;
  color:#7658df;
  display:flex;
  align-items:center;
  gap:4px;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
.detail-manage-tags .ui-icon{width:12px;height:12px}
.detail-tags{
  max-width:none;
  margin-top:8px;
  cursor:default;
}

@media(max-width:650px){
  .account-cell{min-width:205px}
  .account-tags{max-width:190px;margin-top:4px}
  .account-tag-pill{
    max-width:120px;
    min-height:19px;
    padding:3px 6px;
    font-size:6.8px;
    border-radius:6px;
  }
  .account-tag-more{height:19px;min-width:20px;font-size:6.8px}
  .actions-col{width:164px!important}
  .tag-manager-modal{
    width:min(94vw,460px)!important;
    max-height:86dvh;
  }
  .tag-manager-body{
    max-height:72dvh;
    overflow:auto;
    padding:14px!important;
  }
  .tag-color-label{
    display:block;
  }
  .tag-color-label span{
    display:block;
    margin-top:3px;
  }
  .tag-color-palette{
    gap:7px;
  }
  .tag-color-palette>button,.tag-custom-color{
    width:29px;height:29px;
  }
}


/* ============================================================
   V10.4.1 — TAG UNDER ACCOUNT NAME + TABLE ALIGNMENT
   ============================================================ */

/* Account row hierarchy:
   Name + status
   [Tag button] [existing tag] [existing tag]
*/
.account-tags-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  min-height:24px;
  margin-top:5px;
  max-width:280px;
}
.account-tags-line .account-tags{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  margin-top:0!important;
  max-width:220px;
}
.account-tag-open-btn{
  flex:0 0 auto;
  height:23px;
  min-width:48px;
  padding:0 8px;
  border:1px solid color-mix(in srgb,#7C5CFF 35%,var(--line));
  border-radius:7px;
  background:color-mix(in srgb,#7C5CFF 8%,var(--panel));
  color:#7456e8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  line-height:1;
  font-size:7.4px;
  font-weight:900;
  letter-spacing:.025em;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(83,63,180,.08);
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease;
}
.account-tag-open-btn .ui-icon{
  width:11px;
  height:11px;
  display:block;
  flex:0 0 11px;
}
.account-tag-open-btn span{
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:1!important;
}
.account-tag-open-btn:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,#7C5CFF 58%,var(--line));
  background:color-mix(in srgb,#7C5CFF 13%,var(--panel));
  box-shadow:0 5px 12px rgba(83,63,180,.13);
}
[data-theme="dark"] .account-tag-open-btn{
  color:#B7A7FF;
  background:rgba(124,92,255,.10);
  border-color:rgba(145,124,255,.30);
  box-shadow:0 3px 9px rgba(0,0,0,.16);
}

/* Keep row content vertically fixed in the true middle. */
#accountTable tbody td{
  vertical-align:middle!important;
}
#accountTable tbody td > span,
#accountTable tbody td > .customer-pill,
#accountTable tbody td > .row-actions,
#accountTable tbody td > .row-number-select{
  vertical-align:middle;
}

/* Short-data columns should be centered under their headers instead of
   visually floating toward an edge. Account and Cookies stay left-aligned. */
#accountTable th[data-col="customer"],
#accountTable td[data-col="customer"],
#accountTable th[data-col="uuid"],
#accountTable td[data-col="uuid"],
#accountTable th[data-col="password"],
#accountTable td[data-col="password"],
#accountTable th[data-col="phone"],
#accountTable td[data-col="phone"],
#accountTable th[data-col="twofa"],
#accountTable td[data-col="twofa"],
#accountTable th[data-col="code"],
#accountTable td[data-col="code"],
#accountTable th[data-col="app"],
#accountTable td[data-col="app"],
#accountTable th[data-col="updated"],
#accountTable td[data-col="updated"],
#accountTable th:last-child,
#accountTable td:last-child{
  text-align:center!important;
}

/* Center inline content inside centered columns as well. */
#accountTable td[data-col="customer"] .customer-pill,
#accountTable td[data-col="uuid"] > *,
#accountTable td[data-col="password"] > *,
#accountTable td[data-col="phone"] > *,
#accountTable td[data-col="twofa"] > *,
#accountTable td[data-col="code"] > *,
#accountTable td[data-col="app"] > *,
#accountTable td[data-col="updated"] > *{
  margin-left:auto;
  margin-right:auto;
}
#accountTable td:last-child .row-actions{
  justify-content:center;
}

/* Account cell stays left-aligned because it is the identity column. */
#accountTable th[data-col="account"],
#accountTable td[data-col="account"],
#accountTable th[data-col="cookies"],
#accountTable td[data-col="cookies"]{
  text-align:left!important;
}

/* Existing tag text itself must be perfectly centered inside its pill. */
.account-tag-pill{
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}

/* With tag action moved under the name, actions can be tighter again. */
.actions-col{width:146px!important}

@media(max-width:650px){
  .account-tags-line{
    gap:4px;
    max-width:205px;
    margin-top:4px;
  }
  .account-tag-open-btn{
    height:21px;
    min-width:44px;
    padding:0 6px;
    border-radius:6px;
    font-size:6.8px;
    gap:4px;
  }
  .account-tag-open-btn .ui-icon{
    width:10px;
    height:10px;
    flex-basis:10px;
  }
  .account-tags-line .account-tags{
    max-width:150px;
  }
  .actions-col{width:146px!important}
}


/* ============================================================
   V10.4.3 — TRUE TAG TEXT CENTERING
   ============================================================ */

/* Remove font-baseline/padding drift from the colored tag itself. */
.account-tag-pill{
  display:inline-grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 10px!important;
  line-height:1!important;
  text-align:center!important;
  vertical-align:middle!important;
}

/* Inner wrapper is centered by layout instead of relying on text baseline. */
.account-tag-label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  transform:translateY(.35px);
}

/* Preview uses exactly the same centering behavior as table tags. */
.tag-preview-card .account-tag-pill,
.tag-existing-pill .account-tag-pill,
.detail-tags .account-tag-pill{
  display:inline-grid!important;
  place-items:center!important;
}

/* The Tag action beside the pill must also be mechanically centered. */
.account-tag-open-btn{
  display:inline-grid!important;
  grid-template-columns:11px auto!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:5px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 8px!important;
  line-height:1!important;
}
.account-tag-open-btn .ui-icon{
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
.account-tag-open-btn span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(.35px);
}

@media(max-width:650px){
  .account-tag-pill{
    height:22px!important;
    min-height:22px!important;
    padding:0 8px!important;
  }
  .account-tag-open-btn{
    height:22px!important;
    min-height:22px!important;
    grid-template-columns:10px auto!important;
    padding:0 7px!important;
    column-gap:4px!important;
  }
}


/* ============================================================
   V10.4.4 — Z + Meta Logo Branding
   ============================================================ */
.brand-logo-shell{
  width:42px;
  height:42px;
  min-width:42px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:12px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 5px 16px rgba(15,23,42,.07);
}
.brand-logo-shell-lg{
  width:68px;
  height:68px;
  min-width:68px;
  border-radius:18px;
}
.brand-logo-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#fff;
}
[data-theme="dark"] .brand-logo-shell{
  background:#fff;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 7px 20px rgba(0,0,0,.22);
}
@media(max-width:650px){
  .brand-logo-shell{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:10px;
  }
}

/* v10.4.5 logo shell polish */
.brand-logo-img{object-fit:contain;padding:20%;box-sizing:border-box;}
.brand-logo-shell,.brand-logo-shell-lg{background:#fff;}

/* v10.4.6 web logo + favicon zoom fix */
.brand-logo-img{object-fit:contain;padding:10%;box-sizing:border-box;background:transparent;}
.brand-logo-shell,.brand-logo-shell-lg{background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 6px 18px rgba(15,23,42,.08);}
[data-theme="dark"] .brand-logo-shell,[data-theme="dark"] .brand-logo-shell-lg{background:#fff;border-color:rgba(255,255,255,.12);box-shadow:0 8px 20px rgba(0,0,0,.24);}


/* =========================================================
   V10.4.9 — Native exact 2FA copy + manual text selection
   ========================================================= */
#accountTable td,
#accountTable td .copyable-text,
#accountTable td .uuid-value,
#accountTable td .password-value,
#accountTable td .twofa-secret,
#accountTable td .cookie-inline-preview,
#accountTable td .customer-pill,
#accountTable td .copy-code,
#accountTable td .copy-code *,
#accountDetail .detail-copy {
  -webkit-user-select:text!important;
  user-select:text!important;
}
#accountTable .copy-code,
#accountTable .copy-code * { cursor:text!important; }
#accountTable .row-actions,
#accountTable .row-actions *,
#accountTable input,
#accountTable label.row-number-select {
  -webkit-user-select:none!important;
  user-select:none!important;
}

/* ========================================================================== */
/* Z-META V10.5.0 — Customer Team / Assigned Accounts                        */
/* ========================================================================== */
.page-kicker{margin:4px 0 0;color:var(--muted,#78849a);font-size:12px;font-weight:600}
.team-workspace{overflow:hidden}
.team-toolbar{min-height:64px}
.team-title-copy{display:flex;flex-direction:column;gap:4px}
.team-title-copy strong{font-size:13px;color:var(--text,#172033)}
.team-title-copy span{font-size:11px;color:var(--muted,#7c879b)}
.team-table .customer-cell small.team-owner-note{display:block;margin-top:3px;color:var(--muted,#8993a6);font-size:10px;font-weight:600}
.team-permission-badges{display:flex;gap:5px;flex-wrap:wrap}
.team-permission-badges span{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid rgba(111,91,221,.18);border-radius:999px;background:rgba(111,91,221,.07);color:#6254b9;font-size:9.5px;font-weight:800;white-space:nowrap}
.assigned-user-pill{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 9px;border:1px solid rgba(89,105,190,.18);border-radius:999px;background:rgba(93,111,214,.07);font-size:10px;font-weight:800;color:#5662a9;white-space:nowrap}
.assigned-user-pill i{width:7px;height:7px;border-radius:50%;background:#6f63dc;box-shadow:0 0 0 3px rgba(111,99,220,.10)}
.assigned-user-pill.unassigned{color:#8a93a4;background:rgba(130,140,160,.07);border-color:rgba(130,140,160,.17)}
.assigned-user-pill.unassigned i{background:#aeb5c1;box-shadow:none}
.team-member-modal{max-width:660px}
.team-permission-card{border:1px solid rgba(101,112,151,.14);border-radius:18px;padding:13px;background:linear-gradient(180deg,rgba(247,248,255,.9),rgba(255,255,255,.9));display:grid;gap:7px}
.team-permission-head{display:flex;flex-direction:column;gap:3px;padding:2px 3px 8px}
.team-permission-head strong{font-size:12px}
.team-permission-head span{font-size:10px;color:var(--muted,#7d879b)}
.team-permission-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 11px;border:1px solid rgba(101,112,151,.10);background:#fff;border-radius:13px;cursor:pointer}
.team-permission-row>span{display:flex;flex-direction:column;gap:2px}
.team-permission-row strong{font-size:11px}.team-permission-row small{font-size:9.5px;color:var(--muted,#818b9e)}
.team-permission-row input{width:18px;height:18px;accent-color:#6d5bd0;flex:0 0 auto}
.team-permission-row.danger{border-color:rgba(218,75,93,.12)}
.assign-user-modal{max-width:580px}
.assign-user-list{display:grid;gap:8px;max-height:430px;overflow:auto;padding:2px}
.assign-user-option{display:grid;grid-template-columns:auto 42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(100,111,151,.13);border-radius:15px;background:#fff;cursor:pointer;transition:.16s ease}
.assign-user-option:hover{border-color:rgba(103,85,214,.32);box-shadow:0 8px 24px rgba(70,65,135,.07);transform:translateY(-1px)}
.assign-user-option:has(input:checked){border-color:rgba(102,83,214,.55);background:linear-gradient(135deg,rgba(104,83,216,.08),rgba(77,126,255,.05));box-shadow:0 0 0 2px rgba(102,83,214,.08)}
.assign-user-option.disabled{opacity:.5;cursor:not-allowed}.assign-user-option input{accent-color:#6956d9}
.assign-user-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7767df,#536ff0);color:#fff;font-weight:900;font-size:13px}
.assign-user-option>span:nth-of-type(2){display:flex;flex-direction:column;gap:3px;min-width:0}.assign-user-option strong{font-size:11px}.assign-user-option small{font-size:9.5px;color:var(--muted,#7d879b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-user-option b{font-size:9px;color:#68738a;text-transform:uppercase;letter-spacing:.04em}
.unassigned-option .assign-user-avatar{background:#eef1f6;color:#7f899b}
@media(max-width:760px){.team-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.team-table{min-width:930px}.assign-user-option{grid-template-columns:auto 38px minmax(0,1fr)}.assign-user-option>b{display:none}.team-member-modal{max-width:calc(100vw - 20px)}}

/* ===== Cookie checker button (grid <=650px) ===== */
@media(max-width:650px){
  .mobile-primary-controls > #checkCookiesBtn{
    order:4!important;
    grid-column:4!important;
    grid-row:1!important;
    display:flex!important;
    width:92px!important;min-width:92px!important;max-width:92px!important;
    height:40px!important;margin:0!important;padding:0 8px!important;
    align-items:center!important;justify-content:center!important;gap:5px!important;
    border-radius:12px!important;font-size:8.5px!important;font-weight:850!important;
    box-shadow:0 7px 16px rgba(14,148,136,.20)!important;
  }
  .mobile-primary-controls > #checkCookiesBtn .btn-icon{width:17px!important;height:17px!important;min-width:17px!important;margin:0!important}
  .mobile-primary-controls > #checkCookiesBtn .ui-icon{width:14px!important;height:14px!important}
}
@media(max-width:430px){
  .mobile-primary-controls{grid-template-columns:42px minmax(0,1fr) 84px 84px!important}
  .mobile-primary-controls > #checkCookiesBtn{
    order:4!important;grid-column:4!important;grid-row:1!important;
    width:84px!important;min-width:84px!important;max-width:84px!important;
    height:38px!important;padding:0 7px!important;font-size:8px!important;
  }
}

/* ===== Cookie live/dead ditandai lewat warna teks saja ===== */
.cookie-inline-preview.cookie-live{color:#12a150!important}
.cookie-inline-preview.cookie-dead{color:#e5484d!important}
.cookie-inline-preview.cookie-unknown{color:inherit!important}
.cookie-inline-preview.cookie-checking{opacity:.45!important}


/* ===== Tag: jumlah akun per tag (mode bulk) ===== */
.tag-existing-count{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:rgba(15,23,42,.07);color:#475569;font-size:10px;font-weight:800}

/* ========================================================================== */
/* Z-META V12 — Workspace Architecture                                        */
/* Functional expansion: customer workspaces, folder access, folder tags.     */
/* ========================================================================== */
.customer-workspace-link{border:0;background:transparent;padding:0;cursor:pointer;text-align:left;color:inherit}
.customer-workspace-link:hover strong{color:var(--blue)}
.customer-workspace-link small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:650}
.customer-metric-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid var(--line);background:var(--panel2);border-radius:9px;font-size:9.5px;font-weight:800;color:var(--muted);white-space:nowrap}
.customer-workspace-page{max-width:1540px}
.customer-workspace-heading{display:flex;align-items:flex-start;gap:14px}
.customer-workspace-back{display:inline-flex;align-items:center;gap:6px;margin-top:2px}
.customer-workspace-topbar h1{margin-top:2px}
.customer-workspace-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;align-items:start}
.customer-workspace-panel{overflow:hidden}
.workspace-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel2))}
.workspace-panel-head h2{margin:0;font-size:15px;letter-spacing:-.02em}.workspace-panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.cw-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}
.cw-folder-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0}
.cw-folder-card:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:999px;background:var(--blue)}
.cw-folder-card.folder-green:before{background:var(--green)}.cw-folder-card.folder-violet:before{background:#7656c9}.cw-folder-card.folder-amber:before{background:var(--amber)}.cw-folder-card.folder-red:before{background:var(--red)}.cw-folder-card.folder-sky:before{background:#1596c7}.cw-folder-card.folder-slate:before{background:#738096}
.cw-folder-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.cw-folder-main>div{min-width:0}.cw-folder-main strong{display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-folder-main small{display:block;margin-top:3px;color:var(--muted);font-size:9.5px}.cw-folder-main p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cw-folder-open{flex:0 0 auto;padding:7px 10px}
.cw-team-list{display:grid;padding:8px 14px 14px}
.cw-team-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line)}.cw-team-row:last-child{border-bottom:0}.cw-team-row strong,.cw-team-row small{display:block}.cw-team-row strong{font-size:10.5px}.cw-team-row small{margin-top:3px;color:var(--muted);font-size:9px}.cw-empty{padding:22px;color:var(--muted);font-size:10px;line-height:1.6;text-align:center}

.folder-create-v12{grid-template-columns:minmax(160px,.9fr) minmax(180px,1.2fr) 140px minmax(220px,1.5fr) auto!important;align-items:center}
.folder-description-input{min-width:0}
.folder-manager-guide{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 13px}.folder-manager-guide span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:var(--muted);font-size:9px}.folder-manager-guide b{color:var(--text)}
.folder-workspace-card{display:flex!important;flex-direction:column;gap:10px;min-height:244px!important}
.folder-card-copy{min-width:0}.folder-card-copy p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.folder-card-actions{display:flex;align-items:center;gap:6px;margin-top:auto}.folder-card-actions .folder-open-btn{flex:1;margin:0!important}
.folder-mini-action{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);cursor:pointer}.folder-mini-action:hover{background:var(--panel2);color:var(--text)}.folder-mini-action.danger:hover{color:var(--red);border-color:rgba(213,72,72,.25);background:rgba(213,72,72,.06)}
.folder-member-preview{display:flex;align-items:center;min-height:29px;padding:2px 0}.folder-member-preview>span{width:26px;height:26px;display:grid;place-items:center;margin-left:-5px;border:2px solid var(--panel);border-radius:9px;background:var(--text);color:var(--panel);font-size:9px;font-weight:900}.folder-member-preview>span:first-child{margin-left:0}.folder-member-preview>b{margin-left:5px;font-size:9px}.folder-member-preview small{margin-left:8px;color:var(--muted);font-size:9px}.folder-member-preview.empty small{margin-left:0}
.folder-tag-preview{display:flex;gap:5px;flex-wrap:wrap;min-height:24px;align-items:center}.folder-tag-preview span,.folder-tag-preview b{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--tag,#4F7EFF) 10%,transparent);border:1px solid color-mix(in srgb,var(--tag,#4F7EFF) 28%,transparent);color:var(--text);font-size:8.5px;font-weight:800}.folder-tag-preview.empty{color:var(--muted);font-size:8.5px}
.folder-member-list{display:grid;gap:8px;max-height:440px;overflow:auto}.folder-member-option{display:grid;grid-template-columns:auto 38px minmax(0,1fr);align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);cursor:pointer}.folder-member-option:has(input:checked){border-color:color-mix(in srgb,var(--blue) 46%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 8%,transparent)}.folder-member-option.disabled{opacity:.5;cursor:not-allowed}.folder-member-option input{width:17px;height:17px;accent-color:var(--blue)}.folder-member-option strong,.folder-member-option small{display:block}.folder-member-option strong{font-size:10.5px}.folder-member-option small{margin-top:3px;color:var(--muted);font-size:9px}
.folder-tags-list{display:flex;gap:7px;flex-wrap:wrap;min-height:42px;align-items:center}.folder-tag-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 9px;border:1px solid color-mix(in srgb,var(--tag) 30%,var(--line));background:color-mix(in srgb,var(--tag) 9%,var(--panel));border-radius:999px}.folder-tag-chip b{font-size:9.5px}.folder-tag-chip button{width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.folder-tag-chip button:hover{background:rgba(213,72,72,.08);color:var(--red)}
.folder-tag-create{display:grid;grid-template-columns:minmax(0,1fr) 42px auto;gap:8px;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.folder-tag-create input[type=color]{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;padding:4px;background:var(--panel)}
.folder-tag-library{margin-top:13px}.folder-tag-library>small{display:block;color:var(--muted);font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.folder-tag-library>div{display:flex;gap:6px;flex-wrap:wrap}.folder-library-tag{border:1px solid color-mix(in srgb,var(--tag) 28%,var(--line));background:color-mix(in srgb,var(--tag) 8%,var(--panel));color:var(--text);border-radius:999px;padding:5px 9px;font-size:9px;font-weight:750;cursor:pointer}
.team-folder-count{display:block;margin-top:4px;color:var(--muted);font-size:8.5px}

[data-theme="dark"] .team-permission-card,[data-theme="dark"] .team-permission-row,[data-theme="dark"] .assign-user-option{background:var(--panel2)}
[data-theme="dark"] .folder-tag-preview span,[data-theme="dark"] .folder-tag-preview b,[data-theme="dark"] .folder-tag-chip,[data-theme="dark"] .folder-library-tag{color:var(--text)}

@media(max-width:1100px){.customer-workspace-layout{grid-template-columns:1fr}.folder-create-v12{grid-template-columns:1fr 1fr!important}.folder-create-v12 .folder-description-input{grid-column:1/-1}.folder-create-v12 .btn{grid-column:1/-1}.cw-folder-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.customer-workspace-heading{display:grid;gap:9px}.customer-workspace-back{width:max-content}.customer-workspace-layout{display:block}.customer-workspace-panel+.customer-workspace-panel{margin-top:12px}.cw-folder-grid{grid-template-columns:1fr}.customer-workspace-stats{grid-template-columns:1fr 1fr!important}.folder-create-v12{grid-template-columns:1fr!important}.folder-create-v12>*{grid-column:1!important}.folder-tag-create{grid-template-columns:1fr 42px}.folder-tag-create .btn{grid-column:1/-1}.folder-manager-guide{display:none}.folder-workspace-card{min-height:unset!important}}
.cw-folder-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.cw-folder-add{width:36px;padding:8px;display:grid;place-items:center}.cw-folder-add .ui-icon{width:15px;height:15px}
@media(max-width:520px){.cw-folder-card{align-items:flex-start}.cw-folder-actions{flex-direction:column}.cw-folder-open{width:44px;overflow:hidden;text-indent:-999px;position:relative}.cw-folder-open:after{content:'›';position:absolute;inset:0;display:grid;place-items:center;text-indent:0;font-size:18px}}

/* =========================================================
   Z-META V13 — WORKSPACE CENTER / FUTURE-READY FOLDER SYSTEM
   ========================================================= */
.folder-manager-modal{width:min(1180px,96vw);max-height:92vh;overflow:hidden}
.folder-manager-modal .modal-body{max-height:calc(92vh - 82px);overflow:auto;padding:18px 20px 24px}
.folder-manager-head-actions{display:flex;gap:8px;align-items:center}
.folder-center-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 150px 150px 150px auto;gap:8px;align-items:center;margin:0 0 12px}
.folder-center-search{display:flex;align-items:center;gap:8px;height:40px;border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:0 11px;color:var(--muted)}
.folder-center-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;min-width:0;font-size:11px}
.folder-archive-toggle{height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel);font-size:10px;font-weight:750;color:var(--muted);white-space:nowrap}
.folder-archive-toggle input{accent-color:var(--blue)}
.folder-manager-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px}
.folder-manager-summary span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:5px 9px;font-size:9px;color:var(--muted)}
.folder-manager-summary b{color:var(--text);font-size:10px}
.folder-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.folder-workspace-card{position:relative;min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:14px;box-shadow:0 1px 2px rgba(15,23,42,.02);transition:.16s ease}
.folder-workspace-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.08);border-color:color-mix(in srgb,var(--line) 58%,var(--blue))}
.folder-workspace-card.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 28%,transparent),0 12px 28px rgba(15,23,42,.08)}
.folder-workspace-card.archived{opacity:.72;background:var(--panel2)}
.folder-workspace-card .folder-card-head{display:flex;align-items:flex-start;gap:10px;min-width:0}
.folder-card-copy{min-width:0;flex:1}
.folder-card-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.folder-card-copy small{display:block;color:var(--muted);font-size:8.5px;margin-top:2px}
.folder-card-copy p{font-size:9px;color:var(--muted);line-height:1.45;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}
.folder-card-meta-badges{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0 0}
.folder-card-meta-badges span{font-size:8px;font-weight:800;border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:999px;padding:3px 6px}
.folder-card-meta-badges .pinned{color:var(--blue)}
.folder-card-meta-badges .archived{color:var(--amber)}
.folder-card-actions{display:flex;gap:7px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.folder-open-btn,.folder-manage-btn{height:34px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:9.5px;font-weight:800;padding:0 11px;cursor:pointer}
.folder-open-btn{flex:1;background:var(--text);color:var(--panel);border-color:var(--text)}
.folder-manage-btn{display:inline-flex;align-items:center;gap:6px}
.folder-manage-btn:hover{background:var(--panel2)}
.folder-pin-action{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);display:grid;place-items:center;cursor:pointer}
.folder-pin-action.active{color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--panel))}
.folder-manager-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:16px;padding:46px 18px;text-align:center;color:var(--muted);font-size:10px}

.folder-manage-dialog{width:min(900px,95vw);max-height:92vh;overflow:hidden}
.folder-manage-tabs{display:flex;gap:3px;padding:10px 18px 0;border-bottom:1px solid var(--line);overflow-x:auto}
.folder-manage-tab{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:800;padding:9px 12px;border-radius:9px 9px 0 0;cursor:pointer;white-space:nowrap;position:relative}
.folder-manage-tab.active{color:var(--text);background:var(--panel2)}
.folder-manage-tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--blue);border-radius:99px}
.folder-manage-body{max-height:calc(92vh - 155px);overflow:auto}
.folder-manage-panel{display:block}
.folder-manage-panel.hidden{display:none!important}
.folder-manage-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.folder-manage-section-head h3{font-size:15px;margin:0 0 4px}
.folder-manage-section-head p{font-size:9.5px;color:var(--muted);margin:0;line-height:1.5}
.folder-access-legend{font-size:8.5px;color:var(--muted);border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:7px 9px;white-space:nowrap}
.folder-panel-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.folder-access-list{display:grid;gap:7px}
.folder-access-row{display:grid;grid-template-columns:auto minmax(0,1fr) 120px;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel2);padding:9px 10px;border-radius:11px}
.folder-access-row.disabled{opacity:.6}
.folder-access-row .folder-access-person{display:flex;align-items:center;gap:9px;min-width:0}
.folder-access-row .folder-access-person strong,.folder-access-row .folder-access-person small{display:block}
.folder-access-row .folder-access-person strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.folder-access-row .folder-access-person small{font-size:8px;color:var(--muted);margin-top:2px}
.folder-access-row select{height:34px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:0 8px;font-size:9px}
.folder-tag-create-v13{grid-template-columns:minmax(0,1fr) 46px auto;margin-top:12px}
.folder-manage-dialog .folder-tag-library{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}
.folder-lifecycle-grid{display:grid;gap:10px}
.folder-lifecycle-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:12px}
.folder-lifecycle-card.danger{border-color:color-mix(in srgb,var(--red) 25%,var(--line));background:color-mix(in srgb,var(--red) 4%,var(--panel2))}
.folder-lifecycle-icon{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;color:var(--muted)}
.folder-lifecycle-card h3{font-size:11px;margin:0 0 4px}
.folder-lifecycle-card p{font-size:8.5px;color:var(--muted);margin:0;line-height:1.45}

.tag-library-dialog{width:min(760px,94vw)}
.tag-library-create{display:grid;grid-template-columns:minmax(0,1fr) 48px auto;gap:8px;align-items:center;margin-bottom:14px}
.tag-library-create input[type=color],.folder-tag-create-v13 input[type=color]{width:46px;height:40px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.tag-library-list{display:grid;gap:7px;max-height:55vh;overflow:auto}
.tag-library-row{display:grid;grid-template-columns:14px minmax(0,1fr) 110px auto;gap:9px;align-items:center;border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:8px 9px}
.tag-library-swatch{width:12px;height:12px;border-radius:4px;background:var(--tag);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.tag-library-row input[type=text]{height:34px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:0 9px;font-size:9.5px;min-width:0}
.tag-library-row input[type=color]{width:42px;height:34px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.tag-library-actions{display:flex;gap:5px}
.tag-library-actions button{height:32px;border-radius:8px;border:1px solid var(--line);background:var(--panel);font-size:8.5px;font-weight:800;padding:0 8px;cursor:pointer;color:var(--text)}
.tag-library-actions .danger{color:var(--red)}

/* Folder picker is promoted to a viewport-level popover by JS. This avoids clipping by tables/cards. */
.folder-quick-menu.folder-portal{position:fixed!important;z-index:5000!important;margin:0!important;max-height:min(560px,72vh);overflow:hidden!important;display:flex;flex-direction:column;box-shadow:0 24px 65px rgba(15,23,42,.20);border:1px solid var(--line);background:var(--panel);border-radius:14px}
.folder-quick-menu.folder-portal.hidden{display:none!important}
.folder-quick-search{padding:9px;border-bottom:1px solid var(--line);background:var(--panel)}
.folder-quick-search label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:0 9px;height:34px;color:var(--muted)}
.folder-quick-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:9.5px}
.folder-quick-scroll{overflow:auto;min-height:0;padding:5px}
.folder-quick-footer{flex:0 0 auto;border-top:1px solid var(--line)}

.cw-folder-actions .cw-folder-manage{display:inline-flex;align-items:center;gap:5px}

@media(max-width:1000px){
  .folder-center-toolbar{grid-template-columns:1fr 1fr 1fr}.folder-center-search{grid-column:1/-1}.folder-archive-toggle{justify-content:center}.folder-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .folder-manager-modal{width:98vw;max-height:96vh}.folder-manager-modal .modal-body{max-height:calc(96vh - 72px);padding:12px}
  .folder-manager-head-actions #manageTagLibraryBtn span:last-child{display:none}.folder-center-toolbar{grid-template-columns:1fr 1fr}.folder-center-search{grid-column:1/-1}.folder-center-toolbar .control{max-width:none}.folder-archive-toggle{justify-content:center}
  .folder-workspace-grid{grid-template-columns:1fr}.folder-manage-dialog{width:98vw;max-height:96vh}.folder-manage-body{max-height:calc(96vh - 145px);padding:14px}.folder-manage-section-head{flex-direction:column}.folder-access-legend{white-space:normal}.folder-access-row{grid-template-columns:auto minmax(0,1fr)}.folder-access-row select{grid-column:2}.folder-lifecycle-card{grid-template-columns:38px minmax(0,1fr)}.folder-lifecycle-card .btn{grid-column:1/-1;width:100%}.tag-library-row{grid-template-columns:14px minmax(0,1fr) 90px}.tag-library-actions{grid-column:2/-1;justify-content:flex-end}.tag-library-create{grid-template-columns:1fr 46px}.tag-library-create .btn{grid-column:1/-1}.folder-tag-create-v13{grid-template-columns:1fr 46px}.folder-tag-create-v13 .btn{grid-column:1/-1}
}
.viewer-lock-badge{display:inline-flex;align-items:center;height:29px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--muted);font-size:8px;font-weight:800}


/* =========================================================
   Z-META V13.2 — MINIMAL COPY / QUIET FOLDER CENTER
   Reduce nonessential text while preserving full capability.
   ========================================================= */
.folder-manager-modal .modal-header{padding-bottom:14px}
.folder-manager-modal .modal-header h2{font-size:20px;letter-spacing:-.025em}
.folder-manager-modal .modal-body{padding-top:16px}
.folder-manager-guide{display:none!important}
.folder-manager-summary{gap:6px;margin:2px 0 14px;color:var(--muted);font-size:9.5px}
.folder-manager-summary span{display:inline!important;border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;font-size:9.5px!important;color:var(--muted)!important}
.folder-manager-summary b{font-size:10px!important;color:var(--text)!important}
.folder-manager-summary>i{font-style:normal;color:color-mix(in srgb,var(--muted) 52%,transparent)}
.folder-workspace-card{min-height:0!important;gap:9px!important;padding:14px}
.folder-card-copy p{margin-top:5px!important;-webkit-line-clamp:1!important;font-size:8.5px!important}
.folder-card-meta-badges:empty,.folder-tag-preview:empty,.folder-member-preview:empty{display:none!important}
.folder-card-meta-badges{margin-top:6px!important}
.folder-tag-preview{min-height:0!important;margin-top:1px}
.folder-member-preview{min-height:0!important;padding:0!important;margin-top:1px}
.folder-member-preview small{display:none!important}
.folder-card-stats{display:none!important}
.folder-card-stats-compact{display:flex;align-items:center;gap:6px;min-height:20px;color:var(--muted);font-size:8.7px;white-space:nowrap;overflow:hidden}
.folder-card-stats-compact span{overflow:hidden;text-overflow:ellipsis}
.folder-card-stats-compact b{font-size:9.5px;color:var(--text)}
.folder-card-stats-compact .live b{color:var(--green)}
.folder-card-stats-compact .dead b{color:var(--red)}
.folder-card-stats-compact .unknown b{color:var(--amber)}
.folder-card-stats-compact i{font-style:normal;color:color-mix(in srgb,var(--muted) 48%,transparent)}
.folder-card-actions{margin-top:4px!important;padding-top:10px!important}
.folder-manager-empty{padding:38px 18px!important;font-size:10px!important}
.folder-manage-dialog .modal-header h2{font-size:20px}
.folder-manage-dialog .modal-subtitle:empty{display:none}
.folder-manage-section-head.minimal{align-items:center;margin-bottom:12px}
.folder-manage-section-head.minimal h3{margin:0}
.folder-access-legend{display:none!important}
.folder-lifecycle-card p{font-size:9px!important;line-height:1.4!important}
.folder-lifecycle-card h3{margin-bottom:2px!important}
.tag-library-dialog .modal-header{padding-bottom:14px}
@media(max-width:700px){
  .folder-manager-summary{margin-bottom:10px}
  .folder-card-stats-compact{flex-wrap:wrap;white-space:normal}
}


/* ZMETA_TABLE_INTERACTION_V1 */
#accountTable tbody tr{height:39px!important;min-height:39px!important}
#accountTable tbody td{padding-top:4px!important;padding-bottom:4px!important;vertical-align:middle}
#accountTable .avatar{width:27px!important;height:27px!important;min-width:27px!important}
#accountTable .account-cell{gap:7px!important}
#accountTable .account-meta{gap:1px!important}
#accountTable .account-tag-line{margin-top:1px!important}
#accountTable .row-actions button,#accountTable .row-actions a{max-height:26px}
#accountTable thead th.z-sortable-heading{cursor:grab;user-select:none;position:relative;padding-right:17px!important}
#accountTable thead th.z-sortable-heading:active{cursor:grabbing}
#accountTable thead th.z-sorted-asc::after{content:'↑';position:absolute;right:4px;opacity:.85}
#accountTable thead th.z-sorted-desc::after{content:'↓';position:absolute;right:4px;opacity:.85}
#accountTable thead th.z-dragging{opacity:.4}
.z-table-context{position:fixed;z-index:99999;background:var(--panel,#fff);color:var(--text,#171b22);border:1px solid var(--line,#e4e8ee);box-shadow:0 14px 42px rgba(0,0,0,.19);border-radius:10px;padding:5px;min-width:180px;max-width:240px;max-height:min(75vh,520px);overflow-y:auto}
.z-table-context[hidden]{display:none!important}
.z-table-context button{display:block;width:100%;text-align:left;padding:9px 11px;border:none;background:transparent;color:inherit;font:inherit;font-size:12px;border-radius:6px;cursor:pointer}
.z-table-context button:hover{background:var(--panel2,#f1f3f7)}
.z-table-context button.danger{color:var(--red,#c7352b)}


/* ZMETA_TABLE_VIEW_V2_20261027 : account-explorer only */
/* Let Accounts occupy the available application viewport, not the centered 1600px canvas. */
main:has(#accountTable){width:100%;min-width:0;padding-left:clamp(12px,1.2vw,24px)!important;padding-right:clamp(12px,1.2vw,24px)!important}
main:has(#accountTable) .page-section:has(#accountTable){max-width:none!important;width:100%!important;margin:0!important;min-width:0}
.page-section:has(#accountTable) .workspace-card{width:100%!important;max-width:none!important;min-width:0;overflow:hidden}
.page-section:has(#accountTable) .table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
/* Wide screens: consume the entire width; narrow screens: preserve horizontal scrolling. */
.page-section:has(#accountTable) #accountTable{width:100%!important;max-width:none!important;table-layout:auto;border-spacing:0}
.page-section:has(#accountTable) #accountTable thead th{white-space:nowrap;vertical-align:middle;padding:9px 9px!important;font-size:9px!important;letter-spacing:.025em}
.page-section:has(#accountTable) #accountTable tbody td{padding:5px 9px!important;height:40px!important;max-height:none;vertical-align:middle}
.page-section:has(#accountTable) #accountTable tbody tr{height:40px!important}
.page-section:has(#accountTable) #accountTable .account-cell{min-width:155px!important;gap:7px!important}
.page-section:has(#accountTable) #accountTable .avatar{width:26px!important;height:26px!important;min-width:26px!important;border-radius:7px!important}
.page-section:has(#accountTable) #accountTable .account-meta strong{font-size:10px!important}
.page-section:has(#accountTable) #accountTable .account-tag-line{margin-top:0!important}
.page-section:has(#accountTable) #accountTable .pill{padding:3px 5px}
.page-section:has(#accountTable) #accountTable tbody tr:hover{background:var(--panel2,#f5f7fa)}
/* Keep the DOM actions/buttons for existing event handlers and permission checks,
   but remove the visual action column entirely. Context menu still accesses them. */
.page-section:has(#accountTable) #accountTable th:has(.row-actions),
.page-section:has(#accountTable) #accountTable td:has(> .row-actions),
.page-section:has(#accountTable) #accountTable th[data-z-table-key="__actions"]{display:none!important}
.page-section:has(#accountTable) #accountTable th.actions-col{display:none!important}
/* Fallback to the canonical last header only when no explicit heading marker is available. */
.page-section:has(#accountTable) #accountTable thead th:last-child:not([data-col]):not(.number-col):not(.z-sortable-heading){display:none!important}
.page-section:has(#accountTable) #accountTable .row-actions{display:none!important}
/* Context menu: compact, clear, icon-and-label actions */
.z-table-context{min-width:205px!important;max-width:270px!important;padding:6px!important;border-radius:12px!important;box-shadow:0 18px 48px rgba(15,23,42,.20)!important}
.z-table-context button{display:flex!important;align-items:center;gap:11px;width:100%;font-size:12px!important;min-height:35px!important;padding:8px 10px!important;line-height:1.2}
.z-table-context .z-context-icon{display:inline-flex;justify-content:center;align-items:center;width:20px;flex:0 0 20px;font-size:15px}
.z-table-context button.danger{border-top:1px solid var(--line,#e5e9ef);border-radius:0;margin-top:3px;padding-top:11px!important}
@media(max-width:800px){main:has(#accountTable){padding-left:10px!important;padding-right:10px!important}.page-section:has(#accountTable) #accountTable{min-width:max-content!important}}


/* ZMETA_COLUMN_RESIZE_V3_20261027 */
/* Quiet 1px boundaries across the entire Account Explorer grid. */
#accountTable.z-column-resizable{
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
#accountTable.z-column-resizable thead th,
#accountTable.z-column-resizable tbody td{
  box-sizing:border-box!important;
  border-right:1px solid rgba(105,119,141,.19)!important;
}
[data-theme="dark"] #accountTable.z-column-resizable thead th,
[data-theme="dark"] #accountTable.z-column-resizable tbody td{
  border-right-color:rgba(160,174,195,.20)!important;
}
#accountTable.z-column-resizable thead th:last-child,
#accountTable.z-column-resizable tbody td:last-child{border-right-color:transparent!important}
#accountTable.z-column-resizable thead th{position:sticky;overflow:visible!important}
#accountTable.z-column-resizable tbody td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#accountTable.z-column-resizable .account-cell{min-width:0!important;max-width:100%!important}
#accountTable.z-column-resizable .account-meta{min-width:0!important}
#accountTable.z-column-resizable .cookie-inline-preview{max-width:100%!important}
/* 12px grab target, visually only a fine divider. */
#accountTable .z-col-resizer{
  display:block;position:absolute;top:0;right:-6px;bottom:0;width:12px;
  z-index:12;cursor:col-resize;touch-action:none;user-select:none;
  background:transparent;
}
#accountTable .z-col-resizer::after{
  content:"";position:absolute;top:16%;bottom:16%;left:5px;width:2px;
  border-radius:3px;background:transparent;transition:background .12s ease;
}
#accountTable .z-col-resizer:hover::after,
#accountTable .z-col-resizer:focus-visible::after,
#accountTable th.z-col-resizing .z-col-resizer::after{background:#3977ef}
#accountTable .z-col-resizer:focus-visible{outline:2px solid #3977ef;outline-offset:-2px}
body.z-table-resizing,body.z-table-resizing *{cursor:col-resize!important;user-select:none!important}
body.z-table-resizing #accountTable thead th{cursor:col-resize!important}
@media (prefers-reduced-motion:reduce){#accountTable .z-col-resizer::after{transition:none}}

/* ZMETA_TABLE_PRO_V1_START */

/* ===== Accounts page: make table the hero ===== */
#sectionAccounts.page-section{
  max-width:none !important;
  width:100% !important;
}

#sectionAccounts .topbar{
  margin-bottom:10px !important;
  gap:16px !important;
}

#sectionAccounts .topbar h1{
  font-size:28px !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  margin:0 0 4px !important;
}

#sectionAccounts .topbar p{
  font-size:11px !important;
  line-height:1.45 !important;
}

#sectionAccounts .stats-grid{
  gap:10px !important;
  margin-bottom:10px !important;
}

#sectionAccounts .stat-card{
  padding:12px 14px !important;
  border-radius:14px !important;
  min-height:80px !important;
}

#sectionAccounts .stat-card span{
  font-size:9px !important;
}

#sectionAccounts .stat-card strong{
  font-size:22px !important;
  margin:4px 0 0 !important;
}

#sectionAccounts .workspace-card{
  border-radius:16px !important;
  overflow:hidden !important;
}

/* ===== Toolbar ===== */
#sectionAccounts .toolbar{
  padding:8px 10px !important;
  gap:8px !important;
  align-items:center !important;
}

#sectionAccounts .btn,
#sectionAccounts .control{
  height:34px !important;
  min-height:34px !important;
  border-radius:10px !important;
  font-size:10px !important;
  padding:0 11px !important;
}

#sectionAccounts .searchbox{
  min-width:230px !important;
  border-radius:10px !important;
  padding:0 10px !important;
}

#sectionAccounts .searchbox input{
  height:34px !important;
  font-size:10.5px !important;
}

#sectionAccounts .toolbar .ui-icon{
  width:14px !important;
  height:14px !important;
}

/* ===== Table area ===== */
#sectionAccounts .table-wrap{
  max-height:74vh !important;
  min-height:420px !important;
  overflow:auto !important;
}

#sectionAccounts #accountTable{
  width:100% !important;
  min-width:1320px !important;
  font-size:10px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

#sectionAccounts #accountTable thead th{
  position:sticky !important;
  top:0 !important;
  z-index:20 !important;
  background:#f7f9fc !important;
  color:#64748b !important;
  padding:8px 10px !important;
  font-size:8px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid #dbe3ee !important;
  white-space:nowrap !important;
}

[data-theme="dark"] #sectionAccounts #accountTable thead th{
  background:#18202c !important;
  color:#94a3b8 !important;
  border-bottom:1px solid #2a3442 !important;
}

#sectionAccounts #accountTable tbody td{
  padding:6px 10px !important;
  height:42px !important;
  font-size:10px !important;
  line-height:1.25 !important;
  vertical-align:middle !important;
  border-bottom:1px solid rgba(148,163,184,.18) !important;
  background-clip:padding-box !important;
}

#sectionAccounts #accountTable th:not(:last-child),
#sectionAccounts #accountTable td:not(:last-child){
  border-right:1px solid rgba(148,163,184,.16) !important;
}

#sectionAccounts #accountTable tbody tr:hover td{
  background:#f8fbff !important;
}

[data-theme="dark"] #sectionAccounts #accountTable tbody tr:hover td{
  background:rgba(96,165,250,.05) !important;
}

/* keep sticky number column clean */
#sectionAccounts #accountTable th.number-col{
  background:#f1f5f9 !important;
}

#sectionAccounts #accountTable td.number-cell{
  background:#ffffff !important;
}

#sectionAccounts #accountTable tbody tr:hover td.number-cell,
#sectionAccounts #accountTable tbody tr.row-selected td.number-cell{
  background:#ffffff !important;
}

[data-theme="dark"] #sectionAccounts #accountTable th.number-col{
  background:#18202d !important;
}

[data-theme="dark"] #sectionAccounts #accountTable td.number-cell,
[data-theme="dark"] #sectionAccounts #accountTable tbody tr:hover td.number-cell,
[data-theme="dark"] #sectionAccounts #accountTable tbody tr.row-selected td.number-cell{
  background:#111722 !important;
}

/* ===== Compact row content ===== */
#sectionAccounts .account-cell{
  gap:8px !important;
  min-width:150px !important;
}

#sectionAccounts .avatar{
  width:28px !important;
  height:28px !important;
  border-radius:9px !important;
}

#sectionAccounts .account-meta strong{
  font-size:10px !important;
  line-height:1.15 !important;
  max-width:170px !important;
}

#sectionAccounts .account-meta span{
  font-size:7.5px !important;
  margin-top:1px !important;
}

#sectionAccounts .account-name-line{
  gap:6px !important;
}

#sectionAccounts .inline-status{
  padding:2px 6px !important;
  font-size:7px !important;
}

#sectionAccounts .customer-pill,
#sectionAccounts .assigned-user-pill{
  padding:3px 7px !important;
  font-size:8px !important;
  border-radius:999px !important;
}

#sectionAccounts .account-tags,
#sectionAccounts .account-tag-line{
  margin-top:2px !important;
  gap:4px !important;
}

#sectionAccounts .tag-pill,
#sectionAccounts .tag-chip,
#sectionAccounts .mini-tag{
  transform:scale(.92);
  transform-origin:left center;
}

/* ===== Cell width tuning ===== */
#sectionAccounts #accountTable th[data-col="assigned"],
#sectionAccounts #accountTable td[data-col="assigned"]{min-width:126px !important}

#sectionAccounts #accountTable th[data-col="account"],
#sectionAccounts #accountTable td[data-col="account"]{min-width:190px !important}

#sectionAccounts #accountTable th[data-col="uuid"],
#sectionAccounts #accountTable td[data-col="uuid"]{min-width:140px !important}

#sectionAccounts #accountTable th[data-col="password"],
#sectionAccounts #accountTable td[data-col="password"]{min-width:110px !important}

#sectionAccounts #accountTable th[data-col="phone"],
#sectionAccounts #accountTable td[data-col="phone"]{min-width:120px !important}

#sectionAccounts #accountTable th[data-col="twofa"],
#sectionAccounts #accountTable td[data-col="twofa"]{min-width:112px !important}

#sectionAccounts #accountTable th[data-col="code"],
#sectionAccounts #accountTable td[data-col="code"]{min-width:106px !important}

#sectionAccounts #accountTable th[data-col="cookies"],
#sectionAccounts #accountTable td[data-col="cookies"]{min-width:170px !important}

#sectionAccounts #accountTable th[data-col="updated"],
#sectionAccounts #accountTable td[data-col="updated"]{min-width:120px !important}

#sectionAccounts #accountTable th[data-col="app"],
#sectionAccounts #accountTable td[data-col="app"]{min-width:86px !important}

/* truncate long values cleanly */
#sectionAccounts [data-col="uuid"] .uuid-value,
#sectionAccounts [data-col="phone"] .copyable-text,
#sectionAccounts [data-col="twofa"] .twofa-secret,
#sectionAccounts [data-col="cookies"] .cookie-inline-preview,
#sectionAccounts [data-col="updated"] .copyable-text{
  display:inline-block !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  vertical-align:middle !important;
}

/* password + 2FA code tighter */
#sectionAccounts .password-value{
  letter-spacing:.08em !important;
}

#sectionAccounts .code-pill{
  min-width:94px !important;
  padding:4px 8px 5px !important;
  gap:4px !important;
  border-radius:9px !important;
}

#sectionAccounts .code-main{
  font-size:10px !important;
  letter-spacing:.12em !important;
}

#sectionAccounts .code-seconds{
  font-size:7px !important;
}

/* hide right-side action column if still exists */
#sectionAccounts #accountTable th.actions-col,
#sectionAccounts #accountTable td:has(.row-actions){
  display:none !important;
}

#sectionAccounts .row-actions{
  display:none !important;
}

/* footer / pagination compact */
#sectionAccounts .table-footer{
  padding:8px 10px !important;
  font-size:8px !important;
}

#sectionAccounts #paginationControls .btn,
#sectionAccounts #paginationControls button,
#sectionAccounts #paginationControls input,
#sectionAccounts #paginationControls select{
  height:30px !important;
  min-height:30px !important;
  font-size:10px !important;
}

/* a little more room on big screens */
@media (min-width: 1500px){
  #sectionAccounts main,
  main{
    padding-right:28px !important;
  }
  #sectionAccounts #accountTable{
    min-width:1440px !important;
  }
}

/* safer small-screen behavior */
@media (max-width: 1100px){
  #sectionAccounts .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #sectionAccounts .table-wrap{
    max-height:68vh !important;
  }
}

/* ZMETA_TABLE_PRO_V1_END */

/* ZMETA_TABLE_COLOR_TAG_LAYOUT_V1_START */

/* ===== Header warna penanda judul ===== */
#sectionAccounts #accountTable thead th{
  background:linear-gradient(180deg,#eef4fb 0%, #e7eff9 100%) !important;
  color:#5f7492 !important;
  border-bottom:1px solid #cfd9e6 !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.55) !important;
}
[data-theme="dark"] #sectionAccounts #accountTable thead th{
  background:linear-gradient(180deg,#1b2533 0%, #16202c 100%) !important;
  color:#9fb2ca !important;
  border-bottom:1px solid #2a3545 !important;
}

/* ===== Zebra rows ===== */
#sectionAccounts #accountTable tbody tr:nth-child(odd) td{
  background:#ffffff !important;
}
#sectionAccounts #accountTable tbody tr:nth-child(even) td{
  background:#f8fbff !important;
}
#sectionAccounts #accountTable tbody tr:hover td{
  background:#eef6ff !important;
}
[data-theme="dark"] #sectionAccounts #accountTable tbody tr:nth-child(odd) td{
  background:#121924 !important;
}
[data-theme="dark"] #sectionAccounts #accountTable tbody tr:nth-child(even) td{
  background:#151d29 !important;
}
[data-theme="dark"] #sectionAccounts #accountTable tbody tr:hover td{
  background:#1a2534 !important;
}

/* sticky number cell tetap bersih */
#sectionAccounts #accountTable td.number-cell{
  background:#fff !important;
}
#sectionAccounts #accountTable tbody tr:nth-child(even) td.number-cell{
  background:#f8fbff !important;
}
#sectionAccounts #accountTable tbody tr:hover td.number-cell{
  background:#eef6ff !important;
}
[data-theme="dark"] #sectionAccounts #accountTable td.number-cell{
  background:#121924 !important;
}
[data-theme="dark"] #sectionAccounts #accountTable tbody tr:nth-child(even) td.number-cell{
  background:#151d29 !important;
}
[data-theme="dark"] #sectionAccounts #accountTable tbody tr:hover td.number-cell{
  background:#1a2534 !important;
}

/* ===== Nama akun terpisah dari status/tag ===== */
#sectionAccounts .account-meta{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:3px !important;
  min-width:0 !important;
}
#sectionAccounts .account-name-line{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  width:100% !important;
  min-width:0 !important;
}
#sectionAccounts .account-name-line strong{
  display:block !important;
  max-width:180px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#sectionAccounts .account-subline{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  min-height:20px !important;
  overflow:hidden !important;
}

/* ===== LIVE / DEAD sejajar rapi ===== */
#sectionAccounts .account-subline .inline-status{
  min-width:64px !important;
  height:20px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  font-size:7px !important;
  font-weight:900 !important;
  line-height:1 !important;
  flex:0 0 64px !important;
}
#sectionAccounts .account-subline .inline-status span{
  white-space:nowrap !important;
}

/* ===== Tag sederet di samping status ===== */
#sectionAccounts .account-subline .account-tags{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  flex-wrap:nowrap !important;
  overflow:hidden !important;
  min-width:0 !important;
  margin:0 !important;
  cursor:pointer !important;
}
#sectionAccounts .account-subline .account-tag-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:20px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  font-size:8px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
}
#sectionAccounts .account-subline .account-tag-more{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:20px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  background:#eef2ff !important;
  color:#5b5bd6 !important;
  font-size:8px !important;
  font-weight:800 !important;
  flex:0 0 auto !important;
}

/* tombol add tag kalau belum ada tag */
#sectionAccounts .inline-add-tag,
#sectionAccounts .account-tag-open-btn.inline-add-tag{
  height:20px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  border:1px solid #d8c9ff !important;
  background:#f7f2ff !important;
  color:#6d42d8 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  font-size:8px !important;
  font-weight:800 !important;
  flex:0 0 auto !important;
}
#sectionAccounts .inline-add-tag .ui-icon{
  width:11px !important;
  height:11px !important;
}

/* sembunyikan layout tag lama kalau masih ada */
#sectionAccounts .account-tags-line{
  margin:0 !important;
  display:none !important;
}

/* rapikan account cell */
#sectionAccounts .account-cell{
  gap:8px !important;
}
#sectionAccounts .avatar{
  width:30px !important;
  height:30px !important;
  border-radius:9px !important;
}

/* sedikit penegasan border antar kolom */
#sectionAccounts #accountTable th:not(:last-child),
#sectionAccounts #accountTable td:not(:last-child){
  border-right:1px solid rgba(148,163,184,.14) !important;
}

/* ZMETA_TABLE_COLOR_TAG_LAYOUT_V1_END */


/* ZMETA_STATUS_TAG_COLUMN_V4 */

/* Bright purple table header */
html body #sectionAccounts #accountTable thead tr > th{
  background:linear-gradient(180deg,#a855f7,#7c3aed) !important;
  color:#ffffff !important;
  border-right:1px solid rgba(255,255,255,.24) !important;
  border-bottom:1px solid #6d28d9 !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.045em !important;
  text-shadow:none !important;
}

html body #sectionAccounts #accountTable thead tr > th.number-col{
  background:#8b5cf6 !important;
  color:#ffffff !important;
}

#sectionAccounts #accountTable thead th .ui-icon{
  color:#ffffff !important;
}

#sectionAccounts #accountTable thead th .z-col-resizer{
  border-right-color:rgba(255,255,255,.5) !important;
}

/* Account: name only */
#sectionAccounts #accountTable td[data-col="account"] .account-cell{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
}

#sectionAccounts #accountTable td[data-col="account"] .account-meta{
  min-width:0 !important;
}

#sectionAccounts #accountTable td[data-col="account"] .account-name-line{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
}

#sectionAccounts #accountTable td[data-col="account"] .account-name-line strong{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#sectionAccounts #accountTable td[data-col="account"] .avatar{
  width:27px !important;
  height:27px !important;
  flex:0 0 27px !important;
}

/* STATUS: LIVE | TAG 1 | TAG 2 ... */
#sectionAccounts #accountTable th[data-col="status_tags"],
#sectionAccounts #accountTable td[data-col="status_tags"]{
  width:230px;
  white-space:nowrap;
}

#sectionAccounts .zmeta-status-strip{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}

#sectionAccounts .zmeta-status-strip .inline-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  height:21px !important;
  min-width:66px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  font-size:8px !important;
  font-weight:800 !important;
  flex:0 0 66px !important;
}

#sectionAccounts .zmeta-status-strip .inline-status span{
  white-space:nowrap !important;
}

#sectionAccounts .zmeta-status-strip .account-tags{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:5px !important;
  min-width:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  cursor:pointer !important;
}

#sectionAccounts .zmeta-status-strip .account-tag-pill{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  height:21px !important;
  padding:0 8px !important;
  border-radius:6px !important;
  font-size:8px !important;
  font-weight:750 !important;
  white-space:nowrap !important;
}

#sectionAccounts .zmeta-status-strip .account-tag-more{
  flex:0 0 auto !important;
  font-size:8px !important;
}

#sectionAccounts .zmeta-status-strip .account-tag-open-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  height:21px !important;
  padding:0 9px !important;
  border-radius:6px !important;
  font-size:8px !important;
  flex:0 0 auto !important;
}

#sectionAccounts .zmeta-status-strip .account-tag-open-btn .ui-icon{
  width:11px !important;
  height:11px !important;
}

/* Compact rows */
#sectionAccounts #accountTable tbody td{
  height:40px !important;
  padding-top:5px !important;
  padding-bottom:5px !important;
}

/* Selected row */
#sectionAccounts #accountTable tbody tr.row-selected td{
  background:#ede9fe !important;
}

[data-theme="dark"] #sectionAccounts #accountTable tbody tr.row-selected td{
  background:#302249 !important;
}


/* ZMETA_TABLE_SINGLE_LINE_V5 */

/* Every table cell must remain on one line */
#sectionAccounts #accountTable thead th,
#sectionAccounts #accountTable tbody td {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  vertical-align: middle !important;
}

/* Keep text content in a single line */
#sectionAccounts #accountTable tbody td span,
#sectionAccounts #accountTable tbody td strong,
#sectionAccounts #accountTable tbody td time,
#sectionAccounts #accountTable tbody td small {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Date Created and Updated */
#sectionAccounts #accountTable tbody td:is(
  [data-col="data_create"],
  [data-col="date_created"],
  [data-col="created"],
  [data-col="data_update"],
  [data-col="updated"]
) {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

#sectionAccounts #accountTable tbody td:is(
  [data-col="data_create"],
  [data-col="date_created"],
  [data-col="created"],
  [data-col="data_update"],
  [data-col="updated"]
) > * {
  display: inline-block !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
}

/* Names remain single-line */
#sectionAccounts .account-name-line,
#sectionAccounts .account-name-line strong {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Status and tags stay horizontally aligned */
#sectionAccounts .zmeta-status-strip {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

/* Consistent compact row height */
#sectionAccounts #accountTable tbody td {
  height: 39px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Maintain horizontal scrolling */
#sectionAccounts .table-wrap {
  overflow-x: auto !important;
  overflow-y: auto !important;
}

/* Preserve header resize handles */
#sectionAccounts #accountTable thead th {
  overflow: visible !important;
}

/* ZMETA_NUMBER_HEADER_FIX_START */

/* Header nomor menyatu dengan seluruh header ungu */
html body #sectionAccounts #accountTable thead tr > th:first-child,
html body #sectionAccounts #accountTable thead tr > th.number-col {
    background:linear-gradient(
        180deg,#a855f7 0%,#7c3aed 100%
    ) !important;
    background-color:#8b5cf6 !important;
    color:#ffffff !important;
    border-bottom:1px solid #6d28d9 !important;
    border-right:1px solid rgba(255,255,255,.25) !important;
    position:sticky !important;
    left:0 !important;
    z-index:60 !important;
    opacity:1 !important;
    box-shadow:none !important;
    background-clip:border-box !important;
}

/* Checkbox dan nomor sejajar */
#sectionAccounts #accountTable thead .select-no-head {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    white-space:nowrap !important;
    color:#ffffff !important;
}

#sectionAccounts #accountTable thead th.number-col,
#sectionAccounts #accountTable thead th:first-child {
    min-width:58px !important;
    width:58px !important;
    text-align:center !important;
}

/* Menjaga sticky nomor tanpa garis bayangan mengganggu */
#sectionAccounts #accountTable tbody td.number-cell {
    box-shadow:none !important;
    border-right:1px solid rgba(148,163,184,.2) !important;
}

/* ZMETA_NUMBER_HEADER_FIX_END */


/* ZMETA_INDEPENDENT_TOUCH_V6_20261027 */

#sectionAccounts #accountTable.z-column-resizable{
  table-layout:fixed!important;
  border-spacing:0!important;
}

#sectionAccounts
#accountTable.z-column-resizable thead th,
#sectionAccounts
#accountTable.z-column-resizable tbody td{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  vertical-align:middle!important;
}

#sectionAccounts
#accountTable.z-column-resizable tbody td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#sectionAccounts .table-wrap{
  overflow-x:auto!important;
  overscroll-behavior-x:contain;
}

@media(max-width:700px){
  .z-table-context:not([hidden]){
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:max(
      12px,env(safe-area-inset-bottom)
    )!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(72dvh,580px)!important;
    overflow:auto!important;
    border-radius:17px!important;
    padding:8px!important;
    box-shadow:0 18px 60px
      rgba(15,23,42,.28)!important;
  }

  .z-table-context button{
    min-height:43px!important;
    font-size:13px!important;
  }

  #accountTable tbody tr{
    -webkit-touch-callout:none;
  }
}


/* ZMETA_TABLE_FIRST_V7 */

/* Desktop: sidebar collapsed by default */
@media(min-width:651px){
  html body .app-shell{
    grid-template-columns:66px minmax(0,1fr)!important;
    transition:grid-template-columns .2s ease!important;
  }
  html body.z-sidebar-expanded .app-shell{
    grid-template-columns:220px minmax(0,1fr)!important;
  }
  .sidebar{
    width:100%!important;
    min-width:0!important;
    padding:13px 7px!important;
    gap:9px!important;
    overflow:hidden!important;
    position:sticky!important;
  }
  .sidebar .brand{
    min-height:40px!important;
    padding:0 5px!important;
  }
  .sidebar .brand>div:last-child,
  .sidebar .nav-item span:not(.ico),
  .sidebar .nav-item b,
  .sidebar .profile-line,
  .sidebar .workspace-user,
  .sidebar .secure-card{
    display:none!important;
  }
  .sidebar .nav-item{
    width:100%!important;
    min-height:41px!important;
    padding:8px!important;
    justify-content:center!important;
    gap:9px!important;
  }
  .sidebar .bottom-profile{
    padding:6px 2px!important;
    justify-content:center!important;
  }

  html body.z-sidebar-expanded .sidebar{
    padding:15px 11px!important;
  }
  html body.z-sidebar-expanded .sidebar .brand>div:last-child{
    display:block!important;
  }
  html body.z-sidebar-expanded .sidebar .nav-item{
    justify-content:flex-start!important;
    padding:10px 11px!important;
  }
  html body.z-sidebar-expanded .sidebar .nav-item span:not(.ico){
    display:inline!important;
  }
  html body.z-sidebar-expanded .sidebar .nav-item b{
    display:inline-block!important;
  }
  html body.z-sidebar-expanded .sidebar .profile-line{
    display:block!important;
  }
  html body.z-sidebar-expanded .sidebar .bottom-profile{
    justify-content:flex-start!important;
  }
}

/* Sidebar floating toggle */
#zSidebarToggle{
  position:fixed;
  left:37px;
  top:15px;
  z-index:150;
  width:25px;
  height:25px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  color:var(--text);
  display:grid;
  place-items:center;
  font-size:15px;
  cursor:pointer;
  box-shadow:0 2px 9px rgba(15,23,42,.1);
  transition:left .2s ease,background .15s ease;
}
body.z-sidebar-expanded #zSidebarToggle{left:191px}
#zSidebarToggle:hover{
  background:var(--panel2);
}
#zSidebarToggle:focus-visible{
  outline:2px solid #8b5cf6;
  outline-offset:2px;
}

/* Accounts: full viewport workspace */
@media(min-width:651px){
  html,body{min-height:100%}
  .app-shell{min-height:100vh}

  html body main{
    padding:10px 13px 9px!important;
    min-width:0!important;
  }

  html body #sectionAccounts{
    max-width:none!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    height:calc(100dvh - 19px)!important;
    min-height:460px!important;
    overflow:hidden!important;
    gap:0!important;
  }

  #sectionAccounts .topbar{
    flex:0 0 auto!important;
    align-items:center!important;
    margin:0 0 7px!important;
    gap:12px!important;
    min-height:38px!important;
  }
  #sectionAccounts .topbar h1{
    font-size:18px!important;
    line-height:1.15!important;
    margin:0!important;
    letter-spacing:-.025em!important;
  }
  #sectionAccounts .topbar p{
    display:none!important;
  }
  #sectionAccounts .top-actions{
    gap:5px!important;
    align-items:center!important;
  }
  #sectionAccounts .top-actions .btn,
  #sectionAccounts .top-actions .control{
    height:31px!important;
    min-height:31px!important;
    padding:0 9px!important;
    font-size:9px!important;
  }

  #sectionAccounts .stats-grid,
  #sectionAccounts .stats-grid.stats-3{
    flex:0 0 auto!important;
    gap:7px!important;
    margin:0 0 7px!important;
    overflow:visible!important;
  }
  #sectionAccounts .stat-card{
    padding:7px 11px!important;
    min-height:57px!important;
    border-radius:10px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }
  #sectionAccounts .stat-card .stat-icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:9px!important;
  }
  #sectionAccounts .stat-card strong{
    font-size:18px!important;
    line-height:1!important;
    margin:2px 0 0!important;
  }
  #sectionAccounts .stat-card span{
    font-size:8px!important;
  }
  #sectionAccounts .stat-card small{
    font-size:8px!important;
  }

  #sectionAccounts .workspace-card{
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  #sectionAccounts .toolbar{
    flex:0 0 auto!important;
    min-height:43px!important;
    padding:5px 8px!important;
    gap:6px!important;
    margin:0!important;
  }

  #sectionAccounts .toolbar .btn,
  #sectionAccounts .toolbar .control{
    min-height:30px!important;
    height:30px!important;
    font-size:9px!important;
  }

  #sectionAccounts .table-wrap{
    flex:1 1 0!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:auto!important;
    scrollbar-gutter:stable!important;
  }

  #sectionAccounts .table-footer{
    flex:0 0 auto!important;
    min-height:25px!important;
    padding:4px 9px!important;
    font-size:8px!important;
  }
}

/* Mobile: collapse sidebar into a menu instead of
   consuming table width */
@media(max-width:650px){
  html body .sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(270px,82vw)!important;
    height:100dvh!important;
    z-index:145!important;
    transform:translateX(-105%);
    transition:transform .22s ease!important;
    display:flex!important;
    flex-direction:column!important;
    padding:18px 12px!important;
    overflow-y:auto!important;
    box-shadow:8px 0 30px rgba(0,0,0,.12);
  }
  html body.z-sidebar-expanded .sidebar{
    transform:translateX(0);
  }
  .sidebar nav{
    display:grid!important;
    overflow:visible!important;
  }
  .sidebar .nav-item{
    justify-content:flex-start!important;
    width:100%!important;
  }
  .sidebar .brand>div:last-child,
  .sidebar .nav-item span:not(.ico),
  .sidebar .nav-item b{
    display:block!important;
  }
  #zSidebarToggle{
    left:9px!important;
    top:9px!important;
    width:34px!important;
    height:34px!important;
  }
  body.z-sidebar-expanded #zSidebarToggle{
    left:min(228px,calc(82vw - 42px))!important;
  }
  html body main{
    padding:8px 7px 6px!important;
  }
  html body #sectionAccounts{
    display:flex!important;
    flex-direction:column!important;
    height:calc(100dvh - 14px)!important;
    min-height:390px!important;
    overflow:hidden!important;
  }
  #sectionAccounts .topbar{
    padding-left:42px!important;
    margin-bottom:6px!important;
    flex:0 0 auto!important;
  }
  #sectionAccounts .topbar h1{
    font-size:15px!important;
  }
  #sectionAccounts .topbar p{
    display:none!important;
  }
  #sectionAccounts .stats-grid{
    flex:0 0 auto!important;
    margin-bottom:6px!important;
  }
  #sectionAccounts .workspace-card{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 0!important;
    min-height:0!important;
  }
  #sectionAccounts .toolbar,
  #sectionAccounts .table-footer{
    flex:0 0 auto!important;
  }
  #sectionAccounts .table-wrap{
    flex:1 1 0!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    overflow:auto!important;
  }
}


/* ZMETA_SIDEBAR_POLISH_V8 */

/* Sidebar structure */
html body .sidebar{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}

html body .sidebar .sidebar-spacer{
  flex:1 1 auto!important;
  min-height:8px!important;
}

/* Integrated menu button - never overlap logo */
html body #zSidebarToggle{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  z-index:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 39px!important;
  width:42px!important;
  height:39px!important;
  min-height:39px!important;
  margin:0 auto 7px!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--muted)!important;
  font-size:0!important;
  line-height:0!important;
  cursor:pointer!important;
  transition:background .16s,color .16s!important;
}

/* Professional sidebar-panel icon */
html body #zSidebarToggle::before{
  content:""!important;
  display:block!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border:1.8px solid currentColor!important;
  border-radius:4px!important;
  background:
    linear-gradient(currentColor,currentColor)
    6px center/1.8px 100% no-repeat!important;
}

html body #zSidebarToggle:hover{
  color:#365fe5!important;
  background:#eef3ff!important;
}

html body #zSidebarToggle:focus-visible,
html body #logoutBtn:focus-visible{
  outline:2px solid #7c3aed!important;
  outline-offset:2px!important;
}

/* Sidebar expanded toggle */
@media(min-width:651px){
  html body .sidebar{
    height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }

  html body .sidebar .brand{
    flex:0 0 auto!important;
    justify-content:center!important;
  }

  html body.z-sidebar-expanded .sidebar .brand{
    justify-content:flex-start!important;
  }

  html body.z-sidebar-expanded #zSidebarToggle{
    width:100%!important;
    margin:0 0 7px!important;
    padding:0 11px!important;
    justify-content:flex-start!important;
    background:var(--panel2)!important;
    color:var(--text)!important;
  }

  html body.z-sidebar-expanded #zSidebarToggle::after{
    content:"Tutup menu"!important;
    display:inline-block!important;
    margin-left:10px!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.2!important;
  }
}

/* User profile is shown only in expanded sidebar */
html body:not(.z-sidebar-expanded)
.sidebar .bottom-profile{
  display:none!important;
}

html body.z-sidebar-expanded
.sidebar .bottom-profile{
  display:flex!important;
  flex:0 0 auto!important;
}

/* Persistent logout at the bottom */
html body .sidebar .z-sidebar-footer{
  display:flex!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin-top:auto!important;
  padding:9px 0 3px!important;
  border-top:1px solid var(--line)!important;
  justify-content:center!important;
  align-items:center!important;
}

html body .sidebar .z-sidebar-footer #logoutBtn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  flex:0 0 auto!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:var(--panel2)!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
}

html body .sidebar #logoutBtn svg{
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
}

html body .sidebar #logoutBtn:hover{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#dc2626!important;
}

html body:not(.z-sidebar-expanded)
.sidebar .z-sidebar-logout-label{
  display:none!important;
}

html body.z-sidebar-expanded
.sidebar .z-sidebar-footer #logoutBtn{
  width:100%!important;
  justify-content:flex-start!important;
  padding:0 12px!important;
}

html body.z-sidebar-expanded
.sidebar .z-sidebar-logout-label{
  display:inline!important;
  font-size:11px!important;
  font-weight:700!important;
}

[data-theme="dark"] .sidebar #logoutBtn:hover{
  background:rgba(220,38,38,.12)!important;
  border-color:rgba(220,38,38,.25)!important;
}

/* Mobile */
#zMobileNavToggle{display:none}

@media(max-width:650px){
  html body #zSidebarToggle{
    display:none!important;
  }

  html body #zMobileNavToggle{
    position:fixed!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    top:9px!important;
    left:9px!important;
    z-index:160!important;
    width:37px!important;
    height:37px!important;
    padding:0!important;
    border:1px solid var(--line)!important;
    border-radius:11px!important;
    color:var(--text)!important;
    background:var(--panel)!important;
    box-shadow:0 3px 12px rgba(15,23,42,.10)!important;
    cursor:pointer!important;
  }

  html body.z-sidebar-expanded #zMobileNavToggle{
    left:min(228px,calc(82vw - 42px))!important;
  }

  html body .sidebar .z-sidebar-footer{
    margin-top:auto!important;
    padding-bottom:max(9px,env(safe-area-inset-bottom))!important;
  }

  html body.z-sidebar-expanded .sidebar
  .z-sidebar-footer #logoutBtn{
    width:100%!important;
  }
}


/* ZMETA_PERFORMANCE_V9_20261027 */

/* Plain-text assignments, without badges */
#sectionAccounts #accountTable
td[data-col="assigned"] .assigned-user-pill,
#sectionAccounts #accountTable
td[data-col="assigned"] .assigned-user-pill.unassigned{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  min-height:22px!important;
  color:var(--text)!important;
  font-size:10px!important;
  font-weight:650!important;
}

#sectionAccounts #accountTable
td[data-col="assigned"] .assigned-user-pill i{
  box-shadow:none!important;
}

/* Virtual scroll placeholders */
#sectionAccounts #accountTable tbody
tr.zmeta-virtual-padding,
#sectionAccounts #accountTable tbody
tr.zmeta-virtual-padding td{
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}

#sectionAccounts #accountTable tbody
tr.zmeta-virtual-padding td{
  min-height:0!important;
}
/* ZMETA_PHOTO_CONTEXT_V2 */
.z-photo-v2-pop{position:fixed;z-index:99999;min-width:220px;padding:6px;border-radius:12px;background:var(--panel,#fff);color:var(--text,#111);border:1px solid var(--line,#ddd);box-shadow:0 12px 38px #0003}
.z-photo-v2-pop button{display:block;width:100%;padding:11px 12px;text-align:left;background:transparent;color:inherit;border:0;border-radius:7px;cursor:pointer;font:inherit;font-size:12px}
.z-photo-v2-pop button:hover{background:var(--panel2,#eee)}
.z-photo-v2-modal{position:fixed;inset:0;z-index:99998;background:#0008;display:flex;align-items:center;justify-content:center;padding:18px}
.z-photo-v2-card{min-width:min(420px,100%);max-width:min(600px,96vw);max-height:90vh;overflow:auto;background:var(--panel,#fff);color:var(--text,#111);padding:18px;border-radius:15px;box-shadow:0 20px 50px #0005}
.z-photo-v2-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.z-photo-v2-title button{border:0;border-radius:6px;background:var(--panel2,#eee);cursor:pointer;color:inherit;padding:8px}
.z-photo-v2-card img{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:auto;border-radius:8px}

/* ZMETA_PHOTO_HTTP_V3 */
.z-photo-v2-pop{min-width:165px!important;width:max-content!important;max-width:min(240px,85vw)!important;padding:4px!important;border-radius:10px!important}
.z-photo-v2-pop button{padding:7px 9px!important;font-size:11px!important;line-height:1.25!important;border-radius:6px!important}
.z-table-context button[data-photo-mode]{padding:7px 9px!important;font-size:11px!important;line-height:1.35!important;min-height:30px!important}
.z-table-context button[data-photo-mode] .z-context-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;margin-right:6px!important}
.z-photo-v2-modal{padding:12px!important}
.z-photo-v2-card{width:min(355px,calc(100vw - 24px))!important;min-width:0!important;max-width:100%!important;padding:12px 14px!important;border-radius:12px!important;font-size:12px!important;box-shadow:0 12px 35px #0003!important}
.z-photo-v2-title{margin-bottom:7px!important}
.z-photo-v2-title strong{font-size:13px!important}
.z-photo-v2-title button{width:28px!important;height:28px!important;padding:0!important;font-size:16px!important}
.z-photo-v2-card [data-photo-body]{font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
.z-photo-v2-card [data-photo-body] p{margin:7px 0 0!important;font-size:10px!important;line-height:1.4!important}
.z-photo-v2-card img{max-height:65vh!important}

/* ZMETA_PHOTO_POLISH_V4_20261027 */
#sectionAccounts .account-cell .avatar.z-photo-focused{
  outline:2px solid #7c3aed!important;outline-offset:3px!important;
  border-color:#7c3aed!important;
  box-shadow:0 0 0 5px rgba(124,58,237,.15)!important;
  position:relative;z-index:3;
}
.z-photo-v2-pop{
  min-width:168px!important;width:185px!important;max-width:calc(100vw - 18px)!important;
  padding:4px!important;border-radius:10px!important;
  box-shadow:0 12px 32px rgba(15,23,42,.2)!important;
}
.z-photo-v2-pop button{padding:8px 9px!important;min-height:32px!important;font-size:11px!important;line-height:1.2!important;}
.z-table-context .z-photo-danger-divider{height:1px!important;background:var(--line,#e3e7ef)!important;margin:5px 4px!important;}
.z-table-context button[data-action="delete"]{
  display:flex!important;align-items:center!important;gap:9px!important;
  color:#dc2626!important;min-height:36px!important;
}
.z-table-context button[data-action="delete"]:hover{background:#fef2f2!important;}
.z-photo-v2-card{width:min(345px,calc(100vw - 20px))!important;padding:12px!important;border-radius:12px!important;}
.z-photo-v2-card [data-photo-body]{font-size:11px!important;line-height:1.4!important;overflow-wrap:anywhere!important;}
.z-photo-v2-card [data-photo-body] p{margin:7px 0 0!important;font-size:10px!important;}

/* ZMETA_GET_PHOTO_SPINNER_V5_20261027 */
#sectionAccounts .account-cell.z-get-photo-loading{
  position:relative;
  --z-avsize:34px;
}
body.compact #sectionAccounts .account-cell.z-get-photo-loading{
  --z-avsize:28px;
}
#sectionAccounts .account-cell.z-get-photo-loading::before{
  content:"";
  position:absolute;
  left:0;top:50%;
  transform:translateY(-50%);
  width:var(--z-avsize);
  height:var(--z-avsize);
  border-radius:9px;
  background:rgba(15,23,42,.48);
  z-index:5;
  pointer-events:none;
}
#sectionAccounts .account-cell.z-get-photo-loading::after{
  content:"";
  position:absolute;
  left:calc(var(--z-avsize)/2);
  top:50%;
  width:14px;height:14px;
  border:2px solid #ffffff88;
  border-top-color:#fff;
  border-radius:50%;
  box-sizing:border-box;
  transform:translate(-50%,-50%);
  animation:zPhotoSpin .75s linear infinite;
  z-index:6;
  pointer-events:none;
}
@keyframes zPhotoSpin{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}


/* ZMETA_MULTI_AVATAR_SELECTION_V6 */
#sectionAccounts #tableBody tr.row-selected .account-cell .avatar {
    outline: 2px solid #7c3aed !important;
    outline-offset: 3px !important;
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 5px rgba(124,58,237,.15) !important;
    position: relative;
    z-index: 3;
}


/* ZMETA_EXCEL_DRAG_SELECTION_V7_20261027 */
#sectionAccounts #accountTable tbody td,
#sectionAccounts #accountTable tbody td * {
  -webkit-user-select: none !important;
  user-select: none !important;
}

#sectionAccounts #accountTable tbody td .row-select-checkbox {
  cursor: pointer;
}

body.zmeta-grid-selecting,
body.zmeta-grid-selecting * {
  -webkit-user-select: none !important;
  user-select: none !important;
  cursor: crosshair !important;
}

#sectionAccounts #accountTable tbody tr.row-selected td {
  transition: background-color 100ms ease;
}
/* ZMETA_QUICK_ACTIONS_V8_20261027 */
.z-table-context.z-qa-v8{
  position:fixed;z-index:100010;min-width:225px!important;width:244px!important;
  max-width:calc(100vw - 16px)!important;max-height:min(76vh,640px)!important;
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
  padding:5px!important;border-radius:12px!important;
  background:var(--panel,#fff);color:var(--text,#111827);
  border:1px solid var(--line,#e2e8f0);
  box-shadow:0 15px 40px rgba(15,23,42,.18)!important;
}
.z-qa-v8 .z-qa-header{
  padding:8px 10px 7px;color:var(--text,#111827);
  font-size:11px;font-weight:700;letter-spacing:.01em;
}
.z-qa-v8 .z-qa-group{
  padding:9px 10px 3px;margin:5px 3px 1px;
  border-top:1px solid var(--line,#e5e7eb);
  font-size:9px;letter-spacing:.075em;font-weight:750;
  color:var(--muted,#778295);line-height:1;
}
.z-qa-v8 .z-qa-item{
  display:flex!important;width:100%;align-items:center;gap:9px!important;
  min-height:31px!important;text-align:left;padding:6px 9px!important;
  font-size:11px!important;line-height:1.3!important;
  color:inherit;background:transparent;border:0;border-radius:7px!important;
  cursor:pointer;white-space:nowrap;
}
.z-qa-v8 .z-qa-item:hover:not(:disabled),.z-qa-v8 .z-qa-item:focus-visible{
  background:var(--panel2,#f1f5f9)!important;outline:none;
}
.z-qa-v8 .z-qa-item:disabled{opacity:.42;cursor:not-allowed}
.z-qa-v8 .z-qa-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;flex:0 0 18px;font-size:14px}
.z-qa-v8 .z-qa-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.z-qa-v8 .z-qa-separator{height:1px;background:var(--line,#e5e7eb);margin:7px 5px 5px}
.z-qa-v8 button.z-qa-danger{color:#dc2626!important;border:0!important;margin:0!important}
.z-qa-v8 button.z-qa-danger:hover{background:#fef2f2!important}

/* ZMETA_QUICK_ACTIONS_V9_20261027 */
#bulkBar #selectedCount { display:none!important; }
#bulkBar #clearSelectionBtn.z-qa-clear-x {
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
  margin:0 0 0 6px!important;
  border:1px solid var(--line,#d8deea)!important;
  border-radius:9px!important;
  background:var(--panel,#fff)!important;
  color:var(--muted,#64748b)!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:400!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 30px!important;
  cursor:pointer!important;
}
#bulkBar #clearSelectionBtn.z-qa-clear-x:hover {
  color:#dc2626!important;
  background:#fef2f2!important;
  border-color:#fecaca!important;
}
#accountTable thead th[data-z-table-key="__number"] {
  cursor:default!important;
}
#accountTable thead th[data-z-table-key="__number"]::after {
  content:none!important;
}

/* ZMETA_PHOTO_STREAM_V10_20261027 */
#bulkBar #clearSelectionBtn.z-clear-red,
#bulkBar #z-clear-by-delete.z-clear-red {
  position:relative!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  flex:0 0 32px!important;
  padding:0!important;
  margin:0 0 0 7px!important;
  background:#dc2626!important;
  border:1px solid #dc2626!important;
  border-radius:9px!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

#bulkBar #clearSelectionBtn.z-clear-red:hover,
#bulkBar #z-clear-by-delete.z-clear-red:hover {
  background:#b91c1c!important;
  border-color:#b91c1c!important;
}

#bulkBar #clearSelectionBtn.z-clear-red::before,
#bulkBar #clearSelectionBtn.z-clear-red::after,
#bulkBar #z-clear-by-delete.z-clear-red::before,
#bulkBar #z-clear-by-delete.z-clear-red::after {
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:14px!important;
  height:2px!important;
  background:#fff!important;
  border-radius:2px!important;
  transform-origin:center!important;
}

#bulkBar #clearSelectionBtn.z-clear-red::before,
#bulkBar #z-clear-by-delete.z-clear-red::before {
  transform:translate(-50%,-50%) rotate(45deg)!important;
}

#bulkBar #clearSelectionBtn.z-clear-red::after,
#bulkBar #z-clear-by-delete.z-clear-red::after {
  transform:translate(-50%,-50%) rotate(-45deg)!important;
}

#sectionAccounts .account-cell.z-get-photo-failed .avatar {
  outline:2px solid #ef4444!important;
  outline-offset:2px!important;
}


/* ZMETA_PHOTO_ALIGN_V11_20261027 */

#sectionAccounts .account-cell.z-get-photo-loading {
  position: relative !important;
}

#sectionAccounts .account-cell.z-get-photo-loading::before {
  position: absolute !important;
  left: var(--zphoto-center-x, 17px) !important;
  top: var(--zphoto-center-y, 50%) !important;
  width: var(--zphoto-width, 34px) !important;
  height: var(--zphoto-height, 34px) !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 10px !important;
  background: rgba(15,23,42,.38) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

#sectionAccounts .account-cell.z-get-photo-loading::after {
  position: absolute !important;
  left: var(--zphoto-center-x, 17px) !important;
  top: var(--zphoto-center-y, 50%) !important;
  width: 15px !important;
  height: 15px !important;
  border: 2px solid rgba(255,255,255,.45) !important;
  border-top-color: #fff !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  animation: zPhotoSpin .7s linear infinite !important;
  pointer-events: none !important;
  z-index: 6 !important;
}

/* ZMETA_SIDEBAR_SAFE_V13_20261027 */
@media (min-width:651px) {
  .sidebar .z-side-legacy-toggle {
    display:none!important;
  }

  .sidebar .brand {
    position:relative;
    min-height:42px;
    padding-right:35px!important;
  }

  .sidebar .z-side-top-toggle {
    position:absolute;
    right:2px;
    top:1px;
    width:32px;
    height:32px;
    min-width:32px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line,#dce2eb);
    border-radius:9px;
    background:var(--panel,#fff);
    color:var(--muted,#64748b);
    cursor:pointer;
  }

  .sidebar .z-side-top-toggle:hover {
    background:var(--panel2,#f5f7fb);
    color:var(--text,#222);
  }

  .sidebar .bottom-profile {
    display:flex!important;
    align-items:center!important;
  }

  .sidebar .bottom-profile #logoutBtn.z-side-logout {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex:0 0 34px!important;
    padding:0!important;
    margin:0 0 0 auto!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:var(--muted,#64748b)!important;
    font-size:0!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }

  .sidebar .bottom-profile #logoutBtn.z-side-logout:hover {
    background:#fee2e2!important;
    color:#dc2626!important;
  }

  .sidebar .bottom-profile > .profile-logout:not(#logoutBtn) {
    display:none!important;
  }

  /* Hanya dipakai jika toggle bawaan tidak ditemukan. */
  .app-shell.z-side-mini {
    grid-template-columns:72px minmax(0,1fr)!important;
  }

  .app-shell.z-side-mini > .sidebar {
    padding-left:7px!important;
    padding-right:7px!important;
  }

  .app-shell.z-side-mini > .sidebar .brand {
    padding:0 0 12px!important;
    justify-content:center;
    min-height:45px;
  }

  .app-shell.z-side-mini > .sidebar
  .brand > :not(.z-side-top-toggle) {
    display:none!important;
  }

  .app-shell.z-side-mini > .sidebar .z-side-top-toggle {
    position:relative;
    right:auto;
    top:auto;
    margin:0;
  }

  .app-shell.z-side-mini > .sidebar .nav-item {
    justify-content:center!important;
    gap:0!important;
    padding:8px!important;
  }

  .app-shell.z-side-mini > .sidebar
  .nav-item > :not(.ico):not(.nav-ico) {
    display:none!important;
  }

  .app-shell.z-side-mini > .sidebar .nav-item b {
    display:none!important;
  }

  .app-shell.z-side-mini > .sidebar .bottom-profile {
    justify-content:center!important;
    padding:5px!important;
  }

  .app-shell.z-side-mini > .sidebar
  .bottom-profile > :not(#logoutBtn) {
    display:none!important;
  }

  .app-shell.z-side-mini > .sidebar #logoutBtn.z-side-logout {
    margin:0!important;
  }
}

@media (max-width:650px) {
  .sidebar .z-side-top-toggle {
    display:none!important;
  }

  .sidebar .z-side-legacy-toggle {
    display:initial!important;
  }
}


/* ZMETA_SIDEBAR_FIX_V14_20261027 */

/* sembunyikan baris tutup/buka menu lama */
.zmeta-hide-toggle-row {
  display: none !important;
}

/* profile bawah */
.sidebar .bottom-profile {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* tombol logout normal */
.sidebar #logoutBtn.zmeta-logout-mini-fix {
  margin-left: auto !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  flex: 0 0 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.sidebar #logoutBtn.zmeta-logout-mini-fix:hover {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}

/* saat sidebar mini / ditutup */
.app-shell.z-side-mini > .sidebar .bottom-profile {
  margin-top: auto !important;
  padding: 8px 0 12px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.app-shell.z-side-mini > .sidebar .bottom-profile > :not(#logoutBtn) {
  display: none !important;
}

.app-shell.z-side-mini > .sidebar #logoutBtn.zmeta-logout-mini-fix {
  margin: 0 !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}



/* ZMETA_SAFE_UI_V15_20261027 */

.sidebar .zmeta-old-sidebar-toggle-v15 {
  display:none!important;
}

/* Setiap halaman hanya muncul ketika aktif. */
.page-section.hidden,
#sectionAccounts.hidden,
#sectionCustomers.hidden,
#sectionCustomerWorkspace.hidden,
#sectionActivity.hidden,
#sectionTeam.hidden {
  display:none!important;
}

/* Logout merah */
.sidebar #logoutBtn.z-side-logout,
.sidebar #logoutBtn.zmeta-logout-mini-fix,
.sidebar #logoutBtn,
.sidebar .zmeta-inline-logout {
  color:#dc2626!important;
}

.sidebar #logoutBtn:hover,
.sidebar .zmeta-inline-logout:hover {
  background:#fee2e2!important;
  color:#b91c1c!important;
}


/* ZMETA_SIDEBAR_CLEAN_V16_20261027 */

.sidebar .zmeta-legacy-hide-v16 {
  display:none!important;
}

.sidebar #logoutBtn,
.sidebar #logoutBtn.z-side-logout,
.sidebar #logoutBtn.zmeta-logout-mini-fix {
  color:#dc2626!important;
}

.sidebar #logoutBtn svg,
.sidebar #logoutBtn svg path {
  stroke:currentColor!important;
}

.sidebar #logoutBtn:hover {
  background:#fef2f2!important;
  color:#b91c1c!important;
}

/* ZMETA_SIDEBAR_HEADER_V17_20261027 */

.sidebar .z-old-toggle-row-v17 {
  display:none!important;
}

/* Header sidebar saat terbuka */
.sidebar .brand.z-brand-full-v17 {
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 34px!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-height:55px!important;
  padding:0 0 12px!important;
  margin:0!important;
  position:relative!important;
}

/* Logo */
.sidebar .brand.z-brand-full-v17 > :first-child {
  grid-column:1;
  grid-row:1;
  min-width:0!important;
}

/* Area tulisan */
.sidebar .brand.z-brand-full-v17
.z-brand-copy-v17 {
  grid-column:2;
  grid-row:1;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;

  margin:0!important;
  padding:0!important;
}

/* Baris judul & subtitle */
.sidebar .brand.z-brand-full-v17
.z-brand-copy-v17 strong,

.sidebar .brand.z-brand-full-v17
.z-brand-copy-v17 span,

.sidebar .brand.z-brand-full-v17
.z-brand-copy-v17 small {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;

  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.25!important;
}

/* Z-META */
.sidebar .brand.z-brand-full-v17
.z-brand-copy-v17 strong {
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}

/* Account Management */
.sidebar .brand.z-brand-full-v17
.z-brand-copy-v17 span,

.sidebar .brand.z-brand-full-v17
.z-brand-copy-v17 small {
  font-size:9px!important;
  letter-spacing:0!important;
  color:var(--muted,#64748b)!important;
}

/* Icon sidebar di kanan atas */
.sidebar .brand.z-brand-full-v17
> .z-side-top-toggle,

.sidebar .brand.z-brand-full-v17
> .zmeta-sidebar-top-toggle {
  grid-column:3;
  grid-row:1;

  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  margin:0!important;

  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}


/* ZMETA_FOLDER_UI_V18_20261027 */

/* 1) Hapus menu Folders di sidebar */
.zmeta-hide-folders-v18 {
  display: none !important;
}

/* 2) Helper Folder Workspace */
.zmeta-folder-helper-v18 {
  display: inline-flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 1px !important;
  margin-right: 10px !important;
  padding: 0 6px 0 2px !important;
  min-width: 150px !important;
  max-width: 190px !important;
}

.zmeta-folder-helper-title-v18 {
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #d946ef !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

.zmeta-folder-helper-sub-v18 {
  font-size: 10px !important;
  line-height: 1.15 !important;
  color: #64748b !important;
  white-space: nowrap !important;
}

/* 3) Main folder selector */
.zmeta-folder-main-v18 {
  position: relative !important;
}

.zmeta-folder-main-v18::before {
  content: "📁";
  display: inline-block !important;
  margin-right: 8px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* 4) Tombol buka/tutup dropdown folder -> emoji */
.zmeta-folder-toggle-v18 {
  position: relative !important;
  min-width: 42px !important;
  width: 42px !important;
  padding: 0 !important;
  font-size: 0 !important;
}

.zmeta-folder-toggle-v18 svg,
.zmeta-folder-toggle-v18 i,
.zmeta-folder-toggle-v18 img,
.zmeta-folder-toggle-v18 span {
  opacity: 0 !important;
}

.zmeta-folder-toggle-v18::before {
  content: "🔽";
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

/* Biar rapi di layar lebih kecil */
@media (max-width: 1360px) {
  .zmeta-folder-helper-sub-v18 {
    display: none !important;
  }
  .zmeta-folder-helper-v18 {
    min-width: auto !important;
    max-width: 120px !important;
    margin-right: 8px !important;
  }
}


/* ZMETA_FOLDER_DIRECT_V19_20261027 */

/* Hapus menu Folders di sidebar */
#foldersNavBtn {
    display: none !important;
}

/* Nonaktifkan dekorasi dari patch V18 */
.zmeta-folder-helper-v18 {
    display: none !important;
}
.zmeta-folder-main-v18::before {
    content: none !important;
}

/* Label pemilih folder workspace */
@media (min-width: 900px) {
    #folderToolbarPicker {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        min-width: 0 !important;
    }

    #folderToolbarPicker::before {
        content: "📁 FOLDER WORKSPACE  ➜";
        white-space: pre !important;
        display: inline-block !important;
        flex: 0 0 auto !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.5 !important;
        color: var(--text, #334155) !important;
    }
}

/* Dropdown dengan emoji */
#foldersBtn .folder-picker-chevron {
    font-size: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#foldersBtn .folder-picker-chevron::after {
    content: "🔽" !important;
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

/* Pastikan selector tetap mudah digunakan */
#foldersBtn {
    cursor: pointer !important;
}
#foldersBtn:focus-visible {
    outline: 2px solid #7c3aed !important;
    outline-offset: 2px !important;
}


/* ZMETA_FOLDER_POINTER_V20_20261027 */

#folderToolbarPicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Hilangkan label CSS versi sebelumnya */
#folderToolbarPicker::before {
  content: none !important;
  display: none !important;
}

.zmeta-folder-helper-v18 {
  display: none !important;
}

/* Label */
#folderToolbarPicker > .z-folder-pointer-v20 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 18px !important;
  color: var(--text, #111318) !important;
  padding: 0 1px 9px 0 !important;
  margin: 0 !important;
}

/* Garis merah */
#folderToolbarPicker > .z-folder-pointer-v20::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: #ef4444 !important;
}

/* Ujung panah mengarah ke kanan */
#folderToolbarPicker > .z-folder-pointer-v20::before {
  content: "" !important;
  position: absolute !important;
  right: -2px !important;
  bottom: -4px !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-left: 9px solid #ef4444 !important;
}

@media (max-width: 1100px) {
  #folderToolbarPicker > .z-folder-pointer-v20 {
    font-size: 10px !important;
  }
}

/* ZMETA_FOLDER_ACCOUNT_V21_20261027 */

#folderToolbarPicker::before {
  content:none!important;
  display:none!important;
}

#folderQuickMenu .folder-quick-head strong {
  letter-spacing:.08em;
  font-weight:800;
}

/* Warna ikon folder */
#folderQuickMenu .folder-quick-icon {
  border:1px solid transparent;
  background:var(--folder-bg,#eff6ff)!important;
  color:var(--folder-fg,#2563eb)!important;
  transition:background-color .15s,color .15s;
}

#folderQuickMenu .folder-quick-icon.folder-blue {
  --folder-bg:#dbeafe;
  --folder-fg:#1d4ed8;
}

#folderQuickMenu .folder-quick-icon.folder-green {
  --folder-bg:#d1fae5;
  --folder-fg:#047857;
}

#folderQuickMenu .folder-quick-icon.folder-violet {
  --folder-bg:#ede9fe;
  --folder-fg:#6d28d9;
}

#folderQuickMenu .folder-quick-icon.folder-amber {
  --folder-bg:#fef3c7;
  --folder-fg:#b45309;
}

#folderQuickMenu .folder-quick-icon.folder-red {
  --folder-bg:#fee2e2;
  --folder-fg:#b91c1c;
}

#folderQuickMenu .folder-quick-icon.folder-sky {
  --folder-bg:#e0f2fe;
  --folder-fg:#0369a1;
}

/* Variasi untuk folder yang menggunakan warna default */
#folderQuickMenu .folder-quick-item:nth-child(6n+1)
.folder-quick-icon.folder-slate {
  --folder-bg:#dbeafe;--folder-fg:#1d4ed8;
}

#folderQuickMenu .folder-quick-item:nth-child(6n+2)
.folder-quick-icon.folder-slate {
  --folder-bg:#ede9fe;--folder-fg:#6d28d9;
}

#folderQuickMenu .folder-quick-item:nth-child(6n+3)
.folder-quick-icon.folder-slate {
  --folder-bg:#d1fae5;--folder-fg:#047857;
}

#folderQuickMenu .folder-quick-item:nth-child(6n+4)
.folder-quick-icon.folder-slate {
  --folder-bg:#fef3c7;--folder-fg:#b45309;
}

#folderQuickMenu .folder-quick-item:nth-child(6n+5)
.folder-quick-icon.folder-slate {
  --folder-bg:#fce7f3;--folder-fg:#be185d;
}

#folderQuickMenu .folder-quick-item:nth-child(6n)
.folder-quick-icon.folder-slate {
  --folder-bg:#e0f2fe;--folder-fg:#0369a1;
}

#folderQuickMenu .folder-quick-icon .ui-icon {
  color:inherit!important;
  opacity:1!important;
  filter:none!important;
}

#folderQuickMenu .folder-quick-item.selected .folder-quick-icon {
  outline:1px solid currentColor;
  outline-offset:1px;
}

#folderQuickMenu .folder-manage-link {
  font-weight:750;
}

#folderManagerDialog[open] {
  z-index:8000!important;
  visibility:visible!important;
}


/* ZMETA_FOLDER_FEEDBACK_V22_20261027 */

/* Dropdown: click feedback */
#foldersBtn {
  transition: transform .14s ease,
              box-shadow .18s ease,
              filter .18s ease !important;
  transform-origin: center !important;
}

#foldersBtn:hover {
  filter: brightness(1.07) !important;
}

#foldersBtn:active {
  transform: scale(.975) !important;
  filter: brightness(.96) !important;
}

#foldersBtn[aria-expanded="true"] {
  box-shadow:
    0 0 0 3px rgba(124,58,237,.20),
    0 7px 20px rgba(96,49,207,.23) !important;
}

#foldersBtn[aria-expanded="true"]
.folder-picker-chevron::after {
  content: "🔼" !important;
}

/* Item folder: hover, click, selected */
#folderQuickMenu .folder-quick-item {
  transition:
    background-color .16s ease,
    border-color .16s ease,
    transform .12s ease !important;
}

#folderQuickMenu .folder-quick-item:hover {
  background: rgba(124,58,237,.08) !important;
  border-color: rgba(124,58,237,.25) !important;
}

#folderQuickMenu .folder-quick-item:active {
  transform: scale(.975) !important;
  background: rgba(124,58,237,.17) !important;
}

#folderQuickMenu .folder-quick-item.selected {
  background: rgba(124,58,237,.12) !important;
  border-color: rgba(124,58,237,.42) !important;
  box-shadow: inset 3px 0 0 #7c3aed !important;
}

#foldersBtn:focus-visible,
#folderQuickMenu .folder-quick-item:focus-visible {
  outline: 2px solid #a78bfa !important;
  outline-offset: 2px !important;
}

/* Folder Manager: colored cards */
#folderManagerDialog .folder-workspace-card {
  --fc: #7c3aed;

  background:
    color-mix(
      in srgb,
      var(--panel) 84%,
      var(--fc) 16%
    ) !important;

  border-color:
    color-mix(
      in srgb,
      var(--line) 45%,
      var(--fc) 55%
    ) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-color .18s ease !important;
}

#folderManagerDialog .folder-workspace-card
.folder-card-icon {
  color: var(--fc) !important;

  background:
    color-mix(
      in srgb,
      var(--panel) 75%,
      var(--fc) 25%
    ) !important;
}

#folderManagerDialog .folder-workspace-card:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 10px 25px rgba(76,29,149,.12) !important;
}

#folderManagerDialog .folder-workspace-card.active {
  border-color: var(--fc) !important;
  box-shadow:
    0 0 0 2px
    color-mix(
      in srgb,
      transparent 68%,
      var(--fc) 32%
    ) !important;
}

/* Warna berdasarkan folder */
#folderManagerDialog .folder-workspace-card.folder-blue {
  --fc: #2563eb;
}

#folderManagerDialog .folder-workspace-card.folder-green {
  --fc: #059669;
}

#folderManagerDialog .folder-workspace-card.folder-violet {
  --fc: #7c3aed;
}

#folderManagerDialog .folder-workspace-card.folder-amber {
  --fc: #d97706;
}

#folderManagerDialog .folder-workspace-card.folder-red {
  --fc: #dc2626;
}

#folderManagerDialog .folder-workspace-card.folder-sky {
  --fc: #0284c7;
}

/* Folder default: variasi otomatis */
#folderManagerDialog
.folder-workspace-card.folder-slate:nth-child(6n+1) {
  --fc: #2563eb;
}

#folderManagerDialog
.folder-workspace-card.folder-slate:nth-child(6n+2) {
  --fc: #059669;
}

#folderManagerDialog
.folder-workspace-card.folder-slate:nth-child(6n+3) {
  --fc: #7c3aed;
}

#folderManagerDialog
.folder-workspace-card.folder-slate:nth-child(6n+4) {
  --fc: #d97706;
}

#folderManagerDialog
.folder-workspace-card.folder-slate:nth-child(6n+5) {
  --fc: #db2777;
}

#folderManagerDialog
.folder-workspace-card.folder-slate:nth-child(6n) {
  --fc: #0284c7;
}

/* Dark Mode */
[data-theme="dark"]
#folderManagerDialog .folder-workspace-card {
  background:
    color-mix(
      in srgb,
      var(--panel) 75%,
      var(--fc) 25%
    ) !important;
}

[data-theme="dark"]
#folderQuickMenu .folder-quick-item:hover {
  background: rgba(139,92,246,.15) !important;
}

[data-theme="dark"]
#folderQuickMenu .folder-quick-item.selected {
  background: rgba(139,92,246,.20) !important;
  border-color: rgba(167,139,250,.5) !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  #foldersBtn,
  #folderQuickMenu .folder-quick-item,
  #folderManagerDialog .folder-workspace-card {
    transition: none !important;
    transform: none !important;
  }
}


/* ZMETA_FOLDER_COLOR_V24_FIXED_20261027 */

/* Hilangkan judul di dalam dropdown */
#folderQuickMenu .folder-quick-head {
  display:none!important;
}

#folderQuickMenu .folder-quick-search {
  padding-top:12px!important;
}

/* Pemilih warna bebas */
.zfc24-picker {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:40px;
}

.zfc24-swatch {
  width:56px;
  min-width:56px;
  height:40px;
  padding:3px;
  border:1px solid var(--line,#dbe2ec);
  border-radius:10px;
  background:var(--panel,#fff);
  cursor:pointer;
}

.zfc24-hex {
  width:112px;
  height:40px;
  min-width:0;
  padding:8px 10px;
  border:1px solid var(--line,#dbe2ec);
  border-radius:10px;
  background:var(--panel,#fff);
  color:var(--text,#172033);
  font:600 12px ui-monospace,monospace;
}

.zfc24-swatch:focus-visible,
.zfc24-hex:focus-visible {
  outline:2px solid #7c3aed;
  outline-offset:2px;
}

/* Ikon folder mengikuti warna tersimpan */
#folderQuickMenu .folder-quick-icon[style*="--zfc"] {
  background:color-mix(
    in srgb,var(--zfc) 20%,var(--panel,#fff)
  )!important;
  color:var(--zfc)!important;
}

#folderQuickMenu
.folder-quick-icon[style*="--zfc"] svg {
  color:inherit!important;
}

/* Seluruh kartu folder berwarna */
#folderManagerDialog
.folder-workspace-card[style*="--zfc"] {
  background:color-mix(
    in srgb,var(--zfc) 15%,var(--panel,#fff)
  )!important;
  border-color:color-mix(
    in srgb,var(--zfc) 40%,var(--line,#dbe2ec)
  )!important;
}

#folderManagerDialog
.folder-workspace-card[style*="--zfc"]
.folder-card-icon {
  background:color-mix(
    in srgb,var(--zfc) 25%,var(--panel,#fff)
  )!important;
  color:var(--zfc)!important;
}

/* Dark mode */
[data-theme="dark"]
#folderManagerDialog
.folder-workspace-card[style*="--zfc"] {
  background:color-mix(
    in srgb,var(--zfc) 24%,var(--panel,#101827)
  )!important;
}


/* ZMETA_FULL_HEIGHT_V25_20261027 */

/* Activity, Customers, Team: memenuhi tinggi layar */
@media (min-width:651px) {
  #sectionActivity:not(.hidden),
  #sectionCustomers:not(.hidden),
  #sectionTeam:not(.hidden),
  #sectionCustomerWorkspace:not(.hidden) {
    display:flex!important;
    flex-direction:column!important;
    min-height:calc(100vh - 80px)!important;
    min-height:calc(100dvh - 80px)!important;
    width:100%;
  }

  /* Kartu utama memanjang sampai bawah */
  #sectionActivity > .workspace-card:last-of-type,
  #sectionCustomers > .workspace-card:last-of-type,
  #sectionTeam > .workspace-card:last-of-type,
  #sectionTeam > .team-workspace:last-of-type {
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:320px;
  }

  /* Tabel memenuhi ruang kartu */
  #sectionActivity .activity-wrap,
  #sectionActivity .table-wrap,
  #sectionCustomers .customer-table-wrap,
  #sectionTeam .table-wrap,
  #sectionTeam .team-table-wrap {
    flex:1 1 auto!important;
    min-height:280px!important;
    max-height:none!important;
    overflow:auto;
  }

  /* Footer tabel tetap di bawah */
  #sectionActivity .table-footer,
  #sectionCustomers .table-footer,
  #sectionTeam .table-footer {
    margin-top:auto;
    flex-shrink:0;
  }
}

/* Logout: merah permanen */
.sidebar #logoutBtn,
.sidebar .profile-logout,
.sidebar #logoutBtn.z-side-logout,
.sidebar #logoutBtn.zmeta-logout-mini-fix {
  color:#dc2626!important;
  transition:
    background-color .16s ease,
    color .16s ease,
    transform .16s ease!important;
}

.sidebar #logoutBtn svg,
.sidebar .profile-logout svg,
.sidebar #logoutBtn .ui-icon {
  color:inherit!important;
}

.sidebar #logoutBtn:hover,
.sidebar .profile-logout:hover {
  color:#b91c1c!important;
  background:#fee2e2!important;
}

.sidebar #logoutBtn:active,
.sidebar .profile-logout:active {
  transform:scale(.94);
}

.sidebar #logoutBtn:focus-visible,
.sidebar .profile-logout:focus-visible {
  outline:2px solid #ef4444!important;
  outline-offset:2px;
}

/* Dark Mode */
[data-theme="dark"] .sidebar #logoutBtn,
[data-theme="dark"] .sidebar .profile-logout {
  color:#fb7185!important;
}

[data-theme="dark"] .sidebar #logoutBtn:hover,
[data-theme="dark"] .sidebar .profile-logout:hover {
  color:#fda4af!important;
  background:rgba(225,29,72,.16)!important;
}

/* Mobile: tinggi halaman mengikuti isi */
@media (max-width:650px) {
  #sectionActivity,
  #sectionCustomers,
  #sectionTeam,
  #sectionCustomerWorkspace {
    min-height:calc(100dvh - 110px);
  }
}


/* ZMETA_LAYOUT_AUTO_V26_20261027 */

/* 1. Halaman mengikuti konten, bukan memaksa full height */
@media (min-width:651px) {

  #sectionCustomers:not(.hidden),
  #sectionActivity:not(.hidden),
  #sectionTeam:not(.hidden),
  #sectionCustomerWorkspace:not(.hidden) {
    display:block!important;
    flex:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  /* Kartu tabel tidak boleh memenuhi sisa layar */
  #sectionCustomers > .workspace-card:last-of-type,
  #sectionActivity > .workspace-card:last-of-type,
  #sectionTeam > .workspace-card:last-of-type,
  #sectionCustomerWorkspace > .workspace-card:last-of-type,
  #sectionTeam > .team-workspace:last-of-type {
    display:block!important;
    flex:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  /* Customers: tinggi natural dengan batas maksimal */
  #sectionCustomers .customer-table-wrap,
  #sectionCustomers .table-wrap {
    display:block!important;
    flex:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(70dvh,720px)!important;
    overflow-y:auto!important;
    overflow-x:auto!important;
    overscroll-behavior:contain;
  }

  /* Activity: scroll sendiri, tidak memanjang tak terbatas */
  #sectionActivity .activity-wrap,
  #sectionActivity .table-wrap {
    display:block!important;
    flex:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(65dvh,700px)!important;
    overflow-y:auto!important;
    overflow-x:auto!important;
    overscroll-behavior:contain;
  }

  /* Team */
  #sectionTeam .team-table-wrap,
  #sectionTeam .table-wrap {
    display:block!important;
    flex:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(70dvh,720px)!important;
    overflow-y:auto!important;
    overflow-x:auto!important;
    overscroll-behavior:contain;
  }

  /* Footer tetap pada posisi alami */
  #sectionCustomers .table-footer,
  #sectionActivity .table-footer,
  #sectionTeam .table-footer {
    margin-top:0!important;
  }
}

/* 2. Logout merah permanen */
.sidebar .bottom-profile #logoutBtn,
.sidebar .bottom-profile .profile-logout,
.sidebar .bottom-profile #logoutBtn.z-side-logout,
.sidebar .bottom-profile #logoutBtn.zmeta-logout-mini-fix {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:35px!important;
  height:35px!important;
  min-width:35px!important;

  padding:0!important;
  border:1px solid #dc2626!important;
  border-radius:10px!important;

  background:#dc2626!important;
  color:#ffffff!important;

  box-shadow:0 3px 9px rgba(220,38,38,.15)!important;

  cursor:pointer!important;

  transition:
    transform .14s ease,
    background-color .14s ease,
    box-shadow .14s ease!important;
}

/* Ikon putih, termasuk SVG dengan warna bawaan */
.sidebar .bottom-profile #logoutBtn svg,
.sidebar .bottom-profile .profile-logout svg {
  color:#ffffff!important;
  stroke:#ffffff!important;
  width:18px!important;
  height:18px!important;
}

.sidebar .bottom-profile #logoutBtn svg path,
.sidebar .bottom-profile #logoutBtn svg line,
.sidebar .bottom-profile #logoutBtn svg polyline,
.sidebar .bottom-profile .profile-logout svg path,
.sidebar .bottom-profile .profile-logout svg line,
.sidebar .bottom-profile .profile-logout svg polyline {
  stroke:#ffffff!important;
}

/* Hover */
.sidebar .bottom-profile #logoutBtn:hover,
.sidebar .bottom-profile .profile-logout:hover {
  background:#b91c1c!important;
  border-color:#b91c1c!important;
  box-shadow:0 5px 14px rgba(185,28,28,.25)!important;
}

/* Efek klik */
.sidebar .bottom-profile #logoutBtn:active,
.sidebar .bottom-profile .profile-logout:active {
  transform:scale(.90)!important;
  background:#991b1b!important;
  box-shadow:0 1px 3px rgba(153,27,27,.20)!important;
}

.sidebar .bottom-profile #logoutBtn:focus-visible,
.sidebar .bottom-profile .profile-logout:focus-visible {
  outline:2px solid #ef4444!important;
  outline-offset:3px!important;
}

/* Dark mode */
[data-theme="dark"] .sidebar .bottom-profile #logoutBtn,
[data-theme="dark"] .sidebar .bottom-profile .profile-logout {
  background:#dc2626!important;
  color:#fff!important;
}


/* ZMETA_ACTIVITY_VIEWPORT_V27_20261027 */

/* Activity mengikuti tinggi layar */
@media (min-width:651px) {
  #sectionActivity:not(.hidden) .z-activity-fit-v27 {
    display:block!important;
    flex:none!important;

    height:
      var(--zactivity-fit-v27,calc(100dvh - 95px))!important;

    min-height:0!important;

    max-height:
      var(--zactivity-fit-v27,calc(100dvh - 95px))!important;

    overflow-y:auto!important;
    overflow-x:auto!important;
    overscroll-behavior:contain;
  }
}

/* Logout kembali ke gaya minimalis */
.sidebar .bottom-profile #logoutBtn,
.sidebar .bottom-profile #logoutBtn.z-side-logout,
.sidebar .bottom-profile #logoutBtn.zmeta-logout-mini-fix,
.sidebar .bottom-profile .profile-logout {
  background:var(--panel,#fff)!important;
  border:1px solid var(--line,#e2e8f0)!important;

  color:#dc2626!important;
  box-shadow:none!important;

  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    transform .12s ease!important;
}

/* Hanya icon berwarna merah */
.sidebar .bottom-profile #logoutBtn svg,
.sidebar .bottom-profile #logoutBtn svg path,
.sidebar .bottom-profile #logoutBtn svg line,
.sidebar .bottom-profile #logoutBtn svg polyline,
.sidebar .bottom-profile .profile-logout svg,
.sidebar .bottom-profile .profile-logout svg path,
.sidebar .bottom-profile .profile-logout svg line,
.sidebar .bottom-profile .profile-logout svg polyline {
  color:#dc2626!important;
  stroke:#dc2626!important;
}

/* Hover */
.sidebar .bottom-profile #logoutBtn:hover,
.sidebar .bottom-profile .profile-logout:hover {
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#b91c1c!important;
  box-shadow:none!important;
}

/* Efek tekan */
.sidebar .bottom-profile #logoutBtn:active,
.sidebar .bottom-profile .profile-logout:active {
  transform:scale(.93)!important;
  background:#ffe4e6!important;
}

/* Dark mode */
[data-theme="dark"]
.sidebar .bottom-profile #logoutBtn,
[data-theme="dark"]
.sidebar .bottom-profile .profile-logout {
  background:var(--panel,#161d29)!important;
  border-color:var(--line,#293443)!important;
}

[data-theme="dark"]
.sidebar .bottom-profile #logoutBtn:hover,
[data-theme="dark"]
.sidebar .bottom-profile .profile-logout:hover {
  background:rgba(220,38,38,.12)!important;
}

/* ZMETA_HIDE_OLD_MENU_V29_20261027 */
.sidebar .zmeta-legacy-menu-v29 {
  display:none!important;
}


/* ZMETA_REMOVE_OLD_SIDEBAR_TOGGLE_V32 */

/* Sembunyikan tombol sidebar lama sepenuhnya */
@media (min-width: 651px) {
  html body #zSidebarToggle,
  html body .sidebar #zSidebarToggle,
  html body .sidebar #zSidebarToggle.z-sidebar-panel-toggle {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  html body #zSidebarToggle::before,
  html body #zSidebarToggle::after {
    content: none !important;
    display: none !important;
  }
}


/* ZMETA_SIDEBAR_UNIFIED_V33_20261028 */

@media (min-width:651px) {

  html body .app-shell {
    transition:grid-template-columns .20s ease;
  }

  /* Sidebar benar-benar mengecil */
  html body .app-shell.zmeta-sidebar-mini-v33 {
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    width:100%!important;
  }

  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar {
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    padding:16px 8px 12px!important;
    gap:13px!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  /* Header: logo di atas, toggle di bawah */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand,
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand.z-brand-full-v17 {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    position:relative!important;
    width:100%!important;
    min-height:94px!important;
    padding:0 0 12px!important;
    margin:0!important;
    grid-template-columns:none!important;
    overflow:visible!important;
  }

  /* Logo tidak boleh hilang */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand
  > :first-child:not(.z-sidebar-toggle-v33) {
    display:flex!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand > :first-child img {
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }

  /* Sembunyikan judul hanya pada mode mini */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand
  > :not(:first-child):not(.z-sidebar-toggle-v33) {
    display:none!important;
  }

  /* Ikon toggle tetap terlihat */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand > .z-sidebar-toggle-v33 {
    display:inline-flex!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* Navigasi berbentuk icon rail */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    gap:7px!important;
  }

  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav .nav-item {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    margin:0 auto!important;
    gap:0!important;
    border-radius:12px!important;
    text-align:center!important;
  }

  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav .nav-item
  > :not(.ico):not(.nav-ico):not(svg),
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav .nav-item b {
    display:none!important;
  }

  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav .nav-item .ico,
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav .nav-item .nav-ico {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    flex:0 0 auto!important;
  }

  /* Footer akun: hanya Logout, di tengah */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .bottom-profile {
    width:56px!important;
    min-width:0!important;
    max-width:56px!important;
    margin:auto auto 0!important;
    padding:8px 4px!important;
    min-height:54px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
  }

  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .bottom-profile > :not(#logoutBtn) {
    display:none!important;
  }

  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .bottom-profile #logoutBtn {
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0!important;
    flex:0 0 34px!important;
  }

  html body .app-shell.zmeta-sidebar-mini-v33 > main {
    min-width:0!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body .app-shell {
    transition:none!important;
  }
}


/* ZMETA_MINI_HIDE_LOGO_V34 */
@media (min-width:651px) {

  /* Sembunyikan logo hanya saat mode mini */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand
  > :first-child:not(.z-sidebar-toggle-v33) {
    display:none!important;
  }

  /* Hilangkan ruang kosong bekas logo */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand {
    min-height:44px!important;
    height:auto!important;
    padding:0 0 12px!important;
    gap:0!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* Toggle tetap berada di bagian atas */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand > .z-sidebar-toggle-v33 {
    position:static!important;
    display:inline-flex!important;
    margin:0 auto!important;
    width:34px!important;
    height:34px!important;
    align-items:center!important;
    justify-content:center!important;
  }
}


/* ZMETA_MINI_ROLE_VISIBILITY_V35 */
@media (min-width:651px) {

  /* Hormati menu yang disembunyikan berdasarkan role */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav .nav-item.hidden,

  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav .nav-item[hidden],

  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav .nav-item[aria-hidden="true"] {
    display:none!important;
    visibility:hidden!important;
  }

  /* Jangan tampilkan menu tersembunyi akibat aturan V33 */
  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav .owner-only.hidden,

  html body .app-shell.zmeta-sidebar-mini-v33
  > .sidebar nav .customer-only.hidden {
    display:none!important;
  }
}


/* ZMETA_UI_V36_20261028 */

/* Quick Actions: scroll internal dan tidak terpotong */
.z-table-context.z-qa-v8 {
  position: fixed !important;
  max-height: calc(100dvh - 20px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
  touch-action: pan-y;
}

#accountTable img.avatar {
  object-fit: cover;
  background: var(--panel2,#eef2f8);
}


/* ZMETA_SIDEBAR_CSRF_V38_20261028 */

@media (min-width:651px) {

  /* Header khusus ketika sidebar kecil */
  html body
  .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand,
  html body
  .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand.z-brand-full-v17 {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;

    width:100%!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;

    padding:0 0 12px!important;
    margin:0!important;

    overflow:hidden!important;
    font-size:0!important;
    line-height:0!important;
    color:transparent!important;
  }

  /* Sembunyikan semua isi header lama */
  html body
  .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand
  > :not(.z-sidebar-toggle-v33) {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }

  /* Pastikan teks logo dari patch sebelumnya hilang */
  html body
  .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand
  .z-brand-copy-v17 {
    display:none!important;
  }

  /* Toggle menjadi satu-satunya elemen header */
  html body
  .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand
  > .z-sidebar-toggle-v33 {
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;

    position:relative!important;
    inset:auto!important;
    transform:none!important;

    align-items:center!important;
    justify-content:center!important;

    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;

    margin:0!important;
    padding:0!important;

    color:#64748b!important;
    font-size:14px!important;
    line-height:1!important;
  }

  /* Tidak ada dekorasi atau teks tambahan */
  html body
  .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand::before,
  html body
  .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand::after {
    content:none!important;
    display:none!important;
  }

  html body
  .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand
  > .z-sidebar-toggle-v33:hover {
    background:var(--panel2,#f1f5f9)!important;
    color:var(--text,#334155)!important;
  }

  html body
  .app-shell.zmeta-sidebar-mini-v33
  > .sidebar .brand
  > .z-sidebar-toggle-v33:active {
    transform:scale(.93)!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .z-sidebar-toggle-v33 {
    transition:none!important;
  }
}

/* ZMETA_FIREFOX_CONNECT_V1_20261028 */
.z-qa-v8 .zc-quick-action:disabled {opacity:.42;cursor:not-allowed}
.z-qa-v8 .zc-quick-action:not(:disabled):hover {background:var(--panel2,#edf2ff)}
.zc-cover{position:fixed;inset:0;z-index:2147483000;background:rgba(11,20,35,.62);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;box-sizing:border-box}
.zc-panel{width:min(100%,394px);box-sizing:border-box;padding:28px;border:1px solid var(--border,#e2e8f0);border-radius:20px;background:var(--panel,#fff);color:var(--text,#1e293b);box-shadow:0 24px 70px #0b14234d;font-family:inherit}
.zc-mark{width:48px;height:48px;background:#345bf5;border-radius:13px;color:white;display:grid;place-items:center;font-weight:800;font-size:26px;margin-bottom:18px}
.zc-panel h2{font-size:20px;letter-spacing:-.5px;margin:0 0 8px;font-weight:750}
.zc-detail{font-size:13px;line-height:1.65;margin:0 0 24px;color:var(--muted,#64748b)}
.zc-actions{display:flex;gap:10px;justify-content:flex-end}
.zc-actions button{border:0;border-radius:11px;padding:11px 14px;font-size:13px;font-weight:650;cursor:pointer}
.zc-secondary{background:var(--panel2,#f1f5f9);color:var(--text,#334155)}
.zc-primary{background:#345bf5;color:#fff}
.zc-actions button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
@media(max-width:420px){.zc-actions{flex-direction:column-reverse}.zc-actions button{width:100%}}

/* ZMETA_CONNECT_NATIVE_V152 */
.zmc-page{padding:18px 24px 30px!important;max-width:none!important}.zmc-page.hidden,.zmc-page .hidden{display:none!important}.zmc-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;margin-bottom:12px}.zmc-overview>div{padding:13px 16px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:58px}.zmc-overview>div:last-child{border-right:0}.zmc-overview span{font-size:8.5px;color:var(--muted);font-weight:700}.zmc-overview strong{font-size:20px;line-height:1}.zmc-workspace{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;box-shadow:0 8px 28px rgba(20,31,52,.035)}.zmc-workbar{min-height:52px;padding:0 10px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.zmc-tabs{display:flex;align-items:center;gap:4px;align-self:stretch}.zmc-tabs button{height:52px;padding:0 9px;border:0;background:transparent;color:var(--muted);font-size:8.7px;font-weight:760;cursor:pointer;position:relative}.zmc-tabs button.active{color:var(--text)}.zmc-tabs button.active:after{content:"";position:absolute;left:9px;right:9px;bottom:-1px;height:2px;background:#2563eb;border-radius:2px}.zmc-tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--panel2);border:1px solid var(--line);font-size:7.6px;margin-left:3px}.zmc-tools{display:flex;align-items:center;gap:6px}.zmc-search{height:32px;width:190px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);padding:0 9px}.zmc-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:8.8px}.zmc-new{height:32px!important;padding:0 11px!important;border-radius:9px!important;font-size:8.6px!important}.zmc-table-scroll{overflow:auto}.zmc-table{width:100%!important;min-width:820px!important;border-collapse:separate;border-spacing:0;font-size:9.2px}.zmc-table th{padding:8px 12px!important;background:var(--panel2);color:var(--muted);font-size:7.2px!important;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line)}.zmc-table td{padding:10px 12px!important;height:56px!important;border-bottom:1px solid var(--line);vertical-align:middle}.zmc-table tbody tr:last-child td{border-bottom:0}.zmc-table tbody tr:hover{background:color-mix(in srgb,var(--panel2) 55%,transparent)}.zmc-primary>strong{display:block;font-size:10px}.zmc-keyline{display:flex;align-items:center;gap:6px;margin-top:4px}.zmc-keyline code{font:8px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);white-space:nowrap}.zmc-keyline button{border:0;background:transparent;padding:0;color:#2d68ba;font-size:7.7px;font-weight:750;cursor:pointer}.zmc-keyline button:hover{text-decoration:underline}.zmc-pill{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:760;text-transform:capitalize;white-space:nowrap}.zmc-pill i{width:6px;height:6px;border-radius:50%;background:#94a3b8}.zmc-pill.good{color:#0d9f6e}.zmc-pill.good i{background:#10b981}.zmc-pill.warn{color:#b7791f}.zmc-pill.warn i{background:#f59e0b}.zmc-muted{display:block;color:var(--muted);font-size:7.6px;margin-top:3px}.zmc-expiry span,.zmc-expiry small{display:block}.zmc-expiry small{margin-top:3px;color:var(--muted);font-size:7.6px}.zmc-right{text-align:right!important}.zmc-manage,.zmc-action{height:28px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:8px;font-weight:720;cursor:pointer}.zmc-manage{color:#2d63aa;background:#f7faff;border-color:#dbe7f7}.zmc-action.danger{color:#c83232;background:transparent;border-color:transparent}.zmc-empty-cell{padding:0!important}.zmc-empty{min-height:160px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:9px}.zmc-activity{padding:3px 13px;max-height:520px;overflow:auto}.zmc-event{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:48px;border-bottom:1px solid var(--line)}.zmc-event i{width:5px;height:5px;border-radius:50%;background:#2563eb}.zmc-event strong,.zmc-event span{display:block}.zmc-event strong{font-size:9px;text-transform:capitalize}.zmc-event span,.zmc-event time{font-size:7.7px;color:var(--muted)}.zmc-signature{text-align:right;padding:7px 11px 8px;color:var(--muted);font-size:7px;border-top:1px solid var(--line)}.zmc-signature.plain{border:0;padding-right:0}.zmc-pool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:10px;margin-bottom:12px}.zmc-pool-card,.zmc-my-card,.zmc-user-empty{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px 15px}.zmc-pool-head,.zmc-my-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.zmc-pool-head span,.zmc-my-head span{display:block;color:var(--muted);font-size:7.5px;margin-bottom:4px}.zmc-pool-head strong{font-size:11px}.zmc-pool-stats,.zmc-my-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.zmc-pool-stats>div,.zmc-my-meta>div{padding-top:9px;border-top:1px solid var(--line)}.zmc-pool-stats span,.zmc-my-meta span{display:block;color:var(--muted);font-size:7.3px;text-transform:uppercase;letter-spacing:.04em}.zmc-pool-stats strong,.zmc-my-meta strong{display:block;font-size:9.2px;margin-top:4px}.zmc-pool-stats small{display:block;font-size:7.3px;color:var(--muted);margin-top:2px}.zmc-member-wrap{max-width:760px}.zmc-my-card{margin-bottom:10px}.zmc-my-head>strong{font-size:9px;color:#2c63ae}.zmc-my-key{display:flex;gap:7px;align-items:center;margin:12px 0}.zmc-my-key code{flex:1;border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:10px;font:8.7px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zmc-user-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.zmc-user-empty strong{font-size:10.5px;color:var(--text)}.zmc-user-empty span{font-size:8.3px;margin-top:4px}.zmc-dialog{width:min(460px,92vw)!important;border-radius:16px!important}.zmc-dialog .modal-header{padding:16px 18px}.zmc-dialog .modal-header h2{font-size:15px}.zmc-dialog .modal-subtitle{font-size:8.5px}.zmc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zmc-keybox{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:9px 10px;margin-bottom:13px}.zmc-keybox code{flex:1;min-width:0;font:8.5px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zmc-extend{display:flex;gap:5px;margin-top:-4px;margin-bottom:13px}.zmc-extend button{height:26px;border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:0 8px;font-size:7.8px;color:var(--muted);cursor:pointer}.zmc-danger{display:flex;gap:6px;padding-top:11px;border-top:1px solid var(--line)}.zmc-danger .btn{height:30px!important;padding:0 9px!important;font-size:8px!important}.zmc-danger .zmc-delete{margin-left:auto;background:#fff1f0!important;color:#c83232!important;border-color:#ffd7d2!important}.zmc-ready-key{display:block;padding:13px;border:1px solid var(--line);background:var(--panel2);border-radius:10px;font:9px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;user-select:all}
[data-theme="dark"] .zmc-manage{background:rgba(37,99,235,.08);border-color:rgba(96,165,250,.18)}
@media(max-width:1050px){.sidebar .brand{justify-content:center!important;overflow:visible!important;padding-left:0!important;padding-right:0!important;font-size:0!important;color:transparent!important;min-height:42px}.sidebar .brand strong,.sidebar .brand span,.sidebar .brand>div:not(.brand-logo-shell):not(.brand-mark),.sidebar .brand>.brand-copy{display:none!important}.sidebar .brand-logo-shell,.sidebar .brand-mark{flex:0 0 auto!important;margin:0!important}.sidebar .zmeta-sidebar-top-toggle{font-size:0!important;color:inherit!important}}
@media(max-width:900px){.zmc-overview{grid-template-columns:1fr 1fr}.zmc-overview>div:nth-child(2){border-right:0}.zmc-overview>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.zmc-workbar{align-items:stretch;flex-direction:column;padding:8px 10px}.zmc-tabs{height:36px;overflow-x:auto}.zmc-tabs button{height:36px;white-space:nowrap}.zmc-tools{width:100%}.zmc-search{flex:1}.zmc-table{min-width:760px!important}}
@media(max-width:650px){.zmc-page{padding:12px!important}.zmc-overview>div{min-height:54px;padding:10px 12px}.zmc-pool-grid{grid-template-columns:1fr}.zmc-form-grid,.zmc-pool-stats,.zmc-my-meta{grid-template-columns:1fr}.zmc-tools{flex-wrap:wrap}.zmc-search{width:100%;flex-basis:100%}}

body.zmeta-sidebar-collapsed .sidebar .brand{font-size:0!important;color:transparent!important;overflow:visible!important;min-height:42px;padding-left:0!important;padding-right:0!important}
body.zmeta-sidebar-collapsed .sidebar .brand strong,body.zmeta-sidebar-collapsed .sidebar .brand span,body.zmeta-sidebar-collapsed .sidebar .brand>div:not(.brand-logo-shell):not(.brand-mark),body.zmeta-sidebar-collapsed .sidebar .brand>.brand-copy{display:none!important}
body.zmeta-sidebar-collapsed .sidebar .brand-logo-shell,body.zmeta-sidebar-collapsed .sidebar .brand-mark{display:grid!important;visibility:visible!important;color:initial!important}
body.zmeta-sidebar-collapsed .zmeta-sidebar-top-toggle{font-size:0!important;color:inherit!important}
/* END ZMETA_CONNECT_NATIVE_V152 */

.zmc159-install .zmc160-link{color:#2563eb!important;font-weight:750;text-decoration:none;cursor:pointer}
.zmc159-install .zmc160-link:hover{text-decoration:underline}
.zmc159-install .zmc160-debug-link{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;background:#eef2f7;border:1px solid #e2e8f0;border-radius:5px;padding:1px 4px;word-break:break-all}

/* ZMETA_CONNECT_CONTEXT_LOGIN_V161 */
.z-qa-v8{min-width:235px!important;max-width:300px!important}
.z-qa-v8 [data-zc-open] .z-qa-text{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.zmc159-install .zmc159-card{position:relative!important;width:min(430px,calc(100vw - 28px))!important;max-width:430px!important;padding:22px!important}
.zmc159-install .zmc159-logo{width:44px;height:44px;display:block;object-fit:contain;margin:0 0 10px}
.zmc159-install .zmc159-close{position:absolute;right:12px;top:10px;width:32px;height:32px;padding:0;border:0;background:transparent;border-radius:9px;color:#64748b;font:500 26px/1 Arial,sans-serif;cursor:pointer}
.zmc159-install .zmc159-close:hover{background:#f1f5f9;color:#0f172a}
.zmc159-install h2{margin:0 0 14px!important;font-size:19px!important}
.zmc159-steps{display:grid;gap:7px}
.zmc159-step{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:center;text-align:left;padding:9px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#334155;font:inherit;cursor:default}
.zmc159-step>b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#e8efff;color:#2563eb;font-size:10px}
.zmc159-step>span{font-size:11px;line-height:1.45;min-width:0}
.zmc159-step code{font-size:10px;background:#eef2f7;border:1px solid #e2e8f0;border-radius:5px;padding:1px 4px;word-break:break-all}
/* END ZMETA_CONNECT_CONTEXT_LOGIN_V161 */

.zmc159-install .zmc160-link{color:#2563eb!important;font-weight:750;text-decoration:none;cursor:pointer}
.zmc159-install .zmc160-link:hover{text-decoration:underline}
.zmc159-install .zmc160-debug-link{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;background:#eef2f7;border:1px solid #e2e8f0;border-radius:5px;padding:1px 4px;word-break:break-all}

.zmc159-install button.zmc161-copy-debug{display:inline!important;width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;vertical-align:baseline!important;font:inherit!important;line-height:inherit!important}

/* ZMETA_TOOLS_UI_V1_20261028 */
.z-tool-nav-divider{height:1px;background:var(--line,#e6e9ee);margin:8px 10px}
.z-tool-heading{margin-bottom:18px!important}.z-tool-title{display:flex;align-items:center;gap:12px}.z-tool-title h1{margin:0}.z-tool-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.z-tool-title-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.z-tool-title-icon .ui-icon{width:22px;height:22px}.z-tool-green{background:#e8f8ef;color:#0d9b58}.z-tool-blue{background:#edf3ff;color:#356ae6}
[data-theme="dark"] .z-tool-green{background:#0c3827;color:#2fd883}[data-theme="dark"] .z-tool-blue{background:#182a4d;color:#72a0ff}
.z-checker-card,.z-twofa-card{padding:20px!important}.z-input-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.z-input-head label{font-size:12px;font-weight:650}.z-mini-btn{min-height:28px!important;height:28px;padding:4px 8px!important;font-size:10px!important;gap:5px!important}.z-mini-btn .ui-icon{width:13px;height:13px}
.z-tool-textarea{width:100%;min-height:168px;resize:vertical;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:14px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.z-tool-textarea:focus{border-color:#5d82ee;box-shadow:0 0 0 3px rgba(53,106,230,.10)}.z-twofa-input{min-height:120px}
.z-progress-row{height:25px;display:flex;align-items:flex-end;justify-content:flex-end;font-size:12px;font-weight:750;color:#12a862}.z-progress{height:7px;background:var(--panel2);border-radius:999px;overflow:hidden}.z-progress i{display:block;width:0;height:100%;background:#16b867;border-radius:inherit;transition:width .18s ease}
.z-checker-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:20px 0}.z-action-left,.z-action-right{display:flex;align-items:center;gap:8px}.z-green-btn{background:#08ad5a!important;border-color:#08ad5a!important}.z-segment{display:flex;padding:3px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}.z-segment button{border:0;background:transparent;color:var(--muted);font:600 10px/1 system-ui;padding:8px 10px;border-radius:7px;cursor:pointer}.z-segment button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px rgba(20,28,40,.12)}
.z-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.z-result-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;min-height:180px}.z-result-head{height:48px;padding:9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.z-result-head>div{display:flex;gap:5px}.z-result-head strong{font-size:11px}.z-result-card.live .z-dot{color:#12a862}.z-result-card.dead .z-dot{color:#d54848}.z-result-body{min-height:130px;padding:12px;display:block;overflow:auto;max-height:360px;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.z-result-body>span{display:grid;place-items:center;min-height:105px;color:var(--muted);font-family:system-ui}.z-result-line{padding:2px 4px;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}.z-result-line:hover{background:var(--panel2)}.z-result-body.compact pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}
.z-twofa-actions{display:flex;gap:8px;margin:14px 0 18px}.z-twofa-results{display:grid;gap:8px}.z-empty-tool{min-height:150px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:12px}.z-twofa-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.z-twofa-row>div:first-child{display:flex;align-items:center;gap:18px}.z-twofa-row span{color:var(--muted);font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.z-twofa-row strong{font:800 24px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.z-twofa-side{display:flex;align-items:center;gap:8px}.z-countdown{min-width:28px;text-align:right}.z-twofa-row.invalid{opacity:.62}
@media(max-width:900px){.z-checker-actions{align-items:flex-start;flex-direction:column}.z-action-right{width:100%;justify-content:space-between}.z-result-grid{grid-template-columns:1fr}.z-result-card{min-height:150px}}
@media(max-width:650px){.z-tool-nav-divider{display:none}.z-checker-card,.z-twofa-card{padding:12px!important}.z-action-right{flex-direction:column;align-items:stretch}.z-segment{width:100%}.z-segment button{flex:1}.z-result-head{height:auto;min-height:48px;align-items:flex-start;flex-direction:column}.z-twofa-row,.z-twofa-row>div:first-child{align-items:flex-start;flex-direction:column}.z-twofa-side{width:100%;justify-content:space-between}}

/* ZMETA_TOOLS_UI_V2_20261028 */
.z-brand-nav-icon{background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.z-brand-nav-icon .z-brand-svg{width:28px!important;height:28px!important;display:block}
.z-brand-header-icon{background:transparent!important;color:inherit!important;padding:0!important;overflow:visible!important}
.z-brand-header-icon .z-brand-svg{width:42px!important;height:42px!important;display:block}
.z-tool-page .z-copy-compact-v2{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;gap:5px!important;width:auto!important;min-width:0!important;max-width:none!important;height:28px!important;min-height:28px!important;padding:4px 8px!important;line-height:1!important;white-space:nowrap!important}
.z-tool-page .z-copy-compact-v2 .ui-icon{display:block!important;width:13px!important;height:13px!important;flex:0 0 13px!important;margin:0!important}
.z-tool-page .z-result-head>div{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important}
#zCopyInput{margin-left:auto!important}
#sectionTwofaCode .z-twofa-input{min-height:82px!important;max-height:150px!important}
#sectionTwofaCode .z-twofa-actions-v2{margin:10px 0 14px!important;justify-content:flex-end}
#sectionTwofaCode .z-twofa-actions-v2:empty{display:none!important}
#sectionTwofaCode .z-twofa-results{gap:8px!important}
#sectionTwofaCode .z-twofa-row{min-height:70px!important;padding:11px 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
#sectionTwofaCode .z-twofa-main{display:grid!important;grid-template-columns:minmax(120px,1fr) auto!important;align-items:center!important;gap:8px 20px!important;min-width:0!important;flex:1!important}
#sectionTwofaCode .z-twofa-main>span{grid-column:1/2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important}
#sectionTwofaCode .z-twofa-main>strong{grid-column:2/3;grid-row:1/3;font:800 25px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.12em!important;white-space:nowrap}
#sectionTwofaCode .z-totp-track{grid-column:1/2;height:3px;border-radius:999px;background:var(--panel2);overflow:hidden;max-width:260px}
#sectionTwofaCode .z-totp-track i{display:block;height:100%;background:#24c267;border-radius:inherit;transition:width .35s linear}
#sectionTwofaCode .z-twofa-side{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
#sectionTwofaCode .z-countdown{min-width:30px!important;text-align:right!important;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace!important;color:var(--muted)}
#sectionTwofaCode .z-twofa-loading .z-twofa-main>strong{display:flex!important;gap:5px!important;align-items:center!important;justify-content:flex-end}
#sectionTwofaCode .z-twofa-loading .z-twofa-main>strong i{width:7px;height:7px;border-radius:50%;background:#356ae6;opacity:.25;animation:z2faPulse .9s infinite ease-in-out}
#sectionTwofaCode .z-twofa-loading .z-twofa-main>strong i:nth-child(2){animation-delay:.12s}#sectionTwofaCode .z-twofa-loading .z-twofa-main>strong i:nth-child(3){animation-delay:.24s}
#sectionTwofaCode .z-loading-label{font-size:10px!important;color:#356ae6!important;font-weight:700!important}
@keyframes z2faPulse{0%,80%,100%{transform:scale(.72);opacity:.25}40%{transform:scale(1);opacity:1}}
@media(max-width:700px){#sectionTwofaCode .z-twofa-row{align-items:stretch!important;flex-direction:column!important}#sectionTwofaCode .z-twofa-main{grid-template-columns:1fr!important}#sectionTwofaCode .z-twofa-main>strong{grid-column:1!important;grid-row:auto!important;font-size:22px!important}#sectionTwofaCode .z-totp-track{grid-column:1!important;max-width:none!important}#sectionTwofaCode .z-twofa-side{justify-content:space-between!important}}

/* ZMETA_TOOLS_UI_V3_20261028 */
#sectionTwofaCode.z-twofa-simple-v3{max-width:none!important;width:100%!important;margin:0!important;padding-top:26px!important}
#sectionTwofaCode.z-twofa-simple-v3 .z-twofa-simple-shell{width:min(1100px,calc(100% - 44px));margin:0 auto}
#sectionTwofaCode .z-twofa-simple-row{display:grid;grid-template-columns:minmax(0,1fr) 230px 110px;align-items:stretch;height:52px;border:1px solid var(--line,#e6e9ee);border-radius:12px;background:var(--panel,#fff);overflow:hidden;box-shadow:0 6px 22px rgba(19,31,53,.04)}
#sectionTwofaCode .z-twofa-simple-secret{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--text,#16181d)!important;padding:0 18px!important;font:600 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.02em}
#sectionTwofaCode .z-twofa-simple-secret::placeholder{color:var(--muted,#737b88);opacity:.88}
#sectionTwofaCode .z-twofa-simple-code{display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line,#e6e9ee);color:var(--text,#16181d);font:800 18px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;white-space:nowrap}
#sectionTwofaCode .z-twofa-simple-copy{border:0;border-left:1px solid var(--line,#e6e9ee);background:transparent;color:var(--blue,#356ae6);font:800 11px/1 system-ui,sans-serif;cursor:pointer;transition:background .15s ease,color .15s ease}
#sectionTwofaCode .z-twofa-simple-copy:hover:not(:disabled){background:var(--panel2,#f3f5f7)}
#sectionTwofaCode .z-twofa-simple-copy:disabled{color:var(--muted,#737b88);opacity:.48;cursor:default}
#sectionTwofaCode .z-twofa-simple-row:focus-within{border-color:color-mix(in srgb,var(--blue,#356ae6) 58%,var(--line,#e6e9ee));box-shadow:0 0 0 3px color-mix(in srgb,var(--blue,#356ae6) 10%,transparent)}
#sectionTwofaCode .z-twofa-simple-track{height:3px;margin-top:10px;background:var(--panel2,#eef1f5);border-radius:999px;overflow:hidden}
#sectionTwofaCode .z-twofa-simple-track i{display:block;width:0;height:100%;background:#22b66f;border-radius:inherit;transition:width .32s linear}
#sectionTwofaCode .z-twofa-simple-meta{display:flex;align-items:center;justify-content:space-between;min-height:22px;padding:5px 3px 0;color:var(--muted,#737b88);font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
#sectionTwofaCode .z-twofa-simple-meta #zTwofaSimpleStatus{color:var(--blue,#356ae6);text-transform:uppercase;letter-spacing:.04em}
#sectionTwofaCode .z-twofa-simple-shell.is-loading .z-twofa-simple-track i{width:32%!important;animation:zTwofaLoadV3 1.05s ease-in-out infinite}
@keyframes zTwofaLoadV3{0%{transform:translateX(-110%)}100%{transform:translateX(350%)}}
@media(max-width:720px){#sectionTwofaCode.z-twofa-simple-v3{padding-top:16px!important}#sectionTwofaCode.z-twofa-simple-v3 .z-twofa-simple-shell{width:calc(100% - 20px)}#sectionTwofaCode .z-twofa-simple-row{grid-template-columns:minmax(0,1fr) 118px 68px;height:48px}#sectionTwofaCode .z-twofa-simple-secret{padding:0 12px!important;font-size:10px!important}#sectionTwofaCode .z-twofa-simple-code{font-size:14px!important;letter-spacing:.08em}#sectionTwofaCode .z-twofa-simple-copy{font-size:9px!important}}

/* ZMETA_TOOLS_UI_V4_20261028 */
#sectionTwofaCode.z-twofa-simple-v3{padding-top:22px!important}
#sectionTwofaCode .z-twofa-v4-header{width:min(1100px,calc(100% - 44px));margin:0 auto 16px;display:flex;align-items:center;gap:11px}
#sectionTwofaCode .z-twofa-v4-icon{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:11px;background:var(--panel,#fff);border:1px solid var(--line,#e6e9ee);box-shadow:0 3px 12px rgba(19,31,53,.04);overflow:hidden}
#sectionTwofaCode .z-twofa-v4-icon .z-brand-svg{width:28px;height:28px;display:block}
#sectionTwofaCode .z-twofa-v4-header h1{margin:0;color:var(--text,#16181d);font-size:21px;line-height:1.15;font-weight:760;letter-spacing:-.02em}
#sectionTwofaCode .z-twofa-v4-header p{margin:4px 0 0;color:var(--muted,#737b88);font-size:11px;line-height:1.2}
@media(max-width:720px){#sectionTwofaCode.z-twofa-simple-v3{padding-top:14px!important}#sectionTwofaCode .z-twofa-v4-header{width:calc(100% - 20px);margin-bottom:12px}#sectionTwofaCode .z-twofa-v4-icon{width:34px;height:34px;min-width:34px}#sectionTwofaCode .z-twofa-v4-icon .z-brand-svg{width:25px;height:25px}#sectionTwofaCode .z-twofa-v4-header h1{font-size:18px}}

/* ZMETA_TOOLS_UI_V5_20261028 */
#sectionTwofaCode.z-twofa-simple-v3{padding-top:22px!important}
#sectionTwofaCode .z-twofa-v4-header{display:none!important}
#sectionTwofaCode .z-twofa-v5-header{
  width:min(1100px,calc(100% - 44px));margin:0 auto 14px;
  display:flex;align-items:center;gap:10px;min-height:42px
}
#sectionTwofaCode .z-twofa-v5-icon{
  width:38px;height:38px;min-width:38px;display:grid;place-items:center;
  border-radius:11px;background:var(--panel,#fff);border:1px solid var(--line,#e6e9ee);
  box-shadow:0 3px 12px rgba(19,31,53,.04);overflow:hidden
}
#sectionTwofaCode .z-twofa-v5-icon .z-brand-svg{width:28px;height:28px;display:block}
#sectionTwofaCode .z-twofa-v5-copy{min-width:0}
#sectionTwofaCode .z-twofa-v5-header h1{
  margin:0;color:var(--text,#16181d);font-size:21px;line-height:1.15;
  font-weight:780;letter-spacing:-.02em
}
#sectionTwofaCode .z-twofa-v5-header p{
  margin:4px 0 0;color:var(--muted,#737b88);font-size:11px;line-height:1.2
}
#sectionTwofaCode #zTwofaSimpleCode:empty::before{content:'••••••'}
@media(max-width:720px){
  #sectionTwofaCode.z-twofa-simple-v3{padding-top:14px!important}
  #sectionTwofaCode .z-twofa-v5-header{width:calc(100% - 20px);margin-bottom:12px}
  #sectionTwofaCode .z-twofa-v5-icon{width:34px;height:34px;min-width:34px}
  #sectionTwofaCode .z-twofa-v5-icon .z-brand-svg{width:25px;height:25px}
  #sectionTwofaCode .z-twofa-v5-header h1{font-size:18px}
}
/* ZMETA_ACCOUNT_TABLE_HEADER_CLEAN_V1_20261028 */
/* Compact, flat Account Explorer header. No gradient, no oversized vertical padding. */
#accountTable thead,
#accountTable thead tr{
  background:#f6f8fb!important;
  background-image:none!important;
  box-shadow:none!important;
}
#accountTable thead th{
  background:#f6f8fb!important;
  background-image:none!important;
  color:#66758a!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.1!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  height:34px!important;
  min-height:34px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  border-top:1px solid #e8edf3!important;
  border-bottom:1px solid #dfe5ec!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
#accountTable thead th:first-child{border-top-left-radius:7px!important}
#accountTable thead th:last-child{border-top-right-radius:7px!important}
#accountTable thead .th-with-action{gap:5px!important}
#accountTable thead .th-icon-btn{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  padding:0!important;
  border-radius:6px!important;
}
[data-theme="dark"] #accountTable thead,
[data-theme="dark"] #accountTable thead tr,
[data-theme="dark"] #accountTable thead th{
  background:#1a2029!important;
  background-image:none!important;
  color:#aab5c4!important;
  border-top-color:#2a323d!important;
  border-bottom-color:#303946!important;
  box-shadow:none!important;
}

/* ZMETA_ACCOUNT_TABLE_HEADER_CLEAN_V2_20261028 */
/* Account Explorer: compact neutral header. Explicitly overrides legacy purple/gradient header. */
#accountTable > thead,
#accountTable > thead > tr,
.page-section #accountTable > thead,
.page-section #accountTable > thead > tr {
  background: #f3f6fa !important;
  background-color: #f3f6fa !important;
  background-image: none !important;
  box-shadow: none !important;
}
#accountTable > thead > tr > th,
.page-section #accountTable > thead > tr > th,
#accountTable.z-column-resizable > thead > tr > th {
  background: #f3f6fa !important;
  background-color: #f3f6fa !important;
  background-image: none !important;
  color: #526173 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  height: 34px !important;
  min-height: 34px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-top: 1px solid #e1e7ef !important;
  border-bottom: 1px solid #d8e0e9 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
#accountTable > thead > tr > th:first-child { border-top-left-radius: 7px !important; }
#accountTable > thead > tr > th:last-child { border-top-right-radius: 7px !important; }
#accountTable > thead .th-with-action { gap: 5px !important; }
#accountTable > thead .th-icon-btn {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  border-radius: 6px !important;
  color: #526173 !important;
}
[data-theme="dark"] #accountTable > thead,
[data-theme="dark"] #accountTable > thead > tr,
[data-theme="dark"] .page-section #accountTable > thead,
[data-theme="dark"] .page-section #accountTable > thead > tr {
  background: #1b222c !important;
  background-color: #1b222c !important;
  background-image: none !important;
}
[data-theme="dark"] #accountTable > thead > tr > th,
[data-theme="dark"] .page-section #accountTable > thead > tr > th,
[data-theme="dark"] #accountTable.z-column-resizable > thead > tr > th {
  background: #1b222c !important;
  background-color: #1b222c !important;
  background-image: none !important;
  color: #aeb9c7 !important;
  border-top-color: #293341 !important;
  border-bottom-color: #303b49 !important;
  box-shadow: none !important;
}

/* ZMETA_ACCOUNT_STATS_COMPACT_V1_20261028 */
#sectionAccounts>.topbar{
  display:grid!important;
  grid-template-columns:minmax(210px,1fr) auto minmax(420px,1fr)!important;
  align-items:center!important;
  column-gap:18px!important;
}
#sectionAccounts>.topbar>.top-actions{
  justify-self:end!important;
}
#sectionAccounts>.topbar>.zmeta-compact-stats{
  justify-self:center!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:28px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-card{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:58px!important;
  min-height:42px!important;
  height:42px!important;
  padding:2px 8px 5px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  cursor:pointer!important;
  overflow:visible!important;
  transform:none!important;
}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-card:hover{
  background:transparent!important;
  transform:none!important;
  box-shadow:none!important;
}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-icon{
  display:none!important;
}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  line-height:1!important;
  min-width:0!important;
}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-copy strong{
  order:-1!important;
  display:block!important;
  margin:0!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:16px!important;
  letter-spacing:0!important;
  color:var(--text,#16181d)!important;
}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-copy span{
  display:block!important;
  margin:0!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:12px!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  color:var(--muted,#737b88)!important;
  white-space:nowrap!important;
}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-card::after{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:transparent!important;
  opacity:.95!important;
}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-card.active::after{
  background:var(--blue,#356ae6)!important;
}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-card[data-status-filter="live"] .stat-copy strong{color:var(--green,#17865f)!important}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-card[data-status-filter="dead"] .stat-copy strong{color:var(--red,#d54848)!important}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-card[data-status-filter="unknown"] .stat-copy strong{color:var(--amber,#a16a18)!important}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-card[data-status-filter="live"].active::after{background:var(--green,#17865f)!important}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-card[data-status-filter="dead"].active::after{background:var(--red,#d54848)!important}
#sectionAccounts>.topbar>.zmeta-compact-stats .stat-card[data-status-filter="unknown"].active::after{background:var(--amber,#a16a18)!important}

@media(max-width:1250px){
  #sectionAccounts>.topbar{grid-template-columns:auto 1fr!important;row-gap:10px!important}
  #sectionAccounts>.topbar>.zmeta-compact-stats{grid-column:1/-1!important;grid-row:2!important;justify-self:start!important;margin-left:0!important}
  #sectionAccounts>.topbar>.top-actions{grid-column:2!important;grid-row:1!important}
}
@media(max-width:760px){
  #sectionAccounts>.topbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  #sectionAccounts>.topbar>.zmeta-compact-stats{order:3!important;width:100%!important;justify-content:flex-start!important;gap:15px!important;overflow-x:auto!important;scrollbar-width:none!important}
  #sectionAccounts>.topbar>.zmeta-compact-stats::-webkit-scrollbar{display:none!important}
  #sectionAccounts>.topbar>.zmeta-compact-stats .stat-card{min-width:52px!important;padding-left:4px!important;padding-right:4px!important}
}

/* ZMETA_ACCOUNT_STATS_TOOLBAR_V2_20261028 */
#sectionAccounts>.topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
#sectionAccounts>.topbar>.top-actions{margin-left:auto!important;justify-self:auto!important}

#mobilePrimaryControls>.zmeta-toolbar-stats{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:0!important;
  width:auto!important;
  min-width:300px!important;
  height:36px!important;
  margin-left:auto!important;
  margin-right:10px!important;
  padding:0!important;
  background:transparent!important;
  border:1px solid var(--line,#e6e9ee)!important;
  border-radius:9px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card{
  position:relative!important;
  display:flex!important;
  flex:1 1 0!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:72px!important;
  min-height:34px!important;
  height:34px!important;
  padding:2px 11px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-right:1px solid var(--line,#e6e9ee)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card:last-child{border-right:0!important}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card:hover{background:var(--panel2,#f5f7fa)!important;transform:none!important;box-shadow:none!important}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-icon{display:none!important}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-width:0!important;
  line-height:1!important;
}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-copy strong{
  order:-1!important;
  display:block!important;
  margin:0!important;
  font-size:11px!important;
  line-height:13px!important;
  font-weight:800!important;
  color:var(--text,#16181d)!important;
}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-copy span{
  display:block!important;
  margin:0!important;
  font-size:7px!important;
  line-height:9px!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:var(--muted,#737b88)!important;
  white-space:nowrap!important;
}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card::after{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:transparent!important;
}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card.active::after{background:var(--blue,#356ae6)!important}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card[data-status-filter="live"] .stat-copy strong{color:var(--green,#17865f)!important}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card[data-status-filter="dead"] .stat-copy strong{color:var(--red,#d54848)!important}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card[data-status-filter="unknown"] .stat-copy strong{color:var(--amber,#a16a18)!important}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card[data-status-filter="live"].active::after{background:var(--green,#17865f)!important}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card[data-status-filter="dead"].active::after{background:var(--red,#d54848)!important}
#mobilePrimaryControls>.zmeta-toolbar-stats .stat-card[data-status-filter="unknown"].active::after{background:var(--amber,#a16a18)!important}

@media(max-width:1200px){
  #mobilePrimaryControls>.zmeta-toolbar-stats{min-width:260px!important;margin-right:7px!important}
  #mobilePrimaryControls>.zmeta-toolbar-stats .stat-card{min-width:62px!important;padding-left:7px!important;padding-right:7px!important}
}
@media(max-width:850px){
  #mobilePrimaryControls>.zmeta-toolbar-stats{order:20!important;width:100%!important;min-width:0!important;margin:6px 0 0!important}
}

/* ZMETA_UI_FINAL_POLISH_V6_20261028 */

/* Account topbar: title, compact counters with breathing room, actions on the far right. */
#sectionAccounts>.topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-width:0!important;
}
#sectionAccounts>.topbar>div:first-child{flex:0 0 auto!important}
#sectionAccounts>.topbar>.top-actions{margin-left:auto!important;justify-self:auto!important;flex:0 0 auto!important}
#sectionAccounts>.topbar>.zmeta-top-stats-v6{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:auto!important;
  min-width:0!important;
  margin:0 0 0 clamp(48px,5vw,84px)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:64px!important;
  min-width:64px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:2px 7px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card:hover{background:transparent!important;box-shadow:none!important;transform:none!important}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-icon{display:none!important}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  line-height:1!important;
}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-copy strong{
  order:-1!important;
  display:block!important;
  margin:0!important;
  font-size:13px!important;
  line-height:14px!important;
  font-weight:800!important;
  color:var(--text,#16181d)!important;
}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-copy span{
  display:block!important;
  margin:0!important;
  font-size:7px!important;
  line-height:9px!important;
  font-weight:700!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  color:var(--muted,#737b88)!important;
  white-space:nowrap!important;
}
/* Divider is between the number and label, never above the number. */
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card::after{
  content:""!important;
  position:absolute!important;
  top:22px!important;
  bottom:auto!important;
  left:11px!important;
  right:11px!important;
  height:1px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--line,#e6e9ee) 88%,transparent)!important;
  opacity:1!important;
}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card.active::after{height:2px!important;background:var(--blue,#356ae6)!important}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card[data-status-filter="live"] .stat-copy strong{color:var(--green,#17865f)!important}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card[data-status-filter="dead"] .stat-copy strong{color:var(--red,#d54848)!important}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card[data-status-filter="unknown"] .stat-copy strong{color:var(--amber,#a16a18)!important}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card[data-status-filter="live"].active::after{background:var(--green,#17865f)!important}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card[data-status-filter="dead"].active::after{background:var(--red,#d54848)!important}
#sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card[data-status-filter="unknown"].active::after{background:var(--amber,#a16a18)!important}

/* License now has the same page-title hierarchy as the other main sections. */
#sectionConnect.zmc-page>.zmc-page-heading-v6{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  margin:0 0 12px!important;
  padding:0!important;
}
#sectionConnect.zmc-page>.zmc-page-heading-v6 h1{
  margin:0!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  color:var(--text,#16181d)!important;
}

/* FINAL table-header override: no purple, no gradient, thinner than all previous versions. */
#sectionAccounts{
  --zmeta-table-head-bg:#f4f7fa;
  --zmeta-table-head-text:#536173;
  --zmeta-table-head-border:#dce3eb;
}
[data-theme="dark"] #sectionAccounts{
  --zmeta-table-head-bg:#1c232c;
  --zmeta-table-head-text:#aeb9c7;
  --zmeta-table-head-border:#313b48;
}
body #sectionAccounts .workspace-card .table-wrap #accountTable>thead,
body #sectionAccounts .workspace-card .table-wrap #accountTable>thead>tr,
body #sectionAccounts .workspace-card #accountTable.z-column-resizable>thead,
body #sectionAccounts .workspace-card #accountTable.z-column-resizable>thead>tr{
  background:var(--zmeta-table-head-bg)!important;
  background-color:var(--zmeta-table-head-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
}
body #sectionAccounts .workspace-card .table-wrap #accountTable>thead>tr>th,
body #sectionAccounts .workspace-card #accountTable.z-column-resizable>thead>tr>th{
  background:var(--zmeta-table-head-bg)!important;
  background-color:var(--zmeta-table-head-bg)!important;
  background-image:none!important;
  color:var(--zmeta-table-head-text)!important;
  height:28px!important;
  min-height:28px!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:.035em!important;
  border-top:1px solid var(--zmeta-table-head-border)!important;
  border-bottom:1px solid var(--zmeta-table-head-border)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body #sectionAccounts #accountTable>thead .th-icon-btn{
  width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;color:var(--zmeta-table-head-text)!important
}

@media(max-width:1250px){
  #sectionAccounts>.topbar>.zmeta-top-stats-v6{margin-left:28px!important;gap:6px!important}
  #sectionAccounts>.topbar>.zmeta-top-stats-v6 .stat-card{width:55px!important;min-width:55px!important}
}
@media(max-width:900px){
  #sectionAccounts>.topbar{flex-wrap:wrap!important;row-gap:8px!important}
  #sectionAccounts>.topbar>.zmeta-top-stats-v6{order:3!important;width:100%!important;margin-left:0!important;justify-content:flex-start!important;overflow-x:auto!important}
}

/* ZMETA_UI_POLISH_V7_20261028
   License heading uses a CSS pseudo-element; it cannot miss a dynamic UI build.
   Counter dividers belong to labels rather than fragile decorative pseudo-elements.
   No modification to the account table, license actions, or browser extension.
*/

/* LICENSE: show heading whenever the License section is visible. */
#sectionConnect.zmc-page:not(.hidden)::before {
  content: "LICENSE" !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 30px !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--text, #16181d) !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 30px !important;
  letter-spacing: -.025em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  white-space: nowrap !important;
}
/* V6's asynchronously inserted heading may or may not exist. Never duplicate it. */
#sectionConnect.zmc-page > .zmc-page-heading-v6 {
  display: none !important;
}

/* ACCOUNT EXPLORER: noticeably more space after the page title on wide screens. */
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 {
  margin-left: clamp(138px, 10.5vw, 202px) !important;
  margin-right: 0 !important;
  gap: 14px !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-card {
  position: relative !important;
  min-width: 65px !important;
  width: 65px !important;
  height: 43px !important;
  min-height: 43px !important;
  overflow: visible !important;
  padding: 2px 6px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-copy strong {
  order: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 16px !important;
}
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-copy span {
  order: 1 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 50px !important;
  min-width: 50px !important;
  margin: 3px 0 0 !important;
  padding: 4px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid #cbd5e1 !important;
  border-radius: 0 !important;
  background: none !important;
  font-size: 8px !important;
  line-height: 11px !important;
  text-align: center !important;
}
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-card.active .stat-copy span {
  border-top-color: var(--blue,#356ae6) !important;
  border-top-width: 2px !important;
  padding-top: 3px !important;
}
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-card[data-status-filter="live"].active .stat-copy span {
  border-top-color: var(--green,#17865f) !important;
}
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-card[data-status-filter="dead"].active .stat-copy span {
  border-top-color: var(--red,#d54848) !important;
}
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-card[data-status-filter="unknown"].active .stat-copy span {
  border-top-color: var(--amber,#a16a18) !important;
}
/* Remove V1/V2/V6 pseudo-lines completely, including the line above the number. */
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-card::before,
#sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-card::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
}
[data-theme="dark"] #sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-copy span {
  border-top-color: #485465 !important;
}

/* Keep controls reachable on smaller screens rather than forcing overflow. */
@media (max-width: 1450px) {
  #sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 {
    margin-left: 48px !important;
    gap: 7px !important;
  }
  #sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 .stat-card {
    min-width: 58px !important;
    width: 58px !important;
  }
}
@media (max-width: 1050px) {
  #sectionAccounts > .topbar {flex-wrap: wrap !important; row-gap: 9px !important;}
  #sectionAccounts > .topbar > .zmeta-compact-stats.zmeta-top-stats-v6 {
    order: 3 !important;
    width: 100% !important;
    margin: 0 !important;
    justify-content: flex-start !important;
  }
}

/* ZMETA_UI_VISIBILITY_V8_20261028 */
/* Three true grid columns on wide screens: left title, centered counters, right actions. */
@media (min-width:1480px){
  body #sectionAccounts > .topbar {
    display:grid!important;
    grid-template-columns:minmax(200px,1fr) auto minmax(405px,1fr)!important;
    align-items:center!important;
    column-gap:8px!important;
  }
  body #sectionAccounts > .topbar > .zmeta-top-stats-v6 {
    grid-column:2!important;
    margin:0!important;
    justify-self:center!important;
    width:max-content!important;
  }
  body #sectionAccounts > .topbar > .top-actions {
    grid-column:3!important;
    justify-self:end!important;
    margin-left:auto!important;
  }
}
@media (max-width:1479px){
  body #sectionAccounts > .topbar {display:flex!important;flex-wrap:wrap!important;gap:8px 14px!important}
  body #sectionAccounts > .topbar > .zmeta-top-stats-v6 {
    margin-left:clamp(15px,4vw,76px)!important;
    width:max-content!important;
  }
}
/* Genuine divider: number (top) -- line -- label (bottom). */
body #sectionAccounts .zmeta-top-stats-v6 .stat-card::before,
body #sectionAccounts .zmeta-top-stats-v6 .stat-card::after {content:none!important;display:none!important}
body #sectionAccounts .zmeta-top-stats-v6 .stat-copy {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:0!important
}
body #sectionAccounts .zmeta-top-stats-v6 .stat-copy strong {order:0!important;margin:0!important;line-height:16px!important}
body #sectionAccounts .zmeta-top-stats-v6 .stat-copy .zmeta-stat-divider-v8 {
  display:block!important;order:1!important;
  flex:0 0 auto!important;
  width:46px!important;height:1px!important;min-height:1px!important;
  margin:3px 0 3px!important;padding:0!important;
  background:#cbd5e1!important;border:0!important;
  box-shadow:none!important;position:static!important;
}
body #sectionAccounts .zmeta-top-stats-v6 .stat-card.active .zmeta-stat-divider-v8 {background:#356ae6!important;height:2px!important;min-height:2px!important}
body #sectionAccounts .zmeta-top-stats-v6 .stat-card[data-status-filter="live"].active .zmeta-stat-divider-v8 {background:#17865f!important}
body #sectionAccounts .zmeta-top-stats-v6 .stat-card[data-status-filter="dead"].active .zmeta-stat-divider-v8 {background:#d54848!important}
body #sectionAccounts .zmeta-top-stats-v6 .stat-card[data-status-filter="unknown"].active .zmeta-stat-divider-v8 {background:#a16a18!important}
body #sectionAccounts .zmeta-top-stats-v6 .stat-copy span {
  order:2!important;border:0!important;border-top:0!important;
  padding:0!important;margin:0!important;line-height:10px!important
}
/* Eye control: accessible contrast on the pale header, including SVG content. */
#sectionAccounts {--zmeta-eye-color:#334155}
[data-theme="dark"] #sectionAccounts {--zmeta-eye-color:#e2e8f0}
body #sectionAccounts #accountTable #togglePasswordsBtn,
body #sectionAccounts #accountTable thead .th-icon-btn {
  color:var(--zmeta-eye-color)!important;
  opacity:1!important;visibility:visible!important;
  width:24px!important;height:24px!important;
  display:inline-grid!important;place-items:center!important;
  background:transparent!important;border-radius:5px!important;
}
body #sectionAccounts #accountTable #togglePasswordsBtn:hover {background:rgba(51,65,85,.09)!important}
body #sectionAccounts #accountTable #togglePasswordsBtn .ui-icon,
body #sectionAccounts #accountTable #togglePasswordsBtn svg {
  width:17px!important;height:17px!important;color:inherit!important;
  opacity:1!important;visibility:visible!important;
  fill:none!important;stroke:currentColor!important;stroke-width:2.3!important;
  filter:none!important;
}
body #sectionAccounts #accountTable #togglePasswordsBtn svg use {stroke:currentColor!important;fill:none!important}
[data-theme="dark"] #sectionAccounts #accountTable #togglePasswordsBtn:hover{background:rgba(226,232,240,.10)!important}
/* Caption for the folder selector: theme-derived text, not the old hard-coded dark color. */
body #sectionAccounts .zmeta-folder-title-v8,
body #sectionAccounts .zmeta-folder-title-v8 * {
  color:var(--text,#16181d)!important;
  opacity:1!important;
  text-shadow:none!important;
}
[data-theme="dark"] #sectionAccounts .zmeta-folder-title-v8,
[data-theme="dark"] #sectionAccounts .zmeta-folder-title-v8 * {color:#e2e8f0!important}
[data-theme="dark"] #sectionAccounts .zmeta-folder-theme-fix-v8::before,
[data-theme="dark"] #sectionAccounts .zmeta-folder-theme-fix-v8::after,
[data-theme="dark"] #sectionAccounts .zmeta-folder-theme-fix-v8 .folder-toolbar-label,
[data-theme="dark"] #sectionAccounts .zmeta-folder-theme-fix-v8 .folder-workspace-label {
  color:#e2e8f0!important;opacity:1!important;text-shadow:none!important
}

/* ZMETA_DARK_DEFAULT_V9_20261028 */
/* The actual FOLDER ACCOUNT caption, not the adjacent folder chooser button. */
html[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v9],
html[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v9] :is(span,b,strong,small),
html[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v9]::before,
html[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v9]::after {
  color:#f1f5f9!important;
  -webkit-text-fill-color:#f1f5f9!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
html:not([data-theme="dark"]) #sectionAccounts [data-zmeta-folder-caption-v9],
html:not([data-theme="dark"]) #sectionAccounts [data-zmeta-folder-caption-v9] :is(span,b,strong,small),
html:not([data-theme="dark"]) #sectionAccounts [data-zmeta-folder-caption-v9]::before,
html:not([data-theme="dark"]) #sectionAccounts [data-zmeta-folder-caption-v9]::after {
  color:#1e293b!important;
  -webkit-text-fill-color:#1e293b!important;
  opacity:1!important;
}

/* ZMETA_FOLDER_CAPTION_FIX_V11_20261028 */
/* Repair only folder caption; never recolor the actual workspace button. */
#sectionAccounts [data-zmeta-folder-caption-v11],
#sectionAccounts [data-zmeta-folder-caption-v11] :is(span,small,b,strong,label),
#sectionAccounts [data-zmeta-folder-caption-v11]::before,
#sectionAccounts [data-zmeta-folder-caption-v11]::after,
#sectionAccounts #folderToolbarPicker.zmeta-folder-caption-host-v11::before,
#sectionAccounts #folderToolbarPicker.zmeta-folder-caption-host-v11::after {
  color:var(--text,#16181d)!important;
  -webkit-text-fill-color:var(--text,#16181d)!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-shadow:none!important;
}
[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v11],
[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v11] :is(span,small,b,strong,label),
[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v11]::before,
[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v11]::after,
[data-theme="dark"] #sectionAccounts #folderToolbarPicker.zmeta-folder-caption-host-v11::before,
[data-theme="dark"] #sectionAccounts #folderToolbarPicker.zmeta-folder-caption-host-v11::after {
  color:#f1f5f9!important;
  -webkit-text-fill-color:#f1f5f9!important;
}

/* ZMETA_FOLDER_CAPTION_V12_20261028 */
/* Caption-only contrast, not the adjoining purple All Accounts button. */
#sectionAccounts [data-zmeta-folder-caption-v12],
#sectionAccounts [data-zmeta-folder-caption-v12]::before,
#sectionAccounts [data-zmeta-folder-caption-v12]::after,
#sectionAccounts [data-zmeta-folder-caption-pseudo-v12]::before,
#sectionAccounts [data-zmeta-folder-caption-pseudo-v12]::after {
  color:var(--text,#171b24)!important;
  -webkit-text-fill-color:var(--text,#171b24)!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-shadow:none!important;
}
html[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v12],
html[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v12]::before,
html[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-v12]::after,
html[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-pseudo-v12]::before,
html[data-theme="dark"] #sectionAccounts [data-zmeta-folder-caption-pseudo-v12]::after {
  color:#f1f5f9!important;
  -webkit-text-fill-color:#f1f5f9!important;
}
html:not([data-theme="dark"]) #sectionAccounts [data-zmeta-folder-caption-v12],
html:not([data-theme="dark"]) #sectionAccounts [data-zmeta-folder-caption-v12]::before,
html:not([data-theme="dark"]) #sectionAccounts [data-zmeta-folder-caption-v12]::after,
html:not([data-theme="dark"]) #sectionAccounts [data-zmeta-folder-caption-pseudo-v12]::before,
html:not([data-theme="dark"]) #sectionAccounts [data-zmeta-folder-caption-pseudo-v12]::after {
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}



/* ZMETA_FOLDER_POINTER_COLOR_V14_20261028: original desktop folder caption, both themes. */
#sectionAccounts #folderToolbarPicker > .z-folder-pointer-v20 {
  color: var(--text, #111318) !important;
  -webkit-text-fill-color: var(--text, #111318) !important;
}

/* ZMETA_GET_NAME_INCREMENTAL_CSS_V9_20261028 */
.z-name-v9-modal .z-photo-v2-card{width:min(410px,calc(100vw - 24px))!important;max-width:100%!important}
.z-name-v9-summary{font-size:11px;font-weight:750;color:var(--text,#f1f5f9);margin:7px 0 9px;font-variant-numeric:tabular-nums}
.z-name-v9-track{height:5px;width:100%;background:var(--line,#29313d);border-radius:999px;overflow:hidden;margin-bottom:9px}
.z-name-v9-fill{height:100%;background:#7c3aed;border-radius:inherit;transition:width .18s ease}
.z-name-v9-list{display:flex;flex-direction:column;gap:2px;max-height:min(35vh,220px);overflow-y:auto;min-height:36px}
.z-name-v9-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line,#29313d);min-height:31px;padding:5px 2px;font-size:10px}
.z-name-v9-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text,#f1f5f9)}
.z-name-v9-item-state{display:inline-flex;gap:5px;align-items:center;white-space:nowrap;flex-shrink:0;color:var(--muted,#96a0b2);font-variant-numeric:tabular-nums}
.z-name-v9-item[data-status="success"] .z-name-v9-item-state,.z-name-v9-row-status.z-name-v9-success{color:#16a34a}
.z-name-v9-item[data-status="failed"] .z-name-v9-item-state,.z-name-v9-row-status.z-name-v9-failed{color:#dc2626}
.z-name-v9-footnote{font-size:9px;line-height:1.45;color:var(--muted,#96a0b2);margin-top:8px}
.z-name-v9-spinner{display:inline-block;width:11px;height:11px;flex:0 0 11px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:z-name-v9-spin .7s linear infinite;vertical-align:-1px}
@keyframes z-name-v9-spin{to{transform:rotate(360deg)}}
.z-name-v9-row-status{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.3;font-weight:700;color:var(--muted,#96a0b2);white-space:nowrap}
.z-name-v9-row-status.z-name-v9-loading{color:#8b5cf6}
@media(prefers-reduced-motion:reduce){.z-name-v9-spinner{animation-duration:2s}.z-name-v9-fill{transition:none}}

/* ZMETA_GET_NAME_AVATAR_CSS_V10_20261028 */
#sectionAccounts .account-cell.z-name-v10-host{position:relative!important}
#sectionAccounts .account-cell > .z-name-v10-frame{
  position:absolute;z-index:6;display:flex;justify-content:center;align-items:center;
  pointer-events:none;user-select:none;overflow:hidden;
  border-radius:9px;border:1px solid rgba(167,139,250,.76);
  background:rgba(12,15,23,.56);backdrop-filter:blur(1px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}
#sectionAccounts .z-name-v10-frame[data-stage="queued"]{border-color:rgba(148,163,184,.7);background:rgba(15,23,42,.36)}
#sectionAccounts .z-name-v10-indicator{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
#sectionAccounts .z-name-v10-wheel{
  width:14px;height:14px;border-radius:50%;border:2.3px solid rgba(255,255,255,.32);
  border-top-color:#c4b5fd;animation:z-name-v10-spin .7s linear infinite;
}
#sectionAccounts .z-name-v10-frame[data-stage="queued"] .z-name-v10-wheel{border-top-color:#cbd5e1;animation-duration:1.4s}
#sectionAccounts .z-name-v10-frame[data-stage="success"]{border-color:#22c55e;background:rgba(8,60,34,.60)}
#sectionAccounts .z-name-v10-frame[data-stage="failed"]{border-color:#f87171;background:rgba(70,20,20,.60)}
#sectionAccounts .z-name-v10-mark{color:#fff;font-size:17px;font-weight:800;line-height:1}
@keyframes z-name-v10-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#sectionAccounts .z-name-v10-wheel{animation-duration:2s}}