@font-face { font-family:"Vazirmatn"; src:url("fonts/Vazirmatn-Regular.ttf") format("truetype"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"Vazirmatn"; src:url("fonts/Vazirmatn-Medium.ttf") format("truetype"); font-style:normal; font-weight:500 600; font-display:swap; }
@font-face { font-family:"Vazirmatn"; src:url("fonts/Vazirmatn-Bold.ttf") format("truetype"); font-style:normal; font-weight:700 900; font-display:swap; }

:root {
  color-scheme: light;
  --blue-50:#eef6ff; --blue-100:#dbeafe; --blue-500:#1677ff; --blue-600:#0b5ed7; --blue-700:#094aa9;
  --bg:#f3f7fc; --surface:#ffffff; --surface-2:#f8fafc; --surface-3:#eef3f9;
  --text:#142033; --text-2:#4c5d73; --muted:#8492a6; --border:#e2e9f2;
  --green:#17a66b; --green-bg:#e9f8f1; --red:#e24a5a; --red-bg:#fff0f2; --amber:#d78a12; --amber-bg:#fff7e7; --violet:#7857d8;
  --shadow:0 12px 38px rgba(31,61,102,.08); --shadow-lg:0 26px 80px rgba(23,46,82,.18);
  --sidebar-width:274px; --radius:18px; --transition:180ms ease;
  font-family:"Vazirmatn",sans-serif;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg:#08111f; --surface:#101c2d; --surface-2:#142236; --surface-3:#1b2b42;
  --text:#edf4ff; --text-2:#b6c4d8; --muted:#7f90a8; --border:#24364e;
  --blue-50:#112b4d; --blue-100:#16375f; --green-bg:#102e28; --red-bg:#341d28; --amber-bg:#352918;
  --shadow:0 12px 38px rgba(0,0,0,.2); --shadow-lg:0 26px 80px rgba(0,0,0,.42);
}

* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; }
body { background:var(--bg); color:var(--text); font-size:14px; line-height:1.65; transition:background var(--transition),color var(--transition); }
button,input,textarea,select { font:inherit; }
button { color:inherit; }
button:focus-visible,input:focus-visible { outline:3px solid rgba(22,119,255,.22); outline-offset:2px; }
[hidden] { display:none !important; }
.svg-sprite { position:absolute; width:0; height:0; overflow:hidden; }
svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.login-view { min-height:100vh; position:relative; overflow:hidden; display:grid; place-items:center; background:linear-gradient(145deg,#e9f4ff 0%,#cfe5ff 42%,#dceeff 100%); isolation:isolate; }
html[data-theme="dark"] .login-view { background:linear-gradient(145deg,#061329 0%,#092c5d 50%,#081b36 100%); }
.liquid-background { position:absolute; inset:0; overflow:hidden; z-index:-2; }
.liquid-background::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.72),transparent 34%),linear-gradient(125deg,rgba(255,255,255,.2),transparent 38%); }
html[data-theme="dark"] .liquid-background::before { background:radial-gradient(circle at 50% 42%,rgba(53,133,255,.16),transparent 35%),linear-gradient(125deg,rgba(48,129,255,.1),transparent 38%); }
.liquid-blob { position:absolute; display:block; border-radius:45% 55% 64% 36% / 55% 42% 58% 45%; filter:blur(2px); opacity:.82; animation:liquidFloat 13s ease-in-out infinite alternate; }
.blob-one { width:480px; height:430px; top:-130px; right:-100px; background:linear-gradient(140deg,rgba(27,119,255,.62),rgba(93,185,255,.24)); transform:rotate(16deg); }
.blob-two { width:520px; height:460px; bottom:-190px; left:-120px; background:linear-gradient(145deg,rgba(18,95,226,.54),rgba(78,201,255,.22)); animation-delay:-4s; transform:rotate(-22deg); }
.blob-three { width:250px; height:220px; top:23%; left:17%; background:rgba(255,255,255,.34); filter:blur(7px); animation-delay:-7s; }
html[data-theme="dark"] .liquid-blob { opacity:.48; }
.glass-ring { position:absolute; display:block; border:1px solid rgba(255,255,255,.55); border-radius:50%; box-shadow:inset 0 0 35px rgba(255,255,255,.13),0 0 0 12px rgba(255,255,255,.04); }
.ring-one { width:360px; height:360px; left:9%; top:5%; }.ring-two { width:540px; height:540px; right:-170px; bottom:-210px; }
@keyframes liquidFloat { 0% { transform:translate3d(0,0,0) rotate(-5deg) scale(1); border-radius:45% 55% 64% 36% / 55% 42% 58% 45%; } 100% { transform:translate3d(24px,-20px,0) rotate(8deg) scale(1.06); border-radius:58% 42% 41% 59% / 38% 57% 43% 62%; } }
.brand-mark { width:42px; height:42px; border-radius:13px; background:linear-gradient(145deg,#278cff,#0754c5); color:white; display:grid; place-items:center; font:bold 23px/1 "Vazirmatn"; box-shadow:0 8px 22px rgba(6,65,148,.24); flex:0 0 auto; }
.login-panel { width:100%; min-height:100vh; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:36px 20px; }
.theme-login { position:absolute; top:25px; left:25px; background:rgba(255,255,255,.28); border-color:rgba(255,255,255,.55); color:#174779; backdrop-filter:blur(18px) saturate(150%); -webkit-backdrop-filter:blur(18px) saturate(150%); }
html[data-theme="dark"] .theme-login { background:rgba(7,23,48,.4); border-color:rgba(149,194,255,.18); color:#d7e9ff; }
.login-card { width:min(100%,385px); min-height:365px; padding:27px; border-radius:27px; }
.liquid-card { position:relative; background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.28)); border:1px solid rgba(255,255,255,.78); box-shadow:0 26px 80px rgba(28,77,132,.2),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(255,255,255,.22); backdrop-filter:blur(30px) saturate(170%); -webkit-backdrop-filter:blur(30px) saturate(170%); overflow:hidden; }
.liquid-card::before { content:""; position:absolute; width:170px; height:100px; top:-52px; left:34px; border-radius:50%; background:rgba(255,255,255,.48); filter:blur(14px); pointer-events:none; }
.liquid-card::after { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 34%,rgba(71,151,255,.08) 72%,rgba(255,255,255,.22)); pointer-events:none; }
html[data-theme="dark"] .liquid-card { background:linear-gradient(145deg,rgba(17,42,77,.68),rgba(7,24,50,.48)); border-color:rgba(150,196,255,.2); box-shadow:0 28px 90px rgba(0,8,24,.48),inset 0 1px 0 rgba(255,255,255,.13); }
.login-card>* { position:relative; z-index:1; }
.login-card-brand { display:flex; align-items:center; gap:12px; margin-bottom:30px; }
.login-brand-logo { width:46px; height:46px; flex:0 0 auto; border-radius:50%; object-fit:contain; box-shadow:0 10px 26px rgba(150,0,50,.2),0 0 0 1px rgba(255,255,255,.52); }
.login-card-brand strong,.login-card-brand span { display:block; }.login-card-brand strong { font-size:17px; line-height:1.3; }.login-card-brand span { color:var(--text-2); font-size:10px; }
.login-card h2 { font-size:22px; margin:0 0 4px; }
.subtle { color:var(--text-2); margin:0 0 18px; font-size:12px; }
.login-card label,.form-dialog label { display:block; font-weight:700; font-size:13px; margin-bottom:8px; }
.input-shell { height:54px; display:flex; align-items:center; border:1px solid rgba(255,255,255,.72); border-radius:14px; background:rgba(255,255,255,.42); overflow:hidden; transition:.18s; box-shadow:inset 0 1px 0 rgba(255,255,255,.55); }
html[data-theme="dark"] .input-shell { background:rgba(6,23,48,.4); border-color:rgba(150,196,255,.18); }
.input-shell:focus-within { border-color:var(--blue-500); box-shadow:0 0 0 4px rgba(22,119,255,.09); }
.input-shell span { padding:0 15px; border-right:1px solid var(--border); color:var(--text-2); font-weight:600; }
.input-shell input { min-width:0; flex:1; height:100%; border:0; background:transparent; color:var(--text); padding:0 16px; font-size:16px; letter-spacing:1px; outline:0; }
.login-password-shell { margin-top:0; }.login-password-shell input { direction:ltr; text-align:left; }.login-password-shell button { width:48px; height:100%; display:grid; place-items:center; flex:0 0 auto; border:0; border-left:1px solid var(--border); background:transparent; color:var(--muted); cursor:pointer; }.login-password-shell button:hover { color:var(--blue-600); }.login-password-shell svg { width:18px; height:18px; }.mobile-step-password-label { margin-top:14px; }.demo-password { margin:-1px 0 9px; text-align:center; color:var(--muted); font-size:8px; }.demo-password b { color:var(--blue-600); font:700 9px/1.5 "Vazirmatn",sans-serif; }
.ltr-input { direction:ltr; }
.primary-button,.secondary-button,.danger-button { border:0; border-radius:12px; min-height:46px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:700; cursor:pointer; transition:transform var(--transition),box-shadow var(--transition),background var(--transition); }
.primary-button { background:var(--blue-600); color:white; box-shadow:0 10px 22px rgba(11,94,215,.2); }
.primary-button:hover { background:var(--blue-700); transform:translateY(-1px); }
.login-card .primary-button { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.42); background:linear-gradient(145deg,rgba(23,119,255,.88),rgba(4,76,184,.76)); box-shadow:0 14px 28px rgba(5,72,171,.25),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(0,35,95,.16); backdrop-filter:blur(18px) saturate(170%); -webkit-backdrop-filter:blur(18px) saturate(170%); }
.login-card .primary-button::before { content:""; position:absolute; inset:1px 8% auto; height:45%; border-radius:999px; background:linear-gradient(rgba(255,255,255,.28),transparent); pointer-events:none; }
.login-card .primary-button:hover { background:linear-gradient(145deg,rgba(39,137,255,.94),rgba(4,71,171,.82)); box-shadow:0 17px 34px rgba(5,72,171,.31),inset 0 1px 0 rgba(255,255,255,.5); }
html[data-theme="dark"] .login-card .primary-button { border-color:rgba(164,205,255,.32); background:linear-gradient(145deg,rgba(36,127,255,.72),rgba(6,61,145,.6)); box-shadow:0 14px 34px rgba(0,7,27,.38),inset 0 1px 0 rgba(255,255,255,.25); }
.secondary-button { background:var(--surface-3); color:var(--text-2); border:1px solid var(--border); }
.secondary-button:hover { color:var(--blue-600); border-color:var(--blue-500); }
.danger-button { background:var(--red); color:white; }
.wide-button { width:100%; margin-top:8px; min-height:49px; }
.field-error { min-height:23px; margin:5px 0 0; color:var(--red); font-size:12px; }
.security-note { margin:17px 0 0; display:flex; align-items:center; justify-content:center; gap:7px; color:var(--text-2); font-size:10px; }
.security-note svg { width:16px; }
.setup-download-link { min-height:52px; margin-top:14px; padding:7px 9px; display:flex; align-items:center; gap:9px; border:1px solid rgba(255,255,255,.58); border-radius:13px; background:rgba(255,255,255,.25); color:var(--text); text-decoration:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.4); transition:.18s; }.setup-download-link:hover { border-color:var(--blue-500); background:rgba(255,255,255,.42); transform:translateY(-1px); }.setup-download-icon { width:35px; height:35px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; background:var(--blue-600); color:white; }.setup-download-icon svg { width:17px; }.setup-download-link>span:nth-child(2) { flex:1; }.setup-download-link b,.setup-download-link small { display:block; }.setup-download-link b { font-size:10px; }.setup-download-link small { color:var(--muted); font-size:8px; }.setup-download-link em { padding:3px 7px; border-radius:7px; background:var(--surface); color:var(--blue-600); font:700 9px/1.5 "Vazirmatn",sans-serif; font-style:normal; direction:ltr; }.setup-download-link[aria-disabled="true"] { opacity:.55; pointer-events:none; }
html[data-theme="dark"] .setup-download-link { background:rgba(7,25,52,.36); border-color:rgba(150,196,255,.18); }
.login-footer { position:absolute; bottom:22px; color:rgba(32,72,118,.58); font:600 10px/1.5 "Vazirmatn",sans-serif; letter-spacing:.4px; }
html[data-theme="dark"] .login-footer { color:rgba(194,219,251,.45); }
.back-button,.text-button { background:none; border:0; padding:0; color:var(--blue-600); font-weight:700; font-size:12px; cursor:pointer; }
.customer-hyperlink { color:var(--blue-600); font-weight:800; text-decoration:none; border-bottom:1px dashed color-mix(in srgb,var(--blue-500) 45%,transparent); }.customer-hyperlink:hover { color:var(--blue-700); border-bottom-style:solid; }.server-list-table { min-width:1330px; }.server-os-block { min-width:165px; max-width:235px; display:grid; gap:3px; line-height:1.45; }.server-os-block b,.server-os-block small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.server-os-block b { color:var(--text); font-size:9px; }.server-os-block small { color:var(--muted); font-size:8px; direction:ltr; text-align:right; unicode-bidi:isolate; }.server-name-cell{min-width:150px;display:grid;gap:4px;line-height:1.45}.server-name-cell>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-family:"Vazirmatn",system-ui,sans-serif;font-size:11px;font-weight:800;text-align:right;unicode-bidi:isolate}.server-name-cell>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:"Vazirmatn",system-ui,sans-serif;font-size:9px;font-weight:500}.server-name-cell>small span{font-weight:700;color:var(--text-2)}
.agent-version-badge { min-width:105px; display:inline-flex; align-items:center; gap:7px; padding:5px 8px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); white-space:nowrap; }.agent-version-badge code { color:inherit; font-weight:800; }.agent-version-badge small { color:inherit; font-size:8px; font-weight:800; }.agent-version-badge.up-to-date { color:var(--green); border-color:color-mix(in srgb,var(--green) 35%,var(--border)); background:var(--green-bg); }.agent-version-badge.update-available { color:var(--amber); border-color:color-mix(in srgb,var(--amber) 38%,var(--border)); background:var(--amber-bg); }.agent-version-badge.unknown { color:var(--muted); }.no-update-required { color:var(--muted); font-size:9px; white-space:nowrap; }
.back-button { display:flex; align-items:center; gap:5px; margin-bottom:20px; }
.back-button svg { width:16px; transform:rotate(180deg); }
#maskedMobile { display:inline-block; direction:ltr; unicode-bidi:isolate; white-space:nowrap; font-family:"Vazirmatn",sans-serif; letter-spacing:.2px; }
.otp-fields { display:flex; gap:8px; justify-content:center; margin:22px 0 6px; }
.otp-fields input { width:52px; height:58px; border:1px solid rgba(255,255,255,.7); border-radius:14px; background:rgba(255,255,255,.38); color:var(--text); text-align:center; font-size:22px; font-weight:700; outline:0; }
html[data-theme="dark"] .otp-fields input { background:rgba(6,23,48,.38); border-color:rgba(150,196,255,.18); }
.otp-fields input:focus { border-color:var(--blue-500); box-shadow:0 0 0 4px rgba(22,119,255,.1); }
.fake-otp-hint { margin:8px 0 2px; padding:8px 10px; border:1px dashed color-mix(in srgb,var(--blue-500) 45%,var(--border)); border-radius:10px; background:var(--blue-50); color:var(--blue-700); text-align:center; font-size:12px; font-weight:800; letter-spacing:2px; }
.demo-code { text-align:center; margin:15px 0 7px; padding:8px; border-radius:10px; background:rgba(22,119,255,.09); color:var(--blue-600); font-size:10px; }
#resendOtp { display:block; margin:10px auto 0; }
#resendOtp:disabled { color:var(--muted); cursor:default; }

