/*
 * Academic Platform — design system.
 *
 * Shipped as a plain stylesheet on purpose: the application must run with
 * `php artisan serve` alone, with no npm install and no build step. The Tailwind
 * sources under resources/css remain for later; nothing here depends on them.
 *
 * Rules: no raw colour outside :root, spacing from the scale, and every
 * direction-sensitive property logical so Arabic is not an afterthought.
 */

:root {
    --color-primary-50:#f2f5f9; --color-primary-100:#e3eaf2; --color-primary-200:#c4d2e3;
    --color-primary-300:#9bb1cb; --color-primary-400:#6b8bae; --color-primary-500:#456a92;
    --color-primary-600:#2e5177; --color-primary-700:#1e3a5f; --color-primary-800:#182f4c;
    --color-primary-900:#12233a; --color-primary-950:#0b1626;
    --color-primary: var(--color-primary-700); --color-primary-contrast:#fff;

    --color-secondary-50:#fff8eb; --color-secondary-100:#fdefc8; --color-secondary-300:#f8c452;
    --color-secondary-500:#d97706; --color-secondary-600:#b45309; --color-secondary-700:#92400e;
    --color-secondary: var(--color-secondary-500);

    --color-background:#f7f8fa; --color-surface:#fff; --color-surface-sunken:#f1f3f6;
    --color-border:#e3e6eb; --color-border-strong:#c9cfd8; --color-border-focus: var(--color-primary-500);
    --color-text-primary:#111827; --color-text-secondary:#4b5563; --color-text-muted:#6b7280;
    --color-text-inverse:#fff; --color-text-link: var(--color-primary-600);

    --color-success:#15803d; --color-success-surface:#ecfdf3;
    --color-warning:#b45309; --color-warning-surface:#fffaeb;
    --color-danger:#b42318;  --color-danger-surface:#fef3f2;
    --color-info:#175cd3;    --color-info-surface:#eff8ff;

    --radius-sm:4px; --radius-md:6px; --radius-lg:10px; --radius-full:9999px;
    --shadow-xs:0 1px 2px 0 rgb(16 24 40/.04);
    --shadow-sm:0 1px 3px 0 rgb(16 24 40/.08),0 1px 2px -1px rgb(16 24 40/.04);
    --shadow-md:0 4px 8px -2px rgb(16 24 40/.08),0 2px 4px -2px rgb(16 24 40/.04);

    --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem;
    --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem;

    --font-sans:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;
    --font-arabic:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;
    --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;

    --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-lg:1.125rem;
    --text-xl:1.25rem; --text-2xl:1.5rem; --text-3xl:1.875rem; --text-4xl:2.25rem;
    --leading-normal:1.5; --leading-relaxed:1.7;

    --container:1200px; --content:46rem; --sidebar:16rem; --header:3.75rem;
    --duration:180ms; --ease:cubic-bezier(.2,0,0,1);
}

[dir='rtl'] { --font-sans: var(--font-arabic); --leading-normal:1.65; --leading-relaxed:1.85; }

@media (prefers-reduced-motion: reduce) { :root { --duration: 0ms; } }

*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
    margin:0; background:var(--color-background); color:var(--color-text-primary);
    font-family:var(--font-sans); font-size:var(--text-base); line-height:var(--leading-normal);
}
h1,h2,h3,h4 { margin:0 0 var(--space-3); line-height:1.25; font-weight:600; color:var(--color-primary-900); }
h1 { font-size:var(--text-3xl); } h2 { font-size:var(--text-2xl); }
h3 { font-size:var(--text-xl); }  h4 { font-size:var(--text-lg); }
p { margin:0 0 var(--space-4); }
a { color:var(--color-text-link); text-decoration:none; }
a:hover { text-decoration:underline; }
:focus-visible { outline:2px solid var(--color-border-focus); outline-offset:2px; border-radius:var(--radius-sm); }
[hidden] { display:none !important; }
code,kbd { font-family:var(--font-mono); font-size:var(--text-sm); }

.skip-link { position:absolute; inset-inline-start:var(--space-4); inset-block-start:-3rem; z-index:100;
    padding:var(--space-2) var(--space-4); background:var(--color-surface);
    border:1px solid var(--color-border-strong); border-radius:var(--radius-md); }
.skip-link:focus { inset-block-start:var(--space-4); }

.container { max-width:var(--container); margin-inline:auto; padding-inline:var(--space-5); }
.narrow { max-width:var(--content); margin-inline:auto; }
.stack > * + * { margin-block-start:var(--space-4); }
.row { display:flex; gap:var(--space-3); align-items:center; flex-wrap:wrap; }
.row-between { display:flex; gap:var(--space-3); align-items:center; justify-content:space-between; flex-wrap:wrap; }
.grid { display:grid; gap:var(--space-5); }
.grid-2 { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.grid-3 { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.muted { color:var(--color-text-muted); }
.secondary-text { color:var(--color-text-secondary); }
.small { font-size:var(--text-sm); }
.tiny { font-size:var(--text-xs); }
.mono { font-family:var(--font-mono); word-break:break-all; }
.center { text-align:center; }
.mt-0{margin-block-start:0} .mb-0{margin-block-end:0}
.mt-4{margin-block-start:var(--space-4)} .mt-6{margin-block-start:var(--space-6)}
.mt-8{margin-block-start:var(--space-8)} .mb-4{margin-block-end:var(--space-4)}
.mb-6{margin-block-end:var(--space-6)} .mb-8{margin-block-end:var(--space-8)}
.full { width:100%; }

/* ---------- header / nav ---------- */
.site-header { background:var(--color-surface); border-block-end:1px solid var(--color-border); position:sticky; top:0; z-index:40; }
.site-header .container { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); min-height:var(--header); }
.brand { display:inline-flex; align-items:center; gap:var(--space-2); font-weight:700; color:var(--color-primary-800); font-size:var(--text-lg); }
.brand:hover { text-decoration:none; }
.brand-mark { display:inline-grid; place-items:center; width:2rem; height:2rem; border-radius:var(--radius-md);
    background:var(--color-primary-700); color:#fff; font-size:var(--text-sm); font-weight:700; }
.nav { display:flex; gap:var(--space-2); align-items:center; flex-wrap:wrap; }
.nav a { padding:var(--space-2) var(--space-3); border-radius:var(--radius-md); color:var(--color-text-secondary); font-size:var(--text-sm); font-weight:500; }
.nav a:hover { background:var(--color-primary-50); color:var(--color-primary-800); text-decoration:none; }
.nav a[aria-current='page'] { background:var(--color-primary-50); color:var(--color-primary-800); }

.locale-switch { display:inline-flex; border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; }
.locale-switch a { padding:var(--space-1) var(--space-3); font-size:var(--text-xs); font-weight:600; color:var(--color-text-secondary); border-radius:0; }
.locale-switch a[aria-current='true'] { background:var(--color-primary-700); color:#fff; }

/* ---------- layout with sidebar ---------- */
.shell { display:grid; grid-template-columns:var(--sidebar) 1fr; min-height:calc(100vh - var(--header)); }
@media (max-width:900px){ .shell { grid-template-columns:1fr; } }
.sidebar { background:var(--color-surface); border-inline-end:1px solid var(--color-border); padding:var(--space-5) var(--space-4); }
@media (max-width:900px){ .sidebar { border-inline-end:none; border-block-end:1px solid var(--color-border); } }
.sidebar h5 { margin:var(--space-5) 0 var(--space-2); font-size:var(--text-xs); text-transform:uppercase;
    letter-spacing:.06em; color:var(--color-text-muted); font-weight:700; }
.sidebar h5:first-child { margin-block-start:0; }
.sidebar nav { display:flex; flex-direction:column; gap:2px; }
.sidebar nav a { padding:var(--space-2) var(--space-3); border-radius:var(--radius-md);
    color:var(--color-text-secondary); font-size:var(--text-sm); font-weight:500; }
.sidebar nav a:hover { background:var(--color-primary-50); color:var(--color-primary-800); text-decoration:none; }
.sidebar nav a[aria-current='page'] { background:var(--color-primary-700); color:#fff; }
.main { padding:var(--space-8) var(--space-6); min-width:0; }
@media (max-width:640px){ .main { padding:var(--space-5) var(--space-4); } }

/* ---------- cards ---------- */
.card { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg);
    box-shadow:var(--shadow-xs); padding:var(--space-6); }
.card + .card { margin-block-start:var(--space-5); }
.card-header { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3);
    margin-block-end:var(--space-4); flex-wrap:wrap; }
.card-header h2,.card-header h3 { margin:0; }
.stat { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-5); }
.stat .label { font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.06em; color:var(--color-text-muted); font-weight:700; }
.stat .value { font-size:var(--text-3xl); font-weight:700; color:var(--color-primary-800); line-height:1.1; margin-block-start:var(--space-2); }

/* ---------- buttons ---------- */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-2);
    padding:.55rem 1rem; border-radius:var(--radius-md); border:1px solid transparent;
    font-size:var(--text-sm); font-weight:600; cursor:pointer; font-family:inherit;
    transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease); }
