/* Locally hosted OFL fonts keep every panel and control typographically consistent. */
@font-face { font-family:Vazirmatn; src:url('../fonts/Vazirmatn-Regular.ttf') format('truetype'); font-style:normal; font-weight:100 500; font-display:swap; }
@font-face { font-family:Vazirmatn; src:url('../fonts/Vazirmatn-Bold.ttf') format('truetype'); font-style:normal; font-weight:600 900; font-display:swap; }

:root {
    --ink-900: #0c1424;
    --ink-800: #111c30;
    --ink-700: #18263f;
    --ink-600: #243651;
    --paper:   #f4f3ee;
    --paper-2: #ffffff;
    --line:    #e4e2d8;
    --line-2:  #d8d6ca;

    --accent:        #12745b;
    --accent-bright: #1aa179;
    --accent-soft:   #e6f2ec;
    --amber:         #c8791b;

    --text:   #15202f;
    --muted:  #6a7480;
    --muted-2:#9aa3ad;

    --ok-bg:#e3f1ea; --ok-fg:#13694f;
    --warn-bg:#fbeede; --warn-fg:#9a5d12;
    --mut-bg:#ebeae3; --mut-fg:#6a7480;

    --radius: 10px;
    --radius-sm: 6px;
    --shadow: 0 1px 2px rgba(16,28,48,.04), 0 8px 24px rgba(16,28,48,.06);
    --shadow-lg: 0 12px 40px rgba(16,28,48,.12);
    --mono: "JetBrains Mono", ui-monospace, monospace;
}

* { box-sizing: border-box; }
*:focus-visible {
    outline:unset;
}
html, body { padding: 0; margin: 0; }

body {
    font-family: Vazirmatn, Tahoma, sans-serif;
    background: var(--paper);
    color: var(--text);
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "ss01";
}

h1,h2,h3 { margin: 0; font-weight: 700; letter-spacing: -.01em; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.15rem; }
p { margin: .35rem 0; }
a { color: inherit; text-decoration: none; }
code { font-family: var(--mono); font-size: .82em; background: rgba(18,116,91,.08); color: var(--accent); padding: .12em .45em; border-radius: 4px; }

.muted { color: var(--muted); }
.link { color: var(--accent); font-weight: 600; font-size: .9rem; }
.link:hover { color: var(--accent-bright); }

/* ===== Buttons ===== */
.navigation-loading {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    padding-inline: 1rem;
    background: var(--paper);
    color: var(--text);
}
.navigation-content--loading { visibility: hidden; pointer-events: none; }

.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
    background: var(--accent); color: #fff; border: none;
    border-radius: var(--radius-sm); padding: .68rem 1.5rem;
    font: 600 .98rem Vazirmatn, sans-serif; cursor: pointer;
    transition: transform .12s ease, background .15s ease, box-shadow .15s ease;
    box-shadow: 0 2px 8px rgba(18,116,91,.25);
}
.btn:hover { background: var(--accent-bright); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(18,116,91,.3); }
.btn:active { transform: translateY(0); }
.btn:disabled { opacity: .6; cursor: default; transform: none; box-shadow: none; }
.btn--block { width: 100%; margin-top: .5rem; }
.btn--sm { padding: .4rem .9rem; font-size: .85rem; }
.btn--ghost { background: transparent; color: var(--text); box-shadow: none; border: 1px solid var(--line-2); }
.btn--ghost:hover { background: #fff; color: var(--accent); border-color: var(--accent); transform: none; box-shadow: none; }

/* ===== Auth / Login ===== */
.auth { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 100vh; }
.auth.auth--single { grid-template-columns: 1fr; }
.mfa-login { margin-block: 1rem; }
.mfa-login summary { cursor: pointer; margin-block-end: .75rem; }
.mfa-codes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-block: 1rem; }
.mfa-code { direction: ltr; unicode-bidi: isolate; overflow-wrap: anywhere; font-size: .85rem; }
@media (max-width: 640px) { .mfa-codes { grid-template-columns: 1fr; } }

