/* سماتنا 14.3 — واجهة موحّدة فوق المكوّنات القائمة.
   مصدر الألوان والخطوط theme.php. لا تمس هذه الورقة درجات القياس أو ألوان عائلاته.
   نطاقات الصفحات تمنع تسرب أنماط التسويق إلى التطبيق والتقارير المطبوعة. */

:where(.sm-app,.sm-landing,.sm-gate,.sm-catalog) :where(button,a,input,select,textarea){touch-action:manipulation}
:where(.sm-app,.sm-landing,.sm-gate,.sm-catalog) :where(input,select,textarea){font-size:max(16px,1em)}
:where(.sm-app,.sm-landing,.sm-gate,.sm-catalog) :where(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
:where(.sm-app,.sm-landing,.sm-gate,.sm-catalog) :where(.btn,button.btn){min-height:46px;border-radius:var(--r-sm);font-weight:600}
.sm-app :where(input,select,textarea){min-height:48px}
.sm-app .card{padding:clamp(20px,2.5vw,30px);box-shadow:none}
.sm-app .tw{border-radius:var(--r);background:var(--bg)}
.sm-app th{font-size:var(--t-sm);padding-block:16px}
.sm-app td{padding-block:15px}
.sm-app .grid{gap:20px}
.sm-app .tile{padding:22px;border-color:var(--line);box-shadow:none}
.sm-app .tile:hover{border-color:var(--f,var(--accent));transform:translateY(-2px)}
.sm-app .tile h3{font-weight:700}
.sm-app .tile .t-nums{border-block-start:1px solid var(--line);padding-block-start:14px}
.sm-app .note{border-radius:var(--r-sm);line-height:1.8}
.sm-app .sub{line-height:1.85}
.sm-app .sec-h{gap:var(--s-4);margin-block-end:20px}
.sm-app .f{font-size:var(--t-sm)}
.sm-app .wrap{padding-block-start:32px}
.sm-app .workspace-shell > .wrap{max-width:1360px;min-height:65vh;padding-inline:clamp(20px,3.1vw,48px)}
.sm-app .workspace-shell > .f{margin-inline:clamp(20px,3.1vw,48px)}
.workspace-shell header.top{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--line)}
.workspace-shell header.top .in{max-width:none;min-height:82px;padding:14px clamp(20px,3.1vw,48px);gap:20px}
.workspace-location{display:flex;flex-direction:column;gap:1px;line-height:1.4;min-width:0}
.workspace-location > span{font-size:var(--t-cap);color:var(--fg-2)}
.workspace-location > b{font-size:var(--t-h3);color:var(--ink);font-weight:700}
.workspace-shell .srch{min-height:44px;gap:10px;padding-inline:14px;border:1px solid var(--line);background:var(--bg-2);border-radius:var(--r-sm);margin-inline-start:auto}
.workspace-shell .tag{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding-inline:12px;white-space:nowrap}
.workspace-user{display:flex;align-items:center;gap:10px;max-width:230px;padding:0;background:none;border:0;font:inherit;cursor:pointer;color:var(--ink)}
.user-initial{display:grid;place-items:center;inline-size:42px;block-size:42px;flex:none;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:var(--t-h3);font-weight:700}
.user-name{font-size:var(--t-sm);max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-shell nav.tabs button{display:flex;align-items:center;gap:10px;min-height:44px;text-align:start}
.workspace-shell nav.tabs button .ic{inline-size:19px;block-size:19px;flex:none}
.skip-link{position:fixed;inset-block-start:10px;inset-inline-start:16px;z-index:2000;transform:translateY(-180%);background:var(--accent);color:var(--on-accent);padding:12px 22px;border-radius:var(--r-sm);text-decoration:none}
.skip-link:focus{transform:translateY(0)}

/* القائمتان تستعملان الأدوار نفسها؛ التغيير في مكان العرض فقط. */
@media(min-width:1200px){
  .workspace-shell{--rail-size:228px;padding-inline-start:var(--rail-size)}
  .workspace-shell header.top .logo{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:var(--rail-size);block-size:96px;background:var(--bg);border-inline-end:1px solid var(--line);padding:var(--s-5);z-index:62}
  .workspace-shell header.top .logo .mark{height:40px;max-width:100%;object-fit:contain}
  .workspace-shell nav.tabs{position:fixed;inset-inline-start:0;inset-block:96px 0;inline-size:var(--rail-size);padding:10px 16px 24px;margin:0;background:var(--bg);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px;overflow-y:auto;z-index:61}
  .workspace-shell nav.tabs button{flex:0 0 auto;min-height:46px;border:0;border-radius:var(--r-sm);padding:11px 14px;font-size:var(--t-sm);margin:0}
  .workspace-shell nav.tabs button:hover{background:var(--bg-2)}
  .workspace-shell nav.tabs button.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:700;box-shadow:inset -3px 0 0 var(--accent)}
  [dir=ltr] .workspace-shell nav.tabs button.on{box-shadow:inset 3px 0 0 var(--accent)}
  .workspace-shell nav.tabs .nav-logout{margin-block-start:auto;border-block-start:1px solid var(--line);border-radius:0;padding-block-start:20px}
  .sm-app:has(.workspace-shell) > .langbar{margin-inline-start:228px}
}
@media(min-width:768px) and (max-width:1199px){
  .workspace-shell header.top .in{flex-wrap:wrap;gap:12px}
  .workspace-shell nav.tabs{order:10;flex:0 0 100%;overflow-x:auto;flex-wrap:nowrap;mask-image:none;gap:2px}
  .workspace-shell nav.tabs button{padding:10px 12px}
  .workspace-shell .user-name{display:none}
}
@media(max-width:767px){
  .workspace-shell header.top .in{min-height:72px;padding:12px 18px;gap:10px;flex-wrap:nowrap}
  .workspace-shell header.top .logo .mark{height:30px}
  .workspace-location,.workspace-user,.workspace-shell .srch-t,.workspace-shell .srch kbd{display:none}
  .workspace-shell nav.tabs{display:none}
  .workspace-shell .srch{inline-size:44px;justify-content:center;padding:0}
  .workspace-shell > .wrap{padding:var(--s-5) 18px 32px}
  .workspace-shell .tag{font-size:var(--t-sm);padding-inline:8px}
  .workspace-shell .botnav{background:var(--bg);border-block-start:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
  .workspace-shell .botnav button{position:relative;min-height:58px}
  .workspace-shell .botnav button.on::before{content:"";position:absolute;inset-block-start:0;inline-size:28px;block-size:3px;background:var(--accent);border-radius:0 0 3px 3px}
  .workspace-shell .ms-card{padding:18px 12px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--line)}
  .workspace-shell .ms-card button{min-height:50px}
  .workspace-shell .ms-card .ms-close{border-block-end:1px solid var(--line);border-radius:0;margin-block-end:6px;color:var(--fg-2)}
  .sm-app .g2,.sm-app .g3{grid-template-columns:minmax(0,1fr)}
}
.sm-app.sheet-open{overflow:hidden}