.app-view { min-height:100vh; }
.sidebar { position:fixed; inset:0 0 0 auto; width:var(--sidebar-width); background:#082d67; color:#d6e8ff; display:flex; flex-direction:column; z-index:30; box-shadow:-8px 0 30px rgba(8,45,103,.12); transition:width var(--transition),transform var(--transition); }
html[data-theme="dark"] .sidebar { background:#0b1728; border-left:1px solid #1d3048; }
.sidebar-head { height:78px; display:flex; align-items:center; gap:11px; padding:0 19px; border-bottom:1px solid rgba(255,255,255,.09); }
.sidebar-brand-logo { width:39px; height:39px; flex:0 0 auto; border-radius:50%; object-fit:contain; box-shadow:0 7px 18px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.2); }
.brand-copy { min-width:0; flex:1; transition:opacity var(--transition),width var(--transition); }
.brand-copy strong,.brand-copy span { display:block; white-space:nowrap; }
.brand-copy strong { color:white; font-size:17px; line-height:1.2; }
.brand-copy span { font-size:10px; opacity:.56; letter-spacing:1.2px; }
.icon-button { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; border:1px solid var(--border); background:var(--surface); color:var(--text-2); cursor:pointer; transition:.18s; }
.icon-button:hover { color:var(--blue-600); border-color:var(--blue-500); background:var(--blue-50); }
.collapse-button { width:31px; height:31px; background:rgba(255,255,255,.08); color:#d6e8ff; border-color:rgba(255,255,255,.1); }
.collapse-button svg { width:16px; }
.nav-scroll-shell { position:relative; flex:1; min-height:0; }
.main-nav { height:100%; overflow:auto; padding:9px 12px; scrollbar-width:thin; }
.nav-scroll-fade { position:absolute; z-index:2; right:0; left:0; height:28px; opacity:0; pointer-events:none; transition:opacity .2s ease; }
.nav-scroll-fade-top { top:0; background:linear-gradient(to bottom,#082d67 12%,rgba(8,45,103,0)); }
.nav-scroll-fade-bottom { bottom:0; background:linear-gradient(to top,#082d67 12%,rgba(8,45,103,0)); }
.nav-scroll-shell.has-overflow:not(.at-start) .nav-scroll-fade-top,.nav-scroll-shell.has-overflow:not(.at-end) .nav-scroll-fade-bottom { opacity:1; }
html[data-theme="dark"] .nav-scroll-fade-top { background:linear-gradient(to bottom,#0b1728 12%,rgba(11,23,40,0)); }
html[data-theme="dark"] .nav-scroll-fade-bottom { background:linear-gradient(to top,#0b1728 12%,rgba(11,23,40,0)); }
.nav-item { position:relative; width:100%; min-height:39px; display:flex; align-items:center; gap:10px; padding:0 12px; margin:1px 0; border:0; border-radius:10px; color:#bad0ec; background:transparent; cursor:pointer; text-align:right; white-space:nowrap; transition:.18s; }
.nav-item[hidden] { display:none; }
.nav-item svg { flex:0 0 18px; width:18px; height:18px; }
.nav-item span { flex:1; overflow:hidden; transition:opacity var(--transition); }
.nav-item em { min-width:22px; height:19px; padding:0 5px; border-radius:6px; display:grid; place-items:center; background:rgba(255,255,255,.08); color:#cfe3fb; font-size:9px; font-style:normal; transition:opacity var(--transition); }
.nav-item em.nav-unread-badge { background:#d94357; color:white; box-shadow:0 0 0 3px rgba(217,67,87,.13); }
.nav-item:hover { color:white; background:rgba(255,255,255,.07); }
.nav-item.active { color:white; background:#1478ef; box-shadow:0 5px 14px rgba(0,57,133,.23); }
.sidebar-footer { padding:7px 12px 11px; border-top:1px solid rgba(255,255,255,.08); }
.logout-item { color:#ffb8c0; }
.sidebar-version { display:flex; justify-content:space-between; align-items:center; gap:8px; color:#6f98c7; font-size:9px; padding:7px 13px 0; white-space:nowrap; }
.sidebar-version b { color:#94b7df; }
.app-main { min-height:100vh; margin-right:var(--sidebar-width); padding:0 28px 38px; transition:margin var(--transition); }
.topbar { height:78px; margin:0 -28px; padding:0 28px; display:flex; align-items:center; justify-content:space-between; background:color-mix(in srgb,var(--surface) 94%,transparent); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:20; backdrop-filter:blur(14px); transition:box-shadow .2s,border-color .2s; }
.topbar::after { content:""; position:absolute; z-index:2; right:0; left:0; bottom:-24px; height:24px; pointer-events:none; opacity:0; background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 88%,transparent),transparent); transition:opacity .2s; }
body.page-scrolled .topbar { border-bottom-color:color-mix(in srgb,var(--blue-500) 16%,var(--border)); box-shadow:0 10px 25px rgba(10,31,60,.11); }
body.page-scrolled .topbar::after { opacity:1; }
.topbar-title { display:flex; align-items:center; gap:11px; }
.topbar-title span { display:block; font-size:10px; color:var(--muted); }
.topbar-title h1 { font-size:19px; margin:0; }
.topbar-actions { display:flex; align-items:center; gap:9px; direction:ltr; }
.theme-icon-sun { display:none; }
html[data-theme="dark"] .theme-icon-moon { display:none; }
html[data-theme="dark"] .theme-icon-sun { display:block; }
.notification-button { position:relative; overflow:visible; }
.notification-button i { position:absolute; z-index:2; top:-6px; right:-6px; min-width:21px; height:21px; padding:0 5px; border-radius:11px; display:flex; align-items:center; justify-content:center; direction:ltr; background:var(--red); color:white; border:2px solid var(--surface); font-family:"Vazirmatn",sans-serif; font-size:10px; font-weight:800; font-style:normal; line-height:1; font-variant-numeric:tabular-nums; }
.notification-button i[hidden] { display:none; }
.popover-wrap { position:relative; }
.profile-button { height:48px; display:flex; align-items:center; gap:9px; border:1px solid var(--border); background:var(--surface); border-radius:13px; padding:4px 7px 4px 11px; cursor:pointer; direction:rtl; }
.avatar { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:var(--blue-50); color:var(--blue-600); font:bold 11px/1 "Vazirmatn"; }
.avatar.has-photo { background-position:center; background-size:cover; background-repeat:no-repeat; color:transparent; }
.profile-copy { min-width:100px; text-align:right; }
.profile-copy b,.profile-copy small { display:block; }
.profile-copy b { font-size:12px; }
.profile-copy small { color:var(--muted); font-size:9px; }
.profile-button>svg { width:14px; transform:rotate(90deg); color:var(--muted); }
.popover { position:absolute; top:calc(100% + 10px); left:0; width:320px; background:var(--surface); border:1px solid var(--border); border-radius:15px; box-shadow:var(--shadow-lg); z-index:50; overflow:hidden; direction:rtl; }
.popover-head { padding:14px 16px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; }
.notification-row { display:flex; gap:10px; padding:13px 16px; border-bottom:1px solid var(--border); }
.notification-row>span { width:8px; height:8px; border-radius:50%; margin-top:8px; flex:0 0 auto; }
.notification-row.critical>span { background:var(--red); box-shadow:0 0 0 5px var(--red-bg); }
.notification-row.warning>span { background:var(--amber); box-shadow:0 0 0 5px var(--amber-bg); }
.notification-row.info>span { background:var(--blue-500); box-shadow:0 0 0 5px var(--blue-50); }
.notification-row b,.notification-row small { display:block; }
.notification-row b { font-size:12px; }
.notification-row small { color:var(--muted); font-size:10px; margin-top:2px; }
.popover-footer { width:100%; height:43px; border:0; background:var(--surface-2); color:var(--blue-600); font-size:11px; font-weight:700; cursor:pointer; }
.profile-popover { width:210px; padding:7px; }
.profile-popover button { width:100%; display:flex; gap:9px; align-items:center; border:0; padding:10px; border-radius:9px; background:transparent; cursor:pointer; text-align:right; font-size:12px; }
.profile-popover button:hover { background:var(--surface-2); }
.profile-popover svg { width:17px; }
.danger-text { color:var(--red); }
.mobile-menu { display:none; }
.page { display:none; padding-top:16px; }
.page.active-page { display:block; }
.welcome-row,.page-actions-row { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:12px; }
.welcome-row h2,.page-actions-row h2 { margin:0 0 3px; font-size:21px; }
.welcome-row p,.page-actions-row p { margin:0; color:var(--text-2); font-size:11px; }
.dashboard-live-status { min-height:44px; margin-bottom:16px; padding:7px 10px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:var(--shadow); }.dashboard-live-status>span:last-child { color:var(--muted); font-size:10px; }.dashboard-live-status time { color:var(--text-2); font-weight:700; }
.secondary-button svg,.primary-button svg { width:17px; }
.metrics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.metric-card { position:relative; min-height:70px; display:flex; align-items:center; gap:9px; padding:8px 11px; background:var(--surface); border:1px solid var(--border); border-radius:13px; box-shadow:var(--shadow); overflow:hidden; }
.metric-card-action { width:100%; color:var(--text); text-align:right; cursor:pointer; transition:transform .16s,border-color .16s,box-shadow .16s; }.metric-card-action:hover { transform:translateY(-2px); border-color:var(--blue-500); box-shadow:0 10px 24px rgba(22,119,255,.12); }
.metric-card::after { content:""; position:absolute; width:46px; height:46px; border-radius:50%; background:var(--surface-2); left:-23px; bottom:-23px; }
.metric-icon { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; flex:0 0 auto; }.metric-icon svg { width:16px; height:16px; }
.metric-icon.blue { background:var(--blue-50); color:var(--blue-600); }.metric-icon.cyan { background:#e8f9fb; color:#069aaf; }.metric-icon.red { background:var(--red-bg); color:var(--red); }.metric-icon.violet { background:#f1edff; color:var(--violet); }
html[data-theme="dark"] .metric-icon.cyan { background:#103038; } html[data-theme="dark"] .metric-icon.violet { background:#282143; }
.metric-card span,.metric-card strong,.metric-card small { display:block; }
.metric-card span { color:var(--text-2); font-size:9px; }
.metric-card strong { font-size:20px; line-height:1.05; }
.metric-card small { color:var(--muted); font-size:8px; margin-top:2px; }
.metric-card>em { position:absolute; top:8px; left:9px; padding:2px 6px; border-radius:6px; color:var(--green); background:var(--green-bg); font-size:8px; font-style:normal; }
.metric-card>em.negative { color:var(--red); background:var(--red-bg); }
.dot { display:inline-block; width:6px; height:6px; border-radius:50%; margin-left:4px; }.dot.green { background:var(--green); }.dot.red { background:var(--red); }.dot.amber { background:var(--amber); }
.section-heading { margin:28px 0 12px; display:flex; justify-content:space-between; align-items:end; }
.section-heading h2 { margin:0; font-size:16px; }.section-heading p { margin:2px 0 0; color:var(--muted); font-size:10px; }
.alert-types { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.alert-type { position:relative; min-height:78px; border:1px solid var(--border); border-radius:15px; background:var(--surface); padding:11px 13px; display:flex; align-items:center; gap:10px; text-align:right; cursor:pointer; transition:.18s; box-shadow:var(--shadow); overflow:hidden; }
.alert-type:hover { transform:translateY(-2px); border-color:var(--blue-500); }
.alert-type.hot::after { content:"جدید"; position:absolute; top:0; left:0; background:var(--red); color:white; padding:2px 8px; border-radius:0 0 8px 0; font-size:8px; font-weight:700; }
.alert-type>span:nth-child(2) { min-width:0; flex:1; }.alert-type b,.alert-type small { display:block; white-space:nowrap; }.alert-type b { font-size:11px; }.alert-type small { color:var(--muted); font-size:8px; margin-top:3px; }
.alert-type>strong { min-width:27px; height:27px; display:grid; place-items:center; border-radius:9px; background:var(--red-bg); color:var(--red); }
.alert-type.safe>strong { color:var(--green); background:var(--green-bg); }.alert-type.warning>strong { color:var(--amber); background:var(--amber-bg); }
.alert-symbol { width:39px; height:39px; display:grid; place-items:center; border-radius:12px; flex:0 0 auto; }.alert-symbol.service,.alert-symbol.remote { background:var(--red-bg); color:var(--red); }.alert-symbol.sql { background:#f1edff; color:var(--violet); }.alert-symbol.agent { background:var(--green-bg); color:var(--green); }.alert-symbol.backup { background:var(--amber-bg); color:var(--amber); }
.alert-symbol svg { width:18px; }
.dashboard-columns { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(270px,.72fr); gap:14px; margin-top:20px; }
.panel { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
.panel-head { min-height:65px; padding:12px 17px; display:flex; justify-content:space-between; align-items:center; gap:15px; border-bottom:1px solid var(--border); }
.panel-head h3,.panel-head span { display:block; }.panel-head h3 { margin:0; font-size:13px; }.panel-head span { color:var(--muted); font-size:9px; }
.table-search { width:210px; height:36px; display:flex; align-items:center; gap:7px; padding:0 10px; border-radius:10px; background:var(--surface-2); border:1px solid var(--border); }
.table-search svg { width:15px; color:var(--muted); }.table-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--text); font-size:10px; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; white-space:nowrap; }
th,td { padding:12px 15px; border-bottom:1px solid var(--border); text-align:right; font-size:11px; }
th { color:var(--text-2); font-size:12px; font-weight:700; background:var(--surface-2); }
td { color:var(--text-2); } tbody tr { transition:.15s; } tbody tr:hover { background:var(--surface-2); }
tbody tr.newly-added { animation:newCustomerHighlight 2.8s ease-out; }
@keyframes newCustomerHighlight { 0%,28% { background:color-mix(in srgb,var(--blue-500) 16%,var(--surface)); box-shadow:inset -4px 0 var(--blue-500); } 100% { background:transparent; box-shadow:inset 0 0 transparent; } }
.company-cell { display:flex; align-items:center; gap:9px; min-width:145px; }.company-cell b,.company-cell small { display:block; }.company-cell b { color:var(--text); font-size:11px; }.company-cell small { color:var(--muted); font-size:9px; }
.company-logo { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; flex:0 0 auto; font-weight:800; }.blue-logo { background:var(--blue-50); color:var(--blue-600); }.cyan-logo { background:#e8f9fb; color:#0795a8; }.violet-logo { background:#f1edff; color:var(--violet); }.green-logo { background:var(--green-bg); color:var(--green); }
html[data-theme="dark"] .cyan-logo { background:#103038; } html[data-theme="dark"] .violet-logo { background:#282143; }
.state-pill { display:inline-flex; align-items:center; gap:5px; border-radius:7px; padding:3px 7px; font-size:8px; font-weight:700; }.state-pill::before { content:""; width:5px; height:5px; border-radius:50%; }.online-state { color:var(--green); background:var(--green-bg); }.online-state::before { background:var(--green); }.warning-state { color:var(--amber); background:var(--amber-bg); }.warning-state::before { background:var(--amber); }.offline-state { color:var(--red); background:var(--red-bg); }.offline-state::before { background:var(--red); }
code { direction:ltr; color:var(--text-2); }
.row-action { width:27px; height:27px; display:grid; place-items:center; border:0; border-radius:8px; background:var(--surface-3); color:var(--muted); cursor:pointer; }.row-action svg { width:14px; }.row-action:hover { color:var(--blue-600); }
.inactive-user-row { background:color-mix(in srgb,var(--surface-2) 72%,transparent); }.inactive-user-row td { color:var(--muted); }
.user-email-notify { min-height:57px; }.user-email-notify.wide-label { grid-column:1/-1; }
.panel-footer-button { width:100%; height:42px; display:flex; gap:6px; justify-content:center; align-items:center; border:0; background:var(--surface-2); color:var(--blue-600); font-size:9px; font-weight:700; cursor:pointer; }.panel-footer-button svg { width:13px; }
.more-button { border:0; background:transparent; color:var(--muted); cursor:pointer; }
.timeline { padding:7px 17px 15px; }.timeline-item { position:relative; display:flex; gap:12px; padding:13px 0 13px; border-bottom:1px dashed var(--border); }.timeline-item:last-child { border:0; }.timeline-item i { width:9px; height:9px; margin-top:6px; border-radius:50%; flex:0 0 auto; }.timeline-item.critical i { background:var(--red); box-shadow:0 0 0 5px var(--red-bg); }.timeline-item.success i { background:var(--green); box-shadow:0 0 0 5px var(--green-bg); }.timeline-item.warning i { background:var(--amber); box-shadow:0 0 0 5px var(--amber-bg); }.timeline-item.info i { background:var(--blue-500); box-shadow:0 0 0 5px var(--blue-50); }.timeline-item b,.timeline-item p,.timeline-item time { display:block; }.timeline-item b { font-size:10px; }.timeline-item p { margin:2px 0; color:var(--text-2); font-size:9px; }.timeline-item time { color:var(--muted); font-size:8px; }
.small-button { min-height:43px; }.compact-button { min-height:32px; padding:0 11px; border-radius:8px; font-size:9px; }.full-panel { min-height:480px; }.wide-search { width:min(430px,60vw); }.result-count { color:var(--text-2) !important; font-size:10px !important; }.ltr-cell { direction:ltr; text-align:right; }
.live-sync { display:inline-flex; align-items:center; gap:7px; padding:7px 11px; border:1px solid color-mix(in srgb,var(--green) 28%,var(--border)); border-radius:10px; background:var(--green-bg); color:var(--green); font-size:10px; font-weight:700; white-space:nowrap; }.live-sync i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 14%,transparent); animation:livePulse 1.8s ease-in-out infinite; }
@keyframes livePulse { 50% { opacity:.45; transform:scale(.84); } }
.summary-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; flex:0 0 auto; }.summary-icon.amber { background:var(--amber-bg); color:var(--amber); }.summary-icon.blue { background:var(--blue-50); color:var(--blue-600); }.summary-icon.red { background:var(--red-bg); color:var(--red); }
.summary-icon svg { width:20px; }
.pending-panel .table-wrap { max-height:calc(100vh - 285px); min-height:390px; overflow:auto; }
.pending-panel table { min-width:1180px; }
.enrollment-requester b,.enrollment-requester small { display:block; }
.enrollment-requester b { color:var(--text); font-size:11px; }
.enrollment-requester small { margin-top:2px; color:var(--muted); font-size:9px; }
.pending-page-intro { margin-bottom:12px; }.pending-page-intro>p { margin:0; color:var(--text-2); font-size:12px; }
.pending-panel thead th { position:sticky; top:0; z-index:3; font-size:12px; box-shadow:0 1px 0 var(--border); }
.pending-panel tbody td { font-size:11px; }
.pending-panel tbody tr { transition:opacity .2s,transform .2s; }.pending-panel tbody tr.removing { opacity:0; transform:translateX(-20px); }
.device-cell { min-width:190px; display:flex; align-items:center; gap:9px; }.device-cell b,.device-cell small { display:block; }.device-cell b { direction:ltr; color:var(--text); font-size:11px; }.device-cell small { direction:ltr; color:var(--muted); font-size:9px; }
.device-icon { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; background:var(--blue-50); color:var(--blue-600); }.device-icon.suspicious { color:var(--red); background:var(--red-bg); }.device-icon svg { width:17px; }
.review-label { display:inline-flex; padding:3px 8px; border-radius:7px; font-size:8px; font-weight:700; }.review-label.normal { color:var(--green); background:var(--green-bg); }.review-label.risk { color:var(--red); background:var(--red-bg); }
.server-panel-head { flex-wrap:wrap; }.server-filter-buttons { display:flex; align-items:center; gap:7px; }.server-filter-button { min-height:35px; display:inline-flex; align-items:center; gap:8px; padding:0 9px 0 7px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); color:var(--muted); font-size:9px; font-weight:700; cursor:pointer; transition:.18s; }.server-filter-button:hover { color:var(--blue-600); border-color:var(--blue-500); background:var(--blue-50); }.server-filter-button em { min-width:23px; height:23px; padding:0 5px; display:grid; place-items:center; border-radius:50%; background:var(--surface); color:var(--text-2); border:1px solid var(--border); font-size:9px; font-style:normal; font-variant-numeric:tabular-nums; }.server-filter-button.active { color:white; border-color:var(--blue-600); background:var(--blue-600); box-shadow:0 5px 14px rgba(11,94,215,.18); }.server-filter-button.active em { color:var(--blue-700); border-color:white; background:white; }.inactive-state { color:var(--muted); background:var(--surface-3); }.inactive-state::before { background:var(--muted); }.inactive-server-row { background:color-mix(in srgb,var(--surface-2) 72%,transparent); }.inactive-server-row td { color:var(--muted); }.device-icon.inactive { color:var(--muted); background:var(--surface-3); }.deactivate-server-dialog p b { color:var(--text); }
.server-sort-select { min-width:168px; height:35px; padding:0 9px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); color:var(--text-2); font-size:9px; outline:0; }.server-sort-select:focus { border-color:var(--blue-500); }
.customer-list-panel-head { flex-wrap:wrap; gap:9px; }.customer-filter-buttons { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }.customer-filter-button { min-height:34px; }.customer-filter-button[data-customer-filter="critical"]:not(.active) { color:var(--red); }.customer-filter-button[data-customer-filter="warning"]:not(.active) { color:var(--amber); }
.query-count-summary { padding:7px 11px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--muted); font-size:10px; }.query-count-summary b { color:var(--text); font-size:13px; }.query-upload-layout { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(230px,.65fr); gap:14px; margin-bottom:14px; }.query-upload-body { padding:15px; }.query-drop-zone { min-height:155px; padding:20px; display:flex; align-items:center; justify-content:center; gap:14px; border:1.5px dashed color-mix(in srgb,var(--blue-500) 48%,var(--border)); border-radius:14px; background:color-mix(in srgb,var(--blue-50) 55%,var(--surface)); text-align:right; cursor:pointer; transition:.18s; }.query-drop-zone:hover,.query-drop-zone.dragging { border-color:var(--blue-500); background:var(--blue-50); }.query-drop-zone>div { flex:1; }.query-drop-zone b,.query-drop-zone small { display:block; }.query-drop-zone b { font-size:13px; }.query-drop-zone small { margin-top:3px; color:var(--muted); font-size:9px; }.query-upload-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:var(--surface); color:var(--blue-600); box-shadow:var(--shadow); }.query-upload-icon svg { width:22px; }.query-policy-panel ul { margin:0; padding:18px 34px 18px 18px; color:var(--text-2); font-size:10px; }.query-policy-panel li+li { margin-top:10px; }.query-file-review { display:grid; gap:10px; }.query-file-meta { display:flex; align-items:center; gap:10px; }.query-file-meta>div { flex:1; }.query-file-meta b,.query-file-meta small { display:block; }.query-file-meta small { color:var(--muted); font-size:9px; }.query-file-review label { color:var(--text-2); font-size:10px; font-weight:700; }.query-file-review input { width:100%; height:38px; margin-top:3px; padding:0 10px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); color:var(--text); outline:0; }.query-preview-head { display:flex; justify-content:space-between; gap:10px; color:var(--text-2); font-size:10px; }.query-preview-head span { color:var(--muted); font-size:9px; }.query-file-review pre { max-height:190px; min-height:95px; margin:0; padding:12px; overflow:auto; border:1px solid var(--border); border-radius:10px; background:#071323; color:#cfe4ff; font:11px/1.75 "Vazirmatn",sans-serif; text-align:left; white-space:pre-wrap; }.query-review-actions { display:flex; justify-content:flex-end; gap:8px; }.query-review-actions button { min-height:36px; border-radius:9px; font-size:10px; }.query-list-panel { min-height:260px; }
.backup-configured-summary { padding:7px 11px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--muted); font-size:10px; }.backup-configured-summary b { color:var(--text); font-size:13px; }.backup-panel-head { flex-wrap:wrap; }.backup-sort-label { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:9px; font-weight:700; }.backup-sort-label select { height:34px; min-width:145px; padding:0 9px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); color:var(--text); outline:0; }.backup-list-panel tbody tr { position:relative; }.backup-list-panel tbody tr.backup-overdue { background:linear-gradient(90deg,color-mix(in srgb,var(--red-bg) 75%,transparent),color-mix(in srgb,var(--red-bg) 32%,transparent)); box-shadow:inset -4px 0 var(--red); }.backup-list-panel tbody tr.backup-overdue:hover { background:color-mix(in srgb,var(--red-bg) 88%,var(--surface)); }.backup-list-panel tbody tr.backup-overdue td { color:color-mix(in srgb,var(--red) 62%,var(--text-2)); }.backup-last-time { font-weight:700; color:var(--text); }.backup-age { direction:ltr; text-align:right; font-variant-numeric:tabular-nums; }.backup-overdue .backup-age { color:var(--red); font-weight:800; }
.backup-customer-name { gap:0; }
.backup-customer-cell b,.backup-customer-cell small{display:block}.backup-customer-cell small{margin-top:3px;color:var(--muted);font-size:8px;direction:ltr;text-align:right}.backup-server-name{font-size:10px;direction:ltr;display:inline-block}
.settings-tabs { margin:16px 0 12px; display:flex; gap:6px; overflow-x:auto; }.settings-tabs button { min-height:39px; padding:0 14px; display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--muted); font-size:10px; font-weight:700; cursor:pointer; }.settings-tabs button svg { width:17px; }.settings-tabs button.active { color:white; border-color:var(--blue-600); background:var(--blue-600); box-shadow:0 6px 15px rgba(11,94,215,.18); }.settings-tab-panel { display:none; }.settings-tab-panel.active { display:block; }.settings-form-panel { max-width:900px; }.settings-form { padding:16px; }.settings-switch-row { min-height:64px; padding:10px 12px; display:flex; align-items:center; gap:12px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); cursor:pointer; }.settings-switch-row>span { flex:1; }.settings-switch-row b,.settings-switch-row small { display:block; }.settings-switch-row b { font-size:11px; }.settings-switch-row small { color:var(--muted); font-size:9px; }.settings-switch-row input { position:absolute; opacity:0; pointer-events:none; }.settings-switch-row i { position:relative; width:42px; height:23px; flex:0 0 auto; border-radius:999px; background:var(--surface-3); border:1px solid var(--border); transition:.18s; }.settings-switch-row i::after { content:""; position:absolute; width:17px; height:17px; top:2px; right:2px; border-radius:50%; background:white; box-shadow:0 2px 5px rgba(0,0,0,.18); transition:.18s; }.settings-switch-row input:checked+i { background:var(--blue-600); border-color:var(--blue-600); }.settings-switch-row input:checked+i::after { transform:translateX(-19px); }.settings-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }.settings-fields label { color:var(--text-2); font-size:10px; font-weight:700; }.settings-fields label>input,.secret-input { width:100%; height:42px; margin-top:4px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); color:var(--text); }.settings-fields label>input { padding:0 11px; outline:0; }.settings-fields label>input:focus,.secret-input:focus-within { border-color:var(--blue-500); box-shadow:0 0 0 3px rgba(22,119,255,.08); }.secret-input { display:flex; overflow:hidden; }.secret-input input { min-width:0; flex:1; border:0; background:transparent; color:var(--text); padding:0 11px; outline:0; }.secret-input button { width:40px; display:grid; place-items:center; border:0; border-right:1px solid var(--border); background:transparent; color:var(--muted); cursor:pointer; }.secret-input button:hover { color:var(--blue-600); }.secret-input button svg { width:16px; }.settings-fields label>small { display:block; margin-top:4px; color:var(--muted); font-size:8px; font-weight:500; }.settings-security-note { margin-top:13px; padding:9px 11px; display:flex; align-items:flex-start; gap:8px; border-radius:10px; background:var(--blue-50); color:var(--text-2); font-size:9px; }.settings-security-note svg { width:16px; flex:0 0 auto; color:var(--blue-600); }.settings-form-actions { margin-top:14px; display:flex; justify-content:flex-end; }.settings-form-actions .primary-button { min-height:40px; border-radius:10px; font-size:10px; }
.settings-layout { display:grid; grid-template-columns:220px minmax(0,900px); align-items:start; gap:14px; margin-top:16px; }.settings-submenu { position:sticky; top:91px; padding:11px; border:1px solid var(--border); border-radius:14px; background:var(--surface); box-shadow:var(--shadow); }.settings-submenu>span { display:block; padding:2px 7px 9px; color:var(--muted); font-size:9px; font-weight:800; }.settings-submenu .settings-tabs { margin:0; display:flex; flex-direction:column; gap:5px; overflow:visible; }.settings-submenu .settings-tabs button { width:100%; min-height:58px; padding:8px 10px; flex:0 0 auto; text-align:right; }.settings-submenu .settings-tabs button>span { min-width:0; flex:1; }.settings-submenu .settings-tabs b,.settings-submenu .settings-tabs small { display:block; }.settings-submenu .settings-tabs b { font-size:10px; }.settings-submenu .settings-tabs small { margin-top:2px; color:inherit; opacity:.72; font-size:8px; font-weight:500; }.settings-submenu .settings-tabs .settings-arrow { width:12px; opacity:.55; transform:rotate(180deg); }.settings-tab-content { min-width:0; }.settings-layout .settings-form-panel { max-width:none; }.password-policy-primary,.password-policy-secondary { display:grid; gap:12px; }.password-policy-primary { grid-template-columns:repeat(2,minmax(0,1fr)); }.password-policy-secondary { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:14px; }.password-policy-primary label,.password-policy-secondary label { color:var(--text-2); font-size:10px; font-weight:700; }.password-policy-primary input,.password-policy-primary select,.password-policy-secondary input { width:100%; height:42px; margin-top:4px; padding:0 11px; border:1px solid var(--border); border-radius:10px; outline:0; background:var(--surface-2); color:var(--text); }.password-policy-primary label>small,.password-policy-secondary label>small { display:block; margin-top:4px; color:var(--muted); font-size:8px; font-weight:500; }.password-requirements { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:14px; }.password-requirements label { min-height:63px; padding:9px 10px; display:flex; align-items:center; gap:9px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); cursor:pointer; }.password-requirements input { position:absolute; opacity:0; pointer-events:none; }.password-requirements span { flex:1; }.password-requirements b,.password-requirements small { display:block; }.password-requirements b { font-size:10px; }.password-requirements small { color:var(--muted); font:8px/1.5 "Vazirmatn",sans-serif; }.password-requirements i { width:21px; height:21px; display:grid; place-items:center; border:1px solid var(--border); border-radius:7px; background:var(--surface); }.password-requirements input:checked~i { border-color:var(--blue-600); background:var(--blue-600); }.password-requirements input:checked~i::after { content:"✓"; color:white; font:800 12px/1 "Vazirmatn",sans-serif; }.password-requirements label:has(input:checked) { border-color:color-mix(in srgb,var(--blue-500) 45%,var(--border)); background:var(--blue-50); }.password-first-login { margin-top:14px; }.password-policy-preview { margin-top:14px; padding:11px 12px; display:flex; align-items:center; gap:10px; border:1px solid color-mix(in srgb,var(--blue-500) 28%,var(--border)); border-radius:11px; background:var(--blue-50); }.password-policy-preview svg { width:21px; color:var(--blue-600); }.password-policy-preview b,.password-policy-preview span { display:block; }.password-policy-preview b { font-size:10px; }.password-policy-preview span { margin-top:2px; color:var(--text-2); font-size:9px; }
.sms-routing-note{margin-bottom:14px;padding:11px 12px;display:flex;align-items:flex-start;gap:9px;border:1px solid color-mix(in srgb,var(--blue-500) 25%,var(--border));border-radius:12px;background:var(--blue-50);color:var(--text-2);font-size:9px;line-height:1.8}.sms-routing-note svg{width:19px;height:19px;flex:0 0 auto;color:var(--blue-600)}.sms-routing-note b{color:var(--text)}
.sms-provider-card{margin-top:11px;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);transition:opacity .18s,border-color .18s}.sms-provider-card.primary-provider{margin-top:0;border-color:color-mix(in srgb,var(--blue-500) 36%,var(--border));background:color-mix(in srgb,var(--blue-50) 44%,var(--surface))}.sms-provider-card.provider-disabled{opacity:.62}.sms-provider-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;padding-bottom:10px;border-bottom:1px solid var(--border)}.sms-provider-card>header>div:first-child{min-width:0}.sms-provider-card>header b,.sms-provider-card>header small{display:block}.sms-provider-card>header b{margin-top:3px;font-size:11px}.sms-provider-card>header small{margin-top:2px;color:var(--muted);font-size:8px}.sms-provider-order{display:inline-flex;padding:3px 7px;border-radius:7px;background:var(--blue-50);color:var(--blue-700);font-size:8px;font-weight:900}.sms-provider-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.sms-provider-fields label{min-width:0;color:var(--text-2);font-size:9px;font-weight:800}.sms-provider-fields input,.sms-provider-fields select{width:100%;height:41px;margin-top:4px;padding:0 10px;border:1px solid var(--border);border-radius:9px;outline:0;background:var(--surface);color:var(--text);font:inherit}.sms-provider-fields input:focus,.sms-provider-fields select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(22,119,255,.08)}.sms-provider-fields .secret-input{height:41px;margin-top:4px;background:var(--surface)}.sms-provider-fields label>small{display:block;margin-top:4px;color:var(--muted);font-size:7px;font-weight:500;line-height:1.6}.sms-provider-url{grid-column:span 1}.sms-backup-heading{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sms-backup-heading b,.sms-backup-heading span{display:block}.sms-backup-heading b{font-size:11px}.sms-backup-heading span{margin-top:2px;color:var(--muted);font-size:8px}.sms-backup-heading button{min-height:36px;display:flex;align-items:center;gap:6px;white-space:nowrap}.sms-backup-heading button svg{width:15px;height:15px}.sms-backup-providers:empty::before{content:"پشتیبانی تعریف نشده است؛ در این حالت فقط سرویس اصلی استفاده می‌شود.";margin-top:10px;padding:13px;display:block;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:9px;text-align:center}.sms-provider-header-actions{display:flex;align-items:center;gap:7px}.sms-provider-enabled{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;font-weight:800;cursor:pointer}.sms-provider-enabled input{width:17px;height:17px;accent-color:var(--green)}.sms-provider-enabled i{display:none}.sms-provider-header-actions .icon-button{width:33px;height:33px}.sms-dry-run{margin-top:14px}.sms-settings-form-loading{opacity:.65;pointer-events:none}
.sms-provider-header-actions .sms-order-button{font:900 15px/1 system-ui;color:var(--muted)}.sms-provider-header-actions .sms-order-button:hover{color:var(--blue-600)}
.sms-backup-summary{display:grid;grid-template-columns:150px minmax(0,1fr) 130px 90px;gap:8px}.sms-backup-summary>span{min-width:0;padding:8px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.sms-backup-summary b,.sms-backup-summary em{display:block}.sms-backup-summary b{color:var(--muted);font-size:7px}.sms-backup-summary em{margin-top:3px;overflow:hidden;color:var(--text-2);font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.sms-backup-dialog{width:min(720px,calc(100vw - 30px))}.sms-backup-dialog-form{grid-template-columns:repeat(2,minmax(0,1fr))}.sms-backup-dialog-form label>small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.sms-backup-dialog-form .settings-switch-row{margin-top:3px}.sms-backup-dialog-form .secret-input{margin-top:5px}
.user-subtab-bar { display:flex; gap:6px; margin:16px 0 12px; padding:5px; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:var(--shadow); }.user-subtab-bar button { min-height:38px; padding:0 12px; display:inline-flex; align-items:center; gap:8px; border:0; border-radius:9px; background:transparent; color:var(--muted); font-size:10px; font-weight:800; cursor:pointer; }.user-subtab-bar button>svg { width:16px; }.user-subtab-bar button em { min-width:22px; height:22px; padding:0 5px; display:grid; place-items:center; border-radius:999px; background:var(--surface-3); color:var(--text-2); font-size:8px; font-style:normal; }.user-subtab-bar button.active { color:white; background:var(--blue-600); box-shadow:0 5px 14px rgba(11,94,215,.2); }.user-subtab-bar button.active em { color:var(--blue-700); background:white; }.user-subtab-panel[hidden] { display:none; }.login-history-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:12px; }.login-history-summary>div { min-height:65px; padding:11px 13px; display:flex; flex-direction:column; justify-content:center; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:var(--shadow); }.login-history-summary span,.login-history-summary b { display:block; }.login-history-summary span { color:var(--muted); font-size:9px; }.login-history-summary b { margin-top:3px; font-size:15px; }.login-history-panel { min-height:420px; }.login-history-head { flex-wrap:wrap; }.login-history-filters { display:flex; gap:6px; }.login-history-filters button { min-height:33px; padding:0 8px 0 6px; display:inline-flex; align-items:center; gap:7px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); color:var(--muted); font-size:9px; font-weight:800; cursor:pointer; }.login-history-filters em { min-width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:var(--surface); color:var(--text-2); font-size:8px; font-style:normal; }.login-history-filters button.active { color:white; border-color:var(--blue-600); background:var(--blue-600); }.login-history-filters button.active em { color:var(--blue-700); background:white; }.login-history-table { min-width:980px; }.login-history-table th,.login-history-table td { white-space:nowrap; }.login-history-table td:first-child b,.login-history-table td:first-child small { display:block; }.login-history-table td:first-child small { margin-top:2px; color:var(--muted); font-size:8px; }.login-history-table td[dir="ltr"] { text-align:right; font-variant-numeric:tabular-nums; }.country-tag { display:inline-flex; padding:3px 8px; border-radius:7px; color:var(--green); background:var(--green-bg); font-size:8px; font-weight:800; }.country-tag.danger-country { color:var(--red); background:var(--red-bg); }.country-tag.private-country { color:var(--blue-600); background:var(--blue-50); }.failed-login-row { background:linear-gradient(90deg,color-mix(in srgb,var(--red-bg) 55%,transparent),transparent); }
.user-email-notify i,.profile-email-notify i { position:relative; display:block; overflow:hidden; direction:ltr; width:82px; height:30px; flex:0 0 82px; border:1px solid #7b8494; background:#596273; box-shadow:inset 0 1px 3px rgba(0,0,0,.28),0 2px 5px rgba(0,0,0,.12); }
.user-email-notify i::before,.profile-email-notify i::before { content:"غیرفعال"; position:absolute; z-index:1; top:50%; right:7px; left:auto; transform:translateY(-50%); color:white; font-size:9px; font-weight:800; font-style:normal; line-height:1; }
.user-email-notify i::after,.profile-email-notify i::after { z-index:2; width:24px; height:24px; top:2px; right:auto; left:3px; border:1px solid rgba(0,0,0,.12); background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.28); }
.user-email-notify input:checked+i,.profile-email-notify input:checked+i { border-color:#15935f; background:var(--green); box-shadow:inset 0 1px 3px rgba(0,0,0,.18),0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent); }
.user-email-notify input:checked+i::before,.profile-email-notify input:checked+i::before { content:"فعال"; right:auto; left:7px; }
.user-email-notify input:checked+i::after,.profile-email-notify input:checked+i::after { transform:translateX(51px); }
.user-email-notify input:focus-visible+i,.profile-email-notify input:focus-visible+i { outline:3px solid color-mix(in srgb,var(--green) 25%,transparent); outline-offset:2px; }
.user-email-notify:has(input:checked),.profile-email-notify:has(input:checked) { border-color:color-mix(in srgb,var(--green) 52%,var(--border)); background:color-mix(in srgb,var(--green-bg) 54%,var(--surface-2)); }
.force-password-change i { position:relative; display:block; overflow:hidden; direction:ltr; width:82px; height:30px; flex:0 0 82px; border:1px solid #7b8494; border-radius:999px; background:#596273; box-shadow:inset 0 1px 3px rgba(0,0,0,.28),0 2px 5px rgba(0,0,0,.12); }
.force-password-change i::before { content:"غیرفعال"; position:absolute; z-index:1; top:50%; right:7px; transform:translateY(-50%); color:white; font-size:9px; font-weight:800; font-style:normal; line-height:1; }
.force-password-change i::after { z-index:2; width:24px; height:24px; top:2px; right:auto; left:3px; border:1px solid rgba(0,0,0,.12); background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.28); }
.force-password-change input:checked+i { border-color:#15935f; background:var(--green); box-shadow:inset 0 1px 3px rgba(0,0,0,.18),0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent); }
.force-password-change input:checked+i::before { content:"فعال"; right:auto; left:7px; }
.force-password-change input:checked+i::after { transform:translateX(51px); }
.force-password-change input:focus-visible+i { outline:3px solid color-mix(in srgb,var(--green) 25%,transparent); outline-offset:2px; }
.force-password-change:has(input:checked) { border-color:color-mix(in srgb,var(--green) 52%,var(--border)); background:color-mix(in srgb,var(--green-bg) 54%,var(--surface-2)); }
.customer-profile-header { min-height:78px; display:flex; align-items:center; gap:15px; padding:12px 15px; border:1px solid var(--border); border-radius:15px; background:var(--surface); box-shadow:var(--shadow); }.customer-back-button { flex:0 0 auto; }.customer-back-button svg { width:14px; }.customer-profile-identity { flex:1; display:flex; align-items:center; gap:10px; }.customer-profile-identity .company-logo { width:46px; height:46px; font-size:17px; }.customer-profile-identity small,.customer-profile-state small { display:block; color:var(--muted); font-size:9px; }.customer-profile-identity h2 { margin:0; font-size:19px; }.customer-profile-identity code { font-size:10px; }.customer-profile-state { text-align:left; }.customer-profile-state .state-pill { margin-bottom:3px; }.customer-tab-bar { position:sticky; top:78px; z-index:12; margin:12px 0 14px; padding:5px; display:flex; gap:4px; overflow-x:auto; border:1px solid var(--border); border-radius:12px; background:color-mix(in srgb,var(--surface) 96%,transparent); box-shadow:var(--shadow); backdrop-filter:blur(12px); scrollbar-width:thin; }.customer-tab-bar button { flex:0 0 auto; min-height:35px; padding:0 13px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-size:10px; font-weight:700; cursor:pointer; white-space:nowrap; }.customer-tab-bar button:hover { color:var(--blue-600); background:var(--blue-50); }.customer-tab-bar button.active { color:white; background:var(--blue-600); box-shadow:0 6px 15px rgba(11,94,215,.18); }.customer-tab-content { min-height:520px; }.customer-tab-panel { animation:customerTabIn .18s ease-out; }.customer-tab-panel.active { display:block; }@keyframes customerTabIn { from { opacity:.45; transform:translateY(4px); } to { opacity:1; transform:none; } }.customer-overview-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin-bottom:14px; }.customer-overview-grid article { min-height:71px; padding:10px 12px; display:flex; flex-direction:column; justify-content:center; border:1px solid var(--border); border-radius:11px; background:var(--surface); box-shadow:var(--shadow); }.customer-overview-grid span,.customer-overview-grid b { display:block; }.customer-overview-grid span { color:var(--muted); font-size:9px; }.customer-overview-grid b { margin-top:2px; font-size:11px; }.customer-data-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.customer-section { min-height:235px; }.customer-status-list { padding:5px 16px 12px; }.customer-status-list>div { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px dashed var(--border); }.customer-status-list>div:last-child { border-bottom:0; }.customer-status-list span { color:var(--text-2); font-size:10px; }.customer-status-list b { font-size:10px; text-align:left; }.warning-text { color:var(--amber); }.muted-text { color:var(--muted); }.customer-event-list { padding:6px 16px 12px; }.customer-event-list>div { min-height:51px; display:flex; align-items:center; gap:11px; border-bottom:1px dashed var(--border); }.customer-event-list>div:last-child { border-bottom:0; }.customer-event-list i { width:8px; height:8px; border-radius:50%; flex:0 0 auto; }.customer-event-list i.success { background:var(--green); box-shadow:0 0 0 5px var(--green-bg); }.customer-event-list i.info { background:var(--blue-500); box-shadow:0 0 0 5px var(--blue-50); }.customer-event-list i.warning { background:var(--amber); box-shadow:0 0 0 5px var(--amber-bg); }.customer-event-list b,.customer-event-list small { display:block; }.customer-event-list b { font-size:10px; }.customer-event-list small { color:var(--muted); font-size:8px; }.tab-panel-heading { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:10px; }.tab-panel-heading h3 { margin:0; font-size:16px; }.tab-panel-heading p { margin:1px 0 0; color:var(--muted); font-size:10px; }.tab-panel-heading select { min-width:190px; height:36px; padding:0 10px; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--text); }.hardware-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.security-grids { grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr); }
.iis-site-telemetry-card { margin-top:9px; padding:11px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }.iis-site-telemetry-card:first-child { margin-top:4px; }.iis-site-telemetry-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }.iis-site-telemetry-card header strong,.iis-site-telemetry-card header small { display:block; }.iis-site-telemetry-card header strong { font-size:11px; }.iis-site-telemetry-card header small { margin-top:2px; color:var(--muted); font-size:8px; line-height:1.7; word-break:break-word; }.iis-telemetry-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:9px; }.iis-telemetry-metrics>div { min-width:0; padding:7px 8px; border:1px solid var(--border); border-radius:9px; background:var(--surface); }.iis-telemetry-metrics span,.iis-telemetry-metrics b { display:block; }.iis-telemetry-metrics span { color:var(--muted); font-size:8px; }.iis-telemetry-metrics b { margin-top:2px; color:var(--text); font-size:10px; text-align:right; }.iis-site-telemetry-card footer { margin-top:8px; display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--muted); font-size:8px; }.iis-site-telemetry-card footer code { font-size:7px; }
.customer-tab-panel>.tab-panel-heading { min-height:0; justify-content:flex-end; margin-bottom:8px; }.customer-tab-panel>.tab-panel-heading>div:first-child { display:none; }
.security-summary-pills { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }.remote-sessions-panel { min-width:0; }.remote-session-active { background:linear-gradient(90deg,color-mix(in srgb,var(--green-bg) 82%,transparent),color-mix(in srgb,var(--green-bg) 38%,transparent)); box-shadow:inset -4px 0 var(--green); }.remote-session-active:hover { background:color-mix(in srgb,var(--green-bg) 88%,var(--surface)); }.remote-session-active td { color:color-mix(in srgb,var(--green) 42%,var(--text)); }.remote-session-active td:first-child b { color:var(--green); }.remote-online-pill::before { animation:livePulse 1.8s ease-in-out infinite; box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 13%,transparent); }
.security-subtab-bar { display:flex; align-items:center; gap:7px; margin:0 0 11px; padding:5px; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:var(--shadow); }.security-subtab-bar button { min-height:37px; padding:0 13px; display:inline-flex; align-items:center; gap:9px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-size:10px; font-weight:700; cursor:pointer; }.security-subtab-bar button:hover { color:var(--blue-600); background:var(--blue-50); }.security-subtab-bar button.active { color:white; background:var(--blue-600); box-shadow:0 5px 13px rgba(11,94,215,.18); }.security-subtab-bar em { min-width:21px; height:21px; padding:0 5px; display:grid; place-items:center; border-radius:999px; background:var(--surface-3); color:var(--text-2); font-size:8px; font-style:normal; }.security-subtab-bar button.active em { background:white; color:var(--blue-700); }.security-subtab-bar em.danger-count { color:var(--red); background:var(--red-bg); }.security-subtab-panel { animation:customerTabIn .18s ease-out; }.security-subtab-panel[hidden] { display:none; }.remote-sessions-panel,.failed-logins-panel { min-height:310px; }.remote-security-table { min-width:1180px; }.sql-security-table { min-width:1420px; }.remote-security-table th,.remote-security-table td { white-space:nowrap; }.jalali-datetime { direction:ltr; text-align:right; }.jalali-datetime time { color:var(--text-2); font:600 9px/1.5 "Vazirmatn",sans-serif; font-variant-numeric:tabular-nums; }.failed-login-critical { background:linear-gradient(90deg,color-mix(in srgb,var(--red-bg) 70%,transparent),color-mix(in srgb,var(--red-bg) 28%,transparent)); box-shadow:inset -4px 0 var(--red); }.failed-login-critical:hover { background:color-mix(in srgb,var(--red-bg) 86%,var(--surface)); }
.remote-status-tabs { display:flex; align-items:center; gap:7px; margin:0 0 10px; padding:4px; width:max-content; max-width:100%; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); }.remote-status-tabs button { min-height:34px; padding:0 12px; display:inline-flex; align-items:center; gap:8px; border:0; border-radius:7px; background:transparent; color:var(--muted); font:800 9px/1.4 "Vazirmatn",sans-serif; cursor:pointer; }.remote-status-tabs button.active { color:white; background:var(--blue-600); box-shadow:0 4px 11px rgba(11,94,215,.18); }.remote-status-tabs button:first-child.active { background:var(--green); box-shadow:0 4px 11px color-mix(in srgb,var(--green) 28%,transparent); }.remote-status-tabs em { min-width:20px; height:20px; padding:0 5px; display:grid; place-items:center; border-radius:999px; background:var(--surface-3); color:var(--text-2); font-size:8px; font-style:normal; }.remote-status-tabs button.active em { background:white; color:var(--blue-700); }.remote-status-tabs button:first-child.active em { color:var(--green); }.remote-status-panel[hidden] { display:none; }.remote-live-label { color:var(--green); font-weight:800; }.muted-text { color:var(--muted)!important; }
.security-geo-overview { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr); gap:12px; margin-bottom:12px; }
.security-geo-map-panel,.security-country-panel { min-width:0; min-height:350px; }
.security-geo-map-panel .panel-head,.security-country-panel .panel-head { min-height:61px; }
.security-geo-map-panel .panel-head .state-pill { color:var(--muted); font-size:8px; white-space:nowrap; }
.security-geo-map-panel .panel-head .state-pill.online-state { color:var(--green); }
.security-geo-map-panel .panel-head .state-pill.offline-state { color:var(--red); }
.security-map-shell { padding:12px 14px 10px; }
.security-map-svg { display:block; width:100%; height:auto; max-height:292px; overflow:visible; direction:ltr; }
.security-map-ocean { fill:color-mix(in srgb,var(--blue-50) 64%,var(--surface)); stroke:var(--border); stroke-width:2; }
.security-map-graticule path { fill:none; stroke:color-mix(in srgb,var(--blue-500) 10%,var(--border)); stroke-width:1; stroke-dasharray:3 7; vector-effect:non-scaling-stroke; }
.security-map-land path { fill:color-mix(in srgb,var(--blue-500) 15%,var(--surface-3)); stroke:color-mix(in srgb,var(--blue-500) 27%,var(--border)); stroke-width:1.4; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.security-map-marker circle { fill:color-mix(in srgb,var(--red) 80%,#ffb14a); stroke:var(--surface); stroke-width:3; filter:drop-shadow(0 3px 5px rgba(151,42,55,.22)); vector-effect:non-scaling-stroke; }
.security-map-marker.is-active circle { fill:color-mix(in srgb,var(--green) 72%,#61d8b0); }
.security-map-marker text { fill:white; stroke:none; font:900 9px/1 "Vazirmatn",sans-serif; text-anchor:middle; dominant-baseline:central; pointer-events:none; }
.security-map-caption { min-height:23px; margin:7px 2px 0; color:var(--muted); font-size:8.5px; line-height:1.8; text-align:center; }
.security-country-count { color:var(--blue-600); font-size:11px; white-space:nowrap; }
.security-country-summary { max-height:286px; padding:8px 12px 12px; overflow:auto; scrollbar-color:var(--blue-500) var(--surface-2); }
.security-country-row { padding:9px 0; border-bottom:1px dashed var(--border); }
.security-country-row:last-child { border-bottom:0; }
.security-country-row>div { display:flex; align-items:center; gap:8px; }
.security-country-code { width:30px; height:25px; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--border); border-radius:7px; background:var(--surface-2); color:var(--blue-700); font:900 8px/1 "Vazirmatn",sans-serif; direction:ltr; }
.security-country-row div>span:nth-child(2) { min-width:0; flex:1; }
.security-country-row b,.security-country-row small { display:block; }
.security-country-row b { overflow:hidden; color:var(--text); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.security-country-row small { margin-top:1px; color:var(--muted); font-size:7.5px; }
.security-country-row strong { color:var(--text); font-size:11px; font-variant-numeric:tabular-nums; }
.security-country-bar { height:4px; margin-top:7px; overflow:hidden; border-radius:999px; background:var(--surface-3); }
.security-country-bar i { display:block; width:var(--country-share,0%); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue-500),var(--violet)); }
.security-country-empty { min-height:120px; margin:0; display:grid; place-items:center; color:var(--muted); font-size:9px; text-align:center; }
.security-country-cell { display:grid; gap:3px; justify-items:start; }
.security-country-cell small { color:var(--muted); font-size:7px; }
.security-country-cell .country-tag { direction:rtl; color:var(--blue-700); background:var(--blue-50); }
.security-country-cell .country-tag.private-country { color:var(--blue-600); background:var(--blue-50); }
.security-country-unresolved { color:var(--muted); background:var(--surface-3); }
.global-sql-security-table { min-width:940px; }
@media(max-width:1050px) { .security-geo-overview { grid-template-columns:1fr; }.security-country-panel { min-height:0; }.security-country-summary { max-height:245px; } }
@media(max-width:620px) { .security-map-shell { padding-inline:8px; }.security-map-svg { min-height:210px; }.security-geo-map-panel .panel-head { align-items:flex-start; flex-direction:column; } }
.drive-usage { min-width:125px; display:flex; align-items:center; gap:8px; direction:ltr; }.drive-usage>span { width:82px; height:7px; overflow:hidden; border-radius:999px; background:var(--surface-3); box-shadow:inset 0 1px 2px rgba(0,0,0,.12); }.drive-usage>span i { display:block; height:100%; border-radius:inherit; background:var(--blue-500); }.drive-usage>b { min-width:30px; color:var(--text-2); font-size:10px; font-variant-numeric:tabular-nums; }.drive-usage-critical>span i { background:var(--red); }.drive-usage-critical>b { color:var(--red); font-weight:800; }.server-drive-table .drive-critical-row { background:linear-gradient(90deg,color-mix(in srgb,var(--red-bg) 72%,transparent),color-mix(in srgb,var(--red-bg) 30%,transparent)); box-shadow:inset -4px 0 var(--red); }.server-drive-table .drive-critical-row:hover { background:color-mix(in srgb,var(--red-bg) 86%,var(--surface)); }
.server-tab-summary { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }.customer-server-table { min-width:1450px; }.customer-server-table td:last-child { min-width:328px; }.agent-update-button { color:#fff; background:var(--blue-600); border:1px solid var(--blue-600); white-space:nowrap; text-shadow:0 1px 1px rgba(0,0,0,.2); }.agent-update-button svg { width:14px; height:14px; }.agent-update-button:hover { color:#fff; background:var(--blue-700); border-color:var(--blue-700); }.agent-update-button:disabled { cursor:default; opacity:1; color:var(--amber); text-shadow:none; border-color:color-mix(in srgb,var(--amber) 38%,var(--border)); background:var(--amber-bg); }.agent-version-target { display:block; margin-top:3px; color:var(--amber); font-size:8px; white-space:nowrap; }.agent-update-dialog p b { color:var(--text); }
.server-row-actions { min-width:328px; }.server-action-layout { width:328px; display:grid; gap:6px; padding:7px; border:1px solid var(--border); border-radius:11px; background:color-mix(in srgb,var(--surface-2) 74%,transparent); }.server-action-version,.server-action-controls { min-width:0; display:grid; grid-template-columns:69px minmax(0,1fr); align-items:center; gap:6px; }.server-action-controls { padding-top:6px; border-top:1px dashed var(--border); }.server-action-label { color:var(--muted); font-size:8px; font-weight:800; white-space:nowrap; }.server-action-buttons { min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }.server-action-buttons .agent-screenshot-actions { display:contents; }.server-action-buttons button { width:100%; min-width:0; min-height:29px; padding:0 6px; border-radius:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px; box-shadow:none; }.agent-version-choice { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 84px; align-items:center; gap:5px; direction:ltr; }.agent-target-version-select { width:100%; min-width:0; height:31px; padding:0 7px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text); font:700 9px/1.4 "Vazirmatn",sans-serif; direction:ltr; }.agent-target-version-select:focus { outline:0; border-color:var(--blue-500); box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-500) 12%,transparent); }.server-action-version>.state-pill,.server-action-version>.no-update-required { justify-self:start; }.backup-settings-button { color:var(--blue-600); border-color:color-mix(in srgb,var(--blue-500) 42%,var(--border)); white-space:nowrap; }.backup-settings-button svg { width:14px; }.backup-settings-button.configured { color:var(--green); border-color:color-mix(in srgb,var(--green) 42%,var(--border)); background:var(--green-bg); }.backup-settings-dialog { width:min(94vw,880px); }.backup-settings-form { margin-top:10px; border-top:0; }.backup-server-summary { min-height:45px; padding:8px 11px; display:flex; align-items:center; gap:10px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); }.backup-server-summary span { color:var(--muted); font-size:9px; }.backup-server-summary b { flex:1; font-size:12px; }.backup-server-summary em { font-style:normal; }.backup-monitor-switch { margin-top:9px; }.backup-settings-section { margin-top:9px; padding:10px 11px; border:1px solid var(--border); border-radius:11px; background:color-mix(in srgb,var(--surface-2) 62%,transparent); }.backup-settings-section-title { margin-bottom:8px; }.backup-settings-section-title b,.backup-settings-section-title small { display:block; }.backup-settings-section-title b { font-size:11px; }.backup-settings-section-title small { margin-top:1px; color:var(--muted); font-size:8px; }.approval-form .backup-connection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.backup-connection-grid .secret-input { height:36px; margin-top:3px; }.approval-form .backup-connection-grid .secret-input input { height:100%; margin:0; border:0; }.backup-database-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }.backup-database-options label { min-height:53px; padding:7px 8px; display:flex; align-items:center; gap:8px; border:1px solid var(--border); border-radius:9px; background:var(--surface); cursor:pointer; }.backup-database-options input { position:absolute; opacity:0; pointer-events:none; }.backup-database-options span { min-width:0; flex:1; }.backup-database-options b,.backup-database-options small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.backup-database-options b { direction:ltr; font-size:9px; }.backup-database-options small { color:var(--muted); font-size:8px; font-weight:500; }.backup-database-options i { width:19px; height:19px; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--border); border-radius:6px; background:var(--surface-2); }.backup-database-options input:checked~i { border-color:var(--blue-600); background:var(--blue-600); }.backup-database-options input:checked~i::after { content:"✓"; color:white; font:800 11px/1 "Vazirmatn",sans-serif; }.backup-database-options label:has(input:checked) { border-color:color-mix(in srgb,var(--blue-500) 45%,var(--border)); background:var(--blue-50); }.backup-alert-policy { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; }.backup-alert-policy label { color:var(--text-2); font-size:9px; }.backup-alert-policy input { width:100%; height:35px; margin-top:3px; padding:0 9px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text); }.backup-alert-policy small { display:block; margin-top:3px; color:var(--muted); font-size:8px; }.backup-settings-dialog .settings-security-note { margin-top:9px; }.backup-settings-dialog .approval-actions { position:sticky; bottom:-16px; margin:8px -4px -8px; padding:10px 4px 8px; background:linear-gradient(transparent,var(--surface) 20%); }.backup-settings-dialog #testBackupConnection { margin-right:auto; }
.server-delete-button { color:var(--red); border-color:color-mix(in srgb,var(--red) 45%,var(--border)); white-space:nowrap; }.server-delete-button:hover { color:white; background:var(--red); border-color:var(--red); }.delete-server-dialog { width:min(92vw,520px); }.server-delete-warning { padding:9px 10px; border:1px solid color-mix(in srgb,var(--red) 40%,var(--border)); border-radius:9px; color:var(--red); background:color-mix(in srgb,var(--red) 8%,var(--surface)); }.server-delete-confirmation { display:block; margin-top:12px; color:var(--text-2); font-size:10px; font-weight:700; }.server-delete-confirmation input { width:100%; height:40px; margin-top:5px; padding:0 10px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); color:var(--text); }.server-delete-confirmation input:focus { outline:0; border-color:var(--red); box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 13%,transparent); }
.agent-restart-button { color:var(--red); border-color:color-mix(in srgb,var(--red) 38%,var(--border)); white-space:nowrap; }.agent-restart-button:hover { color:white; background:var(--red); border-color:var(--red); }.agent-restart-button.restart-in-progress { color:var(--amber); background:var(--amber-bg); border-color:color-mix(in srgb,var(--amber) 40%,var(--border)); }.agent-restart-cancel-button { color:var(--amber); border-color:color-mix(in srgb,var(--amber) 42%,var(--border)); white-space:nowrap; }.agent-restart-dialog { width:min(92vw,540px); }.agent-restart-reason { display:block; margin-top:13px; color:var(--text-2); font-size:10px; font-weight:700; text-align:right; }.agent-restart-reason input { width:100%; height:40px; margin-top:5px; padding:0 10px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); color:var(--text); }.server-restart-warning { margin-top:12px !important; padding:9px 10px; border:1px solid color-mix(in srgb,var(--amber) 40%,var(--border)); border-radius:9px; color:var(--amber); background:var(--amber-bg); font-size:9px; }
.database-storage-wrap { max-height:calc(100vh - 245px); min-height:320px; overflow:auto; }.database-storage-table { min-width:1180px; }.database-storage-table th,.database-storage-table td { white-space:nowrap; }.database-storage-table thead th { position:sticky; top:0; z-index:4; background:var(--surface-2); box-shadow:0 1px 0 var(--border); }.database-file-paths { min-width:330px; max-width:520px; }.database-file-path-row { display:grid; grid-template-columns:38px minmax(0,1fr); align-items:start; gap:7px; direction:ltr; }.database-file-path-row+.database-file-path-row { margin-top:6px; padding-top:6px; border-top:1px dashed var(--border); }.database-file-path-row>div { min-width:0; display:grid; gap:3px; }.database-file-path-row code { display:block; overflow:hidden; text-overflow:ellipsis; direction:ltr; text-align:left; font-size:9px; }.database-file-kind { padding:2px 5px; border-radius:6px; text-align:center; font-size:8px; font-weight:800; }.database-file-kind.data { color:var(--blue-600); background:var(--blue-50); }.database-file-kind.log { color:var(--amber); background:var(--amber-bg); }.db-file-location { min-width:180px; display:flex; align-items:center; justify-content:flex-start; gap:7px; direction:ltr; }.db-file-location>code { flex:0 1 auto; direction:ltr; text-align:left; font-size:9px; }.storage-type { flex:0 0 auto; padding:2px 6px; border-radius:6px; font-size:8px; font-weight:800; font-style:normal; }.storage-type.nvme { color:var(--green); background:var(--green-bg); }.storage-type.ssd { color:var(--blue-600); background:var(--blue-50); }.storage-type.hdd { color:var(--amber); background:var(--amber-bg); }.drive-percent { display:inline-flex; direction:ltr; padding:3px 7px; border-radius:7px; font-size:9px; font-weight:800; font-variant-numeric:tabular-nums; }.drive-percent.safe { color:var(--green); background:var(--green-bg); }.drive-percent.critical { color:var(--red); background:var(--red-bg); }
.database-backup-cell { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:250px; }.database-backup-cell>div { display:flex; align-items:center; gap:6px; }.database-backup-cell small { color:var(--muted); font-size:8px; }.database-backup-download { text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.database-backup-failure { display:grid; justify-items:start; gap:4px; max-width:320px; }.database-backup-failure small { color:var(--danger); font-size:9px; line-height:1.55; white-space:normal; overflow-wrap:anywhere; }
.database-backup-password-dialog { width:min(92vw,520px); }.database-backup-password-dialog label { display:grid; gap:6px; margin-top:12px; color:var(--text-2); font-size:10px; font-weight:700; }.database-backup-password-dialog input { direction:ltr; text-align:left; font:700 14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.5px; }
.query-heading-actions { display:flex; align-items:center; gap:8px; }.force-query-button { color:var(--red); border-color:color-mix(in srgb,var(--red) 35%,var(--border)); }.force-query-button:hover { color:white; background:var(--red); border-color:var(--red); }.manual-sql-history-panel { margin-top:12px; }.admin-only-badge { padding:4px 8px; border-radius:999px; color:var(--red); background:var(--red-bg); font-size:8px; font-weight:800; }.manual-sql-history-table { min-width:1100px; }.manual-sql-history-table th,.manual-sql-history-table td { white-space:nowrap; }.manual-sql-row-actions { display:flex; align-items:center; gap:6px; margin-top:6px; }.manual-sql-row-actions .compact-button { min-height:28px; padding-inline:9px; font-size:8px; }.manual-sql-dialog { width:min(94vw,900px); padding:18px 22px; }.manual-sql-warning { display:flex; align-items:center; gap:9px; margin:9px 0; padding:8px 11px; border:1px solid color-mix(in srgb,var(--red) 30%,var(--border)); border-radius:11px; color:var(--red); background:var(--red-bg); }.manual-sql-warning svg { width:20px; height:20px; flex:0 0 auto; }.manual-sql-warning p { margin:0; font-size:9px; line-height:1.7; }.manual-sql-form { border-top:0; }.approval-form .manual-sql-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.manual-sql-editor { min-height:125px !important; max-height:180px !important; direction:ltr; text-align:left; font:500 11px/1.7 "Vazirmatn",sans-serif !important; }.manual-sql-policy { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin-top:7px; color:var(--muted); font-size:8px; }.manual-sql-policy code { padding:3px 6px; border-radius:6px; background:var(--surface-3); color:var(--text-2); }.manual-sql-dialog .approval-confirm { margin-top:7px; }.manual-sql-dialog .approval-actions { position:static; margin:9px 0 0; padding:0; background:none; }
.storage-value,.storage-value-cell { direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums; }.storage-value { display:block; text-align:right; }.storage-value-cell { text-align:right; white-space:nowrap; }
.placeholder-page { min-height:65vh; text-align:center; flex-direction:column; align-items:center; justify-content:center; }.placeholder-page.active-page { display:flex; }.placeholder-icon { width:70px; height:70px; display:grid; place-items:center; border-radius:22px; background:var(--blue-50); color:var(--blue-600); }.placeholder-icon svg { width:30px; height:30px; }.placeholder-page h2 { margin:17px 0 5px; }.placeholder-page p { margin:0; color:var(--muted); }

.sidebar-collapsed { --sidebar-width:78px; }
.sidebar-collapsed .sidebar { width:78px; }.sidebar-collapsed .sidebar-head { justify-content:center; gap:0; padding:0; }.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-item em,.sidebar-collapsed .sidebar-version { display:none; }.sidebar-collapsed .collapse-button { position:absolute; left:-14px; top:23px; transform:rotate(180deg); background:var(--surface); color:var(--blue-600); border-color:var(--border); }.sidebar-collapsed .nav-item { justify-content:center; gap:0; padding:0; }.sidebar-collapsed .main-nav { padding-inline:10px; }.sidebar-collapsed .sidebar-footer { padding-inline:10px; }.sidebar-collapsed .app-main { margin-right:78px; }
.mobile-overlay { display:none; }

dialog { color:var(--text); }
dialog::backdrop { background:rgba(5,15,30,.55); backdrop-filter:blur(3px); }
.modal-dialog,.detail-dialog { width:min(92vw,430px); border:1px solid var(--border); border-radius:20px; background:var(--surface); padding:28px; box-shadow:var(--shadow-lg); text-align:center; }
.profile-dialog { width:min(94vw,680px); max-height:94vh; overflow:auto; text-align:right; }.profile-editor-head { display:flex; align-items:center; gap:15px; padding:2px 0 17px; }.profile-editor-head>div:last-child { flex:1; }.profile-editor-head h2 { margin:1px 0 0; font-size:20px; }.profile-editor-head p { margin:0; color:var(--muted); font-size:9px; }.profile-photo-preview { width:92px; height:92px; display:grid; place-items:center; flex:0 0 auto; overflow:hidden; border:3px solid var(--surface); border-radius:25px; background:var(--blue-50); color:var(--blue-600); box-shadow:0 0 0 1px var(--border),var(--shadow); font:800 23px/1 "Vazirmatn",sans-serif; }.profile-photo-preview img { width:100%; height:100%; object-fit:cover; }.profile-photo-actions { display:flex; align-items:center; gap:10px; margin-top:9px; }.profile-photo-actions .secondary-button { min-height:33px; padding:0 10px; border-radius:9px; font-size:9px; }.profile-photo-actions svg { width:15px; }.profile-photo-actions .text-button { font-size:9px; }.profile-form { margin-top:0; }.approval-form .profile-form-grid { display:block; }.profile-field-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.profile-field-row+.profile-field-row { margin-top:11px; }.profile-contact-row { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); }.profile-email-notify { min-height:60px; margin-top:12px; }.profile-form input[readonly] { color:var(--muted); cursor:not-allowed; }.profile-password-section { margin-top:12px; padding:12px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }.profile-password-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; }.profile-password-title b,.profile-password-title small { display:block; }.profile-password-title b { font-size:11px; }.profile-password-title small { margin-top:2px; color:var(--muted); font-size:8px; }.profile-password-title svg { width:18px; color:var(--blue-600); }.profile-password-confirm-row { align-items:end; grid-template-columns:1fr 1fr; }.password-rule-note { margin:0 0 7px; padding:7px 9px; border-radius:8px; color:var(--muted); background:var(--surface-3); font-size:8px; line-height:1.7; }.force-password-change { min-height:58px; }
.change-password-dialog { width:min(94vw,580px); text-align:right; }.change-password-head { display:flex; align-items:center; gap:11px; padding-bottom:13px; border-bottom:1px solid var(--border); }.change-password-head>div { flex:1; }.change-password-head span,.change-password-head h2,.change-password-head p { display:block; margin:0; }.change-password-head>div>span { color:var(--muted); font-size:9px; }.change-password-head h2 { margin-top:1px; font-size:19px; }.change-password-head p { margin-top:2px; color:var(--text-2); font-size:9px; }.change-password-form { margin-top:12px; border-top:0; }.change-password-form>label { display:block; color:var(--text-2); font-size:10px; font-weight:700; }.change-password-form input { width:100%; height:39px; margin-top:4px; padding:0 10px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); color:var(--text); outline:0; }.change-password-form input:focus { border-color:var(--blue-500); box-shadow:0 0 0 3px rgba(22,119,255,.08); }.change-password-new-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:9px; }.change-password-new-row label { color:var(--text-2); font-size:10px; font-weight:700; }.change-password-policy { margin-top:11px; padding:11px 12px; border:1px solid color-mix(in srgb,var(--blue-500) 30%,var(--border)); border-radius:11px; background:var(--blue-50); }.change-password-policy>div { display:flex; align-items:flex-start; gap:8px; }.change-password-policy>div>svg { width:18px; margin-top:2px; color:var(--blue-600); }.change-password-policy>div span { flex:1; }.change-password-policy b,.change-password-policy small { display:block; }.change-password-policy b { font-size:10px; }.change-password-policy small { margin-top:2px; color:var(--text-2); font-size:8px; }.change-password-policy ul { margin:9px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; list-style:none; }.change-password-policy li { display:flex; align-items:center; gap:6px; color:var(--text-2); font-size:8px; }.change-password-policy li i { width:16px; height:16px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:var(--green-bg); color:var(--green); font:800 9px/1 "Vazirmatn",sans-serif; }.change-password-dialog .approval-actions { position:static; margin:11px 0 0; padding:0; background:none; }
.change-password-dialog { padding:18px 20px; }.change-password-head { display:block; padding:0 0 8px; }.change-password-head h2 { margin:0; font-size:18px; }.change-password-form { margin-top:8px; }
.change-password-head>p{margin:4px 0 0;color:var(--text-2);font-size:9px;line-height:1.8}.change-password-dialog.required-password-change{width:min(94vw,620px);border:1px solid color-mix(in srgb,var(--blue-500) 45%,var(--border));box-shadow:0 28px 90px rgba(0,29,78,.34)}.change-password-dialog.required-password-change::backdrop{background:rgba(3,13,29,.82);backdrop-filter:blur(12px)}.change-password-dialog.required-password-change .change-password-head h2{color:var(--blue-600)}.change-password-dialog #changePasswordError{margin-top:10px}
.modal-icon { width:55px; height:55px; margin:0 auto 15px; display:grid; place-items:center; border-radius:17px; background:var(--blue-50); color:var(--blue-600); }.danger-modal { color:var(--red); background:var(--red-bg); }.modal-icon svg { width:25px; height:25px; }.modal-dialog h3 { margin:0 0 6px; }.modal-dialog>p { color:var(--text-2); margin:0; }.modal-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:24px; }.dialog-close { position:absolute; top:14px; left:14px; width:32px; height:32px; display:grid; place-items:center; border:0; border-radius:9px; background:var(--surface-3); color:var(--muted); cursor:pointer; }.dialog-close svg { width:16px; }.form-dialog { position:relative; text-align:right; }.form-dialog .modal-icon { margin-inline:0; }.form-dialog form { margin-top:20px; }.form-dialog label { margin-top:11px; }.form-dialog input { width:100%; height:43px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); color:var(--text); padding:0 12px; }
.detail-dialog { position:relative; width:min(92vw,600px); text-align:right; }.detail-head { display:flex; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--border); }.detail-head .company-logo { width:50px; height:50px; font-size:18px; }.detail-head span { color:var(--muted); font-size:10px; }.detail-head h2 { margin:0; }.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0; }.detail-grid>div { padding:12px; border-radius:11px; background:var(--surface-2); }.detail-grid span,.detail-grid b { display:block; }.detail-grid span { color:var(--muted); font-size:9px; }.detail-grid b { font-size:11px; margin-top:2px; }.green-text { color:var(--green); }.detail-section { border:1px solid var(--border); border-radius:12px; padding:12px 15px; margin-bottom:17px; }.detail-section h3 { margin:0; font-size:12px; }.detail-section ul { margin:7px 0 0; padding-right:18px; color:var(--text-2); font-size:10px; }.affected-list { display:grid; gap:8px; }.affected-list button { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); color:var(--text); cursor:pointer; text-align:right; }.affected-list button>span:nth-child(2) { flex:1; }.affected-list b,.affected-list small { display:block; }.affected-list small { color:var(--muted); }.affected-list svg { width:15px; }
#detailCustomerCode { display:inline-block; margin-top:3px; direction:ltr; color:var(--blue-600); font-size:10px; }
.approval-dialog { width:min(94vw,820px); max-height:94vh; overflow:auto; padding:20px 24px; }
.approval-title { display:flex; align-items:center; gap:10px; padding-bottom:9px; border-bottom:1px solid var(--border); }.approval-title .summary-icon { width:36px; height:36px; border-radius:11px; }.approval-title span { color:var(--muted); font-size:10px; }.approval-title h2 { margin:0; font-size:18px; }
.request-facts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; margin:9px 0; }.request-facts>div { min-width:0; padding:7px 9px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); }.request-facts span,.request-facts b { display:block; overflow-wrap:anywhere; }.request-facts span { color:var(--muted); font-size:9px; }.request-facts b { margin-top:1px; font-size:10px; }
.approval-form { border-top:1px solid var(--border); padding-top:9px; }.approval-form-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:7px 9px; }.approval-form label { display:block; color:var(--text-2); font-size:11px; font-weight:700; }.approval-form label>small { color:var(--muted); font-size:9px; font-weight:500; }.approval-form input,.approval-form textarea,.approval-form select { width:100%; margin-top:3px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); color:var(--text); padding:7px 10px; font-size:12px; line-height:1.5; outline:0; resize:vertical; }.approval-form input,.approval-form select { height:36px; }.approval-form textarea { min-height:45px; max-height:70px; }.approval-form input:focus,.approval-form textarea:focus,.approval-form select:focus { border-color:var(--blue-500); box-shadow:0 0 0 3px rgba(22,119,255,.08); }.wide-label { grid-column:1/-1; }
.customer-edit-panel { max-width:1120px; }.customer-edit-form { padding:18px; border-top:0; }.approval-form .customer-edit-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.approval-form .customer-edit-grid .wide-label { grid-column:1/-1; }.customer-edit-actions { display:flex; justify-content:flex-end; margin-top:15px; }.customer-edit-actions .primary-button { min-height:38px; padding-inline:16px; }
.customer-mode-switch { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-bottom:9px; padding:4px; border-radius:10px; background:var(--surface-2); border:1px solid var(--border); }.customer-mode-switch label { cursor:pointer; }.customer-mode-switch input { position:absolute; opacity:0; pointer-events:none; }.customer-mode-switch span { min-height:34px; display:grid; place-items:center; border-radius:8px; color:var(--muted); font-size:10px; transition:.16s; }.customer-mode-switch input:checked+span { background:var(--blue-600); color:white; box-shadow:0 6px 16px rgba(11,94,215,.2); }
.approval-form #approvalExistingCustomerResult { display:block; min-height:15px; margin-top:3px; color:var(--muted); font-size:9px; font-weight:500; }
.approval-error { position:sticky; bottom:48px; z-index:4; margin:9px 0 4px; padding:10px 12px; border:1px solid color-mix(in srgb,var(--red) 42%,var(--border)); border-radius:10px; color:var(--red); background:color-mix(in srgb,var(--red-bg) 92%,var(--surface)); box-shadow:0 8px 24px rgba(160,24,24,.12); font-size:11px; font-weight:700; line-height:1.8; }
.approval-error[hidden] { display:none; }
.approval-success { position:sticky; bottom:48px; z-index:4; margin:9px 0 4px; padding:10px 12px; border:1px solid color-mix(in srgb,var(--green) 42%,var(--border)); border-radius:10px; color:var(--green); background:color-mix(in srgb,var(--green-bg) 92%,var(--surface)); box-shadow:0 8px 24px rgba(14,116,79,.12); font-size:11px; font-weight:800; line-height:1.8; }
.approval-success[hidden] { display:none; }
.manual-customer-dialog { width:min(94vw,720px); }.manual-customer-form { margin-top:12px; }
.manual-user-dialog { width:min(94vw,650px); }.manual-user-dialog[open] { z-index:1000; }.manual-user-form { margin-top:12px; }.user-form-grid { grid-template-columns:repeat(2,1fr); }.manual-user-dialog .approval-error { bottom:54px; }
.user-permission-fieldset { margin:2px 0 0; padding:10px 11px 11px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); }.user-permission-fieldset legend { padding:0 6px; color:var(--text); font-size:11px; font-weight:850; }.user-permission-fieldset>p { margin:0 0 8px; color:var(--muted); font-size:9px; font-weight:500; }.user-permission-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }.approval-form .user-permission-grid label { min-height:34px; display:flex; align-items:center; gap:7px; padding:6px 8px; border:1px solid var(--border); border-radius:8px; background:var(--surface); cursor:pointer; font-size:9px; transition:.16s; }.approval-form .user-permission-grid input { width:15px; height:15px; min-width:15px; margin:0; padding:0; accent-color:var(--blue-600); }.approval-form .user-permission-grid label:has(input:checked) { border-color:color-mix(in srgb,var(--blue-500) 48%,var(--border)); background:var(--blue-50); color:var(--blue-700); }
.approval-confirm { margin-top:8px; display:flex !important; align-items:center; gap:7px; padding:7px 9px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); cursor:pointer; }.approval-confirm input { width:16px; height:16px; min-width:16px; margin:0; accent-color:var(--blue-600); }.approval-confirm span { font-size:10px; font-weight:500; }
.approval-actions { position:sticky; bottom:-20px; z-index:2; display:flex; justify-content:space-between; gap:9px; margin:8px -4px -12px; padding:9px 4px 12px; background:linear-gradient(transparent,var(--surface) 22%); }.approval-actions button { min-height:38px; padding:0 16px; border-radius:9px; font-size:11px; }.danger-outline { color:var(--red); border-color:color-mix(in srgb,var(--red) 30%,var(--border)); }.danger-outline:hover { color:white; border-color:var(--red); background:var(--red); }
.toast { position:fixed; left:24px; bottom:24px; z-index:100; max-width:360px; padding:11px 16px; border-radius:12px; background:#10243d; color:white; box-shadow:var(--shadow-lg); transform:translateY(25px); opacity:0; pointer-events:none; transition:.22s; }.toast.show { transform:none; opacity:1; }

.event-purge-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.event-purge-button svg{width:13px}.event-purge-inline-toolbar{min-height:45px;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);background:var(--surface-2)}.event-purge-inline-toolbar>span{color:var(--muted);font-size:9px}.event-purge-row-button{min-height:27px!important;padding:0 8px!important;color:var(--red);border-color:color-mix(in srgb,var(--red) 30%,var(--border));background:var(--red-bg);font-size:8px!important}.event-purge-dialog{width:min(94vw,520px);text-align:right}.event-purge-dialog .modal-icon{margin-inline:0}.event-purge-dialog>p{line-height:1.8}.event-purge-dialog form{margin-top:16px}.event-purge-dialog form>label{display:block;margin-top:10px;color:var(--text-2);font-size:10px;font-weight:750}.event-purge-dialog input,.event-purge-dialog select,.event-purge-dialog textarea{width:100%;margin-top:4px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);font:500 11px/1.7 "Vazirmatn",sans-serif;outline:0}.event-purge-dialog input,.event-purge-dialog select{height:40px}.event-purge-dialog textarea{min-height:70px;max-height:130px;resize:vertical}.event-purge-dialog input:focus,.event-purge-dialog select:focus,.event-purge-dialog textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(22,119,255,.08)}.event-purge-warning{margin-top:11px;padding:9px 10px;display:flex;align-items:flex-start;gap:8px;border:1px solid color-mix(in srgb,var(--red) 30%,var(--border));border-radius:10px;background:var(--red-bg);color:var(--red);font-size:9px;line-height:1.8}.event-purge-warning svg{width:17px;flex:0 0 auto;margin-top:1px}.event-purge-dialog .approval-error{position:static;margin-top:9px}.event-purge-dialog .modal-actions{margin-top:15px}.customer-history-controls{flex-wrap:wrap}
@media(max-width:680px){.event-purge-head-actions{width:100%;justify-content:flex-start}.event-purge-inline-toolbar{align-items:flex-start;flex-direction:column}.event-purge-inline-toolbar .event-purge-button{width:100%}.customer-history-controls .event-purge-button{width:100%}}

