:root{
  --sa-bg:#eef3f9;--sa-bg-deep:#e7edf6;--sa-surface:#ffffff;--sa-surface-2:#f7f9fc;--sa-surface-3:#edf2f8;--sa-surface-4:#e4ebf4;
  --sa-text:#102038;--sa-text-2:#314159;--sa-muted:#66768d;--sa-faint:#8b98aa;--sa-line:#dce4ef;--sa-line-strong:#c8d4e3;
  --sa-primary:#3357dc;--sa-primary-2:#7655e7;--sa-primary-3:#1d8bd1;--sa-primary-soft:#edf1ff;
  --sa-success:#0d8a62;--sa-success-soft:#e8f8f1;--sa-warning:#b56a0d;--sa-warning-soft:#fff5df;
  --sa-danger:#cf3f56;--sa-danger-soft:#fff0f3;--sa-info:#147da9;--sa-info-soft:#eaf7fc;
  --sa-shadow-1:0 1px 2px rgba(15,23,42,.05);--sa-shadow-2:0 10px 30px rgba(31,45,77,.075);
  --sa-shadow-3:0 22px 58px rgba(31,45,77,.12);--sa-shadow-4:0 34px 100px rgba(15,23,42,.2);
  --sa-radius-xs:8px;--sa-radius-sm:11px;--sa-radius:15px;--sa-radius-lg:20px;--sa-radius-xl:28px;
  --sa-focus:0 0 0 4px rgba(51,87,220,.17);--sa-content:1680px;--sa-control:44px;--sa-gap:16px;
  color-scheme:light;
}
html[data-sa-theme="dark"]{
  --sa-bg:#0c1420;--sa-bg-deep:#09111b;--sa-surface:#141f2e;--sa-surface-2:#192638;--sa-surface-3:#213146;--sa-surface-4:#293b51;
  --sa-text:#eef4fb;--sa-text-2:#cbd7e6;--sa-muted:#a4b2c4;--sa-faint:#7e8da1;--sa-line:#2b3b51;--sa-line-strong:#3a4d66;
  --sa-primary:#8197ff;--sa-primary-2:#af8fff;--sa-primary-3:#62bdf1;--sa-primary-soft:#202e55;
  --sa-success:#59d4a5;--sa-success-soft:#17392f;--sa-warning:#f2bc61;--sa-warning-soft:#3b2e18;
  --sa-danger:#ff8294;--sa-danger-soft:#45232c;--sa-info:#70caed;--sa-info-soft:#18394a;
  --sa-shadow-1:0 1px 2px rgba(0,0,0,.22);--sa-shadow-2:0 12px 32px rgba(0,0,0,.24);
  --sa-shadow-3:0 24px 64px rgba(0,0,0,.36);--sa-shadow-4:0 38px 110px rgba(0,0,0,.56);
  color-scheme:dark;
}
html[data-sa-density="compact"]{--sa-control:38px;--sa-gap:11px}
html{background:var(--sa-bg);scroll-behavior:smooth;scroll-padding-top:112px}
html[data-sa-ui-version] *,html[data-sa-ui-version] *::before,html[data-sa-ui-version] *::after{box-sizing:border-box}
html[data-sa-ui-version] body{
  margin:0!important;min-width:0;min-height:100vh;overflow-x:hidden;
  background:
    radial-gradient(circle at 5% -10%,rgba(51,87,220,.15),transparent 34rem),
    radial-gradient(circle at 97% 0,rgba(118,85,231,.11),transparent 31rem),
    linear-gradient(180deg,color-mix(in srgb,var(--sa-bg) 96%,white 4%),var(--sa-bg-deep))!important;
  color:var(--sa-text)!important;font-family:"Cairo","Tajawal","Noto Sans Arabic",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:14px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
html[data-sa-ui-version] body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(100,116,139,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.035) 1px,transparent 1px);
  background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 68%);
}
html[data-sa-ui-version] ::selection{background:rgba(51,87,220,.22);color:var(--sa-text)}
html[data-sa-ui-version] :focus-visible{outline:0!important;box-shadow:var(--sa-focus)!important}
html[data-sa-ui-version] ::-webkit-scrollbar{width:10px;height:10px}
html[data-sa-ui-version] ::-webkit-scrollbar-track{background:transparent}
html[data-sa-ui-version] ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sa-muted) 38%,transparent);border:3px solid transparent;background-clip:padding-box;border-radius:999px}
html[data-sa-ui-version] a{color:var(--sa-primary);text-decoration:none;text-underline-offset:3px;transition:color .16s ease,opacity .16s ease}
html[data-sa-ui-version] a:hover{opacity:.86}
html[data-sa-ui-version] hr{height:1px;border:0;background:var(--sa-line);margin:20px 0}
html[data-sa-ui-version] img{max-width:100%}
html[data-sa-ui-version] svg{flex:none}

/* Every page shell */
html[data-sa-ui-version] main,
html[data-sa-ui-version] .page,
html[data-sa-ui-version] .container,
html[data-sa-ui-version] .wrap,
html[data-sa-ui-version] .shell,
html[data-sa-ui-version] .sa-page-frame{
  width:min(var(--sa-content),calc(100% - 34px));min-width:0;margin-inline:auto;
}
html[data-sa-ui-version] main,html[data-sa-ui-version] .sa-page-frame{padding-block:20px 74px}
html[data-sa-ui-version] .shell{padding:clamp(14px,1.8vw,28px)!important}
html[data-sa-ui-version] .view{min-width:0}
html[data-sa-ui-version] .hidden{display:none!important}