/* لوحة العمل: مساحة للتحليل، وملخص إجراءات واضح قبل الرسوم. */
.sm-app .bd{--bd-gap:30px}
.sm-app .board-head{border:0;padding-block-end:0}
.sm-app .bd-h1{font-size:clamp(28px,3vw,36px)}
.sm-app .bd-ctx{margin-block-start:9px;font-size:var(--t-sm)}
.sm-app .bd-top{gap:var(--s-5);align-items:stretch}
.sm-app .bd-lede{position:relative;background:var(--bg);border:1px solid var(--line);border-block-start:3px solid var(--accent);border-radius:var(--r);padding:var(--space-panel);min-width:0}
.sm-app .bd-n{font-size:clamp(38px,4vw,54px);line-height:1.12}
.sm-app .bd-n-lab{font-size:var(--t-h3);margin-block-start:8px}
.sm-app .bd-watch{margin-block-start:18px}
.sm-app .bd-w > button{min-height:50px;padding:12px 0}
.sm-app .bd-w-bar{max-inline-size:100%;opacity:.55;block-size:2px!important}
.sm-app .bd-w-lab{font-size:var(--t-sm);line-height:1.6;white-space:normal}
.sm-app .bd-acts{margin-block-start:22px;gap:var(--s-4)}
.sm-app .bd-side{padding:var(--s-5);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r);min-width:0}
.sm-app .bd .bd-kpis .kpi b{color:var(--accent-ink);font-size:32px}
.sm-app .bd .bd-kpis .kpi span,.sm-app .bd .bd-kpis .kpi em{color:var(--accent-ink)}
.sm-app .bd .bd-kpis .kpi.low b{color:var(--warn)}
.sm-app .bd .bd-kpis .kpi + .kpi{border-color:var(--accent-line)}
.sm-app .bd-side .note{margin-block-end:0;background:var(--bg);font-size:var(--t-sm)}
.sm-app .bd-viz{padding:var(--space-panel);background:var(--bg);border:1px solid var(--line);border-radius:var(--r)}
.sm-app .bd-viz-h{font-size:var(--t-h2)}
.sm-app .bd-viz-bar{margin-block-start:20px}
.sm-app .bd-tabs{gap:4px}
.sm-app .bd-tab{padding-inline:16px}
.sm-app .bd-folds{gap:var(--s-5)}
.sm-app .bd-fold{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--bg);min-width:0}
.sm-app .bd-fold > summary{font-size:var(--t-h3)}
.sm-app .bd-fold .classes{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}
.sm-app .cls-card{border:1px solid var(--line);box-shadow:none;background:var(--bg-2)}
.sm-app .bd-fold .used button{padding-block:13px}
@media(min-width:1500px){.sm-app .bd-folds{grid-template-columns:1fr 1fr;align-items:start}}
@media(max-width:899px){
  .sm-app .bd-top{display:grid;grid-template-columns:minmax(0,1fr)}
  .sm-app .bd-lede,.sm-app .bd-side,.sm-app .bd-viz{padding:20px}
  .sm-app .bd-side{width:100%}
  .sm-app .bd .bd-kpis{gap:12px}
  .sm-app .bd .bd-kpis .kpi b{font-size:28px}
  .sm-app .bd .bd-kpis .kpi span,.sm-app .bd .bd-kpis .kpi em{font-size:var(--t-cap)}
  .sm-app .bd-fold{padding:18px}
}