.desktop-notification-control{margin:0 10px 7px;padding:8px 9px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.desktop-notification-control>div{min-width:0;flex:1}.desktop-notification-control b,.desktop-notification-control small{display:block}.desktop-notification-control b{font-size:9px}.desktop-notification-control small{margin-top:1px;color:var(--muted);font-size:8px}.desktop-notification-control button{min-width:70px;font-size:8px}.desktop-notification-control.enabled{border-color:color-mix(in srgb,var(--green) 38%,var(--border));background:var(--green-bg)}
.alert-policy-button{color:var(--blue-600);border-color:color-mix(in srgb,var(--blue-500) 42%,var(--border))}.alert-policy-dialog{width:min(96vw,1120px);max-height:94vh;overflow:auto}.alert-policy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 38px 11px 0;border-bottom:1px solid var(--border)}.alert-policy-head span,.alert-policy-head h2,.alert-policy-head p{display:block}.alert-policy-head>div>span{color:var(--muted);font-size:9px}.alert-policy-head h2{margin:2px 0 0;font-size:19px}.alert-policy-head p{margin:2px 0 0;color:var(--text-2);font-size:9px}.alert-policy-note{margin:10px 0;padding:9px 11px;display:flex;align-items:flex-start;gap:8px;border-radius:10px;background:var(--blue-50);color:var(--text-2);font-size:9px;line-height:1.8}.alert-policy-note svg{width:17px;flex:0 0 auto;color:var(--blue-600)}.alert-policy-groups{display:grid;gap:10px}.alert-policy-group{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.alert-policy-group>h3{margin:0;padding:8px 11px;border-bottom:1px solid var(--border);background:var(--surface-2);font-size:10px}.alert-policy-row{display:grid;grid-template-columns:minmax(180px,1.35fr) 105px 84px minmax(195px,1.2fr) minmax(210px,1.35fr);align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border)}.alert-policy-row:last-child{border-bottom:0}.alert-policy-name b,.alert-policy-name small{display:block}.alert-policy-name b{font-size:10px}.alert-policy-name small{margin-top:2px;color:var(--muted);font-size:8px}.alert-policy-name .alert-policy-description{color:var(--text-2);line-height:1.55}.alert-policy-mode,.alert-policy-severity{width:100%;height:32px;padding:0 7px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:700 8px/1.4 "Vazirmatn",sans-serif}.alert-policy-switches{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.alert-policy-switch{min-height:28px;padding:4px 7px;display:flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);font-size:8px;cursor:pointer}.alert-policy-switch input{width:13px;height:13px;margin:0;accent-color:var(--blue-600)}.alert-policy-thresholds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.alert-policy-thresholds label{color:var(--muted);font-size:7px}.alert-policy-thresholds label small{display:block;margin-top:2px;color:var(--muted);font-size:6.5px;line-height:1.45}.alert-policy-thresholds input{width:100%;height:30px;margin-top:2px;padding:0 6px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text);font-size:8px;direction:ltr}.alert-policy-row.inherited{opacity:.76}.alert-policy-row.inherited .alert-policy-configurable{pointer-events:none}.alert-policy-actions{position:sticky;bottom:-28px;display:flex;justify-content:flex-end;gap:8px;margin:10px -4px -20px;padding:12px 4px 20px;background:linear-gradient(transparent,var(--surface) 22%)}.alert-policy-actions button{min-height:38px}.alert-policy-actions #testDesktopNotification{margin-left:auto}.alert-policy-default-form{padding:12px}.alert-policy-default-row{grid-template-columns:minmax(190px,1.2fr) 115px minmax(195px,1.15fr) minmax(245px,1.5fr)}.alert-policy-default-intro{margin:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.alert-policy-default-intro>div{min-height:63px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.alert-policy-default-intro b,.alert-policy-default-intro span{display:block}.alert-policy-default-intro b{font-size:9px;color:var(--blue-600)}.alert-policy-default-intro span{margin-top:3px;color:var(--text-2);font-size:8px;line-height:1.75}.alert-default-settings-panel{max-width:none}
@media(max-width:900px){.alert-policy-row,.alert-policy-default-row{grid-template-columns:1fr 1fr}.alert-policy-name{grid-column:1/-1}.alert-policy-switches,.alert-policy-thresholds{grid-column:1/-1}.alert-policy-actions{flex-wrap:wrap}.alert-policy-actions #testDesktopNotification{width:100%;margin:0}.alert-policy-default-intro{grid-template-columns:1fr 1fr}}

@media (max-width:1180px) { .metrics-grid { grid-template-columns:repeat(2,1fr); }.alert-types { grid-template-columns:repeat(3,1fr); }.dashboard-columns { grid-template-columns:1fr; }.activity-panel { max-width:none; } }
@media (max-width:900px) { .login-view { grid-template-columns:1fr; }.login-visual { display:none; }.mobile-brand { display:flex; }.login-panel { min-height:100vh; padding:70px 28px; }.sidebar { transform:translateX(105%); width:274px !important; }.sidebar.mobile-open { transform:none; }.sidebar-collapsed .app-main,.app-main { margin-right:0; }.mobile-menu { display:grid; }.mobile-overlay { position:fixed; inset:0; z-index:25; background:rgba(5,15,30,.55); }.mobile-overlay.show { display:block; }.collapse-button { display:none; }.app-main { padding-inline:17px; }.topbar { margin-inline:-17px; padding-inline:17px; }.profile-copy { display:none; }.profile-button { padding:4px; }.profile-button>svg { display:none; } }
@media (max-width:640px) { .topbar-title span { display:none; }.topbar-title h1 { font-size:16px; }.topbar-actions { gap:5px; }.icon-button { width:39px; height:39px; }.profile-wrap { order:-1; }.metrics-grid { grid-template-columns:1fr 1fr; gap:8px; }.metric-card { min-height:72px; padding:8px 10px; }.metric-icon { width:32px; height:32px; }.metric-card strong { font-size:19px; }.alert-types { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.alert-type { min-width:0; min-height:76px; }.dashboard-live-status { align-items:flex-start; flex-direction:column; }.section-heading { align-items:center; }.section-heading p { display:none; }.customers-panel .panel-head { align-items:flex-start; flex-direction:column; }.table-search { width:100%; }.popover { position:fixed; top:69px; left:12px; right:12px; width:auto; }.profile-popover { right:auto; left:12px; width:210px; }.page-actions-row { align-items:flex-start; }.page-actions-row .small-button { width:43px; padding:0; font-size:0; }.detail-grid { grid-template-columns:1fr; }.otp-fields { gap:6px; }.otp-fields input { width:48px; height:57px; }.login-card h2 { font-size:26px; }.login-footer { position:static; margin-top:50px; }.visual-points { gap:15px; } }
@media (max-width:420px) { .metrics-grid,.alert-types { grid-template-columns:1fr; }.metric-card { min-height:68px; }.login-panel { padding-inline:20px; }.otp-fields input { width:43px; } }
@media (max-width:640px) { #serversPage .page-actions-row { flex-direction:column; }.server-filter-buttons { width:100%; flex-wrap:wrap; }.server-filter-button { flex:1; justify-content:center; }.server-panel-head { align-items:stretch; }.server-sort-select { width:100%; }.iis-telemetry-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:860px) { .query-upload-layout { grid-template-columns:1fr; }.query-drop-zone { align-items:stretch; flex-direction:column; text-align:center; }.query-drop-zone .secondary-button { width:100%; } }
@media (max-width:1180px) { .customer-overview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.security-grids { grid-template-columns:1fr; } }
@media (max-width:760px) { .customer-profile-header { align-items:flex-start; flex-wrap:wrap; }.customer-back-button { order:3; width:100%; }.customer-profile-state { margin-right:auto; }.customer-tab-bar { top:69px; }.customer-overview-grid,.hardware-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.customer-data-grid { grid-template-columns:1fr; }.tab-panel-heading { align-items:flex-start; flex-direction:column; }.tab-panel-heading select { width:100%; }.customer-tab-content { min-height:420px; } }
@media (max-width:760px) { .request-facts { grid-template-columns:1fr 1fr; }.approval-form-grid,.user-form-grid { grid-template-columns:1fr; }.user-permission-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.customer-mode-switch { grid-template-columns:1fr; }.wide-label { grid-column:auto; }.approval-actions { flex-direction:column-reverse; }.approval-actions button { width:100%; }.approval-dialog { padding:22px 16px; } }
@media (max-width:760px) { .approval-form .backup-connection-grid,.backup-database-options,.backup-alert-policy { grid-template-columns:1fr; }.backup-settings-dialog .approval-actions { flex-direction:column-reverse; }.backup-settings-dialog #testBackupConnection { margin-right:0; } }
@media (max-width:700px) { .settings-fields { grid-template-columns:1fr; }.settings-form-actions .primary-button { width:100%; } }
@media (max-width:920px) { .settings-layout { grid-template-columns:1fr; }.settings-submenu { position:static; }.settings-submenu .settings-tabs { flex-direction:row; overflow-x:auto; }.settings-submenu .settings-tabs button { width:auto; min-width:190px; }.password-policy-secondary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .password-policy-primary,.password-policy-secondary,.password-requirements,.login-history-summary { grid-template-columns:1fr; }.user-subtab-bar { overflow-x:auto; }.user-subtab-bar button { flex:0 0 auto; }.login-history-head { align-items:stretch; flex-direction:column; }.login-history-head .wide-search { width:100%; }.login-history-filters button { flex:1; justify-content:center; } }
@media (max-width:900px) { .approval-form .customer-edit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .approval-form .customer-edit-grid { grid-template-columns:1fr; }.customer-edit-actions .primary-button { width:100%; } }

#updatesPage>.panel+.panel { margin-top:12px; }
#updatesPage .full-panel { min-height:0; }
#updatesPage .panel-head span { font-size:10px; line-height:1.65; }
#updatesPage .table-wrap { max-height:420px; }
#updatesPage th,#updatesPage td { font-size:12px; }
#updatesPage td small { display:block; margin-top:4px; color:var(--muted); font-size:10px; line-height:1.55; }
#updatesPage .state-pill { min-height:24px; padding:4px 8px; font-size:10px; }
#updatesPage .compact-button { min-height:34px; font-size:10px; }
#updatesPage .no-update-required { font-size:10px; }
#updatesPage .server-row-actions { min-width:265px; }
#updatesPage .agent-target-version-select,#updatesPage .update-ring-select { min-width:112px; height:34px; padding:0 8px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text); font:700 10px/1.4 "Vazirmatn",sans-serif; outline:0; }
#updatesPage .agent-target-version-select:focus,#updatesPage .update-ring-select:focus { border-color:var(--blue-500); box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-500) 12%,transparent); }

.release-upload-form { padding:12px 14px 14px; display:grid; grid-template-columns:minmax(0,1fr) 160px; gap:9px 10px; align-items:center; }
.release-bundle-picker { min-height:62px; padding:9px 11px; display:flex; align-items:center; gap:10px; border:1.5px dashed color-mix(in srgb,var(--blue-500) 52%,var(--border)); border-radius:12px; background:color-mix(in srgb,var(--blue-50) 55%,var(--surface)); cursor:pointer; }
.release-bundle-picker { grid-column:1; grid-row:1; }
.release-bundle-picker>span:nth-child(2) { min-width:0; flex:1; }
.release-bundle-picker b,.release-bundle-picker small { display:block; }
.release-bundle-picker b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.release-bundle-picker .query-upload-icon { width:40px; height:40px; border-radius:11px; }
.release-bundle-picker .query-upload-icon svg { width:19px; }
.release-bundle-file-size { display:block; width:max-content; margin-top:4px; padding:2px 7px; border-radius:7px; background:color-mix(in srgb,var(--blue-500) 12%,var(--surface)); color:var(--blue-600); font-size:10px; font-weight:850; }
.release-bundle-picker small { margin-top:2px; color:var(--muted); font-size:10px; line-height:1.55; }
.release-bundle-picker small.upload-error { color:var(--red); font-weight:800; }
.release-bundle-picker .secondary-button { min-height:34px; padding-inline:10px; font-size:10px; }
.release-upload-policy { grid-column:1/-1; padding:7px 10px; display:flex; align-items:center; gap:8px; border-radius:9px; background:var(--surface-2); color:var(--text-2); font-size:10px; line-height:1.7; }
.release-upload-policy svg { width:16px; flex:0 0 auto; color:var(--green); }
.release-upload-form>.primary-button { grid-column:2; grid-row:1; min-width:0; min-height:40px; font-size:11px; }
.release-upload-form>.primary-button:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.release-upload-progress { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) 46px 190px; gap:10px; align-items:center; min-height:34px; padding:7px 10px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); }
.release-upload-progress-track { height:8px; overflow:hidden; border-radius:999px; background:var(--surface-3); direction:ltr; }
.release-upload-progress-track i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue-600),#49a1ff); transition:width .15s linear; }
.release-upload-progress>b { color:var(--blue-600); font-size:10px; text-align:center; }
.release-upload-progress>span { color:var(--muted); font-size:10px; text-align:left; }
.central-update-action { grid-column:1/-1; padding:8px 10px; display:flex; align-items:center; gap:12px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); }.central-update-action>div { min-width:0; flex:1; display:flex; align-items:center; gap:9px; }.central-update-action b { color:var(--text-2); font-size:10px; line-height:1.6; font-weight:600; }.central-update-action .central-update-apply-button { min-height:36px; font-size:10px; }.central-update-action .central-update-apply-button:disabled { opacity:1; color:var(--muted); border-color:var(--border); background:var(--surface-3); cursor:not-allowed; box-shadow:none; transform:none; }
.setup-current-file { margin:14px; padding:12px 14px; display:flex; align-items:center; gap:11px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }.setup-current-file>svg { width:24px; height:24px; flex:0 0 auto; color:var(--blue-600); }.setup-current-file>div { min-width:0; }.setup-current-file b,.setup-current-file small { display:block; }.setup-current-file b { font-size:11px; overflow-wrap:anywhere; }.setup-current-file small { margin-top:3px; color:var(--muted); font-size:9px; line-height:1.7; }.setup-version-field { grid-column:2; grid-row:2; color:var(--text-2); font-size:10px; font-weight:700; }.setup-version-field input { width:100%; height:40px; margin-top:4px; padding:0 10px; border:1px solid var(--border); border-radius:10px; outline:0; background:var(--surface-2); color:var(--text); }.setup-version-field input:focus { border-color:var(--blue-500); box-shadow:0 0 0 3px rgba(22,119,255,.08); }.setup-upload-form>.settings-security-note { grid-column:1/-1; margin:0; }.setup-upload-form>.primary-button { grid-column:2; grid-row:1; }
@media (max-width:700px) {
  .release-upload-form { grid-template-columns:1fr; }
  .release-bundle-picker { grid-column:auto; grid-row:auto; align-items:flex-start; flex-wrap:wrap; }
  .release-bundle-picker .secondary-button,.release-upload-form>.primary-button { width:100%; }
  .release-upload-form>.primary-button { grid-column:auto; grid-row:auto; }
  .release-upload-policy { grid-column:auto; }
  .release-upload-progress { grid-column:auto; grid-template-columns:minmax(0,1fr) 42px; }
  .release-upload-progress>span { grid-column:1/-1; text-align:center; }
  .central-update-action,.central-update-action>div { align-items:stretch; flex-direction:column; }
  .central-update-action .danger-button { width:100%; }
  .setup-version-field,.setup-upload-form>.settings-security-note,.setup-upload-form>.primary-button { grid-column:auto; grid-row:auto; }
}
@media (max-width:560px) { .profile-editor-head { align-items:flex-start; }.profile-photo-preview { width:72px; height:72px; border-radius:20px; }.profile-field-row,.profile-contact-row { grid-template-columns:1fr; }.profile-email-notify.wide-label { grid-column:auto; } }
@media (max-width:560px) { .change-password-new-row,.change-password-policy ul { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }

.otp-security-banner { margin:12px 24px 0; padding:10px 14px; border:1px solid color-mix(in srgb,#d97706 40%,transparent); border-radius:14px; background:color-mix(in srgb,#f59e0b 12%,var(--surface)); color:var(--text); display:flex; align-items:center; justify-content:space-between; gap:12px; }
.otp-security-banner[hidden] { display:none; }
.otp-security-banner span { display:flex; align-items:center; gap:7px; }
.otp-security-banner #otpSecurityDetail { font-size:10px; color:var(--text-2); }
.otp-security-banner svg { width:19px; height:19px; fill:none; stroke:currentColor; }
.profile-otp-section { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:12px; padding:12px 14px; border:1px solid var(--border); border-radius:14px; background:var(--surface-2); }
.profile-otp-section>div { display:grid; gap:4px; }
.profile-otp-section small { color:var(--muted); }
#otpEnrollmentCode { text-align:center; font:700 22px/1 "Vazirmatn",sans-serif; letter-spacing:8px; }
.profile-android-section { margin-top:12px; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; gap:18px; border:1px solid color-mix(in srgb,var(--blue-500) 28%,var(--border)); border-radius:14px; background:color-mix(in srgb,var(--blue-50) 55%,var(--surface-2)); }.profile-android-copy { min-width:0; flex:1; display:flex; align-items:flex-start; gap:10px; }.profile-android-copy>div { min-width:0; }.profile-android-copy b,.profile-android-copy small { display:block; }.profile-android-copy b { font-size:11px; }.profile-android-copy small { margin:2px 0 8px; color:var(--muted); font-size:8px; line-height:1.7; }.profile-android-copy small.ready { color:var(--green); }.profile-android-copy small.unavailable { color:var(--amber); }.profile-android-copy a { width:max-content; min-height:31px; padding-inline:10px; text-decoration:none; font-size:8px; }.profile-android-icon { width:36px; height:36px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; color:var(--blue-600); background:var(--surface); box-shadow:0 0 0 1px var(--border); }.profile-android-icon svg { width:18px; }.android-download-qr { width:126px; height:126px; padding:7px; display:grid; place-items:center; flex:0 0 auto; overflow:hidden; border:1px solid var(--border); border-radius:13px; color:var(--muted); background:#fff; box-shadow:var(--shadow); }.android-download-qr svg { width:100%; height:100%; display:block; }.android-download-qr span { padding:8px; text-align:center; font-size:8px; line-height:1.7; }.android-download-qr.unavailable { background:var(--surface-3); }
@media (max-width:720px) { .otp-security-banner { margin-inline:12px; align-items:flex-start; flex-direction:column; }.profile-otp-section { align-items:flex-start; flex-direction:column; } }
@media (max-width:560px) { .profile-android-section { align-items:flex-start; flex-direction:column; }.android-download-qr { width:150px; height:150px; align-self:center; } }

/* Keep every visible portal control on the same bundled Persian typeface.
   The important flag intentionally overrides old component-level shorthands. */
body,body *,body *::before,body *::after { font-family:"Vazirmatn",sans-serif !important; }

/* Internal collaboration, realtime chat and task tracking */
/* Legacy V1 layout retained only for source history; the active workspace is V2 below.
.collaboration-page{height:calc(100vh - 100px);min-height:650px;overflow:hidden}.collaboration-shell{height:100%;display:grid;grid-template-columns:250px minmax(420px,1fr) 310px;gap:12px}.collaboration-shell>.panel{min-height:0;margin:0;padding:0;overflow:hidden}.conversation-rail,.task-rail,.chat-panel{display:flex;flex-direction:column}.conversation-rail-head,.task-rail-head,.chat-header{min-height:66px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.conversation-rail-head b,.task-rail-head b,.chat-header h2{display:block;margin:0;font-size:12px}.conversation-rail-head small,.task-rail-head small,.chat-header span{display:block;margin-top:2px;color:var(--muted);font-size:8px}.realtime-dot{display:flex!important;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:var(--green-bg);color:var(--green)!important;font-size:8px!important;font-weight:800}.realtime-dot i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 13%,transparent)}.assistant-conversation-card{margin:10px;padding:10px;display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--blue-500) 40%,var(--border));border-radius:13px;color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--blue-500) 13%,var(--surface)),var(--surface));text-align:right;cursor:pointer}.assistant-conversation-card>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--blue-600);color:white}.assistant-conversation-card svg{width:17px}.assistant-conversation-card b,.assistant-conversation-card small{display:block}.assistant-conversation-card b{font-size:10px}.assistant-conversation-card small{margin-top:2px;color:var(--muted);font-size:7px}.assistant-conversation-card.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue-500) 28%,transparent)}.conversation-list{padding:0 8px 12px;display:grid;gap:5px;overflow:auto}.conversation-item{width:100%;padding:9px;display:flex;align-items:center;gap:8px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:right;cursor:pointer}.conversation-item:hover,.conversation-item.active{background:var(--surface-2)}.conversation-avatar{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--blue-50);color:var(--blue-600)}.conversation-avatar svg{width:15px}.conversation-copy{min-width:0;flex:1}.conversation-copy b,.conversation-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy b{font-size:9px}.conversation-copy small{margin-top:2px;color:var(--muted);font-size:7px}.conversation-unread{min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--red);color:white;font-size:8px;font-style:normal}.chat-header{padding-inline:17px}.chat-header h2{font-size:14px}.chat-header-actions{display:flex;gap:7px}.chat-messages{flex:1;min-height:0;padding:18px;overflow:auto;background:linear-gradient(145deg,color-mix(in srgb,var(--blue-50) 30%,var(--surface)),var(--surface))}.chat-empty{height:100%;display:grid;place-content:center;justify-items:center;gap:6px;color:var(--muted);text-align:center}.chat-empty svg{width:34px;height:34px}.chat-empty b{color:var(--text-2);font-size:11px}.chat-empty span{font-size:8px}.chat-message{max-width:min(76%,620px);margin-bottom:11px;display:flex;gap:7px;align-items:flex-end}.chat-message.own{margin-right:auto;flex-direction:row-reverse}.chat-message-bubble{min-width:90px;padding:9px 11px;border:1px solid var(--border);border-radius:14px 14px 4px 14px;background:var(--surface);box-shadow:0 5px 18px rgba(15,40,78,.05)}.chat-message.own .chat-message-bubble{border-color:transparent;border-radius:14px 14px 14px 4px;background:var(--blue-600);color:white}.chat-message.assistant .chat-message-bubble{border-color:color-mix(in srgb,var(--blue-500) 35%,var(--border));background:linear-gradient(135deg,var(--blue-50),var(--surface))}.chat-message-meta{margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:7px;color:var(--muted)}.chat-message.own .chat-message-meta{color:rgba(255,255,255,.72)}.chat-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:9px;line-height:1.85}.chat-attachment{margin-top:7px;padding:7px;display:flex;align-items:center;gap:8px;border-radius:9px;color:inherit;background:color-mix(in srgb,currentColor 7%,transparent);text-decoration:none}.chat-attachment-preview{width:48px;height:48px;object-fit:cover;border-radius:8px}.chat-attachment-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,currentColor 9%,transparent)}.chat-attachment-icon svg{width:15px}.chat-attachment-copy{min-width:0}.chat-attachment-copy b,.chat-attachment-copy small{display:block}.chat-attachment-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.chat-attachment-copy small{margin-top:2px;font-size:7px;opacity:.72}.assistant-suggestions{padding:9px 13px;display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--border)}.assistant-suggestions button{flex:0 0 auto;padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:8px;cursor:pointer}.chat-composer{padding:10px 12px;border-top:1px solid var(--border);background:var(--surface)}.chat-input-shell{display:block}.chat-input-shell textarea{width:100%;max-height:120px;min-height:40px;padding:9px 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);resize:none;outline:0;font-size:10px}.chat-input-shell textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-500) 12%,transparent)}.chat-composer-actions{margin-top:7px;display:flex;align-items:center;gap:6px}.composer-icon{min-width:34px;height:34px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text-2);cursor:pointer}.composer-icon svg{width:16px}.composer-icon.recording{border-color:var(--red);color:var(--red);background:var(--red-bg)}.chat-send-button{height:34px;margin-right:auto;padding:0 13px;display:flex;align-items:center;gap:7px;border:0;border-radius:10px;background:var(--blue-600);color:white;font-size:9px;font-weight:800;cursor:pointer}.chat-send-button svg{width:14px}.chat-upload-preview{margin:0 12px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:8px}.task-filter-tabs{margin:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:10px;background:var(--surface-2)}.task-filter-tabs button{padding:6px 3px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:8px;cursor:pointer}.task-filter-tabs button.active{background:var(--surface);color:var(--blue-600);box-shadow:0 2px 8px rgba(15,40,78,.07)}.collaboration-task-list{padding:0 9px 12px;display:grid;align-content:start;gap:7px;overflow:auto}.collaboration-task-card{padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);cursor:pointer}.collaboration-task-card.overdue{border-color:color-mix(in srgb,var(--red) 40%,var(--border));background:var(--red-bg)}.task-card-top,.task-card-meta,.task-card-link{display:flex;align-items:center;gap:6px}.task-card-top{justify-content:space-between}.task-card-top b{font-size:9px}.task-priority{padding:3px 6px;border-radius:7px;background:var(--blue-50);color:var(--blue-700);font-size:7px}.task-priority.Critical{background:var(--red-bg);color:var(--red)}.task-priority.High{background:var(--amber-bg);color:var(--amber)}.task-card-meta{margin-top:7px;justify-content:space-between;color:var(--muted);font-size:7px}.task-card-link{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border);color:var(--blue-600);font-size:7px}.collaboration-task-dialog{width:min(760px,calc(100vw - 32px))}.task-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-form-grid textarea{resize:vertical}.nav-item[data-page="collaboration"] em{min-width:21px}.nav-item[data-page="collaboration"] em:empty,.nav-item[data-page="collaboration"] em[data-zero="true"]{opacity:.45}
@media(max-width:1250px){.collaboration-shell{grid-template-columns:220px minmax(380px,1fr) 270px}}@media(max-width:1000px){.collaboration-page{height:auto;overflow:visible}.collaboration-shell{height:auto;grid-template-columns:220px minmax(0,1fr)}.task-rail{grid-column:1/-1;min-height:320px}.collaboration-task-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.collaboration-shell{grid-template-columns:1fr}.conversation-rail{max-height:230px}.chat-panel{min-height:620px}.task-rail{grid-column:auto}.collaboration-task-list{grid-template-columns:1fr}.chat-message{max-width:90%}.task-form-grid{grid-template-columns:1fr}.task-form-grid .wide-label{grid-column:auto}}
*/

/* Collaboration workspace: group/direct conversations and sidebar-safe sizing. */
/* Legacy V1 responsive overrides; superseded by the V2 container rules.
.collaboration-page{height:calc(100dvh - 132px);min-height:520px;container:collaboration/inline-size}
.collaboration-shell{width:100%;min-width:0;grid-template-columns:minmax(190px,22%) minmax(0,1fr) minmax(225px,26%)}
.conversation-rail,.chat-panel,.task-rail{min-width:0}
.conversation-rail-head>div,.task-rail-head>div,.chat-header>div{min-width:0}
.conversation-rail-head small,.task-rail-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-list{align-content:start;padding:6px 8px 10px}
.conversation-section{min-width:0}
.conversation-section+section{margin-top:7px;padding-top:7px;border-top:1px solid var(--border)}
.conversation-section>header{height:24px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted)}
.conversation-section>header b{font-size:8px}
.conversation-section>header em{min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:7px;font-style:normal}
.conversation-section-empty{margin:4px 7px 7px;color:var(--muted);font-size:7px;line-height:1.8}
.conversation-item{padding:7px 8px}
.conversation-avatar{width:29px;height:29px;border-radius:9px}
.conversation-avatar.group{background:color-mix(in srgb,var(--blue-500) 15%,var(--surface));color:var(--blue-700)}
.conversation-avatar.direct{background:var(--surface-2);color:var(--text-2)}
.conversation-title-line{min-width:0;display:flex;align-items:center;gap:5px}
.conversation-title-line>b{min-width:0;flex:1}
.conversation-presence{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-size:6.5px;font-weight:700}
.conversation-presence i{width:6px;height:6px;border-radius:50%;background:currentColor}
.conversation-presence.online{color:var(--green)}
.conversation-presence.online i{box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent)}
.conversation-presence.offline{color:var(--muted)}
.conversation-unread{box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 11%,transparent)}
.chat-composer{padding:7px 10px 8px}
.chat-input-shell textarea{min-height:35px;max-height:88px;padding:7px 9px;border-radius:10px}
.chat-composer-actions{margin-top:5px}
.composer-icon,.chat-send-button{height:31px;border-radius:9px}
.composer-icon{min-width:31px}
.chat-send-button{padding-inline:11px}
.task-filter-tabs{margin:7px}
.task-filter-tabs button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@container collaboration (max-width:760px){
  .collaboration-shell{grid-template-columns:200px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 220px}
  .task-rail{grid-column:1/-1;min-height:0}
  .collaboration-task-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .collaboration-page{height:auto;min-height:0;overflow:visible}
  .collaboration-shell{height:auto;grid-template-columns:1fr;grid-template-rows:auto}
  .conversation-rail{max-height:260px}
  .chat-panel{min-height:540px}
  .task-rail{grid-column:auto;min-height:300px}
  .collaboration-task-list{grid-template-columns:1fr}
}
*/
.brand-logo-preview{display:flex;align-items:center;justify-content:center;min-height:110px;border:1px dashed var(--border);border-radius:16px;background:var(--surface-soft)}
.brand-logo-preview img{display:block;max-width:180px;max-height:90px;object-fit:contain}
.brand-service-fields input[readonly]{opacity:.78;cursor:not-allowed;background:var(--surface-soft)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.user-detail-page{max-width:1280px;margin-inline:auto}
.user-detail-heading{min-height:44px;margin:8px 0;display:flex;align-items:center;justify-content:flex-end}
.user-detail-heading .secondary-button{min-height:38px;padding-inline:13px;font-size:10px}
.user-detail-heading svg{width:15px;height:15px}
.user-access-form{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
.user-access-form>.panel{padding:0;overflow:hidden}
.user-access-form .panel-head{min-height:58px;padding:11px 16px}
.user-access-form .panel-head h3{font-size:13px}
.user-access-form .panel-head span{margin-top:2px;font-size:10px;line-height:1.7}
.user-identity-panel,.user-scope-panel,.user-permission-panel{grid-column:1;grid-row:auto}
.user-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 12px;padding:14px 16px 16px}
.user-form-grid>.user-field{display:block;min-width:0;color:var(--text-2);font-size:11px;font-weight:700}
.user-form-grid>.user-field>small{margin-inline-start:4px;color:var(--muted);font-size:9px;font-weight:500}
.user-form-grid>.user-field>input,.user-form-grid>.user-field>select{width:100%;height:42px;margin-top:4px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:12px;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}
.user-form-grid>.user-field>input:focus,.user-form-grid>.user-field>select:focus{border-color:var(--blue-500);background:var(--surface);box-shadow:0 0 0 3px rgba(22,119,255,.09)}
.user-form-grid>.user-field>input:disabled,.user-form-grid>.user-field>select:disabled{opacity:.7;cursor:not-allowed}
.user-email-field{grid-column:span 2}
.user-password-field,.user-password-confirm-field{grid-column:span 1}
.user-password-field #manualUserPasswordHint{display:block;margin:5px 1px 0;line-height:1.7}
.user-form-grid>.settings-switch-row{grid-column:span 2;min-height:62px;margin:0;padding:10px 12px}
.user-form-grid>.settings-switch-row b{font-size:11px}
.user-form-grid>.settings-switch-row small{font-size:9px;line-height:1.65}
.user-detail-actions{position:sticky;bottom:10px;z-index:4;grid-column:1;display:flex;justify-content:flex-end;gap:8px;padding:9px 10px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 9px 30px rgba(31,61,102,.12);backdrop-filter:blur(12px)}
.user-detail-actions button{min-height:40px;padding-inline:16px;font-size:10px}
.server-scope-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px 16px}
.server-scope-mode label,.user-server-selection-list label{cursor:pointer}
.server-scope-mode label{min-height:42px;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:11px;font-weight:700}
.server-scope-mode label:has(input:checked){border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-700)}
.user-server-scope-selected{margin:-6px 16px 16px}
.user-server-selection-list{max-height:280px;margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:auto}
.user-server-selection-list label{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}
.user-server-selection-list label:has(input:checked){border-color:var(--blue-500);background:var(--blue-50)}
.user-server-selection-list span,.user-server-selection-list b,.user-server-selection-list small{display:block}
.user-server-selection-list span{min-width:0}
.user-server-selection-list b{font-size:10px}
.user-server-selection-list small{margin-top:2px;color:var(--muted);font-size:9px}
.permission-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:9px;padding:12px 14px 14px}
.user-permission-head{position:relative;z-index:2;box-shadow:0 1px 0 var(--border)}
.user-permission-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.permission-selection-count{min-height:32px;padding:5px 9px;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:9px;white-space:nowrap}
.permission-selection-count b{color:var(--blue-600);font-size:12px}
.user-permission-search{min-height:50px;padding:8px 14px;display:grid;grid-template-columns:18px minmax(220px,420px) 1fr;align-items:center;gap:8px;border-bottom:1px solid var(--border);background:var(--surface-2)}
.user-permission-search svg{width:17px;height:17px;color:var(--muted)}
.user-permission-search input{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:10px;outline:none}
.user-permission-search input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-500) 12%,transparent)}
.user-permission-search small{color:var(--muted);font-size:9px}
.user-permission-scroll{max-height:min(62vh,720px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:1px;outline:none;background:color-mix(in srgb,var(--surface-2) 38%,var(--surface));scrollbar-color:color-mix(in srgb,var(--blue-500) 45%,var(--border)) transparent;scrollbar-width:thin}
.user-permission-scroll:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--blue-500) 35%,transparent)}
.user-permission-scroll::-webkit-scrollbar{width:9px}.user-permission-scroll::-webkit-scrollbar-track{background:transparent}.user-permission-scroll::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--blue-500) 42%,var(--border));background-clip:padding-box}
.permission-group{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 3px 12px rgba(31,61,102,.04)}
.permission-group::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--red)}
.permission-group[data-state="partial"]::before{background:var(--amber)}
.permission-group[data-state="full"]::before{background:var(--green)}
.permission-group[hidden]{display:none}
.permission-group summary{min-height:43px;padding:8px 11px 8px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;background:var(--surface-2);user-select:none}
.permission-group summary::-webkit-details-marker{display:none}
.permission-group summary::after{content:"⌄";margin-inline-start:2px;color:var(--muted);font-size:14px;transition:transform .18s}
.permission-group[open] summary::after{transform:rotate(180deg)}
.permission-group summary b{min-width:0;flex:1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.permission-group-progress{padding:3px 6px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:8px;white-space:nowrap}
.permission-group[data-state="partial"] .permission-group-progress{background:var(--amber-bg);color:var(--amber)}
.permission-group[data-state="full"] .permission-group-progress{background:var(--green-bg);color:var(--green)}
.permission-options{padding:9px;display:flex;align-items:flex-start;align-content:flex-start;gap:6px;flex-wrap:wrap;border-top:1px solid var(--border)}
.permission-options label{min-height:30px;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text-2);font-size:9px;font-weight:700;cursor:pointer}
.permission-options label:has(input:checked){border-color:color-mix(in srgb,var(--green) 55%,var(--border));background:var(--green-bg);color:var(--green)}
.permission-options em{width:100%;padding:7px 8px;border-radius:7px;background:var(--red-bg);color:var(--red);font-size:8px;font-style:normal;line-height:1.7}
.permission-customer-tabs{grid-column:span 2}
.permission-row{min-height:52px;display:grid;grid-template-columns:160px repeat(auto-fit,minmax(108px,1fr));align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}
.permission-row>b{min-width:0;font-size:11px}
.permission-row label,.customer-tab-permissions label{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:10px;font-weight:600;cursor:pointer}
.permission-row label:has(input:checked),.customer-tab-permissions label:has(input:checked){border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-700)}
.permission-row em{min-height:32px;display:flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:8px;color:var(--red);background:var(--red-bg);font-size:9px;font-style:normal;font-weight:800;text-align:center}
.permission-full{border-color:color-mix(in srgb,var(--green) 35%,var(--border))!important}
.customer-tab-permissions{margin:14px 16px 16px;padding-top:13px;border-top:1px solid var(--border)}
.customer-tab-permissions h4{margin:0 0 9px;font-size:11px}
.customer-tab-permissions>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:7px}
@media(max-width:1050px){.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-email-field,.user-password-field,.user-password-confirm-field,.user-form-grid>.settings-switch-row{grid-column:span 1}.user-email-field{grid-column:span 2}.permission-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.user-permission-head{align-items:flex-start}.user-permission-head-actions{max-width:360px}}
@media(max-width:700px){.user-form-grid{grid-template-columns:1fr}.user-email-field,.user-password-field,.user-password-confirm-field,.user-form-grid>.settings-switch-row{grid-column:1}.server-scope-mode,.user-server-selection-list{grid-template-columns:1fr}.permission-matrix{grid-template-columns:1fr}.permission-customer-tabs{grid-column:auto}.user-detail-actions{bottom:6px}.user-detail-actions button{flex:1}.user-access-form .panel-head{align-items:flex-start}.user-access-form .panel-head span{font-size:9px}.user-permission-head{display:grid}.user-permission-head-actions{width:100%;max-width:none;justify-content:flex-start}.user-permission-search{grid-template-columns:18px 1fr}.user-permission-search small{grid-column:1/-1}.user-permission-scroll{max-height:68vh}}
/* Customer Excel import */
.customer-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.customer-page-actions a{text-decoration:none}
.excel-action{min-height:35px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid color-mix(in srgb,#15803d 35%,var(--border));border-radius:9px;background:color-mix(in srgb,#dcfce7 60%,var(--surface));color:#166534;font:800 9px/1.4 "Vazirmatn",sans-serif;text-decoration:none;cursor:pointer;box-shadow:none}.excel-action svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none}.excel-action:hover{border-color:#16a34a;background:color-mix(in srgb,#dcfce7 85%,var(--surface));transform:translateY(-1px)}.excel-import{background:#15803d;color:white;border-color:#15803d}.excel-import:hover{background:#166534;color:white}.customer-import-controls .excel-action{height:43px;white-space:nowrap}
.customer-import-dialog{width:min(1180px,calc(100vw - 36px));max-width:1180px}
.customer-import-controls{display:grid;grid-template-columns:minmax(320px,1fr) auto auto;gap:10px;align-items:end;margin:14px 0}
.customer-import-file{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px}
.customer-import-file input{min-height:43px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}
.customer-import-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 13px;border-radius:12px;margin:8px 0 12px;border:1px solid var(--border)}
.customer-import-summary b{margin-inline-end:auto}
.customer-import-summary span,.customer-import-summary em{padding:4px 9px;border-radius:999px;font-style:normal;font-size:12px}
.customer-import-summary.valid{background:rgba(22,163,74,.08);border-color:rgba(22,163,74,.28)}
.customer-import-summary.valid span,.customer-import-summary.valid em{background:rgba(22,163,74,.12);color:#15803d}
.customer-import-summary.invalid{background:rgba(220,38,38,.07);border-color:rgba(220,38,38,.25)}
.customer-import-summary.invalid span,.customer-import-summary.invalid em{background:rgba(220,38,38,.1);color:#b91c1c}
.customer-import-preview{max-height:440px;border:1px solid var(--border);border-radius:13px}
.customer-import-preview table{min-width:1050px}
.customer-import-preview thead{position:sticky;top:0;z-index:2}
.customer-import-invalid-row{background:rgba(220,38,38,.055)}
.customer-import-valid-row{background:rgba(22,163,74,.025)}
.customer-import-result{min-width:230px}
.customer-import-result ul{margin:0;padding-inline-start:18px;color:#b91c1c;font-size:12px;line-height:1.7}
.dialog-inline-notice{position:sticky;top:0;z-index:25;margin:0 0 9px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--red) 38%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--red-bg) 92%,var(--surface));color:var(--red);font-size:10px;font-weight:800;box-shadow:0 6px 18px rgba(174,28,49,.12)}.dialog-inline-notice[hidden]{display:none}.profile-form-error{margin:8px 0 0;padding:9px 11px;border-radius:9px;background:var(--red-bg);border:1px solid color-mix(in srgb,var(--red) 32%,var(--border));color:var(--red);font-size:10px;font-weight:800}
.query-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.query-config-grid .query-wide-field{grid-column:span 2}.query-file-review select,.query-file-review textarea{width:100%;margin-top:3px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);outline:0}.query-file-review select{height:38px}.query-file-review textarea{resize:vertical;min-height:62px;font:inherit}.query-target-picker{padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.query-target-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:180px;overflow:auto;margin-top:8px}.query-target-option{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:10px}.query-target-option input{width:auto;height:auto;margin:0}.query-target-option span{display:grid}.query-target-option small{color:var(--muted)}.query-execution-details{max-width:520px}.query-execution-details summary{cursor:pointer;color:var(--blue-600);font-weight:700}.query-result-preview{max-height:260px;overflow:auto;margin-top:7px;border:1px solid var(--border);border-radius:9px}.query-result-preview table{min-width:520px;font-size:9px}.query-row-actions{display:flex;gap:5px;flex-wrap:wrap}
.query-action-policy{margin:0;padding:9px 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.query-action-policy legend{padding:0 6px;color:var(--text);font-size:10px;font-weight:800}.query-action-policy>label:not(.query-task-setting){min-height:48px;padding:7px 8px;display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:9px;background:var(--surface);cursor:pointer}.query-action-policy>label:has(input[type="checkbox"]:checked){border-color:color-mix(in srgb,var(--blue-500) 45%,var(--border));background:var(--blue-50)}.query-action-policy input[type="checkbox"]{width:15px;height:15px;min-width:15px;margin:0;accent-color:var(--blue-600)}.query-action-policy b,.query-action-policy small{display:block}.query-action-policy b{font-size:9px}.query-action-policy small{margin-top:1px;color:var(--muted);font-size:7px}.query-action-policy .query-task-setting{font-size:8px}.query-action-policy .query-task-setting input,.query-action-policy .query-task-setting select{height:32px;margin-top:2px}
.query-row-actions{min-width:132px;display:grid;grid-template-columns:1fr;align-items:start;gap:6px}
.query-row-actions>.query-primary-action{width:100%;min-height:32px}
.query-actions-menu{width:100%;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}
.query-actions-menu>summary{min-height:31px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-2);font-size:9px;font-weight:800;cursor:pointer;list-style:none;user-select:none}
.query-actions-menu>summary::-webkit-details-marker{display:none}
.query-actions-menu>summary::after{content:'\203A';font-size:15px;line-height:1;transform:rotate(90deg);transition:transform var(--transition)}
.query-actions-menu[open]>summary{color:var(--blue-600);border-bottom:1px solid var(--border);background:var(--blue-50)}
.query-actions-menu[open]>summary::after{transform:rotate(-90deg)}
.query-actions-menu-content{padding:6px;display:grid;grid-template-columns:1fr;gap:5px}
.query-actions-menu-content .compact-button,.query-actions-menu-content .entity-task-button{width:100%;min-height:30px;margin:0;padding:0 9px;display:flex;align-items:center;justify-content:flex-start;border-radius:7px;font-size:8px}
.query-actions-menu-content .danger-button{background:var(--red-bg);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 30%,var(--border))}
.query-actions-menu-content .danger-button:hover{background:var(--red);color:#fff}

/* Compact row operations shared by server and Query grids. The popover is fixed so
   it is not clipped by horizontally scrollable tables. */
.server-row-actions,.query-row-actions{min-width:42px;width:42px;display:grid;place-items:center;overflow:visible}
.row-action-menu{position:relative;width:34px;height:34px;overflow:visible}
.row-action-menu>summary{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text-2);cursor:pointer;list-style:none;font:900 13px/1 system-ui;letter-spacing:1px;transition:var(--transition)}
.row-action-menu>summary::-webkit-details-marker{display:none}
.row-action-menu[open]>summary,.row-action-menu>summary:hover{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-600)}
.row-action-menu-content{position:fixed;z-index:2500;max-height:min(430px,calc(100vh - 30px));padding:8px;display:grid;grid-template-columns:1fr;gap:6px;overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 18px 55px rgba(15,35,70,.22);direction:rtl}
.row-action-menu-content>.agent-screenshot-actions{display:grid;grid-template-columns:1fr;gap:6px}
.row-action-menu-content button,.row-action-menu-content a{width:100%;min-height:34px;margin:0;padding:0 10px;display:flex;align-items:center;justify-content:flex-start;border-radius:8px;font-size:9px;box-shadow:none}
.row-action-menu-content .agent-version-choice{padding:7px;border-bottom:1px dashed var(--border);grid-template-columns:minmax(0,1fr) 94px}
.row-action-menu-content .danger-button,.row-action-menu-content .server-delete-button,.row-action-menu-content .query-delete{color:var(--red);border-color:color-mix(in srgb,var(--red) 32%,var(--border));background:var(--red-bg)}
.mobile-number{direction:ltr!important;unicode-bidi:isolate;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Dense server inventory: headers own sorting and the full row fits beside the open sidebar. */
.server-list-wrap{overflow-x:auto}
.server-list-table{width:100%;min-width:1020px;table-layout:fixed}
.server-list-table .server-col-name{width:14%}
.server-list-table .server-col-ip{width:10%}
.server-list-table .server-col-customer{width:13%}
.server-list-table .server-col-kind{width:10%}
.server-list-table .server-col-os{width:21%}
.server-list-table .server-col-ram{width:8%}
.server-list-table .server-col-status{width:8%}
.server-list-table .server-col-version{width:11%}
.server-list-table .server-col-actions{width:44px}
.server-list-table th,.server-list-table td{min-width:0;padding:9px 8px;overflow:hidden;text-overflow:ellipsis}
.server-list-table th:last-child,.server-list-table td:last-child{padding-inline:5px;overflow:visible;text-align:center}
.server-list-table .server-name-cell{min-width:0;gap:2px}
.server-list-table .server-name-cell>b{font-size:10px}
.server-list-table .server-name-cell>small{font-size:7.5px}
.server-list-table .server-os-block{min-width:0;max-width:none;gap:1px}
.server-list-table .server-os-block b{font-size:8.5px}
.server-list-table .server-os-block small{font-size:7px}
.server-list-table .server-ip-cell code{display:block;overflow:hidden;text-overflow:ellipsis;font-size:8.5px;direction:ltr;text-align:left}
.server-list-table .server-customer-cell .customer-hyperlink{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-list-table .server-ram-cell{direction:ltr;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.server-list-table .server-ram-cell b{font-size:9px;color:var(--text-2)}
.server-list-table .server-kind-cell .state-pill,.server-list-table .server-status-cell .state-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-list-table .agent-version-badge{width:100%;min-width:0;max-width:100%;padding:4px 6px;gap:4px;overflow:hidden}
.server-list-table .agent-version-badge code,.server-list-table .agent-version-badge small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-list-table .agent-version-badge small{font-size:7px}
.customer-category-filter{min-width:142px}
.customer-list-table{min-width:1050px}
.customer-category-tag{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border:1px solid color-mix(in srgb,var(--blue-500) 28%,var(--border));border-radius:999px;background:var(--blue-50);color:var(--blue-700);font-size:8.5px;font-weight:800;white-space:nowrap}
.table-sort-button{width:100%;min-height:26px;padding:0;display:flex;align-items:center;justify-content:flex-start;gap:5px;border:0;background:transparent;color:inherit;font:inherit;text-align:right;cursor:pointer}
.table-sort-button i{width:14px;height:14px;display:grid;place-items:center;flex:0 0 auto;border-radius:5px;color:var(--muted);background:var(--surface);font-style:normal}
.table-sort-button i::before{content:'↕';font-size:9px;line-height:1}
.table-sort-button:hover,.table-sort-button.active{color:var(--blue-600)}
.table-sort-button.active i{color:white;background:var(--blue-600)}
.table-sort-button.active i::before{content:'↑'}
.table-sort-button.active.descending i::before{content:'↓'}
.customer-history-controls{display:flex!important;align-items:center;gap:8px}.customer-history-controls select{min-width:210px}.customer-history-panel{overflow:hidden}.customer-history-wrap{max-height:calc(100vh - 250px);min-height:320px;overflow:auto;scrollbar-color:var(--blue-500) var(--surface-2)}.customer-history-table{min-width:980px;table-layout:fixed}.customer-history-table th:first-child{width:38%}.customer-history-table th:nth-child(2){width:14%}.customer-history-table th:nth-child(3),.customer-history-table th:nth-child(4){width:15%}.customer-history-table th:nth-child(5){width:7%}.customer-history-table th:nth-child(6){width:11%}.customer-history-table thead th{position:sticky;top:0;z-index:5;background:var(--surface-2);box-shadow:0 1px 0 var(--border)}.customer-history-table td{vertical-align:middle}.customer-history-event{display:grid;gap:0}.customer-history-event>b{display:block;font-size:10px;line-height:1.65}.customer-history-event>small{display:block;margin-top:7px;padding-top:7px;border-top:1px dashed var(--border);color:var(--muted);font-size:8.5px;line-height:1.8;white-space:normal}.customer-history-server{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-history-table td:nth-child(3),.customer-history-table td:nth-child(4),.customer-history-table td:nth-child(5){font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:760px){.customer-history-controls{width:100%;align-items:stretch}.customer-history-controls select{min-width:0;flex:1}.customer-history-controls .state-pill{align-self:center}}
.database-size-stack{min-width:132px;display:grid;gap:6px;direction:ltr}
.database-size-stack>span{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px}
.database-size-stack b,.database-total-size{direction:ltr;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}
.database-storage-panel{position:relative;overflow:hidden}
.database-storage-panel::after{content:"";position:absolute;right:0;bottom:0;left:0;height:34px;pointer-events:none;background:linear-gradient(transparent,color-mix(in srgb,var(--surface) 92%,transparent));z-index:5}
.database-storage-wrap{scrollbar-width:auto;scrollbar-color:var(--blue-500) var(--surface-2);padding-bottom:18px}
.database-storage-wrap::-webkit-scrollbar{width:11px;height:11px}.database-storage-wrap::-webkit-scrollbar-thumb{border:2px solid var(--surface-2);border-radius:999px;background:var(--blue-500)}.database-storage-wrap::-webkit-scrollbar-track{background:var(--surface-2)}
.remote-client-os{display:grid;gap:3px;min-width:112px}.remote-client-os small{color:var(--muted);font-size:7px;white-space:normal}
@media(max-width:900px){.query-config-grid{grid-template-columns:1fr 1fr}.query-config-grid .query-wide-field{grid-column:span 2}.query-target-options{grid-template-columns:1fr}}
@media(max-width:850px){.customer-import-controls{grid-template-columns:1fr}.customer-page-actions{width:100%}.customer-page-actions>*{flex:1;justify-content:center}}

/* Installed software inventory */
.software-heading-actions{display:flex;align-items:center;gap:8px}.software-heading-actions select{min-width:210px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}
.software-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:11px}.software-summary-grid article{min-height:64px;padding:9px 12px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}.software-summary-grid span{color:var(--muted);font-size:9px}.software-summary-grid b{margin-top:2px;font-size:12px}.software-current-panel,.software-history-panel{margin-bottom:12px}.software-current-panel .panel-head,.software-history-panel .panel-head{min-height:58px}.software-inventory-table{min-width:1120px}.software-history-table{min-width:1050px}.software-inventory-table td,.software-history-table td{vertical-align:middle}.software-name-cell b,.software-name-cell small{display:block}.software-name-cell small{margin-top:2px;color:var(--muted);font-size:8px}.software-path{max-width:290px;direction:ltr;text-align:left}.software-path code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.software-actor b,.software-actor small{display:block}.software-actor small{color:var(--muted);font-size:8px}.software-event-installed{box-shadow:inset -3px 0 var(--green)}.software-event-removed{box-shadow:inset -3px 0 var(--red)}.software-event-versionchanged{box-shadow:inset -3px 0 var(--blue-500)}
@media(max-width:760px){.software-heading-actions{width:100%;align-items:stretch}.software-heading-actions select{min-width:0;flex:1}.software-summary-grid{grid-template-columns:1fr}.software-current-panel .panel-head{align-items:stretch;flex-direction:column}.software-current-panel .table-search{width:100%}}
/* Performance monitoring */
.performance-controls{display:flex;align-items:center;gap:7px}.performance-controls select{min-width:125px}.performance-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:11px}.performance-summary-grid article{min-width:0;min-height:74px;padding:9px 11px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}.performance-summary-grid span,.performance-summary-grid small{color:var(--muted);font-size:8px}.performance-summary-grid b{margin:3px 0 1px;direction:ltr;text-align:right;font-size:12px;white-space:nowrap}.performance-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:11px}.performance-chart-panel{min-width:0;overflow:hidden}.performance-chart-panel .panel-head{min-height:52px}.performance-chart-empty{min-height:220px;display:grid;place-items:center;color:var(--muted);font-size:10px}.performance-chart-legend{height:24px;padding:0 14px;display:flex;align-items:center;gap:13px;color:var(--muted);font-size:8px}.performance-chart-legend span{display:flex;align-items:center;gap:5px}.performance-chart-legend i{width:15px;height:3px;border-radius:3px}.performance-svg{display:block;width:100%;height:220px;direction:ltr}.performance-grid line{stroke:var(--border);stroke-width:1}.performance-grid text{fill:var(--muted);font-size:8px;text-anchor:end}.performance-line{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.performance-points circle{opacity:.6}.performance-web-panel{margin-bottom:11px}.performance-web-panel table{min-width:780px}.performance-web-panel td{vertical-align:middle}
@media(max-width:1200px){.performance-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.performance-heading{align-items:stretch;flex-direction:column}.performance-controls{width:100%;flex-wrap:wrap}.performance-controls select{flex:1}.performance-chart-grid{grid-template-columns:1fr}.performance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.performance-summary-grid{grid-template-columns:1fr}}
.entity-task-button{margin-top:5px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--blue-500) 35%,var(--border));border-radius:7px;background:var(--blue-50);color:var(--blue-700);font-size:7px;font-weight:800;cursor:pointer}
.chat-audio-attachment>a{width:27px;height:27px;display:grid;place-items:center;margin-inline-start:auto;border-radius:7px;color:inherit;background:color-mix(in srgb,currentColor 8%,transparent)}.chat-audio-attachment>a svg{width:14px}.chat-audio-attachment audio{display:block;width:min(260px,42vw);height:30px;margin-top:5px}
.task-card-link{width:100%;border:0;background:transparent;text-align:right;cursor:pointer}.task-card-link:hover{color:var(--blue-700)}

