/* Smart Tenant — Arabic-first UI refinement, 2026-10-31.
   Loaded after original assets. Scoped to st-marketing, st-auth and st-app.
   It DOES NOT affect tenant listing websites at /web/{code}. */
:root {
  --st2-primary: #079772;
  --st2-primary-dark: #066b56;
  --st2-ink: #112d36;
  --st2-muted: #5c7380;
  --st2-border: #e4eeea;
  --st2-bg: #f4f8f7;
  --st2-navy: #102c31;
  --st2-shadow: 0 12px 35px rgba(16, 68, 59, .065);
}
body.st-marketing, body.st-auth, body.st-app {
  font-family: 'IBM Plex Sans Arabic', 'Inter', 'Segoe UI', sans-serif !important;
  color: var(--st2-ink);
}
body.st-marketing :is(a,button,input,textarea), body.st-auth :is(a,button,input), body.st-app :is(a,button,input,textarea,select) {
  font-family: inherit;
}
body.st-marketing h1,body.st-marketing h2,body.st-marketing h3,
body.st-auth h1,body.st-auth h2,body.st-app h1,body.st-app h2,body.st-app h3 {
  letter-spacing: 0;
}
/* Marketing navigation — balanced and predictable RTL. */
body.st-marketing .st-site-header { background: rgba(255,255,255,.98); border-bottom-color: #ebf1ed; box-shadow: 0 5px 22px rgba(8,55,47,.045); }
body.st-marketing .st-nav-inner { gap: 20px; max-width: 1320px; }
body.st-marketing .st-nav-links { gap: clamp(12px,1.3vw,24px); }
body.st-marketing .st-nav-links a { color:#405a60; font-weight: 650; font-size: 13px; }
body.st-marketing .st-nav-links a.is-active { color: #008e69; }
body.st-marketing .st-shell { max-width: 1320px; }
body.st-marketing .st-btn-primary { background: #008d6b; border-color:#008d6b; color:#fff!important; }
body.st-marketing .st-btn-primary:hover { background: #086e58; border-color:#086e58; }
/* Make photography the point of the hero, with real architectural context. */
body.st-marketing .st-hero {
  background: radial-gradient(ellipse at 3% 30%,#e2f4e9 0,transparent 45%),
              linear-gradient(155deg,#f5faf7 0,#fff 71%);
  overflow:hidden;
}
body.st-marketing .st-hero-grid { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap:clamp(28px,4vw,65px); min-height:610px; align-items:center; padding-block:65px 75px; }
body.st-marketing .st-hero-copy h1 { font-size:clamp(38px,3.4vw,58px); max-width:640px; line-height:1.38; margin:15px 0 23px; color:#0b3033; }
body.st-marketing .st-hero-copy h1 span { color:#078c6b; display:block; }
body.st-marketing .st-hero-copy > p { color:#526c70; font-size:17px; max-width:545px; line-height:2; margin-bottom:25px; }
body.st-marketing .st-eyebrow { color:#056c55; background:#e3f4ed; border-color:#c8e9db; font-weight:750; }
body.st-marketing .st-hero-points { font-weight:650; color:#335b54; gap:14px 20px; }
body.st-marketing .st-hero-points span i {color:#04946d}
body.st-marketing .st-hero-visual-v2 { position:relative; min-width:0; padding:0; }
body.st-marketing .st-hero-photo-frame { width:100%; height:485px; border-radius:26px; position:relative; overflow:hidden; background:linear-gradient(145deg,#d1ece1,#638b81); box-shadow:0 26px 58px rgba(9,64,54,.2); }
body.st-marketing .st-hero-photo-frame img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
body.st-marketing .st-hero-photo-shade { position:absolute; inset:0; background:linear-gradient(to top,rgba(6,32,36,.82),rgba(4,40,42,.03) 60%); }
body.st-marketing .st-hero-photo-caption { position:absolute; bottom:34px; inset-inline:32px; color:white; display:grid; gap:11px; }
body.st-marketing .st-hero-photo-caption span { font-size:13px; color:#ddfff2; }
body.st-marketing .st-hero-photo-caption strong { color:white; font-size:clamp(22px,2.2vw,32px); max-width:330px; line-height:1.4; }
body.st-marketing .st-hero-mini-metric { position:absolute; inset-inline-start:-26px; top:38px; display:flex; align-items:center; gap:12px; background:#fff; border:1px solid #e8f1ec; border-radius:17px; padding:14px 18px; box-shadow:0 15px 32px rgba(2,51,42,.14); max-width:240px; }
body.st-marketing .st-hero-mini-metric > i { display:grid;place-items:center; flex:none; width:43px;height:43px; background:#e8f8ef;color:#078c68;border-radius:12px;font-size:24px; }
body.st-marketing .st-hero-mini-metric span {display:grid;gap:2px}
body.st-marketing .st-hero-mini-metric strong {font-size:13px;color:#123d3b}
body.st-marketing .st-hero-mini-metric small {font-size:11px;color:#637e79}
body.st-marketing .st-short-section { padding-block:84px; }
body.st-marketing .st-section-head h2 { font-size:clamp(27px,2.8vw,39px); }
body.st-marketing .st-mini-feature,body.st-marketing .st-feature-card,body.st-marketing .st-solution-card {background:#fff;border:1px solid #e4eee9;box-shadow:0 8px 22px rgba(20,65,55,.04);transition:transform .2s,box-shadow .2s}
body.st-marketing .st-mini-feature:hover,body.st-marketing .st-feature-card:hover,body.st-marketing .st-solution-card:hover {transform:translateY(-4px);box-shadow:0 20px 35px rgba(20,65,55,.09)}
body.st-marketing .st-mini-feature h3,body.st-marketing .st-feature-card h3 {font-weight:750;color:#193e40}
body.st-marketing .st-band {background:linear-gradient(135deg,#f4faf6,#edf8f3)}
body.st-marketing .st-cta {background:linear-gradient(120deg,#126f5c,#0a3639); box-shadow:0 20px 42px rgba(8,71,60,.16)}
/* Always readable: inherited dark headings were unreadable on green CTA. */
body.st-marketing .st-cta :is(h1,h2,h3) { color:#fff!important; }
body.st-marketing .st-cta p { color:#e0f6ea!important; }
body.st-marketing .st-cta .st-eyebrow {color:#e1fff1!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important}
body.st-marketing .st-cta .st-btn-white {background:#fff!important;color:#0b7359!important}
body.st-marketing .st-cta .st-btn-ghost {border-color:rgba(255,255,255,.5)!important;color:#fff!important;background:transparent!important}
body.st-marketing .st-about-visual-photo {position:relative;background:linear-gradient(180deg,rgba(6,40,38,.03),rgba(6,40,38,.76)),url('https://images.unsplash.com/photo-1750762367188-2f884520d63d?auto=format&fit=crop&w=1100&q=82') center / cover no-repeat;border-radius:22px;overflow:hidden}
body.st-marketing .st-about-visual-photo span {color:#fff!important;position:relative;text-shadow:0 2px 9px #112c38a8;font-size:22px;font-weight:750}
/* Auth: deliberate, calm split layout. All forms retain the existing Laravel bindings. */
body.st-auth-v2 {background:#f5faf7!important;min-height:100vh}
body.st-auth-v2 .auth-main {min-height:100vh;background:linear-gradient(140deg,#f0f8f3,#fff 62%)!important;padding:0!important}
body.st-auth-v2 .auth-wrapper.v2 {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.92fr); min-height:100vh!important;max-width:none!important;width:100%!important;margin:0!important;gap:0!important;align-items:stretch!important;}
body.st-auth-v2 .auth-wrapper.v2 .auth-form {width:100%!important;max-width:none!important;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:rgba(255,255,255,.92);border-radius:0!important;padding:30px clamp(26px,5vw,90px)!important;box-shadow:none!important;}
body.st-auth-v2 .st-auth-topbar {display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;width:100%;}
body.st-auth-v2 .st-auth-brand img {width:auto;max-width:205px;max-height:57px;object-fit:contain;}
body.st-auth-v2 .st-auth-lang {display:flex;align-items:center;gap:6px;border:1px solid #dfebe5;background:#f5faf7;color:#087a62;text-decoration:none;font-size:13px;font-weight:750;border-radius:10px;padding:8px 12px;}
body.st-auth-v2 .st-auth-lang i {font-size:18px}
body.st-auth-v2 .st-auth-form-inner {width:min(100%,480px);margin:auto; padding:42px 0 60px;}
body.st-auth-v2 .auth-form .card,body.st-auth-v2 .auth-form>.card {background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;overflow:visible!important;}
body.st-auth-v2 .auth-form .card-body {padding:0!important;}
body.st-auth-v2 .auth-header {width:100%;margin:0 0 28px!important;text-align:start!important;}
body.st-auth-v2 .auth-header h2 {font-size:clamp(26px,2.35vw,36px);font-weight:800;line-height:1.4;color:#102f35!important;margin:0 0 7px!important;}
body.st-auth-v2 .auth-header h2 b {font-weight:800}
body.st-auth-v2 .auth-header p {font-size:15px!important;color:#617882;line-height:1.9;margin:0!important;}
body.st-auth-v2 .auth-header ~ * {min-width:0}
body.st-auth-v2 .form-floating {margin-bottom:18px!important;}
body.st-auth-v2 .form-floating>.form-control {border:1px solid #dbe9e4!important;background:#fff!important;border-radius:13px!important;min-height:59px;height:59px;color:#152f37!important;padding-inline:18px!important;font-size:14px;box-shadow:0 2px 5px rgba(12,60,45,.018);}
body.st-auth-v2 .form-floating>.form-control:focus {border-color:#0e9370!important;box-shadow:0 0 0 4px rgba(14,147,112,.1)!important}
body.st-auth-v2 .form-floating>label {color:#526b73;padding-inline:18px!important;font-size:14px;}
html[dir="rtl"] body.st-auth-v2 .form-floating>.form-control {direction:rtl!important;text-align:right!important}
html[dir="rtl"] body.st-auth-v2 .form-floating>label {right:0!important;left:auto!important;transform-origin:right center!important;text-align:right!important;}
body.st-auth-v2 .form-check {display:flex;gap:9px;align-items:flex-start;min-height:27px}
body.st-auth-v2 .form-check-input {flex:none;margin:4px 0 0!important;border-color:#c8dbd1!important}
body.st-auth-v2 .form-check-input:checked {background:#078f6c!important;border-color:#078f6c!important}
body.st-auth-v2 .form-check-label {color:#435e66!important;font-size:13px!important;font-weight:500}
body.st-auth-v2 .form-check-label .h5 {font-size:13px!important;font-weight:500;line-height:1.8}
body.st-auth-v2 .text-secondary {color:#057a60!important}
body.st-auth-v2 .btn-secondary {background:#078d6b!important;border:1px solid #078d6b!important;color:#fff!important;border-radius:12px!important;min-height:53px;font-size:15px;font-weight:750;box-shadow:0 10px 19px rgba(7,141,107,.16)}
body.st-auth-v2 .btn-secondary:hover {background:#066d55!important;border-color:#066d55!important;}
body.st-auth-v2 .auth-form hr {margin:26px 0 20px;border-color:#e5eee9;opacity:1}
body.st-auth-v2 .auth-form h5 {font-size:13px;font-weight:550;line-height:1.8;gap:5px;flex-wrap:wrap;color:#647a7d;}
body.st-auth-v2 .auth-form a {text-decoration:none;font-weight:650}
body.st-auth-v2 .st-auth-back {display:inline-flex;align-items:center;gap:8px;margin-top:27px;font-size:12px;color:#69827f!important;text-decoration:none;}
body.st-auth-v2 .st-auth-back:hover {color:#058263!important}
body.st-auth-v2 .st-auth-sidecontent {min-height:100vh;position:relative;background:#143e39;overflow:hidden;border-radius:0!important;display:flex;align-items:flex-end;padding:48px clamp(30px,4vw,75px);}
body.st-auth-v2 .st-auth-photo {position:absolute;inset:0;background:linear-gradient(165deg,#688e85,#0b3d3d);background-image:url('https://images.unsplash.com/photo-1750762367188-2f884520d63d?auto=format&fit=crop&w=1700&q=83');background-position:center;background-size:cover;transform:scale(1.02)}
body.st-auth-v2 .st-auth-sidecontent:after {content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(5,36,39,.95),rgba(5,40,40,.30) 66%,rgba(5,40,40,.04));}
body.st-auth-v2 .st-auth-side-overlay {position:relative;z-index:1;max-width:580px;margin-bottom:30px;color:#fff!important;}
body.st-auth-v2 .st-auth-side-pill {display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:9px 16px;font-size:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);color:#dffdf0}
body.st-auth-v2 .st-auth-side-overlay h2 {color:#fff!important;font-size:clamp(31px,3.3vw,48px);line-height:1.35;font-weight:800;margin:20px 0!important;}
body.st-auth-v2 .st-auth-side-overlay p {color:#e5f5ee!important;font-size:16px;line-height:2;max-width:520px;}
body.st-auth-v2 .st-auth-side-benefits {display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:23px;color:#e4fdf3;font-size:12px;}
body.st-auth-v2 .st-auth-side-benefits span {display:flex;align-items:center;gap:6px}
body.st-auth-v2 .st-auth-side-benefits i {font-size:17px;color:#6aebbd}
body.st-auth-v2 .loader-bg {z-index:10000}
/* Internal product: genuine usable density; right-hand navigation in RTL. */
body.st-app {background:#f3f7f7!important;color:#152f37!important;}
body.st-app .pc-sidebar {background:#0c292e!important;border:0!important;box-shadow:8px 0 25px rgba(4,38,36,.08);}
body.st-app .pc-sidebar .m-header {background:#0c292e!important;border-bottom:1px solid rgba(255,255,255,.105)!important;min-height:90px!important;display:flex;align-items:center;justify-content:center;}
body.st-app .pc-sidebar .m-header .b-brand {display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px!important;}
body.st-app .pc-sidebar .m-header img {max-height:62px!important;max-width:190px!important;object-fit:contain;filter:brightness(1.4)}
body.st-app .pc-sidebar .navbar-content {background:#0c292e!important;}
body.st-app .pc-sidebar .pc-caption {color:#8fbbb8!important;font-size:12px!important;letter-spacing:0!important;font-weight:650!important;text-transform:none!important;margin-block:22px 11px!important;}
body.st-app .pc-sidebar .pc-item > .pc-link {color:#deece9!important;font-size:14px!important;font-weight:600!important;min-height:47px;display:flex;align-items:center;gap:10px;border-radius:11px!important;margin:3px 13px!important;padding:10px 14px!important;}
body.st-app .pc-sidebar .pc-item > .pc-link:hover,body.st-app .pc-sidebar .pc-item.active > .pc-link,body.st-app .pc-sidebar .pc-item.pc-trigger > .pc-link {background:#16534e!important;color:#fff!important;}
body.st-app .pc-sidebar .pc-micon {width:26px!important;min-width:26px!important;text-align:center;display:inline-grid;place-items:center;line-height:1}
body.st-app .pc-sidebar .pc-micon i {font-size:20px!important;color:#9de3cb!important}
body.st-app .pc-sidebar .pc-item.active>.pc-link .pc-micon i {color:#6cf2b9!important}
body.st-app .pc-sidebar .pc-mtext {font-size:14px!important;font-weight:550!important;white-space:nowrap;}
body.st-app .pc-sidebar .pc-arrow {color:#b1d2cb!important}
body.st-app .pc-sidebar .pc-submenu {background:#102e32!important;margin:0 14px 8px!important;border-radius:10px}
body.st-app .pc-sidebar .pc-submenu .pc-link {font-size:12.5px!important;margin:2px!important;min-height:35px!important;padding-block:7px!important}
body.st-app .pc-header {background:#fff!important;border-bottom:1px solid #e4eeeb!important;box-shadow:0 3px 12px rgba(13,65,60,.03)!important;}
body.st-app .pc-header .header-wrapper {min-height:76px;align-items:center!important;padding-inline:22px!important;gap:15px;}
body.st-app .pc-header .pc-head-link {border-radius:12px!important;min-height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;}
body.st-app .pc-header .pc-head-link i {font-size:21px!important;}
body.st-app .pc-header .st-language-trigger {gap:6px;padding-inline:12px!important;color:#076f5c!important;background:#edf8f3!important;border:1px solid #d8eee4!important;}
body.st-app .pc-header .st-language-trigger span {font-size:12px;font-weight:800}
body.st-app .header-search .form-control {background:#f5f8f7!important;border:1px solid #e0eae5!important;border-radius:12px!important;color:#123a39!important;min-height:43px;font-size:14px!important;}
body.st-app .pc-container {background:#f4f8f7!important;}
body.st-app .pc-content {max-width:none!important;padding:24px clamp(18px,2.2vw,36px) 45px!important;}
body.st-app .page-header {background:#fff!important;border-radius:17px!important;border:1px solid #e6efea!important;margin:0 0 26px!important;padding:18px 24px!important;box-shadow:0 4px 12px rgba(8,68,55,.025);}
body.st-app .page-header-title h5 {font-size:21px!important;font-weight:800!important;color:#16343b!important;margin:0!important;}
body.st-app .breadcrumb {font-size:12px;color:#70878c}
body.st-app .pc-content .card {border:1px solid #e6efeb!important;border-radius:18px!important;box-shadow:0 5px 17px rgba(15,66,55,.035)!important;background:#fff!important;}
body.st-app .pc-content .card-header {background:#fff!important;border-color:#ecf2ef!important;border-radius:18px 18px 0 0!important;padding:19px 23px!important;}
body.st-app .pc-content .card-header h5 {font-size:16px!important;font-weight:750!important;color:#193f44!important;}
body.st-app .pc-content .card-body {padding:22px!important;}
body.st-app .pc-content .card-body :is(h3,h4,h5,h6) {color:#17363b}
body.st-app .pc-content .text-muted {color:#617980!important;}
body.st-app .pc-content .btn-primary {background:#078d6b!important;border-color:#078d6b!important;color:#fff!important;}
body.st-app .pc-content .form-control,body.st-app .pc-content .form-select {border-color:#d9e7e0!important;border-radius:10px;}
body.st-app .pc-content .form-control:focus {border-color:#119874!important;box-shadow:0 0 0 3px rgba(17,152,116,.1)!important;}
body.st-app .pc-content .table thead th {font-size:13px!important;color:#516e71!important;text-transform:none!important;background:#f6f9f8!important;}
body.st-app .pc-content .table tbody td {font-size:13.5px;}
body.st-app .st-welcome-v2 {background:linear-gradient(110deg,#0a745f,#093b3c)!important;border-radius:19px;padding:30px 34px;margin-bottom:26px;box-shadow:0 14px 25px rgba(6,82,67,.14);}
body.st-app .st-welcome-v2 h2 {font-size:clamp(24px,2.5vw,34px)!important;line-height:1.5;color:#fff!important;margin:9px 0 7px!important}
body.st-app .st-welcome-v2 h2 span {color:#d9fff0}
body.st-app .st-welcome-v2 .st-dashboard-kicker {color:#b9f2de!important;font-weight:700;font-size:12px;}
body.st-app .st-welcome-v2 p {color:#e2f6ee!important;font-size:14px;line-height:1.8}
body.st-app .st-welcome-chips {display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:16px;}
body.st-app .st-welcome-chips span {display:flex;align-items:center;gap:5px;color:#e1f9ec;font-size:12px;opacity:.92}
body.st-app .st-welcome-v2 a {background:white!important;border-radius:12px;color:#056d58!important;box-shadow:none;font-size:13px;}
body.st-app .st-welcome-v2 a i {font-size:18px}
body.st-app .st-stat-col {margin-bottom:16px;}
body.st-app .st-stat-link {text-decoration:none;min-width:0;}
body.st-app .st-stat-card {min-height:171px;transition:transform .18s, box-shadow .18s;}
body.st-app .st-stat-link:hover .st-stat-card {transform:translateY(-3px);box-shadow:var(--st2-shadow)!important;}
body.st-app .st-stat-card .card-body {padding:21px 23px!important;display:block!important;}
body.st-app .st-stat-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
body.st-app .st-stat-icon {display:inline-flex;align-items:center;justify-content:center;border-radius:13px;width:45px;height:45px;background:#e6f7ee;color:#047e5f;flex-shrink:0;}
body.st-app .st-stat-icon i {font-size:24px!important;}
body.st-app .st-stat-secondary .st-stat-icon {color:#5961bf;background:#eeeffe}
body.st-app .st-stat-warning .st-stat-icon {color:#ad6e04;background:#fff2d9}
body.st-app .st-stat-info .st-stat-icon {color:#0a80b3;background:#e4f4ff}
body.st-app .st-stat-primary .st-stat-icon {color:#057d69;background:#e1f5ec}
body.st-app .st-stat-arrow {color:#a9c3bb;font-size:19px;opacity:.72}
body.st-app .st-stat-label {color:#537177;font-size:12.5px;font-weight:700;margin-bottom:5px;line-height:1.7;}
body.st-app .st-stat-number {font-size:clamp(24px,2vw,30px);font-weight:800;color:#102c39;line-height:1.5;word-break:break-word;font-variant-numeric:tabular-nums;}
body.st-app .st-stat-sub {color:#70868b;font-size:11.5px;line-height:1.7;}
body.st-app .st-dashboard-section-title {margin:24px 0 14px!important;}
body.st-app .st-dashboard-section-title h3 {color:#193b3f;font-size:17px!important;line-height:1.5;font-weight:800!important;margin:0!important;}
body.st-app .st-dashboard-section-title p {color:#66817e;font-size:13px;margin:4px 0 0;}
body.st-app .st-section-more {color:#07866b;text-decoration:none;font-weight:700;}
/* RTL: treat layout direction as the single source of truth. */
html[dir="rtl"] body.st-app, html[dir="rtl"] body.st-auth-v2, html[dir="rtl"] body.st-marketing {direction:rtl;text-align:right;}
html[dir="ltr"] body.st-app, html[dir="ltr"] body.st-auth-v2, html[dir="ltr"] body.st-marketing {direction:ltr;text-align:left;}
@media(min-width:1025px) {
  body.st-app[data-pc-direction="rtl"] .pc-sidebar {right:0!important;left:auto!important;}
  body.st-app[data-pc-direction="rtl"] .pc-container,body.st-app[data-pc-direction="rtl"] .pc-footer {margin-right:260px!important;margin-left:0!important;}
  body.st-app[data-pc-direction="rtl"] .pc-header {right:260px!important;left:0!important;margin:0!important;}
  body.st-app.st-sidebar-mini[data-pc-direction="rtl"] .pc-container,body.st-app.st-sidebar-mini[data-pc-direction="rtl"] .pc-footer {margin-right:76px!important;margin-left:0!important;}
  body.st-app.st-sidebar-mini[data-pc-direction="rtl"] .pc-header {right:76px!important;left:0!important;}
  body.st-app.st-sidebar-mini[data-pc-direction="rtl"] .pc-sidebar .m-header {min-height:80px!important;}
  body.st-app.st-sidebar-mini[data-pc-direction="rtl"] .pc-sidebar .pc-micon {width:auto!important;}
}
html[dir="rtl"] body.st-app .pc-header .header-wrapper {direction:rtl}
html[dir="rtl"] body.st-app .pc-sidebar .pc-link {direction:rtl;text-align:right}
html[dir="rtl"] body.st-app .pc-header .dropdown-menu {text-align:right}
html[dir="rtl"] body.st-app .pc-content :is(.form-control,.form-select,textarea,.table) {text-align:right}
html[dir="rtl"] body.st-app .pc-content input[type="email"],html[dir="rtl"] body.st-app .pc-content input[type="number"] {direction:ltr;text-align:right}
html[dir="rtl"] body.st-app .st-stat-number {direction:ltr;text-align:right}
html[dir="rtl"] body.st-app .pc-content .breadcrumb {direction:rtl}
@media(max-width:1100px) {
 body.st-marketing .st-hero-grid {grid-template-columns:1fr 1fr;min-height:0;}
 body.st-marketing .st-hero-copy h1 {font-size:clamp(31px,3.5vw,45px)}
 body.st-marketing .st-hero-photo-frame {height:410px}
 body.st-auth-v2 .auth-wrapper.v2 .auth-form {padding-inline:32px!important}
}
@media(max-width:1024px) {
 body.st-app[data-pc-direction="rtl"] .pc-container,body.st-app[data-pc-direction="rtl"] .pc-footer {margin:0!important;}
 body.st-app[data-pc-direction="rtl"] .pc-header {right:0!important;left:0!important;}
 body.st-app .st-desktop-sidebar-control {display:none!important}
}
@media(max-width:780px) {
 body.st-marketing .st-hero-grid {grid-template-columns:1fr;min-height:0;padding-block:45px 64px}
 body.st-marketing .st-hero-copy h1 {font-size:clamp(31px,7vw,42px)}
 body.st-marketing .st-hero-photo-frame {height:340px}
 body.st-marketing .st-hero-mini-metric {inset-inline-start:14px;top:20px}
 body.st-marketing .st-short-section {padding-block:55px}
 body.st-auth-v2 .auth-wrapper.v2 {grid-template-columns:1fr!important;}
 body.st-auth-v2 .auth-wrapper.v2 .auth-form {min-height:100vh!important;padding-inline:clamp(20px,5vw,38px)!important;}
 body.st-auth-v2 .st-auth-sidecontent {display:none!important}
 body.st-auth-v2 .st-auth-form-inner {padding-block:45px!important;}
 body.st-app .st-welcome-v2 {padding:22px!important;}
 body.st-app .pc-content {padding:14px!important;}
 body.st-app .st-stat-card {min-height:150px}
}
@media(max-width:460px) {
 body.st-marketing .st-hero-photo-frame {height:280px;border-radius:18px}
 body.st-marketing .st-hero-photo-caption {inset-inline:18px;bottom:19px}
 body.st-marketing .st-hero-mini-metric {max-width:205px;padding:10px;}
 body.st-auth-v2 .st-auth-brand img {max-width:165px;}
 body.st-auth-v2 .auth-header h2 {font-size:27px;}
 body.st-app .st-stat-col {padding-inline:6px;}
}
@media(prefers-reduced-motion:reduce) {body.st-marketing *,body.st-auth-v2 *,body.st-app * {transition:none!important;}}

/* Authentic project brand asset instead of the old placeholder square. */
body.st-marketing .st-brand {flex-direction:column;align-items:flex-start;gap:1px;min-width:160px;}
body.st-marketing .st-brand-logo {display:block;max-width:190px;max-height:54px;width:auto;height:auto;object-fit:contain;}
body.st-marketing .st-brand-subtitle {color:#567776;font-size:10px;margin-inline-start:3px;}
body.st-marketing .st-brand-footer .st-brand-logo {max-width:175px;max-height:54px;}
@media(max-width:480px){body.st-marketing .st-brand-logo {max-width:130px;max-height:43px}body.st-marketing .st-brand-subtitle {display:none}}
/* Operational cards and lists on owner/role dashboards. */
body.st-app .pc-content .row.g-2 > div > a[class*="bg-light"] {border:1px solid #e7efeb;border-radius:13px!important;min-height:87px;gap:12px!important;padding:14px!important;background:#f7faf8!important;transition:background .18s;}
body.st-app .pc-content .row.g-2 > div > a[class*="bg-light"]:hover {background:#edf7f2!important;}
body.st-app .pc-content .row.g-2 > div > a[class*="bg-light"] i {font-size:23px!important;}
body.st-app .pc-content .list-group-item {border-color:#e9f0ed!important;padding:14px!important;}
body.st-app .pc-content .progress {border-radius:999px!important;overflow:hidden;background:#eaf0ed!important;}
body.st-app .pc-content .progress-bar {border-radius:999px!important;}
body.st-app .pc-content .badge {border-radius:8px!important;padding:7px 10px!important;font-weight:700!important;font-size:11px!important;}
body.st-app .pc-content .card a:not(.btn):hover {color:#078e6e;}
body.st-app .pc-content .alert {border-radius:12px!important;border-width:1px!important;}