/* Headers, navigation and toolbars */
html[data-sa-ui-version] header,
html[data-sa-ui-version] .top,
html[data-sa-ui-version] .topbar,
html[data-sa-ui-version] .pageHeader,
html[data-sa-ui-version] .header{
  background:color-mix(in srgb,var(--sa-surface) 91%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--sa-line) 88%,transparent)!important;
  color:var(--sa-text)!important;border-radius:var(--sa-radius-lg)!important;
  box-shadow:var(--sa-shadow-2);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);
}
html[data-sa-ui-version] .top,html[data-sa-ui-version] .topbar,html[data-sa-ui-version] .pageHeader{
  position:sticky;top:10px;z-index:70;padding:14px 18px!important;margin-bottom:18px!important;
}
html[data-sa-ui-version] .identity{display:flex;align-items:center;gap:12px;min-width:0}
html[data-sa-ui-version] .identity>div:last-child{min-width:0}
html[data-sa-ui-version] .mark{
  width:48px!important;height:48px!important;flex:0 0 48px;border-radius:15px!important;display:grid;place-items:center;
  color:#fff!important;background:linear-gradient(145deg,var(--sa-primary),var(--sa-primary-2))!important;
  box-shadow:0 13px 28px rgba(51,87,220,.28),inset 0 1px 0 rgba(255,255,255,.28);
}
html[data-sa-ui-version] nav,
html[data-sa-ui-version] .nav,
html[data-sa-ui-version] [class*="sidebar" i],
html[data-sa-ui-version] [class*="side-nav" i],
html[data-sa-ui-version] [class*="sidenav" i]{
  background:color-mix(in srgb,var(--sa-surface) 94%,transparent)!important;border:1px solid var(--sa-line)!important;
  border-radius:var(--sa-radius-lg)!important;box-shadow:var(--sa-shadow-2);color:var(--sa-text)!important;
}
html[data-sa-ui-version] nav a,
html[data-sa-ui-version] .nav a,
html[data-sa-ui-version] [class*="sidebar" i] a{
  display:flex;align-items:center;gap:9px;min-height:40px;padding:9px 12px;border-radius:11px;color:var(--sa-muted)!important;font-weight:700;
}
html[data-sa-ui-version] nav a:hover,
html[data-sa-ui-version] .nav a:hover,
html[data-sa-ui-version] [class*="sidebar" i] a:hover{background:var(--sa-surface-2);color:var(--sa-text)!important}
html[data-sa-ui-version] nav a[aria-current="page"],
html[data-sa-ui-version] .nav a[aria-current="page"],
html[data-sa-ui-version] [class*="sidebar" i] a[aria-current="page"]{
  background:var(--sa-primary-soft)!important;color:var(--sa-primary)!important;box-shadow:inset 3px 0 0 var(--sa-primary);
}
html[dir="rtl"][data-sa-ui-version] nav a[aria-current="page"],
html[dir="rtl"][data-sa-ui-version] .nav a[aria-current="page"]{box-shadow:inset -3px 0 0 var(--sa-primary)}
html[data-sa-ui-version] .actions,
html[data-sa-ui-version] [class*="toolbar" i],
html[data-sa-ui-version] [class*="filter" i],
html[data-sa-ui-version] [class*="pagination" i],
html[data-sa-ui-version] .commercialToolbar{
  display:flex;align-items:center;flex-wrap:wrap;gap:9px;
}
html[data-sa-ui-version] [class*="toolbar" i],
html[data-sa-ui-version] [class*="filter" i]{
  padding:11px;border:1px solid var(--sa-line);border-radius:var(--sa-radius);background:var(--sa-surface-2);
}

/* Typography */
html[data-sa-ui-version] h1,html[data-sa-ui-version] h2,html[data-sa-ui-version] h3,html[data-sa-ui-version] h4{
  color:var(--sa-text)!important;letter-spacing:-.025em;line-height:1.35;margin-top:0;
}
html[data-sa-ui-version] h1{font-size:clamp(24px,2.35vw,38px);font-weight:850}
html[data-sa-ui-version] h2{font-size:clamp(19px,1.65vw,27px);font-weight:820}
html[data-sa-ui-version] h3{font-size:16px;font-weight:800}
html[data-sa-ui-version] h4{font-size:14px;font-weight:780}
html[data-sa-ui-version] p,html[data-sa-ui-version] small,
html[data-sa-ui-version] .sub,html[data-sa-ui-version] .muted,
html[data-sa-ui-version] .meta,html[data-sa-ui-version] .phaseLabel{color:var(--sa-muted)!important}
html[data-sa-ui-version] .sub{font-size:12px}
html[data-sa-ui-version] .meta{font-size:11px}
html[data-sa-ui-version] [dir="ltr"]{font-feature-settings:"tnum" 1}

/* Surfaces and cards */
html[data-sa-ui-version] .card,
html[data-sa-ui-version] .panel,
html[data-sa-ui-version] .sectionBox,
html[data-sa-ui-version] .box,
html[data-sa-ui-version] fieldset,
html[data-sa-ui-version] [class*="widget" i],
html[data-sa-ui-version] [class*="module" i]{
  min-width:0;background:linear-gradient(180deg,color-mix(in srgb,var(--sa-surface) 98%,white 2%),var(--sa-surface))!important;
  border:1px solid var(--sa-line)!important;border-radius:var(--sa-radius-lg)!important;box-shadow:var(--sa-shadow-1);
  color:var(--sa-text)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
html[data-sa-ui-version] .card,
html[data-sa-ui-version] .panel,
html[data-sa-ui-version] .sectionBox,
html[data-sa-ui-version] .box{padding:clamp(15px,1.7vw,23px)!important}
html[data-sa-ui-version] .card:hover,
html[data-sa-ui-version] .panel:hover,
html[data-sa-ui-version] .sectionBox:hover{
  border-color:color-mix(in srgb,var(--sa-primary) 23%,var(--sa-line))!important;box-shadow:var(--sa-shadow-2);
}
html[data-sa-ui-version] .cardHead,
html[data-sa-ui-version] .panelHead,
html[data-sa-ui-version] .sectionTitle{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid var(--sa-line);
}
html[data-sa-ui-version] .sectionTitle b,html[data-sa-ui-version] .cardHead b{font-size:15px;color:var(--sa-text)}
html[data-sa-ui-version] .dangerBox,
html[data-sa-ui-version] [class*="danger-zone" i]{
  border-color:color-mix(in srgb,var(--sa-danger) 38%,var(--sa-line))!important;
  background:linear-gradient(180deg,var(--sa-danger-soft),var(--sa-surface))!important;
}
html[data-sa-ui-version] .grid{display:grid;gap:var(--sa-gap);min-width:0}
html[data-sa-ui-version] .split{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--sa-gap)!important}
html[data-sa-ui-version] .three{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--sa-gap)!important}
html[data-sa-ui-version] .four,
html[data-sa-ui-version] .summaryGrid,
html[data-sa-ui-version] .settingsGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--sa-gap)!important}
html[data-sa-ui-version] .stack{display:flex;flex-direction:column;gap:var(--sa-gap)}
html[data-sa-ui-version] .row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}

