:root {
    --primary: #6395ac;
    --primary-strong: #537e93;
    --primary-soft: #e9f1f5;
    --secondary: #6395ac;
    --secondary-2: #537e93;
    --page-bg: #f3f7f9;
    --header-bg: #ffffff;
    --header-text: #274454;
    --footer-bg: #6395ac;
    --footer-text: #ffffff;
    --hero-bg-start: #ffffff;
    --hero-bg-end: #E8F0F4;
    --base-font-size: 15px;
    --header-font-size: 14px;
    --hero-title-size: 72px;
    --section-title-size: 42px;
    --footer-font-size: 15px;
    --body-font-weight: 400;
    --heading-font-weight: 800;
    --header-font-weight: 700;
    --surface: #ffffff;
    --surface-2: #f7f9fd;
    --surface-3: #eef3fb;
    --text: #0b1f44;
    --muted: #64748b;
    --border: #dfe7f2;
    --success: #159965;
    --success-soft: #e8f8f1;
    --warning: #d88400;
    --warning-soft: #fff4df;
    --danger: #dc3f4f;
    --danger-soft: #ffebee;
    --info: #3767c7;
    --info-soft: #E7F2F4;
    --shadow-sm: 0 4px 16px rgba(14, 42, 92, .06);
    --shadow-md: 0 14px 40px rgba(14, 42, 92, .10);
    --shadow-lg: 0 26px 70px rgba(14, 42, 92, .14);
    --radius-sm: 12px;
    --radius: 18px;
    --radius-lg: 28px;
    --sidebar-width: 282px;
    --font-ar: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-width: 320px;
    background: var(--page-bg, var(--surface-2));
    color: var(--text);
    font-family: var(--font-ar);
    font-size: var(--base-font-size,15px);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body.no-scroll { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img, video { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
svg.icon { width: 22px; height: 22px; flex: 0 0 auto; }
.container { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
.muted { color: var(--muted); }
.muted-light { color: rgba(255,255,255,.68); }
.text-primary { color: var(--primary); }
.text-danger { color: var(--danger); }
.text-success { color: var(--success); }
.w-100 { width: 100%; }
.text-center { text-align: center; }
.d-flex { display: flex; }
.align-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-8 { gap: 8px; }
.gap-12 { gap: 12px; }
.gap-16 { gap: 16px; }
.flex-wrap { flex-wrap: wrap; }

/* Buttons */
.btn {
    min-height: 46px;
    border: 1px solid var(--primary);
    border-radius: 13px;
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--primary), var(--primary-strong));
    color: #fff !important;
    font-weight: 750;
    box-shadow: 0 8px 20px rgba(7,91,130,.18);
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.btn:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(7,91,130,.25); }
.btn:active { transform: translateY(0); }
.btn-sm { min-height: 40px; padding: 8px 16px; border-radius: 11px; }
.btn-lg { min-height: 54px; padding: 13px 25px; font-size: 16px; }
.btn-outline { background: #fff; color: var(--primary) !important; box-shadow: none; }
.btn-ghost { background: transparent; color: var(--text) !important; border-color: var(--border); box-shadow: none; }
.btn-soft { background: var(--primary); color: #fff !important; border-color: var(--primary); box-shadow: none; }
.btn-danger { background: var(--danger); border-color: var(--danger); box-shadow: none; }
.btn-success { background: var(--success); border-color: var(--success); box-shadow: none; }
.btn-icon { width: 42px; height: 42px; min-height: 42px; padding: 0; border-radius: 12px; }
.btn[disabled] { opacity: .55; cursor: not-allowed; transform: none; }

/* Public header */
.site-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 100;
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid rgba(217,226,239,.85);
    backdrop-filter: blur(18px);
    transition: box-shadow .2s ease;
}
.site-header.scrolled { box-shadow: var(--shadow-sm); }
.nav-wrap { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.brand-logo {
    width: 56px;
    height: 56px;
    border-radius: 15px;
    background: #fff;
    border: 1px solid var(--border);
    display: grid;
    place-items: center;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}
.brand-logo img { width: 100%; height: 100%; object-fit: contain; }
.brand-copy { min-width: 0; display: flex; flex-direction: column; line-height: 1.35; }
.brand-copy b { font-size: 16px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brand-copy small { margin-top: 4px; font-size: 12px; color: var(--muted); white-space: nowrap; }
.main-nav { display: flex; align-items: center; gap: 7px; }
.main-nav > a:not(.btn) { position: relative; padding: 11px 10px; font-size: 14px; font-weight: 700; color: #25375a; border-radius: 10px; }
.main-nav > a:not(.btn):hover, .main-nav > a.active { color: var(--primary); background: var(--primary-soft); }
.main-nav .nav-login { color: var(--primary) !important; }
.main-nav .nav-ghost { color: var(--danger) !important; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--border); border-radius: 12px; background: #fff; color: var(--secondary); align-items: center; justify-content: center; }

/* Hero */
.hero {
    position: relative;
    overflow: hidden;
    padding: 76px 0 84px;
    background:
        radial-gradient(circle at 10% 20%, rgba(7,91,130,.12), transparent 32%),
        radial-gradient(circle at 85% 25%, rgba(7,91,130,.09), transparent 28%),
        linear-gradient(140deg, #fff 4%, #E7F2F4 66%, #f7faff 100%);
}
.hero::after {
    content: "";
    position: absolute;
    inset: auto -80px -150px auto;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    border: 70px solid rgba(7,91,130,.05);
}
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 68px; position: relative; z-index: 1; }
.hero-copy { max-width: 670px; }
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border: 1px solid #cadbff;
    background: rgba(255,255,255,.78);
    color: var(--primary);
    border-radius: 999px;
    font-weight: 750;
    font-size: 13px;
}
.eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 5px rgba(7,91,130,.11); }
.hero h1 { margin: 20px 0 18px; font-size: clamp(40px, 5.4vw, 72px); line-height: 1.18; letter-spacing: -.9px; font-weight: 850; }
.hero h1 span { color: var(--primary); }
.hero p { max-width: 660px; margin: 0 0 28px; color: #60708d; font-size: 18px; line-height: 2; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-meta { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 24px; color: var(--muted); font-size: 13px; }
.hero-meta span { display: inline-flex; align-items: center; gap: 7px; }
.hero-meta span::before { content: "✓"; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--success-soft); color: var(--success); font-weight: 900; }
.hero-visual { position: relative; min-height: 470px; display: grid; place-items: center; }
.hero-art {
    position: relative;
    width: min(470px, 100%);
    aspect-ratio: 1 / 1;
    border-radius: 42px;
    padding: 20px;
    background: linear-gradient(145deg, var(--secondary), var(--primary));
    box-shadow: 0 32px 80px rgba(11,54,126,.28);
    transform: rotate(-2deg);
}
.hero-art::before, .hero-art::after { content: ""; position: absolute; border-radius: 24px; background: #fff; box-shadow: var(--shadow-md); }
.hero-art::before { width: 84px; height: 84px; inset: -25px auto auto -26px; opacity: .92; }
.hero-art::after { width: 54px; height: 54px; inset: auto -24px 38px auto; opacity: .9; }
.hero-art-inner { width: 100%; height: 100%; border-radius: 30px; overflow: hidden; background: #fff; display: grid; place-items: center; }
.hero-art img { width: 100%; height: 100%; object-fit: cover; transform: rotate(2deg) scale(1.03); }
.floating-card {
    position: absolute;
    z-index: 2;
    min-width: 180px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 17px;
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(14px);
    box-shadow: var(--shadow-md);
}
.floating-card strong { display: block; font-size: 17px; }
.floating-card small { color: var(--muted); }
.floating-card.one { inset: 25px auto auto -32px; }
.floating-card.two { inset: auto -20px 24px auto; }

/* Sections and cards */
.section { padding: 76px 0; }
.section.alt { background: #E7F2F4; }
.section.dark { background: var(--secondary); color: #fff; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.section-head-center { text-align: center; max-width: 720px; margin: 0 auto 34px; }
.section-head h2, .section-head-center h2 { margin: 0 0 8px; font-size: clamp(29px, 3vw, 42px); line-height: 1.3; }
.section-head p, .section-head-center p { margin: 0; color: var(--muted); font-size: 16px; }
.section.dark .section-head p { color: rgba(255,255,255,.67); }
.section-link { display: inline-flex; align-items: center; gap: 6px; color: var(--primary); font-weight: 750; white-space: nowrap; }
.grid { display: grid; gap: 22px; }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 22px;
    box-shadow: var(--shadow-sm);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: #cbd9ee; }
.service-card, .ad-card { padding: 13px; overflow: hidden; display: flex; flex-direction: column; }
.service-card .card-media, .ad-card .card-media { position: relative; height: 235px; overflow: hidden; border-radius: 15px; background: var(--surface-3); }
.service-card img, .ad-card img, .media-cover { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.service-card:hover img, .ad-card:hover img { transform: scale(1.04); }
.card-body { padding: 13px 8px 7px; display: flex; flex-direction: column; flex: 1; }
.card h3 { margin: 0 0 8px; font-size: 19px; }
.card p { margin: 0 0 16px; color: var(--muted); }
.card-footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.price { color: var(--primary); font-size: 21px; font-weight: 850; }
.price small { display: block; color: var(--muted); font-size: 11px; font-weight: 600; }
.badge { display: inline-flex; align-items: center; gap: 6px; width: fit-content; padding: 7px 11px; border-radius: 999px; background: var(--primary-soft); color: var(--primary); font-size: 12px; font-weight: 750; }
.badge.success { background: var(--success-soft); color: var(--success); }
.badge.warning { background: var(--warning-soft); color: var(--warning); }
.badge.danger { background: var(--danger-soft); color: var(--danger); }
.feature-card { position: relative; padding: 26px; min-height: 220px; overflow: hidden; }
.feature-card::after { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 50%; background: var(--primary-soft); inset: auto -35px -45px auto; }
.feature-icon { width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; background: var(--primary-soft); color: var(--primary); margin-bottom: 20px; }
.feature-icon .icon { width: 26px; height: 26px; }
.review-card { position: relative; padding-top: 30px; }
.review-card::before { content: "“"; position: absolute; top: 2px; right: 20px; font-size: 62px; color: #d6e2f8; line-height: 1; font-family: Georgia, serif; }
.stars { color: #f4a61e; letter-spacing: 2px; font-size: 18px; }
.review-author { display: flex; align-items: center; gap: 10px; margin-top: 18px; }
.review-avatar { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--secondary); color: #fff; font-weight: 800; }

/* Ads slider */
.ad-slider { position: relative; min-height: 445px; overflow: hidden; border-radius: 30px; background: var(--secondary); box-shadow: var(--shadow-lg); }
.ad-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .65s ease, visibility .65s ease; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 36px; color: #fff; padding: 44px; }
.ad-slide.active { opacity: 1; visibility: visible; pointer-events: auto; }
.ad-slide h2 { margin: 14px 0 12px; font-size: clamp(30px, 4vw, 52px); line-height: 1.3; }
.ad-slide p { color: rgba(255,255,255,.78); font-size: 16px; }
.ad-slide .media { height: 350px; border-radius: 22px; overflow: hidden; background: rgba(255,255,255,.1); }
.ad-slide .media img, .ad-slide .media video { width: 100%; height: 100%; object-fit: cover; }
.slider-dots { position: absolute; z-index: 4; inset: auto 44px 24px auto; display: flex; gap: 7px; }
.slider-dot { width: 9px; height: 9px; border: 0; border-radius: 999px; background: rgba(255,255,255,.36); padding: 0; transition: width .2s ease, background .2s ease; }
.slider-dot.active { width: 28px; background: #fff; }

/* CTA */
.cta-card { position: relative; overflow: hidden; border-radius: 30px; padding: 48px; background: linear-gradient(135deg, var(--secondary), var(--primary-strong)); color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 30px; box-shadow: var(--shadow-lg); }
.cta-card::before { content: ""; position: absolute; width: 320px; height: 320px; border-radius: 50%; border: 70px solid rgba(255,255,255,.06); inset: -160px -60px auto auto; }
.cta-card h2 { position: relative; margin: 0 0 8px; font-size: 34px; }
.cta-card p { position: relative; margin: 0; color: rgba(255,255,255,.72); }
.cta-card .btn { position: relative; background: #fff; color: var(--primary) !important; border-color: #fff; box-shadow: none; white-space: nowrap; }

/* Forms */
.page-hero { padding: 46px 0; background: linear-gradient(135deg, #fff, #E7F2F4); border-bottom: 1px solid var(--border); }
.page-hero h1 { margin: 0 0 8px; font-size: 36px; }
.page-hero p { margin: 0; color: var(--muted); }
.form-card { width: min(940px, calc(100% - 40px)); margin: 42px auto; padding: 32px; background: #fff; border: 1px solid var(--border); border-radius: 24px; box-shadow: var(--shadow-md); }
.form-title { margin-bottom: 24px; }
.form-title h1, .form-title h2 { margin: 0 0 7px; }
.form-title p { margin: 0; color: var(--muted); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.form-grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.field.full { grid-column: 1 / -1; }
.field label { color: #25375a; font-weight: 750; font-size: 13px; }
.field small { color: var(--muted); }
.field input:not([type="checkbox"]):not([type="radio"]),
.field select,
.field textarea,
.search-input {
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    border: 1px solid #d6dfec;
    border-radius: 12px;
    outline: 0;
    background: #fff;
    color: var(--text);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.field textarea { min-height: 125px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus, .search-input:focus { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(7,91,130,.10); }
.field input:disabled, .field select:disabled { background: #f1f4f8; color: #8b96aa; }
.check-row { display: flex; align-items: center; gap: 9px; min-height: 48px; }
.check-row input { width: 18px; height: 18px; accent-color: var(--primary); }
.form-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 5px; }
.input-icon { position: relative; }
.input-icon > .icon { position: absolute; inset-inline-start: 14px; top: 50%; transform: translateY(-50%); color: #8b98ad; width: 19px; height: 19px; }
.input-icon input { padding-inline-start: 45px !important; }
.password-toggle { position: absolute; inset-inline-end: 10px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: var(--muted); display: grid; place-items: center; }
.help-box { padding: 14px 16px; border-radius: 13px; background: var(--primary-soft); color: #315caa; font-size: 13px; }

/* Auth */
.auth-page { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; background: #fff; }
.auth-showcase { position: relative; overflow: hidden; padding: 54px; color: #fff; background: linear-gradient(145deg, var(--secondary-2), var(--secondary) 60%, var(--primary)); display: flex; flex-direction: column; justify-content: space-between; }
.auth-showcase::before, .auth-showcase::after { content: ""; position: absolute; border-radius: 50%; border: 80px solid rgba(255,255,255,.05); }
.auth-showcase::before { width: 430px; height: 430px; inset: -240px auto auto -180px; }
.auth-showcase::after { width: 340px; height: 340px; inset: auto -170px -190px auto; }
.auth-showcase .brand { position: relative; z-index: 2; }
.brand-light .brand-copy b { color: #fff; }
.brand-light .brand-copy small { color: rgba(255,255,255,.65); }
.auth-showcase-copy { position: relative; z-index: 2; max-width: 620px; margin-block: auto; }
.auth-showcase-copy h1 { margin: 18px 0 14px; font-size: clamp(36px, 4vw, 58px); line-height: 1.35; }
.auth-showcase-copy p { color: rgba(255,255,255,.72); font-size: 17px; }
.auth-benefits { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.auth-benefit { padding: 15px; border-radius: 15px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.07); backdrop-filter: blur(12px); }
.auth-benefit b { display: block; font-size: 14px; }
.auth-benefit small { color: rgba(255,255,255,.62); }
.auth-panel { padding: 45px; display: grid; place-items: center; background: linear-gradient(#fff, #f7faff); }
.auth-box { width: min(470px, 100%); }
.auth-logo-mobile { display: none; margin-bottom: 26px; }
.auth-box h2 { margin: 0 0 7px; font-size: 32px; }
.auth-box > p { margin: 0 0 26px; color: var(--muted); }
.auth-box form { display: grid; gap: 16px; }
.auth-divider { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 12px; margin: 10px 0; }
.auth-divider::before, .auth-divider::after { content: ""; height: 1px; flex: 1; background: var(--border); }
.auth-back { position: absolute; top: 25px; inset-inline-end: 25px; }

/* Public dashboard / panels */
.panel { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 22px; box-shadow: var(--shadow-sm); margin-bottom: 22px; }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.panel-head h2, .panel-head h3 { margin: 0; }
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-bottom: 24px; }
.stat { position: relative; overflow: hidden; min-height: 138px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; box-shadow: var(--shadow-sm); }
.stat::after { content: ""; position: absolute; width: 100px; height: 100px; border-radius: 50%; background: var(--primary-soft); inset: auto -35px -45px auto; }
.stat-label { color: var(--muted); font-weight: 650; }
.stat strong { display: block; margin-top: 8px; font-size: 30px; line-height: 1.2; }
.stat .stat-icon { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); margin-bottom: 12px; }
.status-line { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.status-badge { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 6px 11px; border-radius: 999px; font-size: 12px; font-weight: 800; white-space: nowrap; }
.status-badge.success { background: var(--success-soft); color: var(--success); }
.status-badge.warning { background: var(--warning-soft); color: var(--warning); }
.status-badge.danger { background: var(--danger-soft); color: var(--danger); }
.status-badge.info { background: var(--info-soft); color: var(--info); }
.table-wrap { width: 100%; overflow: auto; border: 1px solid var(--border); border-radius: 15px; background: #fff; }
.table { width: 100%; min-width: 760px; border-collapse: collapse; }
.table th, .table td { padding: 14px 15px; border-bottom: 1px solid #e8edf4; text-align: right; vertical-align: middle; }
.table th { background: #f6f8fc; color: #4b5e7d; font-size: 12px; font-weight: 800; white-space: nowrap; }
.table td { font-size: 13px; }
.table tr:last-child td { border-bottom: 0; }
.table tbody tr:hover td { background: #fbfcff; }
.table-actions { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.action-link { width: 34px; height: 34px; border: 1px solid var(--border); border-radius: 10px; background: #fff; color: var(--primary); display: inline-grid; place-items: center; }
.action-link:hover { background: var(--primary-soft); border-color: #c8d8f8; }
.action-link.danger { color: var(--danger); }
.action-link.success { color: var(--success); }
.action-link .icon { width: 17px; height: 17px; }
.empty-state { padding: 50px 25px; text-align: center; background: #fff; border: 1px dashed #cbd7e8; border-radius: var(--radius); }
.empty-state .empty-icon { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 15px; border-radius: 18px; background: var(--primary-soft); color: var(--primary); }
.empty-state h3 { margin: 0 0 7px; }
.empty-state p { margin: 0 0 18px; color: var(--muted); }
.timeline { display: flex; align-items: flex-start; margin: 30px 0; min-width: 700px; }
.timeline-wrap { overflow-x: auto; }
.step { position: relative; flex: 1; text-align: center; color: #93a1b7; }
.step::before { content: ""; position: absolute; height: 3px; background: #dbe4f1; top: 18px; right: -50%; left: 50%; }
.step:first-child::before { display: none; }
.step span { position: relative; z-index: 2; width: 38px; height: 38px; margin: 0 auto 9px; border-radius: 50%; background: #edf2f8; color: #8c99ad; display: grid; place-items: center; font-weight: 800; border: 4px solid #fff; box-shadow: 0 0 0 1px #dbe4f1; }
.step small { font-weight: 700; white-space: nowrap; }
.step.done::before, .step.current::before { background: var(--primary); }
.step.done span, .step.current span { background: var(--primary); color: #fff; box-shadow: 0 0 0 1px var(--primary); }
.step.current span { box-shadow: 0 0 0 7px rgba(7,91,130,.12); }
.history-list { display: grid; gap: 12px; }
.history-item { display: grid; grid-template-columns: 13px 1fr auto; gap: 12px; align-items: start; padding: 14px; background: #f8faff; border-radius: 13px; }
.history-dot { width: 10px; height: 10px; margin-top: 8px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 5px rgba(7,91,130,.10); }

/* Admin layout */
.admin-body { background: #f3f6fb; }
.admin-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); }
.admin-sidebar {
    position: fixed;
    z-index: 200;
    inset: 0 0 0 auto;
    width: var(--sidebar-width);
    height: 100vh;
    padding: 22px 18px;
    overflow-y: auto;
    color: #fff;
    background:
        radial-gradient(circle at 30% 0, rgba(7,142,173,.24), transparent 30%),
        linear-gradient(180deg, var(--secondary), var(--secondary-2));
    box-shadow: -12px 0 40px rgba(2,25,64,.18);
}
.admin-sidebar .brand { width: 100%; padding: 4px 4px 23px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.11); }
.admin-sidebar .brand-logo { border-color: rgba(255,255,255,.16); }
.admin-sidebar .brand-copy b { color: #fff; }
.admin-sidebar .brand-copy small { color: rgba(255,255,255,.63); }
.sidebar-label { padding: 10px 14px 7px; color: rgba(255,255,255,.43); font-size: 11px; font-weight: 700; }
.sidebar-nav { display: grid; gap: 5px; }
.sidebar-link { min-height: 48px; padding: 11px 14px; border-radius: 13px; display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.78); font-weight: 700; transition: background .2s ease, color .2s ease, transform .2s ease; }
.sidebar-link:hover { background: rgba(255,255,255,.08); color: #fff; transform: translateX(-2px); }
.sidebar-link.active { background: linear-gradient(135deg, var(--primary), var(--primary-strong)); color: #fff; box-shadow: 0 10px 25px rgba(0,0,0,.16); }
.sidebar-link .icon { width: 21px; height: 21px; }
.sidebar-spacer { height: 16px; }
.sidebar-card { margin-top: 22px; padding: 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: rgba(255,255,255,.055); }
.sidebar-card p { color: rgba(255,255,255,.66); font-size: 12px; margin: 7px 0 14px; }
.sidebar-card .btn { width: 100%; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.12); box-shadow: none; }
.admin-sidebar .sidebar-card .btn-outline,
.admin-sidebar .sidebar-card .btn-outline:hover { color: #fff !important; }
.admin-content-wrap { grid-column: 2; min-width: 0; }
.admin-topbar {
    position: sticky;
    top: 0;
    z-index: 90;
    min-height: 82px;
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: rgba(255,255,255,.93);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(16px);
}
.admin-title-block h1 { margin: 0; font-size: 25px; line-height: 1.3; }
.admin-title-block p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.admin-top-actions { display: flex; align-items: center; gap: 11px; }
.admin-search { width: min(410px, 34vw); position: relative; }
.admin-search .icon { position: absolute; inset-inline-start: 14px; top: 50%; transform: translateY(-50%); color: #91a0b5; width: 19px; }
.admin-search input { min-height: 44px; padding: 10px 44px 10px 13px; border: 1px solid var(--border); border-radius: 12px; outline: 0; background: #f8fafd; width: 100%; }
.admin-search input:focus { border-color: var(--primary); background: #fff; box-shadow: 0 0 0 4px rgba(7,91,130,.08); }
.top-icon { position: relative; width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 12px; background: #fff; color: #4d5f7c; }
.top-icon .count { position: absolute; top: -5px; right: -4px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 99px; background: var(--primary); color: #fff; display: grid; place-items: center; font-size: 10px; font-weight: 800; }
.user-menu { position: relative; display: flex; align-items: center; gap: 10px; padding: 6px 9px; border-radius: 13px; }
.user-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: var(--primary-soft); color: var(--primary); display: grid; place-items: center; font-weight: 850; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--border); }
.user-avatar img { width: 100%; height: 100%; object-fit: cover; }
.user-copy { display: flex; flex-direction: column; line-height: 1.35; }
.user-copy b { font-size: 13px; }
.user-copy small { color: var(--muted); font-size: 11px; }
.admin-mobile-toggle { display: none; width: 43px; height: 43px; border: 1px solid var(--border); border-radius: 12px; background: #fff; color: var(--secondary); place-items: center; }
.sidebar-overlay { display: none; position: fixed; z-index: 190; inset: 0; background: rgba(4,49,66,.45); backdrop-filter: blur(3px); }
.admin-main { padding: 26px 28px 42px; min-width: 0; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.page-heading h2 { margin: 0; font-size: 27px; }
.page-heading p { margin: 5px 0 0; color: var(--muted); }
.admin-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; box-shadow: var(--shadow-sm); }
.admin-grid { display: grid; gap: 20px; }
.admin-grid.two { grid-template-columns: minmax(0, 1.8fr) minmax(300px, .8fr); }
.admin-grid.equal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-bottom: 20px; }
.kpi-card { position: relative; overflow: hidden; min-height: 142px; padding: 20px; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-sm); }
.kpi-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.kpi-icon { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; background: var(--primary-soft); color: var(--primary); }
.kpi-icon.green { background: var(--success-soft); color: var(--success); }
.kpi-icon.orange { background: var(--warning-soft); color: var(--warning); }
.kpi-icon.navy { background: #e7edf8; color: var(--secondary); }
.kpi-card .value { margin-top: 12px; font-size: 29px; font-weight: 850; line-height: 1.2; }
.kpi-card .label { color: #52627e; font-weight: 700; }
.kpi-trend { margin-top: 8px; color: var(--muted); font-size: 11px; }
.kpi-trend.up { color: var(--success); }
.chart-card { min-height: 470px; }
.chart-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; }
.chart-head h3 { margin: 0; }
.chart-wrap { position: relative; width: 100%; height: 370px; }
.chart-wrap canvas { width: 100% !important; height: 100% !important; }
.donut-wrap { min-height: 300px; display: flex; flex-direction: column; justify-content: center; }
.donut-chart { width: 190px; height: 190px; margin: 10px auto 20px; border-radius: 50%; display: grid; place-items: center; position: relative; }
.donut-chart::after { content: ""; width: 118px; height: 118px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px var(--border); }
.donut-center { position: absolute; z-index: 2; text-align: center; }
.donut-center strong { display: block; font-size: 26px; }
.donut-center span { color: var(--muted); font-size: 11px; }
.legend-list { display: grid; gap: 10px; }
.legend-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px; }
.legend-label { display: flex; align-items: center; gap: 8px; }
.legend-dot { width: 9px; height: 9px; border-radius: 50%; }
.filter-bar { display: grid; grid-template-columns: 1.5fr repeat(2, minmax(160px, .65fr)) auto; gap: 12px; align-items: end; }
.filter-bar.compact { grid-template-columns: 1.3fr minmax(190px, .7fr) auto; }
.tab-nav { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 17px; }
.tab-link { padding: 9px 14px; border: 1px solid var(--border); border-radius: 11px; background: #fff; color: #53647f; font-weight: 700; font-size: 13px; }
.tab-link.active { color: var(--primary); background: var(--primary-soft); border-color: #c8d9fa; }
.quick-actions { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.quick-action { min-height: 105px; border: 1px solid var(--border); border-radius: 15px; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: var(--text); font-weight: 750; }
.quick-action:hover { border-color: #bdd0f3; background: #f9fbff; color: var(--primary); }
.quick-action .icon { width: 29px; height: 29px; color: var(--primary); }
.permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.permission-item { min-height: 50px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 12px; background: #fafcff; display: flex; align-items: center; gap: 9px; }
.permission-item input { width: 18px; height: 18px; accent-color: var(--primary); }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; align-items: start; }
.settings-section { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 21px; box-shadow: var(--shadow-sm); }
.settings-section.full { grid-column: 1 / -1; }
.settings-section h3 { margin: 0 0 4px; }
.settings-section > p { margin: 0 0 20px; color: var(--muted); font-size: 12px; }
.logo-preview { width: 120px; height: 120px; border: 1px dashed #c8d5e7; border-radius: 18px; display: grid; place-items: center; overflow: hidden; background: #f9fbff; }
.logo-preview img { width: 100%; height: 100%; object-fit: contain; }
.color-field { display: flex; align-items: center; gap: 10px; }
.color-field input[type=color] { width: 54px; height: 48px; padding: 4px; border: 1px solid var(--border); border-radius: 12px; background: #fff; }
.color-field input[type=text] { flex: 1; }
.preview-box { border: 1px solid var(--border); border-radius: 18px; overflow: hidden; background: #f4f7fb; }
.preview-top { min-height: 55px; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; background: #fff; border-bottom: 1px solid var(--border); }
.preview-hero { min-height: 220px; padding: 25px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; align-items: center; background: linear-gradient(135deg, #fff, #E7F2F4); }
.preview-hero h4 { margin: 0 0 7px; font-size: 24px; }
.preview-hero p { color: var(--muted); }
.preview-image { aspect-ratio: 1; border-radius: 18px; overflow: hidden; background: var(--primary); padding: 8px; }
.preview-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 13px; }

/* Toast */
.toast { position: fixed; z-index: 999; top: 96px; left: 24px; min-width: 280px; max-width: min(440px, calc(100% - 32px)); padding: 14px 16px; border-radius: 13px; color: #fff; display: flex; align-items: center; gap: 10px; box-shadow: var(--shadow-lg); animation: toast-in .35s ease both; }
.toast.success { background: #15855b; }
.toast.error { background: #c93949; }
.toast span { width: 25px; height: 25px; border-radius: 50%; background: rgba(255,255,255,.16); display: grid; place-items: center; font-weight: 900; }
@keyframes toast-in { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }



/* Public brand refresh */
.public-body{background:linear-gradient(180deg,var(--page-bg),#eef4f7 46%,#f9fbfc 100%)}
.public-body .btn{background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:var(--primary);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 30%,transparent)}
.public-body .btn-outline{background:#fff;color:var(--primary)!important;border-color:color-mix(in srgb,var(--primary) 35%,#fff)}
.public-body .btn-soft{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff!important}
.public-body .card,.public-body .feature-card,.public-body .review-card,.public-body .faq-item,.public-body .service-card,.public-body .department-card,.public-body .portfolio-card{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 10%,#fff),#ffffff 18%,color-mix(in srgb,var(--primary) 4%,#fff));border-color:color-mix(in srgb,var(--primary) 20%,var(--border));box-shadow:0 16px 38px color-mix(in srgb,var(--primary) 10%,transparent)}
.public-body .card h3,.public-body .card h2,.public-body .card strong{color:var(--primary-strong)}
.public-body .card .btn,.public-body .card-footer .btn,.public-body .table-actions .btn,.public-body .home-card-link.btn{background:#fff;color:var(--primary)!important;border-color:#fff;box-shadow:0 10px 22px rgba(255,255,255,.28),0 10px 28px color-mix(in srgb,var(--primary) 16%,transparent)}
.public-body .card .btn:hover,.public-body .card-footer .btn:hover{background:#fff;color:var(--primary-strong)!important}
.public-body .badge{background:color-mix(in srgb,var(--primary) 12%,#fff);color:var(--primary-strong)}
.public-body .hero,.public-body .cta-card,.public-body .home-cta-card{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,#fff),color-mix(in srgb,var(--primary) 4%,#fff));}
.public-body .cta-card,.public-body .home-cta-card{border:1px solid color-mix(in srgb,var(--primary) 14%,#fff)}
.public-body .cta-card .btn,.public-body .home-cta-card .btn{background:#fff;color:var(--primary)!important;border-color:#fff}

/* Footer */
.site-footer{background:linear-gradient(145deg,var(--footer-bg,var(--secondary)),var(--secondary-2));color:#fff;padding-top:54px}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:28px;padding-bottom:38px;align-items:start}
.footer-grid h4{margin:0 0 15px;font-size:17px;color:#fff}
.footer-grid a,.footer-grid p{color:rgba(255,255,255,.82);margin:0;font-size:13px}
.footer-grid a:hover{color:#fff}
.footer-brand p{max-width:420px;margin-top:17px;line-height:2}
.footer-logo{width:75px;height:75px;object-fit:contain;border-radius:16px;background:#fff}
.socials{display:flex;flex-wrap:wrap;gap:9px}
.socials a{min-height:36px;padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:10px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.045)}
.socials img{width:18px;height:18px;object-fit:contain}
.footer-grid-brochure>div{min-width:0}
.footer-links-card,.footer-contact-card,.footer-social-card-wrap{padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.11)}
.footer-links-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.footer-links-column{display:flex;flex-direction:column;gap:11px}
.footer-links-column a{position:relative;padding-inline-start:14px}
.footer-links-column a::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.8);transform:translateY(-50%)}
.footer-contact-list{display:flex;flex-direction:column;gap:12px}
.footer-contact-row{display:flex;align-items:flex-start;gap:10px;color:#fff!important}
.footer-contact-text{color:rgba(255,255,255,.84)!important}
.footer-contact-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.footer-contact-icon .icon{width:18px;height:18px}
.footer-map-link{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border-radius:14px;background:#fff;color:var(--footer-bg,var(--primary))!important;border:1px solid #fff;font-weight:800}
.footer-map-link .icon{width:18px;height:18px}
.footer-social-grid{display:grid;grid-template-columns:1fr;gap:10px}
.footer-social-card{display:flex!important;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important}
.footer-social-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.14)}
.footer-social-name{font-weight:700;color:#fff}
.copyright{min-height:64px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,255,255,.72);font-size:12px}

/* Invoice / report */
.print-document { max-width: 1020px; margin: 28px auto; padding: 34px; background: #fff; border: 1px solid var(--border); border-radius: 20px; box-shadow: var(--shadow-md); }
.print-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 2px solid var(--secondary); }
.print-brand { display: flex; align-items: center; gap: 14px; }
.print-brand img { width: 82px; height: 82px; object-fit: contain; border: 1px solid var(--border); border-radius: 15px; }
.print-brand h1 { margin: 0 0 3px; font-size: 24px; }
.print-brand p { margin: 0; color: var(--muted); }
.print-meta { text-align: left; }
.print-meta strong { display: block; font-size: 21px; }
.print-info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 22px 0; }
.print-info-item { padding: 12px; border: 1px solid var(--border); border-radius: 11px; background: #f8faff; }
.print-info-item small { display: block; color: var(--muted); }
.print-total { margin-top: 18px; margin-inline-start: auto; width: min(360px, 100%); }
.print-total-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 0; border-bottom: 1px solid var(--border); }
.print-total-row.grand { font-size: 20px; font-weight: 850; color: var(--secondary); border-bottom: 2px solid var(--secondary); }
.print-note { margin-top: 20px; padding: 15px; border: 1px dashed #c9d5e7; border-radius: 12px; color: var(--muted); }
.report-print-header { display: none; }

/* Responsive */
@media (max-width: 1200px) {
    :root { --sidebar-width: 255px; }
    .admin-topbar, .admin-main { padding-inline: 20px; }
    .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-grid.two { grid-template-columns: 1fr; }
    .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
    .main-nav { position: fixed; top: 82px; right: 20px; left: 20px; display: none; padding: 15px; border: 1px solid var(--border); border-radius: 17px; background: #fff; box-shadow: var(--shadow-lg); flex-direction: column; align-items: stretch; }
    .main-nav.open { display: flex; }
    .main-nav > a { text-align: center; }
    .menu-toggle { display: inline-flex; }
    .hero { padding: 58px 0 68px; }
    .hero-grid { grid-template-columns: 1fr; text-align: center; }
    .hero-copy { margin-inline: auto; }
    .hero p { margin-inline: auto; }
    .hero-actions, .hero-meta { justify-content: center; }
    .hero-visual { min-height: 420px; }
    .hero-art { width: min(420px, 86vw); }
    .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .footer-brand { grid-column: 1 / -1; }
    .footer-social-card-wrap { grid-column: 1 / -1; }
    .ad-slide { grid-template-columns: 1fr 1fr; padding: 32px; }
    .auth-page { grid-template-columns: .9fr 1.1fr; }
    .auth-benefits { grid-template-columns: 1fr; }
    .auth-benefit:nth-child(n+2) { display: none; }
    .settings-grid { grid-template-columns: 1fr; }
    .settings-section.full { grid-column: auto; }
}

@media (max-width: 900px) {
    .admin-shell { display: block; }
    .admin-sidebar { transform: translateX(105%); transition: transform .25s ease; }
    .admin-sidebar.open { transform: translateX(0); }
    .sidebar-overlay.open { display: block; }
    .admin-content-wrap { width: 100%; }
    .admin-mobile-toggle { display: grid; }
    .admin-topbar { min-height: 74px; }
    .admin-search { display: none; }
    .user-copy { display: none; }
    .admin-grid.equal, .admin-grid.three { grid-template-columns: 1fr; }
    .filter-bar, .filter-bar.compact { grid-template-columns: 1fr 1fr; }
    .filter-bar .btn { width: 100%; }
    .settings-grid { gap: 15px; }
}

@media (max-width: 768px) {
    .container { width: min(100% - 28px, 1240px); }
    .brand-logo { width: 48px; height: 48px; border-radius: 13px; }
    .brand-copy b { font-size: 14px; }
    .nav-wrap { min-height: 72px; }
    .main-nav { top: 72px; right: 14px; left: 14px; }
    .hero h1 { font-size: clamp(34px, 10vw, 52px); }
    .hero p { font-size: 16px; }
    .hero-visual { min-height: 360px; }
    .floating-card { min-width: 150px; padding: 11px 13px; }
    .floating-card.one { left: 0; }
    .section { padding: 58px 0; }
    .section-head { align-items: flex-start; flex-direction: column; }
    .grid-3, .grid-2 { grid-template-columns: 1fr; }
    .ad-slider { min-height: 680px; }
    .ad-slide { grid-template-columns: 1fr; align-content: center; gap: 20px; padding: 28px; text-align: center; }
    .ad-slide .media { height: 285px; order: -1; }
    .ad-slide .btn { margin-inline: auto; }
    .slider-dots { right: 50%; transform: translateX(50%); }
    .cta-card { padding: 34px 24px; flex-direction: column; text-align: center; }
    .form-card { width: min(100% - 28px, 940px); padding: 22px; margin-block: 28px; }
    .form-grid, .form-grid.cols-3 { grid-template-columns: 1fr; }
    .field.full { grid-column: auto; }
    .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-grid { grid-template-columns: 1fr; gap: 18px; }
    .footer-brand,.footer-links-card,.footer-contact-card,.footer-social-card-wrap { grid-column: auto; }
    .footer-links-columns { grid-template-columns: 1fr; gap: 12px; }
    .copyright { flex-direction: column; justify-content: center; text-align: center; padding-block: 14px; }
    .auth-page { display: block; }
    .auth-showcase { display: none; }
    .auth-panel { min-height: 100vh; padding: 28px 20px; }
    .auth-logo-mobile { display: flex; }
    .admin-main { padding: 18px 14px 32px; }
    .admin-topbar { padding-inline: 14px; }
    .admin-title-block h1 { font-size: 20px; }
    .page-heading { align-items: flex-start; flex-direction: column; }
    .page-heading .btn { width: 100%; }
    .kpi-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .kpi-card { min-height: 130px; padding: 16px; }
    .chart-card { min-height: 410px; }
    .chart-wrap { height: 310px; }
    .filter-bar, .filter-bar.compact { grid-template-columns: 1fr; }
    .permission-grid { grid-template-columns: 1fr; }
    .print-document { margin: 14px; padding: 20px; }
    .print-head { align-items: flex-start; flex-direction: column; }
    .print-meta { text-align: right; }
    .print-info-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
    .brand-copy small { display: none; }
    .hero { padding-top: 42px; }
    .hero h1 { font-size: 35px; }
    .hero-actions .btn { width: 100%; }
    .hero-meta { display: grid; gap: 10px; text-align: right; }
    .hero-visual { min-height: 300px; }
    .hero-art { border-radius: 28px; padding: 13px; }
    .hero-art-inner { border-radius: 20px; }
    .floating-card { display: block; }
    .grid-4 { grid-template-columns: 1fr; }
    .service-card .card-media, .ad-card .card-media { height: 215px; }
    .ad-slider { min-height: 610px; }
    .ad-slide { padding: 20px; }
    .ad-slide .media { height: 235px; }
    .stats, .kpi-grid { grid-template-columns: 1fr; }
    .stat, .kpi-card { min-height: 115px; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-brand, .footer-grid > div:last-child { grid-column: auto; }
    .footer-links-card,.footer-contact-card,.footer-social-card-wrap{padding:15px 16px;border-radius:18px}
    .footer-map-link{width:100%}
    .auth-box h2 { font-size: 27px; }
    .admin-title-block p { display: none; }
    .admin-top-actions { gap: 6px; }
    .top-icon { width: 39px; height: 39px; }
    .user-menu { padding: 0; }
    .admin-mobile-toggle { width: 39px; height: 39px; }
    .admin-sidebar { width: min(290px, 86vw); }
    .quick-actions { grid-template-columns: 1fr; }
    .print-info-grid { grid-template-columns: 1fr; }
}

/* Print: print only report/invoice content and never the dashboard/sidebar */
@media print {
    @page { size: A4 portrait; margin: 12mm; }
    html, body { background: #fff !important; color: #000 !important; }
    body * { visibility: hidden !important; }
    #printable-report, #printable-report *, #printable-invoice, #printable-invoice * { visibility: visible !important; }
    #printable-report, #printable-invoice {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
    }
    .report-print-header { display: flex !important; visibility: visible !important; }
    .no-print { display: none !important; }
    .table-wrap { overflow: visible !important; border-radius: 0 !important; }
    .table { min-width: 0 !important; font-size: 10px !important; }
    .table th, .table td { padding: 7px 6px !important; color: #000 !important; border-color: #aaa !important; }
    .status-badge { padding: 2px 5px !important; border: 1px solid #777 !important; background: transparent !important; color: #000 !important; }
    .print-document { page-break-inside: avoid; }
    .print-head { border-color: #000 !important; }
    .print-brand img { width: 62px !important; height: 62px !important; }
}

/* Account recovery and profile */
.field-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.field-label-row label { margin: 0; }
.forgot-link { color: var(--primary); font-size: 12px; font-weight: 750; }
.forgot-link:hover { text-decoration: underline; }
.dev-code-box { margin-bottom: 16px; padding: 16px; border: 1px dashed #e2a43e; border-radius: 14px; background: var(--warning-soft); text-align: center; }
.dev-code-box small, .dev-code-box span { display: block; color: #8b5a08; }
.dev-code-box strong { display: block; margin: 5px 0; font-size: 30px; letter-spacing: 9px; color: #7a4900; direction: ltr; }
.verification-code { text-align: center; direction: ltr; letter-spacing: 12px; font-size: 25px; font-weight: 850; }
.profile-layout { display: grid; grid-template-columns: minmax(260px,.68fr) minmax(0,1.8fr); gap: 20px; align-items: start; }
.profile-summary-card { text-align: center; position: sticky; top: 98px; }
.profile-avatar-large { width: 132px; height: 132px; margin: 4px auto 16px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: linear-gradient(145deg,var(--secondary),var(--primary)); color: #fff; border: 5px solid #fff; box-shadow: 0 12px 32px rgba(17,64,145,.22); }
.profile-avatar-large img { width: 100%; height: 100%; object-fit: cover; }
.profile-avatar-large span { font-size: 44px; font-weight: 850; }
.profile-summary-card h3 { margin: 0 0 3px; font-size: 22px; }
.profile-summary-card > p { margin: 0 0 18px; color: var(--muted); }
.profile-summary-list { display: grid; gap: 9px; margin: 18px 0; text-align: right; }
.profile-summary-list > div { padding: 11px 12px; border: 1px solid var(--border); border-radius: 12px; background: #f9fbff; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.profile-summary-list span { color: var(--muted); font-size: 12px; }
.profile-summary-list b { font-size: 12px; }
.profile-forms { min-width: 0; }

/* Services media, discounts and details */
.service-card .card-media { display: block; }
.service-card .card-media video { width: 100%; height: 100%; object-fit: cover; }
.media-type-badge, .media-count-badge { position: absolute; z-index: 2; top: 12px; display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; border-radius: 999px; color: #fff; background: rgba(4,59,82,.78); backdrop-filter: blur(8px); font-size: 11px; font-weight: 750; }
.media-type-badge { right: 12px; }
.media-count-badge { left: 12px; }
.media-type-badge .icon { width: 16px; height: 16px; }
.old-price { text-decoration: line-through; color: #9aa7ba !important; font-size: 12px !important; }
.service-media-admin { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border); }
.media-admin-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.media-admin-item { position: relative; aspect-ratio: 1 / .78; overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-3); }
.media-admin-item img, .media-admin-item video { width: 100%; height: 100%; object-fit: cover; }
.media-admin-item form { position: absolute; top: 7px; left: 7px; }
.media-admin-item .action-link { background: rgba(255,255,255,.92); }
.service-table-media { display: flex; align-items: center; gap: 8px; }
.service-table-media img, .service-table-media video { width: 62px; height: 46px; object-fit: cover; border-radius: 9px; border: 1px solid var(--border); }
.service-table-media span { font-size: 11px; color: var(--muted); white-space: nowrap; }
.service-detail-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.65fr); gap: 24px; align-items: start; }
.service-gallery { min-width: 0; }
.service-gallery-main { height: 560px; overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: #043b52; box-shadow: var(--shadow-md); }
.service-gallery-main img, .service-gallery-main video { width: 100%; height: 100%; object-fit: contain; background: #043b52; }
.service-thumbs { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.service-thumb { position: relative; height: 86px; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 12px; background: var(--surface-3); }
.service-thumb.active { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
.service-thumb img, .service-thumb video { width: 100%; height: 100%; object-fit: cover; }
.service-thumb span { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; background: rgba(4,59,82,.32); }
.service-detail-card { position: sticky; top: 100px; }
.service-detail-card h2 { margin: 14px 0 10px; font-size: 30px; }
.service-detail-card p { color: var(--muted); }
.service-detail-price { display: flex; align-items: flex-end; gap: 12px; margin: 22px 0; }
.service-detail-price span { text-decoration: line-through; color: #9aa7ba; }
.service-detail-price strong { font-size: 30px; color: var(--primary); }
.selected-service-box { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px; border: 1px solid #c9dafa; border-radius: 16px; background: linear-gradient(135deg,#f8fbff,#E7F2F4); }
.selected-service-box h3 { margin: 9px 0 3px; }
.selected-service-box p { margin: 0; color: var(--muted); }
.selected-service-price { text-align: left; white-space: nowrap; }
.selected-service-price small { display: block; text-decoration: line-through; color: var(--muted); }
.selected-service-price strong { display: block; color: var(--primary); font-size: 24px; }
.requested-service-banner { display: flex; align-items: center; gap: 13px; padding: 15px; margin-bottom: 16px; border: 1px solid #cbdcff; border-radius: 15px; background: var(--primary-soft); }
.requested-service-banner small { color: var(--muted); }
.requested-service-banner h3 { margin: 2px 0 0; }

@media (max-width: 1100px) {
    .media-admin-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .service-detail-layout { grid-template-columns: 1fr; }
    .service-detail-card { position: static; }
    .service-gallery-main { height: 480px; }
}
@media (max-width: 900px) {
    .profile-layout { grid-template-columns: 1fr; }
    .profile-summary-card { position: static; }
    .service-thumbs { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 620px) {
    .media-admin-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .service-gallery-main { height: 340px; border-radius: 17px; }
    .service-thumbs { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .service-thumb { height: 70px; }
    .selected-service-box { align-items: flex-start; flex-direction: column; }
    .selected-service-price { text-align: right; }
    .dev-code-box strong { letter-spacing: 5px; }
}

/* Notification center and optional browser push permission */
.push-permission-card{position:fixed;z-index:9999;left:22px;bottom:22px;max-width:520px;background:#fff;border:1px solid #dfe7f2;border-radius:18px;box-shadow:0 18px 55px rgba(7,91,130,.18);padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.push-permission-card[hidden]{display:none}.push-permission-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft,#E7F2F4);color:var(--primary)}.push-permission-icon svg{width:22px;height:22px}.push-permission-card p{margin:4px 0 0;color:var(--muted,#68758a);font-size:13px}.push-permission-actions{display:flex;gap:6px;flex-wrap:wrap}.nav-notification-link{position:relative;display:flex!important;align-items:center;gap:6px}.nav-notification-link svg{width:18px;height:18px}.nav-count,.top-icon .count{min-width:18px;height:18px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;display:inline-grid;place-items:center;padding:0 5px;font-weight:800}.notification-list{display:flex;flex-direction:column;gap:10px}.notification-item{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #e5ebf4;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:.2s ease}.notification-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 35%,#e5ebf4);box-shadow:0 9px 24px rgba(7,91,130,.07)}.notification-item.unread{background:color-mix(in srgb,var(--primary) 6%,#fff);border-color:color-mix(in srgb,var(--primary) 24%,#e5ebf4)}.notification-dot{width:10px;height:10px;border-radius:50%;background:#b6c0cf;margin-top:7px;flex:0 0 auto}.notification-item.unread .notification-dot{background:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 12%,transparent)}.notification-item b{display:block;margin-bottom:4px}.notification-item p{margin:0 0 5px;color:var(--muted,#68758a);line-height:1.7}.notification-item small{color:var(--muted,#68758a)}.empty-state.compact{padding:18px}.toast[href]{text-decoration:none;color:inherit}
@media(max-width:720px){.push-permission-card{right:12px;left:12px;bottom:12px;grid-template-columns:auto 1fr}.push-permission-actions{grid-column:1/-1}.push-permission-actions .btn{flex:1}.notification-center .panel-head{align-items:flex-start;gap:10px}.notification-item{padding:13px}}


/* ==========================================================
   إصلاح آمن لتجاوب لوحة المدير والموظف مع الجوال
   ضع هذا الجزء في آخر ملف style.css فقط
========================================================== */

@media screen and (max-width: 900px) {

    /* منع أي تمدد أفقي داخل لوحة الإدارة */
    body.admin-body {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    body.admin-body .admin-shell {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    body.admin-body .admin-content-wrap {
        display: block;
        grid-column: auto;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        overflow-x: hidden;
    }

    /* =========================================
       القائمة الجانبية في الجوال
    ========================================= */

    body.admin-body .admin-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;

        width: min(290px, 86vw);
        max-width: 86vw;

        height: 100vh;
        height: 100dvh;

        margin: 0;

        /*
         * تكون القائمة خارج الشاشة عند إغلاقها.
         * القيمة المضافة تمنع ظهور أي جزء صغير منها.
         */
        transform: translate3d(calc(100% + 24px), 0, 0);
        visibility: hidden;
        opacity: 0;
        pointer-events: none;

        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;

        z-index: 200;
        will-change: transform;

        transition:
            transform 0.25s ease,
            opacity 0.2s ease,
            visibility 0.2s ease;
    }

    body.admin-body .admin-sidebar.open {
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    /* خلفية القائمة عند فتحها */
    body.admin-body .sidebar-overlay {
        display: block;
        position: fixed;
        inset: 0;

        background: rgba(4, 49, 66, 0.45);
        backdrop-filter: blur(3px);

        visibility: hidden;
        opacity: 0;
        pointer-events: none;

        z-index: 190;

        transition:
            opacity 0.25s ease,
            visibility 0.25s ease;
    }

    body.admin-body .sidebar-overlay.open {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    /* =========================================
       الشريط العلوي
    ========================================= */

    body.admin-body .admin-topbar {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        gap: 10px;
    }

    body.admin-body .admin-topbar > .d-flex:first-child {
        flex: 1 1 auto;
        min-width: 0;
    }

    body.admin-body .admin-mobile-toggle {
        flex: 0 0 auto;
    }

    body.admin-body .admin-title-block {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    body.admin-body .admin-title-block h1 {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    body.admin-body .admin-title-block p {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    body.admin-body .admin-top-actions {
        flex: 0 0 auto;
        min-width: fit-content;
    }

    /* =========================================
       المحتوى العام للوحة الإدارة
    ========================================= */

    body.admin-body .admin-main {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        overflow-x: hidden;
    }

    body.admin-body .admin-main > * {
        max-width: 100%;
        min-width: 0;
    }

    body.admin-body .admin-card,
    body.admin-body .kpi-card,
    body.admin-body .settings-section,
    body.admin-body .chart-card,
    body.admin-body .donut-wrap {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.admin-body .admin-grid,
    body.admin-body .kpi-grid,
    body.admin-body .settings-grid {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.admin-body .admin-grid > *,
    body.admin-body .kpi-grid > *,
    body.admin-body .settings-grid > * {
        min-width: 0;
        max-width: 100%;
    }

    /* منع عناوين البطاقات من توسيع الصفحة */
    body.admin-body .chart-head,
    body.admin-body .panel-head,
    body.admin-body .kpi-top {
        min-width: 0;
    }

    body.admin-body .chart-head,
    body.admin-body .panel-head {
        flex-wrap: wrap;
    }

    body.admin-body .chart-head > div,
    body.admin-body .panel-head > div,
    body.admin-body .kpi-top > div {
        min-width: 0;
        max-width: 100%;
    }

    body.admin-body .chart-head h3,
    body.admin-body .panel-head h3,
    body.admin-body .kpi-card .label,
    body.admin-body .kpi-trend {
        overflow-wrap: anywhere;
    }

    /* الرسم البياني */
    body.admin-body .chart-wrap {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    body.admin-body .chart-wrap canvas {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* الجداول تتحرك داخل إطارها ولا توسع الصفحة */
    body.admin-body .table-wrap {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;

        overflow-x: auto;
        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;
    }

    /* =========================================
       صفحة إعدادات المنصة
    ========================================= */

    body.admin-body .settings-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.admin-body .settings-section,
    body.admin-body .settings-section.full {
        grid-column: auto;
        min-width: 0;
        max-width: 100%;
    }

    body.admin-body .settings-grid .form-grid,
    body.admin-body .settings-grid .form-grid.cols-3 {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.admin-body .settings-grid .field,
    body.admin-body .settings-grid .field.full {
        min-width: 0;
        max-width: 100%;
    }

    body.admin-body .settings-grid input,
    body.admin-body .settings-grid select,
    body.admin-body .settings-grid textarea {
        max-width: 100%;
        min-width: 0;
    }

    body.admin-body .settings-grid input[type="file"] {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    /* حقول اختيار الألوان */
    body.admin-body .settings-grid .color-field {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.admin-body .settings-grid .color-field input[type="text"] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    /* منع النصوص الطويلة من توسيع صفحة الإعدادات */
    body.admin-body .settings-section p,
    body.admin-body .settings-section small,
    body.admin-body .settings-section label {
        overflow-wrap: anywhere;
    }

    /* معاينة الصفحة الرئيسية داخل الإعدادات */
    body.admin-body .preview-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.admin-body .preview-top {
        flex-wrap: wrap;
        gap: 10px;
    }

    body.admin-body .preview-hero {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.admin-body .preview-hero > * {
        min-width: 0;
        max-width: 100%;
    }

    body.admin-body .preview-hero h4,
    body.admin-body .preview-hero p {
        overflow-wrap: anywhere;
    }

    body.admin-body .preview-image {
        width: min(220px, 100%);
        max-width: 100%;
        margin-inline: auto;
    }
}


/* ==========================================================
   تحسينات إضافية للجوال الصغير
========================================================== */

@media screen and (max-width: 520px) {

    body.admin-body .admin-topbar {
        padding-inline: 10px;
        gap: 7px;
    }

    body.admin-body .admin-topbar > .d-flex:first-child {
        gap: 7px;
    }

    body.admin-body .admin-title-block h1 {
        font-size: 17px;
    }

    body.admin-body .admin-main {
        padding: 14px 10px 28px;
    }

    body.admin-body .admin-card,
    body.admin-body .settings-section {
        padding: 15px;
    }

    /*
     * ترتيب الشعار وحقل رفع الملف عموديًا
     * لا يطبق إلا داخل إعدادات المنصة.
     */
    body.admin-body
    .settings-grid
    .field.full
    > .d-flex {
        flex-direction: column;
        align-items: stretch;
    }

    body.admin-body
    .settings-grid
    .field.full
    > .d-flex
    > div[style*="flex"] {
        flex: 0 0 auto !important;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.admin-body .settings-grid .logo-preview {
        margin-inline: auto;
    }

    body.admin-body .preview-hero {
        padding: 16px;
    }

    body.admin-body .preview-hero h4 {
        font-size: 20px;
    }
}
/* ===== Workflow tabs + backup/restore (keeps the existing visual identity) ===== */
.order-status-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(145px, 1fr));
    gap: 10px;
    margin-bottom: 20px;
}
.order-status-tab {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
    color: var(--text);
    text-decoration: none;
    transition: .2s ease;
}
.order-status-tab span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.order-status-tab b {
    min-width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--muted);
    font-size: 12px;
}
.order-status-tab:hover,
.order-status-tab.active {
    border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
    color: var(--primary);
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(8, 39, 91, .08);
}
.order-status-tab.active b { background: var(--primary); color: #fff; }
.btn.is-disabled { opacity: .45; pointer-events: none; cursor: not-allowed; box-shadow: none; transform: none; }
.pagination-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 18px;
    margin-top: 8px;
    border-top: 1px solid var(--border);
    color: var(--muted);
}
.backup-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}
.backup-action-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    align-items: start;
}
.backup-action-card form,
.backup-action-card .help-box { grid-column: 1 / -1; }
.backup-action-card h3 { margin: 2px 0 7px; }
.backup-action-card p { margin: 0; color: var(--muted); line-height: 1.85; }
.danger-notice {
    padding: 14px 16px;
    border-radius: 14px;
    background: var(--danger-soft);
    color: var(--danger);
    line-height: 1.8;
}
.backup-file-name { direction: ltr; display: inline-block; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
.backup-table-actions { margin-bottom: 8px; }
.backup-restore-details {
    min-width: 245px;
    border-top: 1px dashed var(--border);
    padding-top: 8px;
}
.backup-restore-details summary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--primary);
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    list-style: none;
}
.backup-restore-details summary::-webkit-details-marker { display: none; }
.backup-restore-details form { margin-top: 10px; }
.backup-restore-details label { display: block; margin-bottom: 6px; font-size: 12px; color: var(--muted); }
.backup-inline-confirm { display: flex; gap: 8px; align-items: center; }
.backup-inline-confirm input { min-width: 110px; }

@media (max-width: 1100px) {
    .order-status-tabs { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
}
@media (max-width: 760px) {
    .order-status-tabs {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        padding-bottom: 5px;
        scrollbar-width: thin;
    }
    .order-status-tab { flex: 0 0 155px; scroll-snap-align: start; }
    .backup-summary-grid { grid-template-columns: 1fr; }
    .pagination-bar { align-items: flex-start; flex-direction: column; }
    .backup-inline-confirm { align-items: stretch; flex-direction: column; }
    .backup-restore-details { min-width: 190px; }
}

/* ===== Departments, payments, portfolio, messaging and enhanced workflow ===== */
.grow{flex:1;min-width:0}.d-block{display:block}.search-panel{max-width:820px;margin:0 auto 28px}.public-filter{margin-bottom:28px}.public-filter select{min-width:190px}.table-thumb{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:var(--surface-2);flex:0 0 52px}.table-thumb img{width:100%;height:100%;object-fit:cover}.department-card .card-media img,.portfolio-card .card-media img{transition:transform .35s ease}.department-card:hover .card-media img,.portfolio-card:hover .card-media img{transform:scale(1.04)}
.department-hero-grid{display:grid;grid-template-columns:1fr 260px;gap:32px;align-items:center}.department-hero-grid img{width:100%;height:190px;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.15)}
.payment-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-choice{position:relative;display:flex;gap:13px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);cursor:pointer;transition:.2s}.payment-choice:hover{border-color:var(--primary);transform:translateY(-1px)}.payment-choice>input{position:absolute;inset-inline-start:12px;top:12px}.payment-choice:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.payment-choice-media{width:54px;height:54px;display:grid;place-items:center;border-radius:13px;background:var(--surface-2);overflow:hidden;flex:0 0 54px}.payment-choice-media img{width:100%;height:100%;object-fit:contain;padding:5px}.payment-choice>span:last-child{display:grid;gap:4px}.payment-choice small{display:block;color:var(--muted);line-height:1.5}.payment-request-panel{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}
.attachment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.attachment-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.attachment-card{position:relative;min-width:0;display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid var(--border);border-radius:15px;background:var(--surface);text-decoration:none;color:var(--text);overflow:hidden}.attachment-card>img,.attachment-card>video{width:100%;height:135px;object-fit:cover;border-radius:10px;background:#0b1220}.attachment-card>div{display:grid;gap:3px}.attachment-card b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card small{color:var(--muted);font-size:11px}.attachment-file-icon{height:135px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--primary)}.attachment-file-icon svg{width:34px;height:34px}
.message-list{display:grid;gap:10px;margin-top:18px}.message-item{padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.message-item>div{display:flex;justify-content:space-between;gap:12px}.message-item small{color:var(--muted)}.message-item p{margin:8px 0 0;line-height:1.75}.permission-grid .check-row small{display:block;color:var(--muted);font-weight:400}
.about-layout{display:grid;gap:22px}.about-main{text-align:center;padding:38px}.about-main p,.value-card p{font-size:16px;line-height:2;color:var(--muted)}.value-card{padding:26px}.stamp-preview{width:130px;height:100px;object-fit:contain;border:1px dashed var(--border);border-radius:14px;padding:8px;background:#fff}
.reset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reset-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.reset-card.danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:var(--danger-soft)}.reset-card h4{margin:0 0 8px}.reset-card p{min-height:100px;margin:0 0 14px;color:var(--muted);line-height:1.75}.reset-card form{display:grid;gap:9px}.reset-card label{font-size:12px;color:var(--muted)}
.invoice-toolbar{max-width:1020px;margin:22px auto 0;padding:0 14px;display:flex;gap:10px;justify-content:flex-end}.invoice-document{max-width:1020px}.invoice-approval{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:42px;padding-top:24px;border-top:1px dashed #aeb8c5}.invoice-approval>div{min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;text-align:center}.invoice-approval img{width:150px;height:80px;object-fit:contain}.signature-placeholder{width:170px;height:65px;display:grid;place-items:center;border-bottom:1px solid #667085;color:#98a2b3}.invoice-footer-note{text-align:center;margin-top:24px;padding-top:14px;border-top:1px solid #e4e7ec;color:#667085;font-size:12px}
@media(max-width:1000px){.attachment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.department-hero-grid{grid-template-columns:1fr 210px}}
@media(max-width:760px){.public-filter{align-items:stretch;flex-direction:column}.public-filter>*{width:100%}.public-filter select{min-width:0}.department-hero-grid{grid-template-columns:1fr}.department-hero-grid img{height:160px}.payment-choice-grid,.reset-grid{grid-template-columns:1fr}.attachment-grid,.attachment-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-card>img,.attachment-card>video,.attachment-file-icon{height:110px}.invoice-toolbar{flex-wrap:wrap}.invoice-toolbar>*{flex:1}.invoice-approval{gap:15px}.about-main{padding:24px}}
@media(max-width:470px){.attachment-grid,.attachment-grid.compact-grid{grid-template-columns:1fr}.payment-choice{align-items:flex-start}.invoice-approval{grid-template-columns:1fr}}
@media print{.invoice-document{box-shadow:none!important;border:0!important;margin:0!important}.invoice-approval{break-inside:avoid}.invoice-toolbar{display:none!important}}


/* ===== Orders workflow refinement v2 ===== */
.order-form-section{padding-top:46px}
.order-form-card{max-width:1040px;margin:0 auto;padding:28px}
.order-form-alert,.order-page-message{margin-bottom:18px}
.order-request-form{gap:16px}
.order-request-form .field.full{min-width:0}
.request-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.field-location-box,.remote-payment-box{padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.field-location-box>.panel-head,.remote-payment-box>.panel-head{margin-bottom:16px}
.field-location-box>.panel-head svg,.remote-payment-box>.panel-head svg{width:24px;height:24px;color:var(--primary)}
.location-status{display:flex;align-items:center;min-height:46px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px dashed var(--border);color:var(--muted);font-size:13px}
.payment-receipt-field{margin-top:14px;max-width:520px}
.selected-service-price{display:grid;gap:4px;text-align:left;white-space:nowrap}
.selected-service-price small{text-decoration:line-through;color:var(--muted)}
.payment-choice-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.payment-choice-compact{min-height:86px;padding:11px;border-radius:14px;gap:10px;padding-inline-start:38px}
.payment-choice-compact>input{inset-inline-start:10px;top:10px}
.payment-choice-compact .payment-choice-media{width:46px;height:46px;flex-basis:46px;border-radius:11px}
.payment-choice-compact b{font-size:13px}
.payment-choice-compact small{font-size:11px;line-height:1.45}
.compact-payment-panel{padding:22px}
.order-payment-state{margin-bottom:20px}
.customer-order-section{padding-top:42px}
.order-page-heading{margin-bottom:18px}
.order-progress-panel{margin-bottom:20px}
.order-details-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);gap:20px;align-items:start;margin:20px 0}
.order-main-details,.order-followup-card{min-width:0}
.order-followup-card{position:sticky;top:100px}
.order-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.order-summary-item{min-width:0;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);display:grid;gap:5px}
.order-summary-item small{color:var(--muted);font-size:11px}
.order-summary-item b{font-size:14px;overflow-wrap:anywhere}
.order-summary-item.emphasis{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));color:var(--primary)}
.order-description-box,.order-location-box{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.order-description-box p,.order-location-box p{margin:8px 0 0;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}
.order-location-box .btn{margin-top:10px}
.followup-list{display:grid;gap:9px}
.followup-list>div{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:grid;gap:3px}
.followup-list small,.followup-list span{color:var(--muted);font-size:11px}
.followup-list b{font-size:13px;overflow-wrap:anywhere}
.deliverables-panel{margin-bottom:20px;border-color:color-mix(in srgb,var(--success) 30%,var(--border))}
.attachment-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.attachment-actions .btn{flex:1;min-width:76px}
.deliverable-card{border-color:color-mix(in srgb,var(--success) 24%,var(--border))}
.order-bottom-grid{align-items:start}
.order-bottom-grid>.panel{min-width:0}

/* V11.28: أقسام تفاصيل الطلب القابلة للفتح والإغلاق. */
[data-order-collapsible]{scroll-margin-top:100px}
[data-order-collapsible]>.panel-head{position:relative;gap:10px;min-height:46px;margin-bottom:16px;padding-inline-end:52px}
[data-order-collapsible]>.panel-head>.order-section-toggle{
    position:absolute;inset-inline-end:0;top:50%;translate:0 -50%;display:inline-grid;place-items:center;
    width:38px;height:38px;min-width:38px;padding:0;border:1px solid color-mix(in srgb,var(--primary) 38%,var(--border));
    border-radius:12px;background:var(--primary-soft);color:var(--primary);font:800 25px/1 system-ui;cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
[data-order-collapsible]>.panel-head>.order-section-toggle:hover,
[data-order-collapsible]>.panel-head>.order-section-toggle:focus-visible{background:var(--primary);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 24%,transparent);outline:none}
[data-order-collapsible]>.panel-head>.order-section-toggle:active{transform:scale(.94)}
[data-order-collapsible].is-collapsed>.panel-head{margin-bottom:0}
[data-order-collapsible].is-collapsed>:not(.panel-head){display:none!important}
.payment-request-summary{margin-bottom:16px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.customer-invoice-section>.btn{margin-top:14px}
.statement-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.statement-summary-grid>div{display:grid;gap:5px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.statement-summary-grid small{color:var(--muted)}
.statement-summary-grid b{overflow-wrap:anywhere;color:var(--primary)}
.statement-table td:nth-last-child(-n+4){white-space:nowrap}
.reminder-rule-editor{margin-bottom:20px}
.reminder-rule-editor .check-row{min-height:45px}
@media(max-width:600px){
    [data-order-collapsible]>.panel-head{align-items:flex-start;padding-inline-end:46px}
    [data-order-collapsible]>.panel-head>.order-section-toggle{width:36px;height:36px;min-width:36px;border-radius:11px}
    .statement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:601px) and (max-width:1024px){.statement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Admin order details: no horizontal overflow */
.order-admin-heading{margin-bottom:18px}
.claim-order-card{margin-bottom:20px}
.order-admin-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:20px;align-items:start;min-width:0}
.order-admin-main,.order-admin-side{display:grid;gap:20px;min-width:0}
.order-admin-side{position:sticky;top:22px}
.order-admin-layout .admin-card{min-width:0;margin:0}
.admin-order-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.deliverable-upload-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.payment-review-card{border-color:color-mix(in srgb,var(--warning) 36%,var(--border))}
.payment-receipt-preview{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--text);text-decoration:none}
.payment-receipt-preview>svg{width:24px;height:24px;color:var(--primary);flex:0 0 auto}
.payment-receipt-preview>span{display:grid;gap:2px;min-width:0}
.payment-receipt-preview small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payment-review-form{margin-top:12px}
.payment-review-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.assignment-history{display:grid;gap:7px;margin-top:13px;padding-top:13px;border-top:1px dashed var(--border)}
.assignment-history>div{display:grid;grid-template-columns:auto auto 1fr;gap:5px;align-items:center;font-size:12px}
.assignment-history small{grid-column:1/-1;color:var(--muted)}
.invoice-editor-card input[readonly]{background:var(--surface-2);color:var(--muted);cursor:not-allowed}
.invoice-open-button{margin-top:12px}

/* Service cards: hover/focus media movement using the manager-defined interval */
.service-card .card-media{isolation:isolate}
.service-card-carousel{position:absolute;inset:0;display:block;background:var(--surface-3)}
.service-card-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .55s ease,visibility .55s ease,transform .75s ease}
.service-card-slide.active{opacity:1;visibility:visible;transform:scale(1)}
.service-card-slide img,.service-card-slide video{width:100%;height:100%;object-fit:cover}
.service-card-carousel.is-playing .service-card-slide.active img,
.service-card-carousel.is-playing .service-card-slide.active video{transform:scale(1.035)}
.service-card .media-count-badge,.service-card .media-type-badge{z-index:3}

/* Compact invoice: fits in less than half of an A4 page under normal content */
.invoice-page{background:#eef2f7}
.compact-invoice{width:min(190mm,calc(100% - 28px));max-width:190mm;min-height:0;margin:18px auto;padding:8mm 9mm;border-radius:12px}
.compact-invoice-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:10px;border-bottom:2px solid var(--secondary)}
.compact-brand{display:flex;align-items:center;gap:10px;min-width:0}
.compact-brand img{width:48px;height:48px;object-fit:contain;border-radius:10px}
.compact-brand h1{font-size:19px;line-height:1.2;margin:0}
.compact-brand p{font-size:11px;margin:2px 0;color:var(--muted)}
.compact-brand small{font-size:9px;color:var(--muted)}
.compact-invoice-meta{display:grid;gap:2px;text-align:left;direction:ltr}
.compact-invoice-meta strong{font-size:20px;color:var(--secondary)}
.compact-invoice-meta b{font-size:11px}
.compact-invoice-meta span{font-size:9px;color:var(--muted)}
.compact-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}
.compact-info-grid>div{padding:7px 8px;border:1px solid #dde4ee;border-radius:8px;display:grid;gap:2px;min-width:0}
.compact-info-grid small{font-size:8px;color:#667085}
.compact-info-grid b{font-size:10px;overflow-wrap:anywhere}
.compact-info-grid .compact-info-sub{display:block;color:#667085;font-size:7.6px;line-height:1.25;overflow-wrap:anywhere}
.compact-invoice-table{width:100%;border-collapse:collapse;font-size:9px}
.compact-invoice-table th,.compact-invoice-table td{padding:7px 6px;border:1px solid #d8e0eb;text-align:right}
.compact-invoice-table th{background:#f2f6fb;color:#344054}
.compact-total-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--primary-soft);font-size:10px}
.compact-total-line strong{font-size:13px;color:var(--primary)}
.compact-invoice-note{margin-top:7px;padding:6px 8px;border:1px dashed #cfd7e3;border-radius:8px;font-size:9px;line-height:1.5}
.compact-approval{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:9px;padding-top:7px;border-top:1px dashed #aeb8c5}
.compact-approval>div{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:46px;font-size:9px}
.compact-approval img{width:90px;height:38px;object-fit:contain}
.compact-approval small{font-size:8px;color:var(--muted)}
.compact-sign-line{width:100px;height:24px;border-bottom:1px solid #667085}

/* Better protection from wide children inside the admin shell */
.admin-content,.admin-main,.admin-card,.panel,.table-wrap{min-width:0}
.order-admin-layout .attachment-card{min-width:0}
.order-admin-layout .history-item{grid-template-columns:auto minmax(0,1fr) auto}
.order-admin-layout .history-item>div{min-width:0}
.order-admin-layout .history-item .muted{overflow-wrap:anywhere}

@media(max-width:1180px){
    .payment-choice-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
    .order-admin-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}
    .admin-order-summary,.order-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
    .order-details-layout,.order-admin-layout{grid-template-columns:1fr}
    .order-followup-card,.order-admin-side{position:static}
    .order-admin-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
    .order-admin-side>.admin-card{height:fit-content}
}
@media(max-width:760px){
    .order-form-card{padding:20px}
    .request-mode-grid,.payment-choice-grid-compact{grid-template-columns:1fr}
    .payment-choice-compact{min-height:74px}
    .order-summary-grid,.admin-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .order-admin-side{grid-template-columns:1fr}
    .compact-invoice{width:calc(100% - 16px);padding:18px 14px}
    .compact-invoice-head{align-items:flex-start}
    .compact-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .compact-total-line{align-items:flex-start;flex-direction:column}
}

@media(max-width:470px){
    .order-summary-grid,.admin-order-summary{grid-template-columns:1fr}
    .compact-invoice-head{flex-direction:column}
    .compact-invoice-meta{text-align:right;direction:rtl}
    .compact-info-grid{grid-template-columns:1fr}
    .payment-review-actions{grid-template-columns:1fr}
}

@media print{
    @page{size:A4 portrait;margin:7mm}
    body.invoice-page{background:#fff!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important}
    .compact-invoice{
        width:196mm!important;
        max-width:196mm!important;
        max-height:138mm!important;
        overflow:hidden!important;
        margin:0!important;
        padding:5.5mm 7mm!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        page-break-inside:avoid!important;
        break-inside:avoid-page!important;
    }
    .compact-brand img{width:42px;height:42px}
    .compact-invoice-head{padding-bottom:7px}
    .compact-info-grid{margin:7px 0;gap:4px}
    .compact-info-grid>div{padding:5px 6px}
    .compact-invoice-table th,.compact-invoice-table td{padding:5px}
    .compact-total-line{margin-top:5px;padding:6px 8px}
    .compact-invoice-note{margin-top:4px;padding:4px 6px}
    .compact-approval{margin-top:5px;padding-top:5px}
}


/* ===== Final responsive safeguards for orders and payment cards ===== */
html,body{max-width:100%;overflow-x:hidden}
body.admin-body .admin-shell,body.admin-body .admin-content,body.admin-body .admin-main{max-width:100%;overflow-x:hidden}
.payment-choice-compact>span:last-child{min-width:0;overflow:hidden}
.payment-choice-compact b,.payment-choice-compact small{overflow-wrap:anywhere}
.order-request-form input[type="file"],.order-admin-layout input[type="file"],.customer-order-section input[type="file"]{max-width:100%}
.order-admin-layout .table-wrap,.customer-order-section .table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:520px){
  .order-form-section,.customer-order-section{padding:26px 0}
  .order-form-card{padding:14px;border-radius:16px}
  .field-location-box,.remote-payment-box,.compact-payment-panel{padding:14px;border-radius:14px}
  .payment-choice-compact{min-height:68px;padding-block:9px}
  .payment-choice-compact .payment-choice-media{width:40px;height:40px;flex-basis:40px}
  .payment-choice-compact b{font-size:12px}
  .payment-choice-compact small{font-size:10px}
  .order-page-heading{align-items:stretch}
  .order-page-heading>.d-flex{width:100%}
  .order-page-heading>.d-flex>*{flex:1}
  body.admin-body .order-admin-layout{gap:14px}
  body.admin-body .order-admin-main,body.admin-body .order-admin-side{gap:14px}
}

/* ===== Requested refinements v3: fixed headers, Arabic service prices, horizontal order details, portfolio ===== */
html { scroll-padding-top: 100px; }
body.public-body { padding-top: 82px; }
.site-header {
    position: fixed;
    inset: 0 0 auto 0;
    width: 100%;
}

body.admin-body .admin-content-wrap { padding-top: 82px; }
body.admin-body .admin-topbar {
    position: fixed;
    top: 0;
    right: var(--sidebar-width);
    left: 0;
    width: auto;
}

.service-card-price {
    display: grid;
    align-content: end;
    gap: 2px;
    line-height: 1.25;
}
.service-card-price .old-price {
    display: block;
    width: fit-content;
    color: #8b98ac !important;
    font-size: 12px !important;
    font-weight: 650;
    text-decoration: line-through;
    text-decoration-thickness: 1.5px;
}
.service-card-price .current-price {
    color: var(--primary);
    font-size: 21px;
    font-weight: 850;
}
.service-detail-price {
    display: grid;
    justify-items: start;
    align-items: start;
    gap: 4px;
}
.service-detail-price .old-price {
    font-size: 15px;
    color: #8b98ac;
    text-decoration: line-through;
    text-decoration-thickness: 1.5px;
}
.service-detail-price strong { font-size: 30px; }

.payment-receipt-field[hidden],
[data-payment-receipt-field][hidden],
[data-field-details][hidden],
[data-remote-payment][hidden] { display: none !important; }

.order-people-card { margin-bottom: 20px; }
.order-people-horizontal .followup-list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}
.order-people-horizontal .followup-list > div {
    min-height: 86px;
    align-content: center;
}
.order-overview-card .requested-service-banner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}
.admin-order-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* إدارة أعمالنا */
.portfolio-admin-layout {
    display: grid;
    grid-template-columns: minmax(340px, .9fr) minmax(0, 1.25fr);
    gap: 20px;
    align-items: start;
}
.portfolio-admin-layout > * { min-width: 0; }
.portfolio-editor-card,
.portfolio-list-card { margin: 0; }
.portfolio-cover-preview {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
    padding: 11px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface-2);
}
.portfolio-cover-preview img {
    width: 86px;
    height: 68px;
    flex: 0 0 86px;
    border-radius: 11px;
    object-fit: cover;
}
.portfolio-cover-preview > div { display: grid; gap: 3px; min-width: 0; }
.portfolio-cover-preview small { color: var(--muted); }
.portfolio-cover-preview b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portfolio-active-field { display: flex; align-items: end; }
.portfolio-active-field .check-row {
    width: 100%;
    min-height: 48px;
    padding: 11px 13px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface-2);
}
.portfolio-form-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.portfolio-form-actions .btn { min-width: 150px; }
.portfolio-media-section {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
}
.compact-head { margin-bottom: 12px; }
.compact-head h4 { margin: 0; }
.portfolio-media-grid { margin-top: 0; }
.portfolio-media-card { padding: 9px; }
.portfolio-media-card form { margin-top: 8px; }
.portfolio-filter {
    grid-template-columns: minmax(0, 1fr) minmax(150px, .35fr) auto;
    margin-bottom: 16px;
}
.portfolio-admin-list { display: grid; gap: 11px; }
.portfolio-admin-item {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: var(--surface-2);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.portfolio-admin-item:hover {
    border-color: color-mix(in srgb, var(--primary) 34%, var(--border));
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}
.portfolio-admin-thumb {
    width: 112px;
    height: 88px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
    color: var(--primary);
}
.portfolio-admin-thumb img { width: 100%; height: 100%; object-fit: cover; }
.portfolio-admin-thumb svg { width: 30px; height: 30px; }
.portfolio-admin-info { min-width: 0; }
.portfolio-admin-info h4 { margin: 7px 0 3px; font-size: 16px; }
.portfolio-admin-info p {
    margin: 0 0 5px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
.portfolio-admin-info > small { color: var(--muted); font-size: 11px; }
.portfolio-admin-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.portfolio-admin-actions form { margin: 0; }

@media (max-width: 1180px) {
    .order-people-horizontal .followup-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .portfolio-admin-layout { grid-template-columns: 1fr; }
    .portfolio-editor-card { order: 1; }
    .portfolio-list-card { order: 2; }
}

@media (max-width: 900px) {
    body.admin-body .admin-topbar { right: 0; }
    .order-people-horizontal .followup-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    body.public-body { padding-top: 72px; }
    html { scroll-padding-top: 84px; }
    .service-card-price .current-price { font-size: 19px; }
    .portfolio-page-heading { align-items: stretch; }
    .portfolio-page-heading .btn { width: 100%; }
    .portfolio-filter { grid-template-columns: 1fr 1fr; }
    .portfolio-filter .input-icon { grid-column: 1 / -1; }
    .portfolio-admin-item { grid-template-columns: 88px minmax(0, 1fr); }
    .portfolio-admin-thumb { width: 88px; height: 78px; }
    .portfolio-admin-actions {
        grid-column: 1 / -1;
        justify-content: stretch;
        padding-top: 8px;
        border-top: 1px solid var(--border);
    }
    .portfolio-admin-actions > * { flex: 1; }
    .portfolio-admin-actions .action-link { width: 100%; }
}

@media (max-width: 520px) {
    .order-people-horizontal .followup-list { grid-template-columns: 1fr; }
    .order-people-horizontal .followup-list > div { min-height: 0; }
    .admin-order-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .portfolio-filter { grid-template-columns: 1fr; }
    .portfolio-filter .input-icon { grid-column: auto; }
    .portfolio-admin-item { grid-template-columns: 72px minmax(0, 1fr); gap: 10px; padding: 10px; }
    .portfolio-admin-thumb { width: 72px; height: 68px; }
    .portfolio-form-actions { display: grid; grid-template-columns: 1fr; }
    .portfolio-form-actions .btn { width: 100%; }
}
body.admin-body .order-admin-side { top: 104px; }


/* V5: إدارة أعمالنا بعرض أفقي كامل مع الحفاظ على الهوية */
.portfolio-admin-layout {
    grid-template-columns: minmax(0, 1fr);
}
.portfolio-editor-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.portfolio-editor-form .field.full {
    grid-column: 1 / -1;
}
.portfolio-admin-item {
    grid-template-columns: 120px minmax(0, 1fr) auto;
}
.social-thumb {
    width: 38px;
    height: 38px;
    border-radius: 10px;
}
.report-filter-bar {
    grid-template-columns: minmax(220px,1.2fr) repeat(4,minmax(150px,.7fr)) auto;
}
@media (max-width: 1100px) {
    .portfolio-editor-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .report-filter-bar { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
    .portfolio-editor-form { grid-template-columns: 1fr; }
    .portfolio-editor-form .field.full { grid-column: auto; }
    .portfolio-admin-item { grid-template-columns: 78px minmax(0,1fr); }
    .report-filter-bar { grid-template-columns: 1fr; }
}

/* ===== V6: horizontal orders, responsive CTA and portfolio details ===== */
.home-cta-card{
  width:100%;
  min-height:168px;
  padding:38px 44px;
  border-radius:28px;
  background:var(--footer-bg,#6395AC);
  box-shadow:0 24px 60px rgba(7,91,130,.18);
  align-items:center;
  direction:rtl;
}
.home-cta-card::before{
  width:360px;
  height:360px;
  border-width:62px;
  inset:-145px auto auto 25%;
  opacity:.85;
}
.home-cta-card>div{position:relative;z-index:1;max-width:760px}
.home-cta-card h2{font-size:clamp(27px,3vw,40px);line-height:1.35}
.home-cta-card p{font-size:15px;line-height:1.9}
.home-cta-card .btn{min-width:150px;min-height:50px;justify-content:center;z-index:1}

/* Details use one full-width flow; action cards are horizontal on wide screens. */
.order-admin-layout{grid-template-columns:minmax(0,1fr)!important;gap:18px}
.order-admin-main{gap:18px}
.order-admin-side{
  position:static!important;
  top:auto!important;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.order-admin-side>.admin-card{height:100%;min-width:0}
.order-admin-side .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.order-admin-side .form-grid .field.full{grid-column:1/-1}
.order-people-horizontal .followup-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.admin-order-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.collection-confirmed-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.collection-confirmed-summary>div{display:grid;gap:4px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.collection-confirmed-summary .full{grid-column:1/-1}
.collection-confirmed-summary small{color:var(--muted)}

/* Customer order follows the same horizontal card language. */
.order-details-layout{grid-template-columns:minmax(0,1fr)!important;gap:18px}
.order-followup-card{position:static!important;top:auto!important}
.order-followup-card .followup-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.order-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.customer-order-section .panel,.order-admin-layout .admin-card{border-radius:20px}

/* Compact horizontal portfolio details. */
.work-detail-section{padding-top:40px}
.work-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);
  gap:24px;
  align-items:start;
}
.work-gallery,.work-detail-card{min-width:0}
.work-gallery-main{
  height:min(58vh,500px);
  min-height:330px;
  border-radius:22px;
  overflow:hidden;
  background:#043b52;
}
.work-gallery-main img,.work-gallery-main video{width:100%;height:100%;object-fit:contain;background:#043b52}
.work-thumbs{margin-top:12px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.work-thumbs .service-thumb{height:72px;border-radius:12px}
.work-detail-card{padding:26px;display:grid;gap:14px}
.work-detail-card h2{margin:0;font-size:clamp(26px,3vw,38px)}
.work-detail-card p{margin:0;color:var(--muted);line-height:1.9;overflow-wrap:anywhere}
.portfolio-card .card-media{position:relative;overflow:hidden}
.portfolio-card .service-card-carousel{inset:0}

@media(max-width:1180px){
  .order-admin-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-people-horizontal .followup-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-order-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
  .work-detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)}
}
@media(max-width:820px){
  .home-cta-card{padding:30px 24px;min-height:0;flex-direction:column;text-align:center;gap:22px}
  .home-cta-card>div{max-width:100%}
  .home-cta-card .btn{width:min(100%,280px)}
  .order-admin-side,.order-bottom-grid{grid-template-columns:1fr}
  .order-admin-side .form-grid{grid-template-columns:1fr}
  .order-admin-side .form-grid .field.full{grid-column:auto}
  .order-people-horizontal .followup-list,.order-followup-card .followup-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-order-summary,.order-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .work-detail-layout{grid-template-columns:1fr}
  .work-gallery-main{height:min(54vh,430px);min-height:260px}
  .work-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .work-detail-card{padding:22px}
}
@media(max-width:520px){
  .home-cta-card{padding:26px 18px;border-radius:22px}
  .home-cta-card h2{font-size:25px}
  .home-cta-card p{font-size:14px}
  .order-people-horizontal .followup-list,.order-followup-card .followup-list,.admin-order-summary,.order-summary-grid{grid-template-columns:1fr}
  .work-gallery-main{height:330px;min-height:240px;border-radius:17px}
  .work-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .work-thumbs .service-thumb{height:62px}
  .work-detail-card{padding:18px;border-radius:18px}
}

/* ===== V7: fixed advertising cards and advertising/custom request workflow ===== */
.ad-card-fixed{
    min-height:520px;
    height:100%;
}
.ad-card-fixed .card-media{
    height:245px;
    flex:0 0 245px;
}
.ad-card-fixed .card-media img,
.ad-card-fixed .card-media video{
    width:100%;
    height:100%;
    object-fit:cover;
}
.ad-card-fixed .card-body{
    min-height:250px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
}
.ad-card-fixed .card-body h3{
    min-height:32px;
    margin:10px 0 7px;
}
.ad-card-fixed .card-body p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    min-height:75px;
    margin-bottom:12px;
}
.ad-card-fixed .status-line{margin-top:auto}
.ad-card-fixed .btn{margin-top:0}
.table-media-preview{
    width:62px;
    height:52px;
    object-fit:cover;
    display:block;
    border-radius:10px;
    border:1px solid var(--border);
    background:var(--surface-3);
}

.selected-service-box-media{
    display:grid;
    grid-template-columns:190px minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
}
.selected-service-order-media{
    position:relative;
    width:190px;
    height:132px;
    border-radius:14px;
    overflow:hidden;
    background:var(--surface-3);
}
.selected-service-order-media .service-card-carousel{position:absolute;inset:0}
.selected-service-order-copy{min-width:0}
.selected-work-reference{
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    align-items:center;
    gap:14px;
    padding:14px;
    margin-bottom:16px;
    border:1px solid var(--border);
    border-radius:16px;
    background:var(--surface-2);
}
.selected-work-reference img{
    width:96px;
    height:76px;
    object-fit:cover;
    border-radius:12px;
    background:#fff;
}
.selected-work-reference h3{margin:0 0 4px}
.selected-work-reference p{margin:0;color:var(--muted)}

.ad-request-form-card{max-width:1040px;margin-inline:auto}
.advertising-order-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:16px 0;
}
.advertising-order-summary>div{
    display:grid;
    gap:5px;
    min-width:0;
    padding:12px;
    border:1px solid var(--border);
    border-radius:13px;
    background:var(--surface-2);
}
.advertising-order-summary small{color:var(--muted)}
.advertising-order-summary b{overflow-wrap:anywhere}
.ad-decision-card .payment-review-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    grid-column:1/-1;
}
.ad-decision-card .payment-review-actions .btn{width:100%}

@media(max-width:980px){
    .selected-service-box-media{grid-template-columns:150px minmax(0,1fr)}
    .selected-service-order-media{width:150px;height:112px}
    .selected-service-price{grid-column:1/-1;text-align:right}
    .advertising-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
    .ad-card-fixed{min-height:0}
    .ad-card-fixed .card-media{height:210px;flex-basis:210px}
    .ad-card-fixed .card-body{min-height:230px}
    .selected-service-box-media{grid-template-columns:1fr;align-items:stretch}
    .selected-service-order-media{width:100%;height:210px}
    .selected-work-reference{grid-template-columns:78px minmax(0,1fr)}
    .selected-work-reference img{width:78px;height:68px}
    .advertising-order-summary{grid-template-columns:1fr}
    .ad-decision-card .payment-review-actions{grid-template-columns:1fr}
}
.ad-price-block{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:0 0 10px}
.ad-price-block small{text-decoration:line-through;color:var(--muted)}
.ad-price-block strong{font-size:20px;color:var(--primary)}

/* ==========================================================
   V8: media previews, advertising workflow and theme modes
========================================================== */
html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
.nav-utility-actions{display:flex;align-items:center;gap:9px}
.theme-toggle{
    width:44px;
    height:44px;
    min-width:44px;
    padding:0;
    display:inline-grid;
    place-items:center;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--surface);
    color:var(--secondary);
    box-shadow:none;
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.theme-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));color:var(--primary)}
.theme-toggle .icon{width:21px;height:21px}
.admin-top-actions .theme-toggle{display:grid}

/* Unified media preview for services and portfolio work. */
.media-detail-gallery{position:relative;min-width:0}
.media-detail-gallery .work-gallery-main{border:1px solid var(--border);box-shadow:var(--shadow-md)}
.gallery-nav{
    position:absolute;
    z-index:5;
    top:min(29vh,250px);
    transform:translateY(-50%);
    width:46px;
    height:46px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.48);
    border-radius:50%;
    background:rgba(4,59,82,.72);
    color:#fff;
    box-shadow:0 9px 26px rgba(0,0,0,.22);
    backdrop-filter:blur(10px);
    transition:transform .2s ease,background .2s ease;
}
.gallery-nav:hover{transform:translateY(-50%) scale(1.06);background:var(--primary)}
.gallery-nav-prev{right:16px}
.gallery-nav-next{left:16px}
.gallery-hint{display:block;margin-top:10px;line-height:1.7}
.service-detail-card{position:sticky;top:100px}
.service-detail-card .service-detail-price{margin:4px 0 6px;flex-wrap:wrap}
.service-detail-card .help-box{margin:0}

/* Advertising request form. */
.ad-request-form-card{max-width:1060px}
.ad-request-form-card .choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.choice-card{
    position:relative;
    min-height:106px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:17px;
    border:1px solid var(--border);
    border-radius:16px;
    background:var(--surface);
    cursor:pointer;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;
}
.choice-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:var(--shadow-sm)}
.choice-card:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary-soft) 72%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.choice-card input{width:19px;height:19px;margin-top:3px;accent-color:var(--primary);flex:0 0 auto}
.choice-card span{display:grid;gap:5px;min-width:0}
.choice-card b{font-size:15px;color:var(--text)}
.choice-card small{line-height:1.75;color:var(--muted)}
.ad-conditional-panel{
    padding:20px;
    border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border));
    border-radius:18px;
    background:color-mix(in srgb,var(--primary-soft) 34%,var(--surface));
}
.ad-conditional-panel[hidden]{display:none!important}
.field-hint{margin-top:3px}
.required-mark{color:var(--danger)}
.label-with-tip{display:flex;align-items:center;gap:8px}
.info-tip{
    position:relative;
    width:20px;
    height:20px;
    display:inline-grid;
    place-items:center;
    border-radius:50%;
    background:var(--primary-soft);
    color:var(--primary);
    font-size:12px;
    font-weight:850;
    cursor:help;
}
.info-tip>span{
    position:absolute;
    z-index:20;
    right:50%;
    bottom:calc(100% + 10px);
    width:min(280px,78vw);
    padding:11px 12px;
    border:1px solid var(--border);
    border-radius:11px;
    background:var(--surface);
    color:var(--text);
    box-shadow:var(--shadow-md);
    font-size:12px;
    line-height:1.7;
    opacity:0;
    visibility:hidden;
    transform:translateX(50%) translateY(5px);
    transition:.18s ease;
}
.info-tip:hover>span,.info-tip:focus>span{opacity:1;visibility:visible;transform:translateX(50%) translateY(0)}

/* Horizontal advertising order management. */
.ad-orders-management{display:grid;gap:20px}
.ad-orders-filter{grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(145px,.65fr)) auto}
.ad-order-list{display:grid;gap:15px}
.ad-order-row-card{
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--surface);
    box-shadow:0 5px 18px rgba(14,42,92,.05);
}
.ad-order-row-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 52%,var(--surface)),var(--surface))}
.ad-order-identity{display:flex;align-items:center;gap:13px;min-width:0}
.ad-order-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:14px;background:var(--primary-soft);color:var(--primary)}
.ad-order-identity>div{min-width:0}
.ad-order-identity h3{margin:1px 0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-order-identity small{display:block;color:var(--muted)}
.ad-order-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ad-order-row-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.ad-order-row-grid>div{min-width:0;padding:15px 16px;border-inline-end:1px solid var(--border)}
.ad-order-row-grid>div:last-child{border-inline-end:0}
.ad-order-row-grid small,.ad-order-row-grid span{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.ad-order-row-grid b{display:block;margin:4px 0 2px;font-size:13px;overflow-wrap:anywhere}
.ad-order-row-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-top:1px solid var(--border);background:var(--surface-2)}
.ad-order-row-actions .muted{font-size:12px;line-height:1.7}
.table-media-placeholder{width:72px;height:54px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:10px;background:var(--surface-2);color:var(--primary);text-align:center}
.table-media-placeholder .icon{width:19px;height:19px}
.table-media-placeholder small{font-size:9px;color:var(--muted)}
.ad-media-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:10px;background:linear-gradient(145deg,var(--secondary),var(--primary));color:#fff;text-align:center}
.ad-media-placeholder .icon{width:58px;height:58px;opacity:.9}
.ad-media-placeholder span{font-weight:800;font-size:18px}
.ad-slide .media.is-placeholder,.ad-card-media.is-placeholder{background:transparent}

/* Dark theme variables and component surfaces. */
html[data-theme="dark"]{
    --surface:#111a2b;
    --surface-2:#0a1220;
    --surface-3:#18243a;
    --text:#E7F2F4;
    --muted:#9cabc0;
    --border:#2a3850;
    --primary-soft:#0b3e4b;
    --success-soft:#123b31;
    --warning-soft:#3f2d0d;
    --danger-soft:#421b24;
    --info-soft:#0b3e4b;
    --shadow-sm:0 4px 16px rgba(0,0,0,.20);
    --shadow-md:0 14px 40px rgba(0,0,0,.28);
    --shadow-lg:0 26px 70px rgba(0,0,0,.35);
}
html[data-theme="dark"] body{background:var(--surface-2);color:var(--text)}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .admin-topbar{background:rgba(17,26,43,.94);border-color:var(--border)}
html[data-theme="dark"] .main-nav>a:not(.btn){color:#cad6e8}
html[data-theme="dark"] .brand-logo,
html[data-theme="dark"] .menu-toggle,
html[data-theme="dark"] .admin-mobile-toggle,
html[data-theme="dark"] .top-icon,
html[data-theme="dark"] .theme-toggle{background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 10% 20%,rgba(7,91,130,.18),transparent 32%),radial-gradient(circle at 85% 25%,rgba(7,91,130,.12),transparent 28%),linear-gradient(140deg,#101a2c 4%,#0c1628 66%,#111d31 100%)}
html[data-theme="dark"] .page-hero{background:linear-gradient(135deg,#101a2c,#0c1628)}
html[data-theme="dark"] .hero p{color:var(--muted)}
html[data-theme="dark"] .eyebrow{background:rgba(17,26,43,.80);border-color:#315181}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .admin-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .settings-section,
html[data-theme="dark"] .kpi-card,
html[data-theme="dark"] .notification-item,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .push-permission-card{background:var(--surface);border-color:var(--border);color:var(--text)}
html[data-theme="dark"] .field label{color:#d8e3f5}
html[data-theme="dark"] .field input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .search-input,
html[data-theme="dark"] .admin-search input,
html[data-theme="dark"] select{background:var(--surface-3);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .field input:disabled,
html[data-theme="dark"] .field select:disabled{background:#172033;color:#71809a}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#73829a}
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .tab-link,
html[data-theme="dark"] .quick-action{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] .btn-ghost{color:var(--text)!important}
html[data-theme="dark"] .table th{background:#172238;color:#bdcce0;border-color:var(--border)}
html[data-theme="dark"] .table td{border-color:var(--border)}
html[data-theme="dark"] .table tbody tr:hover td{background:#142037}
html[data-theme="dark"] .history-item,
html[data-theme="dark"] .profile-summary-list>div,
html[data-theme="dark"] .permission-item,
html[data-theme="dark"] .collection-confirmed-summary>div,
html[data-theme="dark"] .order-summary-item,
html[data-theme="dark"] .followup-list>div{background:var(--surface-3);border-color:var(--border)}
html[data-theme="dark"] .selected-service-box{background:linear-gradient(135deg,#142139,#172744);border-color:#294873}
html[data-theme="dark"] .requested-service-banner{background:var(--primary-soft);border-color:#315181}
html[data-theme="dark"] .notification-item.unread{background:color-mix(in srgb,var(--primary) 12%,var(--surface));border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}
html[data-theme="dark"] .ad-order-row-card{box-shadow:0 5px 18px rgba(0,0,0,.18)}
html[data-theme="dark"] .service-gallery-main,
html[data-theme="dark"] .work-gallery-main{border-color:#31405a}
html[data-theme="dark"] .site-footer .brand-logo{background:#fff}
html[data-theme="dark"] .preview-box,
html[data-theme="dark"] .preview-top{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] .preview-hero{background:linear-gradient(135deg,#101a2c,#0c1628)}
html[data-theme="dark"] .donut-chart::after{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] .ad-slider{background:#043b52}

@media(max-width:1180px){
    .ad-order-row-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .ad-order-row-grid>div:nth-child(3){border-inline-end:0}
    .ad-order-row-grid>div:nth-child(-n+3){border-bottom:1px solid var(--border)}
    .ad-orders-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ad-orders-filter .btn{align-self:end}
}
@media(max-width:820px){
    .service-detail-card{position:static}
    .gallery-nav{top:min(27vh,215px);width:42px;height:42px}
    .ad-order-row-head,.ad-order-row-actions{align-items:flex-start;flex-direction:column}
    .ad-order-row-actions .btn{width:100%}
    .ad-order-row-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ad-order-row-grid>div{border-bottom:1px solid var(--border)}
    .ad-order-row-grid>div:nth-child(odd){border-inline-end:1px solid var(--border)}
    .ad-order-row-grid>div:nth-child(even){border-inline-end:0}
    .ad-order-row-grid>div:nth-last-child(-n+2){border-bottom:0}
    .ad-request-form-card .choice-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    .nav-utility-actions{margin-inline-start:auto}
    .theme-toggle,.menu-toggle{width:42px;height:42px;min-width:42px}
    .gallery-nav{top:165px;width:39px;height:39px}
    .gallery-nav-prev{right:10px}.gallery-nav-next{left:10px}
    .ad-conditional-panel{padding:15px}
    .ad-orders-filter{grid-template-columns:1fr}
    .ad-order-row-head{padding:14px}
    .ad-order-identity{align-items:flex-start}
    .ad-order-icon{width:42px;height:42px;flex-basis:42px}
    .ad-order-identity h3{font-size:16px;white-space:normal}
    .ad-order-row-grid{grid-template-columns:1fr}
    .ad-order-row-grid>div,.ad-order-row-grid>div:nth-child(odd),.ad-order-row-grid>div:nth-child(even){border-inline-end:0;border-bottom:1px solid var(--border)}
    .ad-order-row-grid>div:last-child{border-bottom:0}
    .ad-order-row-actions{padding:13px 14px}
}
.ad-card-media,.ad-slide .media{position:relative;isolation:isolate}
.ad-card-media .service-card-carousel,.ad-slide .media .service-card-carousel{position:absolute;inset:0}
.ad-card-media .media-count-badge,.ad-slide .media .media-count-badge{z-index:5}
.auth-theme-toggle{position:fixed;z-index:50;top:18px;left:18px;background:var(--surface)}
html[data-theme="dark"] .auth-panel{background:var(--surface-2)}
html[data-theme="dark"] .auth-box{color:var(--text)}
html[data-theme="dark"] .auth-divider{color:var(--muted)}
@media(max-width:620px){.auth-theme-toggle{top:12px;left:12px}}

/* ==========================================================
   V9: responsive full-media previews and account appearance
========================================================== */
.ad-slide .media,
.ad-card-fixed .card-media,
.selected-service-order-media,
.order-service-media-gallery .work-gallery-main{
    background:linear-gradient(145deg,#043b52,#6395AC);
}
.ad-slide .media img,
.ad-slide .media video,
.ad-card-fixed .card-media img,
.ad-card-fixed .card-media video,
.selected-service-order-media .service-card-slide img,
.selected-service-order-media .service-card-slide video{
    width:100%;
    height:100%;
    object-fit:contain!important;
    object-position:center;
    background:transparent;
}
.ad-card-carousel.is-interactive video{
    position:relative;
    z-index:4;
}
.media-image-preview-button{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:transparent;
    overflow:hidden;
}
.media-image-preview-button img{
    width:100%;
    height:100%;
    object-fit:contain!important;
}
.media-preview-label{
    position:absolute;
    left:12px;
    bottom:12px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    border-radius:10px;
    background:rgba(4,59,82,.78);
    color:#fff;
    font-size:12px;
    font-weight:800;
    backdrop-filter:blur(8px);
}
.media-preview-label .icon{width:16px;height:16px}
.media-preview-dialog{
    width:min(1100px,calc(100% - 28px));
    max-width:1100px;
    height:min(88vh,820px);
    padding:0;
    border:0;
    border-radius:22px;
    overflow:hidden;
    background:#043b52;
    box-shadow:0 30px 90px rgba(0,0,0,.42);
}
.media-preview-dialog::backdrop{background:rgba(0,10,28,.78);backdrop-filter:blur(5px)}
.media-preview-dialog-body{width:100%;height:100%;display:grid;place-items:center;padding:18px}
.media-preview-dialog-body img{width:100%;height:100%;object-fit:contain}
.media-preview-close{
    position:absolute;
    z-index:5;
    top:12px;
    left:12px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.35);
    border-radius:50%;
    background:rgba(0,0,0,.55);
    color:#fff;
    font-size:27px;
    line-height:1;
}
.order-service-preview{
    display:grid;
    gap:18px;
    margin-top:4px;
    padding:18px;
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--surface-2);
}
.order-service-preview[hidden]{display:none!important}
.order-service-preview-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}
.order-service-preview-head h3{margin:7px 0 4px;font-size:22px}
.order-service-preview-head p{margin:0;color:var(--muted);line-height:1.8}
.order-service-media-gallery .work-gallery-main{
    height:min(54vh,520px);
    min-height:300px;
}
.appearance-settings-card{max-width:880px}
.appearance-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.appearance-choice{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:14px;
    min-height:130px;
    padding:20px;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--surface);
    cursor:pointer;
}
.appearance-choice:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}
.appearance-choice input{width:20px;height:20px;accent-color:var(--primary)}
.appearance-choice-preview{grid-column:1/-1;height:54px;border-radius:12px;border:1px solid var(--border);overflow:hidden;display:grid;grid-template-columns:30% 70%}
.appearance-choice-preview span:first-child{background:var(--secondary)}
.appearance-choice-preview span:last-child{background:#f7f9fd}
.appearance-choice.dark-preview .appearance-choice-preview span:last-child{background:#0a1220}
.appearance-choice-copy{display:grid;gap:4px}
.appearance-choice-copy small{color:var(--muted)}

/* الوضع الليلي يحافظ على ألوان الهوية الرئيسية ويغيّر أسطح الواجهة فقط. */
html[data-theme="dark"]{
    --primary-strong:color-mix(in srgb,var(--primary) 78%,#000);
}

@media(max-width:760px){
    .order-service-preview-head{flex-direction:column}
    .order-service-preview-head .selected-service-price{text-align:right}
    .order-service-media-gallery .work-gallery-main{height:360px;min-height:250px}
    .appearance-choice-grid{grid-template-columns:1fr}
    .media-preview-dialog{height:78vh}
}
@media(max-width:480px){
    .ad-slide .media{height:250px}
    .ad-card-fixed .card-media{height:230px;flex-basis:230px}
    .order-service-media-gallery .work-gallery-main{height:300px;min-height:230px}
    .media-preview-dialog{width:calc(100% - 16px);height:72vh;border-radius:16px}
}

.card-carousel-nav{
    position:absolute;
    z-index:8;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.45);
    border-radius:50%;
    background:rgba(4,59,82,.72);
    color:#fff;
    font-size:25px;
    line-height:1;
    box-shadow:0 8px 22px rgba(0,0,0,.2);
    backdrop-filter:blur(7px);
}
.card-carousel-prev{right:10px}
.card-carousel-next{left:10px}
.card-carousel-nav:hover{background:rgba(4,59,82,.92)}
@media(max-width:480px){.card-carousel-nav{width:36px;height:36px;font-size:22px}}
.field > label {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.field-requirement {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
}

.field-requirement.is-required {
    color: #a61b1b;
    background: rgba(220, 38, 38, .1);
}

.field-requirement.is-optional {
    color: var(--muted);
    background: rgba(100, 116, 139, .12);
}

input[readonly],
textarea[readonly] {
    cursor: not-allowed;
    opacity: .78;
    background: rgba(148, 163, 184, .12);
}

.faq-list {
    max-width: 900px;
    margin-inline: auto;
    display: grid;
    gap: 12px;
}

.faq-item {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--surface);
    overflow: hidden;
}

.faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 18px 22px;
    font-weight: 800;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "+";
    float: left;
    color: var(--primary);
}

.faq-item[open] summary::after {
    content: "−";
}

.faq-item > div {
    padding: 0 22px 20px;
    color: var(--muted);
    line-height: 1.9;
}

.developer-credits {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 18px;
    padding-block: 12px 22px;
}

.developer-credit {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: rgba(255, 255, 255, .72);
}

.developer-credit img {
    width: 24px;
    height: 24px;
    border-radius: 7px;
    object-fit: contain;
}

.developer-credit a {
    color: inherit;
    text-decoration: underline;
}

/* V10.2: professional order reports */
.report-filter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    align-items: end;
}

.report-filter-grid > .btn {
    min-height: 48px;
}

.report-screen-card {
    overflow: hidden;
}

.report-screen-head {
    display: grid;
    grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr);
    gap: 24px;
    align-items: start;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border);
}

.report-screen-head h3 {
    margin: 5px 0;
    color: var(--secondary);
}

.report-screen-head p {
    margin: 0;
    color: var(--muted);
}

.report-criteria {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.report-criteria span {
    display: inline-grid;
    gap: 2px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--surface-2);
    padding: 7px 10px;
}

.report-criteria small {
    color: var(--muted);
    font-size: 11px;
}

.report-criteria b {
    font-size: 12px;
}

.report-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.report-kpi-grid article {
    border: 1px solid var(--border);
    border-inline-start: 5px solid var(--primary);
    border-radius: 14px;
    background: var(--surface);
    padding: 15px 17px;
}

.report-kpi-grid small {
    display: block;
    color: var(--muted);
}

.report-kpi-grid strong {
    display: block;
    margin-top: 4px;
    color: var(--secondary);
    font-size: 24px;
}

.report-kpi-grid strong small {
    display: inline;
    font-size: 12px;
}

.report-status-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 20px;
}

.report-status-grid article {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    border-radius: 11px;
    background: var(--primary-soft);
    padding: 9px 11px;
    color: var(--secondary);
    font-size: 12px;
}

.report-status-grid b {
    color: var(--primary);
}

.report-table-wrap {
    max-height: 68vh;
    border: 1px solid var(--border);
    border-radius: 14px;
}

.report-detail-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.report-detail-table th,
.report-detail-table td {
    white-space: nowrap;
    font-size: 12px;
}

@media (max-width: 1100px) {
    .report-filter-grid { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
    .report-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .report-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .report-filter-grid { grid-template-columns: 1fr; }
    .report-screen-head { grid-template-columns: 1fr; }
    .report-kpi-grid { grid-template-columns: 1fr; }
    .report-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ad-order-row-card.is-archived{opacity:.9;border-style:dashed;background:linear-gradient(135deg,var(--surface,#fff),rgba(100,116,139,.07))}
.ad-order-row-card.is-archived .ad-order-icon{filter:grayscale(.65)}

/* V10.4: dynamic departments, services, and order fields */
.service-request-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.service-request-facts>span{display:flex;flex-direction:column;gap:4px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--primary-soft)}
.service-request-facts small{color:var(--muted)}
.service-request-facts b{color:var(--secondary)}
.service-dynamic-order-fields{grid-column:1/-1;margin:0}
.service-dynamic-fields-card .dynamic-field-editor{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}
.service-dynamic-fields-card .field-requirement,.service-dynamic-order-fields .field-requirement{margin-inline-start:8px}
@media(max-width:760px){.service-request-facts{grid-template-columns:1fr}.service-dynamic-order-fields{grid-template-columns:1fr}}

/* V10.5: dynamic order and sales forms */
.compact-help{padding:10px 12px;margin-top:8px;min-height:42px}
.media-count-fields{padding:16px;border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}
[data-social-order-fields]{padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface-soft)}
[data-customer-summary]{line-height:1.8}
[data-new-customer-fields][hidden],[data-media-count-fields][hidden],[data-social-order-fields][hidden]{display:none!important}

/* V10.6: technical specialties and full-device responsive audit */
.required-label,.optional-label{display:inline-flex;margin-inline-start:6px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;vertical-align:middle}
.required-label{color:var(--danger);background:var(--danger-soft)}
.optional-label{color:var(--muted);background:var(--surface-3)}
.selection-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.selection-card{min-width:0;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.selection-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:var(--primary-soft)}
.selection-card:has(input:checked){border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}
.selection-card input{width:19px;height:19px;accent-color:var(--primary);flex:0 0 auto}
.selection-card span{display:grid;min-width:0}
.selection-card b,.selection-card small{overflow-wrap:anywhere}
.selection-card small{color:var(--muted)}
.technical-service-fields{padding:18px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}
.technical-fields-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}
.technical-service-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}
.technical-service-summary>div{display:grid;gap:3px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.technical-service-summary small{color:var(--muted)}
.technical-features{margin:16px 0;padding:15px;border-inline-start:4px solid var(--primary);border-radius:12px;background:var(--primary-soft)}
.technical-features h3{margin:0 0 7px;font-size:16px}
.technical-features p{margin:0;white-space:normal;overflow-wrap:anywhere}
[data-technical-service-fields][hidden],[data-technical-specialty][hidden],[data-specialty-department][hidden]{display:none!important}

@media screen{
    html{width:100%;max-width:100%;overflow-x:clip}
    body{width:100%;max-width:100%;min-width:0;overflow-x:clip}
    :where(main,section,article,aside,header,footer,nav,form,fieldset,.container,.grid,.form-grid,.field,.panel,.admin-card,.card,.admin-shell,.admin-content-wrap,.admin-main,.page-heading,.panel-head,.section-head,.d-flex)>*{min-width:0}
    :where(h1,h2,h3,h4,h5,h6,p,span,b,strong,small,label,a,td,th){overflow-wrap:anywhere}
    :where(input,select,textarea,button){max-width:100%}
    input[type="file"]{width:100%;min-width:0;overflow:hidden}
    textarea{width:100%;resize:vertical}
    :where(img,video,canvas,svg,iframe,embed,object){max-width:100%}
    :where(iframe,embed,object){width:100%}
    pre{max-width:100%;overflow:auto;white-space:pre-wrap}
    dialog{width:min(720px,calc(100% - 28px));max-width:calc(100% - 28px);max-height:calc(100dvh - 28px);overflow:auto}
    .table-wrap{max-width:100%;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
    .timeline-wrap,.tab-nav,.service-thumbs,.work-thumbs{max-width:100%;-webkit-overflow-scrolling:touch}
    .panel-head>form,.responsive-toolbar{max-width:100%}
    .card-footer,.invoice-toolbar,.portfolio-form-actions,.table-actions{flex-wrap:wrap}
    .order-admin-main,.order-admin-side,.order-details-layout,.order-admin-layout,.work-detail-layout,.service-detail-layout,.portfolio-admin-layout{max-width:100%}
    .service-gallery-main,.work-gallery-main{max-width:100%}
    .media-admin-item :where(img,video),.service-gallery-main :where(img,video),.work-gallery-main :where(img,video){max-width:100%}
}

@media screen and (max-width:1280px){
    .container{width:min(1180px,calc(100% - 36px))}
    .admin-main{padding-inline:22px}
    .selection-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media screen and (max-width:1024px){
    .container{width:min(100% - 32px,960px)}
    .hero-grid{gap:38px}
    .admin-grid.two,.portfolio-admin-layout,.work-detail-layout,.service-detail-layout,.order-details-layout,.order-admin-layout{grid-template-columns:1fr}
    .profile-summary-card,.service-detail-card,.order-followup-card{position:static}
    .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .footer-brand{grid-column:1/-1}
    .report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .attachment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media screen and (max-width:900px){
    body.admin-body .admin-topbar{right:0;left:0;width:100%}
    body.admin-body .admin-content-wrap{padding-top:74px}
    .admin-sidebar{height:100dvh;padding-bottom:max(22px,env(safe-area-inset-bottom))}
    .main-nav{max-height:calc(100dvh - 94px);overflow-y:auto;overscroll-behavior:contain}
    .form-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
    .form-grid.cols-3>.full{grid-column:1/-1}
    .kpi-grid,.stats,.admin-order-summary,.order-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .media-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .order-admin-side{grid-template-columns:repeat(2,minmax(0,1fr))}
    .order-admin-side>.admin-card{height:auto}
    .appearance-choice-grid,.settings-grid{grid-template-columns:1fr}
}

@media screen and (max-width:768px){
    body.public-body{padding-top:72px}
    .container{width:min(100% - 24px,720px)}
    .admin-main{padding:17px 12px 30px}
    .admin-card,.panel,.settings-section{padding:17px;border-radius:16px}
    .section{padding:48px 0}
    .page-hero{padding-block:44px}
    .page-heading,.section-head,.panel-head,.chart-head,.report-screen-head{align-items:stretch;flex-direction:column}
    .page-heading>.btn,.panel-head>.btn,.responsive-toolbar{width:100%}
    .panel-head>form,.responsive-toolbar{display:grid;grid-template-columns:1fr;width:100%}
    .form-grid,.form-grid.cols-3,.filter-bar,.filter-bar.compact,.report-filter-grid,.portfolio-editor-form{grid-template-columns:1fr}
    .form-grid.cols-3>.full{grid-column:auto}
    .selection-card-grid,.technical-service-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .order-admin-side,.order-bottom-grid,.settings-grid{grid-template-columns:1fr}
    .service-gallery-main,.work-gallery-main{height:clamp(260px,60vw,430px)}
    .service-thumbs,.work-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
    .attachment-grid,.attachment-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .media-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .footer-grid{grid-template-columns:1fr}
    .footer-brand,.footer-grid>div:last-child{grid-column:auto}
    .copyright{padding-inline:12px}
    .print-document{width:calc(100% - 20px);margin:10px;padding:16px}
    .compact-invoice{overflow-x:auto;-webkit-overflow-scrolling:touch}
    .compact-invoice-table{min-width:560px;font-size:11px}
    .print-head,.compact-invoice-head{align-items:flex-start;flex-direction:column}
    .toast{left:12px;right:12px;min-width:0;max-width:none}
}

@media screen and (max-width:620px){
    .container{width:calc(100% - 20px)}
    .hero{padding-block:38px 48px}
    .hero-grid{gap:26px}
    .hero h1{font-size:clamp(31px,10vw,44px)}
    .hero-visual{min-height:280px}
    .hero-art{width:min(92vw,360px)}
    .ad-slider{min-height:570px}
    .ad-slide{padding:18px}
    .page-heading h2{font-size:23px}
    .admin-card,.panel,.settings-section,.form-card{padding:14px}
    .selection-card-grid,.technical-service-summary,.permission-grid,.appearance-choice-grid,.kpi-grid,.stats,.admin-order-summary,.order-summary-grid,.report-kpi-grid{grid-template-columns:1fr}
    .technical-service-fields{padding:13px}
    .technical-service-fields>.form-grid{grid-template-columns:1fr}
    .service-thumbs,.work-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
    .table{min-width:680px}
    .table th,.table td{padding:11px 12px}
    .filter-bar .btn,.responsive-toolbar .btn,.specialty-editor .btn,.dynamic-field-editor .btn{width:100%}
    .order-service-preview-head,.selected-service-box,.requested-service-banner{align-items:flex-start;grid-template-columns:1fr;flex-direction:column}
    .selected-service-price{text-align:right;white-space:normal}
    .push-permission-card{max-width:calc(100% - 24px)}
}

@media screen and (max-width:420px){
    .container{width:calc(100% - 16px)}
    .nav-wrap{gap:8px}
    .brand-logo{width:43px;height:43px}
    .brand-copy b{max-width:150px}
    .menu-toggle,.theme-toggle{width:40px;height:40px;min-width:40px}
    .admin-top-actions .top-icon:nth-of-type(n+3){display:none}
    .admin-main{padding-inline:8px}
    .admin-card,.panel,.settings-section,.form-card{padding:12px;border-radius:14px}
    .btn{padding-inline:14px}
    .hero-actions,.invoice-toolbar,.portfolio-form-actions{display:grid;grid-template-columns:1fr;width:100%}
    .hero-actions .btn,.invoice-toolbar>*{width:100%}
    .service-gallery-main,.work-gallery-main{height:250px}
    .service-thumbs,.work-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
    .attachment-grid,.attachment-grid.compact-grid{grid-template-columns:1fr}
    .history-item{grid-template-columns:10px minmax(0,1fr)}
    .history-item>small,.history-item>time{grid-column:2}
    .tab-nav{display:grid;grid-template-columns:1fr}
    .tab-link{text-align:center}
}

@media screen and (orientation:landscape) and (max-height:520px){
    .main-nav{max-height:calc(100dvh - 76px)}
    .admin-sidebar{padding-block:12px}
    .hero-visual{min-height:250px}
}

/* V10.7: consultation journey, field guidance, and cross-device refinement */
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 82%,transparent);opacity:1;transition:opacity .15s ease}
.auto-field-example{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.65}
.btn-consultation{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 12px 28px rgba(7,91,130,.22)}
.btn-consultation:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 34px rgba(75,63,229,.28)}
.consultation-hero{position:relative;overflow:hidden;padding:clamp(58px,8vw,108px) 0;background:linear-gradient(135deg,color-mix(in srgb,var(--secondary) 96%,#000),color-mix(in srgb,var(--primary) 70%,var(--secondary)))}
.consultation-hero::before{content:"";position:absolute;inset:auto -8% -54% auto;width:540px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);pointer-events:none}
.consultation-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:clamp(28px,6vw,80px)}
.consultation-hero-copy{color:#fff}
.consultation-hero-copy h1{max-width:760px;margin:12px 0 18px;color:#fff;font-size:clamp(36px,5.5vw,68px);line-height:1.13}
.consultation-hero-copy p{max-width:720px;color:rgba(255,255,255,.82);font-size:clamp(16px,2vw,20px);line-height:1.95}
.consultation-hero-copy .eyebrow{color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18)}
.consultation-hero-copy .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.44);background:rgba(255,255,255,.07)}
.consultation-process-card{display:grid;gap:16px;padding:clamp(20px,4vw,34px);border:1px solid rgba(255,255,255,.17);border-radius:28px;background:rgba(255,255,255,.1);box-shadow:0 24px 55px rgba(0,0,0,.2);backdrop-filter:blur(16px);color:#fff}
.consultation-process-card .kpi-icon{color:#fff;background:rgba(255,255,255,.14)}
.consultation-process-card h2{margin:0;color:#fff}
.consultation-process-card b{display:block;color:#fff}.consultation-process-card small{color:rgba(255,255,255,.72);line-height:1.6}
.consultation-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:consultation-step}
.consultation-process-card .consultation-steps{grid-template-columns:1fr;margin:0;padding:0;list-style:none}
.consultation-steps article,.consultation-steps li{counter-increment:consultation-step;position:relative;padding:24px 20px 20px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm)}
.consultation-process-card .consultation-steps li{padding:13px;padding-inline-start:60px;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.08);box-shadow:none}
.consultation-steps article::before,.consultation-steps li::before{content:counter(consultation-step);display:grid;place-items:center;width:38px;height:38px;margin-bottom:15px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-strong));font-weight:900}
.consultation-process-card .consultation-steps li::before{position:absolute;inset-block-start:13px;inset-inline-start:9px;margin:0;background:rgba(255,255,255,.15)}
.consultation-steps h3{margin:0 0 8px}.consultation-steps p{margin:0;color:var(--muted);line-height:1.75}
.consultation-trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.consultation-trust-row>span{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--footer-bg,#6395AC);font-weight:800}
.consultation-service-grid .card{height:100%}.consultation-cta-card{background:linear-gradient(135deg,var(--secondary),color-mix(in srgb,var(--primary) 65%,var(--secondary)));color:#fff}.consultation-cta-card h2{color:#fff}.consultation-cta-card p{color:rgba(255,255,255,.78)}
.consultation-request-layout,.consultation-detail-layout,.consultation-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,370px);gap:24px;align-items:start}
.consultation-request-form,.consultation-staff-create{display:grid;gap:0;overflow:hidden}
.form-section{padding:clamp(18px,3vw,28px);border-bottom:1px solid var(--border)}
.form-section:last-of-type{border-bottom:0}
.form-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.form-section-head h2,.form-section-head h3{margin:0 0 6px}.form-section-head p{margin:0;color:var(--muted)}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.consultation-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.payment-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.consultation-question-group,.consultation-question-list{display:grid;gap:16px}.consultation-question-group>.field,.consultation-question{padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}
.consultation-question-group .check-row{padding:8px 0}
.consultation-submit-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px clamp(18px,3vw,28px);background:var(--surface-2)}
.consultation-submit-bar p{margin:0;color:var(--muted);font-size:13px}
.consultation-form-aside{display:grid;gap:16px}.sticky-summary{position:sticky;top:96px;display:grid;gap:14px}
.sticky-summary h3{margin:0}.sticky-summary .btn{margin-top:4px}
.consultation-customer-list{display:grid;gap:14px}
.consultation-customer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);transition:transform .18s,border-color .18s,box-shadow .18s}
.consultation-customer-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:var(--shadow-sm)}
.consultation-customer-card h3{margin:4px 0 7px}.consultation-customer-card p{margin:0;color:var(--muted)}
.consultation-card-status{display:grid;justify-items:end;align-content:space-between;gap:12px;text-align:left}
.consultation-detail-main,.consultation-detail-side{display:grid;gap:18px}
.consultation-detail-side{position:sticky;top:92px}
.consultation-answer-list,.consultation-task-list{display:grid;gap:11px}
.consultation-answer-list>div,.consultation-task-list>article{padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.consultation-answer-list b,.consultation-task-list h4{display:block;margin:0 0 6px;color:var(--secondary)}
.consultation-answer-list p,.consultation-task-list p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.solution-panel{border-inline-start:5px solid #6b3fe5}.consultation-solution-copy{white-space:pre-wrap;line-height:1.95;overflow-wrap:anywhere}
.consultation-total{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px;border-radius:14px;background:var(--primary-soft)}
.consultation-total strong{font-size:20px;color:var(--primary)}
.consultation-admin-actions{display:grid;gap:18px}.consultation-admin-actions>.admin-card{margin:0}
.consultation-table td{vertical-align:middle}
.consultation-table .status-badge{white-space:nowrap}
[data-consultation-existing-fields][hidden],[data-consultation-custom-fields][hidden],[data-consultation-payment-fields][hidden],[data-consultation-questions][hidden]{display:none!important}

@media screen and (max-width:1100px){
    .consultation-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)}
    .consultation-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
    .payment-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:900px){
    .consultation-hero-grid,.consultation-request-layout,.consultation-detail-layout,.consultation-admin-layout{grid-template-columns:1fr}
    .consultation-process-card .consultation-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
    .consultation-detail-side,.sticky-summary{position:static}
    .consultation-admin-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:768px){
    .consultation-hero{padding:52px 0}
    .consultation-steps,.consultation-process-card .consultation-steps,.consultation-trust-row,.choice-grid,.consultation-type-grid,.payment-choice-grid{grid-template-columns:1fr}
    .consultation-submit-bar,.form-section-head{align-items:stretch;flex-direction:column}
    .consultation-submit-bar .btn{width:100%}
    .consultation-admin-actions{grid-template-columns:1fr}
    .consultation-customer-card{grid-template-columns:1fr}
    .consultation-card-status{justify-items:start;text-align:right}
}
@media screen and (max-width:520px){
    .consultation-hero-copy h1{font-size:clamp(31px,10vw,43px)}
    .consultation-process-card,.form-section{padding:15px;border-radius:18px}
    .consultation-request-form{border-radius:16px}
    .consultation-question-group>.field,.consultation-answer-list>div,.consultation-task-list>article{padding:12px}
    .consultation-total{align-items:flex-start;flex-direction:column}
    .consultation-total strong{font-size:18px}
}

/* ======================================================================
   V10.8 — طبقة الاستجابة النهائية وفحص النظام
   توضع في نهاية الملف لتوحيد السلوك بعد التنسيقات التاريخية للصفحات.
====================================================================== */
:root{
    --mobile-edge:clamp(10px,3vw,20px);
    --mobile-radius:clamp(14px,3vw,20px);
}

html,body{min-height:100%;width:100%;max-width:100%;overflow-x:hidden}
@supports(overflow-x:clip){html,body{overflow-x:clip}}
body.no-scroll{overflow:hidden!important;touch-action:none}

:where(.admin-main,.admin-content-wrap,.container,.panel,.admin-card,.card,.form-card,.field,.page-heading,.panel-head,.section-head,.actions,.d-flex,.grid,.form-grid,.table-wrap,.health-check)>*{min-width:0}
:where(h1,h2,h3,h4,h5,h6,p,li,dd,dt,label,a,b,strong,small,span,td,th){overflow-wrap:anywhere;word-break:normal}
:where(img,video,picture,canvas,iframe,svg){max-width:100%}
img,video{height:auto}
iframe{width:100%;border:0}
fieldset{min-width:0;max-width:100%}
input,select,textarea{min-width:0;max-width:100%}
.field>input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.field>select,.field>textarea{width:100%}
input[type="file"]{width:100%;font-size:13px}
input[type="file"]::file-selector-button{max-width:100%;margin-inline-end:10px;white-space:normal}

.table-wrap{position:relative;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin}
.table-wrap:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 24%,transparent);outline-offset:2px}
.table{max-width:none}
.table td .actions,.table td .d-flex{flex-wrap:wrap}
.table td img,.table td video{max-width:none}

.admin-search input,.search-input{min-width:0}
.actions,.admin-top-actions,.hero-actions,.panel-actions,.form-actions,.invoice-toolbar{max-width:100%}
.btn{max-width:100%;white-space:normal;text-align:center;line-height:1.45}
.badge,.status-badge{max-width:100%;white-space:normal;text-align:center}

/* صفحة فحص النظام */
.health-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:22px;padding:clamp(22px,4vw,34px);border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm)}
.health-hero.is-healthy{border-color:color-mix(in srgb,var(--success) 38%,var(--border));background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--success) 7%,var(--surface)))}
.health-hero.needs-attention{border-color:color-mix(in srgb,var(--warning) 42%,var(--border));background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--warning) 8%,var(--surface)))}
.health-hero h2{margin:12px 0 8px;font-size:clamp(24px,4vw,36px)}
.health-hero p{max-width:760px;margin:0;color:var(--muted);line-height:1.9}
.health-score{width:142px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--surface);border:10px solid color-mix(in srgb,var(--primary) 22%,var(--border));box-shadow:var(--shadow-sm)}
.health-score strong{font-size:28px;color:var(--primary)}
.health-score span{font-size:11px;color:var(--muted)}
.health-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.health-summary-card{display:grid;gap:8px;padding:18px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-sm)}
.health-summary-card small{color:var(--muted)}
.health-summary-card strong{font-size:22px;color:var(--secondary)}
.health-panel-head p{margin:5px 0 0;color:var(--muted)}
.health-check-list{display:grid;gap:10px}
.health-check{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}
.health-check.ok{border-color:color-mix(in srgb,var(--success) 24%,var(--border))}
.health-check.failed{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));background:color-mix(in srgb,var(--danger) 4%,var(--surface))}
.health-check-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--success-soft);color:var(--success);font-weight:900}
.health-check.failed .health-check-icon{background:var(--danger-soft);color:var(--danger)}
.health-check b{display:block;margin-bottom:4px}
.health-check p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.health-guidance p{margin-bottom:0;color:var(--muted);line-height:2}

/* شاشات اللابتوب والآيباد */
@media screen and (max-width:1180px){
    .admin-main{padding-inline:18px}
    .health-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .grid.cols-4,.cards-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media screen and (max-width:1024px){
    .container{width:calc(100% - 28px)}
    .admin-grid,.admin-grid.two,.details-grid,.profile-layout,.service-detail-layout,.work-detail-layout,.portfolio-admin-layout,.order-admin-layout,.order-details-layout,.consultation-request-layout,.consultation-detail-layout,.consultation-admin-layout,.ad-details-horizontal{grid-template-columns:minmax(0,1fr)!important}
    :where(.sticky-summary,.profile-summary-card,.consultation-detail-side,.order-admin-side,.service-detail-side){position:static!important;top:auto!important}
    .admin-search{max-width:320px}
    .health-hero{grid-template-columns:minmax(0,1fr) auto}
}

/* القائمة العامة ولوحة الإدارة على الجوال والآيباد الصغير */
@media screen and (max-width:900px){
    body.public-body{padding-top:72px}
    .site-header{height:auto;min-height:72px}
    .nav-wrap{min-height:72px}
    .main-nav{top:calc(100% + 8px);right:var(--mobile-edge);left:var(--mobile-edge);width:auto;max-width:none;max-height:calc(100dvh - 94px);padding-bottom:max(14px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
    .main-nav>a,.main-nav>.btn{width:100%;justify-content:flex-start;text-align:right}
    .main-nav .btn{display:flex}
    .admin-sidebar{padding-bottom:max(24px,env(safe-area-inset-bottom))}
    .admin-topbar{min-height:72px;padding-inline:14px}
    .admin-search{display:none!important}
    .admin-content-wrap{padding-top:72px!important}
    .admin-main{padding:18px 14px 34px}
    .admin-title-block p{display:none}
    .user-copy{display:none}
    .user-menu{padding:0;border:0;background:transparent}
    .admin-top-actions{gap:7px}
    .panel-head,.page-heading,.section-head,.chart-head{gap:14px}
    .panel-head>.actions,.page-heading>.actions,.section-head>.actions{width:100%}
    .health-check{grid-template-columns:auto minmax(0,1fr)}
    .health-check>.status-badge{grid-column:2;justify-self:start}
}

@media screen and (max-width:768px){
    .container{width:calc(100% - 22px)}
    .section{padding:42px 0}
    .page-hero{padding:38px 0}
    .form-card{width:calc(100% - 20px);margin:24px auto;padding:18px}
    .panel,.admin-card,.settings-section,.card-body{border-radius:var(--mobile-radius)}
    .form-grid,.form-grid.cols-3,.filter-bar,.report-filter-grid,.choice-grid,.selection-card-grid,.payment-choice-grid,.technical-service-summary,.service-request-facts,.reset-grid,.appearance-choice-grid,.ad-channel-grid,.ad-order-row-grid,.consultation-service-grid{grid-template-columns:minmax(0,1fr)!important}
    .full,.form-grid>.full,.form-grid.cols-3>.full{grid-column:auto!important}
    .panel-head,.page-heading,.section-head,.chart-head,.form-section-head,.consultation-submit-bar,.selected-service-box,.requested-service-banner,.order-service-preview-head,.ad-details-horizontal{align-items:stretch;flex-direction:column}
    .panel-head>.actions,.page-heading>.actions,.form-actions,.consultation-submit-bar>.actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
    .panel-head>.actions>.btn,.page-heading>.actions>.btn,.form-actions>.btn,.consultation-submit-bar .btn{width:100%}
    .health-hero{grid-template-columns:minmax(0,1fr);text-align:center}
    .health-score{width:126px;margin-inline:auto}
    .health-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .health-panel-head .actions{display:grid;grid-template-columns:1fr;width:100%}
    .health-panel-head .btn{width:100%}
    .table{min-width:660px}
    .table th,.table td{padding:11px 12px;font-size:13px}
    .table-wrap.is-scrollable::after{content:"اسحب الجدول أفقياً لعرض بقية البيانات";position:sticky;right:8px;bottom:6px;display:block;width:max-content;margin:6px 8px 8px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--secondary) 86%,transparent);color:#fff;font-size:10px;pointer-events:none}
    .service-gallery-main,.work-gallery-main{height:clamp(230px,62vw,390px)}
    .media-admin-grid,.attachment-grid,.attachment-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ad-order-row-actions,.attachment-actions{flex-wrap:wrap}
    dialog{width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(100dvh - 20px);margin:auto;border-radius:18px}
}

@media screen and (max-width:560px){
    .container{width:calc(100% - 18px)}
    .brand-copy small{display:none}
    .brand-copy b{max-width:min(48vw,180px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .admin-topbar{padding-inline:9px}
    .admin-title-block h1{font-size:16px}
    .admin-main{padding:14px 9px 28px}
    .admin-card,.panel,.settings-section,.form-card,.card-body,.form-section{padding:14px}
    .health-summary-grid{grid-template-columns:minmax(0,1fr)}
    .health-check{padding:12px;gap:10px}
    .health-check-icon{width:34px;height:34px}
    .hero-actions,.invoice-toolbar,.portfolio-form-actions,.actions.mobile-stack{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
    .hero-actions>.btn,.invoice-toolbar>*,.portfolio-form-actions>.btn{width:100%}
    .btn-lg{min-height:48px;padding:11px 16px}
    .table{min-width:620px}
    .table th,.table td{padding:10px;font-size:12px}
    .service-thumbs,.work-thumbs,.media-admin-grid,.attachment-grid,.attachment-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .push-permission-card{right:9px!important;left:9px!important;bottom:max(9px,env(safe-area-inset-bottom))!important;width:auto;max-width:none!important}
    .toast{right:9px;left:9px;max-width:none;min-width:0}
    .compact-invoice-table{min-width:520px}
}

@media screen and (max-width:420px){
    .container{width:calc(100% - 14px)}
    .nav-wrap{padding-inline:0}
    .brand-logo{width:40px;height:40px;min-width:40px}
    .brand-copy b{max-width:45vw;font-size:13px}
    .menu-toggle,.admin-mobile-toggle,.top-icon{width:40px;height:40px;min-width:40px}
    .admin-title-block h1{max-width:44vw}
    .admin-main{padding-inline:7px}
    .admin-card,.panel,.settings-section,.form-card,.card-body,.form-section{padding:12px;border-radius:14px}
    .health-hero{padding:18px 13px;border-radius:18px}
    .health-score{width:112px;border-width:8px}
    .health-score strong{font-size:24px}
    .health-check{grid-template-columns:minmax(0,1fr)}
    .health-check-icon{margin-inline:auto}
    .health-check>div{text-align:center}
    .health-check>.status-badge{grid-column:auto;justify-self:center}
    .service-thumbs,.work-thumbs,.media-admin-grid,.attachment-grid,.attachment-grid.compact-grid{grid-template-columns:minmax(0,1fr)}
    .table{min-width:580px}
    .actions:not(.keep-inline){display:grid;grid-template-columns:minmax(0,1fr);width:100%}
    .actions:not(.keep-inline)>.btn,.actions:not(.keep-inline)>form,.actions:not(.keep-inline)>form>.btn{width:100%}
    .ad-slider{min-height:520px}
    .ad-slide{padding:14px}
}

@media print{
    .health-hero,.health-summary-grid,.health-check,.health-guidance{box-shadow:none!important}
    .table-wrap.is-scrollable::after{display:none!important}
}

/* ===== V10.9 — dynamic department/service fields and final responsive pass ===== */
.standard-field-settings-grid,
.department-field-importer,
.department-field-editor,
.dynamic-field-editor{min-width:0}
.standard-field-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.standard-field-setting-card{min-width:0;padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}
.standard-field-setting-card .form-grid{margin-top:12px}
.department-field-importer{padding:15px;border:1px dashed color-mix(in srgb,var(--primary) 40%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}
.department-field-importer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.department-field-importer-list .check-row{min-width:0;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.dynamic-field-width-full{grid-column:1/-1}
.dynamic-field-width-half{grid-column:auto}
.dynamic-field-width-third{grid-column:auto}
.dynamic-file-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.file-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--primary);text-decoration:none;font-size:12px;overflow-wrap:anywhere}
.file-chip svg{width:16px;height:16px;flex:0 0 auto}
[data-condition-key][hidden],
[data-service-standard][hidden],
[data-dynamic-service-field][hidden]{display:none!important}

/* Notifications remain horizontal; text wraps as complete words instead of vertical letters. */
.toast{flex-direction:row!important;justify-content:flex-start;white-space:normal;line-height:1.65;overflow-wrap:break-word;word-break:normal;text-align:start}
.toast>.toast-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center}
.toast>.toast-message{width:auto;height:auto;min-width:0;flex:1;display:block;background:transparent;border-radius:0;font-weight:700;overflow-wrap:break-word;word-break:normal;writing-mode:horizontal-tb}
.notification-item{display:flex!important;flex-direction:row!important;align-items:flex-start!important;min-width:0}
.notification-item>div{min-width:0;flex:1}
.notification-item :where(b,p,small){white-space:normal;overflow-wrap:break-word;word-break:normal}
.notification-item p{max-width:100%}

/* Orders status navigation: horizontal scrolling on narrow screens instead of squeezed text. */
.status-tabs,
.order-status-tabs{display:flex;align-items:stretch;gap:9px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 2px 7px;margin-bottom:18px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.status-tab,
.order-status-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1 0 145px;min-width:145px;max-width:230px;padding:11px 13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);text-decoration:none;scroll-snap-align:start;white-space:normal;overflow-wrap:normal;word-break:normal}
.status-tab span,
.order-status-tab span{min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.45;word-break:normal;overflow-wrap:break-word}
.status-tab b,
.order-status-tab b{flex:0 0 auto;min-width:28px;height:28px;padding-inline:7px;border-radius:999px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-size:12px}
.status-tab.active,
.order-status-tab.active{border-color:var(--primary);color:var(--primary);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 10%,transparent)}
.status-tab.active b,
.order-status-tab.active b{background:var(--primary);color:#fff}

/* Final order/consultation layout guards. */
.order-request-form,
.consultation-staff-create,
.consultation-request-form,
[data-staff-order-form]{min-width:0;max-width:100%}
.order-request-form>.field,
[data-staff-order-form]>.field,
.service-dynamic-order-fields>.field{min-width:0}
.order-service-preview,
.selected-work-reference,
.requested-service-banner{min-width:0;max-width:100%;overflow:hidden}
.order-service-preview :where(h1,h2,h3,p,small,b,strong),
.order-summary-grid :where(h1,h2,h3,p,small,b,strong){overflow-wrap:break-word;word-break:normal}
.admin-main,.admin-content-wrap,.admin-card,.panel{min-width:0}

@media screen and (min-width:769px) and (max-width:1100px){
    .standard-field-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .department-field-importer-list{grid-template-columns:repeat(2,minmax(0,1fr))}
    .service-dynamic-order-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dynamic-field-width-third{grid-column:auto}
}

@media screen and (max-width:768px){
    .standard-field-settings-grid,
    .department-field-importer-list,
    .service-dynamic-order-fields{grid-template-columns:minmax(0,1fr)!important}
    .dynamic-field-width-full,
    .dynamic-field-width-half,
    .dynamic-field-width-third{grid-column:auto!important}
    .status-tabs,.order-status-tabs{margin-inline:-2px;padding-inline:2px}
    .status-tab,.order-status-tab{flex-basis:152px;min-width:152px;max-width:190px}
    .toast{top:78px;right:10px;left:10px;max-width:none;min-width:0;padding:12px 13px;gap:9px}
    .notification-item{padding:12px;gap:10px}
    .notification-dot{margin-top:6px}
    .order-page-heading,.order-admin-heading{gap:12px}
    .order-page-heading>.d-flex,.order-admin-heading>.d-flex{display:grid;width:100%;grid-template-columns:minmax(0,1fr)}
    .order-page-heading>.d-flex>*,.order-admin-heading>.d-flex>*{width:100%}
}

@media screen and (max-width:520px){
    .status-tab,.order-status-tab{flex-basis:142px;min-width:142px;padding:10px 11px}
    .toast{font-size:13px}
    .toast>.toast-icon{width:23px;height:23px;flex-basis:23px}
    .notification-item{border-radius:12px}
    .notification-item b{font-size:13px;line-height:1.55}
    .notification-item p,.notification-item small{font-size:12px;line-height:1.65}
    .file-chip{width:100%;border-radius:11px;justify-content:flex-start}
    .department-field-importer,.standard-field-setting-card{padding:12px}
}
.service-initial-property-picker{min-width:0;padding:15px;border:1px dashed color-mix(in srgb,var(--primary) 40%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}
.service-initial-property-picker .permission-item.is-imported{opacity:.72;background:color-mix(in srgb,var(--success) 7%,var(--surface));border-color:color-mix(in srgb,var(--success) 28%,var(--border))}
.service-initial-property-picker .permission-item.is-imported input{accent-color:var(--success)}
@media screen and (max-width:768px){.service-initial-property-picker{padding:12px}.service-initial-property-picker .technical-fields-head{align-items:stretch;flex-direction:column}.service-initial-property-picker [data-toggle-initial-fields]{width:100%}}

/* ===== V11.0 — recruitment, FAQ archive and cross-device notification layouts ===== */
.hp-field{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}

/* Public jobs */
.jobs-search-bar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:end;gap:12px;margin-bottom:22px;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}
.jobs-search-bar .field{margin:0;min-width:0}
.job-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.job-public-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.job-public-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));box-shadow:var(--shadow)}
.job-public-media{aspect-ratio:16/9;overflow:hidden;background:var(--surface-2)}
.job-public-media img{width:100%;height:100%;object-fit:cover;display:block}
.job-public-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:11px;padding:18px;min-width:0}
.job-public-body h3{margin:0;font-size:20px;overflow-wrap:break-word}
.job-public-body p{margin:0;color:var(--muted);line-height:1.8;overflow-wrap:break-word}
.job-public-body .btn{margin-top:auto}
.job-period{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px 12px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:13px;line-height:1.6}
.job-period svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px;color:var(--primary)}
.job-apply-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:22px;align-items:start}
.job-description-card,.job-application-card{min-width:0}
.job-application-card{position:sticky;top:96px}
.job-detail-image{display:block;width:100%;max-height:390px;object-fit:cover;border-radius:15px;margin-bottom:18px;background:var(--surface-2)}
.job-description-copy{font-size:15px;line-height:2;white-space:normal;overflow-wrap:break-word}
.job-deadline{margin-bottom:16px}

/* Vacancy management */
.job-list-management{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:20px;align-items:start}
.job-editor-card{position:sticky;top:92px;min-width:0}
.job-admin-list{display:grid;gap:13px}
.job-admin-card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:15px;align-items:center;min-width:0;padding:14px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}
.job-admin-card.is-archived{opacity:.82;background:var(--surface-2)}
.job-admin-media{width:96px;height:78px;border-radius:13px;overflow:hidden;background:var(--surface-2)}
.job-admin-media img{width:100%;height:100%;object-fit:cover;display:block}
.job-admin-content{min-width:0}
.job-admin-content h3{margin:3px 0 5px;overflow-wrap:break-word}
.job-admin-content p{margin:0;color:var(--muted);line-height:1.65;overflow-wrap:break-word}
.job-admin-meta{display:flex;align-items:center;gap:7px 13px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:12px}
.job-admin-meta span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.job-admin-meta svg{width:16px;height:16px;flex:0 0 auto}
.job-admin-card>.table-actions{justify-content:flex-end;max-width:260px}

/* Job applications */
.job-application-list{display:grid;gap:12px;margin-top:18px}
.job-application-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.job-applicant-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:20px;font-weight:900}
.job-application-main{min-width:0}
.job-application-main header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}
.job-application-main h3{margin:2px 0 3px;overflow-wrap:break-word}
.job-application-main p{margin:0;color:var(--muted);overflow-wrap:break-word}
.job-application-meta{display:flex;align-items:center;gap:8px 15px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:12px}
.job-application-meta span{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere}
.job-application-meta svg{width:15px;height:15px;flex:0 0 auto}
.job-application-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,380px);gap:20px;align-items:start}
.job-application-detail-main,.job-application-actions{display:grid;gap:18px;min-width:0}
.job-application-actions{position:sticky;top:92px}
.cv-preview-card iframe{display:block;width:100%;height:min(72vh,820px);min-height:520px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.confirm-hiring-card{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 4%,var(--surface))}

/* FAQ management and responsive table cards */
.faq-editor-card{margin-bottom:18px}
.faq-tabs{margin-bottom:14px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.faq-filter-bar{margin-bottom:16px}
.faq-table td:first-child{min-width:300px;max-width:620px}
.faq-table .table-actions{flex-wrap:wrap}

/* Notifications and messages must remain horizontal at every viewport width. */
.notification-list{min-width:0}
.notification-item{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-auto-flow:column;align-items:start!important;width:100%;min-width:0;writing-mode:horizontal-tb!important;text-orientation:mixed!important}
.notification-item>div{display:block!important;min-width:0!important;width:auto!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}
.notification-item :where(b,p,small,span){writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;line-break:auto!important}
.notification-item>.d-flex{display:flex!important;width:auto!important;min-width:max-content!important;align-self:center}
.toast{display:flex!important;flex-direction:row!important;align-items:flex-start!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}
.toast-message{min-width:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}

@media screen and (max-width:1180px){
    .job-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .job-list-management{grid-template-columns:minmax(0,340px) minmax(0,1fr)}
}

@media screen and (max-width:900px){
    .job-list-management,.job-application-detail-layout{grid-template-columns:minmax(0,1fr)}
    .job-editor-card,.job-application-actions{position:static}
    .job-admin-card{grid-template-columns:86px minmax(0,1fr)}
    .job-admin-media{width:86px;height:72px}
    .job-admin-card>.table-actions{grid-column:1/-1;max-width:none;justify-content:flex-start}
    .job-apply-layout{grid-template-columns:minmax(0,1fr)}
    .job-application-card{position:static}
}

@media screen and (max-width:720px){
    .jobs-search-bar{grid-template-columns:minmax(0,1fr)}
    .jobs-search-bar>.btn{width:100%}
    .job-public-grid{grid-template-columns:minmax(0,1fr);gap:14px}
    .job-public-body{padding:15px}
    .job-detail-image{max-height:280px}
    .job-application-row{grid-template-columns:42px minmax(0,1fr);align-items:start;padding:12px}
    .job-applicant-avatar{width:42px;height:42px;border-radius:13px;font-size:17px}
    .job-application-main header{flex-direction:column;gap:7px}
    .job-application-row>.btn{grid-column:1/-1;width:100%}
    .job-application-meta{display:grid;grid-template-columns:minmax(0,1fr)}
    .cv-preview-card iframe{height:62vh;min-height:420px}
    .notification-item{grid-template-columns:auto minmax(0,1fr)!important;grid-auto-flow:row!important;gap:10px!important}
    .notification-item>.d-flex{grid-column:1/-1;width:100%!important;min-width:0!important;justify-content:flex-start}
    .faq-table.responsive-data-table{min-width:0!important}
    .faq-table.responsive-data-table thead{display:none}
    .faq-table.responsive-data-table,.faq-table.responsive-data-table tbody,.faq-table.responsive-data-table tr,.faq-table.responsive-data-table td{display:block;width:100%}
    .faq-table.responsive-data-table tr{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:11px}
    .faq-table.responsive-data-table td{display:grid;grid-template-columns:minmax(92px,auto) minmax(0,1fr);gap:10px;border:0!important;padding:7px 0!important;min-width:0!important;max-width:none!important;text-align:start!important}
    .faq-table.responsive-data-table td::before{content:attr(data-label);font-weight:800;color:var(--muted);font-size:12px}
    .faq-table.responsive-data-table td:first-child{grid-template-columns:minmax(0,1fr)}
    .faq-table.responsive-data-table td:first-child::before{margin-bottom:2px}
    .faq-table.responsive-data-table .table-actions{justify-content:flex-start}
}

@media screen and (max-width:520px){
    .job-admin-card{grid-template-columns:68px minmax(0,1fr);gap:11px;padding:11px}
    .job-admin-media{width:68px;height:62px;border-radius:11px}
    .job-admin-card>.table-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
    .job-admin-card>.table-actions>*,.job-admin-card>.table-actions form,.job-admin-card>.table-actions .btn{width:100%}
    .job-public-body h3{font-size:18px}
    .job-application-row{grid-template-columns:minmax(0,1fr)}
    .job-applicant-avatar{display:none}
    .job-application-row>.btn{grid-column:auto}
    .cv-preview-card iframe{height:56vh;min-height:360px}
    .notification-item{padding:11px!important}
    .notification-item b{font-size:13px;line-height:1.6}
    .notification-item p,.notification-item small{font-size:12px;line-height:1.7}
}
/* Vacancy list markup uses one full-width management panel; keep controls stacked above cards. */
.job-list-management{display:block!important}
.job-editor-card{position:static!important}
.job-admin-content>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}
.job-admin-content>header>div{min-width:0}
.job-admin-content>footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.job-admin-content>footer form{margin:0}
@media screen and (max-width:520px){
    .job-admin-content>header{flex-direction:column;gap:6px}
    .job-admin-content>footer{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
    .job-admin-content>footer>*,.job-admin-content>footer form,.job-admin-content>footer .btn{width:100%}
}

/* ===== V11.1 — developer console, maintenance and responsive operation logs ===== */
.maintenance-body{min-height:100vh;margin:0;background:radial-gradient(circle at top right,rgba(7,91,130,.12),transparent 34%),var(--page-bg,#f4f7fb);color:var(--text,#0b1f44)}
.maintenance-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(16px,5vw,48px)}
.maintenance-card{width:min(100%,680px);background:var(--surface,#fff);border:1px solid var(--border,#dfe7f2);border-radius:clamp(20px,4vw,30px);padding:clamp(22px,5vw,44px);box-shadow:0 24px 70px rgba(8,38,88,.14);text-align:center;overflow-wrap:anywhere}
.maintenance-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:26px}.maintenance-brand .brand-logo{width:54px;height:54px}.maintenance-brand div{display:grid;text-align:start}.maintenance-brand b{font-size:18px}.maintenance-brand small{color:var(--muted)}
.maintenance-symbol{width:62px;height:62px;margin:0 auto 14px;display:grid;place-items:center;border-radius:20px;background:var(--danger-soft,#ffebee);color:var(--danger,#c92e43);font-size:30px;font-weight:900}
.maintenance-card h1{font-size:clamp(28px,6vw,46px);line-height:1.25;margin:16px 0 12px}.maintenance-message{max-width:560px;margin:0 auto 22px;color:var(--muted);font-size:clamp(15px,2.4vw,18px);line-height:1.9}
.maintenance-return,.maintenance-contact{display:grid;gap:8px;padding:16px;margin:14px 0;border:1px solid var(--border);border-radius:16px;background:var(--surface-alt,#f7f9fd)}.maintenance-return span,.maintenance-contact span{color:var(--muted)}.maintenance-return strong{font-size:20px}.maintenance-contact .actions{justify-content:center;flex-wrap:wrap}
.developer-status-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.developer-status-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.developer-status-strip p{grid-column:2;margin:4px 0 0;color:var(--muted)}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--success);box-shadow:0 0 0 6px var(--success-soft)}.developer-status-strip.is-offline .status-dot{background:var(--danger);box-shadow:0 0 0 6px var(--danger-soft)}
.maintenance-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.maintenance-switches .permission-item{align-items:flex-start}.maintenance-switches .permission-item span{display:grid;gap:4px}.maintenance-switches small{color:var(--muted);line-height:1.6}.inline-fields{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(120px,1fr);gap:10px}
.logs-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.logs-filters .filter-actions{display:flex;align-items:end;gap:8px}.log-details,.log-uri{overflow-wrap:anywhere;word-break:break-word}.responsive-log-table td{vertical-align:top}
.developer-auth .auth-showcase{background:linear-gradient(145deg,var(--secondary),var(--primary-strong))}
@media(max-width:1024px){.logs-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-status-strip{align-items:flex-start}.developer-status-strip .btn{flex:0 0 auto}}
@media(max-width:720px){.maintenance-switches{grid-template-columns:1fr}.developer-status-strip{display:grid}.developer-status-strip .btn{width:100%}.logs-filters{grid-template-columns:1fr}.logs-filters .filter-actions{align-items:stretch;flex-wrap:wrap}.logs-filters .filter-actions>*{flex:1}.responsive-log-table thead{display:none}.responsive-log-table,.responsive-log-table tbody,.responsive-log-table tr,.responsive-log-table td{display:block;width:100%}.responsive-log-table tr{padding:12px 0;border-bottom:1px solid var(--border)}.responsive-log-table td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:10px;padding:8px 10px;border:0}.responsive-log-table td::before{content:attr(data-label);font-weight:800;color:var(--secondary)}.maintenance-contact .actions{display:grid}.maintenance-contact .btn{width:100%}}
@media(max-width:420px){.maintenance-shell{padding:10px}.maintenance-card{padding:20px 14px;border-radius:20px}.maintenance-brand{justify-content:flex-start}.maintenance-card h1{font-size:28px}.inline-fields{grid-template-columns:1fr}.responsive-log-table td{grid-template-columns:1fr}.responsive-log-table td::before{margin-bottom:2px}}

/* V11.1 targeted fix: full hero logo and complete public-header identity on every screen */
.site-header .brand{
    flex:0 0 auto;
    max-width:min(310px,calc(100vw - 96px));
}
.site-header .brand-logo{
    flex:0 0 auto;
    border-radius:50%;
}
.site-header .brand-logo img{
    display:block;
    width:100%;
    height:100%;
    padding:0;
    object-fit:contain;
    object-position:center;
    transform:scale(1.12);
}
.site-header .brand-copy{
    flex:0 1 auto;
    max-width:240px;
}
.site-header .brand-copy b,
.site-header .brand-copy small{
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:normal;
    word-break:normal;
}
.site-header .brand-copy b{
    white-space:nowrap;
    line-height:1.25;
}
.site-header .brand-copy small{
    display:block;
    white-space:nowrap;
    line-height:1.45;
}
.site-header .main-nav{
    min-width:0;
}
.site-header .main-nav>a:not(.btn){
    flex:0 0 auto;
    white-space:nowrap;
    overflow-wrap:normal;
    word-break:normal;
}
.hero-art-inner{
    box-sizing:border-box;
    padding:clamp(16px,4.5%,28px);
}
.hero-art img{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    transform:rotate(2deg);
}

/* Use the menu before header text starts competing for space on small laptops/tablets. */
@media screen and (min-width:1025px) and (max-width:1180px){
    .site-header .main-nav{
        position:fixed;
        top:82px;
        right:20px;
        left:20px;
        display:none;
        max-height:calc(100dvh - 102px);
        padding:15px;
        border:1px solid var(--border);
        border-radius:17px;
        background:#fff;
        box-shadow:var(--shadow-lg);
        flex-direction:column;
        align-items:stretch;
        overflow-y:auto;
        overscroll-behavior:contain;
    }
    .site-header .main-nav.open{display:flex}
    .site-header .main-nav>a,
    .site-header .main-nav>.btn{
        width:100%;
        justify-content:flex-start;
        text-align:right;
    }
    .site-header .menu-toggle{display:inline-flex}
}

@media screen and (max-width:900px){
    body.public-body{padding-top:82px}
    .site-header{min-height:82px}
    .site-header .nav-wrap{
        min-height:82px;
        padding-block:6px;
    }
    .site-header .brand{
        gap:9px;
        max-width:calc(100vw - 84px);
    }
    .site-header .brand-copy{
        max-width:calc(100vw - 148px);
    }
    .site-header .brand-copy b{
        font-size:13px;
    }
    .site-header .brand-copy small{
        display:block;
        max-width:100%;
        font-size:10px;
        white-space:normal;
        line-height:1.3;
        text-wrap:balance;
        overflow-wrap:anywhere;
    }
    .site-header .main-nav{top:calc(100% + 8px)}
}

@media screen and (max-width:520px){
    .site-header .brand-logo{
        width:45px;
        height:45px;
    }
    .site-header .brand-copy{
        max-width:calc(100vw - 142px);
    }
    .site-header .brand-copy b{
        font-size:12px;
    }
    .site-header .brand-copy small{
        display:block;
        font-size:9.5px;
    }
    .hero-art-inner{
        padding:16px;
    }
}


/* ===== V11.3 — unified appearance controls, responsive homepage and one-time motion ===== */
body{font-weight:var(--body-font-weight,400)}
h1,h2,h3,h4,h5,h6,.brand-copy b,.page-heading h2,.panel-head h3,.section-head h2,.section-head-center h2,.hero h1{font-weight:var(--heading-font-weight,800)}
.site-header .brand-copy b{font-weight:var(--heading-font-weight,800)}
.site-header{background:color-mix(in srgb,var(--header-bg,#fff) 94%,transparent);border-bottom-color:var(--border)}
.site-header .brand-copy b,.site-header .main-nav>a:not(.btn){color:var(--header-text,var(--text))}
.site-header .main-nav>a:not(.btn){font-size:var(--header-font-size,14px);font-weight:var(--header-font-weight,700)}
.site-header .menu-toggle{background:var(--header-bg,#fff);color:var(--header-text,var(--secondary))}
.hero{background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 32%),radial-gradient(circle at 85% 25%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 28%),linear-gradient(140deg,var(--hero-bg-start,#fff) 4%,var(--hero-bg-end,#E7F2F4) 66%,var(--surface-2) 100%)}
.hero h1{font-size:clamp(40px,5.4vw,var(--hero-title-size,72px))}
.section-head h2,.section-head-center h2{font-size:clamp(29px,3vw,var(--section-title-size,42px))}
.surface-section,.section.alt{background:var(--surface-3)}
.site-footer{background:linear-gradient(150deg,var(--footer-bg,var(--secondary)),color-mix(in srgb,var(--footer-bg,var(--secondary)) 76%,#000));color:var(--footer-text,#fff);font-size:var(--footer-font-size,15px)}
.site-footer a,.site-footer h4,.site-footer .brand-copy b{color:var(--footer-text,#fff)}
.site-footer .brand-copy small,.site-footer p,.site-footer .copyright,.site-footer a{color:var(--footer-text,#fff)}
.admin-sidebar{background:linear-gradient(180deg,var(--secondary),var(--secondary-2))}
.admin-topbar,.admin-card,.settings-section,.card,.feature-card,.review-card,.faq-item{background-color:var(--surface)}

.home-page.motion-ready [data-reveal]{
    opacity:0;
    transform:translate3d(0,26px,0);
    filter:none;
    transform-origin:center;
    transition:
        opacity var(--home-motion-duration,720ms) cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),
        transform var(--home-motion-duration,720ms) cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),
        filter var(--home-motion-duration,720ms) ease var(--reveal-delay,0ms);
    will-change:opacity,transform,filter
}
body[data-motion-style="slide"] .home-page.motion-ready [data-reveal]{transform:translate3d(34px,0,0)}
body[data-motion-style="slide"] .home-page.motion-ready [data-reveal="left"]{transform:translate3d(-34px,0,0)}
body[data-motion-style="zoom"] .home-page.motion-ready [data-reveal]{transform:scale(.92)}
body[data-motion-style="fade_down"] .home-page.motion-ready [data-reveal]{transform:translate3d(0,-34px,0)}
body[data-motion-style="fade_right"] .home-page.motion-ready [data-reveal]{transform:translate3d(44px,0,0)}
body[data-motion-style="fade_left"] .home-page.motion-ready [data-reveal]{transform:translate3d(-44px,0,0)}
body[data-motion-style="flip"] .home-page.motion-ready [data-reveal]{transform:perspective(900px) rotateX(16deg) translate3d(0,18px,0);transform-origin:center bottom}
body[data-motion-style="blur"] .home-page.motion-ready [data-reveal]{transform:translate3d(0,12px,0) scale(.985);filter:blur(12px)}
body[data-motion-style="rise"] .home-page.motion-ready [data-reveal]{transform:translate3d(0,52px,0)}
body[data-motion-style="swing"] .home-page.motion-ready [data-reveal]{transform:translate3d(0,18px,0) rotate(3deg);transform-origin:center top}
body[data-motion-style="rotate"] .home-page.motion-ready [data-reveal]{transform:rotate(-5deg) scale(.95)}
body[data-motion-style="bounce"] .home-page.motion-ready [data-reveal]{transform:translate3d(0,42px,0) scale(.96);transition-timing-function:cubic-bezier(.17,.89,.32,1.24)}
.home-page.motion-ready [data-reveal].is-revealed{opacity:1;transform:none;filter:none;will-change:auto}
body[data-motion-enabled="1"] .home-page .hero-image-intro{animation:homeHeroCardIntro var(--home-motion-duration,720ms) cubic-bezier(.2,.78,.25,1) both}
body[data-motion-enabled="1"] .home-page .hero-image-intro img{animation:homeHeroImageIntro calc(var(--home-motion-duration,720ms) + 180ms) cubic-bezier(.2,.78,.25,1) both}
@keyframes homeHeroCardIntro{0%{opacity:0;transform:translateY(22px) rotate(-5deg) scale(.96)}100%{opacity:1;transform:rotate(-2deg) scale(1)}}
@keyframes homeHeroImageIntro{0%{opacity:0;transform:rotate(2deg) scale(.9)}100%{opacity:1;transform:rotate(2deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.home-page [data-reveal],.home-page .hero-image-intro,.home-page .hero-image-intro img{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}

.appearance-admin-form{display:grid;gap:20px}.appearance-control-card{display:grid;gap:18px}.appearance-control-card .panel-head{margin-bottom:0}.appearance-palette-preview{display:flex;gap:0}.appearance-palette-preview i{width:28px;height:28px;border-radius:50%;border:3px solid var(--surface);box-shadow:var(--shadow-sm)}.appearance-palette-preview i:nth-child(1){background:var(--primary)}.appearance-palette-preview i:nth-child(2){background:var(--secondary);margin-inline-start:-8px}.appearance-palette-preview i:nth-child(3){background:var(--surface-3);margin-inline-start:-8px}.color-control{display:grid;grid-template-columns:54px minmax(0,1fr);gap:9px;align-items:center}.color-control input[type="color"]{width:54px;height:48px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.color-control input[type="text"]{direction:ltr;text-align:center;text-transform:uppercase}.appearance-motion-note{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--muted)}.sticky-form-actions{position:sticky;bottom:14px;z-index:15;display:flex;justify-content:flex-end;gap:10px;padding:12px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-md);backdrop-filter:blur(14px)}
.reset-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reset-module-option{position:relative;display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.reset-module-option:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.reset-module-option input{margin-top:5px}.reset-module-option span{display:grid;gap:3px;min-width:0}.reset-module-option small{color:var(--muted);line-height:1.55}.reset-module-group{grid-column:1/-1;margin:8px 0 0;font-weight:850;color:var(--secondary)}.selective-reset-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.selective-reset-actions{display:flex;gap:8px;flex-wrap:wrap}.selective-reset-confirm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:16px}
@media(max-width:900px){.reset-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-form-actions{position:static}}
@media(max-width:600px){.reset-module-grid{grid-template-columns:1fr}.sticky-form-actions,.selective-reset-confirm{grid-template-columns:1fr;display:grid}.sticky-form-actions>*{width:100%}.color-control{grid-template-columns:48px minmax(0,1fr)}.color-control input[type="color"]{width:48px}.appearance-control-card{padding:16px}}

.site-header .brand-copy small{color:var(--header-text);opacity:.72}


/* ===== V11.3 — targeted homepage mobile refinement ===== */
.home-page{max-width:100%;overflow-x:clip}
@media screen and (max-width:620px){
    .home-page .hero{padding-block:30px 42px}
    .home-page .hero-grid{
        width:100%;
        grid-template-columns:minmax(0,1fr);
        gap:34px;
        align-items:start;
    }
    .home-page .hero-copy{
        width:100%;
        max-width:none;
        margin-inline:0;
        padding-inline:2px;
        text-align:center;
    }
    .home-page .eyebrow{
        max-width:100%;
        justify-content:center;
        white-space:normal;
        line-height:1.55;
        text-align:center;
    }
    .home-page .hero h1{
        max-width:100%;
        margin:16px auto 14px;
        font-size:clamp(29px,9.2vw,40px);
        line-height:1.28;
        letter-spacing:-.35px;
        text-wrap:balance;
        overflow-wrap:normal;
        word-break:normal;
    }
    .home-page .hero p{
        width:100%;
        max-width:36rem;
        margin:0 auto 21px;
        font-size:14.5px;
        line-height:1.9;
        text-wrap:pretty;
        overflow-wrap:normal;
        word-break:normal;
    }
    .home-page .hero-actions{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
        max-width:380px;
        margin-inline:auto;
        gap:10px;
    }
    .home-page .hero-actions .btn{
        width:100%;
        min-height:48px;
        padding:10px 16px;
    }
    .home-page .hero-meta{
        display:grid;
        grid-template-columns:1fr;
        justify-items:start;
        width:min(100%,330px);
        margin:20px auto 0;
        gap:9px;
        text-align:right;
        line-height:1.6;
    }
    .home-page .hero-meta span{
        width:100%;
        justify-content:flex-start;
    }
    .home-page .hero-visual{
        width:100%;
        min-height:0;
        padding:18px 20px 24px;
        overflow:visible;
    }
    .home-page .hero-art{
        width:min(72vw,300px);
        max-width:100%;
        margin-inline:auto;
        padding:12px;
        border-radius:30px;
        box-shadow:0 22px 52px rgba(11,54,126,.22);
    }
    .home-page .hero-art-inner{
        padding:14px;
        border-radius:21px;
    }
    .home-page .hero-art::before{
        width:58px;
        height:58px;
        inset:-16px auto auto -12px;
        border-radius:17px;
    }
    .home-page .hero-art::after{
        width:40px;
        height:40px;
        inset:auto -12px 24px auto;
        border-radius:14px;
    }
    .home-page .floating-card{
        min-width:0;
        width:min(142px,40vw);
        padding:10px 11px;
        border-radius:14px;
    }
    .home-page .floating-card strong{font-size:15px}
    .home-page .floating-card small{font-size:10px}
    .home-page .floating-card.one{inset:4px auto auto 0}
    .home-page .floating-card.two{inset:auto 0 8px auto}
    .home-page .section{padding-block:44px}
    .home-page .section-head,
    .home-page .section-head-center{
        margin-bottom:22px;
    }
    .home-page .section-head h2,
    .home-page .section-head-center h2{
        font-size:clamp(25px,7.5vw,34px);
        line-height:1.35;
        text-wrap:balance;
    }
    .home-page .section-head p,
    .home-page .section-head-center p{
        font-size:14px;
        line-height:1.85;
    }
}
@media screen and (max-width:520px){
    .home-page .hero-visual{padding-inline:10px}
    .home-page .hero-art{width:min(74vw,280px)}
    .home-page .floating-card{display:block}
}
@media screen and (max-width:390px){
    .home-page .hero{padding-block:26px 36px}
    .home-page .hero h1{font-size:clamp(27px,9vw,34px)}
    .home-page .hero p{font-size:13.5px}
    .home-page .hero-art{width:min(76vw,260px)}
}

/* ===== V11.4 — final homepage/device responsiveness and horizontal live notices ===== */
html{max-width:100%;overflow-x:clip}
body{min-width:0!important;max-width:100%}
body.public-body{overflow-x:hidden}
img,video,svg,canvas{max-width:100%}
.home-page,.home-page :where(section,.container,.grid,.card,.card-body,.section-head,.hero-grid,.hero-copy,.hero-visual,.ad-slide,.cta-card){min-width:0;max-width:100%}
.home-page :where(h1,h2,h3,h4,p,a,span,small,strong){overflow-wrap:anywhere;word-break:normal;line-break:auto}
.home-page .card-body{width:100%}
.home-page .service-card h3,.home-page .department-card h3,.home-page .portfolio-card h3{min-height:0;white-space:normal;overflow-wrap:anywhere}
.home-page .service-card .card-body>p,.home-page .department-card .card-body>p,.home-page .portfolio-card .card-body>p{display:block;min-height:0;white-space:normal;overflow-wrap:anywhere}
.home-page .review-card p{overflow-wrap:anywhere}
.home-page .card-footer{margin-top:auto;min-width:0}
.home-page .card-footer>*{min-width:0}

/* إشعارات النظام: سطر أفقي منظم مهما كان طول النص */
.toast{
    position:fixed!important;
    z-index:10050!important;
    inset-block-start:max(86px,calc(env(safe-area-inset-top) + 72px))!important;
    inset-inline-end:max(14px,env(safe-area-inset-right))!important;
    inset-inline-start:auto!important;
    width:min(520px,calc(100vw - 28px))!important;
    min-width:0!important;
    max-width:calc(100vw - 28px)!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-auto-flow:column!important;
    align-items:start!important;
    gap:11px!important;
    padding:14px 16px!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    white-space:normal!important;
    text-align:start!important;
    line-height:1.7!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}
.toast-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;flex:0 0 34px;font-weight:900;line-height:1;writing-mode:horizontal-tb!important}
.toast-message{display:block;min-width:0;width:100%;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}
.notification-item{
    display:grid!important;
    grid-template-columns:12px minmax(0,1fr) auto!important;
    grid-auto-flow:column!important;
    align-items:start!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
}
.notification-item>.notification-dot{grid-column:1;flex:none}
.notification-item>div:not(.d-flex){grid-column:2;min-width:0!important;width:100%!important}
.notification-item>.d-flex{grid-column:3;min-width:max-content!important;align-self:center}
.notification-item :where(b,p,small,span,a){white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}

@media screen and (min-width:769px) and (max-width:1100px){
    .home-page .container{width:min(100% - 40px,960px)}
    .home-page .hero{padding-block:52px 62px}
    .home-page .hero-grid{grid-template-columns:minmax(0,1fr);gap:40px;text-align:center}
    .home-page .hero-copy{max-width:760px;margin-inline:auto}
    .home-page .hero-actions,.home-page .hero-meta{justify-content:center}
    .home-page .hero-visual{min-height:390px}
    .home-page .hero-art{width:min(430px,62vw)}
    .home-page .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
    .home-page .ad-slide{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:30px;gap:26px}
    .home-page .ad-slide h2{font-size:clamp(28px,4vw,42px)}
    .home-page .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media screen and (max-width:768px){
    body.public-body{padding-top:76px!important}
    .site-header,.site-header .nav-wrap{min-height:76px!important}
    .site-header .nav-wrap{width:calc(100% - 20px)!important;padding-inline:0!important;gap:8px}
    .site-header .brand{max-width:calc(100% - 56px)!important;min-width:0!important;gap:8px!important}
    .site-header .brand-logo{width:44px!important;height:44px!important;flex:0 0 44px!important}
    .site-header .brand-copy{display:grid!important;min-width:0!important;max-width:calc(100% - 52px)!important;gap:1px}
    .site-header .brand-copy b{font-size:12px!important;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .site-header .brand-copy small{font-size:9px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal!important}
    .site-header .menu-toggle{width:42px;height:42px;flex:0 0 42px}
    .site-header .main-nav{inset-inline:0!important;width:100%!important;max-height:calc(100dvh - 92px)!important}

    .home-page{width:100%;overflow:hidden}
    .home-page .container{width:calc(100% - 24px)!important;margin-inline:auto!important;padding-inline:0!important}
    .home-page .section{padding-block:44px!important}
    .home-page .hero{padding-block:30px 42px!important}
    .home-page .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:30px!important;width:100%!important;text-align:center!important}
    .home-page .hero-copy{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;text-align:center!important}
    .home-page .eyebrow{max-width:100%;white-space:normal!important;justify-content:center;text-align:center;line-height:1.55;padding:7px 11px}
    .home-page .hero h1{font-size:clamp(28px,9vw,43px)!important;line-height:1.28!important;margin:15px 0 12px!important;text-wrap:balance}
    .home-page .hero h1 span{display:block;max-width:100%}
    .home-page .hero-copy>p{font-size:clamp(13px,3.8vw,16px)!important;line-height:1.9!important;max-width:100%!important;margin:0 auto 20px!important;text-wrap:pretty}
    .home-page .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important}
    .home-page .hero-actions .btn{width:100%!important;min-height:48px!important;margin:0!important;white-space:normal!important;text-align:center!important;justify-content:center!important;padding:11px 14px!important}
    .home-page .hero-meta{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin-top:17px!important;justify-items:center!important}
    .home-page .hero-meta span{width:100%;justify-content:center;text-align:center;font-size:12px;line-height:1.55}
    .home-page .hero-visual{width:100%!important;min-height:0!important;padding:10px 14px 18px!important;display:grid!important;place-items:center!important;overflow:visible!important}
    .home-page .hero-art{width:min(78vw,330px)!important;max-width:100%!important;aspect-ratio:1/1!important;height:auto!important;margin:0 auto!important;padding:11px!important;border-radius:26px!important;transform:rotate(-1deg)!important}
    .home-page .hero-art-inner{aspect-ratio:1/1;height:auto!important;border-radius:20px!important;padding:10px!important}
    .home-page .hero-art img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
    .home-page .hero-art::before{width:54px!important;height:54px!important;inset:-12px auto auto -8px!important}
    .home-page .hero-art::after{width:38px!important;height:38px!important;inset:auto -8px 20px auto!important}
    .home-page .floating-card{min-width:112px!important;max-width:42%;padding:9px 11px!important;border-radius:12px!important}
    .home-page .floating-card.one{inset:0 auto auto 0!important}
    .home-page .floating-card.two{inset:auto 0 0 auto!important}
    .home-page .floating-card strong{font-size:14px!important}
    .home-page .floating-card small{font-size:9px!important}

    .home-page .section-head,.home-page .section-head.center,.home-page .section-head-center{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:12px!important;text-align:start!important;margin-bottom:22px!important}
    .home-page .section-head>div,.home-page .section-head-center>div{width:100%;min-width:0}
    .home-page .section-head h2,.home-page .section-head-center h2{font-size:clamp(24px,7.4vw,34px)!important;line-height:1.35!important;margin-bottom:6px!important}
    .home-page .section-head p,.home-page .section-head-center p{font-size:13px!important;line-height:1.8!important;max-width:100%}
    .home-page .section-link{display:inline-flex;max-width:100%;width:max-content;font-size:12px;white-space:normal}
    .home-page .grid,.home-page .grid-3,.home-page .grid-2{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%!important}
    .home-page .card,.home-page .service-card,.home-page .feature-card,.home-page .review-card{width:100%!important;max-width:100%!important;margin:0!important}
    .home-page .service-card .card-media,.home-page .ad-card .card-media{height:auto!important;aspect-ratio:16/10!important;min-height:0!important}
    .home-page .department-card .card-media img{object-fit:contain!important;background:var(--surface-2)}
    .home-page .card-body{padding:15px!important}
    .home-page .card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important}
    .home-page .card-footer .btn{max-width:100%;white-space:normal}
    .home-page .service-card h3,.home-page .department-card h3,.home-page .portfolio-card h3{min-height:auto;font-size:18px;line-height:1.55}
    .home-page .service-card .card-body>p,.home-page .department-card .card-body>p,.home-page .portfolio-card .card-body>p{min-height:auto;-webkit-line-clamp:3;line-height:1.75}

    .home-page .ad-slider{min-height:620px!important;border-radius:22px!important;width:100%!important}
    .home-page .ad-slide{grid-template-columns:minmax(0,1fr)!important;align-content:center!important;gap:18px!important;padding:18px!important;text-align:center!important;overflow:hidden!important}
    .home-page .ad-slide>div{min-width:0;width:100%}
    .home-page .ad-slide .media{order:-1;height:auto!important;aspect-ratio:16/10!important;max-height:270px!important;border-radius:16px!important}
    .home-page .ad-slide h2{font-size:clamp(24px,7vw,32px)!important;line-height:1.35!important;margin:10px 0 8px!important}
    .home-page .ad-slide p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:13px!important;line-height:1.8!important}
    .home-page .ad-slide .btn{max-width:100%;margin-inline:auto;white-space:normal}

    .home-page .cta-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:28px 18px!important;gap:18px!important;text-align:center!important;border-radius:22px!important}
    .home-page .cta-card h2{font-size:clamp(24px,7vw,32px)!important;line-height:1.4!important}
    .home-page .cta-card p{line-height:1.8!important}
    .home-page .cta-card .btn{width:100%!important;white-space:normal!important}

    .site-footer{padding-top:38px!important}
    .site-footer .container{width:calc(100% - 24px)!important}
    .footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:26px!important;text-align:start!important}
    .footer-grid>div,.footer-brand{grid-column:auto!important;min-width:0!important}
    .site-footer .brand{max-width:100%!important;align-items:center!important}
    .site-footer .brand-copy{min-width:0!important;max-width:calc(100% - 60px)!important}
    .site-footer .brand-copy b,.site-footer .brand-copy small{white-space:normal!important;overflow-wrap:anywhere!important}
    .socials{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
    .copyright{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;line-height:1.7!important}

    .toast{inset-block-start:max(78px,calc(env(safe-area-inset-top) + 68px))!important;inset-inline:12px!important;width:auto!important;max-width:none!important;grid-template-columns:30px minmax(0,1fr)!important;padding:12px 13px!important;gap:9px!important;font-size:13px!important}
    .toast-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px}
    .notification-item{grid-template-columns:10px minmax(0,1fr)!important;grid-auto-flow:row!important;gap:10px!important;padding:12px!important}
    .notification-item>.d-flex{grid-column:2!important;min-width:0!important;width:100%!important;justify-content:flex-start!important;margin-top:3px}
    .notification-item b{font-size:13px;line-height:1.55}
    .notification-item p,.notification-item small{font-size:12px;line-height:1.7}
}

@media screen and (max-width:420px){
    .home-page .container,.site-footer .container{width:calc(100% - 20px)!important}
    .home-page .section{padding-block:38px!important}
    .home-page .hero h1{font-size:clamp(26px,9.5vw,35px)!important}
    .home-page .hero-art{width:min(76vw,280px)!important}
    .home-page .floating-card{display:block!important;width:min(124px,39vw)!important;padding:8px 9px!important;z-index:4}
    .home-page .floating-card strong{font-size:14px!important}
    .home-page .floating-card small{display:block!important;font-size:9.5px!important;line-height:1.45}
    .home-page .ad-slider{min-height:570px!important}
    .home-page .ad-slide{padding:14px!important}
    .home-page .ad-slide .media{max-height:230px!important}
}

@media screen and (max-width:340px){
    .home-page .container,.site-footer .container{width:calc(100% - 16px)!important}
    .home-page .hero h1{font-size:25px!important}
    .home-page .hero-copy>p{font-size:12.5px!important}
    .home-page .hero-actions .btn{font-size:13px!important}
    .home-page .hero-art{width:min(78vw,245px)!important}
    .site-header .brand-logo{width:40px!important;height:40px!important;flex-basis:40px!important}
    .site-header .menu-toggle{width:40px;height:40px;flex-basis:40px}
}


/* ===== V11.5 — zoom-safe header, long-text containment and public FAQ ===== */
html,body{max-width:100%;overflow-x:clip}
.site-header .nav-wrap{display:flex;align-items:center;min-width:0;max-width:100%;gap:clamp(8px,1.2vw,18px)}
.site-header .brand{flex:0 1 auto;min-width:0;max-width:min(310px,34vw)}
.site-header .brand-copy{min-width:0;max-width:100%}
.site-header .brand-copy b,.site-header .brand-copy small{overflow-wrap:anywhere;word-break:normal}
.site-header .main-nav{display:flex!important;position:static!important;inset:auto!important;width:auto!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;align-items:center;flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow:visible;gap:clamp(2px,.45vw,8px)}
.site-header .main-nav>a{flex:0 0 auto;min-width:0;max-width:100%;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;font-size:clamp(11px,var(--header-font-size,14px),20px);font-weight:var(--header-font-weight,700);line-height:1.35}
.site-header .nav-utility-actions{flex:0 0 auto}.site-header .menu-toggle{display:none!important}
.site-header.nav-condensed .menu-toggle{display:inline-grid!important}
.site-header.nav-condensed .main-nav{position:absolute!important;z-index:1002;top:calc(100% + 8px)!important;inset-inline:auto 0!important;width:min(390px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;display:none!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:4px!important;padding:12px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--header-bg,var(--surface))!important;box-shadow:0 18px 48px rgba(7,31,70,.18)!important}
.site-header.nav-condensed .main-nav.open{display:grid!important}
.site-header.nav-condensed .main-nav>a{display:flex!important;width:100%!important;min-height:42px!important;align-items:center!important;justify-content:flex-start!important;padding:9px 11px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:start!important}
.site-header.nav-condensed .brand{max-width:calc(100% - 58px)!important}
.home-page,.home-page section,.home-page .container,.home-page .grid,.home-page .card,.home-page .card-body{min-width:0;max-width:100%}
.home-page h1,.home-page h2,.home-page h3,.home-page p,.home-page a,.home-page span,.home-page summary,.home-page .btn{overflow-wrap:anywhere;word-break:normal;max-width:100%}
.home-page img,.home-page video,.home-page iframe{max-width:100%;height:auto}
.home-page .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.faq-page-container{max-width:920px}.faq-public-filter{margin-bottom:24px}.faq-public-list{display:grid;gap:12px}.faq-public-list .faq-item{width:100%;min-width:0}.faq-public-list summary,.faq-public-list .faq-item>div{overflow-wrap:anywhere;word-break:normal}
@media screen and (max-width:1100px){.site-header .brand{max-width:min(250px,32vw)}.site-header .brand-copy small{white-space:normal;line-height:1.35}}
@media screen and (max-width:900px){.site-header .menu-toggle{display:inline-grid!important}.site-header .main-nav{position:absolute!important;z-index:1002;top:calc(100% + 8px)!important;inset-inline:auto 0!important;width:min(390px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;display:none!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:4px!important;padding:12px!important}.site-header .main-nav.open{display:grid!important}.site-header .main-nav>a{display:flex!important;width:100%!important;min-height:42px!important;white-space:normal!important;overflow-wrap:anywhere!important}.site-header .brand{max-width:calc(100% - 58px)!important}.faq-public-filter{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.faq-public-filter .field,.faq-public-filter .btn{width:100%}}
body.public-body{padding-top:var(--site-header-height,82px)!important}
@media screen and (min-width:901px){.site-header .brand-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header .brand-copy small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;line-height:1.35}}
@media (prefers-reduced-motion:reduce){.site-header .main-nav{scroll-behavior:auto}}

/* V11.5.1: responsive administrative reports only */
.report-screen-card .report-detail-table{width:100%;table-layout:auto}
.report-screen-card .report-detail-table th,
.report-screen-card .report-detail-table td{vertical-align:top}
.report-screen-card .report-detail-table td small{white-space:normal}
.report-screen-card .report-table-wrap{max-width:100%;overflow:auto}
.page-heading>div:last-child form{margin:0}

@media screen and (max-width:900px){
    .report-screen-card{padding:16px}
    .report-screen-head{gap:14px;margin-bottom:14px;padding-bottom:14px}
    .report-criteria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
    .report-criteria span{min-width:0}
    .report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .report-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media screen and (max-width:760px){
    .report-screen-card .report-table-wrap{max-height:none;overflow:visible;border:0}
    .report-screen-card .responsive-report-table,
    .report-screen-card .responsive-report-table tbody,
    .report-screen-card .responsive-report-table tr,
    .report-screen-card .responsive-report-table td{display:block;width:100%;min-width:0}
    .report-screen-card .responsive-report-table{min-width:0!important;table-layout:auto}
    .report-screen-card .responsive-report-table thead,
    .report-screen-card .responsive-report-table tfoot{display:none}
    .report-screen-card .responsive-report-table tr{margin-bottom:12px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)!important;box-shadow:0 6px 18px rgba(15,35,66,.05)}
    .report-screen-card .responsive-report-table td{display:grid;grid-template-columns:minmax(104px,36%) minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid var(--border);white-space:normal!important;overflow-wrap:anywhere;text-align:right}
    .report-screen-card .responsive-report-table td:last-child{border-bottom:0}
    .report-screen-card .responsive-report-table td::before{content:attr(data-label);font-weight:850;color:var(--secondary);font-size:12px}
    .report-screen-card .responsive-report-table td>*{min-width:0}
    .report-screen-card .responsive-report-table .status-badge{justify-self:start;white-space:normal}
    .report-criteria{grid-template-columns:1fr}
    .report-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .page-heading>div:last-child{display:grid!important;grid-template-columns:1fr;width:100%}
    .page-heading>div:last-child form,
    .page-heading>div:last-child .btn{width:100%}
}

@media screen and (max-width:420px){
    .report-screen-card{padding:12px}
    .report-kpi-grid,.report-status-grid{grid-template-columns:1fr}
    .report-screen-card .responsive-report-table td{grid-template-columns:minmax(88px,34%) minmax(0,1fr);padding:9px 10px;font-size:12px}
}

/* V11.5.2: mobile home feature cards — show long text completely */
@media screen and (max-width:768px){
    .home-page .feature-card{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        padding:22px 20px 30px!important;
        overflow:hidden!important;
    }
    .home-page .feature-card::after{z-index:0;pointer-events:none}
    .home-page .feature-card>span,
    .home-page .feature-card>h3,
    .home-page .feature-card>p{
        position:relative;
        z-index:1;
        width:100%;
        min-width:0;
        max-width:100%;
    }
    .home-page .feature-card>h3{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:18px 0 10px!important;
        line-height:1.55!important;
        white-space:normal!important;
        overflow:visible!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
        text-overflow:clip!important;
        -webkit-line-clamp:unset!important;
    }
    .home-page .feature-card>p{
        display:block!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:0 0 4px!important;
        line-height:1.9!important;
        white-space:normal!important;
        overflow:visible!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
        text-overflow:clip!important;
        -webkit-box-orient:initial!important;
        -webkit-line-clamp:unset!important;
    }
}



/* V11.5.3: desktop service cards only — homepage and all-services page */
@media screen and (min-width:1101px){
    .home-page .service-showcase-grid,
    .services-catalog-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:22px;
        align-items:stretch;
    }

    .home-page .service-showcase-grid .service-catalog-card,
    .services-catalog-grid .service-catalog-card{
        width:100%;
        min-width:0;
        min-height:468px;
        height:100%;
        padding:13px;
        border-radius:18px;
        overflow:hidden;
        display:flex;
        flex-direction:column;
        background:var(--surface);
    }

    .home-page .service-showcase-grid .service-catalog-card .card-media,
    .services-catalog-grid .service-catalog-card .card-media{
        display:block;
        width:100%;
        height:235px;
        min-height:235px;
        flex:0 0 235px;
        border-radius:15px;
        overflow:hidden;
        background:var(--surface-3);
    }

    .home-page .service-showcase-grid .service-catalog-card .card-media img,
    .home-page .service-showcase-grid .service-catalog-card .card-media video,
    .services-catalog-grid .service-catalog-card .card-media img,
    .services-catalog-grid .service-catalog-card .card-media video{
        width:100%;
        height:100%;
        max-width:none;
        object-fit:cover;
    }

    .home-page .service-showcase-grid .service-catalog-card .card-body,
    .services-catalog-grid .service-catalog-card .card-body{
        width:100%;
        min-width:0;
        min-height:207px;
        padding:13px 8px 7px;
        display:flex;
        flex-direction:column;
        flex:1 1 auto;
    }

    .home-page .service-showcase-grid .service-catalog-card .service-card-tags,
    .services-catalog-grid .service-catalog-card .service-card-tags{
        min-height:32px;
        align-items:center;
        align-content:flex-start;
    }

    .home-page .service-showcase-grid .service-catalog-card h3,
    .services-catalog-grid .service-catalog-card h3{
        min-height:31px;
        margin:8px 0 7px;
        font-size:20px;
        line-height:1.5;
        white-space:normal;
        overflow-wrap:anywhere;
    }

    .home-page .service-showcase-grid .service-catalog-card .card-body>p,
    .services-catalog-grid .service-catalog-card .card-body>p{
        display:-webkit-box;
        min-height:55px;
        max-height:55px;
        margin:0 0 15px;
        overflow:hidden;
        color:var(--muted);
        font-size:14px;
        line-height:1.95;
        white-space:normal;
        overflow-wrap:anywhere;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }

    .home-page .service-showcase-grid .service-catalog-card .card-footer,
    .services-catalog-grid .service-catalog-card .card-footer{
        width:100%;
        min-height:46px;
        margin-top:auto;
        display:flex;
        align-items:flex-end;
        justify-content:space-between;
        gap:14px;
        flex-wrap:nowrap;
    }

    .home-page .service-showcase-grid .service-catalog-card .service-card-price,
    .services-catalog-grid .service-catalog-card .service-card-price{
        min-width:0;
        flex:1 1 auto;
    }

    .home-page .service-showcase-grid .service-catalog-card .card-footer .btn,
    .services-catalog-grid .service-catalog-card .card-footer .btn{
        flex:0 0 auto;
        min-width:110px;
        min-height:42px;
        padding-inline:17px;
        justify-content:center;
        white-space:nowrap;
    }
}

/* V11.5.4: keep service-card media fully visible on desktop without changing card dimensions */
@media screen and (min-width:1101px){
    .home-page .service-showcase-grid .service-catalog-card .service-card-slide,
    .services-catalog-grid .service-catalog-card .service-card-slide{
        display:flex;
        align-items:center;
        justify-content:center;
        background:var(--surface-3);
    }

    .home-page .service-showcase-grid .service-catalog-card .service-card-slide img,
    .services-catalog-grid .service-catalog-card .service-card-slide img{
        width:100%;
        height:100%;
        max-width:100%;
        max-height:100%;
        object-fit:contain;
        object-position:center;
        transform:none!important;
    }

    .home-page .service-showcase-grid .service-catalog-card:hover .service-card-slide img,
    .home-page .service-showcase-grid .service-catalog-card .service-card-carousel.is-playing .service-card-slide.active img,
    .services-catalog-grid .service-catalog-card:hover .service-card-slide img,
    .services-catalog-grid .service-catalog-card .service-card-carousel.is-playing .service-card-slide.active img{
        transform:none!important;
    }
}

/* V11.6 — خصائص الأقسام واتصال Google ونموذج احتياج العميل */
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f2937;border:1px solid var(--border);box-shadow:0 8px 22px rgba(15,23,42,.06)}
.btn-google:hover{background:#f8fafc;border-color:#cbd5e1}.google-mark{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:900;font-family:Arial,sans-serif;color:#4285f4;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.input-copy-row{display:flex;gap:8px;align-items:stretch}.input-copy-row input{flex:1;min-width:0}.input-copy-row .btn{white-space:nowrap}
.department-fields-table .badge{margin:2px 0}
.discovery-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.discovery-preview-actions .btn{flex:1 1 220px}
@media(max-width:700px){.input-copy-row{flex-direction:column}.input-copy-row .btn{width:100%}.department-fields-table .table tbody tr{display:grid;grid-template-columns:1fr;gap:8px}.department-fields-table .table td{display:grid;grid-template-columns:minmax(92px,34%) 1fr;gap:8px;align-items:start;border:0;padding:8px 0}.department-fields-table .table td::before{content:attr(data-label);font-weight:700;color:var(--muted)}.department-fields-table .table thead{display:none}}

/* V11.7: keep Google authentication button text readable */
.btn-google,.btn-google:visited,.btn-google:hover,.btn-google:focus{color:#111827!important}.btn-google *:not(.google-mark){color:#111827!important}

/* V11.7 — horizontal, readable record details without changing workflow */
.record-detail-horizontal .details-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}
.record-detail-horizontal .details-grid>div{display:grid!important;grid-template-columns:minmax(150px,30%) minmax(0,1fr)!important;align-items:start;gap:14px;min-width:0;padding:11px 14px;border:0!important;border-bottom:1px solid var(--border)!important;background:transparent!important;border-radius:0!important}
.record-detail-horizontal .details-grid>div:last-child{border-bottom:0!important}
.record-detail-horizontal .details-grid small{display:block;margin:0;color:var(--muted);font-weight:700;line-height:1.75}
.record-detail-horizontal .details-grid b,.record-detail-horizontal .details-grid strong{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.75}
.record-detail-horizontal .help-box,.record-detail-horizontal .consultation-solution-copy,.record-detail-horizontal .danger-notice{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.record-detail-horizontal .ad-details-horizontal{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.record-detail-horizontal .ad-details-horizontal>div{display:grid;grid-template-columns:minmax(150px,30%) minmax(0,1fr);gap:14px;padding:10px 13px;border-bottom:1px solid var(--border);min-width:0}
.record-detail-horizontal .ad-details-horizontal>div:last-child{border-bottom:0}
.invoice-preflight-actions,.consultation-submit-actions{display:flex;gap:10px;flex-wrap:wrap}.invoice-preflight-actions>*{flex:1 1 230px}.consultation-submit-actions{justify-content:flex-end}.consultation-submit-actions .btn{min-width:220px}
@media(max-width:700px){.record-detail-horizontal .details-grid>div,.record-detail-horizontal .ad-details-horizontal>div{grid-template-columns:minmax(105px,36%) minmax(0,1fr);gap:10px;padding:10px 11px}.consultation-submit-actions{width:100%}.consultation-submit-actions .btn{width:100%;min-width:0}.invoice-preflight-actions{display:grid;grid-template-columns:1fr}}


/* V11.7.1 — تفاصيل السجلات: بطاقات متتابعة بعرض كامل وصفوف أفقية على اللابتوب والآيباد */
@media (min-width:701px){
  .record-detail-horizontal,
  .order-admin-layout.record-detail-horizontal,
  .order-details-layout.record-detail-horizontal,
  .consultation-admin-layout.record-detail-horizontal,
  .consultation-detail-layout.record-detail-horizontal,
  .job-application-detail-layout.record-detail-horizontal{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
  }
  .record-detail-horizontal>*,
  .record-detail-horizontal :where(.order-admin-main,.order-admin-side,.consultation-detail-main,.consultation-detail-side,.consultation-admin-actions,.job-application-detail-main,.job-application-detail-side){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .record-detail-horizontal :where(.order-admin-side,.consultation-detail-side,.consultation-admin-actions,.job-application-detail-side){
    position:static!important;
    top:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  .record-detail-horizontal .details-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .record-detail-horizontal .details-grid>div{
    display:grid!important;
    grid-template-columns:minmax(180px,26%) minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
  }
  .record-detail-horizontal :where(.consultation-answer-list,.consultation-task-list,.attachment-grid,.history-list){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  .record-detail-horizontal .consultation-answer-list article{
    display:grid!important;
    grid-template-columns:minmax(180px,26%) minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
    min-width:0!important;
  }
  .record-detail-horizontal :where(.help-box,.danger-notice,.consultation-solution-copy,.attachment-card,.history-item){
    min-width:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}

/* V11.8 — إدارات التكاملات وواتساب */
.integration-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.integration-status-grid>div{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface-2);display:flex;flex-direction:column;gap:5px;min-width:0}.integration-status-grid span{overflow-wrap:anywhere}.whatsapp-qr-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px dashed var(--primary);border-radius:18px;padding:20px;margin:18px 0;background:var(--surface-2)}.whatsapp-qr-panel img{width:min(300px,45vw);aspect-ratio:1;object-fit:contain;background:#fff;border-radius:14px;padding:8px}.whatsapp-message-list{display:flex;flex-direction:column;gap:10px}.whatsapp-message{width:min(78%,720px);border:1px solid var(--border);border-radius:16px;padding:12px 14px;background:var(--surface-2)}.whatsapp-message.outgoing{align-self:flex-start;background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.whatsapp-message.incoming{align-self:flex-end}.whatsapp-message p{margin:6px 0;white-space:normal;overflow-wrap:anywhere}.whatsapp-message small{color:var(--muted)}.integration-note{border-inline-start:4px solid var(--primary);padding:12px 14px;background:var(--surface-2);border-radius:12px}.secret-status{font-family:monospace;direction:ltr;display:inline-block;max-width:100%;overflow-wrap:anywhere}
@media(max-width:900px){.integration-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whatsapp-qr-panel{align-items:flex-start;flex-direction:column}.whatsapp-qr-panel img{width:min(100%,320px);align-self:center}}
@media(max-width:520px){.integration-status-grid{grid-template-columns:1fr}.whatsapp-message{width:100%}.whatsapp-qr-panel{padding:14px}.whatsapp-qr-panel img{width:100%}}

@media(max-width:700px){.integration-table{min-width:0!important}.integration-table thead{display:none}.integration-table tbody,.integration-table tr,.integration-table td{display:block;width:100%}.integration-table tr{border:1px solid var(--border);border-radius:14px;padding:10px;margin-bottom:12px;background:var(--surface)}.integration-table td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:10px;align-items:start;border:0!important;padding:8px!important;white-space:normal!important;overflow-wrap:anywhere}.integration-table td::before{content:attr(data-label);font-weight:800;color:var(--muted)}.integration-table .table-actions{justify-content:flex-start;flex-wrap:wrap}.integration-table td[data-label="الإجراءات"]{grid-template-columns:1fr}.integration-table td[data-label="الإجراءات"]::before{display:none}}

/* V11.10 — إضافات وظيفية تحافظ على نظام التصميم الحالي */
.copy-account-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:7px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--primary);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.copy-account-btn:hover{border-color:var(--primary);background:var(--surface-2)}
.form-validation-summary{grid-column:1/-1;margin-bottom:12px}.form-validation-summary ul{margin:8px 0 0;padding-inline-start:22px}.field-invalid{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.09)!important}
.video-retry-notice{position:absolute;inset:auto 12px 12px 12px;z-index:8;border:0;border-radius:12px;padding:10px 12px;background:rgba(4,59,82,.9);color:#fff;font:inherit;font-weight:800;cursor:pointer}.video-load-failed{opacity:.65}.service-card-slide,.card-media,.service-gallery-main{position:relative}
.service-request-kind{margin-top:14px}

/* V11.11 — ثبات بطاقات الوسائط والبحث المباشر دون تغيير نظام التصميم */
.service-catalog-card,.portfolio-card,.ad-card-fixed,.job-public-card{overflow:hidden}
.service-catalog-card,.portfolio-card{height:500px;display:flex;flex-direction:column}
.home-page .service-showcase-grid .service-catalog-card,.services-catalog-grid .service-catalog-card,.home-page .portfolio-card,.grid>.portfolio-card{height:500px!important;min-height:500px!important}
.service-catalog-card>.card-media,.portfolio-card>.card-media{height:235px;min-height:235px;flex:0 0 235px;background:var(--surface-3)}
.home-page .service-showcase-grid .service-catalog-card>.card-media,.services-catalog-grid .service-catalog-card>.card-media,.home-page .portfolio-card>.card-media,.grid>.portfolio-card>.card-media{height:235px!important;min-height:235px!important;flex:0 0 235px!important}
.service-catalog-card>.card-body,.portfolio-card>.card-body{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
.service-catalog-card>.card-body>p,.portfolio-card>.card-body>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-page .service-showcase-grid .service-catalog-card>.card-body>p,.services-catalog-grid .service-catalog-card>.card-body>p,.home-page .portfolio-card>.card-body>p,.grid>.portfolio-card>.card-body>p{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.service-catalog-card .card-footer,.portfolio-card .card-footer{margin-top:auto}
.service-catalog-card .service-card-slide,.portfolio-card .service-card-slide,.ad-card-fixed .service-card-slide{display:flex;align-items:center;justify-content:center;background:var(--surface-3)}
.service-catalog-card .service-card-slide :is(img,video),.portfolio-card .service-card-slide :is(img,video),.ad-card-fixed .service-card-slide :is(img,video),.ad-slide .service-card-slide :is(img,video){width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;transform:none!important;background:var(--surface-3)}
.service-catalog-card:hover .service-card-slide img,.portfolio-card:hover .service-card-slide img,.ad-card-fixed:hover .service-card-slide img{transform:none!important}

.ad-card-fixed{height:555px;display:flex;flex-direction:column}
.ad-card-fixed>.ad-card-media{height:250px;min-height:250px;flex:0 0 250px;background:var(--surface-3)}
.ad-card-fixed>.card-body{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
.ad-card-fixed>.card-body>p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ad-card-fixed>.card-body>.btn{margin-top:auto}
.ad-card-carousel video,.ad-slide video{pointer-events:auto!important;position:relative;z-index:3}
.ad-card-carousel video::-webkit-media-controls,.ad-slide video::-webkit-media-controls{display:flex!important;opacity:1!important}

.ad-slider .ad-slide{height:440px;min-height:440px;overflow:hidden}
.ad-slider .ad-slide>.media{height:350px;min-height:350px;align-self:center;background:var(--surface-3)}
.ad-slider .ad-slide>div:first-child{min-width:0;max-height:100%;overflow:hidden}
.ad-slider .ad-slide>div:first-child>p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

.job-public-card{height:510px;display:flex;flex-direction:column}
.job-public-card .job-public-media{height:220px;min-height:220px;flex:0 0 220px;background:var(--surface-3);display:flex;align-items:center;justify-content:center}
.job-public-card .job-public-media img,.job-detail-image{width:100%;height:100%;object-fit:contain!important;object-position:center;background:var(--surface-3)}
.job-public-card .job-public-body{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
.job-public-card .job-public-body>p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.job-public-card .job-public-body>.btn{margin-top:auto}
.job-detail-image{max-height:480px}
.job-description-copy{white-space:pre-wrap;overflow-wrap:anywhere}

.media-detail-gallery .service-gallery-main :is(img,video),.work-gallery-main :is(img,video),.order-service-media-gallery .service-gallery-main :is(img,video){object-fit:contain!important;object-position:center;background:var(--surface-3)}

/* V11.13 — معاينة سند السداد وربط الموقع بعد تحديده. */
.payment-receipt-visual{margin-top:12px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface-2);min-height:180px;display:grid;place-items:center}
.payment-receipt-visual img{display:block;width:100%;max-height:430px;object-fit:contain;background:var(--surface-3)}
.payment-receipt-visual object{display:block;width:100%;height:430px;border:0;background:#fff}
.location-map-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.88rem;font-weight:800;color:var(--primary);text-decoration:none}
.location-map-link:hover{text-decoration:underline}
@media(max-width:620px){.payment-receipt-visual object{height:320px}}

/* V11.14 — كروت الأعمال تستخدم نفس قياسات وبنية كروت الخدمات على اللابتوب. */
.portfolio-card-kicker{display:block;color:var(--muted);font-size:.76rem;font-weight:800;line-height:1.35}
@media screen and (min-width:901px){
  .portfolio-catalog-grid{align-items:stretch}
  .portfolio-catalog-grid>.portfolio-card{
    width:100%!important;
    height:500px!important;
    min-height:500px!important;
    padding:13px!important;
    border-radius:18px!important;
  }
  .portfolio-catalog-grid>.portfolio-card>.card-media{
    width:100%!important;
    height:235px!important;
    min-height:235px!important;
    flex:0 0 235px!important;
    border-radius:15px!important;
  }
  .portfolio-catalog-grid>.portfolio-card>.card-body{
    width:100%!important;
    min-height:207px!important;
    padding:13px 8px 7px!important;
  }
  .portfolio-catalog-grid>.portfolio-card .service-card-tags{min-height:32px!important}
  .portfolio-catalog-grid>.portfolio-card h3{min-height:31px!important;margin:8px 0 7px!important;font-size:20px!important;line-height:1.5!important}
  .portfolio-catalog-grid>.portfolio-card .card-body>p{min-height:55px!important;max-height:55px!important;margin:0 0 15px!important;-webkit-line-clamp:2!important;line-height:1.95!important}
  .portfolio-catalog-grid>.portfolio-card .card-footer{min-height:46px!important;align-items:flex-end!important;flex-wrap:nowrap!important}
  .portfolio-catalog-grid>.portfolio-card .card-footer .btn{min-width:110px!important;min-height:42px!important;padding-inline:17px!important;white-space:nowrap!important}
}

.customer-search-results{display:grid;gap:7px;margin-top:8px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);max-height:270px;overflow:auto;box-shadow:var(--shadow-sm)}
.customer-search-results[hidden]{display:none!important}
.customer-search-result{display:block;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;text-align:start;cursor:pointer}
.customer-search-result:hover,.customer-search-result:focus{border-color:var(--primary);color:var(--primary);outline:0}

@media(max-width:900px){
  .service-catalog-card,.portfolio-card{height:490px}
  .home-page .service-showcase-grid .service-catalog-card,.services-catalog-grid .service-catalog-card,.home-page .portfolio-card,.grid>.portfolio-card{height:490px!important;min-height:490px!important}
  .service-catalog-card>.card-media,.portfolio-card>.card-media{height:225px;min-height:225px;flex-basis:225px}
  .home-page .service-showcase-grid .service-catalog-card>.card-media,.services-catalog-grid .service-catalog-card>.card-media,.home-page .portfolio-card>.card-media,.grid>.portfolio-card>.card-media{height:225px!important;min-height:225px!important;flex-basis:225px!important}
  .ad-card-fixed{height:540px}.ad-card-fixed>.ad-card-media{height:235px;min-height:235px;flex-basis:235px}
  .ad-slider .ad-slide{height:575px;min-height:575px}.ad-slider .ad-slide>.media{height:300px;min-height:300px;width:100%}
}
@media(max-width:600px){
  .service-catalog-card,.portfolio-card{height:475px}
  .home-page .service-showcase-grid .service-catalog-card,.services-catalog-grid .service-catalog-card,.home-page .portfolio-card,.grid>.portfolio-card{height:475px!important;min-height:475px!important}
  .service-catalog-card>.card-media,.portfolio-card>.card-media{height:215px;min-height:215px;flex-basis:215px}
  .home-page .service-showcase-grid .service-catalog-card>.card-media,.services-catalog-grid .service-catalog-card>.card-media,.home-page .portfolio-card>.card-media,.grid>.portfolio-card>.card-media{height:215px!important;min-height:215px!important;flex-basis:215px!important}
  .ad-card-fixed{height:525px}.ad-card-fixed>.ad-card-media{height:225px;min-height:225px;flex-basis:225px}
  .ad-slider .ad-slide{height:590px;min-height:590px}.ad-slider .ad-slide>.media{height:270px;min-height:270px}
  .job-public-card{height:500px}.job-public-card .job-public-media{height:210px;min-height:210px;flex-basis:210px}
}

/* V11.12 — وسائط كاملة داخل الأبعاد الحالية، بلا تمدد أو تغيير في ارتفاع البطاقات */
.service-card-carousel,.service-card-slide,.media-image-preview-button{width:100%;height:100%;min-width:0;min-height:0}
.service-card-slide{position:absolute!important;inset:0!important;overflow:hidden!important;align-items:center!important;justify-content:center!important;background:var(--surface-3)!important}
.service-card-slide.active{display:flex!important;visibility:visible!important;opacity:1!important}
.service-card-slide:not(.active){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.service-card-slide :is(img,video),.media-image-preview-button img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;background:var(--surface-3)!important;transform:none!important}
.media-image-preview-button{display:flex!important;align-items:center;justify-content:center;padding:0;border:0;background:var(--surface-3)}
.ad-card-media,.ad-slide>.media{overflow:hidden!important;contain:layout paint}
.ad-card-media .ad-card-carousel,.ad-slide>.media .ad-card-carousel{inset:0!important;width:100%!important;height:100%!important}

/* V11.15 — تحقق الطلب داخل الصفحة وزر إرسال ثابت، وشبكة أعمال مطابقة للخدمات. */
.order-request-form .order-submit-actions,.order-request-form.order-form-has-errors .order-submit-actions,
[data-staff-order-form] .order-submit-actions,[data-staff-order-form].order-form-has-errors .order-submit-actions{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:52px;
}
.order-request-form.order-form-has-errors [data-order-submit],
[data-staff-order-form].order-form-has-errors [data-order-submit]{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  background:var(--primary)!important;
  color:#fff!important;
  cursor:pointer!important;
}
.order-request-form [data-order-flow-message],[data-staff-order-form] [data-order-flow-message]{grid-column:1/-1;margin:8px 0 2px}
.order-request-form [data-order-flow-message]+.order-submit-actions,[data-staff-order-form] [data-order-flow-message]+.order-submit-actions{margin-top:0}

@media screen and (min-width:901px){
  .home-page .service-showcase-grid,
  .home-page .portfolio-catalog-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  .home-page .portfolio-catalog-grid>.portfolio-card{
    grid-column:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
}
.ad-card-actions,.ad-slide-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.ad-card-actions{flex-direction:row;width:100%}.ad-card-actions>.btn{flex:1 1 0;width:auto!important;padding-inline:8px}
.ad-slide-actions .btn{margin:0!important}.ad-slide-actions .btn-outline{border-color:rgba(255,255,255,.65);color:#fff}
.ad-detail-gallery .service-gallery-main{background:var(--surface-3)}
.ad-detail-gallery .service-gallery-main :is(img,video){width:100%;height:100%;object-fit:contain!important;object-position:center!important;background:var(--surface-3)}
@media(max-width:600px){.ad-slide-actions{justify-content:center}.ad-slide-actions .btn{flex:1 1 150px}}

/* V11.14 — إدارة عدد أعمدة الأقسام والخدمات والأعمال حسب الجهاز. */
.layout-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.layout-settings-card{min-width:0;border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--surface-2)}
.layout-settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--border)}
.layout-settings-card-head h4{margin:0;color:var(--secondary);font-size:18px}
.layout-settings-card-head span{color:var(--muted);font-size:11px}
.layout-settings-card .form-grid{grid-template-columns:minmax(0,1fr)!important;gap:11px}
.layout-column-control{padding:10px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:12px;background:var(--surface)}
.layout-column-control select{width:100%}
.layout-column-control small{color:var(--muted);font-size:11px}
.layout-settings-note{margin-top:14px}

.grid.managed-card-grid{width:100%;min-width:0;align-items:stretch}
.grid.managed-card-grid>*{min-width:0;width:100%;max-width:100%}
.grid.managed-departments-grid{grid-template-columns:repeat(var(--departments-columns-desktop,4),minmax(0,1fr))!important}
.grid.managed-services-grid{grid-template-columns:repeat(var(--services-columns-desktop,3),minmax(0,1fr))!important}
.grid.managed-works-grid{grid-template-columns:repeat(var(--works-columns-desktop,3),minmax(0,1fr))!important}

/* الخط المختار في النظام يظل هو المرجع في عرض التقارير والفواتير وطباعتها. */
.report-screen-card,.report-screen-card :where(table,button,input,select,textarea),
.invoice-page,.invoice-page :where(.print-document,table,button,input,select,textarea){font-family:var(--font-ar,"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif)}

@media screen and (min-width:768px) and (max-width:1100px){
  .layout-settings-grid{grid-template-columns:1fr}
  .layout-settings-card .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .grid.managed-departments-grid{grid-template-columns:repeat(var(--departments-columns-tablet,3),minmax(0,1fr))!important}
  .grid.managed-services-grid{grid-template-columns:repeat(var(--services-columns-tablet,2),minmax(0,1fr))!important}
  .grid.managed-works-grid{grid-template-columns:repeat(var(--works-columns-tablet,2),minmax(0,1fr))!important}
  html[data-departments-tablet-columns="4"] .managed-departments-grid{gap:14px!important}
  html[data-departments-tablet-columns="4"] .managed-departments-grid .service-card{padding:9px!important}
  html[data-departments-tablet-columns="4"] .managed-departments-grid .service-card .card-media{height:auto!important;min-height:0!important;aspect-ratio:4/3}
  html[data-departments-tablet-columns="4"] .managed-departments-grid .card-body{padding:11px 5px 6px!important}
  html[data-departments-tablet-columns="4"] .managed-departments-grid .card-footer{align-items:stretch!important;flex-direction:column}
  html[data-departments-tablet-columns="4"] .managed-departments-grid .card-footer .btn{width:100%}
}

@media screen and (max-width:767px){
  .layout-settings-grid{grid-template-columns:1fr}
  .layout-settings-card{padding:13px}
  .layout-settings-card-head{align-items:flex-start;flex-direction:column}
  .layout-settings-card .form-grid{grid-template-columns:1fr!important}
  .grid.managed-card-grid{gap:clamp(7px,2.6vw,14px)!important}
  .grid.managed-departments-grid{grid-template-columns:repeat(var(--departments-columns-mobile,2),minmax(0,1fr))!important}
  .grid.managed-services-grid{grid-template-columns:repeat(var(--services-columns-mobile,1),minmax(0,1fr))!important}
  .grid.managed-works-grid{grid-template-columns:repeat(var(--works-columns-mobile,1),minmax(0,1fr))!important}

  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card{
    height:auto!important;min-height:100%!important;padding:7px!important;border-radius:12px!important;overflow:hidden!important
  }
  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card>.card-media{
    width:100%!important;height:auto!important;min-height:0!important;flex:0 0 auto!important;aspect-ratio:4/3!important;border-radius:9px!important
  }
  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card>.card-body{
    min-width:0!important;min-height:0!important;padding:8px 3px 4px!important;overflow:visible!important
  }
  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card :where(h3,p,.badge,.muted,.price,.current-price,.old-price){overflow-wrap:anywhere;word-break:normal;min-width:0}
  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card h3{min-height:0!important;margin:6px 0 5px!important;font-size:clamp(11px,3.2vw,15px)!important;line-height:1.5!important}
  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card .card-body>p{display:-webkit-box!important;min-height:0!important;max-height:none!important;margin:0 0 7px!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:10px!important;line-height:1.55!important}
  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card .card-footer{min-height:0!important;margin-top:auto!important;align-items:stretch!important;flex-direction:column!important;gap:6px!important;flex-wrap:nowrap!important}
  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card .card-footer .btn{width:100%!important;min-width:0!important;min-height:34px!important;padding:5px 6px!important;white-space:normal!important;font-size:10px!important;line-height:1.35!important}
  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card :where(.badge,.media-count-badge,.media-type-badge){padding:3px 5px!important;font-size:8.5px!important;white-space:normal!important}
  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card .service-card-tags{min-height:0!important;gap:4px!important}
  :is(
    html[data-departments-mobile-columns="2"] .managed-departments-grid,
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="2"] .managed-services-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="2"] .managed-works-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card .service-card-price :where(.current-price,.old-price){font-size:10px!important;line-height:1.35!important}

  :is(
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card{padding:5px!important}
  :is(
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card>.card-body{padding:6px 1px 3px!important}
  :is(
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card h3{font-size:10px!important}
  :is(
    html[data-departments-mobile-columns="3"] .managed-departments-grid,
    html[data-services-mobile-columns="3"] .managed-services-grid,
    html[data-works-mobile-columns="3"] .managed-works-grid
  ) .service-card .card-body>p{font-size:8.5px!important;line-height:1.4!important}
}

@media print{
  .report-screen-card,.invoice-page,.print-document,#printable-report,#printable-invoice{font-family:var(--font-ar,"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif)!important}
}

/* V11.16 - حفظ نماذج الموظف دون فقدان القيم أو اختفاء زر الحفظ */
.staff-create-error-summary{
    display:block;
    grid-column:1/-1;
    margin:0 0 16px;
    border-radius:14px;
}
.staff-create-error-summary[hidden]{display:none!important}
.staff-create-error-summary ul{margin:10px 0 0;padding-inline-start:22px}
.staff-create-error-summary li{margin:4px 0}
.staff-create-has-errors .order-submit-actions,
.staff-create-has-errors .consultation-submit-bar,
.order-form-has-errors .order-submit-actions,
.order-form-has-errors .consultation-submit-bar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
}
form[data-staff-async-create] button[type="submit"]{
    visibility:visible!important;
    opacity:1!important;
}
form[data-staff-async-create] .field-invalid{
    border-color:#dc2626!important;
    box-shadow:0 0 0 3px rgba(220,38,38,.10)!important;
}

/* V11.18 — منع ظهور مجموعات خصائص الاستشارة غير المختارة وضمان بقاء شريط الإرسال */
.consultation-question-group[hidden],
[data-service-fields][hidden],
[data-topic-questions][hidden],
[data-custom-service-context][hidden],
[data-general-custom-topic][hidden],
[data-staff-service-fields][hidden],
[data-staff-topic-questions][hidden],
[data-staff-custom-service-fields][hidden],
[data-dynamic-service-field][hidden]{display:none!important}
.consultation-submit-bar{position:relative;z-index:2;overflow:visible}
.consultation-submit-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.consultation-submit-actions .btn{visibility:visible!important;opacity:1}
.choice-card.is-disabled{opacity:.55;cursor:not-allowed}
.field-invalid{border-color:#dc3545!important;box-shadow:0 0 0 3px rgba(220,53,69,.12)!important}
.consultation-service-field-list{margin-top:16px}
@media screen and (max-width:768px){.consultation-submit-actions{display:grid;grid-template-columns:1fr;width:100%}}

/* ===== V11.20: Password reset, consultation payment logos, About brochure ===== */
.consultation-payment-methods{align-items:stretch}
.consultation-payment-choice{min-height:118px;padding:15px 15px 15px 42px;align-items:center}
.consultation-payment-choice .payment-choice-media{width:68px;height:68px;flex-basis:68px;background:#fff;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);box-shadow:0 8px 22px rgba(11,31,68,.08)}
.consultation-payment-choice .payment-choice-media img{padding:7px;object-fit:contain}
.consultation-payment-choice .payment-choice-copy{min-width:0;display:grid;gap:4px;align-content:center}
.consultation-payment-choice .payment-choice-copy b{font-size:15px;overflow-wrap:anywhere}
.consultation-payment-choice .payment-choice-copy small{font-size:12px;overflow-wrap:anywhere}
.consultation-payment-choice .copy-account-btn{justify-self:start;margin-top:3px}

.about-brochure-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,0) 38%),linear-gradient(145deg,var(--about-bg,#078ead),var(--about-bg-secondary,#6395AC));min-height:620px;display:grid;align-items:center;padding:92px 0 84px}
.about-brochure-hero::before{content:"";position:absolute;inset:0;z-index:-3;background-image:var(--about-bg-image,none);background-size:cover;background-position:center;opacity:calc(1 - var(--about-overlay,.18))}
.about-brochure-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,rgba(1,53,79,.18),rgba(0,142,178,.22)),radial-gradient(circle at 72% 24%,rgba(255,255,255,.2),transparent 34%)}
.about-brochure-shape{position:absolute;z-index:-1;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(.2px)}
.about-brochure-shape-one{width:620px;height:620px;inset-inline-start:-190px;bottom:-350px}
.about-brochure-shape-two{width:360px;height:360px;inset-inline-end:-95px;top:-165px}
.about-brochure-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:64px;align-items:center}
.about-brochure-copy{max-width:690px}
.about-brochure-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font-size:13px;font-weight:800;backdrop-filter:blur(9px)}
.about-brochure-copy h1{font-size:clamp(48px,6vw,86px);line-height:1.05;margin:22px 0 18px;color:#fff;letter-spacing:-1.5px}
.about-brochure-intro{font-size:clamp(17px,2vw,22px);line-height:2;margin:0;color:rgba(255,255,255,.9);max-width:660px}
.about-brochure-lead{margin:24px 0 0;padding:18px 20px;border-inline-start:4px solid rgba(255,255,255,.85);background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border-radius:16px;font-size:16px;line-height:1.9;color:#fff}
.about-brochure-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.about-light-btn{background:#fff!important;color:#6395AC!important;border-color:#fff!important;box-shadow:0 12px 28px rgba(0,33,55,.18)}
.about-outline-btn{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important}
.about-brochure-visual{position:relative;min-height:430px;display:grid;place-items:center}
.about-visual-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.42),rgba(255,255,255,.07) 52%,transparent 72%);filter:blur(4px)}
.about-visual-card{position:relative;width:min(330px,78%);aspect-ratio:1;border-radius:36% 64% 58% 42% / 42% 39% 61% 58%;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(235,249,255,.82));display:grid;place-items:center;padding:45px;box-shadow:0 34px 75px rgba(0,34,59,.27),inset 0 0 0 1px rgba(255,255,255,.8);transform:rotate(-3deg)}
.about-visual-card::after{content:"";position:absolute;inset:14px;border-radius:inherit;border:1px solid rgba(7,142,173,.15)}
.about-visual-card img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 18px 22px rgba(4,52,76,.22))}
.about-floating-icon{position:absolute;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.96);color:#078ead;display:grid;place-items:center;box-shadow:0 18px 38px rgba(0,38,61,.24);border:1px solid rgba(255,255,255,.8)}
.about-floating-icon svg{width:29px;height:29px}
.about-floating-icon-one{inset-inline-start:4%;top:18%;transform:rotate(-7deg)}
.about-floating-icon-two{inset-inline-end:1%;top:31%;transform:rotate(8deg)}
.about-floating-icon-three{inset-inline-start:13%;bottom:6%;transform:rotate(5deg)}
.about-brochure-section{background:linear-gradient(180deg,var(--surface),var(--surface-2));position:relative}
.about-section-head{text-align:center;justify-content:center;max-width:830px;margin-inline:auto;margin-bottom:34px}
.about-section-head>div{width:100%}
.about-section-head p{max-width:710px;margin-inline:auto}
.about-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-team-card{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:16px;min-height:170px;padding:24px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary) 4%,var(--surface)));box-shadow:0 14px 36px rgba(15,58,92,.06);transition:.25s}
.about-team-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;inset-inline-end:-54px;bottom:-62px;background:color-mix(in srgb,var(--primary) 8%,transparent)}
.about-team-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 20px 42px rgba(15,58,92,.1)}
.about-team-icon{width:56px;height:56px;flex:0 0 56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#0798b5,#6395AC);color:#fff;box-shadow:0 10px 24px rgba(7,91,130,.2)}
.about-team-icon svg{width:25px;height:25px}
.about-team-card h3{margin:4px 0 8px;font-size:18px}
.about-team-card p{margin:0;color:var(--muted);line-height:1.8;font-size:14px}
.about-purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}
.about-purpose-card{display:flex;gap:18px;align-items:flex-start;padding:28px;border-radius:24px;background:var(--surface);border:1px solid var(--border)}
.about-purpose-icon{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary)}
.about-purpose-card small{color:var(--primary);font-weight:800}.about-purpose-card h3{margin:5px 0 9px}.about-purpose-card p{margin:0;color:var(--muted);line-height:1.9}
.about-contact-band{position:relative;overflow:hidden;color:#fff;background:linear-gradient(140deg,var(--about-bg,#078ead),var(--about-bg-secondary,#6395AC));padding:70px 0}
.about-contact-band::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;inset-inline-end:-260px;bottom:-360px;background:rgba(255,255,255,.09)}
.about-contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}
.about-contact-copy h2{color:#fff;font-size:clamp(34px,4vw,55px);margin:8px 0 12px}.about-contact-copy p{margin:0;color:rgba(255,255,255,.82);line-height:1.9}.eyebrow.light{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}
.about-contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.about-contact-card{display:grid!important;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:11px;min-width:0;min-height:112px;padding:17px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(8px)}
.about-contact-icon{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.16);display:grid;place-items:center;overflow:hidden}.about-contact-icon svg{width:20px;height:20px}.about-contact-content{min-width:0}.about-contact-content small{display:block;color:rgba(255,255,255,.72);margin-bottom:4px}.about-contact-content b{display:block;min-width:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere;word-break:normal}
.about-social-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px;width:100%;align-items:stretch}.about-social-card{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px 11px;color:#fff;border-radius:14px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2)}.about-social-icon{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.12);display:grid;place-items:center;overflow:hidden}.about-social-icon img{display:block;width:20px;height:20px;max-width:20px;max-height:20px;object-fit:contain}.about-social-icon svg{width:17px;height:17px}.about-social-name{min-width:0;text-align:start;font-size:12px;font-weight:800;line-height:1.35;overflow-wrap:anywhere;word-break:normal}
.site-footer-brochure{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,var(--footer-brochure-bg,#6395AC),color-mix(in srgb,var(--footer-brochure-bg,#6395AC) 72%,#001d33))!important}
.site-footer-brochure::before{display:none}
.site-footer-brochure::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,rgba(0,65,91,.48),rgba(0,28,55,.68)),radial-gradient(circle at 15% 10%,rgba(255,255,255,.12),transparent 32%)}
.site-footer-brochure .footer-grid,.site-footer-brochure .copyright,.site-footer-brochure .developer-credits{position:relative;z-index:1}

@media(max-width:1024px){
  .about-brochure-hero{min-height:auto;padding:76px 0 68px}.about-brochure-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:34px}.about-brochure-copy h1{font-size:clamp(46px,7vw,68px)}.about-brochure-visual{min-height:360px}.about-visual-card{width:min(280px,80%)}
  .about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-contact-grid{grid-template-columns:1fr}.about-contact-copy{text-align:center}.about-contact-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .consultation-payment-choice{min-height:96px;padding:12px 12px 12px 38px}.consultation-payment-choice .payment-choice-media{width:56px;height:56px;flex-basis:56px}.consultation-payment-choice .payment-choice-copy b{font-size:14px}
  .about-brochure-hero{padding:58px 0 52px}.about-brochure-hero-grid{grid-template-columns:1fr;text-align:center}.about-brochure-copy{margin-inline:auto}.about-brochure-intro{font-size:17px}.about-brochure-lead{text-align:start}.about-brochure-actions{justify-content:center}.about-brochure-visual{min-height:310px;order:-1}.about-visual-card{width:min(240px,66%);padding:34px}.about-floating-icon{width:52px;height:52px;border-radius:16px}.about-floating-icon svg{width:23px;height:23px}
  .about-team-grid,.about-purpose-grid{grid-template-columns:1fr}.about-team-card{min-height:0}.about-contact-cards{grid-template-columns:1fr}.about-contact-card{text-align:start;min-height:0}
}
@media(max-width:480px){
  .consultation-payment-choice{align-items:flex-start}.consultation-payment-choice .payment-choice-media{width:48px;height:48px;flex-basis:48px}.consultation-payment-choice .payment-choice-copy small{font-size:11px}
  .about-brochure-copy h1{font-size:46px}.about-brochure-badge{font-size:11px}.about-brochure-actions{display:grid}.about-brochure-actions .btn{width:100%}.about-brochure-visual{min-height:260px}.about-visual-card{width:205px}.about-floating-icon-one{inset-inline-start:0}.about-floating-icon-two{inset-inline-end:0}.about-team-card,.about-purpose-card{padding:20px}.about-team-icon,.about-purpose-icon{width:49px;height:49px;flex-basis:49px;border-radius:15px}.about-contact-band{padding:52px 0}
}

/* توحيد النصوص داخل الخلفيات الملونة مع هوية الفوتر. */
:is(
  .section.dark,
  .ad-slider,
  .ad-slide,
  .cta-card,
  .home-cta-card,
  .auth-showcase,
  .consultation-hero,
  .consultation-cta-card,
  .about-brochure-hero,
  .about-contact-band,
  .admin-sidebar
){color:#fff}
:is(
  .section.dark,
  .ad-slide,
  .cta-card,
  .home-cta-card,
  .auth-showcase,
  .consultation-hero,
  .consultation-cta-card,
  .about-brochure-hero,
  .about-contact-band,
  .admin-sidebar
) :where(h1,h2,h3,h4,h5,h6){color:#fff}

/* مشاهد البروشور: تعرض الصورة كاملة دون قص أو تمديد، وتعيد ترتيب النص على الشاشات الضيقة. */
.brochure-scene{position:relative;isolation:isolate;overflow:hidden;display:grid;align-items:center;min-height:520px;border-radius:30px;background:var(--brochure-bg,#1e9fbe);color:var(--brochure-text,#fff);box-shadow:0 24px 58px rgba(4,66,93,.13)}
.brochure-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(0,35,57,calc(.30 + var(--brochure-overlay,.14))) 0%,rgba(0,44,66,calc(.12 + var(--brochure-overlay,.14))) 46%,rgba(0,44,66,var(--brochure-overlay,.14)) 100%);pointer-events:none}
.brochure-scene-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:var(--brochure-bg,#1e9fbe)}
.brochure-scene-layer{position:relative;z-index:1;width:100%;padding:44px}
.brochure-scene>.container.brochure-scene-layer{padding-block:70px}
.brochure-scene-copy{width:min(52%,650px);margin-right:auto;padding:26px;border-radius:24px;background:rgba(0,48,70,.30);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);color:var(--brochure-text,#fff);text-shadow:0 2px 8px rgba(0,26,44,.28)}
.brochure-scene-copy :where(h1,h2,h3,p,li,span){color:inherit}
.brochure-scene-copy h1{font-size:clamp(44px,6vw,78px);line-height:1.08;margin:12px 0 18px}
.brochure-scene-copy h2{font-size:clamp(28px,4vw,48px);line-height:1.2;margin:10px 0 16px}
.brochure-scene-copy p{margin:0;line-height:2;font-size:clamp(15px,1.55vw,19px)}
.brochure-scene-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.26);color:inherit;margin-bottom:12px}
.brochure-scene-icon svg{width:28px;height:28px}
.brochure-scene-kicker{display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-weight:800;font-size:13px}
.brochure-scene-lead{margin-top:18px;padding:14px 16px;border-inline-start:4px solid currentColor;border-radius:14px;background:rgba(255,255,255,.10);line-height:1.9}
.brochure-scene-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;text-shadow:none}
.brochure-scene-list{display:grid;gap:10px;padding:0;margin:6px 0 0;list-style:none}
.brochure-scene-list li{display:flex;align-items:flex-start;gap:9px;font-weight:700;line-height:1.75}
.brochure-scene-list li svg{width:19px;height:19px;flex:0 0 19px;margin-top:5px}
.brochure-scene-hero{min-height:clamp(620px,68vw,790px);border-radius:0;box-shadow:none}
.brochure-scene-wide{margin-bottom:26px}
.brochure-scene-card{min-height:500px}
.brochure-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.brochure-purpose-grid{margin-top:28px}
.brochure-team-details{margin:0 0 28px}
.brochure-services-overview{background:linear-gradient(180deg,var(--surface),var(--surface-2))}

/* إدارة المشاهد ومعاينتها. */
.brochure-admin-group{margin-bottom:22px}
.brochure-admin-scenes{display:grid;gap:22px}
.brochure-admin-scene{padding:18px;border:1px solid var(--border);border-radius:22px;background:var(--surface-2)}
.brochure-admin-preview{height:260px;border-radius:18px;overflow:hidden;background:var(--brochure-preview-bg,#1e9fbe);display:grid;place-items:center;color:var(--muted);margin-bottom:18px}
.brochure-admin-preview img{width:100%;height:100%;object-fit:contain;background:var(--brochure-preview-bg,#1e9fbe)}
.brochure-admin-preview span{display:flex;align-items:center;gap:8px}.brochure-admin-preview svg{width:24px;height:24px}
.panel-head.compact{align-items:flex-start;margin-bottom:16px}.panel-head.compact h4{margin:0 0 5px;font-size:20px}.panel-head.compact p{margin:0;color:var(--muted)}

@media(max-width:1024px){
  .brochure-scene{min-height:470px}.brochure-scene-hero{min-height:620px}.brochure-scene-copy{width:min(59%,600px)}.brochure-scene-layer{padding:30px}.brochure-scene-grid{gap:18px}.brochure-scene-card{min-height:460px}.brochure-scene-card .brochure-scene-copy{width:64%;padding:20px}
}
@media(max-width:760px){
  .brochure-scene,.brochure-scene-hero,.brochure-scene-card{display:flex;flex-direction:column;align-items:stretch;min-height:0;border-radius:24px}
  .brochure-scene-hero{border-radius:0}
  .brochure-scene::after{display:none}
  .brochure-scene-background{position:relative;inset:auto;z-index:0;width:100%;height:auto;max-height:none;object-fit:contain;order:0}
  .brochure-scene-layer,.brochure-scene>.container.brochure-scene-layer{order:1;padding:0 16px 22px;margin-top:-18px}
  .brochure-scene-copy,.brochure-scene-card .brochure-scene-copy{width:100%;margin:0;padding:22px;background:color-mix(in srgb,var(--brochure-bg,#1e9fbe) 82%,#002a40 18%);border-color:rgba(255,255,255,.25);box-shadow:0 16px 34px rgba(0,41,62,.16)}
  .brochure-scene-copy h1{font-size:42px}.brochure-scene-copy h2{font-size:31px}.brochure-scene-copy p{font-size:16px}
  .brochure-scene-grid{grid-template-columns:1fr}.brochure-team-details{margin-top:0}.brochure-admin-preview{height:auto;min-height:210px}.brochure-admin-preview img{height:auto;max-height:420px}
}
@media(max-width:480px){
  .brochure-scene-copy{padding:18px}.brochure-scene-copy h1{font-size:36px}.brochure-scene-copy h2{font-size:27px}.brochure-scene-actions{display:grid}.brochure-scene-actions .btn{width:100%}.brochure-scene-icon{width:50px;height:50px;border-radius:15px}.brochure-scene-icon svg{width:24px;height:24px}.brochure-scene-list{gap:7px}
}

/* V11.22: خلفية واحدة فعلية لكل نصوص «من نحن» وصور تعريفية مصغرة. */
.about-unified-section{padding:34px 0 28px;background:linear-gradient(180deg,var(--surface-2),var(--surface))}
.about-unified-scene{position:relative;isolation:isolate;overflow:hidden;max-width:1240px;margin-inline:auto;padding:clamp(24px,4vw,48px);border-radius:30px;background:var(--brochure-bg,#1e9fbe);color:var(--brochure-text,#fff);box-shadow:0 24px 58px rgba(4,66,93,.13);text-align:right}
.about-unified-background{position:absolute;inset:0;z-index:-3;width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:var(--brochure-bg,#1e9fbe)}
.about-unified-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,43,65,calc(.18 + var(--brochure-overlay,.14))),rgba(0,37,57,calc(.32 + var(--brochure-overlay,.14))));pointer-events:none}
.about-unified-content{width:min(100%,860px);margin-left:auto;margin-right:0;display:grid;gap:20px}
.about-unified-intro{max-width:760px;padding:22px 24px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(0,42,62,.58);box-shadow:0 12px 30px rgba(0,29,45,.18);backdrop-filter:blur(6px);color:var(--brochure-text,#fff)}
.about-unified-heading-row,.about-unified-card-head,.about-service-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.about-unified-kicker,.about-unified-card-head>span:last-child{font-size:13px;font-weight:800;line-height:1.5}
.about-unified-icon,.about-unified-card-icon{display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.30);background:rgba(255,255,255,.16)}
.about-unified-icon{width:48px;height:48px;border-radius:15px}.about-unified-card-icon{width:38px;height:38px;border-radius:12px}
.about-unified-icon svg{width:24px;height:24px}.about-unified-card-icon svg{width:19px;height:19px}
.about-unified-intro h1{margin:12px 0 10px;color:inherit;font-size:clamp(36px,5vw,58px);line-height:1.12}
.about-unified-intro p{margin:0;color:inherit;font-size:clamp(16px,1.7vw,20px);font-weight:700;line-height:1.95}
.about-unified-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.about-unified-card{min-height:0;padding:18px 20px;border:1px solid rgba(255,255,255,.30);border-radius:20px;background:var(--brochure-bg,#126f8d);color:var(--brochure-text,#fff);box-shadow:0 12px 28px rgba(0,31,47,.14);text-align:right}
.about-unified-card :where(h2,p,li,span){color:inherit}.about-unified-card h2{margin:10px 0 7px;font-size:clamp(22px,2.4vw,30px);line-height:1.25}.about-unified-card p{margin:0;font-size:15px;line-height:1.9}
.about-unified-team,.about-unified-offer{grid-column:1/-1}.about-unified-team p{max-width:760px}.about-unified-offer{padding-bottom:20px}
.about-unified-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;padding:0;margin:10px 0 0;list-style:none}
.about-unified-list li{display:flex;align-items:flex-start;gap:7px;color:inherit;font-size:14px;font-weight:700;line-height:1.65}
.about-unified-list li svg{width:17px;height:17px;flex:0 0 17px;margin-top:4px}
.about-unified-actions{display:flex;gap:10px;flex-wrap:wrap}.about-unified-actions .btn{min-width:148px;min-height:46px;justify-content:center;font-weight:900;box-shadow:0 10px 22px rgba(0,31,48,.18)}
.about-primary-btn{background:#fff!important;color:#6395AC!important;border-color:#fff!important}.about-secondary-btn{background:#6395AC!important;color:#fff!important;border:1px solid rgba(255,255,255,.78)!important}

.about-mini-visuals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 0}
.about-mini-visual{position:relative;overflow:hidden;margin:0;border:1px solid var(--border);border-radius:18px;background:var(--mini-bg,#1e9fbe);box-shadow:0 10px 28px rgba(15,58,92,.08)}
.about-mini-visual img{width:100%;height:148px;display:block;object-fit:contain;background:var(--mini-bg,#1e9fbe)}
.about-mini-visual figcaption{position:absolute;inset-inline:8px;bottom:8px;overflow:hidden;padding:6px 9px;border-radius:10px;background:rgba(0,45,67,.78);color:#fff;font-size:12px;font-weight:800;line-height:1.4;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.about-team-compact{padding-top:30px}.compact-heading{margin-bottom:16px}.compact-heading h2{max-width:850px;margin:7px 0 0;font-size:clamp(22px,2.8vw,32px);line-height:1.45}
.about-team-grid-compact{gap:12px}.about-team-grid-compact .about-team-card{min-height:0;padding:17px 18px;border-radius:18px}.about-team-grid-compact .about-team-card h3{margin:2px 0 5px}.about-team-grid-compact .about-team-card p{line-height:1.65}

/* الخدمات التعريفية انتقلت إلى «من نحن»؛ صفحة الخدمات الديناميكية بقيت كما كانت. */
.about-services-compact{padding:42px 0;background:var(--surface)}
.about-services-intro{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);overflow:hidden;margin-bottom:16px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:var(--brochure-bg,#1e9fbe);color:var(--brochure-text,#fff);box-shadow:0 16px 38px rgba(4,66,93,.11);text-align:right}
.about-services-intro-media{min-height:230px;background:var(--mini-bg,#1e9fbe)}.about-services-intro-media img{width:100%;height:100%;max-height:260px;display:block;object-fit:contain;background:var(--mini-bg,#1e9fbe)}
.about-services-intro-copy{align-self:center;padding:24px 28px;color:inherit}.about-services-intro-copy :where(h2,p,span){color:inherit}.about-services-intro-copy h2{margin:10px 0 8px;font-size:clamp(30px,4vw,44px)}.about-services-intro-copy p{margin:0;line-height:1.9;font-size:16px}
.about-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.about-service-card{display:grid;grid-template-columns:180px minmax(0,1fr);overflow:hidden;min-height:210px;border:1px solid rgba(255,255,255,.24);border-radius:20px;background:var(--brochure-bg,#1e9fbe);color:var(--brochure-text,#fff);box-shadow:0 12px 30px rgba(4,66,93,.09);text-align:right}
.about-service-card-media{min-height:100%;background:var(--mini-bg,#1e9fbe)}.about-service-card-media img{width:100%;height:100%;display:block;object-fit:contain;background:var(--mini-bg,#1e9fbe)}
.about-service-card-copy{padding:18px;color:inherit}.about-service-card-copy :where(h3,li,span){color:inherit}.about-service-title-row{align-items:flex-start;flex-wrap:nowrap}.about-service-title-row h3{margin:5px 0 9px;font-size:20px;line-height:1.45}.about-service-card .about-unified-list{grid-template-columns:1fr;margin-top:7px}.about-service-card .about-unified-list li{font-size:13px}
.about-services-actions{display:flex;justify-content:center;margin-top:20px}.about-services-actions .btn{min-width:230px;min-height:48px;justify-content:center;font-weight:900}

@media(max-width:1024px){
  .about-unified-section{padding-top:24px}.about-unified-scene{padding:30px}.about-unified-content{width:min(100%,780px)}
  .about-mini-visual img{height:130px}.about-services-grid{grid-template-columns:1fr}.about-service-card{grid-template-columns:210px minmax(0,1fr)}
}
@media(max-width:760px){
  .about-unified-section{padding:16px 0 22px}.about-unified-scene{padding:16px;border-radius:22px}.about-unified-background{position:absolute;inset:0;height:100%;object-fit:contain;order:initial}.about-unified-shade{display:block;background:rgba(0,40,60,calc(.42 + var(--brochure-overlay,.14)))}
  .about-unified-content{gap:12px}.about-unified-intro{padding:18px;border-radius:18px;background:rgba(0,42,62,.70)}.about-unified-intro h1{font-size:36px}.about-unified-intro p{font-size:15px;line-height:1.85}
  .about-unified-cards{gap:10px}.about-unified-card{padding:15px 16px;border-radius:17px}.about-unified-card h2{font-size:23px}.about-unified-card p{font-size:14px;line-height:1.8}
  .about-unified-list{gap:6px 10px}.about-unified-list li{font-size:13px}.about-unified-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.about-unified-actions .btn{width:100%;min-width:0}
  .about-mini-visuals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.about-mini-visual img{height:112px}.about-mini-visual figcaption{font-size:11px}
  .about-team-compact{padding-top:24px}.compact-heading h2{font-size:22px}.about-team-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.about-team-grid-compact .about-team-card{display:block;padding:14px}.about-team-grid-compact .about-team-icon{margin-bottom:8px}.about-team-grid-compact .about-team-card h3{font-size:16px}.about-team-grid-compact .about-team-card p{font-size:12px}
  .about-services-compact{padding:28px 0}.about-services-intro{grid-template-columns:145px minmax(0,1fr);border-radius:20px}.about-services-intro-media{min-height:170px}.about-services-intro-media img{max-height:190px}.about-services-intro-copy{padding:18px}.about-services-intro-copy h2{font-size:28px}.about-services-intro-copy p{font-size:14px;line-height:1.75}
  .about-service-card{grid-template-columns:145px minmax(0,1fr);min-height:185px;border-radius:18px}.about-service-card-copy{padding:15px}.about-service-title-row h3{font-size:18px}.about-service-card .about-unified-list li{font-size:12px}
}
@media(max-width:520px){
  .about-unified-scene{padding:12px}.about-unified-content{gap:10px}.about-unified-intro{padding:16px}.about-unified-heading-row{align-items:flex-start}.about-unified-kicker{max-width:220px}.about-unified-icon{width:42px;height:42px}.about-unified-intro h1{font-size:32px}
  .about-unified-cards{grid-template-columns:1fr}.about-unified-team,.about-unified-offer{grid-column:auto}.about-unified-list{grid-template-columns:1fr}.about-unified-actions{gap:8px}.about-unified-actions .btn{padding-inline:9px;font-size:13px}
  .about-team-grid-compact{grid-template-columns:1fr}.about-team-grid-compact .about-team-card{display:flex}.about-team-grid-compact .about-team-icon{margin-bottom:0}
  .about-services-intro{grid-template-columns:112px minmax(0,1fr)}.about-services-intro-copy{padding:14px}.about-services-intro-copy .about-unified-card-head>span:last-child{display:none}.about-services-intro-copy h2{font-size:24px;margin-top:6px}.about-services-intro-copy p{font-size:12px}
  .about-service-card{grid-template-columns:112px minmax(0,1fr);min-height:170px}.about-service-card-copy{padding:13px}.about-service-title-row{gap:7px}.about-service-title-row h3{font-size:16px}.about-service-card .about-unified-list{gap:4px}.about-service-card .about-unified-list li{font-size:11px;line-height:1.55}.about-service-card .about-unified-list li svg{width:14px;height:14px;flex-basis:14px}
}
@media(max-width:380px){
  .about-unified-actions{grid-template-columns:1fr}.about-mini-visual img{height:96px}.about-services-intro,.about-service-card{grid-template-columns:96px minmax(0,1fr)}
}

/* V11.24.3: حالة البحث/الفلترة الفورية بدون إعادة تحميل الصفحة. */
.instant-query-loading{position:relative;opacity:.72;transition:opacity .16s ease;pointer-events:none}
.instant-query-loading::after{content:"";position:absolute;inset-inline-end:14px;top:14px;width:18px;height:18px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;animation:instant-query-spin .65s linear infinite;z-index:20}
.instant-query-status{position:fixed;inset-inline-start:50%;bottom:18px;transform:translateX(-50%);z-index:10050;max-width:min(92vw,420px);padding:9px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface,#fff);color:var(--text,#0b2940);box-shadow:0 10px 28px rgba(0,0,0,.12);font-size:13px;font-weight:800;text-align:center}
@keyframes instant-query-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.instant-query-loading::after{animation-duration:1.4s}}

/* V11.24.8: محاذاة النماذج، قوائم كاملة النص، مراحل الرفض، وبطاقات قابلة للشفافية. */
.form-section-head{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  justify-content:start!important;
  align-items:start!important;
  gap:12px!important;
  direction:rtl;
  text-align:right!important;
}
.form-section-head>span{grid-column:1;grid-row:1;justify-self:start}
.form-section-head>div{grid-column:2;grid-row:1;min-width:0;text-align:right!important}
.form-section-head :where(h2,h3,p){text-align:right!important}
.order-request-form .panel-head>div,.order-request-form .panel-head :where(h2,h3,p){text-align:right}
.order-submit-actions.discovery-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.order-submit-actions.discovery-preview-actions .btn{min-width:min(240px,100%);flex:1 1 220px}

@media screen{
  .table-wrap>.table{width:100%;min-width:max(980px,100%);table-layout:auto}
  .table :where(th,td,th *,td *){word-break:normal;overflow-wrap:normal;text-overflow:clip;-webkit-line-clamp:unset}
  .table th{white-space:nowrap}
  .table :where(.status-badge,.badge){display:inline-flex;width:max-content;max-width:none!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
  .table .table-actions{width:max-content;min-width:max-content;white-space:nowrap}
  .report-detail-table{min-width:1280px!important}
  .consultation-table{min-width:1080px!important}
}
.timeline{min-width:920px}
.timeline .step.rejected-step span{background:var(--danger)!important;color:#fff!important;box-shadow:0 0 0 1px var(--danger)!important}
.timeline .step.rejected-step small{color:var(--danger);font-weight:900}
.order-rejection-reason{margin-top:14px}.order-rejection-reason p{margin:7px 0 0;white-space:pre-wrap}

@supports(background:color-mix(in srgb,#fff 50%,transparent)){
  .about-unified-card,.about-services-intro,.about-service-card{
    background:color-mix(in srgb,var(--brochure-bg,#126f8d) var(--brochure-card-opacity,72%),transparent)!important;
    backdrop-filter:blur(8px);
  }
  .about-unified-intro{
    background:color-mix(in srgb,var(--brochure-bg,#6395AC) var(--brochure-card-opacity,72%),rgba(0,42,62,.35))!important;
    backdrop-filter:blur(8px);
  }
}

@media(max-width:760px){
  .form-section-head{grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important}
  .report-screen-card .responsive-report-table .status-badge{white-space:nowrap!important;max-width:none!important}
  .about-contact-cards{gap:8px}
  .about-contact-card{grid-template-columns:34px minmax(0,1fr);padding:11px 12px;border-radius:14px;gap:8px}
  .about-contact-icon{width:34px;height:34px;border-radius:10px}
  .about-contact-icon svg{width:17px;height:17px}
  .about-contact-content b{font-size:12px;line-height:1.55}
  .about-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
  .about-social-card{grid-template-columns:26px minmax(0,1fr);min-height:44px;padding:7px 8px;border-radius:12px;gap:6px}
  .about-social-icon{width:26px;height:26px;border-radius:8px}.about-social-icon img{width:17px;height:17px;max-width:17px;max-height:17px}.about-social-icon svg{width:15px;height:15px}
  .about-social-name{font-size:11px;line-height:1.3;text-align:start}
}
@media(max-width:390px){.about-social-links{grid-template-columns:1fr 1fr}.about-social-card{padding-inline:6px}.about-social-name{font-size:10.5px}}

/* V11.24.10: شرائط الفلترة الأفقية وبطاقات التواصل ذات المقاس الثابت. */
.activity-log-filter-strip,.reset-delivery-filter-strip{
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(180px,1fr);
  align-items:end;
  gap:10px;
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
  padding-bottom:7px;
}
.activity-log-filter-strip .filter-actions,.reset-delivery-filter-strip .filter-actions{min-width:210px;align-items:end;flex-wrap:nowrap}
.reset-delivery-filter-strip{margin-bottom:16px}
.reset-delivery-table{min-width:980px!important}

.about-social-links{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));grid-auto-rows:52px}
.about-social-card{width:100%;height:52px;min-height:52px;grid-template-columns:30px minmax(0,1fr);overflow:hidden}
.about-social-icon{width:30px;height:30px;min-width:30px;min-height:30px;flex:none}
.about-social-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.footer-social-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;align-items:stretch}
.footer-social-grid .footer-social-card{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:6px;width:100%;height:42px;min-height:42px;padding:6px 8px;overflow:hidden}
.footer-social-icon{display:grid;place-items:center;width:26px;height:26px;min-width:26px;border-radius:8px;background:rgba(255,255,255,.1);overflow:hidden}
.footer-social-icon img{display:block;width:17px!important;height:17px!important;max-width:17px;max-height:17px;object-fit:contain}.footer-social-icon svg{width:16px;height:16px}
.footer-social-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800}

.consultation-request-layout-single{grid-template-columns:minmax(0,1fr)!important;max-width:780px;margin-inline:auto}
.revision-request-card,.revision-completion-form{border-color:color-mix(in srgb,var(--warning) 42%,var(--border))}

@media(max-width:760px){
  .activity-log-filter-strip,.reset-delivery-filter-strip{grid-template-columns:none!important;grid-auto-columns:minmax(170px,78vw)}
  .activity-log-filter-strip .filter-actions,.reset-delivery-filter-strip .filter-actions{align-items:end!important;flex-wrap:nowrap!important}
  .about-social-links{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:48px}
  .about-social-card{height:48px;min-height:48px}
  .footer-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V11.24.9: سجل السندات، أزرار المعاينة، واستجابة صفحات التفاصيل. */
.consultation-customer-card{color:var(--text);text-decoration:none}
.consultation-card-copy{min-width:0}
.consultation-card-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}
.consultation-card-actions .btn{min-width:190px}
.payment-receipt-history-card{border-color:color-mix(in srgb,var(--primary) 22%,var(--border))}
.payment-receipt-version-list{display:grid;gap:10px}
.payment-receipt-version-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.payment-receipt-version-item>div{display:grid;gap:3px;min-width:0}.payment-receipt-version-item small{color:var(--muted);white-space:normal;overflow-wrap:break-word;word-break:normal}.payment-receipt-version-item>p,.payment-receipt-version-item>.btn{grid-column:1/-1}.payment-receipt-version-item>p{margin:0;white-space:normal;overflow-wrap:break-word;word-break:normal}.payment-receipt-version-item.is-rejected{border-color:color-mix(in srgb,var(--danger) 38%,var(--border))}.payment-receipt-version-item.is-accepted{border-color:color-mix(in srgb,var(--success) 34%,var(--border))}
.payment-receipt-version{display:grid;gap:10px;min-width:0;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.payment-receipt-version.is-current{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:inset 3px 0 0 var(--primary)}
.payment-receipt-version-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.payment-receipt-version-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.payment-receipt-version-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.payment-receipt-version-meta>span{display:grid;gap:2px;min-width:0;padding:8px;border-radius:10px;background:var(--surface)}
.payment-receipt-version-meta small{color:var(--muted)}
.payment-receipt-version-meta b{white-space:normal;overflow-wrap:break-word;word-break:normal}
.manager-rejection-card{border-color:color-mix(in srgb,var(--danger) 32%,var(--border))}
.record-detail-horizontal .attachment-card b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word!important;word-break:normal!important}

@media(max-width:760px){
  .consultation-card-actions{display:grid;grid-template-columns:1fr}
  .consultation-card-actions .btn{width:100%;min-width:0}
  .payment-receipt-version-meta{grid-template-columns:1fr}
  .payment-receipt-version-item{grid-template-columns:minmax(0,1fr)}
  .payment-receipt-version-item>.status-badge{justify-self:start}
  .payment-receipt-version-head{align-items:flex-start}
  .record-detail-horizontal :where(.admin-card,.panel,.help-box,.danger-notice,.attachment-card,.history-item,.consultation-answer-list article,.consultation-task-list article){max-width:100%;min-width:0;white-space:normal;overflow-wrap:break-word;word-break:normal}
}


/* V11.24.15: Hero موحد — لا توجد كروت بيضاء للمزايا أو الإحصائيات، واستجابة مستقلة لثلاث فئات شاشة. */
.home-page .dynamic-video-hero{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:var(--surface-2)!important;
  min-height:var(--hh-desktop-min-height,600px)!important;
  height:auto!important;
  padding:var(--hh-desktop-padding-top,32px) 0 var(--hh-desktop-padding-bottom,20px)!important;
}
.home-page .dynamic-video-hero[data-auto-desktop="1"]{min-height:0!important}
.home-page .dynamic-video-hero::after{display:none!important}
.home-page .dynamic-video-hero .hero-video-layer,
.home-page .dynamic-video-hero .hero-identity-overlay{position:absolute;inset:0;pointer-events:none}
.home-page .dynamic-video-hero .hero-video-layer{z-index:-3;background:var(--surface-2)}
.home-page .dynamic-video-hero .hero-video-layer :where(video,img){
  display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-desktop-position,center center)
}
.home-page .dynamic-video-hero .hero-identity-overlay{
  z-index:-2;
  background:
    linear-gradient(270deg,color-mix(in srgb,var(--primary) 70%,transparent) 0%,color-mix(in srgb,var(--primary) 58%,transparent) 42%,color-mix(in srgb,var(--primary) var(--hero-overlay-opacity,56%),transparent) 100%),
    linear-gradient(180deg,color-mix(in srgb,var(--primary) 24%,transparent) 0%,color-mix(in srgb,var(--secondary) 16%,transparent) 100%);
}
.home-page .dynamic-video-hero .dynamic-hero-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:center!important;
  min-height:0!important;
}
.home-page .dynamic-video-hero .dynamic-hero-copy{
  width:min(100%,var(--hh-desktop-content-width,600px))!important;
  max-width:var(--hh-desktop-content-width,600px)!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  text-align:right!important;
  color:var(--text)!important;
  transform:translate(var(--hh-desktop-content-shift-x,0px),calc(var(--hh-desktop-content-shift-up,20px) * -1))!important;
}
.home-page .dynamic-video-hero .dynamic-hero-badge{
  display:var(--hh-desktop-intro-display,inline-flex)!important;
  width:auto!important;
  margin-top:0!important;
  margin-bottom:var(--hh-desktop-badge-gap,12px)!important;
  margin-left:var(--hh-desktop-intro-margin-left,auto)!important;
  margin-right:var(--hh-desktop-intro-margin-right,0)!important;
  padding:var(--hh-desktop-badge-pad-y,6px) var(--hh-desktop-badge-pad-x,11px)!important;
  font-size:var(--hh-desktop-badge-font,12px)!important;
  font-weight:var(--hh-desktop-badge-weight,700)!important;
  line-height:1.35!important;
  color:var(--primary)!important;
  border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border))!important;
  background:color-mix(in srgb,var(--primary) 14%,var(--surface))!important;
  backdrop-filter:blur(7px);
  transform:translate(var(--hh-desktop-badge-shift-x,0px),calc(var(--hh-desktop-badge-shift-up,0px) * -1))!important;
  text-align:var(--hh-desktop-intro-align,right)!important;
  direction:var(--hh-desktop-intro-direction,rtl)!important;
}
.home-page .dynamic-video-hero .dynamic-hero-title{
  display:var(--hh-desktop-title-display,block)!important;
  max-width:100%!important;
  margin:0 0 var(--hh-desktop-title-bottom-gap,22px)!important;
  padding:0!important;
  color:#111111!important;
  text-align:right!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-shadow:0 2px 18px color-mix(in srgb,var(--surface) 84%,transparent)!important;
  text-align:var(--hh-desktop-title-align,right)!important;
  direction:var(--hh-desktop-title-direction,rtl)!important;
  translate:var(--hh-desktop-title-shift-x,0px) calc(var(--hh-desktop-title-shift-up,0px) * -1)!important;
}
.home-page .dynamic-video-hero .hero-title-line{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:var(--hh-desktop-title-line-height,1.08)!important;
}
.home-page .dynamic-video-hero .hero-title-line + .hero-title-line{margin-top:var(--hh-desktop-title-line-gap,2px)!important}
.home-page .dynamic-video-hero .hero-title-line-1{
  padding-inline-start:0!important;
  font-size:var(--hh-desktop-title-size-1,52px)!important;
  font-weight:var(--hh-desktop-title-weight-1,700)!important;
  color:#111111!important;
}
.home-page .dynamic-video-hero .hero-title-line-2{
  padding-inline-start:var(--hh-desktop-title-indent-2,18px)!important;
  font-size:var(--hh-desktop-title-size-2,42px)!important;
  font-weight:var(--hh-desktop-title-weight-2,600)!important;
  color:#111111!important;
}
.home-page .dynamic-video-hero .hero-title-line-3{
  padding-inline-start:var(--hh-desktop-title-indent-3,32px)!important;
  font-size:var(--hh-desktop-title-size-3,34px)!important;
  font-weight:var(--hh-desktop-title-weight-3,450)!important;
  color:#111111!important;
}
.home-page .dynamic-video-hero .dynamic-hero-description{
  display:var(--hh-desktop-description-display,block)!important;
  width:min(100%,var(--hh-desktop-description-width,550px))!important;
  max-width:var(--hh-desktop-description-width,550px)!important;
  margin-top:0!important;
  margin-bottom:var(--hh-desktop-description-bottom-gap,12px)!important;
  margin-left:var(--hh-desktop-description-margin-left,auto)!important;
  margin-right:var(--hh-desktop-description-margin-right,0)!important;
  padding:0!important;
  color:#111111!important;
  font-size:var(--hh-desktop-description-font,17px)!important;
  font-weight:var(--hh-desktop-description-weight,400)!important;
  line-height:var(--hh-desktop-description-line-height,1.60)!important;
  text-align:right!important;
  text-shadow:0 1px 10px color-mix(in srgb,var(--surface) 90%,transparent)!important;
  text-align:var(--hh-desktop-description-align,right)!important;
  direction:var(--hh-desktop-description-direction,rtl)!important;
  translate:var(--hh-desktop-description-shift-x,0px) calc(var(--hh-desktop-description-shift-up,0px) * -1)!important;
}
.home-page .dynamic-video-hero .hero-cta-columns{
  direction:var(--hh-desktop-actions-direction,rtl)!important;
  display:var(--hh-desktop-buttons-display,grid)!important;
  grid-template-columns:repeat(3,var(--hh-desktop-button-width,138px))!important;
  gap:var(--hh-desktop-button-gap,8px)!important;
  width:max-content!important;
  max-width:100%!important;
  margin-right:var(--hh-desktop-actions-margin-right,0)!important;
  margin-left:var(--hh-desktop-actions-margin-left,auto)!important;
  padding:0!important;
  justify-content:start!important;
  transform:translate(var(--hh-desktop-button-group-shift-x,0px),var(--hh-desktop-button-group-shift-y,0px))!important;
}
.home-page .dynamic-video-hero .hero-cta-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  width:var(--hh-desktop-button-width,138px)!important;
  text-align:center!important;
}
.home-page .dynamic-video-hero .hero-cta-button{
  display:inline-flex!important;
  width:var(--hh-desktop-button-width,138px)!important;
  min-width:0!important;
  height:var(--hh-desktop-button-height,42px)!important;
  min-height:var(--hh-desktop-button-height,42px)!important;
  padding:5px 9px!important;
  margin:0!important;
  border-radius:12px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  font-size:var(--hh-desktop-button-font,12px)!important;
  font-weight:750!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:0 8px 18px rgba(5,76,105,.12)!important;
}
.home-page .dynamic-video-hero .hero-cta-button .icon{width:15px!important;height:15px!important;flex:0 0 15px!important}
.home-page .dynamic-video-hero .hero-feature-text,
.home-page .dynamic-video-hero .hero-stat-text{
  width:100%!important;
  max-width:100%!important;
  margin-inline:0!important;
  padding:2px 5px!important;
  min-height:var(--hh-desktop-support-card-height,30px)!important;
  border-radius:var(--hh-desktop-support-card-radius,9px)!important;
  background:color-mix(in srgb,var(--surface) var(--hh-desktop-support-card-opacity,14%),transparent)!important;
  border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  color:#111111!important;
  text-align:center!important;
}
.home-page .dynamic-video-hero .hero-feature-text{
  display:var(--hh-desktop-feature-display,block)!important;
  margin-top:var(--hh-desktop-support-gap,4px)!important;
  margin-bottom:0!important;
  font-size:var(--hh-desktop-feature-font,10px)!important;
  font-weight:700!important;
  line-height:1.35!important;
  align-items:center!important;
  justify-content:center!important;
}
.home-page .dynamic-video-hero .hero-stat-text{
  display:var(--hh-desktop-statistics-display,flex)!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:3px!important;
  margin-top:var(--hh-desktop-stat-gap,2px)!important;
  margin-bottom:0!important;
  font-size:var(--hh-desktop-stat-font,9px)!important;
  font-weight:500!important;
  line-height:1.3!important;
}
.home-page .dynamic-video-hero .hero-stat-text strong{
  color:#111111!important;
  font-size:calc(var(--hh-desktop-stat-font,9px) + 2px)!important;
  font-weight:800!important;
}
.home-page .dynamic-video-hero + .section{margin-top:0!important}

/* الآيباد والجهاز اللوحي: إعداد مستقل بين اللابتوب والجوال. */
@media (min-width:601px) and (max-width:1024px){
  .home-page .dynamic-video-hero{
    min-height:var(--hh-tablet-min-height,560px)!important;
    padding:var(--hh-tablet-padding-top,26px) 0 var(--hh-tablet-padding-bottom,20px)!important;
  }
  .home-page .dynamic-video-hero[data-auto-tablet="1"]{min-height:0!important}
  .home-page .dynamic-video-hero .dynamic-hero-copy{
    width:min(100%,var(--hh-tablet-content-width,540px))!important;
    max-width:var(--hh-tablet-content-width,540px)!important;
    transform:translate(var(--hh-tablet-content-shift-x,0px),calc(var(--hh-tablet-content-shift-up,12px) * -1))!important;
  }
  .home-page .dynamic-video-hero .dynamic-hero-badge{
    display:var(--hh-tablet-intro-display,inline-flex)!important;
    margin-bottom:var(--hh-tablet-badge-gap,10px)!important;
    padding:var(--hh-tablet-badge-pad-y,5px) var(--hh-tablet-badge-pad-x,10px)!important;
    font-size:var(--hh-tablet-badge-font,11px)!important;
    font-weight:var(--hh-tablet-badge-weight,700)!important;
    margin-left:var(--hh-tablet-intro-margin-left,auto)!important;margin-right:var(--hh-tablet-intro-margin-right,0)!important;
    transform:translate(var(--hh-tablet-badge-shift-x,0px),calc(var(--hh-tablet-badge-shift-up,0px) * -1))!important;
    text-align:var(--hh-tablet-intro-align,right)!important;direction:var(--hh-tablet-intro-direction,rtl)!important;
  }
  .home-page .dynamic-video-hero .dynamic-hero-title{display:var(--hh-tablet-title-display,block)!important;margin-bottom:var(--hh-tablet-title-bottom-gap,20px)!important;text-align:var(--hh-tablet-title-align,right)!important;direction:var(--hh-tablet-title-direction,rtl)!important;translate:var(--hh-tablet-title-shift-x,0px) calc(var(--hh-tablet-title-shift-up,0px) * -1)!important}
  .home-page .dynamic-video-hero .hero-title-line{line-height:var(--hh-tablet-title-line-height,1.10)!important}
  .home-page .dynamic-video-hero .hero-title-line + .hero-title-line{margin-top:var(--hh-tablet-title-line-gap,2px)!important}
  .home-page .dynamic-video-hero .hero-title-line-1{font-size:var(--hh-tablet-title-size-1,44px)!important;font-weight:var(--hh-tablet-title-weight-1,700)!important}
  .home-page .dynamic-video-hero .hero-title-line-2{padding-inline-start:var(--hh-tablet-title-indent-2,14px)!important;font-size:var(--hh-tablet-title-size-2,36px)!important;font-weight:var(--hh-tablet-title-weight-2,600)!important}
  .home-page .dynamic-video-hero .hero-title-line-3{padding-inline-start:var(--hh-tablet-title-indent-3,26px)!important;font-size:var(--hh-tablet-title-size-3,29px)!important;font-weight:var(--hh-tablet-title-weight-3,450)!important}
  .home-page .dynamic-video-hero .dynamic-hero-description{
    display:var(--hh-tablet-description-display,block)!important;
    width:min(100%,var(--hh-tablet-description-width,500px))!important;
    max-width:var(--hh-tablet-description-width,500px)!important;
    margin-bottom:var(--hh-tablet-description-bottom-gap,12px)!important;
    margin-left:var(--hh-tablet-description-margin-left,auto)!important;margin-right:var(--hh-tablet-description-margin-right,0)!important;
    font-size:var(--hh-tablet-description-font,15px)!important;
    font-weight:var(--hh-tablet-description-weight,400)!important;
    line-height:var(--hh-tablet-description-line-height,1.60)!important;
    text-align:var(--hh-tablet-description-align,right)!important;direction:var(--hh-tablet-description-direction,rtl)!important;translate:var(--hh-tablet-description-shift-x,0px) calc(var(--hh-tablet-description-shift-up,0px) * -1)!important;
  }
  .home-page .dynamic-video-hero .hero-cta-columns{
    display:var(--hh-tablet-buttons-display,grid)!important;
    grid-template-columns:repeat(3,var(--hh-tablet-button-width,124px))!important;
    gap:var(--hh-tablet-button-gap,7px)!important;
    direction:var(--hh-tablet-actions-direction,rtl)!important;
    margin-left:var(--hh-tablet-actions-margin-left,auto)!important;margin-right:var(--hh-tablet-actions-margin-right,0)!important;
    transform:translate(var(--hh-tablet-button-group-shift-x,0px),var(--hh-tablet-button-group-shift-y,0px))!important;
  }
  .home-page .dynamic-video-hero .hero-cta-column{width:var(--hh-tablet-button-width,124px)!important}
  .home-page .dynamic-video-hero .hero-cta-button{
    width:var(--hh-tablet-button-width,124px)!important;
    height:var(--hh-tablet-button-height,40px)!important;
    min-height:var(--hh-tablet-button-height,40px)!important;
    font-size:var(--hh-tablet-button-font,11px)!important;
    padding:4px 7px!important;
  }
  .home-page .dynamic-video-hero .hero-feature-text{display:var(--hh-tablet-feature-display,flex)!important;margin-top:var(--hh-tablet-support-gap,3px)!important;font-size:var(--hh-tablet-feature-font,9px)!important;min-height:var(--hh-tablet-support-card-height,28px)!important;border-radius:var(--hh-tablet-support-card-radius,8px)!important;background:color-mix(in srgb,var(--surface) var(--hh-tablet-support-card-opacity,13%),transparent)!important}
  .home-page .dynamic-video-hero .hero-stat-text{display:var(--hh-tablet-statistics-display,flex)!important;margin-top:var(--hh-tablet-stat-gap,2px)!important;font-size:var(--hh-tablet-stat-font,8px)!important;min-height:var(--hh-tablet-support-card-height,28px)!important;border-radius:var(--hh-tablet-support-card-radius,8px)!important;background:color-mix(in srgb,var(--surface) var(--hh-tablet-support-card-opacity,13%),transparent)!important}
  .home-page .dynamic-video-hero .hero-stat-text strong{font-size:calc(var(--hh-tablet-stat-font,8px) + 2px)!important}
}

/* الجوال: أزرار صغيرة تبدأ من اليمين، والمجموعة لا تتمدد بعرض الشاشة. */
@media (max-width:600px){
  .home-page .dynamic-video-hero{
    min-height:var(--hh-mobile-min-height,450px)!important;
    padding:var(--hh-mobile-padding-top,10px) 0 var(--hh-mobile-padding-bottom,16px)!important;
    align-items:flex-start!important;
  }
  .home-page .dynamic-video-hero[data-auto-mobile="1"]{min-height:0!important}
  .home-page .dynamic-video-hero .hero-video-layer :where(video,img){object-position:var(--hero-mobile-position,35% center)!important}
  .home-page .dynamic-video-hero .hero-identity-overlay{
    background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 76%,transparent) 0%,color-mix(in srgb,var(--primary) 64%,transparent) 34%,color-mix(in srgb,var(--primary) 46%,transparent) 72%,color-mix(in srgb,var(--secondary) 24%,transparent) 100%)!important;
  }
  .home-page .dynamic-video-hero .dynamic-hero-layout{display:block!important}
  .home-page .dynamic-video-hero .dynamic-hero-copy{
    width:min(100%,var(--hh-mobile-content-width,340px))!important;
    max-width:var(--hh-mobile-content-width,340px)!important;
    margin:0!important;
    transform:translate(var(--hh-mobile-content-shift-x,0px),calc(var(--hh-mobile-content-shift-up,0px) * -1))!important;
  }
  .home-page .dynamic-video-hero .dynamic-hero-badge{
    display:var(--hh-mobile-intro-display,inline-flex)!important;
    margin-top:0!important;margin-bottom:var(--hh-mobile-badge-gap,24px)!important;
    margin-left:var(--hh-mobile-intro-margin-left,auto)!important;margin-right:var(--hh-mobile-intro-margin-right,0)!important;
    padding:var(--hh-mobile-badge-pad-y,4px) var(--hh-mobile-badge-pad-x,8px)!important;
    font-size:var(--hh-mobile-badge-font,10px)!important;
    font-weight:var(--hh-mobile-badge-weight,700)!important;
    transform:translate(var(--hh-mobile-badge-shift-x,0px),calc(var(--hh-mobile-badge-shift-up,0px) * -1))!important;
    text-align:var(--hh-mobile-intro-align,right)!important;direction:var(--hh-mobile-intro-direction,rtl)!important;
  }
  .home-page .dynamic-video-hero .dynamic-hero-title{display:var(--hh-mobile-title-display,block)!important;margin-bottom:var(--hh-mobile-title-bottom-gap,96px)!important;text-align:var(--hh-mobile-title-align,right)!important;direction:var(--hh-mobile-title-direction,rtl)!important;translate:var(--hh-mobile-title-shift-x,0px) calc(var(--hh-mobile-title-shift-up,0px) * -1)!important}
  .home-page .dynamic-video-hero .hero-title-line{line-height:var(--hh-mobile-title-line-height,1.15)!important}
  .home-page .dynamic-video-hero .hero-title-line + .hero-title-line{margin-top:var(--hh-mobile-title-line-gap,3px)!important}
  .home-page .dynamic-video-hero .hero-title-line-1{font-size:var(--hh-mobile-title-size-1,24px)!important;font-weight:var(--hh-mobile-title-weight-1,700)!important}
  .home-page .dynamic-video-hero .hero-title-line-2{padding-inline-start:var(--hh-mobile-title-indent-2,0px)!important;font-size:var(--hh-mobile-title-size-2,20px)!important;font-weight:var(--hh-mobile-title-weight-2,600)!important;color:#111111!important}
  .home-page .dynamic-video-hero .hero-title-line-3{padding-inline-start:var(--hh-mobile-title-indent-3,0px)!important;font-size:var(--hh-mobile-title-size-3,16px)!important;font-weight:var(--hh-mobile-title-weight-3,400)!important;color:#111111!important}
  .home-page .dynamic-video-hero .dynamic-hero-description{
    display:var(--hh-mobile-description-display,block)!important;
    width:min(100%,var(--hh-mobile-description-width,340px))!important;
    max-width:var(--hh-mobile-description-width,340px)!important;
    margin-top:0!important;margin-bottom:var(--hh-mobile-description-bottom-gap,10px)!important;
    margin-left:var(--hh-mobile-description-margin-left,auto)!important;margin-right:var(--hh-mobile-description-margin-right,0)!important;
    font-size:var(--hh-mobile-description-font,13px)!important;
    font-weight:var(--hh-mobile-description-weight,400)!important;
    line-height:var(--hh-mobile-description-line-height,1.50)!important;
    text-align:var(--hh-mobile-description-align,right)!important;direction:var(--hh-mobile-description-direction,rtl)!important;translate:var(--hh-mobile-description-shift-x,0px) calc(var(--hh-mobile-description-shift-up,0px) * -1)!important;
  }
  .home-page .dynamic-video-hero .hero-cta-columns{
    display:var(--hh-mobile-buttons-display,grid)!important;
    grid-template-columns:repeat(3,var(--hh-mobile-button-width,92px))!important;
    gap:var(--hh-mobile-button-gap,3px)!important;
    width:max-content!important;
    max-width:100%!important;
    margin-right:var(--hh-mobile-actions-margin-right,0)!important;
    margin-left:var(--hh-mobile-actions-margin-left,auto)!important;
    direction:var(--hh-mobile-actions-direction,rtl)!important;
    justify-content:start!important;
    transform:translate(var(--hh-mobile-button-group-shift-x,0px),var(--hh-mobile-button-group-shift-y,0px))!important;
  }
  .home-page .dynamic-video-hero .hero-cta-column{width:var(--hh-mobile-button-width,92px)!important}
  .home-page .dynamic-video-hero .hero-cta-button{
    width:var(--hh-mobile-button-width,92px)!important;
    height:var(--hh-mobile-button-height,34px)!important;
    min-height:var(--hh-mobile-button-height,34px)!important;
    padding:3px 4px!important;
    border-radius:9px!important;
    gap:0!important;
    font-size:var(--hh-mobile-button-font,9px)!important;
    font-weight:700!important;
    line-height:1.15!important;
    box-shadow:0 6px 14px rgba(5,76,105,.10)!important;
  }
  .home-page .dynamic-video-hero .hero-cta-button .icon{display:none!important}
  .home-page .dynamic-video-hero .hero-feature-text{
    display:var(--hh-mobile-feature-display,flex)!important;
    margin-top:var(--hh-mobile-support-gap,3px)!important;
    font-size:var(--hh-mobile-feature-font,9px)!important;
    line-height:1.28!important;
    min-height:var(--hh-mobile-support-card-height,27px)!important;border-radius:var(--hh-mobile-support-card-radius,7px)!important;background:color-mix(in srgb,var(--surface) var(--hh-mobile-support-card-opacity,12%),transparent)!important;
  }
  .home-page .dynamic-video-hero .hero-stat-text{
    display:var(--hh-mobile-statistics-display,flex)!important;
    margin-top:var(--hh-mobile-stat-gap,1px)!important;
    gap:2px!important;
    font-size:var(--hh-mobile-stat-font,8px)!important;
    line-height:1.22!important;
    min-height:var(--hh-mobile-support-card-height,27px)!important;border-radius:var(--hh-mobile-support-card-radius,7px)!important;background:color-mix(in srgb,var(--surface) var(--hh-mobile-support-card-opacity,12%),transparent)!important;
  }
  .home-page .dynamic-video-hero .hero-stat-text strong{font-size:calc(var(--hh-mobile-stat-font,8px) + 1px)!important}
}

@media (max-width:340px){
  .home-page .dynamic-video-hero .hero-cta-columns{transform:scale(.92) translateX(var(--hh-mobile-button-group-shift-x,0px))!important;transform-origin:top right!important}
}
@media(prefers-reduced-motion:reduce){.home-page .dynamic-video-hero video{animation:none!important}}


/* إدارة إعدادات Hero V11.24.15 */
body.admin-body .hero-layout-admin-form{display:grid;gap:18px}
body.admin-body .hero-layout-device-tabs{display:grid;gap:14px;margin-top:18px}
body.admin-body .hero-layout-device-card{padding:0!important;overflow:hidden}
body.admin-body .hero-layout-device-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:16px 18px;background:var(--surface-2);border-bottom:1px solid transparent}
body.admin-body .hero-layout-device-card[open]>summary{border-bottom-color:var(--border)}
body.admin-body .hero-layout-device-card>summary::marker{color:var(--primary)}
body.admin-body .hero-layout-device-card>.hero-layout-group-title{margin:18px 18px 10px;font-size:16px;color:var(--primary)}
body.admin-body .hero-layout-device-card>.hero-layout-fields{padding:0 18px 16px}

.home-page .dynamic-video-hero + .section{padding-top:24px!important}
@media (min-width:601px) and (max-width:1024px){.home-page .dynamic-video-hero + .section{padding-top:20px!important}}
@media (max-width:600px){.home-page .dynamic-video-hero + .section{padding-top:16px!important}}

/* V11.25.0: تحكم نصي صريح لكل جهاز مع المحافظة على ألوان الهوية. */
.home-page .dynamic-video-hero .dynamic-hero-copy{
  text-align:var(--hh-desktop-content-align,right)!important;
  direction:var(--hh-desktop-content-direction,rtl)!important;
  margin-left:var(--hh-desktop-margin-left,auto)!important;
  margin-right:var(--hh-desktop-margin-right,0)!important;
}
.home-page .dynamic-video-hero .hero-managed-item{
  font-size:var(--hi-desktop-font-size)!important;
  font-weight:var(--hi-desktop-font-weight)!important;
  text-align:var(--hi-desktop-text-align,center)!important;
  direction:var(--hi-desktop-direction,rtl)!important;
  translate:var(--hi-desktop-shift-x,0px) var(--hi-desktop-shift-y,0px)!important;
}
@media (min-width:601px) and (max-width:1024px){
  .home-page .dynamic-video-hero .dynamic-hero-copy{text-align:var(--hh-tablet-content-align,right)!important;direction:var(--hh-tablet-content-direction,rtl)!important;margin-left:var(--hh-tablet-margin-left,auto)!important;margin-right:var(--hh-tablet-margin-right,0)!important}
  .home-page .dynamic-video-hero .hero-managed-item{font-size:var(--hi-tablet-font-size)!important;font-weight:var(--hi-tablet-font-weight)!important;text-align:var(--hi-tablet-text-align,center)!important;direction:var(--hi-tablet-direction,rtl)!important;translate:var(--hi-tablet-shift-x,0px) var(--hi-tablet-shift-y,0px)!important}
}
@media (max-width:600px){
  .home-page .dynamic-video-hero .dynamic-hero-copy{text-align:var(--hh-mobile-content-align,right)!important;direction:var(--hh-mobile-content-direction,rtl)!important;margin-left:var(--hh-mobile-margin-left,auto)!important;margin-right:var(--hh-mobile-margin-right,0)!important}
  .home-page .dynamic-video-hero .hero-managed-item{font-size:var(--hi-mobile-font-size)!important;font-weight:var(--hi-mobile-font-weight)!important;text-align:var(--hi-mobile-text-align,center)!important;direction:var(--hi-mobile-direction,rtl)!important;translate:var(--hi-mobile-shift-x,0px) var(--hi-mobile-shift-y,0px)!important}
}
@media (min-width:1025px){.home-page .dynamic-video-hero .hero-hide-desktop{display:none!important}}
@media (min-width:601px) and (max-width:1024px){.home-page .dynamic-video-hero .hero-hide-tablet{display:none!important}}
@media (max-width:600px){.home-page .dynamic-video-hero .hero-hide-mobile{display:none!important}}

body.admin-body .hero-live-preview-wrap{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}
body.admin-body .hero-live-frame{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;max-width:100%;min-height:420px;overflow:auto;border-radius:14px;padding:24px;background:linear-gradient(270deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--primary) var(--preview-overlay,38%),transparent)),linear-gradient(135deg,var(--surface-2),color-mix(in srgb,var(--primary) 16%,var(--surface)))}
body.admin-body .hero-live-media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.55}
body.admin-body .hero-live-frame::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--primary) var(--preview-overlay,38%),transparent))}
body.admin-body .hero-live-preview-wrap[data-device="tablet"] .hero-live-frame{width:min(100%,820px);margin-inline:auto}
body.admin-body .hero-live-preview-wrap[data-device="mobile"] .hero-live-frame{width:min(100%,390px);margin-inline:auto;padding:16px}
body.admin-body .hero-live-copy{max-width:100%;transition:transform .18s ease}
body.admin-body .hero-live-copy>[data-preview-badge]{display:inline-flex;padding:5px 10px;border:1px solid var(--border);border-radius:999px;color:var(--primary);background:color-mix(in srgb,var(--surface) 85%,transparent)}
body.admin-body .hero-live-copy h2{display:grid;margin:12px 0 8px;line-height:1.08;color:var(--text)}
body.admin-body .hero-live-copy h2 b:nth-child(n+2){color:var(--primary)}
body.admin-body .hero-live-copy p{color:var(--muted);max-width:100%}
body.admin-body .hero-live-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body.admin-body .hero-live-column{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0}
body.admin-body .hero-live-actions button{width:100%;border:1px solid var(--primary);border-radius:10px;background:var(--primary);color:#fff;font-family:inherit}
body.admin-body .hero-live-column:nth-child(2) button{background:var(--surface);color:var(--primary)}
body.admin-body :where(.hero-live-feature,.hero-live-stat){display:flex;align-items:center;justify-content:center;width:100%;padding:2px 4px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);background:color-mix(in srgb,var(--surface) var(--preview-support-opacity,14%),transparent);color:var(--text);text-align:center;line-height:1.3}
body.admin-body .hero-item-format{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
body.admin-body .hero-item-format>summary{cursor:pointer}
body.admin-body .hero-item-format>h4{margin:18px 0 8px;color:var(--primary)}
.sortable-admin-list{display:grid;gap:8px;margin-top:10px}.sortable-admin-row{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card,#fff);cursor:grab;transition:opacity .16s,border-color .16s,transform .16s}.sortable-admin-row small{margin-inline-start:auto;color:var(--muted)}.sortable-admin-row.is-dragging{opacity:.45;border-color:var(--primary);transform:scale(.995)}.sortable-admin-handle{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--soft-bg,#eef7fa);color:var(--primary);font-weight:800;cursor:grab;user-select:none}

/* ===== V11.21 — public header logo card only =====
   تعديل محصور بأيقونة شعار الهيدر: إطار دائري، بدون حشوة داخلية، والصورة تملأ الكارد. */
.site-header .brand-logo{
    border-radius:50%!important;
    overflow:hidden!important;
    padding:0!important;
}
.site-header .brand-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:inherit!important;
}


/* ===== V11.26 — header-only polish: auth icons, nav motion, clearer tablet/mobile logo =====
   هذا القسم محصور بالهيدر العام فقط ولا يغيّر أي محتوى أو منطق آخر. */
.site-header .main-nav > a{
    position:relative;
    transition:transform .22s ease, color .22s ease, background-color .22s ease, box-shadow .22s ease;
}
.site-header .main-nav > a:not(.btn)::after{
    content:"";
    position:absolute;
    inset-inline:10px;
    bottom:4px;
    height:2px;
    border-radius:999px;
    background:currentColor;
    opacity:.72;
    transform:scaleX(0);
    transform-origin:right center;
    transition:transform .26s cubic-bezier(.2,.75,.2,1), opacity .22s ease;
    pointer-events:none;
}
.site-header .main-nav > a:not(.btn):hover{
    transform:translateY(-2px);
}
.site-header .main-nav > a:not(.btn):hover::after,
.site-header .main-nav > a:not(.btn).active::after{
    transform:scaleX(1);
}
.site-header .main-nav > a:not(.btn).active::after{
    animation:sabaratNavActiveIn .42s cubic-bezier(.2,.8,.2,1) both;
}
.site-header .nav-auth-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    white-space:nowrap;
}
.site-header .nav-auth-link .icon{
    width:16px;
    height:16px;
    flex:0 0 16px;
    transition:transform .22s ease;
}
.site-header .nav-auth-link:hover .icon{
    transform:translateY(-1px) scale(1.08);
}
.site-header .nav-register{
    overflow:hidden;
}
.site-header .nav-register::before{
    content:"";
    position:absolute;
    inset:-2px;
    border-radius:inherit;
    background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.24) 48%,transparent 76%);
    transform:translateX(120%);
    transition:transform .5s ease;
    pointer-events:none;
}
.site-header .nav-register:hover::before{
    transform:translateX(-120%);
}

@keyframes sabaratNavActiveIn{
    from{transform:scaleX(.15);opacity:.15}
    to{transform:scaleX(1);opacity:.72}
}
@keyframes sabaratNavLinkIn{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
}

@media (prefers-reduced-motion:no-preference) and (min-width:901px){
    .site-header .main-nav > a{animation:sabaratNavLinkIn .34s ease both}
    .site-header .main-nav > a:nth-child(2){animation-delay:.025s}
    .site-header .main-nav > a:nth-child(3){animation-delay:.05s}
    .site-header .main-nav > a:nth-child(4){animation-delay:.075s}
    .site-header .main-nav > a:nth-child(5){animation-delay:.1s}
    .site-header .main-nav > a:nth-child(6){animation-delay:.125s}
    .site-header .main-nav > a:nth-child(7){animation-delay:.15s}
    .site-header .main-nav > a:nth-child(8){animation-delay:.175s}
    .site-header .main-nav > a:nth-child(9){animation-delay:.2s}
    .site-header .main-nav > a:nth-child(10){animation-delay:.225s}
    .site-header .main-nav > a:nth-child(11){animation-delay:.25s}
    .site-header .main-nav > a:nth-child(12){animation-delay:.275s}
}

/* iPad / tablet: keep the same circular card but make the logo noticeably larger and clearer. */
@media screen and (min-width:601px) and (max-width:1024px){
    .site-header .brand-logo{
        width:68px!important;
        height:68px!important;
        min-width:68px!important;
        flex-basis:68px!important;
        border-radius:50%!important;
        overflow:hidden!important;
        padding:0!important;
    }
    .site-header .brand-logo img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        padding:0!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:scale(1.16)!important;
        transform-origin:center!important;
    }
    .site-header.nav-condensed .main-nav > a:not(.btn)::after,
    .site-header .main-nav.open > a:not(.btn)::after{
        inset-inline:11px auto;
        width:34px;
        bottom:5px;
    }
    .site-header .nav-auth-link{
        gap:8px;
    }
    .site-header .nav-auth-link .icon{
        width:18px;
        height:18px;
        flex-basis:18px;
    }
}

/* Mobile: larger circular logo while keeping the header structure unchanged. */
@media screen and (max-width:600px){
    .site-header .brand-logo{
        width:62px!important;
        height:62px!important;
        min-width:62px!important;
        flex-basis:62px!important;
        border-radius:50%!important;
        overflow:hidden!important;
        padding:0!important;
    }
    .site-header .brand-logo img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        padding:0!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:scale(1.18)!important;
        transform-origin:center!important;
    }
    .site-header .main-nav.open > a{
        animation:sabaratNavLinkIn .28s ease both;
    }
    .site-header .main-nav.open > a:nth-child(2){animation-delay:.02s}
    .site-header .main-nav.open > a:nth-child(3){animation-delay:.04s}
    .site-header .main-nav.open > a:nth-child(4){animation-delay:.06s}
    .site-header .main-nav.open > a:nth-child(5){animation-delay:.08s}
    .site-header .main-nav.open > a:nth-child(6){animation-delay:.1s}
    .site-header .main-nav.open > a:nth-child(7){animation-delay:.12s}
    .site-header .main-nav.open > a:nth-child(8){animation-delay:.14s}
    .site-header .main-nav.open > a:nth-child(9){animation-delay:.16s}
    .site-header .main-nav.open > a:nth-child(10){animation-delay:.18s}
    .site-header .main-nav.open > a:nth-child(11){animation-delay:.2s}
    .site-header .main-nav.open > a:nth-child(12){animation-delay:.22s}
    .site-header .main-nav.open > a:not(.btn):hover{
        transform:translateX(-3px);
    }
    .site-header .main-nav.open > a:not(.btn)::after{
        inset-inline:11px auto;
        width:32px;
        bottom:5px;
    }
    .site-header .nav-auth-link{
        gap:9px;
    }
    .site-header .nav-auth-link .icon{
        width:19px;
        height:19px;
        flex-basis:19px;
    }
}

@media screen and (max-width:420px){
    .site-header .brand-logo{
        width:58px!important;
        height:58px!important;
        min-width:58px!important;
        flex-basis:58px!important;
    }
}

@media screen and (max-width:340px){
    .site-header .brand-logo{
        width:54px!important;
        height:54px!important;
        min-width:54px!important;
        flex-basis:54px!important;
    }
}

@media (prefers-reduced-motion:reduce){
    .site-header .main-nav > a,
    .site-header .main-nav > a::after,
    .site-header .nav-auth-link .icon,
    .site-header .nav-register::before{
        animation:none!important;
        transition:none!important;
    }
}

/* ===== v11.33.0 — managed entity stories, nested feature cards and unified identity ===== */
.entity-content-shell{background:var(--surface);overflow:hidden}
.entity-content-block{
    padding:clamp(34px,6vw,82px) 0;
    background:
        radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 31%),
        linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--primary-soft)),var(--surface));
}
.entity-content-block:nth-child(even){background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--primary-soft) 14%,var(--surface)))}
.entity-story{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
    grid-template-areas:"media copy";
    gap:clamp(28px,5vw,68px);
    align-items:center;
    direction:ltr;
    min-width:0;
    padding:clamp(22px,3vw,42px);
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));
    border-radius:clamp(24px,3vw,38px);
    background:color-mix(in srgb,var(--surface) 82%,transparent);
    box-shadow:0 24px 70px rgba(8,41,76,.09);
    backdrop-filter:blur(18px);
}
.entity-story.media-right{grid-template-areas:"copy media"}
.entity-story.no-media{grid-template-columns:1fr;grid-template-areas:"copy"}
.entity-story-copy{grid-area:copy;direction:rtl;text-align:right;min-width:0}
.entity-story-copy h2{margin:0;color:var(--entity-title-color);font-size:var(--entity-title-size);line-height:1.3;font-weight:850;text-wrap:balance}
.entity-story-subtitle{margin:12px 0 0;color:var(--entity-subtitle-color);font-size:var(--entity-subtitle-size);line-height:1.65;font-weight:750}
.entity-story-description{margin-top:16px;color:var(--entity-description-color);font-size:var(--entity-description-size);line-height:2;font-weight:500;overflow-wrap:anywhere}
.entity-story-media{grid-area:media;min-width:0;width:100%}
.entity-media-gallery{position:relative;width:100%;isolation:isolate}
.entity-media-stage{position:relative;width:100%;aspect-ratio:4/3;border-radius:clamp(20px,2.5vw,34px);overflow:hidden;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));box-shadow:0 24px 54px rgba(6,34,74,.14)}
.entity-media-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(.975);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.72,.2,1),visibility .55s}
.entity-media-slide.is-active{opacity:1;visibility:visible;transform:none;z-index:1}
.entity-media-slide img,.entity-media-slide video{display:block;width:100%;height:100%;object-fit:var(--entity-media-fit,cover);object-position:center;background:var(--surface-2)}
.entity-gallery-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.62);background:rgba(7,43,80,.58);color:#fff;backdrop-filter:blur(10px);cursor:pointer;transition:transform .2s ease,background .2s ease}
.entity-gallery-nav:hover{background:var(--primary);transform:translateY(-50%) scale(1.06)}
.entity-gallery-prev{inset-inline-start:14px}.entity-gallery-next{inset-inline-end:14px}
.entity-gallery-dots{position:absolute;z-index:3;inset-inline:0;bottom:14px;display:flex;justify-content:center;gap:7px}
.entity-gallery-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.62);box-shadow:0 0 0 1px rgba(7,43,80,.12);cursor:pointer;transition:width .22s ease,background .22s ease}
.entity-gallery-dots button.is-active{width:28px;background:#fff}
.entity-feature-grid{display:grid;grid-template-columns:repeat(var(--entity-cols-desktop,3),minmax(0,1fr));gap:clamp(16px,2.4vw,26px);align-items:stretch;margin-top:clamp(22px,4vw,42px)}
.entity-feature-card{
    position:relative;
    isolation:isolate;
    height:360px;
    min-height:360px;
    max-height:360px;
    display:grid;
    grid-template-rows:auto 1fr;
    gap:18px;
    padding:clamp(22px,2.4vw,30px);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.26);
    border-radius:28px;
    background:
        radial-gradient(circle at 15% 12%,rgba(255,255,255,.15),transparent 28%),
        linear-gradient(145deg,color-mix(in srgb,var(--footer-bg,var(--secondary)) 82%,transparent),color-mix(in srgb,var(--primary) 68%,transparent));
    color:#fff;
    box-shadow:0 22px 54px rgba(7,38,79,.17),inset 0 1px 0 rgba(255,255,255,.13);
    backdrop-filter:blur(18px);
    transition:transform .38s cubic-bezier(.2,.72,.2,1),border-color .3s ease,box-shadow .3s ease,background .3s ease;
}
.entity-feature-card::before{content:"";position:absolute;z-index:-1;inset:-40% 46% 48% -28%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 35%,rgba(255,255,255,.24)),transparent 70%);transition:transform .45s ease}
.entity-feature-card:hover{transform:translateY(-9px);border-color:rgba(255,255,255,.72);box-shadow:0 30px 70px rgba(7,38,79,.25);background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 78%,transparent),color-mix(in srgb,var(--primary-strong) 76%,transparent))}
.entity-feature-card:hover::before{transform:scale(1.2) translate(12px,10px)}
.entity-feature-card[hidden]{display:none!important}
.entity-feature-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.entity-feature-icon .icon{width:31px;height:31px;stroke-width:1.9}
.entity-feature-copy{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.42) transparent;padding-inline-end:3px}
.entity-feature-copy h3{margin:0;color:var(--feature-title-color);font-size:var(--feature-title-size);line-height:1.45;font-weight:820;text-wrap:balance}
.entity-feature-subtitle{margin:8px 0 0;color:var(--feature-subtitle-color);font-size:var(--feature-subtitle-size);line-height:1.7;font-weight:720}
.entity-feature-description{margin:10px 0 0;color:var(--feature-description-color);font-size:var(--feature-description-size);line-height:1.8}
.entity-feature-copy ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.entity-feature-copy li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;color:var(--feature-description-color);font-size:var(--feature-description-size);line-height:1.75}
.entity-feature-copy li .icon{width:20px;height:20px;margin-top:3px;color:#fff;stroke-width:2.7;padding:3px;border-radius:50%;background:rgba(255,255,255,.12)}
.entity-grid-toggle{display:flex;margin:22px auto 0}
.blog-article-faq{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--primary-soft) 14%,var(--surface)))}

/* تفاصيل السعر والطلب أسفل المعرض على اللابتوب، الاستشارة والعمل يتبعان نفس القاعدة. */
.work-detail-layout,.service-detail-layout{grid-template-columns:minmax(0,1fr)!important;max-width:1000px;margin-inline:auto}
.work-detail-card,.service-detail-card{width:100%;position:static!important;inset:auto!important}

/* تكبير رمز الشعار وإظهاره دائريًا بوضوح في جميع المقاسات. */
.site-header .brand-logo{width:64px!important;height:64px!important;min-width:64px!important;flex:0 0 64px!important;border-radius:50%!important;padding:2px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 8px 24px rgba(8,43,80,.1)!important}
.site-header .brand-logo img{width:100%!important;height:100%!important;padding:1px!important;border-radius:50%!important;object-fit:contain!important}

/* شبكة وسائط الإدارة. */
.entity-admin-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.entity-admin-media-grid article{display:grid;gap:8px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.entity-admin-media-grid article>div{aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--surface-2)}
.entity-admin-media-grid img,.entity-admin-media-grid video{width:100%;height:100%;object-fit:contain;display:block}
.entity-admin-media-grid small{overflow-wrap:anywhere}

@media(max-width:1023.98px){
    .entity-story{grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:24px;padding:24px}
    .entity-feature-grid{grid-template-columns:repeat(var(--entity-cols-tablet,2),minmax(0,1fr))}
    .entity-feature-card{height:340px;min-height:340px;max-height:340px}
    .entity-admin-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .site-header .brand-logo{width:54px!important;height:54px!important;min-width:54px!important;flex-basis:54px!important}
}
@media(max-width:767.98px){
    .entity-content-block{padding:28px 0}
    .entity-story,.entity-story.media-left,.entity-story.media-right{grid-template-columns:1fr;grid-template-areas:"copy" "media";gap:20px;padding:18px;border-radius:24px}
    .entity-story-copy h2{font-size:min(var(--entity-title-size),34px)}
    .entity-story-subtitle{font-size:min(var(--entity-subtitle-size),19px)}
    .entity-story-description{font-size:min(var(--entity-description-size),16px);line-height:1.9}
    .entity-media-stage{aspect-ratio:16/10}
    .entity-feature-grid{grid-template-columns:repeat(var(--entity-cols-mobile,1),minmax(0,1fr));gap:14px;margin-top:18px}
    .entity-feature-card{height:auto;min-height:0;max-height:none;padding:20px;border-radius:22px}
    .entity-feature-copy{overflow:visible;padding-inline-end:0}
    .entity-feature-icon{width:54px;height:54px;border-radius:17px}.entity-feature-icon .icon{width:26px;height:26px}
    .entity-admin-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .site-header .brand-logo{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important}
}

/* ===== v11.35.0 — packages, multi-department execution and unified cards ===== */
.package-page-hero,.package-detail-hero{background:radial-gradient(circle at 14% 20%,color-mix(in srgb,var(--primary) 30%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--primary-strong) 92%,#071b39),color-mix(in srgb,var(--secondary) 68%,#0b2347));color:#fff}
.package-page-hero :is(h1,p,.eyebrow),.package-detail-hero :is(h1,h2,p,.eyebrow){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
.package-public-grid{display:grid;grid-template-columns:repeat(var(--package-cols-desktop,3),minmax(0,1fr));gap:clamp(16px,2.2vw,28px);align-items:stretch}
.package-public-card{min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:26px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:0 20px 55px rgba(5,42,78,.12);backdrop-filter:blur(18px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.package-public-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--primary) 62%,var(--border));box-shadow:0 28px 70px color-mix(in srgb,var(--primary) 20%,transparent)}
.package-card-media{aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}.package-card-media :is(img,video){width:100%;height:100%;object-fit:cover;display:block}
.package-card-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:clamp(17px,2vw,24px)}.package-card-body :is(h2,h3,p){margin:0}.package-card-body h2{font-size:clamp(21px,2vw,29px);line-height:1.35}.package-card-body h3{font-size:15px;color:var(--primary)}.package-card-body p{color:var(--muted);line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.package-card-price{margin-top:auto;padding-top:10px;display:grid;gap:4px;border-top:1px solid var(--border)}.package-card-price strong{font-size:22px;color:var(--primary-strong)}.package-details-button{width:100%;justify-content:center}
.package-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:clamp(22px,4vw,48px);align-items:start}.package-detail-main{min-width:0;display:grid;gap:28px}.package-order-summary{position:sticky;top:110px}.package-summary-card,.package-description-card{padding:clamp(20px,3vw,32px);border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:25px;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 20px 55px rgba(5,42,78,.11)}.package-summary-card{display:grid;gap:18px}.package-summary-card>.btn{width:100%;justify-content:center}.package-summary-card h2{margin:0;color:var(--primary-strong)}
.entity-media-showcase{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:28px;background:var(--surface-2);box-shadow:0 24px 60px rgba(5,42,78,.15)}.entity-media-showcase .entity-media-stage{height:100%}.entity-media-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s ease}.entity-media-slide.active,.entity-media-slide.is-active{opacity:1;pointer-events:auto}.entity-media-slide :is(img,video){width:100%;height:100%;object-fit:cover}
.package-feature-grid{display:grid;grid-template-columns:repeat(var(--package-feature-cols-desktop,3),minmax(0,1fr));gap:16px}.package-feature-card{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:20px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.package-feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#fff;background:var(--primary)}.package-feature-icon .icon{width:25px;height:25px}.package-feature-card :is(h3,h4,p){margin:0}.package-feature-card h4{margin-top:5px;color:var(--primary);font-size:14px}.package-feature-card p{margin-top:8px;color:var(--muted);line-height:1.75}
.package-services-section{display:grid;gap:15px}.package-department-card{padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.package-department-card h3{display:flex;gap:9px;align-items:center;margin:0 0 14px}.package-department-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.package-department-card li{display:flex;gap:8px;align-items:flex-start;color:var(--text)}.package-department-card li .icon{flex:0 0 19px;color:var(--primary)}
.selected-package-request{display:flex;align-items:center;gap:16px;padding:15px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}.selected-package-request img{width:96px;height:76px;border-radius:13px;object-fit:cover}.selected-package-request :is(h3,p){margin:4px 0 0}
.package-order-items-list{display:grid;gap:14px}.package-order-item-card{min-width:0;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:19px;background:color-mix(in srgb,var(--surface) 92%,transparent)}.package-order-item-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.package-order-item-head :is(h4,small){margin:0}.package-order-item-head h4{margin-top:4px;font-size:18px}.package-order-item-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px}.package-order-item-meta>span{min-width:min(220px,100%);display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.package-item-assign-form,.package-item-status-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.align-end{align-self:end}
.package-admin-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.package-admin-check-grid label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
@media(max-width:1024px){.package-public-grid{grid-template-columns:repeat(var(--package-cols-tablet,2),minmax(0,1fr))}.package-detail-layout{grid-template-columns:minmax(0,1fr) 300px}.package-feature-grid{grid-template-columns:repeat(var(--package-feature-cols-tablet,2),minmax(0,1fr))}.package-admin-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.package-public-grid{grid-template-columns:repeat(var(--package-cols-mobile,1),minmax(0,1fr));gap:11px}.package-public-card{border-radius:19px}.package-card-media{aspect-ratio:4/3}.package-card-body{padding:14px;gap:9px}.package-card-body h2{font-size:18px}.package-card-body p{font-size:13px;-webkit-line-clamp:4}.package-card-price strong{font-size:18px}.package-detail-layout{grid-template-columns:1fr}.package-order-summary{position:static}.package-feature-grid{grid-template-columns:repeat(var(--package-feature-cols-mobile,2),minmax(0,1fr))}.package-department-card ul{grid-template-columns:1fr}.package-feature-card{grid-template-columns:44px minmax(0,1fr);padding:15px}.package-feature-icon{width:44px;height:44px;border-radius:13px}.entity-media-showcase{border-radius:20px}.selected-package-request{align-items:flex-start}.selected-package-request img{width:76px;height:68px}.package-order-item-head{align-items:flex-start}.package-item-assign-form,.package-item-status-form{grid-template-columns:1fr}.package-admin-check-grid{grid-template-columns:1fr}}

/* ===== v11.34.0 — legal consent, WhatsApp CTA and deferred settlement ===== */
.legal-consent-field{padding:18px!important;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--primary-soft) 30%,var(--surface));box-shadow:0 12px 30px rgba(7,48,91,.07)}
.legal-consent-check{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0!important;line-height:1.9;font-weight:750;color:var(--text)}
.legal-consent-check input{flex:0 0 auto;width:20px;height:20px;margin-top:5px;accent-color:var(--primary)}
.legal-consent-check a{color:var(--primary-strong);font-weight:900;text-decoration:underline;text-underline-offset:3px}
.entity-whatsapp-button{border-color:#169b62!important;color:#08794a!important;background:color-mix(in srgb,#25d366 9%,var(--surface))!important}
.entity-whatsapp-button:hover{color:#fff!important;background:#128c5a!important;border-color:#128c5a!important}
.deferred-settlement-card{border-color:color-mix(in srgb,#d99a14 48%,var(--border))!important;background:linear-gradient(145deg,color-mix(in srgb,#fff4cf 32%,var(--surface)),var(--surface))!important}
.deferred-settlement-card .panel-head{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,#d99a14 25%,var(--border))}
.deferred-settlement-card form{margin-top:16px}
@media(max-width:767.98px){.legal-consent-field{padding:14px!important}.legal-consent-check{gap:9px!important;font-size:13px}.deferred-settlement-card .form-grid{grid-template-columns:1fr!important}}
@media(max-width:430px){
    .entity-media-stage{aspect-ratio:4/3}.entity-gallery-nav{width:38px;height:38px}.entity-gallery-prev{inset-inline-start:8px}.entity-gallery-next{inset-inline-end:8px}
    .entity-feature-copy h3{font-size:min(var(--feature-title-size),22px)}
    .entity-feature-subtitle{font-size:min(var(--feature-subtitle-size),16px)}
    .entity-feature-description,.entity-feature-copy li{font-size:min(var(--feature-description-size),14px)}
    .entity-admin-media-grid{grid-template-columns:1fr}
    .site-header .brand-logo{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}
}
@media(prefers-reduced-motion:reduce){.entity-media-slide,.entity-feature-card{transition:none!important}.entity-feature-card:hover{transform:none}}

/* ===== V11.27 — ONLY: laptop nav menu + clearer/larger public-header logo on laptop/tablet/mobile ===== */
/* Keep the existing circular card; only enlarge the card inside the current header height. */
@media screen and (min-width:1025px) and (max-width:1440px){
    .site-header .brand-logo{
        width:72px!important;
        height:72px!important;
        min-width:72px!important;
        flex:0 0 72px!important;
        border-radius:50%!important;
        overflow:hidden!important;
        padding:0!important;
    }
}

@media screen and (min-width:601px) and (max-width:1024px){
    .site-header .brand-logo{
        width:68px!important;
        height:68px!important;
        min-width:68px!important;
        flex:0 0 68px!important;
        border-radius:50%!important;
        overflow:hidden!important;
        padding:0!important;
    }
}

@media screen and (max-width:600px){
    .site-header .brand-logo{
        width:62px!important;
        height:62px!important;
        min-width:62px!important;
        flex:0 0 62px!important;
        border-radius:50%!important;
        overflow:hidden!important;
        padding:0!important;
    }
}

@media screen and (max-width:340px){
    .site-header .brand-logo{
        width:58px!important;
        height:58px!important;
        min-width:58px!important;
        flex-basis:58px!important;
    }
}

/* Current SABARAT transparent logo has wide transparent margins.
   This zooms only that logo artwork, not the circular card or the header layout. */
.site-header .brand-logo img[src*="1fed70b16e889bdaafcf9a01a8e9fc7a"]{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:scale(1.95)!important;
    transform-origin:center!important;
}

/* ===== V11.29 — SABARAT hand-logo identity + inline laptop navigation ONLY =====
   Scope: public site colors, public-header navigation spacing and public-header logo sizing.
   No forms, data, order logic, admin logic or page structure is changed here. */

/* Public-site identity derived from the hand logo supplied by the client. */
body.public-body{
    --sabarat-brand-start:#6395AC;
    --sabarat-brand-mid:#6395AC;
    --sabarat-brand-end:#6395AC;
    --sabarat-brand-gradient:linear-gradient(135deg,#6395AC 0%,#6395AC 50%,#6395AC 100%);
    --primary:#6395AC;
    --primary-strong:#6395AC;
    --secondary:#6395AC;
    --secondary-2:#6395AC;
    --primary-soft:#EAF8FE;
    --page-bg:#F8FCFF;
    --surface-3:#EEF9FE;
    --footer-bg:#6395AC;
    --hero-bg-end:#ECF9FE;
}

/* Primary public buttons use the exact hand-logo gradient. */
body.public-body .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success),
body.public-body .btn-soft,
body.public-body .btn-consultation{
    background:var(--sabarat-brand-gradient)!important;
    border-color:#6395AC!important;
    color:#0B3150!important;
    box-shadow:0 8px 20px rgba(99,149,172,.22)!important;
}
body.public-body .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success):hover,
body.public-body .btn-soft:hover,
body.public-body .btn-consultation:hover{
    box-shadow:0 12px 28px rgba(99,149,172,.30)!important;
}

/* Main public brand backgrounds use the same three-stop identity gradient. */
body.public-body .section.dark,
body.public-body .cta-card,
body.public-body .consultation-hero,
body.public-body .consultation-cta-card,
body.public-body .site-footer{
    background:var(--sabarat-brand-gradient)!important;
}

/* Keep light-background sections within the same visual family without changing their structure. */
body.public-body .section.alt,
body.public-body .surface-section{
    background:linear-gradient(135deg,#FBFEFF 0%,#F2FBFE 50%,#EAF8FE 100%)!important;
}

/* Laptop/desktop: keep all header titles in the header itself, with comfortable spacing. */
@media screen and (min-width:1025px){
    .site-header .nav-wrap{
        min-height:82px!important;
        gap:14px!important;
    }
    .site-header .brand,
    .site-header.nav-condensed .brand{
        flex:0 0 auto!important;
        width:auto!important;
        max-width:228px!important;
        gap:9px!important;
    }
    .site-header .brand-logo{
        width:76px!important;
        height:76px!important;
        min-width:76px!important;
        flex:0 0 76px!important;
        border-radius:50%!important;
        overflow:hidden!important;
        padding:0!important;
    }
    .site-header .brand-copy{
        max-width:143px!important;
    }
    .site-header .brand-copy b{
        max-width:100%!important;
        font-size:14px!important;
        white-space:nowrap!important;
    }
    .site-header .brand-copy small{
        max-width:100%!important;
        font-size:9.5px!important;
        line-height:1.3!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        -webkit-line-clamp:unset!important;
    }
    .site-header .nav-utility-actions .menu-toggle,
    .site-header.nav-condensed .menu-toggle{
        display:none!important;
    }
    .site-header .main-nav,
    .site-header.nav-condensed .main-nav,
    .site-header.nav-condensed .main-nav.open{
        position:static!important;
        inset:auto!important;
        display:flex!important;
        flex:1 1 auto!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:flex-start!important;
        width:auto!important;
        max-width:none!important;
        max-height:none!important;
        min-width:0!important;
        padding:0!important;
        margin:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        overflow:visible!important;
        gap:clamp(5px,.48vw,8px)!important;
    }
    .site-header .main-nav>a,
    .site-header.nav-condensed .main-nav>a{
        display:inline-flex!important;
        width:auto!important;
        min-width:0!important;
        min-height:0!important;
        flex:0 0 auto!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
        white-space:nowrap!important;
        overflow-wrap:normal!important;
        word-break:normal!important;
    }
    .site-header .main-nav>a:not(.btn),
    .site-header.nav-condensed .main-nav>a:not(.btn){
        padding:10px clamp(5px,.42vw,8px)!important;
        font-size:clamp(12px,.93vw,13.5px)!important;
        line-height:1.25!important;
    }
    .site-header .main-nav>.btn,
    .site-header.nav-condensed .main-nav>.btn{
        min-height:40px!important;
        padding:8px clamp(9px,.7vw,13px)!important;
        font-size:clamp(12px,.9vw,13px)!important;
        white-space:nowrap!important;
    }
    .site-header .nav-auth-link{
        gap:6px!important;
    }
    .site-header .nav-auth-link .icon{
        width:16px!important;
        height:16px!important;
        flex-basis:16px!important;
    }
}

/* iPad/tablet: keep the circular card, enlarge the logo only inside the existing header. */
@media screen and (min-width:601px) and (max-width:1024px){
    .site-header .brand-logo{
        width:72px!important;
        height:72px!important;
        min-width:72px!important;
        flex:0 0 72px!important;
        border-radius:50%!important;
        overflow:hidden!important;
        padding:0!important;
    }
}

/* Mobile: same circular card treatment, slightly smaller than tablet so the header is not pushed. */
@media screen and (max-width:600px){
    .site-header .brand-logo{
        width:66px!important;
        height:66px!important;
        min-width:66px!important;
        flex:0 0 66px!important;
        border-radius:50%!important;
        overflow:hidden!important;
        padding:0!important;
    }
}
@media screen and (max-width:360px){
    .site-header .brand-logo{
        width:62px!important;
        height:62px!important;
        min-width:62px!important;
        flex-basis:62px!important;
    }
}

/* The current transparent logo contains a large empty canvas.
   Zoom only its artwork so the FULL visible logo fills the circle more clearly,
   without enlarging the header card or changing any other element. */
.site-header .brand-logo img[src*="1fed70b16e889bdaafcf9a01a8e9fc7a"]{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:scale(2.06)!important;
    transform-origin:center!important;
}

/* ===== V11.30 — authenticated laptop header overflow fix ONLY =====
   Keep all public navigation titles inline and untouched. Authenticated account-only
   actions are grouped into one compact account control on laptop/desktop so logout
   can never be pushed outside the viewport. Tablet/mobile keep the same direct menu links. */
.site-header .nav-account{
    position:relative;
    flex:0 0 auto;
    min-width:0;
}
.site-header .nav-account-toggle{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:8px 11px;
    border:1px solid var(--border);
    border-radius:11px;
    background:var(--header-bg,#fff);
    color:var(--header-text,var(--text));
    font-size:12.5px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    box-shadow:none;
    transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}
.site-header .nav-account-toggle:hover,
.site-header .nav-account.open .nav-account-toggle,
.site-header .nav-account.active .nav-account-toggle{
    border-color:color-mix(in srgb,var(--primary) 52%,var(--border));
    background:color-mix(in srgb,var(--primary) 9%,var(--header-bg,#fff));
    color:var(--primary);
}
.site-header .nav-account-toggle:active{transform:translateY(1px)}
.site-header .nav-account-toggle .icon{
    width:16px;
    height:16px;
    flex:0 0 16px;
}
.site-header .nav-account-chevron{
    font-size:15px;
    line-height:1;
    transition:transform .2s ease;
}
.site-header .nav-account.open .nav-account-chevron{transform:rotate(180deg)}
.site-header .nav-account-count{
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    display:inline-grid;
    place-items:center;
    background:var(--danger);
    color:#fff;
    font-size:10px;
    font-weight:900;
}
.site-header .nav-account-menu{
    position:absolute;
    z-index:1010;
    top:calc(100% + 9px);
    inset-inline-end:0;
    width:210px;
    display:none;
    padding:8px;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--header-bg,var(--surface));
    box-shadow:0 18px 48px rgba(7,31,70,.16);
}
.site-header .nav-account.open .nav-account-menu{display:grid;gap:3px}
.site-header .nav-account-menu>a{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    padding:8px 10px;
    border-radius:9px;
    color:var(--header-text,var(--text));
    font-size:13px;
    font-weight:750;
    line-height:1.35;
    text-align:right;
    white-space:nowrap;
}
.site-header .nav-account-menu>a:hover{
    color:var(--primary);
    background:var(--primary-soft);
}
.site-header .nav-account-menu>a.nav-ghost{
    margin-top:4px;
    border-top:1px solid var(--border);
    border-radius:0 0 9px 9px;
    color:var(--danger)!important;
}

/* Laptop/desktop: reserve the account actions as ONE navigation item.
   Public titles keep their existing spacing, sizing, animation and inline layout. */
@media screen and (min-width:1025px){
    .site-header .main-nav{
        overflow:visible!important;
    }
    .site-header .nav-account{
        margin-inline-start:2px;
    }
}

/* Tablet/mobile: do not create a nested dropdown inside the existing hamburger menu.
   The account actions stay directly visible exactly where users expect them. */
@media screen and (max-width:1024px){
    .site-header .nav-account{
        width:100%;
        display:block;
    }
    .site-header .nav-account-toggle{
        display:none!important;
    }
    .site-header .nav-account-menu,
    .site-header .nav-account.open .nav-account-menu{
        position:static;
        width:100%;
        display:grid!important;
        gap:4px;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .site-header .nav-account-menu>a{
        width:100%;
        min-height:42px;
        justify-content:flex-start;
        padding:9px 11px;
        border-radius:10px;
        white-space:normal;
    }
    .site-header .nav-account-menu>a.nav-ghost{
        margin-top:0;
        border-top:0;
        border-radius:10px;
    }
}

/* ===== V11.31 — SABARAT identity surfaces/buttons + CTA white buttons ONLY =====
   Visual-only patch. No layout, forms, business logic, database or navigation behavior is changed. */

/* 1) Exact requested CTA buttons: white background + black text in light and dark themes. */
body.public-body .home-cta-card .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success),
body.public-body .consultation-cta-card .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success){
    background:#FFFFFF!important;
    color:#111111!important;
    border-color:#FFFFFF!important;
    box-shadow:0 8px 22px rgba(10,44,64,.10)!important;
}
body.public-body .home-cta-card .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success):hover,
body.public-body .consultation-cta-card .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success):hover{
    background:#F8FCFF!important;
    color:#111111!important;
    border-color:#FFFFFF!important;
    box-shadow:0 12px 28px rgba(10,44,64,.16)!important;
}
html[data-theme="dark"] body.public-body .home-cta-card .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success),
html[data-theme="dark"] body.public-body .consultation-cta-card .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success),
html[data-theme="dark"] body.public-body .home-cta-card .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success):hover,
html[data-theme="dark"] body.public-body .consultation-cta-card .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success):hover{
    background:#FFFFFF!important;
    color:#111111!important;
    border-color:#FFFFFF!important;
}

/* 2) Public footer/background identity — exact hand-logo gradient. */
body.public-body .site-footer,
body.public-body .cta-card,
body.public-body .consultation-hero,
body.public-body .consultation-cta-card{
    background:linear-gradient(135deg,#6395AC 0%,#6395AC 50%,#6395AC 100%)!important;
}
body.public-body .section.alt,
body.public-body .surface-section,
body.public-body .page-hero{
    background:linear-gradient(135deg,#FBFEFF 0%,#F1FAFE 52%,#E9F8FE 100%)!important;
}

/* 3) Admin identity: same brand colors on visual accents only. */
body.admin-body{
    --sabarat-brand-start:#6395AC;
    --sabarat-brand-mid:#6395AC;
    --sabarat-brand-end:#6395AC;
    --sabarat-brand-gradient:linear-gradient(135deg,#6395AC 0%,#6395AC 50%,#6395AC 100%);
    --primary:#6395AC;
    --primary-strong:#6395AC;
    --secondary:#6395AC;
    --secondary-2:#6395AC;
    --primary-soft:#EAF8FE;
    background:linear-gradient(135deg,#F9FDFF 0%,#F2FAFE 48%,#ECF8FD 100%);
}
body.admin-body .admin-sidebar{
    background:
        radial-gradient(circle at 28% 0,rgba(255,255,255,.16),transparent 34%),
        var(--sabarat-brand-gradient)!important;
    box-shadow:-12px 0 40px rgba(30,128,168,.18);
}
body.admin-body .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success):not(.btn-google),
body.admin-body .btn-soft{
    background:var(--sabarat-brand-gradient)!important;
    border-color:#6395AC!important;
    color:#0B3150!important;
    box-shadow:0 8px 20px rgba(99,149,172,.22)!important;
}
body.admin-body .btn:not(.btn-outline):not(.btn-ghost):not(.btn-danger):not(.btn-success):not(.btn-google):hover,
body.admin-body .btn-soft:hover{
    box-shadow:0 12px 28px rgba(99,149,172,.30)!important;
}
body.admin-body .btn-outline{
    border-color:color-mix(in srgb,#6395AC 60%,var(--border))!important;
    color:#147BA6!important;
}
body.admin-body .top-icon:hover,
body.admin-body .theme-toggle:hover,
body.admin-body .admin-mobile-toggle:hover{
    border-color:#6395AC!important;
    color:#1687B4!important;
    background:#EFFAFF!important;
}

/* 4) Login + register identity. Kept scoped to auth pages only. */
.auth-page{
    --sabarat-brand-start:#6395AC;
    --sabarat-brand-mid:#6395AC;
    --sabarat-brand-end:#6395AC;
    --sabarat-brand-gradient:linear-gradient(135deg,#6395AC 0%,#6395AC 50%,#6395AC 100%);
    --primary:#6395AC;
    --primary-strong:#6395AC;
    --secondary:#6395AC;
    --secondary-2:#6395AC;
    --primary-soft:#EAF8FE;
}
.auth-page .auth-showcase{
    background:
        radial-gradient(circle at 18% 12%,rgba(255,255,255,.18),transparent 30%),
        linear-gradient(135deg,#6395AC 0%,#6395AC 50%,#6395AC 100%)!important;
}
.auth-page .auth-panel{
    background:linear-gradient(145deg,#FFFFFF 0%,#F7FCFF 52%,#EDF9FE 100%)!important;
}
.auth-page .btn:not(.btn-outline):not(.btn-ghost):not(.btn-google):not(.btn-danger):not(.btn-success){
    background:var(--sabarat-brand-gradient)!important;
    border-color:#6395AC!important;
    color:#0B3150!important;
    box-shadow:0 8px 20px rgba(99,149,172,.22)!important;
}
.auth-page .btn:not(.btn-outline):not(.btn-ghost):not(.btn-google):not(.btn-danger):not(.btn-success):hover{
    box-shadow:0 12px 28px rgba(99,149,172,.30)!important;
}
.auth-page .btn-outline{
    background:#FFFFFF!important;
    border-color:#6395AC!important;
    color:#147BA6!important;
}
.auth-page .field input:focus,
.auth-page .field select:focus,
.auth-page .field textarea:focus{
    border-color:#6395AC!important;
    box-shadow:0 0 0 4px rgba(99,149,172,.14)!important;
}

/* 5) Dark mode: retain dark surfaces while keeping the SABARAT identity for actions. */
html[data-theme="dark"] body.admin-body{
    background:var(--surface-2)!important;
}
html[data-theme="dark"] body.admin-body .admin-sidebar{
    background:
        radial-gradient(circle at 28% 0,rgba(99,149,172,.14),transparent 34%),
        linear-gradient(180deg,#176F99 0%,#155F83 52%,#104A68 100%)!important;
}
html[data-theme="dark"] body.admin-body .btn-outline{
    background:var(--surface)!important;
    color:#6395AC!important;
    border-color:#35677B!important;
}
html[data-theme="dark"] body.admin-body .top-icon:hover,
html[data-theme="dark"] body.admin-body .theme-toggle:hover,
html[data-theme="dark"] body.admin-body .admin-mobile-toggle:hover{
    background:#132C38!important;
    color:#6395AC!important;
    border-color:#35677B!important;
}
html[data-theme="dark"] .auth-page .auth-panel{
    background:linear-gradient(145deg,#0A1220 0%,#0E1A29 55%,#102531 100%)!important;
}
html[data-theme="dark"] .auth-page .btn-outline{
    background:var(--surface)!important;
    color:#6395AC!important;
    border-color:#35677B!important;
}
html[data-theme="dark"] .auth-page .auth-showcase{
    background:
        radial-gradient(circle at 18% 12%,rgba(99,149,172,.13),transparent 30%),
        linear-gradient(135deg,#176F99 0%,#2388B2 50%,#2F9CC8 100%)!important;
}

/* ===== V11.31.3 — SABARAT identity for admin/auth/footer ONLY =====
   Visual-only override. No layout, navigation, forms, data or business logic is changed. */
:root{
    --sabarat-deep-start:#59B8DF;
    --sabarat-deep-mid:#39ACD9;
    --sabarat-deep-end:#249BCB;
    --sabarat-deep-gradient:linear-gradient(135deg,#59B8DF 0%,#39ACD9 50%,#249BCB 100%);
    --sabarat-ink:#071B29;
}

/* Admin: slightly darker than the previous identity, including the top bar. */
body.admin-body .admin-sidebar,
body.admin-body .admin-topbar{
    background:
        radial-gradient(circle at 24% 0,rgba(255,255,255,.10),transparent 34%),
        var(--sabarat-deep-gradient)!important;
    border-color:rgba(7,27,41,.10)!important;
}
body.admin-body .admin-sidebar{
    box-shadow:-12px 0 40px rgba(21,111,151,.22)!important;
}

/* Black/dark text on the colored admin surfaces in light mode. */
html:not([data-theme="dark"]) body.admin-body .admin-sidebar,
html:not([data-theme="dark"]) body.admin-body .admin-sidebar a,
html:not([data-theme="dark"]) body.admin-body .admin-sidebar button,
html:not([data-theme="dark"]) body.admin-body .admin-sidebar .brand-copy b,
html:not([data-theme="dark"]) body.admin-body .admin-sidebar .brand-copy small,
html:not([data-theme="dark"]) body.admin-body .admin-topbar,
html:not([data-theme="dark"]) body.admin-body .admin-topbar a,
html:not([data-theme="dark"]) body.admin-body .admin-topbar button,
html:not([data-theme="dark"]) body.admin-body .admin-topbar strong,
html:not([data-theme="dark"]) body.admin-body .admin-topbar b,
html:not([data-theme="dark"]) body.admin-body .admin-topbar small,
html:not([data-theme="dark"]) body.admin-body .admin-topbar span{
    color:var(--sabarat-ink)!important;
}
html:not([data-theme="dark"]) body.admin-body .admin-sidebar svg,
html:not([data-theme="dark"]) body.admin-body .admin-topbar svg{
    color:var(--sabarat-ink)!important;
    stroke:currentColor!important;
}

/* Keep active/hover states clear without introducing a different identity color. */
html:not([data-theme="dark"]) body.admin-body .admin-sidebar a:hover,
html:not([data-theme="dark"]) body.admin-body .admin-sidebar a.active,
html:not([data-theme="dark"]) body.admin-body .admin-sidebar .active,
html:not([data-theme="dark"]) body.admin-body .admin-topbar button:hover,
html:not([data-theme="dark"]) body.admin-body .admin-topbar a:hover{
    background:rgba(255,255,255,.24)!important;
    color:#000!important;
}

/* Login / register showcase: exactly the same darker identity as admin. */
.auth-page .auth-showcase{
    background:
        radial-gradient(circle at 18% 12%,rgba(255,255,255,.12),transparent 30%),
        var(--sabarat-deep-gradient)!important;
}
html:not([data-theme="dark"]) .auth-page .auth-showcase,
html:not([data-theme="dark"]) .auth-page .auth-showcase h1,
html:not([data-theme="dark"]) .auth-page .auth-showcase h2,
html:not([data-theme="dark"]) .auth-page .auth-showcase h3,
html:not([data-theme="dark"]) .auth-page .auth-showcase p,
html:not([data-theme="dark"]) .auth-page .auth-showcase strong,
html:not([data-theme="dark"]) .auth-page .auth-showcase b,
html:not([data-theme="dark"]) .auth-page .auth-showcase small,
html:not([data-theme="dark"]) .auth-page .auth-showcase span{
    color:var(--sabarat-ink)!important;
}

/* Footer: same exact darker gradient as admin/auth. */
body.public-body .site-footer{
    background:
        radial-gradient(circle at 24% 0,rgba(255,255,255,.08),transparent 34%),
        var(--sabarat-deep-gradient)!important;
}
html:not([data-theme="dark"]) body.public-body .site-footer,
html:not([data-theme="dark"]) body.public-body .site-footer a,
html:not([data-theme="dark"]) body.public-body .site-footer h1,
html:not([data-theme="dark"]) body.public-body .site-footer h2,
html:not([data-theme="dark"]) body.public-body .site-footer h3,
html:not([data-theme="dark"]) body.public-body .site-footer h4,
html:not([data-theme="dark"]) body.public-body .site-footer strong,
html:not([data-theme="dark"]) body.public-body .site-footer b,
html:not([data-theme="dark"]) body.public-body .site-footer p,
html:not([data-theme="dark"]) body.public-body .site-footer small,
html:not([data-theme="dark"]) body.public-body .site-footer span{
    color:var(--sabarat-ink)!important;
}
html:not([data-theme="dark"]) body.public-body .site-footer svg{
    color:var(--sabarat-ink)!important;
    stroke:currentColor!important;
}

/* Dark mode: keep the same identity family but protect contrast/readability. */
html[data-theme="dark"] body.admin-body .admin-sidebar,
html[data-theme="dark"] body.admin-body .admin-topbar,
html[data-theme="dark"] .auth-page .auth-showcase,
html[data-theme="dark"] body.public-body .site-footer{
    background:
        radial-gradient(circle at 24% 0,rgba(99,149,172,.10),transparent 34%),
        linear-gradient(135deg,#176F99 0%,#155F83 52%,#104A68 100%)!important;
}
html[data-theme="dark"] body.admin-body .admin-sidebar,
html[data-theme="dark"] body.admin-body .admin-sidebar a,
html[data-theme="dark"] body.admin-body .admin-sidebar button,
html[data-theme="dark"] body.admin-body .admin-topbar,
html[data-theme="dark"] body.admin-body .admin-topbar a,
html[data-theme="dark"] body.admin-body .admin-topbar button,
html[data-theme="dark"] .auth-page .auth-showcase,
html[data-theme="dark"] .auth-page .auth-showcase *,
html[data-theme="dark"] body.public-body .site-footer,
html[data-theme="dark"] body.public-body .site-footer *{
    color:#F7FCFF!important;
}

/* ===== Company handover 2026-08 — unified order fields + resilient responsive text ===== */
.service-order-fields-sequence{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    align-items:start;
    min-width:0;
}
.service-order-fields-sequence>.service-dynamic-order-fields{
    display:contents!important;
}
.service-order-fields-sequence>.field,
.service-order-fields-sequence>.service-dynamic-order-fields>.field{
    min-width:0;
}

/* Header uses a dedicated square brand mark; never zoom or crop the logo file. */
.site-header .brand-logo{
    overflow:hidden!important;
    padding:0!important;
    background:transparent!important;
    border-radius:14px!important;
}
.site-header .brand-logo img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
}
.site-header .brand-copy b,
.site-header .brand-copy small{
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
}
@media screen and (min-width:1025px){
    .site-header .brand,
    .site-header.nav-condensed .brand{max-width:228px!important;gap:9px!important}
    .site-header .brand-logo{width:56px!important;height:56px!important;min-width:56px!important;flex:0 0 56px!important}
    .site-header .brand-copy{max-width:160px!important}
    .site-header .brand-copy b{font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important}
    .site-header .brand-copy small{font-size:9.5px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important}
}
@media screen and (max-width:1024px){
    .site-header .brand-logo{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;border-radius:12px!important}
}
@media screen and (max-width:600px){
    .service-order-fields-sequence{grid-template-columns:minmax(0,1fr)!important;gap:14px}
    .site-header .brand-logo{width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;border-radius:11px!important}
}

/* Public catalogue descriptions must wrap naturally instead of being visually cut. */
body.public-body :is(.service-catalog-card>.card-body>p,.portfolio-card>.card-body>p,.ad-card-fixed>.card-body>p,.job-public-card .job-public-body>p,.home-page .service-card .card-body>p,.home-page .department-card .card-body>p){
    display:block!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
}
body.public-body :is(.service-card,.portfolio-card,.ad-card-fixed,.job-public-card) .card-body{
    min-width:0;
}
body.public-body :is(.service-card,.portfolio-card,.ad-card-fixed,.job-public-card) :is(h1,h2,h3,h4,p,a,span,strong,small){
    overflow-wrap:break-word;
    word-break:normal;
}
body.public-body .service-card .card-footer{margin-top:auto}


/* ===== V11.30.2 — branded footer + legal pages ===== */
body.public-body .site-footer.site-footer-brochure{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 5%,rgba(105,203,241,.24),transparent 30%),
        radial-gradient(circle at 88% 92%,rgba(99,149,172,.18),transparent 34%),
        linear-gradient(135deg,#052b43 0%,#6395AC 48%,#0b6f99 100%)!important;
    border-top:4px solid #6395AC;
    box-shadow:0 -18px 55px rgba(4,48,76,.12);
}
body.public-body .site-footer.site-footer-brochure::before{
    content:""!important;display:block!important;position:absolute;z-index:0;inset:-120px auto auto -90px;width:320px;height:320px;border:1px solid rgba(255,255,255,.11);border-radius:42% 58% 54% 46% / 48% 39% 61% 52%;transform:rotate(18deg);pointer-events:none;
}
body.public-body .site-footer.site-footer-brochure::after{
    content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 34%,transparent 70%,rgba(125,212,246,.07));pointer-events:none;
}
body.public-body .site-footer.site-footer-brochure .footer-grid,
body.public-body .site-footer.site-footer-brochure .copyright,
body.public-body .site-footer.site-footer-brochure .developer-credits{position:relative;z-index:2}
body.public-body .site-footer.site-footer-brochure,
body.public-body .site-footer.site-footer-brochure a,
body.public-body .site-footer.site-footer-brochure h4,
body.public-body .site-footer.site-footer-brochure p,
body.public-body .site-footer.site-footer-brochure b,
body.public-body .site-footer.site-footer-brochure strong,
body.public-body .site-footer.site-footer-brochure small,
body.public-body .site-footer.site-footer-brochure span{
    color:#fff!important;
}
body.public-body .site-footer.site-footer-brochure{font-weight:700!important}
body.public-body .site-footer.site-footer-brochure h4,
body.public-body .site-footer.site-footer-brochure .brand-copy b{font-weight:900!important;letter-spacing:.01em}
body.public-body .site-footer.site-footer-brochure a,
body.public-body .site-footer.site-footer-brochure p,
body.public-body .site-footer.site-footer-brochure small,
body.public-body .site-footer.site-footer-brochure .copyright{font-weight:700!important;opacity:.96}
body.public-body .site-footer.site-footer-brochure .footer-grid a{padding-block:3px;transition:transform .2s ease,opacity .2s ease,color .2s ease}
body.public-body .site-footer.site-footer-brochure .footer-grid a:hover{color:#fff!important;opacity:1;transform:translateX(-4px)}
body.public-body .site-footer.site-footer-brochure .footer-social-card{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);border-radius:12px}
body.public-body .site-footer.site-footer-brochure .footer-social-card:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.32);transform:translateY(-2px)}
body.public-body .site-footer.site-footer-brochure .footer-social-icon{background:rgba(255,255,255,.12)}
body.public-body .site-footer.site-footer-brochure .copyright{border-top-color:rgba(255,255,255,.18)!important}

.legal-page-section{position:relative;overflow:clip;background:linear-gradient(180deg,var(--page-bg),color-mix(in srgb,var(--primary-soft) 34%,var(--page-bg)),var(--page-bg));padding-block:clamp(54px,7vw,92px)}
.legal-page-section::before{content:"";position:absolute;inset:-180px -120px auto auto;width:430px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 13%,transparent),transparent 68%);pointer-events:none}
.legal-page-shell{position:relative;z-index:1;display:grid;gap:30px}
.legal-page-hero{max-width:900px;margin-inline:auto;text-align:center}
.legal-page-hero .eyebrow{display:inline-flex;margin-bottom:14px}
.legal-page-hero h1{margin:0;color:var(--text);font-size:clamp(34px,5vw,54px);line-height:1.18;font-weight:900}
.legal-page-hero p{max-width:780px;margin:16px auto 0;color:var(--muted);font-size:clamp(15px,1.5vw,18px);line-height:1.95}
.legal-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.legal-card{position:relative;min-width:0;padding:24px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:20px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 12px 32px rgba(7,55,86,.055);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.legal-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--secondary));opacity:.82}
.legal-card h2{margin:0 0 10px;font-size:18px;line-height:1.5;color:var(--text);font-weight:900}
.legal-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.95;overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){.legal-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 42%,var(--border));box-shadow:0 18px 44px rgba(7,55,86,.10)}}
@media(max-width:767px){.legal-page-grid{grid-template-columns:1fr}.legal-page-hero{text-align:right}.legal-page-hero p{margin-inline:0}.legal-card{padding:20px}}


/* ===== V11.31.0 — footer matches homepage CTA + legal content ===== */
body.public-body .site-footer.site-footer-brochure{
  background:var(--footer-bg,#6395AC)!important;
  border-top:0!important;
  box-shadow:0 -18px 55px color-mix(in srgb,var(--footer-bg,#6395AC) 18%,transparent)!important;
}
body.public-body .site-footer.site-footer-brochure::before{
  content:""!important;display:block!important;position:absolute!important;width:360px!important;height:360px!important;border-radius:50%!important;border:62px solid rgba(255,255,255,.06)!important;inset:-145px auto auto 25%!important;transform:none!important;z-index:0!important;pointer-events:none!important;
}
body.public-body .site-footer.site-footer-brochure::after{content:none!important;}
body.public-body .site-footer.site-footer-brochure,
body.public-body .site-footer.site-footer-brochure *{color:#fff!important;}
body.public-body .site-footer.site-footer-brochure{font-weight:800!important;}
body.public-body .site-footer.site-footer-brochure :is(h4,.brand-copy b){font-weight:900!important;}
body.public-body .site-footer.site-footer-brochure :is(a,p,small,span,.copyright){font-weight:750!important;opacity:1!important;}
body.public-body .site-footer.site-footer-brochure .footer-social-card{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;}

.legal-card p+.legal-card p{margin-top:10px}.legal-card ul{margin:12px 0 0;padding-inline-start:22px;color:var(--muted);line-height:1.9}.legal-card li+li{margin-top:6px}

/* Every classic homepage reveal enters once from the upper-right then stays in place. */
.home-page.motion-ready [data-reveal]{transform:translate3d(42px,-28px,0)!important;opacity:0;}
.home-page.motion-ready [data-reveal].is-revealed{transform:none!important;opacity:1;}
@media(prefers-reduced-motion:reduce){.home-page.motion-ready [data-reveal]{transform:none!important;opacity:1!important;}}


/* ===== V11.31.1 — responsive service form ordering (desktop / tablet / mobile) ===== */
.service-unified-order-card{
    overflow:hidden;
}
.service-unified-order-card .panel-head{
    align-items:flex-start;
}
.service-unified-order-card .panel-head .muted{
    display:block;
    max-width:760px;
    line-height:1.8;
}
.service-unified-order-card .help-box{
    margin-bottom:14px;
}
.service-unified-order-card{
    min-width:0;
    max-width:100%;
    overflow:hidden;
}
.service-unified-order-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
    border-radius:16px;
}
.service-unified-order-table{
    width:100%;
    min-width:660px;
    table-layout:fixed;
}
.service-unified-order-table th:nth-child(1),
.service-unified-order-table td:nth-child(1){width:92px;text-align:center}
.service-unified-order-table th:nth-child(2),
.service-unified-order-table td:nth-child(2){width:88px;text-align:center}
.service-unified-order-table th:nth-child(4),
.service-unified-order-table td:nth-child(4){width:128px}
.service-unified-order-table th:nth-child(5),
.service-unified-order-table td:nth-child(5){width:138px}
.service-unified-order-table .service-order-field b{
    display:block;
    font-size:13px;
    line-height:1.55;
    overflow-wrap:anywhere;
}
.service-unified-order-table .service-order-field small{
    margin-top:3px;
}
.service-order-number{
    display:inline-grid;
    place-items:center;
    min-width:34px;
    height:34px;
    padding-inline:8px;
    border-radius:10px;
    background:var(--primary-soft);
    color:var(--primary);
    font-weight:900;
    font-variant-numeric:tabular-nums;
}
.service-order-state{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:62px;
    min-height:30px;
    padding:5px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
}
.service-order-state.is-visible{
    color:#11643b;
    background:#eaf8f0;
    border:1px solid #cdebd9;
}
.service-order-state.is-hidden{
    color:#7a5460;
    background:#f6edf0;
    border:1px solid #ecd5dc;
}
.sortable-admin-handle{
    display:inline-grid;
    place-items:center;
    width:36px;
    height:36px;
    border:1px solid var(--border);
    border-radius:11px;
    background:var(--surface-2);
    color:var(--primary);
    font-size:17px;
    font-weight:900;
    cursor:grab;
    user-select:none;
    touch-action:none;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.sortable-admin-handle:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb,var(--primary) 45%,var(--border));
    background:var(--primary-soft);
    box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 12%,transparent);
}
.sortable-admin-row.is-dragging{
    opacity:.55;
}
.sortable-admin-row.is-dragging td{
    background:var(--primary-soft)!important;
}
.sortable-touch-actions{
    display:none;
}
.service-order-save{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    margin-top:12px;
}
.service-order-save .btn{
    min-width:210px;
    justify-content:center;
}
.sortable-moved{
    animation:serviceSortablePulse .34s ease;
}
@keyframes serviceSortablePulse{
    0%{transform:scale(.99);box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 20%,transparent)}
    55%{transform:scale(1.005);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 11%,transparent)}
    100%{transform:none;box-shadow:none}
}

/* Laptop / small desktop */
@media screen and (max-width:1280px) and (min-width:901px){
    .service-unified-order-table{
        min-width:600px;
    }
    .service-unified-order-table th,
    .service-unified-order-table td{
        padding:12px 10px;
    }
    .service-unified-order-table th:nth-child(1),
    .service-unified-order-table td:nth-child(1){width:74px}
    .service-unified-order-table th:nth-child(2),
    .service-unified-order-table td:nth-child(2){width:72px}
    .service-unified-order-table th:nth-child(4),
    .service-unified-order-table td:nth-child(4){width:110px}
    .service-unified-order-table th:nth-child(5),
    .service-unified-order-table td:nth-child(5){width:118px}
}

/* Tablet / iPad: still a table, but no forced oversized width */
@media screen and (max-width:900px) and (min-width:769px){
    .service-unified-order-card{
        padding:17px;
    }
    .service-unified-order-table{
        min-width:0;
        table-layout:fixed;
    }
    .service-unified-order-table th,
    .service-unified-order-table td{
        padding:11px 8px;
        font-size:12px;
    }
    .service-unified-order-table th{
        white-space:normal;
        line-height:1.45;
    }
    .service-unified-order-table th:nth-child(1),
    .service-unified-order-table td:nth-child(1){width:62px}
    .service-unified-order-table th:nth-child(2),
    .service-unified-order-table td:nth-child(2){width:62px}
    .service-unified-order-table th:nth-child(4),
    .service-unified-order-table td:nth-child(4){width:105px}
    .service-unified-order-table th:nth-child(5),
    .service-unified-order-table td:nth-child(5){width:108px}
    .service-unified-order-table .service-order-field b{
        font-size:12px;
    }
    .service-unified-order-table .badge,
    .service-order-state{
        white-space:normal;
        text-align:center;
    }
    .service-order-save .btn{
        min-width:190px;
    }
}

/* 11.31.2 — keep sortable service rows in the native table layout on desktop/tablet.
   The shared .sortable-admin-row component is flex-based and must never control <tr>. */
@media screen and (min-width:769px){
    .service-unified-order-table tbody>tr,
    .service-unified-order-table tbody>tr.sortable-admin-row,
    .service-unified-order-table tbody>tr.sortable-table-row{
        display:table-row!important;
        width:auto!important;
        min-height:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        transform:none;
    }
    .service-unified-order-table tbody>tr.sortable-admin-row small,
    .service-unified-order-table tbody>tr.sortable-table-row small{
        margin-inline-start:0;
    }
    .service-unified-order-table tbody>tr.is-dragging{
        opacity:.55;
    }
    .service-unified-order-table tbody>tr.is-dragging>td{
        background:var(--primary-soft)!important;
    }
    .service-unified-order-table tbody>tr>td{
        box-sizing:border-box;
    }
}

/* Mobile: rows become touch-friendly cards instead of a squeezed table */
@media screen and (max-width:768px){
    .service-unified-order-card{
        padding:14px!important;
        border-radius:17px!important;
    }
    .service-unified-order-card .panel-head{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto;
        gap:8px 10px;
        align-items:start!important;
        margin-bottom:12px;
    }
    .service-unified-order-card .panel-head>div{
        min-width:0;
    }
    .service-unified-order-card .panel-head h3{
        font-size:16px;
        line-height:1.55;
    }
    .service-unified-order-card .panel-head .muted{
        margin-top:5px;
        font-size:11px;
        line-height:1.7;
    }
    .service-unified-order-card .panel-head>.badge{
        align-self:start;
        white-space:nowrap;
    }
    .service-unified-order-card .help-box{
        margin:0 0 12px;
        padding:10px 11px;
        font-size:11px;
        line-height:1.7;
        border-radius:12px;
    }
    .service-unified-order-wrap{
        overflow:visible;
        border:0;
        background:transparent;
    }
    .service-unified-order-table{
        display:block;
        width:100%;
        min-width:0!important;
        table-layout:auto;
        border:0;
    }
    .service-unified-order-table thead{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        padding:0!important;
        margin:-1px!important;
        overflow:hidden!important;
        clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;
        border:0!important;
    }
    .service-unified-order-table tbody{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        width:100%;
    }
    .service-unified-order-table tr,
    .service-unified-order-table tr.sortable-admin-row,
    .service-unified-order-table tr.sortable-table-row{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto auto;
        grid-template-areas:
            "field field position"
            "type visible actions";
        align-items:center;
        gap:10px 12px;
        width:100%;
        min-width:0;
        padding:12px;
        border:1px solid var(--border);
        border-radius:15px;
        background:var(--surface);
        box-shadow:0 5px 18px rgba(8,33,58,.055);
    }
    .service-unified-order-table tr:hover{
        border-color:color-mix(in srgb,var(--primary) 30%,var(--border));
        box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 8%,transparent);
    }
    .service-unified-order-table td{
        display:block;
        width:auto!important;
        min-width:0;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        text-align:right!important;
    }
    .service-unified-order-table .service-order-field{
        grid-area:field;
    }
    .service-unified-order-table .service-order-position{
        grid-area:position;
        align-self:start;
    }
    .service-unified-order-table .service-order-type{
        grid-area:type;
        display:flex;
        align-items:center;
        gap:7px;
    }
    .service-unified-order-table .service-order-type::before{
        content:"النوع";
        color:var(--muted);
        font-size:10px;
        font-weight:800;
    }
    .service-unified-order-table .service-order-visibility{
        grid-area:visible;
        justify-self:end;
        display:flex;
        align-items:center;
        gap:7px;
        padding:0!important;
    }
    .service-unified-order-table .service-order-visibility::before{
        content:"الموظف";
        color:var(--muted);
        font-size:10px;
        font-weight:800;
    }
    .service-unified-order-table .service-order-drag{
        grid-area:actions;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:6px;
    }
    .service-unified-order-table .service-order-field b{
        font-size:13px;
        line-height:1.55;
    }
    .service-unified-order-table .service-order-field small{
        font-size:10px;
        line-height:1.5;
    }
    .service-order-number{
        min-width:32px;
        height:32px;
        border-radius:9px;
        font-size:12px;
    }
    .sortable-admin-handle{
        display:none;
    }
    .sortable-touch-actions{
        display:inline-flex;
        align-items:center;
        gap:5px;
    }
    .sortable-touch-btn{
        display:inline-grid;
        place-items:center;
        width:34px;
        height:34px;
        padding:0;
        border:1px solid var(--border);
        border-radius:10px;
        background:var(--surface-2);
        color:var(--primary);
        font:inherit;
        font-weight:900;
        cursor:pointer;
        -webkit-tap-highlight-color:transparent;
    }
    .sortable-touch-btn:active{
        transform:scale(.94);
        background:var(--primary-soft);
    }
    .sortable-touch-btn:disabled{
        opacity:.35;
        cursor:not-allowed;
    }
    .service-order-state{
        min-width:54px;
        min-height:27px;
        padding:4px 8px;
        font-size:10px;
    }
    .service-unified-order-table .badge{
        padding:4px 8px;
        font-size:10px;
    }
    .service-order-save{
        position:sticky;
        bottom:max(8px,env(safe-area-inset-bottom));
        z-index:12;
        margin-top:12px;
        padding:8px;
        border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));
        border-radius:14px;
        background:color-mix(in srgb,var(--surface) 92%,transparent);
        box-shadow:0 10px 28px rgba(8,33,58,.13);
        backdrop-filter:blur(12px);
    }
    .service-order-save .btn{
        width:100%;
        min-width:0;
        min-height:44px;
    }
}

/* Narrow phones: simplify secondary metadata without losing functionality */
@media screen and (max-width:430px){
    .service-unified-order-card{
        padding:12px!important;
    }
    .service-unified-order-card .panel-head{
        grid-template-columns:1fr auto!important;
    }
    .service-unified-order-table tr{
        grid-template-columns:minmax(0,1fr) auto auto;
        gap:8px 9px;
        padding:11px;
        border-radius:13px;
    }
    .service-unified-order-table .service-order-type,
    .service-unified-order-table .service-order-visibility{
        gap:5px;
    }
    .sortable-touch-btn{
        width:32px;
        height:32px;
    }
}

/* Dark mode parity */
html[data-theme="dark"] .service-order-state.is-visible{
    color:#9ce8ba;
    background:rgba(31,148,82,.14);
    border-color:rgba(90,196,133,.26);
}
html[data-theme="dark"] .service-order-state.is-hidden{
    color:#e9b7c6;
    background:rgba(182,78,107,.13);
    border-color:rgba(214,126,151,.23);
}
html[data-theme="dark"] .service-unified-order-table tr{
    background:var(--surface);
}


/* ===== V11.31.3 — requested white dashboard top bar ===== */
html:not([data-theme="dark"]) body.admin-body .admin-topbar{
    background:#fff!important;
    border-bottom-color:var(--border)!important;
    box-shadow:0 1px 0 rgba(7,27,41,.04)!important;
    backdrop-filter:blur(16px)!important;
}
html:not([data-theme="dark"]) body.admin-body .admin-topbar,
html:not([data-theme="dark"]) body.admin-body .admin-topbar :is(h1,p,a,button,strong,b,small,span){color:var(--text)!important}
html:not([data-theme="dark"]) body.admin-body .admin-topbar .admin-title-block p,
html:not([data-theme="dark"]) body.admin-body .admin-topbar .user-copy small{color:var(--muted)!important}
html:not([data-theme="dark"]) body.admin-body .admin-topbar :is(.top-icon,.admin-mobile-toggle){background:#fff!important}
html:not([data-theme="dark"]) body.admin-body .admin-topbar :is(button,a):hover{background:var(--surface-2)!important;color:var(--text)!important}

/* ===== V11.32.1 — managed page introductions, blog and animated free WhatsApp consultation ===== */
.managed-page-intro{
    padding:clamp(28px,5vw,68px) 0 12px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--primary-soft)) 0%,var(--surface) 100%);
    overflow:hidden;
}
.managed-page-intro-list{display:grid;gap:clamp(20px,3vw,36px)}
.managed-page-intro-row{
    display:grid;
    grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);
    grid-template-areas:"media copy";
    gap:clamp(24px,4vw,56px);
    align-items:center;
    direction:ltr;
    padding:clamp(22px,3vw,40px);
    border:1px solid color-mix(in srgb,var(--border) 84%,transparent);
    border-radius:clamp(20px,2.2vw,32px);
    background:color-mix(in srgb,var(--surface) 97%,var(--primary-soft));
    box-shadow:0 22px 58px rgba(10,39,70,.07);
}
.managed-page-intro-row.media-right{grid-template-areas:"copy media"}
.managed-page-intro-row.no-media{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy"}
.managed-page-intro-copy{
    grid-area:copy;
    min-width:0;
    direction:rtl;
    text-align:right;
    justify-self:stretch;
    align-self:center;
}
.managed-page-intro-title{
    margin:0;
    color:var(--managed-title-color,#0B2347);
    font-size:var(--managed-title-size,42px);
    line-height:1.28;
    font-weight:850;
    letter-spacing:-.02em;
    text-wrap:balance;
}
.managed-page-intro-subtitle{
    margin:10px 0 0;
    color:var(--managed-subtitle-color,#23A9E1);
    font-size:var(--managed-subtitle-size,20px);
    line-height:1.65;
    font-weight:750;
}
.managed-page-intro-description{
    margin-top:14px;
    color:var(--managed-description-color,#61718C);
    font-size:var(--managed-description-size,17px);
    line-height:2;
    font-weight:500;
    overflow-wrap:anywhere;
}
.managed-page-intro-media{
    grid-area:media;
    width:100%;
    min-width:0;
    margin:0;
    border-radius:clamp(18px,2vw,28px);
    overflow:hidden;
    background:var(--surface-2);
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));
    box-shadow:0 18px 44px rgba(8,50,79,.12);
    aspect-ratio:4/3;
}
.managed-page-intro-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.managed-page-intro-row:hover .managed-page-intro-media img{transform:scale(1.025)}

/* Reveal effects are activated by app.js and remain accessible with reduced motion. */
[data-reveal]{opacity:1;transform:none}
html.has-managed-reveal [data-reveal]:not(.is-revealed){opacity:0}
html.has-managed-reveal [data-reveal="fade-up"]:not(.is-revealed){transform:translate3d(0,28px,0)}
html.has-managed-reveal [data-reveal="slide-right"]:not(.is-revealed){transform:translate3d(42px,0,0)}
html.has-managed-reveal [data-reveal="slide-left"]:not(.is-revealed){transform:translate3d(-42px,0,0)}
html.has-managed-reveal [data-reveal="zoom"]:not(.is-revealed){transform:scale(.965)}
html.has-managed-reveal [data-reveal]{transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.25,1)}
html.has-managed-reveal [data-reveal="none"]{opacity:1!important;transform:none!important;transition:none!important}

.blog-grid{align-items:stretch}
.blog-card{height:100%;overflow:hidden;display:flex;flex-direction:column}
.blog-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}
.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.blog-card:hover .blog-card-media img{transform:scale(1.035)}
.blog-card .card-body{display:flex;flex:1;flex-direction:column}
.blog-card h2{margin:12px 0 8px;font-size:clamp(20px,2vw,26px);line-height:1.5;color:var(--blog-title-color,#0B2347)}
.blog-card h2 a{color:inherit}
.blog-card-subtitle{color:var(--blog-subtitle-color,#23A9E1)!important;font-weight:750}
.blog-card .card-footer{margin-top:auto}
.blog-post-shell{padding:clamp(30px,5vw,72px) 0;background:var(--surface)}
.blog-post-layout{margin-top:16px}
.blog-back-link{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-weight:800}
.blog-post-description{white-space:normal}
.managed-admin-thumb{width:76px;height:58px;object-fit:cover;border-radius:12px;border:1px solid var(--border);display:block}
.managed-page-tabs{margin-bottom:20px;overflow:auto}
.managed-content-admin-form textarea{min-height:160px}

.free-consultation-fab{
    position:fixed;
    z-index:1080;
    inset-inline-start:max(18px,env(safe-area-inset-left));
    bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px));
    display:flex;
    align-items:center;
    gap:11px;
    min-height:58px;
    max-width:min(360px,calc(100vw - 36px));
    padding:9px 13px 9px 16px;
    border-radius:999px;
    background:#21A366;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.28);
    box-shadow:0 16px 42px rgba(15,106,65,.28);
    text-decoration:none!important;
    transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
    isolation:isolate;
    will-change:transform,box-shadow;
    animation:freeConsultationFloat 2.9s ease-in-out infinite;
}
.free-consultation-fab:hover,
.free-consultation-fab:focus-visible{
    animation-play-state:paused;
    transform:translateY(-4px) scale(1.025);
    box-shadow:0 22px 52px rgba(15,106,65,.4);
    filter:saturate(1.08) brightness(1.025);
}
.free-consultation-fab:focus-visible{outline:3px solid rgba(33,163,102,.28);outline-offset:4px}
.free-consultation-fab-icon{
    position:relative;
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    box-shadow:0 0 0 0 rgba(255,255,255,.32);
    animation:freeConsultationIconBeat 1.65s ease-in-out infinite;
}
.free-consultation-fab-icon .icon{
    width:25px;
    height:25px;
    stroke-width:1.9;
    transform-origin:50% 55%;
    animation:freeConsultationIconWiggle 2.25s ease-in-out infinite;
}
.free-consultation-fab-copy{display:grid;min-width:0;line-height:1.25}
.free-consultation-fab-copy b{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.free-consultation-fab-copy small{font-size:11px;color:rgba(255,255,255,.88);font-weight:650;margin-top:3px}
.free-consultation-fab::before,
.free-consultation-fab::after{
    content:"";
    position:absolute;
    pointer-events:none;
    border-radius:999px;
    z-index:-1;
}
.free-consultation-fab::before{
    inset:-2px;
    background:rgba(33,163,102,.16);
    filter:blur(8px);
    animation:freeConsultationGlow 1.9s ease-in-out infinite;
}
.free-consultation-fab::after{
    inset:-6px;
    border:2px solid rgba(33,163,102,.36);
    animation:freeConsultationPulse 1.85s ease-out infinite;
}
@keyframes freeConsultationFloat{
    0%,100%{transform:translateY(0);box-shadow:0 16px 42px rgba(15,106,65,.28)}
    50%{transform:translateY(-5px);box-shadow:0 22px 50px rgba(15,106,65,.38)}
}
@keyframes freeConsultationIconBeat{
    0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.3)}
    48%{transform:scale(1.08);box-shadow:0 0 0 7px rgba(255,255,255,0)}
    62%{transform:scale(1.02);box-shadow:0 0 0 3px rgba(255,255,255,.08)}
}
@keyframes freeConsultationIconWiggle{
    0%,58%,100%{transform:rotate(0deg) scale(1)}
    64%{transform:rotate(-8deg) scale(1.05)}
    70%{transform:rotate(8deg) scale(1.08)}
    76%{transform:rotate(-5deg) scale(1.04)}
    82%{transform:rotate(4deg) scale(1.02)}
    88%{transform:rotate(0deg) scale(1)}
}
@keyframes freeConsultationGlow{
    0%,100%{opacity:.35;transform:scale(.98)}
    50%{opacity:.72;transform:scale(1.035)}
}
@keyframes freeConsultationPulse{
    0%{opacity:.72;transform:scale(.96)}
    75%,100%{opacity:0;transform:scale(1.12)}
}

html[data-theme="dark"] .managed-page-intro{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,var(--primary-soft)) 0%,var(--surface) 100%)}
html[data-theme="dark"] .managed-page-intro-row{box-shadow:0 22px 58px rgba(0,0,0,.18)}

@media screen and (max-width:1024px){
    .managed-page-intro-row{grid-template-columns:minmax(0,1.36fr) minmax(210px,.64fr);gap:clamp(18px,3vw,30px);padding:clamp(20px,3vw,30px)}
    .managed-page-intro-media{aspect-ratio:4/4.2}
}
@media screen and (max-width:767.98px){
    .managed-page-intro{padding:22px 0 8px}
    .managed-page-intro-list{gap:16px}
    .managed-page-intro-row,
    .managed-page-intro-row.media-right{
        grid-template-columns:minmax(0,1fr) clamp(118px,34vw,180px);
        grid-template-areas:"copy media";
        gap:12px;
        align-items:start;
        padding:14px;
        border-radius:20px;
    }
    .managed-page-intro-row.media-left{grid-template-areas:"media copy";grid-template-columns:clamp(118px,34vw,180px) minmax(0,1fr)}
    .managed-page-intro-row.no-media{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy"}
    .managed-page-intro-copy{align-self:start}
    .managed-page-intro-title{font-size:min(var(--managed-title-size,42px),34px);line-height:1.35}
    .managed-page-intro-subtitle{font-size:min(var(--managed-subtitle-size,20px),19px);line-height:1.55;margin-top:7px}
    .managed-page-intro-description{font-size:min(var(--managed-description-size,17px),16px);line-height:1.9;margin-top:8px}
    .managed-page-intro-media{aspect-ratio:4/5;border-radius:16px;align-self:start}
    .free-consultation-fab{inset-inline:12px auto;bottom:max(12px,calc(env(safe-area-inset-bottom) + 10px));max-width:calc(100vw - 24px);min-height:54px;padding:7px 10px 7px 13px}
    .free-consultation-fab-icon{width:38px;height:38px;flex-basis:38px}
}
@media screen and (max-width:430px){
    .managed-page-intro-row,
    .managed-page-intro-row.media-left,
    .managed-page-intro-row.media-right{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"media copy";gap:10px;padding:12px}
    .managed-page-intro-row.media-right{grid-template-columns:minmax(0,1fr) 104px;grid-template-areas:"copy media"}
    .managed-page-intro-row.no-media{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy"}
    .managed-page-intro-title{font-size:min(var(--managed-title-size,42px),28px)}
    .managed-page-intro-subtitle{font-size:min(var(--managed-subtitle-size,20px),17px)}
    .managed-page-intro-description{font-size:min(var(--managed-description-size,17px),15px);line-height:1.85}
    .free-consultation-fab-copy b{font-size:12px}.free-consultation-fab-copy small{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
    html.has-managed-reveal [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
    .free-consultation-fab::before,.free-consultation-fab::after{display:none}.free-consultation-fab,.free-consultation-fab-icon,.free-consultation-fab-icon .icon,.managed-page-intro-media img,.blog-card-media img{animation:none!important;transition:none!important}
}

/* v11.33.0 final precedence after legacy responsive patches. */
.work-detail-layout,.service-detail-layout{grid-template-columns:minmax(0,1fr)!important;max-width:1000px!important;margin-inline:auto!important}
.work-detail-card,.service-detail-card{width:100%!important;position:static!important;inset:auto!important}
.site-header .brand-logo{width:64px!important;height:64px!important;min-width:64px!important;flex:0 0 64px!important;border-radius:50%!important;padding:2px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 8px 24px rgba(8,43,80,.1)!important}
.site-header .brand-logo img{width:100%!important;height:100%!important;padding:1px!important;border-radius:50%!important;object-fit:contain!important}
@media(max-width:1023.98px){.site-header .brand-logo{width:54px!important;height:54px!important;min-width:54px!important;flex-basis:54px!important}}
@media(max-width:767.98px){.site-header .brand-logo{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important}}
@media(max-width:430px){.site-header .brand-logo{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}}

/* مدونة بهوية شفافة مستوحاة من المرجع مع الحفاظ على ألوان سبرت. */
.blog-index-hero{
    color:#fff;
    background:
        radial-gradient(circle at 18% 42%,color-mix(in srgb,var(--primary) 34%,transparent),transparent 26%),
        linear-gradient(145deg,color-mix(in srgb,var(--footer-bg,var(--secondary)) 97%,#06172e),color-mix(in srgb,var(--primary-strong) 84%,#09234f));
}
.blog-index-hero :is(h1,p,.eyebrow){color:#fff!important}
.blog-index-hero p{max-width:860px;line-height:2}
.blog-index-section{
    background:
        radial-gradient(circle at 84% 8%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 30%),
        linear-gradient(180deg,color-mix(in srgb,var(--footer-bg,var(--secondary)) 96%,#071a35),color-mix(in srgb,var(--primary-strong) 90%,#09234f));
}
.blog-index-section .blog-grid{grid-auto-rows:1fr}
.blog-index-section .blog-card{
    border:1px solid rgba(255,255,255,.26);
    border-radius:26px;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,251,255,.92));
    box-shadow:0 24px 58px rgba(0,0,0,.18);
    transition:transform .35s ease,border-color .3s ease,box-shadow .3s ease;
}
.blog-index-section .blog-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--primary) 66%,#fff);box-shadow:0 32px 72px rgba(0,0,0,.24)}
.blog-index-section .blog-card-media{aspect-ratio:16/9}
.blog-index-section .blog-card .card-body>p:not(.blog-card-subtitle){line-height:1.85}

/* ===== v11.33.1 — final precedence: catalog menus, clear logo, unified blog and detail media ===== */
.site-header .nav-catalog{position:relative;display:flex;align-items:center;flex:0 0 auto;min-width:0}
.site-header .nav-catalog-toggle{
    appearance:none;border:0;background:transparent;color:var(--header-text,var(--text));font:inherit;
    display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;
    padding:10px clamp(5px,.42vw,8px);border-radius:10px;font-size:clamp(12px,.93vw,13.5px);font-weight:750;
    line-height:1.25;white-space:nowrap;cursor:pointer;transition:color .2s ease,background .2s ease;
}
.site-header .nav-catalog-toggle:hover,.site-header .nav-catalog.open .nav-catalog-toggle,.site-header .nav-catalog.active .nav-catalog-toggle{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,transparent)}
.site-header .nav-catalog-chevron{font-size:15px;line-height:1;transition:transform .2s ease}.site-header .nav-catalog.open .nav-catalog-chevron{transform:rotate(180deg)}
.site-header .nav-catalog-menu[hidden]{display:none!important}
.site-header .nav-catalog-menu{
    position:absolute;z-index:1030;top:calc(100% + 9px);inset-inline-start:0;width:min(350px,88vw);max-height:min(450px,72vh);
    overflow:auto;padding:9px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:17px;
    background:color-mix(in srgb,var(--header-bg,var(--surface)) 96%,transparent);box-shadow:0 24px 64px rgba(5,32,70,.2);backdrop-filter:blur(20px)
}
.site-header .nav-catalog.open .nav-catalog-menu:not([hidden]){display:grid;gap:3px}
.site-header .nav-catalog-menu a,.site-header .nav-catalog-empty{display:flex;align-items:center;min-height:42px;padding:9px 11px;border-radius:10px;color:var(--header-text,var(--text));font-size:13px;font-weight:700;line-height:1.5;text-align:right;white-space:normal}
.site-header .nav-catalog-menu a:hover{color:var(--primary);background:var(--primary-soft)}
.site-header .nav-catalog-menu .nav-catalog-all{color:var(--primary);font-weight:850;border-bottom:1px solid var(--border);border-radius:10px 10px 4px 4px;margin-bottom:3px}
.site-header .nav-catalog-empty{color:var(--muted)}

/* يكبّر الرمز الموجود داخل الدائرة نفسها من دون زيادة ارتفاع الهيدر. */
.site-header .brand-logo{border-radius:50%!important;padding:0!important;overflow:hidden!important;background:#fff!important}
.site-header .brand-logo img{width:100%!important;height:100%!important;padding:0!important;border-radius:50%!important;object-fit:contain!important;transform:scale(1.5)!important;transform-origin:center!important}

.entity-story{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(30px,5vw,72px);padding:clamp(24px,3.3vw,46px)}
.entity-story-copy{align-self:center}
.entity-story-media{width:100%;max-width:540px;justify-self:center;align-self:center}
.entity-media-stage{aspect-ratio:4/3;border-radius:30px;background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--primary-soft) 30%,var(--surface)));box-shadow:0 28px 64px rgba(6,38,78,.16)}
.entity-grid-settings{margin:8px 0 4px;padding:20px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--primary-soft) 34%,var(--surface))}
.entity-grid-settings legend{padding:0 9px;color:var(--primary-strong);font-size:16px;font-weight:850}.entity-grid-settings>p{margin:0 0 16px}.entity-grid-settings .form-grid{margin:0}
.unified-blog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}

.blog-index-hero{
    min-height:clamp(360px,46vw,560px)!important;display:flex!important;align-items:center!important;color:#fff!important;
    background:radial-gradient(circle at 16% 36%,rgba(35,169,225,.42),transparent 27%),radial-gradient(circle at 84% 78%,rgba(90,201,239,.2),transparent 30%),linear-gradient(135deg,#071B39 0%,#0B2347 54%,#6395AC 100%)!important;
}
.blog-index-hero .container{position:relative;z-index:1}.blog-index-hero :is(h1,p,.eyebrow){color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.18)}
.blog-index-hero h1{font-size:clamp(42px,6vw,76px);margin-bottom:16px}.blog-index-hero p{max-width:920px!important;font-size:clamp(16px,1.65vw,21px);line-height:2.05!important;font-weight:600}
.blog-index-section{background:radial-gradient(circle at 88% 5%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 91%,var(--primary-soft)),var(--surface))!important}
.blog-index-section .blog-grid{grid-template-columns:repeat(var(--blog-cols-desktop,3),minmax(0,1fr))!important;gap:clamp(18px,2.4vw,28px)}
.blog-index-section .blog-card{background:color-mix(in srgb,var(--surface) 86%,transparent)!important;backdrop-filter:blur(18px);border-color:color-mix(in srgb,var(--primary) 20%,var(--border))!important;box-shadow:0 24px 58px rgba(6,36,73,.12)!important}
.blog-index-section .blog-card .card-body>p:not(.blog-card-subtitle){color:var(--text);opacity:.88}.blog-grid-toggle{display:flex;margin:24px auto 0}
.blog-post-layout .managed-page-intro-media{max-width:540px;justify-self:center;aspect-ratio:4/3}.blog-post-layout{grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr);gap:clamp(28px,5vw,68px)}

@media(max-width:1024px){
    .site-header .nav-catalog{width:100%;display:block}
    .site-header .nav-catalog-toggle{width:100%;min-height:44px;justify-content:space-between;padding:10px 12px;font-size:14px;text-align:right}
    .site-header .nav-catalog-menu,.site-header .nav-catalog.open .nav-catalog-menu:not([hidden]){position:static;width:100%;max-height:280px;margin:3px 0 7px;padding:6px;border-radius:12px;box-shadow:none;background:color-mix(in srgb,var(--primary-soft) 44%,var(--surface))}
    .site-header .nav-catalog-menu a{min-height:40px;font-size:13px}
    .site-header .brand-logo img{transform:scale(1.55)!important}
    .entity-story{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:24px}
    .blog-index-section .blog-grid{grid-template-columns:repeat(var(--blog-cols-tablet,2),minmax(0,1fr))!important}
    .blog-post-layout{grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr)}
}
@media(max-width:767.98px){
    .entity-story,.entity-story.media-left,.entity-story.media-right{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "media";gap:18px}
    .entity-story-media{max-width:100%}.entity-media-stage{aspect-ratio:16/10;border-radius:20px}
    .entity-feature-grid{grid-template-columns:repeat(var(--entity-cols-mobile,2),minmax(0,1fr))!important;gap:11px}
    .entity-feature-card{padding:15px!important;border-radius:19px!important;gap:12px!important}.entity-feature-icon{width:46px;height:46px;border-radius:14px}.entity-feature-icon .icon{width:23px;height:23px}
    .entity-feature-copy h3{font-size:min(var(--feature-title-size),19px)!important}.entity-feature-subtitle{font-size:min(var(--feature-subtitle-size),14px)!important}.entity-feature-description,.entity-feature-copy li{font-size:min(var(--feature-description-size),13px)!important;line-height:1.65}.entity-feature-copy li{grid-template-columns:18px minmax(0,1fr);gap:6px}.entity-feature-copy li .icon{width:17px;height:17px}
    .blog-index-hero{min-height:390px!important}.blog-index-hero h1{font-size:42px}.blog-index-hero p{font-size:15px}
    .blog-index-section .blog-grid{grid-template-columns:repeat(var(--blog-cols-mobile,2),minmax(0,1fr))!important;gap:11px}
    .blog-index-section .blog-card{border-radius:18px}.blog-card .card-body{padding:14px}.blog-card h2{font-size:18px}.blog-card .card-body>p{font-size:13px}.blog-card .card-footer{gap:8px;align-items:flex-start;flex-direction:column}.blog-card .btn{width:100%}
    .blog-post-layout,.blog-post-layout.media-left,.blog-post-layout.media-right{grid-template-columns:1fr;grid-template-areas:"copy" "media"}.blog-post-layout .managed-page-intro-media{max-width:100%}
    .entity-grid-settings{padding:15px}.entity-grid-settings .form-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.site-header .brand-logo img{transform:scale(1.58)!important}.entity-feature-grid,.blog-index-section .blog-grid{gap:9px}.blog-card .card-body{padding:12px}.blog-card h2{font-size:16px}.blog-card .badge{font-size:10px}}

/* ===== v11.33.2 — high-contrast blog identity and white footer copy ===== */
body.public-body section.page-hero.blog-index-hero{
    position:relative!important;isolation:isolate!important;overflow:hidden!important;
    min-height:clamp(390px,48vw,590px)!important;display:flex!important;align-items:center!important;
    padding:clamp(64px,8vw,108px) 0!important;border:0!important;color:#fff!important;
    background-color:#081E3F!important;
    background-image:radial-gradient(circle at 14% 26%,rgba(99,149,172,.58) 0,rgba(35,169,225,.22) 22%,transparent 42%),radial-gradient(circle at 88% 80%,rgba(99,149,172,.24) 0,transparent 33%),linear-gradient(135deg,#06162F 0%,#0B2347 52%,#6395AC 100%)!important;
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.14),0 22px 60px rgba(5,28,62,.12)!important;
}
body.public-body section.page-hero.blog-index-hero::before{
    content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
    background:linear-gradient(100deg,rgba(3,16,39,.18),transparent 46%,rgba(3,23,50,.2));
}
body.public-body section.page-hero.blog-index-hero::after{
    content:"";position:absolute;z-index:-1;inset-inline-end:8%;top:15%;width:clamp(150px,22vw,300px);aspect-ratio:1;border-radius:42% 58% 54% 46%;
    border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 32px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.02);transform:rotate(18deg);pointer-events:none;
}
body.public-body .blog-index-hero .container{position:relative!important;z-index:2!important;width:100%!important}
body.public-body .blog-index-copy{max-width:940px;padding:clamp(22px,3vw,38px);border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(4,24,53,.28);box-shadow:0 24px 70px rgba(0,10,32,.18);backdrop-filter:blur(9px)}
body.public-body .blog-index-hero :is(.eyebrow,h1,p){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:0 2px 18px rgba(0,0,0,.34)!important}
body.public-body .blog-index-hero .eyebrow{display:inline-flex!important;margin-bottom:18px!important;padding:8px 14px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:999px!important;background:rgba(255,255,255,.11)!important;font-weight:900!important}
body.public-body .blog-index-hero h1{margin:0 0 18px!important;font-size:clamp(46px,6.4vw,82px)!important;line-height:1.08!important;font-weight:950!important}
body.public-body .blog-index-hero p{margin:0!important;max-width:880px!important;font-size:clamp(16px,1.55vw,21px)!important;line-height:2.08!important;font-weight:750!important}

body.public-body footer.site-footer.site-footer-brochure,
body.public-body footer.site-footer.site-footer-brochure :is(a,h1,h2,h3,h4,h5,h6,p,b,strong,small,span,li,address,.muted,.muted-light,.copyright,.developer-credits){
    color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
}
body.public-body footer.site-footer.site-footer-brochure :is(a,p,small,span,li,address){font-weight:750!important}
body.public-body footer.site-footer.site-footer-brochure a:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
body.public-body footer.site-footer.site-footer-brochure svg{color:#fff!important;stroke:currentColor!important}

@media(max-width:767.98px){
    body.public-body section.page-hero.blog-index-hero{min-height:430px!important;padding:50px 0!important}
    body.public-body .blog-index-copy{padding:24px 19px;border-radius:22px}
    body.public-body .blog-index-hero h1{font-size:42px!important}
    body.public-body .blog-index-hero p{font-size:15px!important;line-height:1.95!important}
}

/* ===== v11.35.1 — clear packages hero + brand contrast ===== */
body.public-body section.page-hero.package-page-hero{
    position:relative!important;isolation:isolate!important;overflow:hidden!important;
    min-height:clamp(300px,34vw,430px)!important;display:flex!important;align-items:center!important;
    padding:clamp(54px,7vw,88px) 0!important;border:0!important;color:#fff!important;
    background-color:#082443!important;
    background-image:radial-gradient(circle at 12% 24%,rgba(99,149,172,.58) 0,rgba(99,149,172,.2) 24%,transparent 43%),radial-gradient(circle at 87% 82%,rgba(99,149,172,.26) 0,transparent 34%),linear-gradient(135deg,#06172F 0%,#0A3155 55%,#08749D 100%)!important;
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.14),0 20px 52px rgba(5,33,67,.13)!important;
}
body.public-body section.page-hero.package-page-hero::before{
    content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
    background:linear-gradient(102deg,rgba(2,15,36,.18),transparent 48%,rgba(2,24,48,.17));
}
body.public-body section.page-hero.package-page-hero::after{
    content:"";position:absolute;z-index:-1;inset-inline-end:7%;top:13%;width:clamp(145px,20vw,270px);aspect-ratio:1;border-radius:50%;
    border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 30px rgba(255,255,255,.04),0 0 0 64px rgba(255,255,255,.022);pointer-events:none;
}
body.public-body .package-page-hero .container{position:relative!important;z-index:2!important;width:100%!important}
body.public-body .package-index-copy{max-width:900px;padding:clamp(22px,3vw,36px);border:1px solid rgba(255,255,255,.2);border-radius:28px;background:rgba(3,27,55,.3);box-shadow:0 24px 64px rgba(0,12,35,.18);backdrop-filter:blur(9px)}
body.public-body .package-page-hero :is(.eyebrow,h1,p){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:0 2px 17px rgba(0,0,0,.34)!important}
body.public-body .package-page-hero .eyebrow{display:inline-flex!important;margin-bottom:16px!important;padding:8px 14px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;font-weight:900!important}
body.public-body .package-page-hero h1{margin:0 0 15px!important;font-size:clamp(42px,5.8vw,72px)!important;line-height:1.1!important;font-weight:950!important}
body.public-body .package-page-hero p{margin:0!important;max-width:850px!important;font-size:clamp(16px,1.5vw,20px)!important;line-height:2!important;font-weight:700!important}
@media(max-width:767.98px){
    body.public-body section.page-hero.package-page-hero{min-height:340px!important;padding:44px 0!important}
    body.public-body .package-index-copy{padding:22px 18px;border-radius:21px}
    body.public-body .package-page-hero h1{font-size:40px!important}
    body.public-body .package-page-hero p{font-size:15px!important;line-height:1.9!important}
}

/* Sabarat 11.37 — package quote detail hierarchy and contrast */
body.public-body section.page-hero.package-detail-hero{
    position:relative;isolation:isolate;overflow:hidden;min-height:clamp(300px,38vw,470px);display:grid;align-items:center;
    background:
        radial-gradient(circle at 12% 18%,rgba(35,169,225,.52),transparent 31%),
        radial-gradient(circle at 88% 72%,rgba(91,205,238,.24),transparent 34%),
        linear-gradient(135deg,#061b39 0%,#0b3561 54%,#0a789d 100%)!important;
}
body.public-body section.page-hero.package-detail-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(2,18,42,.18),rgba(255,255,255,.04));z-index:-1}
body.public-body .package-detail-hero-copy{max-width:920px;padding:clamp(24px,4vw,45px);border:1px solid rgba(255,255,255,.22);border-radius:30px;background:rgba(3,25,53,.42);box-shadow:0 28px 75px rgba(1,16,38,.3);backdrop-filter:blur(12px)}
body.public-body .package-detail-hero :is(.eyebrow,h1,h2,p){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:0 2px 18px rgba(0,0,0,.34)!important}
body.public-body .package-detail-hero h1{margin:10px 0;font-size:clamp(36px,5vw,64px);line-height:1.18}
body.public-body .package-detail-hero h2{margin:0 0 10px;font-size:clamp(19px,2vw,27px);font-weight:800}
body.public-body .package-detail-hero p{max-width:820px;margin:0;font-size:clamp(15px,1.4vw,19px);line-height:1.95;font-weight:650}
body.public-body .package-detail-section{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 36%,var(--page-bg)) 0,var(--page-bg) 520px)}
.package-detail-overview{display:grid;grid-template-columns:minmax(0,720px) minmax(300px,370px);gap:clamp(20px,3vw,36px);align-items:stretch;justify-content:center;margin-bottom:clamp(28px,5vw,58px)}
.package-detail-gallery{aspect-ratio:16/10;max-height:450px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:26px;padding:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 24px 62px rgba(5,42,78,.16)}
.package-detail-gallery .entity-media-stage{height:100%;aspect-ratio:auto;border-radius:18px;box-shadow:none}.package-detail-gallery .entity-media-slide :is(img,video){object-fit:cover}
.package-detail-overview .package-order-summary{position:static;min-width:0}.package-detail-overview .package-summary-card{height:100%;align-content:start;padding:clamp(22px,3vw,31px);border-color:rgba(255,255,255,.2);background:linear-gradient(155deg,#0b2347 0%,#0d4f78 68%,#118eb7 100%);box-shadow:0 24px 62px rgba(5,42,78,.2);color:#fff}
.package-detail-overview .package-summary-card>.badge{justify-self:start;color:#06213f;background:#dff7ff;border-color:rgba(255,255,255,.55);font-weight:900}
.package-summary-heading{display:grid;gap:8px}.package-summary-heading :is(small,h2,p){margin:0;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}.package-summary-heading small{font-weight:800;color:#d9f3ff!important}.package-summary-heading h2{font-size:clamp(25px,2.4vw,36px);line-height:1.3}.package-summary-heading p{line-height:1.8;font-size:14px}
.package-summary-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.package-summary-facts>span{min-width:0;padding:12px 8px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(255,255,255,.1);text-align:center}.package-summary-facts :is(small,b){color:#fff!important;-webkit-text-fill-color:#fff!important}.package-summary-facts small{display:block;font-size:11px;line-height:1.45}.package-summary-facts b{display:block;margin-top:5px;font-size:14px;line-height:1.45}
.package-summary-actions{display:grid;gap:10px;margin-top:auto}.package-summary-actions .btn{width:100%;justify-content:center}.package-summary-actions .btn:first-child{background:#fff;color:#08325b;border-color:#fff;box-shadow:0 12px 32px rgba(1,16,38,.18)}.package-summary-actions .btn:first-child:hover{background:#dff7ff;border-color:#dff7ff}.package-summary-actions .btn-outline{color:#fff;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08)}
.package-detail-layout{display:block}.package-detail-main{max-width:1080px;margin-inline:auto}
@media(max-width:1024px){.package-detail-overview{grid-template-columns:minmax(0,1fr) minmax(280px,330px)}.package-detail-gallery{max-height:390px}.package-summary-facts{grid-template-columns:1fr}.package-summary-facts>span{display:flex;align-items:center;justify-content:space-between;text-align:start}}
@media(max-width:767.98px){body.public-body section.page-hero.package-detail-hero{min-height:300px;padding:34px 0}.package-detail-hero-copy{padding:22px 17px!important;border-radius:22px!important}.package-detail-overview{grid-template-columns:1fr;gap:15px}.package-detail-gallery{width:min(100%,520px);max-height:none;margin-inline:auto;padding:7px;border-radius:20px}.package-detail-gallery .entity-media-stage{border-radius:14px}.package-detail-overview .package-summary-card{border-radius:21px}.package-summary-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.package-summary-facts>span{display:block;text-align:center;padding:10px 5px}.package-summary-facts b{font-size:12px}.package-summary-facts small{font-size:10px}}

/* Sabarat 11.37 — mandatory business profile comes first in every order */
.order-business-profile{grid-column:1/-1;width:100%;padding:clamp(16px,2.4vw,24px);border:1px solid rgba(50,180,231,.28);border-radius:22px;background:linear-gradient(145deg,rgba(235,249,255,.98),rgba(255,255,255,.98));box-shadow:0 14px 34px rgba(12,72,112,.08)}
.order-business-profile .panel-head{margin-bottom:15px}.order-business-profile .panel-head h3{color:#09234a}.order-business-profile .panel-head p{color:#526985!important}.order-business-profile .badge{background:#d9f5ff;color:#07507b;border-color:#a9e3f8}.order-business-profile input{background:#fff;color:#09234a}
.selected-package-request{overflow:hidden}.selected-package-request img{width:88px;height:70px;object-fit:cover;border-radius:14px;flex:0 0 88px}
@media(max-width:767.98px){.order-business-profile{padding:15px;border-radius:18px}.order-business-profile .panel-head{align-items:flex-start}.selected-package-request img{width:72px;height:62px;flex-basis:72px}}

/* Production admin navigation 11.38 */
.sidebar-nav-groups{gap:6px}.sidebar-group{border:1px solid transparent;border-radius:14px;overflow:hidden}.sidebar-group[open]{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}.sidebar-group>summary{display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;list-style:none;font-weight:800;color:inherit;user-select:none}.sidebar-group>summary::-webkit-details-marker{display:none}.sidebar-group>summary svg{width:20px;height:20px;flex:none}.sidebar-chevron{margin-inline-start:auto;transition:transform .2s ease}.sidebar-group[open] .sidebar-chevron{transform:rotate(180deg)}.sidebar-group-links{display:grid;gap:3px;padding:0 7px 8px}.sidebar-group-links .sidebar-link{padding:9px 12px;font-size:.92rem}.sidebar-group-description{display:block;padding:0 14px 8px;opacity:.76;line-height:1.6}.sidebar-logout{color:#fff!important;background:rgba(190,24,93,.18)!important;border:1px solid rgba(251,113,133,.38)!important}.sidebar-logout:hover{background:rgba(190,24,93,.32)!important}.admin-is-navigating .admin-main{opacity:.58;pointer-events:none}.admin-main{transition:opacity .18s ease}.admin-is-navigating .admin-topbar:after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary,#0ea5e9),transparent);background-size:200% 100%;animation:admin-loading 1s linear infinite}@keyframes admin-loading{to{background-position:-200% 0}}
@media(max-width:900px){.sidebar-group>summary{padding:12px}.sidebar-group-links .sidebar-link{padding:10px 12px}}

/* ===== 2026-08-21 — Admin SIDEBAR only: #6395AC in light + dark =====
   Scope is intentionally limited to .admin-sidebar.
   No admin page/content/topbar/card/form background is changed here. */
body.admin-body .admin-sidebar,
html:not([data-theme="dark"]) body.admin-body .admin-sidebar,
html[data-theme="dark"] body.admin-body .admin-sidebar{
    background:#6395AC!important;
    border-color:rgba(255,255,255,.14)!important;
    box-shadow:-12px 0 40px rgba(7,91,130,.24)!important;
}

/* Sidebar text/icons only — white for both themes. */
body.admin-body .admin-sidebar,
body.admin-body .admin-sidebar a:not(.sidebar-logout),
body.admin-body .admin-sidebar button,
body.admin-body .admin-sidebar summary,
body.admin-body .admin-sidebar .brand-copy b,
body.admin-body .admin-sidebar .brand-copy small,
body.admin-body .admin-sidebar .sidebar-label,
body.admin-body .admin-sidebar .sidebar-group-description,
body.admin-body .admin-sidebar .sidebar-chevron,
body.admin-body .admin-sidebar a:not(.sidebar-logout) span,
body.admin-body .admin-sidebar summary span{
    color:#FFFFFF!important;
}
body.admin-body .admin-sidebar a:not(.sidebar-logout) svg,
body.admin-body .admin-sidebar button svg,
body.admin-body .admin-sidebar summary svg{
    color:#FFFFFF!important;
    stroke:currentColor!important;
}

/* Keep hover/active inside the sidebar readable without recoloring the page. */
body.admin-body .admin-sidebar .sidebar-link:not(.sidebar-logout):hover,
body.admin-body .admin-sidebar .sidebar-link:not(.sidebar-logout).active,
body.admin-body .admin-sidebar .sidebar-group[open] > summary{
    background:rgba(255,255,255,.16)!important;
    color:#FFFFFF!important;
}

/* Logout is the only red sidebar item. */
body.admin-body .admin-sidebar .sidebar-logout,
body.admin-body .admin-sidebar .sidebar-logout span,
body.admin-body .admin-sidebar .sidebar-logout svg{
    color:#FF6B6B!important;
    stroke:currentColor!important;
}
body.admin-body .admin-sidebar .sidebar-logout{
    background:rgba(127,29,29,.22)!important;
    border:1px solid rgba(255,107,107,.48)!important;
}
body.admin-body .admin-sidebar .sidebar-logout:hover{
    background:rgba(127,29,29,.36)!important;
    color:#FF8A8A!important;
}

/* ===== 2026-08-23 — requested targeted responsive/media fixes only =====
   Scope:
   1) free-consultation floating button on tablet/mobile,
   2) entity-content admin media editor/grid settings layout,
   3) full-media visibility for service/consultation/package/work cards and detail galleries.
   No business logic, pricing, forms, permissions, or card/text dimensions are changed. */

/* 1) Keep the free-consultation button small and physically on the LEFT on tablet/mobile,
      so it no longer covers the account/logout links inside the hamburger menu. */
@media screen and (max-width:1024px){
    body.public-body .free-consultation-fab{
        left:max(10px,env(safe-area-inset-left))!important;
        right:auto!important;
        inset-inline-start:auto!important;
        inset-inline-end:auto!important;
        bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px))!important;
        width:auto!important;
        max-width:min(205px,calc(100vw - 20px))!important;
        min-height:46px!important;
        gap:8px!important;
        padding:6px 10px 6px 11px!important;
    }
    body.public-body .free-consultation-fab-icon{
        width:33px!important;
        height:33px!important;
        flex:0 0 33px!important;
    }
    body.public-body .free-consultation-fab-icon .icon{
        width:21px!important;
        height:21px!important;
    }
    body.public-body .free-consultation-fab-copy b{font-size:11px!important}
    body.public-body .free-consultation-fab-copy small{font-size:9px!important;margin-top:1px!important}
}
@media screen and (max-width:600px){
    body.public-body .free-consultation-fab{
        max-width:min(168px,calc(100vw - 18px))!important;
        min-height:42px!important;
        gap:6px!important;
        padding:5px 8px!important;
    }
    body.public-body .free-consultation-fab-icon{
        width:30px!important;
        height:30px!important;
        flex-basis:30px!important;
    }
    body.public-body .free-consultation-fab-icon .icon{width:19px!important;height:19px!important}
    body.public-body .free-consultation-fab-copy b{font-size:10.5px!important}
    body.public-body .free-consultation-fab-copy small{display:none!important}
}

/* 2) محتوى التفاصيل والميزات — make image/media editing horizontal, RTL and responsive. */
body.admin-body .entity-media-upload-form{
    direction:rtl;
    grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(145px,.75fr))!important;
    align-items:end;
    gap:12px;
}
body.admin-body .entity-media-upload-form>.full{grid-column:auto!important}
body.admin-body .entity-media-upload-form>.field:first-of-type{grid-column:auto!important}
body.admin-body .entity-media-upload-form>.field:last-of-type{align-self:end}
body.admin-body .entity-media-upload-form>.field:last-of-type .btn{width:100%}

body.admin-body .entity-admin-media-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%;
    margin-top:18px;
    direction:rtl;
}
body.admin-body .entity-admin-media-grid article{
    display:grid!important;
    grid-template-columns:minmax(190px,260px) minmax(0,1fr)!important;
    grid-template-areas:
        "preview name"
        "preview status"
        "preview editor"
        "preview actions";
    column-gap:16px!important;
    row-gap:8px!important;
    align-items:start;
    width:100%;
    min-width:0;
    padding:12px!important;
}
body.admin-body .entity-admin-media-preview{
    grid-area:preview;
    width:100%;
    min-height:170px;
    aspect-ratio:4/3!important;
    align-self:stretch;
    border-radius:12px!important;
    overflow:hidden;
    background:var(--surface-2);
}
body.admin-body .entity-admin-media-preview :is(img,video){
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block;
}
body.admin-body .entity-admin-media-name{grid-area:name;display:block;text-align:right;align-self:end}
body.admin-body .entity-admin-media-status{grid-area:status;justify-content:flex-start;margin:0!important}
body.admin-body .entity-admin-media-editor{grid-area:editor;margin:0!important;width:100%;min-width:0}
body.admin-body .entity-admin-media-actions{grid-area:actions;justify-content:flex-start;margin-top:2px}
body.admin-body .entity-media-edit-form{
    display:grid!important;
    grid-template-columns:minmax(210px,1.35fr) minmax(150px,1fr) minmax(140px,.7fr) minmax(105px,.55fr) minmax(120px,.55fr) auto!important;
    gap:10px!important;
    align-items:end!important;
    direction:rtl;
}
body.admin-body .entity-media-edit-form .field{min-width:0}
body.admin-body .entity-media-edit-form .field:last-child .btn{white-space:nowrap}

/* Main card-grid settings: right aligned, three device groups in one horizontal row. */
body.admin-body .entity-grid-settings{
    direction:rtl;
    text-align:right;
    justify-self:stretch;
    width:100%;
}
body.admin-body .entity-grid-settings>legend,
body.admin-body .entity-grid-settings>p{text-align:right}
body.admin-body .entity-grid-settings-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    direction:rtl;
    width:100%;
}
body.admin-body .entity-grid-device{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    align-items:end;
    min-width:0;
    padding:12px;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--surface);
}
body.admin-body .entity-grid-device-title{
    grid-column:1/-1;
    display:block;
    color:var(--primary-strong);
    text-align:right;
}
body.admin-body .entity-grid-device .field{min-width:0}

@media screen and (max-width:1180px){
    body.admin-body .entity-media-upload-form{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.admin-body .entity-media-upload-form>.field:first-of-type{grid-column:1/-1!important}
    body.admin-body .entity-media-edit-form{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    body.admin-body .entity-grid-settings-row{grid-template-columns:repeat(3,minmax(0,1fr))}
    body.admin-body .entity-grid-device{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.admin-body .entity-grid-device-title{grid-column:1/-1}
}
@media screen and (max-width:767.98px){
    body.admin-body .entity-media-upload-form{grid-template-columns:minmax(0,1fr)!important}
    body.admin-body .entity-media-upload-form>.field:first-of-type{grid-column:auto!important}
    body.admin-body .entity-admin-media-grid article{
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-areas:"preview" "name" "status" "editor" "actions";
    }
    body.admin-body .entity-admin-media-preview{
        width:min(100%,520px);
        min-height:0;
        justify-self:start;
        aspect-ratio:16/10!important;
    }
    body.admin-body .entity-media-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body.admin-body .entity-grid-settings-row{grid-template-columns:minmax(0,1fr)}
    body.admin-body .entity-grid-device{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.admin-body .entity-grid-device-title{grid-column:1/-1}
}
@media screen and (max-width:480px){
    body.admin-body .entity-media-edit-form{grid-template-columns:minmax(0,1fr)!important}
    body.admin-body .entity-grid-device{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}
}

/* 3) Public cards: preserve the existing media frame/card/text size, but show the ENTIRE image/video. */
body.public-body .services-catalog-grid .service-catalog-card .card-media,
body.public-body .consultation-service-grid .service-card .card-media,
body.public-body .portfolio-catalog-grid .portfolio-card .card-media,
body.public-body .package-public-card .package-card-media{
    background:var(--surface-3)!important;
}
body.public-body .services-catalog-grid .service-catalog-card .service-card-slide,
body.public-body .consultation-service-grid .service-card .service-card-slide,
body.public-body .portfolio-catalog-grid .portfolio-card .service-card-slide{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:var(--surface-3)!important;
}
body.public-body .services-catalog-grid .service-catalog-card .service-card-slide :is(img,video),
body.public-body .consultation-service-grid .service-card .service-card-slide :is(img,video),
body.public-body .portfolio-catalog-grid .portfolio-card .service-card-slide :is(img,video),
body.public-body .package-public-card .package-card-media :is(img,video){
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    background:var(--surface-3)!important;
}
body.public-body .services-catalog-grid .service-catalog-card:hover .service-card-slide :is(img,video),
body.public-body .consultation-service-grid .service-card:hover .service-card-slide :is(img,video),
body.public-body .portfolio-catalog-grid .portfolio-card:hover .service-card-slide :is(img,video){transform:none!important}

/* Service/consultation/work detail galleries already have fixed frames; force full media inside them. */
body.public-body .service-detail-section .service-gallery-main :is(img,video),
body.public-body .work-detail-section .work-gallery-main :is(img,video),
body.public-body .service-detail-section .service-thumb :is(img,video),
body.public-body .work-detail-section .service-thumb :is(img,video){
    object-fit:contain!important;
    object-position:center!important;
    background:var(--surface-3)!important;
}

/* Managed detail blocks for service/consultation/work: keep their card/text layout and show full media. */
body.public-body [data-entity-content="service"] .entity-media-slide :is(img,video),
body.public-body [data-entity-content="consultation"] .entity-media-slide :is(img,video),
body.public-body [data-entity-content="portfolio"] .entity-media-slide :is(img,video){
    object-fit:contain!important;
    object-position:center!important;
    background:var(--surface-3)!important;
}

/* Package detail gallery: same fixed gallery, full image/video without cropping. */
body.public-body .package-detail-gallery .entity-media-slide :is(img,video),
body.public-body .entity-media-showcase.package-detail-gallery .entity-media-slide :is(img,video){
    object-fit:contain!important;
    object-position:center!important;
    background:var(--surface-3)!important;
}

/* ===== 2026-08-23 — ONLY entity-content horizontal admin layout correction =====
   Requested scope only:
   - "الإعدادات الرئيسية لشبكة الكروت" spans the editor and stays aligned to the RIGHT.
   - image/video administration is horizontal and responsive on laptop/tablet/mobile.
   No public cards, business logic, colors, data, permissions, or other admin components are changed here. */

/* A) Card-grid settings: fix the fieldset itself (it is a fieldset.full, not .field.full). */
body.admin-body form.form-grid.cols-3 > fieldset.entity-grid-settings.full{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    justify-self:end !important;
    align-self:start !important;
    margin:8px 0 4px 0 !important;
    direction:rtl !important;
    text-align:right !important;
}
body.admin-body fieldset.entity-grid-settings .entity-grid-settings-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    direction:rtl !important;
    align-items:stretch !important;
    justify-content:stretch !important;
}
body.admin-body fieldset.entity-grid-settings .entity-grid-device{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:auto auto !important;
    gap:8px 10px !important;
    min-width:0 !important;
    width:100% !important;
    align-content:start !important;
    align-items:end !important;
    direction:rtl !important;
    text-align:right !important;
}
body.admin-body fieldset.entity-grid-settings .entity-grid-device-title{
    grid-column:1 / -1 !important;
    width:100% !important;
    text-align:right !important;
}
body.admin-body fieldset.entity-grid-settings .entity-grid-device .field{
    min-width:0 !important;
    width:100% !important;
    margin:0 !important;
}

/* B) Media administration: one full-width horizontal row per image/video.
   Keep the preview physically on the RIGHT and the controls beside it. */
body.admin-body .home-admin-details-grid > .entity-admin-media-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    gap:14px !important;
    margin-top:14px !important;
}
body.admin-body .entity-admin-media-grid > article{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(240px,300px) !important;
    grid-template-rows:auto auto minmax(0,1fr) auto !important;
    column-gap:16px !important;
    row-gap:7px !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    padding:12px !important;
    align-items:start !important;
    direction:ltr !important;
}
body.admin-body .entity-admin-media-grid > article > .entity-admin-media-preview{
    grid-column:2 !important;
    grid-row:1 / 5 !important;
    width:100% !important;
    max-width:300px !important;
    min-width:0 !important;
    min-height:0 !important;
    aspect-ratio:16 / 10 !important;
    align-self:start !important;
    justify-self:end !important;
    overflow:hidden !important;
    border-radius:12px !important;
    background:var(--surface-2) !important;
}
body.admin-body .entity-admin-media-grid > article > .entity-admin-media-preview :is(img,video){
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block !important;
}
body.admin-body .entity-admin-media-grid > article > .entity-admin-media-name{
    grid-column:1 !important;
    grid-row:1 !important;
    direction:rtl !important;
    text-align:right !important;
    min-width:0 !important;
    overflow-wrap:anywhere !important;
}
body.admin-body .entity-admin-media-grid > article > .entity-admin-media-status{
    grid-column:1 !important;
    grid-row:2 !important;
    direction:rtl !important;
    justify-content:flex-start !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
    border-radius:0 !important;
    background:transparent !important;
    margin:0 !important;
}
body.admin-body .entity-admin-media-grid > article > .entity-admin-media-editor{
    grid-column:1 !important;
    grid-row:3 !important;
    direction:rtl !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    align-self:start !important;
}
body.admin-body .entity-admin-media-grid > article > .entity-admin-media-actions{
    grid-column:1 !important;
    grid-row:4 !important;
    direction:rtl !important;
    justify-content:flex-start !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
    border-radius:0 !important;
    background:transparent !important;
    margin:0 !important;
}
/* Neutralize the older generic article>div aspect-ratio rule only for the non-preview controls. */
body.admin-body .entity-admin-media-grid > article > div:not(.entity-admin-media-preview){
    aspect-ratio:auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    background:transparent !important;
}

/* Horizontal edit controls next to the preview. */
body.admin-body .entity-admin-media-editor .entity-media-edit-form{
    display:grid !important;
    grid-template-columns:minmax(180px,1.35fr) minmax(145px,1fr) minmax(130px,.8fr) minmax(90px,.55fr) minmax(105px,.6fr) auto !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    align-items:end !important;
    direction:rtl !important;
}
body.admin-body .entity-admin-media-editor .entity-media-edit-form > .field{
    min-width:0 !important;
    width:100% !important;
}

/* Upload row is horizontal too, and uses the full available width. */
body.admin-body .home-admin-details-grid > .entity-media-upload-form{
    display:grid !important;
    grid-template-columns:minmax(220px,1.5fr) minmax(140px,.75fr) minmax(150px,.9fr) minmax(110px,.6fr) minmax(130px,.65fr) !important;
    width:100% !important;
    min-width:0 !important;
    gap:10px !important;
    align-items:end !important;
    direction:rtl !important;
}
body.admin-body .home-admin-details-grid > .entity-media-upload-form > .field,
body.admin-body .home-admin-details-grid > .entity-media-upload-form > .full{
    grid-column:auto !important;
    min-width:0 !important;
    width:100% !important;
}

/* Tablet / iPad: keep the media row horizontal; only condense the control grids. */
@media screen and (max-width:1100px){
    body.admin-body .entity-admin-media-grid > article{
        grid-template-columns:minmax(0,1fr) minmax(200px,250px) !important;
        column-gap:12px !important;
    }
    body.admin-body .entity-admin-media-grid > article > .entity-admin-media-preview{max-width:250px !important}
    body.admin-body .entity-admin-media-editor .entity-media-edit-form{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    body.admin-body .home-admin-details-grid > .entity-media-upload-form{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    body.admin-body .home-admin-details-grid > .entity-media-upload-form > .field:first-of-type{
        grid-column:1 / -1 !important;
    }
}

/* Small tablet: grid settings remain a horizontal three-device strip. */
@media screen and (max-width:820px){
    body.admin-body fieldset.entity-grid-settings .entity-grid-settings-row{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
    }
    body.admin-body fieldset.entity-grid-settings .entity-grid-device{
        padding:9px !important;
        gap:7px !important;
    }
    body.admin-body .entity-admin-media-grid > article{
        grid-template-columns:minmax(0,1fr) minmax(165px,210px) !important;
    }
    body.admin-body .entity-admin-media-grid > article > .entity-admin-media-preview{max-width:210px !important}
    body.admin-body .entity-admin-media-editor .entity-media-edit-form{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* Mobile: stay horizontal (compact preview on the right + controls on the left).
   Card-grid device groups stack for readability, but each device itself stays horizontal. */
@media screen and (max-width:640px){
    body.admin-body fieldset.entity-grid-settings .entity-grid-settings-row{
        grid-template-columns:minmax(0,1fr) !important;
    }
    body.admin-body fieldset.entity-grid-settings .entity-grid-device{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    body.admin-body .entity-admin-media-grid > article{
        grid-template-columns:minmax(0,1fr) minmax(108px,34vw) !important;
        column-gap:9px !important;
        padding:9px !important;
    }
    body.admin-body .entity-admin-media-grid > article > .entity-admin-media-preview{
        max-width:34vw !important;
        aspect-ratio:4 / 3 !important;
    }
    body.admin-body .entity-admin-media-editor .entity-media-edit-form{
        grid-template-columns:minmax(0,1fr) !important;
    }
    body.admin-body .home-admin-details-grid > .entity-media-upload-form{
        grid-template-columns:minmax(0,1fr) !important;
    }
    body.admin-body .home-admin-details-grid > .entity-media-upload-form > .field:first-of-type{
        grid-column:auto !important;
    }
}

/* 2026-08-23 — package quote summary after included services; horizontal + responsive only */
.package-detail-overview-media-only{
    grid-template-columns:minmax(0,860px)!important;
    justify-content:center!important;
}
.package-detail-overview-media-only .package-detail-gallery{
    width:100%;
    max-width:860px;
}
.package-order-summary-after-services{
    position:static!important;
    width:100%;
    margin-top:clamp(22px,4vw,38px);
    min-width:0;
}
.package-order-summary-after-services .package-summary-card{
    display:grid;
    grid-template-columns:minmax(250px,1.45fr) minmax(300px,1.2fr) minmax(210px,.8fr);
    grid-template-areas:
        "badge facts actions"
        "heading facts actions";
    align-items:center;
    gap:clamp(16px,2.5vw,30px);
    width:100%;
    height:auto;
    min-height:0;
    padding:clamp(20px,2.8vw,30px);
    border-color:rgba(255,255,255,.2);
    border-radius:24px;
    background:linear-gradient(155deg,#0b2347 0%,#0d4f78 68%,#118eb7 100%);
    box-shadow:0 22px 54px rgba(5,42,78,.18);
    color:#fff;
    direction:rtl;
}
.package-order-summary-after-services .package-summary-card>.badge{
    grid-area:badge;
    justify-self:start;
    align-self:end;
    width:max-content;
    color:#06213f;
    -webkit-text-fill-color:#06213f;
    background:#dff7ff;
    border-color:rgba(255,255,255,.55);
    font-weight:900;
}
.package-order-summary-after-services .package-summary-heading{
    grid-area:heading;
    min-width:0;
    text-align:right;
}
.package-order-summary-after-services .package-summary-heading small{
    display:block;
    margin-bottom:6px;
    color:#d9f3ff!important;
    -webkit-text-fill-color:#d9f3ff!important;
    font-size:13px;
    font-weight:900;
}
.package-order-summary-after-services .package-summary-heading h2{
    margin:0;
    font-size:clamp(25px,2.5vw,36px);
    line-height:1.25;
}
.package-order-summary-after-services .package-summary-heading p{
    margin-top:8px;
    max-width:620px;
    font-size:14px;
    line-height:1.85;
}
.package-order-summary-after-services .package-summary-facts{
    grid-area:facts;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin:0;
}
.package-order-summary-after-services .package-summary-facts>span{
    display:block;
    min-width:0;
    padding:12px 8px;
    text-align:center;
}
.package-order-summary-after-services .package-summary-actions{
    grid-area:actions;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin:0;
    min-width:0;
}
.package-order-summary-after-services .package-summary-actions .btn{
    width:100%;
    min-height:48px;
    justify-content:center;
    white-space:nowrap;
}
.package-order-summary-after-services .package-summary-actions .btn:first-child{
    background:#fff;
    color:#08325b;
    border-color:#fff;
}
.package-order-summary-after-services .package-summary-actions .package-whatsapp-btn{
    background:#25D366!important;
    border-color:#25D366!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 10px 24px rgba(37,211,102,.22);
}
.package-order-summary-after-services .package-summary-actions .package-whatsapp-btn:hover,
.package-order-summary-after-services .package-summary-actions .package-whatsapp-btn:focus-visible{
    background:#1ebe5d!important;
    border-color:#1ebe5d!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

@media (max-width:1024px){
    .package-order-summary-after-services .package-summary-card{
        grid-template-columns:minmax(220px,1.25fr) minmax(270px,1fr) minmax(190px,.78fr);
        gap:14px;
        padding:20px;
    }
    .package-order-summary-after-services .package-summary-facts{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .package-order-summary-after-services .package-summary-facts>span{
        display:block;
        padding:10px 6px;
        text-align:center;
    }
}

@media (max-width:767.98px){
    .package-order-summary-after-services{
        margin-top:20px;
    }
    .package-order-summary-after-services .package-summary-card{
        grid-template-columns:1fr;
        grid-template-areas:
            "badge"
            "heading"
            "facts"
            "actions";
        gap:14px;
        padding:17px;
        border-radius:20px;
    }
    .package-order-summary-after-services .package-summary-heading{
        text-align:right;
    }
    .package-order-summary-after-services .package-summary-heading h2{
        font-size:26px;
    }
    .package-order-summary-after-services .package-summary-heading p{
        font-size:13px;
        line-height:1.75;
    }
    .package-order-summary-after-services .package-summary-facts{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
    }
    .package-order-summary-after-services .package-summary-facts>span{
        padding:9px 4px;
        border-radius:12px;
    }
    .package-order-summary-after-services .package-summary-facts small{
        font-size:9px;
    }
    .package-order-summary-after-services .package-summary-facts b{
        font-size:12px;
    }
    .package-order-summary-after-services .package-summary-actions{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    .package-order-summary-after-services .package-summary-actions .btn{
        min-height:44px;
        padding-inline:10px;
        font-size:12px;
        white-space:normal;
        text-align:center;
    }
}

@media (max-width:420px){
    .package-order-summary-after-services .package-summary-actions{
        grid-template-columns:1fr;
    }
}

/* ===== V11.43 — Free consultation FAB: mobile/tablet left position only ===== */
/* Keeps the floating "استشارة مجانية أولية" button visible and anchored to the
   physical LEFT side on mobile/tablet. Desktop styling is intentionally unchanged. */
@media screen and (max-width:1024px){
    html body.public-body a.free-consultation-fab{
        display:flex!important;
        visibility:visible!important;
        opacity:1!important;
        left:max(10px,env(safe-area-inset-left))!important;
        right:auto!important;
        inset-inline-start:auto!important;
        inset-inline-end:auto!important;
        margin-left:0!important;
        margin-right:0!important;
        bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px))!important;
        width:max-content!important;
        max-width:min(205px,calc(100vw - 20px))!important;
        min-height:46px!important;
        padding:6px 10px 6px 11px!important;
        gap:8px!important;
        z-index:2147483000!important;
    }
    html body.public-body a.free-consultation-fab .free-consultation-fab-icon{
        width:33px!important;
        height:33px!important;
        flex:0 0 33px!important;
    }
    html body.public-body a.free-consultation-fab .free-consultation-fab-copy b{
        font-size:11px!important;
    }
    html body.public-body a.free-consultation-fab .free-consultation-fab-copy small{
        font-size:9px!important;
        margin-top:1px!important;
    }
}
@media screen and (max-width:600px){
    html body.public-body a.free-consultation-fab{
        left:max(8px,env(safe-area-inset-left))!important;
        right:auto!important;
        inset-inline-start:auto!important;
        inset-inline-end:auto!important;
        max-width:min(180px,calc(100vw - 16px))!important;
        min-height:42px!important;
        padding:5px 8px!important;
        gap:6px!important;
    }
    html body.public-body a.free-consultation-fab .free-consultation-fab-icon{
        width:30px!important;
        height:30px!important;
        flex:0 0 30px!important;
    }
    html body.public-body a.free-consultation-fab .free-consultation-fab-copy b{
        font-size:10.5px!important;
    }
    html body.public-body a.free-consultation-fab .free-consultation-fab-copy small{
        display:block!important;
        font-size:8.5px!important;
    }
}

/* ===== V11.43.1 — Free consultation FAB: force PHYSICAL left in RTL =====
   Important: logical inset properties map to the opposite physical side in RTL.
   Keep the physical `inset` declaration last so the FAB is actually anchored left. */
@media screen and (max-width:1024px){
    html body.public-body .free-consultation-fab{
        display:flex!important;
        visibility:visible!important;
        opacity:1!important;
        inset-inline-start:auto!important;
        inset-inline-end:auto!important;
        /* physical: top | right | bottom | left */
        inset:auto auto max(10px,calc(env(safe-area-inset-bottom) + 8px)) max(10px,env(safe-area-inset-left))!important;
        margin:0!important;
        width:max-content!important;
        max-width:min(205px,calc(100vw - 20px))!important;
        min-height:46px!important;
        padding:6px 10px 6px 11px!important;
        gap:8px!important;
        z-index:2147483000!important;
    }
}
@media screen and (max-width:600px){
    html body.public-body .free-consultation-fab{
        inset-inline-start:auto!important;
        inset-inline-end:auto!important;
        /* physical LEFT = 8px, regardless of RTL direction */
        inset:auto auto max(8px,calc(env(safe-area-inset-bottom) + 6px)) max(8px,env(safe-area-inset-left))!important;
        max-width:min(180px,calc(100vw - 16px))!important;
        min-height:42px!important;
        padding:5px 8px!important;
        gap:6px!important;
    }
}


/* v11.54 final footer/theme override */
body.public-body .site-footer{
    background:linear-gradient(145deg,var(--footer-bg,var(--secondary)),var(--secondary-2))!important;
    color:#fff!important;
}
body.public-body .site-footer,
body.public-body .site-footer a,
body.public-body .site-footer h1,
body.public-body .site-footer h2,
body.public-body .site-footer h3,
body.public-body .site-footer h4,
body.public-body .site-footer strong,
body.public-body .site-footer b,
body.public-body .site-footer p,
body.public-body .site-footer small,
body.public-body .site-footer span,
body.public-body .site-footer .icon{
    color:#fff!important;
    stroke:currentColor;
}
body.public-body .site-footer .footer-map-link,
body.public-body .site-footer .footer-map-link .icon,
body.public-body .site-footer .footer-map-link span{
    color:var(--footer-bg,var(--primary))!important;
}
body.public-body .site-footer .footer-links-card,
body.public-body .site-footer .footer-contact-card,
body.public-body .site-footer .footer-social-card-wrap{
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.14)!important;
}
body.public-body .site-footer .footer-social-card,
body.public-body .site-footer .socials a{
    background:rgba(255,255,255,.08)!important;
}
body.public-body .site-footer .footer-contact-icon,
body.public-body .site-footer .footer-social-icon{
    background:rgba(255,255,255,.14)!important;
}


/* v11.56 exact brand color unification */
:root{--brand-color:#6395AC;--brand-color-strong:#537E93;--brand-color-soft:#E8F0F4;--sabarat-brand-gradient:linear-gradient(135deg,#6395AC 0%,#6395AC 55%,#537E93 100%);}
body.public-body{--primary:#6395AC!important;--primary-strong:#537E93!important;--secondary:#6395AC!important;--secondary-2:#537E93!important;--footer-bg:#6395AC!important;--hero-bg-end:#E8F0F4!important;background:linear-gradient(180deg,#f5f8fa,#eef4f7 55%,#f8fbfc 100%)!important;}
body.public-body :is(.btn,.button,.action-btn,.hero-btn,.cta-btn):not(.btn-link):not(.btn-light):not(.btn-ghost){background:#6395AC!important;border-color:#6395AC!important;color:#fff!important;box-shadow:0 16px 32px rgba(99,149,172,.20)!important;}
body.public-body :is(.btn,.button,.action-btn,.hero-btn,.cta-btn):not(.btn-link):not(.btn-light):not(.btn-ghost):hover{background:#537E93!important;border-color:#537E93!important;color:#fff!important;}
body.public-body :is(.card,.service-card,.department-card,.portfolio-card,.feature-card,.review-card,.faq-item,.entity-feature-card,.about-service-card,.about-unified-card,.about-services-intro,.consultation-cta-card,.home-step-card,.home-cta-card,.cta-card,.ad-card,.job-card,.offer-card,.testimonial-card,.package-card,.pricing-card,.stat-card,.metric-card,.mini-card,.info-card,.benefit-card,.home-feature-card,.home-offer-card){background:var(--sabarat-brand-gradient)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 20px 45px rgba(99,149,172,.22)!important;}
body.public-body :is(.card,.service-card,.department-card,.portfolio-card,.feature-card,.review-card,.faq-item,.entity-feature-card,.about-service-card,.about-unified-card,.about-services-intro,.consultation-cta-card,.home-step-card,.home-cta-card,.cta-card,.ad-card,.job-card,.offer-card,.testimonial-card,.package-card,.pricing-card,.stat-card,.metric-card,.mini-card,.info-card,.benefit-card,.home-feature-card,.home-offer-card) :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,b,li,summary,.muted,.eyebrow,.label,.meta){color:#fff!important;}
body.public-body :is(.card,.service-card,.department-card,.portfolio-card,.feature-card,.review-card,.faq-item,.entity-feature-card,.about-service-card,.about-unified-card,.about-services-intro,.consultation-cta-card,.home-step-card,.home-cta-card,.cta-card,.ad-card,.job-card,.offer-card,.testimonial-card,.package-card,.pricing-card,.stat-card,.metric-card,.mini-card,.info-card,.benefit-card,.home-feature-card,.home-offer-card) :is(.btn,.button,.action-btn){background:#fff!important;color:#6395AC!important;border-color:#fff!important;box-shadow:none!important;}
body.public-body :is(.card,.service-card,.department-card,.portfolio-card,.feature-card,.review-card,.faq-item,.entity-feature-card,.about-service-card,.about-unified-card,.about-services-intro,.consultation-cta-card,.home-step-card,.home-cta-card,.cta-card,.ad-card,.job-card,.offer-card,.testimonial-card,.package-card,.pricing-card,.stat-card,.metric-card,.mini-card,.info-card,.benefit-card,.home-feature-card,.home-offer-card) :is(.btn,.button,.action-btn):hover{background:#fff!important;color:#537E93!important;border-color:#fff!important;}
body.public-body :is(.service-card .card-media,.department-card .card-media,.portfolio-card .card-media,.ad-card .card-media,.service-card-carousel,.service-card-slide,.media-image-preview-button,.about-service-card-media){background:#edf4f7!important;border-bottom-color:rgba(255,255,255,.16)!important;}
body.public-body :is(.badge,.pill,.tag,.service-card-tags .badge,.media-count-badge,.media-type-badge){background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important;}
body.public-body :is(.hero,.consultation-hero,.auth-showcase,.site-footer,.site-footer-brochure,.home-page .cta-card,.home-page .home-cta-card,.about-unified-hero,.brochure-hero,.hero-banner,.section-band,.section-accent,.brand-block,.brand-surface){background:var(--sabarat-brand-gradient)!important;color:#fff!important;}
body.public-body :is(.hero,.consultation-hero,.auth-showcase,.site-footer,.site-footer-brochure,.home-page .cta-card,.home-page .home-cta-card,.about-unified-hero,.brochure-hero,.hero-banner,.section-band,.section-accent,.brand-block,.brand-surface) :is(h1,h2,h3,h4,p,span,small,strong,b,a,li){color:#fff!important;}
body.public-body :is(.search-panel,.public-filter,.filter-bar,.filter-panel,.search-card,.catalog-toolbar){background:#fff!important;border-color:rgba(99,149,172,.20)!important;color:var(--text)!important;box-shadow:0 14px 36px rgba(99,149,172,.10)!important;}
body.public-body .auth-form .btn,body.public-body .auth-card .btn,body.public-body .login-card .btn,body.public-body .register-card .btn{background:#6395AC!important;border-color:#6395AC!important;color:#fff!important;}
body.public-body .auth-form .btn-outline,body.public-body .auth-card .btn-outline,body.public-body .login-card .btn-outline,body.public-body .register-card .btn-outline{background:#fff!important;color:#6395AC!important;border-color:#6395AC!important;}
body.public-body .auth-showcase{background:var(--sabarat-brand-gradient)!important;}
body.public-body .site-footer,body.public-body .site-footer *{color:#fff!important;}
body.public-body .site-footer .footer-map-link{background:#fff!important;color:#6395AC!important;border-color:#fff!important;}
html:not([data-theme="dark"]) body.public-body :is(.card,.service-card,.department-card,.portfolio-card,.feature-card,.review-card,.faq-item,.entity-feature-card,.about-service-card,.about-unified-card,.about-services-intro,.consultation-cta-card,.home-step-card,.home-cta-card,.cta-card,.ad-card,.job-card,.offer-card,.testimonial-card,.package-card,.pricing-card,.stat-card,.metric-card,.mini-card,.info-card,.benefit-card,.home-feature-card,.home-offer-card) svg{color:#fff!important;stroke:currentColor!important;}
@media (max-width: 767.98px){
  body.public-body :is(.card,.service-card,.department-card,.portfolio-card,.feature-card,.review-card,.faq-item,.entity-feature-card,.about-service-card,.about-unified-card,.about-services-intro,.consultation-cta-card,.home-step-card,.home-cta-card,.cta-card,.ad-card,.job-card,.offer-card,.testimonial-card,.package-card,.pricing-card,.stat-card,.metric-card,.mini-card,.info-card,.benefit-card,.home-feature-card,.home-offer-card){border-radius:18px!important;}
  body.public-body :is(.hero,.consultation-hero,.auth-showcase,.site-footer,.site-footer-brochure,.home-page .cta-card,.home-page .home-cta-card,.about-unified-hero,.brochure-hero){border-radius:0!important;}
}


/* v11.58 hero tint and upgrade fix */
:root{
  --brand-color:#6395AC;
  --brand-color-rgb:99,149,172;
  --brand-color-strong:#537E93;
  --brand-color-soft:#E8F0F4;
  --primary:#6395AC;
  --secondary:#6395AC;
  --primary-strong:#537E93;
  --secondary-2:#537E93;
  --primary-soft:#E8F0F4;
  --footer-bg:#6395AC;
}
/* Primary brand surfaces are the exact logo background color. */
body.public-body :is(.cta-card,.home-cta-card,.consultation-hero,.consultation-cta-card,.about-brochure-hero,.about-contact-band,.about-unified-scene,.brochure-scene,.about-services-intro,.about-service-card,.entity-feature-card,.feature-card,.review-card,.faq-item,.service-card,.department-card,.portfolio-card,.ad-card){
  background:#6395AC!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(99,149,172,.22)!important;
}
body.public-body :is(.service-card,.department-card,.portfolio-card,.ad-card) .card-body{
  background:#6395AC!important;
}
body.public-body :is(.cta-card,.home-cta-card,.consultation-hero,.consultation-cta-card,.about-brochure-hero,.about-contact-band,.about-unified-scene,.brochure-scene,.about-services-intro,.about-service-card,.entity-feature-card,.feature-card,.review-card,.faq-item,.service-card,.department-card,.portfolio-card,.ad-card) :is(h1,h2,h3,h4,h5,h6,p,span,small,b,strong,li,summary,.muted,.meta,.eyebrow,.portfolio-card-kicker,.service-card-price,.current-price,.old-price){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
/* Any action located inside a brand card is white with brand-colored text. */
body.public-body :is(.card,.service-card,.department-card,.portfolio-card,.ad-card,.feature-card,.review-card,.faq-item,.entity-feature-card,.about-service-card,.about-services-intro,.about-unified-scene,.cta-card,.home-cta-card,.consultation-cta-card) :is(a.btn,button.btn,.home-card-action,.button,.action-btn){
  background:#fff!important;
  background-image:none!important;
  color:#6395AC!important;
  -webkit-text-fill-color:#6395AC!important;
  border-color:#fff!important;
  box-shadow:0 8px 20px rgba(52,86,104,.12)!important;
}
body.public-body :is(.card,.service-card,.department-card,.portfolio-card,.ad-card,.feature-card,.review-card,.faq-item,.entity-feature-card,.about-service-card,.about-services-intro,.about-unified-scene,.cta-card,.home-cta-card,.consultation-cta-card) :is(a.btn,button.btn,.home-card-action,.button,.action-btn):hover{
  background:#fff!important;
  color:#537E93!important;
  -webkit-text-fill-color:#537E93!important;
  transform:translateY(-1px);
}
/* Standalone primary actions retain the exact brand color. */
body.public-body :is(a.btn,button.btn):not(.btn-outline):not(.btn-ghost):not(.btn-google){
  background:#6395AC;
  border-color:#6395AC;
}
/* Keep media readable while the surrounding card uses the brand surface. */
body.public-body :is(.service-card,.department-card,.portfolio-card,.ad-card) :is(.card-media,.service-card-carousel,.service-card-slide){
  background:#EEF4F7!important;
}
/* Footer must use the exact identity color, not a historical gradient. */
body.public-body footer.site-footer,
body.public-body footer.site-footer.site-footer-brochure{
  background:#6395AC!important;
  background-image:none!important;
}
body.public-body footer.site-footer :is(a,h1,h2,h3,h4,h5,h6,p,b,strong,small,span,li,address,.copyright){color:#fff!important;-webkit-text-fill-color:#fff!important}
body.public-body footer.site-footer .footer-map-link{background:#fff!important;color:#6395AC!important;-webkit-text-fill-color:#6395AC!important}
/* Authentication pages are not public-body, so style them separately. */
.auth-page .auth-showcase{background:#6395AC!important;background-image:none!important;color:#fff!important}
.auth-page .auth-showcase :is(h1,h2,h3,p,b,strong,small,span,.brand-copy b,.brand-copy small){color:#fff!important;-webkit-text-fill-color:#fff!important}
.auth-page .auth-showcase .badge{background:rgba(255,255,255,.94)!important;color:#6395AC!important;-webkit-text-fill-color:#6395AC!important}
.auth-page .auth-benefit{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.20)!important}
.auth-page .auth-panel :is(button.btn,a.btn):not(.btn-outline):not(.btn-ghost):not(.btn-google){background:#6395AC!important;border-color:#6395AC!important;color:#fff!important}
.auth-page .auth-panel .btn-outline{background:#fff!important;border-color:#6395AC!important;color:#6395AC!important}
.auth-page .auth-panel .btn-google{background:#fff!important;color:#111!important;border-color:var(--border)!important}
/* Chat assistant identity follows the company identity; WhatsApp itself remains official green. */
.sabrat-chatbot{--chat-accent:#6395AC!important;--chat-accent-2:#537E93!important}
.sabrat-chatbot-launcher,.sabrat-chatbot-head{background:#6395AC!important;background-image:none!important}
/* Neutral search/filter containers stay white for usability. */
body.public-body :is(.search-panel,.public-filter,.filter-bar,.filter-panel,.catalog-toolbar){background:#fff!important;color:var(--text)!important;border-color:rgba(99,149,172,.24)!important}
@media(max-width:767.98px){
  body.public-body :is(.service-card,.department-card,.portfolio-card,.ad-card,.feature-card,.entity-feature-card,.about-service-card,.cta-card,.home-cta-card,.consultation-cta-card){border-radius:18px!important}
  .auth-page .auth-panel{background:#fff!important}
}


/* v11.59 requested button contrast fixes only */
/* Homepage department/sector action: white button with brand text. */
body.public-body .home-page :is(.home-offer-card,.home-sector-card) .home-card-action,
body.public-body .home-page :is(.home-offer-card,.home-sector-card) .home-card-action *{
    background:#fff!important;
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    border-color:#fff!important;
}

/* Service, portfolio and consultation card buttons requested by the user. */
body.public-body .home-page :is(.service-showcase-grid,.portfolio-catalog-grid,.consultation-service-grid) .service-card .card-footer .btn,
body.public-body .home-page :is(.service-showcase-grid,.portfolio-catalog-grid,.consultation-service-grid) .service-card .card-footer .btn *,
body.public-body .consultation-service-grid .service-card .card-footer .btn,
body.public-body .consultation-service-grid .service-card .card-footer .btn *,
body.public-body .services-catalog-grid .service-card .card-footer .btn,
body.public-body .services-catalog-grid .service-card .card-footer .btn *{
    background:#fff!important;
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    border-color:#fff!important;
}

/* Jobs: public application/detail action only. */
body.public-body .job-public-card .btn,
body.public-body .job-public-card .btn *,
body.public-body .job-application-card .btn:not(.btn-outline),
body.public-body .job-application-card .btn:not(.btn-outline) *{
    background:#fff!important;
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    border-color:#fff!important;
}

/* Blog article read button. */
body.public-body .blog-card .card-footer .btn,
body.public-body .blog-card .card-footer .btn *{
    background:#fff!important;
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    border-color:#fff!important;
}

/* Advertisement actions on the homepage and all-offers cards. */
body.public-body .home-page .ad-slide .ad-slide-actions .btn,
body.public-body .home-page .ad-slide .ad-slide-actions .btn *,
body.public-body .services-catalog-grid .service-card .card-footer .btn,
body.public-body .services-catalog-grid .service-card .card-footer .btn *{
    background:#fff!important;
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    border-color:#fff!important;
}

/* Consultation hero: both CTA buttons white, brand text. */
body.public-body .consultation-hero .hero-actions .btn,
body.public-body .consultation-hero .hero-actions .btn *{
    background:#fff!important;
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    border-color:#fff!important;
}

/* Consultation trust cards stay white and their text/icons use the identity color. */
body.public-body .consultation-hero .consultation-trust-row > span{
    background:#fff!important;
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    border-color:rgba(99,149,172,.24)!important;
}
body.public-body .consultation-hero .consultation-trust-row > span :is(span,b,strong,small,svg,.icon){
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    stroke:currentColor!important;
}

/* Service detail: spacing only between the two consultation request actions. */
body.public-body .service-detail-request-actions{
    display:grid!important;
    gap:14px!important;
}

/* Ensure requested white buttons keep visible brand text even when a child span exists. */
body.public-body :is(
    .home-card-action,
    .service-card .card-footer .btn,
    .job-public-card .btn,
    .job-application-card .btn:not(.btn-outline),
    .blog-card .card-footer .btn,
    .ad-slide-actions .btn,
    .consultation-hero .hero-actions .btn
) :is(span,b,strong,small,svg,.icon){
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    stroke:currentColor!important;
}


/* v11.60.0 — exact requested public contrast polish (no workflow/layout changes) */
/* Homepage hero text colors requested by handover review. */
body.public-body .home-page .dynamic-video-hero .dynamic-hero-badge,
body.public-body .home-page .dynamic-video-hero .dynamic-hero-badge *{
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
}
body.public-body .home-page .dynamic-video-hero .dynamic-hero-title,
body.public-body .home-page .dynamic-video-hero .hero-title-line,
body.public-body .home-page .dynamic-video-hero .hero-title-line-1,
body.public-body .home-page .dynamic-video-hero .hero-title-line-2,
body.public-body .home-page .dynamic-video-hero .hero-title-line-3{
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    text-shadow:0 1px 0 rgba(255,255,255,.78),0 3px 18px rgba(255,255,255,.56)!important;
}
body.public-body .home-page .dynamic-video-hero .dynamic-hero-description,
body.public-body .home-page .dynamic-video-hero .dynamic-hero-description *{
    color:#000!important;
    -webkit-text-fill-color:#000!important;
    text-shadow:0 1px 8px rgba(255,255,255,.72)!important;
}
body.public-body .home-page .dynamic-video-hero .hero-feature-text,
body.public-body .home-page .dynamic-video-hero .hero-feature-text *,
body.public-body .home-page .dynamic-video-hero .hero-stat-text,
body.public-body .home-page .dynamic-video-hero .hero-stat-text *{
    color:#000!important;
    -webkit-text-fill-color:#000!important;
}
body.public-body .home-page .dynamic-video-hero .hero-stat-text strong{
    color:#000!important;
    -webkit-text-fill-color:#000!important;
}
/* Brand-only translucent video tint; remove the old white wash and expose a little more video. */
body.public-body .home-page .dynamic-video-hero .hero-identity-overlay{
    background:linear-gradient(270deg,
        color-mix(in srgb,#6395AC 30%,transparent) 0%,
        color-mix(in srgb,#6395AC 36%,transparent) 45%,
        color-mix(in srgb,#6395AC var(--hero-overlay-opacity,48%),transparent) 100%)!important;
}
@media(max-width:600px){
    body.public-body .home-page .dynamic-video-hero .hero-identity-overlay{
        background:linear-gradient(180deg,
            color-mix(in srgb,#6395AC 24%,transparent) 0%,
            color-mix(in srgb,#6395AC 30%,transparent) 42%,
            color-mix(in srgb,#6395AC 38%,transparent) 72%,
            color-mix(in srgb,#6395AC var(--hero-overlay-opacity,48%),transparent) 100%)!important;
    }
}

/* One exact treatment for the user-requested public card actions only. */
body.public-body :is(
    .department-card .card-footer > a.btn,
    .service-card .card-footer > a.btn,
    .portfolio-card .card-footer > a.btn,
    .blog-card .card-footer > a.btn,
    .job-public-card .job-public-body > a.btn,
    .job-application-card > a.btn:first-of-type,
    .consultation-service-grid .card-footer > a.btn,
    .ad-slide .ad-slide-actions > a.btn,
    .services-catalog-grid .card-footer > a.btn
){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    visibility:visible!important;
    background:#fff!important;
    background-image:none!important;
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    border-color:#fff!important;
    box-shadow:0 8px 20px rgba(52,86,104,.12)!important;
}
body.public-body :is(
    .department-card .card-footer > a.btn,
    .service-card .card-footer > a.btn,
    .portfolio-card .card-footer > a.btn,
    .blog-card .card-footer > a.btn,
    .job-public-card .job-public-body > a.btn,
    .job-application-card > a.btn:first-of-type,
    .consultation-service-grid .card-footer > a.btn,
    .ad-slide .ad-slide-actions > a.btn,
    .services-catalog-grid .card-footer > a.btn
) :is(span,b,strong,small,svg,.icon){
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    stroke:currentColor!important;
}
body.public-body :is(
    .department-card .card-footer > a.btn,
    .service-card .card-footer > a.btn,
    .portfolio-card .card-footer > a.btn,
    .blog-card .card-footer > a.btn,
    .job-public-card .job-public-body > a.btn,
    .job-application-card > a.btn:first-of-type,
    .consultation-service-grid .card-footer > a.btn,
    .ad-slide .ad-slide-actions > a.btn,
    .services-catalog-grid .card-footer > a.btn
):hover{
    background:#fff!important;
    color:#537E93!important;
    -webkit-text-fill-color:#537E93!important;
    border-color:#fff!important;
}
/* Consultation top actions: both remain white with identity text. */
body.public-body .consultation-hero .hero-actions > a.btn,
body.public-body .consultation-hero .hero-actions > a.btn *{
    background:#fff!important;
    background-image:none!important;
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    border-color:#fff!important;
    opacity:1!important;
}
/* FAQ answers: white text on the identity card, homepage and all-FAQ page. */
body.public-body .faq-list .faq-item[open] > div,
body.public-body .faq-list .faq-item[open] > div *,
body.public-body .faq-public-list .faq-item > div,
body.public-body .faq-public-list .faq-item > div *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}


/* v11.61.0 — final handover-only visual corrections. No workflow changes. */
:root{--brand-color:#6395AC;--brand-color-strong:#537E93;}

/* A dedicated class prevents older component-specific rules from repainting requested buttons. */
body.public-body a.brand-white-action,
body.public-body a.brand-white-action:link,
body.public-body a.brand-white-action:visited,
body.public-body a.brand-white-action:hover,
body.public-body a.brand-white-action:focus,
body.public-body a.brand-white-action:active{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    border:1px solid #fff!important;
    opacity:1!important;
    visibility:visible!important;
    text-decoration:none!important;
    box-shadow:0 8px 20px rgba(45,78,95,.12)!important;
}
body.public-body a.brand-white-action :is(span,b,strong,small,svg,.icon){
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    stroke:currentColor!important;
}
body.public-body a.brand-white-action:hover,
body.public-body a.brand-white-action:focus-visible{
    color:#537E93!important;
    -webkit-text-fill-color:#537E93!important;
    background:#fff!important;
    border-color:#fff!important;
}

/* Homepage hero: no white text-shadow. Identity title + black description/support text. */
body.public-body .home-page .dynamic-video-hero .dynamic-hero-badge,
body.public-body .home-page .dynamic-video-hero .dynamic-hero-title,
body.public-body .home-page .dynamic-video-hero .hero-title-line,
body.public-body .home-page .dynamic-video-hero .hero-title-line-1,
body.public-body .home-page .dynamic-video-hero .hero-title-line-2,
body.public-body .home-page .dynamic-video-hero .hero-title-line-3{
    color:#6395AC!important;
    -webkit-text-fill-color:#6395AC!important;
    text-shadow:none!important;
}
body.public-body .home-page .dynamic-video-hero .dynamic-hero-description,
body.public-body .home-page .dynamic-video-hero .dynamic-hero-description *,
body.public-body .home-page .dynamic-video-hero .hero-feature-text,
body.public-body .home-page .dynamic-video-hero .hero-feature-text *,
body.public-body .home-page .dynamic-video-hero .hero-stat-text,
body.public-body .home-page .dynamic-video-hero .hero-stat-text *{
    color:#000!important;
    -webkit-text-fill-color:#000!important;
    text-shadow:none!important;
}
body.public-body .home-page .dynamic-video-hero .hero-stat-text strong{
    color:#000!important;
    -webkit-text-fill-color:#000!important;
}

/* The visible reading layer starts strongest at the RIGHT behind text/buttons and fades to the LEFT. */
body.public-body .home-page .dynamic-video-hero .hero-identity-overlay{
    background:linear-gradient(to left,
        color-mix(in srgb,#fff var(--hero-overlay-opacity,72%),transparent) 0%,
        rgba(255,255,255,.62) 28%,
        rgba(255,255,255,.38) 52%,
        rgba(255,255,255,.17) 76%,
        rgba(255,255,255,.05) 100%)!important;
}
/* Supporting labels remain readable as translucent white cards over the video. */
body.public-body .home-page .dynamic-video-hero .hero-feature-text,
body.public-body .home-page .dynamic-video-hero .hero-stat-text{
    background:rgba(255,255,255,.58)!important;
    border-color:rgba(255,255,255,.72)!important;
    backdrop-filter:blur(2px)!important;
}
body.public-body .home-page .dynamic-video-hero .dynamic-hero-badge{
    background:rgba(255,255,255,.78)!important;
    border-color:rgba(99,149,172,.30)!important;
}
@media(max-width:600px){
    body.public-body .home-page .dynamic-video-hero .hero-identity-overlay{
        background:linear-gradient(to left,
            color-mix(in srgb,#fff var(--hero-overlay-opacity,72%),transparent) 0%,
            rgba(255,255,255,.60) 34%,
            rgba(255,255,255,.31) 66%,
            rgba(255,255,255,.07) 100%)!important;
    }
}

/* Logged-out laptop header: use the available viewport width and compact only spacing, never push Register outside. */
@media screen and (min-width:1025px){
    .site-header .nav-wrap.container{
        width:min(1420px,calc(100% - 20px))!important;
        max-width:none!important;
        gap:8px!important;
    }
    .site-header .brand,
    .site-header.nav-condensed .brand{
        max-width:205px!important;
        flex:0 0 auto!important;
        gap:7px!important;
    }
    .site-header .brand-logo{
        width:64px!important;height:64px!important;min-width:64px!important;flex-basis:64px!important;
    }
    .site-header .brand-copy{max-width:132px!important;}
    .site-header .main-nav,
    .site-header.nav-condensed .main-nav{
        gap:2px!important;
        min-width:0!important;
    }
    .site-header .main-nav>a:not(.btn),
    .site-header.nav-condensed .main-nav>a:not(.btn),
    .site-header .nav-catalog-toggle{
        padding:8px 4px!important;
        font-size:clamp(11px,.82vw,12.5px)!important;
    }
    .site-header .main-nav>.btn,
    .site-header.nav-condensed .main-nav>.btn,
    .site-header .nav-login,
    .site-header .nav-register{
        min-height:36px!important;
        padding:7px 8px!important;
        font-size:11.5px!important;
        flex:0 0 auto!important;
        white-space:nowrap!important;
    }
    .site-header .nav-auth-link{gap:4px!important;}
    .site-header .nav-auth-link .icon{width:14px!important;height:14px!important;flex-basis:14px!important;}
}
@media screen and (min-width:1025px) and (max-width:1240px){
    .site-header .brand{max-width:170px!important;}
    .site-header .brand-logo{width:56px!important;height:56px!important;min-width:56px!important;flex-basis:56px!important;}
    .site-header .brand-copy{max-width:107px!important;}
    .site-header .main-nav>a:not(.btn),
    .site-header .nav-catalog-toggle{font-size:10.8px!important;padding-inline:3px!important;}
    .site-header .main-nav>.btn,.site-header .nav-login,.site-header .nav-register{font-size:10.8px!important;padding-inline:6px!important;}
}


/* v11.65.0 — footer social controls: equal dimensions and readable labels */
body.public-body .site-footer .footer-social-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-card{
  display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
  width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:7px 9px!important;box-sizing:border-box!important;overflow:hidden!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-icon{
  width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;display:grid!important;place-items:center!important;overflow:hidden!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-icon img{
  width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;object-fit:contain!important;display:block!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-icon svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;}
body.public-body .site-footer .footer-social-grid .footer-social-name{
  display:block!important;min-width:0!important;max-width:100%!important;font-size:11px!important;font-weight:800!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important;
}
@media(max-width:390px){
 body.public-body .site-footer .footer-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.public-body .site-footer .footer-social-grid .footer-social-card{grid-template-columns:26px minmax(0,1fr)!important;height:46px!important;min-height:46px!important;padding:6px!important;}
 body.public-body .site-footer .footer-social-grid .footer-social-icon{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;}
 body.public-body .site-footer .footer-social-grid .footer-social-name{font-size:10px!important;}
}

/* v11.66.0 — performance dashboard, permission matrix, and footer contact stability */
.performance-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.performance-kpi{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}
.performance-kpi>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary)}
.performance-kpi>span svg{width:22px;height:22px}.performance-kpi div{display:grid;gap:3px;min-width:0}.performance-kpi small{color:var(--muted)}.performance-kpi b{font-size:clamp(18px,1.8vw,28px);overflow-wrap:anywhere}
.performance-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.performance-chart{display:block;width:100%;height:300px;min-height:260px}
.performance-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.performance-type-grid span{display:grid;gap:4px;text-align:center;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.performance-type-grid b{font-size:24px;color:var(--primary)}
.permission-groups{display:grid;gap:18px;margin-top:16px}.permission-group{display:grid;gap:10px}.permission-group h3{margin:0}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.permission-card{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);cursor:pointer}.permission-card input{margin-top:4px}.permission-card span{display:grid;gap:3px;min-width:0}.permission-card small{direction:ltr;text-align:left;color:var(--muted);overflow-wrap:anywhere}
body.public-body .site-footer .footer-contact-row{min-width:0}
body.public-body .site-footer .footer-contact-email{direction:ltr!important;align-items:center!important}
body.public-body .site-footer .footer-contact-email>.footer-contact-icon{direction:rtl;flex:0 0 auto}
body.public-body .site-footer .footer-contact-email>span:last-child{display:block;min-width:0;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;direction:ltr!important;unicode-bidi:isolate;font-size:clamp(8px,.72vw,11px);letter-spacing:-.025em;line-height:1.25}
@media(max-width:1100px){.performance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.performance-chart-grid{grid-template-columns:1fr}.performance-kpi-grid,.permission-grid{grid-template-columns:1fr}.performance-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-chart{height:260px}}


/* v11.66.0 — managed animated marketing-network footer background. */
body.public-body footer.site-footer.site-footer-brochure{position:relative!important;isolation:isolate!important;overflow:hidden!important}
body.public-body footer.site-footer.site-footer-brochure .footer-network-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block;opacity:1;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--footer-network-color,#DDF5FF) 18%,transparent))}
body.public-body footer.site-footer.site-footer-brochure .footer-grid,
body.public-body footer.site-footer.site-footer-brochure .copyright,
body.public-body footer.site-footer.site-footer-brochure .developer-credits{position:relative!important;z-index:2!important}
body.public-body footer.site-footer.site-footer-brochure .footer-links-card,
body.public-body footer.site-footer.site-footer-brochure .footer-contact-card,
body.public-body footer.site-footer.site-footer-brochure .footer-social-card-wrap{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
@media(max-width:640px){body.public-body footer.site-footer.site-footer-brochure .footer-network-canvas{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--footer-network-color,#DDF5FF) 14%,transparent))}}
@media(prefers-reduced-motion:reduce){body.public-body footer.site-footer.site-footer-brochure .footer-network-canvas{filter:none}}

.performance-payment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.performance-payment-grid span{display:grid;gap:.25rem;text-align:center;padding:.9rem;border:1px solid rgba(99,149,172,.18);border-radius:14px;background:rgba(99,149,172,.07)}.performance-payment-grid b{font-size:1.3rem;color:#6395AC}@media(max-width:1000px){.performance-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.performance-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v11.67.0 — production permission matrix + comprehensive performance dashboard */
.performance-page-head{align-items:flex-end;gap:18px}.performance-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.performance-head-actions .btn{display:inline-flex;align-items:center;gap:7px}.performance-head-actions .btn svg{width:18px;height:18px}.performance-print-btn{box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 18%,transparent)}
.performance-filter-card{position:relative;overflow:hidden}.performance-filter-card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--primary);opacity:.7}.performance-filter-head{align-items:center;margin-bottom:8px}.performance-period-chip{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--primary);font-size:12px;font-weight:800;direction:ltr}.performance-filter-actions{justify-content:center;margin-top:2px}.performance-filter-actions .btn{min-width:150px;display:inline-flex;justify-content:center;align-items:center;gap:7px}
.performance-kpi em{font-style:normal;color:var(--muted);font-size:11px;line-height:1.55}.performance-kpi{align-items:flex-start}.performance-kpi div{align-self:center}.performance-chart-card{min-width:0}.performance-chart-card .panel-head{min-height:54px;align-items:flex-start}.performance-chart-grid-main .performance-chart-card{border-color:color-mix(in srgb,var(--primary) 20%,var(--border))}.performance-empty{min-height:270px;display:grid;place-items:center;text-align:center;padding:25px;border:1px dashed var(--border);border-radius:14px;background:var(--surface-2);color:var(--muted)}.performance-table-grid{align-items:start;margin-block:14px}.performance-table-grid .admin-card{min-width:0;height:100%}.performance-table-sub{display:block;margin-top:2px}.performance-work-summary{margin-top:14px}.table-empty{text-align:center!important;color:var(--muted)!important;padding:24px!important}
.permission-groups{display:grid;gap:20px}.permission-group{padding:14px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 72%,var(--surface))}.permission-group h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px}.permission-group .permission-grid{margin:0}.permission-card{position:relative;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;background:var(--surface)}.permission-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 7%,transparent);transform:translateY(-1px)}.permission-card span>strong{font-size:13px;line-height:1.55}.permission-card span>em{font-style:normal;color:var(--muted);font-size:11px;line-height:1.6}.permission-card span>small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9.5px;opacity:.75}.permissions-security-note{margin:12px 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));line-height:1.7}.permissions-security-note b{color:var(--primary)}
@media(max-width:1100px){.performance-page-head{align-items:stretch;flex-direction:column}.performance-head-actions{justify-content:flex-start}.performance-filter-card .form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.performance-head-actions{display:grid;grid-template-columns:1fr}.performance-head-actions .btn{width:100%;justify-content:center}.performance-filter-head{align-items:flex-start;gap:8px}.performance-period-chip{align-self:flex-start}.performance-filter-card .form-grid.cols-4{grid-template-columns:1fr}.performance-filter-actions{display:grid;grid-template-columns:1fr}.performance-filter-actions .btn{width:100%;min-width:0}.performance-kpi{padding:14px}.performance-empty{min-height:210px}.permission-group{padding:10px}.permission-card{padding:11px}.performance-table-grid .table-wrap{-webkit-overflow-scrolling:touch}}
.permissions-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.permissions-heading>div{display:grid;gap:4px}.permissions-heading label{font-weight:800;font-size:15px}.permissions-heading small{color:var(--muted);line-height:1.6}.permission-group-card{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 68%,var(--surface))}.permission-group-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.permission-group-title h4{margin:0;font-size:15px}.permission-group-title small{color:var(--muted)}.permission-group-card .permission-grid{margin:0}.permission-group-card .permission-item{min-height:88px;align-items:flex-start;background:var(--surface);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.permission-group-card .permission-item:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 7%,transparent);transform:translateY(-1px)}.permission-group-card .permission-item input{flex:0 0 18px;margin-top:3px}.permission-group-card .permission-item span{display:grid;gap:4px;min-width:0}.permission-group-card .permission-item b{font-size:13px;line-height:1.55}.permission-group-card .permission-item small{display:block;color:var(--muted);font-size:11px;line-height:1.65;font-weight:400}.permission-group-card .permission-item code{direction:ltr;text-align:left;display:block;color:color-mix(in srgb,var(--muted) 82%,var(--text));font-size:9.5px;overflow-wrap:anywhere;white-space:normal}.employee-permissions-section{margin-top:6px}.employee-permissions-section>.help-box{margin-top:8px}
@media(max-width:720px){.permissions-heading{display:grid}.permission-group-card{padding:10px}.permission-group-title{align-items:flex-start}.permission-group-card .permission-item{min-height:0}.permission-group-card .permission-grid{grid-template-columns:1fr}}

/* v11.68.3.4 — الإعلان الممول لا يظهر مطلقاً عندما يحمل العنصر hidden. */
[data-paid-ads-panel][hidden]{display:none!important;}

/* v11.71.2 — professional comprehensive performance dashboard */
.performance-dashboard-v2{display:block;min-width:0}
.performance-dashboard-v2 .performance-hero-head{position:relative;overflow:hidden;padding:22px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)) 0%,var(--surface) 56%,color-mix(in srgb,var(--primary) 4%,var(--surface)) 100%);box-shadow:var(--shadow-sm)}
.performance-dashboard-v2 .performance-hero-head:after{content:"";position:absolute;inset:auto auto -80px -60px;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--primary) 10%,transparent);pointer-events:none}
.performance-dashboard-v2 .performance-hero-head>div{position:relative;z-index:1}.performance-dashboard-v2 .performance-hero-head h1{margin:4px 0 7px}.performance-dashboard-v2 .performance-hero-head p{max-width:820px;margin:0;color:var(--muted);line-height:1.8}
.performance-scope-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.performance-scope-badges span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);font-size:11px;font-weight:800}.performance-scope-badges svg{width:15px;height:15px;color:var(--primary)}
.performance-dashboard-v2 .performance-filter-card{margin-top:14px;border-radius:20px;border-color:color-mix(in srgb,var(--primary) 14%,var(--border));box-shadow:var(--shadow-sm)}
.performance-zero-note{display:flex;align-items:center;gap:11px;margin-top:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--text)}.performance-zero-note>svg{flex:0 0 auto;color:var(--primary)}.performance-zero-note div{display:grid;gap:2px}.performance-zero-note b{font-size:13px}.performance-zero-note span{color:var(--muted);font-size:11px;line-height:1.55}
.performance-dashboard-v2 .performance-filter-card .field label{font-weight:850}.performance-dashboard-v2 .performance-filter-card input,.performance-dashboard-v2 .performance-filter-card select{min-height:45px;border-radius:12px}.performance-dashboard-v2 .performance-company-search input{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary) 3%,var(--surface))}
.performance-company-scope{margin:14px 0;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));box-shadow:var(--shadow-sm)}
.performance-company-scope-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.performance-company-scope-head>div{display:grid;gap:2px}.performance-company-scope-head small{color:var(--muted)}.performance-company-scope-head>span{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:11px;font-weight:900}
.performance-company-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.performance-company-scope-grid article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.performance-company-scope-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--primary) 11%,transparent);color:var(--primary)}.performance-company-scope-grid article>span svg{width:19px;height:19px}.performance-company-scope-grid article>div{display:grid;gap:2px;min-width:0}.performance-company-scope-grid article b,.performance-company-scope-grid article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-company-scope-grid article small{color:var(--muted);font-size:10px}.performance-company-scope-grid article em{font-style:normal;color:var(--primary);font-size:10px;font-weight:900;white-space:nowrap}
.performance-dashboard-v2 .performance-kpi-grid-v2{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.performance-dashboard-v2 .performance-kpi{position:relative;overflow:hidden;min-height:128px;padding:14px;border-radius:18px;box-shadow:0 8px 25px color-mix(in srgb,var(--text) 6%,transparent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.performance-dashboard-v2 .performance-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:color-mix(in srgb,var(--primary) 68%,transparent)}.performance-dashboard-v2 .performance-kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:0 12px 30px color-mix(in srgb,var(--text) 9%,transparent)}.performance-dashboard-v2 .performance-kpi>span{flex-basis:40px;width:40px;height:40px;border-radius:12px}.performance-dashboard-v2 .performance-kpi b{font-size:clamp(17px,1.6vw,25px)}.performance-dashboard-v2 .performance-kpi em{font-size:10.5px}.performance-dashboard-v2 .performance-kpi[data-tone="revenue"]{border-color:color-mix(in srgb,var(--primary) 32%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.performance-dashboard-v2 .performance-kpi[data-tone="ads"]{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,var(--surface)),var(--surface))}
.performance-finance-overview{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2.2fr);gap:18px;align-items:center;margin:14px 0;padding:18px;border-radius:20px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface) 50%)}.performance-finance-copy h2{margin:2px 0 6px}.performance-finance-copy p{margin:0;color:var(--muted);line-height:1.75}.performance-finance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.performance-finance-metrics>div{display:grid;gap:4px;min-width:0;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.performance-finance-metrics small{color:var(--muted);font-size:10px}.performance-finance-metrics b{font-size:clamp(16px,1.5vw,22px);overflow-wrap:anywhere}.performance-finance-metrics span{font-size:10px;color:var(--primary);font-weight:800}
.performance-dashboard-v2 .performance-chart-grid{gap:12px}.performance-dashboard-v2 .performance-chart-grid-feature{grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr)}.performance-dashboard-v2 .performance-chart-card{position:relative;overflow:hidden;border-radius:20px;padding:16px;border-color:color-mix(in srgb,var(--primary) 14%,var(--border));box-shadow:var(--shadow-sm);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--primary) 2%,var(--surface)))}.performance-dashboard-v2 .performance-chart-card:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 18%,transparent),var(--primary),color-mix(in srgb,var(--primary) 12%,transparent));opacity:.55}.performance-dashboard-v2 .performance-chart-card .panel-head{margin-bottom:7px}.performance-chart-kicker{display:inline-block;margin-bottom:3px;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.02em}.performance-dashboard-v2 .performance-chart{height:315px;min-height:285px}.performance-dashboard-v2 .performance-chart-card-compact .performance-chart{height:300px}.performance-dashboard-v2 .performance-empty{min-height:285px;border-radius:15px;background:color-mix(in srgb,var(--primary) 3%,var(--surface-2))}
.performance-dashboard-v2 .performance-table-grid{gap:12px}.performance-dashboard-v2 .performance-table-grid .admin-card{border-radius:18px;overflow:hidden}.performance-dashboard-v2 .performance-table-grid table th{white-space:nowrap}.performance-table-company{display:block;margin-top:4px;padding-top:4px;border-top:1px dashed color-mix(in srgb,var(--primary) 20%,var(--border));color:var(--primary);font-size:10px;line-height:1.5}.performance-dashboard-v2 .performance-work-summary{border-radius:18px}.performance-dashboard-v2 .performance-type-grid span{border-radius:13px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,var(--surface-2)),var(--surface-2))}
@media(max-width:1280px){.performance-dashboard-v2 .performance-kpi-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr))}.performance-company-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.performance-dashboard-v2 .performance-kpi-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-dashboard-v2 .performance-chart-grid-feature{grid-template-columns:1fr}.performance-finance-overview{grid-template-columns:1fr}.performance-dashboard-v2 .performance-chart-card-compact .performance-chart{height:290px}.performance-company-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.performance-dashboard-v2 .performance-hero-head{padding:16px}.performance-scope-badges{gap:5px}.performance-scope-badges span{width:100%;justify-content:flex-start}.performance-dashboard-v2 .performance-kpi-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-dashboard-v2 .performance-kpi{min-height:118px;padding:12px}.performance-finance-metrics{grid-template-columns:1fr}.performance-company-scope-head{align-items:flex-start;flex-direction:column}.performance-company-scope-grid{grid-template-columns:1fr}.performance-dashboard-v2 .performance-chart{height:285px;min-height:260px}.performance-dashboard-v2 .performance-chart-card{padding:12px}}
@media(max-width:470px){.performance-dashboard-v2 .performance-kpi-grid-v2{grid-template-columns:1fr}.performance-dashboard-v2 .performance-kpi{min-height:104px}.performance-dashboard-v2 .performance-chart{height:300px}.performance-company-scope-grid article{grid-template-columns:34px minmax(0,1fr)}.performance-company-scope-grid article>em{grid-column:2}.performance-finance-overview{padding:14px}}

/* v11.74.0 — لوحة أداء تنفيذية كثيفة ورسومات SVG مضمونة في الشاشة والطباعة. */
.performance-dashboard-v2 .performance-hero-head{padding:15px 17px;border-radius:17px;background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface) 58%);box-shadow:0 7px 22px color-mix(in srgb,var(--text) 5%,transparent)}
.performance-dashboard-v2 .performance-hero-head:after{width:150px;height:150px;bottom:-95px;opacity:.6}
.performance-dashboard-v2 .performance-hero-head h1{font-size:clamp(24px,2.5vw,34px)}
.performance-dashboard-v2 .performance-hero-head p{font-size:12px;line-height:1.65}
.performance-dashboard-v2 .performance-scope-badges{margin-top:8px}.performance-dashboard-v2 .performance-scope-badges span{min-height:28px;padding:4px 9px;font-size:10px}
.performance-dashboard-v2 .performance-filter-card{margin-top:10px;padding:14px;border-radius:16px}.performance-dashboard-v2 .performance-filter-card .panel-head{margin-bottom:8px}.performance-dashboard-v2 .performance-filter-card .panel-head h2{font-size:17px}.performance-dashboard-v2 .performance-filter-card .panel-head p{font-size:10.5px}
.performance-dashboard-v2 .performance-filter-card .form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 11px}.performance-dashboard-v2 .performance-filter-card .field label{font-size:11px}.performance-dashboard-v2 .performance-filter-card input,.performance-dashboard-v2 .performance-filter-card select{min-height:39px;padding-block:7px;font-size:11px}
.performance-dashboard-v2 .performance-filter-actions{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}.performance-dashboard-v2 .performance-filter-actions .btn{min-height:39px;min-width:0}
.performance-dashboard-v2 .performance-kpi-grid-v2{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:10px 0}
.performance-dashboard-v2 .performance-kpi{min-height:93px;padding:10px 9px;gap:8px;border-radius:13px;box-shadow:0 5px 16px color-mix(in srgb,var(--text) 5%,transparent)}
.performance-dashboard-v2 .performance-kpi>span{flex:0 0 34px;width:34px;height:34px;border-radius:10px}.performance-dashboard-v2 .performance-kpi>span svg{width:17px;height:17px}
.performance-dashboard-v2 .performance-kpi small{font-size:9px;line-height:1.35}.performance-dashboard-v2 .performance-kpi b{font-size:clamp(14px,1.1vw,19px);line-height:1.3}.performance-dashboard-v2 .performance-kpi em{font-size:8px;line-height:1.35}
.performance-dashboard-v2 .performance-finance-overview{grid-template-columns:minmax(210px,.72fr) minmax(0,2.28fr);gap:13px;margin:9px 0;padding:12px 14px;border-radius:15px!important}.performance-dashboard-v2 .performance-finance-copy h2{font-size:18px}.performance-dashboard-v2 .performance-finance-copy p{font-size:10px;line-height:1.55}.performance-dashboard-v2 .performance-finance-metrics{gap:26px}.performance-dashboard-v2 .performance-finance-metrics>div{position:relative;padding:10px;border-radius:12px;text-align:center}.performance-dashboard-v2 .performance-finance-metrics small{font-size:9px}.performance-dashboard-v2 .performance-finance-metrics b{font-size:clamp(15px,1.3vw,21px)}.performance-dashboard-v2 .performance-finance-metrics span{font-size:8.5px}
.performance-dashboard-v2 .performance-finance-metrics>div:nth-child(2)::before,.performance-dashboard-v2 .performance-finance-metrics>div:nth-child(3)::before{position:absolute;inset-inline-start:calc(100% + 8px);top:50%;transform:translateY(-50%);color:var(--primary-strong);font-size:26px;font-weight:900}.performance-dashboard-v2 .performance-finance-metrics>div:nth-child(2)::before{content:"="}.performance-dashboard-v2 .performance-finance-metrics>div:nth-child(3)::before{content:"+"}
.performance-chart-grid-reference{display:grid;grid-template-columns:1.3fr 1.12fr 1.16fr .82fr .82fr;gap:8px;margin:9px 0;align-items:stretch}
.performance-chart-grid-reference .performance-chart-card{grid-column:auto!important}
.performance-chart-grid-insights{display:grid;grid-template-columns:1.2fr .85fr 1.2fr;gap:8px;margin:9px 0}
.performance-dashboard-v2 .performance-chart-card{padding:10px;border-radius:14px}.performance-dashboard-v2 .performance-chart-card .panel-head{min-height:44px;margin-bottom:3px}.performance-dashboard-v2 .performance-chart-card .panel-head h2{font-size:13px;line-height:1.35}.performance-dashboard-v2 .performance-chart-card .panel-head p{margin-top:2px;font-size:8.5px;line-height:1.4}.performance-chart-kicker{font-size:8px}
.performance-chart-surface{display:grid;align-items:center;width:100%;min-height:185px;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,var(--surface)),var(--surface))}
.performance-chart-surface .performance-svg{display:block;width:100%;height:auto;max-height:228px;overflow:visible;font-family:Tahoma,Arial,sans-serif}
.performance-svg .grid{stroke:color-mix(in srgb,var(--border) 82%,transparent);stroke-width:1}.performance-svg :is(.axis,.label,.value,.legend text,.legend-text,.h-label){fill:var(--muted);font-size:9px}.performance-svg .line-total,.performance-svg .line-completed{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.performance-svg .line-total{stroke:var(--primary-strong)}.performance-svg .line-completed{stroke:color-mix(in srgb,var(--primary) 58%,#d8edf4)}.performance-svg .point-total{fill:var(--primary-strong)}.performance-svg .point-completed{fill:color-mix(in srgb,var(--primary) 58%,#d8edf4)}.performance-svg .legend-total{fill:var(--primary-strong)}.performance-svg .legend-completed{fill:color-mix(in srgb,var(--primary) 58%,#d8edf4)}.performance-svg .bar-primary{fill:var(--primary-strong)}.performance-svg .bar-secondary{fill:#e9a84b}.performance-svg .bar-track{fill:color-mix(in srgb,var(--primary) 8%,var(--surface-2))}.performance-svg :is(.donut-total){font-size:17px;font-weight:900;fill:var(--text)}.performance-svg :is(.donut-sub,.donut-label){font-size:9px;fill:var(--muted)}.performance-svg .zero-pill{fill:color-mix(in srgb,var(--primary) 8%,var(--surface));stroke:color-mix(in srgb,var(--primary) 18%,var(--border))}.performance-svg .zero-text{font-size:9px;font-weight:800;fill:var(--muted)}
.performance-dashboard-v2 .performance-table-grid{margin-block:8px;gap:8px}.performance-dashboard-v2 .performance-table-grid .admin-card{border-radius:14px;padding:11px}.performance-dashboard-v2 .performance-table-grid .panel-head{margin-bottom:7px}.performance-dashboard-v2 .performance-table-grid .panel-head h2{font-size:14px}.performance-dashboard-v2 .performance-table-grid .panel-head p{font-size:9px}.performance-dashboard-v2 .performance-table-grid table{font-size:10px}.performance-dashboard-v2 .performance-table-grid :is(th,td){padding:7px 6px}
.performance-dashboard-v2 .performance-work-summary{margin-top:8px;padding:12px}.performance-dashboard-v2 .performance-type-grid{gap:7px}.performance-dashboard-v2 .performance-type-grid span{padding:9px;font-size:10px}.performance-dashboard-v2 .performance-type-grid b{font-size:18px}
@media(max-width:1500px){.performance-dashboard-v2 .performance-kpi-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr))}.performance-chart-grid-reference{grid-template-columns:repeat(6,minmax(0,1fr))}.performance-chart-grid-reference .performance-chart-span-2{grid-column:span 2!important}.performance-chart-grid-reference .performance-chart-donut{grid-column:span 3!important}}
@media(max-width:1120px){.performance-dashboard-v2 .performance-filter-card .form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-dashboard-v2 .performance-finance-overview{grid-template-columns:1fr}.performance-chart-grid-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-chart-grid-reference :is(.performance-chart-span-2,.performance-chart-donut){grid-column:auto!important}.performance-chart-grid-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-chart-grid-insights>:last-child{grid-column:1/-1}.performance-dashboard-v2 .performance-finance-metrics{gap:10px}.performance-dashboard-v2 .performance-finance-metrics>div::before{display:none}}
@media(max-width:700px){.performance-dashboard-v2 .performance-filter-card .form-grid.cols-4{grid-template-columns:1fr}.performance-dashboard-v2 .performance-filter-actions{grid-column:auto;grid-template-columns:1fr}.performance-dashboard-v2 .performance-kpi-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-dashboard-v2 .performance-kpi{min-height:88px}.performance-dashboard-v2 .performance-finance-metrics,.performance-chart-grid-reference,.performance-chart-grid-insights{grid-template-columns:1fr}.performance-chart-grid-insights>:last-child{grid-column:auto}.performance-chart-surface{min-height:210px}.performance-chart-surface .performance-svg{max-height:260px}.performance-dashboard-v2 .performance-chart-card .panel-head h2{font-size:15px}}
@media(max-width:420px){.performance-dashboard-v2 .performance-kpi-grid-v2{grid-template-columns:1fr}.performance-chart-surface{min-height:190px}}

/* v11.73.0 — unified request actions, catalog discounts, brand labels and footer readability */
html body .order-request-form .order-submit-actions.discovery-preview-actions,
html body [data-staff-order-form] .order-submit-actions.discovery-preview-actions,
html body .consultation-submit-actions,
html body .package-submit-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:clamp(16px,2vw,24px)!important;
  width:100%!important;
  margin-top:18px;
}
html body :is(.order-submit-actions.discovery-preview-actions,.consultation-submit-actions,.package-submit-actions)>.btn{
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.45!important;
}
@media(max-width:640px){
  html body .order-request-form .order-submit-actions.discovery-preview-actions,
  html body [data-staff-order-form] .order-submit-actions.discovery-preview-actions,
  html body .consultation-submit-actions,
  html body .package-submit-actions{grid-template-columns:1fr!important;gap:12px!important;margin-top:15px}
}

.brand-context-label,.brand-quote-label,
.selected-work-reference .brand-context-label,
.order-service-preview-head .brand-context-label{
  color:var(--primary)!important;
  -webkit-text-fill-color:var(--primary)!important;
  background:color-mix(in srgb,var(--primary) 10%,#fff)!important;
  border-color:color-mix(in srgb,var(--primary) 28%,var(--border))!important;
}
body.public-body :is(.portfolio-card-kicker,.work-detail-hero .eyebrow){
  color:var(--primary)!important;
  -webkit-text-fill-color:var(--primary)!important;
  opacity:1!important;
}
.customer-order-summary .order-summary-item.emphasis b,
.package-quote-state,.package-quote-state :is(b,strong,p,span){color:var(--primary)!important;-webkit-text-fill-color:var(--primary)!important}

.catalog-price-stack,.consultation-direct-price-fact,.package-request-price{
  display:grid!important;
  justify-items:start;
  align-content:center;
  gap:3px!important;
  min-width:0;
}
.discount-rate{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:4px 8px;
  border-radius:999px;
  background:#fff3d6;
  color:#9a5b00!important;
  -webkit-text-fill-color:#9a5b00!important;
  font-size:11px;
  font-weight:900;
  line-height:1.2;
}
.catalog-price-stack .old-price,.package-card-price .old-price,.package-request-price .old-price{
  display:block!important;
  text-decoration:line-through!important;
  text-decoration-thickness:1.5px!important;
}
.catalog-price-stack .current-price,.package-card-price .current-price,.package-request-price .current-price{
  display:block;
  color:var(--primary)!important;
  -webkit-text-fill-color:var(--primary)!important;
  font-size:clamp(18px,1.7vw,24px);
  font-weight:900;
  line-height:1.35;
}
.consultation-direct-price-fact{justify-items:center!important}
.consultation-selected-price{margin:9px 0 12px}
.package-request-price{margin:10px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.package-summary-heading .discount-rate{background:rgba(255,255,255,.18)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(255,255,255,.28)}
.package-summary-heading>.old-price{display:block;color:rgba(255,255,255,.8)!important;-webkit-text-fill-color:rgba(255,255,255,.8)!important;text-decoration:line-through!important;text-decoration-thickness:2px!important;font-size:13px!important}

body.public-body .site-footer .footer-contact-list{gap:10px!important}
body.public-body .site-footer .footer-contact-row{align-items:center!important;min-height:42px!important}
body.public-body .site-footer .footer-contact-email>span:last-child{
  font-size:clamp(11px,.86vw,13px)!important;
  letter-spacing:-.015em!important;
  line-height:1.35!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.public-body .site-footer .footer-social-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:54px!important;
  gap:9px!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-card{
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  padding:7px 9px!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-name{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  height:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-size:clamp(10.5px,.76vw,12px)!important;
  line-height:1.25!important;
}
@media(max-width:520px){
  body.public-body .site-footer .footer-social-grid{grid-template-columns:1fr!important;grid-auto-rows:52px!important}
  body.public-body .site-footer .footer-social-grid .footer-social-card{height:52px!important;min-height:52px!important;max-height:52px!important}
  body.public-body .site-footer .footer-contact-email>span:last-child{font-size:clamp(10.5px,3vw,12px)!important}
}

.performance-dashboard-v2 .performance-chart-card canvas.performance-chart{
  border:1px solid color-mix(in srgb,var(--primary) 13%,var(--border));
  border-radius:15px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,var(--surface)),var(--surface));
}

/* ===== v11.75.0 | footer + CTA responsive final polish ===== */
body.public-body .site-footer .footer-grid-brochure{
  grid-template-columns:minmax(220px,1.08fr) repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:18px!important;
}
body.public-body .site-footer .footer-links-card,
body.public-body .site-footer .footer-contact-card,
body.public-body .site-footer .footer-social-card-wrap{
  height:382px!important;
  min-height:382px!important;
  max-height:382px!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:20px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 38px rgba(22,72,96,.11)!important;
}
body.public-body .site-footer .footer-links-card>h4,
body.public-body .site-footer .footer-contact-card>h4,
body.public-body .site-footer .footer-social-card-wrap>h4{
  flex:0 0 auto!important;
  margin:0 0 15px!important;
}
body.public-body .site-footer .footer-links-columns{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;
  gap:8px 16px!important;
  min-height:0!important;
}
body.public-body .site-footer .footer-links-column{
  display:grid!important;
  align-content:start!important;
  gap:8px!important;
  min-width:0!important;
}
body.public-body .site-footer .footer-links-column a{
  min-width:0!important;
  font-size:clamp(12px,.86vw,13.5px)!important;
  line-height:1.55!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.public-body .site-footer .footer-contact-list{
  display:grid!important;
  align-content:start!important;
  gap:9px!important;
  min-height:0!important;
}
body.public-body .site-footer .footer-contact-row{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:minmax(40px,auto)!important;
  direction:ltr!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
}
body.public-body .site-footer .footer-contact-row>.footer-contact-icon{
  grid-column:1!important;
  grid-row:1!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  margin:0!important;
  direction:ltr!important;
}
body.public-body .site-footer .footer-contact-row>.footer-contact-value{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  font-size:clamp(12.5px,.9vw,14px)!important;
  line-height:1.5!important;
  font-weight:500!important;
  letter-spacing:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.public-body .site-footer .footer-contact-row>.footer-contact-value.is-ltr{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:plaintext!important;
}
body.public-body .site-footer .footer-contact-row.footer-contact-text>.footer-contact-value{
  direction:rtl!important;
  text-align:right!important;
  unicode-bidi:plaintext!important;
}
body.public-body .site-footer .footer-map-link{
  margin-top:2px!important;
  min-width:0!important;
  font-size:12px!important;
}
body.public-body .site-footer .footer-social-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:54px!important;
  align-content:start!important;
  gap:10px!important;
  overflow:auto!important;
  padding-inline-end:2px!important;
  scrollbar-width:thin!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-card{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  min-width:0!important;
  padding:7px 9px!important;
  overflow:hidden!important;
  border-radius:13px!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-icon{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  overflow:hidden!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-icon svg{
  width:24px!important;
  height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-name{
  min-width:0!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  font-size:clamp(10.5px,.77vw,12.5px)!important;
  line-height:1.35!important;
  font-weight:600!important;
}
body.public-body .home-page .home-cta-card,
body.public-body .home-cta-card{
  border-radius:clamp(24px,3vw,36px)!important;
  overflow:hidden!important;
  margin-inline:auto!important;
}
@media(max-width:1100px){
  body.public-body .site-footer .footer-grid-brochure{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.public-body .site-footer .footer-brand{
    grid-column:1/-1!important;
  }
  body.public-body .site-footer .footer-social-card-wrap{
    grid-column:auto!important;
  }
}
@media(max-width:767.98px){
  body.public-body .site-footer .footer-grid-brochure{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.public-body .site-footer .footer-brand,
  body.public-body .site-footer .footer-links-card,
  body.public-body .site-footer .footer-contact-card,
  body.public-body .site-footer .footer-social-card-wrap{
    grid-column:1!important;
    width:100%!important;
  }
  body.public-body .site-footer .footer-links-card,
  body.public-body .site-footer .footer-contact-card,
  body.public-body .site-footer .footer-social-card-wrap{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
    padding:17px!important;
    border-radius:20px!important;
  }
  body.public-body .site-footer .footer-links-columns{gap:8px 14px!important}
  body.public-body .site-footer .footer-links-column{gap:7px!important}
  body.public-body .site-footer .footer-links-column a{font-size:12.5px!important}
  body.public-body .site-footer .footer-social-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:52px!important;
    gap:9px!important;
  }
  body.public-body .site-footer .footer-social-grid .footer-social-card{
    height:52px!important;min-height:52px!important;max-height:52px!important;
    grid-template-columns:32px minmax(0,1fr)!important;
  }
  body.public-body .site-footer .footer-social-grid .footer-social-icon{
    width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;
  }
  body.public-body .home-page .home-cta-card,
  body.public-body .home-cta-card{
    width:100%!important;
    border-radius:26px!important;
    padding:28px 20px!important;
  }
}
@media(max-width:430px){
  body.public-body .site-footer .footer-links-card,
  body.public-body .site-footer .footer-contact-card,
  body.public-body .site-footer .footer-social-card-wrap{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
    padding:15px!important;
  }
  body.public-body .site-footer .footer-contact-row{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:8px!important;
  }
  body.public-body .site-footer .footer-contact-row>.footer-contact-icon{
    width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;
  }
  body.public-body .site-footer .footer-contact-row>.footer-contact-value{font-size:12.5px!important}
  body.public-body .site-footer .footer-social-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.public-body .site-footer .footer-social-grid .footer-social-name{font-size:10.5px!important}
  body.public-body .home-page .home-cta-card,
  body.public-body .home-cta-card{
    border-radius:24px!important;
    padding:25px 16px!important;
  }
}


/* ===== v11.77.0 | footer alignment / no broken social labels ===== */
body.public-body .site-footer .footer-contact-row{align-items:center!important;overflow:visible!important}
body.public-body .site-footer .footer-contact-row>.footer-contact-icon{align-self:center!important;justify-self:center!important}
body.public-body .site-footer .footer-contact-row>.footer-contact-value{align-self:center!important;overflow-wrap:normal!important;word-break:normal!important}
body.public-body .site-footer .footer-contact-email>.footer-contact-value{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;direction:ltr!important;text-align:left!important}
body.public-body .site-footer .footer-social-grid{overflow:visible!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.public-body .site-footer .footer-social-grid .footer-social-card{min-width:0!important;overflow:hidden!important}
body.public-body .site-footer .footer-social-grid .footer-social-name{display:block!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;word-break:keep-all!important;line-height:1.3!important}
body.public-body .site-footer .footer-map-link,
body.public-body .site-footer .footer-map-link :is(span,.icon,svg){color:#6395AC!important;-webkit-text-fill-color:#6395AC!important;stroke:currentColor!important}
body.public-body .site-footer .footer-map-link{background:#fff!important;border-color:#fff!important;font-weight:900!important}
body.public-body .site-footer .footer-brand .brand-copy :is(b,strong,span,p,small){word-break:normal!important;overflow-wrap:normal!important}
@media(max-width:1180px){body.public-body .site-footer .footer-grid-brochure{grid-template-columns:repeat(2,minmax(0,1fr))!important;height:auto!important}.site-footer .footer-brand{min-width:0!important}}
@media(max-width:720px){
 body.public-body .site-footer .footer-grid-brochure{grid-template-columns:1fr!important;gap:12px!important}
 body.public-body .site-footer .footer-links-card,body.public-body .site-footer .footer-contact-card,body.public-body .site-footer .footer-social-card-wrap{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 body.public-body .site-footer .footer-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:50px!important}
 body.public-body .site-footer .footer-social-grid .footer-social-card{height:50px!important;min-height:50px!important;max-height:50px!important}
}
@media(max-width:390px){body.public-body .site-footer .footer-social-grid{grid-template-columns:1fr!important}}

/* ===== v11.77.0 — unified public search + package gallery stability ===== */
.package-card-gallery{position:relative;width:100%;height:100%;overflow:hidden}
.package-card-gallery .entity-media-stage{position:relative;width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;background:var(--surface-2)}
.package-card-gallery .entity-media-slide{position:absolute;inset:0}
.package-card-gallery .entity-media-slide :is(img,video){width:100%;height:100%;object-fit:cover;display:block}
.package-card-gallery .entity-gallery-dots{bottom:8px}
.public-site-search{display:flex;gap:12px;align-items:center;margin-bottom:22px}.public-site-search .grow{flex:1}
.public-search-summary{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0 0 18px;color:var(--muted)}
.public-search-results{display:grid;gap:15px}.public-search-result{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 14px 35px rgba(5,42,78,.07)}
.public-search-result.is-company{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 32%,var(--surface)),var(--surface))}
.public-search-result-media{height:120px;border-radius:16px;overflow:hidden;background:var(--surface-2)}.public-search-result-media img{width:100%;height:100%;object-fit:contain}.public-search-result h2{margin:7px 0 5px;font-size:21px}.public-search-result p{margin:0 0 12px;color:var(--muted);line-height:1.85}
@media(max-width:680px){.public-site-search{align-items:stretch;flex-direction:column}.public-site-search .btn{width:100%;justify-content:center}.public-search-result{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:14px}.public-search-result-media{height:78px}.public-search-result h2{font-size:18px}.public-search-result p{font-size:13px}.public-search-summary{font-size:13px}}
.browser-autofill-decoys{position:fixed!important;inset:auto auto 100vh 100vw!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}


/* ===== v11.77.2 | footer final responsive alignment for laptop / tablet / phone ===== */
body.public-body footer.site-footer.site-footer-brochure{padding-top:42px!important;overflow:hidden!important}
body.public-body .site-footer .footer-grid-brochure{
  display:grid!important;
  grid-template-columns:minmax(210px,1.04fr) minmax(220px,.98fr) minmax(235px,1.08fr) minmax(220px,1fr)!important;
  align-items:stretch!important;
  gap:16px!important;
  padding-bottom:30px!important;
  direction:rtl!important;
}
body.public-body .site-footer .footer-brand-brochure,
body.public-body .site-footer .footer-links-card,
body.public-body .site-footer .footer-contact-card,
body.public-body .site-footer .footer-social-card-wrap{
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
body.public-body .site-footer .footer-links-card,
body.public-body .site-footer .footer-contact-card,
body.public-body .site-footer .footer-social-card-wrap{
  padding:18px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 28px rgba(31,76,98,.10)!important;
}
body.public-body .site-footer .footer-brand-brochure{padding:4px 4px 0!important;align-self:start!important}
body.public-body .site-footer .footer-brand-brochure .brand{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body.public-body .site-footer .footer-brand-brochure .brand-logo{width:58px!important;height:58px!important;min-width:58px!important;border-radius:15px!important}
body.public-body .site-footer .footer-brand-brochure .brand-copy{display:grid!important;gap:2px!important;min-width:0!important;line-height:1.35!important}
body.public-body .site-footer .footer-brand-brochure .brand-copy b{display:block!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;font-size:15px!important}
body.public-body .site-footer .footer-brand-brochure .brand-copy small{display:block!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;font-size:10.5px!important;line-height:1.45!important}
body.public-body .site-footer .footer-brand-brochure>p{margin-top:14px!important;line-height:1.9!important;font-size:12.5px!important;word-break:normal!important;overflow-wrap:normal!important}
body.public-body .site-footer :is(.footer-links-card,.footer-contact-card,.footer-social-card-wrap)>h4{margin:0 0 13px!important;font-size:15px!important;line-height:1.4!important}
body.public-body .site-footer .footer-links-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 14px!important}
body.public-body .site-footer .footer-links-column{gap:6px!important}
body.public-body .site-footer .footer-links-column a{font-size:11.8px!important;line-height:1.55!important;white-space:nowrap!important;overflow:visible!important;word-break:keep-all!important;overflow-wrap:normal!important}
body.public-body .site-footer .footer-contact-list{display:grid!important;gap:8px!important;align-content:start!important}
body.public-body .site-footer .footer-contact-row{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-height:38px!important;
  direction:ltr!important;
  overflow:visible!important;
}
body.public-body .site-footer .footer-contact-row>.footer-contact-icon{
  grid-column:1!important;
  width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;
  display:grid!important;place-items:center!important;align-self:center!important;
  margin:0!important;padding:0!important;line-height:0!important;
  border-radius:11px!important;
}
body.public-body .site-footer .footer-contact-row>.footer-contact-icon :is(svg,.icon){display:block!important;width:18px!important;height:18px!important;margin:auto!important;transform:none!important}
body.public-body .site-footer .footer-contact-row>.footer-contact-value{
  grid-column:2!important;
  min-width:0!important;
  align-self:center!important;
  margin:0!important;
  line-height:1.45!important;
  font-size:12px!important;
  font-weight:600!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body.public-body .site-footer .footer-contact-row>.footer-contact-value.is-ltr{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important}
body.public-body .site-footer .footer-contact-email>.footer-contact-value{
  direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  font-size:clamp(10.2px,.72vw,12px)!important;letter-spacing:-.01em!important;
}
body.public-body .site-footer .footer-contact-text>.footer-contact-value{direction:rtl!important;text-align:right!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
body.public-body .site-footer .footer-map-link,
body.public-body .site-footer .footer-map-link :is(span,.icon,svg){color:#6395AC!important;-webkit-text-fill-color:#6395AC!important;stroke:currentColor!important}
body.public-body .site-footer .footer-map-link{
  width:100%!important;min-height:40px!important;margin-top:2px!important;padding:9px 12px!important;
  background:#fff!important;border:1px solid #fff!important;border-radius:12px!important;
  font-size:11.5px!important;font-weight:900!important;white-space:normal!important;text-align:center!important;
}
body.public-body .site-footer .footer-social-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:8px!important;
  overflow:visible!important;
  align-content:start!important;
  padding:0!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-card{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;min-height:46px!important;max-height:none!important;
  padding:6px 8px!important;
  overflow:visible!important;
  border-radius:12px!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-icon{
  width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;min-height:30px!important;max-height:30px!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:9px!important;
}
body.public-body .site-footer .footer-social-grid .footer-social-icon img{display:block!important;width:22px!important;height:22px!important;object-fit:contain!important;margin:auto!important}
body.public-body .site-footer .footer-social-grid .footer-social-icon svg{display:block!important;width:18px!important;height:18px!important;margin:auto!important}
body.public-body .site-footer .footer-social-grid .footer-social-name{
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  font-size:clamp(9.8px,.68vw,11.5px)!important;
  line-height:1.25!important;
  font-weight:700!important;
}
body.public-body .site-footer .copyright{padding-block:13px!important;min-height:54px!important;gap:14px!important}

@media(max-width:1100px){
  body.public-body .site-footer .footer-grid-brochure{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body.public-body .site-footer .footer-brand-brochure{grid-column:1/-1!important;width:100%!important}
  body.public-body .site-footer .footer-social-card-wrap{grid-column:1/-1!important;width:100%!important}
  body.public-body .site-footer .footer-social-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.public-body .site-footer .footer-brand-brochure .brand{grid-template-columns:54px minmax(0,1fr)!important}
  body.public-body .site-footer .footer-brand-brochure .brand-logo{width:54px!important;height:54px!important;min-width:54px!important}
}
@media(max-width:720px){
  body.public-body footer.site-footer.site-footer-brochure{padding-top:28px!important}
  body.public-body .site-footer .footer-grid-brochure{grid-template-columns:1fr!important;gap:11px!important;padding-bottom:22px!important}
  body.public-body .site-footer :is(.footer-brand-brochure,.footer-links-card,.footer-contact-card,.footer-social-card-wrap){grid-column:1!important;width:100%!important}
  body.public-body .site-footer .footer-brand-brochure{padding:0 6px 4px!important}
  body.public-body .site-footer .footer-links-card,
  body.public-body .site-footer .footer-contact-card,
  body.public-body .site-footer .footer-social-card-wrap{padding:15px!important;border-radius:18px!important}
  body.public-body .site-footer .footer-links-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 12px!important}
  body.public-body .site-footer .footer-links-column a{font-size:11.5px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
  body.public-body .site-footer .footer-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.public-body .site-footer .footer-social-grid .footer-social-name{font-size:11px!important}
  body.public-body .site-footer .footer-contact-email>.footer-contact-value{font-size:11.5px!important;white-space:nowrap!important}
  body.public-body .site-footer .copyright{flex-direction:column!important;text-align:center!important;justify-content:center!important;padding-block:12px!important}
}
@media(max-width:390px){
  body.public-body .site-footer .footer-links-columns{gap:6px 9px!important}
  body.public-body .site-footer .footer-links-column a{font-size:10.8px!important}
  body.public-body .site-footer .footer-contact-row{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important}
  body.public-body .site-footer .footer-contact-row>.footer-contact-icon{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important}
  body.public-body .site-footer .footer-contact-email>.footer-contact-value{font-size:10.7px!important}
  body.public-body .site-footer .footer-social-grid .footer-social-card{grid-template-columns:28px minmax(0,1fr)!important;gap:6px!important;padding:6px 7px!important}
  body.public-body .site-footer .footer-social-grid .footer-social-icon{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important}
  body.public-body .site-footer .footer-social-grid .footer-social-name{font-size:10px!important}
}


/* ===== v11.77.3 | Google/favicon admin + footer map brand text ===== */
body.public-body .site-footer a.footer-map-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:var(--primary,#6395AC)!important;
  -webkit-text-fill-color:var(--primary,#6395AC)!important;
  background:#fff!important;
  border-color:#fff!important;
  text-decoration:none!important;
}
body.public-body .site-footer a.footer-map-link .footer-map-text,
body.public-body .site-footer a.footer-map-link .footer-map-icon,
body.public-body .site-footer a.footer-map-link .footer-map-icon :is(svg,.icon,path){
  color:var(--primary,#6395AC)!important;
  -webkit-text-fill-color:var(--primary,#6395AC)!important;
}
body.public-body .site-footer a.footer-map-link .footer-map-icon{display:grid!important;place-items:center!important;line-height:0!important}
body.public-body .site-footer a.footer-map-link .footer-map-icon svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important}
body.public-body .site-footer a.footer-map-link .footer-map-text{display:inline-block!important;font-weight:900!important;line-height:1.45!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
.search-favicon-admin .search-favicon-preview{width:88px!important;height:88px!important;min-width:88px!important;border-radius:22px!important;padding:10px!important;background:#fff!important;border:1px solid var(--border)!important;box-shadow:0 10px 26px rgba(11,45,67,.08)!important}
.search-favicon-admin .search-favicon-preview img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:14px!important}


/* ===== Precise requested public refinements | 2026-09-10 =====
   Scope: About CTA text color + one responsive developer credit block only. */

/* About page: keep the existing button design; force only the label color to white
   in every interaction state so no global link rule can recolor it. */
body.public-body .about-unified-actions a.btn.about-primary-btn,
body.public-body .about-unified-actions a.btn.about-secondary-btn,
body.public-body .about-unified-actions a.btn.about-primary-btn:link,
body.public-body .about-unified-actions a.btn.about-secondary-btn:link,
body.public-body .about-unified-actions a.btn.about-primary-btn:visited,
body.public-body .about-unified-actions a.btn.about-secondary-btn:visited,
body.public-body .about-unified-actions a.btn.about-primary-btn:hover,
body.public-body .about-unified-actions a.btn.about-secondary-btn:hover,
body.public-body .about-unified-actions a.btn.about-primary-btn:focus,
body.public-body .about-unified-actions a.btn.about-secondary-btn:focus,
body.public-body .about-unified-actions a.btn.about-primary-btn:active,
body.public-body .about-unified-actions a.btn.about-secondary-btn:active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* One developer-data block only.
   Desktop/laptop: preserve the original centered row below copyright/platform.
   Tablet/mobile: the same single block moves directly below the platform label. */
body.public-body .site-footer .copyright{
  flex-wrap:wrap!important;
}
body.public-body .site-footer .footer-copyright-text{
  order:1;
}
body.public-body .site-footer .footer-platform-stack{
  display:contents;
}
body.public-body .site-footer .footer-platform-label{
  order:2;
}
body.public-body .site-footer .footer-developer-credits{
  order:3;
  flex:0 0 100%;
  width:100%;
  max-width:100%;
  justify-content:center;
  padding-block:2px 14px;
  margin:0;
}

@media(max-width:1024px){
  body.public-body .site-footer .copyright{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    text-align:center!important;
    padding-top:13px!important;
    padding-bottom:max(98px,calc(env(safe-area-inset-bottom) + 86px))!important;
  }
  body.public-body .site-footer .footer-copyright-text{
    order:1!important;
  }
  body.public-body .site-footer .footer-platform-stack{
    order:2!important;
    display:grid!important;
    width:100%!important;
    justify-items:center!important;
    gap:7px!important;
  }
  body.public-body .site-footer .footer-platform-label{
    order:1!important;
    display:block!important;
    margin:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:13.5px!important;
    font-weight:850!important;
    line-height:1.55!important;
  }
  body.public-body .site-footer .footer-developer-credits{
    order:2!important;
    display:grid!important;
    width:min(100%,520px)!important;
    max-width:520px!important;
    justify-items:center!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
  }
  body.public-body .site-footer .footer-developer-credits .developer-credit{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:5px 8px!important;
    margin:0!important;
    padding:4px 8px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:13px!important;
    font-weight:760!important;
    line-height:1.5!important;
    text-align:center!important;
  }
  body.public-body .site-footer .footer-developer-credits .developer-credit :is(span,b,a){
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:inherit!important;
    line-height:inherit!important;
  }
  body.public-body .site-footer .footer-developer-credits .developer-credit img{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }
}

@media(max-width:520px){
  body.public-body .site-footer .footer-platform-label{
    font-size:13px!important;
  }
  body.public-body .site-footer .footer-developer-credits .developer-credit{
    font-size:12.5px!important;
    gap:4px 7px!important;
    padding-inline:4px!important;
  }
}


/* ===== V11.82 — compact hand-shaped header brand + dynamic platform logo =====
   - The visible logo is read from Platform Settings (setting('logo')).
   - The holder keeps the supplied SABARAT hand silhouette, with no rectangle/card box.
   - Site name is restored beside the mark; sizing is tuned for laptop, iPad and mobile. */
.site-header .brand{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:min(245px,31vw)!important;
    gap:7px!important;
    overflow:visible!important;
    align-items:center!important;
}
.site-header .brand-copy{
    display:flex!important;
    min-width:0!important;
    max-width:170px!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:1px!important;
    line-height:1.28!important;
}
.site-header .brand-copy b{
    display:block!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:850!important;
    color:var(--header-text,var(--text))!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.site-header .brand-copy small{
    display:block!important;
    margin:0!important;
    font-size:9.5px!important;
    line-height:1.25!important;
    color:var(--header-text,var(--text))!important;
    opacity:.68!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.site-header .brand-logo.brand-logo-sabarat{
    position:relative!important;
    isolation:isolate;
    display:block!important;
    width:48px!important;
    height:44px!important;
    min-width:48px!important;
    flex:0 0 48px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    aspect-ratio:1273 / 1170;
    transform:translateZ(0);
    transition:transform .22s ease,filter .22s ease!important;
}
.site-header .brand-logo.brand-logo-sabarat::before,
.site-header .brand-logo.brand-logo-sabarat::after,
.site-header .brand-logo.brand-logo-sabarat .brand-logo-motion{
    position:absolute;
    inset:0;
    display:block;
    -webkit-mask:url("../img/header-sabarat-shape.png") center / contain no-repeat;
    mask:url("../img/header-sabarat-shape.png") center / contain no-repeat;
}
.site-header .brand-logo.brand-logo-sabarat::before{
    content:"";
    z-index:0;
    inset:-3px;
    background:radial-gradient(circle at 42% 38%,rgba(120,196,224,.30),rgba(46,110,145,.12) 60%,transparent 80%);
    filter:blur(5px);
    opacity:.82;
    transform:translateY(3px) scale(1.02);
    pointer-events:none;
}
.site-header .brand-logo.brand-logo-sabarat::after{
    content:"";
    z-index:3;
    background:linear-gradient(112deg,transparent 24%,rgba(255,255,255,.72) 48%,transparent 72%);
    opacity:0;
    transform:translateX(130%);
    mix-blend-mode:screen;
    pointer-events:none;
}
.site-header .brand-logo.brand-logo-sabarat .brand-logo-motion{
    z-index:1;
    overflow:visible;
    background:
      radial-gradient(circle at 36% 18%,rgba(255,255,255,.20),transparent 23%),
      linear-gradient(152deg,#83b9d2 0%,#5d98b7 44%,#427897 100%);
}
.site-header .brand-logo.brand-logo-sabarat img{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:0!important;
    background:transparent!important;
    transform:scale(.93)!important;
    transform-origin:center!important;
    filter:drop-shadow(0 2px 4px rgba(8,52,83,.14));
}
.site-header .brand:hover .brand-logo.brand-logo-sabarat,
.site-header .brand:focus-visible .brand-logo.brand-logo-sabarat{
    transform:translateY(-1px) scale(1.025)!important;
    filter:drop-shadow(0 7px 14px rgba(14,84,123,.14));
}

@media (prefers-reduced-motion:no-preference){
    .site-header .brand-logo.brand-logo-sabarat .brand-logo-motion{
        animation:sabaratShapeFloatCompact 4.2s ease-in-out infinite;
    }
    .site-header .brand-logo.brand-logo-sabarat::before{
        animation:sabaratShapePulseCompact 4.2s ease-in-out infinite;
    }
    .site-header .brand-logo.brand-logo-sabarat::after{
        animation:sabaratShapeSweepCompact 7s ease-in-out infinite;
    }
}
@keyframes sabaratShapeFloatCompact{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-1px) scale(1.01)}
}
@keyframes sabaratShapePulseCompact{
    0%,100%{opacity:.62;transform:translateY(3px) scale(1.01)}
    50%{opacity:.88;transform:translateY(2px) scale(1.035)}
}
@keyframes sabaratShapeSweepCompact{
    0%,64%{opacity:0;transform:translateX(130%)}
    70%{opacity:.72}
    80%{opacity:0;transform:translateX(-130%)}
    100%{opacity:0;transform:translateX(-130%)}
}

/* Laptop / desktop */
@media screen and (min-width:1025px){
    .site-header .brand-logo.brand-logo-sabarat{
        width:46px!important;
        height:42px!important;
        min-width:46px!important;
        flex-basis:46px!important;
    }
    .site-header .brand-copy{max-width:145px!important}
    .site-header .brand-copy b{font-size:13.5px!important}
    .site-header .brand-copy small{font-size:9px!important}
}

/* iPad / tablet */
@media screen and (min-width:601px) and (max-width:1024px){
    .site-header .brand{
        max-width:min(190px,29vw)!important;
        gap:6px!important;
    }
    .site-header .brand-logo.brand-logo-sabarat{
        width:42px!important;
        height:39px!important;
        min-width:42px!important;
        flex-basis:42px!important;
    }
    .site-header .brand-copy{max-width:125px!important}
    .site-header .brand-copy b{font-size:12.5px!important}
    .site-header .brand-copy small{font-size:8.5px!important}
}

/* Mobile */
@media screen and (max-width:600px){
    .site-header .nav-wrap{gap:7px!important}
    .site-header .brand{
        max-width:calc(100% - 54px)!important;
        gap:5px!important;
    }
    .site-header .brand-logo.brand-logo-sabarat{
        width:38px!important;
        height:35px!important;
        min-width:38px!important;
        flex-basis:38px!important;
    }
    .site-header .brand-logo.brand-logo-sabarat::before{
        inset:-2px;
        filter:blur(4px);
    }
    .site-header .brand-copy{
        max-width:min(125px,40vw)!important;
    }
    .site-header .brand-copy b{
        font-size:11.5px!important;
        line-height:1.2!important;
    }
    .site-header .brand-copy small{
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        white-space:normal!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        font-size:7.8px!important;
        line-height:1.25!important;
        max-width:100%!important;
        opacity:.72!important;
    }
}
@media screen and (max-width:360px){
    .site-header .brand-logo.brand-logo-sabarat{
        width:34px!important;
        height:31px!important;
        min-width:34px!important;
        flex-basis:34px!important;
    }
    .site-header .brand-copy{max-width:102px!important}
    .site-header .brand-copy b{font-size:10.5px!important}
    .site-header .brand-copy small{font-size:7px!important;line-height:1.2!important}
}
@media (prefers-reduced-motion:reduce){
    .site-header .brand-logo.brand-logo-sabarat .brand-logo-motion,
    .site-header .brand-logo.brand-logo-sabarat::before,
    .site-header .brand-logo.brand-logo-sabarat::after{
        animation:none!important;
    }
}

/* v11.83.0 phase 1 - unified request study workflow */
.workflow-study-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px}.workflow-study-summary>div{min-width:0;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.workflow-study-summary small{display:block;color:var(--muted);margin-bottom:5px}.workflow-study-summary strong{display:block;overflow-wrap:anywhere}.workflow-study-actions{display:grid;gap:14px}.workflow-study-actions .form-grid{padding:14px;border:1px dashed var(--border);border-radius:14px}.workflow-study-actions .action-field{display:flex;align-items:flex-end}.workflow-study-actions .action-field .btn{width:100%}.workflow-customer-stage .help-box{margin:0}
@media(max-width:1000px){.workflow-study-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-study-actions .form-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-study-actions .action-field{grid-column:1/-1}}
@media(max-width:680px){.workflow-study-summary{grid-template-columns:1fr}.workflow-study-actions .form-grid.cols-3{grid-template-columns:1fr}.workflow-study-actions .field,.workflow-study-actions .action-field{grid-column:auto!important}.workflow-study-card .panel-head,.workflow-customer-stage .panel-head{align-items:flex-start;flex-direction:column}.workflow-study-actions .btn{min-height:44px}}

/* v11.84.0 phase 2 - proposal, customer documents and payment workflow */
.workflow-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.workflow-kpi{min-width:0;padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 8px 24px rgba(15,35,55,.04)}.workflow-kpi small{display:block;color:var(--muted);margin-bottom:6px}.workflow-kpi strong{display:block;font-size:1.02rem;overflow-wrap:anywhere}.request-workflow-page .panel{margin-bottom:20px}.workflow-proposal-card .workflow-proposal-form,.workflow-acceptance-card form,.workflow-payment-form{margin-top:12px}.workflow-requirement-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.workflow-requirement-picker label{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.workflow-inline-review{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:center;margin-top:14px;padding:12px;border:1px dashed var(--border);border-radius:14px}.workflow-inline-review input{min-width:0}.workflow-price-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.workflow-price-summary>div{min-width:0;padding:12px 13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.workflow-price-summary span,.workflow-price-summary small{display:block;color:var(--muted);font-size:.82rem;margin-bottom:5px}.workflow-price-summary b,.workflow-price-summary strong{display:block;overflow-wrap:anywhere}.workflow-price-summary .is-total{grid-column:span 1;border-style:solid;background:var(--surface)}.workflow-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.workflow-document-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.workflow-document-card>div{min-width:0}.workflow-document-card b,.workflow-document-card small{display:block}.workflow-document-card small{margin-top:4px;color:var(--muted)}.workflow-requirement-list{display:grid;gap:11px}.workflow-requirement-item{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.workflow-requirement-item.is-approved{border-color:rgba(47,145,92,.32)}.workflow-requirement-item.is-returned{border-color:rgba(197,76,63,.35)}.workflow-requirement-item.is-submitted{border-style:dashed}.workflow-requirement-main{min-width:0}.workflow-requirement-main>b{display:inline-block;margin-inline-end:8px}.workflow-requirement-main small{display:block;margin-top:6px;color:var(--muted)}.workflow-inline-upload{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding-top:10px;border-top:1px dashed var(--border)}.workflow-payment-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.workflow-payment-totals>div{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.workflow-payment-totals small,.workflow-payment-totals b{display:block}.workflow-payment-totals small{color:var(--muted);margin-bottom:5px}.workflow-receipt-history{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.workflow-receipt-history h4{margin:0}.workflow-receipt-history article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.workflow-receipt-history article small{display:block;margin-top:3px;color:var(--muted)}.workflow-accepted-note .help-box{margin:0}.workflow-stage-note .help-box{margin:0}.workflow-proposal-summary .panel-head,.workflow-required-docs .panel-head,.workflow-payment-card .panel-head{gap:14px}.workflow-finalize-docs{margin-top:14px;padding:14px;border:1px dashed var(--border);border-radius:14px}.workflow-payment-review-form{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
@media(max-width:1000px){.workflow-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-price-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-price-summary .is-total{grid-column:1/-1}.workflow-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-inline-review{grid-template-columns:1fr 1fr}.workflow-inline-review .btn{grid-column:1/-1}.workflow-proposal-form.form-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-proposal-form .field.full{grid-column:1/-1}}
@media(max-width:680px){.workflow-page-heading,.workflow-proposal-summary .panel-head,.workflow-required-docs .panel-head,.workflow-payment-card .panel-head,.workflow-proposal-card .panel-head{align-items:flex-start;flex-direction:column}.workflow-kpis,.workflow-price-summary,.workflow-document-grid,.workflow-payment-totals,.workflow-requirement-picker{grid-template-columns:1fr}.workflow-proposal-form.form-grid.cols-3{grid-template-columns:1fr}.workflow-proposal-form .field,.workflow-proposal-form .field.full{grid-column:auto!important}.workflow-inline-review{grid-template-columns:1fr}.workflow-inline-review .btn{grid-column:auto}.workflow-document-card{align-items:flex-start;flex-direction:column}.workflow-document-card .btn{width:100%}.workflow-requirement-item{grid-template-columns:1fr}.workflow-requirement-item>.btn{width:100%}.workflow-inline-upload{grid-template-columns:1fr}.workflow-inline-upload .btn{width:100%;min-height:44px}.workflow-receipt-history article{grid-template-columns:1fr}.workflow-receipt-history article .btn{width:100%}.workflow-payment-form .btn,.workflow-acceptance-card .btn{width:100%;min-height:46px}}

/* SABARAT v11.85.0 - Unified workflow phase 3 */
.workflow-execution-card,.workflow-customer-execution-card{overflow:hidden}
.workflow-execution-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.workflow-execution-summary>div{border:1px solid var(--border,#e4e9ee);border-radius:14px;padding:13px 14px;background:var(--surface-soft,#f8fafb);min-width:0}
.workflow-execution-summary small{display:block;color:var(--muted,#6b7280);margin-bottom:5px}
.workflow-execution-summary strong{display:block;overflow-wrap:anywhere}
.workflow-progress{height:12px;border-radius:999px;background:#e8edf1;overflow:hidden;margin-top:14px;direction:ltr}
.workflow-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#16a34a);transition:width .25s ease}
.workflow-execution-grid,.workflow-customer-review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.workflow-execution-form{padding-top:4px}
.workflow-delivery-box{border:1px solid var(--border,#e3e8ed);border-radius:16px;padding:15px;margin-top:16px;background:var(--surface,#fff)}
.workflow-delivery-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.workflow-delivery-files>a{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:9px 12px;border:1px solid var(--border,#e3e8ed);border-radius:11px;text-decoration:none;background:var(--surface-soft,#f8fafb);overflow-wrap:anywhere}
.workflow-delivery-files.customer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.workflow-delivery-file{display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon meta";align-items:center}
.workflow-delivery-file>span{grid-area:icon}.workflow-delivery-file>b{grid-area:title}.workflow-delivery-file>small{grid-area:meta;color:var(--muted,#6b7280)}
.workflow-history-block{margin-top:18px;padding-top:16px;border-top:1px solid var(--border,#e5e9ed)}
.workflow-history-block>h4{margin:0 0 12px}
.workflow-customer-review-actions{margin-top:16px}
.workflow-customer-execution-card .help-box.warning{border-color:#f1d5a5;background:#fff9ed}
.workflow-customer-execution-card .help-box.success{border-color:#b7dfc3;background:#f1fbf4}
@media(max-width:1000px){.workflow-execution-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-delivery-files.customer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.workflow-execution-summary,.workflow-execution-grid,.workflow-customer-review-actions,.workflow-delivery-files.customer{grid-template-columns:1fr}.workflow-delivery-box{padding:12px}.workflow-execution-card .panel-head,.workflow-customer-execution-card .panel-head{align-items:flex-start;gap:10px}.workflow-execution-card .table-wrap,.workflow-customer-execution-card .table-wrap{overflow-x:auto}.workflow-progress{height:10px}}

/* v11.86.0 - unified workflow phase 4: termination/refund responsive layout */
.workflow-termination-card .workflow-termination-docs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.workflow-termination-card .workflow-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.workflow-termination-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.workflow-termination-card .help-box.success{border-color:#b7dec8;background:#f2fbf6}
@media (max-width:900px){.workflow-termination-card .workflow-review-actions{grid-template-columns:1fr}.workflow-termination-card .form-grid.cols-3,.workflow-termination-card .form-grid.cols-2{grid-template-columns:1fr}}
@media (max-width:640px){.workflow-termination-card .workflow-termination-docs .btn{width:100%;justify-content:center}.workflow-termination-kpis{grid-template-columns:1fr 1fr}.workflow-termination-card .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:420px){.workflow-termination-kpis{grid-template-columns:1fr}}


/* SABARAT v11.89.0 consolidated: Phase 5 unified intake */
/* SABARAT v11.87.0 - unified intake */
.intake-shell{max-width:1180px;margin:24px auto;padding:0 18px}.intake-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.intake-hero h1{margin:0 0 6px}.intake-muted{color:#6b7280}.intake-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 3px 16px rgba(0,0,0,.03)}.intake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.intake-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.intake-field{min-width:0}.intake-field.full{grid-column:1/-1}.intake-field label{display:block;font-weight:700;margin-bottom:6px}.intake-field input,.intake-field select,.intake-field textarea{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #d7dde3;border-radius:11px;padding:10px 12px;font:inherit;background:#fff}.intake-field textarea{min-height:120px;resize:vertical}.intake-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.intake-choice{border:1px solid #dfe5eb;border-radius:13px;padding:12px;cursor:pointer;background:#fafbfc}.intake-choice input{margin-inline-end:7px}.intake-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.intake-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:11px;border:0;background:#0f766e;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.intake-btn.outline{background:#fff;color:#0f766e;border:1px solid #0f766e}.intake-alert{border:1px solid #f0c9c9;background:#fff6f6;border-radius:12px;padding:12px;margin-bottom:14px;color:#8b1d1d}.intake-success{border-color:#b8dec5;background:#f1fbf4;color:#176337}.intake-table-wrap{overflow:auto}.intake-table{width:100%;border-collapse:collapse;min-width:900px}.intake-table th,.intake-table td{padding:10px;border-bottom:1px solid #edf0f2;text-align:start;vertical-align:top}.intake-badge{display:inline-flex;border-radius:999px;padding:4px 9px;background:#eef3f5;font-size:.85rem}.intake-filter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.intake-note{padding:11px 13px;border-radius:12px;background:#f7fafb;border:1px solid #e3e8ec}.intake-platforms{display:flex;flex-wrap:wrap;gap:9px}.intake-platforms label{display:inline-flex;gap:6px;align-items:center;border:1px solid #dde3e8;border-radius:999px;padding:7px 10px;font-weight:500}.intake-platforms input{width:auto;min-height:0}.intake-hidden{display:none!important}@media(max-width:980px){.intake-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intake-grid.cols-3,.intake-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.intake-shell{padding:0 10px;margin:14px auto}.intake-hero{flex-direction:column}.intake-grid,.intake-grid.cols-3,.intake-filter,.intake-choice-grid{grid-template-columns:1fr}.intake-card{padding:14px;border-radius:14px}.intake-actions .intake-btn{width:100%}.intake-table-wrap{margin-inline:-14px;padding-inline:14px}.intake-field input,.intake-field select,.intake-field textarea{font-size:16px}}


/* SABARAT v11.89.0 consolidated: Phase 6 operations/SLA/notifications */
/* SABARAT v11.88.0 - operations, SLA and notification center */
.phase6-shell{max-width:1240px;margin:22px auto;padding:0 18px;direction:rtl}.phase6-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.phase6-hero h1{margin:0 0 5px}.phase6-muted{color:#6b7280}.phase6-actions{display:flex;flex-wrap:wrap;gap:8px}.phase6-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 15px;border:0;border-radius:11px;background:#0f766e;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.phase6-btn.outline{background:#fff;color:#0f766e;border:1px solid #0f766e}.phase6-btn.danger{background:#b42318}.phase6-card{background:#fff;border:1px solid #e4e8ec;border-radius:16px;padding:16px;margin-bottom:15px;box-shadow:0 2px 12px rgba(0,0,0,.035)}.phase6-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:16px}.phase6-kpi{background:#fff;border:1px solid #e4e8ec;border-radius:14px;padding:13px;min-width:0}.phase6-kpi small{display:block;color:#6b7280;margin-bottom:6px}.phase6-kpi strong{font-size:1.35rem;overflow-wrap:anywhere}.phase6-kpi.danger{border-color:#efb7b2;background:#fff7f6}.phase6-kpi.warning{border-color:#efd69b;background:#fffaf0}.phase6-kpi.success{border-color:#b9dfc4;background:#f3fbf5}.phase6-kpi.muted{background:#f8fafb}.phase6-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.phase6-filter{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end}.phase6-field{min-width:0}.phase6-field label{display:block;font-weight:700;margin-bottom:5px}.phase6-field input,.phase6-field select{width:100%;box-sizing:border-box;min-height:42px;border:1px solid #d8dee4;border-radius:10px;padding:8px 10px;background:#fff;font:inherit}.phase6-table-wrap{overflow:auto}.phase6-table{width:100%;border-collapse:collapse;min-width:900px}.phase6-table th,.phase6-table td{padding:10px;border-bottom:1px solid #edf0f2;text-align:start;vertical-align:top}.phase6-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#eef3f5;font-size:.85rem;white-space:nowrap}.phase6-badge.danger{background:#feecea;color:#a11d16}.phase6-badge.warning{background:#fff2cf;color:#8a5a00}.phase6-badge.success{background:#eaf8ee;color:#1f6b37}.phase6-badge.muted{background:#eef1f4;color:#5f6874}.phase6-breakdown{display:grid;gap:8px}.phase6-breakdown-row{display:grid;grid-template-columns:minmax(120px,1fr) 3fr auto;gap:10px;align-items:center}.phase6-bar{height:9px;background:#edf1f4;border-radius:999px;overflow:hidden;direction:ltr}.phase6-bar span{display:block;height:100%;background:#0f766e;border-radius:999px}.phase6-notification{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:13px;border-bottom:1px solid #edf0f2}.phase6-notification:last-child{border-bottom:0}.phase6-notification.unread{background:#f4fbfa}.phase6-notification-dot{width:10px;height:10px;border-radius:50%;background:#0f766e;margin-top:7px}.phase6-notification.read .phase6-notification-dot{background:#ccd3d9}.phase6-notification h3{font-size:1rem;margin:0 0 4px}.phase6-notification p{margin:0 0 6px;color:#4b5563;white-space:pre-wrap}.phase6-notification small{color:#7b8490}.phase6-dashboard-widget{margin:16px 0;padding:15px;background:#fff;border:1px solid #e4e8ec;border-radius:16px;direction:rtl}.phase6-dashboard-widget .phase6-widget-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.phase6-dashboard-widget h2{margin:0;font-size:1.12rem}.phase6-widget-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.phase6-widget-link{display:block;border:1px solid #e3e8ec;border-radius:12px;padding:12px;text-decoration:none;color:inherit;background:#fafcfc}.phase6-widget-link b{display:block;margin-bottom:4px}.phase6-widget-link small{color:#68717b}.phase6-widget-link .count{float:left;background:#0f766e;color:#fff;border-radius:999px;min-width:26px;text-align:center;padding:2px 7px}.phase6-alert{padding:11px 13px;border-radius:11px;border:1px solid #efc0bd;background:#fff7f6;color:#8f211b;margin-bottom:14px}.phase6-empty{text-align:center;padding:24px;color:#6b7280}.phase6-sla-time{font-size:.84rem;color:#6b7280;margin-top:4px}.phase6-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.phase6-stat-list{margin:0;padding:0;list-style:none}.phase6-stat-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f2}.phase6-stat-list li:last-child{border-bottom:0}
@media(max-width:1100px){.phase6-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.phase6-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.phase6-widget-links{grid-template-columns:repeat(2,minmax(0,1fr))}.phase6-report-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.phase6-shell{padding:0 10px;margin:13px auto}.phase6-hero{flex-direction:column}.phase6-actions .phase6-btn{width:100%}.phase6-kpis,.phase6-grid,.phase6-filter,.phase6-widget-links,.phase6-report-grid{grid-template-columns:1fr}.phase6-card{padding:13px}.phase6-table-wrap{margin-inline:-13px;padding-inline:13px}.phase6-field input,.phase6-field select{font-size:16px}.phase6-notification{grid-template-columns:auto 1fr}.phase6-notification>.phase6-actions{grid-column:2}.phase6-breakdown-row{grid-template-columns:1fr}.phase6-dashboard-widget .phase6-widget-head{align-items:flex-start;flex-direction:column}}

/* SABARAT v11.89.0 - intake/workflow consolidation fixes */
.workflow-intake-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.workflow-intake-summary>div{min-width:0;padding:12px;border:1px solid var(--border,#e4e8ec);border-radius:13px;background:var(--surface-2,#f8fafb)}.workflow-intake-summary small{display:block;color:var(--muted,#6b7280);margin-bottom:4px}.workflow-intake-summary strong{display:block;overflow-wrap:anywhere}.workflow-intake-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.workflow-intake-meta span{display:inline-flex;max-width:100%;padding:7px 10px;border:1px solid var(--border,#e4e8ec);border-radius:999px;background:var(--surface-2,#f8fafb);overflow-wrap:anywhere}.workflow-intake-context-card .help-box{margin-top:10px}@media(max-width:900px){.workflow-intake-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.workflow-intake-summary{grid-template-columns:1fr}.workflow-intake-meta{display:grid}.workflow-intake-meta span{border-radius:11px}}

/* SABARAT v11.90.0 - Phase 7 final integration */
.workflow-field-visit-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.workflow-field-visit-summary>div{min-width:0;padding:12px;border:1px solid var(--border,#e4e9ee);border-radius:14px;background:var(--surface-2,#f8fafb)}.workflow-field-visit-summary small{display:block;color:var(--muted,#6b7280);margin-bottom:5px}.workflow-field-visit-summary strong{display:block;overflow-wrap:anywhere}.workflow-field-visit-card .form-grid{margin-top:14px}.intake-card#catalogCard select option[hidden]{display:none}.intake-card#catalogCard small{display:block;margin-top:7px;color:var(--muted,#6b7280)}
@media(max-width:1000px){.workflow-field-visit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.workflow-field-visit-summary{grid-template-columns:1fr}.workflow-field-visit-card .panel-head{align-items:flex-start;flex-direction:column}.workflow-field-visit-card .form-grid.cols-3{grid-template-columns:1fr}}

/* v11.91.0 — header brand mark + catalog image containment */
.site-header .brand-logo.brand-logo-sabarat{
  position:relative!important;isolation:isolate!important;
  width:52px!important;height:52px!important;min-width:52px!important;flex:0 0 52px!important;
  aspect-ratio:1/1!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
.site-header .brand-logo.brand-logo-sabarat .brand-logo-motion{
  position:absolute!important;inset:0!important;z-index:2!important;display:block!important;overflow:visible!important;
  -webkit-mask:none!important;mask:none!important;background:transparent!important;animation:none!important;
}
/* The card follows the exact alpha silhouette of the logo: no filled rectangle. */
.site-header .brand-logo.brand-logo-sabarat::before,
.site-header .brand-logo.brand-logo-sabarat::after{
  content:""!important;position:absolute!important;inset:-2px!important;display:block!important;pointer-events:none!important;
  background:#050505!important;
  -webkit-mask:url("../img/header-sabarat-shape.png") center/100% 100% no-repeat,url("../img/header-sabarat-shape.png") center/91% 91% no-repeat!important;
  -webkit-mask-composite:xor!important;
  mask:url("../img/header-sabarat-shape.png") center/100% 100% no-repeat,url("../img/header-sabarat-shape.png") center/91% 91% no-repeat!important;
  mask-composite:exclude!important;
}
.site-header .brand-logo.brand-logo-sabarat::before{z-index:1!important;opacity:1!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))!important}
.site-header .brand-logo.brand-logo-sabarat::after{
  z-index:4!important;opacity:1!important;
  background:linear-gradient(112deg,transparent 0 37%,rgba(255,255,255,.08) 43%,#fff 49%,rgba(87,207,255,.95) 52%,rgba(255,255,255,.12) 58%,transparent 65% 100%)!important;
  background-size:320% 100%!important;
  animation:sabaratOutlineShine 2.45s linear infinite!important;
}
.site-header .brand-logo.brand-logo-sabarat img{
  position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;transform:scale(.91)!important;
  background:transparent!important;border:0!important;border-radius:0!important;filter:none!important;
}
@keyframes sabaratOutlineShine{0%{background-position:190% 0}100%{background-position:-110% 0}}
@media screen and (min-width:1025px){.site-header .brand-logo.brand-logo-sabarat{width:52px!important;height:52px!important;min-width:52px!important;flex-basis:52px!important}}
@media screen and (min-width:601px) and (max-width:1024px){.site-header .brand-logo.brand-logo-sabarat{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important}}
@media screen and (max-width:600px){.site-header .brand-logo.brand-logo-sabarat{width:43px!important;height:43px!important;min-width:43px!important;flex-basis:43px!important}.site-header .brand-logo.brand-logo-sabarat::before,.site-header .brand-logo.brand-logo-sabarat::after{inset:-1px!important}}
@media screen and (max-width:360px){.site-header .brand-logo.brand-logo-sabarat{width:39px!important;height:39px!important;min-width:39px!important;flex-basis:39px!important}}
@media (prefers-reduced-motion:reduce){.site-header .brand-logo.brand-logo-sabarat::after{animation-duration:5s!important}}

/* Department cards: preserve the complete artwork instead of cropping it. */
body.public-body .managed-departments-grid .department-card .card-media{
  display:grid!important;place-items:center!important;overflow:hidden!important;background:#edf4f7!important;
  aspect-ratio:16/10!important;height:auto!important;min-height:0!important;padding:6px!important;box-sizing:border-box!important;
}
body.public-body .managed-departments-grid .department-card .card-media img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;
  object-position:center!important;transform:none!important;background:transparent!important;border-radius:inherit!important;
}
body.public-body .managed-departments-grid .department-card:hover .card-media img{transform:none!important}
body.public-body .department-hero-grid>img{
  width:100%!important;height:auto!important;max-height:360px!important;aspect-ratio:16/10!important;object-fit:contain!important;
  object-position:center!important;background:#edf4f7!important;padding:8px!important;box-sizing:border-box!important;border-radius:24px!important;
}
@media(max-width:760px){body.public-body .department-hero-grid>img{height:auto!important;max-height:none!important;aspect-ratio:16/10!important}}


/* v11.91.1 — consultations + mobile header stability */
body.public-body a.consultation-primary-action,
body.public-body a.consultation-primary-action:link,
body.public-body a.consultation-primary-action:visited,
body.public-body a.consultation-primary-action:hover,
body.public-body a.consultation-primary-action:focus,
body.public-body a.consultation-primary-action:active{
    background:#fff!important;
    background-image:none!important;
    color:var(--primary,#6395AC)!important;
    -webkit-text-fill-color:var(--primary,#6395AC)!important;
    border:1px solid #fff!important;
    box-shadow:0 9px 22px rgba(32,74,94,.13)!important;
}
/* On tablet/mobile the header stays in document flow while sticking, so browser chrome
   resizing cannot create a stale padding offset or reveal content through the header. */
@media screen and (max-width:1024px){
    body.public-body{padding-top:0!important}
    .site-header{
        position:sticky!important;
        inset:0 0 auto 0!important;
        top:0!important;
        width:100%!important;
        background:#fff!important;
        background-color:#fff!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
        z-index:1200!important;
    }
    .site-header.scrolled{background:#fff!important;box-shadow:0 10px 28px rgba(8,43,80,.10)!important}
    .site-header .nav-wrap{min-height:78px!important;height:78px!important}
    .site-header .brand-logo{width:52px!important;height:52px!important;min-width:52px!important;flex-basis:52px!important}
    .site-header .brand{max-width:calc(100% - 58px)!important}
    .site-header .main-nav{top:calc(100% + 6px)!important;max-height:calc(100dvh - 94px)!important}
}
@media screen and (max-width:600px){
    .site-header .nav-wrap{min-height:74px!important;height:74px!important}
    .site-header .brand-logo{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important}
    .site-header .brand-copy{max-width:calc(100% - 56px)!important}
    .site-header .brand-copy b{font-size:13px!important}
    .site-header .brand-copy small{font-size:9px!important;-webkit-line-clamp:1!important;white-space:nowrap!important;text-overflow:ellipsis!important}
}


/* v11.91.2 — stable tablet/mobile header + unclipped brand */
@media screen and (max-width:1024px){
    :root{--sabarat-mobile-header-height:82px}
    body.public-body{padding-top:var(--sabarat-mobile-header-height)!important}
    .site-header{
        position:fixed!important;
        top:0!important;right:0!important;left:0!important;bottom:auto!important;
        inset:0 0 auto 0!important;
        width:100%!important;height:var(--sabarat-mobile-header-height)!important;min-height:var(--sabarat-mobile-header-height)!important;
        margin:0!important;background:#fff!important;background-color:#fff!important;
        border-bottom:1px solid rgba(217,226,239,.92)!important;
        backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
        box-shadow:0 7px 22px rgba(8,43,80,.07)!important;
        z-index:2147481200!important;
        transform:translate3d(0,0,0)!important;will-change:transform!important;
        overflow:visible!important;
    }
    .site-header.scrolled{height:var(--sabarat-mobile-header-height)!important;min-height:var(--sabarat-mobile-header-height)!important;background:#fff!important;box-shadow:0 9px 26px rgba(8,43,80,.11)!important}
    .site-header .nav-wrap.container,
    .site-header .nav-wrap{
        width:min(100%,var(--container,1180px))!important;max-width:100%!important;
        height:100%!important;min-height:0!important;margin:0 auto!important;
        display:flex!important;align-items:center!important;justify-content:space-between!important;
        gap:10px!important;padding-block:8px!important;overflow:visible!important;
    }
    .site-header .brand,
    .site-header.nav-condensed .brand{
        flex:1 1 auto!important;width:auto!important;min-width:0!important;
        max-width:calc(100% - 62px)!important;gap:8px!important;overflow:visible!important;
    }
    .site-header .brand-logo.brand-logo-sabarat{
        width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;
    }
    .site-header .brand-logo.brand-logo-sabarat img{
        inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
        padding:2px!important;object-fit:contain!important;object-position:center!important;
        transform:none!important;border-radius:0!important;clip-path:none!important;
    }
    .site-header .brand-copy{
        flex:1 1 auto!important;min-width:0!important;max-width:none!important;width:auto!important;
        display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;
        overflow:visible!important;
    }
    .site-header .brand-copy b{
        display:block!important;margin:0!important;font-size:14px!important;line-height:1.25!important;
        white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;
    }
    .site-header .brand-copy small{
        display:block!important;margin:0!important;max-width:190px!important;font-size:9.5px!important;line-height:1.35!important;
        white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
        -webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;word-break:normal!important;
    }
    .site-header .nav-utility-actions{flex:0 0 auto!important;margin-inline-start:auto!important;position:relative!important;z-index:3!important}
    .site-header .menu-toggle{width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;background:#fff!important}
    .site-header .main-nav{top:calc(var(--sabarat-mobile-header-height) + 6px)!important;max-height:calc(100dvh - var(--sabarat-mobile-header-height) - 18px)!important}
}
@media screen and (max-width:600px){
    :root{--sabarat-mobile-header-height:78px}
    .site-header .nav-wrap.container,.site-header .nav-wrap{padding-inline:18px!important;padding-block:7px!important;gap:8px!important}
    .site-header .brand,.site-header.nav-condensed .brand{max-width:calc(100% - 58px)!important;gap:7px!important}
    .site-header .brand-logo.brand-logo-sabarat{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important}
    .site-header .brand-copy b{font-size:13.5px!important}
    .site-header .brand-copy small{max-width:170px!important;font-size:9px!important;line-height:1.3!important}
    .site-header .menu-toggle{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important}
}
@media screen and (max-width:390px){
    .site-header .nav-wrap.container,.site-header .nav-wrap{padding-inline:14px!important}
    .site-header .brand-logo.brand-logo-sabarat{width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important}
    .site-header .brand-copy b{font-size:13px!important}
    .site-header .brand-copy small{max-width:145px!important;font-size:8.5px!important}
}


/* v11.91.3 — mobile/tablet header viewport-anchor hotfix */
@media screen and (max-width:1024px){
    body.public-body{padding-top:var(--sabarat-mobile-header-height,82px)!important}
    .site-header,
    .site-header.scrolled{
        position:fixed!important;
        top:0!important;right:0!important;bottom:auto!important;left:0!important;
        inset:0 0 auto 0!important;
        margin:0!important;
        transform:translate3d(0,0,0)!important;
    }
}
@media screen and (max-width:600px){
    body.public-body{padding-top:var(--sabarat-mobile-header-height,78px)!important}
}
.training-shell{direction:rtl;font-family:inherit;color:#17324d}
.training-container{max-width:1200px;margin:0 auto;padding:24px 16px}
.training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.training-card,.training-panel,.training-table-wrap,.certificate-card{background:#fff;border:1px solid rgba(18,74,115,.12);border-radius:22px;box-shadow:0 10px 34px rgba(17,49,79,.06)}
.training-card{overflow:hidden;display:flex;flex-direction:column;height:100%}
.training-card-body{padding:20px;display:flex;flex-direction:column;gap:12px;height:100%}
.training-card h3,.training-panel h2,.training-panel h3{margin:0;color:#12304a}
.training-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eff8ff;color:#0c80c7;border:1px solid rgba(12,128,199,.14);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:700}
.training-meta{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:14px;color:#4c6781}
.training-meta span{background:#f7fbfe;border:1px solid rgba(17,49,79,.08);padding:8px 12px;border-radius:999px}
.training-summary{color:#5a7086;line-height:1.9}
.training-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.training-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 18px;font-weight:800;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:.2s}
.training-btn-primary{background:#0e87cc;color:#fff}
.training-btn-secondary{background:#fff;color:#0e87cc;border-color:#0e87cc}
.training-btn-light{background:#f7fbfe;color:#163954;border-color:rgba(18,74,115,.16)}
.training-btn-danger{background:#b1304d;color:#fff}
.training-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.training-form-grid .span-2{grid-column:1/-1}
.training-field{display:flex;flex-direction:column;gap:8px}
.training-field label{font-size:14px;font-weight:800;color:#17324d}
.training-field input,.training-field textarea,.training-field select{border:1px solid rgba(17,49,79,.14);border-radius:14px;padding:13px 14px;font:inherit;background:#fff;color:#16324e}
.training-field textarea{min-height:120px;resize:vertical}
.training-panel{padding:22px}
.training-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.training-alert{padding:14px 16px;border-radius:16px;margin-bottom:18px;font-weight:700}
.training-alert-success{background:#edf9f1;color:#0a6b35;border:1px solid rgba(12,119,58,.16)}
.training-alert-danger{background:#fff1f2;color:#9f1239;border:1px solid rgba(159,18,57,.16)}
.training-alert-info{background:#eff8ff;color:#0c4a6e;border:1px solid rgba(12,74,110,.16)}
.training-status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}
.training-status.success{background:#edf9f1;color:#0a6b35}
.training-status.info{background:#eff8ff;color:#0c4a6e}
.training-status.danger{background:#fff1f2;color:#9f1239}
.training-status.secondary{background:#f3f6f9;color:#49657d}
.training-table{width:100%;border-collapse:collapse;font-size:14px}
.training-table th,.training-table td{padding:14px 12px;border-bottom:1px solid rgba(17,49,79,.08);vertical-align:top;text-align:right}
.training-table th{background:#f7fbfe;color:#17324d;font-size:13px}
.training-table-wrap{overflow:auto}
.training-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:18px}
.training-kpi .box{background:#f8fbff;border:1px solid rgba(17,49,79,.08);padding:18px;border-radius:18px}
.training-kpi strong{font-size:28px;color:#0c80c7;display:block}
.training-empty{padding:26px;text-align:center;color:#61798f;background:#f7fbfe;border:1px dashed rgba(17,49,79,.14);border-radius:18px}
.certificate-shell{direction:rtl;background:linear-gradient(135deg,#f9fdff 0%,#eff7fb 100%);padding:28px;border:10px solid #d6eaf5;position:relative;overflow:hidden}
.certificate-shell:before,.certificate-shell:after{content:"";position:absolute;border-radius:50%;background:rgba(14,135,204,.06)}
.certificate-shell:before{width:260px;height:260px;right:-60px;top:-70px}
.certificate-shell:after{width:220px;height:220px;left:-50px;bottom:-60px}
.certificate-head{text-align:center;margin-bottom:28px;position:relative;z-index:1}
.certificate-logo{max-width:88px;max-height:88px;object-fit:contain;margin:0 auto 10px;display:block}
.certificate-title{font-size:44px;line-height:1.2;margin:0;color:#17324d;font-weight:900}
.certificate-subtitle{font-size:20px;color:#0e87cc;margin:8px 0 0;font-weight:800}
.certificate-body{position:relative;z-index:1;text-align:center}
.certificate-body .recipient{font-size:34px;font-weight:900;color:#0c80c7;margin:18px 0}
.certificate-body p{font-size:20px;line-height:2.1;margin:0 auto 16px;max-width:920px;color:#1f3952}
.certificate-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:26px 0}
.certificate-details .item{background:rgba(255,255,255,.86);border:1px solid rgba(17,49,79,.08);border-radius:16px;padding:14px}
.certificate-details .item small{display:block;color:#60809a;margin-bottom:6px;font-weight:700}
.certificate-details .item strong{color:#17324d;font-size:17px}
.certificate-signatures{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:36px;position:relative;z-index:1}
.certificate-sign{background:rgba(255,255,255,.9);border:1px solid rgba(17,49,79,.1);border-radius:16px;padding:18px 14px;text-align:center;min-height:126px}
.certificate-sign .line{height:42px;border-bottom:2px dashed rgba(14,135,204,.35);margin-bottom:12px}
.certificate-sign strong{display:block;color:#17324d;font-size:16px}
.certificate-sign span{display:block;color:#61798f;font-size:13px;margin-top:6px}
.certificate-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:24px;position:relative;z-index:1}
.certificate-stamp{width:110px;height:110px;border-radius:50%;border:2px dashed rgba(14,135,204,.35);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.72);overflow:hidden}
.certificate-stamp img{max-width:100%;max-height:100%;object-fit:contain}
.certificate-print-actions{display:flex;justify-content:center;gap:12px;margin:18px 0}
@media print{.certificate-print-actions,.no-print{display:none!important}body{background:#fff!important}.certificate-shell{box-shadow:none;border-width:8px}}
@media (max-width:991px){.training-form-grid{grid-template-columns:1fr}.certificate-signatures{grid-template-columns:repeat(2,1fr)}.certificate-title{font-size:34px}.certificate-body .recipient{font-size:28px}.certificate-body p{font-size:18px}}
@media (max-width:640px){.training-container{padding:18px 12px}.training-actions,.training-toolbar{flex-direction:column;align-items:stretch}.certificate-signatures{grid-template-columns:1fr}.certificate-footer{flex-direction:column;align-items:center}.certificate-title{font-size:28px}.certificate-subtitle{font-size:18px}.certificate-body .recipient{font-size:24px}.certificate-body p{font-size:16px}}

/* v11.92.1 trainee identity cards */
.trainee-card-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:22px;align-items:start}
.trainee-id-card{position:relative;width:100%;aspect-ratio:85.6/54;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#ffffff 0%,#eef8fd 62%,#d9eff8 100%);border:1px solid rgba(15,98,143,.18);box-shadow:0 18px 45px rgba(12,55,85,.14);color:#15364f;isolation:isolate}
.trainee-id-card:before{content:"";position:absolute;inset:-35% -10% auto auto;width:68%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,rgba(14,135,204,.18),rgba(75,204,219,.04));z-index:-1}
.trainee-id-card:after{content:"";position:absolute;left:-13%;bottom:-38%;width:58%;aspect-ratio:1;border-radius:50%;border:18px solid rgba(14,135,204,.08);z-index:-1}
.trainee-card-front{display:grid;grid-template-columns:1.2fr .8fr;padding:22px;gap:18px}
.trainee-card-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.trainee-card-logo{width:58px;height:58px;object-fit:contain;flex:0 0 auto}
.trainee-card-brand-copy strong{display:block;font-size:20px;color:#123c5c}.trainee-card-brand-copy small{display:block;color:#668399;font-size:12px;margin-top:2px}
.trainee-card-title{font-weight:900;color:#0e87cc;font-size:15px;letter-spacing:.2px;margin:4px 0 14px}
.trainee-card-person h3{margin:0 0 10px;font-size:24px;line-height:1.25;color:#143550}.trainee-card-person dl{margin:0;display:grid;gap:7px}.trainee-card-person dl div{display:grid;grid-template-columns:82px 1fr;gap:6px;font-size:13px}.trainee-card-person dt{color:#6a8397;font-weight:700}.trainee-card-person dd{margin:0;font-weight:800;color:#173a55}
.trainee-card-photo-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.trainee-card-photo{width:min(150px,85%);aspect-ratio:3/4;border-radius:18px;object-fit:cover;background:#fff;border:4px solid rgba(255,255,255,.95);box-shadow:0 10px 25px rgba(23,58,85,.15)}
.trainee-card-photo-placeholder{display:grid;place-items:center;color:#7890a2;font-size:38px}
.trainee-card-number{background:#123c5c;color:#fff;border-radius:999px;padding:7px 13px;font-weight:900;font-size:12px;letter-spacing:.8px}
.trainee-card-back{padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.trainee-card-back-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.trainee-card-back-head .trainee-card-logo{width:52px;height:52px}
.trainee-card-back h3{margin:0;color:#123c5c;font-size:22px}.trainee-card-back p{line-height:1.8;font-size:13px;color:#436179;margin:12px 0}
.trainee-card-back-info{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trainee-card-back-info .info{background:rgba(255,255,255,.78);border:1px solid rgba(15,98,143,.1);border-radius:14px;padding:10px}.trainee-card-back-info small{display:block;color:#6c879b;margin-bottom:3px}.trainee-card-back-info strong{font-size:13px;color:#173a55}
.trainee-card-back-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px}.trainee-card-supervisor{min-width:130px;text-align:center}.trainee-card-supervisor .sign-line{height:26px;border-bottom:1px dashed rgba(14,135,204,.5);margin-bottom:5px}.trainee-card-supervisor span{font-size:11px;color:#5e798f}.trainee-card-validity{font-size:11px;color:#59748a;text-align:left}
.training-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.training-avatar-preview{width:130px;aspect-ratio:3/4;border-radius:18px;object-fit:cover;border:1px solid rgba(17,49,79,.12);background:#f1f6f9}
@media(max-width:860px){.trainee-card-preview-grid{grid-template-columns:1fr}.trainee-card-front{padding:18px}.trainee-card-person h3{font-size:21px}}
@media(max-width:520px){.trainee-id-card{border-radius:18px}.trainee-card-front{grid-template-columns:1.25fr .75fr;gap:10px;padding:14px}.trainee-card-brand{gap:7px;margin-bottom:8px}.trainee-card-logo{width:42px;height:42px}.trainee-card-brand-copy strong{font-size:15px}.trainee-card-brand-copy small{font-size:9px}.trainee-card-title{font-size:11px;margin:2px 0 7px}.trainee-card-person h3{font-size:16px;margin-bottom:6px}.trainee-card-person dl{gap:3px}.trainee-card-person dl div{grid-template-columns:62px 1fr;font-size:10px}.trainee-card-number{font-size:9px;padding:5px 8px}.trainee-card-photo{border-radius:12px;border-width:3px}.trainee-card-back{padding:15px}.trainee-card-back h3{font-size:16px}.trainee-card-back p{font-size:10px;margin:6px 0;line-height:1.6}.trainee-card-back-info{gap:6px}.trainee-card-back-info .info{padding:6px;border-radius:9px}.trainee-card-back-info small{font-size:8px}.trainee-card-back-info strong{font-size:9px}.trainee-card-back-head .trainee-card-logo{width:38px;height:38px}}
@media print{.trainee-card-print-sheet{display:grid!important;grid-template-columns:85.6mm 85.6mm;gap:12mm;justify-content:center;align-items:start;margin:0!important}.trainee-card-print-sheet .trainee-id-card{width:85.6mm;height:54mm;aspect-ratio:auto;box-shadow:none;break-inside:avoid}.trainee-card-print-sheet .trainee-card-front{padding:4mm;gap:3mm}.trainee-card-print-sheet .trainee-card-back{padding:4mm}.trainee-card-print-sheet .trainee-card-person h3{font-size:14pt}.trainee-card-print-sheet .trainee-card-brand-copy strong{font-size:11pt}.trainee-card-print-sheet .trainee-card-brand-copy small,.trainee-card-print-sheet .trainee-card-person dl div,.trainee-card-print-sheet .trainee-card-number,.trainee-card-print-sheet .trainee-card-back p,.trainee-card-print-sheet .trainee-card-back-info strong{font-size:7pt}}