/* On-demand, administrator-only server screenshots */
.agent-screenshot-actions{display:inline-flex;align-items:center;gap:6px}.agent-screenshot-request{color:var(--blue-600);border-color:color-mix(in srgb,var(--blue-500) 42%,var(--border))}.agent-screenshot-request:disabled{color:var(--amber);background:var(--amber-bg);border-color:color-mix(in srgb,var(--amber) 38%,var(--border));opacity:1}.agent-screenshot-view{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--border));background:var(--green-bg)}
.screenshot-page-intro{align-items:center}.screenshot-server-grid{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.screenshot-empty{grid-column:1/-1;min-height:150px;display:grid;place-items:center;color:var(--muted)}.screenshot-server-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 5px 16px rgba(9,40,78,.05)}.screenshot-preview{width:100%;height:155px;padding:0;overflow:hidden;display:grid;place-items:center;border:0;border-bottom:1px solid var(--border);background:#0d1726;color:#a8bad0}.screenshot-preview img{width:100%;height:100%;object-fit:cover;object-position:center}.screenshot-view-button.screenshot-preview{cursor:zoom-in}.screenshot-placeholder{gap:8px;align-content:center}.screenshot-placeholder svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.6}.screenshot-placeholder span{font-size:10px}.screenshot-card-body{padding:11px}.screenshot-card-body header{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.screenshot-card-body header div{min-width:0}.screenshot-card-body header b,.screenshot-card-body header span{display:block}.screenshot-card-body header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.screenshot-card-body header div span{margin-top:2px;color:var(--muted);font-size:9px}.screenshot-card-meta{min-height:31px;margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.screenshot-card-meta time{color:var(--muted);font-size:8px}.screenshot-error{margin-top:7px;display:block;overflow:hidden;color:var(--red);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.screenshot-card-actions{margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:7px}.screenshot-card-actions button:disabled{opacity:.58;cursor:not-allowed}.server-screenshot-dialog{width:min(96vw,1280px)}.screenshot-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline-end:34px}.screenshot-dialog-head span{color:var(--muted);font-size:9px}.screenshot-dialog-head h2{margin:3px 0 0;font-size:17px}.screenshot-live-toolbar{margin-top:10px;padding:8px;display:flex;align-items:end;gap:8px;flex-wrap:wrap;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.screenshot-live-toolbar>label{min-width:290px;flex:1;display:grid;gap:3px;color:var(--muted);font-size:8px}.screenshot-live-toolbar select{height:35px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.screenshot-view-modes{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.screenshot-view-modes button{min-height:29px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:8px}.screenshot-view-modes button.active{background:var(--blue-50);color:var(--blue-600);font-weight:800}.screenshot-live-toolbar .live-running{background:var(--red);border-color:var(--red)}.screenshot-dialog-meta{margin-top:8px;color:var(--muted);font-size:9px;direction:rtl}.screenshot-dialog-canvas{min-height:420px;max-height:70vh;margin-top:12px;overflow:auto;display:grid;place-items:center;border:1px solid var(--border);border-radius:13px;background:#07101d}.screenshot-dialog-canvas>img{display:block;height:auto}.screenshot-dialog-canvas.screen-fit>img{max-width:100%;max-height:68vh;object-fit:contain}.screenshot-dialog-canvas.screen-original{display:block}.screenshot-dialog-canvas.screen-original>img{max-width:none;width:auto;margin:auto}.screenshot-dialog-canvas:fullscreen{max-height:none;width:100vw;height:100vh;border:0;border-radius:0;background:#000}.screenshot-dialog-canvas:fullscreen>img{max-width:100%;max-height:100%;margin:auto}.screenshot-waiting{min-height:360px;padding:30px;display:grid;place-items:center;align-content:center;gap:13px;color:#b7c8db;text-align:center}.screenshot-waiting svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.5}.screenshot-waiting.failed{color:#ff8593}.screenshot-dialog-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}
@media(max-width:1100px){.screenshot-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.screenshot-server-grid{grid-template-columns:1fr;padding:9px}.screenshot-dialog-canvas{min-height:260px}.screenshot-waiting{min-height:240px}}

/* Operational FTP backup source feedback */
.backup-connection-result{margin-top:9px;padding:9px 11px;display:grid;gap:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}
.backup-connection-result b{font-size:10px}.backup-connection-result small{color:var(--muted);font-size:8px;line-height:1.8;overflow-wrap:anywhere}
.backup-connection-result.checking{border-color:color-mix(in srgb,var(--blue-500) 45%,var(--border));background:var(--blue-50)}
.backup-connection-result.success{border-color:color-mix(in srgb,var(--green) 45%,var(--border));background:var(--green-bg)}.backup-connection-result.success b{color:var(--green)}
.backup-connection-result.failed{border-color:color-mix(in srgb,var(--red) 45%,var(--border));background:var(--red-bg)}.backup-connection-result.failed b{color:var(--red)}
.backup-connection-result.paused{border-color:var(--border);background:var(--surface-2)}.backup-connection-result.paused b{color:var(--muted)}
.backup-monitor-switch input:checked+i{background:var(--green);border-color:var(--green)}
.backup-monitor-switch em{min-width:54px;padding:4px 7px;border-radius:999px;text-align:center;font-size:8px;font-style:normal;font-weight:900}.backup-monitor-switch em.enabled{color:var(--green);background:var(--green-bg)}.backup-monitor-switch em.disabled{color:var(--muted);background:var(--surface-3)}
.backup-settings-section{transition:opacity .18s,filter .18s}.backup-settings-section.backup-settings-locked{opacity:.48;filter:grayscale(.45);user-select:none}.backup-settings-section.backup-settings-locked input,.backup-settings-section.backup-settings-locked select,.backup-settings-section.backup-settings-locked button{cursor:not-allowed}
.backup-settings-dialog .backup-settings-section{padding:11px 2px 2px;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}
.backup-result-prominent{position:sticky;top:-15px;z-index:20;box-shadow:0 7px 20px rgba(15,35,70,.10)}
.backup-database-options{max-height:170px;padding:3px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:auto;scrollbar-color:var(--blue-500) var(--surface-2)}
.backup-database-options label{min-height:34px;padding:5px 7px;gap:7px;border-radius:8px}
.backup-database-options label>b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:9px}
.backup-database-options label>small{flex:0 0 auto;padding:2px 5px;border-radius:999px;font-size:7px}.backup-database-options label>small.inventory-present{color:var(--green);background:var(--green-bg)}.backup-database-options label>small.inventory-missing{color:var(--amber);background:var(--amber-bg)}
.backup-database-options label>i{order:-1;width:17px;height:17px;border-radius:5px}
@media(max-width:700px){.backup-database-options{grid-template-columns:1fr}}