/* Summary and metric cards */
html[data-sa-ui-version] .summaryCard,
html[data-sa-ui-version] [class*="stat-card" i],
html[data-sa-ui-version] [class*="metric-card" i],
html[data-sa-ui-version] [class*="kpi" i]{
  position:relative;overflow:hidden;min-width:0;padding:15px!important;border:1px solid var(--sa-line)!important;
  border-radius:var(--sa-radius)!important;background:linear-gradient(145deg,var(--sa-surface),var(--sa-surface-2))!important;
  box-shadow:var(--sa-shadow-1);
}
html[data-sa-ui-version] .summaryCard::after,
html[data-sa-ui-version] [class*="stat-card" i]::after,
html[data-sa-ui-version] [class*="metric-card" i]::after{
  content:"";position:absolute;inset-inline-end:-20px;top:-24px;width:90px;height:90px;border-radius:50%;
  background:radial-gradient(circle,rgba(51,87,220,.13),transparent 66%);pointer-events:none;
}
html[data-sa-ui-version] .summaryCard span,
html[data-sa-ui-version] [class*="stat-card" i] span{display:block;color:var(--sa-muted)!important;font-size:11px;font-weight:700}
html[data-sa-ui-version] .summaryCard b,
html[data-sa-ui-version] [class*="stat-card" i] b{display:block;margin-top:5px;font-size:clamp(19px,2vw,27px);color:var(--sa-text)!important}

/* Forms: every control */
html[data-sa-ui-version] form{min-width:0}
html[data-sa-ui-version] fieldset{padding:17px!important}
html[data-sa-ui-version] legend{padding:0 8px;color:var(--sa-text);font-weight:800}
html[data-sa-ui-version] .field{display:flex;flex-direction:column;gap:7px;min-width:0}
html[data-sa-ui-version] label{color:var(--sa-text)!important;font-weight:750;font-size:12px;letter-spacing:.005em}
html[data-sa-ui-version] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-sa-ui-version] select,html[data-sa-ui-version] textarea,
html[data-sa-ui-version] .input,html[data-sa-ui-version] .select,html[data-sa-ui-version] .jsonInput{
  width:100%;min-width:0;min-height:var(--sa-control);padding:9px 13px;border:1px solid var(--sa-line)!important;border-radius:12px!important;
  background:var(--sa-surface-2)!important;color:var(--sa-text)!important;font:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
html[data-sa-ui-version] textarea{min-height:116px;resize:vertical}
html[data-sa-ui-version] input::placeholder,html[data-sa-ui-version] textarea::placeholder{color:var(--sa-faint);opacity:.92}
html[data-sa-ui-version] input:hover,html[data-sa-ui-version] select:hover,html[data-sa-ui-version] textarea:hover{
  border-color:color-mix(in srgb,var(--sa-primary) 35%,var(--sa-line))!important;
}
html[data-sa-ui-version] input:focus,html[data-sa-ui-version] select:focus,html[data-sa-ui-version] textarea:focus{
  outline:0;border-color:var(--sa-primary)!important;background:var(--sa-surface)!important;box-shadow:var(--sa-focus)!important;
}
html[data-sa-ui-version] input:disabled,html[data-sa-ui-version] select:disabled,html[data-sa-ui-version] textarea:disabled{
  opacity:.58;cursor:not-allowed;background:var(--sa-surface-3)!important;
}
html[data-sa-ui-version] input[aria-invalid="true"],html[data-sa-ui-version] textarea[aria-invalid="true"]{
  border-color:var(--sa-danger)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--sa-danger) 15%,transparent)!important;
}
html[data-sa-ui-version] input[type="checkbox"],html[data-sa-ui-version] input[type="radio"]{
  width:18px;height:18px;accent-color:var(--sa-primary);vertical-align:middle;
}
html[data-sa-ui-version] input[type="range"]{width:100%;accent-color:var(--sa-primary)}
html[data-sa-ui-version] input[type="file"]{padding:7px}
html[data-sa-ui-version] input[type="file"]::file-selector-button{
  margin-inline-end:10px;padding:7px 11px;border:1px solid var(--sa-line);border-radius:9px;background:var(--sa-surface);color:var(--sa-text);font-weight:750;
}
html[data-sa-ui-version] .checkField{
  display:flex;align-items:center;gap:9px;min-height:var(--sa-control);padding:9px 12px;border:1px solid var(--sa-line);
  border-radius:12px;background:var(--sa-surface-2);font-weight:700;
}
html[data-sa-ui-version] .controlRow{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(110px,1fr);gap:9px;margin-top:9px}