.auth__brand {
    position: relative; overflow: hidden;
    background: radial-gradient(120% 120% at 80% 0%, var(--ink-700), var(--ink-900));
    color: #eaf1f4; display: flex; align-items: center; padding: 4rem;
}
.auth__brand-inner { position: relative; z-index: 2; max-width: 460px; animation: fadeUp .7s ease both; }
.auth__grid {
    position: absolute; inset: 0; z-index: 1; opacity: .5;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: radial-gradient(120% 90% at 70% 30%, #000 40%, transparent 100%);
}
.auth__logo { display: flex; align-items: center; gap: .7rem; font-weight: 800; font-size: 1.15rem; letter-spacing: .02em; font-family: var(--mono); }
.auth__headline { font-size: 2.1rem; line-height: 1.45; margin: 2.2rem 0 1rem; font-weight: 800; letter-spacing: -.02em; }
.auth__tag { color: #a9bccb; font-size: 1.02rem; }

.flow { width: 100%; max-width: 360px; margin-top: 3rem; overflow: visible; }
.flow__line { stroke: var(--accent-bright); stroke-width: 2.5; stroke-dasharray: 7 7; animation: dash 2.2s linear infinite; }
.flow__line--2 { animation-delay: .4s; }
.flow__node { fill: none; stroke: #cfe6dc; stroke-width: 2.5; }
.flow__node--task { fill: rgba(26,161,121,.18); stroke: var(--accent-bright); }
.flow__node--end { fill: rgba(26,161,121,.28); stroke: var(--accent-bright); }

.auth__panel { display: flex; align-items: center; justify-content: center; padding: 3rem; background: var(--paper); }
.auth__form { width: 100%; max-width: 380px; animation: fadeUp .7s .12s ease both; }
.auth__form h1 { font-size: 1.7rem; }
.auth__hint { margin-top: 1.6rem; font-size: .85rem; color: var(--muted-2); }

.field { margin-top: 1.05rem; }
.field label { display: block; font-size: .85rem; font-weight: 600; color: var(--ink-700); margin-bottom: .4rem; }
.input {
    width: 100%; padding: .72rem .9rem; font: 400 .98rem Vazirmatn, sans-serif;
    background: #fff; border: 1.5px solid var(--line-2); border-radius: var(--radius-sm);
    color: var(--text); transition: border-color .15s, box-shadow .15s;
}
.input::placeholder { color: var(--muted-2); }
.input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }

.error { color: #b3261e; background: #fce8e6; border: 1px solid #f5c6c2; padding: .55rem .8rem; border-radius: var(--radius-sm); font-size: .88rem; margin-top: 1rem; }

/* ===== Portal shell ===== */
.shell { display: grid; grid-template-columns: 264px 1fr; min-height: 100vh; }

.sidebar {
    background: linear-gradient(180deg, var(--ink-800), var(--ink-900));
    color: #cdd8e2; display: flex; flex-direction: column; padding: 1.5rem 1rem;
    position: sticky; top: 0; height: 100vh; overflow: hidden;
}
.sidebar__brand { display: flex; align-items: center; gap: .7rem; padding: .4rem .6rem 1.6rem; flex: 0 0 auto; }
.logo-mark {
    width: 30px; height: 30px; border-radius: 6px; flex: 0 0 auto;
    background: conic-gradient(from 210deg, var(--accent-bright), var(--accent) 60%, #0c5a46);
    box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 6px 16px rgba(26,161,121,.35);
    position: relative;
}
.logo-mark::after { content: ""; position: absolute; inset: 9px; border-radius: 2px; background: #0c1424; }
.logo-mark--lg { width: 26px; height: 26px; }
.logo-mark--lg::after { inset: 8px; }
.logo-text { font-weight: 800; color: #fff; font-size: 1.05rem; }
.logo-sub { font-size: .72rem; color: #7d8da0; font-family: var(--mono); letter-spacing: .04em; }

.nav { display: flex; flex-direction: column; gap: .25rem; margin-top: .5rem; flex: 1 1 auto; overflow-y: auto; min-height: 0; }
.nav::-webkit-scrollbar { width: 6px; }
.nav::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 2px; }
.nav::-webkit-scrollbar-track { background: transparent; }
.nav__link {
    display: flex; align-items: center; gap: .7rem; padding: .68rem .85rem;
    border-radius: 7px; color: #aab8c6; font-weight: 500; font-size: .95rem;
    position: relative; transition: background .15s, color .15s;
}
.nav__link:hover { background: rgba(255,255,255,.05); color: #fff; }
.nav__icon { font-size: .85rem; width: 1.2rem; text-align: center; opacity: .8; }
.nav__link.active { background: rgba(26,161,121,.14); color: #fff; }
.nav__link.active::before {
    content: ""; position: absolute; right: -1rem; top: 50%; transform: translateY(-50%);
    width: 3px; height: 60%; border-radius: 2px; background: var(--accent-bright);
}
.sidebar__foot { margin-top: auto; padding: .6rem; font-size: .72rem; color: #5f6f80; font-family: var(--mono); flex: 0 0 auto; }

.shell__body { display: flex; flex-direction: column; min-width: 0; }
.topbar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 1rem 1.8rem; background: rgba(255,255,255,.7); backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 10;
}
.topbar__tenant { font-size: .9rem; color: var(--muted); display: flex; align-items: center; gap: .5rem; }
.topbar__tenant strong { color: var(--text); }
.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent-bright); box-shadow: 0 0 0 3px var(--accent-soft); }
.topbar__user { display: flex; align-items: center; gap: .7rem; }
.topbar__name { font-weight: 600; font-size: .9rem; }
.avatar {
    width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center;
    background: var(--ink-700); color: #fff; font-weight: 700; font-size: .85rem; font-family: var(--mono);
}

.main { padding: 2rem 1.8rem; max-width: 1100px; width: 100%; }

.page-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 1.6rem; animation: fadeUp .5s ease both; }

/* ===== Stats ===== */
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.6rem; }
.stat {
    background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--radius);
    padding: 1.3rem; box-shadow: var(--shadow); animation: fadeUp .55s ease both;
    transition: transform .15s, box-shadow .15s;
}
.stat:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.stat__icon { color: var(--accent); font-size: 1.1rem; }
.stat__num { font-size: 2.1rem; font-weight: 800; letter-spacing: -.02em; margin-top: .3rem; font-family: var(--mono); }
.stat__label { color: var(--muted); font-size: .88rem; }

/* ===== Card / Table ===== */
.card {
    background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--radius);
    box-shadow: var(--shadow); overflow: hidden; animation: fadeUp .6s .05s ease both;
}
.card__head { display: flex; align-items: center; justify-content: space-between; padding: 1.1rem 1.4rem; border-bottom: 1px solid var(--line); }

.table { width: 100%; border-collapse: collapse; }
.card:has(> .table) { overflow-x: auto; }
.table th, .table td { text-align: right; padding: .85rem 1.4rem; }
.table thead th { font-size: .78rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid var(--line); background: #fbfaf6; }
.table tbody tr { border-bottom: 1px solid var(--line); transition: background .12s; }
.table tbody tr:last-child { border-bottom: none; }
.table tbody tr:hover { background: #faf9f4; }

/* ===== Badge ===== */
.badge { display: inline-block; padding: .2rem .65rem; border-radius: 12px; font-size: .78rem; font-weight: 600; }
.badge--ok { background: var(--ok-bg); color: var(--ok-fg); }
.badge--warn { background: var(--warn-bg); color: var(--warn-fg); }
.badge--muted { background: var(--mut-bg); color: var(--mut-fg); }

/* ===== States ===== */
.empty { padding: 3rem 1.5rem; text-align: center; color: var(--muted-2); }
.loading { display: flex; align-items: center; gap: .6rem; color: var(--muted); padding: 2rem 0; }
.notfound { min-height: 100vh; display: grid; place-content: center; text-align: center; gap: .5rem; }
.notfound h1 { font-size: 4rem; font-family: var(--mono); color: var(--accent); }

.spinner {
    width: 18px; height: 18px; border-radius: 50%;
    border: 2.5px solid rgba(18,116,91,.25); border-top-color: var(--accent);
    animation: spin .7s linear infinite; display: inline-block;
}
.spinner--sm { width: 14px; height: 14px; border-width: 2px; border-color: rgba(255,255,255,.4); border-top-color: #fff; }

/* ===== Animations ===== */
@keyframes fadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes dash { to { stroke-dashoffset: -28; } }

/* ===== Blazor error ui ===== */
#blazor-error-ui {
    background: #1b2a3f; color: #fff; bottom: 0; left: 0; width: 100%;
    box-shadow: 0 -1px 2px rgba(0,0,0,.2); display: none; padding: .7rem 1.25rem; position: fixed; z-index: 1000;
}
#blazor-error-ui .reload { color: var(--accent-bright); text-decoration: underline; }
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; left: 1rem; top: .6rem; }

/* ===== Responsive ===== */
@media (max-width: 900px) {
    .auth { grid-template-columns: 1fr; }
    .auth__brand { display: none; }
    .shell { grid-template-columns: 1fr; }
    .sidebar {
        position: fixed; inset-block: 0; inset-inline-start: 0; inset-inline-end: auto; width: min(272px, calc(100vw - 1.5rem)); z-index: 200;
        transform: translateX(100%); visibility: hidden; pointer-events: none; transition: transform .25s ease, visibility .25s;
    }
    [dir="ltr"] .sidebar { inset-inline-end: auto; inset-inline-start: 0; transform: translateX(-100%); }
    .shell--nav-open .sidebar { transform: translateX(0); visibility: visible; pointer-events: auto; }
    .sidebar__brand div, .logo-sub, .nav__link span:not(.nav__icon), .sidebar__foot { display: revert; }
    .nav__link { justify-content: flex-start; }
    .nav-burger { display: inline-flex; }
    .nav-scrim { position: fixed; inset: 0; background: rgba(10,18,30,.45); z-index: 150; animation: fadeUp .2s ease both; }
    .stats { grid-template-columns: repeat(2, 1fr); }
}

/* ===== فاز ۵ بستهٔ ۳: اکشن‌ها ===== */
.page-head { gap: 1rem; }

select.input, textarea.input { font-family: Vazirmatn, sans-serif; }
textarea.input { resize: vertical; min-height: 80px; line-height: 1.7; }

.cell-action { text-align: left; width: 1%; white-space: nowrap; }

.alert { padding: .7rem 1.1rem; border-radius: var(--radius-sm); font-size: .9rem; font-weight: 500; margin-bottom: 1.2rem; animation: fadeUp .35s ease both; }
.alert--ok { background: var(--ok-bg); color: var(--ok-fg); border: 1px solid #bfe3d2; }
.alert--err { background: #fce8e6; color: #b3261e; border: 1px solid #f5c6c2; }

.req { color: #c8791b; margin-right: .15rem; }
.help { font-size: .8rem; color: var(--muted-2); margin-top: .35rem; }
.mb { margin-bottom: 1rem; }

.card--pad { padding: 1.5rem; margin-bottom: 1.4rem; }
.form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }

.check { display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; }
.check input { width: 18px; height: 18px; accent-color: var(--accent); }

/* فرم داینامیک */
.dynform__section { font-size: 1rem; color: var(--ink-700); margin: 1.4rem 0 .2rem; padding-bottom: .4rem; border-bottom: 1px solid var(--line); }
.dynform__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.5rem; }

/* مودال */
.modal,
.modal-overlay {
    position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center;
    overflow: hidden; overscroll-behavior: contain;
    background: rgba(12,20,36,.55); backdrop-filter: blur(3px);
    padding: clamp(.75rem, 3vw, 1.5rem);
    animation: fadeIn .2s ease both;
}
body:has(.modal),
body:has(.modal-overlay) { overflow: hidden; }
.modal__card {
    background: var(--paper-2); border-radius: var(--radius); width: min(100%, 520px);
    max-height: calc(100vh - 3rem); max-height: calc(100dvh - 3rem);
    overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable;
    padding: 0 1.6rem; box-shadow: var(--shadow-lg);
    animation: pop .25s cubic-bezier(.2,.8,.3,1) both;
}
.modal__head {
    position: sticky; top: 0; z-index: 2; display: flex; align-items: center;
    justify-content: space-between; gap: 1rem; margin: 0 -1.6rem .5rem;
    padding: 1.35rem 1.6rem .85rem; background: var(--paper-2);
}
.modal__head h2 { margin: 0; font-size: 1.2rem; }
.modal__close { background: none; border: none; font-size: 1.1rem; cursor: pointer; color: var(--muted); padding: .3rem; border-radius: 4px; }
.modal__close:hover { background: var(--mut-bg); color: var(--text); }
.modal__card > .dynform__actions {
    position: sticky; bottom: 0; z-index: 2; margin: 1rem -1.6rem 0;
    padding: .85rem 1.6rem 1.35rem; background: var(--paper-2);
    border-top: 1px solid var(--line);
}
.modal__card > :last-child:not(.dynform__actions) { margin-bottom: 1.35rem; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes pop { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }

@media (max-width: 720px) {
    .form-grid { grid-template-columns: 1fr; }
    .modal, .modal-overlay { padding: .75rem; }
    .modal__card {
        width: 100%; max-height: calc(100vh - 1.5rem); max-height: calc(100dvh - 1.5rem);
        padding-inline: 1rem; border-radius: 9px;
    }
    .modal__head { margin-inline: -1rem; padding-inline: 1rem; }
    .modal__card > .dynform__actions { margin-inline: -1rem; padding-inline: 1rem; }
}

/* ===== فاز ۵ بستهٔ ۵: جزییات نمونه + تایم‌لاین ===== */
.mono { font-family: var(--mono); font-size: .85rem; }
.mono-cell { font-family: var(--mono); font-size: .82rem; color: var(--muted); }
.mt { margin-top: 1.4rem; }

.kv { display: grid; grid-template-columns: repeat(2, 1fr); gap: .9rem 2rem; }
.kv > div { display: flex; align-items: center; gap: .6rem; }
.kv__k { color: var(--muted); font-size: .85rem; min-width: 64px; }

.vars { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; }
.var { background: #faf9f4; border: 1px solid var(--line); border-radius: 12px; padding: .25rem .8rem; font-size: .85rem; }

.timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.timeline::before { content: ""; position: absolute; right: 6px; top: 4px; bottom: 4px; width: 2px; background: var(--line-2); }
.timeline__item { position: relative; padding: 0 1.6rem .2rem 0; margin-bottom: 1.1rem; }
.timeline__dot {
    position: absolute; right: 0; top: 4px; width: 14px; height: 14px; border-radius: 50%;
    background: var(--paper-2); border: 3px solid var(--accent); box-shadow: 0 0 0 3px var(--accent-soft);
}
.timeline__kind { font-weight: 600; }
.timeline__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; color: var(--muted); font-size: .85rem; margin-top: .15rem; }
.timeline__time { color: var(--muted-2); }

@media (max-width: 720px) { .kv { grid-template-columns: 1fr; } }

/* ===== فاز ۵ بستهٔ ۶: سازندهٔ فرایند ===== */
.toolbar { display: flex; gap: .6rem; }

/* نوار بالای طراح فرایند — گروه‌بندی‌شده و زیبا */
.toolbar--grouped {
    flex-wrap: wrap; align-items: center; gap: .5rem;
    background: var(--paper-2);
    border: 1px solid var(--line-2, #d8d6ca); border-radius: 10px;
    padding: .55rem .7rem; box-shadow: 0 4px 16px rgba(20,40,70,.06);
}
.toolbar__group { display: inline-flex; align-items: center; gap: .45rem; flex-wrap: wrap; }
.toolbar__sep { width: 1px; align-self: stretch; min-height: 26px; background: var(--line, #e4e2d8); margin: 0 .3rem; }
.toolbar .btn__ic { font-size: .9em; opacity: .9; }
.btn--primary { background: var(--accent); color: #fff; box-shadow: 0 2px 10px rgba(18,116,91,.28); }
.btn--primary:hover { background: var(--accent-bright); }
.btn--ok { background: #1aa179; color: #fff; box-shadow: 0 2px 10px rgba(26,161,121,.28); }
.btn--ok:hover { background: #15916c; }
@media (max-width: 720px) { .toolbar--grouped { width: 100%; } }
.cell-action { display: flex; gap: .4rem; justify-content: flex-start; }

.designer { display: grid; grid-template-columns: 380px 1fr; gap: 1.2rem; align-items: start; }
.designer__editor { display: flex; flex-direction: column; gap: 1.2rem; }
.designer__editor .card--pad { margin-bottom: 0; }

.designer__canvas { padding: 1rem; overflow: auto; min-height: 420px; position: sticky; top: 84px; }
.diagram { width: 100%; height: auto; min-height: 380px; display: block; }

.nodelist { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-direction: column; gap: .35rem; }
.nodelist__item {
    display: flex; align-items: center; gap: .55rem; padding: .5rem .7rem;
    border: 1px solid var(--line); border-radius: 6px; cursor: pointer; transition: background .12s, border-color .12s;
}
.nodelist__item:hover { background: #faf9f4; }
.nodelist__item.is-sel { border-color: var(--accent); background: var(--accent-soft); }
.nodelist__name { flex: 1; font-weight: 500; font-size: .9rem; }
.nodelist__type { font-size: .75rem; color: var(--muted); }
.nodedot { width: 12px; height: 12px; border-radius: 50%; flex: 0 0 auto; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.x { background: none; border: none; color: var(--muted-2); cursor: pointer; font-size: .8rem; padding: .15rem .35rem; border-radius: 4px; }
.x:hover { background: #fce8e6; color: #b3261e; }

.editbox { border-top: 1px dashed var(--line-2); padding-top: .8rem; margin-bottom: 1rem; }
.addrow { display: flex; gap: .5rem; align-items: center; }
.addrow .input { flex: 1; }
.addrow--wrap { flex-wrap: wrap; }
.addrow--wrap .input { flex: 1 1 40%; }

@media (max-width: 1000px) {
    .designer { grid-template-columns: 1fr; }
    .designer__canvas { position: static; }
}

/* ===== فاز ۵ بستهٔ ۷: سازندهٔ فرم ===== */
.form-grid--2 { grid-template-columns: 1fr 1fr; gap: .7rem; }
.optrow { display: flex; gap: .4rem; align-items: center; margin-bottom: .4rem; }
.optrow .input { flex: 1; }
.designer__canvas .dynform__actions { margin-top: 1rem; }

/* ===== فاز ۵ بستهٔ ۸: نقش‌ها و دسترسی‌ها ===== */
.modal__card--lg { width: min(100%, 640px); }
.modal__card--xl { width: min(100%, 860px); }
.permgroup { margin-bottom: 1rem; }
.permgroup__title { font-weight: 700; font-size: .9rem; color: var(--ink-700); margin-bottom: .5rem; }
.permgroup__items { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem .8rem; }
.permitem { display: flex; align-items: center; gap: .5rem; padding: .3rem .5rem; border-radius: 5px; cursor: pointer; font-size: .9rem; }
.permitem:hover { background: #faf9f4; }
.permitem input { width: 16px; height: 16px; accent-color: var(--accent); }

@media (max-width: 600px) { .permgroup__items { grid-template-columns: 1fr; } }

/* دسترسی سریع داشبورد مدیر کل */
.quicklinks { display: flex; flex-wrap: wrap; gap: 1.25rem; padding: 1rem 1.25rem; }
.quicklinks .link { font-weight: 600; }

/* راهنمای زیر فیلد */
.hint { margin-top: .35rem; font-size: .78rem; color: var(--muted, #8a8f98); line-height: 1.5; }

/* پنل اعتبارسنجی مدل فرایند */
.validation { margin: 0 0 1rem; border: 1px solid var(--line, #e6e3dc); border-radius: 9px; overflow: hidden; background: #fff; }
.validation__head { padding: .6rem 1rem; font-weight: 700; background: var(--paper-2, #f6f4ee); border-bottom: 1px solid var(--line, #e6e3dc); }
.validation__list { margin: 0; padding: .5rem 1rem; list-style: none; display: grid; gap: .35rem; }
.validation__list li { padding: .4rem .6rem; border-radius: 6px; font-size: .86rem; }
.validation__list li.is-error { background: #fdecec; color: #9b1c1c; }
.validation__list li.is-warn { background: #fff7e6; color: #8a5a00; }

/* راهنمای نمودار مسیر نمونه */
.diag-legend { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-bottom: .75rem; font-size: .82rem; color: var(--muted, #8a8f98); }
.diag-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 2px; margin-left: .35rem; vertical-align: middle; }
.diag-legend .dot-done { background: #bbf3da; border: 1px solid #059669; }
.diag-legend .dot-active { background: #fde68a; border: 1px solid #d97706; }
.diag-legend .dot-future { background: #eef0f2; border: 1px solid #cbd5e1; }

/* انتخاب نتیجه کار (تایید/رد) */
.outcome-row { display: flex; flex-wrap: wrap; gap: .6rem; }
.outcome-pill { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .9rem; border: 1px solid var(--line, #d9d5cc); border-radius: 12px; cursor: pointer; font-size: .9rem; transition: all .15s ease; }
.outcome-pill input { accent-color: var(--accent, #0e7c5a); }
.outcome-pill.is-sel { border-color: var(--accent, #0e7c5a); background: var(--accent-soft, #eaf4ef); color: var(--accent, #0e7c5a); font-weight: 600; }

/* نودهای قابل‌کشیدن در طراح فرایند */
.dnode { cursor: grab; touch-action: none; }
.dnode:hover circle, .dnode:hover rect, .dnode:hover polygon { stroke-opacity: .45; }
.dnode[data-dragging] { cursor: grabbing; }
.dnode[data-dragging] circle, .dnode[data-dragging] rect, .dnode[data-dragging] polygon { stroke: var(--accent, #0e7c5a); stroke-opacity: .9; }

/* فیلدهای جدید فرم: رادیویی، چندانتخابی، توضیح */
.radio-group, .check-group { display: flex; flex-wrap: wrap; gap: .5rem; }
.radio-pill { display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .85rem; border: 1px solid var(--line, #d9d5cc); border-radius: 12px; cursor: pointer; font-size: .88rem; transition: all .15s ease; }
.radio-pill input { accent-color: var(--accent, #0e7c5a); }
.radio-pill.is-sel { border-color: var(--accent, #0e7c5a); background: var(--accent-soft, #eaf4ef); color: var(--accent, #0e7c5a); font-weight: 600; }
.check-group .check { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .6rem; }
.dynform__info { margin: .4rem 0 .8rem; padding: .6rem .9rem; background: var(--paper-2, #f6f4ee); border-right: 3px solid var(--accent, #0e7c5a); border-radius: 6px; font-size: .9rem; color: #444; line-height: 1.7; }

/* ===== فاز ۹: تیکتینگ و اعلان‌ها ===== */
.filterbar { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.chip { padding: .4rem .9rem; border: 1px solid var(--line, #d9d5cc); background: #fff; border-radius: 12px; cursor: pointer; font-size: .85rem; color: var(--ink, #1f2a44); transition: all .15s ease; }
.chip:hover { border-color: var(--accent, #0e7c5a); }
.chip.is-on { background: var(--accent, #0e7c5a); border-color: var(--accent, #0e7c5a); color: #fff; font-weight: 600; }

.layout-2 { display: grid; grid-template-columns: 1fr 340px; gap: 1.25rem; align-items: start; }
@media (max-width: 900px) { .layout-2 { grid-template-columns: 1fr; } }

.thread { display: flex; flex-direction: column; gap: .75rem; margin-bottom: 1rem; }
.msg { padding: .75rem .9rem; border-radius: 9px; border: 1px solid var(--line, #e6e3dc); }
.msg--staff { background: var(--accent-soft, #eaf4ef); border-color: #cfe6db; }
.msg--customer { background: #fff; }
.msg__head { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: .35rem; font-size: .78rem; }
.msg__author { font-weight: 700; color: var(--ink, #1f2a44); }
.msg__role { padding: .05rem .5rem; border-radius: 12px; background: #eef0f2; color: #5b6470; font-size: .72rem; }
.msg__time { color: #98a0ab; margin-inline-start: auto; }
.msg__body { color: #333; line-height: 1.8; white-space: pre-wrap; }
.reply { border-top: 1px solid var(--line, #e6e3dc); padding-top: .9rem; }

.notif { list-style: none; margin: 0; padding: 0; }
.notif__item { display: flex; align-items: center; gap: .85rem; padding: .85rem 1rem; border-bottom: 1px solid var(--line, #eee); cursor: pointer; transition: background .12s ease; }
.notif__item:last-child { border-bottom: none; }
.notif__item:hover { background: var(--paper-2, #f6f4ee); }
.notif__icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 7px; font-size: 1rem; flex: none; }
.notif__icon.is-task { background: #fff7e6; color: #8a5a00; }
.notif__icon.is-ticket { background: var(--accent-soft, #eaf4ef); color: var(--accent, #0e7c5a); }
.notif__body { flex: 1; min-width: 0; }
.notif__title { font-weight: 600; color: var(--ink, #1f2a44); }
.notif__desc { font-size: .82rem; color: #7a828d; margin-top: .15rem; }
.notif__go { color: #c2c7ce; font-size: 1.3rem; }
.bell { text-decoration: none; font-size: 1.1rem; margin-inline-end: .5rem; opacity: .85; }
.bell:hover { opacity: 1; }

/* ============================================================
   تم تیره — بازتعریف متغیرها (پیش‌فرض روشن است)
   ============================================================ */
[data-theme="dark"] {
    --ink-900: #e8edf5;
    --ink-800: #dde4ee;
    --ink-700: #cfd8e6;
    --ink-600: #b7c2d4;
    --paper:   #0e1521;
    --paper-2: #16202f;
    --line:    #243246;
    --line-2:  #2d3d54;

    --accent:        #1aa179;
    --accent-bright: #25c393;
    --accent-soft:   #11342a;
    --amber:         #e0982f;

    --text:   #e7ecf3;
    --muted:  #9aa6b6;
    --muted-2:#71808f;

    --ok-bg:#123026; --ok-fg:#54d6a6;
    --warn-bg:#352711; --warn-fg:#e0a955;
    --mut-bg:#1c2738; --mut-fg:#9aa6b6;

    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
    --shadow-lg: 0 12px 40px rgba(0,0,0,.5);
}
[data-theme="dark"] body { background: var(--paper); color: var(--text); }
[data-theme="dark"] .input,
[data-theme="dark"] select.input,
[data-theme="dark"] textarea.input { background: var(--paper-2); color: var(--text); border-color: var(--line-2); }

.theme-toggle { background: transparent; border: 1px solid var(--line-2); color: var(--text); width: 34px; height: 34px; border-radius: 6px; cursor: pointer; font-size: 1rem; }
.theme-toggle:hover { border-color: var(--accent); }

/* ============================================================
   وب‌سایت عمومی
   ============================================================ */
.site { min-height: 100vh; display: flex; flex-direction: column; background: var(--paper); }
.site-main { flex: 1; }

.site-head { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--paper) 88%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.site-head__inner { max-width: 1180px; margin: 0 auto; padding: .8rem 1.5rem; display: flex; align-items: center; gap: 1.5rem; }
.site-brand { display: flex; align-items: center; gap: .6rem; text-decoration: none; color: var(--text); }
.site-brand__mark { width: 30px; height: 30px; border-radius: 6px; background: linear-gradient(135deg, var(--accent), var(--accent-bright)); flex: none; }
.site-brand__text { font-weight: 800; font-size: 1.05rem; display: flex; flex-direction: column; line-height: 1.1; }
.site-brand__text small { font-weight: 500; font-size: .62rem; color: var(--muted-2); letter-spacing: .5px; }
.site-nav { display: flex; gap: 1.4rem; margin-inline-start: auto; }
.site-nav a { text-decoration: none; color: var(--muted); font-size: .92rem; font-weight: 600; transition: color .15s; }
.site-nav a:hover { color: var(--accent); }
.site-head__actions { display: flex; align-items: center; gap: .6rem; }
.site-burger { display: none; background: transparent; border: 1px solid var(--line-2); color: var(--text); width: 34px; height: 34px; border-radius: 6px; cursor: pointer; }

/* قهرمان (hero) */
.hero { padding: 4rem 1.5rem 3rem; background: radial-gradient(1200px 500px at 80% -10%, var(--accent-soft), transparent); }
.hero__inner { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr .9fr; gap: 2.5rem; align-items: center; }
.hero__badge { display: inline-block; padding: .35rem .9rem; border-radius: 12px; background: var(--accent-soft); color: var(--accent); font-size: .8rem; font-weight: 700; margin-bottom: 1rem; }
.hero__title { font-size: 2.7rem; line-height: 1.25; font-weight: 800; color: var(--ink-900); margin: 0 0 1rem; }
.hero__title .hl { color: var(--accent); }
.hero__lead { font-size: 1.1rem; color: var(--muted); line-height: 1.9; margin-bottom: 1.6rem; max-width: 540px; }
.hero__cta { display: flex; gap: .8rem; flex-wrap: wrap; margin-bottom: 2rem; }
.hero__stats { display: flex; gap: 2rem; flex-wrap: wrap; }
.hero__stats div { display: flex; flex-direction: column; }
.hero__stats strong { font-size: 1.3rem; color: var(--ink-900); }
.hero__stats span { font-size: .82rem; color: var(--muted-2); }
.hero__art { position: relative; height: 320px; }
.hero__card { position: absolute; padding: .85rem 1.1rem; border-radius: 10px; background: var(--paper-2); box-shadow: var(--shadow-lg); border: 1px solid var(--line); font-weight: 600; font-size: .9rem; }
.hero__card--1 { top: 10%; inset-inline-end: 8%; color: var(--amber); }
.hero__card--2 { top: 42%; inset-inline-start: 4%; color: var(--accent); }
.hero__card--3 { bottom: 8%; inset-inline-end: 18%; color: var(--accent-bright); }
.hero__flow { position: absolute; inset: 18% 30%; border: 2px dashed var(--line-2); border-radius: 14px; }

/* بخش‌ها */
.section { max-width: 1180px; margin: 0 auto; padding: 3.5rem 1.5rem; }
.section--alt { max-width: none; background: var(--paper-2); border-block: 1px solid var(--line); }
.section--alt .steps, .section--alt .section__head { max-width: 1180px; margin-inline: auto; }
.section__head { text-align: center; margin-bottom: 2.2rem; }
.section__head h2 { font-size: 1.8rem; color: var(--ink-900); margin: 0 0 .5rem; }
.section__head p { color: var(--muted); font-size: 1rem; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.feature { padding: 1.5rem; border-radius: var(--radius); background: var(--paper-2); border: 1px solid var(--line); transition: transform .15s, box-shadow .15s; }
.feature:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.feature__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 9px; background: var(--accent-soft); color: var(--accent); font-size: 1.3rem; margin-bottom: .9rem; }
.feature h3 { font-size: 1.1rem; color: var(--ink-900); margin: 0 0 .5rem; }
.feature p { color: var(--muted); line-height: 1.8; font-size: .92rem; }
.feature--lg { padding: 1.8rem; }

.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; padding: 0 1.5rem; }
.step { text-align: center; padding: 1.5rem; }
.step__n { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: linear-gradient(135deg, var(--accent), var(--accent-bright)); color: #fff; font-size: 1.4rem; font-weight: 800; margin-bottom: 1rem; }
.step h3 { color: var(--ink-900); margin: 0 0 .4rem; }
.step p { color: var(--muted); font-size: .92rem; line-height: 1.7; }

.cta { background: linear-gradient(135deg, var(--ink-800), var(--ink-600)); color: #fff; }
.cta__inner { max-width: 1180px; margin: 0 auto; padding: 3rem 1.5rem; text-align: center; }
.cta__inner h2 { font-size: 1.8rem; margin: 0 0 .5rem; }
.cta__inner p { opacity: .85; margin-bottom: 1.5rem; }

/* سرصفحه صفحات داخلی */
.page-hero { text-align: center; padding: 3rem 1.5rem 1rem; background: radial-gradient(900px 360px at 50% -20%, var(--accent-soft), transparent); }
.page-hero h1 { font-size: 2.1rem; color: var(--ink-900); margin: 0 0 .5rem; }
.page-hero p { color: var(--muted); font-size: 1.05rem; }

/* پلن ها */
.plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3rem; align-items: stretch; }
.plan { position: relative; padding: 2rem 1.6rem; border-radius: var(--radius); background: var(--paper-2); border: 1px solid var(--line); display: flex; flex-direction: column; }
.plan--featured { border-color: var(--accent); box-shadow: var(--shadow-lg); transform: scale(1.03); }
.plan__tag { position: absolute; top: -12px; inset-inline-start: 50%; transform: translateX(50%); background: var(--accent); color: #fff; padding: .25rem .9rem; border-radius: 12px; font-size: .75rem; font-weight: 700; }
.plan__name { font-size: 1.2rem; color: var(--ink-900); margin: 0 0 .8rem; }
.plan__price { margin-bottom: 1.2rem; }
.plan__price strong { font-size: 1.7rem; color: var(--accent); }
.plan__price span { display: block; font-size: .82rem; color: var(--muted-2); margin-top: .2rem; }
.plan__features { list-style: none; padding: 0; margin: 0 0 1.5rem; flex: 1; }
.plan__features li { padding: .5rem 0; border-bottom: 1px solid var(--line); color: var(--text); font-size: .92rem; }
.plan__features li::before { content: "✓"; color: var(--accent); font-weight: 800; margin-inline-end: .5rem; }
.pricing-note { text-align: center; color: var(--muted-2); font-size: .85rem; margin-top: 1.5rem; }

/* همکاران */
.partners { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.partner { display: flex; align-items: center; gap: .9rem; padding: 1.2rem 1.4rem; border-radius: var(--radius); background: var(--paper-2); border: 1px solid var(--line); font-weight: 700; color: var(--ink-900); }
.partner__logo { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 8px; background: var(--accent-soft); color: var(--accent); font-size: 1.2rem; }

/* درباره */
.prose { max-width: 760px; margin: 0 auto 2.5rem; }
.prose p { color: var(--text); line-height: 2.1; margin-bottom: 1.1rem; font-size: 1.02rem; }
.values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; max-width: 900px; margin: 0 auto; }
.value { text-align: center; padding: 1.5rem; }
.value span { font-size: 1.8rem; color: var(--accent); }
.value h3 { color: var(--ink-900); margin: .6rem 0 .3rem; }
.value p { color: var(--muted); font-size: .9rem; }

/* تماس */
.contact { display: grid; grid-template-columns: .8fr 1.2fr; gap: 2rem; max-width: 980px; margin: 0 auto; }
.contact__item { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.5rem; }
.contact__item span { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 8px; background: var(--accent-soft); color: var(--accent); font-size: 1.2rem; flex: none; }
.contact__item strong { color: var(--ink-900); }
.contact__item p { color: var(--muted); margin: .2rem 0 0; }

/* فوتر */
.site-foot { background: var(--ink-900); color: #cdd6e2; margin-top: auto; }
[data-theme="dark"] .site-foot { background: #0a0f18; }
.site-foot__inner { max-width: 1180px; margin: 0 auto; padding: 3rem 1.5rem 2rem; display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 2rem; }
.site-foot__col h4 { color: #fff; margin: 0 0 1rem; font-size: 1rem; }
.site-foot__col a { display: block; color: #9fb0c4; text-decoration: none; padding: .3rem 0; font-size: .9rem; }
.site-foot__col a:hover { color: var(--accent-bright); }
.site-brand--foot { color: #fff; margin-bottom: 1rem; }
.site-foot__about { color: #9fb0c4; line-height: 1.9; font-size: .9rem; }
.site-foot__bar { border-top: 1px solid rgba(255,255,255,.08); text-align: center; padding: 1.2rem; font-size: .82rem; color: #7e8ea3; }

.btn--lg { padding: .8rem 1.6rem; font-size: 1rem; }

/* واکنش‌گرا */
@media (max-width: 880px) {
    .hero__inner { grid-template-columns: 1fr; }
    .hero__art { display: none; }
    .feature-grid, .steps, .plans, .partners, .values { grid-template-columns: 1fr; }
    .contact { grid-template-columns: 1fr; }
    .site-foot__inner { grid-template-columns: 1fr; }
    .site-nav { display: none; position: absolute; top: 100%; inset-inline: 0; flex-direction: column; background: var(--paper-2); border-bottom: 1px solid var(--line); padding: 1rem 1.5rem; gap: .3rem; }
    .site-nav.is-open { display: flex; }
    .site-head__inner { gap: .6rem; }
    .site-brand__text small { display: none; }
    .site-nav a { padding: .6rem 0; }
    .site-burger { display: inline-flex; align-items: center; justify-content: center; }
    .plan--featured { transform: none; }
    .hero__title { font-size: 2rem; }
}

/* ============================================================
   تم تیره — اصلاح پوستهٔ اپ (سایدبار همیشه تیره می‌ماند)
   ============================================================ */
[data-theme="dark"] .sidebar { background: linear-gradient(180deg, #111c30, #0c1424); }
[data-theme="dark"] .topbar { background: rgba(16, 20, 30, .72); }
[data-theme="dark"] .btn--ghost { background: transparent; color: var(--text); border-color: var(--line-2); }
[data-theme="dark"] .btn--ghost:hover { background: var(--paper-2); color: var(--accent-bright); border-color: var(--accent); }
[data-theme="dark"] .table thead th { background: #1c2738; }
[data-theme="dark"] .table tbody tr:hover { background: #1a2435; }
[data-theme="dark"] .var,
[data-theme="dark"] .nodelist__item:hover,
[data-theme="dark"] .notif__item:hover { background: #1a2435; }
[data-theme="dark"] .avatar { background: #2a3a52; color: #fff; }
[data-theme="dark"] .chip { background: var(--paper-2); color: var(--text); }
[data-theme="dark"] .msg--customer { background: var(--paper-2); }
[data-theme="dark"] .modal__card { background: var(--paper-2); color: var(--text); }
[data-theme="dark"] .error,
[data-theme="dark"] .alert--err { background: #3a1d1b; color: #f3b0aa; border-color: #5e2b27; }

/* روش ها پرداخت در وب‌سایت عمومی */
.paymethods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; max-width: 800px; margin: 0 auto; }
.paymethod { display: flex; gap: 1rem; align-items: flex-start; padding: 1.1rem 1.3rem; border-radius: var(--radius); background: var(--paper-2); border: 1px solid var(--line); }
.paymethod__icon { font-size: 1.6rem; flex: none; }
.paymethod strong { color: var(--ink-900); display: block; margin-bottom: .25rem; }
.paymethod p { color: var(--muted); font-size: .88rem; line-height: 1.7; margin: 0; white-space: pre-wrap; }
@media (max-width: 880px) { .paymethods { grid-template-columns: 1fr; } }

/* تقویم شمسی (Persian datepicker) */
.pdp-field { display: flex; gap: .5rem; align-items: center; }
.pdp-field .input { flex: 1; cursor: pointer; }
.pdp { z-index: 1000; width: 250px; background: var(--paper-2, #fff); border: 1px solid var(--line, #d9d5cc); border-radius: 9px; box-shadow: var(--shadow-lg, 0 12px 40px rgba(0,0,0,.18)); padding: .6rem; }
.pdp__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }
.pdp__title { font-weight: 700; color: var(--ink-900, #1f2a44); font-size: .92rem; }
.pdp__nav { width: 30px; height: 30px; border: 1px solid var(--line, #d9d5cc); background: transparent; color: var(--ink-900, #1f2a44); border-radius: 6px; cursor: pointer; font-size: 1.1rem; }
.pdp__nav:hover { border-color: var(--accent, #0e7c5a); color: var(--accent, #0e7c5a); }
.pdp__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.pdp__wd { text-align: center; font-size: .7rem; color: var(--muted-2, #98a0ab); padding: .25rem 0; font-weight: 700; }
.pdp__cell { aspect-ratio: 1; border: none; background: transparent; border-radius: 5px; cursor: pointer; font-size: .85rem; color: var(--ink-900, #1f2a44); }
.pdp__cell:hover { background: var(--accent-soft, #eaf4ef); color: var(--accent, #0e7c5a); }
.pdp__cell--empty { cursor: default; }

/* پرتال مشتری — تمایز جزئی سایدبار */
.sidebar--customer .logo-text { color: var(--accent-bright, #25c393); }

/* واگذاری کار */
.reassign-box { border-top: 1px solid var(--line, #e6e3dc); margin-top: 1rem; padding-top: .9rem; }
.reassign-box > label { display:block; font-size:.85rem; color: var(--muted, #7a828d); margin-bottom:.4rem; }
.reassign-row { display:flex; gap:.5rem; align-items:center; }
.reassign-row .input { flex:1; }

/* نمودار میله‌ای ساده در گزارش‌ها */
.bars { display:flex; flex-direction:column; gap:.7rem; }
.bar-row { display:grid; grid-template-columns: 110px 1fr 40px; gap:.6rem; align-items:center; }
.bar-row__label { font-size:.85rem; color: var(--ink-900, #1f2a44); }
.bar-row__val { font-size:.85rem; color: var(--muted, #7a828d); text-align:left; font-variant-numeric: tabular-nums; }
.bar { height:10px; background: var(--paper-2, #f0eee8); border-radius: 12px; overflow:hidden; border:1px solid var(--line,#e6e3dc); }
.bar__fill { height:100%; background: var(--accent, #0e7c5a); border-radius: 12px; min-width:2px; transition: width .4s ease; }
.bar__fill--alt { background: var(--amber, #d99a2b); }

/* نشان اولویت/مهلت کار */
.prio { display:inline-block; margin-inline-start:.5rem; font-size:.7rem; padding:.1rem .5rem; border-radius: 12px; font-weight:700; }
.prio--urgent { background:#fde8e8; color:#c0392b; }
.prio--high   { background:#fef3e2; color:#b9770e; }
.prio--normal { background:#eef1f4; color:#5a6473; }
.prio--low    { background:#eef7f0; color:#3a7d52; }
.due { display:inline-block; margin-inline-start:.5rem; font-size:.7rem; color: var(--muted,#7a828d); }
.due--over { color:#c0392b; font-weight:700; }

/* فاز ۲۰ — چیدمان چندستونهٔ فرم */
.dynform__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0 1rem; align-items: start; }
.dynform__grid > .field, .dynform__grid > .col--full { margin-bottom: .9rem; }
.col--full  { grid-column: span 6; }
.col--half  { grid-column: span 3; }
.col--third { grid-column: span 2; }
@media (max-width: 680px) {
  .col--half, .col--third { grid-column: span 6; }
}
/* فیلد محاسباتی و فایل */
.input--computed { background: var(--accent-soft, #eaf4ef); font-weight: 700; color: var(--accent, #0e7c5a); }
.file-field { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.file-field .link { font-weight: 700; }

/* جریان رویداد (Event Sourcing) */
.stream { margin-top: .8rem; border-top: 1px solid var(--line,#e6e3dc); }
.stream__row { display: grid; grid-template-columns: 56px 1fr 1fr 130px; gap: .6rem; align-items: center; padding: .5rem 0; border-bottom: 1px dashed var(--line,#e9e6df); }
.stream__v { color: var(--accent,#0e7c5a); font-weight: 700; font-size: .8rem; }
.stream__type { font-weight: 700; color: var(--ink-900,#1f2a44); font-size: .9rem; }
.stream__node { color: var(--muted,#7a828d); font-size: .8rem; }
.stream__time { color: var(--muted-2,#98a0ab); font-size: .78rem; text-align: left; }

/* تاگل قابل‌شروع توسط مشتری در طراح */
.cstart-toggle { display:inline-flex; align-items:center; gap:.4rem; font-size:.85rem; color:var(--ink-700,#3a4452); cursor:pointer; padding:.3rem .6rem; }
.cstart-toggle input { width:16px; height:16px; }
/* شبکهٔ کارت‌ها در پرتال */
.cards-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1rem; }
.mb-sm { margin-bottom:.4rem; }

/* کارت‌های درخواست جدید (پرتال مشتری) */
.cards-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.1rem; }
.req-card {
    background: var(--paper, #fff);
    border: 1px solid var(--line, #e6e3dc);
    border-radius: 12px; padding: 1.5rem 1.3rem;
    display: flex; flex-direction: column; align-items: flex-start;
    box-shadow: 0 1px 2px rgba(16,22,43,.04);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.req-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(16,22,43,.12); border-color: var(--accent, #0e7c5a); }
.req-card__icon {
    width: 46px; height: 46px; border-radius: 9px; margin-bottom: .9rem;
    display: grid; place-items: center; font-size: 1.5rem; font-weight: 700;
    color: #fff; background: linear-gradient(135deg, var(--accent-bright, #12b886), var(--accent, #0e7c5a));
}
.req-card__title { margin: 0 0 .4rem; font-size: 1.05rem; color: var(--ink-900, #1f2a44); }
.req-card__desc { margin: 0 0 1.1rem; color: var(--muted, #7a828d); font-size: .88rem; line-height: 1.6; flex: 1; }
.req-card__btn { width: 100%; justify-content: center; }

/* لیست چک‌باکس (واجد‌بودن فرایند) */
.chk-list { display:flex; flex-direction:column; gap:.4rem; max-height:200px; overflow:auto; border:1px solid var(--line,#e6e3dc); border-radius: 7px; padding:.6rem .8rem; }
.chk { display:flex; align-items:center; gap:.5rem; font-size:.9rem; cursor:pointer; }
.chk input { width:16px; height:16px; }

/* دکمهٔ حذف و تایید دومرحله‌ای */
.btn--danger { background: var(--danger, #dc2626); border-color: var(--danger, #dc2626); color: #fff; }
.btn--danger:hover { background: #b91c1c; border-color: #b91c1c; }
.del-confirm { display: inline-flex; align-items: center; gap: .35rem; font-size: .82rem; color: var(--danger, #dc2626); margin-inline-start: .4rem; }
.del-btn { color: var(--danger, #dc2626); }

/* ===== استایل فیلدهای فرم: فایل / چک‌باکس / رادیویی (فاز UI) ===== */

/* آپلود فایل — بخشٔ کشیدن */
.file-drop {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25rem;
    border: 2px dashed var(--line, #d8d4cc); border-radius: 10px;
    padding: 1.4rem 1rem; cursor: pointer; text-align: center;
    background: var(--paper-2, #faf9f6); transition: border-color .15s, background .15s, transform .1s;
    position: relative;
}
.file-drop:hover { border-color: var(--accent, #0e7c5a); background: #f1faf6; }
.file-drop__icon { font-size: 1.6rem; color: var(--accent, #0e7c5a); line-height: 1; }
.file-drop__text { font-weight: 600; color: var(--ink-900, #1f2a44); font-size: .92rem; }
.file-drop__hint { font-size: .78rem; color: var(--muted, #8a8f99); }
.file-drop__input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.file-uploading { display: flex; align-items: center; gap: .5rem; padding: .9rem 1rem; border-radius: 9px; background: var(--paper-2, #faf9f6); color: var(--muted, #6b7280); font-size: .88rem; }
.file-done { display: flex; align-items: center; gap: .6rem; padding: .75rem 1rem; border-radius: 9px; background: #f0fbf6; border: 1px solid #bfe9d4; }
.file-done__icon { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--accent, #0e7c5a); color: #fff; font-size: .85rem; flex: none; }
.file-done__link { color: var(--accent, #0e7c5a); font-weight: 600; font-size: .88rem; flex: 1; }

/* چک‌باکس و رادیویی — ظاهر مدرن */
.radio-group, .check-group { display: flex; flex-wrap: wrap; gap: .55rem; }
.radio-pill, .check {
    display: inline-flex; align-items: center; gap: .5rem;
    border: 1px solid var(--line, #d8d4cc); border-radius: 7px;
    padding: .5rem .9rem; cursor: pointer; user-select: none;
    background: var(--paper, #fff); transition: border-color .15s, background .15s, box-shadow .15s;
    font-size: .9rem; color: var(--ink-800, #2a3344);
}
.radio-pill:hover, .check:hover { border-color: var(--accent, #0e7c5a); background: #f6fbf9; }
.radio-pill.is-sel { border-color: var(--accent, #0e7c5a); background: #eaf7f1; box-shadow: 0 0 0 2px rgba(14,124,90,.12); font-weight: 600; }

/* ظاهر خودِ مربع/دایره */
.radio-pill input[type="radio"], .check input[type="checkbox"] {
    appearance: none; -webkit-appearance: none;
    width: 18px; height: 18px; margin: 0; flex: none;
    border: 2px solid var(--line, #c9c4ba); background: #fff;
    display: grid; place-content: center; cursor: pointer; transition: border-color .15s, background .15s;
}
.check input[type="checkbox"] { border-radius: 4px; }
.radio-pill input[type="radio"] { border-radius: 50%; }
.radio-pill input[type="radio"]:checked, .check input[type="checkbox"]:checked {
    border-color: var(--accent, #0e7c5a); background: var(--accent, #0e7c5a);
}
.check input[type="checkbox"]:checked::after {
    content: "✓"; color: #fff; font-size: .72rem; font-weight: 700; line-height: 1;
}
.radio-pill input[type="radio"]:checked::after {
    content: ""; width: 8px; height: 8px; border-radius: 50%; background: #fff;
}

/* ویرایشگر نتایج گام در طراح */
.outcome-edit-row { display: flex; gap: .5rem; align-items: center; margin-bottom: .45rem; flex-wrap: wrap; }
.outcome-edit-row .input { flex: 1; min-width: 120px; }

/* فاز ۲۴ — دکمهٔ دیکتهٔ صوتی */
.voice-dictation { display: inline-flex; align-items: center; gap: .5rem; margin-top: .35rem; }
.voice-dictation__err { color: #c0392b; font-size: .8rem; }
.btn--danger { background: #c0392b; color: #fff; border-color: #c0392b; }
.btn--danger:hover { background: #a93226; border-color: #a93226; }

/* تایم‌لاین مراحل فرایند */
.ptl { list-style: none; margin: 0; padding: 0; position: relative; }
.ptl::before { content: ""; position: absolute; right: 9px; top: 4px; bottom: 4px; width: 2px; background: #e0e0e0; }
.ptl__item { position: relative; padding: 0 32px 18px 0; }
.ptl__dot { position: absolute; right: 3px; top: 3px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px #e0e0e0; }
.ptl__head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.ptl__title { font-weight: 600; }
.ptl__time { color: #9e9e9e; font-size: .8rem; }
.ptl__note { margin: 4px 0 0; padding: 8px 10px; background: #f6f8fa; border-radius: 6px; font-size: .9rem; color: #37474f; }

/* فیلد شبا */
.sheba-field { display: flex; align-items: stretch; gap: 0; direction: ltr; }
.sheba-prefix { display: inline-flex; align-items: center; padding: 0 12px; background: #eceff1; border: 1px solid #cfd8dc; border-left: none; border-radius: 0 8px 8px 0; font-weight: 600; color: #455a64; }
.sheba-field .input { border-radius: 6px 0 0 8px; }

/* پیکربندی پارامترهای سرویس در طراح */
.svc-param { margin-bottom: .6rem; }
.svc-param__label { display: block; font-size: .85rem; margin-bottom: .2rem; }
.svc-param__tag { display: inline-block; font-size: .7rem; background: #e3f2fd; color: #1565c0; border-radius: 4px; padding: 1px 6px; margin-right: 6px; }

/* بَج زنگولهٔ اعلان زنده */
.bell { position: relative; display: inline-block; }
.bell__badge { position: absolute; top: -6px; left: -8px; min-width: 16px; height: 16px; padding: 0 4px;
  background: #c62828; color: #fff; border-radius: 12px; font-size: .68rem; line-height: 16px; text-align: center; font-weight: 700; }
.row--unread td { font-weight: 600; background: #fff7ed; }

/* دیالوگ متغیرها و فیلدها (طراح فرایند) */
.modal__head .x { background: none; border: none; font-size: 1.1rem; cursor: pointer; color: var(--muted, #889); padding: .2rem .5rem; border-radius: 6px; }
.modal__head .x:hover { background: rgba(0,0,0,.06); }
.vars-table-wrap { max-height: 52vh; overflow: auto; border: 1px solid var(--line, #e4e2d8); border-radius: 7px; }
.vars-table { margin: 0; }
.vars-table th { position: sticky; top: 0; background: var(--surface, #fff); z-index: 1; }
.var-key { background: #eef3f8; padding: .15rem .5rem; border-radius: 4px; font-size: .85rem; color: #1f5fa6; direction: ltr; display: inline-block; }
.var-type { font-size: .8rem; padding: .12rem .55rem; border-radius: 12px; background: #f0ece0; color: #6b5e3e; }
.var-source { font-size: .85rem; color: var(--muted, #667); }
[data-theme="dark"] .modal__card { background: #131a26; }
[data-theme="dark"] .var-key { background: #1b2a3c; color: #7db4ec; }
[data-theme="dark"] .var-type { background: #2a2618; color: #d8c79a; }

/* پنل ساخت فرایند با گفتار/AI */
.ai-rec { display: flex; align-items: center; gap: .6rem; }
.rec-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #e53935; margin-left: .35rem; animation: recpulse 1s infinite; }
@keyframes recpulse { 0%,100% { opacity: 1; } 50% { opacity: .3; } }

/* منوی پنل: سرتیتر بخش + دکمهٔ همبرگری (drawer موبایل) */
.nav__section { font-size: .7rem; font-weight: 700; color: #6b7a8d; letter-spacing: .03em; padding: .9rem .85rem .35rem; margin-top: .3rem; border-top: 1px solid rgba(255,255,255,.06); }
.nav__section:first-of-type { border-top: none; margin-top: 0; }
.nav-burger { display: none; background: transparent; border: 1px solid var(--line-2); color: var(--text); width: 38px; height: 38px; border-radius: 7px; cursor: pointer; font-size: 1.1rem; align-items: center; justify-content: center; margin-inline-end: .2rem; }
.nav-burger:hover { background: var(--paper-2); color: var(--accent); border-color: var(--accent); }
@media (max-width: 900px) { .nav-burger { display: inline-flex; } }

@media (max-width: 720px) {
    .main { padding: 1.2rem 1rem; }
    .topbar { padding-inline: 1rem; gap: .5rem; }
    .topbar__tenant { font-size: .8rem; }
    .topbar__name { display: none; }
    .topbar__user { gap: .45rem; }
}
@media (max-width: 480px) {
    .topbar__tenant strong { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom; }
}

/* Process Mining dashboard */
.kv-table {
    width: 100%;
    border-collapse: collapse;
    margin: .3rem 0 1rem;
}

    .kv-table td {
        padding: .5rem 0;
        border-bottom: 1px solid var(--line, #eee);
        font-size: .92rem;
    }

        .kv-table td:last-child {
            text-align: left;
            direction: ltr;
        }

.conf-bar {
    height: 12px;
    border-radius: 12px;
    background: #eef0f3;
    overflow: hidden;
    margin: .4rem 0 .6rem;
}

.conf-bar__fill {
    height: 100%;
    background: linear-gradient(90deg, #1aa179, #12745b);
    border-radius: 12px;
    transition: width .4s ease;
}

.dfg-legend {
    display: flex;
    gap: 1.2rem;
    margin-top: .8rem;
    font-size: .82rem;
    color: var(--muted, #667);
}

    .dfg-legend span {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
    }

.dfg-swatch {
    width: 22px;
    height: 0;
    border-top: 3px solid #3a6ea5;
    display: inline-block;
}

.dfg-swatch--design {
    border-top-style: solid;
    border-top-color: #3a6ea5;
}

.dfg-swatch--dev {
    border-top-style: dashed;
    border-top-color: #c62828;
}

.variant {
    border: 1px solid var(--line, #e4e2d8);
    border-radius: 7px;
    padding: .6rem .8rem;
    margin-bottom: .6rem;
}

.variant__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .4rem;
}

.variant__rank {
    font-weight: 700;
    color: var(--accent, #12745b);
    font-size: .9rem;
}

.variant__pct {
    font-size: .8rem;
    color: var(--muted, #667);
}

.variant__path {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem;
}

.variant__node {
    background: #eef3f8;
    color: #1f5fa6;
    padding: .2rem .6rem;
    border-radius: 4px;
    font-size: .82rem;
}

.variant__arr {
    color: var(--muted, #99a);
    font-size: .8rem;
}

[data-theme="dark"] .conf-bar {
    background: #1f2630;
}

[data-theme="dark"] .variant__node {
    background: #1b2a3c;
    color: #7db4ec;
}
.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin-block: .75rem 1.25rem;
}

.detail-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .7rem .8rem;
  border: 1px solid var(--border);
  border-radius: .6rem;
  background: var(--surface-2, rgba(127, 127, 127, .05));
}

.detail-row > span { color: var(--muted); }
.detail-row > strong { overflow-wrap: anywhere; text-align: end; }

@media (max-width: 700px) {
  .detail-grid { grid-template-columns: 1fr; }
}
.recovery-card { max-inline-size: 36rem; margin-inline: auto; padding: clamp(1rem, 4vw, 2rem); overflow-wrap: anywhere; }
.sso-uri { direction: ltr; unicode-bidi: isolate; overflow-wrap: anywhere; display: inline-block; max-inline-size: 100%; }

/* Live status and deferred refresh preserve RTL, narrow screens and existing themes. */
.live-status { position: fixed; inset-block-end: .75rem; inset-inline-start: .75rem; z-index: 1040; display: flex; align-items: center; gap: .45rem; max-inline-size: min(25rem, calc(100vw - 1.5rem)); padding: .4rem .7rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--paper-2); color: var(--text, #182230); font-size: .75rem; box-shadow: 0 2px 10px #0001; pointer-events: none; }
.live-status__dot { inline-size: .5rem; block-size: .5rem; border-radius: 50%; background: #d58a12; flex: 0 0 auto; }
.live-status--connected .live-status__dot { background: #16975c; }
.live-refresh { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; padding: .7rem 1rem; margin-block-end: 1rem; border: 1px solid var(--line); border-radius: .75rem; background: var(--paper-2); color: var(--text); }
[data-theme="dark"] .live-status, [data-theme="dark"] .live-refresh { background: #1c2637; color: #edf2f8; }
@media (max-width: 600px) { .live-status { font-size: .65rem; inset-block-end: .35rem; } .live-refresh { align-items: stretch; } }

/* Release 46: compact controls, restrained color and a persistent workspace. */
:root { --paper:#f5f7fa; --paper-2:#fff; --line:#e2e8f0; --line-2:#b8c5d5; --accent:#2563eb; --accent-bright:#1d4ed8; --accent-soft:#edf4ff; --ink-700:#263956; --ok-bg:#e8f6ef; --ok-fg:#16734e; --mut-bg:#eef1f5; --mut-fg:#59677a; --radius:10px; --radius-sm:6px; --shadow:0 2px 7px #23365308,0 8px 24px #23365305; }
body { font-size:.9rem; line-height:1.65; }
button, input, select, textarea, .chip, .tab, .tabs button { font-family:inherit; }
button { line-height:1.5; }
*:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
h1[tabindex="-1"]:focus-visible { outline:none; }
.shell { grid-template-columns:240px minmax(0,1fr); }
.shell__body { min-inline-size:0; inline-size:100%; }
.main { max-inline-size:none; max-width:none; inline-size:100%; padding:1.25rem 1.4rem; }
.sidebar { padding:1.1rem .8rem; }
.sidebar__brand { margin-block-end:1.15rem; }
.nav__link { padding:.52rem .7rem; font-size:.86rem; border-radius:6px; gap:.65rem; min-block-size:36px; }
.nav__icon { inline-size:1.55rem; display:inline-flex; justify-content:center; align-items:center; font-size:.95rem; color:#a8bbef; }
.nav__link[href*="billing"] .nav__icon, .nav__link[href*="payment"] .nav__icon, .nav__link[href*="invoice"] .nav__icon { color:#7bd5ad; }
.nav__link[href*="report"] .nav__icon, .nav__link[href*="mining"] .nav__icon { color:#9dc3ff; }
.nav__link[href*="customer"] .nav__icon, .nav__link[href*="support"] .nav__icon { color:#a0ded0; }
.nav__link.active { background:#4263eb24; color:#f4f7ff; box-shadow:inset 0 0 0 1px #7691ff25; }
.nav__link.active .nav__icon { color:#b2c2ff; }
.nav__section { font-size:.7rem; margin-block:.75rem .3rem; }
.topbar { min-block-size:56px; padding:.65rem 1.4rem; background:var(--paper-2); border-block-end:1px solid var(--line); }
.page-head { margin-block-end:1rem; gap:.8rem; flex-wrap:wrap; }
h1 { font-size:1.3rem; } h2 { font-size:1.03rem; }
.page-head p { font-size:.82rem; max-inline-size:85ch; }
.field { margin-block-start:.65rem; }
.field label { font-size:.79rem; margin-block-end:.28rem; }
.input { padding:.42rem .65rem; font-size:.86rem; min-block-size:34px; border-width:1px; border-radius:6px; line-height:1.5; }
select.input { padding-block:.42rem; }
textarea.input { min-block-size:72px; resize:vertical; }
.btn { min-block-size:33px; padding:.42rem .85rem; font:600 .83rem/1.5 Vazirmatn,Tahoma,sans-serif; border-radius:6px; gap:.4rem; box-shadow:0 2px 5px #4263eb16; }
.btn--sm { min-block-size:28px; padding:.23rem .55rem; font-size:.76rem; }
.btn--ghost { box-shadow:none; } .btn--ghost:hover { background:var(--accent-soft); }
.card { border-radius:9px; box-shadow:var(--shadow); }
.card--pad { padding:1.05rem 1.15rem; }
.form-grid { gap:.4rem 1rem; }
.form-actions, .calendar-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; margin-block-start:1rem; }
.stats { gap:.8rem; margin-block:1rem; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); }
.stat { padding:.85rem 1rem; position:relative; overflow:hidden; border-block-start:3px solid #4263eb; }
.stat:nth-child(4n+2) { border-block-start-color:#16845b; } .stat:nth-child(4n+3) { border-block-start-color:#718198; } .stat:nth-child(4n+4) { border-block-start-color:#d84d5a; }
.stat__num { font-size:1.55rem; } .stat__label { font-size:.76rem; }
.table-wrap { inline-size:100%; overflow-x:auto; border-radius:8px; }
.table { border-collapse:separate; border-spacing:0; font-size:.83rem; }
.table th, .table td { padding:.58rem .8rem; vertical-align:middle; }
.table thead th { background:#edf2fb; color:#4b607f; font-size:.74rem; letter-spacing:0; white-space:nowrap; padding-block:.65rem; }
.table tbody tr { border:0; }
.table tbody td { border-block-end:1px solid var(--line); transition:background .15s ease; }
.table tbody tr:last-child td { border-block-end:0; }
.table tbody tr:nth-child(even) td { background:#f8faff; }
.table tbody tr:hover td { background:#edf2ff; }
.cell-action { display:table-cell; white-space:nowrap; }
.cell-action .btn + .btn { margin-inline-start:.3rem; }
.pagination, .pager, .card + .page-head:has(> button) { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6rem; margin-block:1rem .5rem; padding-block:.45rem; font-size:.8rem; }
.chip, .radio-pill, .outcome-pill { font-family:inherit; padding:.3rem .65rem; font-size:.8rem; border-radius:6px; }
.badge { border-radius:5px; padding:.13rem .45rem; font-size:.72rem; }
.modal__card, .modal-overlay > .modal { border-radius:10px; }
.modal__head, .modal__body, .modal__foot { padding:1rem 1.15rem; }
.modal__foot { display:flex; gap:.6rem; justify-content:flex-end; }
.confirmation-modal { z-index:12000; } .confirmation-modal .modal__card { max-inline-size:440px; } .confirmation-modal h2 i { color:#cf7438; margin-inline-end:.3rem; }
input[type="checkbox"], input[type="radio"] { appearance:none; -webkit-appearance:none; display:inline-grid; place-content:center; inline-size:17px; block-size:17px; min-inline-size:17px; margin:0; vertical-align:middle; border:1.5px solid var(--line-2); background:var(--paper-2); cursor:pointer; transition:background .12s,border-color .12s,box-shadow .12s; }
input[type="checkbox"] { border-radius:4px; }
input[type="radio"] { border-radius:50%; }
input[type="checkbox"]:checked, input[type="radio"]:checked { background:var(--accent); border-color:var(--accent); }
/* The check glyph has fixed geometry in both RTL and LTR; logical borders mirror it. */
input[type="checkbox"]:checked::after { content:""; inline-size:8px; block-size:4px; border-left:2px solid white; border-bottom:2px solid white; transform:rotate(-45deg) translateY(-1px); }
input[type="radio"]:checked::after { content:""; inline-size:7px; block-size:7px; border-radius:50%; background:#fff; }
input[type="checkbox"]:indeterminate { background:var(--accent); border-color:var(--accent); } input[type="checkbox"]:indeterminate::after { content:""; inline-size:8px; block-size:2px; border:0; transform:none; background:white; }
input[type="checkbox"]:disabled, input[type="radio"]:disabled { opacity:.45; cursor:not-allowed; }
label:has(> input[type="checkbox"]), label:has(> input[type="radio"]) { display:inline-flex; align-items:center; gap:.45rem; min-block-size:28px; cursor:pointer; }
.page-content { position:relative; inline-size:100%; min-block-size:130px; }
.page-content__loading { position:absolute; inset-inline:0; inset-block-start:0; display:flex; align-items:center; justify-content:center; gap:.65rem; padding-block:3rem; min-block-size:180px; color:var(--muted); }
.page-content__body.is-loading { visibility:hidden; pointer-events:none; }
.page-content__body:not(.is-loading) { animation:contentReveal .14s ease-out; }
@keyframes contentReveal { from { opacity:.6; transform:translateY(3px); } to { opacity:1; transform:none; } }
.persian-date-control { position:relative; inline-size:100%; }
.date-input-group { display:flex; gap:.35rem; }
.date-input-group .input { min-inline-size:0; } .date-toggle { flex:none; inline-size:34px; padding:0; }
.date-time { margin-block-start:.35rem; }
.persian-date-popup { position:absolute; inset-block-start:calc(100% + 5px); inset-inline-end:0; inline-size:min(290px,85vw); z-index:13000; padding:.65rem; box-shadow:0 12px 30px #172b4926; border-radius:8px; }
/* Lift an open calendar above sibling cards; rounded card clipping must not hide days. */
.card:has(.persian-date-popup) { overflow:visible; position:relative; z-index:30; }
/* Dialogs retain their scroll container: expand the calendar within it instead of clipping a popup. */
:is(.modal__card,.modal-overlay > .modal) .field:has(.persian-date-popup) { grid-column:1 / -1; }
:is(.modal__card,.modal-overlay > .modal) .persian-date-popup { position:relative; inset:auto; inline-size:min(290px,100%); margin-block-start:.4rem; }
.persian-date-popup .pdp__head { gap:.2rem; } .pdp__head select { min-inline-size:0; background:var(--paper-2); color:var(--text); border:1px solid var(--line); border-radius:4px; font:inherit; padding:.2rem; }
.pdp__cell.is-selected { background:var(--accent); color:#fff; } .pdp__cell.is-today { box-shadow:inset 0 0 0 1px var(--accent); }
.pdp__footer { display:flex; justify-content:space-between; gap:.2rem; border-block-start:1px solid var(--line); padding-block-start:.45rem; margin-block-start:.4rem; }
.holiday-list { display:flex; flex-wrap:wrap; gap:.4rem; margin-block-start:.6rem; } .holiday-chip { display:inline-flex; align-items:center; gap:.5rem; padding:.3rem .5rem; background:var(--accent-soft); border:1px solid var(--line); border-radius:5px; }
.calendar-days { display:flex; flex-wrap:wrap; gap:.45rem; } .calendar-days label { padding:.4rem .55rem; border:1px solid var(--line); border-radius:5px; } .calendar-days label:has(:checked) { border-color:var(--accent); background:var(--accent-soft); }
.calendar-editor { margin-block-start:1rem; } .report-filters { margin-block-end:1rem; }
[data-theme="dark"] { --paper:#101828; --paper-2:#172235; --line:#2b3b52; --line-2:#526780; --accent:#8bb8ff; --accent-bright:#b2d0ff; --accent-soft:#233957; --ink-700:#d6e0f1; --ok-bg:#183c32; --ok-fg:#8cddb7; --mut-bg:#263449; --mut-fg:#c2cdde; }
[data-theme="dark"] .btn:not(.btn--ghost):not(.btn--danger) { color:#0b1530; }
[data-theme="dark"] .table thead th { background:#20314b; color:#c3d2ec; }
[data-theme="dark"] .table tbody tr:nth-child(even) td { background:#1b293e; }
[data-theme="dark"] .table tbody tr:hover td { background:#253858; }
[data-theme="dark"] .chip { background:var(--paper-2); color:var(--text); }
[data-theme="dark"] .pdp__head select { background:var(--paper-2); }
@media(max-width:900px) { .shell { grid-template-columns:minmax(0,1fr); } .main { padding:1rem .8rem; } .topbar { padding:.55rem .8rem; } .table th,.table td { padding:.55rem .6rem; } }
@media(max-width:600px) { .form-grid--3,.form-grid--2 { grid-template-columns:minmax(0,1fr); } .stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .stat { padding:.7rem; } .stat__num { font-size:1.25rem; } .card--pad { padding:.85rem; } .modal__card { max-block-size:92dvh; overflow-y:auto; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.001ms!important; transition-duration:.001ms!important; } }

.reports-comparisons{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.reports-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.reports-comparisons{grid-template-columns:minmax(0,1fr)}.reports-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Release 47: semantic accents and accessible, compact confirmation dialogs. */
.btn--danger { background:#cf3547; color:#fff; box-shadow:none; }
.btn--danger:hover { background:#b52638; color:#fff; box-shadow:0 3px 10px #cf354725; }
.badge--info { background:#eaf2ff; color:#255cb5; }
.badge--danger { background:#fff0f1; color:#b32d41; }
.stat__icon { display:inline-grid; place-items:center; inline-size:34px; block-size:34px; font-size:1rem; background:#edf4ff; color:#2563eb; border-radius:7px; opacity:1; }
.stat:nth-child(4n+2) .stat__icon { background:#e8f6ef; color:#16845b; }
.stat:nth-child(4n+3) .stat__icon { background:#eef1f5; color:#5f7188; }
.stat:nth-child(4n+4) .stat__icon { background:#fff0f1; color:#bf3b4e; }
.confirmation-modal { background:#0c192b70; backdrop-filter:blur(3px); padding:1rem; }
.confirmation-modal .confirmation-dialog { display:flex; flex-direction:column; inline-size:min(440px,100%); max-inline-size:440px; max-block-size:90dvh; padding:0; border:1px solid var(--line); box-shadow:0 22px 70px #07152e35; overflow:hidden; scrollbar-gutter:auto; animation:confirmationEnter .16s ease-out; }
.confirmation-modal .confirmation-dialog > :last-child { margin-block-end:0; }
.confirmation-dialog__head { display:flex; flex:none; align-items:center; gap:.85rem; padding:1.3rem 1.3rem .8rem; }
.confirmation-dialog__icon { display:inline-grid; place-items:center; flex:none; inline-size:44px; block-size:44px; border-radius:10px; background:#edf4ff; color:#2563eb; font-size:1.2rem; }
.confirmation-dialog--danger .confirmation-dialog__icon { background:#fff0f1; color:#cf3547; }
.confirmation-dialog__eyebrow { display:block; color:var(--muted); font-size:.7rem; margin-block-end:.1rem; }
.confirmation-dialog__head h2 { font-size:1.06rem; line-height:1.7; }
.confirmation-dialog__close { display:inline-grid; place-items:center; flex:none; inline-size:28px; block-size:28px; margin-inline-start:auto; align-self:flex-start; padding:0; background:transparent; color:var(--muted); border:1px solid transparent; border-radius:5px; cursor:pointer; }
.confirmation-dialog__close:hover { background:var(--paper); border-color:var(--line); color:var(--text); }
.confirmation-dialog__body { min-block-size:0; overflow-y:auto; padding:.25rem 1.3rem 1.3rem; }
.confirmation-dialog__body p { margin:0; font-size:.88rem; line-height:1.95; color:var(--muted); overflow-wrap:anywhere; }
.confirmation-dialog__foot { display:flex; flex:none; justify-content:flex-end; gap:.65rem; padding:.9rem 1.3rem; background:var(--paper); border-block-start:1px solid var(--line); }
.confirmation-dialog__foot .btn { min-inline-size:100px; }
@keyframes confirmationEnter { from { opacity:0; transform:translateY(7px) scale(.99); } to { opacity:1; transform:none; } }

/* Public website: real product capabilities, a readable product preview and clear routes. */
.site { --marketing-blue:#2563eb; --marketing-green:#16845b; --marketing-heading:#172a46; --marketing-soft:#edf4ff; background:var(--paper-2); }
.site-head { background:var(--paper-2); border-block-end:1px solid var(--line); box-shadow:0 3px 18px #172a4604; }
.site-head__inner { max-inline-size:1240px; min-block-size:76px; gap:1.4rem; padding-block:.8rem; }
.site-brand { gap:.65rem; flex:none; }
.site-brand__mark { display:inline-grid; place-items:center; inline-size:39px; block-size:39px; background:#2563eb; color:#fff; border:0; border-radius:9px; box-shadow:0 4px 10px #2563eb20; transform:none; }
.site-brand__mark::before,.site-brand__mark::after { content:none; }
.site-brand__mark i { font-size:1.1rem; }
.site-brand__text { font-size:1.12rem; color:var(--marketing-heading); line-height:1.5; }
.site-brand__text small { font:400 .68rem/1.5 Tahoma,sans-serif; color:var(--muted); letter-spacing:.03em; }
.site-nav { gap:.2rem; }
.site-nav a { font-size:.82rem; padding:.45rem .65rem; border-radius:5px; }
.site-nav a:hover,.site-nav a.active { background:var(--accent-soft); color:var(--accent); }
.site-head__actions { gap:.6rem; }
.site-head .theme-toggle { inline-size:32px; block-size:32px; }
.site .btn { box-shadow:none; }
.site .btn--lg { min-block-size:43px; padding:.68rem 1.1rem; font-size:.87rem; }
.site .btn--ghost { background:transparent; border:1px solid var(--line-2); color:var(--text); }
.site .btn--ghost:hover { background:var(--accent-soft); border-color:var(--accent); color:var(--accent); }
.marketing-eyebrow { display:inline-flex; align-items:center; gap:.45rem; color:var(--accent); font-size:.77rem; font-weight:600; margin-block-end:.8rem; }
.marketing-dot { inline-size:7px; block-size:7px; background:var(--marketing-green); border-radius:50%; box-shadow:0 0 0 4px #16845b10; }
.marketing-hero { border-block-end:1px solid var(--line); background:radial-gradient(ellipse at 15% 45%,#eaf2ff 0,transparent 55%),linear-gradient(180deg,#fff,#f8fafc); }
.marketing-hero__inner { max-inline-size:1240px; margin-inline:auto; padding:5rem 1.5rem; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:3rem; }
.marketing-hero__copy h1 { font-size:clamp(2.2rem,3.8vw,3.4rem); line-height:1.55; font-weight:800; color:var(--marketing-heading); letter-spacing:-.035em; }
.marketing-hero__copy h1 span { color:var(--marketing-blue); }
.marketing-hero__copy > p { max-inline-size:52ch; margin-block:1.15rem 1.5rem; font-size:.98rem; line-height:2; color:var(--muted); }
.marketing-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; }
.marketing-capabilities { display:flex; flex-wrap:wrap; gap:.6rem 1.15rem; margin-block-start:1.7rem; color:var(--muted); font-size:.74rem; }
.marketing-capabilities i { color:var(--marketing-green); margin-inline-end:.25rem; }
.product-preview { min-inline-size:0; border:1px solid #d6e1ef; border-radius:12px; background:var(--paper-2); box-shadow:0 20px 60px #19396912,0 3px 9px #19396908; overflow:hidden; transform:perspective(1400px) rotateY(3deg); }
.product-preview__top { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.8rem 1.1rem; background:#182c49; color:#fff; font-size:.76rem; }
.product-preview__top i { margin-inline-end:.4rem; color:#a5c8ff; }
.product-preview__sample { color:#d6e2f4; padding:.1rem .45rem; border:1px solid #52647e; border-radius:4px; font-size:.65rem; }
.product-preview__body { padding:1.3rem; }
.product-preview__heading { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.product-preview__heading small { color:var(--muted); font-size:.65rem; }
.product-preview__heading h2 { color:var(--marketing-heading); font-size:.95rem; margin-block-start:.2rem; }
.product-preview__live { display:inline-flex; align-items:center; gap:.3rem; color:var(--ok-fg); font-size:.62rem; white-space:nowrap; }
.product-preview__live > span { inline-size:5px; block-size:5px; border-radius:50%; background:var(--marketing-green); }
.preview-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:.4rem; align-items:center; margin-block:1.5rem; padding:.9rem .6rem; background:var(--paper); border:1px solid var(--line); border-radius:7px; }
.preview-flow > div { display:flex; flex-direction:column; align-items:center; gap:.5rem; font-size:.66rem; color:var(--muted); }
.preview-flow > div > i { color:var(--marketing-blue); font-size:1.05rem; }
.preview-flow > div:last-child > i { color:var(--marketing-green); }
.preview-flow > i { color:var(--line-2); font-size:.6rem; }
.preview-list { border:1px solid var(--line); border-radius:7px; overflow:hidden; }
.preview-list > div { display:flex; justify-content:space-between; gap:.5rem; align-items:center; padding:.75rem .8rem; border-block-end:1px solid var(--line); font-size:.75rem; }
.preview-list > div:last-child { border-block-end:0; }
.preview-list .preview-list__head { padding-block:.45rem; background:var(--paper); color:var(--muted); font-size:.66rem; }
.preview-list > div > span:first-child > i { color:var(--muted); margin-inline-end:.25rem; }
.preview-list small { display:block; color:var(--muted); margin-block-start:.15rem; padding-inline-start:1.2rem; font-size:.62rem; }
.preview-list .badge { font-size:.62rem; white-space:nowrap; }
.product-preview__note { margin-block:.8rem 0; color:var(--muted); font-size:.62rem; text-align:center; }
.site .section { padding-block:4rem; }
.site .section__head { max-inline-size:740px; margin:0 auto 2rem; }
.site .section__head h2 { font-size:1.75rem; color:var(--marketing-heading); line-height:1.65; }
.site .section__head p { font-size:.92rem; line-height:1.9; }
.site .feature-grid { gap:1rem; }
.site .feature { padding:1.5rem; border-radius:8px; box-shadow:0 2px 4px #14294303; }
.site .feature:hover { transform:translateY(-2px); box-shadow:0 8px 24px #172a4609; border-color:#b7c9e5; }
.site .feature__icon { inline-size:40px; block-size:40px; font-size:1.05rem; background:var(--marketing-soft); color:var(--marketing-blue); border-radius:8px; }
.site .feature:nth-child(3n+2) .feature__icon { background:#e8f6ef; color:#16845b; }
.site .feature:nth-child(3n+3) .feature__icon { background:#fff0f1; color:#b83f50; }
.site .feature h3 { font-size:1rem; color:var(--marketing-heading); }
.site .feature p { font-size:.84rem; line-height:1.95; }
.site .marketing-audiences { display:grid; grid-template-columns:1fr 1fr; gap:1.3rem; padding-block-start:0; }
.audience-card { padding:2rem; border:1px solid #dbe7fb; background:#f6f9ff; border-radius:9px; }
.audience-card > .feature__icon { display:flex; }
.audience-card .marketing-eyebrow { margin-block:.3rem .5rem; }
.audience-card h2 { font-size:1.3rem; color:var(--marketing-heading); }
.audience-card p { font-size:.88rem; color:var(--muted); line-height:2; margin-block:.8rem 1.2rem; }
.audience-card .link { font-size:.8rem; }
.audience-card .link i { font-size:.7rem; margin-inline-start:.3rem; }
.audience-card--green { background:#f2faf6; border-color:#d4eade; }
.audience-card--green .feature__icon { background:#e1f2e9; color:#16845b; }
.audience-card--green .marketing-eyebrow,.audience-card--green .link { color:#16734e; }
.site .marketing-method { background:var(--paper); }
.site .step { text-align:start; padding:1rem 1.5rem; }
.site .step__n { inline-size:38px; block-size:38px; border-radius:7px; background:var(--paper-2); border:1px solid var(--line); color:var(--accent); font-size:.87rem; }
.site .step h3 { color:var(--marketing-heading); font-size:1rem; }
.site .step p { font-size:.84rem; line-height:1.95; }
.marketing-cta { max-inline-size:1132px; margin:3rem auto; padding:2.5rem; border-radius:10px; background:#182c49; color:#fff; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1.5rem; }
.marketing-cta h2 { font-size:1.5rem; line-height:1.7; }
.marketing-cta p { color:#c2d0e3; font-size:.87rem; line-height:1.9; }
.marketing-cta .marketing-eyebrow { color:#a5c8ff; }
.marketing-cta .btn { background:#fff; color:#1c4b96; }
.marketing-cta .btn:hover { background:#eaf2ff; }
.marketing-cta .btn--ghost { color:#fff; background:transparent; border-color:#65758c; }
.marketing-cta .btn--ghost:hover { color:#fff; background:#263e5f; border-color:#91add4; }
.site .page-hero { padding:3.5rem 1.5rem 3rem; border-block-end:1px solid var(--line); background:linear-gradient(140deg,var(--paper),var(--paper-2)); }
.site .page-hero h1 { max-inline-size:950px; margin-inline:auto; font-size:2.25rem; line-height:1.7; color:var(--marketing-heading); }
.site .page-hero p { max-inline-size:700px; margin:.7rem auto 0; font-size:.96rem; line-height:1.95; }
.marketing-story { display:grid; grid-template-columns:1fr 1.5fr; gap:3rem; margin-block-end:3rem; }
.marketing-story h2 { color:var(--marketing-heading); font-size:1.65rem; line-height:1.8; }
.marketing-story p { line-height:2.1; font-size:.93rem; color:var(--muted); margin-block-end:.9rem; }
.site .plans { grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:1.2rem; }
.site .plan { padding:1.6rem; border-radius:9px; border-block-start:3px solid var(--marketing-blue); box-shadow:var(--shadow); }
.site .plan:nth-child(3n+2) { border-block-start-color:var(--marketing-green); }
.site .plan:nth-child(3n+3) { border-block-start-color:#cf3547; }
.site .plan__name { color:var(--marketing-heading); }
.site .plan__price strong { font-size:2rem; color:var(--marketing-heading); }
.site .plan__price span { color:var(--muted); }
.site .plan > p { color:var(--muted); font-size:.85rem; line-height:1.9; }
.site .plan__features { margin-block-start:1rem; }
.site .plan__features li { font-size:.83rem; padding-block:.55rem; }
.site .plan > .btn + .btn { margin-block-start:.6rem; }
.site .paymethod__icon { font-size:1.2rem; color:var(--accent); }
.site .paymethod strong,.site .contact__item strong { color:var(--marketing-heading); }
.contact__intro { color:var(--muted); font-size:.87rem; line-height:2; margin-block:.7rem 1.5rem; }
.site .contact { gap:3rem; }
.site .contact h2 { color:var(--marketing-heading); font-size:1.2rem; }
.site .contact__item { gap:.8rem; }
.site .contact__item > span { inline-size:38px; block-size:38px; font-size:1rem; }
.site .contact__item p { font-size:.83rem; line-height:1.9; }
.site .contact__form { padding:1.7rem; border-radius:9px; box-shadow:var(--shadow); }
.site .contact__form .input { min-block-size:40px; }
.site .contact__form .field { margin-block-start:1rem; }
.site .contact__form .btn { margin-block-start:1.2rem; min-block-size:40px; }
.site-foot { background:#101f35; }
.site-foot .site-brand__text,.site-foot .site-brand__text small { color:#fff; }
.site-foot .site-brand__mark { box-shadow:none; }
.site-foot__inner { padding-block:3rem; }
.site-foot__col h4 { font-size:.9rem; }
.site-foot__col a { font-size:.82rem; padding-block:.35rem; }
.site-foot__col a:hover { color:#b5d1ff; }
.site-foot__about { max-inline-size:42ch; font-size:.85rem; }
.site-foot__bar { padding-block:1rem; font-size:.75rem; color:#adbed4; }
[data-theme="dark"] .badge--info { background:#233e62; color:#b4d2ff; }
[data-theme="dark"] input:is([type="checkbox"],[type="radio"]):is(:checked,:indeterminate) { background:#397be6; border-color:#7facf0; }
[data-theme="dark"] .badge--danger { background:#482a36; color:#ffb9c4; }
[data-theme="dark"] .confirmation-dialog__icon { background:#233e62; color:#b4d2ff; }
[data-theme="dark"] .confirmation-dialog--danger .confirmation-dialog__icon { background:#482a36; color:#ffb9c4; }
[data-theme="dark"] .stat__icon { background:#233e62; color:#b4d2ff; }
[data-theme="dark"] .stat:nth-child(4n+2) .stat__icon { background:#183c32; color:#8cddb7; }
[data-theme="dark"] .stat:nth-child(4n+3) .stat__icon { background:#263449; color:#c2cdde; }
[data-theme="dark"] .stat:nth-child(4n+4) .stat__icon { background:#482a36; color:#ffb9c4; }
[data-theme="dark"] .site { --marketing-heading:#edf3fc; --marketing-blue:#8bb8ff; --marketing-green:#8cddb7; --marketing-soft:#233e62; }
[data-theme="dark"] .marketing-hero { background:radial-gradient(ellipse at 15% 45%,#1c304b 0,transparent 55%),#101c2d; }
[data-theme="dark"] .product-preview { border-color:var(--line); box-shadow:0 20px 60px #0003; }
[data-theme="dark"] .site .feature:nth-child(3n+2) .feature__icon,[data-theme="dark"] .audience-card--green .feature__icon { background:#183c32; color:#8cddb7; }
[data-theme="dark"] .site .feature:nth-child(3n+3) .feature__icon { background:#482a36; color:#ffb9c4; }
[data-theme="dark"] .audience-card { background:#1a2c46; border-color:#304665; }
[data-theme="dark"] .audience-card--green { background:#182f2c; border-color:#2d5146; }
[data-theme="dark"] .audience-card--green .marketing-eyebrow,[data-theme="dark"] .audience-card--green .link { color:#8cddb7; }
[data-theme="dark"] .site .marketing-cta .btn { color:#1c4b96; }
[data-theme="dark"] .site .marketing-cta .btn--ghost { color:#fff; }
@media(max-width:1100px) {
    .site-head__inner { gap:.6rem; }
    .site-nav a { padding-inline:.45rem; font-size:.76rem; }
    .marketing-hero__inner { gap:1.5rem; padding-block:3.5rem; }
    .marketing-cta { margin-inline:1.5rem; }
}
@media(max-width:880px) {
    .site-head__inner { min-block-size:66px; }
    .site-head__actions { margin-inline-start:auto; }
    .site-nav { box-shadow:0 12px 20px #172a460d; }
    .site-nav a { padding:.65rem .8rem; inline-size:100%; font-size:.88rem; }
    .marketing-hero__inner { grid-template-columns:minmax(0,1fr); gap:2rem; padding:3rem 1.5rem; }
    .marketing-hero__copy { text-align:center; }
    .marketing-hero__copy > p { margin-inline:auto; }
    .marketing-hero__copy .marketing-actions,.marketing-capabilities { justify-content:center; }
    .product-preview { inline-size:min(560px,100%); margin-inline:auto; transform:none; }
    .site .section { padding-block:2.5rem; }
    .site .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .site .marketing-audiences { grid-template-columns:minmax(0,1fr); padding-block-start:0; }
    .site .steps { grid-template-columns:minmax(0,1fr); gap:.5rem; }
    .site .step { padding:.8rem 1rem; }
    .marketing-story { grid-template-columns:minmax(0,1fr); gap:1rem; }
    .marketing-cta { padding:1.8rem; margin-block:2rem; }
    .marketing-cta h2 { font-size:1.3rem; }
}
@media(max-width:540px) {
    .site-brand__text { font-size:1rem; }
    .site-brand__mark { inline-size:32px; block-size:32px; border-radius:7px; }
    .site-head__inner { padding-inline:1rem; }
    .site-head__actions { gap:.35rem; }
    .site-head__actions .btn { font-size:.72rem; padding-inline:.6rem; }
    .site-head .theme-toggle { inline-size:28px; }
    .marketing-hero__inner { padding:2.5rem 1rem; }
    .marketing-hero__copy h1 { font-size:2.15rem; }
    .marketing-hero__copy > p { font-size:.88rem; }
    .marketing-capabilities { gap:.7rem; font-size:.66rem; }
    .marketing-actions { gap:.6rem; }
    .marketing-hero__copy .marketing-actions .btn { flex:1 1 auto; padding-inline:.8rem; font-size:.8rem; }
    .product-preview__body { padding:.9rem; }
    .product-preview__heading { flex-wrap:wrap; }
    .preview-list > div { padding-inline:.6rem; font-size:.68rem; }
    .site .section { padding-inline:1rem; }
    .site .section__head h2 { font-size:1.4rem; }
    .site .feature-grid { grid-template-columns:minmax(0,1fr); }
    .site .feature,.audience-card { padding:1.3rem; }
    .site .page-hero { padding:2.5rem 1rem 2rem; }
    .site .page-hero h1 { font-size:1.7rem; }
    .site .page-hero p { font-size:.86rem; }
    .marketing-cta { margin-inline:1rem; padding:1.4rem; }
    .marketing-cta .marketing-actions,.marketing-cta > .btn { inline-size:100%; }
    .marketing-cta .marketing-actions .btn { flex:1 1 auto; }
    .site .contact { gap:1.5rem; }
    .site .contact__form { padding:1.2rem; }
    .confirmation-dialog__head { padding:1.1rem 1rem .7rem; gap:.65rem; }
    .confirmation-dialog__body { padding:.2rem 1rem 1.1rem; }
    .confirmation-dialog__foot { padding:.8rem 1rem; }
    .confirmation-dialog__foot .btn { flex:1; min-inline-size:0; }
}
:root { --bpmn-surface: #fff; }
.bpmn-properties { border-block-start: 1px solid #dbe3ed; margin-block-start: 1rem; padding-block-start: .8rem; }
.bpmn-properties h3 { margin-block: 0 .65rem; color: #2563eb; }
.bpmn-properties details { margin-block: .6rem; }
.bpmn-properties summary { cursor: pointer; color: #2563eb; }
.bpmn-properties .chk { margin-block: .45rem; }
.bpmn-map { margin-block: .65rem; padding: .65rem; border: 1px solid #dbe3ed; border-radius: 4px; }
.bpmn-map .row, .workflow-runtime .row { gap: .5rem; margin-block-end: .45rem; flex-wrap: wrap; }
.bpmn-canvas-tools { display: flex; align-items: center; gap: .65rem; padding-block-end: .5rem; }
.bpmn-canvas-scroll { overflow: auto; max-height: 76vh; background: radial-gradient(#cbd5e1 .7px, transparent .7px); background-size: 16px 16px; border: 1px solid #dbe3ed; border-radius: 4px; }
.bpmn-canvas.diagram { max-width: none; min-width: 100%; color: #334155; }
.bpmn-shape { direction: rtl; font-family: Vazirmatn, sans-serif; transition: filter .15s ease; }
.bpmn-shape.is-selected { color: #2563eb; filter: drop-shadow(0 0 3px #2563eb44); }
.workflow-runtime { margin-block-end: 1rem; }
[data-theme="dark"] { --bpmn-surface: #17243a; }
[data-theme="dark"] .bpmn-properties, [data-theme="dark"] .bpmn-map, [data-theme="dark"] .bpmn-canvas-scroll { border-color: #35445c; }
[data-theme="dark"] .bpmn-properties h3, [data-theme="dark"] .bpmn-properties summary { color: #93c5fd; }
[data-theme="dark"] .bpmn-canvas.diagram { color: #dbeafe; }

/* Release 48: focused navigation, compact designer and a shared Persian design guide. */
.enhanced-select-scope{display:contents}
.page-content{isolation:isolate;min-block-size:240px}
.page-content__loading[hidden]{display:none}
.page-content.is-preparing>.page-content__loading{display:flex;position:absolute;inset:0;min-block-size:260px;background:var(--paper);z-index:12;padding:2rem;align-items:flex-start;padding-block-start:4rem}
.page-content.is-preparing>.page-content__body{visibility:hidden;pointer-events:none}
.route-loader{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;color:var(--text);max-inline-size:360px}
.route-loader>span:not([class]){font-size:.78rem;color:var(--muted)}
.route-loader__orbit{display:grid;place-items:center;inline-size:60px;block-size:60px;border:1px solid color-mix(in srgb,#3578d6 25%,var(--line));border-radius:14px;background:color-mix(in srgb,#3578d6 7%,var(--paper-2));color:#3477cc;font-size:1.5rem;position:relative}
.route-loader__orbit:after{content:"";position:absolute;inset:-8px;border:2px solid transparent;border-block-start-color:#3884e1;border-inline-end-color:#32a27c;border-radius:50%;animation:routeOrbit 1.2s linear infinite}
.route-loader__track{inline-size:190px;block-size:3px;background:var(--line);border-radius:2px;overflow:hidden;margin-block-start:.25rem}
.route-loader__track:after{content:"";display:block;inline-size:44%;block-size:100%;background:linear-gradient(90deg,#3580d5,#36ac87);animation:routeTrack 1.3s ease-in-out infinite}
@keyframes routeOrbit{to{transform:rotate(360deg)}}@keyframes routeTrack{0%{transform:translateX(130%)}100%{transform:translateX(-260%)}}
.page-head:has(.designer-commandbar){display:block;position:relative;z-index:35;animation:none;overflow:visible}
.designer-commandbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.7rem .8rem;background:var(--paper-2);border:1px solid var(--line);border-radius:7px;box-shadow:0 3px 14px #1b345405;margin-block-start:1rem}
.designer-commandbar__group{display:flex;align-items:center;gap:.35rem;padding-inline-end:.75rem;border-inline-end:1px solid var(--line)}
.designer-action-wrap{position:relative;display:inline-flex}
.designer-action{display:grid;place-items:center;inline-size:36px;block-size:36px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:1rem;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s,color .15s}
.designer-action:hover,.designer-action:focus-visible{background:color-mix(in srgb,#367ccc 9%,var(--paper-2));color:#367ccc;transform:translateY(-1px)}
.designer-action.is-primary{background:#286bc0;color:white;box-shadow:0 3px 8px #286bc027}.designer-action.is-success{background:color-mix(in srgb,#1b9470 12%,var(--paper-2));color:#198365}
.designer-action:disabled{opacity:.4;cursor:wait;transform:none}
.designer-tooltip{position:absolute;inset-block-start:calc(100% + 9px);left:50%;transform:translate(-50%,-4px);display:flex;flex-direction:column;gap:.25rem;inline-size:240px;background:#142840;color:#fff;padding:.7rem .85rem;border-radius:6px;font-size:.72rem;line-height:1.8;box-shadow:0 8px 25px #101d3033;z-index:150;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,transform .14s}
.designer-tooltip strong{color:#fff;font-size:.79rem}.designer-tooltip>span{color:#ccdaeb}
.designer-action-wrap:hover>.designer-tooltip,.designer-action-wrap:focus-within>.designer-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.designer-commandbar__group:first-child .designer-action-wrap:first-child .designer-tooltip{left:auto;inset-inline-start:0;transform:translateY(-4px)}
.designer-commandbar__group:first-child .designer-action-wrap:first-child:hover .designer-tooltip,.designer-commandbar__group:first-child .designer-action-wrap:first-child:focus-within .designer-tooltip{transform:translateY(0)}
.designer-audience{display:flex;align-items:center;gap:.6rem;margin-inline-start:auto;font-size:.75rem;cursor:pointer}.designer-audience>span{display:flex;flex-direction:column;gap:.15rem}.designer-audience small{color:var(--muted)}
.designer{grid-template-columns:minmax(280px,330px) minmax(0,1fr);gap:1rem}.designer__editor{gap:.8rem;min-inline-size:0}.designer__canvas{padding:.8rem;min-inline-size:0;max-block-size:calc(100dvh - 106px)}
.designer__editor .nodelist{max-block-size:200px;overflow:auto;border-block-end:1px solid var(--line);padding-block-end:.6rem}.designer__editor .editbox{padding-block-start:.6rem}.designer-node-meta{background:var(--paper);padding:.5rem .65rem;border-radius:5px;margin-block-end:.6rem;font-size:.74rem}.designer-node-meta summary{cursor:pointer;color:var(--muted)}.designer-node-meta code{display:block;direction:ltr;overflow-wrap:anywhere}.designer-node-meta>span{display:block;margin-block-start:.5rem;color:var(--muted)}
.select2-container{font-family:inherit;font-size:.8rem;max-inline-size:100%}.select2-container .select2-selection--single{height:34px;border:1px solid var(--line-2);border-radius:5px;background:var(--paper-2);box-shadow:none}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:32px;color:var(--text);padding-inline-start:.65rem;padding-inline-end:1.9rem}.select2-container--default .select2-selection--single .select2-selection__arrow{height:32px;pointer-events:none}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:8px;right:auto}.select2-container--default .select2-selection--single .select2-selection__clear{position:absolute;inset-inline-end:2rem;inset-block-start:50%;transform:translateY(-50%);float:none;margin:0;inline-size:20px;block-size:22px;line-height:22px;text-align:center;border-radius:3px;color:var(--muted);z-index:1}.select2-container--default .select2-selection--single .select2-selection__clear:hover{background:var(--accent-soft);color:var(--accent)}.select2-container--default .select2-selection--single:has(.select2-selection__clear) .select2-selection__rendered{padding-inline-end:3.4rem}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--muted)}.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--open .select2-selection--single{border-color:#4786cf;box-shadow:0 0 0 3px #4786cf15}.select2-container--open{z-index:1500}.select2-dropdown{border:1px solid #4786cf66;border-radius:5px;background:var(--paper-2);color:var(--text);box-shadow:0 12px 26px #1428401a;padding:.3rem}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid var(--line);border-radius:4px;padding:.45rem .6rem;background:var(--paper);color:var(--text);font:inherit;outline:none}.select2-results__option{font-family:inherit;padding:.5rem .65rem;border-radius:4px;line-height:1.65;overflow-wrap:anywhere}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#286bc0;color:#fff}.select2-container--default .select2-results__option[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.select2-container--default.select2-container--disabled .select2-selection--single{background:var(--paper);opacity:.6}
.task-decision{margin-block-start:1rem;padding-block-start:.85rem;border-block-start:1px solid var(--line)}.task-decision fieldset{border:0;padding:0;margin:0 0 .65rem}.task-decision legend{font-size:.83rem;font-weight:700}.task-decision details{font-size:.78rem;color:var(--muted)}.task-decision summary{cursor:pointer;display:flex;align-items:center;gap:.4rem}.task-decision details .field{margin-block-start:.65rem}.task-decision details label{color:var(--text)}
.site-head .site-nav a{font-size:13px}.site-head .site-login{font-size:12px}.site-head .site-contact{font-size:12px;min-block-size:36px;padding-inline:13px}.process-guide--public .guide-intro p{font-size:14px}.process-guide--public .guide-examples p{font-size:13px}.process-guide--public .guide-examples h2{font-size:16px}.process-guide--public .guide-card>p,.process-guide--public .guide-card__usage p{font-size:13px}.process-guide--public .guide-card h2{font-size:16px}.process-guide--public .guide-card__usage h3,.process-guide--public .guide-card__example,.process-guide--public .guide-tabs button,.process-guide--public .guide-stats span{font-size:12px}.process-guide--public .guide-card__category{font-size:11px;color:#487399}.process-guide--public .guide-categories button{font-size:11px;min-block-size:28px}.process-guide--public .guide-mode{font-size:10px}
.site-head{background:color-mix(in srgb,var(--paper-2) 94%,transparent);backdrop-filter:blur(18px);box-shadow:0 4px 24px #132b4805}.site-head__inner{max-inline-size:1340px;min-block-size:78px;gap:1.1rem;padding-inline:1.6rem}.site-brand{gap:.7rem;flex-shrink:0}.site-brand__mark{background:#2059a1;color:#e0edff;border-radius:10px;box-shadow:0 4px 12px #2059a126;inline-size:42px;block-size:42px}.site-brand__mark svg{inline-size:34px;block-size:34px}.site-brand__text{font-size:1.1rem;letter-spacing:-.03em}.site-brand__text small{font-size:.6rem;letter-spacing:.14em;color:var(--muted);margin-block-start:.1rem}.site-nav{align-items:center;gap:.2rem}.site-nav a{font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:.4rem;padding:.55rem .65rem;border:1px solid transparent;border-radius:5px;white-space:nowrap}.site-nav a:hover,.site-nav a.active{color:#286bc0;background:color-mix(in srgb,#286bc0 7%,var(--paper-2));border-color:color-mix(in srgb,#286bc0 12%,var(--line))}.site-nav__dot{inline-size:5px;block-size:5px;border-radius:50%;background:#31a584}.site-login{display:flex;align-items:center;gap:.45rem;color:var(--text);font-size:.76rem;text-decoration:none;padding:.5rem;white-space:nowrap}.site-login i{color:#3878c3}.site-contact{background:#245fa9;box-shadow:none;white-space:nowrap;gap:.6rem}.site-head__actions{gap:.4rem}.site-head .theme-toggle{border:1px solid var(--line);background:var(--paper-2);border-radius:50%;color:var(--muted)}
.process-guide--public{max-inline-size:1280px;margin-inline:auto;padding:2rem 1.5rem 3rem}.guide-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;background:radial-gradient(ellipse at 0 100%,#1d725c88,transparent 60%),linear-gradient(125deg,#102941,#173d69);color:#fff;padding:2rem;border-radius:9px;overflow:hidden;position:relative}.guide-intro h1{color:#fff;font-size:clamp(1.65rem,3vw,2.4rem);margin:.5rem 0 .8rem}.guide-intro p{color:#cfdfef;font-size:.88rem;line-height:2.1;max-inline-size:600px}.guide-eyebrow{font-size:.67rem;font-weight:700;letter-spacing:.02em;color:#5086bd}.guide-intro .guide-eyebrow{color:#7bd3be}.guide-intro__actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-block-start:1.25rem}.guide-intro .btn{background:#f5f9ff;color:#16416b;border-color:transparent}.guide-intro .btn--ghost{background:transparent;color:white;border:1px solid #7ea5c466}.guide-blueprint{display:flex;flex-direction:column;align-items:center;gap:.65rem;position:relative;padding:1.3rem;background:#ffffff06;border:1px solid #91b5d133;border-radius:7px}.guide-blueprint>span,.guide-blueprint>div>span{display:flex;align-items:center;gap:.6rem;background:#ffffff0c;border:1px solid #7fa7c54d;padding:.65rem 1rem;border-radius:5px;font-size:.8rem;min-inline-size:145px;justify-content:center}.guide-blueprint__decision{border-color:#77d2b480!important;color:#a1efd2}.guide-blueprint>i{font-size:.7rem;color:#7cabc9}.guide-blueprint>div{display:flex;gap:1rem}.guide-blueprint>div>span{min-inline-size:105px;padding:.45rem}.guide-blueprint>small{color:#acc7de;font-size:.66rem;margin-block-start:.6rem}.guide-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-block:1rem 1.4rem;background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:1rem}.guide-stats>div{display:flex;flex-direction:column;align-items:center;gap:.3rem;border-inline-end:1px solid var(--line)}.guide-stats>div:last-child{border:0}.guide-stats strong{font-size:1.4rem;color:#3472b9}.guide-stats span{font-size:.73rem;color:var(--muted)}.guide-examples{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block-end:1.6rem}.guide-examples article{padding:1.1rem;background:var(--paper-2);border:1px solid var(--line);border-inline-start:3px solid #3578c3;border-radius:6px}.guide-examples article:nth-child(2){border-inline-start-color:#279b76}.guide-examples h2{font-size:1rem;margin:.6rem 0}.guide-examples p{font-size:.78rem;color:var(--muted);line-height:2}.guide-tag{font-size:.68rem;color:#3476bb;display:flex;align-items:center;gap:.4rem}.guide-tag.is-green{color:#248564}.guide-browser{background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:.9rem;margin-block-end:1rem}.guide-search{display:flex;align-items:center;gap:.7rem}.guide-search>i{color:#3478bf;font-size:.9rem}.guide-search .input{flex:1;background:var(--paper);border-color:transparent;min-inline-size:0}.guide-search>span{font-size:.7rem;white-space:nowrap;color:var(--muted)}.guide-tabs,.guide-categories{display:flex;flex-wrap:wrap;gap:.35rem;margin-block-start:.8rem}.guide-tabs button,.guide-categories button{font:inherit;font-size:.75rem;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);padding:.45rem .7rem;cursor:pointer}.guide-tabs button.is-active{background:#286bc0;color:white;box-shadow:0 2px 5px #286bc01a}.guide-categories{padding-block-start:.7rem;border-block-start:1px solid var(--line)}.guide-categories button{font-size:.69rem;padding:.25rem .6rem;border-color:var(--line)}.guide-categories button.is-active{color:#3477bd;background:color-mix(in srgb,#3477bd 8%,var(--paper-2));border-color:#3477bd44}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-card{background:var(--paper-2);border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .16s,box-shadow .16s;position:relative;padding:1rem}.guide-card:hover{border-color:#4884c66b;box-shadow:0 5px 16px #16416b08}.guide-card header{display:flex;align-items:center;gap:.6rem;padding-block-start:1rem;min-inline-size:0}.guide-card h2{font-size:.96rem;margin:.2rem 0;line-height:1.7}.guide-card code{font-size:.62rem;overflow-wrap:anywhere;word-break:break-word;color:var(--muted)}.guide-card__category{font-size:.61rem;color:#5884ae}.guide-card__symbol{display:grid;place-items:center;flex-shrink:0;inline-size:62px;block-size:62px;color:#3d7cbf;background:color-mix(in srgb,#3d7cbf 5%,var(--paper-2));border-radius:6px}.guide-card__symbol svg{inline-size:65px;block-size:52px}.guide-card__symbol>i{font-size:1.4rem}.guide-mode{position:absolute;inset-inline-end:.7rem;inset-block-start:.6rem;font-size:.56rem;color:var(--muted);background:var(--paper);padding:.12rem .4rem;border-radius:3px}.guide-card>p{font-size:.79rem;line-height:1.95;margin-block:.8rem;min-block-size:3rem;color:var(--text)}.guide-card__usage{flex:1;padding-block-start:.7rem;border-block-start:1px solid var(--line)}.guide-card__usage h3{font-size:.72rem;display:flex;align-items:center;gap:.4rem;color:#3b729f;margin:0 0 .4rem}.guide-card__usage p{font-size:.74rem;color:var(--muted);line-height:2;margin:0 0 .8rem}.guide-card__example{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .65rem;background:color-mix(in srgb,#269b75 5%,var(--paper-2));border-radius:4px;font-size:.7rem;color:var(--muted);line-height:1.9}.guide-card__example i{color:#279c78;margin-block-start:.2rem}.guide-checklist{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--paper-2);border:1px solid var(--line);border-inline-start:3px solid #309b78;border-radius:6px;padding:1.3rem;margin-block-start:1.5rem}.guide-checklist h2{font-size:1rem;margin:.5rem 0}.guide-checklist p{font-size:.77rem;line-height:2;color:var(--muted);max-inline-size:800px}.guide-checklist>div>i{color:#279b78}.guide-checklist>a{white-space:nowrap}
.tenant-hero{display:flex;gap:1rem;align-items:center;padding:1.4rem;margin-block-end:1rem;background:linear-gradient(120deg,color-mix(in srgb,#397cc2 9%,var(--paper-2)),var(--paper-2));border:1px solid var(--line);border-radius:7px}.tenant-hero__icon{display:grid;place-items:center;inline-size:54px;block-size:54px;flex-shrink:0;font-size:1.5rem;background:var(--paper-2);color:#397bc0;border:1px solid var(--line);border-radius:9px}.tenant-hero h1{font-size:1.45rem;margin:.25rem 0 .5rem}.tenant-hero__meta,.tenant-hero__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tenant-hero__actions{margin-inline-start:auto}.tenant-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-block-end:1rem}.tenant-summary article{display:flex;align-items:center;gap:.7rem;padding:.9rem;background:var(--paper-2);border:1px solid var(--line);border-radius:6px}.tenant-summary article>div{display:flex;flex-direction:column;gap:.4rem;min-inline-size:0}.tenant-summary small{font-size:.67rem;color:var(--muted)}.tenant-summary strong{font-size:.9rem;overflow-wrap:anywhere}.tenant-summary__icon{display:grid;place-items:center;flex-shrink:0;inline-size:36px;block-size:36px;background:var(--paper);color:#63809c;border-radius:6px}.tenant-summary__icon.is-green{background:var(--accent-soft);color:var(--accent)}.tenant-summary__icon.is-blue{color:#347bc5;background:color-mix(in srgb,#347bc5 9%,var(--paper-2))}.tenant-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block-end:1rem}.tenant-detail-grid>.card{margin:0;min-inline-size:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-end:1rem}.section-heading h2{margin:.25rem 0 0;font-size:1.1rem}.section-heading>i{font-size:1.25rem;color:#6d91b5}.tenant-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:1rem}.tenant-plan-limits{border-block-start:1px solid var(--line);margin-block-start:1rem;padding-block-start:1rem}.tenant-plan-limits h3{font-size:.78rem;margin:0 0 .7rem}.tenant-plan-limits>div{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.tenant-plan-limits span{font-size:.71rem;color:var(--muted);display:flex;gap:.4rem;align-items:center}.tenant-plan-limits i{color:#5181b2}.tenant-identifiers{margin-block-start:1rem}.tenant-guid{font-size:.63rem;word-break:break-all}.btn--danger-ghost{border-color:#ce595833;background:transparent;color:#b64443}.btn--danger-ghost:hover{background:#ce59580c}.renewal-dialog{max-inline-size:480px}.renewal-dialog .modal__head{align-items:center;gap:.8rem}.renewal-dialog .modal__head h2{margin:.2rem 0}.renewal-dialog .modal__head p{font-size:.74rem;color:var(--muted);margin:.2rem 0}.renewal-dialog__icon{display:grid;place-items:center;inline-size:42px;block-size:42px;color:#387ac1;background:color-mix(in srgb,#387ac1 8%,var(--paper-2));border-radius:8px;flex-shrink:0}.renewal-dialog .modal__close{margin-inline-start:auto}.renewal-presets{display:flex;gap:.4rem;margin-block:.7rem 1rem}.renewal-presets button{flex:1;border:1px solid var(--line);border-radius:5px;background:var(--paper-2);color:var(--muted);font:inherit;font-size:.75rem;padding:.45rem;cursor:pointer}.renewal-presets button.is-active{border-color:#367dc5;color:#367dc5;background:color-mix(in srgb,#367dc5 6%,var(--paper-2))}.renewal-preview{display:flex;flex-direction:column;align-items:center;gap:.65rem;background:var(--paper);padding:1rem;border:1px solid var(--line);border-radius:6px;margin-block:1rem}.renewal-preview>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;inline-size:100%;font-size:.77rem}.renewal-preview>div>span{color:var(--muted)}.renewal-preview>i{color:#7292ad;font-size:.75rem}.renewal-preview__next strong{color:var(--accent);font-size:1rem}
[data-theme="dark"] .designer-tooltip{background:#294563}[data-theme="dark"] .guide-stats strong,[data-theme="dark"] .guide-card__usage h3,[data-theme="dark"] .guide-card__category,[data-theme="dark"] .guide-eyebrow{color:#8ab9eb}[data-theme="dark"] .guide-intro .guide-eyebrow{color:#7bd3be}[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true]{background:#28483c;color:#9bdfc8}[data-theme="dark"] .guide-card__symbol{color:#8bb8ea}[data-theme="dark"] .guide-card__symbol svg{color:#cee2f8}[data-theme="dark"] .site-nav a:hover,[data-theme="dark"] .site-nav a.active{color:#a0c6ed}[data-theme="dark"] .designer-action.is-success{color:#76d3b3}[data-theme="dark"] .btn--danger-ghost{color:#f0a2a0}
@media(min-width:1101px) and (max-width:1250px){.site-head__inner{gap:.6rem;padding-inline:1rem}.site-nav a{padding-inline:.4rem;font-size:.73rem}.site-contact{font-size:.71rem}.site-login{font-size:.7rem}.site-brand__text{font-size:.95rem}}
@media(max-width:1100px){.site-contact{display:none}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.designer{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.designer-commandbar{gap:.5rem}.designer-audience{margin-inline-start:0}}
@media(max-width:900px){.site-nav{display:none}.site-nav.is-open{display:flex;position:absolute;inset-block-start:100%;inset-inline:0;flex-direction:column;align-items:stretch;padding:1rem;background:var(--paper-2);border-block-end:1px solid var(--line)}.site-nav a{font-size:.87rem;min-block-size:42px}.site-burger{display:grid!important;place-items:center;inline-size:38px;block-size:38px}.site-head__actions{margin-inline-start:auto}.guide-intro{grid-template-columns:1.3fr 1fr;gap:1rem;padding:1.5rem}.designer{grid-template-columns:1fr}.designer__canvas{position:static;max-block-size:none;order:-1}.designer__editor{display:block}.tenant-detail-grid{grid-template-columns:1fr}}
@media(max-width:620px){.process-guide--public{padding:1rem .8rem 2rem}.guide-intro{grid-template-columns:1fr;padding:1.3rem}.guide-blueprint{display:none}.guide-intro h1{font-size:1.7rem}.guide-stats{grid-template-columns:1fr 1fr;gap:1rem;padding:.9rem}.guide-stats>div:nth-child(2){border:0}.guide-stats strong{font-size:1.2rem}.guide-examples,.guide-grid{grid-template-columns:1fr}.guide-search{gap:.5rem}.guide-search>span{display:none}.guide-tabs button{flex:1;font-size:.68rem;padding:.45rem}.guide-categories{gap:.25rem}.guide-categories button{font-size:.63rem}.guide-checklist{flex-direction:column;align-items:flex-start;gap:.6rem;padding:1rem}.guide-card{padding:.9rem}.site-head__inner{min-block-size:68px;padding-inline:.8rem;gap:.5rem}.site-brand__mark{inline-size:36px;block-size:36px;border-radius:8px}.site-brand__text{font-size:.96rem}.site-brand__text small{font-size:.53rem}.site-login{font-size:.69rem;padding:.3rem}.site-login>i{display:none}.site-head .theme-toggle{inline-size:29px;block-size:29px}.tenant-hero{padding:1rem;gap:.7rem;flex-wrap:wrap}.tenant-hero h1{font-size:1.2rem}.tenant-hero__actions{inline-size:100%;margin:0;justify-content:flex-end}.tenant-summary{gap:.5rem}.tenant-summary article{padding:.7rem;gap:.5rem}.tenant-summary__icon{inline-size:29px;block-size:29px;font-size:.8rem}.tenant-summary strong{font-size:.77rem}.tenant-summary small{font-size:.6rem}.tenant-plan-limits>div{grid-template-columns:1fr}.designer-commandbar__group{padding-inline-end:.45rem;gap:.2rem}.designer-commandbar{padding:.55rem;gap:.4rem}.designer-action{inline-size:33px;block-size:33px;font-size:.9rem}.designer-audience{padding-block-start:.4rem;inline-size:100%}.designer-tooltip{inline-size:190px}.section-heading{align-items:flex-start;flex-wrap:wrap}.renewal-dialog .modal__head{gap:.6rem}.renewal-dialog__icon{inline-size:34px;block-size:34px}.renewal-dialog .modal__foot .btn{flex:1}.route-loader{font-size:.83rem}}
@media(prefers-reduced-motion:reduce){.route-loader__orbit:after,.route-loader__track:after{animation:none}.designer-action,.designer-tooltip,.guide-card{transition:none}}
[data-theme="dark"] .bpmn-canvas-scroll { background-image: radial-gradient(#40506b .7px, transparent .7px); }
@media (max-width: 760px) { .bpmn-canvas-scroll { max-height: 58vh; } .bpmn-properties .form-grid--2 { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .bpmn-shape { transition: none; } }

/* Release 49: shared Tailwind palette, compact controls and panel chrome. */
:root{--tw-slate-50:#f8fafc;--tw-slate-100:#f1f5f9;--tw-slate-200:#e2e8f0;--tw-slate-400:#94a3b8;--tw-slate-500:#64748b;--tw-slate-600:#475569;--tw-slate-700:#334155;--tw-slate-800:#1e293b;--tw-slate-900:#0f172a;--tw-slate-950:#020617;--tw-blue-50:#eff6ff;--tw-blue-100:#dbeafe;--tw-blue-500:#3b82f6;--tw-blue-600:#2563eb;--tw-blue-700:#1d4ed8;--tw-emerald-50:#ecfdf5;--tw-emerald-500:#10b981;--tw-emerald-600:#059669;--tw-emerald-700:#047857;--tw-red-50:#fef2f2;--tw-red-500:#ef4444;--tw-red-600:#dc2626;--tw-red-700:#b91c1c;--tw-amber-50:#fffbeb;--tw-amber-600:#d97706;--paper:var(--tw-slate-50);--paper-2:#fff;--line:var(--tw-slate-200);--line-2:#cbd5e1;--text:var(--tw-slate-800);--muted:var(--tw-slate-500);--accent:var(--tw-blue-600);--accent-soft:var(--tw-blue-50);--radius:7px;--radius-sm:5px;--shadow:0 1px 3px #0f172a09,0 5px 16px #0f172a06}
[data-theme=dark]{--paper:#0b1220;--paper-2:#141f31;--line:#29364c;--line-2:#3b4b65;--text:#e2e8f0;--muted:#94a3b8;--accent:#60a5fa;--accent-soft:#1e3a5f}
.sr-only,.row-action__text{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body .btn{border:0;background:var(--tw-blue-600);color:#fff;border-radius:5px;box-shadow:0 2px 5px #1d4ed820,0 1px 2px #0f172a14;transition:background .16s,box-shadow .16s,transform .16s;gap:.45rem}
body .btn:hover{background:var(--tw-blue-700);box-shadow:0 4px 10px #1d4ed82b;transform:translateY(-1px)}
body .btn--ghost,body .btn--secondary{background:var(--tw-slate-600);color:#fff;box-shadow:0 2px 5px #0f172a1a}
body .btn--ghost:hover,body .btn--secondary:hover{background:var(--tw-slate-700);color:#fff}
body .btn--ok,body .btn--success{background:var(--tw-emerald-700);color:#fff;box-shadow:0 2px 6px #04785725}
body .btn--ok:hover,body .btn--success:hover{background:#065f46}
body .btn--danger,body .btn--danger-ghost{background:var(--tw-red-600);color:#fff;box-shadow:0 2px 6px #dc262625}
body .btn--danger:hover,body .btn--danger-ghost:hover{background:var(--tw-red-700);color:#fff}
body .btn:disabled{transform:none;box-shadow:none;opacity:.48}
.input:focus{border-color:var(--tw-blue-500);box-shadow:0 0 0 3px #3b82f61a;outline:0}.input[readonly]{background:var(--paper);color:var(--muted)}
.card{border-radius:7px;border-color:var(--line);box-shadow:var(--shadow)}.section-kicker{display:block;font-size:10px;font-weight:700;color:var(--accent);margin-block-end:.25rem;letter-spacing:.01em}
.page-head{gap:1rem}.page-head h1{font-size:1.3rem}.page-head p{max-inline-size:74ch}.section-heading{gap:.75rem}
.table th{background:var(--paper);color:var(--muted);font-size:11px;font-weight:700}.table tbody tr:hover{background:color-mix(in srgb,var(--accent) 3%,var(--paper-2))}
body .row-action{display:inline-flex!important;align-items:center;justify-content:center;inline-size:29px;block-size:29px;min-inline-size:29px;padding:0!important;margin:3px 4px;border:0!important;border-radius:4px;position:relative;vertical-align:middle;box-shadow:0 2px 5px #0f172a22!important;background:var(--tw-slate-600)!important;color:#fff!important;transition:transform .15s,box-shadow .15s,filter .15s;text-decoration:none;font-size:13px}
body .row-action--danger{background:var(--tw-red-600)!important}body .row-action--edit{background:var(--tw-emerald-600)!important}body .row-action--view{background:var(--tw-blue-600)!important}
body .row-action:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 5px 10px #0f172a2b!important;color:#fff!important}body .row-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body .row-action:disabled{opacity:.4;transform:none;filter:none}
.row-action__icon{pointer-events:none;line-height:1}.action-tooltip{position:fixed;z-index:10000;max-inline-size:250px;padding:.45rem .7rem;border-radius:5px;box-shadow:0 7px 20px #02061733;background:#0f172a;color:#fff;font:500 11px/1.7 Vazirmatn,Tahoma,sans-serif;text-align:center;pointer-events:none;animation:chromeReveal .12s ease-out}.action-tooltip[hidden]{display:none}
.filter-bar{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr)) auto;gap:.8rem;align-items:end;margin-block-end:1rem}.filter-bar .field{margin:0;min-inline-size:0}.filter-bar__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-bar--audit{grid-template-columns:repeat(3,minmax(140px,1fr))}.filter-bar--audit .filter-bar__actions{align-self:end}
.inline-edit{display:flex;align-items:end;gap:.65rem}.inline-edit .field{flex:1;min-inline-size:0;margin:0}.inline-edit .btn{flex:none;white-space:nowrap;margin:0}
.panel-tabs{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;padding:.4rem;margin-block-end:1rem;background:var(--paper-2);border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}.panel-tabs button{border:0;display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--muted);font:600 12px/1.5 inherit;border-radius:5px;padding:.65rem 1rem;cursor:pointer;transition:background .16s,color .16s}.panel-tabs button:hover{background:var(--paper);color:var(--accent)}.panel-tabs button[aria-selected=true]{background:var(--tw-blue-600);color:#fff;box-shadow:0 2px 5px #2563eb26}.tab-panel{animation:chromeReveal .15s ease-out}.tab-panel>.card{margin-block-end:1rem}
.guide-note{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line));border-inline-start:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--paper-2));border-radius:6px;margin-block-end:1rem}.guide-note>i{font-size:18px;color:var(--accent);margin-block-start:.15rem}.guide-note h2{font-size:13px;margin:0 0 .35rem}.guide-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.95}.guide-note a{color:var(--accent);font-weight:600}
.page-content.is-preparing>.page-content__loading{background:rgb(255 255 255 / .8);align-items:center;justify-content:center;padding:2rem;min-block-size:220px;backdrop-filter:blur(2px)}.page-content.is-preparing>.page-content__body:not(.is-loading){visibility:visible;pointer-events:none}
.route-loader__orbit{inline-size:52px;block-size:52px;border:0;border-radius:50%;background:transparent;color:var(--tw-blue-600);box-shadow:none}.route-loader__orbit:after{inset:0;border-width:3px;border-color:#2563eb1a;border-block-start-color:var(--tw-blue-600);border-inline-end-color:var(--tw-emerald-500);animation:routeOrbit .85s linear infinite}.route-loader__orbit:before{content:none}
[data-theme=dark] .page-content.is-preparing>.page-content__loading{background:rgb(11 18 32 / .84)}[data-theme=dark] .route-loader__orbit:after{border-color:#60a5fa24;border-block-start-color:#60a5fa;border-inline-end-color:#34d399}
.modal:has(>.modal__card),.modal-overlay{padding:1rem;overflow-y:auto;align-items:center}.modal>.modal__card,.modal-overlay>.modal{max-block-size:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain;margin-block:auto;border-radius:8px}.modal__head{position:sticky;inset-block-start:0;z-index:3;background:var(--paper-2);padding-block:.85rem;margin-block-start:0}.modal__head h2{font-size:1.05rem}.modal__card>.dynform__actions,.modal__card>form>.dynform__actions{position:sticky;inset-block-end:0;z-index:2;background:var(--paper-2);padding-block:.85rem;gap:.65rem}.modal__card .form-grid{gap:.9rem}.modal__close{border:0;background:var(--paper);border-radius:5px;color:var(--muted)}.modal__close:hover{background:var(--tw-red-50);color:var(--tw-red-600)}
.brand-identity{display:flex;align-items:center;gap:.7rem;min-inline-size:0}.brand-identity__mark{inline-size:40px;block-size:40px;flex:none;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#2563eb,#1e3a8a);color:#fff;box-shadow:0 4px 12px #2563eb26;overflow:hidden}.brand-identity__mark svg{inline-size:31px;block-size:31px}.brand-identity__mark img{inline-size:100%;block-size:100%;object-fit:contain;background:#fff;padding:3px}.brand-identity strong{display:block;font-size:13px;line-height:1.7;font-weight:800}.brand-identity>div{min-inline-size:0}.brand-identity>div>span{display:block;font:500 10px/1.7 Vazirmatn,system-ui,sans-serif;letter-spacing:.09em;opacity:.62;text-align:start}.brand-identity--public .brand-identity__mark{inline-size:38px;block-size:38px}.brand-identity--public strong{font-size:15px}.brand-identity--auth strong{font-size:19px}.brand-identity--auth .brand-identity__mark{inline-size:46px;block-size:46px}.brand-identity--auth>div>span{font-size:11px;color:#cbd5e1}.brand-identity--login{display:none}
.sidebar{background:linear-gradient(180deg,#0f172a,#111c31);border-inline-end:1px solid #ffffff06}.sidebar__brand{padding:1.25rem .9rem;min-block-size:91px}.sidebar__brand .brand-identity strong{color:#f8fafc;font-size:12px}.sidebar__brand .brand-identity>div>span{color:#cbd5e1}.sidebar .nav{padding:.7rem .55rem}.sidebar .nav__link{position:relative;font-size:12px;padding:.65rem .8rem;margin-block:.2rem;border:0;border-radius:5px;color:#b8c5d8;gap:.7rem;transition:background .16s,color .16s,transform .16s}.sidebar .nav__icon{font-size:16px;inline-size:22px;color:#8ba6ca}.sidebar .nav__link:hover{background:#ffffff08;color:#fff;transform:translateX(-2px)}.sidebar .nav__link:hover .nav__icon{color:#93c5fd}.sidebar .nav__link.active{background:linear-gradient(90deg,#1d4ed822,#2563eb32);color:#fff;box-shadow:inset 0 0 0 1px #60a5fa14}.sidebar .nav__link.active:before{content:"";position:absolute;inset-inline-start:0;inset-block:22%;inline-size:3px;border-radius:2px;background:#60a5fa;box-shadow:0 0 12px #60a5fa65;animation:activeNavGlow 2.8s ease-in-out infinite}.sidebar .nav__link.active .nav__icon{color:#93c5fd}.sidebar .nav__section{font-size:10px;font-weight:600;letter-spacing:0;color:#7188a7;margin-block:1.2rem .4rem}
.panel-topbar{min-block-size:65px;padding:.65rem 1.25rem;background:color-mix(in srgb,var(--paper-2) 96%,transparent);border-block-end:1px solid var(--line);box-shadow:0 2px 12px #0f172a03;gap:1rem;z-index:50}.panel-topbar__context,.panel-topbar__actions{display:flex;align-items:center;gap:.6rem;min-inline-size:0}.panel-topbar__context>div{display:flex;flex-direction:column}.panel-topbar__context strong{font-size:12px;font-weight:800;line-height:1.7}.panel-topbar__context small{font-size:10px;color:var(--muted)}.panel-topbar__realm{display:grid;place-items:center;inline-size:33px;block-size:33px;border-radius:7px;background:var(--accent-soft);color:var(--accent)}
.chrome-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:33px;block-size:33px;min-inline-size:33px;border:0;border-radius:7px;background:var(--paper);color:var(--muted);font-size:15px;box-shadow:0 1px 3px #0f172a0a;cursor:pointer;transition:background .15s,color .15s,transform .15s}.chrome-icon:hover{background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.chrome-icon--logout{color:var(--tw-red-600);background:var(--tw-red-50)}.chrome-icon--logout:hover{background:var(--tw-red-600);color:#fff}.panel-topbar .nav-burger{display:none}.panel-topbar .theme-toggle{border:0;box-shadow:0 1px 3px #0f172a0a}
.account-chip{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--text);padding:.25rem .4rem;border-radius:7px;transition:background .15s}.account-chip:hover{background:var(--paper)}.account-chip__avatar{inline-size:34px;block-size:34px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-size:13px;font-weight:700;box-shadow:0 3px 8px #2563eb20}.account-chip__text{display:flex;flex-direction:column;line-height:1.6;max-inline-size:165px}.account-chip__text strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip__text small{font-size:9px;color:var(--muted)}.account-chip>i{font-size:9px;color:var(--muted)}
.notification-bell{position:relative}.notification-bell__toggle{position:relative}.notification-bell .bell__badge{inset-inline-end:-3px;inset-inline-start:auto;inset-block-start:-4px;border:2px solid var(--paper-2);background:var(--tw-red-600);font-size:9px;min-inline-size:18px;block-size:18px;line-height:14px;padding:0 3px}.notification-popover{position:absolute;inset-block-start:calc(100% + 12px);inset-inline-end:0;inline-size:355px;max-inline-size:calc(100vw - 24px);background:var(--paper-2);border:1px solid var(--line);border-radius:9px;box-shadow:0 18px 54px #02061726;z-index:200;animation:chromeReveal .14s ease-out;overflow:hidden}.notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-block-end:1px solid var(--line)}.notification-popover h2{margin:0;font-size:14px}.notification-popover__list{max-block-size:360px;overflow:auto}.notification-entry{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:var(--text);text-decoration:none;border-block-end:1px solid var(--line);transition:background .15s}.notification-entry:hover{background:var(--paper)}.notification-entry>span:nth-child(2){flex:1;min-inline-size:0}.notification-entry strong{display:block;font-size:11px;line-height:1.8}.notification-entry small{display:block;color:var(--muted);font-size:10px;line-height:1.8}.notification-entry>i{font-size:10px;color:var(--muted)}.notification-entry__icon{display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:7px;background:var(--accent-soft);color:var(--accent);flex:none}.notification-entry__icon.is-message{background:#ecfdf5;color:#047857}.notification-entry__icon.is-payment{background:#fffbeb;color:#b45309}.notification-popover__all{display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--paper);color:var(--accent);font-size:11px;font-weight:700;padding:.85rem;text-decoration:none}.notification-empty{padding:1.8rem 1rem;text-align:center;color:var(--muted)}.notification-empty>i{display:block;font-size:28px;color:var(--tw-emerald-600);margin-block-end:.7rem}.notification-empty strong{display:block;font-size:12px;color:var(--text)}.notification-empty p{font-size:11px;margin:.35rem 0 0}.notification-feed .notification-entry{padding:1rem 1.25rem}.notification-feed .notification-entry:last-child{border:0}
.settings-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1rem}.appearance-preview__dark,.appearance-preview__light{display:flex;align-items:center;gap:1rem;border-radius:7px;padding:1.25rem;margin-block:.75rem}.appearance-preview__dark{background:#0f172a;color:#fff}.appearance-preview__light{background:#f1f5f9;color:#0f172a}.appearance-preview img{inline-size:56px;block-size:56px;object-fit:contain}.appearance-preview i{font-size:28px}.appearance-preview p{font-size:12px}
.audience-switch{display:flex;gap:.4rem;align-items:center;border:0;padding:0;margin:0;margin-inline-start:auto;min-inline-size:0}.audience-switch legend{font-size:9px;color:var(--muted);padding:0 0 .3rem}.audience-option{display:flex;align-items:center;gap:.4rem;padding:.5rem .55rem;cursor:pointer;border-radius:6px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:10px;white-space:nowrap;transition:background .15s,box-shadow .15s}.audience-option>i{font-size:12px;color:var(--muted)}.audience-option input{margin:0;inline-size:13px;block-size:13px}.audience-option:has(input:checked){background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.audience-option:has(input:checked)>i{color:var(--accent)}
.designer .field,.designer .form-grid>.field,.designer .form-grid>.input,.designer .form-grid>.select2-container{min-inline-size:0}.designer .form-grid>.select2-container,.designer .field>.select2-container{inline-size:100%!important;max-inline-size:100%;min-inline-size:0}.designer .row{gap:.5rem;flex-wrap:wrap}.designer .row>.input:not(.select2-hidden-accessible),.designer .row>.select2-container{flex:1 1 120px!important;inline-size:auto!important;min-inline-size:0!important;max-inline-size:100%}.designer .row>button{flex:none}.designer .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.designer .select2-selection__rendered{overflow:hidden;text-overflow:ellipsis}
.auth{background:var(--paper);min-block-size:100dvh;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)}.auth-showcase{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 95%,#04785735,transparent 55%),linear-gradient(145deg,#020617,#172554 65%,#0f172a);color:#f8fafc;display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem clamp(2rem,5vw,5rem)}.auth-showcase__pattern{position:absolute;inset:0;background-image:radial-gradient(#93c5fd36 .65px,transparent .65px);background-size:19px 19px;mask-image:linear-gradient(155deg,transparent 5%,#000 80%);opacity:.36}.auth-showcase__glow{position:absolute;inline-size:320px;block-size:320px;inset-inline-end:-100px;inset-block-start:20%;border-radius:50%;background:#2563eb;opacity:.12;filter:blur(60px);animation:authGlow 12s ease-in-out infinite}.auth-showcase__inner{position:relative;z-index:1;max-inline-size:560px;margin-inline:auto;inline-size:100%}.auth-showcase__eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:11px;letter-spacing:.01em;color:#93c5fd;margin-block:3.5rem 1rem}.auth-showcase__eyebrow>span{inline-size:5px;block-size:5px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d39970}.auth-showcase h2{font-size:clamp(26px,3.2vw,43px);font-weight:900;line-height:1.8;letter-spacing:-.04em;margin:0 0 .7rem;max-inline-size:14ch}.auth-showcase p{font-size:13px;color:#b8c7dd;line-height:2.1;max-inline-size:49ch;margin:0}.auth-showcase__pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-block-start:1.65rem}.auth-showcase__pills>span{font-size:10px;padding:.45rem .7rem;border-radius:5px;background:#ffffff06;border:1px solid #ffffff10;color:#cbd5e1}.auth-showcase__pills i{color:#93c5fd;margin-inline-end:.4rem}.auth-showcase__foot{position:relative;z-index:1;color:#8093ad;font-size:10px;display:flex;align-items:center;gap:.5rem;margin-block-start:2.5rem}
.auth-scene{position:relative;padding:1.7rem 1.5rem 1rem;margin-block:1.8rem .5rem;border-radius:10px;border:1px solid #ffffff13;background:linear-gradient(135deg,#ffffff08,#ffffff03);box-shadow:0 20px 50px #02061720;max-inline-size:440px;isolation:isolate}.auth-scene__line{position:absolute;inset-block:38px 55px;inset-inline-start:42px;inline-size:1px;background:linear-gradient(#60a5fa80,#34d39950);z-index:-1}.auth-scene__node{display:flex;align-items:center;gap:.7rem;background:#172943;box-shadow:0 5px 16px #02061722;border:1px solid #60a5fa20;border-radius:7px;padding:.8rem .9rem;margin-block-end:.75rem;animation:authNodeFloat 7s ease-in-out infinite}.auth-scene__node>span{inline-size:30px;block-size:30px;display:grid;place-items:center;background:#2563eb22;color:#93c5fd;border-radius:6px;flex:none}.auth-scene__node>div{flex:1;min-inline-size:0}.auth-scene__node strong{display:block;font-size:12px;font-weight:700}.auth-scene__node small{display:block;font-size:9px;color:#8298b8;margin-block-start:.12rem}.auth-scene__node>i{font-size:11px;color:#34d399}.auth-scene__node--middle{margin-inline-start:1.7rem;border-color:#34d39935;background:#12353c;animation-delay:-2s}.auth-scene__node--middle>span{background:#10b98120;color:#6ee7b7}.auth-scene__node--last{margin-inline-start:3.4rem;animation-delay:-4s}.auth-scene__status{font-size:9px;font-weight:500;background:#10b98120;color:#6ee7b7;border-radius:4px;padding:.25rem .4rem}.auth-scene__caption{display:block;font-size:9px;text-align:end;color:#7890b3;margin-block-start:.2rem}
.auth__panel{background:var(--paper);padding:2.5rem 2rem;display:flex;align-items:center;justify-content:center}.auth__form{inline-size:100%;max-inline-size:410px;padding:2rem 2.1rem;background:var(--paper-2);border-radius:10px;border:1px solid var(--line);box-shadow:0 16px 55px #0f172a06}.auth__form h1{font-size:23px;font-weight:900;line-height:1.6;margin-block:0 .55rem;color:var(--text)}.auth__form>.muted{font-size:12px;margin-block:0 1.6rem;line-height:1.9}.auth__form .field{margin-block-end:1.15rem}.auth__form .field>label{font-size:11px;font-weight:700}.auth__form .input{block-size:39px;border-radius:6px;background:var(--paper);font-size:12px;padding-inline:.8rem}.auth__form .input:focus{background:var(--paper-2)}.auth__form .btn--block{min-block-size:40px;border-radius:6px;margin-block-start:.25rem}.auth__form>p{font-size:11px;margin-block:.85rem 0;line-height:1.9}.auth__form>.auth__hint{padding-block-start:1rem;border-block-start:1px solid var(--line);color:var(--muted);font-size:10px}.auth__form .link{color:var(--accent);text-decoration:none}.auth__form .link:hover{text-decoration:underline}
.security-hero,.billing-hero{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:9px;background:linear-gradient(120deg,#1e3a8a,#1d4ed8);color:#fff;box-shadow:0 8px 25px #1d4ed81a;margin-block-end:1rem}.security-hero>i,.billing-hero>i{inline-size:52px;block-size:52px;display:grid;place-items:center;background:#ffffff15;border-radius:9px;font-size:24px}.security-hero h1,.billing-hero h1{font-size:21px;margin:0}.security-hero p,.billing-hero p{font-size:12px;color:#bfdbfe;margin:.3rem 0 0}.security-hero__meta{margin-inline-start:auto;display:flex;flex-direction:column;font-size:11px;gap:.3rem}.security-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block-end:1rem}.security-overview article{padding:1rem;border-radius:7px;background:var(--paper-2);border:1px solid var(--line)}.security-overview i{color:var(--accent);font-size:18px;margin-block-end:.65rem;display:block}.security-overview h2{font-size:13px;margin:0 0 .3rem}.security-overview p{font-size:11px;color:var(--muted);margin:0;line-height:1.9}
.billing-workspace{display:grid;gap:1rem}.billing-workspace>.card,.billing-workspace>.billing-hero{margin:0}.billing-quota-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.quota-card{padding:1rem;background:var(--paper);border-radius:6px}.quota-card>span{font-size:10px;color:var(--muted)}.quota-card>strong{display:block;font-size:16px;margin:.35rem 0 .6rem}.quota-card__track{block-size:4px;background:var(--line);border-radius:3px;overflow:hidden}.quota-card__track>span{display:block;block-size:100%;background:var(--tw-blue-500);border-radius:3px}.billing-purchase{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.5rem}.billing-purchase__summary{padding:1.25rem;background:var(--paper);border-radius:7px}.payment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-block:1rem}.payment-option{padding:1rem;background:var(--paper);border-radius:6px;display:flex;align-items:center;gap:.7rem}.payment-option i{font-size:20px;color:var(--accent)}.payment-option strong{display:block;font-size:12px}.payment-option small{font-size:10px;color:var(--muted)}.billing-invoice-detail{border-inline-start:3px solid var(--accent);scroll-margin-block-start:90px}.billing-invoice-detail h3{font-size:14px;margin-block:1.3rem .65rem}.connection-mode{margin-block:.75rem;align-items:center}
[data-theme=dark] .chrome-icon--logout{background:#dc262620;color:#fca5a5}[data-theme=dark] .notification-entry__icon.is-message{background:#064e3b;color:#6ee7b7}[data-theme=dark] .notification-entry__icon.is-payment{background:#78350f55;color:#fcd34d}[data-theme=dark] .action-tooltip{background:#e2e8f0;color:#0f172a}[data-theme=dark] .brand-identity__mark{box-shadow:0 4px 14px #02061740}[data-theme=dark] .auth__form{box-shadow:0 18px 50px #02061725}[data-theme=dark] .appearance-preview__light{background:#e2e8f0}
@keyframes chromeReveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes activeNavGlow{0%,100%{opacity:.65;box-shadow:0 0 6px #60a5fa35}50%{opacity:1;box-shadow:0 0 12px #60a5fa70}}@keyframes authGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(45px)}}@keyframes authNodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:1100px){.panel-topbar .nav-burger{display:inline-flex}.auth-showcase{padding:2.3rem}.auth__form{padding:1.8rem}.auth-showcase h2{font-size:32px}.auth-scene{padding:1.2rem}.billing-quota-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.filter-bar,.filter-bar--audit{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-split,.billing-purchase{grid-template-columns:1fr}.security-overview{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-showcase{display:none}.auth__panel{min-block-size:100dvh;padding:2rem 1rem;background:radial-gradient(ellipse at top,#2563eb0b,transparent 65%),var(--paper)}.brand-identity--login{display:flex;margin-block-end:1.7rem}.auth__form{max-inline-size:440px;padding:1.8rem}.panel-topbar{padding:.6rem .8rem}.panel-topbar__realm{display:none}}
@media(max-width:600px){.filter-bar,.filter-bar--audit{grid-template-columns:1fr}.filter-bar__actions>.btn{flex:1}.inline-edit{align-items:stretch}.inline-edit .btn{align-self:end;font-size:11px;padding-inline:.75rem}.panel-topbar{gap:.4rem;min-block-size:60px}.panel-topbar__context strong{font-size:10px}.panel-topbar__context small{font-size:9px}.panel-topbar__context{gap:.4rem}.panel-topbar__actions{gap:.3rem}.chrome-icon{inline-size:30px;block-size:30px;min-inline-size:30px;font-size:13px}.account-chip{padding:.2rem}.account-chip__avatar{inline-size:30px;block-size:30px;font-size:11px}.account-chip__text,.account-chip>i{display:none}.notification-popover{position:fixed;inset-inline:12px;inset-block-start:68px;inline-size:auto;max-inline-size:none}.panel-tabs{gap:.3rem}.panel-tabs button{flex:1;padding:.65rem .5rem;font-size:11px;justify-content:center}.panel-tabs button i{display:none}.audience-switch{inline-size:100%;display:grid;grid-template-columns:1fr 1fr;margin-block-start:.3rem}.audience-switch legend{grid-column:1/-1}.audience-option{font-size:9px;justify-content:center}.audience-option>i{display:none}.designer .form-grid{grid-template-columns:1fr}.security-hero,.billing-hero{padding:1.1rem;flex-wrap:wrap;gap:.75rem}.security-hero h1,.billing-hero h1{font-size:17px}.security-hero>i,.billing-hero>i{inline-size:40px;block-size:40px;font-size:18px}.security-hero__meta{inline-size:100%;margin:0}.billing-quota-grid{gap:.5rem}.quota-card{padding:.75rem}.modal:has(>.modal__card),.modal-overlay{padding:.6rem}.modal>.modal__card,.modal-overlay>.modal{max-block-size:calc(100dvh - 1.2rem)}.auth__panel{padding:1rem}.auth__form{padding:1.5rem;border-radius:8px}.auth__form h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){.auth-showcase__glow,.auth-scene__node,.sidebar .nav__link.active:before{animation:none}.action-tooltip,.tab-panel,.notification-popover{animation:none}body .btn,.chrome-icon,.sidebar .nav__link{transition:none}}

/* Form layout and financial workspace details. */
.plain-fieldset{border:0;padding:0;margin:0;min-inline-size:0}.filter-bar--two{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem;margin-block-start:1rem;border-block-start:1px solid var(--line);font-size:11px}.pagination .input{inline-size:75px}.pagination .row{align-items:center;gap:.6rem}.panel-tabs button{font-family:inherit;font-size:12px;font-weight:600;line-height:1.5}.connection-section-title{font-size:12px;color:var(--accent);padding-block:.6rem;margin-block:.6rem;border-block-start:1px solid var(--line)}.sso-uri{overflow-wrap:anywhere;max-inline-size:100%;font-size:10px}
.subscription-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:.5rem 1.3rem}.subscription-facts article>span{display:block;font-size:10px;color:var(--muted);margin-block-end:.25rem}.subscription-facts article>strong{font-size:14px}.billing-plan-price{font-size:24px;font-weight:800;color:var(--accent);margin:.5rem 0 1rem}.billing-plan-price small{font-size:10px;font-weight:500;color:var(--muted)}.plan-limits-mini{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.plan-limits-mini>span{font-size:10px;color:var(--muted)}.plan-limits-mini strong{color:var(--text);margin-inline-start:.5rem}
.payment-choice{display:flex;align-items:center;gap:.8rem;padding:1rem;background:var(--paper);border-radius:6px;margin-block:1rem}.payment-choice>i{font-size:24px;color:var(--accent)}.payment-choice>div{flex:1;min-inline-size:0}.payment-choice strong{font-size:12px}.payment-choice p{font-size:11px;color:var(--muted);margin:.25rem 0 0}.invoice-history{margin-block:1rem;padding:.8rem;background:var(--paper);border-radius:6px}.invoice-history summary{font-size:12px;font-weight:700;cursor:pointer}.invoice-history li{font-size:11px;padding-block:.6rem}.invoice-history li span{display:block;color:var(--muted);font-size:10px}.invoice-history li p{margin:0;color:var(--muted)}.row-action__icon{color:#fff!important}body .row-action{min-block-size:29px;max-block-size:29px}body .row-action:disabled{pointer-events:auto;cursor:not-allowed}.table td>small{display:block}.paymethod{border-radius:7px}.paymethod__icon{color:var(--tw-blue-600);background:var(--tw-blue-50)}.paymethod p{font-size:11px;color:var(--muted)}
[data-theme=dark] .btn{background:#2563eb;color:#fff;border:0}[data-theme=dark] .btn--ghost,[data-theme=dark] .btn--secondary{background:#475569;color:#fff;border:0}[data-theme=dark] .btn--ok,[data-theme=dark] .btn--success{background:#047857;color:#fff}[data-theme=dark] .btn--danger,[data-theme=dark] .btn--danger-ghost{background:#dc2626;color:#fff}[data-theme=dark] .btn:hover{filter:brightness(1.08)}
@media(max-width:600px){.filter-bar--two{grid-template-columns:1fr}.subscription-facts{grid-template-columns:1fr;gap:.75rem}.subscription-facts article{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.subscription-facts article>span{margin:0}.subscription-facts article>strong{font-size:12px}.payment-choice{flex-wrap:wrap}.payment-choice .btn{inline-size:100%}.pagination{padding-inline:.5rem}.panel-tabs button{font-size:11px}}

/* Accessible control focus and small-screen popover bounds. */
.btn:focus-visible,.row-action:focus-visible,.chrome-icon:focus-visible,.panel-tabs [role="tab"]:focus-visible,.nav__link:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
.notification-popover{max-block-size:min(560px,calc(100dvh - 90px));overflow-y:auto}

/* Dialog backdrops must cover the sticky shell header as well as the content. */
.page-content:has(.modal,.modal-overlay){isolation:auto}

/* Select2 must share the designer add rows with text inputs without shrinking them. */
.designer .addrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;align-items:center}
.designer .addrow>.input:not(.select2-hidden-accessible),.designer .addrow>.select2-container{inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%;width:100%!important}
.designer .addrow>.btn{justify-self:start}
@media(max-width:380px){.designer .addrow{grid-template-columns:minmax(0,1fr)}}

.inline-edit .btn{min-block-size:36px;block-size:36px}

/* Release 50: request clarity, mapping guidance and contained dialog scrolling. */
.users-filters .filter-bar{grid-template-columns:minmax(180px,240px) minmax(220px,1fr) auto;align-items:end}
.filter-result{color:var(--muted);font-size:12px;padding:.6rem .2rem;white-space:nowrap}
.request-workspace{display:grid;gap:1rem;min-inline-size:0}
.request-toolbar{display:flex;justify-content:flex-start;gap:.6rem;margin-block-end:.85rem}
.request-overview{border:1px solid var(--line);border-inline-start:4px solid #2563eb;border-radius:8px;background:linear-gradient(110deg,color-mix(in srgb,#2563eb 5%,var(--paper-2)),var(--paper-2));padding:1.25rem}
.request-overview__title{display:flex;align-items:flex-start;gap:.85rem}
.request-overview__title>div{min-inline-size:0;flex:1}
.request-overview__title h1{font-size:1.35rem;margin:.2rem 0 .4rem;overflow-wrap:anywhere}
.request-overview__title p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}
.request-overview__title>.badge{flex:none;margin-block-start:.35rem}
.request-overview__icon{display:grid;place-items:center;inline-size:44px;block-size:44px;flex:none;border-radius:7px;background:#2563eb15;color:#2563eb;font-size:20px}
.request-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;margin:1.2rem 0 0;padding-block-start:1rem;border-block-start:1px solid var(--line)}
.request-facts>div{min-inline-size:0}.request-facts dt{font-size:11px;color:var(--muted);margin-block-end:.35rem}.request-facts dd{margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.request-facts code{font-size:11px;font-weight:400;white-space:normal;overflow-wrap:anywhere}
.request-tabs{margin:0;flex-wrap:wrap}.request-workspace>.tab-panel{min-inline-size:0}.request-workspace .tab-panel>.card{margin-block-end:1rem}.request-workspace .tab-panel>.card:last-child{margin-block-end:0}.request-workspace .diagram{max-block-size:480px;inline-size:100%}
.request-variables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.request-variables>div{display:grid;gap:.4rem;border:1px solid var(--line);padding:.7rem;border-radius:6px;min-inline-size:0}.request-variables code,.request-variables span{overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}.request-variables code{color:#3b82f6}
.case-conversation{margin:0}.case-messages{display:grid;gap:.9rem;margin-block:1rem 1.5rem}.case-message{border:1px solid var(--line);border-inline-start:3px solid #3b82f6;border-radius:7px;padding:1rem;background:var(--paper)}.case-message--internal{border-inline-start-color:#f59e0b;background:color-mix(in srgb,#f59e0b 4%,var(--paper))}.case-message>header{display:flex;align-items:center;gap:.65rem}.case-message>header>div{display:grid;gap:.2rem;flex:1;min-inline-size:0}.case-message strong{font-size:12px}.case-message time,.case-revisions time{font-size:10px;color:var(--muted)}.case-message__avatar{display:grid;place-items:center;inline-size:32px;block-size:32px;border-radius:6px;flex:none;background:#2563eb12;color:#2563eb}.case-message--internal .case-message__avatar{background:#f59e0b18;color:#d97706}.case-message__body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2;margin:.9rem 0}.case-message footer,.case-message__attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.65rem}.case-message__attachments .btn{max-inline-size:100%;overflow-wrap:anywhere;white-space:normal}.case-messages__empty{display:grid;justify-items:center;gap:.5rem;background:var(--paper);border-radius:7px}.case-messages__empty>i{font-size:26px;color:#3b82f6}.case-messages__empty p{margin:0}
.case-composer{padding:1rem;background:var(--paper);border:1px solid var(--line);border-radius:7px}.case-composer legend{padding-inline:.4rem;font-weight:700;font-size:13px}.case-composer__options{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;justify-content:space-between;margin-block:.8rem}.case-composer__options .hint{margin:0}.case-composer__upload{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:11px;color:var(--muted)}.case-composer__upload input{max-inline-size:230px;font:inherit}.case-composer>.dynform__actions{margin-block-end:0}.case-attachments{display:flex;flex-wrap:wrap;gap:.55rem}.case-attachments>div{display:flex;align-items:center;gap:.55rem;padding:.35rem .5rem;background:var(--paper-2);border-radius:5px;max-inline-size:100%;font-size:11px}.case-attachments span{overflow-wrap:anywhere;min-inline-size:0}.case-revisions{display:grid;gap:.8rem;padding-block-end:1rem}.case-revisions article{border:1px solid var(--line);border-radius:6px;padding:.85rem}.case-revisions header{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.bpmn-map{min-inline-size:0}.mapping-intro{font-size:12px;line-height:1.9;color:var(--muted);margin:.4rem 0 .7rem}.mapping-help{background:color-mix(in srgb,#2563eb 5%,var(--paper));border-radius:6px;padding:.7rem;margin-block-end:.85rem;border:1px solid color-mix(in srgb,#2563eb 16%,var(--line))}.mapping-help>summary{cursor:pointer;font-size:12px;font-weight:600;color:#3b82f6}.mapping-help p{font-size:12px;line-height:2}.mapping-help .hint{font-size:11px}.mapping-example{display:flex;gap:.55rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.7rem;background:var(--paper-2);border-radius:5px;font-size:11px}.mapping-example span{display:grid;gap:.4rem;min-inline-size:0}.mapping-example code{font-size:12px;overflow-wrap:anywhere;white-space:normal}.mapping-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 29px;gap:.5rem;align-items:end;margin-block-end:.7rem}.mapping-row .field{margin:0;min-inline-size:0}.mapping-row .field>span{font-size:10px;color:var(--muted)}.mapping-row>.row-action{margin-block-end:3px}.mapping-row .input{min-inline-size:0;inline-size:100%}
.designer .flow-create-row>.flow-condition{grid-column:1/-1;inline-size:100%!important;min-inline-size:0;direction:ltr;text-align:left}
.modal:has(>.modal__card),.modal-overlay{--dialog-inset:1rem;--dialog-padding:1.15rem;padding:var(--dialog-inset);overflow:hidden;min-block-size:0}
.modal>.modal__card:not(.confirmation-dialog),.modal-overlay>.modal__card:not(.confirmation-dialog),.modal-overlay>.modal{box-sizing:border-box;min-inline-size:0;min-block-size:0;max-inline-size:100%;max-block-size:calc(100dvh - 2 * var(--dialog-inset));max-height:calc(100dvh - 2 * var(--dialog-inset));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 50%,transparent) transparent;border:6px solid var(--paper-2);border-radius:8px;background:var(--paper-2);padding-inline:var(--dialog-padding);margin-block:auto}
.modal-overlay>.modal{position:relative;inset:auto;display:block;inline-size:min(860px,100%);padding-block:0;box-shadow:var(--shadow-lg)}
.modal__card>.modal__head,.modal-overlay>.modal>.modal__head{margin-inline:calc(-1 * var(--dialog-padding));padding-inline:var(--dialog-padding);inset-block-start:0}
.modal__card>.dynform__actions{margin-inline:calc(-1 * var(--dialog-padding));padding-inline:var(--dialog-padding)}
.modal__card::-webkit-scrollbar,.modal-overlay>.modal::-webkit-scrollbar{inline-size:8px;block-size:8px}.modal__card::-webkit-scrollbar-track,.modal-overlay>.modal::-webkit-scrollbar-track{background:transparent;margin-block:5px}.modal__card::-webkit-scrollbar-thumb,.modal-overlay>.modal::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 45%,transparent);border-radius:4px;border:2px solid var(--paper-2)}
@media(max-width:700px){.users-filters .filter-bar{grid-template-columns:minmax(0,1fr)}.filter-result{padding:.2rem}.request-overview{padding:1rem}.request-overview__title{gap:.6rem;flex-wrap:wrap}.request-overview__title h1{font-size:18px}.request-overview__icon{inline-size:36px;block-size:36px;font-size:17px}.request-facts{grid-template-columns:minmax(0,1fr);gap:.8rem}.request-tabs button{flex:1 1 130px}.request-tabs button i{display:inline-block}.request-variables{grid-template-columns:minmax(0,1fr)}.case-message{padding:.75rem}.case-message>header{flex-wrap:wrap}.case-message>header>.badge{margin-inline-start:2.6rem}.case-composer{padding:.75rem}.mapping-row{grid-template-columns:minmax(0,1fr) 29px}.mapping-row>.field{grid-column:1}.mapping-row>.row-action{grid-column:2;grid-row:1/3;align-self:center}.mapping-example{align-items:start}.modal:has(>.modal__card),.modal-overlay{--dialog-inset:.6rem;--dialog-padding:.85rem}}