/* Compact Query upload surface; the form expands only after a file is selected. */
.query-upload-layout{display:block;margin-bottom:10px}.query-upload-panel .panel-head{min-height:46px}.query-upload-body{padding:8px 10px 10px}.query-drop-zone{min-height:68px;padding:9px 12px;gap:10px;border-radius:10px}.query-drop-zone b{font-size:11px}.query-upload-icon{width:34px;height:34px;border-radius:9px}.query-upload-icon svg{width:17px}.query-list-panel table{min-width:1120px}.query-list-panel tbody td>small{display:block;margin-top:3px;color:var(--muted);font-size:8px}
.query-page-actions{align-items:center}.query-top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:7px}.query-top-actions .primary-button{min-height:36px;padding-inline:13px}.query-top-actions .query-count-summary{height:36px;display:flex;align-items:center;gap:5px;white-space:nowrap}
.query-list-tools{display:flex;align-items:center;gap:8px}.query-page-size{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;font-weight:700}.query-page-size select{height:34px;min-width:66px;padding:0 7px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);direction:ltr}
.query-table-wrap{max-height:calc(100vh - 260px);min-height:260px;overflow:auto;scrollbar-color:var(--blue-500) var(--surface-2)}.query-list-table thead th{position:sticky;top:0;z-index:12;background:var(--surface-2);box-shadow:0 1px 0 var(--border);white-space:nowrap}.query-list-table tbody tr{position:relative}.query-pagination{min-height:46px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);color:var(--muted);font-size:9px}.query-pagination>div{display:flex;gap:6px}.query-pagination button{min-width:64px}
@media(max-width:760px){.query-page-actions{align-items:stretch}.query-top-actions{width:100%;margin:0;justify-content:flex-end}.query-list-tools{width:100%;align-items:stretch;flex-direction:column}.query-list-tools .table-search{width:100%}}