/* Buttons and actions */
html[data-sa-ui-version] button,
html[data-sa-ui-version] .btn,
html[data-sa-ui-version] [role="button"]{
  min-height:40px;border-radius:11px!important;font:inherit;font-weight:780;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease;
}
html[data-sa-ui-version] button:hover:not(:disabled),
html[data-sa-ui-version] .btn:hover:not(:disabled){transform:translateY(-1px)}
html[data-sa-ui-version] button:active:not(:disabled),
html[data-sa-ui-version] .btn:active:not(:disabled){transform:translateY(0)}
html[data-sa-ui-version] button:disabled,
html[data-sa-ui-version] .btn:disabled,
html[data-sa-ui-version] [aria-disabled="true"]{opacity:.48;cursor:not-allowed;transform:none!important}
html[data-sa-ui-version] .btn,
html[data-sa-ui-version] button:not(.tab):not(.listItem):not([class*="icon" i]):not([data-sa-theme-toggle]):not([data-sa-density-toggle]):not([data-sa-top]){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid var(--sa-line)!important;
  background:var(--sa-surface)!important;color:var(--sa-text)!important;box-shadow:var(--sa-shadow-1);
}
html[data-sa-ui-version] .btn.primary,
html[data-sa-ui-version] button.primary,
html[data-sa-ui-version] [data-sa-button-kind="primary"]{
  background:linear-gradient(135deg,var(--sa-primary),var(--sa-primary-2))!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 10px 24px rgba(51,87,220,.25)!important;
}
html[data-sa-ui-version] .btn.danger,
html[data-sa-ui-version] button.danger,
html[data-sa-ui-version] [data-sa-button-kind="danger"]{
  background:var(--sa-danger-soft)!important;color:var(--sa-danger)!important;border-color:color-mix(in srgb,var(--sa-danger) 30%,var(--sa-line))!important;
}
html[data-sa-ui-version] .btn.success,
html[data-sa-ui-version] [data-sa-button-kind="success"]{
  background:var(--sa-success-soft)!important;color:var(--sa-success)!important;border-color:color-mix(in srgb,var(--sa-success) 28%,var(--sa-line))!important;
}
html[data-sa-ui-version] .btn.warning,
html[data-sa-ui-version] [data-sa-button-kind="warning"]{
  background:var(--sa-warning-soft)!important;color:var(--sa-warning)!important;border-color:color-mix(in srgb,var(--sa-warning) 28%,var(--sa-line))!important;
}
html[data-sa-ui-version] [class*="icon-button" i],
html[data-sa-ui-version] button[aria-label]:empty{
  width:40px;min-width:40px;padding:0!important;display:grid!important;place-items:center;
}

/* Tabs, segmented controls, lists */
html[data-sa-ui-version] .tabs,
html[data-sa-ui-version] [role="tablist"]{
  display:flex;gap:6px;overflow:auto;padding:6px!important;margin-bottom:15px;background:var(--sa-surface-3)!important;
  border:1px solid var(--sa-line)!important;border-radius:14px!important;scrollbar-width:none;box-shadow:inset 0 1px 2px rgba(15,23,42,.035);
}
html[data-sa-ui-version] .tabs::-webkit-scrollbar,html[data-sa-ui-version] [role="tablist"]::-webkit-scrollbar{display:none}
html[data-sa-ui-version] .tab,
html[data-sa-ui-version] [role="tab"]{
  flex:0 0 auto;min-height:38px;padding:8px 14px!important;border:0!important;background:transparent!important;color:var(--sa-muted)!important;
  white-space:nowrap;box-shadow:none!important;font-weight:800;
}
html[data-sa-ui-version] .tab:hover,html[data-sa-ui-version] [role="tab"]:hover{color:var(--sa-text)!important;background:color-mix(in srgb,var(--sa-surface) 58%,transparent)!important}
html[data-sa-ui-version] .tab.active,
html[data-sa-ui-version] [role="tab"][aria-selected="true"]{
  background:var(--sa-surface)!important;color:var(--sa-primary)!important;box-shadow:var(--sa-shadow-1)!important;
}
html[data-sa-ui-version] .list{display:grid;gap:8px;overflow:auto}
html[data-sa-ui-version] .listItem{
  width:100%;min-width:0;text-align:start;padding:12px 13px!important;border:1px solid transparent!important;border-radius:12px!important;
  background:transparent!important;color:var(--sa-text)!important;box-shadow:none!important;
}
html[data-sa-ui-version] .listItem:hover{background:var(--sa-surface-2)!important;border-color:var(--sa-line)!important}
html[data-sa-ui-version] .listItem.active{
  background:linear-gradient(135deg,var(--sa-primary-soft),color-mix(in srgb,var(--sa-primary-soft) 62%,var(--sa-surface)))!important;
  border-color:color-mix(in srgb,var(--sa-primary) 27%,var(--sa-line))!important;box-shadow:inset 3px 0 0 var(--sa-primary)!important;
}
html[dir="rtl"][data-sa-ui-version] .listItem.active{box-shadow:inset -3px 0 0 var(--sa-primary)!important}
html[data-sa-ui-version] .miniItem{
  border:1px solid var(--sa-line)!important;background:var(--sa-surface)!important;border-radius:12px!important;padding:11px!important;box-shadow:var(--sa-shadow-1);
}
html[data-sa-ui-version] .miniItemHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}

/* Badges, statuses and notices */
html[data-sa-ui-version] .badge,
html[data-sa-ui-version] [class*="chip" i],
html[data-sa-ui-version] [class*="pill" i]{
  display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 9px;border-radius:999px!important;
  background:var(--sa-surface-3)!important;color:var(--sa-muted)!important;border:1px solid var(--sa-line)!important;font-size:11px;font-weight:800;
}
html[data-sa-ui-version] .badge.published,
html[data-sa-ui-version] .badge.active,
html[data-sa-ui-version] .badge.registry,
html[data-sa-ui-version] [data-tone="success"]{
  background:var(--sa-success-soft)!important;color:var(--sa-success)!important;border-color:color-mix(in srgb,var(--sa-success) 24%,var(--sa-line))!important;
}
html[data-sa-ui-version] .badge.draft,
html[data-sa-ui-version] .badge.warning,
html[data-sa-ui-version] .badge.shadow,
html[data-sa-ui-version] [data-tone="warning"]{
  background:var(--sa-warning-soft)!important;color:var(--sa-warning)!important;border-color:color-mix(in srgb,var(--sa-warning) 24%,var(--sa-line))!important;
}
html[data-sa-ui-version] .badge.archived,
html[data-sa-ui-version] .badge.suspended,
html[data-sa-ui-version] .badge.danger,
html[data-sa-ui-version] [data-tone="danger"]{
  background:var(--sa-danger-soft)!important;color:var(--sa-danger)!important;border-color:color-mix(in srgb,var(--sa-danger) 24%,var(--sa-line))!important;
}
html[data-sa-ui-version] .status,
html[data-sa-ui-version] .alert,
html[data-sa-ui-version] .notice,
html[data-sa-ui-version] [role="status"]{
  position:relative;display:flex;align-items:flex-start;gap:10px;min-height:42px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--sa-info) 24%,var(--sa-line));
  border-radius:12px;background:var(--sa-info-soft)!important;color:var(--sa-info)!important;font-weight:680;
}
html[data-sa-ui-version] .status.ok,html[data-sa-ui-version] .alert.success{
  background:var(--sa-success-soft)!important;color:var(--sa-success)!important;border-color:color-mix(in srgb,var(--sa-success) 25%,var(--sa-line))!important;
}
html[data-sa-ui-version] .status.error,html[data-sa-ui-version] .alert.error{
  background:var(--sa-danger-soft)!important;color:var(--sa-danger)!important;border-color:color-mix(in srgb,var(--sa-danger) 25%,var(--sa-line))!important;
}