/* الدخول: فصل شرح المنتج عن العمل المطلوب؛ الحقول تبقى في متناول اليد. */
.sm-app .auth-layout{max-width:1160px;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;margin:48px auto;background:var(--bg);border:1px solid var(--line);border-radius:calc(var(--r) + 8px);overflow:hidden}
.sm-app .auth-story{margin:0;padding:46px;text-align:start;position:relative;overflow:hidden;background:var(--dark);color:var(--on-dark);display:flex;flex-direction:column;align-items:flex-start}
.sm-app .auth-story .logo-full{max-width:145px;max-height:155px;object-fit:contain;background:var(--bg);border-radius:var(--r);padding:16px;margin:0 0 48px}
.auth-eyebrow{display:block;font-size:var(--t-sm);color:var(--on-dark);opacity:.85;margin-block-end:12px}
.sm-app .auth-story h1{font-size:clamp(30px,3vw,42px);color:var(--on-dark);margin:0 0 20px}
.sm-app .auth-story p{color:var(--on-dark);font-size:var(--t-body);line-height:2;max-width:37ch;font-weight:400;margin:0}
.auth-symbol{margin-block-start:auto;padding-block-start:35px;opacity:.22;align-self:flex-end}
.auth-symbol img{height:145px;width:auto}
.auth-forms{padding:42px;min-width:0}
.sm-app .auth-card{border:0;padding:0;margin-block-end:30px}
.sm-app .auth-card h2{font-size:var(--t-h2);margin-block-end:12px}
.sm-app .auth-card > .sub{margin-block-end:26px}
.sm-app .auth-card #loginBtn{width:100%;margin-block-start:20px;min-height:50px}
.sm-app .auth-code{padding:var(--s-5) 0 0;border:0;border-block-start:1px solid var(--line);border-radius:0;margin-block-end:18px;text-align:start!important}
.sm-app .auth-code h3{font-size:var(--t-h3)}
.sm-app .auth-code .btn{width:100%}
.sm-app .auth-forms .f{margin-block-start:22px;padding:0;border:0;line-height:1.85}
.sm-app .auth-card label.f{margin-block:16px 8px}
.password-field{position:relative}
.password-field input{padding-inline-end:140px}
.password-field button{position:absolute;inset-inline-end:6px;inset-block:3px;max-width:132px;background:none;color:var(--accent-ink);border:0;cursor:pointer;font:inherit;font-size:var(--t-cap);padding:0 8px;min-height:42px}
@media(max-width:767px){
  .sm-app .auth-layout{display:block;border:0;border-radius:0;margin:0;background:var(--bg)}
  .sm-app .auth-story{padding:var(--space-panel) 24px}
  .sm-app .auth-story .logo-full{max-width:94px;max-height:94px;padding:9px;margin-block-end:22px}
  .sm-app .auth-story h1{font-size:30px;margin-block-end:12px}
  .sm-app .auth-story p{font-size:var(--t-sm);max-width:55ch;line-height:1.8}
  .auth-symbol{display:none}
  .auth-forms{padding:30px 24px}
}

/* البوّابة: خيارا القطاع واضحان، ويعمل النموذج بلا JavaScript. */
.sm-gate{min-height:100vh;background:var(--bg-2)}
.sm-gate .gw{max-width:1280px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:28px 60px;padding:40px 40px 52px}
.sm-gate .gw-brand{grid-column:1/-1;margin:0 0 20px}
.sm-gate .gw-brand img{height:46px}
.sm-gate .gw-intro{padding-block:20px;align-self:center}
.sm-gate .gw-intro .eyebrow{display:block;font-size:var(--t-sm);letter-spacing:0;color:var(--accent-ink);margin-block-end:var(--s-5)}
.sm-gate .gw-intro .eyebrow::after{display:none}
.sm-gate h1{font-size:clamp(32px,3.6vw,46px);line-height:1.35;max-width:20ch}
.sm-gate h1.en{font-size:clamp(19px,2.1vw,25px);margin-block-start:14px;max-width:30ch}
.sm-gate .gw-intro .lede{font-size:var(--t-body);margin-block-start:20px}
.sm-gate .gw-symbol{margin-block-start:32px;opacity:.32}
.sm-gate .gw-symbol img{width:85px;height:auto}
.sm-gate .gw-pick{margin:0;padding:var(--s-6);border-radius:calc(var(--r) + 6px);border:1px solid var(--line);box-shadow:var(--sh-2);align-self:center}
.sm-gate .gw-pick h2{font-size:var(--t-h2)}
.sm-gate .gw-pick h2.en{font-size:var(--t-body);margin-block-start:4px}
.sm-gate .gw-lang{margin-block:12px 26px}
.sm-gate .gw-lang label{flex:1}
.sm-gate .gw-lang span{width:100%;justify-content:center;border-radius:var(--r-sm)}
.sm-gate .gw-sec{gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sm-gate .gw-sec button{padding:20px;border-radius:var(--r);gap:5px;box-shadow:none}
.sm-gate .gw-sec button:hover{background:var(--accent-soft);border-color:var(--accent)}
.sm-gate .gw-sec button[aria-pressed=true]{background:var(--bg);border-color:var(--line-2);box-shadow:none}
.sm-gate .gw-sector-icon{display:grid;place-items:center;width:40px;height:40px;margin-block-end:10px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-ink)}
.sm-gate .gw-sector-icon .ic{height:23px;width:23px}
.sm-gate .gw-sec i{font-size:var(--t-sm);line-height:1.8}
.sm-gate .gw-sec i.en{font-size:var(--t-cap);line-height:1.65}
.sm-gate .gw > .gw-fine{grid-column:1/-1;text-align:center;margin:0;font-size:var(--t-sm)}
@media(max-width:899px){
  .sm-gate .gw{grid-template-columns:minmax(0,1fr);max-width:700px;padding:26px 20px;gap:var(--s-5)}
  .sm-gate .gw-brand{margin:0}
  .sm-gate .gw-intro{padding:0}
  .sm-gate .gw-intro .eyebrow{margin-block-end:18px}
  .sm-gate .gw-symbol{display:none}
  .sm-gate .gw-pick{padding:var(--s-5)}
}
@media(max-width:520px){.sm-gate .gw-sec{grid-template-columns:minmax(0,1fr)}.sm-gate .gw-sec button{padding:18px}.sm-gate .gw-sec i.en{font-size:var(--t-cap)}}