/* Collaboration workspace V2: focused thread, searchable inbox and contextual task drawer. */
.collaboration-page{
  height:calc(100dvh - 110px);
  min-height:590px;
  padding-top:14px;
  overflow:hidden;
  container:collaboration-v2 / inline-size;
}
.collaboration-page .collaboration-shell{
  position:relative;
  isolation:isolate;
  width:100%;
  height:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(260px,300px) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  gap:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--blue-500) 9%,var(--border));
  border-radius:22px;
  background:var(--surface);
  box-shadow:0 18px 52px rgba(17,49,88,.10);
}
.collaboration-page .collaboration-pane{min-width:0;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none}
.collaboration-page .conversation-rail,
.collaboration-page .chat-panel,
.collaboration-page .task-rail{display:flex;flex-direction:column}
.collaboration-page .conversation-rail{
  position:relative;
  z-index:2;
  overflow:hidden;
  border-inline-end:1px solid var(--border);
  background:linear-gradient(180deg,color-mix(in srgb,var(--blue-50) 42%,var(--surface)) 0,var(--surface) 34%);
}
.collaboration-page .conversation-rail-head{
  min-height:76px;
  padding:14px 16px 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:0;
}
.collaboration-brand{min-width:0;display:flex;align-items:center;gap:10px}
.collaboration-brand>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(145deg,var(--blue-500),var(--blue-700));color:white;box-shadow:0 8px 18px rgba(11,94,215,.2)}
.collaboration-brand>span svg{width:18px;height:18px}
.collaboration-brand b,.collaboration-brand small{display:block}
.collaboration-brand b{font-size:14px;line-height:1.35}
.collaboration-brand small{margin-top:2px;color:var(--muted);font-size:9px;white-space:nowrap}
.collaboration-page .realtime-dot{min-width:42px;height:25px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--green-bg) 68%,var(--surface));color:var(--green);font-size:8px;font-weight:800}
.collaboration-page .realtime-dot i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}
.conversation-search{height:39px;margin:3px 12px 9px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface-2) 78%,var(--surface));transition:border-color .16s,box-shadow .16s,background .16s}
.conversation-search:focus-within{border-color:var(--blue-500);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-500) 11%,transparent)}
.conversation-search svg{width:16px;height:16px;flex:0 0 auto;color:var(--muted)}
.conversation-search input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}
.conversation-search input::placeholder{color:var(--muted)}
.conversation-filter-tabs{margin:0 12px 9px;padding:3px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;border-radius:10px;background:var(--surface-3)}
.conversation-filter-tabs button{min-width:0;height:29px;padding:0 4px;overflow:hidden;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.conversation-filter-tabs button:hover{color:var(--text-2)}
.conversation-filter-tabs button.active{background:var(--surface);color:var(--blue-600);box-shadow:0 3px 10px rgba(21,54,94,.09)}
.assistant-conversation-wrap{padding:0 8px 7px;border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent)}
.collaboration-page .assistant-conversation-card{width:100%;min-height:61px;margin:0;padding:9px 10px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--violet) 18%,var(--border));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--violet) 8%,var(--surface)),color-mix(in srgb,var(--blue-50) 50%,var(--surface)));color:var(--text);text-align:right;box-shadow:none;cursor:pointer}
.collaboration-page .assistant-conversation-card:hover{border-color:color-mix(in srgb,var(--violet) 34%,var(--border));transform:none}
.collaboration-page .assistant-conversation-card.active{border-color:color-mix(in srgb,var(--violet) 48%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--violet) 14%,var(--surface)),color-mix(in srgb,var(--blue-50) 70%,var(--surface)));box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 8%,transparent)}
.collaboration-page .conversation-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--blue-50);color:var(--blue-600)}
.collaboration-page .conversation-avatar svg{width:17px;height:17px}
.collaboration-page .conversation-avatar.group{background:color-mix(in srgb,var(--blue-500) 11%,var(--surface));color:var(--blue-700)}
.collaboration-page .conversation-avatar.direct{background:var(--surface-3);color:var(--text-2)}
.collaboration-page .conversation-avatar.assistant{background:linear-gradient(145deg,var(--violet),var(--blue-600));color:white;box-shadow:0 6px 14px color-mix(in srgb,var(--violet) 22%,transparent)}
.collaboration-page .assistant-conversation-card .conversation-title-line em{padding:2px 5px;border-radius:6px;background:color-mix(in srgb,var(--violet) 12%,var(--surface));color:var(--violet);font-size:7px;font-style:normal}
.collaboration-page .conversation-list{min-height:0;padding:7px 8px 12px;display:block;overflow:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--blue-500) 45%,transparent) transparent}
.collaboration-page .conversation-section{min-width:0}
.collaboration-page .conversation-section+section{margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent)}
.collaboration-page .conversation-section>header{height:27px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted)}
.collaboration-page .conversation-section>header b{font-size:8px;font-weight:800;letter-spacing:.1px}
.collaboration-page .conversation-section>header em{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--surface-3);color:var(--text-2);font-size:7px;font-style:normal}
.collaboration-page .conversation-section-empty{margin:8px;padding:13px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:9px;line-height:1.8;text-align:center}
.collaboration-page .conversation-item:not(.assistant-conversation-card){position:relative;width:100%;min-height:64px;margin:2px 0;padding:8px 9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--text);text-align:right;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.collaboration-page .conversation-item:not(.assistant-conversation-card):hover{border-color:color-mix(in srgb,var(--blue-500) 9%,var(--border));background:var(--surface-2);transform:translateX(-1px)}
.collaboration-page .conversation-item:not(.assistant-conversation-card).active{border-color:color-mix(in srgb,var(--blue-500) 22%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--blue-50) 55%,var(--surface)),var(--surface));box-shadow:inset -3px 0 var(--blue-500)}
.collaboration-page .conversation-copy{min-width:0;display:block}
.collaboration-page .conversation-title-line{min-width:0;display:flex;align-items:center;gap:5px}
.collaboration-page .conversation-title-line>b{min-width:0;flex:1;overflow:hidden;color:var(--text);font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.collaboration-page .conversation-copy>small{display:block;margin-top:3px;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.collaboration-page .conversation-presence{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-size:6.5px;font-weight:800}
.collaboration-page .conversation-presence i{width:6px;height:6px;border-radius:50%;background:currentColor}
.collaboration-page .conversation-presence.online{color:var(--green)}
.collaboration-page .conversation-presence.offline{color:var(--muted)}
.conversation-item-aside{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:5px}
.conversation-item-aside time{color:var(--muted);font-size:7px;direction:rtl;white-space:nowrap}
.collaboration-page .conversation-unread{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--blue-600);color:white;font-size:7px;font-style:normal;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-500) 10%,transparent)}
.conversation-list-empty{min-height:150px;padding:24px 15px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--muted);text-align:center}
.conversation-list-empty svg{width:26px;height:26px}.conversation-list-empty b{color:var(--text-2);font-size:10px}.conversation-list-empty small{font-size:8px}