/* Tables: desktop, overflow and mobile cards */
html[data-sa-ui-version] .sa-table-shell{
  position:relative;width:100%;min-width:0;overflow:auto;border:1px solid var(--sa-line);border-radius:var(--sa-radius);
  background:var(--sa-surface);box-shadow:var(--sa-shadow-1);isolation:isolate;
}
html[data-sa-ui-version] .sa-table-shell::before,
html[data-sa-ui-version] .sa-table-shell::after{
  content:"";position:sticky;top:0;bottom:0;z-index:4;width:18px;pointer-events:none;opacity:0;transition:opacity .15s ease;
}
html[data-sa-ui-version] .sa-table-shell::before{inset-inline-start:0;float:inline-start;background:linear-gradient(to right,rgba(15,23,42,.12),transparent)}
html[data-sa-ui-version] .sa-table-shell::after{inset-inline-end:0;float:inline-end;background:linear-gradient(to left,rgba(15,23,42,.12),transparent)}
html[data-sa-ui-version] .sa-table-shell[data-overflow-start="true"]::before,
html[data-sa-ui-version] .sa-table-shell[data-overflow-end="true"]::after{opacity:1}
html[data-sa-ui-version] table{
  width:100%;border-collapse:separate!important;border-spacing:0!important;background:transparent!important;color:var(--sa-text)!important;
}
html[data-sa-ui-version] th{
  position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--sa-surface-2) 96%,transparent)!important;color:var(--sa-muted)!important;
  font-size:11px;letter-spacing:.025em;font-weight:850;backdrop-filter:blur(12px);
}
html[data-sa-ui-version] th,html[data-sa-ui-version] td{
  padding:12px 14px!important;border-bottom:1px solid var(--sa-line)!important;text-align:start!important;vertical-align:middle;
}
html[data-sa-density="compact"] th,html[data-sa-density="compact"] td{padding:9px 11px!important}
html[data-sa-ui-version] tbody tr{transition:background .14s ease}
html[data-sa-ui-version] tbody tr:hover{background:color-mix(in srgb,var(--sa-primary-soft) 58%,transparent)!important}
html[data-sa-ui-version] tbody tr:last-child td{border-bottom:0!important}
html[data-sa-ui-version] td:empty::after{content:"—";color:var(--sa-faint)}

