:root{--bg:#f6f8fc;--panel:#fff;--text:#111827;--muted:#667085;--line:#e5e7eb;--soft:#f1f5f9;--primary:#0b5ed7;--primary-dark:#084cae;--green:#067647;--green-bg:#ecfdf3;--orange:#b54708;--orange-bg:#fff7ed;--yellow:#a15c07;--yellow-bg:#fffaeb;--red:#b42318;--red-bg:#fef3f2;--dark-red:#7a271a;--gray:#475467;--gray-bg:#f2f4f7;--shadow:0 10px 25px rgba(15,23,42,.06);--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px}
*{box-sizing:border-box}
html{font-size:16px}
body.idkd-body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:none;color:var(--primary-dark)}
button,input,select{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ui-icon{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,460px) minmax(260px,520px);gap:28px;align-items:center;justify-content:center;padding:32px}
.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.auth-brand img,.drawer-brand img,.app-brand img{width:38px;height:38px;object-fit:contain}
.auth-brand strong{display:block;font-size:19px}.auth-brand span{display:block;color:var(--muted);font-size:13px}
.auth-header h1{margin:0 0 8px;font-size:28px;line-height:1.18;font-weight:750}.auth-header p{margin:0;color:var(--muted)}
.auth-form{display:grid;gap:14px;margin-top:22px}.auth-form label{display:grid;gap:7px;font-weight:650;color:#344054}
.auth-form input,.filter-bar input,.filter-bar select{width:100%;min-height:44px;border:1px solid #d0d5dd;border-radius:var(--radius);background:#fff;color:var(--text);padding:0 12px;outline:none}
.auth-form input:focus,.filter-bar input:focus,.filter-bar select:focus,.global-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,94,215,.14)}
.password-field{display:flex;align-items:center;position:relative}.password-field input{padding-right:48px}.password-field .icon-button{position:absolute;right:6px}
.primary-button,.secondary-button{min-height:42px;border:1px solid transparent;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:700;cursor:pointer}
.primary-button{background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-dark);color:#fff}.secondary-button{background:#fff;color:#344054;border-color:#d0d5dd}.secondary-button:hover{background:#f8fafc;color:#111827}
.link-button{color:#fff}.auth-form .primary-button{width:100%;margin-top:4px}.button-spinner{display:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .8s linear infinite}.auth-form.loading .button-spinner{display:inline-block}.auth-form.loading button{opacity:.82;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}
.alert{border-radius:var(--radius);padding:11px 12px;margin-top:14px}.alert-error{background:var(--red-bg);color:var(--red);border:1px solid #fecdca}
.auth-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font-weight:650;font-size:14px}.auth-side{align-self:stretch;max-height:620px;border:1px solid var(--line);border-radius:var(--radius);background:#0f172a;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:center}.auth-side h2{font-size:20px;margin:0 0 16px}.service-shortcuts{display:grid;gap:10px}.service-shortcuts a{display:flex;align-items:center;gap:10px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:12px}
.app-shell{display:block;min-height:0}
.mobile-drawer{position:fixed;left:0;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:18px 14px;z-index:30;transform:translateX(-105%);transition:.2s ease;width:280px;box-shadow:var(--shadow)}
.drawer-brand{height:44px;display:flex;align-items:center;gap:10px;color:#111827;font-weight:800;font-size:18px;margin-bottom:22px}.drawer-nav{display:grid;gap:4px}
.nav-item{height:34px;border-radius:999px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#344054;font-weight:680;font-size:12.5px;white-space:nowrap;letter-spacing:.01em;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
.nav-item .ui-icon{width:14px;height:14px;stroke-width:2;color:#667085}
.nav-item:hover{background:#fff;color:var(--primary);box-shadow:0 1px 2px rgba(15,23,42,.04)}.nav-item:hover .ui-icon{color:var(--primary)}.nav-item:focus{outline:none;box-shadow:0 0 0 3px rgba(11,94,215,.14)}.nav-item.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px rgba(15,23,42,.06),inset 0 0 0 1px #cfe1ff}.nav-item.active .ui-icon{color:var(--primary)}.nav-label-short{display:none}
.app-container{width:min(calc(100% - 32px),1520px);margin-inline:auto}
.main-column{min-width:0}.app-header{position:sticky;top:0;z-index:1000;width:100%;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96));backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #e6ebf3;white-space:nowrap}
.app-header__inner{height:64px;display:flex;align-items:center;flex-wrap:nowrap;gap:10px;min-width:0;overflow:visible}
.app-brand{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-width:max-content;color:#111827;font-weight:800;font-size:15px;white-space:nowrap}.app-brand:hover{color:#111827}
.desktop-navigation{display:flex;align-items:center;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:2px;white-space:nowrap;overflow:visible;background:rgba(241,245,249,.72);border:1px solid #e5eaf2;border-radius:999px;padding:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.86)}
.desktop-navigation>.nav-item{flex:0 0 auto}
.mobile-navigation-trigger,.mobile-menu{display:none}.header-search,.global-search{flex:0 1 220px;width:220px;min-width:160px;max-width:240px;position:relative;display:flex;align-items:center}.global-search>.ui-icon{position:absolute;left:10px;color:var(--muted);z-index:1;width:15px;height:15px}.global-search input{width:100%;min-width:0;height:36px;border:1px solid #d5dce8;border-radius:999px;background:#fff;padding:0 10px 0 33px;outline:none;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.search-results{display:none;position:absolute;top:44px;right:0;width:min(520px,calc(100vw - 24px));max-height:420px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;z-index:50}
.search-results.open{display:grid;gap:4px}.search-item{border-radius:7px;padding:9px 10px;color:#111827;display:grid;gap:2px}.search-item:hover,.search-item.active{background:#eef4ff;color:#0b5ed7}.search-item b{font-size:14px}.search-item small{color:var(--muted);font-size:12px}
.header-actions{display:inline-flex;align-items:center;flex:0 0 auto;gap:6px;min-width:max-content;white-space:nowrap}.icon-button{width:36px;height:36px;border:1px solid #d5dce8;border-radius:999px;background:#fff;color:#344054;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 1px 2px rgba(15,23,42,.03)}.icon-button:hover,.icon-button:focus,.account-chip:hover,.account-chip:focus{border-color:#bfd5ff;color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(11,94,215,.12)}
.notify-dot{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;line-height:1}.account-menu-trigger,.account-chip{height:36px;border:1px solid #d5dce8;border-radius:999px;background:#fff;display:inline-flex;align-items:center;gap:6px;padding:0 10px;max-width:180px;cursor:pointer;color:#344054;white-space:nowrap;box-shadow:0 1px 2px rgba(15,23,42,.03)}.account-name,.account-chip span{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:680;font-size:12.5px}
.menu-popover-wrap{position:relative}.popover-panel{display:none;position:absolute;top:46px;right:0;width:320px;max-height:430px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;z-index:55;white-space:normal}.popover-panel.open{display:block}.popover-head{display:grid;gap:2px;border-bottom:1px solid var(--line);padding:4px 4px 10px;margin-bottom:6px}.popover-head b{font-size:14px}.popover-head span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.popover-row{display:grid;gap:2px;border-radius:7px;padding:9px 10px;color:#111827}.popover-row:hover{background:#eef4ff;color:#0b5ed7}.popover-row span{font-weight:700;font-size:14px}.popover-row small{font-size:12px;color:var(--muted)}.popover-row.danger span{color:var(--red)}
.page-content{padding-block:20px 32px}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;margin-bottom:14px}.breadcrumb b{color:var(--text);font-weight:650}
.page-header,.detail-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.page-header p,.detail-hero p{margin:0 0 4px;color:var(--muted);font-size:14px}.page-header h1,.detail-hero h1{margin:0;font-size:30px;line-height:1.15;font-weight:760}.subtle{color:var(--muted);font-size:14px}
.detail-hero{background:#0f172a;color:#fff;border-radius:var(--radius);padding:22px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.detail-hero p{color:#cbd5e1}.hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.hero-meta>span:not(.status-badge){background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 10px;color:#e5e7eb;font-size:13px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px;box-shadow:var(--shadow);color:#111827;display:grid;gap:8px}.stat-card .ui-icon{color:var(--primary);width:22px;height:22px}.stat-card span{color:var(--muted);font-size:13px}.stat-card b{font-size:28px;line-height:1}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4);margin-bottom:var(--space-4)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-header h2{margin:0;font-size:18px;font-weight:740}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:start}.dashboard-column{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.dashboard-column .panel{margin-bottom:0}
.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.search-input{position:relative;display:flex;align-items:center;min-width:320px;flex:1 1 360px}.search-input .ui-icon{position:absolute;left:12px;color:var(--muted)}.search-input input{padding-left:40px}.filter-bar select{flex:0 0 auto;max-width:180px}.filter-bar button{flex:0 0 auto}.filter-bar select,.filter-bar button{min-height:40px;border:1px solid #d0d5dd;background:#fff;border-radius:var(--radius);padding:0 10px;color:#344054;font-weight:650}
.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:var(--radius)}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1160px;background:#fff;table-layout:fixed}.data-table[data-table=hosting],.data-table[data-table=email],.data-table[data-table=vps]{min-width:1460px}.data-table[data-table=domains]{min-width:1320px}.data-table.plain{min-width:620px}.data-table th{position:sticky;top:0;background:#f8fafc;color:#475467;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.02em;padding:11px 12px;border-bottom:1px solid var(--line);z-index:1}.data-table td{font-size:14px;padding:12px;border-bottom:1px solid #eef2f7;vertical-align:middle;height:56px}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#f8fbff}.data-table b{font-weight:700;overflow:hidden;text-overflow:ellipsis}.data-table small{display:block;color:var(--muted);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.right{text-align:right}.row-actions{text-align:left}.empty-row{cursor:default!important}
.data-table[data-table=hosting] th:nth-child(1),.data-table[data-table=email] th:nth-child(1),.data-table[data-table=vps] th:nth-child(1){width:120px}.data-table[data-table=hosting] th:nth-child(2),.data-table[data-table=email] th:nth-child(2),.data-table[data-table=vps] th:nth-child(2){width:170px}.data-table[data-table=hosting] th:nth-child(3),.data-table[data-table=email] th:nth-child(3),.data-table[data-table=vps] th:nth-child(3){width:120px}.data-table[data-table=hosting] th:nth-child(4),.data-table[data-table=email] th:nth-child(4),.data-table[data-table=vps] th:nth-child(4),.data-table[data-table=hosting] th:nth-child(5),.data-table[data-table=email] th:nth-child(5),.data-table[data-table=vps] th:nth-child(5){width:120px}.data-table[data-table=hosting] th:nth-child(6),.data-table[data-table=email] th:nth-child(6),.data-table[data-table=vps] th:nth-child(6){width:140px}.data-table[data-table=hosting] th:nth-child(7),.data-table[data-table=email] th:nth-child(7),.data-table[data-table=vps] th:nth-child(7),.data-table[data-table=hosting] th:nth-child(8),.data-table[data-table=email] th:nth-child(8),.data-table[data-table=vps] th:nth-child(8){width:120px}.data-table[data-table=hosting] th:nth-child(9),.data-table[data-table=email] th:nth-child(9),.data-table[data-table=vps] th:nth-child(9){width:130px}.data-table[data-table=hosting] th:nth-child(10),.data-table[data-table=email] th:nth-child(10),.data-table[data-table=vps] th:nth-child(10){width:100px}.data-table[data-table=hosting] th:nth-child(11),.data-table[data-table=email] th:nth-child(11),.data-table[data-table=vps] th:nth-child(11){width:110px}.data-table[data-table=hosting] th:nth-child(12),.data-table[data-table=email] th:nth-child(12),.data-table[data-table=vps] th:nth-child(12){width:260px}
.data-table[data-table=domains] th:nth-child(1){width:190px}.data-table[data-table=domains] th:nth-child(2){width:135px}.data-table[data-table=domains] th:nth-child(3){width:120px}.data-table[data-table=domains] th:nth-child(4),.data-table[data-table=domains] th:nth-child(5){width:115px}.data-table[data-table=domains] th:nth-child(6){width:110px}.data-table[data-table=domains] th:nth-child(7){width:110px}.data-table[data-table=domains] th:nth-child(8),.data-table[data-table=domains] th:nth-child(9){width:90px}.data-table[data-table=domains] th:nth-child(10){width:115px}.data-table[data-table=domains] th:nth-child(11){width:270px}
.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:750;white-space:nowrap;border:1px solid transparent}.status-badge span{width:7px;height:7px;border-radius:50%;background:currentColor}.status-active,.status-paid,.status-answered{background:var(--green-bg);color:var(--green);border-color:#abefc6}.status-suspended,.status-unpaid,.status-pending,.status-customer-reply{background:var(--orange-bg);color:var(--orange);border-color:#fedf89}.status-expiring{background:var(--yellow-bg);color:var(--yellow);border-color:#fedf89}.status-overdue,.status-expired{background:var(--red-bg);color:var(--red);border-color:#fecdca}.status-terminated,.status-cancelled{background:#fee4e2;color:var(--dark-red);border-color:#fecdca}.status-closed,.status-unknown,.status-secondary{background:var(--gray-bg);color:var(--gray);border-color:#e4e7ec}.warn-text{color:var(--yellow);font-weight:700}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.detail-grid div{background:#f8fafc;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.detail-grid span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:750;margin-bottom:4px}.detail-grid b{font-size:15px;overflow-wrap:anywhere}.meter{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:9px}.meter i{display:block;height:100%;background:var(--primary);border-radius:999px}
.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line);margin:-4px -4px 14px;padding:4px 4px 0}.tabs button{border:0;background:transparent;border-radius:7px 7px 0 0;padding:10px 12px;color:var(--muted);font-weight:700;white-space:nowrap;cursor:pointer}.tabs button.active{background:#eef4ff;color:var(--primary)}.tab-panel{display:none}.tab-panel.active{display:block}
.service-icon-menu{display:flex;align-items:center;gap:8px;overflow:auto;margin:-2px -2px 14px;padding:2px 2px 8px;border-bottom:1px solid #eef2f7}.service-icon-menu button{min-width:76px;height:64px;border:1px solid transparent;border-radius:10px;background:#fff;color:#475467;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 9px;font-weight:700;font-size:12px;white-space:nowrap;cursor:pointer}.service-icon-menu button .ui-icon{width:21px;height:21px;color:#667085}.service-icon-menu button:hover{background:#f8fbff;border-color:#dbeafe;color:var(--primary)}.service-icon-menu button:hover .ui-icon{color:var(--primary)}.service-icon-menu button.active{background:#eef4ff;border-color:#cfe1ff;color:var(--primary);box-shadow:0 1px 2px rgba(15,23,42,.04)}.service-icon-menu button.active .ui-icon{color:var(--primary)}
.action-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.action-list a,.order-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:#111827;padding:13px;display:flex;align-items:center;gap:11px;text-decoration:none}.action-list a:hover,.order-card:hover{border-color:var(--primary);background:#f8fbff}.action-list .ui-icon,.order-card .ui-icon{width:32px;height:32px;padding:7px;border-radius:7px;background:#eef4ff;color:var(--primary)}.action-list span{display:grid;gap:2px}.action-list b{font-size:14px}.action-list small,.order-card span{font-size:12px;color:var(--muted)}.always-grid{display:grid!important}
.function-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.function-icon-grid.compact{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))}.function-icon{min-height:94px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#111827;padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;text-decoration:none}.function-icon:hover{border-color:#b9d5ff;background:#f8fbff;color:var(--primary)}.function-icon>.ui-icon{width:34px;height:34px;padding:7px;border-radius:9px;background:#eef4ff;color:var(--primary)}.function-icon span{display:grid;gap:2px;min-width:0}.function-icon b{font-size:14px}.function-icon small{font-size:12px;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.function-icon:focus{outline:none;box-shadow:0 0 0 3px rgba(11,94,215,.14);border-color:var(--primary)}
.dns-embed-panel{padding:0;overflow:hidden}.dns-embed-panel>.panel-header{padding:14px 16px;margin:0;border-bottom:1px solid var(--line);background:#f8fbff}.dns-embed-panel>.panel-header>div{min-width:0}.dns-embed-panel .subtle{display:block;margin-top:3px;line-height:1.35}.dns-embed-frame-wrap{height:760px;background:#fff}.dns-embed-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.idkd-toast-wrap{position:fixed;right:18px;bottom:18px;z-index:1500;display:grid;gap:8px;width:min(360px,calc(100vw - 24px))}.idkd-toast{border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:10px;background:#fff;color:#111827;box-shadow:0 16px 42px rgba(15,23,42,.16);padding:11px 12px;font-size:13px;line-height:1.35}.idkd-toast.success{border-left-color:var(--green)}.idkd-toast.warning{border-left-color:var(--orange)}.idkd-toast.error{border-left-color:var(--red)}.idkd-toast.leaving{opacity:0;transform:translateY(6px);transition:.18s ease}.order-button.loading,[data-service-action].loading{opacity:.78;cursor:wait}
.error-state{display:grid;justify-items:center;text-align:center;gap:8px;padding:36px 16px;color:#344054}.error-state .ui-icon{width:40px;height:40px;padding:9px;border-radius:12px;background:#fff4e5;color:var(--orange)}.error-state b{font-size:16px;color:#111827}.error-state span{max-width:560px;color:var(--muted);line-height:1.5}
.email-manager{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start;margin-bottom:16px}.email-manager-main{min-width:0}.email-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,190px) minmax(220px,320px) auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin-bottom:14px}.email-toolbar h2{margin:0;font-size:19px}.email-toolbar select{height:40px;border:1px solid #d0d5dd;border-radius:9px;padding:0 10px;background:#fff}.email-search{min-width:0}.email-manager-alert{display:flex;gap:10px;align-items:flex-start;border:1px solid #fedf89;background:#fffaeb;color:#7a4d00;border-radius:10px;padding:11px 12px;margin-bottom:14px;line-height:1.45}.email-manager-alert .ui-icon{width:20px;height:20px;flex:0 0 auto}.email-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;margin-bottom:14px}.email-feature-card{min-height:128px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#111827;text-align:left;padding:12px;display:flex;flex-direction:column;gap:9px;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.03)}.email-feature-card:hover,.email-feature-card:focus{border-color:#b9d5ff;background:#f8fbff;outline:none;box-shadow:0 0 0 3px rgba(11,94,215,.1)}.email-feature-card>.ui-icon{width:32px;height:32px;padding:7px;border-radius:9px;background:#eef4ff;color:var(--primary)}.email-feature-card span{display:grid;gap:3px}.email-feature-card b{font-size:14px}.email-feature-card small{font-size:12px;color:var(--muted);line-height:1.35}.email-feature-card em{margin-top:auto;font-style:normal;font-size:12px;color:#344054;background:#f2f4f7;border-radius:999px;padding:4px 8px;width:max-content;max-width:100%}.email-mailboxes{margin-bottom:0}.email-skeleton{border:1px dashed #cfd8e7;border-radius:10px;background:#f8fbff;color:var(--muted);padding:22px;text-align:center}.email-mailbox-table td small{display:block;color:var(--muted);font-size:12px}.email-row-actions{display:flex;gap:6px;flex-wrap:wrap}.email-row-actions button,.email-row-actions a{min-height:32px;border-radius:7px;border:1px solid #d0d5dd;background:#fff;color:#344054;padding:0 9px;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;cursor:pointer}.email-row-actions button:hover,.email-row-actions a:hover{border-color:var(--primary);color:var(--primary)}.email-row-actions button[disabled]{opacity:.52;cursor:not-allowed}.email-manager-sidebar{display:grid;gap:14px;min-width:0}.email-side-panel{margin-bottom:0}.resource-meter{display:grid;gap:5px;padding:9px 0;border-bottom:1px solid #eef2f7}.resource-meter:last-child{border-bottom:0}.resource-meter-head{display:flex;justify-content:space-between;gap:8px;font-size:13px}.resource-meter-head b{color:#111827}.resource-meter-head span{color:var(--muted)}.resource-meter-bar{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}.resource-meter-bar i{display:block;height:100%;border-radius:999px;background:var(--green)}.resource-meter.warn .resource-meter-bar i{background:var(--orange)}.resource-meter.danger .resource-meter-bar i{background:var(--red)}.email-dns-status{display:grid;gap:8px;margin-bottom:10px}.email-dns-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.dns-badge{border-radius:999px;padding:4px 8px;background:#f2f4f7;color:#475467;font-weight:700;font-size:12px}.dns-badge.valid{background:#e7f8ef;color:#087443}.dns-badge.missing,.dns-badge.warn{background:#fff4e5;color:#b54708}.dns-badge.unknown{background:#f2f4f7;color:#475467}.secondary-button.full{width:100%}.detail-grid.compact{grid-template-columns:1fr;gap:8px}.detail-grid.compact>div{padding:9px 10px}.email-modal form{display:grid;gap:11px}.email-modal label{display:grid;gap:5px;font-weight:700;font-size:13px;color:#344054}.email-modal input{height:40px;border:1px solid #d0d5dd;border-radius:8px;padding:0 10px;font:inherit}.password-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.password-tools span{font-size:12px;color:var(--muted)}.api-output,.email-modal output{display:block;font-size:13px;line-height:1.4}.api-output.success,.email-modal output.success{color:#087443}.api-output.error,.email-modal output.error{color:#b42318}
.domain-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:#111827;padding:14px;display:grid;gap:10px;align-content:start}.tool-card>.ui-icon{width:32px;height:32px;padding:7px;border-radius:7px;background:#eef4ff;color:var(--primary)}.tool-card b{font-size:15px}.tool-card small,.tool-card p{margin:0;color:var(--muted);font-size:13px}.tool-form{display:grid;gap:10px}.tool-form label{display:grid;gap:5px;color:#344054;font-weight:650;font-size:13px}.tool-form input,.tool-form select{width:100%;min-height:38px;border:1px solid #d0d5dd;border-radius:7px;padding:0 10px;background:#fff}.api-output{display:block;border-radius:7px;padding:9px 10px;font-size:13px}.api-output.success{background:var(--green-bg);color:var(--green);border:1px solid #abefc6}.api-output.error{background:var(--red-bg);color:var(--red);border:1px solid #fecdca}
.modal-backdrop{position:fixed;inset:0;z-index:1100;background:rgba(15,23,42,.46);display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal-panel{width:min(100%,520px);max-height:min(90vh,720px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 60px rgba(15,23,42,.22);padding:20px;position:relative}.modal-panel h2{margin:0 44px 14px 0;font-size:20px;line-height:1.2}.modal-close{position:absolute;right:14px;top:14px;transform:rotate(45deg)}
.ns-list{display:flex;gap:8px;flex-wrap:wrap}.ns-list code{background:#f8fafc;border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:#0f172a;overflow-wrap:anywhere}.detail-ns{margin-bottom:12px}
.compact-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef2f7;padding:11px 0;color:#111827}.compact-row:first-of-type{border-top:0}.compact-row span{min-width:0;overflow:hidden;text-overflow:ellipsis}.link-row:hover{color:var(--primary)}.pay-total{width:100%;margin-top:12px}.empty-state{border:1px dashed #cbd5e1;background:#f8fafc;color:var(--muted);border-radius:var(--radius);padding:18px}.empty-state.small{padding:12px;font-size:14px}
.invoice-mini-list{display:grid}.invoice-mini-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 130px;align-items:center;gap:10px;border-top:1px solid #eef2f7;padding:10px 0;color:#111827}.invoice-mini-row:first-child{border-top:0}.invoice-mini-row span{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#111827}.invoice-mini-row b{text-align:right;white-space:nowrap}
.deposit-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;margin-bottom:16px}.deposit-main,.deposit-side{min-width:0}.balance-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eef6ff;color:#0b5ed7;padding:7px 11px;font-weight:800;font-size:13px;white-space:nowrap}.balance-chip .ui-icon{width:16px;height:16px}.deposit-form{display:grid;gap:14px;padding:4px 0}.deposit-form label{display:grid;gap:7px;font-size:14px;font-weight:750;color:#344054}.deposit-form label>.subtle{font-size:12px;font-weight:500}.deposit-amount-wrap{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding-right:12px}.deposit-amount-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,94,215,.12)}.deposit-amount-wrap input{width:100%;height:52px;border:0;outline:0;background:transparent;padding:0 13px;font-size:22px;font-weight:750;color:#111827}.deposit-amount-wrap span{color:var(--muted);font-weight:700}.deposit-presets{display:flex;gap:8px;flex-wrap:wrap}.deposit-presets .secondary-button{min-height:34px;padding:0 10px;font-size:12px}.deposit-method{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;color:#344054}.deposit-method-icon{display:inline-flex;padding:8px;border-radius:8px;background:#e7f0ff;color:var(--primary)}.deposit-method-icon .ui-icon{width:20px;height:20px}.deposit-method div{display:grid;gap:2px}.deposit-method b{font-size:13px}.deposit-method small{font-size:12px;color:var(--muted);line-height:1.4}.deposit-submit{width:100%;min-height:46px}.deposit-balance{display:grid;gap:4px;padding:16px;border-radius:10px;background:linear-gradient(135deg,#0b5ed7,#1769aa);color:#fff;margin-bottom:12px}.deposit-balance span{font-size:13px;opacity:.85}.deposit-balance b{font-size:25px}.deposit-notes{margin:0 0 16px;padding-left:19px;color:var(--muted);font-size:13px;line-height:1.6}.secondary-button.full{width:100%}
.dashboard-services .tab-panel{padding-top:2px}.dashboard-service-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.dashboard-service-head,.dashboard-service-row{display:grid;grid-template-columns:minmax(230px,1fr) 140px 132px 112px 230px;gap:12px;align-items:center}.dashboard-service-head{min-height:38px;background:#f8fafc;color:#475467;font-size:12px;text-transform:uppercase;font-weight:750;padding:0 12px}.dashboard-service-row{min-height:58px;color:#111827;border-top:1px solid #eef2f7;padding:9px 12px}.service-title{display:grid;gap:1px;min-width:0;color:#111827}.service-title b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-title small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-date{text-align:left}.mini-date b{font-size:14px}.mini-date small{display:block;color:var(--muted);font-size:12px}.dashboard-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}.mini-primary,.mini-secondary,.row-primary-action,.row-secondary-action,.row-disabled-action{min-height:34px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-weight:750;font-size:13px;white-space:nowrap}.mini-primary,.row-primary-action{background:var(--primary);color:#fff}.mini-primary:hover,.row-primary-action:hover{background:var(--primary-dark);color:#fff}.mini-secondary,.row-secondary-action{background:#fff;border:1px solid #d0d5dd;color:#344054}.mini-secondary:hover,.row-secondary-action:hover{border-color:var(--primary);color:var(--primary)}.row-disabled-action{background:#f2f4f7;border:1px solid #e4e7ec;color:#98a2b3;cursor:not-allowed}.view-all-link{display:inline-flex;margin-top:10px;font-weight:700}
.mini-meter{min-width:100px;display:grid;gap:4px}.mini-meter span{font-size:12px;color:#475467;white-space:nowrap}.mini-meter i{display:block;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.mini-meter b{display:block;height:100%;background:var(--primary);border-radius:999px}.action-cluster{display:flex;align-items:center;gap:7px;position:relative}.row-menu{position:relative}.row-menu summary{list-style:none;min-height:34px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#344054;display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-weight:750;font-size:13px;cursor:pointer}.row-menu summary::-webkit-details-marker{display:none}.row-menu summary:hover{border-color:var(--primary);color:var(--primary)}.row-menu-panel{position:absolute;right:0;top:40px;width:260px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;z-index:12}.row-menu-panel a{display:flex;align-items:center;gap:9px;border-radius:7px;padding:9px;color:#111827}.row-menu-panel a:hover{background:#eef4ff;color:var(--primary)}.row-menu-panel span{display:grid;gap:1px}.row-menu-panel b{font-size:13px}.row-menu-panel small{font-size:12px;color:var(--muted);white-space:normal}
.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.order-card{align-items:flex-start;flex-direction:column}.order-card.compact{min-height:104px}.order-card b{font-size:15px}.order-overview{margin-bottom:var(--space-4)}.order-catalog{display:grid;gap:var(--space-4)}.order-group{margin-bottom:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.product-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px;display:grid;grid-template-rows:1fr auto auto;gap:12px;min-height:210px}.product-card b{font-size:15px}.product-card p{margin:6px 0 0;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;border-top:1px solid #eef2f7;padding-top:10px}.product-meta strong{font-size:18px;color:#111827}.product-meta small{color:var(--muted);text-align:right}.order-button{width:100%}
.pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:12px}.pagination button{min-width:36px;height:36px;border:1px solid #d0d5dd;background:#fff;border-radius:7px;color:#344054;font-weight:700}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.45;cursor:not-allowed}
.ticket-message{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;padding:14px;margin-top:10px;white-space:pre-wrap;line-height:1.55}.ticket-message small{display:block;color:var(--muted);margin-bottom:6px}.ticket-message.admin-reply{background:#eef6ff}
.drawer-backdrop{display:none}
@media (min-width:1280px){.desktop-navigation{display:flex!important}.mobile-navigation-trigger,.mobile-menu{display:none!important}}
@media (max-width:1439px) and (min-width:1280px){.app-container{width:min(calc(100% - 24px),1520px)}.app-header__inner{gap:6px}.app-brand{font-size:14px;gap:7px}.app-brand img{width:34px;height:34px}.desktop-navigation{gap:1px;padding:3px}.desktop-navigation>.nav-item{height:32px;font-size:12px;padding:0 6px}.nav-label-short{display:none}.desktop-navigation .nav-item:nth-child(5) .nav-label,.desktop-navigation .nav-item:nth-child(7) .nav-label{display:none}.desktop-navigation .nav-item:nth-child(5) .nav-label-short,.desktop-navigation .nav-item:nth-child(7) .nav-label-short{display:inline}.header-search,.global-search{flex-basis:176px;width:176px;min-width:160px;max-width:200px}.account-menu-trigger,.account-chip{max-width:150px;padding:0 8px}.account-name,.account-chip span{max-width:104px}.header-actions{gap:5px}}
@media (max-width:1279px){.app-container{width:min(calc(100% - 24px),1520px)}.desktop-navigation{display:none!important}.mobile-navigation-trigger,.mobile-menu{display:inline-flex!important}.app-header__inner{gap:8px}.app-brand{font-size:14px}.header-search,.global-search{flex:1 1 auto;width:auto;min-width:0;max-width:none}.account-menu-trigger,.account-chip{max-width:138px}.account-name,.account-chip span{max-width:92px}}
@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.grid-2,.dashboard-columns{grid-template-columns:1fr}.global-search input{font-size:13px}}
@media (max-width:900px){.deposit-layout{grid-template-columns:1fr}}
@media (max-width:900px){.dashboard-columns{display:grid;grid-template-columns:1fr}.dashboard-column{display:contents}.dash-expiry{order:1}.dash-invoice{order:2}.dash-quick{order:3}.dash-ticket{order:4}}
@media (max-width:1023px){.app-header__inner{height:60px}.desktop-navigation{display:none!important}.mobile-navigation-trigger,.mobile-menu{display:inline-flex!important}.app-brand span{display:none}.account-menu-trigger,.account-chip{display:none}.app-shell.drawer-open .mobile-drawer{transform:none}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:25}.app-shell.drawer-open .drawer-backdrop{display:block}.drawer-nav .nav-item{height:42px;font-size:14px;padding:0 11px;border-radius:10px}.drawer-nav .nav-item .ui-icon{display:block;width:18px;height:18px}.drawer-nav .nav-label{display:inline}.drawer-nav .nav-label-short{display:none}.page-content{padding-block:16px 28px}.page-header,.detail-hero{align-items:flex-start;flex-direction:column}.hero-actions{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr;padding:18px}.auth-side{display:block;align-self:auto}}
@media (max-width:560px){html{font-size:15px}.auth-card{padding:22px}.auth-header h1,.page-header h1,.detail-hero h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.filter-bar{display:grid}.search-input{min-width:0}.header-actions{gap:5px}.data-table{min-width:820px}.detail-grid{grid-template-columns:1fr}.action-list,.function-icon-grid,.function-icon-grid.compact{grid-template-columns:1fr}.service-icon-menu{gap:6px}.service-icon-menu button{min-width:68px;height:58px;font-size:11px}.dashboard-service-head{display:none}.dashboard-service-row{grid-template-columns:1fr;align-items:start}.dashboard-actions{justify-content:flex-start;flex-wrap:wrap}.mini-date{text-align:left}.primary-button,.secondary-button{width:100%}.dns-embed-panel>.panel-header{align-items:flex-start;flex-direction:column}.dns-embed-frame-wrap{height:720px}.search-results,.popover-panel{position:fixed;left:12px;right:12px;top:64px;width:auto}}
@media (max-width:1199px){.email-manager{grid-template-columns:1fr}.email-manager-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}.email-toolbar{grid-template-columns:minmax(0,1fr) auto}.email-search{grid-column:1/-1}.email-toolbar .secondary-button{width:auto}}
@media (max-width:767px){.email-manager-sidebar{grid-template-columns:1fr}.email-toolbar{grid-template-columns:1fr}.email-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.email-feature-card{min-height:118px;padding:10px}.email-feature-card b{font-size:13px}.email-feature-card small{font-size:11px}.email-row-actions{display:grid;grid-template-columns:1fr 1fr}.email-row-actions a,.email-row-actions button{justify-content:center}.email-mailbox-table-wrap .data-table{min-width:760px}}

/* Compact client surface: keep the existing actions and data, reduce scan cost. */
body.idkd-body{overflow-x:hidden;font-size:14px}
body.idkd-body .app-header__inner{height:60px}
body.idkd-body .page-content{padding-block:16px 24px}
body.idkd-body .page-header,body.idkd-body .detail-hero{margin-bottom:14px;gap:14px}
body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:22px}
body.idkd-body .page-header p,body.idkd-body .detail-hero p{font-size:12px}
body.idkd-body .subtle{font-size:12px}
body.idkd-body .panel{padding:14px;margin-bottom:12px}
body.idkd-body .panel-header{margin-bottom:9px}
body.idkd-body .panel-header h2{font-size:15px}
body.idkd-body .stats-grid{gap:8px;margin-bottom:12px}
body.idkd-body .stat-card{padding:11px;gap:5px}
body.idkd-body .stat-card .ui-icon{width:18px;height:18px}
body.idkd-body .stat-card span{font-size:12px}
body.idkd-body .stat-card b{font-size:22px}
body.idkd-body .filter-bar{gap:8px;margin-bottom:10px}
body.idkd-body .filter-bar input,body.idkd-body .filter-bar select{min-height:38px}
body.idkd-body .data-table th{padding:9px 10px}
body.idkd-body .data-table td{font-size:13px;padding:9px 10px;height:48px}
body.idkd-body .data-table small{font-size:11px}
body.idkd-body .primary-button,body.idkd-body .secondary-button{min-height:36px;padding-inline:11px;font-size:13px}
body.idkd-body .dashboard-service-head{min-height:34px}
body.idkd-body .dashboard-service-row{min-height:50px;padding-block:7px}
body.idkd-body .function-icon{min-height:78px;padding:10px}
body.idkd-body .function-icon>.ui-icon{width:28px;height:28px}
body.idkd-body .action-list a{padding:10px}
body.idkd-body .email-feature-card{min-height:104px;padding:10px}
body.idkd-body .product-card{min-height:176px;padding:12px;gap:9px}
body.idkd-body .function-icon.is-disabled{cursor:not-allowed;background:#f8fafc;color:#667085;border-style:dashed}
body.idkd-body .function-icon.is-disabled>.ui-icon{background:#eef2f6;color:#667085}

@media (max-width:1023px){
  body.idkd-body .app-header__inner{height:56px}
  body.idkd-body .page-content{padding-block:14px 22px}
  body.idkd-body .detail-hero{padding:16px}
}
@media (max-width:560px){
  body.idkd-body .app-container{width:calc(100% - 20px)}
  body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:20px}
  body.idkd-body .panel{padding:12px}
  body.idkd-body .stats-grid{gap:7px}
  body.idkd-body .stat-card{padding:10px}
  body.idkd-body .stat-card b{font-size:20px}
  body.idkd-body .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* 2026-08-26 — Compact professional client portal v2
   Visual-only refinement: keep backend/API/actions untouched. */
body.idkd-body{--bg:#f5f7fb;--panel:#fff;--line:#e7ebf1;--soft:#f6f8fb;--shadow:0 1px 2px rgba(15,23,42,.035);font-size:13.5px;line-height:1.42;letter-spacing:-.005em}
body.idkd-body .app-container{width:min(calc(100% - 28px),1600px)}
body.idkd-body .app-header{background:rgba(255,255,255,.97);border-bottom-color:#e8ecf2;box-shadow:0 1px 4px rgba(15,23,42,.025)}
body.idkd-body .app-header__inner{height:56px;gap:7px}
body.idkd-body .app-brand{font-size:14px;gap:7px}
body.idkd-body .app-brand img{width:32px;height:32px}
body.idkd-body .desktop-navigation{padding:2px;gap:1px;background:#f4f6f9;border-color:#e7ebf1;box-shadow:none}
body.idkd-body .nav-item{height:30px;padding:0 7px;font-size:12px;gap:5px;font-weight:680}
body.idkd-body .nav-item .ui-icon{width:13px;height:13px}
body.idkd-body .nav-item.active{box-shadow:inset 0 0 0 1px #d5e4ff;background:#fff}
body.idkd-body .header-search,body.idkd-body .global-search{flex-basis:196px;width:196px;min-width:150px;max-width:210px}
body.idkd-body .global-search input{height:32px;font-size:12px;border-color:#dbe1e9;box-shadow:none}
body.idkd-body .icon-button,body.idkd-body .account-chip{height:32px;min-height:32px;box-shadow:none}
body.idkd-body .icon-button{width:32px}
body.idkd-body .account-chip{padding:0 8px;max-width:155px}
body.idkd-body .account-name,body.idkd-body .account-chip span{font-size:12px;max-width:100px}
body.idkd-body .page-content{padding-block:12px 22px}
body.idkd-body .breadcrumb{font-size:12px;margin-bottom:9px;gap:6px}
body.idkd-body .page-header,body.idkd-body .detail-hero{margin-bottom:10px;gap:10px}
body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:20px;line-height:1.2;font-weight:760}
body.idkd-body .page-header p,body.idkd-body .detail-hero p{font-size:11px;margin-bottom:2px}
body.idkd-body .subtle{font-size:11.5px}
body.idkd-body .primary-button,body.idkd-body .secondary-button{min-height:34px;padding:0 10px;font-size:12px;gap:6px}
body.idkd-body .primary-button .ui-icon,body.idkd-body .secondary-button .ui-icon{width:15px;height:15px}
body.idkd-body .legacy-link{opacity:.7;font-weight:650;background:transparent}
body.idkd-body .legacy-link:hover{opacity:1}
body.idkd-body .stats-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin-bottom:10px;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:var(--shadow)}
body.idkd-body .stat-card{min-width:0;border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;padding:9px 10px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:7px;background:#fff}
body.idkd-body .stat-card:last-child{border-right:0}
body.idkd-body .stat-card:hover{background:#f8fbff;color:#111827}
body.idkd-body .stat-card .ui-icon{width:16px;height:16px}
body.idkd-body .stat-card span{font-size:11px;line-height:1.2;white-space:normal}
body.idkd-body .stat-card b{font-size:17px;line-height:1;white-space:nowrap}
body.idkd-body .panel{padding:11px 12px;margin-bottom:10px;border-color:var(--line);box-shadow:var(--shadow);border-radius:9px}
body.idkd-body .panel-header{margin-bottom:8px;min-height:24px}
body.idkd-body .panel-header h2{font-size:14px;font-weight:760}
body.idkd-body .dashboard-columns,body.idkd-body .dashboard-column,body.idkd-body .grid-2{gap:10px}
body.idkd-body .compact-row{padding:8px 0;font-size:12.5px}
body.idkd-body .empty-state{padding:13px}
body.idkd-body .empty-state.small{padding:9px 10px;font-size:12px}
body.idkd-body .invoice-mini-row{padding:8px 0;grid-template-columns:minmax(0,1fr) 110px 118px;font-size:12.5px}
body.idkd-body .detail-hero{align-items:center;background:#fff;color:var(--text);padding:12px 14px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px}
body.idkd-body .detail-hero p{color:var(--muted)}
body.idkd-body .hero-meta{margin-top:7px;gap:6px}
body.idkd-body .hero-meta>span:not(.status-badge){background:#f6f8fb;border:1px solid var(--line);color:#475467;padding:3px 7px;font-size:11.5px}
body.idkd-body .hero-actions{gap:6px}
body.idkd-body .detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px}
body.idkd-body .detail-grid div{padding:9px 10px;border-radius:7px;background:#f8fafc}
body.idkd-body .detail-grid span{font-size:10.5px;margin-bottom:2px}
body.idkd-body .detail-grid b{font-size:13px}
body.idkd-body .filter-bar{display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:8px;overflow-x:auto;padding:1px 0 3px;scrollbar-width:thin}
body.idkd-body .search-input{min-width:220px;flex:1 1 260px}
body.idkd-body .filter-bar input,body.idkd-body .filter-bar select,body.idkd-body .filter-bar button{min-height:34px;height:34px;font-size:11.5px;border-radius:7px}
body.idkd-body .filter-bar select{max-width:145px}
body.idkd-body .filter-bar button{white-space:nowrap;padding-inline:9px}
body.idkd-body .table-wrap{border-radius:8px;box-shadow:none;scrollbar-width:thin}
body.idkd-body .data-table{min-width:920px}
body.idkd-body .data-table[data-table=hosting],body.idkd-body .data-table[data-table=email],body.idkd-body .data-table[data-table=vps]{min-width:1220px}
body.idkd-body .data-table[data-table=domains]{min-width:1120px}
body.idkd-body .data-table th{padding:7px 9px;font-size:10.5px;height:32px;letter-spacing:.025em}
body.idkd-body .data-table td{font-size:12.5px;padding:7px 9px;height:43px}
body.idkd-body .data-table small{font-size:10.5px;margin-top:1px}
body.idkd-body .status-badge{padding:3px 7px;font-size:10.5px;gap:5px}
body.idkd-body .status-badge span{width:6px;height:6px}
body.idkd-body .mini-meter{min-width:82px;gap:3px}
body.idkd-body .mini-meter span{font-size:10.5px}
body.idkd-body .mini-meter i{height:5px}
body.idkd-body .row-primary-action,body.idkd-body .row-secondary-action,body.idkd-body .row-disabled-action,body.idkd-body .row-menu summary{min-height:30px;padding:0 8px;font-size:11px;gap:4px}
body.idkd-body .action-cluster{gap:5px}
body.idkd-body .row-menu-panel{top:34px;width:235px;padding:6px}
body.idkd-body .row-menu-panel a{padding:7px}
body.idkd-body .pagination{margin-top:8px}
body.idkd-body .pagination button{min-width:32px;height:32px;font-size:12px}
body.idkd-body .dashboard-services .tabs{margin-bottom:8px}
body.idkd-body .tabs button{padding:7px 10px;font-size:12px}
body.idkd-body .dashboard-service-head{min-height:30px;font-size:10.5px;padding:0 10px}
body.idkd-body .dashboard-service-row{min-height:44px;padding:6px 10px;font-size:12px}
body.idkd-body .dashboard-service-head,body.idkd-body .dashboard-service-row{grid-template-columns:minmax(200px,1fr) 126px 120px 106px 205px;gap:9px}
body.idkd-body .service-title b{font-size:12.5px}
body.idkd-body .service-title small,body.idkd-body .mini-date small{font-size:10.5px}
body.idkd-body .mini-date b{font-size:12px}
body.idkd-body .mini-primary,body.idkd-body .mini-secondary{min-height:29px;padding:0 8px;font-size:11px}
body.idkd-body .view-all-link{margin-top:7px;font-size:12px}
body.idkd-body .action-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px}
body.idkd-body .action-list a{padding:8px;gap:8px}
body.idkd-body .action-list .ui-icon{width:28px;height:28px;padding:6px}
body.idkd-body .action-list b{font-size:12.5px}
body.idkd-body .action-list small{font-size:10.5px}
body.idkd-body .function-icon-grid,body.idkd-body .function-icon-grid.compact{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:7px}
body.idkd-body .function-icon{min-height:68px;padding:8px;gap:5px;border-radius:8px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;justify-content:initial}
body.idkd-body .function-icon>.ui-icon{width:26px;height:26px;padding:5px;border-radius:7px}
body.idkd-body .function-icon b{font-size:12px}
body.idkd-body .function-icon small{font-size:10px;-webkit-line-clamp:1}
body.idkd-body .email-manager{grid-template-columns:minmax(0,1fr) 280px;gap:10px;margin-bottom:10px}
body.idkd-body .email-manager-sidebar{gap:10px}
body.idkd-body .email-toolbar{grid-template-columns:minmax(160px,1fr) minmax(130px,170px) minmax(190px,280px) auto;gap:7px;padding:10px;margin-bottom:9px;box-shadow:var(--shadow)}
body.idkd-body .email-toolbar h2{font-size:15px}
body.idkd-body .email-toolbar select{height:34px;font-size:12px}
body.idkd-body .email-feature-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:7px;margin-bottom:9px}
body.idkd-body .email-feature-card{min-height:64px;padding:8px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;border-radius:8px}
body.idkd-body .email-feature-card>.ui-icon{width:26px;height:26px;padding:5px;border-radius:7px}
body.idkd-body .email-feature-card span{gap:1px}
body.idkd-body .email-feature-card b{font-size:11.5px}
body.idkd-body .email-feature-card small{font-size:10px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
body.idkd-body .email-feature-card em{margin:0;font-size:9.5px;padding:3px 6px;white-space:nowrap}
body.idkd-body .email-manager-alert{padding:8px 9px;margin-bottom:9px;font-size:12px}
body.idkd-body .resource-meter{padding:7px 0}
body.idkd-body .resource-meter-head,body.idkd-body .email-dns-row{font-size:11.5px}
body.idkd-body .order-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:8px}
body.idkd-body .order-card.compact{min-height:82px;padding:10px}
body.idkd-body .order-catalog{gap:10px}
body.idkd-body .product-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:8px}
body.idkd-body .product-card{min-height:154px;padding:10px;gap:8px}
body.idkd-body .product-card b{font-size:13px}
body.idkd-body .product-card p{font-size:11px;-webkit-line-clamp:2}
body.idkd-body .product-meta{padding-top:7px}
body.idkd-body .product-meta strong{font-size:15px}
body.idkd-body .product-meta small{font-size:10.5px}
body.idkd-body .auth-page{grid-template-columns:minmax(340px,430px) minmax(240px,420px);gap:16px;padding:22px}
body.idkd-body .auth-card,body.idkd-body .auth-side{padding:22px}
body.idkd-body .auth-brand{margin-bottom:16px}
body.idkd-body .auth-header h1{font-size:23px}
body.idkd-body .auth-form{gap:10px;margin-top:16px}
body.idkd-body .auth-form input{min-height:40px}
body.idkd-body .service-shortcuts{gap:7px}
body.idkd-body .service-shortcuts a{padding:9px}
@media (max-width:1439px) and (min-width:1280px){body.idkd-body .app-container{width:calc(100% - 20px)}body.idkd-body .nav-item{font-size:11.5px;padding-inline:6px}body.idkd-body .header-search,body.idkd-body .global-search{flex-basis:168px;width:168px;min-width:145px}body.idkd-body .account-chip{max-width:130px}}
@media (max-width:1199px){body.idkd-body .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.idkd-body .stat-card:nth-child(4n){border-right:0}body.idkd-body .stat-card:nth-child(n+5){border-top:1px solid var(--line)}body.idkd-body .email-manager{grid-template-columns:1fr}}
@media (max-width:767px){body.idkd-body .app-container{width:calc(100% - 18px)}body.idkd-body .page-content{padding-block:10px 18px}body.idkd-body .page-header,body.idkd-body .detail-hero{align-items:stretch}body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:18px}body.idkd-body .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.idkd-body .stat-card{border-top:1px solid var(--line)}body.idkd-body .stat-card:nth-child(-n+2){border-top:0}body.idkd-body .stat-card:nth-child(2n){border-right:0}body.idkd-body .filter-bar{flex-wrap:wrap;overflow:visible}body.idkd-body .search-input{min-width:100%;flex-basis:100%}body.idkd-body .filter-bar select{flex:1 1 130px;max-width:none}body.idkd-body .filter-bar button{flex:0 1 auto}body.idkd-body .data-table{min-width:720px}body.idkd-body .data-table[data-table=hosting],body.idkd-body .data-table[data-table=email],body.idkd-body .data-table[data-table=vps]{min-width:980px}body.idkd-body .data-table[data-table=domains]{min-width:900px}body.idkd-body .email-feature-grid{grid-template-columns:1fr 1fr}body.idkd-body .email-feature-card{grid-template-columns:24px minmax(0,1fr);min-height:58px}body.idkd-body .email-feature-card em{display:none}}
@media (max-width:480px){body.idkd-body .stats-grid{grid-template-columns:1fr 1fr}body.idkd-body .stat-card{padding:8px}body.idkd-body .stat-card span{font-size:10.5px}body.idkd-body .stat-card b{font-size:15px}body.idkd-body .panel{padding:10px}body.idkd-body .email-feature-grid{grid-template-columns:1fr}body.idkd-body .auth-page{padding:10px}body.idkd-body .auth-card{padding:18px}}


/* UI refinement v3: fewer columns, clearer capability truth, less horizontal scanning. */
body.idkd-body .data-table[data-table=hosting],body.idkd-body .data-table[data-table=email],body.idkd-body .data-table[data-table=vps]{min-width:980px;table-layout:auto}
body.idkd-body .data-table[data-table=domains]{min-width:920px;table-layout:auto}
body.idkd-body .data-table[data-table=hosting] th:nth-child(n),body.idkd-body .data-table[data-table=email] th:nth-child(n),body.idkd-body .data-table[data-table=vps] th:nth-child(n),body.idkd-body .data-table[data-table=domains] th:nth-child(n){width:auto}
body.idkd-body .data-table[data-table=hosting] th:first-child,body.idkd-body .data-table[data-table=email] th:first-child,body.idkd-body .data-table[data-table=vps] th:first-child{min-width:230px}
body.idkd-body .data-table[data-table=domains] th:first-child{min-width:210px}
body.idkd-body .data-table th:last-child{min-width:250px}
body.idkd-body .service-cell{display:grid;gap:2px;color:#111827;min-width:0}
body.idkd-body .service-cell:hover b{color:var(--primary)}
body.idkd-body .service-cell b{font-size:13px;white-space:normal;overflow-wrap:anywhere}
body.idkd-body .service-cell small{font-size:11px;color:var(--muted);white-space:normal}
body.idkd-body .resource-stack{display:grid;gap:7px;min-width:105px}
body.idkd-body .resource-stack .mini-meter{min-width:105px}
body.idkd-body .config-stack{display:flex;gap:5px;flex-wrap:wrap;min-width:130px}
body.idkd-body .config-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:10.5px;font-weight:750;border:1px solid #d0d5dd;background:#f8fafc;color:#475467;white-space:nowrap}
body.idkd-body .config-chip.on{background:var(--green-bg);border-color:#abefc6;color:var(--green)}
body.idkd-body .config-chip.off{background:var(--gray-bg);border-color:#e4e7ec;color:var(--gray)}
body.idkd-body .row-actions.action-cluster{min-width:245px;flex-wrap:nowrap}
body.idkd-body .row-menu-panel{width:280px}
body.idkd-body .email-feature-card em{font-size:10.5px;padding:3px 7px}
body.idkd-body .email-feature-card em:not([data-card-count="mailboxes"]):not([data-card-count="usage"]):not([data-card-count="webmail"]):not([data-card-count="dns"]){background:#fff7ed;color:#9a3412}
@media (max-width:767px){body.idkd-body .data-table[data-table=hosting],body.idkd-body .data-table[data-table=email],body.idkd-body .data-table[data-table=vps]{min-width:860px}body.idkd-body .data-table[data-table=domains]{min-width:820px}}

/* Email capability truth: API-native actions stay primary; panel-backed actions are visibly secondary. */
body.idkd-body .email-feature-card--fallback{background:#fbfcfe;border-style:dashed}
body.idkd-body .email-feature-card--fallback>.ui-icon{background:#f2f4f7;color:#667085}
body.idkd-body .email-feature-card--fallback:hover{border-style:solid;border-color:#cfd8e7;background:#f8fafc;color:#344054}


/* Native ticket flow: compact conversation and create/reply forms. */
body.idkd-body .ticket-thread{display:grid;gap:8px}
body.idkd-body .ticket-thread .ticket-message{margin-top:0;border:1px solid #e5e7eb;background:#f8fafc;padding:11px 12px;border-radius:9px}
body.idkd-body .ticket-thread .ticket-message.admin-reply{margin-left:34px;background:#eef6ff;border-color:#d5e5ff}
body.idkd-body .ticket-compose{display:grid;gap:11px}
body.idkd-body .ticket-compose label{display:grid;gap:5px;color:#344054;font-weight:700;font-size:13px}
body.idkd-body .ticket-compose input,body.idkd-body .ticket-compose select,body.idkd-body .ticket-compose textarea{width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#111827;padding:9px 10px;font:inherit;outline:none}
body.idkd-body .ticket-compose input,body.idkd-body .ticket-compose select{height:38px;padding-block:0}
body.idkd-body .ticket-compose textarea{resize:vertical;min-height:110px;line-height:1.45}
body.idkd-body .ticket-compose input:focus,body.idkd-body .ticket-compose select:focus,body.idkd-body .ticket-compose textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,94,215,.12)}
body.idkd-body .ticket-form-grid{display:grid;grid-template-columns:1fr 180px;gap:10px}
body.idkd-body .ticket-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef2f7;padding-top:10px}
body.idkd-body .alert-success{background:var(--green-bg);color:var(--green);border:1px solid #abefc6}
@media(max-width:640px){body.idkd-body .ticket-form-grid{grid-template-columns:1fr}body.idkd-body .ticket-compose-actions{align-items:stretch;flex-direction:column}body.idkd-body .ticket-thread .ticket-message.admin-reply{margin-left:12px}}


/* Native account landing keeps profile navigation inside the new client surface. */
body.idkd-body .account-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;align-items:start}
body.idkd-body .account-profile-panel{margin-bottom:0}
body.idkd-body .account-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden}
body.idkd-body .account-facts>div{display:grid;gap:3px;padding:11px 12px;border-bottom:1px solid #eef2f7}
body.idkd-body .account-facts>div:nth-child(odd){border-right:1px solid #eef2f7}
body.idkd-body .account-facts>div:nth-last-child(-n+2){border-bottom:0}
body.idkd-body .account-facts span{font-size:11px;text-transform:uppercase;letter-spacing:.02em;font-weight:750;color:var(--muted)}
body.idkd-body .account-facts b{font-size:13px;overflow-wrap:anywhere}
body.idkd-body .account-actions{display:grid;gap:8px}
body.idkd-body .account-action{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 11px;color:#111827}
body.idkd-body .account-action:hover{border-color:#bfd5ff;background:#f8fbff;color:var(--primary)}
body.idkd-body .account-action>.ui-icon:first-child{width:28px;height:28px;padding:6px;border-radius:7px;background:#eef4ff;color:var(--primary)}
body.idkd-body .account-action>.ui-icon:last-child{width:15px;height:15px;color:#98a2b3}
body.idkd-body .account-action span{display:grid;gap:2px}.account-action b{font-size:13px}.account-action small{font-size:11px;color:var(--muted)}
@media(max-width:860px){body.idkd-body .account-layout{grid-template-columns:1fr}}@media(max-width:520px){body.idkd-body .account-facts{grid-template-columns:1fr}body.idkd-body .account-facts>div:nth-child(odd){border-right:0}body.idkd-body .account-facts>div:nth-last-child(2){border-bottom:1px solid #eef2f7}}


/* Compact professional v4 — native mobile records, no page-level horizontal table scrolling. */
@media (max-width:767px){
  body.idkd-body .page-content{padding-block:9px 16px}
  body.idkd-body .panel{border-radius:8px}
  body.idkd-body .filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.idkd-body .filter-bar .search-input{grid-column:1/-1;min-width:0}
  body.idkd-body .filter-bar select{width:100%;max-width:none;min-width:0}
  body.idkd-body .filter-bar button{width:100%;min-width:0;padding-inline:6px}
  body.idkd-body .table-wrap{overflow:visible;border:0;background:transparent}
  body.idkd-body .data-table[data-table=hosting],
  body.idkd-body .data-table[data-table=email],
  body.idkd-body .data-table[data-table=vps],
  body.idkd-body .data-table[data-table=domains],
  body.idkd-body .data-table[data-table=invoices],
  body.idkd-body .data-table[data-table=tickets],
  body.idkd-body .email-mailbox-table{display:block;min-width:0!important;width:100%;background:transparent}
  body.idkd-body .data-table[data-table=hosting] thead,
  body.idkd-body .data-table[data-table=email] thead,
  body.idkd-body .data-table[data-table=vps] thead,
  body.idkd-body .data-table[data-table=domains] thead,
  body.idkd-body .data-table[data-table=invoices] thead,
  body.idkd-body .data-table[data-table=tickets] thead,
  body.idkd-body .email-mailbox-table thead{display:none}
  body.idkd-body .data-table[data-table=hosting] tbody,
  body.idkd-body .data-table[data-table=email] tbody,
  body.idkd-body .data-table[data-table=vps] tbody,
  body.idkd-body .data-table[data-table=domains] tbody,
  body.idkd-body .data-table[data-table=invoices] tbody,
  body.idkd-body .data-table[data-table=tickets] tbody,
  body.idkd-body .email-mailbox-table tbody{display:grid;gap:7px}
  body.idkd-body .data-table[data-table=hosting] tbody>tr,
  body.idkd-body .data-table[data-table=email] tbody>tr,
  body.idkd-body .data-table[data-table=vps] tbody>tr,
  body.idkd-body .data-table[data-table=domains] tbody>tr,
  body.idkd-body .data-table[data-table=invoices] tbody>tr,
  body.idkd-body .data-table[data-table=tickets] tbody>tr,
  body.idkd-body .email-mailbox-table tbody>tr{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:visible;box-shadow:0 1px 2px rgba(15,23,42,.025)}
  body.idkd-body .data-table[data-table=hosting] td,
  body.idkd-body .data-table[data-table=email] td,
  body.idkd-body .data-table[data-table=vps] td,
  body.idkd-body .data-table[data-table=domains] td,
  body.idkd-body .data-table[data-table=invoices] td,
  body.idkd-body .data-table[data-table=tickets] td,
  body.idkd-body .email-mailbox-table td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:start;width:100%;height:auto;min-height:0;padding:7px 9px;border-bottom:1px solid #eef2f7;white-space:normal;text-align:left!important}
  body.idkd-body .data-table[data-table=hosting] td:last-child,
  body.idkd-body .data-table[data-table=email] td:last-child,
  body.idkd-body .data-table[data-table=vps] td:last-child,
  body.idkd-body .data-table[data-table=domains] td:last-child,
  body.idkd-body .data-table[data-table=invoices] td:last-child,
  body.idkd-body .data-table[data-table=tickets] td:last-child,
  body.idkd-body .email-mailbox-table td:last-child{border-bottom:0}
  body.idkd-body .data-table td:before,body.idkd-body .email-mailbox-table td:before{color:#667085;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.035em;line-height:1.4;padding-top:2px}
  body.idkd-body .data-table[data-table=hosting] td:nth-child(1):before,body.idkd-body .data-table[data-table=email] td:nth-child(1):before,body.idkd-body .data-table[data-table=vps] td:nth-child(1):before{content:'Dịch vụ'}
  body.idkd-body .data-table[data-table=hosting] td:nth-child(2):before,body.idkd-body .data-table[data-table=email] td:nth-child(2):before,body.idkd-body .data-table[data-table=vps] td:nth-child(2):before{content:'Máy chủ'}
  body.idkd-body .data-table[data-table=hosting] td:nth-child(3):before,body.idkd-body .data-table[data-table=email] td:nth-child(3):before,body.idkd-body .data-table[data-table=vps] td:nth-child(3):before{content:'Trạng thái'}
  body.idkd-body .data-table[data-table=hosting] td:nth-child(4):before,body.idkd-body .data-table[data-table=email] td:nth-child(4):before,body.idkd-body .data-table[data-table=vps] td:nth-child(4):before{content:'Tài nguyên'}
  body.idkd-body .data-table[data-table=hosting] td:nth-child(5):before,body.idkd-body .data-table[data-table=email] td:nth-child(5):before,body.idkd-body .data-table[data-table=vps] td:nth-child(5):before{content:'Hết hạn'}
  body.idkd-body .data-table[data-table=hosting] td:nth-child(6):before,body.idkd-body .data-table[data-table=email] td:nth-child(6):before,body.idkd-body .data-table[data-table=vps] td:nth-child(6):before{content:'Phí'}
  body.idkd-body .data-table[data-table=hosting] td:nth-child(7):before,body.idkd-body .data-table[data-table=email] td:nth-child(7):before,body.idkd-body .data-table[data-table=vps] td:nth-child(7):before{content:'Thao tác'}
  body.idkd-body .data-table[data-table=domains] td:nth-child(1):before{content:'Domain'}
  body.idkd-body .data-table[data-table=domains] td:nth-child(2):before{content:'Registrar'}
  body.idkd-body .data-table[data-table=domains] td:nth-child(3):before{content:'Trạng thái'}
  body.idkd-body .data-table[data-table=domains] td:nth-child(4):before{content:'Hết hạn'}
  body.idkd-body .data-table[data-table=domains] td:nth-child(5):before{content:'Cấu hình'}
  body.idkd-body .data-table[data-table=domains] td:nth-child(6):before{content:'Phí'}
  body.idkd-body .data-table[data-table=domains] td:nth-child(7):before{content:'Thao tác'}
  body.idkd-body .data-table[data-table=invoices] td:nth-child(1):before{content:'Hóa đơn'}
  body.idkd-body .data-table[data-table=invoices] td:nth-child(2):before{content:'Ngày tạo'}
  body.idkd-body .data-table[data-table=invoices] td:nth-child(3):before{content:'Mô tả'}
  body.idkd-body .data-table[data-table=invoices] td:nth-child(4):before{content:'Số tiền'}
  body.idkd-body .data-table[data-table=invoices] td:nth-child(5):before{content:'Trạng thái'}
  body.idkd-body .data-table[data-table=invoices] td:nth-child(6):before{content:'Hạn'}
  body.idkd-body .data-table[data-table=invoices] td:nth-child(7):before{content:'Thao tác'}
  body.idkd-body .data-table[data-table=tickets] td:nth-child(1):before{content:'Ticket'}
  body.idkd-body .data-table[data-table=tickets] td:nth-child(2):before{content:'Tiêu đề'}
  body.idkd-body .data-table[data-table=tickets] td:nth-child(3):before{content:'Trạng thái'}
  body.idkd-body .data-table[data-table=tickets] td:nth-child(4):before{content:'Ưu tiên'}
  body.idkd-body .data-table[data-table=tickets] td:nth-child(5):before{content:'Phản hồi'}
  body.idkd-body .data-table[data-table=tickets] td:nth-child(6):before{content:'Thao tác'}
  body.idkd-body .email-mailbox-table td:nth-child(1):before{content:'Email'}
  body.idkd-body .email-mailbox-table td:nth-child(2):before{content:'Trạng thái'}
  body.idkd-body .email-mailbox-table td:nth-child(3):before{content:'Dung lượng'}
  body.idkd-body .email-mailbox-table td:nth-child(4):before{content:'Quota'}
  body.idkd-body .email-mailbox-table td:nth-child(5):before{content:'Tỷ lệ'}
  body.idkd-body .email-mailbox-table td:nth-child(6):before{content:'Đăng nhập'}
  body.idkd-body .email-mailbox-table td:nth-child(7):before{content:'Thao tác'}
  body.idkd-body .row-actions.action-cluster,body.idkd-body .email-row-actions{min-width:0;justify-content:flex-start;flex-wrap:wrap}
  body.idkd-body .row-primary-action,body.idkd-body .row-secondary-action,body.idkd-body .row-menu summary{min-height:30px}
  body.idkd-body .row-menu-panel{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:55vh;overflow:auto;z-index:1200}
  body.idkd-body .pagination{justify-content:center}
}


/* Compact page summaries: operational context without tall KPI cards. */
body.idkd-body .page-summary{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:5px}
body.idkd-body .page-summary span{display:inline-flex;align-items:center;gap:4px;border:1px solid #e4e7ec;border-radius:999px;background:#f8fafc;color:#667085;padding:2px 7px;font-size:10.5px;line-height:1.45;white-space:nowrap}
body.idkd-body .page-summary b{color:#344054;font-size:11px}
body.idkd-body .page-summary .attention{background:#fff7ed;border-color:#fedf89;color:#9a3412}
body.idkd-body .page-summary .attention b{color:#b54708}
@media(max-width:560px){body.idkd-body .page-summary{margin-top:4px}body.idkd-body .page-summary span{font-size:10px;padding:2px 6px}}


/* Final navigation and compact mobile detail tables. */
@media (max-width:767px){
  body.idkd-body .data-table[data-table=invoice-items],body.idkd-body .data-table[data-table=deposits]{display:block;min-width:0!important;width:100%;background:transparent}
  body.idkd-body .data-table[data-table=invoice-items] thead,body.idkd-body .data-table[data-table=deposits] thead{display:none}
  body.idkd-body .data-table[data-table=invoice-items] tbody,body.idkd-body .data-table[data-table=deposits] tbody{display:grid;gap:7px}
  body.idkd-body .data-table[data-table=invoice-items] tbody>tr,body.idkd-body .data-table[data-table=deposits] tbody>tr{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
  body.idkd-body .data-table[data-table=invoice-items] td,body.idkd-body .data-table[data-table=deposits] td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:start;width:100%;height:auto;min-height:0;padding:7px 9px;border-bottom:1px solid #eef2f7;text-align:left!important;white-space:normal}
  body.idkd-body .data-table[data-table=invoice-items] td:last-child,body.idkd-body .data-table[data-table=deposits] td:last-child{border-bottom:0}
  body.idkd-body .data-table[data-table=invoice-items] td:nth-child(1):before{content:'Nội dung'}
  body.idkd-body .data-table[data-table=invoice-items] td:nth-child(2):before{content:'Hạn'}
  body.idkd-body .data-table[data-table=invoice-items] td:nth-child(3):before{content:'Số tiền'}
  body.idkd-body .data-table[data-table=deposits] td:nth-child(1):before{content:'Hóa đơn'}
  body.idkd-body .data-table[data-table=deposits] td:nth-child(2):before{content:'Ngày tạo'}
  body.idkd-body .data-table[data-table=deposits] td:nth-child(3):before{content:'Số tiền'}
  body.idkd-body .data-table[data-table=deposits] td:nth-child(4):before{content:'Trạng thái'}
  body.idkd-body .data-table[data-table=deposits] td:nth-child(5):before{content:'Hạn'}
  body.idkd-body .data-table[data-table=deposits] td:nth-child(6):before{content:'Thao tác'}
}


/* 2026-08-26 — Modern authentication surface v2. */
body.idkd-body .auth-page.auth-page-modern{
  min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;
  padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));
  background:
    radial-gradient(circle at 12% 18%,rgba(37,99,235,.10),transparent 30%),
    radial-gradient(circle at 88% 82%,rgba(14,165,233,.09),transparent 32%),
    linear-gradient(135deg,#f8fbff 0%,#f4f7fb 52%,#f8fafc 100%);
}
body.idkd-body .auth-page.auth-page-modern:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;background-image:linear-gradient(rgba(148,163,184,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.11) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 74%)}
body.idkd-body .auth-shell{position:relative;z-index:1;width:min(100%,980px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);background:#fff;border:1px solid rgba(203,213,225,.78);border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.12),0 2px 6px rgba(15,23,42,.04)}
body.idkd-body .auth-card.auth-card-modern{border:0;border-radius:0;box-shadow:none;padding:34px 38px 26px;background:rgba(255,255,255,.98)}
body.idkd-body .auth-card-modern .auth-brand{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;color:#0f172a}
body.idkd-body .auth-card-modern .auth-logo{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dbe7ff;border-radius:11px;background:linear-gradient(145deg,#fff,#eef5ff);box-shadow:0 4px 12px rgba(37,99,235,.08)}
body.idkd-body .auth-card-modern .auth-logo img{width:27px;height:27px;object-fit:contain}
body.idkd-body .auth-brand-copy{display:grid;gap:1px}.auth-brand-copy strong{font-size:15px;line-height:1.2;letter-spacing:-.01em}.auth-brand-copy small{font-size:11px;color:#7b8798;font-weight:600}
body.idkd-body .auth-eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#2563eb;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.085em}
body.idkd-body .auth-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 4px #eaf2ff}
body.idkd-body .auth-card-modern .auth-header h1{margin:0;color:#0f172a;font-size:28px;line-height:1.12;font-weight:790;letter-spacing:-.035em}
body.idkd-body .auth-card-modern .auth-header p{margin:9px 0 0;max-width:410px;color:#667085;font-size:13px;line-height:1.55}
body.idkd-body .auth-capability-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
body.idkd-body .auth-capability-row span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid #e4eaf2;border-radius:999px;background:#f8fafc;color:#475467;font-size:10.5px;font-weight:700}
body.idkd-body .auth-alert{margin:16px 0 0;padding:9px 10px;font-size:12px}
body.idkd-body .auth-form.auth-form-modern{display:grid;gap:13px;margin-top:20px}
body.idkd-body .auth-field{display:grid;gap:6px}
body.idkd-body .auth-field>label,body.idkd-body .auth-field-head label{color:#344054;font-size:12px;font-weight:750}
body.idkd-body .auth-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.idkd-body .auth-field-head a{font-size:11.5px;font-weight:700;color:#2563eb}
body.idkd-body .auth-input-wrap{position:relative;display:flex;align-items:center;width:100%}
body.idkd-body .auth-input-wrap>.ui-icon:first-child{position:absolute;left:12px;z-index:1;width:16px;height:16px;color:#98a2b3;pointer-events:none}
body.idkd-body .auth-input-wrap input{width:100%;height:44px;min-height:44px;border:1px solid #d8dee8;border-radius:10px;background:#fff;padding:0 42px 0 38px;color:#111827;font-size:13px;outline:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
body.idkd-body .auth-input-wrap input::placeholder{color:#a2abba}
body.idkd-body .auth-input-wrap input:hover{border-color:#c5cfdd}
body.idkd-body .auth-input-wrap input:focus{border-color:#4f83e8;box-shadow:0 0 0 3px rgba(37,99,235,.11);background:#fff}
body.idkd-body .auth-password-toggle{position:absolute!important;right:5px!important;width:34px!important;height:34px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#667085!important}
body.idkd-body .auth-password-toggle:hover{background:#f2f5f9!important;color:#2563eb!important;box-shadow:none!important}
body.idkd-body .auth-submit{width:100%;min-height:44px!important;margin-top:2px;border-radius:10px!important;background:linear-gradient(180deg,#2670df,#1559c2)!important;border-color:#1559c2!important;box-shadow:0 7px 16px rgba(37,99,235,.18);font-size:13px!important;letter-spacing:.005em}
body.idkd-body .auth-submit:hover{background:linear-gradient(180deg,#2166cf,#124fae)!important;transform:translateY(-1px);box-shadow:0 9px 20px rgba(37,99,235,.22)}
body.idkd-body .auth-account-prompt{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:15px;color:#7b8798;font-size:11.5px}
body.idkd-body .auth-account-prompt a{font-weight:750;color:#2563eb}
body.idkd-body .auth-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:15px;border-top:1px solid #eef1f5;color:#98a2b3;font-size:10.5px}
body.idkd-body .auth-card-footer a{display:inline-flex;align-items:center;gap:4px;color:#667085;font-weight:700}.auth-card-footer a .ui-icon{width:12px;height:12px}
body.idkd-body .auth-side.auth-side-modern{position:relative;align-self:stretch;max-height:none;border:0;border-radius:0;padding:34px 32px 26px;background:linear-gradient(145deg,#0f2f64 0%,#0e4388 55%,#0b5ed7 125%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
body.idkd-body .auth-side-modern:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-120px;top:-100px;background:rgba(255,255,255,.08);box-shadow:-110px 230px 0 20px rgba(255,255,255,.035)}
body.idkd-body .auth-side-modern>*{position:relative;z-index:1}
body.idkd-body .auth-side-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;min-height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.08);color:#e6efff;font-size:10.5px;font-weight:750}.auth-side-badge .ui-icon{width:14px;height:14px}
body.idkd-body .auth-side-modern h2{margin:18px 0 10px;max-width:360px;font-size:29px;line-height:1.08;font-weight:780;letter-spacing:-.035em;color:#fff}
body.idkd-body .auth-side-modern .auth-side-top>p{margin:0;max-width:390px;color:#c8d8f0;font-size:12.5px;line-height:1.58}
body.idkd-body .auth-benefits{display:grid;gap:7px;margin-top:20px}
body.idkd-body .auth-benefit{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:8px 9px;border:1px solid rgba(255,255,255,.105);border-radius:10px;background:rgba(255,255,255,.055)}
body.idkd-body .auth-benefit>.ui-icon{width:30px;height:30px;padding:7px;border-radius:8px;background:rgba(255,255,255,.09);color:#fff}
body.idkd-body .auth-benefit span{display:grid;gap:1px}.auth-benefit b{font-size:11.5px;color:#fff}.auth-benefit small{font-size:10.5px;color:#bcd0ec}
body.idkd-body .auth-side-bottom{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
body.idkd-body .auth-side-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.auth-side-section-head>b{font-size:11.5px;color:#fff}.auth-side-section-head>a{display:inline-flex;align-items:center;gap:4px;color:#dce9ff;font-size:10.5px;font-weight:700}.auth-side-section-head>a .ui-icon{width:11px;height:11px}
body.idkd-body .auth-service-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:7px}
body.idkd-body .auth-service-shortcuts a{min-height:54px;padding:8px 9px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;display:grid!important;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px!important}
body.idkd-body .auth-service-shortcuts a:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;transform:translateY(-1px)}
body.idkd-body .auth-service-shortcuts a>.ui-icon{width:24px;height:24px;padding:5px;border-radius:7px;background:rgba(255,255,255,.09)}
body.idkd-body .auth-service-shortcuts a>span{display:grid;gap:1px;min-width:0}.auth-service-shortcuts b{font-size:10.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-service-shortcuts small{font-size:9.5px;color:#bcd0ec}
@media(max-width:820px){
  body.idkd-body .auth-page.auth-page-modern{align-items:flex-start;padding:14px;overflow:auto}
  body.idkd-body .auth-shell{grid-template-columns:1fr;width:min(100%,560px);border-radius:16px;margin:auto}
  body.idkd-body .auth-card.auth-card-modern{padding:26px 26px 22px}
  body.idkd-body .auth-card-modern .auth-brand{margin-bottom:21px}
  body.idkd-body .auth-side.auth-side-modern{padding:20px 24px 22px}
  body.idkd-body .auth-side-modern h2{font-size:22px;margin:12px 0 6px}.auth-side-modern h2 br{display:none}
  body.idkd-body .auth-side-modern .auth-side-top>p{font-size:11.5px;max-width:none}
  body.idkd-body .auth-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px}
  body.idkd-body .auth-benefit{grid-template-columns:24px minmax(0,1fr);padding:7px;gap:6px}.auth-benefit>.ui-icon{width:24px!important;height:24px!important;padding:5px!important}.auth-benefit small{display:none}
  body.idkd-body .auth-side-bottom{margin-top:15px;padding-top:13px}
}
@media(max-width:520px){
  body.idkd-body .auth-page.auth-page-modern{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#f6f8fc}
  body.idkd-body .auth-page.auth-page-modern:before{display:none}
  body.idkd-body .auth-shell{border-radius:14px;box-shadow:0 8px 28px rgba(15,23,42,.08)}
  body.idkd-body .auth-card.auth-card-modern{padding:20px 18px 18px}
  body.idkd-body .auth-card-modern .auth-brand{margin-bottom:17px}.auth-card-modern .auth-logo{width:35px;height:35px}.auth-card-modern .auth-logo img{width:25px;height:25px}
  body.idkd-body .auth-card-modern .auth-header h1{font-size:24px}.auth-card-modern .auth-header p{font-size:12px;margin-top:7px}
  body.idkd-body .auth-capability-row{margin-top:11px;gap:5px}.auth-capability-row span{font-size:10px;min-height:22px;padding:0 7px}
  body.idkd-body .auth-form.auth-form-modern{margin-top:17px;gap:12px}.auth-input-wrap input{height:45px!important;min-height:45px!important;font-size:16px!important}
  body.idkd-body .auth-submit{min-height:45px!important;font-size:13px!important}
  body.idkd-body .auth-card-footer{margin-top:17px;padding-top:12px}.auth-card-footer>span{display:none}.auth-card-footer{justify-content:center!important}
  body.idkd-body .auth-side.auth-side-modern{padding:16px 16px 17px}
  body.idkd-body .auth-side-badge{display:none}
  body.idkd-body .auth-side-modern h2{font-size:17px;margin:0 0 5px}.auth-side-modern .auth-side-top>p{font-size:10.5px!important;line-height:1.45!important}
  body.idkd-body .auth-benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.auth-benefit{display:flex!important;justify-content:center!important;padding:6px!important}.auth-benefit span{display:none!important}.auth-benefit>.ui-icon{width:26px!important;height:26px!important}
  body.idkd-body .auth-side-bottom{margin-top:11px;padding-top:10px}.auth-side-section-head{margin-bottom:7px}.auth-side-section-head>a{font-size:10px}
  body.idkd-body .auth-service-shortcuts{grid-template-columns:1fr 1fr;gap:6px}.auth-service-shortcuts a{min-height:48px!important;padding:7px!important}.auth-service-shortcuts small{display:none}.auth-service-shortcuts b{font-size:10px}
}


/* Billing center + compact order workspace — 2026-08-26. */
body.idkd-body .page-content>section:last-child,body.idkd-body .page-content>.panel:last-child{margin-bottom:0}
body.idkd-body .page-header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
body.idkd-body .billing-focus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-1px 0 8px;padding:8px 11px;border:1px solid #fedf89;border-radius:8px;background:#fffaf0;color:#7a4d00}
body.idkd-body .billing-focus>div{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.billing-focus span{font-size:10.5px;font-weight:750;text-transform:uppercase;letter-spacing:.025em}.billing-focus b{font-size:12.5px;color:#7a4d00}.billing-focus small{font-size:10.5px;color:#9a6700}.billing-focus>a{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:11.5px;font-weight:750;color:#9a5b00}.billing-focus .ui-icon{width:13px;height:13px}
body.idkd-body .invoice-list-panel{padding-top:9px}
body.idkd-body .data-table[data-table=invoices]{min-width:820px;table-layout:auto}.data-table[data-table=invoices] th:first-child{min-width:300px}.data-table[data-table=invoices] th:last-child{min-width:190px}
body.idkd-body .invoice-cell{display:grid;gap:2px;color:#111827}.invoice-cell b{font-size:12.5px;font-weight:730;white-space:normal}.invoice-cell small{font-size:10.5px;color:var(--muted)}.invoice-cell:hover b{color:var(--primary)}
body.idkd-body .invoice-amount{font-size:13px;white-space:nowrap}.invoice-actions{min-width:180px!important}
body.idkd-body .invoice-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px;align-items:start}.invoice-detail-layout>.panel{margin-bottom:0}.invoice-summary-panel{position:sticky;top:68px}.invoice-total-line{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid #eef2f7}.invoice-total-line span{font-size:10.5px;text-transform:uppercase;font-weight:750;color:var(--muted)}.invoice-total-line b{font-size:22px;letter-spacing:-.02em}.invoice-summary-list{display:grid}.invoice-summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #eef2f7}.invoice-summary-list span{font-size:11px;color:var(--muted)}.invoice-summary-list b{font-size:12px}.invoice-summary-panel>.primary-button{margin-top:10px}.invoice-paid-note{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px;border-radius:8px;background:var(--green-bg);color:var(--green)}.invoice-paid-note>.ui-icon{width:22px;height:22px}.invoice-paid-note span{display:grid}.invoice-paid-note b{font-size:12px}.invoice-paid-note small{font-size:10.5px;color:#087443}
body.idkd-body .order-workspace{display:grid;gap:8px}.order-workspace .panel{margin-bottom:0}.order-toolbar{display:flex;align-items:center;gap:8px;padding:8px 9px!important;position:sticky;top:62px;z-index:20}.order-search{flex:0 1 270px;min-width:200px}.order-search input{height:34px!important;min-height:34px!important;font-size:11.5px}.order-category-strip{display:flex;align-items:center;gap:5px;overflow-x:auto;min-width:0;flex:1 1 auto;padding-bottom:1px;scrollbar-width:thin}.order-category-chip{height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#475467;font-size:10.5px;font-weight:720;white-space:nowrap}.order-category-chip:hover{border-color:#bfd5ff;background:#f8fbff;color:var(--primary)}.order-category-chip .ui-icon{width:13px;height:13px}
body.idkd-body .order-catalog{gap:8px}.order-group{padding:9px 10px!important}.order-group-head{margin-bottom:7px!important}.order-group-head h2{font-size:13.5px!important}.order-group-head>a{font-size:11px;font-weight:700}
body.idkd-body .product-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:7px}.product-card-compact{min-height:0!important;padding:9px!important;gap:8px!important;grid-template-rows:auto auto!important}.product-card-main{min-width:0}.product-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.product-title-line>b{font-size:12.5px!important;line-height:1.3}.product-availability{flex:0 0 auto;border-radius:999px;padding:2px 6px;font-size:9.5px;font-weight:750;background:#f2f4f7;color:#667085}.product-availability.available{background:var(--green-bg);color:var(--green)}.product-availability.soldout{background:var(--red-bg);color:var(--red)}.product-card-compact p{margin:4px 0 0!important;font-size:10.5px!important;line-height:1.35!important;-webkit-line-clamp:1!important}.product-buy-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:7px;border-top:1px solid #eef2f7}.product-price{display:grid;min-width:0}.product-price strong{font-size:13.5px;color:#111827;white-space:nowrap}.product-price small{font-size:9.5px;color:var(--muted)}.product-buy-row .order-button{width:auto;min-width:92px;min-height:32px!important}.product-buy-row .order-soldout{min-width:92px}.order-empty-search{margin:0}
@media(max-width:900px){body.idkd-body .invoice-detail-layout{grid-template-columns:1fr}.invoice-summary-panel{position:static;order:-1}.order-toolbar{position:static;flex-direction:column;align-items:stretch}.order-search{flex-basis:auto;min-width:0}.order-category-strip{width:100%}}
@media(max-width:767px){body.idkd-body .billing-focus{align-items:flex-start;flex-direction:column;gap:5px}.billing-focus>div{display:grid;gap:2px}.billing-focus>a{align-self:flex-start}.page-header-actions{width:100%;justify-content:stretch}.page-header-actions>a{flex:1 1 auto}.data-table[data-table=invoices]{min-width:0!important}.data-table[data-table=invoices] td:nth-child(1):before{content:'Hóa đơn'}.data-table[data-table=invoices] td:nth-child(2):before{content:'Trạng thái'}.data-table[data-table=invoices] td:nth-child(3):before{content:'Hạn'}.data-table[data-table=invoices] td:nth-child(4):before{content:'Số tiền'}.data-table[data-table=invoices] td:nth-child(5):before{content:'Thao tác'}.invoice-actions{min-width:0!important}.invoice-actions .row-primary-action,.invoice-actions .row-secondary-action{flex:1}.product-grid{grid-template-columns:1fr!important}.product-card-compact p{-webkit-line-clamp:2!important}.order-category-chip{height:30px}}

/* Invoice center refinement — compact, actionable, mobile-first. */
body.idkd-body .invoice-page-header{margin-bottom:7px}
body.idkd-body .invoice-overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 8px;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}
body.idkd-body .invoice-overview-strip>div,body.idkd-body .invoice-overview-strip>a{position:relative;display:grid;gap:2px;min-width:0;padding:9px 11px;border-right:1px solid #eef2f7;color:#111827}.invoice-overview-strip>*:last-child{border-right:0!important}.invoice-overview-strip span{font-size:9.5px;font-weight:780;text-transform:uppercase;letter-spacing:.035em;color:#667085}.invoice-overview-strip b{font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-overview-strip small{font-size:10px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-overview-strip .danger{background:#fff8f7}.invoice-overview-strip .danger b,.invoice-overview-strip .danger small{color:#b42318}.invoice-overview-strip .invoice-next-due{padding-right:30px;background:#f8fbff}.invoice-overview-strip .invoice-next-due:hover{background:#f1f6ff;color:var(--primary)}.invoice-overview-strip .invoice-next-due>.ui-icon{position:absolute;right:10px;top:50%;width:14px;height:14px;transform:translateY(-50%);color:#98a2b3}
body.idkd-body .invoice-list-panel{padding-top:8px}.invoice-list-panel .filter-bar{margin-bottom:7px}body.idkd-body .data-table[data-table=invoices]{min-width:760px;table-layout:auto}.data-table[data-table=invoices] th:first-child{min-width:270px}.data-table[data-table=invoices] th:last-child{min-width:170px}
@media(max-width:900px){body.idkd-body .invoice-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-overview-strip>:nth-child(2){border-right:0}.invoice-overview-strip>:nth-child(-n+2){border-bottom:1px solid #eef2f7}}
@media(max-width:767px){body.idkd-body .invoice-overview-strip{grid-template-columns:1fr 1fr!important}.invoice-overview-strip>div,body.idkd-body .invoice-overview-strip>a{padding:8px 9px}.invoice-overview-strip b{font-size:12px}.invoice-overview-strip small{font-size:9.5px}.data-table[data-table=invoices]{min-width:0!important}}

/* 2026-08-26 — Professional client portal v5.
   Visual hierarchy refinement only: no backend/API/action changes. */
body.idkd-body{--bg:#f7f8fb;--panel:#fff;--text:#101828;--muted:#667085;--line:#e6eaf0;--soft:#f8fafc;--primary:#1769d2;--primary-dark:#0f58b8;--shadow:0 1px 3px rgba(16,24,40,.045),0 1px 2px rgba(16,24,40,.025);font-size:14px;line-height:1.48;letter-spacing:0;background:linear-gradient(180deg,#f9fafc 0,#f6f8fb 180px,#f7f8fb 100%)}
body.idkd-body .app-container{width:min(calc(100% - 32px),1480px)}
body.idkd-body .app-header{background:rgba(255,255,255,.965);border-bottom:1px solid #e9edf3;box-shadow:0 1px 2px rgba(16,24,40,.025);backdrop-filter:saturate(160%) blur(14px)}
body.idkd-body .app-header__inner{height:60px;gap:10px}
body.idkd-body .app-brand{font-size:14px;font-weight:780;gap:8px;color:#101828}
body.idkd-body .app-brand img{width:34px;height:34px}
body.idkd-body .desktop-navigation{gap:2px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body.idkd-body .nav-item{height:34px;padding:0 9px;gap:6px;border-radius:8px;font-size:12.25px;font-weight:680;color:#475467}
body.idkd-body .nav-item .ui-icon{width:14px;height:14px;color:#7a8699}
body.idkd-body .nav-item:hover{background:#f5f8fc;color:#175cd3;box-shadow:none}
body.idkd-body .nav-item.active{background:#eef5ff;color:#175cd3;box-shadow:inset 0 0 0 1px #d7e7ff}
body.idkd-body .nav-item.active .ui-icon{color:#175cd3}
body.idkd-body .header-search,body.idkd-body .global-search{flex-basis:210px;width:210px;min-width:170px;max-width:230px}
body.idkd-body .global-search input{height:36px;padding-left:34px;border-color:#d9e0e9;border-radius:9px;background:#fbfcfe;font-size:12.5px;box-shadow:none}
body.idkd-body .global-search input:hover{border-color:#cbd5e1;background:#fff}
body.idkd-body .global-search input:focus{background:#fff;border-color:#84adff;box-shadow:0 0 0 3px rgba(23,105,210,.10)}
body.idkd-body .icon-button,body.idkd-body .account-chip{height:36px;min-height:36px;border-color:#d9e0e9;background:#fff;box-shadow:none}
body.idkd-body .icon-button{width:36px;border-radius:9px}
body.idkd-body .account-chip{border-radius:9px;padding:0 10px;max-width:170px}
body.idkd-body .account-name,body.idkd-body .account-chip span{font-size:12.5px;max-width:112px}
body.idkd-body .page-content{padding-block:18px 30px}
body.idkd-body .breadcrumb{margin-bottom:10px;font-size:12px}
body.idkd-body .page-header,body.idkd-body .detail-hero{margin-bottom:14px;gap:14px}
body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:22px;line-height:1.2;font-weight:760;letter-spacing:-.018em;color:#101828}
body.idkd-body .page-header p,body.idkd-body .detail-hero p{font-size:12px;color:#7a8699;margin-bottom:3px}
body.idkd-body .subtle{font-size:12px;color:#7a8699}
body.idkd-body .page-summary{margin-top:7px;gap:6px}
body.idkd-body .page-summary span{padding:3px 8px;border-color:#e4e9f0;background:#fbfcfe;color:#667085;font-size:10.75px}
body.idkd-body .page-summary b{font-size:11.25px;color:#344054}
body.idkd-body .primary-button,body.idkd-body .secondary-button{min-height:36px;padding:0 12px;border-radius:8px;font-size:12.25px;font-weight:700}
body.idkd-body .primary-button{background:#1769d2;border-color:#1769d2;box-shadow:0 1px 2px rgba(23,105,210,.12)}
body.idkd-body .primary-button:hover{background:#0f58b8;border-color:#0f58b8}
body.idkd-body .secondary-button{border-color:#d7dee8;background:#fff;color:#344054}
body.idkd-body .secondary-button:hover{border-color:#a9c6f3;background:#f8fbff;color:#175cd3}
body.idkd-body .stats-grid{margin-bottom:14px;border-radius:10px;border-color:#e6eaf0;box-shadow:var(--shadow)}
body.idkd-body .stat-card{min-height:58px;padding:10px 12px;grid-template-columns:18px minmax(0,1fr) auto;gap:8px}
body.idkd-body .stat-card .ui-icon{width:17px;height:17px}
body.idkd-body .stat-card span{font-size:11.5px;color:#667085}
body.idkd-body .stat-card b{font-size:18px;font-weight:760;letter-spacing:-.015em}
body.idkd-body .panel{padding:14px 15px;margin-bottom:12px;border:1px solid #e6eaf0;border-radius:10px;box-shadow:var(--shadow)}
body.idkd-body .panel-header{min-height:28px;margin-bottom:10px}
body.idkd-body .panel-header h2{font-size:15px;font-weight:750;letter-spacing:-.008em;color:#101828}
body.idkd-body .dashboard-columns,body.idkd-body .dashboard-column,body.idkd-body .grid-2{gap:12px}
body.idkd-body .dashboard-columns{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
body.idkd-body .compact-row{padding:9px 0;font-size:12.75px}
body.idkd-body .empty-state{background:#fafbfc;border-color:#dfe5ec;color:#7a8699}
body.idkd-body .filter-bar{gap:7px;margin-bottom:9px;padding-bottom:1px}
body.idkd-body .filter-bar input,body.idkd-body .filter-bar select,body.idkd-body .filter-bar button{min-height:36px;height:36px;font-size:12px;border-radius:8px}
body.idkd-body .table-wrap{border-color:#e5e9ef;border-radius:9px;background:#fff}
body.idkd-body .data-table th{height:36px;padding:8px 10px;background:#f8fafc;color:#667085;font-size:10.5px;font-weight:760;letter-spacing:.035em}
body.idkd-body .data-table td{height:48px;padding:8px 10px;font-size:12.75px;border-bottom-color:#eef1f5}
body.idkd-body .data-table tbody tr:hover{background:#f8fbff}
body.idkd-body .data-table small{font-size:10.75px;color:#7a8699}
body.idkd-body .status-badge{padding:3px 8px;font-size:10.75px;font-weight:740}
body.idkd-body .detail-hero{position:relative;align-items:center;padding:14px 16px;border:1px solid #e3e8ef;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:var(--shadow);overflow:hidden}
body.idkd-body .detail-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#1769d2}
body.idkd-body .hero-meta{margin-top:8px;gap:6px}
body.idkd-body .hero-meta>span:not(.status-badge){padding:3px 8px;background:#f7f9fc;border-color:#e4e9f0;font-size:11px}
body.idkd-body .function-icon-grid,body.idkd-body .function-icon-grid.compact{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
body.idkd-body .function-icon{min-height:76px;padding:10px;grid-template-columns:30px minmax(0,1fr);gap:8px;border-radius:9px;border-color:#e4e9f0}
body.idkd-body .function-icon>.ui-icon{width:30px;height:30px;padding:6px}
body.idkd-body .function-icon b{font-size:12.5px}
body.idkd-body .function-icon small{font-size:10.5px;-webkit-line-clamp:1}
body.idkd-body .action-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
body.idkd-body .action-list a{padding:10px;border-radius:9px;border-color:#e4e9f0}
body.idkd-body .action-list b{font-size:12.75px}
body.idkd-body .action-list small{font-size:10.75px}
body.idkd-body .invoice-mini-row{padding:9px 0;font-size:12.75px}
body.idkd-body .popover-panel,body.idkd-body .search-results{border-color:#e0e6ee;border-radius:10px;box-shadow:0 14px 36px rgba(16,24,40,.13),0 2px 6px rgba(16,24,40,.04)}
body.idkd-body .row-menu-panel{border-color:#e0e6ee;box-shadow:0 12px 28px rgba(16,24,40,.12)}
@media (max-width:1439px) and (min-width:1280px){body.idkd-body .app-container{width:calc(100% - 24px)}body.idkd-body .app-header__inner{gap:6px}body.idkd-body .app-brand{font-size:13.5px}body.idkd-body .desktop-navigation{gap:1px}body.idkd-body .nav-item{font-size:11.75px;padding-inline:7px}body.idkd-body .header-search,body.idkd-body .global-search{flex-basis:176px;width:176px;min-width:150px}body.idkd-body .account-chip{max-width:140px;padding-inline:8px}}
@media (max-width:1199px){body.idkd-body .dashboard-columns{grid-template-columns:1fr}body.idkd-body .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){body.idkd-body{font-size:13.5px;background:#f7f8fb}body.idkd-body .app-container{width:calc(100% - 20px)}body.idkd-body .app-header__inner{height:56px;gap:7px}body.idkd-body .global-search input{height:34px;border-radius:8px}body.idkd-body .icon-button{width:34px;height:34px;min-height:34px;border-radius:8px}body.idkd-body .page-content{padding-block:12px 20px}body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:20px}body.idkd-body .page-header,body.idkd-body .detail-hero{margin-bottom:11px}body.idkd-body .panel{padding:12px;border-radius:9px}body.idkd-body .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:11px}body.idkd-body .stat-card{min-height:54px;padding:9px 10px}body.idkd-body .stat-card b{font-size:17px}body.idkd-body .detail-hero{padding:12px 13px}body.idkd-body .function-icon-grid,body.idkd-body .function-icon-grid.compact{grid-template-columns:1fr 1fr}body.idkd-body .function-icon{min-height:70px}body.idkd-body .action-list{grid-template-columns:1fr 1fr}}
@media (max-width:480px){body.idkd-body .app-container{width:calc(100% - 16px)}body.idkd-body .page-content{padding-block:10px 16px}body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:19px}body.idkd-body .panel{padding:11px}body.idkd-body .function-icon-grid,body.idkd-body .function-icon-grid.compact{grid-template-columns:1fr}body.idkd-body .action-list{grid-template-columns:1fr}}

/* Invoice detail center v3 — 2026-08-26. */
body.idkd-body .invoice-detail-main{display:grid;gap:8px;min-width:0}
body.idkd-body .invoice-detail-hero{align-items:center}.invoice-detail-hero.is-overdue{border-color:#fecdca;background:linear-gradient(135deg,#fff 0%,#fff8f7 100%)}
body.idkd-body .invoice-hero-caption{margin-top:2px;font-size:10.5px;font-weight:700;color:#667085}
body.idkd-body .invoice-number-chip{display:inline-flex;align-items:center;height:25px;padding:0 8px;border:1px solid #e4e7ec;border-radius:999px;background:#f9fafb;color:#475467;font-size:10.5px;font-weight:750}
body.idkd-body .invoice-items-wrap{border:1px solid #eef2f7;border-radius:8px;overflow:hidden}.invoice-items-wrap .data-table{margin:0}.invoice-items-wrap .data-table th{background:#f9fafb}.invoice-items-wrap .data-table td{vertical-align:top}.invoice-items-wrap .data-table td small{display:block;margin-top:2px;color:#98a2b3;font-size:10px}.invoice-item-description{font-size:12px;font-weight:650;line-height:1.45;color:#344054}
body.idkd-body .invoice-totals{display:grid;width:min(100%,340px);margin:9px 0 0 auto;border-top:1px solid #eef2f7}.invoice-totals>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:6px 2px;border-bottom:1px solid #f2f4f7}.invoice-totals span{font-size:10.5px;color:#667085}.invoice-totals b{font-size:11.5px;white-space:nowrap}.invoice-totals .credit b{color:#087443}.invoice-totals .grand-total{padding-top:9px;border-bottom:0}.invoice-totals .grand-total span{font-weight:750;color:#344054}.invoice-totals .grand-total b{font-size:16px;color:#111827}
body.idkd-body .invoice-transactions-panel{margin-bottom:0}.invoice-transaction-list{display:grid}.invoice-transaction-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef2f7}.invoice-transaction-row:last-child{border-bottom:0}.invoice-transaction-row>div{display:grid;gap:2px;min-width:0}.invoice-transaction-row b{font-size:11.5px}.invoice-transaction-row small{font-size:10px;color:#667085;overflow-wrap:anywhere}.invoice-transaction-row strong{font-size:12.5px;color:#087443;white-space:nowrap}.invoice-transaction-row strong.negative{color:#b42318}
body.idkd-body .invoice-total-line small{font-size:10px;color:#667085}.invoice-summary-value{display:grid;gap:1px;text-align:right}.invoice-summary-value small{font-size:9.5px;color:#667085}
body.idkd-body .invoice-payment-state{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;margin-top:10px;padding:9px;border:1px solid #d1e9ff;border-radius:8px;background:#f5faff;color:#175cd3}.invoice-payment-state.danger{border-color:#fecdca;background:#fff8f7;color:#b42318}.invoice-payment-state>.ui-icon{width:24px;height:24px;padding:5px;border-radius:7px;background:#fff}.invoice-payment-state span{display:grid;gap:2px}.invoice-payment-state b{font-size:11px}.invoice-payment-state small{font-size:9.75px;line-height:1.4;color:#475467}
body.idkd-body .invoice-secondary-cta{margin-top:6px}.invoice-support-link{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid #eef2f7;font-size:10.5px;font-weight:700;color:#667085}.invoice-support-link:hover{color:var(--primary)}.invoice-support-link .ui-icon{width:13px;height:13px}
@media(max-width:900px){body.idkd-body .invoice-detail-main{order:2}.invoice-detail-layout>.invoice-summary-panel{order:1}.invoice-detail-hero{align-items:flex-start}}
@media(max-width:767px){
  body.idkd-body .invoice-detail-hero .hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.invoice-detail-hero .hero-actions>a:first-child:last-child{grid-column:1/-1}.invoice-detail-hero .hero-actions .primary-button{grid-column:1/-1}
  body.idkd-body .invoice-items-wrap{border:0;overflow:visible}.invoice-items-wrap .data-table[data-table=invoice-items]{display:block;min-width:0!important;width:100%}.invoice-items-wrap .data-table[data-table=invoice-items] thead{display:none}.invoice-items-wrap .data-table[data-table=invoice-items] tbody{display:grid;gap:6px}.invoice-items-wrap .data-table[data-table=invoice-items] tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #e4e7ec;border-radius:8px;background:#fff;overflow:hidden}.invoice-items-wrap .data-table[data-table=invoice-items] td{display:block!important;width:auto!important;min-height:0!important;padding:7px 8px!important;border:0!important;white-space:normal!important}.invoice-items-wrap .data-table[data-table=invoice-items] td:before{content:none!important}.invoice-items-wrap .data-table[data-table=invoice-items] td:first-child{grid-column:1/-1;border-bottom:1px solid #eef2f7!important;background:#fcfcfd}.invoice-items-wrap .data-table[data-table=invoice-items] td:nth-child(3){text-align:right!important;white-space:nowrap!important}
  body.idkd-body .invoice-totals{width:100%;margin-top:8px}.invoice-transaction-row{align-items:flex-start}.invoice-transaction-row strong{padding-top:1px}.invoice-summary-panel{position:static}
}
@media(max-width:520px){body.idkd-body .invoice-detail-hero .hero-actions{grid-template-columns:1fr}.invoice-detail-hero .hero-actions>a{grid-column:1!important}.invoice-total-line b{font-size:20px}.invoice-transaction-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}}

/* Native invoice payment center — full WHMCS client-view replacement, 2026-08-26. */
body.idkd-body .invoice-native-payment{scroll-margin-top:76px;padding:11px 12px!important;border-color:#dbe7fb;background:linear-gradient(180deg,#fff 0,#fbfdff 100%)}
body.idkd-body .invoice-native-payment .panel-header{margin-bottom:10px}.invoice-payment-amount{font-size:18px;font-weight:800;letter-spacing:-.02em;color:#111827;white-space:nowrap}
body.idkd-body .invoice-gateway-form{display:grid;gap:8px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eef2f7}.invoice-gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.invoice-gateway-choice{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 15px;align-items:center;gap:8px;min-height:58px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;transition:.15s ease}.invoice-gateway-choice:hover{border-color:#b8d0fb;background:#f8fbff}.invoice-gateway-choice.selected{border-color:#88b1f5;background:#f4f8ff;box-shadow:0 0 0 1px rgba(39,110,241,.06)}.invoice-gateway-choice>input{position:absolute;opacity:0;pointer-events:none}.invoice-gateway-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#eef4ff;color:var(--primary)}.invoice-gateway-icon .ui-icon{width:17px;height:17px}.invoice-gateway-choice>span:nth-of-type(2){display:grid;gap:2px;min-width:0}.invoice-gateway-choice b{font-size:12px;color:#111827}.invoice-gateway-choice small{font-size:10px;line-height:1.35;color:#667085}.invoice-gateway-choice>i{width:14px;height:14px;border:1.5px solid #c5ccd8;border-radius:50%;background:#fff}.invoice-gateway-choice.selected>i{border:4px solid var(--primary)}.invoice-gateway-apply{justify-self:start;min-height:32px!important}
body.idkd-body .invoice-gateway-render{overflow:hidden;border:1px solid #e7ebf2;border-radius:9px;background:#fff}.invoice-gateway-render>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:14px;max-width:none!important;padding:12px!important;border:0!important;border-radius:0!important;font-size:11.5px!important}.invoice-gateway-render>div>div:first-child{min-width:0}.invoice-gateway-render p{margin:3px 0!important;line-height:1.45}.invoice-gateway-render img{width:178px!important;height:178px!important;max-width:100%;object-fit:contain;margin:0!important;padding:3px!important;border:1px solid #e4e7ec!important;border-radius:8px!important;background:#fff}.invoice-gateway-render a{font-size:10.5px!important;font-weight:700;color:var(--primary)!important}.invoice-payment-watch{display:flex;align-items:center;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid #eef2f7;color:#667085;font-size:10.5px}.invoice-payment-watch .secondary-button{margin-left:auto;min-height:30px!important}.invoice-watch-dot{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #ecfdf3;animation:idkd-watch-pulse 1.7s infinite}@keyframes idkd-watch-pulse{0%,100%{opacity:1}50%{opacity:.45}}
body.idkd-body .invoice-print-side{margin-top:7px}.invoice-summary-panel .secondary-button.full{width:100%;justify-content:center}.invoice-detail-hero .hero-actions button{font:inherit}
@media(max-width:767px){body.idkd-body .invoice-gateway-grid{grid-template-columns:1fr}.invoice-gateway-choice{min-height:54px}.invoice-gateway-render>div{grid-template-columns:1fr!important;text-align:left}.invoice-gateway-render>div>div:last-child{display:grid;justify-items:center}.invoice-gateway-render img{width:min(210px,70vw)!important;height:auto!important;aspect-ratio:1}.invoice-payment-watch{align-items:flex-start;flex-wrap:wrap}.invoice-payment-watch .secondary-button{margin-left:14px}.invoice-payment-amount{font-size:15px}}
@media print{body.idkd-body{background:#fff!important}.app-topbar,.side-nav,.mobile-drawer,.breadcrumb,.hero-actions,.invoice-native-payment,.invoice-support-link,.invoice-print-side,.top-header,.app-header{display:none!important}.app-shell,.app-main,.page-content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.invoice-detail-layout{grid-template-columns:minmax(0,1fr) 250px!important;gap:10px!important}.invoice-summary-panel{position:static!important;box-shadow:none!important}.panel,.detail-hero{box-shadow:none!important;break-inside:avoid}.invoice-transactions-panel{break-before:auto}.invoice-detail-hero{margin-top:0!important}}

/* Sieutocviet ID AI Copilot — contextual LiteLLM integration. */
body.idkd-body .ai-header-button{height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #d8e3f4;border-radius:8px;background:#f7faff;color:#175cd3;font-size:11px;font-weight:800;cursor:pointer}
body.idkd-body .ai-header-button:hover{border-color:#a9c5ef;background:#eef5ff}.ai-header-button .ui-icon{width:15px;height:15px}
body.idkd-body .ai-context-strip{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;padding:6px 8px 6px 10px;border:1px solid #dbe7f7;border-radius:8px;background:linear-gradient(90deg,#f8fbff 0%,#fff 70%)}
body.idkd-body .ai-context-strip>div{display:flex;align-items:center;gap:8px;min-width:0}.ai-context-strip>div>.ui-icon{width:22px;height:22px;padding:4px;border-radius:6px;background:#eaf2ff;color:#175cd3}.ai-context-strip span{display:grid;min-width:0;gap:0}.ai-context-strip b{font-size:11px;color:#1849a9}.ai-context-strip small{font-size:9.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-context-strip button{height:27px;padding:0 9px;border:1px solid #c9dcf6;border-radius:7px;background:#fff;color:#175cd3;font-size:10.5px;font-weight:760;cursor:pointer;white-space:nowrap}.ai-context-strip button:hover{background:#eef5ff}
body.idkd-body .ai-copilot-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.26);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;z-index:1100}
body.idkd-body .ai-copilot{position:fixed;top:0;right:0;bottom:0;width:min(430px,calc(100vw - 18px));display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;background:#fff;border-left:1px solid #e4e7ec;box-shadow:-18px 0 42px rgba(15,23,42,.14);transform:translateX(103%);transition:transform .22s ease;z-index:1110;overflow:hidden}
body.idkd-body.ai-copilot-open .ai-copilot{transform:translateX(0)}body.idkd-body.ai-copilot-open .ai-copilot-backdrop{opacity:1;visibility:visible}
body.idkd-body .ai-copilot-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #eef2f7;background:#fbfcfe}.ai-copilot-head>div:last-child{display:flex;align-items:center;gap:5px}.ai-copilot-head .icon-button{width:30px;height:30px;font-size:18px}.ai-head-action{height:30px;padding:0 8px;border:1px solid #e4e7ec;border-radius:7px;background:#fff;color:#475467;font-size:10.5px;font-weight:730;cursor:pointer}
body.idkd-body .ai-copilot-brand{display:flex;align-items:center;gap:8px}.ai-copilot-brand>.ui-icon{width:30px;height:30px;padding:7px;border-radius:8px;background:#eaf2ff;color:#175cd3}.ai-copilot-brand span{display:grid;gap:1px}.ai-copilot-brand b{font-size:13px;color:#101828}.ai-copilot-brand small{font-size:9.5px;color:#667085}
body.idkd-body .ai-copilot-context{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;border-bottom:1px solid #eef2f7;background:#fff}.ai-copilot-context>span{display:inline-flex;align-items:center;min-width:0;padding:3px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:9.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-copilot-context>button{border:0;background:transparent;color:#175cd3;font-size:10.5px;font-weight:760;cursor:pointer}
body.idkd-body .ai-insight-card{margin:8px 10px 0;padding:9px 10px;border:1px solid #cfe0f7;border-radius:8px;background:#f8fbff;color:#344054;font-size:10.5px;line-height:1.55;white-space:pre-wrap}.ai-insight-card.loading{color:#667085}.ai-insight-card b{display:block;margin-bottom:2px;color:#1849a9;font-size:10.5px}
body.idkd-body .ai-quick-prompts{display:flex;gap:5px;padding:8px 10px 0;overflow-x:auto;scrollbar-width:none}.ai-quick-prompts::-webkit-scrollbar{display:none}.ai-quick-prompts button{flex:0 0 auto;max-width:250px;height:28px;padding:0 8px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#475467;font-size:9.5px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.ai-quick-prompts button:hover{border-color:#bfd5f5;background:#f8fbff;color:#175cd3}
body.idkd-body .ai-chat{min-height:0;overflow-y:auto;padding:10px 10px 16px;display:grid;align-content:start;gap:9px;overscroll-behavior:contain}.ai-message{display:flex;align-items:flex-start;gap:7px;max-width:94%}.ai-message.user{margin-left:auto;flex-direction:row-reverse}.ai-avatar{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#eaf2ff;color:#175cd3}.ai-avatar .ui-icon{width:13px;height:13px}.ai-message>div{min-width:0;padding:8px 9px;border:1px solid #e4e7ec;border-radius:9px;background:#fff}.ai-message.user>div{border-color:#cfe0f7;background:#f2f7ff}.ai-message b{display:block;margin-bottom:3px;font-size:10px;color:#667085}.ai-message p{margin:0;font-size:11.5px;line-height:1.55;color:#1d2939;white-space:pre-wrap;overflow-wrap:anywhere}.ai-message.loading p{color:#667085}.ai-message.error>div{border-color:#fecdca;background:#fff8f7}.ai-message.error p{color:#b42318}
body.idkd-body .ai-message-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.ai-message-actions a{display:inline-flex;align-items:center;min-height:25px;padding:0 7px;border:1px solid #cfe0f7;border-radius:6px;background:#fff;color:#175cd3;font-size:9.5px;font-weight:740}
body.idkd-body .ai-compose{padding:9px 10px max(10px,env(safe-area-inset-bottom));border-top:1px solid #e4e7ec;background:#fff}.ai-compose textarea{display:block;width:100%;min-height:54px;max-height:130px;resize:vertical;padding:8px 9px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;font:inherit;font-size:11.5px;line-height:1.45;outline:none}.ai-compose textarea:focus{border-color:#84adf1;box-shadow:0 0 0 3px rgba(23,92,211,.08)}.ai-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.ai-compose-foot>span{font-size:9px;color:#98a2b3}.ai-compose-foot .primary-button{min-height:31px!important;padding-inline:10px!important;font-size:10.5px!important}.ai-compose-foot .ui-icon{width:13px;height:13px}
body.idkd-body .ai-fab{display:none;position:fixed;right:12px;bottom:14px;z-index:1050;align-items:center;gap:5px;height:38px;padding:0 11px;border:1px solid #bad1f2;border-radius:999px;background:#175cd3;color:#fff;box-shadow:0 8px 22px rgba(23,92,211,.24);font-size:11px;font-weight:800}.ai-fab .ui-icon{width:15px;height:15px}
@media(max-width:920px){body.idkd-body .ai-header-button span{display:none}.ai-header-button{width:34px!important;padding:0!important;justify-content:center}.ai-context-strip small{max-width:52vw}}
@media(max-width:767px){body.idkd-body .ai-context-strip{margin-bottom:7px}.ai-context-strip small{max-width:60vw}.ai-context-strip button{font-size:9.5px;padding-inline:7px}.ai-copilot{width:100%!important;border-left:0!important}.ai-fab{display:inline-flex!important}.ai-copilot-head{padding-top:max(10px,env(safe-area-inset-top))!important}.ai-chat{padding-bottom:10px!important}}
@media(max-width:460px){body.idkd-body .ai-context-strip small{display:none}.ai-context-strip{min-height:34px!important}.ai-context-strip>div>.ui-icon{width:20px;height:20px}.ai-context-strip button{height:25px}.ai-quick-prompts{padding-top:6px}.ai-message{max-width:98%}}
body.idkd-body .ticket-compose-buttons{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.ticket-compose-buttons .ui-icon{width:13px;height:13px}.search-item.ai-search-result{width:100%;border:0;text-align:left;cursor:pointer;background:#f8fbff}.search-item.ai-search-result:hover{background:#eef5ff}.search-item.ai-search-result b{color:#175cd3}
@media(max-width:600px){body.idkd-body .ticket-compose-actions{align-items:stretch!important;gap:7px}.ticket-compose-buttons{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.ticket-compose-buttons>button{width:100%}}

/* 2026-08-27 — Readability + VAT invoice + native order flow v6. */
body.idkd-body{
  font-size:15px;
  line-height:1.55;
  background:linear-gradient(180deg,#fafbfd 0,#f6f8fb 220px,#f7f8fb 100%);
}
body.idkd-body .app-container{width:min(calc(100% - 36px),1500px)}
body.idkd-body .app-header__inner{height:64px}
body.idkd-body .app-brand{font-size:15px}
body.idkd-body .nav-item{height:37px;padding:0 10px;font-size:13px;gap:7px}
body.idkd-body .nav-item .ui-icon{width:15px;height:15px}
body.idkd-body .header-search,body.idkd-body .global-search{flex-basis:220px;width:220px;max-width:250px}
body.idkd-body .global-search input{height:39px;font-size:13.5px}
body.idkd-body .icon-button,body.idkd-body .account-chip{height:39px;min-height:39px}
body.idkd-body .icon-button{width:39px}
body.idkd-body .account-name,body.idkd-body .account-chip span{font-size:13.5px}
body.idkd-body .page-content{padding-block:20px 34px}
body.idkd-body .breadcrumb{font-size:13px;margin-bottom:12px}
body.idkd-body .page-header,body.idkd-body .detail-hero{margin-bottom:16px;gap:16px}
body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:27px;line-height:1.18}
body.idkd-body .page-header p,body.idkd-body .detail-hero p{font-size:13px}
body.idkd-body .subtle{font-size:13px}
body.idkd-body .page-summary{margin-top:8px}
body.idkd-body .page-summary span{padding:4px 9px;font-size:12px}
body.idkd-body .page-summary b{font-size:12.5px}
body.idkd-body .primary-button,body.idkd-body .secondary-button{min-height:40px;padding:0 14px;font-size:13.5px;border-radius:9px}
body.idkd-body .panel{padding:17px 18px;margin-bottom:14px;border-radius:11px}
body.idkd-body .panel-header{min-height:31px;margin-bottom:12px}
body.idkd-body .panel-header h2{font-size:17px}
body.idkd-body .compact-row{font-size:13.5px;padding:10px 0}
body.idkd-body .empty-state,body.idkd-body .empty-state.small{font-size:13px;line-height:1.5}
body.idkd-body .stat-card{min-height:64px;padding:11px 13px}
body.idkd-body .stat-card span{font-size:12.5px}
body.idkd-body .stat-card b{font-size:20px}
body.idkd-body .filter-bar input,body.idkd-body .filter-bar select,body.idkd-body .filter-bar button{height:40px;min-height:40px;font-size:13px}
body.idkd-body .data-table th{height:39px;padding:9px 11px;font-size:11.5px}
body.idkd-body .data-table td{height:52px;padding:9px 11px;font-size:13.75px}
body.idkd-body .data-table small{font-size:11.75px}
body.idkd-body .status-badge{padding:4px 9px;font-size:11.75px}
body.idkd-body .service-cell b,body.idkd-body .function-icon b,body.idkd-body .action-list b{font-size:13.5px}
body.idkd-body .service-cell small,body.idkd-body .function-icon small,body.idkd-body .action-list small{font-size:11.75px}
body.idkd-body .function-icon{min-height:82px}
body.idkd-body .product-title-line>b{font-size:14px!important}
body.idkd-body .product-card-compact p{font-size:12px!important;line-height:1.48!important;-webkit-line-clamp:2!important}
body.idkd-body .product-price strong{font-size:15px}
body.idkd-body .product-price small{font-size:11px}
body.idkd-body .product-availability{font-size:10.75px;padding:3px 7px}
body.idkd-body .product-buy-row .order-button{min-height:36px!important;font-size:12.75px}
body.idkd-body .invoice-mini-row{font-size:13.5px}

/* VAT-style invoice: presentation layer only, source amounts remain WHMCS canonical data. */
body.idkd-body .invoice-detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:14px}
body.idkd-body .invoice-detail-main{gap:12px}
body.idkd-body .invoice-summary-panel{top:78px}
body.idkd-body .invoice-vat-sheet{padding:0!important;overflow:hidden;border-color:#dfe5ec;background:#fff}
body.idkd-body .invoice-vat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 24px 18px;border-bottom:1px solid #e7ebf1;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)}
body.idkd-body .invoice-vat-brand{display:grid;gap:3px;min-width:0}.invoice-vat-brand h2{margin:0!important;font-size:28px!important;letter-spacing:.04em;color:#101828}.invoice-vat-brand small{font-size:12px;color:#667085}
body.idkd-body .invoice-vat-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#175cd3}
body.idkd-body .invoice-vat-meta{display:grid;grid-template-columns:repeat(3,minmax(115px,1fr));gap:1px;border:1px solid #e2e8f0;border-radius:9px;overflow:hidden;background:#e2e8f0;min-width:min(100%,410px)}
body.idkd-body .invoice-vat-meta>div{display:grid;gap:2px;padding:9px 11px;background:#fff}.invoice-vat-meta span{font-size:10.5px;text-transform:uppercase;letter-spacing:.035em;font-weight:750;color:#667085}.invoice-vat-meta b{font-size:12.5px;color:#101828;white-space:nowrap}
body.idkd-body .invoice-vat-parties{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e7ebf1}.invoice-vat-parties>section{min-width:0;padding:17px 24px}.invoice-vat-parties>section+section{border-left:1px solid #e7ebf1}.invoice-vat-parties b{display:block;margin-top:5px;font-size:14.5px;color:#101828}.invoice-vat-parties p{margin:4px 0;color:#475467;font-size:12.5px;line-height:1.5}.invoice-vat-parties small{font-size:11.75px;color:#667085;overflow-wrap:anywhere}.invoice-vat-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#175cd3}
body.idkd-body .invoice-vat-sheet .invoice-items-wrap{margin:18px 24px 0;border:1px solid #e4e8ee;border-radius:9px;overflow-x:auto}
body.idkd-body .invoice-vat-table{min-width:780px!important;width:100%;table-layout:auto!important}.invoice-vat-table .vat-stt{width:54px;text-align:center}.invoice-vat-table th:nth-child(2){min-width:330px}.invoice-vat-table th:nth-child(3){width:60px}.invoice-vat-table th:nth-child(4),.invoice-vat-table th:nth-child(5),.invoice-vat-table th:nth-child(6){min-width:115px}.invoice-vat-table td{height:auto!important;min-height:52px}.invoice-vat-table .invoice-item-description{font-size:13px;line-height:1.5}.invoice-vat-table td.right,.invoice-vat-table th.right{text-align:right}
body.idkd-body .invoice-vat-bottom{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start;padding:18px 24px 22px}
body.idkd-body .invoice-vat-note{display:grid;gap:5px;padding:13px 14px;border:1px solid #e4e9f0;border-radius:9px;background:#fafbfd;color:#475467}.invoice-vat-note>b{font-size:13px;color:#344054}.invoice-vat-note>span{font-size:12px}.invoice-vat-note>small{margin-top:4px;padding-top:8px;border-top:1px solid #e9edf2;font-size:11px;line-height:1.5;color:#7a8699}
body.idkd-body .invoice-vat-sheet .invoice-totals{width:100%;margin:0;border-top:0}.invoice-vat-sheet .invoice-totals>div{padding:7px 2px}.invoice-vat-sheet .invoice-totals span{font-size:11.75px}.invoice-vat-sheet .invoice-totals b{font-size:12.75px}.invoice-vat-sheet .invoice-totals .grand-total{margin-top:3px;padding:11px 10px;border:1px solid #d6e4f8;border-radius:8px;background:#f7faff}.invoice-vat-sheet .invoice-totals .grand-total span{font-size:12px;color:#1849a9}.invoice-vat-sheet .invoice-totals .grand-total b{font-size:19px;color:#1849a9}.invoice-vat-sheet .invoice-totals .remaining-total{margin-top:6px;padding:11px 10px;border:1px solid #b8d0f7;border-radius:8px;background:#eef5ff}.invoice-vat-sheet .invoice-totals .remaining-total span{font-size:11.5px;font-weight:800;color:#175cd3}.invoice-vat-sheet .invoice-totals .remaining-total b{font-size:20px;color:#175cd3}
body.idkd-body .invoice-total-line span{font-size:11.5px}.invoice-total-line b{font-size:24px}.invoice-summary-list span{font-size:12px}.invoice-summary-list b{font-size:13px}.invoice-summary-value small{font-size:10.5px}.invoice-payment-state b{font-size:12px}.invoice-payment-state small{font-size:10.75px}.invoice-support-link{font-size:11.5px}

/* Payment channels change immediately; no explicit Apply action. */
body.idkd-body .invoice-gateway-form{gap:10px;margin-bottom:12px;padding-bottom:12px}.invoice-gateway-grid{gap:9px}.invoice-gateway-choice{min-height:68px;padding:10px 11px;grid-template-columns:36px minmax(0,1fr) 16px}.invoice-gateway-icon{width:36px;height:36px}.invoice-gateway-choice b{font-size:13px}.invoice-gateway-choice small{font-size:11.25px}.invoice-gateway-auto-hint{display:flex;align-items:center;gap:8px;min-height:30px;padding:5px 8px;border-radius:7px;background:#f8fbff;color:#475467;font-size:11.5px}.invoice-gateway-auto-hint .invoice-watch-dot{flex:0 0 auto}.invoice-gateway-form.is-loading .invoice-gateway-choice{opacity:.62;cursor:progress}.invoice-gateway-render{transition:opacity .16s ease}.invoice-gateway-render.is-loading{opacity:.45;pointer-events:none}.invoice-gateway-render>div{font-size:12.5px!important}.invoice-gateway-render a{font-size:11.5px!important}.invoice-payment-watch{font-size:11.5px}

/* Native order discovery + billing-cycle selector before WHMCS configuration engine. */
body.idkd-body .order-workspace{gap:12px}
body.idkd-body .order-stepbar{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:8px 14px;border:1px solid #e3e8ef;border-radius:10px;background:#fff;box-shadow:var(--shadow)}
body.idkd-body .order-stepbar>span{display:inline-flex;align-items:center;gap:7px;color:#7a8699;font-size:12.5px;font-weight:700;white-space:nowrap}.order-stepbar>span b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f2f4f7;color:#667085;font-size:11px}.order-stepbar>span.active{color:#175cd3}.order-stepbar>span.active b{background:#175cd3;color:#fff}.order-stepbar>i{display:block;width:52px;height:1px;background:#dce3eb}
body.idkd-body .order-toolbar{top:70px;padding:10px 11px!important}.order-search input{height:39px!important;min-height:39px!important;font-size:13px}.order-category-chip{height:36px;padding:0 11px;font-size:12px}.order-category-chip .ui-icon{width:14px;height:14px}.order-group{padding:13px 14px!important;scroll-margin-top:125px}.order-group-head{margin-bottom:10px!important}.order-group-head h2{font-size:16px!important}.order-group-head>a{font-size:12px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(305px,1fr))!important;gap:10px!important}.product-card-compact{padding:12px!important;gap:10px!important;border-radius:10px}
body.idkd-body.order-modal-open{overflow:hidden}
body.idkd-body .order-modal-backdrop{z-index:1300;background:rgba(15,23,42,.5);backdrop-filter:blur(2px)}
body.idkd-body .order-modal{width:min(100%,680px);max-height:min(92vh,780px);padding:0;border-radius:14px;overflow:auto}.order-modal>.modal-close{z-index:2;top:13px;right:13px}.order-modal-progress{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e7ebf1;background:#f8fafc}.order-modal-progress>span{padding:11px 12px;text-align:center;font-size:11.5px;font-weight:750;color:#98a2b3;border-right:1px solid #e7ebf1}.order-modal-progress>span:last-child{border-right:0}.order-modal-progress>span.done{color:#087443;background:#f3fbf7}.order-modal-progress>span.active{color:#175cd3;background:#f4f8ff}.order-modal-head{padding:20px 22px 15px;border-bottom:1px solid #eef2f7}.order-modal-group{display:inline-flex;margin-bottom:6px;padding:3px 7px;border-radius:999px;background:#eef5ff;color:#175cd3;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.order-modal-head h2{margin:0!important;font-size:22px!important}.order-modal-head p{margin:7px 0 0;color:#667085;font-size:12.5px;line-height:1.5}.order-modal form{display:grid;gap:15px;padding:17px 22px 22px}.order-modal-section{display:grid;gap:9px}.order-modal-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-modal-section-head b{font-size:13px}.order-modal-section-head small{font-size:11px;color:#7a8699}.order-cycle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.order-cycle-choice{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:58px;padding:10px 11px;border:1px solid #dfe5ec;border-radius:9px;background:#fff;cursor:pointer}.order-cycle-choice:hover{border-color:#b7cdf0;background:#f8fbff}.order-cycle-choice.selected{border-color:#84adf2;background:#f4f8ff;box-shadow:0 0 0 1px rgba(23,105,210,.05)}.order-cycle-choice input{position:absolute;opacity:0;pointer-events:none}.order-cycle-choice span{display:grid;gap:2px}.order-cycle-choice b{font-size:12.5px;color:#344054}.order-cycle-choice small{font-size:12px;color:#667085}.order-cycle-choice>i{width:15px;height:15px;border:1.5px solid #b8c1ce;border-radius:50%;background:#fff}.order-cycle-choice.selected>i{border:4px solid #1769d2}.order-cycle-empty{padding:12px;border:1px dashed #ccd5e1;border-radius:8px;background:#fafbfc;color:#667085;font-size:12px}.order-modal-summary{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:6px 14px;padding:12px 13px;border:1px solid #dce7f5;border-radius:9px;background:#f8fbff}.order-modal-summary>span{font-size:11.5px;color:#667085}.order-modal-summary>b{font-size:12.5px;color:#344054;text-align:right}.order-modal-summary>strong{font-size:17px;color:#175cd3;text-align:right}.order-modal-note{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:10px 11px;border-radius:8px;background:#f8fafc;color:#475467}.order-modal-note>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ecfdf3;color:#087443;font-weight:800}.order-modal-note p{margin:0;font-size:11.5px;line-height:1.5}.order-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:2px}.order-modal output{font-size:12px;line-height:1.45}.order-modal output.loading{color:#667085}.order-modal output.success{color:#087443}.order-modal output.error{color:#b42318}

@media(max-width:1439px) and (min-width:1280px){
  body.idkd-body .nav-item{font-size:12.25px;padding-inline:7px}
  body.idkd-body .header-search,body.idkd-body .global-search{flex-basis:180px;width:180px;min-width:150px}
}
@media(max-width:900px){
  body.idkd-body .invoice-detail-layout{grid-template-columns:1fr}
  body.idkd-body .invoice-summary-panel{position:static}
  body.idkd-body .invoice-vat-head{flex-direction:column}.invoice-vat-meta{width:100%}
  body.idkd-body .invoice-vat-bottom{grid-template-columns:1fr}
}
@media(max-width:767px){
  body.idkd-body{font-size:14.5px}
  body.idkd-body .app-container{width:calc(100% - 18px)}
  body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:23px}
  body.idkd-body .page-header p,body.idkd-body .detail-hero p,body.idkd-body .subtle{font-size:12.5px}
  body.idkd-body .panel{padding:13px}
  body.idkd-body .panel-header h2{font-size:16px}
  body.idkd-body .primary-button,body.idkd-body .secondary-button{font-size:13px;min-height:39px}
  body.idkd-body .data-table td{font-size:13.25px}
  body.idkd-body .data-table td:before,body.idkd-body .email-mailbox-table td:before{font-size:10.5px}
  body.idkd-body .invoice-vat-head{padding:17px 16px 14px}.invoice-vat-brand h2{font-size:24px!important}.invoice-vat-meta{grid-template-columns:1fr 1fr 1fr;min-width:0}.invoice-vat-meta>div{padding:8px}
  body.idkd-body .invoice-vat-parties{grid-template-columns:1fr}.invoice-vat-parties>section{padding:14px 16px}.invoice-vat-parties>section+section{border-left:0;border-top:1px solid #e7ebf1}
  body.idkd-body .invoice-vat-sheet .invoice-items-wrap{margin:14px 16px 0;overflow-x:auto!important;border:1px solid #e4e8ee!important}
  body.idkd-body .invoice-vat-sheet .invoice-vat-table[data-table=invoice-items]{display:table!important;min-width:720px!important;width:100%!important;background:#fff!important}
  body.idkd-body .invoice-vat-sheet .invoice-vat-table[data-table=invoice-items] thead{display:table-header-group!important}
  body.idkd-body .invoice-vat-sheet .invoice-vat-table[data-table=invoice-items] tbody{display:table-row-group!important}
  body.idkd-body .invoice-vat-sheet .invoice-vat-table[data-table=invoice-items] tbody>tr{display:table-row!important;border:0!important;border-radius:0!important;background:#fff!important}
  body.idkd-body .invoice-vat-sheet .invoice-vat-table[data-table=invoice-items] td{display:table-cell!important;width:auto!important;height:auto!important;padding:9px 10px!important;border-bottom:1px solid #eef2f7!important;background:#fff!important;white-space:normal!important}
  body.idkd-body .invoice-vat-sheet .invoice-vat-table[data-table=invoice-items] td:before{content:none!important}
  body.idkd-body .invoice-vat-sheet .invoice-vat-table[data-table=invoice-items] td:first-child{border-bottom:1px solid #eef2f7!important;background:#fff!important}
  body.idkd-body .invoice-vat-bottom{padding:15px 16px 17px;gap:14px}.invoice-vat-note{order:2}.invoice-vat-sheet .invoice-totals{order:1}
  body.idkd-body .invoice-gateway-grid{grid-template-columns:1fr}.invoice-gateway-choice{min-height:62px}
  body.idkd-body .order-stepbar{justify-content:flex-start;overflow-x:auto;padding:8px 10px}.order-stepbar>i{width:30px;flex:0 0 30px}.order-stepbar>span{font-size:11.5px}
  body.idkd-body .order-toolbar{position:static}.product-grid{grid-template-columns:1fr!important}
  body.idkd-body .order-modal{width:100%;max-height:94vh;border-radius:12px}.order-modal-head{padding:17px 16px 13px}.order-modal form{padding:14px 16px 18px}.order-cycle-grid{grid-template-columns:1fr}.order-modal-actions{display:grid;grid-template-columns:1fr}.order-modal-actions .primary-button{order:-1}.order-modal-progress>span{font-size:10.5px;padding:9px 5px}
}
@media(max-width:480px){
  body.idkd-body .invoice-vat-meta{grid-template-columns:1fr}.invoice-vat-meta>div+div{border-top:1px solid #e2e8f0}
  body.idkd-body .invoice-vat-brand h2{font-size:22px!important}
  body.idkd-body .order-stepbar>i{width:18px;flex-basis:18px}.order-stepbar>span b{width:22px;height:22px}
}

/* Readability applies to authentication and AI surfaces too. */
body.idkd-body .auth-card-modern .auth-header h1{font-size:30px}
body.idkd-body .auth-card-modern .auth-header p{font-size:14px}
body.idkd-body .auth-brand-copy strong{font-size:16px}.auth-brand-copy small{font-size:12px}
body.idkd-body .auth-eyebrow{font-size:11.5px}.auth-capability-row span{font-size:11.5px}
body.idkd-body .auth-field>label,body.idkd-body .auth-field-head label{font-size:13px}.auth-field-head a{font-size:12.5px}
body.idkd-body .auth-input-wrap input{font-size:14px}.auth-account-prompt{font-size:12.5px}.auth-card-footer{font-size:11.5px}
body.idkd-body .auth-side-modern .auth-side-top>p{font-size:13.5px}.auth-benefit b{font-size:12.5px}.auth-benefit small{font-size:11.5px}.auth-side-section-head>b{font-size:12.5px}.auth-service-shortcuts b{font-size:11.5px}.auth-service-shortcuts small{font-size:10.5px}
body.idkd-body .ai-message p{font-size:12.5px}.ai-message b{font-size:11px}.ai-compose textarea{font-size:12.5px}.ai-copilot-brand b{font-size:14px}.ai-copilot-brand small{font-size:10.5px}
body.idkd-body .order-group:target{border-color:#a8c7f5;box-shadow:0 0 0 3px rgba(23,105,210,.07),var(--shadow)}
@media(max-width:520px){body.idkd-body .auth-card-modern .auth-header h1{font-size:26px}.auth-card-modern .auth-header p{font-size:13px}.auth-input-wrap input{font-size:16px!important}}

/* Native order wizard v7 */
body.idkd-body .order-modal{width:min(100%,760px);max-height:min(94vh,860px)}
body.idkd-body .order-config-section{padding-top:3px;border-top:1px solid #eef2f7}.order-config-list{display:grid;gap:8px}
body.idkd-body .order-config-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);align-items:center;gap:12px;min-height:54px;padding:9px 10px;border:1px solid #e3e8ef;border-radius:9px;background:#fff;color:#344054}.order-config-row>span{display:grid;gap:2px}.order-config-row>span>b{font-size:13px}.order-config-row>span>small{font-size:11.5px;color:#7a8699}
body.idkd-body .order-config-row select,body.idkd-body .order-config-row input[type=number],body.idkd-body .order-field input,body.idkd-body .order-field select,body.idkd-body .order-field textarea{width:100%;min-height:40px;border:1px solid #d5dce6;border-radius:8px;background:#fff;color:#101828;padding:0 10px;font:inherit;font-size:13px;outline:0}.order-field textarea{padding:9px 10px;resize:vertical}
body.idkd-body .order-config-radio{display:grid;gap:6px}.order-config-label{font-size:12.5px;font-weight:750;color:#344054}.order-config-radio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.idkd-body .order-config-choice{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 15px;align-items:center;gap:8px;min-height:52px;padding:8px 10px;border:1px solid #e3e8ef;border-radius:9px;background:#fff;cursor:pointer}.order-config-choice.selected{border-color:#84adf2;background:#f4f8ff}.order-config-choice input{position:absolute;opacity:0}.order-config-choice span{display:grid;gap:2px}.order-config-choice b{font-size:12.5px}.order-config-choice small{font-size:11px;color:#667085}.order-config-choice>i{width:14px;height:14px;border:1.5px solid #b8c1ce;border-radius:50%;background:#fff}.order-config-choice.selected>i{border:4px solid #1769d2}
body.idkd-body .order-field{display:grid;gap:6px}.order-field>span{font-size:12.5px;font-weight:750;color:#344054}.order-field>small{font-size:11.5px;color:#667085}.order-custom-grid{display:grid;gap:8px}
body.idkd-body .order-gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.order-gateway-choice{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:58px;padding:9px 10px;border:1px solid #e1e7ee;border-radius:9px;background:#fff;cursor:pointer}.order-gateway-choice.selected{border-color:#84adf2;background:#f4f8ff}.order-gateway-choice input{position:absolute;opacity:0}.order-gateway-choice span{display:grid;gap:2px}.order-gateway-choice b{font-size:13px}.order-gateway-choice small{font-size:11px;color:#667085}.order-gateway-choice>i{width:15px;height:15px;border:1.5px solid #b8c1ce;border-radius:50%;background:#fff}.order-gateway-choice.selected>i{border:4px solid #1769d2}
body.idkd-body .order-live-summary>small{grid-column:1/-1;padding-top:4px;border-top:1px solid #e4ebf5;font-size:11px;color:#667085}
body.idkd-body .order-review-panel{display:grid;gap:13px}.order-review-panel[hidden]{display:none}.order-review-title{display:grid;gap:3px}.order-review-title>span{font-size:10.5px;font-weight:800;text-transform:uppercase;color:#175cd3}.order-review-title h3{margin:0;font-size:19px}.order-review-title p{margin:0;font-size:12px;color:#667085}
body.idkd-body .order-review-list{border:1px solid #e2e8f0;border-radius:9px;overflow:hidden}.order-review-list>div{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:12px;padding:9px 11px;border-bottom:1px solid #eef2f7}.order-review-list>div:last-child{border-bottom:0}.order-review-list span{font-size:12px;color:#667085}.order-review-list b{font-size:12.75px;text-align:right;overflow-wrap:anywhere}
body.idkd-body .order-review-total{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:13px 14px;border:1px solid #cfe0f7;border-radius:9px;background:#f7faff}.order-review-total span{font-size:12px;font-weight:750}.order-review-total b{font-size:21px;color:#175cd3}.order-review-total small{grid-column:1/-1;font-size:11px;color:#667085}
body.idkd-body .order-confirm-note{padding:10px 11px;border:1px solid #d7e9dc;border-radius:8px;background:#f5fbf7;color:#376247;font-size:11.5px;line-height:1.5}.order-confirm-note b{color:#087443}.order-review-panel .order-modal-actions{border-top:1px solid #eef2f7;padding-top:12px}
body.idkd-body [data-order-review-next].loading{opacity:.7;cursor:wait}
@media(max-width:767px){body.idkd-body .order-modal{width:100%;max-height:96vh}.order-config-row{grid-template-columns:1fr!important}.order-config-radio-grid,.order-gateway-grid{grid-template-columns:1fr!important}.order-review-list>div{grid-template-columns:1fr;gap:3px}.order-review-list b{text-align:left}.order-review-total b{font-size:19px}.order-field input,.order-field select,.order-config-row select,.order-config-row input[type=number]{font-size:16px!important}}

body.idkd-body .order-config-toggle{grid-template-columns:minmax(0,1fr) 40px}.order-config-toggle>input{position:absolute;opacity:0}.order-config-toggle>i{justify-self:end;width:38px;height:22px;border-radius:999px;background:#d0d5dd;position:relative}.order-config-toggle>i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.18);transition:.15s}.order-config-toggle>input:checked+i{background:#1769d2}.order-config-toggle>input:checked+i:after{transform:translateX(16px)}

/* Readability floor for secondary UI text. */
body.idkd-body .ai-context-strip b{font-size:12px}.ai-context-strip small{font-size:11px}.ai-context-strip button{font-size:11.5px}
body.idkd-body .ai-quick-prompts button{font-size:11px;height:31px}.ai-insight-card{font-size:12px}.ai-insight-card b{font-size:11.5px}.ai-compose-foot>span{font-size:10.5px}
body.idkd-body .account-facts span{font-size:11.5px}.account-facts b{font-size:13.5px}.account-action b{font-size:13.5px}.account-action small{font-size:11.5px}
body.idkd-body .invoice-vat-meta span,body.idkd-body .invoice-vat-label{font-size:11px}.invoice-vat-note>small{font-size:11.5px}.invoice-vat-table td small{font-size:11px}
body.idkd-body .order-review-title>span{font-size:11px}.order-review-total small,.order-confirm-note{font-size:11.75px}
/* 2026-08-28 — LiteLLM deep copilot insight actions. */
body.idkd-body .ai-insight-card{white-space:normal}
body.idkd-body .ai-insight-card.priority-critical{border-color:#fecdca;background:#fff8f7}
body.idkd-body .ai-insight-card.priority-critical b{color:#b42318}
body.idkd-body .ai-insight-card.priority-high{border-color:#fedf89;background:#fffcf5}
body.idkd-body .ai-insight-card.priority-high b{color:#b54708}
body.idkd-body .ai-insight-text{display:block;white-space:pre-wrap}
body.idkd-body .ai-insight-tools{display:flex;gap:5px;overflow-x:auto;margin-top:7px;padding-bottom:1px;scrollbar-width:none}
body.idkd-body .ai-insight-tools::-webkit-scrollbar{display:none}
body.idkd-body .ai-insight-tools button,body.idkd-body .ai-insight-tools a{flex:0 0 auto;max-width:250px;min-height:25px;padding:3px 7px;border:1px solid #cfe0f7;border-radius:999px;background:#fff;color:#175cd3;font:inherit;font-size:9.5px;font-weight:720;line-height:1.25;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}


/* STV CORPORATE SITE SHELL v1 */
.stv-corporate-shell{position:relative;width:100%;background:#fff;isolation:isolate;overflow:visible}
.stv-corporate-shell-header{z-index:1200;border-bottom:1px solid rgba(15,23,42,.06)}
.stv-corporate-shell-footer{z-index:20;margin-top:28px;border-top:1px solid rgba(15,23,42,.06)}
.stv-site-shell-frame{display:block;width:100%;border:0;margin:0;padding:0;background:#fff;overflow:hidden;transition:height .14s ease;box-sizing:border-box}
.stv-site-shell-header{height:56px;min-height:56px}
.stv-site-shell-footer{height:360px;min-height:120px}
.stv-corporate-shell.is-shell-failed{display:none!important}
.stv-site-shell-frame.is-shell-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-height:none!important;z-index:2147482990!important;background:#fff!important;transition:none!important}
.idkd-body.stv-site-shell-overlay-open{overflow:hidden!important}
.stv-shell-account-actions{position:absolute;z-index:4;top:10px;right:max(15px,calc((100% - 1250px)/2 + 15px));padding-left:8px;background:#fff}
.stv-shell-account-actions .popover-panel{top:42px}
@media(max-width:849px){
  .stv-site-shell-header{height:70px}
  .stv-site-shell-footer{height:470px}
  .stv-corporate-shell-footer{margin-top:20px}
  .stv-shell-account-actions{top:16px;right:62px;padding-left:4px}
  .stv-shell-account-actions .account-menu-trigger{width:36px;padding:0;justify-content:center}
  .stv-shell-account-actions .account-name,.stv-shell-account-actions .account-caret{display:none}
}
@media(prefers-reduced-motion:reduce){.stv-site-shell-frame{transition:none!important}}

/* 2026-08-29 — Shared visual language with sieutocviet.com.
   Keep data-heavy portal pages wide; align the navigation rail and typography
   with the 1170px corporate header. */
body.idkd-body{
  --text:#2d2d2d;
  --muted:#6b7280;
  font-family:Tahoma,Arial,sans-serif;
  color:var(--text);
  letter-spacing:0;
}
body.idkd-body .app-header{
  background:#fff;
  border-bottom-color:#ececec;
  box-shadow:0 1px 0 rgba(15,23,42,.025);
  backdrop-filter:none;
}
body.idkd-body .app-header .app-container{
  width:min(calc(100% - 30px),1170px);
}
body.idkd-body .app-header__inner{
  height:56px;
  gap:8px;
}
body.idkd-body .desktop-navigation{
  gap:2px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.idkd-body .nav-item{
  border-radius:7px;
  color:#4b5563;
  letter-spacing:0;
}
body.idkd-body .nav-item.active{background:#eef5ff}
body.idkd-body .global-search input,
body.idkd-body .icon-button,
body.idkd-body .account-chip{border-radius:8px}
.stv-shell-account-actions{right:max(15px,calc((100% - 1170px)/2))}
@media(max-width:1279px){body.idkd-body .app-header .app-container{width:calc(100% - 24px)}}
@media(max-width:767px){body.idkd-body .app-header .app-container{width:calc(100% - 18px)}}
@media(max-width:849px){.stv-shell-account-actions{right:62px}}

/* 2026-08-29 — Corporate grid v2 + desktop WordPress dropdown overlay. */
.stv-corporate-shell-header{height:56px;min-height:56px}
.stv-corporate-shell-header.is-shell-dropdown-open{z-index:1400}
.stv-site-shell-header.is-shell-dropdown{
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:100%!important;
  max-height:none!important;
  z-index:3!important;
  background:transparent!important;
  transition:none!important;
}
body.idkd-body .app-container{width:min(calc(100% - 30px),1170px)}
body.idkd-body .page-content{padding-block:20px 32px}
body.idkd-body .panel,
body.idkd-body .stat-card,
body.idkd-body .ai-context-strip{border-color:#e6e8ec;box-shadow:0 1px 2px rgba(15,23,42,.025)}
body.idkd-body .page-header h1,
body.idkd-body .detail-hero h1{color:#111827}
@media(max-width:1279px){body.idkd-body .app-container{width:calc(100% - 24px)}}
@media(max-width:849px){.stv-corporate-shell-header{height:70px;min-height:70px}}
@media(max-width:767px){body.idkd-body .app-container{width:calc(100% - 18px)}}

/* 2026-08-29 — Corporate UI v3: consistent, readable and compact. */
:root{
  --bg:#f4f6f9;
  --panel:#fff;
  --text:#1f2937;
  --muted:#667085;
  --line:#e4e7ec;
  --soft:#f7f9fc;
  --primary:#1265cc;
  --primary-dark:#0d4fa8;
  --shadow:0 1px 3px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.035);
  --radius:10px;
}
body.idkd-body{
  min-height:100vh;
  background:linear-gradient(180deg,#f9fafb 0,#f4f6f9 260px);
  color:var(--text);
  font-family:Tahoma,Arial,sans-serif;
  font-size:14px;
}
body.idkd-body .app-header{
  border-bottom:1px solid #e5e9f0;
  box-shadow:0 1px 3px rgba(16,24,40,.035);
}
body.idkd-body .app-header__inner{height:58px;gap:9px}
body.idkd-body .desktop-navigation{gap:3px}
body.idkd-body .nav-item{
  height:38px;
  padding:0 10px;
  border-radius:8px;
  font-size:13px;
  font-weight:700;
  color:#475467;
}
body.idkd-body .nav-item:hover{background:#f3f6fa;color:var(--primary);box-shadow:none}
body.idkd-body .nav-item.active{background:#eaf3ff;color:#125fbf;box-shadow:inset 0 0 0 1px #cfe2fb}
body.idkd-body .global-search input{height:38px;border-color:#d7dde7;border-radius:8px;font-size:13px;background:#fbfcfe}
body.idkd-body .global-search input:focus{background:#fff}
body.idkd-body .ai-header-button,
body.idkd-body .icon-button,
body.idkd-body .account-chip,
body.idkd-body .account-menu-trigger{height:38px;border-radius:8px}
body.idkd-body .page-content{padding-block:22px 36px}
body.idkd-body .page-header,body.idkd-body .detail-hero{margin-bottom:16px}
body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:27px;font-weight:800;letter-spacing:-.02em}
body.idkd-body .page-header p,body.idkd-body .detail-hero p,body.idkd-body .subtle{font-size:13px}
body.idkd-body .panel,
body.idkd-body .stat-card,
body.idkd-body .ai-context-strip{
  border:1px solid #e2e7ee;
  border-radius:10px;
  background:#fff;
  box-shadow:var(--shadow);
}
body.idkd-body .panel{padding:16px;margin-bottom:16px}
body.idkd-body .panel-header{margin-bottom:12px}
body.idkd-body .panel-header h2{font-size:17px;font-weight:800;color:#1d2939}
body.idkd-body .stats-grid{gap:10px;margin-bottom:16px}
body.idkd-body .stat-card{padding:14px}
body.idkd-body .stat-card span{font-size:12px}
body.idkd-body .stat-card b{font-size:24px}
body.idkd-body .filter-bar{gap:8px;margin-bottom:12px}
body.idkd-body .filter-bar input,
body.idkd-body .filter-bar select,
body.idkd-body .filter-bar button{height:38px;min-height:38px;border-radius:8px;font-size:13px;border-color:#d7dde7}
body.idkd-body .table-wrap{border-color:#e1e6ed;border-radius:9px;background:#fff}
body.idkd-body .data-table th{height:36px;padding:8px 10px;background:#f7f9fc;color:#667085;font-size:11px;font-weight:800}
body.idkd-body .data-table td{height:48px;padding:8px 10px;font-size:13px;color:#273142}
body.idkd-body .data-table small{font-size:11px;color:#7a8699}
body.idkd-body .data-table tbody tr:hover{background:#f5f9ff}
body.idkd-body .status-badge{font-size:11px;padding:4px 8px}
body.idkd-body .primary-button,body.idkd-body .secondary-button{min-height:38px;border-radius:8px;font-size:13px;padding-inline:13px}
body.idkd-body .primary-button{background:#1265cc;box-shadow:0 1px 2px rgba(18,101,204,.22)}
body.idkd-body .primary-button:hover{background:#0d55b0}
body.idkd-body .secondary-button{border-color:#d5dce6;color:#344054}
body.idkd-body .ai-context-strip{min-height:48px;padding:8px 10px}
body.idkd-body .ai-context-strip b{font-size:12.5px}
body.idkd-body .ai-context-strip small{font-size:11.5px}
body.idkd-body .ai-context-strip button{min-height:30px;border-radius:7px;font-size:12px}
body.idkd-body .popover-panel{border-color:#e1e6ed;border-radius:10px;box-shadow:0 12px 36px rgba(16,24,40,.14)}
@media(max-width:849px){
  body.idkd-body{font-size:14px}
  body.idkd-body .page-content{padding-block:16px 24px}
  body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:24px}
  body.idkd-body .panel{padding:13px}
}
/* 2026-08-30 — Authenticated portal UI v4: one responsive system for every page. */
.stv-corporate-shell-header{overflow:visible}
.stv-corporate-shell-header.is-shell-dropdown-open{height:56px!important;min-height:56px!important}
.stv-site-shell-header.is-shell-dropdown{filter:drop-shadow(0 12px 24px rgba(16,24,40,.12))}
@media(max-width:849px){.stv-corporate-shell-header,.stv-corporate-shell-header.is-shell-dropdown-open{height:70px!important;min-height:70px!important}}
body.idkd-body .app-shell,
body.idkd-body .main-column,
body.idkd-body .page-content,
body.idkd-body .page-content>*{min-width:0}
body.idkd-body .page-content{width:100%}
body.idkd-body .page-header,
body.idkd-body .detail-hero{min-width:0}
body.idkd-body .page-header>div:first-child,
body.idkd-body .detail-hero>div:first-child{min-width:0}
body.idkd-body .page-header h1,
body.idkd-body .detail-hero h1{overflow-wrap:anywhere}
body.idkd-body .panel-header{align-items:center;flex-wrap:wrap}
body.idkd-body .panel-header>div{min-width:0}
body.idkd-body .panel,
body.idkd-body .stat-card,
body.idkd-body .detail-grid>div,
body.idkd-body .function-icon,
body.idkd-body .action-list>a{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
body.idkd-body .panel:hover{border-color:#d9e0e9}
body.idkd-body .table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body.idkd-body .data-table th,
body.idkd-body .data-table td{line-height:1.4}
body.idkd-body .row-actions,
body.idkd-body .action-cluster{white-space:nowrap}
body.idkd-body .ai-copilot{width:min(420px,calc(100vw - 18px))}
body.idkd-body .ai-message{max-width:92%}
body.idkd-body .ai-message>div{border-radius:10px}
body.idkd-body .ai-message p,
body.idkd-body .ai-insight-text{font-size:12.5px;line-height:1.58}
body.idkd-body .ai-message-actions a{min-height:29px;padding-inline:9px;font-size:10.5px}
body.idkd-body .ai-compose textarea{min-height:62px;font-size:13px}

@media(max-width:1279px){
  body.idkd-body .app-header__inner{overflow:visible}
  body.idkd-body .mobile-navigation-trigger{flex:0 0 auto}
}
@media(max-width:849px){
  .stv-corporate-shell-header,
  .stv-corporate-shell-header.is-shell-dropdown-open{height:70px!important;min-height:70px!important}
  body.idkd-body .app-container{width:calc(100% - 20px)}
  body.idkd-body .page-header,
  body.idkd-body .detail-hero{align-items:stretch}
  body.idkd-body .page-header>div:last-child,
  body.idkd-body .hero-actions{width:100%}
  body.idkd-body .hero-actions{display:flex;justify-content:flex-start}
  body.idkd-body .hero-actions>a,
  body.idkd-body .hero-actions>button{flex:1 1 150px;width:auto}
  body.idkd-body .grid-2,
  body.idkd-body .dashboard-columns,
  body.idkd-body .invoice-detail-layout,
  body.idkd-body .deposit-layout{grid-template-columns:minmax(0,1fr)}
  body.idkd-body .filter-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.45fr);overflow:visible}
  body.idkd-body .filter-bar .search-input{grid-column:1/-1;min-width:0;width:100%}
  body.idkd-body .filter-bar input,
  body.idkd-body .filter-bar select,
  body.idkd-body .filter-bar button{width:100%;max-width:none;font-size:16px}
  body.idkd-body .data-table{font-size:13px}
  body.idkd-body .dashboard-services{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.idkd-body .dashboard-service-head,
  body.idkd-body .dashboard-service-row{min-width:760px}
  body.idkd-body .ai-message{max-width:96%}
}
@media(max-width:560px){
  body.idkd-body .app-container{width:calc(100% - 16px)}
  body.idkd-body .page-content{padding-block:12px 20px}
  body.idkd-body .page-header,
  body.idkd-body .detail-hero{gap:10px}
  body.idkd-body .page-header h1,
  body.idkd-body .detail-hero h1{font-size:21px;line-height:1.22}
  body.idkd-body .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:transparent;border:0;overflow:visible}
  body.idkd-body .stat-card{border:1px solid #e2e7ee!important;border-radius:9px!important;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto}
  body.idkd-body .stat-card b{grid-column:2}
  body.idkd-body .filter-bar{grid-template-columns:1fr}
  body.idkd-body .filter-bar>*{grid-column:1!important}
  body.idkd-body .panel{padding:12px;margin-bottom:12px}
  body.idkd-body .panel-header{align-items:flex-start}
  body.idkd-body .panel-header h2{font-size:16px}
  body.idkd-body .detail-grid{grid-template-columns:1fr}
  body.idkd-body .hero-actions{display:grid;grid-template-columns:1fr}
  body.idkd-body .hero-actions>a,
  body.idkd-body .hero-actions>button{width:100%}
  body.idkd-body .row-actions .primary-button,
  body.idkd-body .row-actions .secondary-button,
  body.idkd-body .action-cluster .primary-button,
  body.idkd-body .action-cluster .secondary-button{width:auto}
  body.idkd-body .ai-copilot{width:100%;height:100dvh}
  body.idkd-body .ai-message p,
  body.idkd-body .ai-insight-text{font-size:13px}
  body.idkd-body .auth-page{min-height:calc(100svh - 70px);padding:14px 10px}
  body.idkd-body .auth-card{padding:20px 16px}
}

/* 2026-08-30 — STV portal alignment v5. */
/* One width/spacing system shared with sieutocviet.com (Flatsome container 1250px). */
body.idkd-body{
  --stv-container:1250px;
  --stv-gutter:15px;
}
.stv-corporate-shell-header{
  margin:0!important;
  padding:0!important;
  background:#fff;
}
.stv-shell-account-actions{
  right:max(var(--stv-gutter),calc((100% - var(--stv-container))/2 + var(--stv-gutter)))!important;
}
body.idkd-body .app-container,
body.idkd-body .app-header .app-container{
  width:min(calc(100% - 30px),var(--stv-container))!important;
  max-width:var(--stv-container)!important;
}
body.idkd-body .app-header{
  position:sticky;
  top:0;
  z-index:1000;
  margin:0!important;
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid #eceff3!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
  backdrop-filter:none!important;
}
body.idkd-body .app-header__inner{
  height:50px!important;
  min-height:50px!important;
  gap:7px!important;
  padding:0!important;
}
body.idkd-body .desktop-navigation{
  display:flex;
  align-items:center;
  flex:1 1 auto;
  min-width:0;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.idkd-body .desktop-navigation>.nav-item{
  height:32px!important;
  min-height:32px!important;
  padding:0 7px!important;
  margin:0 1px!important;
  gap:5px!important;
  border-radius:7px!important;
  font-size:12.5px!important;
  font-weight:650!important;
  color:#4b5563!important;
  box-shadow:none!important;
}
body.idkd-body .desktop-navigation>.nav-item .ui-icon{
  width:14px!important;
  height:14px!important;
}
body.idkd-body .desktop-navigation>.nav-item:hover{
  background:#f3f6fa!important;
  color:#1265cc!important;
}
body.idkd-body .desktop-navigation>.nav-item.active{
  background:#edf5ff!important;
  color:#125fbf!important;
  box-shadow:inset 0 0 0 1px #d6e7fb!important;
}
body.idkd-body .header-search,
body.idkd-body .global-search{
  flex:0 1 190px!important;
  width:190px!important;
  min-width:150px!important;
  max-width:205px!important;
}
body.idkd-body .global-search input{
  height:34px!important;
  min-height:34px!important;
  border-radius:7px!important;
  font-size:12.5px!important;
  background:#fbfcfe!important;
}
body.idkd-body .ai-header-button,
body.idkd-body .app-header .icon-button{
  height:34px!important;
  min-height:34px!important;
  border-radius:7px!important;
}
body.idkd-body .page-content{
  padding-top:14px!important;
  padding-bottom:26px!important;
}
body.idkd-body .page-content>.ai-context-strip{
  margin-top:0!important;
  margin-bottom:10px!important;
}
body.idkd-body .page-header,
body.idkd-body .detail-hero{
  margin-top:0!important;
  margin-bottom:12px!important;
}
body.idkd-body .panel,
body.idkd-body .stats-grid{
  margin-top:0!important;
}
@media(min-width:1024px){
  body.idkd-body .desktop-navigation{display:flex!important}
  body.idkd-body .mobile-navigation-trigger,
  body.idkd-body .mobile-menu{display:none!important}
}
@media(min-width:1024px) and (max-width:1160px){
  body.idkd-body .desktop-navigation>.nav-item{font-size:11.75px!important;padding-inline:5px!important}
  body.idkd-body .desktop-navigation .nav-item:nth-child(5) .nav-label,
  body.idkd-body .desktop-navigation .nav-item:nth-child(7) .nav-label{display:none!important}
  body.idkd-body .desktop-navigation .nav-item:nth-child(5) .nav-label-short,
  body.idkd-body .desktop-navigation .nav-item:nth-child(7) .nav-label-short{display:inline!important}
  body.idkd-body .header-search,
  body.idkd-body .global-search{flex-basis:160px!important;width:160px!important;min-width:140px!important}
}
@media(max-width:1023px){
  body.idkd-body .app-header__inner{height:48px!important;min-height:48px!important}
  body.idkd-body .desktop-navigation{display:none!important}
  body.idkd-body .mobile-navigation-trigger,
  body.idkd-body .mobile-menu{display:inline-flex!important}
  body.idkd-body .header-search,
  body.idkd-body .global-search{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}
  body.idkd-body .page-content{padding-top:12px!important;padding-bottom:22px!important}
}
@media(max-width:849px){
  .stv-shell-account-actions{right:58px!important}
  body.idkd-body .app-container,
  body.idkd-body .app-header .app-container{width:calc(100% - 20px)!important}
}
@media(max-width:560px){
  body.idkd-body .app-container,
  body.idkd-body .app-header .app-container{width:calc(100% - 16px)!important}
  body.idkd-body .app-header__inner{gap:6px!important}
  body.idkd-body .page-content{padding-top:10px!important;padding-bottom:18px!important}
}

/* 2026-08-31 — Portal command bar sits below AI context and directly above page title. */
body.idkd-body .portal-commandbar.app-header{
  position:relative!important;
  top:auto!important;
  z-index:40!important;
  width:100%!important;
  margin:0 0 10px!important;
  padding:0 8px!important;
  background:#fff!important;
  border:1px solid #e2e7ee!important;
  border-radius:9px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
  overflow:visible!important;
}
body.idkd-body .portal-commandbar .app-header__inner{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  gap:7px!important;
}
body.idkd-body .page-content>.ai-context-strip{
  margin-bottom:6px!important;
}
body.idkd-body .portal-commandbar + .page-header,
body.idkd-body .portal-commandbar + .detail-hero,
body.idkd-body .portal-commandbar + .breadcrumb{
  margin-top:0!important;
}
@media(min-width:1024px){
  body.idkd-body .portal-commandbar .desktop-navigation{display:flex!important}
  body.idkd-body .portal-commandbar .mobile-navigation-trigger,
  body.idkd-body .portal-commandbar .mobile-menu{display:none!important}
}
@media(max-width:1023px){
  body.idkd-body .portal-commandbar.app-header{padding:0 7px!important;margin-bottom:9px!important}
  body.idkd-body .portal-commandbar .app-header__inner{height:46px!important;min-height:46px!important}
  body.idkd-body .portal-commandbar .desktop-navigation{display:none!important}
  body.idkd-body .portal-commandbar .header-search,
  body.idkd-body .portal-commandbar .global-search{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}
  body.idkd-body .portal-commandbar .mobile-navigation-trigger,
  body.idkd-body .portal-commandbar .mobile-menu{display:inline-flex!important}
}
@media(max-width:560px){
  body.idkd-body .portal-commandbar.app-header{padding:0 6px!important;margin-bottom:8px!important}
  body.idkd-body .page-content>.ai-context-strip{margin-bottom:5px!important}
}


/* Email service detail: compact layout + live mail DNS records (2026-08-31) */
body.idkd-body .email-manager{grid-template-columns:minmax(0,1fr) 300px;gap:8px;margin-bottom:8px}
body.idkd-body .email-manager-sidebar{gap:8px}
body.idkd-body .email-toolbar{gap:6px;padding:8px 9px;margin-bottom:7px;border-radius:8px}
body.idkd-body .email-toolbar select{height:32px}
body.idkd-body .email-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:7px}
body.idkd-body .email-feature-card{min-height:52px;padding:7px;grid-template-columns:24px minmax(0,1fr) auto;gap:6px}
body.idkd-body .email-feature-card>.ui-icon{width:24px;height:24px;padding:4px}
body.idkd-body .email-feature-card small{font-size:9.5px;line-height:1.15}
body.idkd-body .email-side-panel{padding:10px}
body.idkd-body .email-side-panel .panel-header{margin-bottom:7px}
body.idkd-body .detail-grid.compact{gap:5px}
body.idkd-body .detail-grid.compact>div{padding:7px 8px;min-height:0}
body.idkd-body .resource-meter{padding:7px 0}
body.idkd-body .email-dns-status{gap:6px;margin-bottom:8px}
body.idkd-body .email-dns-record{display:grid;gap:4px;padding:7px 0;border-bottom:1px solid #eef2f7;min-width:0}
body.idkd-body .email-dns-record:last-child{border-bottom:0}
body.idkd-body .email-dns-value{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;font-size:10px;color:var(--muted)}
body.idkd-body .email-dns-value>span{font-weight:700;white-space:nowrap;color:#667085}
body.idkd-body .email-dns-value code{display:block;min-width:0;max-width:100%;overflow-x:auto;white-space:nowrap;padding:3px 5px;border-radius:5px;background:#f8fafc;border:1px solid #eef2f7;color:#344054;font-size:10px;scrollbar-width:thin}
body.idkd-body .dns-badge{padding:3px 6px;font-size:10.5px}
body.idkd-body .breadcrumb{margin-bottom:8px}
body.idkd-body .detail-hero{padding:10px 12px!important;margin-bottom:8px!important}
body.idkd-body .hero-meta{margin-top:6px;gap:6px}
body.idkd-body .hero-meta>span:not(.status-badge){padding:3px 7px;font-size:11px}
@media(max-width:1199px){body.idkd-body .email-manager{grid-template-columns:1fr}body.idkd-body .email-manager-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body.idkd-body .email-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.idkd-body .email-manager-sidebar{grid-template-columns:1fr 1fr}body.idkd-body .email-manager-sidebar .email-side-panel:last-child{grid-column:1/-1}}
@media(max-width:767px){body.idkd-body .email-feature-grid{grid-template-columns:1fr 1fr}body.idkd-body .email-manager-sidebar{grid-template-columns:1fr}body.idkd-body .email-manager-sidebar .email-side-panel:last-child{grid-column:auto}body.idkd-body .email-dns-value{grid-template-columns:1fr;gap:3px}}
@media(max-width:480px){body.idkd-body .email-feature-grid{grid-template-columns:1fr 1fr}body.idkd-body .email-feature-card{min-height:48px}body.idkd-body .email-feature-card small{display:none}}


/* 2026-08-31 — Header account overlay + mobile bottom-sheet fix v2 */
.stv-shell-account-actions{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  max-width:min(238px,32vw)!important;
  padding-left:6px!important;
  background:linear-gradient(90deg,rgba(255,255,255,0),#fff 18%)!important;
}
.stv-shell-account-actions .menu-popover-wrap{min-width:0!important;flex:0 0 auto!important}
.stv-shell-account-actions .account-menu-trigger{
  max-width:178px!important;
  min-width:0!important;
  height:36px!important;
  padding-inline:9px!important;
  border-radius:9px!important;
}
.stv-shell-account-actions .account-name{max-width:126px!important;min-width:0!important}
.stv-shell-account-actions .icon-button{width:36px!important;height:36px!important;border-radius:9px!important}
.stv-shell-account-actions .popover-panel{top:42px!important;right:0!important;z-index:1600!important}

@media(min-width:850px) and (max-width:1180px){
  .stv-shell-account-actions{max-width:206px!important;gap:4px!important}
  .stv-shell-account-actions .account-menu-trigger{max-width:154px!important;padding-inline:8px!important}
  .stv-shell-account-actions .account-name{max-width:104px!important}
}

@media(max-width:849px){
  .stv-shell-account-actions{
    top:14px!important;
    right:56px!important;
    z-index:1600!important;
    gap:4px!important;
    max-width:none!important;
    padding:0!important;
    background:transparent!important;
  }
  .stv-shell-account-actions .icon-button,
  .stv-shell-account-actions .account-menu-trigger{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 1px 3px rgba(15,23,42,.08)!important;
  }
  .stv-shell-account-actions .account-name,
  .stv-shell-account-actions .account-caret{display:none!important}
  .stv-shell-account-actions .popover-panel{
    display:none!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(72vh,560px)!important;
    overflow:auto!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #e5e7eb!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 -14px 44px rgba(15,23,42,.22)!important;
    z-index:2147483002!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
  }
  .stv-shell-account-actions .popover-panel.open{display:block!important}
  .stv-shell-account-actions .popover-panel:before{
    content:"";
    display:block;
    width:38px;
    height:4px;
    margin:0 auto 9px;
    border-radius:999px;
    background:#d0d5dd;
  }
  .stv-shell-account-actions .popover-head{
    position:sticky;
    top:-10px;
    z-index:1;
    margin:0 -10px 6px!important;
    padding:10px 14px 11px!important;
    background:#fff;
  }
  .stv-shell-account-actions .popover-row{min-height:46px!important;padding:10px 11px!important}
  body.idkd-body.idkd-popover-open{overflow:hidden!important}
  body.idkd-body.idkd-popover-open:before{
    content:"";
    position:fixed;
    inset:0;
    z-index:1190;
    background:rgba(15,23,42,.34);
    backdrop-filter:blur(1px);
  }
}

/* ========================================================================== 
   STV CANONICAL UI V6 — synchronized with Flatsome Child Canon V3
   ========================================================================== */
body.idkd-body {
  --stv-primary:#1265cc;
  --stv-primary-600:#0f5bb8;
  --stv-primary-700:#0b4a98;
  --stv-secondary:#0e7490;
  --stv-accent:#f79009;
  --stv-text:#172033;
  --stv-text-2:#344054;
  --stv-muted:#667085;
  --stv-muted-2:#98a2b3;
  --stv-canvas:#f6f8fb;
  --stv-panel:#fff;
  --stv-panel-soft:#fbfcfe;
  --stv-blue-soft:#eef5ff;
  --stv-blue-line:#d6e7fb;
  --stv-border:#e4e7ec;
  --stv-border-strong:#d5dce8;
  --stv-success:#12a150;
  --stv-danger:#d92d20;
  --stv-warning:#f79009;
  --stv-radius-sm:7px;
  --stv-radius:10px;
  --stv-radius-lg:14px;
  --stv-shadow-sm:0 1px 3px rgba(16,24,40,.06);
  --stv-shadow:0 8px 24px rgba(16,24,40,.07);
  --stv-shadow-hover:0 14px 34px rgba(16,24,40,.11);
  --stv-focus:0 0 0 3px rgba(18,101,204,.14);
  --stv-container:1250px;
  --stv-control-h:38px;
  background:var(--stv-canvas)!important;
  color:var(--stv-text)!important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Tahoma,Arial,sans-serif!important;
  font-size:14px;
  line-height:1.55;
}
body.idkd-body *,body.idkd-body *::before,body.idkd-body *::after{box-sizing:border-box}
body.idkd-body a{color:inherit}
body.idkd-body .app-shell,body.idkd-body .main-column,body.idkd-body .page-content{min-width:0}
body.idkd-body .app-container,body.idkd-body .app-header .app-container{width:min(calc(100% - 30px),var(--stv-container))!important;max-width:var(--stv-container)!important;margin-inline:auto!important}

/* shell / page geometry */
body.idkd-body .page-content{padding-block:14px 28px!important}
body.idkd-body .page-header,body.idkd-body .detail-hero{gap:12px!important;margin:0 0 12px!important}
body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{margin:0;color:var(--stv-text)!important;font-size:22px!important;line-height:1.2!important;font-weight:780!important;letter-spacing:-.02em!important}
body.idkd-body .page-header p,body.idkd-body .detail-hero p,body.idkd-body .subtle{color:var(--stv-muted)!important}

/* canonical panels */
body.idkd-body :where(.panel,.stat-card,.ai-context-strip,.detail-hero,.portal-commandbar,.filter-bar,.invoice-summary-panel,.email-side-panel,.product-card-compact,.function-icon,.service-icon-menu button){border-color:var(--stv-border)!important;border-radius:var(--stv-radius)!important;box-shadow:var(--stv-shadow-sm)!important}
body.idkd-body :where(.panel,.stat-card,.ai-context-strip,.filter-bar,.invoice-summary-panel,.email-side-panel,.product-card-compact,.function-icon){background:var(--stv-panel)!important}
body.idkd-body .panel{padding:13px!important;margin-bottom:10px!important}
body.idkd-body .panel-header{min-height:28px;margin-bottom:9px!important;gap:10px!important}
body.idkd-body .panel-header h2{margin:0;color:var(--stv-text);font-size:15px!important;font-weight:750!important;letter-spacing:-.01em}
body.idkd-body .stat-card{min-height:62px;padding:11px 12px!important}
body.idkd-body .stat-card b{color:var(--stv-text);font-weight:780}

/* command bar / AI strip */
body.idkd-body .ai-context-strip{padding:9px 10px!important;margin-bottom:7px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important}
body.idkd-body .portal-commandbar.app-header{position:relative!important;top:auto!important;width:100%!important;height:auto!important;margin:0 0 10px!important;padding:0 8px!important;background:#fff!important;border:1px solid var(--stv-border)!important;border-radius:var(--stv-radius)!important;box-shadow:var(--stv-shadow-sm)!important}
body.idkd-body .portal-commandbar .app-header__inner{height:44px!important;min-height:44px!important;gap:6px!important}
body.idkd-body .desktop-navigation>.nav-item{height:32px!important;min-height:32px!important;padding:0 7px!important;margin:0 1px!important;border-radius:7px!important;color:#475467!important;font-size:12.5px!important;font-weight:650!important;box-shadow:none!important}
body.idkd-body .desktop-navigation>.nav-item:hover{background:#f3f6fa!important;color:var(--stv-primary)!important}
body.idkd-body .desktop-navigation>.nav-item.active{background:var(--stv-blue-soft)!important;color:var(--stv-primary)!important;box-shadow:inset 0 0 0 1px var(--stv-blue-line)!important}

/* forms / filters */
body.idkd-body :where(input[type="text"],input[type="email"],input[type="search"],input[type="password"],input[type="number"],input[type="tel"],select,textarea){min-height:var(--stv-control-h);border:1px solid var(--stv-border-strong)!important;border-radius:var(--stv-radius-sm)!important;background:#fff!important;color:var(--stv-text)!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;outline:0!important}
body.idkd-body :where(input,select,textarea):focus{border-color:#9ec5f8!important;box-shadow:var(--stv-focus)!important}
body.idkd-body .filter-bar{gap:6px!important;padding:8px!important;background:#fff!important}
body.idkd-body .filter-bar button,body.idkd-body .filter-bar select{min-height:34px!important;height:34px!important}
body.idkd-body .search-input{min-height:34px!important}

/* buttons */
body.idkd-body :where(.primary-button,.secondary-button,.row-primary-action,.row-secondary-action,.action-button,.mini-button){min-height:36px;border-radius:var(--stv-radius-sm)!important;font-weight:700!important;letter-spacing:0!important;box-shadow:none!important}
body.idkd-body .primary-button,body.idkd-body .row-primary-action{background:var(--stv-primary)!important;border-color:var(--stv-primary)!important;color:#fff!important}
body.idkd-body .primary-button:hover,body.idkd-body .row-primary-action:hover{background:var(--stv-primary-600)!important;border-color:var(--stv-primary-600)!important}
body.idkd-body .secondary-button,body.idkd-body .row-secondary-action{background:#fff!important;border-color:var(--stv-border-strong)!important;color:var(--stv-text-2)!important}
body.idkd-body .secondary-button:hover,body.idkd-body .row-secondary-action:hover{background:#f8fafc!important;border-color:#b9c5d5!important;color:var(--stv-primary)!important}

/* tables */
body.idkd-body .table-wrap,body.idkd-body .data-table-wrap{overflow:auto;border:1px solid var(--stv-border)!important;border-radius:var(--stv-radius)!important;background:#fff;box-shadow:none!important}
body.idkd-body .data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;color:var(--stv-text-2)}
body.idkd-body .data-table thead th{position:sticky;top:0;z-index:1;background:#f7f9fc!important;color:#475467!important;border-bottom:1px solid var(--stv-border)!important;font-size:11px!important;font-weight:760!important;letter-spacing:.015em!important}
body.idkd-body .data-table tbody td{border-bottom:1px solid #eef1f5!important;color:var(--stv-text-2)!important}
body.idkd-body .data-table tbody tr:hover td{background:#fbfdff!important}
body.idkd-body .data-table tbody tr:last-child td{border-bottom:0!important}

/* badges */
body.idkd-body :where(.status-badge,.dns-badge,.metric-chip,.summary-pill,.filter-chip){border-radius:999px!important;font-weight:700!important;box-shadow:none!important}

/* account / notification controls */
body.idkd-body .stv-shell-account-actions{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;padding-left:5px!important;background:#fff!important}
body.idkd-body .icon-button,body.idkd-body .account-chip{height:36px!important;min-height:36px!important;border:1px solid var(--stv-border-strong)!important;border-radius:8px!important;background:#fff!important;color:var(--stv-text-2)!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important}
body.idkd-body .account-chip{max-width:170px!important;padding-inline:9px!important}
body.idkd-body .account-name{max-width:118px!important;font-size:12.5px!important;font-weight:700!important}
body.idkd-body .popover-panel{width:min(340px,calc(100vw - 24px));max-height:440px;border:1px solid var(--stv-border)!important;border-radius:var(--stv-radius-lg)!important;background:#fff!important;box-shadow:0 18px 48px rgba(15,23,42,.16)!important;padding:8px!important}
body.idkd-body .popover-head{padding:6px 6px 10px!important;border-bottom:1px solid var(--stv-border)!important}
body.idkd-body .popover-row{padding:9px!important;border-radius:8px!important}
body.idkd-body .popover-row:hover{background:var(--stv-blue-soft)!important;color:var(--stv-primary)!important}

/* auth */
body.idkd-body .auth-page-modern{background:var(--stv-canvas)!important}
body.idkd-body .auth-card-modern{border:1px solid var(--stv-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--stv-shadow)!important}
body.idkd-body .auth-card-modern .auth-header h1{color:var(--stv-text)!important;letter-spacing:-.03em!important}

/* compact mobile */
@media(max-width:1023px){
  body.idkd-body .app-container,body.idkd-body .app-header .app-container{width:calc(100% - 20px)!important}
  body.idkd-body .page-content{padding-block:11px 20px!important}
  body.idkd-body .portal-commandbar.app-header{padding-inline:7px!important}
}
@media(max-width:849px){
  body.idkd-body{font-size:13.5px}
  body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:20px!important}
  body.idkd-body .panel{padding:11px!important;border-radius:9px!important}
  body.idkd-body .stv-shell-account-actions{right:58px!important;gap:4px!important}
  body.idkd-body .stv-shell-account-actions .icon-button,body.idkd-body .stv-shell-account-actions .account-chip{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;justify-content:center!important}
  body.idkd-body .stv-shell-account-actions .account-name,body.idkd-body .stv-shell-account-actions .account-caret{display:none!important}
  body.idkd-body .popover-panel{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:min(68vh,560px)!important;border-radius:16px!important;z-index:2147483001!important}
  body.idkd-body.idkd-popover-open{overflow:hidden!important}
  body.idkd-body .data-table{font-size:12px}
}
@media(max-width:560px){
  body.idkd-body .app-container,body.idkd-body .app-header .app-container{width:calc(100% - 16px)!important}
  body.idkd-body .page-header h1,body.idkd-body .detail-hero h1{font-size:19px!important}
  body.idkd-body .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 2026-08-31 mobile account/notification tap stack fix */
@media(max-width:849px){
  body.idkd-body .stv-corporate-shell-header{z-index:1200!important}
  body.idkd-body .stv-shell-account-actions{z-index:10!important;pointer-events:auto!important}
  body.idkd-body .stv-shell-account-actions .popover-panel,
  body.idkd-body .stv-shell-account-actions .popover-panel *{pointer-events:auto!important}
  body.idkd-body .stv-shell-account-actions .popover-row,
  body.idkd-body .stv-shell-account-actions button,
  body.idkd-body .stv-shell-account-actions a{touch-action:manipulation!important}
  body.idkd-body .stv-shell-account-actions .popover-panel{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
}


/* 2026-08-31 — Mobile top header parity with sieutocviet.com */
@media(max-width:849px){
  .stv-corporate-shell-header{
    height:70px!important;
    min-height:70px!important;
    background:#fff!important;
    border-bottom:1px solid #e7ebf0!important;
    box-shadow:0 1px 3px rgba(15,23,42,.06)!important;
  }
  .stv-site-shell-frame.stv-site-shell-header{
    height:70px!important;
    min-height:70px!important;
  }
  .stv-shell-account-actions{
    position:absolute!important;
    top:14px!important;
    right:72px!important;
    left:auto!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    z-index:8!important;
    min-width:88px!important;
    max-width:88px!important;
    overflow:visible!important;
  }
  .stv-shell-account-actions>.menu-popover-wrap{
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
  }
  .stv-shell-account-actions .icon-button,
  .stv-shell-account-actions .account-menu-trigger,
  .stv-shell-account-actions .account-chip{
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #dfe5ec!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#344054!important;
    box-shadow:0 1px 3px rgba(15,23,42,.06)!important;
  }
  .stv-shell-account-actions .account-name,
  .stv-shell-account-actions .account-caret{display:none!important}
  .stv-shell-account-actions .ui-icon{width:19px!important;height:19px!important}
  .stv-shell-account-actions .notify-dot{
    top:-7px!important;
    right:-5px!important;
    min-width:19px!important;
    height:19px!important;
    font-size:10px!important;
    border-width:2px!important;
  }
}
@media(max-width:380px){
  .stv-shell-account-actions{right:66px!important;gap:3px!important;min-width:87px!important;max-width:87px!important}
}

/* 2026-08-31 — Live WordPress/Flatsome header frame: parent adds no visual chrome. */
.stv-corporate-shell-header.stv-live-wp-header{border-bottom:0!important;background:#fff!important;box-shadow:none!important}
.stv-live-wp-header>.stv-site-shell-frame{display:block!important;width:100%!important;margin:0!important;border:0!important;background:#fff!important}

/* Order completion polish — quote-only products and safer checkout state. */
body.idkd-body .product-availability.quote{background:#fff7ed;color:#b54708;border:1px solid #fed7aa}
body.idkd-body .order-consult{width:auto;min-width:122px;min-height:32px!important;padding-inline:10px}
body.idkd-body .order-consult .ui-icon{width:14px;height:14px}
body.idkd-body .order-modal output.loading:before{content:'• ';animation:idkdPulse 1s ease-in-out infinite}
@keyframes idkdPulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:767px){body.idkd-body .product-buy-row{align-items:stretch}.product-buy-row .order-button,.product-buy-row .order-consult,.product-buy-row .order-soldout{min-width:112px}}

/* 2026-08-31 — WordPress header dropdown must stay above the whole ID portal.
   The dropdown lives inside the header iframe, so the parent iframe stacking
   context itself must outrank sticky headers, tables, toasts and modal chrome. */
body.idkd-body .stv-corporate-shell-header,
body.idkd-body .stv-corporate-shell-header.stv-live-wp-header{
  position:relative!important;
  z-index:2147482000!important;
  overflow:visible!important;
  isolation:isolate;
}
body.idkd-body .stv-corporate-shell-header.is-shell-dropdown-open{
  z-index:2147482500!important;
  overflow:visible!important;
}
body.idkd-body .stv-site-shell-frame.stv-site-shell-header{
  position:relative;
  z-index:1!important;
}
body.idkd-body .stv-site-shell-frame.stv-site-shell-header.is-shell-dropdown{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  width:100%!important;
  max-height:none!important;
  overflow:visible!important;
  z-index:2!important;
  pointer-events:auto!important;
}
body.idkd-body.stv-site-shell-overlay-open .stv-corporate-shell-header{
  z-index:2147482980!important;
}


/* Native order: 3-way domain choice for Hosting/Email — 2026-08-31. */
body.idkd-body .order-domain-workflow{gap:10px}
body.idkd-body .order-domain-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}
body.idkd-body .order-domain-tabs button{min-height:38px;border:1px solid transparent;border-radius:7px;background:transparent;color:#667085;font-size:11.5px;font-weight:750;padding:6px 8px;cursor:pointer;line-height:1.25}
body.idkd-body .order-domain-tabs button:hover{background:#fff;color:#175cd3}
body.idkd-body .order-domain-tabs button.active{background:#fff;border-color:#bfd5ff;color:#175cd3;box-shadow:0 1px 3px rgba(15,23,42,.06)}
body.idkd-body .order-domain-panel{display:grid;gap:9px;padding:11px;border:1px solid #e7ebf1;border-radius:9px;background:#fff}
body.idkd-body .order-domain-panel[hidden]{display:none!important}
body.idkd-body .order-domain-tools{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
body.idkd-body .order-domain-tools .order-domain-period{flex:1 1 180px;margin:0}
body.idkd-body .order-domain-tools>.secondary-button{flex:0 0 auto;min-height:40px}
body.idkd-body .order-domain-status{display:block;min-height:18px;font-size:11.5px;line-height:1.4;color:#667085}
body.idkd-body .order-domain-status.loading{color:#475467}
body.idkd-body .order-domain-status.success{color:#087443}
body.idkd-body .order-domain-status.error{color:#b42318}
body.idkd-body .order-domain-panel .order-field{margin:0}
body.idkd-body .product-availability.quote{background:#fff4e5;color:#b54708}
@media(max-width:767px){body.idkd-body .order-domain-tabs{grid-template-columns:1fr}.order-domain-tabs button{min-height:36px;text-align:left}.order-domain-tools{display:grid!important;grid-template-columns:1fr}.order-domain-tools>.secondary-button{width:100%}}

/* 2026-08-31 — order click fallback + dropdown stacking repair. */
body.idkd-body .stv-corporate-shell-header,
body.idkd-body .stv-corporate-shell-header.stv-live-wp-header{
  position:relative!important;
  z-index:2147483000!important;
  isolation:auto!important;
  overflow:visible!important;
}
body.idkd-body .stv-corporate-shell-header.is-shell-dropdown-open{z-index:2147483200!important}
body.idkd-body .stv-site-shell-frame.stv-site-shell-header.is-shell-dropdown{z-index:2147483300!important}
body.idkd-body .portal-commandbar.app-header,
body.idkd-body .portal-commandbar .menu-popover-wrap,
body.idkd-body .portal-commandbar .header-actions{overflow:visible!important}
body.idkd-body .portal-commandbar .menu-popover-wrap{position:relative!important;z-index:1800!important}
body.idkd-body .portal-commandbar .popover-panel.open{z-index:1900!important;display:block!important}
body.idkd-body .order-button{position:relative;z-index:1;pointer-events:auto!important;text-decoration:none!important}

/* 2026-08-31 — dropdown hit-test repair: iframe must physically cover dropdown area. */
body.idkd-body .stv-corporate-shell-header.is-shell-dropdown-open{
  z-index:2147483400!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
body.idkd-body .stv-site-shell-frame.stv-site-shell-header.is-shell-dropdown{
  min-height:620px!important;
  max-height:760px!important;
  background:transparent!important;
  pointer-events:auto!important;
  z-index:2147483500!important;
}