.collaboration-page .chat-panel{position:relative;z-index:1;overflow:hidden;background:var(--surface)}
.collaboration-page .chat-header{min-height:76px;padding:10px 17px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px)}
.chat-mobile-back{display:none;width:36px;height:36px;padding:0;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text-2);cursor:pointer}
.chat-mobile-back svg{width:17px;height:17px}
.active-conversation-avatar{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:var(--blue-50);color:var(--blue-600)}
.active-conversation-avatar svg{width:19px;height:19px}
.active-conversation-avatar.direct{background:var(--surface-3);color:var(--text-2)}
.active-conversation-avatar.assistant{background:linear-gradient(145deg,var(--violet),var(--blue-600));color:white;box-shadow:0 7px 17px color-mix(in srgb,var(--violet) 20%,transparent)}
.active-conversation-copy{min-width:0}
.collaboration-page .chat-header .active-conversation-copy h2{margin:0;overflow:hidden;color:var(--text);font-size:14px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.active-conversation-copy>span{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--muted);font-size:8px}
.active-conversation-copy>span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 10%,transparent)}
.active-conversation-copy>span.offline::before{background:var(--muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 10%,transparent)}
.active-conversation-copy>span.assistant::before{background:var(--violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 10%,transparent)}
.collaboration-page .chat-header-actions{display:flex;align-items:center;gap:7px}
.chat-action-button{height:38px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text-2);font-size:9px;font-weight:800;cursor:pointer;transition:.16s}
.chat-action-button:hover,.chat-action-button[aria-expanded="true"]{border-color:color-mix(in srgb,var(--blue-500) 42%,var(--border));background:var(--blue-50);color:var(--blue-700)}
.chat-action-button svg{width:16px;height:16px}
.chat-action-button em{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:7px;background:var(--surface);color:var(--blue-600);font-size:7px;font-style:normal}
.collaboration-page .assistant-suggestions{padding:8px 14px;display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--violet) 3%,var(--surface))}
.collaboration-page .assistant-suggestions button{flex:0 0 auto;min-height:31px;padding:0 10px;border:1px solid color-mix(in srgb,var(--violet) 20%,var(--border));border-radius:999px;background:var(--surface);color:var(--text-2);font-size:8px;cursor:pointer}
.collaboration-page .assistant-suggestions button:hover{border-color:var(--violet);color:var(--violet)}
.collaboration-page .chat-messages{position:relative;flex:1;min-height:0;padding:20px clamp(14px,3vw,38px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--blue-500) 42%,transparent) transparent;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--blue-500) 5%,transparent),transparent 30%),radial-gradient(circle at 88% 84%,color-mix(in srgb,var(--violet) 4%,transparent),transparent 31%),color-mix(in srgb,var(--surface-2) 58%,var(--surface))}
.collaboration-page .chat-empty{height:100%;min-height:240px;padding:25px;display:grid;place-content:center;justify-items:center;gap:6px;color:var(--muted);text-align:center}
.collaboration-page .chat-empty>span{width:56px;height:56px;margin-bottom:4px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--blue-500) 16%,var(--border));border-radius:18px;background:var(--surface);color:var(--blue-600);box-shadow:0 10px 25px rgba(20,55,95,.08)}
.collaboration-page .chat-empty svg{width:25px;height:25px}
.collaboration-page .chat-empty b{color:var(--text-2);font-size:12px}
.collaboration-page .chat-empty small,.collaboration-page .chat-empty>small{max-width:320px;font-size:9px;line-height:1.8}
.chat-date-separator{margin:9px 0 17px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:8px}
.chat-date-separator::before,.chat-date-separator::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--border),transparent)}
.chat-date-separator span{padding:4px 9px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);white-space:nowrap}
.collaboration-page .chat-message{width:fit-content;max-width:min(78%,680px);margin:0 0 12px;display:flex;align-items:flex-end;gap:8px}
.collaboration-page .chat-message.own{margin-inline-start:auto;flex-direction:row-reverse}
.chat-message-avatar{width:33px;height:33px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--blue-700);font-size:8px;font-weight:900;box-shadow:0 5px 12px rgba(20,50,90,.07)}
.chat-message.assistant .chat-message-avatar{background:linear-gradient(145deg,var(--violet),var(--blue-600));color:white;border-color:transparent}
.chat-message.own .chat-message-avatar{background:var(--blue-50);color:var(--blue-700);border-color:color-mix(in srgb,var(--blue-500) 18%,var(--border))}
.collaboration-page .chat-message-bubble{min-width:120px;padding:9px 11px 8px;border:1px solid var(--border);border-radius:15px 15px 5px 15px;background:var(--surface);color:var(--text);box-shadow:0 7px 20px rgba(20,51,91,.06)}
.collaboration-page .chat-message.own .chat-message-bubble{border-color:transparent;border-radius:15px 15px 15px 5px;background:linear-gradient(145deg,var(--blue-600),var(--blue-700));color:white;box-shadow:0 8px 20px rgba(11,94,215,.18)}
.collaboration-page .chat-message.assistant .chat-message-bubble{border-color:color-mix(in srgb,var(--violet) 25%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--violet) 6%,var(--surface)),var(--surface))}
.collaboration-page .chat-message-meta{margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:7px}
.collaboration-page .chat-message-meta b{color:var(--text-2);font-size:8px}
.collaboration-page .chat-message.own .chat-message-meta,.collaboration-page .chat-message.own .chat-message-meta b{color:rgba(255,255,255,.73)}
.collaboration-page .chat-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.9}
.collaboration-page .chat-attachment{margin-top:7px;padding:7px;display:flex;align-items:center;gap:8px;border-radius:10px;color:inherit;background:color-mix(in srgb,currentColor 7%,transparent);text-decoration:none}
.collaboration-page .chat-attachment-preview{width:64px;height:54px;object-fit:cover;border-radius:8px}
.collaboration-page .chat-attachment-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:color-mix(in srgb,currentColor 9%,transparent)}
.collaboration-page .chat-attachment-icon svg{width:16px;height:16px}
.collaboration-page .chat-attachment-copy{min-width:0;flex:1}.collaboration-page .chat-attachment-copy b,.collaboration-page .chat-attachment-copy small{display:block}.collaboration-page .chat-attachment-copy b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.collaboration-page .chat-attachment-copy small{margin-top:2px;font-size:7px;opacity:.72}
.collaboration-page .chat-upload-preview{margin:0 14px 7px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid color-mix(in srgb,var(--blue-500) 20%,var(--border));border-radius:10px;background:var(--blue-50);font-size:8px}
.chat-voice-draft{margin:0 14px 7px;padding:8px 9px;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--red) 22%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--red-bg) 48%,var(--surface))}
.chat-voice-draft-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--red);color:white}.chat-voice-draft-icon svg{width:16px;height:16px}
.chat-voice-draft-copy{min-width:78px;flex:1}.chat-voice-draft-copy b,.chat-voice-draft-copy small{display:block}.chat-voice-draft-copy b{font-size:8px}.chat-voice-draft-copy small{margin-top:2px;color:var(--red);font-size:8px;font-weight:900}
.chat-voice-draft audio{width:min(240px,32vw);height:32px}
.chat-voice-draft-button{height:31px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-2);font-size:7px;font-weight:900;cursor:pointer}.chat-voice-draft-button:hover{border-color:var(--blue-500);color:var(--blue-600)}.chat-voice-draft-button.danger{color:var(--red)}.chat-voice-draft-button.danger:hover{border-color:var(--red);background:var(--red-bg)}.chat-voice-draft-button.primary{border-color:var(--blue-600);background:var(--blue-600);color:white}
.collaboration-page .chat-composer{padding:10px 14px 12px;border-top:1px solid var(--border);background:var(--surface)}
.chat-composer-bar{min-height:50px;padding:5px 6px;display:flex;align-items:flex-end;gap:5px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);transition:border-color .16s,box-shadow .16s,background .16s}
.chat-composer-bar:focus-within{border-color:var(--blue-500);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue-500) 9%,transparent)}
.collaboration-page .chat-input-shell{min-width:0;flex:1;display:block}
.collaboration-page .chat-input-shell textarea{width:100%;min-height:38px;max-height:120px;padding:8px 6px;display:block;overflow-y:auto;border:0;border-radius:0;outline:0;background:transparent;color:var(--text);font-size:10px;line-height:1.8;resize:none;box-shadow:none}
.collaboration-page .chat-input-shell textarea:focus{border:0;box-shadow:none}
.collaboration-page .composer-icon{width:38px;min-width:38px;height:38px;padding:0;display:grid;place-items:center;border:0;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer}
.collaboration-page .composer-icon:hover{background:var(--surface-3);color:var(--blue-600)}
.collaboration-page .composer-icon svg{width:17px;height:17px}
.collaboration-page .composer-icon.recording{background:var(--red-bg);color:var(--red)}
.collaboration-page .chat-send-button{height:38px;margin:0;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:var(--blue-600);color:white;font-size:9px;font-weight:900;box-shadow:0 6px 14px rgba(11,94,215,.18);cursor:pointer;transition:.15s}
.collaboration-page .chat-send-button:hover{background:var(--blue-700);transform:translateY(-1px)}
.collaboration-page .chat-send-button:disabled{opacity:.44;box-shadow:none;cursor:not-allowed;transform:none}
.collaboration-page .chat-send-button svg{width:15px;height:15px}
.chat-composer-hint{display:block;margin:5px 8px 0;color:var(--muted);font-size:7px}