/* الصفحة العامة: وعد موجز ومعاينة تقرير في الشاشة الأولى. */
.sm-landing .ctxbar{background:var(--bg-2);border-color:var(--line)}
.sm-landing header.top .in{max-width:1320px;min-height:80px;padding-block:14px;gap:20px}
.sm-landing .brand img{height:46px}
.sm-landing nav.mid a,.sm-landing .navlink,.sm-landing .langsw a{min-height:44px;display:inline-flex;align-items:center}
.sm-landing .hero{padding-block:72px 42px;background:var(--bg-2);border-block-end:1px solid var(--line)}
.sm-landing .hero > .wrap{max-width:1280px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:60px;align-items:center}
.sm-landing .hero-in{margin:0;max-width:none}
.sm-landing .hero .eyebrow{font-size:var(--t-sm);letter-spacing:0;color:var(--accent-ink);margin-block-end:var(--s-5);max-width:36ch}
.sm-landing .hero h1{font-size:clamp(38px,4.1vw,58px);line-height:1.24;max-width:18ch;font-weight:800;letter-spacing:-.02em}
.sm-landing .hero .lede{font-size:var(--t-lead);line-height:1.85;max-width:46ch;margin-block-start:var(--s-5)}
.sm-landing .hero .cta{gap:12px;margin-block-start:30px}
.sm-landing .hero .btn.lg{font-size:var(--t-body);min-height:52px;padding:13px 22px}
.sm-landing .trust{gap:10px 18px;margin-block-start:var(--s-5)}
.sm-landing .trust span{font-size:var(--t-cap)}
.sm-landing .appframe{width:100%;max-width:none;margin:0;transform:none;border:1px solid var(--line-2);border-radius:calc(var(--r) + 6px);box-shadow:var(--sh-3);align-self:center}
.sm-landing .af-bar{padding:16px 20px;background:var(--bg)}
.sm-landing .af-body{padding:var(--space-panel)}
.sm-landing .af-h{margin-block-end:var(--s-5)}
.sm-landing .af-code{font-size:26px;background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--r-sm);padding:12px}
.sm-landing .af-dim{margin-block:24px}
.sm-landing .af-track{height:9px;border-radius:9px}
.sm-landing .af-note{padding-block-start:18px;border-block-start:1px solid var(--line);line-height:1.7}
.sm-landing .facts{grid-column:1/-1;display:flex;justify-content:flex-start;align-items:center;gap:14px;margin:44px 0 0;padding-block-start:24px;border-block-start:1px solid var(--line);font-size:var(--t-sm)}
.sm-landing .facts b{color:var(--ink);font-size:var(--t-h3)}
.sm-landing .sec{padding-block:72px}
.sm-landing .sec .wrap{max-width:1240px}
.sm-landing .h2{max-width:27ch}
.sm-landing .center .h2{margin-inline:auto}
.sm-landing .grid{gap:22px}
.sm-landing .card{border-radius:var(--r);box-shadow:none;padding:26px}
.sm-landing .card.hov:hover{border-color:var(--accent-line);box-shadow:var(--sh-2);transform:translateY(-2px)}
.sm-landing .price-card{border-radius:calc(var(--r) + 6px)}
.sm-landing .btn.sm{min-height:44px}
@media(max-width:1000px){
  .sm-landing header.top .in{gap:12px}
  .sm-landing .hero > .wrap{column-gap:28px}
  .sm-landing .hero h1{font-size:clamp(34px,4.5vw,44px)}
  .sm-landing .af-body{padding:22px}
}
@media(max-width:760px){
  .sm-landing .hero{padding-block:42px 30px}
  .sm-landing .hero > .wrap{grid-template-columns:minmax(0,1fr);gap:32px}
  .sm-landing .hero h1{font-size:clamp(34px,8vw,43px);max-width:21ch}
  .sm-landing .hero .lede{font-size:var(--t-body);margin-block-start:20px}
  .sm-landing .hero .eyebrow{margin-block-end:18px}
  .sm-landing .appframe{max-width:560px;margin-inline:auto}
  .sm-landing .facts{margin:0;gap:10px;flex-wrap:wrap;font-size:var(--t-cap)}
  .sm-landing .sec{padding-block:48px}
  .sm-landing header.top .in{min-height:70px;padding-block:12px}
  .sm-landing .brand img{height:36px}
}