.btn:hover { text-decoration:none; }
.btn-primary { background:var(--color-primary-700); color:#fff; }
.btn-primary:hover { background:var(--color-primary-800); }
.btn-secondary { background:var(--color-secondary-500); color:#fff; }
.btn-secondary:hover { background:var(--color-secondary-600); }
.btn-outline { background:var(--color-surface); border-color:var(--color-border-strong); color:var(--color-text-primary); }
.btn-outline:hover { background:var(--color-surface-sunken); }
.btn-danger { background:var(--color-surface); border-color:var(--color-danger); color:var(--color-danger); }
.btn-danger:hover { background:var(--color-danger-surface); }
.btn-sm { padding:.3rem .65rem; font-size:var(--text-xs); }
.btn-lg { padding:.75rem 1.5rem; font-size:var(--text-base); }
.btn[disabled],.btn[aria-disabled='true'] { opacity:.5; cursor:not-allowed; pointer-events:none; }
.btn-block { width:100%; }

/* ---------- forms ---------- */
.field { display:block; margin-block-end:var(--space-4); }
.field > label,.label { display:block; font-size:var(--text-sm); font-weight:600; margin-block-end:var(--space-2); }
.input,.select,.textarea { width:100%; padding:.55rem .75rem; font-size:var(--text-sm); font-family:inherit;
    color:var(--color-text-primary); background:var(--color-surface);
    border:1px solid var(--color-border-strong); border-radius:var(--radius-md); }
.input:focus,.select:focus,.textarea:focus { outline:2px solid var(--color-border-focus); outline-offset:0; border-color:var(--color-primary-500); }
.input[disabled],.select[disabled] { background:var(--color-surface-sunken); color:var(--color-text-muted); }
.textarea { min-height:8rem; resize:vertical; }
.hint { font-size:var(--text-xs); color:var(--color-text-muted); margin-block-start:var(--space-1); }
.error { font-size:var(--text-xs); color:var(--color-danger); margin-block-start:var(--space-1); }
.checkbox { display:flex; align-items:flex-start; gap:var(--space-2); font-size:var(--text-sm); }
.checkbox input { margin-block-start:.2rem; }
.fieldset { border:1px solid var(--color-border); border-radius:var(--radius-md); padding:var(--space-4); }
.fieldset legend { font-size:var(--text-sm); font-weight:600; padding-inline:var(--space-2); }

/* ---------- alerts ---------- */
.alert { border:1px solid; border-radius:var(--radius-md); padding:var(--space-3) var(--space-4);
    font-size:var(--text-sm); margin-block-end:var(--space-4); }
.alert-success { background:var(--color-success-surface); border-color:#abefc6; color:#085d3a; }
.alert-warning { background:var(--color-warning-surface); border-color:#fedf89; color:#93370d; }
.alert-danger  { background:var(--color-danger-surface);  border-color:#fecdca; color:#912018; }
.alert-info    { background:var(--color-info-surface);    border-color:#b2ddff; color:#194185; }
.alert ul { margin:var(--space-2) 0 0; padding-inline-start:var(--space-5); }

/* ---------- badges ---------- */
.badge { display:inline-flex; align-items:center; gap:var(--space-1); padding:.15rem .55rem;
    border-radius:var(--radius-full); font-size:var(--text-xs); font-weight:600; border:1px solid; white-space:nowrap; }
.badge-neutral { background:var(--color-surface-sunken); border-color:var(--color-border-strong); color:var(--color-text-secondary); }
.badge-success { background:var(--color-success-surface); border-color:#abefc6; color:#085d3a; }
.badge-warning { background:var(--color-warning-surface); border-color:#fedf89; color:#93370d; }
.badge-danger  { background:var(--color-danger-surface);  border-color:#fecdca; color:#912018; }
.badge-info    { background:var(--color-info-surface);    border-color:#b2ddff; color:#194185; }
.badge-primary { background:var(--color-primary-50); border-color:var(--color-primary-200); color:var(--color-primary-800); }

/* ---------- tables ---------- */
.table-wrap { overflow-x:auto; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
table.table { width:100%; border-collapse:collapse; font-size:var(--text-sm); }
.table th,.table td { padding:var(--space-3) var(--space-4); text-align:start; vertical-align:middle; }
.table thead th { background:var(--color-surface-sunken); color:var(--color-text-secondary);
    font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.05em; font-weight:700;
    border-block-end:1px solid var(--color-border); }
.table tbody tr + tr { border-block-start:1px solid var(--color-border); }
.table tbody tr:hover { background:var(--color-primary-50); }
.table .actions { display:flex; gap:var(--space-2); justify-content:flex-end; }

/* ---------- empty state ---------- */
.empty { text-align:center; padding:var(--space-12) var(--space-6); color:var(--color-text-muted); }
.empty h3 { color:var(--color-text-secondary); }
.empty .empty-mark { display:inline-grid; place-items:center; width:3rem; height:3rem; border-radius:var(--radius-full);
    background:var(--color-surface-sunken); color:var(--color-text-muted); font-size:var(--text-xl); margin-block-end:var(--space-3); }

/* ---------- breadcrumbs / pagination ---------- */
.breadcrumbs { display:flex; gap:var(--space-2); align-items:center; font-size:var(--text-sm);
    color:var(--color-text-muted); margin-block-end:var(--space-4); flex-wrap:wrap; }
.breadcrumbs .sep::before { content:'/'; }
[dir='rtl'] .breadcrumbs .sep::before { content:'\\\\'; }
.pagination { display:flex; gap:var(--space-1); align-items:center; margin-block-start:var(--space-4); flex-wrap:wrap; }
.pagination a,.pagination span { padding:var(--space-1) var(--space-3); border:1px solid var(--color-border);
    border-radius:var(--radius-md); font-size:var(--text-sm); background:var(--color-surface); }
.pagination .current { background:var(--color-primary-700); color:#fff; border-color:var(--color-primary-700); }
.pagination .disabled { color:var(--color-text-muted); background:var(--color-surface-sunken); }

/* ---------- meter ---------- */
.meter { height:.5rem; background:var(--color-surface-sunken); border-radius:var(--radius-full); overflow:hidden; }
.meter > span { display:block; height:100%; background:var(--color-primary-500); border-radius:var(--radius-full); }
.meter.warn > span { background:var(--color-secondary-500); }
.meter.over > span { background:var(--color-danger); }

/* ---------- public site ---------- */
.hero { background:linear-gradient(180deg,var(--color-primary-900),var(--color-primary-700)); color:#fff; padding:var(--space-16) 0; }
.hero h1 { color:#fff; font-size:var(--text-4xl); max-width:22ch; }
.hero p { color:var(--color-primary-100); font-size:var(--text-lg); max-width:60ch; line-height:var(--leading-relaxed); }
.hero .btn-outline { background:transparent; border-color:var(--color-primary-300); color:#fff; }
.hero .btn-outline:hover { background:rgb(255 255 255/.08); }
.section { padding:var(--space-16) 0; }
.section-sunken { background:var(--color-surface); border-block:1px solid var(--color-border); }
.eyebrow { font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.08em; font-weight:700; color:var(--color-secondary-600); }
.feature { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-6); }
.feature h3 { font-size:var(--text-lg); }
.feature p { margin:0; color:var(--color-text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.site-footer { background:var(--color-primary-950); color:var(--color-primary-200); padding:var(--space-10) 0; font-size:var(--text-sm); }
.site-footer a { color:var(--color-primary-100); }

/* ---------- auth ---------- */
.auth-wrap { min-height:100vh; display:grid; place-items:center; padding:var(--space-8) var(--space-4);
    background:linear-gradient(180deg,var(--color-primary-50),var(--color-background)); }
.auth-card { width:100%; max-width:26rem; background:var(--color-surface); border:1px solid var(--color-border);
    border-radius:var(--radius-lg); box-shadow:var(--shadow-md); padding:var(--space-8); }
.auth-card h1 { font-size:var(--text-2xl); }
.auth-meta { text-align:center; margin-block-end:var(--space-6); }

/* ---------- error pages ---------- */
.error-page { min-height:100vh; display:grid; place-items:center; padding:var(--space-8); text-align:center; }
.error-code { font-size:4rem; font-weight:700; color:var(--color-primary-700); line-height:1; }


/* ---------- production polish / management workspace ---------- */
body { min-height:100vh; letter-spacing:0; }
.site-header { box-shadow:0 1px 12px rgb(15 23 42/.04); }
.header-inner { min-height:4.25rem; }
.brand-mark { width:2.35rem; height:2.35rem; border-radius:12px; background:linear-gradient(145deg,var(--color-primary-700),var(--color-primary-900)); box-shadow:0 7px 18px rgb(30 58 95/.22); }
.brand-copy { display:flex; flex-direction:column; line-height:1.15; }
.brand-copy strong { font-size:.93rem; color:var(--color-primary-900); }
.brand-copy small { margin-top:.2rem; color:var(--color-text-muted); font-size:.66rem; font-weight:500; }
.header-actions { display:flex; align-items:center; gap:.7rem; }
.user-chip { display:flex; align-items:center; gap:.55rem; padding:.35rem .65rem; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); }
.avatar { width:2rem; height:2rem; border-radius:10px; display:grid; place-items:center; background:var(--color-primary-50); color:var(--color-primary-800); font-weight:800; font-size:.78rem; }
.user-chip-copy { display:flex; flex-direction:column; line-height:1.2; }
.user-chip-copy strong { font-size:.76rem; }
.user-chip-copy small { color:var(--color-text-muted); font-size:.63rem; margin-top:.1rem; }
.sidebar { width:var(--sidebar); position:sticky; top:4.25rem; height:calc(100vh - 4.25rem); overflow:auto; padding:1.25rem 1rem; box-shadow:4px 0 16px rgb(15 23 42/.025); }
.sidebar h5 { padding-inline:.6rem; }
.sidebar nav a { position:relative; min-height:2.55rem; display:flex; align-items:center; border:1px solid transparent; border-radius:10px; padding:.62rem .8rem; transition:all var(--duration) var(--ease); }
.sidebar nav a:hover { border-color:var(--color-primary-100); transform:translateY(-1px); }
.sidebar nav a[aria-current='page'] { background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800)); box-shadow:0 6px 16px rgb(30 58 95/.18); }
.main { max-width:1500px; width:100%; margin-inline:auto; }
h1 { font-weight:800; letter-spacing:-.025em; }
.page-head { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; flex-wrap:wrap; margin-bottom:1.35rem; }
.page-head-copy p { margin:0; max-width:70ch; }
.page-actions { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.toolbar { background:var(--color-surface); border:1px solid var(--color-border); border-radius:14px; padding:.85rem; display:flex; align-items:end; gap:.7rem; flex-wrap:wrap; box-shadow:var(--shadow-xs); margin-bottom:1rem; }
.toolbar .field { margin:0; min-width:150px; flex:1 1 150px; }
.toolbar .field.search-field { min-width:240px; flex:2 1 260px; }
.toolbar .label { font-size:.7rem; color:var(--color-text-muted); margin-bottom:.3rem; }
.toolbar-actions { display:flex; gap:.45rem; align-items:center; }
.btn { border-radius:9px; min-height:2.35rem; }
.btn-primary { background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800)); box-shadow:0 4px 12px rgb(30 58 95/.15); }
.btn-success { background:var(--color-success); color:#fff; }
.btn-ghost { background:transparent; color:var(--color-text-secondary); }
.btn-icon { width:2.35rem; padding:0; }
.icon-btn { border:1px solid var(--color-border); background:var(--color-surface); width:2.4rem; height:2.4rem; border-radius:9px; font:inherit; cursor:pointer; }
.card,.stat,.table-wrap { border-radius:14px; }
.stat { position:relative; overflow:hidden; box-shadow:var(--shadow-xs); transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease); }
.stat:hover { transform:translateY(-2px); box-shadow:var(--shadow-md); }
.stat::after { content:''; position:absolute; inset-block:0; inset-inline-start:0; width:4px; background:var(--color-secondary-500); }
.stat .value { letter-spacing:-.04em; }
.table-wrap { box-shadow:var(--shadow-xs); }
.table thead th { position:sticky; top:0; z-index:1; }
.table tbody tr { transition:background var(--duration) var(--ease); }
.table .actions { white-space:nowrap; }
.table-meta { display:flex; justify-content:space-between; gap:.75rem; align-items:center; flex-wrap:wrap; margin:.75rem 0; color:var(--color-text-muted); font-size:.78rem; }
.filter-pill { display:inline-flex; align-items:center; gap:.3rem; padding:.25rem .55rem; background:var(--color-primary-50); color:var(--color-primary-800); border:1px solid var(--color-primary-100); border-radius:999px; font-size:.7rem; font-weight:700; }
.form-panel { max-width:900px; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.form-grid .field { margin:0; }
.form-section { padding:1.1rem 0; border-bottom:1px solid var(--color-border); }
.form-section:last-child { border-bottom:0; }
.section-title { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:.8rem; }
.section-title h2,.section-title h3 { margin:0; }
.actions-menu { display:flex; gap:.35rem; justify-content:flex-end; align-items:center; }
.kpi-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin:1rem 0 1.4rem; }
.kpi { background:var(--color-surface); border:1px solid var(--color-border); border-radius:14px; padding:1rem 1.1rem; box-shadow:var(--shadow-xs); }
.kpi .kpi-label { font-size:.7rem; color:var(--color-text-muted); font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.kpi .kpi-value { font-size:1.55rem; font-weight:800; color:var(--color-primary-900); margin-top:.25rem; }
.mobile-only { display:none; }
.sidebar-backdrop { display:none; }
.print-only { display:none; }

@media (max-width:1000px){
  .kpi-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .user-chip-copy { display:none; }
}
@media (max-width:900px){
  .mobile-only { display:inline-grid; place-items:center; }
  .shell { display:block; }
  .sidebar { position:fixed; inset-block-start:4.25rem; inset-block-end:0; inset-inline-start:0; z-index:60; height:auto; transform:translateX(-110%); transition:transform var(--duration) var(--ease); }
  [dir='rtl'] .sidebar { transform:translateX(110%); }
  .sidebar-open .sidebar { transform:translateX(0); }
  .sidebar-backdrop { position:fixed; inset:4.25rem 0 0; z-index:55; background:rgb(15 23 42/.36); border:0; width:100%; }
  .sidebar-open .sidebar-backdrop { display:block; }
}
@media (max-width:640px){
  .header-actions .locale-switch { display:none; }
  .brand-copy small,.user-chip { display:none; }
  .form-grid { grid-template-columns:1fr; }
  .kpi-strip { grid-template-columns:1fr 1fr; gap:.65rem; }
  .toolbar { align-items:stretch; }
  .toolbar .field,.toolbar .field.search-field { min-width:100%; }
  .page-actions { width:100%; }
  .page-actions .btn { flex:1; }
}

@media print {
  @page { size:A4 landscape; margin:12mm; }
  body { background:#fff; font-size:10pt; }
  .no-print,.site-header,.sidebar,.toolbar,.page-actions,.pagination,.btn,.sidebar-backdrop { display:none !important; }
  .print-only { display:block; }
  .shell { display:block; }
  .main { padding:0; max-width:none; }
  .table-wrap { overflow:visible; border:0; box-shadow:none; }
  .table th,.table td { padding:.35rem .45rem; }
  .table tbody tr:hover { background:transparent; }
  .card,.stat,.kpi { box-shadow:none; break-inside:avoid; }
  a { color:#000; text-decoration:none; }
}

/* Completion pack: operational screens */
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.metric{display:block;font-size:2rem;line-height:1.1;margin-top:.35rem}.filter-grid,.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:end}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid textarea,.form-grid .span-2{grid-column:1/-1}.filter-grid input,.filter-grid select,.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea{width:100%}.notification-row{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--border)}.notification-row.is-unread{background:rgba(15,98,254,.04);border-inline-start:4px solid var(--primary)}.notification-row:last-child{border-bottom:0}.action-menu{position:relative}.action-menu>summary{list-style:none;cursor:pointer}.action-pop{position:absolute;z-index:20;inset-inline-end:0;top:calc(100% + .35rem);min-width:160px;padding:.65rem;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.12)}.stack{display:flex;flex-direction:column;gap:.75rem}.gap-2{gap:.5rem}
@media(max-width:900px){.filter-grid,.form-grid{grid-template-columns:1fr 1fr}.page-heading{flex-direction:column}}
@media(max-width:640px){.filter-grid,.form-grid{grid-template-columns:1fr}.page-heading{gap:.75rem}.metric{font-size:1.6rem}}
.action-pop-wide{min-width:min(420px,85vw);max-height:70vh;overflow:auto}

/* =========================================================
   PREMIUM WORKSPACE V3 — dense, modern institutional SaaS UI
   ========================================================= */
:root{
 --app-bg:#f4f7fb;--app-surface:#ffffff;--app-surface-2:#f8fafc;--app-border:#e4e9f1;
 --app-text:#172033;--app-muted:#667085;--app-navy:#0f2747;--app-navy-2:#163a66;
 --app-accent:#d99614;--app-accent-soft:#fff7e6;--app-success:#14804a;--app-danger:#c43d3d;
 --app-info:#2563eb;--app-sidebar:18.25rem;--app-topbar:4.6rem;--app-radius:16px;
 --app-shadow:0 1px 2px rgba(16,24,40,.03),0 8px 24px rgba(16,24,40,.05);
 --app-shadow-lg:0 16px 45px rgba(15,39,71,.14)
}
[data-theme='dark']{--app-bg:#0b1220;--app-surface:#111a2b;--app-surface-2:#172235;--app-border:#25334a;--app-text:#e8edf5;--app-muted:#9aa9bd;--color-background:var(--app-bg);--color-surface:var(--app-surface);--color-surface-sunken:var(--app-surface-2);--color-border:var(--app-border);--color-border-strong:#34445f;--color-text-primary:var(--app-text);--color-text-secondary:#b4c0d0;--color-text-muted:var(--app-muted);--color-primary-50:#16243a;--color-primary-100:#1c3150;--color-primary-700:#91b6e3;--color-primary-800:#bed3ec;--color-primary-900:#edf5ff;--color-text-link:#9ec5f3}
body{background:var(--app-bg);color:var(--app-text);font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;font-weight:400}
.app-topbar{position:sticky;top:0;z-index:70;height:var(--app-topbar);display:grid;grid-template-columns:minmax(250px,var(--app-sidebar)) minmax(280px,1fr) auto;align-items:center;background:color-mix(in srgb,var(--app-surface) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--app-border);box-shadow:0 1px 0 rgba(15,39,71,.02)}
.topbar-start,.topbar-center,.topbar-actions{display:flex;align-items:center;height:100%;padding-inline:1rem}.topbar-center{justify-content:center}.topbar-actions{justify-content:flex-end;gap:.55rem;padding-inline-end:1.25rem}.app-brand{display:flex;align-items:center;gap:.75rem;min-width:0;color:var(--app-text)}.app-brand:hover{text-decoration:none}.app-logo{width:2.65rem;height:2.65rem;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#183d69,#0c213d);color:#fff;font-weight:800;letter-spacing:-.04em;box-shadow:0 8px 20px rgba(15,39,71,.22);border:1px solid rgba(255,255,255,.16)}.app-logo::after{content:'';position:absolute}.app-brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1.15}.app-brand-copy strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.app-brand-copy small{font-size:.64rem;color:var(--app-muted);margin-top:.2rem;letter-spacing:.02em}.global-search{width:min(620px,100%);height:2.75rem;display:flex;align-items:center;gap:.65rem;padding:0 .85rem;background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:14px;transition:.18s ease}.global-search:focus-within{background:var(--app-surface);border-color:#9eb6d1;box-shadow:0 0 0 4px rgba(46,81,119,.08)}.global-search input{flex:1;border:0;outline:0;background:transparent;color:var(--app-text);font:inherit;font-size:.82rem;min-width:0}.global-search kbd{font-size:.62rem;color:var(--app-muted);border:1px solid var(--app-border);background:var(--app-surface);border-radius:6px;padding:.12rem .36rem}.icon-btn,.header-link{width:2.55rem;height:2.55rem;border-radius:12px;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);display:grid;place-items:center;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.icon-btn:hover,.header-link:hover{background:var(--app-surface-2);border-color:#cad4e1;text-decoration:none}.top-menu{position:relative}.top-menu>summary{list-style:none}.top-menu>summary::-webkit-details-marker{display:none}.top-popover{position:absolute;top:calc(100% + .65rem);inset-inline-end:0;min-width:230px;padding:.55rem;background:var(--app-surface);border:1px solid var(--app-border);border-radius:16px;box-shadow:var(--app-shadow-lg);z-index:90}.top-popover a,.menu-button{display:flex;width:100%;padding:.7rem .8rem;border:0;background:transparent;color:var(--app-text);border-radius:10px;font:inherit;font-size:.8rem;text-align:start;cursor:pointer}.top-popover a:hover,.menu-button:hover{background:var(--app-surface-2);text-decoration:none}.top-popover-title{display:block;padding:.55rem .8rem;font-size:.7rem;color:var(--app-muted);text-transform:uppercase;letter-spacing:.05em}.top-popover hr{border:0;border-top:1px solid var(--app-border);margin:.4rem 0}.popover-user{display:flex;align-items:center;gap:.7rem;padding:.6rem}.popover-user div{display:flex;flex-direction:column}.popover-user small{color:var(--app-muted);font-size:.68rem}.avatar-lg{width:2.5rem;height:2.5rem}.user-chip{display:flex;align-items:center;gap:.55rem;cursor:pointer;padding:.25rem .45rem .25rem .3rem;border:1px solid transparent;border-radius:14px}.user-chip:hover{background:var(--app-surface-2);border-color:var(--app-border)}.chevron{font-size:.8rem;color:var(--app-muted)}
.app-shell{display:grid;grid-template-columns:var(--app-sidebar) minmax(0,1fr);min-height:calc(100vh - var(--app-topbar))}.app-sidebar{position:sticky;top:var(--app-topbar);height:calc(100vh - var(--app-topbar));display:flex;flex-direction:column;background:linear-gradient(180deg,#0f2747 0%,#102c50 60%,#0b203b 100%);color:#dce7f4;border-inline-end:0;overflow:hidden;box-shadow:8px 0 28px rgba(15,39,71,.08);z-index:50}.sidebar-context{display:flex;align-items:center;gap:.65rem;padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.context-dot{width:.6rem;height:.6rem;border-radius:999px;background:#51cf86;box-shadow:0 0 0 4px rgba(81,207,134,.12)}.sidebar-context div{display:flex;flex-direction:column;min-width:0}.sidebar-context small{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:#8ea6c2}.sidebar-context strong{font-size:.76rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-scroll{flex:1;overflow:auto;padding:.8rem .72rem 1.2rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.nav-section{margin-bottom:.75rem}.nav-section h5{margin:.65rem .55rem .35rem;padding:0;color:#7f9ab8!important;font-size:.62rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase}.app-sidebar nav{display:flex;flex-direction:column;gap:.15rem}.app-sidebar nav a{display:flex;align-items:center;gap:.7rem;min-height:2.6rem;padding:.52rem .68rem;border-radius:11px;border:1px solid transparent;color:#cad8e8!important;font-size:.77rem;font-weight:500;transition:.16s ease}.app-sidebar nav a:hover{background:rgba(255,255,255,.07);color:#fff!important;text-decoration:none;transform:none}.app-sidebar nav a[aria-current='page']{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.08));color:#fff!important;border-color:rgba(255,255,255,.12);box-shadow:inset 3px 0 0 var(--app-accent),0 6px 18px rgba(0,0,0,.08)}[dir='rtl'] .app-sidebar nav a[aria-current='page']{box-shadow:inset -3px 0 0 var(--app-accent),0 6px 18px rgba(0,0,0,.08)}.nav-icon{width:1.6rem;height:1.6rem;flex:0 0 1.6rem;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.055);color:#9fb8d4;font-size:.85rem}.app-sidebar nav a[aria-current='page'] .nav-icon{background:var(--app-accent);color:#1c2430}.sidebar-footer{padding:.75rem 1.15rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:.5rem;color:#8fa7c1}.sidebar-footer span{color:#51cf86;font-size:.55rem}.sidebar-footer small{font-size:.62rem}.app-main{min-width:0;width:100%;max-width:1640px;margin-inline:auto;padding:1.75rem 2rem 3rem}.app-main>h1:first-child,.page-head h1,.page-heading h1{font-size:1.75rem;font-weight:800;letter-spacing:-.025em;color:var(--app-text)}.secondary-text{color:var(--app-muted)!important;font-size:.84rem}.page-head,.page-heading{padding:.2rem 0 .3rem;margin-bottom:1.25rem}.page-actions{gap:.45rem}.card{border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow);background:var(--app-surface);padding:1.2rem}.card-header{padding-bottom:.8rem;border-bottom:1px solid var(--app-border);margin-bottom:1rem}.card-header h2,.card-header h3{font-size:1rem;font-weight:750;color:var(--app-text)}.stat,.kpi{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-surface);box-shadow:var(--app-shadow);padding:1rem 1.1rem}.stat::after{display:none}.stat:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(15,39,71,.08)}.stat .label,.kpi-label{font-size:.66rem!important;text-transform:uppercase;letter-spacing:.055em;color:var(--app-muted)!important;font-weight:700}.stat .value,.kpi-value{color:var(--app-text)!important;font-size:1.75rem!important;font-weight:800!important}.kpi-strip{gap:.8rem}.premium-kpi{position:relative;overflow:hidden}.premium-kpi::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--app-accent)}[dir='rtl'] .premium-kpi::before{inset:0 0 0 auto}.premium-kpi .kpi-icon{width:2.15rem;height:2.15rem;border-radius:11px;display:grid;place-items:center;background:#eef4fb;color:var(--app-navy);margin-bottom:.65rem}.premium-kpi .trend{font-size:.65rem;color:var(--app-success);font-weight:700}.hero-panel{position:relative;overflow:hidden;border-radius:22px;padding:1.55rem 1.7rem;background:linear-gradient(135deg,#0f2747 0%,#173f70 66%,#1b4a81 100%);color:#fff;box-shadow:0 18px 40px rgba(15,39,71,.16);margin-bottom:1.1rem}.hero-panel::after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(217,150,20,.22),rgba(217,150,20,0) 68%);inset-inline-end:-70px;inset-block-start:-110px}.hero-panel h1,.hero-panel h2{color:#fff;margin-bottom:.35rem}.hero-panel p{color:#c9d8e8;margin:0;font-size:.82rem;max-width:70ch}.hero-actions{position:relative;z-index:2;display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.btn{min-height:2.45rem;border-radius:10px;font-weight:650;font-size:.76rem;padding:.55rem .9rem}.btn-primary{background:linear-gradient(135deg,#173f70,#0f2747);border-color:#0f2747;box-shadow:0 4px 12px rgba(15,39,71,.16)}.hero-panel .btn-primary{background:var(--app-accent);border-color:var(--app-accent);color:#172033}.hero-panel .btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}.btn-outline{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}.btn-outline:hover{background:var(--app-surface-2);border-color:#cdd7e4}.btn-danger{background:#fff4f4;border-color:#f2c7c7;color:var(--app-danger)}.toolbar{border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface);box-shadow:var(--app-shadow);padding:.75rem}.input,.select,.textarea,.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea{border:1px solid var(--app-border)!important;background:var(--app-surface)!important;color:var(--app-text)!important;border-radius:10px!important;min-height:2.55rem!important;font-family:inherit!important;font-size:.78rem!important;padding:.55rem .7rem!important}.textarea,.form-grid textarea,.stack textarea{min-height:7rem!important}.input:focus,.select:focus,.textarea:focus,.toolbar input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:0;border-color:#91aac6!important;box-shadow:0 0 0 4px rgba(46,81,119,.08)}.label{font-size:.69rem!important;font-weight:700!important;color:var(--app-muted)!important}.table-wrap{border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface);box-shadow:var(--app-shadow);overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table thead th{background:var(--app-surface-2)!important;color:#64748b!important;font-size:.66rem!important;text-transform:uppercase;letter-spacing:.045em;font-weight:750;padding:.78rem .85rem;border-bottom:1px solid var(--app-border)!important;white-space:nowrap}.table td{padding:.82rem .85rem!important;border-bottom:1px solid var(--app-border)!important;font-size:.76rem;vertical-align:middle}.table tbody tr:last-child td{border-bottom:0!important}.table tbody tr:hover{background:color-mix(in srgb,var(--app-surface-2) 75%,transparent)}.table tbody tr.is-selected{background:#f0f6ff}.table-meta{font-size:.7rem}.badge{border-radius:999px!important;font-size:.64rem!important;font-weight:700!important;padding:.28rem .55rem!important}.meter{height:.48rem;border-radius:999px;background:#eef1f5;overflow:hidden}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d6a45,#3ca66d)}.meter.warn span{background:linear-gradient(90deg,#b36a0d,#e6a128)}.meter.over span{background:linear-gradient(90deg,#aa2f2f,#d65050)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.quick-card{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--app-border);border-radius:15px;background:var(--app-surface);color:var(--app-text);box-shadow:var(--app-shadow);transition:.16s ease}.quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,39,71,.08);text-decoration:none;border-color:#cbd7e6}.quick-icon{width:2.55rem;height:2.55rem;flex:0 0 2.55rem;border-radius:12px;background:#edf3fa;color:var(--app-navy);display:grid;place-items:center;font-weight:800}.quick-card strong{display:block;font-size:.77rem}.quick-card small{display:block;font-size:.64rem;color:var(--app-muted);margin-top:.15rem}.split-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:1rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.35rem 0 .7rem}.section-head h2{font-size:1rem;color:var(--app-text);margin:0}.chart-bars{display:flex;align-items:flex-end;gap:.55rem;height:150px;padding-top:.7rem}.chart-bar{flex:1;min-width:18px;background:linear-gradient(180deg,#3a6f9f,#173f70);border-radius:7px 7px 3px 3px;position:relative}.chart-bar span{position:absolute;bottom:calc(100% + .25rem);left:50%;transform:translateX(-50%);font-size:.58rem;color:var(--app-muted)}.chart-bar label{position:absolute;top:calc(100% + .3rem);left:50%;transform:translateX(-50%);font-size:.56rem;color:var(--app-muted);white-space:nowrap}.bulk-bar{display:none;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;margin-bottom:.65rem;border:1px solid #c8d8ea;background:#f2f7fd;border-radius:12px}.bulk-bar.is-visible{display:flex}.bulk-actions{display:flex;gap:.4rem;align-items:center}.checkbox{width:1rem;height:1rem;accent-color:var(--app-navy)}.pagination{margin-top:1rem}.pagination a,.pagination span{border-color:var(--app-border)!important;background:var(--app-surface)!important;color:var(--app-text)!important}.alert{border-radius:13px!important}.empty-state{padding:2rem!important}.filter-pill{background:#edf4fc;border-color:#d6e3f1;color:#244e78}.actions-menu,.actions{gap:.3rem}.action-pop{background:var(--app-surface)!important;border-color:var(--app-border)!important;box-shadow:var(--app-shadow-lg)!important}.action-pop a,.action-pop button{font-size:.76rem}.card-soft{background:var(--app-surface-2);box-shadow:none}.mini-list{display:flex;flex-direction:column}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.72rem 0;border-bottom:1px solid var(--app-border)}.mini-row:last-child{border-bottom:0}.mini-row strong{font-size:.75rem}.mini-row small{font-size:.65rem;color:var(--app-muted)}
@media(max-width:1180px){.app-topbar{grid-template-columns:240px 1fr auto}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:1fr}.topbar-center{padding-inline:.4rem}}
@media(max-width:900px){.app-topbar{grid-template-columns:1fr auto;height:4.3rem}.topbar-center{display:none}.app-brand-copy strong{max-width:160px}.app-shell{display:block}.app-sidebar{position:fixed;inset-block-start:4.3rem;inset-block-end:0;inset-inline-start:0;width:min(86vw,var(--app-sidebar));height:auto;transform:translateX(-108%);transition:transform .2s ease;z-index:80}[dir='rtl'] .app-sidebar{transform:translateX(108%)}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:4.3rem 0 0;z-index:75;background:rgba(7,18,34,.48);border:0}.sidebar-open .sidebar-backdrop{display:block}.app-main{padding:1.25rem}.mobile-only{display:grid}.locale-switch{display:none}.user-chip-copy,.chevron{display:none}}
@media(max-width:640px){.app-main{padding:1rem .75rem 2rem}.app-brand-copy small{display:none}.topbar-actions{gap:.3rem;padding-inline-end:.55rem}.quick-menu{display:none}.quick-grid{grid-template-columns:1fr 1fr;gap:.55rem}.quick-card{padding:.75rem;align-items:flex-start}.quick-icon{width:2.15rem;height:2.15rem;flex-basis:2.15rem}.kpi-strip{grid-template-columns:1fr 1fr}.hero-panel{padding:1.2rem;border-radius:18px}.page-actions{width:100%}.page-actions>.btn{flex:1 1 auto}.table td,.table th{white-space:nowrap}.form-grid,.filter-grid{grid-template-columns:1fr}.top-popover{position:fixed;inset-inline:.75rem;top:4.5rem;min-width:0}.split-grid{display:block}.split-grid>*+*{margin-top:1rem}}
@media print{.app-topbar,.app-sidebar,.sidebar-backdrop,.no-print{display:none!important}.app-shell{display:block}.app-main{max-width:none;padding:0}.hero-panel{background:#fff!important;color:#000!important;box-shadow:none;border:1px solid #ccc}.hero-panel h1,.hero-panel h2,.hero-panel p{color:#000!important}.quick-grid{display:none}.card,.stat,.kpi,.table-wrap{box-shadow:none}}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.permission-grid.compact{grid-template-columns:1fr;max-height:420px;overflow:auto;padding-inline-end:.25rem}.permission-tile{display:flex;align-items:flex-start;gap:.55rem;padding:.65rem;border:1px solid var(--app-border);border-radius:11px;background:var(--app-surface-2);cursor:pointer}.permission-tile:hover{border-color:#bdccdc}.permission-tile input{margin-top:.12rem;accent-color:var(--app-navy)}.permission-tile span{display:flex;flex-direction:column;min-width:0}.permission-tile strong{font-size:.69rem;font-weight:700}.permission-tile small{font-size:.57rem;color:var(--app-muted);word-break:break-all}.sticky-card{position:sticky;top:calc(var(--app-topbar) + 1rem)}@media(max-width:900px){.permission-grid{grid-template-columns:1fr}.sticky-card{position:static}}
.hero-plan{position:relative;z-index:2;min-width:170px;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:16px;display:flex;flex-direction:column}.hero-plan small{font-size:.62rem;color:#abc0d7;text-transform:uppercase;letter-spacing:.06em}.hero-plan strong{font-size:1.05rem;margin-top:.25rem}.hero-plan span{font-size:.63rem;color:#f3c665;margin-top:.25rem}.usage-row{padding:.75rem 0;border-bottom:1px solid var(--app-border)}.usage-row:last-child{border-bottom:0}.usage-row strong{font-size:.73rem}.usage-row small{display:block;color:var(--app-muted);font-size:.63rem;margin-top:.12rem}.usage-percent{font-size:.7rem;font-weight:800;color:var(--app-navy-2);margin-inline-start:.5rem}.usage-row .meter{margin-top:.45rem}
.status-stack{display:flex;flex-direction:column;gap:.85rem}.status-row strong{font-size:.72rem}.status-row .row-between span{font-size:.68rem;color:var(--app-muted)}
.profile-summary{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem}.profile-avatar{width:4.8rem;height:4.8rem;border-radius:22px;font-size:1.6rem;background:linear-gradient(145deg,#dfeaf6,#f6f9fc);color:var(--app-navy);box-shadow:inset 0 0 0 1px var(--app-border)}.profile-summary strong{font-size:1rem}.profile-summary small{color:var(--app-muted);font-size:.72rem}
.public-hero{padding:5.2rem 0 4.6rem;background:radial-gradient(circle at 80% 10%,rgba(217,150,20,.18),transparent 27%),linear-gradient(135deg,#0b203b,#12345c 58%,#173f70);color:#fff;overflow:hidden}.public-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr);gap:4rem;align-items:center}.public-kicker{display:inline-flex;padding:.35rem .65rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:999px;color:#f0c66e;font-size:.7rem;font-weight:700;margin-bottom:1rem}.public-hero h1{color:#fff;font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.08;font-weight:800;letter-spacing:-.045em;max-width:13ch}.public-hero p{color:#c6d6e7;max-width:62ch;font-size:1rem;line-height:1.85}.public-hero .btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.public-trust{display:flex;gap:.65rem 1rem;flex-wrap:wrap;margin-top:1.2rem;color:#9eb5cd;font-size:.66rem}.public-product-card{border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.25);overflow:hidden;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}[dir='rtl'] .public-product-card{transform:perspective(1200px) rotateY(5deg) rotateX(2deg)}.product-window-head{height:36px;display:flex;align-items:center;gap:6px;padding:0 12px;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12)}.product-window-head span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}.product-window-body{height:330px;display:grid;grid-template-columns:82px 1fr}.fake-sidebar{background:rgba(4,18,34,.45);border-inline-end:1px solid rgba(255,255,255,.08)}.fake-main{padding:22px}.fake-line{height:12px;border-radius:8px;background:rgba(255,255,255,.24)}.w60{width:60%}.fake-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.fake-kpis i{height:68px;border-radius:12px;background:rgba(255,255,255,.12)}.fake-search{height:40px;border-radius:12px;background:rgba(255,255,255,.13);margin-top:18px}.fake-table{display:grid;gap:8px;margin-top:18px}.fake-table b{height:31px;border-radius:8px;background:rgba(255,255,255,.08)}.public-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.public-feature-card{position:relative;padding:1.4rem;border:1px solid var(--app-border);border-radius:18px;background:var(--app-surface);box-shadow:var(--app-shadow);min-height:185px}.public-feature-card h3{font-size:1rem;color:var(--app-text);margin-top:.9rem}.public-feature-card p{font-size:.78rem;color:var(--app-muted);line-height:1.75;margin:0}.feature-no{font-size:.62rem;color:var(--app-accent);font-weight:800;letter-spacing:.06em}.feature-icon{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:12px;background:#edf3fa;color:var(--app-navy);font-weight:800}.public-roadmap{margin-top:1rem;padding:1rem 1.2rem;border:1px dashed var(--app-border);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.public-roadmap strong{font-size:.78rem}.public-roadmap p{font-size:.7rem;color:var(--app-muted);margin:.2rem 0 0}.section{padding:4rem 0}.section-sunken{background:var(--app-surface-2)}@media(max-width:900px){.public-hero-grid{grid-template-columns:1fr}.public-product-card{transform:none!important}.public-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.public-hero{padding:3.2rem 0}.public-hero-grid{gap:2rem}.public-product-card{display:none}.public-feature-grid{grid-template-columns:1fr}.public-roadmap{align-items:flex-start;flex-direction:column}.section{padding:2.8rem 0}}
.app-logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit;background:#fff;padding:3px}.branding-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:1.2rem}.brand-preview{min-height:220px;border-radius:18px;background:linear-gradient(145deg,var(--preview-primary),color-mix(in srgb,var(--preview-primary) 78%,#000));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;box-shadow:var(--app-shadow-lg);border-bottom:5px solid var(--preview-secondary)}.brand-preview-logo{width:72px;height:72px;border-radius:18px;background:#fff;color:var(--preview-primary);display:grid;place-items:center;font-size:1.4rem;font-weight:800;margin-bottom:.8rem;overflow:hidden}.brand-preview-logo img{width:100%;height:100%;object-fit:contain;padding:5px}.brand-preview strong{font-size:.9rem;text-align:center}.brand-preview small{font-size:.62rem;color:rgba(255,255,255,.7);margin-top:.25rem}.color-input{padding:.2rem!important;height:2.7rem}@media(max-width:700px){.branding-grid{grid-template-columns:1fr}}

/* =========================================================
   Messaging and billing
   ---------------------------------------------------------
   Only the primitives these two features genuinely need. Everything else —
   page-head, kpi-strip, table-wrap, badges, buttons — is reused, because a
   second visual language is worse than a plain one.

   Logical properties throughout, so Arabic mirrors without a single override.
   ========================================================= */

/* --- Conversation list ------------------------------------------------- */
.thread-list { display:flex; flex-direction:column; gap:.6rem; }
.thread { display:flex; gap:.9rem; align-items:flex-start; padding:.95rem 1.1rem;
  background:var(--color-surface); border:1px solid var(--color-border);
  border-radius:14px; box-shadow:var(--shadow-xs);
  transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease); }
.thread:hover { border-color:var(--color-border-strong); box-shadow:var(--shadow-sm); }
.thread-body { flex:1 1 auto; min-width:0; }
.thread-subject { font-weight:700; font-size:var(--text-base); margin:0 0 .2rem; }
.thread-subject a { color:var(--color-text-primary); text-decoration:none; }
.thread-subject a:hover { color:var(--color-text-link); }
.thread-people { font-size:var(--text-xs); color:var(--color-text-muted);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.thread-meta { display:flex; flex-direction:column; align-items:flex-end; gap:.35rem; flex:0 0 auto; }
/* An unread marker must not rely on colour alone, so the row also carries a
   heavier subject and the dot has a text label for screen readers. */
.thread.is-unread { border-inline-start:3px solid var(--color-primary); }
.thread.is-unread .thread-subject { font-weight:800; }
.unread-dot { inline-size:.5rem; block-size:.5rem; border-radius:var(--radius-full);
  background:var(--color-primary); display:inline-block; }

/* --- A message ---------------------------------------------------------- */
.msg { display:flex; gap:.85rem; padding:1rem 1.1rem; background:var(--color-surface);
  border:1px solid var(--color-border); border-radius:14px; }
.msg + .msg { margin-block-start:.6rem; }
/* The reader's own messages sit apart without being mirrored: flipping them to
   the other side breaks in RTL and adds nothing a label does not. */
.msg.is-mine { background:var(--color-primary-50); border-color:var(--color-primary-100); }
.msg-head { display:flex; justify-content:space-between; gap:.75rem; align-items:baseline; margin-block-end:.4rem; }
.msg-author { font-weight:700; font-size:var(--text-sm); }
.msg-time { font-size:var(--text-xs); color:var(--color-text-muted); }
.msg-body { margin:0; white-space:pre-wrap; line-height:var(--leading-relaxed);
  color:var(--color-text-secondary); overflow-wrap:anywhere; }
.msg-deliveries { display:flex; flex-wrap:wrap; gap:.35rem; margin-block-start:.7rem; }

.avatar-initial { inline-size:2.25rem; block-size:2.25rem; flex:0 0 2.25rem;
  border-radius:var(--radius-full); display:grid; place-items:center;
  background:var(--color-primary-100); color:var(--color-primary-800);
  font-weight:700; font-size:var(--text-sm); }
.avatar-initial.is-external { background:var(--color-secondary-100); color:var(--color-secondary-700); }

.people-chips { display:flex; flex-wrap:wrap; gap:.4rem; margin-block-end:1rem; }

/* --- Invoice document --------------------------------------------------- */
/* Styled as a document because it is one: an institution prints it and files
   it against a purchase order. */
.doc { background:var(--color-surface); border:1px solid var(--color-border);
  border-radius:16px; padding:clamp(1.1rem, 3vw, 2rem); box-shadow:var(--shadow-xs); }
.doc-head { display:flex; justify-content:space-between; gap:1rem;
  flex-wrap:wrap; padding-block-end:1.1rem; margin-block-end:1.25rem;
  border-block-end:1px solid var(--color-border); }
.doc-number { font-family:var(--font-mono); font-size:var(--text-xl); font-weight:700;
  color:var(--color-primary-900); }
.doc-meta { font-size:var(--text-sm); color:var(--color-text-muted); }
.doc-totals { display:flex; flex-direction:column; gap:.4rem; align-items:flex-end;
  margin-block-start:1.25rem; padding-block-start:1rem; border-block-start:1px solid var(--color-border); }
.doc-total-row { display:flex; gap:2.5rem; justify-content:space-between; min-inline-size:16rem; font-size:var(--text-sm); }
.doc-total-row.is-grand { font-size:var(--text-lg); font-weight:800; color:var(--color-primary-900);
  padding-block-start:.5rem; border-block-start:1px solid var(--color-border); }
.doc-note { margin-block-start:1.25rem; padding:.9rem 1rem; border-radius:12px;
  background:var(--color-info-surface); color:var(--color-text-secondary);
  font-size:var(--text-sm); line-height:var(--leading-relaxed); }

/* --- Choosing how to pay ------------------------------------------------ */
.pay-methods { display:grid; gap:.6rem; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)); }
.pay-method { display:flex; gap:.7rem; align-items:flex-start; padding:.85rem .95rem;
  border:1px solid var(--color-border); border-radius:12px; cursor:pointer;
  background:var(--color-surface); transition:border-color var(--duration) var(--ease); }
.pay-method:hover { border-color:var(--color-border-strong); }
.pay-method input { margin-block-start:.2rem; }
.pay-method-name { font-weight:700; font-size:var(--text-sm); }
.pay-method-hint { font-size:var(--text-xs); color:var(--color-text-muted); }
.pay-method:has(input:checked) { border-color:var(--color-primary); box-shadow:0 0 0 1px var(--color-primary); }
/* Keyboard users must see the same emphasis a mouse user gets. */
.pay-method:has(input:focus-visible) { outline:2px solid var(--color-border-focus); outline-offset:2px; }

@media (max-width:640px) {
  .thread { padding:.8rem .85rem; }
  .thread-meta { align-items:flex-start; flex-direction:row; }
  .doc-total-row { min-inline-size:0; gap:1.25rem; }
}

@media print {
  /* An invoice has to survive being printed: no shadows, no interactive
     controls, and totals that stay with their table. */
  .doc { border:1px solid #999; border-radius:0; box-shadow:none; padding:0; }
  .pay-methods, .msg-deliveries { display:none !important; }
  .doc-totals { break-inside:avoid; }
  .thread, .msg { box-shadow:none; }
}

[data-theme='dark'] .msg.is-mine { background:var(--app-surface-2); border-color:var(--color-border-strong); }
[data-theme='dark'] .avatar-initial { background:var(--color-primary-100); color:var(--color-primary-900); }
[data-theme='dark'] .doc-note { background:var(--app-surface-2); }

/* ---------- plans and academic providers workspace ---------- */
.workspace-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:1.55rem 1.7rem;margin-bottom:1rem;border-radius:22px;background:radial-gradient(circle at 85% 15%,rgba(217,150,20,.22),transparent 30%),linear-gradient(130deg,#0a203b,#123f70);color:#fff;box-shadow:0 18px 42px rgba(15,39,71,.16)}
.workspace-hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.workspace-hero>div{position:relative;z-index:1}.workspace-hero h1{color:#fff;font-size:1.8rem;margin:0 0 .4rem}.workspace-hero p{max-width:70ch;margin:0;color:#c9d9e9;font-size:.82rem;line-height:1.75}
.workspace-hero .hero-actions{margin:0;flex:0 0 auto}.plan-toolbar,.provider-toolbar{display:flex;align-items:end;gap:.65rem;margin:0 0 1rem}.plan-toolbar label,.provider-toolbar label{margin:0;min-width:12rem}.plan-toolbar .grow,.provider-toolbar .grow{flex:1}
.plan-grid-v2,.provider-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.plan-card-v2,.provider-card-v2{position:relative;min-width:0;padding:1.15rem;border:1px solid var(--app-border);border-radius:18px;background:var(--app-surface);box-shadow:var(--app-shadow)}
.plan-card-v2:before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;border-radius:18px 0 0 18px;background:#2f75ad}.plan-card-v2.is-disabled:before{background:#a8b2bf}
[dir='rtl'] .plan-card-v2:before{border-radius:0 18px 18px 0}.plan-card-header,.provider-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding-bottom:.9rem;border-bottom:1px solid var(--app-border)}
.plan-card-header h2,.provider-card-header h2{font-size:1rem;margin:0 0 .16rem;color:var(--app-text)}.plan-symbol,.provider-logo{width:2.55rem;height:2.55rem;flex:0 0 2.55rem;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#e8f1fb,#f8fbff);color:#174a77;font-weight:850}
.plan-description{min-height:3.1rem;margin:.9rem 0;color:var(--app-muted);font-size:.72rem;line-height:1.65}.plan-meta-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;padding:.7rem;border-radius:13px;background:var(--app-surface-2)}
.plan-meta-v2 span{text-align:center}.plan-meta-v2 b{display:block;font-size:1rem;color:var(--app-text)}.plan-meta-v2 small{display:block;font-size:.56rem;color:var(--app-muted)}
.entitlement-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.8rem 0}.entitlement-summary span{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;border:1px solid var(--app-border);border-radius:10px}
.entitlement-summary b{font-size:.62rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entitlement-summary small{font-size:.6rem;color:var(--app-muted);font-weight:750}.plan-editor>summary{width:100%;list-style:none}.plan-editor[open]>summary{background:var(--app-surface-2)}
.entitlement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.entitlement-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;padding:.65rem;border:1px solid var(--app-border);border-radius:11px;background:var(--app-surface-2)}
.entitlement-row strong,.entitlement-row small{display:block}.entitlement-row strong{font-size:.65rem}.entitlement-row small{font-size:.55rem;color:var(--app-muted)}.entitlement-row>input{width:6rem!important}.form-actions{display:flex;justify-content:flex-end}
.provider-identity{display:flex;align-items:center;gap:.7rem}.provider-status-line{display:flex;align-items:center;gap:.65rem;margin:.85rem 0;padding:.65rem .7rem;border-radius:12px;background:var(--app-surface-2)}
.provider-status-line strong,.provider-status-line small{display:block}.provider-status-line strong{font-size:.68rem}.provider-status-line small{font-size:.58rem;color:var(--app-muted);margin-top:.12rem}.status-beacon{width:.6rem;height:.6rem;border-radius:50%;background:#9aa6b2;box-shadow:0 0 0 5px rgba(154,166,178,.12)}
.provider-status-line.is-healthy .status-beacon{background:#16a266;box-shadow:0 0 0 5px rgba(22,162,102,.12)}.provider-status-line.is-failed .status-beacon{background:#d04444;box-shadow:0 0 0 5px rgba(208,68,68,.12)}
.provider-facts-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0}.provider-facts-v2 div{padding:.6rem;border:1px solid var(--app-border);border-radius:11px}.provider-facts-v2 dt{font-size:.56rem;text-transform:uppercase;letter-spacing:.04em;color:var(--app-muted)}.provider-facts-v2 dd{margin:.18rem 0 0;font-size:.7rem;font-weight:700;color:var(--app-text)}
.provider-error{margin-top:.7rem;padding:.55rem .65rem;border-radius:10px;background:var(--color-danger-surface);color:var(--color-danger);font-size:.62rem}.provider-card-footer{display:flex;justify-content:flex-end;gap:.45rem;margin-top:.85rem;padding-top:.8rem;border-top:1px solid var(--app-border)}
.harvest-layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1rem;align-items:center}.harvest-form-v2{display:flex;align-items:end;gap:.65rem}.harvest-form-v2 label{margin:0}.harvest-form-v2 .grow{flex:1}.pipeline-note{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem;border-radius:12px;background:var(--app-surface-2)}.pipeline-note strong{font-size:.68rem}.pipeline-note span{font-size:.58rem;line-height:1.55;color:var(--app-muted)}
[data-theme='dark'] .plan-symbol,[data-theme='dark'] .provider-logo{background:#182b42;color:#b7d1ea}
@media(max-width:1050px){.plan-grid-v2,.provider-grid-v2{grid-template-columns:1fr}.harvest-layout{grid-template-columns:1fr}.metric-deck.provider-metrics,.metric-deck.plan-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.workspace-hero{align-items:flex-start;flex-direction:column;padding:1.2rem}.workspace-hero .hero-actions{width:100%}.workspace-hero .hero-actions .btn{flex:1}.plan-toolbar,.provider-toolbar,.harvest-form-v2{align-items:stretch;flex-direction:column}.plan-toolbar label,.provider-toolbar label{min-width:0;width:100%}.entitlement-grid{grid-template-columns:1fr}.provider-card-header{flex-direction:column}.provider-card-footer{justify-content:stretch}.provider-card-footer>*{flex:1}.provider-card-footer .btn{width:100%}}

/* A label that only assistive technology reads. Needed because an unread dot
   carries meaning through colour and shape alone, which is not enough. */
.sr-only { position:absolute; inline-size:1px; block-size:1px; padding:0; margin:-1px;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

/* =========================================================
   EXECUTIVE COMMAND CENTER V4 — unmistakable visual upgrade
   ========================================================= */
.command-hero{position:relative;min-height:300px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:2rem;padding:2.2rem 2.4rem;border-radius:26px;background:radial-gradient(circle at 80% 15%,rgba(74,144,226,.30),transparent 26%),radial-gradient(circle at 70% 90%,rgba(217,150,20,.20),transparent 30%),linear-gradient(125deg,#07182c 0%,#0f3159 52%,#154f82 100%);box-shadow:0 28px 70px rgba(8,31,57,.22);color:#fff}.command-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}.command-copy{position:relative;z-index:2}.command-eyebrow,.section-kicker{display:block;font-size:.62rem;font-weight:800;letter-spacing:.16em;color:#e8b84f;margin-bottom:.45rem}.command-hero h1{font-size:2.25rem;color:#fff;font-weight:850;letter-spacing:-.04em;margin:0 0 .55rem}.command-hero p{max-width:68ch;color:#c7d8ea;font-size:.86rem;line-height:1.8}.btn-gold{background:linear-gradient(135deg,#f3c35a,#d99614);border-color:#e5aa2c;color:#152238;box-shadow:0 8px 22px rgba(217,150,20,.25)}.btn-glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(8px)}.command-orbit{position:relative;height:230px;z-index:2}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;inset:50%;transform:translate(-50%,-50%)}.ring-a{width:205px;height:205px}.ring-b{width:145px;height:145px;border-style:dashed}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 50px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.orbit-core span{font-size:1.5rem;font-weight:900}.orbit-core small{position:absolute;bottom:12px;font-size:.5rem;color:#78e3a5;letter-spacing:.12em}.orbit-node{position:absolute;min-width:66px;padding:.55rem .65rem;border-radius:13px;background:rgba(5,22,41,.72);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 24px rgba(0,0,0,.18);font-size:.8rem;font-weight:800;text-align:center;backdrop-filter:blur(10px)}.orbit-node small{display:block;font-size:.48rem;letter-spacing:.1em;color:#91abc5;margin-top:.1rem}.node-a{left:4%;top:16%}.node-b{right:0;top:32%}.node-c{left:15%;bottom:4%}.metric-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin:1rem 0 1.5rem}.metric-card{position:relative;overflow:hidden;padding:1.15rem 1.2rem;border:1px solid var(--app-border);border-radius:18px;background:var(--app-surface);box-shadow:var(--app-shadow);transition:.18s ease}.metric-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(15,39,71,.09)}.metric-card:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;bottom:-55px;background:var(--metric-soft)}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:.55rem;font-weight:800;letter-spacing:.08em;color:var(--app-muted)}.metric-icon{width:2.2rem;height:2.2rem;border-radius:11px;display:grid;place-items:center;background:var(--metric-soft);color:var(--metric)}.metric-card>strong{display:block;font-size:2rem;line-height:1.1;margin:.8rem 0 .2rem;color:var(--app-text);font-weight:850}.metric-card p{font-size:.72rem;color:var(--app-muted);margin:0}.metric-foot{display:block;margin-top:.65rem;font-size:.6rem;font-weight:700;color:var(--metric)}.metric-blue{--metric:#2563eb;--metric-soft:#eaf1ff}.metric-violet{--metric:#7c3aed;--metric-soft:#f1eafe}.metric-emerald{--metric:#07875b;--metric-soft:#e7f8f1}.metric-amber{--metric:#c97908;--metric-soft:#fff4dc}.live-dot{color:#07875b}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:1rem}.section-head>div h2,.card-title-row h2{font-size:1.05rem;margin:0;color:var(--app-text)}.section-head a,.card-title-row a{font-size:.68rem;font-weight:700}.action-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.action-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:1rem 1.05rem;border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface);color:var(--app-text);box-shadow:var(--app-shadow);transition:.18s ease}.action-tile:hover{transform:translateY(-2px);border-color:#b9cbe0;box-shadow:0 14px 30px rgba(15,39,71,.08);text-decoration:none}.tile-icon{width:2.7rem;height:2.7rem;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#e9f1fb,#f7faff);color:#17456f;font-weight:900}.action-tile strong{display:block;font-size:.78rem}.action-tile small{display:block;font-size:.6rem;color:var(--app-muted);margin-top:.18rem;line-height:1.45}.action-tile>b{font-size:1rem;color:#8da2ba}.glass-card{padding:1.2rem;border:1px solid var(--app-border);border-radius:19px;background:color-mix(in srgb,var(--app-surface) 94%,transparent);box-shadow:var(--app-shadow)}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.9rem;margin-bottom:.8rem;border-bottom:1px solid var(--app-border)}.status-chip{padding:.28rem .55rem;border-radius:999px;background:var(--app-surface-2);color:var(--app-muted);font-size:.62rem;font-weight:700}.status-visual{display:grid;gap:.85rem}.status-name{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:.35rem}.status-name strong{font-weight:700}.status-name span{color:var(--app-muted)}.status-track{height:7px;background:var(--app-surface-2);border-radius:999px;overflow:hidden}.status-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1e5d93,#43a0c7);box-shadow:0 0 12px rgba(67,160,199,.25)}.activity-timeline{display:grid}.activity-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;padding:.72rem 0;border-bottom:1px solid var(--app-border);align-items:start}.activity-item:last-child{border-bottom:0}.activity-dot{width:.55rem;height:.55rem;margin-top:.3rem;border-radius:50%;background:#3d78ad;box-shadow:0 0 0 4px #edf4fb}.activity-item strong{display:block;font-size:.69rem}.activity-item small,.activity-item time{font-size:.57rem;color:var(--app-muted)}.system-card{overflow:hidden;border-radius:19px;background:linear-gradient(145deg,#0d2848,#123a65);color:#fff;box-shadow:0 18px 36px rgba(15,39,71,.15)}.system-head,.system-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.85rem 1rem}.system-head{border-bottom:1px solid rgba(255,255,255,.1)}.system-head strong{margin-right:auto;font-size:.76rem}.system-head>span:last-child{font-size:.58rem;color:#78e3a5}.pulse{width:.55rem;height:.55rem;border-radius:50%;background:#48d68a;box-shadow:0 0 0 5px rgba(72,214,138,.12)}.system-row{font-size:.66rem;color:#c4d5e7;border-bottom:1px solid rgba(255,255,255,.07)}.system-row:last-child{border-bottom:0}.system-row b{color:#fff;font-size:.72rem}.is-danger{color:#ff8d8d!important}
[data-theme='dark'] .metric-blue{--metric-soft:#142b52}[data-theme='dark'] .metric-violet{--metric-soft:#2a1e45}[data-theme='dark'] .metric-emerald{--metric-soft:#12372d}[data-theme='dark'] .metric-amber{--metric-soft:#3b2c16}[data-theme='dark'] .tile-icon{background:#182a40;color:#a9c8e8}[data-theme='dark'] .activity-dot{box-shadow:0 0 0 4px #172235}
@media(max-width:1180px){.command-hero{grid-template-columns:1fr 300px}.metric-deck{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-sidecol{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dashboard-sidecol .mt-6{margin-top:0}}
@media(max-width:760px){.command-hero{grid-template-columns:1fr;padding:1.5rem}.command-orbit{display:none}.command-hero h1{font-size:1.75rem}.metric-deck{grid-template-columns:1fr 1fr}.action-deck{grid-template-columns:1fr}.dashboard-sidecol{display:block}.dashboard-sidecol .mt-6{margin-top:1rem}}
@media(max-width:480px){.metric-deck{grid-template-columns:1fr}.command-hero{border-radius:20px}.hero-actions .btn{width:100%}}

/* =========================================================
   PREMIUM V5 — public access + research discovery workspace
   ========================================================= */
.public-hero-v5{position:relative;overflow:hidden;background:
 radial-gradient(circle at 82% 18%,rgb(49 130 206/.28),transparent 32%),
 radial-gradient(circle at 12% 88%,rgb(217 150 20/.18),transparent 28%),
 linear-gradient(135deg,#06172d 0%,#0b2c51 55%,#123b68 100%);color:#fff;padding:6rem 0 5.5rem}
.public-hero-v5:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255/.035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}
.public-hero-grid-v5{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) minmax(34rem,.95fr);gap:4rem;align-items:center}
.hero-copy-v5 h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1.05;letter-spacing:-.045em;max-width:13ch;margin:1rem 0 1.35rem;color:#fff}
.hero-copy-v5>p{font-size:1.12rem;line-height:1.95;color:#cfdaea;max-width:44rem}.hero-badge-row,.hero-actions-v5,.public-trust-v5{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.hero-live{font-size:.74rem;letter-spacing:.08em;font-weight:800;background:rgb(255 255 255/.08);border:1px solid rgb(255 255 255/.12);border-radius:999px;padding:.45rem .7rem;color:#dbe7f5}.hero-live i{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#49d18b;margin-inline-end:.35rem;box-shadow:0 0 0 5px rgb(73 209 139/.12)}
.hero-actions-v5{margin-top:2rem}.btn-glass-dark{background:rgb(255 255 255/.08);border:1px solid rgb(255 255 255/.16);color:#fff}.btn-glass-dark:hover{background:rgb(255 255 255/.14);color:#fff}
.public-trust-v5{margin-top:2.3rem;border-top:1px solid rgb(255 255 255/.12);padding-top:1.4rem}.public-trust-v5 span{display:flex;gap:.45rem;align-items:center;color:#c9d6e8;font-size:.82rem}.public-trust-v5 b{font-size:.66rem;color:#f4bc52}
.research-console-preview{background:#eef4fb;border:1px solid rgb(255 255 255/.28);border-radius:1.35rem;box-shadow:0 28px 70px rgb(0 0 0/.38);overflow:hidden;transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}
[dir=rtl] .research-console-preview{transform:perspective(1000px) rotateY(2deg) rotateX(1deg)}
.console-bar{height:2.8rem;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;color:#36516f;font-size:.72rem}.console-bar div{display:flex;gap:.34rem}.console-bar i{width:.55rem;height:.55rem;border-radius:50%;background:#dbe4ee}.console-bar b{font-size:.62rem;color:#0d8a58;background:#e4f8ef;padding:.2rem .45rem;border-radius:999px}
.console-body{display:grid;grid-template-columns:3.8rem 1fr;min-height:24rem}.console-body aside{background:#071b32;padding:.9rem .6rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}.console-body aside strong{display:grid;place-items:center;width:2.3rem;height:2.3rem;background:#d99614;color:#071b32;border-radius:.7rem}.console-body aside span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.55rem;color:#9fb1c7}.console-body aside .active{background:#153a60;color:#fff}
.console-main{padding:1.1rem;color:#0c223b}.console-heading{display:flex;justify-content:space-between;align-items:center}.console-heading small{display:block;font-size:.56rem;letter-spacing:.12em;color:#7890aa}.console-heading strong{font-size:.95rem}.console-heading>span{font-size:.62rem;background:#0c3158;color:#fff;padding:.45rem .55rem;border-radius:.45rem}.console-search{margin:1rem 0;background:#fff;border:1px solid #d9e3ed;border-radius:.7rem;padding:.75rem;display:flex;align-items:center;gap:.55rem;color:#7890aa;font-size:.68rem}.console-search span{flex:1}.console-search kbd{background:#edf2f7;border-radius:.3rem;padding:.18rem .35rem}.console-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.console-kpis article{background:#fff;border:1px solid #dce5ee;border-radius:.65rem;padding:.7rem}.console-kpis small{display:block;color:#8799ac;font-size:.52rem}.console-kpis b{font-size:.8rem}.console-kpis i{display:block;height:3px;background:linear-gradient(90deg,#1d70b8,#67c2ff);margin-top:.6rem;border-radius:3px}.console-content{display:grid;grid-template-columns:1.25fr .75fr;gap:.65rem;margin-top:.7rem}.console-chart,.console-feed{height:9rem;background:#fff;border:1px solid #dce5ee;border-radius:.65rem;padding:.8rem}.console-chart{display:flex;gap:.38rem;align-items:end}.console-chart span{flex:1;border-radius:.2rem .2rem 0 0;background:linear-gradient(#4f96d5,#c7dcef)}.console-chart span:nth-child(1){height:38%}.console-chart span:nth-child(2){height:58%}.console-chart span:nth-child(3){height:48%}.console-chart span:nth-child(4){height:78%}.console-chart span:nth-child(5){height:67%}.console-chart span:nth-child(6){height:92%}.console-feed{display:flex;flex-direction:column;gap:.65rem}.console-feed b{height:1.15rem;background:#edf2f7;border-radius:.28rem}
.section-intro-v5{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-intro-v5 h2{font-size:clamp(1.8rem,3vw,2.7rem);max-width:18ch}.section-intro-v5>p{max-width:35rem;color:var(--color-text-muted);line-height:1.9}
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pillar-card{position:relative;min-height:18rem;padding:1.7rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.1rem;overflow:hidden;transition:.2s ease}.pillar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#b9cce1}.pillar-card>span{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.85rem;background:#eaf2fb;color:#123e69;font-size:1.45rem}.pillar-card>small{display:block;margin-top:2rem;font-size:.64rem;letter-spacing:.14em;font-weight:800;color:#7b90a7}.pillar-card h3{margin:.45rem 0;font-size:1.15rem}.pillar-card p{color:var(--color-text-muted);font-size:.87rem;line-height:1.75}.pillar-tags{position:absolute;inset-inline:1.7rem;bottom:1.45rem;display:flex;gap:.35rem;flex-wrap:wrap}.pillar-tags b{font-size:.64rem;font-weight:700;background:var(--color-background);border:1px solid var(--color-border);border-radius:999px;padding:.3rem .5rem}
.module-map{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.module-map article{display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.8rem}.module-map article>span{display:grid;place-items:center;width:2.6rem;height:2.6rem;background:#edf4fb;border-radius:.7rem;color:#173f66}.module-map article div{flex:1}.module-map article strong,.module-map article small{display:block}.module-map article small{margin-top:.15rem;color:var(--color-text-muted);font-size:.74rem}.module-map article i{font-style:normal;color:#91a3b5}.cta-panel-v5{background:linear-gradient(135deg,#071b32,#123d68);border-radius:1.4rem;padding:2.6rem 3rem;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:0 20px 50px rgb(9 30 52/.2)}.cta-panel-v5 h2{color:#fff;font-size:2rem;margin:.45rem 0}.cta-panel-v5 p{color:#c7d4e5}.cta-actions{display:flex;gap:.7rem;flex-wrap:wrap}

/* Access chooser */
.access-shell{min-height:calc(100vh - 9rem);padding:4.5rem 0 5rem;background:radial-gradient(circle at 85% 12%,#eaf3fd 0,transparent 30%),linear-gradient(180deg,#f7fafd,#edf3f9)}
.access-heading{text-align:center;max-width:46rem;margin:0 auto 2.1rem}.access-heading h1{font-size:clamp(2rem,4vw,3.2rem);margin:.6rem 0}.access-heading p{color:#6b7e93;font-size:1rem}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;max-width:67rem;margin:auto}.access-card{background:#fff;border:1px solid #dce6f0;border-radius:1.3rem;padding:2rem;box-shadow:0 18px 45px rgb(29 55 84/.08);display:flex;flex-direction:column;gap:1.3rem}.access-card-platform{background:linear-gradient(145deg,#071b32,#123b64);color:#fff;border-color:#183f67}.access-card-platform h2{color:#fff}.access-card-platform p{color:#bfd0e2}.access-card-icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:1rem;background:#eef4fb;font-size:1.5rem}.access-card-platform .access-card-icon{background:rgb(255 255 255/.09)}.access-role{font-size:.66rem;letter-spacing:.14em;font-weight:800;color:#59718d}.access-card-platform .access-role{color:#e8b74f}.access-card h2{font-size:1.45rem;margin:.25rem 0}.access-form{margin-top:auto}.platform-access-features{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:auto 0}.platform-access-features span{font-size:.78rem;background:rgb(255 255 255/.06);border:1px solid rgb(255 255 255/.08);padding:.7rem;border-radius:.6rem;color:#d6e1ed}.access-security-strip{max-width:67rem;margin:1rem auto 0;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;color:#65798f;font-size:.74rem}.access-security-strip span{background:rgb(255 255 255/.7);border:1px solid #dce6f0;border-radius:999px;padding:.45rem .65rem}

/* Research discovery */
.research-hero{display:flex;justify-content:space-between;gap:2rem;align-items:end;background:linear-gradient(135deg,#071b32,#123d68);color:#fff;border-radius:1.25rem;padding:2rem 2.2rem;margin-bottom:1rem;box-shadow:0 16px 38px rgb(10 35 61/.16)}.research-hero h1{color:#fff;font-size:clamp(2rem,3vw,3rem);margin:.35rem 0}.research-hero p{color:#c9d7e6;margin:0}.research-index-pulse{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;min-width:31rem}.research-index-pulse article{background:rgb(255 255 255/.07);border:1px solid rgb(255 255 255/.1);border-radius:.8rem;padding:.8rem 1rem}.research-index-pulse small,.research-index-pulse span{display:block}.research-index-pulse small{font-size:.58rem;letter-spacing:.12em;color:#8eb0d2}.research-index-pulse strong{display:block;font-size:1.15rem;margin:.25rem 0}.research-index-pulse span{font-size:.63rem;color:#b7c8da}
.research-search-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1rem;margin-bottom:1.4rem;box-shadow:0 10px 30px rgb(27 55 83/.06)}.research-search-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;border:1px solid #cbd9e7;background:var(--color-background);border-radius:.85rem;padding:.45rem}.research-search-main input{border:0;outline:0;background:transparent;font:inherit;font-size:1rem;color:var(--color-text);min-height:2.7rem;width:100%}.search-glyph{font-size:1.4rem;color:#56728e;margin-inline-start:.45rem}.quick-filter-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding-top:.8rem}.filter-chip,.search-mode-chip{border:1px solid var(--color-border);background:var(--color-background);border-radius:999px;padding:.4rem .65rem;font-size:.72rem;color:var(--color-text-muted)}.filter-chip:hover{border-color:#9fb7d0;color:var(--color-primary-700)}.filter-chip-button{font:inherit;cursor:pointer}.search-mode-chip{margin-inline-start:auto;background:#edf5ff;color:#23598c}.advanced-filter-panel{border-top:1px solid var(--color-border);margin-top:.8rem;padding-top:1rem}.advanced-filter-panel[hidden]{display:none!important}
.results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.results-toolbar>div strong,.results-toolbar>div span{display:block}.results-toolbar>div span{font-size:.8rem;color:var(--color-text-muted);margin-top:.2rem}.save-search-inline{display:flex;gap:.45rem}.save-search-inline .input{width:15rem}.research-results-layout{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:1rem}.results-side{position:relative}.results-side .glass-card{position:sticky;top:6rem}.results-side a{display:block;padding:.7rem 0;border-bottom:1px solid var(--color-border);font-size:.82rem}.results-side a:last-child{border-bottom:0}
.research-work-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.25rem 1.35rem;transition:.18s ease}.research-work-card:hover{border-color:#b3c7dc;box-shadow:0 12px 28px rgb(27 55 83/.07);transform:translateY(-1px)}.work-meta-top{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-size:.67rem;color:var(--color-text-muted)}.work-type,.oa-chip,.danger-chip{font-size:.6rem;font-weight:800;letter-spacing:.06em;border-radius:999px;padding:.25rem .45rem}.work-type{background:#edf2f7;color:#516579}.oa-chip{background:#e5f8ef;color:#14744d}.danger-chip{background:#feecec;color:#a62f2f}.research-work-card h3{font-size:1.08rem;line-height:1.55;margin:.55rem 0 .35rem}.research-work-card h3 a{color:var(--color-text)}.research-work-card h3 a:hover{color:var(--color-primary-700)}.work-authors,.work-venue,.work-abstract{font-size:.79rem}.work-authors,.work-venue{color:#657b91}.work-abstract{color:var(--color-text-muted);line-height:1.8;margin:.7rem 0}.work-footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--color-border);padding-top:.7rem;margin-top:.75rem}.work-signals{display:flex;gap:.7rem;flex-wrap:wrap;font-size:.67rem;color:#6b8196}.work-open{font-size:.72rem;font-weight:800}.icon-action{border:1px solid var(--color-border);background:var(--color-background);width:2.2rem;height:2.2rem;border-radius:.65rem;cursor:pointer;font-size:1rem;color:#71879d}.icon-action.active{color:#d49616;background:#fff8e7;border-color:#edd59e}
.research-discovery-grid{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:1rem}.discovery-side{display:flex;flex-direction:column;gap:1rem}.ranking-card h2{font-size:1.1rem;margin:.3rem 0 .7rem}.rank-item{display:grid;grid-template-columns:1.8rem 1fr;gap:.6rem;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.rank-item:last-child{border-bottom:0}.rank-item>b{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:.5rem;background:#edf4fb;color:#2a5f91;font-size:.72rem}.rank-item strong,.rank-item small{display:block}.rank-item strong{font-size:.76rem;line-height:1.5;color:var(--color-text)}.rank-item small{font-size:.64rem;color:var(--color-text-muted);margin-top:.15rem}.research-shortcuts>a{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--color-border)}.research-shortcuts>a:last-child{border-bottom:0}.research-shortcuts strong,.research-shortcuts small{display:block}.research-shortcuts strong{font-size:.78rem}.research-shortcuts small{font-size:.64rem;color:var(--color-text-muted)}

@media(max-width:1050px){.public-hero-grid-v5{grid-template-columns:1fr}.research-console-preview{max-width:45rem}.pillar-grid{grid-template-columns:repeat(2,1fr)}.module-map{grid-template-columns:repeat(2,1fr)}.research-hero{align-items:stretch;flex-direction:column}.research-index-pulse{min-width:0}.research-discovery-grid,.research-results-layout{grid-template-columns:1fr}.results-side .glass-card{position:static}.access-grid{grid-template-columns:1fr;max-width:40rem}}
@media(max-width:720px){.public-hero-v5{padding:4rem 0}.hero-copy-v5 h1{font-size:2.5rem}.console-body{grid-template-columns:3rem 1fr}.console-kpis{grid-template-columns:1fr}.console-kpis article:nth-child(n+2){display:none}.console-content{grid-template-columns:1fr}.console-feed{display:none}.pillar-grid,.module-map,.research-index-pulse{grid-template-columns:1fr}.section-intro-v5,.cta-panel-v5,.results-toolbar{align-items:stretch;flex-direction:column}.research-search-main{grid-template-columns:auto 1fr}.research-search-main .btn{grid-column:1/-1}.save-search-inline{width:100%;flex-direction:column}.save-search-inline .input{width:100%}.research-hero{padding:1.4rem}.access-shell{padding-top:2rem}.access-card{padding:1.3rem}.platform-access-features{grid-template-columns:1fr}}

/* ===== Premium V6 control-center additions ===== */
.page-tabs{display:flex;gap:.35rem;align-items:center;overflow:auto;padding:.35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.9rem;margin:0 0 1.25rem;box-shadow:var(--shadow-xs)}
.page-tabs a{white-space:nowrap;padding:.65rem .9rem;border-radius:.65rem;color:var(--color-text-secondary);font-size:.78rem;font-weight:700}.page-tabs a:hover{background:var(--color-surface-sunken);text-decoration:none}.page-tabs a.active{background:var(--app-navy,var(--color-primary-800));color:#fff}
.settings-tabs{position:sticky;top:4.35rem;z-index:20}.settings-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);gap:1rem}.settings-grid>.card:only-child{grid-column:1/-1}.settings-savebar{position:sticky;bottom:1rem;z-index:25;margin-top:1rem;padding:.85rem 1rem;border-radius:.9rem;background:rgb(9 30 52/.94);backdrop-filter:blur(12px);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 12px 38px rgb(7 27 50/.25)}.settings-savebar strong,.settings-savebar small{display:block}.settings-savebar small{color:#b8c9db;font-size:.7rem;margin-top:.15rem}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-background)}.switch-row strong,.switch-row small{display:block}.switch-row small{font-size:.72rem;color:var(--color-text-muted);margin-top:.2rem}.switch-row input[type=checkbox]{width:2.8rem;height:1.45rem;accent-color:var(--app-navy,var(--color-primary-700))}
.brand-preview{display:flex;align-items:center;gap:1rem;padding:1.1rem;border-radius:1rem;background:linear-gradient(135deg,var(--preview-primary),color-mix(in srgb,var(--preview-primary),#fff 18%));color:#fff;border-bottom:4px solid var(--preview-accent)}.brand-preview-logo{width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:.8rem;background:rgb(255 255 255/.12);font-weight:900;overflow:hidden}.brand-preview-logo img{width:100%;height:100%;object-fit:contain}.brand-preview strong,.brand-preview small{display:block}.brand-preview small{color:rgb(255 255 255/.7);font-size:.75rem;margin-top:.2rem}
.security-callout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;background:#f4f8fc;border:1px solid #d9e5f0;border-radius:.9rem}.security-callout>span{display:grid;place-items:center;width:2.7rem;height:2.7rem;background:#e6f0fa;border-radius:.7rem;color:#184d7c}.security-callout p{margin:0;color:#687f95;font-size:.75rem}
.system-settings-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.system-settings-list>div{padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem}.system-settings-list span,.system-settings-list strong{display:block}.system-settings-list span{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.system-settings-list strong{margin-top:.3rem}
.integration-list{display:flex;flex-direction:column}.integration-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.85rem 0;border-bottom:1px solid var(--color-border)}.integration-row:last-child{border-bottom:0}.integration-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;background:#edf4fb;color:#225a8d;border-radius:.65rem;font-size:.68rem;font-weight:900}.integration-row strong,.integration-row small{display:block}.integration-row small{font-size:.68rem;color:var(--color-text-muted);margin-top:.15rem}
.preview-box{background:var(--color-background);border:1px dashed var(--color-border-strong);border-radius:.8rem;padding:1rem}.preview-box span small,.preview-box span b{display:block}.preview-box span small{color:var(--color-text-muted);font-size:.65rem}.gateway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.gateway-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.85rem}.gateway-grid article>span{font-size:1.35rem}.gateway-grid strong,.gateway-grid small{display:block}.gateway-grid small{font-size:.68rem;color:var(--color-text-muted);margin-top:.15rem}
.integration-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.integration-health-grid article{position:relative;background:linear-gradient(180deg,var(--color-surface),#f7fafc);border:1px solid var(--color-border);border-radius:1rem;padding:1.2rem}.integration-health-grid .big-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;background:#eaf2fb;color:#1b4e7e;border-radius:.75rem;font-weight:900}.integration-health-grid strong,.integration-health-grid small{display:block}.integration-health-grid strong{margin-top:.8rem}.integration-health-grid small{font-size:.7rem;color:var(--color-text-muted);margin:.2rem 0 .7rem}.api-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#071b32,#123d68);color:#fff;border-radius:.9rem;padding:1.1rem 1.2rem}.api-banner code{display:block;color:#fff;font-size:.9rem;margin:.25rem 0}.api-banner p{color:#bcd0e4;font-size:.72rem;margin:0}.api-version{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.8rem;background:rgb(255 255 255/.1);font-weight:900;color:#edbc59}
.business-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.business-metrics article{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.9rem;padding:1rem}.business-metrics article>span{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.75rem;background:#edf4fb;color:#1d5a91;font-weight:900}.business-metrics small,.business-metrics strong,.business-metrics em{display:block}.business-metrics small{font-size:.62rem;color:var(--color-text-muted);text-transform:uppercase}.business-metrics strong{font-size:.95rem;margin:.2rem 0}.business-metrics em{font-style:normal;font-size:.62rem;color:#73889c}.money small{font-size:.6em;color:var(--color-text-muted)}
.table-actions{display:flex;align-items:center;gap:.3rem}.action-btn{display:grid!important;place-items:center;width:2rem;height:2rem;padding:0!important;border:1px solid var(--color-border)!important;border-radius:.55rem;background:var(--color-surface);color:var(--color-text-secondary);font-weight:800;cursor:pointer}.action-btn:hover{background:var(--color-primary-50);color:var(--color-primary-700);text-decoration:none}.action-menu{position:relative}.action-menu summary{list-style:none}.action-menu summary::-webkit-details-marker{display:none}.action-menu>div{position:absolute;z-index:30;inset-inline-end:0;top:2.35rem;min-width:10rem;padding:.35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.65rem;box-shadow:var(--shadow-md)}.action-menu>div a{display:block;padding:.55rem .65rem;border-radius:.45rem;font-size:.75rem}.action-menu>div a:hover{background:var(--color-surface-sunken);text-decoration:none}
.app-logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
@media(max-width:1050px){.settings-grid{grid-template-columns:1fr}.integration-health-grid,.business-metrics{grid-template-columns:repeat(2,1fr)}.gateway-grid{grid-template-columns:1fr}.system-settings-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.integration-health-grid,.business-metrics,.system-settings-list{grid-template-columns:1fr}.settings-savebar{bottom:.5rem}.security-callout{grid-template-columns:1fr}.page-tabs{border-radius:.7rem}}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.analytics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.analytics-stat{position:relative;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.9rem;padding:1rem}.analytics-stat small,.analytics-stat strong,.analytics-stat span{display:block}.analytics-stat small{font-size:.66rem;color:var(--color-text-muted);min-height:2.1em}.analytics-stat strong{font-size:1.45rem;margin:.3rem 0;color:var(--color-primary-900)}.analytics-stat span{font-size:.55rem;letter-spacing:.1em;color:#7a91a8;font-weight:800}.analytics-stat:after{content:"";position:absolute;inset-inline-end:-1rem;bottom:-1.3rem;width:4rem;height:4rem;border-radius:50%;background:#eaf2fb}.ratio-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.ratio-row strong,.ratio-row span{display:block}.ratio-row strong{font-size:1.35rem}.ratio-row span{font-size:.66rem;color:var(--color-text-muted)}.ratio-track{height:.55rem;border-radius:99px;background:#e9eef3;overflow:hidden}.ratio-track i{display:block;height:100%;background:linear-gradient(90deg,#1f6eaa,#39a276);border-radius:inherit}.money-track i{background:linear-gradient(90deg,#d79a1b,#42a267)}.report-links{display:flex;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--color-border);padding-top:1rem;margin-top:1rem;font-size:.75rem}.report-big{font-size:2rem;color:var(--color-primary-800)}
@media(max-width:1100px){.analytics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.analytics-grid{grid-template-columns:repeat(2,1fr)}.ratio-row{grid-template-columns:1fr}.analytics-stat:last-child{grid-column:1/-1}}


/* === PREMIUM V7: operational depth, dense data views, action systems === */
.kpi-6{grid-template-columns:repeat(6,minmax(0,1fr))}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.plan-card,.provider-card,.quality-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:16px;box-shadow:var(--app-shadow);padding:1.15rem}.plan-card-head,.provider-facts,.identity-cell,.channel-picker,.harvest-form{display:flex;align-items:center;gap:.75rem}.plan-card-head{justify-content:space-between}.plan-card h3,.provider-card h3{margin:0}.plan-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.plan-meta span{background:var(--app-surface-2);border-radius:10px;padding:.65rem;display:flex;flex-direction:column}.plan-meta b{font-size:1.1rem}.plan-meta small{color:var(--app-muted)}.plan-editor>summary{display:inline-flex}.entitlement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.entitlement-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,.55fr) auto;gap:.6rem;align-items:center;padding:.65rem .75rem;background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:11px}.entitlement-row div{display:flex;flex-direction:column}.entitlement-row small{color:var(--app-muted);font-family:ui-monospace,monospace}.check-inline{display:flex;align-items:center;gap:.4rem;font-size:.72rem}.link-button{border:0;background:none;display:block;width:100%;text-align:start;padding:.45rem .3rem;color:var(--app-text);cursor:pointer}.danger-text{color:var(--app-danger)!important}.avatar-sm{width:2rem;height:2rem;border-radius:10px;background:#e8f0fa;color:var(--app-navy);display:grid;place-items:center;font-weight:800}.identity-cell div{display:flex;flex-direction:column}.identity-cell small{color:var(--app-muted)}.block{display:block}.role-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.role-matrix article{border:1px solid var(--app-border);border-radius:13px;padding:1rem}.permission-cloud{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.permission-cloud span{font-size:.66rem;padding:.3rem .5rem;border-radius:999px;background:var(--app-surface-2);border:1px solid var(--app-border)}.quality-card{display:flex;flex-direction:column;gap:.55rem}.quality-card>span{font-size:.72rem;color:var(--app-muted);font-weight:700}.quality-card strong{font-size:1.65rem}.chart-list{display:flex;flex-direction:column;gap:.9rem}.bar-track{height:.55rem;background:var(--app-surface-2);border-radius:999px;overflow:hidden;margin-top:.35rem}.bar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--app-navy),#4678ad);border-radius:999px}.bar-track.alt span{background:linear-gradient(90deg,var(--app-accent),#f2bd4c)}.rank-list{display:flex;flex-direction:column}.rank-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--app-border)}.rank-row:last-child{border-bottom:0}.rank{width:1.8rem;height:1.8rem;border-radius:9px;background:var(--app-surface-2);display:grid;place-items:center;font-weight:800}.rank-row div{display:flex;flex-direction:column;min-width:0}.rank-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row small{color:var(--app-muted)}.work-cell{min-width:400px}.work-cell>strong{display:block;max-width:640px}.work-cell>small{display:block;color:var(--app-muted);margin:.25rem 0}.id-row{display:flex;gap:.3rem;flex-wrap:wrap}.id-row code{font-size:.62rem;background:var(--app-surface-2);padding:.2rem .35rem;border-radius:5px}.abstract-preview{max-width:320px;line-height:1.45}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.provider-card{display:flex;gap:1rem}.provider-logo{width:3rem;height:3rem;border-radius:14px;background:linear-gradient(135deg,var(--app-navy),#2d5c8f);color:#fff;display:grid;place-items:center;font-weight:800}.provider-main{flex:1}.provider-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1rem}.provider-facts span{display:flex;flex-direction:column;border-inline-end:1px solid var(--app-border);padding-inline:.65rem}.provider-facts span:last-child{border:0}.provider-facts small{color:var(--app-muted);font-size:.62rem}.provider-facts b{font-size:.73rem}.harvest-form{align-items:end}.harvest-form label{display:flex;flex-direction:column;gap:.35rem}.grow{flex:1}.callout{display:flex;gap:.7rem;padding:.75rem 1rem;border-radius:11px;background:#eef6ff;border:1px solid #d5e6fa;font-size:.74rem}.channel-picker{display:grid;grid-template-columns:repeat(3,1fr)}.channel-picker label{display:flex;align-items:center;gap:.65rem;border:1px solid var(--app-border);border-radius:12px;padding:.85rem;background:var(--app-surface-2)}.channel-picker span{display:flex;flex-direction:column}.channel-picker small{color:var(--app-muted)}.campaign-mini-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--app-border)}.campaign-mini-list>div:last-child{border:0}.campaign-mini-list div div{display:flex;flex-direction:column}.status-dot{width:.55rem;height:.55rem;border-radius:999px;background:#94a3b8}.status-dot.success{background:#22a06b}.token-reveal{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.token-reveal code{font-size:.82rem;word-break:break-all}.scope-picker{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.scope-picker label{border:1px solid var(--app-border);padding:.65rem;border-radius:10px}.security-points{display:flex;flex-direction:column;gap:.8rem}.security-points>div{display:grid;grid-template-columns:auto 1fr;gap:.7rem}.security-points>div>span{width:2rem;height:2rem;border-radius:10px;background:var(--app-surface-2);display:grid;place-items:center;font-weight:800}.security-points p{display:flex;flex-direction:column;margin:0}.security-points small{color:var(--app-muted)}
@media(max-width:1200px){.kpi-6{grid-template-columns:repeat(3,1fr)}.provider-facts{grid-template-columns:repeat(2,1fr)}.role-matrix{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.plan-grid,.provider-grid,.role-matrix,.entitlement-grid{grid-template-columns:1fr}.kpi-6{grid-template-columns:repeat(2,1fr)}.provider-card{flex-direction:column}.channel-picker{grid-template-columns:1fr}.harvest-form{flex-direction:column;align-items:stretch}.entitlement-row{grid-template-columns:1fr}.work-cell{min-width:280px}}

/* Academic providers v2: isolate the new card from the legacy provider-card rules. */
.provider-grid-v2{align-items:stretch}
.provider-grid-v2 .provider-card-v2{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto auto auto;
    align-content:start;
    gap:0;
    min-width:0;
}
.provider-grid-v2 .provider-card-header{min-width:0}
.provider-grid-v2 .provider-identity{min-width:0;flex:1}
.provider-grid-v2 .provider-identity>div{min-width:0}
.provider-grid-v2 .provider-identity h2,
.provider-grid-v2 .provider-identity code{overflow-wrap:anywhere}
.provider-grid-v2 .provider-logo{
    width:2.55rem;
    height:2.55rem;
    flex:0 0 2.55rem;
    border-radius:12px;
    background:linear-gradient(145deg,#e8f1fb,#f8fbff);
    color:#174a77;
}
.provider-grid-v2 .provider-card-header>.row{flex-wrap:wrap;justify-content:flex-end}
.provider-grid-v2 .provider-status-line{min-width:0}
.provider-grid-v2 .provider-status-line>div{min-width:0}
.provider-grid-v2 .provider-status-line strong,
.provider-grid-v2 .provider-status-line small{overflow-wrap:anywhere}
.provider-grid-v2 .provider-facts-v2{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:100%;
}
.provider-grid-v2 .provider-facts-v2>div{min-width:0}
.provider-grid-v2 .provider-facts-v2 dd{overflow-wrap:anywhere}
.provider-grid-v2 .provider-card-footer{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    width:100%;
}
.provider-grid-v2 .provider-card-footer form{margin:0}
.provider-grid-v2 .provider-card-footer .btn{white-space:nowrap}
[data-theme='dark'] .provider-grid-v2 .provider-logo{background:#182b42;color:#b7d1ea}

@media(max-width:1450px){
    .provider-grid-v2 .provider-facts-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1180px){
    .provider-grid-v2{grid-template-columns:1fr}
    .provider-grid-v2 .provider-facts-v2{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
    .provider-grid-v2 .provider-card-header{align-items:stretch}
    .provider-grid-v2 .provider-card-header>.row{justify-content:flex-start}
    .provider-grid-v2 .provider-facts-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .provider-grid-v2 .provider-card-footer>*{flex:1 1 10rem}
}
@media(max-width:420px){
    .provider-grid-v2 .provider-facts-v2{grid-template-columns:1fr}
}

/* Scholarix brand assets */
.app-logo img,.brand-mark img,.brand-preview-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
    background:transparent;
    padding:3px;
}

/* Scholarix horizontal wordmark: clean mark without a colored container. */
.app-brand{gap:.5rem}
.app-logo{
    width:3.15rem;
    height:3.15rem;
    flex:0 0 3.15rem;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.app-logo img{
    padding:0;
    border-radius:0;
}
.app-brand-copy{line-height:1}
.app-brand-copy strong{
    max-width:220px;
    color:#083b49;
    font-family:'Manrope','Cairo','Segoe UI',sans-serif;
    font-size:1.2rem;
    font-weight:800;
    letter-spacing:-.035em;
}
.app-brand-copy small{display:none}
.brand{
    gap:.55rem;
    color:#083b49;
    font-family:'Manrope','Cairo','Segoe UI',sans-serif;
    font-size:1.22rem;
    font-weight:800;
    letter-spacing:-.035em;
}
.brand-mark{
    width:3.1rem;
    height:2.9rem;
    flex:0 0 3.1rem;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.brand-mark img{
    padding:0;
    border-radius:0;
}
[data-theme='dark'] .app-brand-copy strong{color:var(--app-text)}

@media(max-width:640px){
    .app-logo{width:2.85rem;height:2.85rem;flex-basis:2.85rem}
    .app-brand-copy strong{font-size:1.05rem;max-width:150px}
    .brand-mark{width:2.8rem;height:2.65rem;flex-basis:2.8rem}
    .brand{font-size:1.08rem}
}

/* Scholarix public experience */
.brand-tm{font-family:Arial,sans-serif;font-size:.38em;font-weight:700;line-height:1;vertical-align:super;margin-inline-start:.12em;letter-spacing:0;color:inherit}
.sx-hero{position:relative;overflow:hidden;padding:5.5rem 0 5rem;background:linear-gradient(135deg,#f8fbfd 0%,#fff 48%,#fff9ee 100%);border-bottom:1px solid #e5ebf1}
.sx-hero:before{content:'';position:absolute;width:34rem;height:34rem;border-radius:50%;inset-inline-end:-12rem;top:-16rem;background:radial-gradient(circle,rgba(217,150,20,.18),rgba(217,150,20,0) 68%)}
.sx-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:4.5rem;align-items:center}
.sx-hero-copy{max-width:42rem}.sx-eyebrow,.sx-label,.sx-section-head>span,.sx-final>div>div>span{font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#b77908}.sx-eyebrow{display:flex;align-items:center;gap:.55rem}.sx-eyebrow>span{width:1.8rem;height:2px;background:#d99614}.sx-hero h1{max-width:13ch;margin:.9rem 0 1rem;font-family:'Manrope','Cairo',sans-serif;font-size:clamp(2.8rem,5.3vw,5.2rem);font-weight:800;line-height:1.04;letter-spacing:-.055em;color:#092f3b}.sx-hero-copy>p{max-width:62ch;margin:0;color:#536b76;font-size:1rem;line-height:1.9}.sx-hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.6rem}.sx-btn-primary{background:#0a3b48!important;border-color:#0a3b48!important;color:#fff!important;box-shadow:0 10px 24px rgba(8,59,72,.18)}.sx-btn-primary:hover{background:#062d38!important}.sx-btn-secondary{background:#fff!important;border-color:#d9e2e7!important;color:#173f49!important}.sx-btn-secondary:hover{border-color:#b7c7ce!important;background:#f8fafb!important}.sx-trust-row{display:flex;gap:.7rem 1.2rem;flex-wrap:wrap;margin-top:1.5rem;color:#617780;font-size:.7rem}.sx-trust-row span::first-letter{color:#d99614}
.sx-search-demo{position:relative;border:1px solid #dbe5ea;border-radius:1.35rem;background:#fff;box-shadow:0 30px 70px rgba(20,55,67,.15);overflow:hidden;transform:rotate(-1deg)}[dir='rtl'] .sx-search-demo{transform:rotate(1deg)}.sx-search-demo:after{content:'';position:absolute;inset:auto -3rem -4rem auto;width:10rem;height:10rem;border-radius:50%;background:rgba(217,150,20,.08)}.sx-demo-head{height:3rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1rem;background:#0a3b48;color:#fff}.sx-demo-head>span{display:flex;gap:.3rem}.sx-demo-head i{width:.48rem;height:.48rem;border-radius:50%;background:rgba(255,255,255,.35)}.sx-demo-head b{font-family:'Manrope',sans-serif;font-size:.74rem}.sx-demo-head sup{font-size:.42em}.sx-demo-head em{justify-self:end;padding:.23rem .45rem;border-radius:999px;background:rgba(75,211,144,.12);color:#7ce2ad;font-size:.48rem;font-style:normal;font-weight:800;letter-spacing:.08em}.sx-demo-body{padding:1.45rem}.sx-demo-body>small{font-size:.55rem;font-weight:800;letter-spacing:.12em;color:#d99614}.sx-demo-body>h2{margin:.28rem 0 1rem;color:#123d48;font-size:1.25rem}.sx-demo-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;min-height:3.5rem;padding:.45rem .5rem .45rem .85rem;border:1px solid #cbd9df;border-radius:.8rem;background:#f9fbfc}.sx-demo-search>span{font-size:1.3rem;color:#6d8189}.sx-demo-search p{margin:0;color:#405d66;font-size:.75rem}.sx-demo-search b{padding:.65rem .85rem;border-radius:.6rem;background:#d99614;color:#17252a;font-size:.65rem}.sx-demo-filters{display:flex;gap:.4rem;flex-wrap:wrap;margin:.7rem 0}.sx-demo-filters span{padding:.28rem .5rem;border:1px solid #dfe7eb;border-radius:999px;color:#647981;font-size:.55rem}.sx-result-card{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.7rem;padding:.85rem .75rem;border-top:1px solid #e5ebee}.sx-result-card>i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.55rem;background:#e8f7ef;color:#168255;font-size:.55rem;font-style:normal;font-weight:800}.sx-result-card div{min-width:0}.sx-result-card small,.sx-result-card strong,.sx-result-card p{display:block}.sx-result-card small{font-size:.52rem;color:#7b8d94}.sx-result-card strong{margin:.15rem 0;color:#153d48;font-size:.7rem}.sx-result-card p{margin:0;color:#71838a;font-size:.53rem}.sx-result-card>b{color:#789098}.sx-result-card.is-muted{opacity:.76}
.sx-data-strip{border-bottom:1px solid #e4eaee;background:#fff}.sx-data-strip .container{min-height:5rem;display:flex;align-items:center;justify-content:center;gap:.7rem 1.4rem;flex-wrap:wrap}.sx-data-strip span{color:#86969c;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.sx-data-strip b{color:#2d5059;font-family:'Manrope','Cairo',sans-serif;font-size:.72rem}
.sx-section{padding:5.5rem 0}.sx-section-soft{background:#f4f8f9}.sx-section-head{max-width:48rem;margin:0 auto 2.7rem;text-align:center}.sx-section-head h2,.sx-value-copy h2,.sx-panel h2,.sx-final h2{margin:.55rem 0 .7rem;font-family:'Manrope','Cairo',sans-serif;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.04em;color:#0c3944}.sx-section-head p,.sx-value-copy>p,.sx-panel>p,.sx-final p{margin:0;color:#647982;font-size:.86rem;line-height:1.85}.sx-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.sx-flow-grid article{position:relative;padding:1.35rem;border:1px solid #dde6ea;border-radius:1rem;background:#fff;box-shadow:0 8px 24px rgba(16,53,64,.05)}.sx-flow-grid article>span{position:absolute;inset-inline-end:1rem;top:1rem;color:#d2dce0;font-family:'Manrope',sans-serif;font-size:.75rem;font-weight:800}.sx-flow-icon{width:2.7rem;height:2.7rem;display:grid;place-items:center;margin-bottom:1.5rem;border-radius:.8rem;background:#fff5df;color:#b67808;font-size:1.15rem}.sx-flow-grid h3,.sx-feature-grid h3,.sx-institution-grid h3{margin:0 0 .35rem;color:#173f49;font-size:.9rem}.sx-flow-grid p,.sx-feature-grid p,.sx-institution-grid p{margin:0;color:#687d85;font-size:.72rem;line-height:1.75}
.sx-value-grid{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:4rem;align-items:center}.sx-value-copy>a{display:inline-block;margin-top:1.2rem;color:#a66e08;font-size:.75rem;font-weight:800}.sx-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.sx-feature-grid article{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem;border:1px solid #dce6e9;border-radius:.9rem;background:#fff}.sx-feature-grid article>span{width:2.35rem;height:2.35rem;display:grid;place-items:center;border-radius:.7rem;background:#edf4f5;color:#0c5363;font-weight:800}
.sx-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sx-panel{min-height:25rem;padding:2rem;border-radius:1.25rem;overflow:hidden}.sx-panel-dark{background:linear-gradient(140deg,#092e3a,#0b4858);color:#fff;box-shadow:0 20px 45px rgba(9,46,58,.18)}.sx-panel-dark h2{color:#fff}.sx-panel-dark>p{color:#bad0d6}.sx-panel-light{border:1px solid #e0e7ea;background:#fff8e9}.sx-pipeline{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:3rem}.sx-pipeline span{padding:.55rem .7rem;border:1px solid rgba(255,255,255,.14);border-radius:.6rem;background:rgba(255,255,255,.07);font-size:.62rem}.sx-pipeline i{color:#d99614;font-style:normal}.sx-integrity-list{display:grid;gap:.55rem;margin-top:2rem}.sx-integrity-list span{display:flex;align-items:center;gap:.8rem;padding:.75rem;border-bottom:1px solid #eadcbd;color:#3c5961;font-size:.73rem}.sx-integrity-list b{color:#b77908;font-family:'Manrope',sans-serif;font-size:.62rem}
.sx-institution-section{background:#0a3541;color:#fff}.sx-institution-section .sx-section-head h2{color:#fff}.sx-institution-section .sx-section-head p{color:#b7cbd0}.sx-institution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.sx-institution-grid article{padding:1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:rgba(255,255,255,.055)}.sx-institution-grid article>b{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin-bottom:1.2rem;border-radius:.7rem;background:rgba(217,150,20,.16);color:#efbd58}.sx-institution-grid h3{color:#fff}.sx-institution-grid p{color:#b9cbd0}
.sx-final{padding:1rem 0 5rem;background:#0a3541}.sx-final .container{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 2.2rem;border-radius:1.2rem;background:#fff;color:#123d48}.sx-final .container>div:last-child{display:flex;gap:.6rem;flex-wrap:wrap}.sx-final h2{font-size:1.7rem}.sx-final p{max-width:55rem}
@media(max-width:1050px){.sx-hero-grid{grid-template-columns:1fr;gap:3rem}.sx-hero-copy{max-width:50rem}.sx-search-demo{max-width:46rem;transform:none!important}.sx-flow-grid,.sx-institution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-value-grid{grid-template-columns:1fr;gap:2rem}.sx-split{grid-template-columns:1fr}}
@media(max-width:680px){.sx-hero{padding:3.5rem 0}.sx-hero h1{font-size:2.65rem}.sx-demo-head{grid-template-columns:1fr auto}.sx-demo-head>b{display:none}.sx-demo-search{grid-template-columns:auto 1fr}.sx-demo-search>b{grid-column:1/-1;text-align:center}.sx-flow-grid,.sx-feature-grid,.sx-institution-grid{grid-template-columns:1fr}.sx-section{padding:4rem 0}.sx-panel{min-height:0;padding:1.4rem}.sx-pipeline i{display:none}.sx-pipeline{justify-content:flex-start}.sx-final .container{align-items:stretch;flex-direction:column;padding:1.4rem}.sx-final .container>div:last-child .btn{flex:1}.sx-result-card.is-muted{display:none}}