/* Progress, usage and code */
html[data-sa-ui-version] progress{width:100%;height:9px;border:0;border-radius:999px;overflow:hidden;background:var(--sa-surface-3)}
html[data-sa-ui-version] progress::-webkit-progress-bar{background:var(--sa-surface-3);border-radius:999px}
html[data-sa-ui-version] progress::-webkit-progress-value{background:linear-gradient(90deg,var(--sa-primary),var(--sa-primary-2));border-radius:999px}
html[data-sa-ui-version] .meter{height:9px;border-radius:999px;background:var(--sa-surface-3)!important;overflow:hidden}
html[data-sa-ui-version] .meterFill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sa-primary),var(--sa-primary-2))!important}
html[data-sa-ui-version] .meterFill.warn{background:linear-gradient(90deg,#d97706,#f5b942)!important}
html[data-sa-ui-version] .meterFill.bad{background:linear-gradient(90deg,#dc3545,#ff7180)!important}
html[data-sa-ui-version] pre,html[data-sa-ui-version] code,html[data-sa-ui-version] .jsonInput,html[data-sa-ui-version] .codeList{
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace!important;direction:ltr;text-align:left;
}
html[data-sa-ui-version] pre,html[data-sa-ui-version] .codeList{
  padding:15px;border:1px solid #26364a!important;border-radius:13px!important;background:#0f1826!important;color:#dce9f8!important;
  overflow:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

/* Dialogs, menus, details and empty states */
html[data-sa-ui-version] dialog,
html[data-sa-ui-version] .modal,
html[data-sa-ui-version] .drawer,
html[data-sa-ui-version] [class*="popover" i],
html[data-sa-ui-version] [class*="dropdown" i]{
  background:var(--sa-surface)!important;color:var(--sa-text)!important;border:1px solid var(--sa-line)!important;
  border-radius:var(--sa-radius-lg)!important;box-shadow:var(--sa-shadow-4)!important;
}
html[data-sa-ui-version] dialog{max-width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;overflow:auto}
html[data-sa-ui-version] dialog::backdrop{background:rgba(5,10,18,.62);backdrop-filter:blur(5px)}
html[data-sa-ui-version] details{border:1px solid var(--sa-line);border-radius:12px;background:var(--sa-surface-2);overflow:hidden}
html[data-sa-ui-version] details+details{margin-top:8px}
html[data-sa-ui-version] summary{list-style:none;cursor:pointer;padding:11px 13px;color:var(--sa-text);font-weight:800}
html[data-sa-ui-version] summary::-webkit-details-marker{display:none}
html[data-sa-ui-version] summary::after{content:"⌄";float:inline-end;color:var(--sa-muted);transition:transform .16s ease}
html[data-sa-ui-version] details[open]>summary::after{transform:rotate(180deg)}
html[data-sa-ui-version] details[open]>:not(summary){margin-inline:13px;margin-bottom:13px}
html[data-sa-ui-version] .empty,
html[data-sa-ui-version] [class*="empty-state" i]{
  display:grid;place-items:center;min-height:150px;padding:28px;border:1px dashed color-mix(in srgb,var(--sa-muted) 40%,var(--sa-line));
  border-radius:var(--sa-radius);background:var(--sa-surface-2)!important;color:var(--sa-muted)!important;text-align:center;
}
html[data-sa-ui-version] [aria-busy="true"]{position:relative;pointer-events:none;opacity:.78}
html[data-sa-ui-version] [aria-busy="true"]::after{
  content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);
  background-size:220% 100%;animation:sa-shimmer 1.2s linear infinite;border-radius:inherit;pointer-events:none;
}
html[data-sa-ui-version] .skeleton{
  min-height:14px;border-radius:8px;background:linear-gradient(100deg,var(--sa-surface-3) 25%,var(--sa-surface-4) 45%,var(--sa-surface-3) 65%);
  background-size:220% 100%;animation:sa-shimmer 1.25s linear infinite;
}
@keyframes sa-shimmer{to{background-position:-220% 0}}

/* Plans, tenants, billing and agent identity — page-specific coverage */
html[data-sa-ui-version] .grid,
html[data-sa-ui-version] .commercialGrid{grid-template-columns:minmax(280px,.68fr) minmax(0,1.62fr)!important;align-items:start}
html[data-sa-ui-version] .list,
html[data-sa-ui-version] .commercialTenantList,
html[data-sa-ui-version] #tenantList,
html[data-sa-ui-version] #planList,
html[data-sa-ui-version] #commercialTenantList{
  max-height:min(72vh,760px);padding:5px;overscroll-behavior:contain;
}
html[data-sa-ui-version] .editor{display:grid;gap:var(--sa-gap);min-width:0}
html[data-sa-ui-version] .featureGrid,
html[data-sa-ui-version] .limitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-sa-ui-version] .featureRow,
html[data-sa-ui-version] .limitRow{
  min-width:0;padding:12px!important;border:1px solid var(--sa-line)!important;border-radius:12px!important;background:var(--sa-surface)!important;
  box-shadow:var(--sa-shadow-1);
}
html[data-sa-ui-version] .featureTop,html[data-sa-ui-version] .limitTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
html[data-sa-ui-version] .future{opacity:.58;filter:saturate(.72)}
html[data-sa-ui-version] .whatsappLimitGrid{
  display:grid;grid-template-columns:minmax(150px,.65fr) minmax(190px,1fr) minmax(190px,1fr);gap:12px;align-items:end;
}
html[data-sa-ui-version] .whatsappUsageCard{
  border:1px solid color-mix(in srgb,var(--sa-primary) 25%,var(--sa-line))!important;background:linear-gradient(145deg,var(--sa-primary-soft),var(--sa-surface))!important;
  border-radius:14px!important;padding:13px!important;box-shadow:var(--sa-shadow-1);
}
html[data-sa-ui-version] .whatsappUsageCard b{font-size:24px!important}
html[data-sa-ui-version] .whatsappLimitHint{padding:10px 12px;border:1px dashed var(--sa-line);border-radius:11px;background:var(--sa-surface-2)}
html[data-sa-ui-version] .rakanIdentityGrid{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr);gap:14px;align-items:stretch}
html[data-sa-ui-version] .rakanIdentityPreview{
  position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;min-width:0;padding:14px!important;
  border:1px solid color-mix(in srgb,var(--sa-primary) 28%,var(--sa-line))!important;
  border-radius:16px!important;background:linear-gradient(135deg,var(--sa-primary-soft),var(--sa-surface))!important;box-shadow:var(--sa-shadow-2);
}
html[data-sa-ui-version] .rakanIdentityPreview::after{
  content:"AI";position:absolute;inset-inline-end:12px;top:10px;padding:3px 8px;border-radius:999px;background:var(--sa-surface);
  color:var(--sa-primary);font-size:10px;font-weight:900;border:1px solid var(--sa-line);
}
html[data-sa-ui-version] .rakanIdentityPreview img{
  width:72px!important;height:72px!important;flex:0 0 72px;border-radius:50%!important;object-fit:cover;border:3px solid var(--sa-surface)!important;
  box-shadow:0 11px 28px rgba(51,87,220,.25)!important;
}
html[data-sa-ui-version] .preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-sa-ui-version] .previewBox{min-width:0;padding:13px!important;border:1px solid var(--sa-line)!important;border-radius:13px!important;background:var(--sa-surface-2)!important}
html[data-sa-ui-version] .kv{display:grid;grid-template-columns:minmax(125px,.7fr) minmax(0,1fr);gap:7px 10px;padding:7px 0;border-bottom:1px dashed var(--sa-line);font-size:12px}
html[data-sa-ui-version] .kv:last-child{border-bottom:0}
html[data-sa-ui-version] .footerBar{
  position:sticky;bottom:10px;z-index:50;padding:10px 12px!important;border:1px solid var(--sa-line)!important;border-radius:15px!important;
  background:color-mix(in srgb,var(--sa-surface) 92%,transparent)!important;box-shadow:var(--sa-shadow-3)!important;backdrop-filter:blur(18px) saturate(140%);
}
html[data-sa-ui-version] #tenantEditor,
html[data-sa-ui-version] #planEditor,
html[data-sa-ui-version] #commercialEditor{min-width:0}
html[data-sa-ui-version] #status{position:relative;z-index:2}
html[data-sa-ui-version] .tableList{display:grid;gap:8px;max-height:420px;overflow:auto;padding:2px}