/* كتالوج قابل للبحث على الخادم؛ روابط الأدلة تستمر في العمل بلا سكربت. */
.sm-catalog{background:var(--bg-2)}
.sm-catalog :where(.top,.card,.dims li){background:var(--bg)}
.sm-catalog .top .in{min-height:82px;max-width:1240px;padding:16px 24px}
.sm-catalog .top nav a{display:inline-flex;align-items:center;min-height:44px}
.sm-catalog .top nav .btn{color:var(--on-accent)}
.sm-catalog main.wrap{max-width:1240px;padding-inline:24px}
.sm-catalog .head{padding-block:48px 10px}
.sm-catalog h1{font-size:clamp(30px,4vw,42px)}
.catalog-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.45fr) auto;gap:var(--s-4);align-items:end;background:var(--bg);padding:22px;border:1px solid var(--line);border-radius:var(--r);margin-block-start:28px}
.catalog-search label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:var(--t-sm);color:var(--fg-2);font-weight:600}
.catalog-search input,.catalog-search select{font:inherit;font-size:16px;min-height:48px;width:100%;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg);color:var(--fg);padding:10px 14px}
.catalog-search .btn{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:inherit;min-height:48px;padding-inline:24px}
.catalog-result{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-block:12px 28px;font-size:var(--t-sm);color:var(--fg-2)}
.catalog-result a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent-ink);font-weight:600}
.catalog-empty{padding:44px 20px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--r);background:var(--bg)}
.catalog-empty > .ic{width:36px;height:36px;color:var(--fg-2);margin-block-end:14px}
.sm-catalog .fam{margin-block-start:42px}
.sm-catalog .fam-h{gap:14px;margin-block-end:10px}
.sm-catalog .fam > p{font-size:var(--t-sm);margin-block-end:22px}
.sm-catalog .grid{gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.sm-catalog .card{padding:var(--s-5);border-block-start-width:3px;gap:14px}
.sm-catalog .card h3{font-size:var(--t-h3)}
.sm-catalog .card p{font-size:var(--t-sm);line-height:1.85}
.sm-catalog .nums{padding-block-start:16px;font-size:var(--t-sm);gap:20px}
.sm-catalog .nums b{font-size:var(--t-h3)}
@media(max-width:767px){
  .catalog-search{grid-template-columns:minmax(0,1fr);padding:18px;gap:14px}
  .sm-catalog main.wrap{padding-inline:18px}
  .sm-catalog .top .in{padding-inline:18px;gap:10px}
  .sm-catalog .top nav{gap:10px}
  .sm-catalog .top img{height:32px}
  .sm-catalog .head{padding-block-start:30px}
}
@media(prefers-reduced-motion:reduce){
  :where(.sm-app,.sm-landing,.sm-gate,.sm-catalog) *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* لا يُورَّث إطار التطبيق إلى نسخة التقرير المعدّة للطباعة. */
@media print{
  .workspace-shell{padding-inline-start:0!important}
  .workspace-shell header.top,.workspace-shell .skip-link,.workspace-shell .botnav,.workspace-shell .moresheet,.workspace-shell > .f{display:none!important}
  .workspace-shell > .wrap{max-width:none!important;padding:0!important;min-height:0!important}
  .sm-app .bd-lede,.sm-app .bd-side,.sm-app .bd-viz,.sm-app .bd-fold{box-shadow:none;break-inside:avoid}
}

/* 14.2 — العمق يربط الاستجابة بالنتيجة ثم بالإجراء، ولا يضيف مقياساً جديداً. */
.sm-landing .appframe.vs-scene{isolation:isolate;margin:20px 0 12px;padding:0;background:none;border:0;box-shadow:none;overflow:visible;perspective:1200px}
.sm-landing .vs-scene::after{display:none}
.vs-depth{position:absolute;inset:0;z-index:-1;pointer-events:none}
.vs-depth > div{position:absolute;inset:0;border:1px solid var(--accent-line);border-radius:calc(var(--r) + 6px);background:var(--accent-soft);transform:translateY(-16px) scale(.94) rotate(-3deg);transition:transform .3s ease}
.vs-depth > div + div{background:var(--bg);border-color:var(--line-2);transform:translateY(-8px) scale(.98) rotate(1.5deg)}
.vs-scene[data-stage=responses] .vs-depth > div{transform:translateY(-20px) scale(.94) rotate(3deg)}
.vs-scene[data-stage=action] .vs-depth > div + div{transform:translateY(-10px) scale(.98) rotate(-2deg)}
.vs-surface{position:relative;border:1px solid var(--line-2);border-radius:calc(var(--r) + 6px);background:var(--bg);box-shadow:var(--sh-3);overflow:hidden}
.vs-head{display:flex;align-items:center;gap:12px;padding:22px 24px 20px;border-block-end:1px solid var(--line);background:linear-gradient(130deg,var(--bg),var(--bg-2))}
.vs-head > div{min-width:0;display:grid;gap:2px}
.vs-head b{font-size:var(--t-h3);color:var(--ink);font-weight:700}
.vs-overline{font-size:var(--t-cap);color:var(--fg-2)}
.vs-emblem{display:grid;place-items:center;flex:none;width:46px;height:46px;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--r-sm)}
.vs-emblem .ic{width:25px;height:25px}
.vs-example{margin-inline-start:auto;font-size:var(--t-cap);color:var(--fg-2);white-space:nowrap;align-self:flex-start}
.vs-tabs{display:flex;gap:4px;padding:10px 14px;border-block-end:1px solid var(--line);background:var(--bg)}
.vs-tabs[hidden],.vs-panel[hidden]{display:none!important}
.vs-tabs button{font:inherit;font-size:var(--t-sm);line-height:1.5;cursor:pointer;min-height:46px;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 6px;border:0;border-radius:var(--r-sm);color:var(--fg-2);background:none;transition:background .18s ease,color .18s ease}
.vs-tabs button > span{font-family:var(--mono);font-size:var(--t-cap);font-weight:600}
.vs-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}
.vs-tabs button:hover{background:var(--bg-2);color:var(--ink)}
.vs-tabs button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.vs-panels{display:grid;align-items:start}
.sm-landing .vs-panel{grid-area:1/1;padding:26px 28px;min-height:336px}
.sm-landing .vs-panel h3{font-size:var(--t-h3);margin:0 0 10px}
.sm-landing .vs-panel > p{font-size:var(--t-sm);line-height:1.9;color:var(--fg-2);margin:0}
.sm-landing .vs-scene .af-h{margin-block-end:20px}
.sm-landing .vs-scene .af-code{font-size:var(--t-h3);padding:9px 12px;letter-spacing:.08em}
.sm-landing .vs-scene .af-dim{margin-block:20px}
.sm-landing .vs-scene .af-dim:last-child{margin-block-end:0}
.sm-landing .vs-scene .af-track{height:9px;background:var(--bg-3)}
.sm-landing .vs-scene .af-track i{animation:none;background:var(--fam-interests)}
.sm-landing .vs-disclaimer{margin:0;padding:14px 24px;border-block-start:1px solid var(--line);background:var(--bg-2);font-size:var(--t-cap);line-height:1.75;color:var(--fg-2)}
.vs-response-art{position:relative;width:min(255px,100%);margin:0 auto 24px;padding:6px 16px}
.vs-answer-sheet{position:relative;padding:20px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg);box-shadow:var(--sh-3);transform:rotate(-3deg)}
.vs-answer-sheet::before{content:"";position:absolute;z-index:-1;inset:4px -5px -5px 4px;border:1px solid var(--line);border-radius:inherit;background:var(--bg-2);transform:rotate(5deg)}
.vs-sheet-line{display:block;width:45%;height:5px;margin-block-end:18px;border-radius:4px;background:var(--line-2)}
.vs-answer-row{display:flex;align-items:center;gap:15px;margin-block-start:13px}
.vs-answer-row > i{height:4px;flex:1;border-radius:4px;background:var(--line)}
.vs-answer-row > span{display:flex;gap:7px}
.vs-answer-row b{width:11px;height:11px;border:1px solid var(--line-2);border-radius:50%;background:var(--bg)}
.vs-answer-row b.chosen{background:var(--accent);border-color:var(--accent)}
.vs-response-seal{position:absolute;inset-inline-end:0;inset-block-end:1px;width:40px;height:40px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);border:4px solid var(--bg);border-radius:50%}
.vs-caption{display:block;font-size:var(--t-cap);line-height:1.7;color:var(--fg-2);margin-block-start:14px}
.vs-action-art{display:flex;align-items:center;justify-content:center;margin:6px 0 30px;gap:10px}
.vs-action-art > span{display:grid;place-items:center;width:74px;height:82px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg-2);color:var(--ink);box-shadow:var(--sh-2);transform:rotate(-5deg)}
.vs-action-art > span:last-child{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line);transform:rotate(5deg)}
.vs-action-art .ic{width:34px;height:34px}
.vs-action-art > i{height:1px;width:36px;background:var(--accent-line);position:relative}
.vs-action-art > i::after{content:"";position:absolute;inset-block-start:-3px;inset-inline-end:0;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.vs-action ul{list-style:none;display:grid;gap:10px;margin:18px 0 0;padding:0;font-size:var(--t-sm);color:var(--fg)}
.vs-action li{display:flex;align-items:flex-start;gap:9px}
.vs-action li .ic{color:var(--accent-ink);flex:none;margin-block-start:4px}
.sm-landing #how .step{position:relative;padding-inline-end:140px;background:var(--bg)}
.vs-step-art{position:absolute;inset-inline-end:24px;inset-block-start:30px;display:flex;align-items:center;justify-content:center;width:96px;min-height:60px;color:var(--accent-ink)}
.vs-step-art > span{display:grid;place-items:center;flex:none;width:40px;height:48px;border:1px solid var(--accent-line);border-radius:var(--r-sm);background:var(--accent-soft);box-shadow:var(--sh-2)}
.vs-step-art .ic{width:23px;height:23px}
.vs-step-1 > span{width:34px;height:40px;border-radius:50%;margin-inline:-4px}
.vs-step-1 > span:nth-child(2){width:43px;height:49px;position:relative;z-index:1;transform:translateY(-7px);background:var(--bg);border-color:var(--line-2)}
.vs-step-2{gap:8px}
.vs-step-2 > span{transform:rotate(-7deg)}
.vs-mini-list{display:grid;gap:8px;width:32px}
.vs-mini-list i{height:4px;background:var(--accent-line);border-radius:4px}
.vs-mini-list i:nth-child(2){width:70%;background:var(--accent)}
.vs-mini-list i:last-child{width:85%}
.vs-step-3 > span{width:34px;height:44px;transform:rotate(-5deg)}
.vs-step-3 > span:last-child{background:var(--bg);transform:rotate(5deg)}
.vs-join{height:1px;width:20px;background:var(--accent-line)}
.sm-landing .demo-read{border-inline-start:3px solid var(--accent);padding-inline-start:16px}
.sm-landing .demo-acts{padding-inline-start:24px;list-style-type:decimal}
.sm-landing .demo-acts li{padding-inline-start:5px;margin-block-end:12px}
.sm-landing .demo-acts li::marker{font-family:var(--mono);color:var(--accent-ink);font-weight:600}
@media(max-width:760px){
  .sm-landing .appframe.vs-scene{margin:14px auto 8px;max-width:530px}
  .vs-head{padding:18px;gap:10px;flex-wrap:wrap}
  .vs-head > div{flex:1}
  .vs-example{flex-basis:100%;margin:0;text-align:end;font-size:var(--t-cap)}
  .vs-emblem{width:40px;height:40px}
  .vs-tabs{padding:8px;gap:2px}
  .vs-tabs button{font-size:var(--t-cap);gap:5px}
  .sm-landing .vs-panel{padding:var(--s-5) 20px;min-height:340px}
  .sm-landing .vs-disclaimer{padding:12px 18px}
  .sm-landing #how .step{padding-inline-end:24px}
  .sm-landing #how .step h3{padding-inline-end:80px;min-height:44px;display:flex;align-items:center}
  .vs-step-art{inset-inline-end:20px;inset-block-start:22px;transform:scale(.82);transform-origin:top;max-width:80px}
}
@media(prefers-reduced-motion:reduce){.vs-depth > div,.vs-tabs button{transition:none}}
@media print{.vs-depth,.vs-tabs,.vs-step-art{display:none!important}.vs-surface{box-shadow:none}.sm-landing #how .step{padding-inline-end:24px}}

/* 14.3 — قاعدة مشتركة وحاويات بحسب وظيفة المحتوى، مع بقاء الطباعة مستقلة. */
@media screen {
  :is(.sm-app,.sm-landing,.sm-gate,.sm-catalog) :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus-color);outline-offset:4px}
  :is(.sm-app,.sm-landing,.sm-gate,.sm-catalog) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--control-border);transition:border-color var(--motion-fast) var(--ease-ui),box-shadow var(--motion-fast) var(--ease-ui)}
  :is(.sm-app,.sm-landing,.sm-gate,.sm-catalog) :where(input,select,textarea)[aria-invalid=true]{border-color:var(--danger);border-inline-start-width:3px}
  :is(.sm-app,.sm-landing,.sm-gate,.sm-catalog) :where(input,select,textarea):disabled{background:var(--bg-3);cursor:not-allowed}
  :is(.sm-app,.sm-landing,.sm-gate,.sm-catalog) :where(.btn,button){transition:background-color var(--motion-fast) var(--ease-ui),border-color var(--motion-fast) var(--ease-ui),transform var(--motion-fast) var(--ease-ui)}
  :is(.sm-app,.sm-landing,.sm-gate,.sm-catalog) .btn:not(.ghost):not(.danger):not(:disabled):hover{background:var(--brand-hover);color:var(--on-accent)}
  :is(.sm-app,.sm-landing,.sm-gate,.sm-catalog) .btn:not(:disabled):active{transform:translateY(1px)}
  :is(.sm-app,.sm-landing,.sm-gate,.sm-catalog) button:disabled{cursor:not-allowed}
  :is(.sm-app,.sm-landing,.sm-gate,.sm-catalog) button[aria-busy=true]{cursor:progress}
  .sm-app .btn-link,.sm-app .bd-fold > summary{min-height:44px}
  .sm-app .bd-fold > summary{display:flex;align-items:center;gap:var(--s-3)}
  .sm-app .bd{--bd-gap:var(--s-6)}
  .sm-app .bd-top{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);gap:0;overflow:hidden}
  .sm-app .bd-lede{border:0;border-radius:0;padding:var(--space-panel);background:none}
  .sm-app .bd-side{border:0;border-inline-start:1px solid var(--line);border-radius:0;padding:var(--space-panel);background:var(--surface-muted)}
  .sm-app .bd .bd-kpis .kpi b{color:var(--ink)}
  .sm-app .bd .bd-kpis .kpi span,.sm-app .bd .bd-kpis .kpi em{color:var(--text-secondary)}
  .sm-app .bd .bd-kpis .kpi.low b{color:var(--warn)}
  .sm-app .bd .bd-kpis .kpi + .kpi{border-color:var(--line)}
  .sm-app .bd-viz{border:0;border-radius:0;padding:var(--s-5) 0;background:none}
  .sm-app .bd-viz-bar{border-block-end:1px solid var(--line);padding-block-end:var(--s-3)}
  .sm-app .bd-fold{border:0;border-block-start:1px solid var(--line);border-radius:0;padding:var(--s-5) 0;background:none}
  .sm-app .bd-fold .classes{gap:var(--s-4)}
  .sm-app .cls-card{background:var(--surface)}
  .sm-app .auth-layout{border-radius:var(--r-lg)}
  .sm-app .auth-story{padding:var(--s-7)}
  .sm-app .auth-forms{padding:var(--s-7)}
  .sm-app .auth-story .logo-full{border-radius:var(--r-sm)}
  .sm-landing .hero{background:var(--surface);padding-block:var(--s-7) var(--s-6)}
  .sm-landing .hero > .wrap,.sm-landing .sec .wrap,.sm-catalog main.wrap{max-width:var(--maxw)}
  .sm-landing .hero h1{color:var(--ink);line-height:1.3;text-wrap:balance}
  .sm-landing .hero .lede{max-width:44ch;font-size:var(--t-body);line-height:1.9}
  .sm-landing .hero .eyebrow{max-width:none;margin-block-end:var(--s-4)}
  .sm-landing .vs-surface{border-radius:var(--r-lg);box-shadow:var(--sh-3)}
  .sm-landing .vs-head{background:var(--surface-muted)}
  .sm-landing .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-block-start:var(--s-6);padding-block:var(--s-5) 0}
  .sm-landing .fact{display:flex;align-items:baseline;gap:var(--s-3);padding-inline:var(--s-5);min-width:0}
  .sm-landing .fact:first-child{padding-inline-start:0}
  .sm-landing .fact + .fact{border-inline-start:1px solid var(--line)}
  .sm-landing .fact b{font-size:var(--t-h2);white-space:nowrap}
  .sm-landing .fact span{line-height:1.6;color:var(--text-secondary)}
  .sm-landing .sec{padding-block:var(--space-section)}
  .sm-landing .sm-context{background:var(--surface-muted)}
  .sm-landing .sm-context .grid{gap:var(--s-6)}
  .sm-landing .sm-context .card{background:none;border:0;border-inline-start:2px solid var(--line-2);border-radius:0;padding:0 var(--s-5);box-shadow:none;transform:none}
  .sm-landing .sm-context .card h3{font-size:var(--t-h3);margin-block-end:var(--s-3)}
  .sm-landing #val .vic{background:none;border:0;border-radius:0;padding:0;width:auto;justify-content:flex-start;box-shadow:none}
  .sm-landing #val .val{border:0;border-block-start:1px solid var(--line);border-radius:0;padding:var(--s-5) 0;background:none;box-shadow:none}
  .sm-catalog .catalog-search{border:0;border-block:1px solid var(--line);border-radius:0;background:none;padding:var(--s-5) 0;gap:var(--s-5)}
  .sm-catalog .card{transition:border-color var(--motion-fast) var(--ease-ui),transform var(--motion-fast) var(--ease-ui)}
}
@media screen and (max-width:899px){
  .sm-app .bd-side{border-inline-start:0;border-block-start:1px solid var(--line)}
  .sm-landing .fact{flex-direction:column;gap:var(--s-1);padding-inline:var(--s-4)}
}
@media screen and (max-width:767px){
  .sm-app .auth-layout{border-radius:0}
  .sm-app .auth-story,.sm-app .auth-forms{padding:var(--s-5)}
  .sm-landing .hero{padding-block:var(--s-6)}
  .sm-landing .facts{margin-block-start:0}
  .sm-landing .fact{padding-inline:var(--s-3)}
  .sm-landing .fact b{font-size:var(--t-h3);white-space:normal}
  .sm-landing .fact span{font-size:var(--t-cap)}
}

@media screen{
  .sm-app .auth-forms a:not(.btn){color:var(--accent-ink);text-underline-offset:4px}
}
@media screen and (min-width:900px){
  .sm-app .bd-top:has(.bd-calm){grid-template-columns:minmax(0,1fr)}
  .sm-app .bd-top:has(.bd-calm) .bd-lede{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5)}
  .sm-app .bd-top:has(.bd-calm) .bd-acts{margin:0;flex:none}
  .sm-app .bd-top:has(.bd-calm) .bd-side{border-inline-start:0;border-block-start:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5)}
  .sm-app .bd-top:has(.bd-calm) .bd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm-app .bd-top:has(.bd-calm) .kpi + .kpi{border-block-start:0;border-inline-start:1px solid var(--line);padding-block-start:0;padding-inline-start:var(--s-5)}
}
@media screen and (max-width:767px){
  .sm-landing nav.act .navlink.hide-s{display:inline-flex}
}