.task-rail-backdrop{position:absolute;z-index:20;inset:0;padding:0;border:0;background:rgba(8,20,38,.24);opacity:0;pointer-events:none;cursor:default;transition:opacity .2s;backdrop-filter:blur(1px)}
.collaboration-page .task-rail{position:absolute;z-index:21;inset-block:0;inset-inline-end:0;width:min(390px,calc(100% - 72px));overflow:hidden;border-inline-start:1px solid var(--border);background:var(--surface);box-shadow:18px 0 48px rgba(7,28,54,.22);transform:translateX(-105%);visibility:hidden;transition:transform .24s ease,visibility 0s linear .24s}
.collaboration-page.tasks-open .task-rail-backdrop{opacity:1;pointer-events:auto}
.collaboration-page.tasks-open .task-rail{transform:translateX(0);visibility:visible;transition:transform .24s ease,visibility 0s}
.collaboration-page .task-rail-head{min-height:76px;padding:10px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid var(--border)}
.collaboration-page .task-rail-head>div{min-width:0}.collaboration-page .task-rail-head b,.collaboration-page .task-rail-head small{display:block}.collaboration-page .task-rail-head b{font-size:13px}.collaboration-page .task-rail-head small{margin-top:2px;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.task-rail-close{width:35px;height:35px;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text-2);cursor:pointer}.task-rail-close:hover{border-color:var(--blue-500);color:var(--blue-600)}.task-rail-close svg{width:16px;height:16px}
.task-create-button{height:36px;padding:0 10px;display:flex;align-items:center;gap:6px;border:0;border-radius:10px;background:var(--blue-600);color:white;font-size:8px;font-weight:900;box-shadow:0 6px 14px rgba(11,94,215,.17);cursor:pointer}.task-create-button svg{width:14px;height:14px}
.collaboration-page .task-filter-tabs{margin:10px 12px;padding:3px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border-radius:10px;background:var(--surface-3)}
.collaboration-page .task-filter-tabs button{height:31px;min-width:0;padding:0 5px;overflow:hidden;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.collaboration-page .task-filter-tabs button.active{background:var(--surface);color:var(--blue-600);box-shadow:0 3px 10px rgba(20,50,90,.08)}
.collaboration-page .collaboration-task-list{min-height:0;padding:0 12px 14px;display:grid;align-content:start;gap:8px;overflow:auto;scrollbar-width:thin}
.collaboration-page .collaboration-task-card{position:relative;padding:11px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);box-shadow:none;cursor:default;transition:border-color .15s,background .15s,transform .15s}
.collaboration-page .collaboration-task-card:hover{border-color:color-mix(in srgb,var(--blue-500) 24%,var(--border));background:var(--surface);transform:translateY(-1px)}
.collaboration-page .collaboration-task-card.overdue{border-color:color-mix(in srgb,var(--red) 34%,var(--border));background:color-mix(in srgb,var(--red-bg) 58%,var(--surface))}
.collaboration-page .task-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.collaboration-page .task-card-top b{min-width:0;overflow:hidden;color:var(--text);font-size:10px;line-height:1.7;text-overflow:ellipsis;white-space:nowrap}
.task-card-description{margin:6px 0 0;display:-webkit-box;overflow:hidden;color:var(--text-2);font-size:8px;line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.collaboration-page .task-priority{flex:0 0 auto;padding:3px 6px;border-radius:7px;background:var(--blue-50);color:var(--blue-700);font-size:7px}.collaboration-page .task-priority.Critical{background:var(--red-bg);color:var(--red)}.collaboration-page .task-priority.High{background:var(--amber-bg);color:var(--amber)}
.collaboration-page .task-card-meta{margin-top:8px;padding-top:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;border-top:1px solid var(--border);color:var(--muted);font-size:7px}.collaboration-page .task-card-meta .task-status{justify-self:start;padding:2px 6px;border-radius:6px;background:var(--surface-3);color:var(--text-2)}
.collaboration-page .task-card-link{width:100%;margin-top:7px;padding:7px 0 0;display:flex;align-items:center;gap:5px;border:0;border-top:1px dashed var(--border);border-radius:0;background:transparent;color:var(--blue-600);font-size:7px;text-align:right;cursor:pointer}.collaboration-page .task-card-link svg{width:13px;height:13px}
.task-card-actions{margin-top:8px;display:flex;align-items:center;justify-content:flex-end;gap:5px}
.task-card-action{height:30px;padding:0 8px;display:flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-2);font-size:7px;font-weight:800;cursor:pointer}.task-card-action:hover{border-color:var(--blue-500);color:var(--blue-600)}.task-card-action svg{width:13px;height:13px}
.task-card-action.danger{color:var(--red)}.task-card-action.danger:hover{border-color:var(--red);background:var(--red-bg)}
.collaboration-task-dialog{width:min(760px,calc(100vw - 32px))}.task-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-form-grid textarea{resize:vertical}.nav-item[data-page="collaboration"] em{min-width:21px}.nav-item[data-page="collaboration"] em:empty,.nav-item[data-page="collaboration"] em[data-zero="true"]{opacity:.45}
.task-dialog-delete-button{margin-inline-end:auto}.task-dialog-delete-button svg{width:15px;height:15px}
.collaboration-task-delete-dialog{width:min(520px,calc(100vw - 30px))}.task-delete-warning{margin:12px 0;padding:12px;border:1px solid color-mix(in srgb,var(--red) 25%,var(--border));border-radius:12px;background:var(--red-bg)}.task-delete-warning p{margin:0;color:var(--text-2);font-size:9px;line-height:1.9}.task-delete-warning strong{display:block;margin-top:8px;padding:7px 9px;border-radius:8px;background:var(--surface);color:var(--red);font-size:10px;overflow-wrap:anywhere}

@container collaboration-v2 (max-width:840px){
  .collaboration-page .collaboration-shell{grid-template-columns:minmax(230px,36%) minmax(0,1fr)}
  .collaboration-page .conversation-rail-head{padding-inline:12px}
  .collaboration-brand small{display:none}
  .collaboration-page .realtime-dot{min-width:25px;width:25px;padding:0;font-size:0}.collaboration-page .realtime-dot i{margin:0}
  .chat-action-button span{display:none}
}
@container collaboration-v2 (max-width:620px){
  .collaboration-page .collaboration-shell{grid-template-columns:minmax(0,1fr)}
  .collaboration-page .conversation-rail,.collaboration-page .chat-panel{grid-area:1/1;min-width:0}
  .collaboration-page .chat-panel{display:none}
  .collaboration-page.conversation-open .conversation-rail{display:none}
  .collaboration-page.conversation-open .chat-panel{display:flex}
  .chat-mobile-back{display:grid}
  .collaboration-page .task-rail{width:100%;border-inline-start:0}
}
@media(max-width:720px){
  .collaboration-page{height:calc(100dvh - 88px);min-height:520px;padding-top:8px;overflow:hidden}
  .collaboration-page .collaboration-shell{height:100%;grid-template-rows:minmax(0,1fr);border-radius:16px}
  .collaboration-page .conversation-rail{max-height:none}
  .collaboration-page .chat-panel{min-height:0}
  .collaboration-page .task-rail{min-height:0}
  .task-form-grid{grid-template-columns:1fr}.task-form-grid .wide-label{grid-column:auto}
}
@media(max-width:480px){
  .collaboration-page .chat-header{padding-inline:10px;gap:7px}
  .active-conversation-avatar{width:38px;height:38px;border-radius:12px}
  .collaboration-page .chat-header .active-conversation-copy h2{font-size:12px}
  .chat-action-button{width:36px;padding:0;justify-content:center}.chat-action-button em{position:absolute;margin:-28px 0 0 -25px}
  .collaboration-page .chat-messages{padding:15px 10px}
  .collaboration-page .chat-message{max-width:92%}
  .chat-message-avatar{width:29px;height:29px;border-radius:9px}
  .collaboration-page .chat-composer{padding:8px}
  .collaboration-page .chat-send-button{width:38px;padding:0}.collaboration-page .chat-send-button span,.chat-composer-hint{display:none}
  .chat-voice-draft{margin-inline:8px;flex-wrap:wrap}.chat-voice-draft audio{order:5;width:100%}.chat-voice-draft-copy{min-width:110px}
  .task-create-button span{display:none}.task-create-button{width:36px;padding:0;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.collaboration-page .task-rail,.task-rail-backdrop,.collaboration-page .conversation-item,.collaboration-page .collaboration-task-card{transition:none!important}}

/* Keep the alert-policy close control visible while its long rule list scrolls. */
.alert-policy-dialog>.dialog-close{position:sticky;top:0;left:0;z-index:60;float:left;margin:0 0 -32px 0;box-shadow:0 5px 16px rgba(9,40,78,.12)}

/* Server operations use a compact, conventional text menu. */
.row-action-menu-content{padding:4px;gap:0;border-radius:8px;overscroll-behavior:contain;scrollbar-width:thin}
.row-action-menu-content>.agent-screenshot-actions{display:contents}
.row-action-menu-content button,.row-action-menu-content a{min-height:29px;padding:0 9px;border:0!important;border-radius:5px;background:transparent!important;color:var(--text-2)!important;font-size:9px;font-weight:700;box-shadow:none!important;text-decoration:none}
.row-action-menu-content button:hover,.row-action-menu-content a:hover{background:var(--surface-2)!important;color:var(--text)!important}
.row-action-menu-content button:disabled{color:var(--muted)!important;background:transparent!important;opacity:.58}
.row-action-menu-content .danger-button,.row-action-menu-content .server-delete-button,.row-action-menu-content .query-delete{border:0!important;background:transparent!important;color:var(--text-2)!important}
.row-action-menu-content .agent-version-choice{padding:3px 4px 5px;margin-bottom:2px;border:0;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 76px;gap:4px}
.row-action-menu-content .agent-target-version-select{height:29px;border-radius:5px;font-size:8px;box-shadow:none}
.row-action-menu-content .agent-update-button{min-height:29px;padding-inline:6px}

/* Responsive application frame: fixed navigation must never cover RTL tables. */
:root{--app-sidebar-offset:var(--sidebar-width)}
html,body,.app-view{max-width:100%;overflow-x:hidden}
.app-main{width:calc(100% - var(--app-sidebar-offset));max-width:calc(100vw - var(--app-sidebar-offset));margin-right:var(--app-sidebar-offset);box-sizing:border-box;min-width:0;overflow-x:clip}
.page,.page>.panel,.full-panel,.table-wrap,.collaboration-page,.collaboration-shell{min-width:0;max-width:100%}
.table-wrap{overscroll-behavior-inline:contain}

/* Customer and user actions share one compact, predictable toolbar. */
.customer-header-action{min-width:145px;min-height:38px;justify-content:center;gap:7px;border-radius:9px;white-space:nowrap}
.customer-header-action svg,.user-create-button svg{width:16px;height:16px}
.customer-profile-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.server-delete-confirmation textarea{width:100%;min-height:68px;margin-top:5px;padding:8px 10px;resize:vertical;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);font:inherit}
.server-delete-confirmation textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 13%,transparent)}
.user-subtab-bar{align-items:center;overflow:visible}
.user-subtab-list{min-width:0;display:flex;align-items:center;gap:6px}
.user-subtab-bar .user-create-button{height:38px;min-height:38px;margin-inline-start:auto;padding:0 13px;flex:0 0 auto;border:1px solid var(--blue-600);border-radius:9px;background:var(--blue-600);color:white;box-shadow:0 5px 14px rgba(11,94,215,.2);white-space:nowrap}
.user-subtab-bar .user-create-button:hover{border-color:var(--blue-700);background:var(--blue-700);color:white}

/* Per-user favorites. The tier remains first regardless of column sort direction. */
.server-name-with-favorite,.customer-name-with-favorite{min-width:0;display:flex;align-items:center;gap:6px}
.customer-name-with-favorite .company-cell,.server-name-with-favorite .server-name-cell{min-width:0}
.favorite-toggle{width:32px;height:32px;min-width:32px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font:700 19px/1 system-ui;cursor:pointer;transition:color .15s,background .15s,border-color .15s,transform .15s}
.favorite-toggle:hover{color:#d38a00;border-color:color-mix(in srgb,#f2a900 38%,var(--border));background:color-mix(in srgb,#fff2c2 50%,var(--surface));transform:translateY(-1px)}
.favorite-toggle.selected{color:#e69b00;border-color:color-mix(in srgb,#e69b00 34%,var(--border));background:color-mix(in srgb,#fff2c2 62%,var(--surface))}
.favorite-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--blue-500) 32%,transparent);outline-offset:2px}
.favorite-toggle:disabled{opacity:.55;cursor:wait;transform:none}
.agentless-server-row{background:color-mix(in srgb,var(--amber-bg) 30%,transparent)}

@media(max-width:900px){.app-main{width:100%;max-width:100%;margin-right:0}}
@media(max-width:700px){.sms-provider-fields,.sms-backup-dialog-form{grid-template-columns:1fr}.sms-backup-heading{align-items:stretch;flex-direction:column}.sms-backup-heading button{justify-content:center}.sms-provider-card>header{align-items:flex-start;flex-direction:column}.sms-provider-header-actions{width:100%;flex-wrap:wrap;justify-content:flex-end}.sms-backup-summary{grid-template-columns:1fr 1fr}.sms-backup-dialog-form .wide-label{grid-column:auto}}
@media(max-width:760px){.customer-profile-actions{width:100%;margin:0;display:grid;grid-template-columns:1fr}.customer-profile-actions .customer-back-button{order:0;width:100%;margin:0}.customer-profile-actions button{justify-content:center}}
@media(max-width:640px){.user-subtab-bar{overflow:visible}.user-subtab-list{flex:1;overflow-x:auto;scrollbar-width:thin}.user-subtab-list button{flex:0 0 auto}.user-subtab-bar .user-create-button{width:38px;padding:0;justify-content:center}.user-subtab-bar .user-create-button span{display:none}.customer-page-actions{display:grid;grid-template-columns:1fr 1fr}.page-actions-row .customer-page-actions .customer-header-action{width:100%;min-width:0;padding-inline:8px;font-size:8px}}