/* Login, authentication, charts and micro surfaces */
html[data-sa-ui-version] [class*="login-card" i],
html[data-sa-ui-version] [class*="auth-card" i],
html[data-sa-ui-version] form[class*="login" i]{
  width:min(460px,calc(100vw - 24px));margin:clamp(32px,10vh,110px) auto;padding:clamp(20px,4vw,34px)!important;
  border:1px solid var(--sa-line)!important;border-radius:var(--sa-radius-xl)!important;background:color-mix(in srgb,var(--sa-surface) 94%,transparent)!important;
  box-shadow:var(--sa-shadow-4)!important;backdrop-filter:blur(20px);
}
html[data-sa-ui-version] canvas{max-width:100%;border-radius:12px}
html[data-sa-ui-version] [class*="chart" i]{min-width:0;overflow:hidden}
html[data-sa-ui-version] [class*="pagination" i]{justify-content:center;margin-top:14px}
html[data-sa-ui-version] [class*="pagination" i] button,
html[data-sa-ui-version] [class*="pagination" i] a{min-width:38px;min-height:38px;display:grid;place-items:center;border:1px solid var(--sa-line);border-radius:10px;background:var(--sa-surface);color:var(--sa-text)}
html[data-sa-ui-version] blockquote{margin:14px 0;padding:12px 15px;border-inline-start:4px solid var(--sa-primary);border-radius:10px;background:var(--sa-primary-soft);color:var(--sa-text-2)}
html[data-sa-ui-version] kbd{display:inline-flex;align-items:center;min-height:24px;padding:2px 7px;border:1px solid var(--sa-line-strong);border-bottom-width:2px;border-radius:7px;background:var(--sa-surface-2);color:var(--sa-text);font:700 11px ui-monospace,monospace}
html[data-sa-ui-version] .spinner,
html[data-sa-ui-version] [class*="loading-spinner" i]{width:20px;height:20px;border:2px solid var(--sa-line);border-top-color:var(--sa-primary);border-radius:50%;animation:sa-spin .75s linear infinite}
@keyframes sa-spin{to{transform:rotate(360deg)}}

/* Floating appearance dock */
html[data-sa-ui-version] .sa-ui-dock{
  position:fixed;inset-inline-end:16px;bottom:16px;z-index:99999;display:flex;align-items:center;gap:6px;padding:7px;
  border:1px solid color-mix(in srgb,var(--sa-line) 88%,transparent);border-radius:999px;
  background:color-mix(in srgb,var(--sa-surface) 91%,transparent);box-shadow:var(--sa-shadow-3);backdrop-filter:blur(18px) saturate(145%);
}
html[data-sa-ui-version] .sa-ui-dock button{
  width:38px;height:38px;min-height:38px;padding:0!important;border:1px solid var(--sa-line)!important;border-radius:999px!important;
  background:var(--sa-surface-2)!important;color:var(--sa-text)!important;display:grid!important;place-items:center;box-shadow:none!important;
}
html[data-sa-ui-version] .sa-ui-dock button:hover{background:var(--sa-primary-soft)!important;color:var(--sa-primary)!important}
html[data-sa-ui-version] .sa-skip-link{
  position:fixed;top:10px;inset-inline-start:10px;z-index:100000;transform:translateY(-160%);
  padding:9px 13px;border-radius:10px;background:var(--sa-primary);color:#fff!important;font-weight:800;transition:transform .16s ease;
}
html[data-sa-ui-version] .sa-skip-link:focus{transform:translateY(0)}

/* Responsive precision */
@media(max-width:1280px){
  html[data-sa-ui-version] .four,
  html[data-sa-ui-version] .summaryGrid,
  html[data-sa-ui-version] .settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-sa-ui-version] .three{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1024px){
  html[data-sa-ui-version] main,
  html[data-sa-ui-version] .page,
  html[data-sa-ui-version] .container,
  html[data-sa-ui-version] .wrap,
  html[data-sa-ui-version] .shell,
  html[data-sa-ui-version] .sa-page-frame{width:min(100% - 22px,var(--sa-content))}
  html[data-sa-ui-version] .grid,
  html[data-sa-ui-version] .commercialGrid{grid-template-columns:1fr!important}
  html[data-sa-ui-version] .list,
  html[data-sa-ui-version] .commercialTenantList,
  html[data-sa-ui-version] #tenantList,
  html[data-sa-ui-version] #planList,
  html[data-sa-ui-version] #commercialTenantList{max-height:330px}
}
@media(max-width:760px){
  html[data-sa-ui-version] body{font-size:13px}
  html[data-sa-ui-version] main,html[data-sa-ui-version] .sa-page-frame{padding-block:10px 82px}
  html[data-sa-ui-version] .shell{padding:10px!important}
  html[data-sa-ui-version] .top,html[data-sa-ui-version] .topbar,html[data-sa-ui-version] .pageHeader{
    top:5px;margin-top:5px!important;padding:12px!important;border-radius:15px!important;align-items:flex-start!important;flex-direction:column!important;
  }
  html[data-sa-ui-version] .actions{width:100%}
  html[data-sa-ui-version] .actions>.btn,html[data-sa-ui-version] .actions>button{flex:1 1 130px}
  html[data-sa-ui-version] .split,
  html[data-sa-ui-version] .three,
  html[data-sa-ui-version] .four,
  html[data-sa-ui-version] .summaryGrid,
  html[data-sa-ui-version] .settingsGrid,
  html[data-sa-ui-version] .featureGrid,
  html[data-sa-ui-version] .limitGrid,
  html[data-sa-ui-version] .whatsappLimitGrid,
  html[data-sa-ui-version] .rakanIdentityGrid,
  html[data-sa-ui-version] .preview{grid-template-columns:1fr!important}
  html[data-sa-ui-version] .card,
  html[data-sa-ui-version] .panel,
  html[data-sa-ui-version] .sectionBox,
  html[data-sa-ui-version] .box{padding:13px!important;border-radius:15px!important}
  html[data-sa-ui-version] .cardHead,
  html[data-sa-ui-version] .panelHead,
  html[data-sa-ui-version] .sectionTitle{flex-direction:column;gap:6px}
  html[data-sa-ui-version] .controlRow{grid-template-columns:1fr}
  html[data-sa-ui-version] .footerBar{align-items:stretch!important;flex-direction:column!important;bottom:7px}
  html[data-sa-ui-version] .footerBar .row{display:grid;grid-template-columns:1fr 1fr;width:100%}
  html[data-sa-ui-version] .sa-ui-dock{inset-inline-end:9px;bottom:9px}
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"]{overflow:visible;border:0;background:transparent;box-shadow:none}
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"] table,
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"] tbody,
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"] tr,
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"] td{display:block;width:100%}
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"] thead{display:none}
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"] tbody{display:grid;gap:10px}
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"] tr{
    padding:10px 12px;border:1px solid var(--sa-line);border-radius:13px;background:var(--sa-surface);box-shadow:var(--sa-shadow-1);
  }
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"] td{
    display:grid;grid-template-columns:minmax(105px,.55fr) minmax(0,1fr);gap:10px;padding:8px 0!important;border-bottom:1px dashed var(--sa-line)!important;white-space:normal!important;
  }
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"] td:last-child{border-bottom:0!important}
  html[data-sa-ui-version] .sa-table-shell[data-sa-mobile-table="true"] td::before{
    content:attr(data-label);color:var(--sa-muted);font-size:11px;font-weight:800;
  }
}
@media(max-width:480px){
  html[data-sa-ui-version] main,
  html[data-sa-ui-version] .page,
  html[data-sa-ui-version] .container,
  html[data-sa-ui-version] .wrap,
  html[data-sa-ui-version] .shell,
  html[data-sa-ui-version] .sa-page-frame{width:calc(100% - 14px)}
  html[data-sa-ui-version] .footerBar .row{grid-template-columns:1fr}
  html[data-sa-ui-version] .row>.btn,html[data-sa-ui-version] .row>button{flex:1 1 100%}
  html[data-sa-ui-version] .identity .mark{width:42px!important;height:42px!important;flex-basis:42px}
}
@media(prefers-reduced-motion:reduce){
  html[data-sa-ui-version]{scroll-behavior:auto}
  html[data-sa-ui-version] *,html[data-sa-ui-version] *::before,html[data-sa-ui-version] *::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}
@media print{
  html[data-sa-ui-version] body{background:#fff!important;color:#000!important}
  html[data-sa-ui-version] body::before,.sa-ui-dock,.sa-skip-link,button,.btn{display:none!important}
  html[data-sa-ui-version] .card,html[data-sa-ui-version] .panel,html[data-sa-ui-version] .sectionBox{box-shadow:none!important;break-inside:avoid}
}

/* SUPER_ADMIN_BILINGUAL_AR_EN_V1 */
html[data-sa-lang="ar"] body{direction:rtl!important}
html[data-sa-lang="en"] body{direction:ltr!important}
html[data-sa-lang="ar"] #appShell{direction:rtl!important}
html[data-sa-lang="en"] #appShell{direction:ltr!important}
html[data-sa-lang="ar"] #appShell th,
html[data-sa-lang="ar"] #appShell td{text-align:right!important}
html[data-sa-lang="en"] #appShell th,
html[data-sa-lang="en"] #appShell td{text-align:left!important}
html[data-sa-lang="ar"] #appShell input:not([type="email"]):not([type="url"]):not([type="tel"]):not([type="number"]),
html[data-sa-lang="ar"] #appShell textarea{text-align:right}
html[data-sa-lang="en"] #appShell input:not([type="email"]):not([type="url"]):not([type="tel"]):not([type="number"]),
html[data-sa-lang="en"] #appShell textarea{text-align:left}
html[data-sa-lang="ar"] #loginView .tamiyouzLoginShell,
html[data-sa-lang="ar"] #loginView .tamiyouzLoginBrandPanel,
html[data-sa-lang="ar"] #loginView .tamiyouzLoginMain,
html[data-sa-lang="ar"] #loginView .tamiyouzLoginCard,
html[data-sa-lang="ar"] #loginView .tamiyouzLoginForm,
html[data-sa-lang="ar"] #loginView .tamiyouzRecoveryPanel{direction:rtl!important;text-align:right!important}
html[data-sa-lang="en"] #loginView .tamiyouzLoginShell,
html[data-sa-lang="en"] #loginView .tamiyouzLoginBrandPanel,
html[data-sa-lang="en"] #loginView .tamiyouzLoginMain,
html[data-sa-lang="en"] #loginView .tamiyouzLoginCard,
html[data-sa-lang="en"] #loginView .tamiyouzLoginForm,
html[data-sa-lang="en"] #loginView .tamiyouzRecoveryPanel{direction:ltr!important;text-align:left!important}
html[data-sa-lang="ar"] #loginView .tamiyouzRecoveryRow{direction:rtl!important;justify-content:flex-start!important}
html[data-sa-lang="en"] #loginView .tamiyouzRecoveryRow{direction:ltr!important;justify-content:flex-end!important}
html[data-sa-lang="ar"] #loginView .tamiyouzInputWrap input,
html[data-sa-lang="en"] #loginView .tamiyouzInputWrap input{direction:ltr!important;text-align:left!important}
.sa-language-inline{
  min-height:34px;padding:6px 10px;border:1px solid var(--sa-line,#dce4ef);border-radius:10px;
  background:var(--sa-surface,#fff);color:var(--sa-text,#102038);font:inherit;font-size:11px;font-weight:850;
  cursor:pointer;white-space:nowrap;box-shadow:var(--sa-shadow-1,0 1px 2px rgba(15,23,42,.05));
}
.sa-language-inline:hover{border-color:color-mix(in srgb,var(--sa-primary,#3357dc) 35%,var(--sa-line,#dce4ef));color:var(--sa-primary,#3357dc)}
html[data-sa-theme="dark"] .sa-language-inline,
html[data-theme="dark"] .sa-language-inline{background:#142238;border-color:#2d4059;color:#eef4fb}
html[data-sa-lang="ar"] .sa-ui-dock{direction:rtl}
html[data-sa-lang="en"] .sa-ui-dock{direction:ltr}
/* END SUPER_ADMIN_BILINGUAL_AR_EN_V1 */

/* SUPER_ADMIN_BILINGUAL_AR_EN_V1_2 */
html[data-sa-lang="ar"] #loginView .tamiyouzFormKicker::after{content:' · للمالك فقط'!important}
html[data-sa-lang="en"] #loginView .tamiyouzFormKicker::after{content:' · OWNER ONLY'!important}
/* END SUPER_ADMIN_BILINGUAL_AR_EN_V1_2 */