/* SaaS design system — accessible, responsive, dependency-free. */

:root {
    --bg:            #f3f5fa;
    --surface:       #ffffff;
    --surface-2:     #f7f9fc;
    --border:        #e5e8f0;
    --border-strong: #cfd5e2;
    --text:          #182033;
    /* ztmaveno z #6b7789 — svetle sede popisky byly na bilem podkladu spatne citelne
       (kontrast ~4,5:1 na hranici WCAG AA; #5b6678 dava ~5,8:1 i pro maly text) */
    --muted:         #5e687b;
    --primary:       #5b5ce2;
    --primary-hover: #4849cb;
    --primary-soft:  #eeeeff;
    --accent:        #39d0b4;
    --danger:        #dc2626;
    --topbar:        #11172a;
    --radius:        16px;
    --radius-sm:     10px;
    --radius-xs:     7px;
    --shadow-sm:     0 1px 2px rgba(16, 24, 40, .06);
    --shadow:        0 8px 24px rgba(25, 32, 58, .08);
    --shadow-lg:     0 24px 70px rgba(12, 18, 38, .22);
}

* { box-sizing: border-box; }
body {
    margin: 0;
    font: 15px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    background: radial-gradient(circle at 80% -20%, #e9e9ff 0, transparent 32rem), var(--bg);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
}
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: clamp(1.5rem, 2vw, 2rem); margin: 0; letter-spacing: -.035em; line-height: 1.15; }
h2 { font-size: 1.08rem; margin: 0 0 .7rem; letter-spacing: -.01em; }

:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
    border-radius: 4px;
}

/* --- horni lista --- */
.topbar {
    display: flex; align-items: center; gap: 1rem;
    background: rgba(17, 23, 42, .97); color: #fff; padding: .6rem 1.3rem;
    position: sticky; top: 0; z-index: 40;
    box-shadow: 0 1px 0 rgba(255,255,255,.05), var(--shadow-sm);
}
/* flex: 0 0 auto + nowrap — jinak delsi navigace logo zmackne a zalomi na dva radky */
.brand { display: inline-flex; align-items: center; gap: .62rem; color: #fff; font-weight: 760; font-size: 1.04rem; letter-spacing: -.025em; white-space: nowrap; flex: 0 0 auto; }
.brand-name { color: #fff; }
.brand:hover { text-decoration: none; }
.brand-mark { width: 30px; height: 30px; display: inline-grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 3px; padding: 5px; border-radius: 9px; background: linear-gradient(145deg, #7475ff, #4d4ed4); box-shadow: inset 0 1px rgba(255,255,255,.28), 0 5px 16px rgba(91,92,226,.3); flex: 0 0 auto; }
.brand-mark i { display: block; border-radius: 2px; background: rgba(255,255,255,.95); }
.brand-mark i:first-child { grid-row: span 2; }
.brand-mark i:last-child { background: var(--accent); }
.workspace-pill { display: inline-flex; align-items: center; gap: .45rem; color: #c9d0df; border-left: 1px solid rgba(255,255,255,.14); padding-left: .9rem; font-size: .78rem; white-space: nowrap; }
.plan-dot { background: rgba(92, 225, 194, .12); color: #72e0ca; border: 1px solid rgba(92,225,194,.2); border-radius: 99px; padding: .08rem .42rem; font-size: .67rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.topnav { display: flex; align-items: center; gap: .25rem; margin-right: auto; margin-left: 1.4rem; }
.topnav a, .navgroup > summary {
    color: #c3ccdb; font-size: .9rem; padding: .32rem .7rem; border-radius: 999px;
    transition: background .12s, color .12s; white-space: nowrap; cursor: pointer;
}
.topnav a:hover, .navgroup > summary:hover { color: #fff; background: rgba(255,255,255,.09); text-decoration: none; }
.topnav a.active, .navgroup > summary.active { color: #fff; background: rgba(255,255,255,.16); font-weight: 600; }

/* rozbalovaci skupiny (Vedeni / Sprava) */
.navgroup { position: relative; }
.navgroup > summary { display: inline-block; list-style: none; }
.navgroup > summary::-webkit-details-marker { display: none; }
.navgroup > summary::after { content: ' ▾'; font-size: .75em; opacity: .8; }
.navgroup[open] > summary::after { content: ' ▴'; }
/* mezera pod tlacitkem, aby se pri prejezdu na panel nezavrel */
.navgroup[open]::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: .4rem; }
.navgroup-menu {
    position: absolute; top: calc(100% + .35rem); left: 0; z-index: 60;
    display: flex; flex-direction: column; gap: .1rem; min-width: 12rem;
    background: var(--topbar); border: 1px solid rgba(255,255,255,.14);
    border-radius: var(--radius); padding: .35rem; box-shadow: var(--shadow);
}
.navgroup-menu a { border-radius: var(--radius-xs); padding: .4rem .6rem; }

/* hamburger — jen na uzkych displejich */
.nav-toggle {
    display: none; background: rgba(255,255,255,.1); color: #fff; border: 0;
    border-radius: var(--radius-xs); font-size: 1.15rem; line-height: 1;
    padding: .3rem .6rem; cursor: pointer; margin-left: auto;
}
.nav-toggle:hover { background: rgba(255,255,255,.18); }
.topbar-user { display: flex; align-items: center; gap: .7rem; }
/* jméno + fotka vedou na vlastní profil */
.me-link {
    display: inline-flex; align-items: center; gap: .5rem; color: #dbe2ee;
    border-radius: 999px; padding: .1rem .5rem .1rem .1rem;
    transition: background .12s, color .12s;
}
.me-link:hover { background: rgba(255,255,255,.1); color: #fff; text-decoration: none; }
.me-link span:not(.avatar) { font-size: .9rem; }
.bell { position: relative; text-decoration: none; font-size: 1.15rem; line-height: 1; }
.bell:hover { text-decoration: none; }
.bell-badge {
    position: absolute; top: -7px; right: -9px; background: var(--danger); color: #fff;
    font-size: .65rem; font-weight: 700; line-height: 1; padding: .12rem .3rem;
    border-radius: 10px; min-width: 1rem; text-align: center; box-shadow: 0 0 0 2px var(--topbar);
}
.avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.view-as { display: inline-flex; align-items: center; gap: .3rem; }
.view-as select {
    width: auto; background: rgba(255,255,255,.1); color: #fff; border-color: rgba(255,255,255,.2);
    font-size: .82rem; padding: .25rem .45rem;
}
.view-as select option { color: #1e2734; }
.viewas-banner {
    display: flex; align-items: center; justify-content: center; gap: .8rem; flex-wrap: wrap;
    background: #fdf0d7; color: #7a5309; border-bottom: 1px solid #edd9a8;
    padding: .5rem 1rem; font-size: .9rem;
}
.viewas-banner form { display: inline; }
.viewas-banner button {
    border: 1px solid #caa53f; background: #fff; color: #7a5309; border-radius: var(--radius-xs);
    padding: .2rem .6rem; font-size: .82rem; font-weight: 600; cursor: pointer;
}
.viewas-banner button:hover { background: #fffaf0; }

.container { max-width: 1120px; margin: 1.5rem auto 3.5rem; padding: 0 1.3rem; }

/* --- komponenty --- */
.card {
    background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
    padding: 1.2rem 1.35rem; margin-bottom: 1.2rem; box-shadow: var(--shadow-sm);
}
.btn {
    display: inline-flex; align-items: center; gap: .45rem;
    background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--radius-sm);
    padding: .44rem .95rem; font-size: .92rem; cursor: pointer; color: var(--text);
    transition: background .12s, border-color .12s, box-shadow .12s;
}
.btn:hover { background: var(--surface-2); border-color: var(--muted); text-decoration: none; }
.btn-primary { background: var(--primary); border-color: var(--primary); color: #fff; box-shadow: var(--shadow-sm); }
.btn-primary:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
/* ghost tlacitko na svetlem podkladu (karty, filtry) — puvodni svetla varianta
   (#dbe2ee na bile) byla prakticky neviditelna; tmava zustava jen v topbaru */
.btn-ghost { background: transparent; border-color: var(--border-strong); color: var(--text); }
.btn-ghost:hover { background: var(--surface-2); border-color: var(--muted); }
.topbar .btn-ghost { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); color: #dbe2ee; }
.topbar .btn-ghost:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.3); }
.btn-google { border-color: var(--border-strong); font-weight: 600; padding: .58rem 1.1rem; }

.flash { border-radius: var(--radius-sm); padding: .65rem 1rem; margin-bottom: 1rem; box-shadow: var(--shadow-sm); }
.flash-ok  { background: #e7f6ea; border: 1px solid #a5dcb0; color: #1b6b32; }
.flash-err { background: #fceaea; border: 1px solid #eaa9a9; color: #a52020; }

.muted { color: var(--muted); }
.small { font-size: .85rem; }
.hidden { display: none !important; }
.count {
    background: var(--primary-soft); color: var(--primary); border-radius: 999px;
    padding: .05rem .5rem; font-size: .8rem; font-weight: 700; vertical-align: middle;
}

/* --- badge stavu a priority --- */
.badge {
    display: inline-block; border-radius: 999px; padding: .1rem .6rem;
    font-size: .78rem; font-weight: 600; white-space: nowrap; line-height: 1.45;
}
.st-backlog     { background: #ececf4; color: #4b4f74; }
.st-new         { background: #e1edfb; color: #1b5bab; }
.st-in_progress { background: #fdf0d7; color: #94660a; }
.st-waiting     { background: #e7e3f7; color: #5b3fa0; }
.st-done        { background: #e2f4e5; color: #1d7a34; }
.st-closed      { background: #e8e9ee; color: #5b6373; }
.pr-low      { background: #eef0f3; color: #5b6373; }
.pr-normal   { background: #e1edfb; color: #1b5bab; }
.pr-high     { background: #fde3d2; color: #a34d0c; }
.pr-critical { background: #fbdada; color: #ab1f1f; }
.badge.urgent { background: var(--danger); color: #fff; letter-spacing: .02em; }
.badge.cat { background: #eef2e4; color: #55622a; }
.badge.member { background: var(--primary-soft); color: var(--primary); }

/* --- hlavicky sekci, formulare --- */
.section-head {
    display: flex; justify-content: space-between; align-items: center;
    gap: 1rem; margin: 1.6rem 0 .9rem; flex-wrap: wrap;
}
.form-grid { display: flex; flex-wrap: wrap; gap: .85rem; }
.form-grid label { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; font-weight: 600; color: #46516a; }
.form-grid .grow { flex: 1 1 220px; }
.form-grid .full { flex: 1 1 100%; }
.form-grid .check { flex-direction: row; align-items: center; gap: .5rem; font-weight: 500; }
input[type=text], input[type=email], input[type=date], input[type=search], input[type=url], input[type=number], select, textarea {
    border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: .5rem .65rem;
    font: inherit; background: var(--surface); width: 100%; color: var(--text);
    transition: border-color .12s, box-shadow .12s;
}
input:focus, select:focus, textarea:focus {
    outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft);
}
textarea { resize: vertical; }
/* zaškrtávátko VŽDY na řádku s textem — ne jen uvnitř .form-grid, jinak se
   v bočním panelu úkolu rozsype checkbox nad popisek */
label.check {
    display: flex; flex-direction: row; align-items: center; gap: .45rem;
    font-weight: 500; font-size: .85rem; color: #46516a; cursor: pointer;
}
label.check input[type=checkbox] { width: auto; flex: 0 0 auto; margin: 0; accent-color: var(--primary); }

/* --- dashboard --- */
.proj-cat {
    margin: 1.4rem 0 .6rem; font-size: .8rem; font-weight: 700; letter-spacing: .08em;
    text-transform: uppercase; color: #5b6678; display: flex; align-items: center; gap: .45rem;
}
.proj-cat:first-of-type { margin-top: .4rem; }
.proj-cat .count { font-weight: 500; color: #8a94a6; }
.proj-cat::after { content: ""; flex: 1; height: 1px; background: var(--border); }
.project-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem; }
.project-grid + .proj-cat { margin-top: 1.6rem; }
.project-card {
    background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
    padding: 1rem 1.1rem; display: flex; flex-direction: column; gap: .35rem; color: inherit;
    box-shadow: var(--shadow-sm); transition: box-shadow .14s, border-color .14s, transform .14s;
}
.project-card:hover { border-color: #b9b9f6; text-decoration: none; box-shadow: var(--shadow); transform: translateY(-3px); }
.project-card .code { color: var(--primary); font-weight: 700; font-size: .78rem; letter-spacing: .05em; display: flex; gap: .3rem; align-items: center; flex-wrap: wrap; }
.project-card strong { font-size: 1.02rem; }
.project-card p { margin: 0; font-size: .85rem; }
.archived { margin-top: 1.6rem; }

/* --- tabulka ukolu --- */
table.issues { width: 100%; border-collapse: collapse; }
table.issues th {
    text-align: left; font-size: .74rem; text-transform: uppercase; letter-spacing: .05em;
    color: var(--muted); font-weight: 700; padding: .35rem .6rem; border-bottom: 1px solid var(--border);
}
table.issues td { padding: .55rem .6rem; border-bottom: 1px solid #eef1f5; vertical-align: middle; }
table.issues tr:last-child td { border-bottom: 0; }
table.issues tbody tr, table.issues tr { transition: background .1s; }
table.issues tr:hover td { background: var(--surface-2); }
td.num a { font-weight: 600; white-space: nowrap; }
td.title { width: 52%; }
td.due.overdue { color: var(--danger); font-weight: 600; }

.filters { display: flex; gap: .55rem; margin-bottom: 1rem; flex-wrap: wrap; align-items: center; }
.filters select, .filters input { width: auto; }
.filters input[type=search] { flex: 1 1 180px; }
.filter-urgent { display: flex; align-items: center; gap: .35rem; font-size: .9rem; white-space: nowrap; }

/* prepinac urgence v detailu ukolu */
.urgent-toggle { display: flex; flex-direction: column; gap: .2rem; }
.urgent-toggle label.check {
    display: flex; flex-direction: row; align-items: center; gap: .5rem;
    font-size: .92rem; color: #46516a; cursor: pointer;
}
.urgent-toggle label.check input { width: auto; margin: 0; }
.urgent-toggle.is-on label.check { color: var(--danger); font-weight: 600; }

.breadcrumb { font-size: .86rem; margin-bottom: .7rem; color: var(--muted); }
.breadcrumb a { color: var(--muted); }
.breadcrumb a:hover { color: var(--primary); }
.project-desc { margin: 0 0 1rem; }

/* --- detail ukolu --- */
.issue-key { color: var(--muted); font-weight: 600; }
.issue-layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 1.4rem; margin-top: 1rem; }
.issue-side {
    /* DVOUSLOUPCOVA mrizka — kratka pole vedle sebe, panel se musi vejit
       na obrazovku cely (delsi bloky maji grid-column 1/-1 nize) */
    align-self: start; display: grid; grid-template-columns: 1fr 1fr;
    gap: .55rem .7rem; align-items: end; position: sticky; top: 4.2rem;
    background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
    padding: .9rem 1.1rem; box-shadow: var(--shadow-sm);
}
.issue-side > .timer-box, .issue-side > .spent-box, .issue-side > .side-more,
.issue-side > .hold-box, .issue-side > .hand-btn, .issue-side > .hand-form,
.issue-side > .danger-zone, .issue-side > form:has(select[name=assignee_id]),
.issue-side > form:has(select[name=status]), .issue-side > p { grid-column: 1 / -1; }
.issue-side > .card { border: 0; box-shadow: none; padding: 0; margin: 0; }
.issue-side form { margin: 0; }
.issue-side label { display: flex; flex-direction: column; gap: .3rem; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.issue-side label.ro span { font-size: .95rem; font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--text); }
/* zridka pouzivana nastaveni jsou sbalena, at je casovac a stav videt bez scrollu */
.side-more { border-top: 1px solid var(--border); padding-top: .6rem; }
.side-more > summary {
    cursor: pointer; list-style: none; display: flex; align-items: center; gap: .4rem;
    font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted);
}
.side-more > summary::-webkit-details-marker { display: none; }
.side-more > summary::before { content: "▸"; font-size: .7rem; transition: transform .12s; }
.side-more[open] > summary::before { transform: rotate(90deg); }
.side-more > summary .on { font-weight: 400; letter-spacing: .15em; }
.side-more > :not(summary) { margin-top: .7rem; }
.issue-desc { white-space: normal; line-height: 1.6; }
/* obrazky v popisech a komentarich (markdown ![](…)) + galerie priloh */
.md img, .tl-comment img { max-width: 100%; max-height: 420px; border-radius: 8px; border: 1px solid var(--border); display: block; margin: .4rem 0; }
.attach-grid { display: flex; flex-wrap: wrap; gap: .8rem; margin-bottom: .6rem; }
.attach-item { margin: 0; width: 148px; }
.attach-item img { width: 148px; height: 100px; object-fit: cover; border-radius: 8px; border: 1px solid var(--border); display: block; }
.attach-item a:hover img { border-color: var(--primary); }
.attach-item figcaption { display: flex; align-items: center; gap: .25rem; margin-top: .2rem; }
.attach-item .link-remove { display: inline; }
.attach-add { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.attach-files { list-style: none; margin: 0 0 .6rem; padding: 0; display: flex; flex-direction: column; gap: .3rem; }
.attach-files li { display: flex; align-items: center; gap: .5rem; }
/* globalni hledani v hlavicce (.topnav ma margin-right:auto, netlacime se) */
.topbar-search { margin: 0 .2rem; flex: 0 1 14rem; }
.topbar-search input {
    width: 100%; padding: .32rem .7rem; font-size: .85rem; border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: #fff;
}
.topbar-search input::placeholder { color: #8b95a7; }
.topbar-search input:focus { background: #fff; color: var(--text); outline: none; }
mark { background: #fde68a; border-radius: 3px; padding: 0 .1rem; }
.people-hits li { display: flex; align-items: center; gap: .6rem; }
.people-hits .avatar { width: 26px; height: 26px; border-radius: 50%; }
.people-hits .avatar-init { display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); font-size: .75rem; font-weight: 700; color: var(--muted); }
.watch-form { display: flex; align-items: center; gap: .5rem; }
/* oprava vykazu primo z kalendare (tuzka u polozky + modal) */
.cal-item-row { display: flex; align-items: center; gap: .1rem; }
.cal-item-row .cal-item { flex: 1 1 auto; min-width: 0; }
.cal-fix { border: 0; background: none; cursor: pointer; color: var(--muted); padding: 0 .1rem; opacity: 0; font-size: .8rem; }
.cal-item-row:hover .cal-fix { opacity: 1; }
.cal-fix:hover { color: var(--primary); }
.cal-fix-modal { position: fixed; inset: 0; background: rgba(15,23,42,.45); z-index: 60; display: flex; align-items: center; justify-content: center; }
.cal-fix-modal .card { width: min(430px, 92vw); display: flex; flex-direction: column; gap: .55rem; margin: 0; }
.cal-fix-modal label { display: flex; flex-direction: column; gap: .25rem; font-size: .8rem; font-weight: 600; color: var(--muted); }
.cal-fix-actions { display: flex; gap: .5rem; }
/* inline SVG ikony — dedi barvu, sedi na ucaru textu */
.ico {
    width: 1em; height: 1em; display: inline-block; vertical-align: -.125em;
    fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto;
}
.ico-play polygon { fill: currentColor; stroke-width: 1; }
@media (max-width: 900px) { .topbar-search { display: none; } }
/* vyhrazeni epiku konkretnim lidem */
.epic-only { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.epic-only .chip {
    display: inline-flex; align-items: center; gap: .25rem; padding: .1rem .5rem;
    background: var(--surface-2); border: 1px solid var(--border); border-radius: 999px;
}
.epic-only .chip form { display: inline; margin: 0; }
.epic-only-add { display: inline-flex; gap: .3rem; align-items: center; margin: 0; }
.epic-only-add select { width: auto; }
.attach-add input[type=file] { flex: 0 1 auto; }
.attach-add input[type=url] { flex: 1 1 14rem; }

.timeline { display: flex; flex-direction: column; gap: .8rem; margin-bottom: 1.2rem; }
.tl-event { font-size: .88rem; color: #46516a; padding-left: .2rem; }
.tl-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--border-strong); margin-right: .5rem; }
.tl-comment { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); box-shadow: var(--shadow-sm); }
.tl-comment .tl-head {
    display: flex; align-items: center; gap: .5rem;
    padding: .55rem .9rem; border-bottom: 1px solid #eef1f5; background: var(--surface-2);
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}
.tl-comment .tl-body { padding: .75rem .9rem; line-height: 1.55; }
.comment-form { display: flex; flex-direction: column; gap: .6rem; align-items: flex-start; }
.comment-form textarea { width: 100%; }

/* --- manazersky prehled --- */
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .9rem; margin: 1rem 0 1.5rem; }
.stat-card {
    background: var(--surface); border: 1px solid var(--border); border-top: 3px solid var(--primary);
    border-radius: var(--radius); padding: .9rem 1.1rem .8rem;
    display: flex; flex-direction: column; gap: .15rem; box-shadow: var(--shadow-sm);
}
.stat-card .n { font-size: 1.75rem; font-weight: 700; line-height: 1.1; color: var(--topbar); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.stat-card .n.n-sm { font-size: 1.15rem; padding: .35rem 0 .2rem; }
.stat-card .l { font-size: .72rem; color: var(--muted); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.stat-card.neutral { border-top-color: #9aa1b5; }
.stat-card.urgent-card { border-top-color: var(--danger); background: #fff7f7; }
.stat-card.urgent-card .n { color: var(--danger); }
.stat-card.crit { border-top-color: #d64545; }
.stat-card.crit .n { color: #ab1f1f; }
.stat-card.warn { border-top-color: #e08a3c; }
.stat-card.warn .n { color: #a34d0c; }
.stat-card.ok { border-top-color: #3aa65c; }
.stat-card.ok .n { color: #1d7a34; }
select.inline { width: auto; font-size: .85rem; padding: .28rem .45rem; }

/* karty jsou zaroven prepinac pohledu */
a.stat-card { text-decoration: none; transition: box-shadow .12s, transform .12s; }
a.stat-card:hover { box-shadow: var(--shadow); transform: translateY(-1px); text-decoration: none; }
a.stat-card.is-active { border-color: var(--primary); box-shadow: 0 0 0 2px var(--primary-soft); }

/* filtry a skupiny v prehledu */
.mgr-filters {
    position: sticky; top: 3.9rem; z-index: 20;
    background: var(--bg); padding: .5rem 0; margin-bottom: .6rem;
}
.filter-group { display: flex; align-items: center; gap: .35rem; font-size: .85rem; color: var(--muted); white-space: nowrap; }
/* na mobilu jsou filtry na vic radku — prilepene by zabraly pul obrazovky */
@media (max-width: 760px) { .mgr-filters { position: static; } }
.mgr-list .mgr-group {
    border: 1px solid var(--border); border-radius: var(--radius-sm);
    margin-bottom: .55rem; background: var(--surface);
}
.mgr-group > summary {
    display: flex; align-items: center; gap: .5rem; cursor: pointer;
    padding: .45rem .7rem; font-weight: 600; list-style-position: inside;
}
.mgr-group > summary:hover { background: var(--surface-2); }
.mgr-group[open] > summary { border-bottom: 1px solid var(--border); }
.mgr-group table { margin: 0; }
.mgr-idle { margin-top: .6rem; }
.mgr-idle > summary { cursor: pointer; font-size: .9rem; color: var(--muted); }

table.issues.compact th, table.issues.compact td { padding: .3rem .5rem; }
table.issues.compact td { font-size: .9rem; }
th.c-check, td.c-check { padding-right: 0; }
/* presence badge na profilu (online/obed/odesel/v praci/dovolena) */
.badge.presence { font-weight: 600; }
.badge.p-on    { background: #e7f7ee; color: #0f7b3d; }
.badge.p-in    { background: #e8f1fe; color: #1d4fd7; }
.badge.p-lunch { background: #fef3e2; color: #9a5b0f; }
.badge.p-out   { background: #f1f3f7; color: #5b6678; }
.badge.p-vac   { background: #fdeef4; color: #b02a63; }
.badge.p-off   { background: #f1f3f7; color: #5b6678; }
th.c-check input, td.c-check input { width: auto; margin: 0; cursor: pointer; }

/* --- manazersky prehled v2: KPI pilulky + filtr-lista + dva sloupce -------- */
.mgr-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: .6rem; }
.mgr-head h1 { margin: 0; }
.mgr-pills { display: flex; flex-wrap: wrap; gap: .4rem; }
.mgr-pill {
    display: inline-flex; align-items: baseline; gap: .35rem; padding: .3rem .75rem;
    border: 1px solid var(--border); border-radius: 999px; background: var(--surface);
    font-size: .82rem; color: var(--muted); box-shadow: var(--shadow-sm); white-space: nowrap;
}
.mgr-pill b { font-size: 1rem; color: var(--text); font-variant-numeric: tabular-nums; }
.mgr-pill:hover { border-color: var(--primary); text-decoration: none; }
.mgr-pill.is-active { border-color: var(--primary); background: #eef4fe; color: var(--primary); }
.mgr-pill.is-active b { color: var(--primary); }
.mgr-pill.tone-red b { color: #b91c1c; }
.mgr-pill.tone-orange b { color: #b45309; }
.mgr-pill.tone-green b { color: #15803d; }
.mgr-pill.is-static { cursor: default; }
.mgr-filterbar {
    display: flex; flex-wrap: wrap; align-items: center; gap: .45rem;
    background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
    padding: .5rem .7rem; margin-bottom: 1rem; box-shadow: var(--shadow-sm);
}
.mgr-filterbar select, .mgr-filterbar input[type=search] { padding: .3rem .55rem; font-size: .85rem; width: auto; }
.mgr-filterbar input[type=search] { flex: 1 1 10rem; min-width: 8rem; }
.mgr-filter-right { display: flex; gap: .45rem; align-items: center; margin-left: auto; }
.mgr-cols { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 1rem; align-items: start; }
.mgr-side { display: flex; flex-direction: column; gap: 1rem; position: sticky; top: 4.2rem; }
.mgr-hint { font-weight: 400; }
@media (max-width: 1200px) { .mgr-cols { grid-template-columns: 1fr; } .mgr-side { position: static; } }
/* Ted se pracuje — kompaktni radky */
.mgr-now .timer-live { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .45rem; }
.mgr-now .timer-live li { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .45rem; font-size: .85rem; }
.mgr-now .tmr-clock { font-size: .95rem; }
.mgr-now .tmr-issue { flex-basis: 100%; padding-left: .1rem; }
.mgr-now .tmr-since { margin-left: auto; }
/* Vytizeni — radky s mini barem misto tabulky */
.load-rows { display: flex; flex-direction: column; }
.load-row {
    display: grid; grid-template-columns: 1fr auto; gap: .1rem .5rem; align-items: baseline;
    padding: .4rem .35rem; border-radius: var(--radius-sm); color: inherit;
}
.load-row:hover { background: var(--surface-2); text-decoration: none; }
.lr-name { font-size: .88rem; font-weight: 500; }
.lr-nums { display: flex; align-items: baseline; gap: .5rem; font-variant-numeric: tabular-nums; }
.lr-nums b { font-size: .95rem; }
.lr-urgent { color: #b91c1c; font-size: .8rem; display: inline-flex; align-items: center; gap: .1rem; }
.lr-bar { grid-column: 1 / -1; height: 4px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.lr-bar span { display: block; height: 100%; background: var(--primary); border-radius: 999px; }

/* sloupce stejne siroke ve vsech skupinach, at oko nepreskakuje */
table.mgr-table { table-layout: fixed; }
table.mgr-table col.w-check  { width: 2rem; }
table.mgr-table col.w-key    { width: 6rem; }
table.mgr-table col.w-status { width: 6.2rem; }
table.mgr-table col.w-prio   { width: 5.6rem; }
table.mgr-table col.w-due    { width: 6.6rem; }
table.mgr-table col.w-who    { width: 9.5rem; }
table.mgr-table td.title { overflow-wrap: anywhere; }
/* nazev vlevo, badge Urgentni + epic zarovnane VPRAVO na pevne pozici —
   nalepene za ruzne dlouhymi nazvy poskakovaly a sloupec se nedal cist.
   Flex je na vnitrnim wrapperu (.t-flex) — na <td> by rozbil table layout. */
table.mgr-table .t-flex { display: flex; align-items: center; gap: .45rem; }
table.mgr-table .t-flex > a { flex: 1 1 auto; min-width: 0; }
table.mgr-table tbody tr:nth-child(even) td { background: #fbfcfe; }
table.mgr-table tbody tr:hover td { background: var(--surface-2); }
/* epic jen jako tichy stitek za nazvem, ne dalsi barevny badge */
.row-epic {
    display: inline-block; max-width: 14rem; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; vertical-align: bottom;
    font-size: .76rem; color: var(--muted); margin-left: .35rem;
}
.row-epic::before { content: "· "; }
/* select resitele je videt az pod mysi — jinak je v tabulce 60 ramecku */
select.inline.quiet { border-color: transparent; background-color: transparent; max-width: 100%; }
tr:hover select.inline.quiet, select.inline.quiet:focus { border-color: var(--border-strong); background-color: var(--surface); }
@media (max-width: 760px) {
    table.mgr-table { table-layout: auto; }
    select.inline.quiet { border-color: var(--border-strong); background-color: var(--surface); }
}

/* lista hromadnych akci — plave nad obsahem, dokud je neco vybrano */
.bulk-bar {
    position: fixed; left: 50%; transform: translateX(-50%); bottom: 1rem; z-index: 45;
    width: min(1120px, calc(100vw - 1.6rem));
    display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
    background: var(--topbar); color: #fff;
    border-radius: var(--radius); padding: .55rem .8rem;
    box-shadow: var(--shadow-lg);
}
.bulk-bar[hidden] { display: none; }
.bulk-count { font-size: .9rem; margin-right: .3rem; }
.bulk-act { display: inline-flex; align-items: center; gap: .3rem; }
.bulk-bar select { width: auto; }
.bulk-bar .btn {
    background: rgba(255, 255, 255, .14); color: #fff; border-color: rgba(255, 255, 255, .28);
}
.bulk-bar .btn:hover { background: rgba(255, 255, 255, .26); color: #fff; }

/* --- feed posledni aktivity --- */
.feed { display: flex; flex-direction: column; }
.feed-item {
    display: flex; gap: .55rem; align-items: baseline; flex-wrap: wrap;
    padding: .5rem 0; border-bottom: 1px solid #eef1f5; font-size: .9rem;
}
.feed-item:last-child { border-bottom: 0; }
.feed-key { font-weight: 600; white-space: nowrap; }
.feed-title { color: var(--text); }
.feed-what { color: #46516a; }

/* --- kategorie, clenstvi, plany --- */
.project-meta { margin: -.3rem 0 .9rem; }
.members-row { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; margin-bottom: .8rem; }
.member-chip {
    display: inline-flex; align-items: center; gap: .3rem;
    background: var(--surface); border: 1px solid var(--border); border-radius: 999px;
    padding: .16rem .35rem .16rem .7rem; font-size: .85rem; box-shadow: var(--shadow-sm);
}
.member-chip form { display: inline-flex; }
.member-chip button { border: 0; background: transparent; cursor: pointer; color: #9aa1b5; font-size: 1rem; line-height: 1; padding: 0 .3rem; }
.member-chip button:hover { color: var(--danger); }
.member-add select { border-style: dashed; color: var(--muted); }
.group-chip { background: #efeaf9; border-color: #d6c9f0; }

.progress { width: 120px; height: 8px; background: #e8eaef; border-radius: 999px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: .4rem; }
.progress .bar { height: 100%; background: #3aa65c; border-radius: 999px; transition: width .3s; }
.progress.over .bar { background: var(--danger); }
.cell-progress { white-space: nowrap; }

.avatar-lg { width: 40px; height: 40px; border-radius: 50%; vertical-align: middle; object-fit: cover; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
@media (max-width: 760px) { .two-col { grid-template-columns: 1fr; } }
.plain-list { margin: 0; padding-left: 1.1rem; }
.plain-list li { margin: .25rem 0; }

/* --- epiky --- */
.epics-head { margin-top: 1.8rem; }
.epic-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1rem; margin-bottom: 1.2rem; }
.epic-card {
    background: var(--surface); border: 1px solid var(--border); border-left: 4px solid #7c5cbf;
    border-radius: var(--radius); padding: .9rem 1.1rem; display: flex; flex-direction: column; gap: .55rem; color: inherit;
    box-shadow: var(--shadow-sm); transition: box-shadow .14s, transform .14s;
}
.epic-card:hover { text-decoration: none; box-shadow: var(--shadow); transform: translateY(-1px); }
.epic-card-top { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.epic-tag, .epic-card .epic-tag { background: #efeaf9; color: #5b3fa0; font-size: .68rem; font-weight: 700; letter-spacing: .06em; padding: .12rem .45rem; border-radius: var(--radius-xs); }
.progress.big { width: 100%; height: 12px; }
.epic-progress-row { display: flex; align-items: center; gap: .8rem; margin: .4rem 0 1.2rem; }
.epic-progress-row .progress { flex: 1; height: 12px; max-width: 400px; }

/* --- fronta ukolu --- */
.queue-waiting { background: #fbfaf6; }
.queue-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .4rem; }
.queue-list li { display: flex; align-items: center; gap: .5rem; padding: .45rem .3rem; border-bottom: 1px solid #eef1f5; color: var(--muted); }
.queue-list li:last-child { border-bottom: 0; }
.q-lock { flex: none; }
.q-key { font-weight: 600; color: #8a92a6; white-space: nowrap; }
.q-title { flex: 1; }
.q-active-row td { background: #f0f9f2; }
.q-move { white-space: nowrap; }
.q-move form { display: inline; }
.q-move button { border: 1px solid var(--border-strong); background: var(--surface); border-radius: 5px; cursor: pointer; padding: .1rem .4rem; font-size: .9rem; color: #46516a; }
.q-move button:hover { background: var(--primary); color: #fff; border-color: var(--primary); }
.wip-form { display: flex; align-items: flex-end; gap: .5rem; }
.wip-label { display: flex; flex-direction: column; font-size: .82rem; color: #46516a; gap: .2rem; font-weight: 600; }
.wip-label input { width: 5rem; }

.locked-box { text-align: center; padding: 3rem 1.5rem; max-width: 560px; margin: 2.5rem auto; }
.locked-ico { font-size: 2.8rem; margin-bottom: .5rem; }
.locked-box h1 { font-size: 1.25rem; margin-bottom: .8rem; }

/* --- vytizeni v case (byvala casova osa) --- */
/* na uzkem displeji se mrizka posouva uvnitr karty, at nepretece stranka */
.load-scroll { overflow-x: auto; }
.load-grid {
    display: grid;
    grid-template-columns: 13rem repeat(var(--cols), minmax(2.4rem, 1fr));
    gap: 2px 3px; align-items: end;
}
.lg-head {
    font-size: .7rem; color: var(--muted); text-align: center; padding-bottom: .2rem;
    white-space: nowrap; overflow: hidden;
}
.lg-head.is-now { color: var(--danger); font-weight: 700; }
.lg-now { display: block; font-size: .6rem; letter-spacing: .04em; text-transform: uppercase; }
.lg-name {
    display: flex; flex-direction: column; gap: .05rem; font-size: .88rem;
    padding: .2rem .5rem .2rem 0; align-self: center; min-width: 0;
}
.lg-name > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-cell {
    position: relative; height: 66px; display: flex; align-items: flex-end; justify-content: center;
    background: var(--surface-2); border-radius: var(--radius-xs); overflow: hidden;
}
.lg-cell.is-now { box-shadow: inset 0 0 0 1px rgba(220, 38, 38, .35); }
.lg-bar { display: block; width: 100%; border-radius: var(--radius-xs) var(--radius-xs) 0 0; }
.lg-free { background: transparent; }
.lg-ok   { background: #9dd3ac; }
.lg-full { background: #f0c674; }
.lg-over { background: #e98b8b; }
.lg-off  { background: repeating-linear-gradient(45deg, #e3e7ee 0 4px, #f2f4f8 4px 8px); }
.lg-num {
    position: absolute; top: .2rem; left: 0; right: 0; text-align: center;
    font-size: .68rem; font-weight: 700; color: #46516a; font-variant-numeric: tabular-nums;
}
.lg-t-over { color: #a51616; }
.load-legend { display: flex; align-items: center; gap: .3rem; flex-wrap: wrap; margin-top: .9rem; }
.lg-key { display: inline-block; width: 15px; height: 10px; border-radius: 3px; margin-left: .5rem; }
.lg-key.lg-ok { background: #9dd3ac; }
.lg-key.lg-full { background: #f0c674; }
.lg-key.lg-over { background: #e98b8b; }
.lg-key.lg-off { background: repeating-linear-gradient(45deg, #e3e7ee 0 4px, #f2f4f8 4px 8px); }
@media (max-width: 900px) {
    .load-grid { grid-template-columns: 7rem repeat(var(--cols), minmax(1.8rem, 1fr)); }
    .lg-cell { height: 54px; }
    .lg-name { font-size: .8rem; }
}
/* --- minutovnik (vykazy po skupinach a lidech) --- */
.mt-person { border-top: 1px solid var(--border); padding: .3rem 0; }
.mt-person:first-of-type { border-top: 0; }
.mt-person > summary {
    display: flex; align-items: center; gap: .6rem; cursor: pointer; padding: .3rem 0; font-weight: 600;
}
.mt-person > summary:hover .mt-name { color: var(--primary); }
.mt-table { table-layout: fixed; margin-bottom: .4rem; }
.mt-table col.w-date { width: 8.5rem; }
.mt-table col.w-time { width: 6.5rem; }
.mt-table td { vertical-align: top; }
.mt-day, .mt-time { white-space: nowrap; }
.mt-item { padding: .1rem 0; overflow-wrap: anywhere; }
.mt-key { font-weight: 600; white-space: nowrap; margin-right: .25rem; }
.mt-note { color: var(--muted); }
.mt-comment {
    color: #46516a; font-size: .85rem; border-left: 2px solid var(--border-strong);
    padding-left: .5rem; margin: .15rem 0 .15rem .2rem;
}
.mt-nocomment { color: #a34d0c; font-size: .76rem; margin-left: .3rem; }

/* --- kapacity --- */
.cap-user { margin-top: 1.2rem; }
.cap-user h3 { font-size: .95rem; margin: 0 0 .3rem; }

/* --- markdown --- */
.md-bar { display: flex; gap: .25rem; align-items: center; margin-bottom: .3rem; flex-wrap: wrap; }
.md-bar button {
    border: 1px solid var(--border-strong); background: var(--surface); border-radius: var(--radius-xs);
    cursor: pointer; font-size: .8rem; padding: .15rem .45rem; color: #46516a; min-width: 1.8rem;
}
.md-bar button:hover { background: var(--primary); color: #fff; border-color: var(--primary); }
.md-hint { font-size: .72rem; color: var(--muted); margin-left: .2rem; }
.md h3, .md h4, .md h5 { margin: .8rem 0 .3rem; font-size: 1rem; }
.md p { margin: .5rem 0; }
.md ul, .md ol { margin: .5rem 0; padding-left: 1.4rem; }
.md li { margin: .2rem 0; }
.md code { background: var(--surface-2); border: 1px solid var(--border); border-radius: 4px; padding: 0 .25rem; font-size: .9em; }
.md pre { background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-xs); padding: .7rem .9rem; overflow-x: auto; }
.md pre code { background: none; border: 0; padding: 0; }
.md blockquote { margin: .5rem 0; padding: .3rem .9rem; border-left: 3px solid var(--border-strong); color: var(--muted); }
.md hr { border: 0; border-top: 1px solid var(--border); margin: .9rem 0; }
.md > *:first-child { margin-top: 0; }
.md > *:last-child { margin-bottom: 0; }

/* --- pozdrzeni / blokace --- */
.hold-banner {
    display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
    background: #f3f0fc; border: 1px solid #d6c9f0; color: #4b3a7a;
    border-radius: var(--radius); padding: .7rem 1rem; margin: .8rem 0 0;
}
.hold-banner.is-expired { background: #fdf2e7; border-color: #edc9a3; color: #7a4e12; }
/* rozjeto bez planu — seda zona, ktera musi byt videt */
.plan-banner {
    display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
    background: #fff5e6; border: 1px solid #f0d3a0; color: #8a5300;
    border-radius: var(--radius); padding: .7rem 1rem; margin: .8rem 0 0;
}
.plan-banner .muted { color: #a5763a; }
.hold-box { display: flex; flex-direction: column; gap: .5rem; }
.hold-form { display: flex; flex-direction: column; gap: .5rem; background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: .7rem; }
.hold-form label { display: flex; flex-direction: column; gap: .2rem; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.blocking-card { border-left: 4px solid var(--danger); background: #fff8f8; }

/* --- mazani / nebezpecne akce --- */
.btn-danger { background: var(--danger); border-color: var(--danger); color: #fff; }
.btn-danger:hover { background: #b91c1c; border-color: #b91c1c; }
.danger-zone { border-top: 1px solid var(--border); padding-top: .8rem; margin-top: .2rem; }
.tl-del { display: inline; }

/* --- korekce vykazaneho casu --- */
.wl-table td { padding: .4rem .5rem; }
.wl-fix { display: flex; gap: .3rem; align-items: center; }
.wl-fix input[type=text] { width: 6rem; padding: .25rem .4rem; font-size: .85rem; }
.wl-fix .btn { padding: .2rem .5rem; font-size: .8rem; }
.wl-actions { text-align: right; }
.table-scroll { overflow-x: auto; }

/* --- organizacni struktura --- */
.org-table td { vertical-align: middle; }
.org-inactive td { opacity: .55; }
.org-edit-row td { background: var(--surface-2); padding: .9rem; }
.org-delete { margin-top: .7rem; }
.user-link { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--border-strong); }
.user-link:hover { color: var(--primary); border-bottom-color: var(--primary); text-decoration: none; }
.mute-form { display: inline; }

/* --- ukolnicek --- */
.notes { padding: 0; }
.note { display: flex; align-items: center; gap: .7rem; padding: .7rem .9rem; border-bottom: 1px solid #eef1f5; color: inherit; transition: background .1s; }
.note:last-child { border-bottom: 0; }
.note:hover { background: var(--surface-2); text-decoration: none; }
.note.unread { background: var(--primary-soft); }
.note.unread:hover { background: #dfeafd; }
.note.unread .note-body { font-weight: 600; }
.note-ico { flex: none; font-size: 1.15rem; }
.note-body { flex: 1; }
.note-key { color: var(--primary); font-weight: 600; margin-right: .35rem; }
.note-time { flex: none; white-space: nowrap; }

/* --- plovouci widget casovace --- */
.timer-widget {
    position: fixed; right: 1.1rem; bottom: 1.1rem; z-index: 50;
    background: var(--topbar); color: #fff; border-radius: var(--radius);
    box-shadow: var(--shadow-lg); max-width: 340px;
}
.tw-main { display: flex; align-items: center; gap: .6rem; padding: .6rem .75rem; }
.tw-clock { font-size: 1.15rem; font-weight: 700; font-variant-numeric: tabular-nums; color: #7fe0a0; white-space: nowrap; }
.tw-issue { color: #cdd6e4; font-size: .85rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
.tw-issue:hover { color: #fff; }
.tw-issue strong { color: #8fb7f2; }
.tw-note-btn, .tw-stop button, .tw-stop a {
    border: 0; background: rgba(255,255,255,.12); color: #fff; cursor: pointer;
    border-radius: var(--radius-xs); padding: .32rem .48rem; font-size: .95rem; line-height: 1;
}
.tw-note-btn:hover, .tw-stop button:hover, .tw-stop a:hover { background: rgba(255,255,255,.24); }
.tw-stop { display: inline-flex; }
.tw-note { display: flex; flex-direction: column; gap: .4rem; padding: 0 .75rem .75rem; }
.tw-note textarea { width: 100%; background: #fff; color: var(--text); border-radius: var(--radius-xs); border: 0; padding: .45rem; }
@media (max-width: 560px) { .timer-widget { left: 1.1rem; right: 1.1rem; max-width: none; } }

/* jemna tuzka pro editaci */
.edit-pencil { border: 0; background: transparent; cursor: pointer; color: #9aa1b5; font-size: .95rem; padding: 0 .3rem; vertical-align: middle; border-radius: 4px; }
.edit-pencil:hover { color: var(--primary); }
.edited-note { margin: .7rem 0 0; }

/* --- casovac v detailu --- */
/* kompakt: hodiny nahore, tlacitka VEDLE sebe — panel musi byt kratky */
.timer-box { display: flex; flex-flow: row wrap; align-items: center; gap: .45rem .5rem; padding: .6rem .8rem; background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-sm); }
.timer-box form { margin: 0; }
.timer-box p { flex-basis: 100%; margin: 0; }
.timer-running { flex-basis: 100%; display: flex; align-items: baseline; gap: .5rem; }
.timer-clock { font-size: 1.35rem; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--primary); line-height: 1; }

/* --- GitHub odkazy --- */
.links-box .link-list { list-style: none; margin: 0 0 .7rem; padding: 0; display: flex; flex-direction: column; gap: .4rem; }
.links-box .link-list li { display: flex; align-items: center; gap: .5rem; }
.link-ico { flex: none; }
.link-remove { display: inline-flex; }
.link-remove button { border: 0; background: transparent; color: #9aa1b5; cursor: pointer; font-size: 1rem; line-height: 1; padding: 0 .2rem; }
.link-remove button:hover { color: var(--danger); }
.link-add { display: flex; gap: .5rem; flex-wrap: wrap; }
.link-add input[type=url] { flex: 2 1 240px; }
.link-add input[type=text] { flex: 1 1 140px; }

/* --- editace komentaru --- */
.tl-edit-btn { border: 0; background: transparent; cursor: pointer; color: #9aa1b5; font-size: .9rem; margin-left: auto; padding: 0 .3rem; border-radius: 4px; }
.tl-edit-btn:hover { color: var(--primary); }
.tl-edit { padding: .7rem .9rem; display: flex; flex-direction: column; gap: .5rem; }
.tl-edit textarea { width: 100%; }
.tl-edit-actions { display: flex; gap: .5rem; }
.btn-ghost-light { background: transparent; border-color: var(--border-strong); color: var(--text); }
.btn-ghost-light:hover { background: var(--surface-2); }
.tl-body.old { background: #fbf3f3; border-left: 3px solid #eba7a7; padding: .5rem .7rem; border-radius: var(--radius-xs); }

/* --- kalendar vykazu --- */
.cal-nav { display: flex; gap: .3rem; }
.cal { width: 100%; table-layout: fixed; border-collapse: collapse; }
.cal th { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); padding: .2rem; }
.cal-day {
    vertical-align: top; height: 6.5rem; border: 1px solid var(--border);
    padding: .25rem; font-size: .8rem;
}
.cal-day.is-out { background: var(--surface-2); opacity: .5; }
.cal-day.is-free { background: #f7f8fa; }
.cal-day.is-leave { background: #eef7f1; }
.cal-day.is-today { box-shadow: inset 0 0 0 2px var(--primary); }
.cal-head { display: flex; justify-content: space-between; align-items: baseline; }
.cal-num { font-weight: 700; color: var(--muted); }
.cal-sum { font-weight: 700; font-variant-numeric: tabular-nums; color: #17794a; }
.cal-leave { color: #17794a; font-size: .72rem; }
.cal-diff { font-size: .7rem; font-weight: 700; text-align: right; }
.cal-diff.is-over { color: #8a5300; }
.cal-diff.is-under { color: #9aa1b5; }
.timer-widget.is-paused { background: #4b5563; }
.cal-item {
    display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    padding: .05rem .2rem; border-radius: 3px; background: var(--primary-soft); color: var(--primary);
    margin-top: .15rem; font-size: .72rem;
}
.cal-item:hover { filter: brightness(.95); }
@media (max-width: 700px) {
    .cal-day { height: auto; min-height: 3.5rem; }
    .cal-item { font-size: .66rem; }
}

/* --- automat: obtiznost v radku --- */
.aut-diff { display: flex; gap: .25rem; white-space: nowrap; }
.aut-diff select { font-size: .78rem; padding: .15rem .2rem; }

/* --- ajax toast + blik ulozeni --- */
.pm-toast {
    position: fixed; right: 1.1rem; bottom: 4.2rem; z-index: 90;
    padding: .5rem .8rem; border-radius: var(--radius-sm); box-shadow: var(--shadow-lg);
    font-size: .88rem; color: #fff; opacity: 0; transform: translateY(8px);
    transition: opacity .25s, transform .25s; max-width: min(420px, 90vw);
}
.pm-toast.show { opacity: 1; transform: none; }
.pm-toast.is-ok { background: #17794a; }
.pm-toast.is-err { background: #ab1f1f; }
.pm-toast + .pm-toast { bottom: 7.4rem; }
@keyframes pm-saved { from { background: #e8f5ec; } to { background: transparent; } }
form.saved-ok { animation: pm-saved 1.2s ease-out; }
@keyframes pm-savederr { from { background: #fbdada; } to { background: transparent; } }
form.saved-err { animation: pm-savederr 1.2s ease-out; }

/* --- muj tym (soukrome poznamky) --- */
.tym-table { table-layout: fixed; }
.tym-table .w-name { width: 13rem; }
.tym-table .w-ctx { width: 11rem; }
.tym-table .w-acts { width: 5.5rem; }
.tym-table td { vertical-align: top; }
.tym-note { width: 100%; resize: vertical; font-size: .85rem; }
.tym-table td.note-stale { background: #fff5e6; box-shadow: inset 3px 0 0 #e8a33d; }
.tym-table td.note-none { background: #f7f8fa; }

/* --- prehled dochazky --- */
.att-table { table-layout: fixed; }
.att-table th.att-name, .att-table td.att-name { width: 12rem; text-align: left; }
.att-table th.att-day { font-size: .68rem; padding: .2rem .1rem; text-align: center; }
.att-cell { text-align: center; padding: .2rem .1rem; font-size: .8rem; position: relative; }
/* pipl na terminalu — modra tecka v rohu bunky; neshoda s tabulkou = cerveny ram */
.beep-dot { position: absolute; right: 2px; top: 2px; width: 6px; height: 6px; border-radius: 50%; background: #2563eb; }
.att-cell.att-clash { box-shadow: inset 0 0 0 2px #ab1f1f; }
/* prepsana hodnota — oranzovy ruzek, detail v bubline a v tabulce pod prehledem */
.att-cell.att-edited::after {
    content: ""; position: absolute; top: 0; right: 0;
    border-style: solid; border-width: 0 .55rem .55rem 0;
    border-color: transparent #d97706 transparent transparent;
}
.att-cell.is-today.att-clash { box-shadow: inset 0 0 0 2px #ab1f1f, inset 0 0 0 4px var(--primary); }
.att-work { color: #17794a; font-weight: 700; }
.att-home { color: #17794a; font-weight: 700; font-size: .68rem; }
.att-vacation { color: #2563eb; font-weight: 700; }
.att-absent { color: #9aa1b5; }
.att-missing, .att-cell.att-missing { color: #ab1f1f; font-weight: 700; background: #fbdada; }
.att-cell.is-free, .att-table th.is-free { background: #f7f8fa; }
.att-cell.is-today, .att-table th.is-today { box-shadow: inset 0 0 0 2px var(--primary); }

/* --- dokonceni casovace (rozdeleni casu) --- */
.tf-table input[type=text] { width: 100%; }
.tf-note { min-width: 12rem; }
.tf-add { display: flex; gap: .5rem; margin: .6rem 0; }
.tf-actions { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.timer-widget.is-pending { background: #8a5300; }
/* uzavreny rozpocet: fond nerozdelenych minut + krokovani po 5 */
.tf-fund {
    display: flex; align-items: center; gap: .7rem; flex-wrap: wrap;
    padding: .5rem .7rem; margin-bottom: .6rem; border-radius: var(--radius-xs);
    background: var(--surface-2); border: 1px solid var(--border);
}
.tf-fund.has-fund { background: #fff5e6; border-color: #f0d3a0; }
.tf-fund.has-fund strong { color: #8a5300; }
.tf-min { white-space: nowrap; }
.tf-min .tf-minutes { width: 5rem; text-align: right; font-variant-numeric: tabular-nums; }
.tf-step { padding: .2rem .45rem; font-size: .8rem; }
#tf-submit:disabled { opacity: .55; cursor: not-allowed; }

/* --- nesrovnalosti: tabulka, kde se opravuje na miste --- */
.fix-table { table-layout: fixed; width: 100%; }
.fix-table th { font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.fix-table td { vertical-align: middle; }
.fix-key { max-width: 26rem; }
.fix-title { display: block; color: var(--muted); font-size: .85rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* svítí to, co chybí */
.fix-bad { background: #fff5e6; box-shadow: inset 3px 0 0 #e8a33d; }
.fix-bad input, .fix-bad select { border-color: #e8a33d; }
.fix-ok { color: var(--muted); }
.fix-table input.inline, .fix-table select.inline { width: 100%; min-width: 6rem; }
.fix-table input.fix-est { min-width: 4.5rem; }
.fixup-list { list-style: none; margin: .5rem 0 .3rem; padding: 0; display: flex; flex-direction: column; gap: .25rem; }
.fixup-list li { display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; }
.fixup-list a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }

/* --- bezici casovace v manazerskem prehledu --- */
.timer-live { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .3rem; }
.timer-live li {
    display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
    padding: .35rem .5rem; border-radius: var(--radius-xs); background: var(--surface-2);
}
.timer-live li.is-long { background: #fff5e6; }
.tmr-clock { font-weight: 700; font-variant-numeric: tabular-nums; color: #17794a; min-width: 4.2rem; }
.timer-live li.is-long .tmr-clock { color: #8a5300; }
.tmr-who { min-width: 9rem; }
.tmr-issue { flex: 1 1 12rem; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* --- vazby mezi ukoly --- */
.rel-box .rel-list li { flex-wrap: wrap; }
.rel-label { flex: none; color: var(--muted); font-size: .8rem; text-transform: lowercase; min-width: 6.5rem; }
.rel-list a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rel-list a.is-done, .issue-ref.is-done { text-decoration: line-through; opacity: .65; }
.rel-warn {
    margin: 0 0 .7rem; padding: .45rem .6rem; font-size: .87rem;
    background: #fff5e6; border: 1px solid #f0d3a0; border-radius: var(--radius-xs); color: #8a5300;
}
.rel-add select { flex: 1 1 9rem; }
.rel-add input[type=text] { flex: 1 1 7rem; }
.issue-ref { font-weight: 600; white-space: nowrap; }

/* --- zminky --- */
.mention { background: var(--primary-soft); color: var(--primary); border-radius: 4px; padding: 0 .2rem; font-weight: 600; white-space: nowrap; }

/* --- organizacni schema: plocha na celou sirku, taha se a zoomuje --- */
.container-wide { max-width: none; }
.org-canvas {
    position: relative; overflow: auto;                 /* bez JS aspon scroll */
    border: 1px solid var(--border); border-radius: var(--radius);
    background: var(--surface); box-shadow: var(--shadow-sm);
}
/* plocha se taha, takze na ni nema co oznacovat text (jinak zmodra pri kazdem tahnuti) */
.org-canvas.is-canvas { overflow: hidden; cursor: grab; user-select: none; -webkit-user-select: none; }
.org-canvas.is-canvas.is-dragging { cursor: grabbing; }
.oc-stage { padding: 1.6rem; width: max-content; }
.org-canvas.is-canvas .oc-stage {
    position: absolute; top: 0; left: 0; transform-origin: 0 0; will-change: transform;
}
.oc-tools {
    position: absolute; top: .7rem; right: .7rem; z-index: 3;
    display: flex; gap: .25rem; background: var(--surface);
    border: 1px solid var(--border-strong); border-radius: var(--radius-sm);
    padding: .2rem; box-shadow: var(--shadow-sm);
}
.oc-tools button {
    border: 0; background: transparent; cursor: pointer; color: #46516a;
    font: 600 .85rem/1 inherit; padding: .35rem .55rem; border-radius: var(--radius-xs);
    min-width: 2rem;
}
.oc-tools button:hover { background: var(--primary-soft); color: var(--primary); }
.oc-hint { position: absolute; left: .9rem; bottom: .5rem; z-index: 3; margin: 0; pointer-events: none; }

.oc-tree, .oc-tree ul {
    display: flex; justify-content: center; align-items: flex-start;
    list-style: none; margin: 0; padding: 1.1rem 0 0; position: relative;
}
.oc-tree li { position: relative; padding: 1.1rem .3rem 0; text-align: center; list-style: none; }
/* lokty ke sourozencum */
.oc-tree li::before, .oc-tree li::after {
    content: ''; position: absolute; top: 0; right: 50%; width: 50%; height: 1.1rem;
    border-top: 1px solid var(--border-strong);
}
.oc-tree li::after { right: auto; left: 50%; border-left: 1px solid var(--border-strong); }
.oc-tree li:only-child::before, .oc-tree li:only-child::after { display: none; }
.oc-tree li:first-child::before, .oc-tree li:last-child::after { border-top: 0; }
.oc-tree li:last-child::before { border-right: 1px solid var(--border-strong); }
/* svisly svod od rodice k rade deti */
.oc-tree ul::before {
    content: ''; position: absolute; top: 0; left: 50%; height: 1.1rem;
    border-left: 1px solid var(--border-strong);
}
/* vrchol muze byt vic lidi — tam spojnice nekreslime */
.oc-tree { padding-top: 0; gap: 2rem; }
.oc-tree::before { display: none; }
.oc-tree > li { padding-top: 0; }
.oc-tree > li::before, .oc-tree > li::after { display: none; }

/* retez listu: lidi bez podrizenych visi pod sebou v jednom sloupci */
.oc-tree .oc-col { padding-left: .3rem; padding-right: .3rem; }
.oc-tree ul.oc-chain {
    flex-direction: column; align-items: center; gap: .5rem; padding-top: 0;
}
.oc-tree ul.oc-chain::before { display: none; }
.oc-tree .oc-chain > li { padding: 0; }
.oc-tree .oc-chain > li::before, .oc-tree .oc-chain > li::after { display: none; }
.oc-tree .oc-chain > li + li::before {
    content: ''; display: block; position: absolute; top: -.5rem; left: 50%; height: .5rem;
    width: 0; border-left: 1px solid var(--border-strong); border-top: 0;
}

.oc-node {
    display: inline-flex; flex-direction: column; align-items: center; gap: .05rem; position: relative;
    min-width: 8.5rem; max-width: 11rem; padding: .38rem .55rem;
    background: var(--surface); border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm); box-shadow: var(--shadow-sm);
}
.oc-node.org-inactive { opacity: .55; }
.oc-node:hover { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
/* list = clovek bez podrizenych, o stupen tissi */
.oc-node.oc-leaf { min-width: 9.5rem; padding: .3rem .5rem; background: var(--surface-2); }
.oc-name { font-size: .85rem; font-weight: 600; line-height: 1.25; }
.oc-pos { font-size: .7rem; color: var(--muted); line-height: 1.2; }
.oc-dept { font-size: .66rem; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.oc-count {
    position: absolute; top: -.55rem; right: -.55rem; min-width: 1.25rem; height: 1.25rem;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--primary); color: #fff; border-radius: 999px;
    font-size: .68rem; font-weight: 700; box-shadow: 0 0 0 2px var(--surface);
}
.oc-warn { position: absolute; top: -.5rem; left: -.4rem; font-size: .8rem; color: var(--danger); }
.oc-edit { position: absolute; bottom: -.5rem; right: -.4rem; font-size: .75rem; opacity: 0; transition: opacity .12s; }
.oc-node:hover .oc-edit { opacity: 1; }

/* dlouhy text zkratit na dva radky (cely je v title) */
.clamp-2 {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; line-height: 1.4;
}
table.skills-table { table-layout: fixed; }
table.skills-table col.w-num { width: 6rem; }
table.skills-table col.w-act { width: 5.5rem; }
table.skills-table td.title { overflow-wrap: anywhere; }

/* dlouhy obsah (skilly) — mensi monospace, at se vejde vic na mensi vysku */
textarea.code-area {
    font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    resize: vertical; max-height: 60vh;
}
/* sekce, ktera se da slozit, at stranka neni na tri obrazovky */
details.page-fold { margin-bottom: 1rem; }
details.page-fold > summary {
    display: flex; align-items: center; gap: .6rem; cursor: pointer;
    margin: -.2rem 0; font-size: 1.02rem;
}
details.page-fold > summary:hover { color: var(--primary); }
details.page-fold[open] > summary { margin-bottom: .8rem; }

/* --- sprava uzivatelu: kartu na cloveka misto tabulky o 10 sloupcich --- */
.user-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: .9rem; }
.user-card { display: flex; flex-direction: column; gap: .55rem; margin: 0; }
.uc-head { display: flex; align-items: center; gap: .6rem; }
.uc-avatar { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.uc-avatar-empty {
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--primary-soft); color: var(--primary); font-weight: 700;
}
.uc-who { min-width: 0; flex: 1 1 auto; }
.uc-name { font-weight: 600; }
.uc-who .small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uc-imp { flex: 0 0 auto; }
.uc-org { margin: 0; }
.uc-role, .uc-ro { margin: 0; display: flex; flex-wrap: wrap; gap: .4rem .8rem; align-items: center; }
.uc-set { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem .6rem; align-items: end; }
.uc-set label { display: flex; flex-direction: column; gap: .15rem; font-size: .74rem; color: var(--muted); font-weight: 600; }
.uc-role label { display: flex; align-items: center; gap: .4rem; font-size: .74rem; color: var(--muted); font-weight: 600; }
.uc-set button { grid-column: 1 / -1; justify-self: start; }
.uc-set input, .uc-set select { width: 100%; }
.uc-foot { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .7rem; border-top: 1px solid var(--border); padding-top: .45rem; margin-top: auto; }
.uc-end { display: inline-flex; margin-left: auto; }
.btn-link-danger {
    border: 0; background: transparent; cursor: pointer; padding: 0;
    font: inherit; color: var(--danger); text-decoration: underline;
}
.btn-link-danger:hover { color: #a51616; }
.user-card.is-ended { background: var(--surface-2); }
.user-card.is-ended .uc-avatar { filter: grayscale(1); opacity: .7; }
.ended-fold .user-cards { margin-top: .6rem; }
.uc-set label.uc-wide { grid-column: 1 / -1; }
.uc-set label.uc-wide input { max-width: 11rem; }

/* kompaktni sprava: jeden clovek = jeden radek, ulozi se jednim ✓ */
table.users-table { table-layout: fixed; }
table.users-table col.w-role  { width: 7rem; }
table.users-table col.w-lvl   { width: 6.2rem; }
table.users-table col.w-num2  { width: 4.4rem; }
table.users-table col.w-date  { width: 8.2rem; }
table.users-table col.w-acts  { width: 7rem; }
table.users-table td { vertical-align: middle; }
table.users-table th, table.users-table td { padding: .25rem .35rem; }
table.users-table select.inline, table.users-table input.inline { width: 100%; min-width: 0; font-size: .8rem; }
table.users-table input.u-date { padding: .2rem .25rem; }
table.users-table .row-actions { display: flex; gap: .15rem; white-space: nowrap; justify-content: flex-end; }
/* nevyplnene datum nastupu — at je videt, komu ho doplnit */
td.cell-missing { background: #fff8e6; }
td.cell-missing input { border-color: #e0b552; }
table.users-table .row-actions .btn { padding: .25rem .4rem; }

/* nasepta­vac @zminek pod textarea */
.mention-wrap { position: relative; width: 100%; }
.mention-wrap textarea { width: 100%; }
.mention-box {
    position: absolute; top: 100%; left: 0; z-index: 50;
    min-width: 15rem; max-width: min(24rem, 100%); max-height: 15rem; overflow-y: auto;
    background: var(--surface); border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm); box-shadow: var(--shadow-lg); padding: .2rem;
}
.mention-item {
    display: flex; flex-direction: column; gap: .05rem; width: 100%; text-align: left;
    border: 0; background: transparent; cursor: pointer;
    padding: .3rem .45rem; border-radius: var(--radius-xs); font: inherit; color: var(--text);
}
.mention-item strong { font-size: .9rem; font-weight: 600; }
.mention-item span { font-size: .76rem; color: var(--muted); }
.mention-item.is-active, .mention-item:hover { background: var(--primary-soft); }

/* --- contribution graf --- */
.contrib-wrap { overflow-x: auto; padding-bottom: .3rem; }
.contrib { display: inline-block; min-width: max-content; }
.contrib-grid { display: flex; gap: 3px; }
.contrib-week { display: flex; flex-direction: column; gap: 3px; }
.contrib-day { width: 12px; height: 12px; border-radius: 3px; background: #ebedf0; display: inline-block; }
.contrib-day.empty { background: transparent; }
.contrib-day.lvl-0 { background: #ebedf0; }
.contrib-day.lvl-1 { background: #9be9a8; }
.contrib-day.lvl-2 { background: #40c463; }
.contrib-day.lvl-3 { background: #30a14e; }
.contrib-day.lvl-4 { background: #216e39; }
.contrib-months { display: flex; gap: 3px; margin-bottom: 3px; height: 1em; }
.contrib-month { width: 12px; font-size: .68rem; color: var(--muted); white-space: nowrap; overflow: visible; }
.contrib-legend { display: flex; align-items: center; gap: 3px; margin-top: .5rem; }
.contrib-legend .contrib-day { width: 11px; height: 11px; }

/* --- opravneni roli --- */
.perm-table th:not(:first-child), .perm-table td.perm-cell { text-align: center; width: 90px; }
.perm-table .perm-group td { background: var(--surface-2); font-weight: 700; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: #46516a; }
.perm-cell input[type=checkbox] { width: 16px; height: 16px; accent-color: var(--primary); }

/* --- vykazovani casu --- */
.spent-box { display: flex; flex-direction: column; gap: .35rem; font-size: .85rem; color: #46516a; }
.spent-line { display: flex; align-items: baseline; gap: .45rem; flex-wrap: wrap; }
.spent-line strong { font-size: 1rem; color: var(--text); }
.spent-line .spent-pct { margin-left: auto; }
.progress.slim { height: 5px; }
.spent-form { display: flex; gap: .4rem; }
.spent-form input { flex: 1; min-width: 0; }

/* --- organizacni struktura: pavouk --- */
.org-spider { overflow-x: auto; }
.org-tree, .org-tree ul { list-style: none; margin: 0; padding: 0; }
.org-tree ul { margin-left: 1.5rem; padding-left: 1.35rem; }
.org-tree li { position: relative; padding: .12rem 0; }
/* spojky: vodorovny "loket" + svisla linka mezi sourozenci */
.org-tree ul > li::before {
    content: ''; position: absolute; left: -1.35rem; top: 1.05rem;
    width: 1.35rem; height: 2px; background: var(--border);
}
.org-tree ul > li::after {
    content: ''; position: absolute; left: -1.35rem; top: 0; bottom: 0;
    width: 2px; background: var(--border);
}
.org-tree ul > li:last-child::after { bottom: calc(100% - 1.05rem); }
.org-node {
    display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
    padding: .3rem .6rem; border: 1px solid var(--border); border-radius: 999px;
    background: var(--surface); box-shadow: var(--shadow-sm); width: fit-content; max-width: 100%;
}
.org-node:target, .org-node.org-hit { border-color: var(--primary); box-shadow: 0 0 0 3px #dbeafe; }
.org-main { display: inline-flex; align-items: baseline; gap: .45rem; flex-wrap: wrap; }
.org-name { font-weight: 600; }
.org-pos { color: var(--muted); font-size: .82rem; }
.org-meta { display: inline-flex; align-items: center; gap: .35rem; flex-wrap: wrap; }
.org-up { font-size: .78rem; color: var(--muted); text-decoration: none; white-space: nowrap; }
.org-up:hover { color: var(--primary); text-decoration: underline; }
.org-edit { margin: .4rem 0 .6rem; }
.org-inactive { opacity: .55; }

/* misto ve strukture na profilu */
.org-card .org-chain { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; margin: .3rem 0; }
.org-card .member-chip { text-decoration: none; color: inherit; padding: .16rem .7rem; }
.org-card .member-chip:hover { border-color: var(--primary); color: var(--primary); }
.org-arrow { color: var(--muted); }

/* zadost o opravu vykazu */
.wl-req-form { display: flex; align-items: flex-end; gap: .6rem; flex-wrap: wrap; }
.wl-req-form label { display: flex; flex-direction: column; gap: .25rem; font-size: .8rem; font-weight: 600; color: #46516a; }
.wl-req-form label.check { flex-direction: row; align-items: center; gap: .35rem; font-weight: 500; }
.wl-req-form .grow { flex: 1 1 240px; }
.wl-req-row td { background: #fff8e6; }
.wl-req-actions { display: inline-flex; gap: .35rem; margin-left: .4rem; }
.wl-req-actions form { display: inline-flex; }

/* --- predani ukolu, seniorita, automat --- */
.impersonate-banner { background: #fde8d7; color: #8a4b12; border-bottom-color: #eec3a0; }
.impersonate-banner button { border-color: #d79a5f; color: #8a4b12; }
.away-card .members-row { margin-bottom: 0; }
.away-card .member-chip { background: #eef7ee; border-color: #cfe6cf; }
.inline-form { display: inline-flex; }

/* dva selecty pod jednim popiskem (obtiznost: uroven + v cem) */
.two-selects { display: flex; gap: .35rem; }
.two-selects select { flex: 1 1 0; min-width: 0; }
/* male "?" s vysvetlenim v title misto dlouheho textu */
.hint {
    display: inline-flex; align-items: center; justify-content: center;
    width: 15px; height: 15px; border-radius: 50%; font-size: .68rem; font-weight: 700;
    background: var(--surface-2); color: var(--muted); border: 1px solid var(--border);
    cursor: help; flex: 0 0 auto;
}
.hint:hover { color: var(--primary); border-color: var(--primary); }
.avatar-init {
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.18); color: #fff; font-size: .8rem; font-weight: 700;
}
.hand-btn { align-self: flex-start; }
.hand-form { display: flex; flex-direction: column; gap: .45rem; background: var(--surface-2); padding: .6rem; border-radius: var(--radius-xs); }
.hand-form form { display: flex; flex-direction: column; gap: .45rem; }
.hand-form label { display: flex; flex-direction: column; gap: .25rem; font-size: .8rem; font-weight: 600; color: #46516a; }
.hand-pending {
    background: #fff8e6; border: 1px solid #edd9a8; border-radius: var(--radius-xs);
    padding: .6rem .7rem; font-size: .85rem; display: flex; flex-direction: column; gap: .4rem;
}
.hand-pending p { margin: 0; }
.hand-resolve { display: flex; flex-direction: column; gap: .4rem; }
.hand-resolve label { display: flex; flex-direction: column; gap: .25rem; font-size: .8rem; font-weight: 600; }
.auto-assign-box { display: flex; flex-direction: column; gap: .2rem; }
.u-levels, .u-fond { display: flex; align-items: center; gap: .3rem; }
.u-levels label { display: inline-flex; align-items: center; gap: .2rem; font-size: .8rem; }
.u-fond input { width: 5.5rem; }

/* --- skilly a generovani zadani --- */
.ai-gen {
    background: #f5f2fc; border: 1px dashed #c9bcea; border-radius: var(--radius);
    padding: .7rem .85rem; display: flex; flex-direction: column; gap: .5rem;
}
.ai-gen-head { display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; }
.ai-gen textarea { width: 100%; box-sizing: border-box; }
.ai-gen-actions { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.ai-gen-status.err { color: var(--danger); font-weight: 600; }
.ai-gen.busy textarea, .ai-gen.busy button { opacity: .6; }
.skill-chip { background: #f0ebfa; border-color: #d3c7ef; }
.row-actions { white-space: nowrap; }
.row-actions form, .row-actions button { display: inline-flex; }
td.cell-err { color: var(--danger); font-weight: 600; }

/* --- login --- */
.login-box {
    max-width: 400px; margin: 9vh auto; background: var(--surface); border: 1px solid var(--border);
    border-radius: 16px; padding: 2.3rem; text-align: center;
    display: flex; flex-direction: column; gap: 1rem; align-items: center; box-shadow: var(--shadow);
}
.login-box h1 { font-size: 1.35rem; }
.login-box hr { width: 100%; border: 0; border-top: 1px solid var(--border); }
.dev-login { display: flex; flex-direction: column; gap: .5rem; width: 100%; }

@media (max-width: 1320px) {
    /* mobil: menu se schová pod hamburger, uvnitř je rozbalené na plnou šířku */
    .topbar { position: relative; gap: .6rem; padding: .5rem .9rem; }
    .nav-toggle { display: block; }
    .brand-long { display: none; }
    .topnav {
        display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 60;
        flex-direction: column; align-items: stretch; gap: .15rem; margin: 0;
        background: var(--topbar); padding: .5rem .9rem .9rem;
        border-top: 1px solid rgba(255,255,255,.12); box-shadow: var(--shadow);
    }
    .topnav.open { display: flex; }
    .topnav a, .navgroup > summary { padding: .55rem .7rem; font-size: .95rem; border-radius: var(--radius-xs); }
    /* skupiny se na mobilu rozbalují na místě, ne jako plovoucí panel */
    .navgroup > summary { color: #8fb7f2; font-weight: 600; }
    .navgroup-menu {
        position: static; min-width: 0; background: transparent; border: 0;
        box-shadow: none; padding: 0 0 .3rem .7rem;
    }
    .topbar-user { margin-left: auto; gap: .5rem; }
    .me-link span:not(.avatar) { display: none; } /* jméno — na mobilu zbývá jen fotka */
    .view-as { display: none; }                   /* admin nástroj, na mobilu nepotřebný */
    .topbar-user .btn { padding: .3rem .55rem; font-size: .8rem; }
}

@media (max-width: 760px) {
    .issue-layout { grid-template-columns: 1fr; }
    .issue-side { position: static; }
    td.title { width: auto; }
    .container { padding: 0 .8rem; margin-top: 1rem; }
    .section-head { flex-direction: column; align-items: flex-start; gap: .6rem; }
    .form-grid label, .form-grid .grow { flex: 1 1 100%; }
    table.issues { display: block; overflow-x: auto; }
}

/* --- plánovací matice (/planovani) ------------------------------------ */
/* přepínač měsíce: ‹ srpen 2026 › jako jeden segmentový ovladač */
.month-nav {
    display: inline-flex; align-items: stretch; background: var(--surface);
    border: 1px solid var(--border-strong); border-radius: var(--radius-sm);
    overflow: hidden; box-shadow: var(--shadow-sm);
}
.month-nav-btn {
    display: flex; align-items: center; padding: 0 .7rem;
    font-size: 1.1rem; font-weight: 700; line-height: 1;
    color: var(--muted); text-decoration: none;
}
.month-nav-btn:hover { background: var(--primary-soft); color: var(--primary); text-decoration: none; }
.month-nav input[type="month"] {
    border: 0; border-left: 1px solid var(--border); border-right: 1px solid var(--border);
    border-radius: 0; padding: .38rem .55rem; font-weight: 600; font-size: .9rem;
    color: var(--text); background: transparent; width: auto;
}
.month-nav input[type="month"]:focus { outline: none; background: var(--primary-soft); }

.matrix-scroll { overflow-x: auto; }
table.matrix { border-collapse: separate; border-spacing: 0; }
table.matrix th, table.matrix td { white-space: nowrap; }
table.matrix th.sticky, table.matrix td.sticky {
    position: sticky; left: 0; z-index: 2; background: var(--surface);
    text-align: left; border-right: 1px solid var(--border);
}
table.matrix tr:hover th.sticky { background: var(--surface-2); }
table.matrix .u-sub, table.matrix .proj-sub {
    display: block; font-weight: 400; text-transform: none; letter-spacing: 0; margin-top: .1rem;
}
table.matrix th.grp { text-align: center; border-left: 2px solid var(--border); }
table.matrix th.grp-start, table.matrix td.grp-start { border-left: 2px solid var(--border); }
table.matrix th.proj .badge { margin-left: .3rem; }
/* i hlavicky ciselnych sloupcu zarovnat doprava — table.issues th ma vyssi
   specificitu nez samotne th.cell-num, proto selektor s table.issues */
td.cell-num, th.cell-num,
table.issues td.cell-num, table.issues th.cell-num {
    text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap;
}
table.matrix input.cell {
    width: 3.4rem; padding: .22rem .3rem; text-align: right; font-size: .85rem;
    border: 1px solid transparent; background: var(--surface-2); border-radius: var(--radius-xs);
}
table.matrix input.cell:hover { border-color: var(--border-strong); }
table.matrix input.cell:focus { border-color: var(--primary); outline: none; background: var(--surface); }
tr.matrix-total th, tr.matrix-total td { border-top: 2px solid var(--border); font-weight: 600; }
table.issues td.over, table.issues strong.over, p strong.over { color: var(--danger); font-weight: 600; }
td.cell-num .cell-link { font-weight: 600; }
.matrix-actions { display: flex; gap: .8rem; align-items: center; margin-top: .8rem; flex-wrap: wrap; }
/* akce u projektu (Plánovat + ✎) drží na jednom řádku */
td.proj-actions { white-space: nowrap; text-align: right; }
td.proj-actions form { display: inline; }

/* --- konfigurator mzdy (Uzivatele) --------------------------------------- */
.mzda-row { display: flex; align-items: center; gap: 6px; margin: 4px 0; flex-wrap: wrap; }
.mzda-row input { width: 90px; }
.mzda-h3 { margin: 12px 0 4px; }
.uc-mzda { align-self: center; }
#mzda-modal form.card { max-width: 480px; }

/* --- SaaS overview ------------------------------------------------------- */
.eyebrow {
    color: var(--primary); font-size: .72rem; font-weight: 800; letter-spacing: .12em;
    text-transform: uppercase;
}

.price-landscape{margin-bottom:1rem;padding:1.35rem;border:1px solid #dfe3eb;border-radius:17px;background:#fff;box-shadow:0 6px 24px rgba(19,27,48,.035)}.price-landscape>header{max-width:900px;margin-bottom:1rem}.price-landscape h2{margin:.2rem 0 .35rem;font-size:clamp(1.35rem,2.5vw,2.25rem);letter-spacing:-.04em}.price-landscape header p{margin:0;color:#758093;font-size:.65rem}.price-landscape>div{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem}.price-landscape article{display:flex;min-height:155px;flex-direction:column;padding:.85rem;border:1px solid #e1e4eb;border-radius:11px;background:#fafbfc}.price-landscape article.ours{border-color:#c7c8f3;background:#f2f2ff}.price-landscape b,.price-landscape strong,.price-landscape span,.price-landscape small{display:block}.price-landscape b{font-size:.62rem}.price-landscape strong{margin-top:1.8rem;font-size:1.05rem;letter-spacing:-.035em}.price-landscape span{color:#737d8f;font-size:.55rem}.price-landscape small{margin-top:auto;color:#8b94a4;font-size:.53rem}.price-landscape footer{margin-top:.7rem;padding:.75rem;border-radius:9px;color:#526075;background:#f5f7fa;font-size:.61rem;line-height:1.5}@media(max-width:1100px){.price-landscape>div{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.price-landscape>div{grid-template-columns:1fr}.price-landscape article{min-height:125px}}
.dashboard-hero {
    position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between;
    gap: 2rem; min-height: 160px; margin: 0 0 1.35rem; padding: 1.6rem 1.8rem;
    border-radius: 22px; color: #fff;
    background: linear-gradient(125deg, #151b31 0%, #27295e 57%, #5b5ce2 140%);
    box-shadow: 0 16px 42px rgba(28, 32, 75, .18);
}
.dashboard-hero::after {
    content: ''; position: absolute; width: 300px; height: 300px; right: -90px; top: -155px;
    border-radius: 50%; border: 45px solid rgba(91, 208, 183, .14);
}
.dash-welcome, .dash-metrics { position: relative; z-index: 1; }
.dash-welcome .eyebrow { color: #72e0ca; }
.dash-welcome h1 { margin: .25rem 0 .45rem; font-size: clamp(1.65rem, 3vw, 2.45rem); }
.dash-welcome p { margin: 0; color: #cbd2e3; }
.dash-metrics { display: grid; grid-template-columns: repeat(3, minmax(90px, 1fr)); gap: .6rem; }
.dash-metrics div {
    min-width: 102px; padding: .8rem .9rem; border: 1px solid rgba(255,255,255,.13);
    border-radius: 13px; background: rgba(255,255,255,.075); backdrop-filter: blur(5px);
}
.dash-metrics strong { display: block; font-size: 1.35rem; line-height: 1.1; }
.dash-metrics span { display: block; margin-top: .28rem; color: #cbd2e3; font-size: .72rem; }

/* --- Pricing & subscription -------------------------------------------- */
.billing-hero {
    display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem;
    margin: .4rem 0 1.5rem; padding: 1rem .2rem;
}
.billing-hero h1 { margin: .35rem 0 .6rem; }
.billing-hero p { margin: 0; color: var(--muted); }
.billing-note { white-space: nowrap; border: 1px solid #bfe9df; background: #eafaf6; color: #18725f; border-radius: 99px; padding: .42rem .8rem; font-size: .78rem; font-weight: 700; }
.plan-badge { background: var(--primary-soft); color: var(--primary); }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; align-items: stretch; margin-bottom: 1.3rem; }
.pricing-card {
    position: relative; display: flex; flex-direction: column; min-width: 0; padding: 1.45rem;
    background: var(--surface); border: 1px solid var(--border); border-radius: 19px; box-shadow: var(--shadow-sm);
}
.pricing-card.is-recommended { border: 1.5px solid var(--primary); box-shadow: 0 15px 42px rgba(91,92,226,.13); }
.pricing-card.is-current { background: linear-gradient(180deg, #fff, #fafaff); }
.pricing-ribbon { position: absolute; right: 1rem; top: 1rem; color: var(--primary); background: var(--primary-soft); border-radius: 99px; padding: .25rem .55rem; font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.pricing-head { min-height: 112px; }
.pricing-head h2 { font-size: 1.2rem; margin: 0 0 .4rem; }
.pricing-head p { color: var(--muted); font-size: .86rem; margin: 0; }
.price { font-size: 2rem; font-weight: 800; letter-spacing: -.04em; color: var(--text); }
.price small { font-size: .75rem; font-weight: 500; letter-spacing: 0; color: var(--muted); }
.price-caption { min-height: 1.35rem; margin: .2rem 0 1.1rem; font-size: .72rem; color: var(--muted); }
.plan-features { list-style: none; padding: 1rem 0 1.2rem; margin: 0 0 auto; border-top: 1px solid var(--border); }
.plan-features li { padding: .33rem 0; font-size: .83rem; }
.plan-features li::first-letter { color: #1a9d82; }
.pricing-card > .btn { justify-content: center; width: 100%; }
.btn-current { background: #eaf8f4; border-color: #bfe9df; color: #18725f; cursor: default; }
.btn-disabled { opacity: .62; cursor: not-allowed; }
.billing-security { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.billing-security > div { display: grid; grid-template-columns: 34px 1fr; column-gap: .65rem; align-items: center; }
.billing-security small { grid-column: 2; color: var(--muted); }
.security-icon { grid-row: span 2; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--primary-soft); color: var(--primary); font-weight: 800; }

/* --- Login experience --------------------------------------------------- */
body:has(.login-shell) { background: #0f1528; }
body:has(.login-shell) .topbar { display: none; }
body:has(.login-shell) .container { max-width: none; margin: 0; padding: 0; }
.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(360px, 1.15fr) minmax(420px, .85fr); }
.login-story {
    position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;
    padding: clamp(2rem, 5vw, 5rem); color: #fff;
    background: radial-gradient(circle at 80% 15%, rgba(91,92,226,.5), transparent 27rem), linear-gradient(145deg, #11172a, #202651);
}
.login-story::after { content: ''; position: absolute; width: 530px; height: 530px; border: 80px solid rgba(57,208,180,.07); border-radius: 50%; left: -270px; bottom: -350px; }
.login-brand { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: .7rem; width: fit-content; color: #fff; font-size: 1.15rem; font-weight: 800; letter-spacing: -.02em; }
.login-brand:hover { text-decoration: none; }
.login-story > div { position: relative; z-index: 1; max-width: 620px; }
.login-story .eyebrow { color: #72e0ca; }
.login-story h1 { margin: .8rem 0 1.1rem; font-size: clamp(2.3rem, 5vw, 4.8rem); line-height: .99; }
.login-story p { max-width: 560px; color: #cbd2e3; font-size: 1.08rem; }
.login-story small { position: relative; z-index: 1; color: #8f9ab0; }
.login-benefits { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.6rem; }
.login-benefits span { display:inline-flex; align-items:center; gap:.3rem; padding: .38rem .68rem; border: 1px solid rgba(255,255,255,.13); border-radius: 99px; background: rgba(255,255,255,.05); color: #dbe1ed; font-size: .78rem; }
.login-benefits svg { width:13px; height:13px; color:#72e0ca; }
.login-panel { display: grid; place-items: center; background: #f7f8fc; padding: 2rem; }
.login-panel .login-box { width: min(100%, 430px); max-width: none; margin: 0; padding: 2.5rem; align-items: stretch; text-align: left; border-radius: 22px; box-shadow: 0 24px 70px rgba(20,27,58,.12); }
.login-box h2 { margin: .15rem 0 -.45rem; font-size: 1.75rem; }
.login-box .btn-lg { justify-content: center; width: 100%; padding: .7rem 1rem; margin-top: .4rem; }
.login-feedback{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .8rem;border:1px solid #dfe3ea;border-radius:11px;color:#445066;background:#f8f9fb}.login-feedback>svg{flex:0 0 auto;width:18px;height:18px;margin-top:.05rem}.login-feedback strong,.login-feedback span,.login-feedback small{display:block}.login-feedback strong{font-size:.68rem}.login-feedback span{margin-top:.18rem;font-size:.63rem;line-height:1.45}.login-feedback small{margin-top:.35rem;color:#7d8798;font-size:.54rem;line-height:1.45}.login-feedback.err{border-color:#efcaca;color:#963f45;background:#fff5f5}.login-feedback.err>svg{color:#c85058}.login-feedback.ok{border-color:#cce7df;color:#226f60;background:#f1faf7}
.login-domain { text-align: center; margin: -.35rem 0 0; }
.login-form { display: flex; flex-direction: column; gap: .8rem; width: 100%; }
.login-mobile-brand { display:none; align-items:center; gap:.55rem; margin-bottom:.4rem; color:#171f33; text-decoration:none; }
.login-form label { display: flex; flex-direction: column; gap: .32rem; color: #46516a; font-size: .8rem; font-weight: 700; }
.login-form input[type=password] { border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: .65rem .7rem; font: inherit; }
.login-form input[type=password]:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
.login-divider { position: relative; text-align: center; color: var(--muted); font-size: .72rem; }
.login-divider::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--border); }
.login-divider span { position: relative; padding: 0 .65rem; background: #fff; }

@media (max-width: 1000px) {
    .workspace-pill { display: none; }
    .dashboard-hero { align-items: stretch; flex-direction: column; }
    .pricing-grid { grid-template-columns: 1fr; }
    .pricing-head { min-height: 0; padding-right: 7rem; }
    .billing-security { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .login-shell { grid-template-columns: 1fr; }
    .login-story { min-height: 0; padding: 1.4rem; gap: 1.6rem; }
    .login-story h1 { font-size: 2.55rem; }
    .login-story small { display: none; }
    .login-panel { padding: 1.2rem; }
    .dashboard-hero { padding: 1.3rem; border-radius: 17px; }
    .dash-metrics { grid-template-columns: repeat(3, 1fr); }
    .dash-metrics div { min-width: 0; padding: .7rem .6rem; }
    .billing-hero { align-items: flex-start; flex-direction: column; }
}

/* --- API credentials & contextual help -------------------------------- */
.app-sidebar .sidebar-footer { display:grid; grid-template-columns:minmax(0,1fr) auto; }
.app-sidebar .sidebar-nav { overflow-x:hidden; }
.app-sidebar .sidebar-title > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-help { grid-column:1/-1; display:flex; align-items:center; gap:.65rem; margin:0 0 .35rem; padding:.55rem .65rem; border:1px solid rgba(255,255,255,.09); border-radius:10px; color:#cbd3e1; background:rgba(255,255,255,.035); }
.sidebar-help:hover { color:#fff; background:rgba(255,255,255,.07); text-decoration:none; }
.sidebar-help svg { flex:0 0 auto; color:#72e0ca; }.sidebar-help span,.sidebar-help strong,.sidebar-help small { display:block; }.sidebar-help strong { font-size:.67rem; }.sidebar-help small { color:#818da4; font-size:.56rem; }
.topbar-help { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.11); border-radius:9px; color:#aeb8ca; }.topbar-help:hover { color:#fff; background:rgba(255,255,255,.08); text-decoration:none; }
.api-hero,.help-hero { position:relative; overflow:hidden; display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:1rem; padding:1.7rem 1.9rem; border-radius:20px; color:#fff; background:radial-gradient(circle at 85% 15%,rgba(91,92,226,.75),transparent 24rem),#171d33; box-shadow:0 18px 45px rgba(24,30,57,.13); }
.api-hero::after,.help-hero::after { content:''; position:absolute; right:-70px; bottom:-110px; width:250px; height:250px; border:38px solid rgba(57,208,180,.08); border-radius:50%; pointer-events:none; }
.api-hero > *,.help-hero > * { position:relative; z-index:1; }.api-hero h1,.help-hero h1 { margin:.35rem 0 .5rem; font-size:clamp(1.75rem,3vw,2.7rem); }.api-hero p,.help-hero p { max-width:720px; margin:0; color:#b9c2d3; }.api-hero .eyebrow,.help-hero .eyebrow { color:#72e0ca; }
.api-hero-stat { display:flex; min-width:155px; flex-direction:column; padding:1rem 1.15rem; border:1px solid rgba(255,255,255,.12); border-radius:15px; background:rgba(255,255,255,.06); backdrop-filter:blur(10px); }.api-hero-stat strong { font-size:2rem; line-height:1; }.api-hero-stat span { margin-top:.2rem; color:#d7ddeb; font-size:.69rem; }.api-hero-stat small { margin-top:.7rem; color:#8995ad; font-size:.58rem; }
.token-reveal { margin-bottom:1rem; padding:1.2rem 1.35rem; border:1px solid #77d8c3; border-radius:16px; background:linear-gradient(135deg,#effcf8,#f7fffc); box-shadow:0 8px 25px rgba(29,153,128,.08); }.token-reveal-head { display:flex; align-items:center; gap:.8rem; }.token-reveal-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:11px; color:#fff; background:#178e77; }.token-reveal h2 { margin:.1rem 0 0; }.token-reveal p { color:#4b6c65; font-size:.73rem; }.token-secret { display:flex; align-items:center; gap:.65rem; padding:.55rem; border:1px solid #c8e8df; border-radius:11px; background:#fff; }.token-secret code { overflow:auto; flex:1; padding:0 .5rem; color:#185f52; font-size:.75rem; white-space:nowrap; }
.api-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:1rem; margin-bottom:1rem; }.api-layout > .card,.token-inventory { margin:0; padding:1.25rem; }.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.section-heading h2 { margin:.15rem 0 0; }.section-heading > small { color:#7c8699; font-size:.65rem; }.security-chip { display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .5rem; border-radius:8px; color:#217563; background:#eef9f6; font-size:.6rem; font-weight:700; }.api-token-form { display:grid; grid-template-columns:1.4fr .7fr; gap:.8rem; }.api-token-form > label { display:flex; flex-direction:column; gap:.28rem; color:#465166; font-size:.67rem; font-weight:750; }.api-token-form label small { color:#858fa2; font-size:.58rem; font-weight:450; }.api-token-form input,.api-token-form select { width:100%; }.api-token-form fieldset { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin:0; padding:.75rem; border:1px solid #e1e4ec; border-radius:11px; }.api-token-form legend { padding:0 .35rem; color:#566176; font-size:.65rem; font-weight:750; }.scope-option { display:flex; align-items:center; gap:.5rem; padding:.6rem; border:1px solid #e6e8ee; border-radius:9px; background:#fafbfc; cursor:pointer; }.scope-option input { width:auto; min-height:0; accent-color:#5b5ce2; }.scope-option span,.scope-option strong,.scope-option code { display:block; }.scope-option strong { font-size:.63rem; }.scope-option code { margin-top:.1rem; color:#8992a4; font-size:.55rem; }.api-token-form > button { justify-self:start; }
.api-quickstart ol { padding-left:1.15rem; color:#667185; font-size:.7rem; }.api-quickstart li { margin:.4rem 0; }.api-quickstart pre { overflow:auto; margin:.9rem 0; padding:.8rem; border-radius:10px; color:#cfd7e6; background:#151b2f; font-size:.62rem; line-height:1.6; }.text-link { display:inline-flex; align-items:center; gap:.35rem; font-size:.67rem; font-weight:750; }
.token-inventory { margin-bottom:1rem!important; }.token-table-wrap { overflow:auto; }.token-table { width:100%; border-collapse:collapse; }.token-table th { padding:.55rem .65rem; border-bottom:1px solid #e3e6ed; color:#8a93a4; font-size:.56rem; letter-spacing:.06em; text-align:left; text-transform:uppercase; }.token-table td { padding:.75rem .65rem; border-bottom:1px solid #eceef3; vertical-align:middle; }.token-table tr:last-child td { border:0; }.token-table td:first-child strong,.token-table td:first-child code,.token-table td:first-child small,.token-table td:nth-child(3) strong,.token-table td:nth-child(3) small,.token-table td:nth-child(4) small { display:block; }.token-table td:first-child strong { font-size:.7rem; }.token-table td:first-child code { margin:.12rem 0; color:#687286; font-size:.58rem; }.token-table td small { color:#8b94a5; font-size:.56rem; }.scope-list { display:flex; flex-wrap:wrap; gap:.25rem; }.scope-list span { padding:.2rem .38rem; border-radius:6px; color:#5253bd; background:#f0f0ff; font-size:.55rem; font-weight:700; }.token-state { display:inline-flex; padding:.22rem .42rem; border-radius:99px; font-size:.58rem; font-weight:800; }.token-state.active { color:#187661; background:#eaf8f4; }.token-state.expired { color:#a26618; background:#fff5e7; }.token-state.revoked { color:#7d8493; background:#eef0f3; }.state-revoked,.state-expired { opacity:.72; }.btn-sm { padding:.38rem .55rem; font-size:.6rem; }.empty-state,.help-empty { padding:2.5rem; color:#7b8598; text-align:center; }.empty-state svg,.help-empty svg { font-size:1.7rem; color:#6768dc; }.empty-state h3,.help-empty h2 { margin:.6rem 0 .2rem; color:#394256; }
.api-reference { margin-bottom:1rem; padding:1.25rem; border:1px solid #e1e4ec; border-radius:16px; background:#fff; }.endpoint-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #e5e7ed; border-radius:13px; }.endpoint-grid article { min-width:0; padding:1rem; border-right:1px solid #e5e7ed; }.endpoint-grid article:last-child { border:0; }.endpoint-grid article > code { display:block; overflow:hidden; margin:.6rem 0 1rem; color:#4e5870; font-size:.64rem; text-overflow:ellipsis; }.endpoint-grid h3 { margin:0 0 .35rem; font-size:.78rem; }.endpoint-grid p { min-height:62px; color:#778194; font-size:.63rem; }.endpoint-grid small { color:#5b5ce2; font-family:monospace; }.method { display:inline-flex; padding:.18rem .35rem; border-radius:5px; font-size:.53rem; font-weight:900; }.method.post { color:#845d11; background:#fff2cc; }.method.get { color:#14715f; background:#e6f8f2; }

.help-hero { min-height:230px; align-items:center; }.help-search { display:flex; width:min(480px,43vw); align-items:center; gap:.5rem; padding:.45rem; border:1px solid rgba(255,255,255,.14); border-radius:13px; background:rgba(255,255,255,.09); backdrop-filter:blur(12px); }.help-search > svg { margin-left:.4rem; color:#8f9ab0; }.help-search input { min-width:0; flex:1; border:0; color:#fff; background:transparent; box-shadow:none; }.help-search input::placeholder { color:#929db1; }.help-category { margin:1.6rem 0; }.help-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }.help-card { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:.8rem; min-height:105px; padding:1rem; border:1px solid #e0e3eb; border-radius:14px; color:#30394e; background:#fff; box-shadow:0 4px 16px rgba(20,27,48,.03); transition:transform .16s,box-shadow .16s,border-color .16s; }.help-card:hover { border-color:#c6c7f0; box-shadow:0 14px 35px rgba(28,34,67,.09); text-decoration:none; transform:translateY(-2px); }.help-card-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:#5b5ce2; background:#eeeeff; }.help-card-copy,.help-card-copy strong,.help-card-copy small { display:block; min-width:0; }.help-card-copy strong { font-size:.72rem; }.help-card-copy small { display:-webkit-box; overflow:hidden; margin-top:.25rem; color:#7a8497; font-size:.59rem; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.help-card-arrow { color:#a1a9b8; }
.help-reader { display:grid; grid-template-columns:240px minmax(0,820px); align-items:start; justify-content:center; gap:1.2rem; }.help-toc { position:sticky; top:76px; overflow:auto; max-height:calc(100vh - 92px); padding:.55rem; border:1px solid #e0e3eb; border-radius:14px; background:#fff; }.help-toc a { display:flex; flex-direction:column; padding:.55rem .65rem; border-radius:9px; color:#4e586d; }.help-toc a:hover,.help-toc a.active { background:#f0f0ff; text-decoration:none; }.help-toc a.active { color:#4c4dc0; }.help-toc a span { color:#949cab; font-size:.5rem; text-transform:uppercase; }.help-toc a strong { font-size:.62rem; }.help-toc .help-back { flex-direction:row; align-items:center; gap:.35rem; margin-bottom:.45rem; border-bottom:1px solid #eceef3; border-radius:0; color:#5b5ce2; font-size:.62rem; font-weight:750; }.help-back svg { width:12px; transform:rotate(90deg); }
.help-article { overflow:hidden; border:1px solid #e0e3eb; border-radius:18px; background:#fff; box-shadow:0 8px 30px rgba(22,29,53,.05); }.help-article > header { padding:2.2rem 2.4rem; color:#fff; background:radial-gradient(circle at 90% 10%,rgba(91,92,226,.72),transparent 20rem),#171d33; }.help-article header .eyebrow { color:#72e0ca; }.help-article header h1 { margin:.45rem 0 .75rem; font-size:2.25rem; }.help-article .lead { max-width:680px; margin:0; color:#c2cada; font-size:1rem; }.help-audience { display:flex; align-items:center; gap:.55rem; margin-top:1.4rem; padding-top:1.1rem; border-top:1px solid rgba(255,255,255,.12); }.help-audience > span,.help-audience small,.help-audience strong { display:block; }.help-audience small { color:#909cb2; font-size:.55rem; text-transform:uppercase; }.help-audience strong { font-size:.67rem; }.help-article > section { padding:1.5rem 2.4rem; border-bottom:1px solid #eceef3; }.help-article > section h2 { margin-bottom:.65rem; font-size:1rem; }.help-article > section > p { margin:0; color:#596479; line-height:1.75; }.help-checks { display:grid; grid-template-columns:repeat(2,1fr); gap:.6rem; margin:0; padding:0; list-style:none; }.help-checks li { display:flex; gap:.5rem; color:#596479; font-size:.7rem; }.help-checks svg { flex:0 0 auto; margin-top:.15rem; color:#24a78d; }.help-steps { margin:0; padding:0; list-style:none; }.help-steps li { display:grid; grid-template-columns:30px 1fr; gap:.7rem; padding:.65rem 0; border-bottom:1px solid #f0f1f4; }.help-steps li:last-child { border:0; }.help-steps li > span { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; color:#5051c5; background:#eeeeff; font-size:.65rem; font-weight:850; }.help-steps p { margin:.22rem 0 0; color:#505b70; font-size:.72rem; }.help-article > .help-notes { background:#fffaf2; }.help-notes > p { display:flex; gap:.55rem; margin:.5rem 0!important; color:#765d35!important; font-size:.68rem; }.help-notes svg { flex:0 0 auto; margin-top:.16rem; color:#c58a2a; }.help-article > footer { display:flex; gap:.6rem; padding:1.2rem 2.4rem; }

@media (max-width:1000px) { .help-grid { grid-template-columns:repeat(2,1fr); }.api-layout { grid-template-columns:1fr; }.endpoint-grid { grid-template-columns:1fr; }.endpoint-grid article { border-right:0; border-bottom:1px solid #e5e7ed; }.help-reader { grid-template-columns:200px minmax(0,1fr); } }
@media (max-width:720px) { .api-hero,.help-hero { align-items:stretch; flex-direction:column; padding:1.3rem; }.api-hero-stat { min-width:0; }.help-search { width:100%; }.help-grid { grid-template-columns:1fr; }.help-reader { grid-template-columns:1fr; }.help-toc { position:static; display:flex; overflow:auto; max-height:none; }.help-toc a { min-width:150px; }.help-toc .help-back { min-width:auto; border:0; }.help-article > header,.help-article > section,.help-article > footer { padding:1.25rem; }.help-article header h1 { font-size:1.7rem; }.help-checks { grid-template-columns:1fr; }.api-token-form,.api-token-form fieldset { grid-template-columns:1fr; }.api-token-form fieldset { grid-column:auto; }.token-secret { align-items:stretch; flex-direction:column; }.token-secret code { padding:.5rem; }.section-heading { align-items:flex-start; flex-direction:column; }.token-table { min-width:720px; } }

/* === Orqana public product page ========================================= */
html { scroll-behavior: smooth; scroll-padding-top: 78px; }
.landing-v2 { --mk-navy:#0c1222; --mk-ink:#131a2d; --mk-mint:#2fc9ac; --mk-violet:#6868e8; position:relative; isolation:isolate; background:#f7f8fb; }
.landing-v2::before,.landing-v2::after { content:''; position:fixed; z-index:-1; width:38vw; height:38vw; min-width:420px; min-height:420px; border-radius:50%; pointer-events:none; filter:blur(75px); opacity:.2; will-change:transform; }
.landing-v2::before { left:-17vw; top:16vh; background:rgba(47,201,172,.34); animation:ambient-mint 21s ease-in-out infinite alternate; }
.landing-v2::after { right:-16vw; top:46vh; background:rgba(104,104,232,.3); animation:ambient-violet 26s ease-in-out infinite alternate; }
.landing-v2 .marketing-nav { min-height:68px; border-color:rgba(12,18,34,.08); background:rgba(250,251,253,.9); }
.landing-v2 .marketing-brand .brand-icon { width:32px; height:32px; }
.landing-v2 .marketing-nav > nav a { position:relative; padding:.35rem 0; }
.landing-v2 .marketing-nav > nav a::after { content:''; position:absolute; left:0; right:100%; bottom:0; height:2px; background:#2fc9ac; transition:right .18s ease; }
.landing-v2 .marketing-nav > nav a:hover::after { right:0; }
.mk-hero { position:relative; display:grid; grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr); align-items:center; gap:clamp(2.5rem,6vw,7rem); min-height:auto; padding:clamp(2.2rem,4vw,3.6rem) clamp(1.25rem,7vw,7.5rem) clamp(3.5rem,6vw,5.5rem); overflow:hidden; background:#f7f8fb; }
.mk-hero::before { content:''; position:absolute; width:820px; height:820px; right:-220px; top:-300px; border-radius:50%; background:radial-gradient(circle,rgba(104,104,232,.14),transparent 67%); animation:hero-halo 16s ease-in-out infinite alternate; }
.mk-hero::after { content:''; position:absolute; inset:0; pointer-events:none; opacity:.32; background-image:linear-gradient(rgba(24,32,55,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,32,55,.035) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,#000,transparent 78%); }
.mk-hero-copy { position:relative; z-index:2; max-width:690px; }
/* Vetu nesazime verzalkami — z delsiho textu se pak stane cedulka, ne uvod. */
.mk-kicker { display:inline-flex; align-items:center; gap:.55rem; color:#2c786b; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mk-kicker i { width:7px; height:7px; border-radius:50%; background:#2fc9ac; box-shadow:0 0 0 5px rgba(47,201,172,.12); }
.mk-hero h1 { max-width:760px; margin:0 0 1.35rem; color:#101728; font-size:clamp(3.2rem,5.6vw,6rem); line-height:.95; letter-spacing:-.07em; }
.mk-hero-copy > p { max-width:650px; margin:0; color:#616b7d; font-size:clamp(1.05rem,1.45vw,1.28rem); line-height:1.7; }
.mk-hero .btn-primary .ico { width:15px; height:15px; transform:rotate(-90deg); }
.mk-assurances { display:flex; flex-wrap:wrap; gap:.55rem 1.1rem; margin-top:1.4rem; color:#687286; font-size:.73rem; }
.mk-assurances span { display:inline-flex; align-items:center; gap:.36rem; }
.mk-assurances svg { width:14px; height:14px; color:#258f7b; }
.mk-product-stage { position:relative; z-index:2; min-width:0; animation:stage-float 8s ease-in-out infinite; }
.mk-product-stage::before { content:''; position:absolute; z-index:-1; inset:10% -4% -6% 8%; border-radius:34%; background:radial-gradient(circle,rgba(104,104,232,.26),rgba(47,201,172,.09) 45%,transparent 72%); filter:blur(42px); animation:stage-glow 10s ease-in-out infinite alternate; }
.mk-stage-label { position:absolute; z-index:3; right:18px; top:-14px; padding:.3rem .55rem; border:1px solid #d8dce7; border-radius:99px; color:#717a8c; background:#fff; font-size:.6rem; font-weight:750; text-transform:uppercase; }
.mk-app-window { display:grid; grid-template-columns:60px 1fr; min-height:480px; overflow:hidden; border:1px solid rgba(255,255,255,.9); border-radius:19px; background:#f7f8fb; box-shadow:0 38px 90px rgba(20,27,51,.2),0 0 0 1px rgba(30,37,66,.05); transform:perspective(1400px) rotateY(-3deg); transform-origin:center right; }
.mk-app-rail { display:flex; flex-direction:column; align-items:center; gap:.65rem; padding:.75rem .55rem; color:#778198; background:#11172a; }
.mk-app-rail img { width:31px; height:31px; margin-bottom:.7rem; border-radius:8px; object-fit:cover; }
.mk-app-rail > span { display:grid; place-items:center; width:33px; height:33px; border-radius:8px; }
.mk-app-rail > span.active { color:#fff; background:rgba(104,104,232,.65); }
.mk-app-rail > span.bottom { margin-top:auto; }
.mk-app-rail svg { width:15px; height:15px; }
.mk-app-main { min-width:0; }
.mk-app-main > header { display:flex; height:59px; align-items:center; gap:1rem; padding:0 1rem; border-bottom:1px solid #e5e7ed; background:#fff; }
.mk-app-main > header > div { display:flex; flex-direction:column; line-height:1.25; }.mk-app-main > header small { color:#8c95a6; font-size:.54rem; text-transform:uppercase; }.mk-app-main > header strong { color:#2c3548; font-size:.66rem; }
.mk-app-main > header > span { display:flex; width:36%; align-items:center; gap:.35rem; margin:0 auto; padding:.36rem .55rem; border:1px solid #e4e6ec; border-radius:7px; color:#a0a7b5; background:#fafbfc; font-size:.58rem; }.mk-app-main > header > span svg { width:12px; }
.mk-app-main > header > i,.mk-task em { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; color:#fff; background:#6263df; font-size:.56rem; font-style:normal; font-weight:800; }
.mk-app-content { padding:1.4rem; }
.mk-preview-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; }.mk-preview-heading small { color:#798398; font-size:.52rem; font-weight:800; letter-spacing:.09em; }.mk-preview-heading h2 { margin:.25rem 0 0; color:#20283a; font-size:1.15rem; letter-spacing:-.035em; }.mk-preview-heading button { padding:.48rem .65rem; border:0; border-radius:7px; color:#fff; background:#5f60dc; font-size:.57rem; font-weight:750; }
.mk-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; margin-top:1rem; }.mk-metrics article { padding:.75rem; border:1px solid #e4e6ec; border-radius:10px; background:#fff; box-shadow:0 5px 14px rgba(28,35,60,.035); }.mk-metrics span,.mk-metrics small { display:block; color:#818a9c; font-size:.52rem; }.mk-metrics strong { display:block; margin:.3rem 0; color:#20283a; font-size:1.12rem; letter-spacing:-.04em; }.mk-metrics small { color:#288875; }
.mk-work-grid { display:grid; grid-template-columns:1.35fr .75fr; gap:.6rem; margin-top:.6rem; }.mk-work-grid > article { min-width:0; min-height:210px; padding:.85rem; border:1px solid #e4e6ec; border-radius:10px; background:#fff; }.mk-work-grid article > header { display:flex; justify-content:space-between; color:#333c50; font-size:.62rem; }.mk-work-grid header small { color:#8b94a5; font-size:.5rem; }
.mk-task { display:grid; grid-template-columns:7px minmax(0,1fr) 25px; align-items:center; gap:.55rem; margin-top:.7rem; padding:.55rem; border:1px solid #eceef2; border-radius:7px; }.mk-task > i { width:7px; height:7px; border-radius:50%; }.mk-task .green { background:#2fc9ac; }.mk-task .purple { background:#6d6ee8; }.mk-task .amber { background:#e5a646; }.mk-task span { min-width:0; overflow:hidden; color:#535d70; font-size:.53rem; text-overflow:ellipsis; white-space:nowrap; }.mk-task b { display:block; margin-bottom:.12rem; color:#929aaa; font-size:.44rem; }.mk-task em { width:23px; height:23px; background:#e9ebf7; color:#596278; font-size:.44rem; }
.mk-bars { display:flex; height:125px; align-items:flex-end; gap:.45rem; padding:.8rem .25rem .4rem; }.mk-bars i { flex:1; height:var(--w); border-radius:4px 4px 1px 1px; background:#7475e7; }.mk-load p { display:flex; align-items:center; gap:.35rem; margin:.35rem 0 0; color:#6d778a; font-size:.5rem; }.mk-load p span { width:6px; height:6px; border-radius:50%; background:#2fc9ac; }
.mk-context-strip { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.25rem clamp(1.25rem,7vw,7.5rem); color:#c7cede; background:#0f1629; }.mk-context-strip p { margin:0; color:#e8ebf2; font-size:.78rem; font-weight:650; }.mk-context-strip > div { display:flex; align-items:center; gap:1rem; color:#8590a7; font-size:.65rem; font-weight:700; text-transform:uppercase; }.mk-context-strip i { width:3px; height:3px; border-radius:50%; background:#35c7ab; }
.mk-story { display:grid; grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr); align-items:center; gap:clamp(2rem,7vw,7rem); padding:clamp(5rem,9vw,9rem) clamp(1.25rem,8vw,8.5rem); background:#fff; }
.mk-section-copy h2,.mk-section-head h2,.mk-security h2 { margin:.65rem 0 1rem; color:#141b2d; font-size:clamp(2.3rem,4vw,4.2rem); line-height:1; letter-spacing:-.06em; }.mk-section-copy > p { color:#727c8e; }
.mk-story-tabs { display:flex; flex-direction:column; gap:.45rem; margin-top:2rem; }.mk-story-tabs button { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:.75rem; padding:.75rem; border:1px solid transparent; border-radius:11px; color:#7a8497; background:transparent; text-align:left; cursor:pointer; }.mk-story-tabs button:hover,.mk-story-tabs button.active { border-color:#e0e2f2; color:#4546be; background:#f6f6ff; }.mk-story-tabs svg { width:18px; height:18px; }.mk-story-tabs span,.mk-story-tabs b,.mk-story-tabs small { display:block; }.mk-story-tabs b { color:#343d51; font-size:.72rem; }.mk-story-tabs small { margin-top:.15rem; color:#8891a2; font-size:.6rem; }
.mk-story-panel { min-height:460px; }.mk-story-panel > article { display:none; min-height:430px; padding:1.2rem; border:1px solid #e2e5ec; border-radius:18px; background:#f6f7fa; box-shadow:0 24px 65px rgba(25,31,53,.12); animation:mk-in .25s ease; }.mk-story-panel > article.active { display:block; }.mk-story-panel article > header { display:flex; align-items:center; justify-content:space-between; padding:.6rem .5rem 1rem; color:#30394c; font-size:.78rem; }.mk-story-panel article > header b { color:#7b8496; font-size:.62rem; }
@keyframes mk-in { from { opacity:.25; transform:translateY(8px) } to { opacity:1; transform:none } }
@keyframes ambient-mint { from { transform:translate3d(-4vw,-3vh,0) scale(.92) } to { transform:translate3d(12vw,13vh,0) scale(1.14) } }
@keyframes ambient-violet { from { transform:translate3d(5vw,10vh,0) scale(1.08) } to { transform:translate3d(-14vw,-9vh,0) scale(.9) } }
@keyframes hero-halo { from { transform:translate3d(0,0,0) scale(.92) } to { transform:translate3d(-70px,65px,0) scale(1.12) } }
@keyframes stage-float { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-9px) } }
@keyframes stage-glow { from { transform:translate3d(-3%,2%,0) scale(.95); opacity:.55 } to { transform:translate3d(5%,-4%,0) scale(1.08); opacity:.9 } }
.mk-board { display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; min-height:350px; }.mk-board section { padding:.7rem; border:1px solid #e3e5eb; border-radius:10px; background:#fff; }.mk-board small { color:#8b94a5; font-size:.51rem; font-weight:800; letter-spacing:.06em; }.mk-board i { display:block; height:92px; margin-top:.65rem; border:1px solid #e8eaf0; border-radius:8px; background:linear-gradient(#fff,#fafbfc); box-shadow:0 4px 10px rgba(20,26,46,.04); }.mk-board i::before { content:''; display:block; width:62%; height:6px; margin:.8rem; border-radius:99px; background:#e1e4ea; }.mk-board i.accent { border-left:3px solid #6868e8; }
.mk-people-chart { display:flex; flex-direction:column; gap:1.4rem; padding:2rem 1rem; }.mk-people-chart i { position:relative; width:var(--w); height:44px; border-radius:7px; background:linear-gradient(90deg,#6868e8,#8889ef); }.mk-people-chart i::after { content:attr(style); }.mk-people-chart span { position:absolute; left:.75rem; top:50%; color:#fff; font-size:.65rem; font-style:normal; font-weight:750; transform:translateY(-50%); }
.mk-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }.mk-control-grid > div { padding:1rem; border:1px solid #e1e4ea; border-radius:10px; background:#fff; }.mk-control-grid small,.mk-control-grid strong { display:block; }.mk-control-grid small { color:#858fa1; font-size:.58rem; }.mk-control-grid strong { margin-top:.5rem; font-size:1.4rem; }.mk-control-grid .wide { display:flex; grid-column:1/-1; height:260px; align-items:flex-end; gap:1rem; padding:2rem; }.mk-control-grid .wide span { flex:1; height:var(--h); border-radius:7px 7px 2px 2px; background:#696ae3; }
.mk-bento { padding:clamp(5rem,8vw,8rem) clamp(1.25rem,7vw,7.5rem); background:#f4f5f8; }.mk-section-head { max-width:850px; margin-bottom:3rem; }.mk-bento-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.8rem; }.mk-bento-grid article { min-height:280px; padding:2rem; border:1px solid #e0e3ea; border-radius:18px; background:#fff; }.mk-bento-grid article.large { grid-row:span 2; min-height:575px; }.mk-bento-grid article.wide { display:grid; grid-column:1/-1; grid-template-columns:1fr 1fr; align-items:center; }.mk-bento-grid article.dark { color:#fff; background:#11182a; }.mk-bento-grid article > span,.mk-bento-grid article > div > span { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:#5657d1; background:#eeeeff; }.mk-bento-grid article.dark > span { color:#72dfca; background:rgba(114,223,202,.1); }.mk-bento-grid h3 { margin:2.5rem 0 .7rem; font-size:1.35rem; }.mk-bento-grid .dark h3 { color:#fff; font-size:2rem; }.mk-bento-grid p { max-width:520px; color:#747e90; line-height:1.65; }.mk-bento-grid .dark p { color:#aeb7c8; }.mk-role-demo { display:flex; flex-direction:column; gap:.6rem; margin-top:4rem; }.mk-role-demo i { display:flex; align-items:center; min-height:55px; padding:0 1rem; border:1px solid rgba(255,255,255,.1); border-radius:10px; color:#dbe0ea; background:rgba(255,255,255,.04); font-style:normal; font-size:.72rem; }.mk-role-demo i::before { content:''; width:24px; height:24px; margin-right:.7rem; border-radius:7px; background:#6868e8; }.mk-integrations { display:grid; grid-template-columns:repeat(2,1fr); gap:.55rem; }.mk-integrations i { padding:1rem; border:1px solid #e0e3e9; border-radius:10px; color:#586277; background:#fafbfc; font-style:normal; font-size:.68rem; font-weight:800; }
.landing-v2 .marketing-price li { display:flex; align-items:center; gap:.5rem; }.landing-v2 .marketing-price li svg { width:14px; height:14px; color:#19977f; }
.mk-security { display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:5rem; padding:clamp(5rem,9vw,9rem) clamp(1.25rem,9vw,10rem); background:#fff; }.mk-security p { max-width:680px; color:#697386; font-size:1.05rem; line-height:1.7; }.mk-security-list { display:flex; flex-direction:column; gap:.65rem; }.mk-security-list span { display:flex; align-items:center; gap:.9rem; padding:1rem 1.2rem; border:1px solid #e1e4ea; border-radius:12px; color:#414b5e; background:#fafbfc; font-size:.75rem; }.mk-security-list svg { width:19px; height:19px; color:#5556cc; }
.landing-v2 .final-cta .eyebrow { color:#72dfca; }.landing-v2 .marketing-footer .brand-icon { width:30px; height:30px; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.mk-story-panel > article,.landing-v2::before,.landing-v2::after,.mk-hero::before,.mk-product-stage,.mk-product-stage::before,.signup-page::before,.signup-page::after { animation:none!important; } }
@media (max-width:1120px) { .mk-hero { grid-template-columns:1fr; }.mk-hero-copy { max-width:840px; }.mk-product-stage { width:100%; max-width:900px; }.mk-story { grid-template-columns:1fr; }.mk-story-tabs { display:grid; grid-template-columns:repeat(3,1fr); }.mk-story-panel { min-height:0; }.mk-bento-grid article.large { grid-row:auto; min-height:360px; } }
@media (max-width:760px) { html { scroll-padding-top:64px; }.mk-hero { min-height:0; padding:4rem 1rem 3rem; }.mk-hero h1 { font-size:clamp(2.75rem,14vw,4.3rem); }.mk-assurances { align-items:flex-start; flex-direction:column; }.mk-app-window { grid-template-columns:44px 1fr; min-height:400px; transform:none; }.mk-app-rail { padding:.6rem .3rem; }.mk-app-rail img { width:28px; height:28px; }.mk-app-rail > span { width:30px; height:30px; }.mk-app-main > header > span { display:none; }.mk-app-content { padding:.8rem; }.mk-preview-heading h2 { font-size:.9rem; }.mk-metrics article:nth-child(3) { display:none; }.mk-metrics { grid-template-columns:repeat(2,1fr); }.mk-work-grid { grid-template-columns:1fr; }.mk-load { display:none; }.mk-context-strip { align-items:flex-start; flex-direction:column; }.mk-context-strip > div { max-width:100%; flex-wrap:wrap; }.mk-story,.mk-bento,.mk-security { padding:4.5rem 1rem; }.mk-story-tabs { grid-template-columns:1fr; }.mk-story-panel > article { min-height:360px; padding:.65rem; }.mk-board { gap:.3rem; min-height:300px; }.mk-board section { padding:.4rem; }.mk-board i { height:75px; }.mk-bento-grid,.mk-bento-grid article.wide,.mk-security { grid-template-columns:1fr; }.mk-bento-grid article.wide { grid-column:auto; }.mk-bento-grid article { min-height:240px; padding:1.4rem; }.mk-bento-grid article.large { min-height:380px; }.mk-role-demo { margin-top:2rem; }.mk-integrations { margin-top:1rem; }.mk-security { gap:1.5rem; }.landing-v2 .marketing-footer { gap:1.2rem; } }

/* Legal centre */
.legal-page { margin:0; color:#20283a; background:#f5f6f9; }
.legal-nav { position:sticky; top:0; z-index:20; display:flex; min-height:66px; align-items:center; justify-content:space-between; padding:0 clamp(1rem,6vw,6rem); border-bottom:1px solid #e1e4ea; background:rgba(255,255,255,.94); backdrop-filter:blur(14px); }
.legal-nav > a { display:flex; align-items:center; gap:.65rem; color:#171e31; text-decoration:none; }.legal-nav nav { display:flex; gap:.35rem; }.legal-nav nav a { padding:.48rem .7rem; border-radius:8px; color:#687286; font-size:.72rem; font-weight:700; text-decoration:none; }.legal-nav nav a.active { color:#4f50c7; background:#efefff; }
.legal-layout { display:grid; grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr); align-items:start; gap:clamp(2rem,7vw,7rem); max-width:1240px; margin:0 auto; padding:clamp(3rem,7vw,6rem) 1.25rem; }
.legal-layout > aside { position:sticky; top:110px; }.legal-layout > aside > span { color:#4e50c6; font-size:.64rem; font-weight:850; letter-spacing:.1em; }.legal-layout aside h1 { margin:.7rem 0 1rem; font-size:clamp(2rem,3.8vw,3.7rem); line-height:1; letter-spacing:-.055em; }.legal-layout aside > p { color:#7a8496; font-size:.7rem; line-height:1.6; }
.legal-draft { margin-top:1.5rem; padding:1rem; border:1px solid #ecdcae; border-radius:11px; color:#705b20; background:#fff9e9; }.legal-draft strong { font-size:.72rem; }.legal-draft p { margin:.35rem 0 0; font-size:.64rem; line-height:1.5; }
.legal-document { padding:clamp(1.5rem,4vw,3.5rem); border:1px solid #e0e3e9; border-radius:18px; background:#fff; box-shadow:0 14px 45px rgba(20,27,48,.06); }.legal-document h2 { margin:2.3rem 0 .7rem; font-size:1.05rem; }.legal-document h2:first-child { margin-top:0; }.legal-document p { color:#596477; font-size:.78rem; line-height:1.8; }.legal-identity { display:flex; flex-direction:column; gap:.28rem; margin:1rem 0 2rem; padding:1rem; border-left:3px solid #6566df; color:#596376; background:#f7f7ff; font-size:.72rem; }.legal-identity b { color:#283146; }
@media(max-width:760px){.legal-nav { padding:0 .8rem; }.legal-nav nav a { padding:.4rem; }.legal-layout { grid-template-columns:1fr; padding-top:2rem; }.legal-layout > aside { position:static; }.legal-document { padding:1.2rem; }}

/* Billing identity and Stripe connection */
.billing-profile { margin:0 0 1.2rem; padding:0!important; overflow:hidden; }.billing-profile > header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1.2rem 1.3rem; border-bottom:1px solid #e8eaf0; background:#fafbfc; }.billing-profile h2 { margin:.25rem 0; font-size:1.15rem; }.billing-profile header p { margin:0; color:#7c8698; font-size:.7rem; }
.billing-connection { display:inline-flex; align-items:center; gap:.4rem; padding:.42rem .6rem; border:1px solid #ead8dd; border-radius:99px; color:#9b5362; background:#fff7f8; font-size:.62rem; font-weight:750; white-space:nowrap; }.billing-connection.ready { border-color:#d2e9e3; color:#247c68; background:#f1faf8; }.billing-connection svg { width:13px; height:13px; }
.billing-profile-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; padding:1.3rem; }.billing-profile-form label { display:flex; min-width:0; flex-direction:column; gap:.3rem; color:#4a5569; font-size:.67rem; font-weight:700; }.billing-profile-form label.wide { grid-column:span 2; }.billing-profile-form input,.billing-profile-form select { width:100%; min-height:39px; border-color:#dfe3ea; background:#fbfcfd; }.billing-profile-form small { color:#8a93a4; font-size:.57rem; font-weight:450; line-height:1.35; }.billing-profile-actions { display:flex; grid-column:1/-1; align-items:center; justify-content:space-between; gap:1rem; padding-top:.8rem; border-top:1px solid #eceef2; }.billing-profile-actions > span { display:flex; align-items:center; gap:.45rem; color:#7d8698; font-size:.61rem; }.billing-profile-actions svg { width:15px; height:15px; color:#5e60d4; }
.billing-portal { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 1.3rem; border-top:1px solid #e8eaf0; background:#f7f7ff; }.billing-portal > div { display:flex; align-items:center; gap:.7rem; }.billing-portal > div > svg { width:22px; height:22px; color:#5758ce; }.billing-portal strong,.billing-portal small { display:block; }.billing-portal strong { color:#3d465b; font-size:.7rem; }.billing-portal small { margin-top:.14rem; color:#838c9e; font-size:.6rem; }
.pricing-card .plan-features li { display:flex; align-items:flex-start; gap:.4rem; }.pricing-card .plan-features svg { width:14px; height:14px; flex:0 0 auto; color:#21947d; }.pricing-card > form .btn { width:100%; justify-content:center; }.billing-security .security-icon { display:grid; place-items:center; }.billing-security .security-icon svg { width:21px; height:21px; }
@media(max-width:900px){.billing-profile-form { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:620px){.billing-profile > header,.billing-profile-actions,.billing-portal { align-items:stretch; flex-direction:column; }.billing-profile-form { grid-template-columns:1fr; }.billing-profile-form label.wide { grid-column:auto; }}

/* Public workspace signup */
.signup-page { min-height:100vh; margin:0; position:relative; isolation:isolate; overflow-x:hidden; color:#1c2437; background:#f5f6fa; }.signup-page::before,.signup-page::after { content:''; position:fixed; z-index:-1; width:520px; height:520px; border-radius:50%; pointer-events:none; filter:blur(68px); opacity:.25; }.signup-page::before { left:-250px; top:12%; background:#68dfca; animation:ambient-mint 18s ease-in-out infinite alternate; }.signup-page::after { right:-220px; bottom:-90px; background:#9292f4; animation:ambient-violet 23s ease-in-out infinite alternate; }.signup-nav { display:flex; min-height:66px; align-items:center; justify-content:space-between; padding:0 clamp(1rem,6vw,6rem); border-bottom:1px solid rgba(225,228,234,.85); background:rgba(255,255,255,.86); backdrop-filter:blur(18px); }.signup-nav > a { display:flex; align-items:center; gap:.65rem; color:#181f32; text-decoration:none; }

/* Integrations settings */
.integration-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:1rem; align-items:start; }
.integration-card { display:flex; flex-direction:column; gap:1.15rem; padding:1.35rem; border:1px solid var(--border); border-radius:18px; background:#fff; box-shadow:0 12px 34px rgba(25,32,57,.055); }
.integration-card > header { display:flex; align-items:center; gap:.75rem; }.integration-card > header > div { min-width:0; }.integration-card h3 { margin:0; font-size:1rem; }.integration-card header small { color:var(--muted); }.integration-card > header .provider-state,.integration-card > header .plan-chip { margin-left:auto; white-space:nowrap; }
.integration-card > p { margin:0; color:var(--muted); font-size:.76rem; line-height:1.7; }
.integration-callout { display:flex; flex-direction:column; gap:.45rem; padding:1rem; border:1px solid #e2e4ef; border-radius:12px; background:#f7f7fc; }.integration-callout strong { font-size:.72rem; }.integration-callout code,.integration-scopes code { overflow-wrap:anywhere; color:#5051c8; font-size:.68rem; }.integration-callout small { color:var(--muted); line-height:1.5; }
.integration-card .settings-fields.single { grid-template-columns:1fr; }.integration-card footer { display:flex; flex-wrap:wrap; gap:.55rem; }
.plan-chip { padding:.28rem .5rem; border-radius:99px; color:#5354c8; background:#eeeeff; font-size:.58rem; font-weight:800; }
.integration-locked { padding:1rem; border:1px solid #e4e0c7; border-radius:12px; background:#fffcf0; }.integration-locked strong { font-size:.8rem; }.integration-locked p { color:#756d52; font-size:.7rem; line-height:1.55; }
.integration-scopes { display:flex; flex-direction:column; gap:.65rem; padding:0 1.2rem 1.2rem; }.integration-scopes code { padding:.65rem .75rem; border:1px solid #e4e6ee; border-radius:8px; background:#f8f9fb; }.integration-scopes p { color:var(--muted); font-size:.72rem; line-height:1.65; }
@media(max-width:980px){.integration-grid{grid-template-columns:1fr}.settings-tabs{overflow-x:auto}.settings-tabs a{min-width:170px}}
.signup-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(430px,.7fr); align-items:center; gap:clamp(3rem,8vw,9rem); min-height:calc(100vh - 66px); padding:clamp(3rem,7vw,7rem) clamp(1rem,9vw,10rem); background:radial-gradient(circle at 12% 15%,rgba(104,104,232,.08),transparent 28rem); }.signup-copy { max-width:670px; }.signup-copy h1 { margin:1rem 0 1.2rem; font-size:clamp(3rem,5vw,5.5rem); line-height:.96; letter-spacing:-.065em; }.signup-copy > p { max-width:590px; color:#687286; font-size:1.03rem; line-height:1.7; }.signup-steps { display:flex; align-items:center; gap:.7rem; margin-top:2.4rem; color:#677184; font-size:.65rem; }.signup-steps span { display:flex; align-items:center; gap:.4rem; }.signup-steps b { display:grid; place-items:center; width:24px; height:24px; border-radius:7px; color:#5556c8; background:#e9e9ff; }.signup-steps > i { width:25px; height:1px; background:#d7dae2; }
.signup-card { overflow:hidden; border:1px solid #dfe2e9; border-radius:19px; background:#fff; box-shadow:0 25px 70px rgba(20,27,50,.12); }.signup-card-head { display:grid; grid-template-columns:1fr auto; gap:.2rem 1rem; padding:1.1rem 1.3rem; color:#fff; background:#11182b; }.signup-card-head span { grid-column:1/-1; color:#7b879f; font-size:.55rem; font-weight:800; letter-spacing:.1em; }.signup-card-head strong { font-size:1rem; }.signup-card-head small { color:#b0b8c8; font-size:.64rem; }
.signup-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; padding:1.3rem; }.signup-form label { display:flex; flex-direction:column; gap:.3rem; color:#495468; font-size:.66rem; font-weight:700; }.signup-form label > small { display:inline; color:#9098a8; font-size:.56rem; font-weight:450; }.signup-form .wide { grid-column:1/-1; }.signup-form input { width:100%; min-height:40px; border-color:#dde1e9; background:#fbfcfd; }.signup-form > button { justify-content:center; min-height:45px; margin-top:.25rem; }.signup-consent { display:grid!important; grid-template-columns:17px 1fr; align-items:start; gap:.55rem!important; padding:.7rem; border:1px solid #e4e6ec; border-radius:9px; background:#fafbfc; font-weight:450!important; line-height:1.45; }.signup-consent input { width:16px; min-height:16px; margin-top:.1rem; accent-color:#5b5cda; }.signup-consent a { color:#5152c6; }.signup-login { margin:0; padding:0 1.3rem 1.2rem; color:#7c8698; font-size:.68rem; text-align:center; }.signup-login a { color:#5051c7; font-weight:750; }
.signup-nda{border-color:#d9dcf3;background:#f7f7ff}.signup-nda strong,.signup-nda small{display:block}.signup-nda strong{color:#414b60;font-size:.64rem}.signup-nda small{margin-top:.25rem;color:#747f92;font-size:.55rem;line-height:1.5}
.signup-result { display:flex; gap:1rem; padding:2rem; }.signup-result > svg { width:30px; height:30px; flex:0 0 auto; color:#5c5dd3; }.signup-result h2 { margin:0 0 .6rem; }.signup-result p { color:#6d7789; line-height:1.6; }.signup-result .btn { margin-top:.8rem; }
@media(max-width:1000px){.signup-layout { grid-template-columns:1fr; }.signup-copy { max-width:780px; }.signup-card { width:100%; max-width:620px; }}
@media(max-width:600px){.signup-layout { padding:2.5rem .8rem; }.signup-copy h1 { font-size:2.7rem; }.signup-steps { align-items:flex-start; flex-direction:column; }.signup-steps > i { display:none; }.signup-form { grid-template-columns:1fr; padding:1rem; }.signup-form .wide { grid-column:auto; }}

/* Owner-only product marketing cockpit */
.founder-hero { margin-bottom:1rem; }.positioning-card { display:grid; grid-template-columns:1.5fr .5fr; gap:2rem; margin-bottom:1rem; padding:1.6rem; border-radius:17px; color:#fff; background:#11182a; }.positioning-card > div > span { color:#72dfca; font-size:.62rem; font-weight:850; letter-spacing:.1em; }.positioning-card h2 { max-width:1000px; margin:.7rem 0 0; color:#fff; font-size:clamp(1.25rem,2.3vw,2rem); line-height:1.25; letter-spacing:-.035em; }.positioning-card aside { display:flex; flex-direction:column; justify-content:center; padding:1rem; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(255,255,255,.04); }.positioning-card aside small { color:#8792a8; font-size:.58rem; text-transform:uppercase; }.positioning-card aside strong { margin-top:.45rem; color:#fff; font-size:.85rem; line-height:1.45; }
.founder-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin-bottom:.8rem; }.founder-card { min-height:320px; padding:1.2rem!important; }.founder-card > header { display:flex; align-items:center; gap:.7rem; padding-bottom:.9rem; border-bottom:1px solid #eceef2; }.founder-card > header > svg { width:21px; height:21px; color:#5758cf; }.founder-card h2 { margin:.15rem 0 0; font-size:1rem; }.founder-card ul,.founder-card ol { display:flex; flex-direction:column; gap:.75rem; margin:1rem 0 0; padding:0; list-style:none; }.founder-card li { display:grid; grid-template-columns:95px 1fr; gap:.7rem; color:#687285; font-size:.69rem; line-height:1.5; }.founder-card li b { color:#3d465a; }.founder-card ol { counter-reset:pain; }.founder-card ol li { grid-template-columns:27px 1fr; }.founder-card ol li::before { counter-increment:pain; content:counter(pain); display:grid; place-items:center; width:24px; height:24px; border-radius:7px; color:#5657c9; background:#eeeeff; font-size:.6rem; font-weight:800; }.founder-card blockquote { margin:1.5rem 0; padding:1rem; border-left:3px solid #6465db; color:#333d52; background:#f7f7ff; font-size:.8rem; line-height:1.6; }.founder-card > p { color:#717b8d; font-size:.7rem; line-height:1.55; }.price-logic { display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem; margin:1rem 0; }.price-logic span { padding:.8rem .55rem; border:1px solid #e3e5eb; border-radius:9px; background:#fafbfc; }.price-logic span.active { border-color:#cfcfff; background:#f2f2ff; }.price-logic b,.price-logic small { display:block; }.price-logic b { font-size:.76rem; }.price-logic small { margin-top:.22rem; color:#858e9f; font-size:.54rem; line-height:1.35; }
.comparison-card,.metrics-card { margin-bottom:.8rem; padding:0!important; overflow:hidden; }.comparison-card > header,.metrics-card > header { padding:1rem 1.2rem; border-bottom:1px solid #e7e9ef; background:#fafbfc; }.comparison-card h2,.metrics-card h2 { margin:.18rem 0 0; font-size:1.05rem; }.comparison-table > div { display:grid; grid-template-columns:.55fr 1fr 1fr; gap:1.2rem; padding:.85rem 1.2rem; border-bottom:1px solid #eceef2; color:#687285; font-size:.67rem; line-height:1.5; }.comparison-table > div:last-child { border:0; }.comparison-table > .head { color:#8a93a4; background:#fcfcfd; font-size:.56rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.comparison-table b { color:#374156; }
.growth-roadmap { margin:2rem 0; }.growth-roadmap .mk-section-head { margin-bottom:1.3rem; }.growth-roadmap .mk-section-head h2 { font-size:2.5rem; }.roadmap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; }.roadmap-grid article { min-height:250px; padding:1.2rem; border:1px solid #dfe3ea; border-radius:14px; background:#fff; }.roadmap-grid article > span { color:#5758cf; font-size:.6rem; font-weight:850; letter-spacing:.08em; }.roadmap-grid h3 { margin:1.8rem 0 .8rem; font-size:.95rem; }.roadmap-grid ul { margin:0; padding-left:1rem; color:#707a8c; font-size:.66rem; line-height:1.65; }.roadmap-grid li + li { margin-top:.45rem; }
.metrics-card > div { display:grid; grid-template-columns:repeat(4,1fr); }.metrics-card article { min-height:135px; padding:1rem 1.2rem; border-right:1px solid #eceef2; }.metrics-card article:last-child { border:0; }.metrics-card span,.metrics-card small,.metrics-card strong { display:block; }.metrics-card span { color:#818a9c; font-size:.59rem; font-weight:750; }.metrics-card strong { margin:.7rem 0 .35rem; font-size:1.3rem; }.metrics-card small { color:#8b94a5; font-size:.56rem; line-height:1.45; }
@media(max-width:900px){.positioning-card,.founder-grid { grid-template-columns:1fr; }.roadmap-grid { grid-template-columns:1fr; }.metrics-card > div { grid-template-columns:repeat(2,1fr); }}
@media(max-width:600px){.comparison-table > .head { display:none; }.comparison-table > div { grid-template-columns:1fr; gap:.35rem; }.metrics-card > div { grid-template-columns:1fr; }.metrics-card article { border-right:0; border-bottom:1px solid #eceef2; }}

/* === Application shell 2.0 ============================================== */
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 260px minmax(0,1fr); background: #f5f6fa; }
.app-sidebar { position: sticky; top: 0; z-index: 55; display: flex; flex-direction: column; height: 100vh; padding: .75rem .7rem .65rem; overflow: hidden; color: #dfe4ef; background: #11162a; border-right: 1px solid rgba(255,255,255,.06); }
.sidebar-brand { display: flex; align-items: center; gap: .7rem; min-height: 48px; margin-bottom: .6rem; padding: 0 .55rem .75rem; border-bottom: 1px solid rgba(255,255,255,.07); color: #fff; }
.brand-icon { display: block; width: 34px; height: 34px; flex: 0 0 auto; border-radius: 9px; object-fit: cover; }
.sidebar-brand:hover,.sidebar-link:hover,.sidebar-profile:hover { text-decoration: none; }
.sidebar-brand > span:last-child,.sidebar-profile > span { display: flex; min-width: 0; flex-direction: column; }
.sidebar-brand strong { font-size: .98rem; letter-spacing: -.02em; }
.sidebar-brand small { display: flex; min-width: 0; align-items: center; gap: .35rem; color: #79849d; font-size: .66rem; }
.brand-workspace { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.brand-plan { flex: 0 0 auto; padding: .06rem .3rem; border-radius: 5px; color: #7fe3d0; background: rgba(114,224,202,.11); font-size: .56rem; font-style: normal; font-weight: 700; letter-spacing: .01em; text-transform: uppercase; }
.workspace-avatar { display: grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 9px; color: #171b2e; background: #6ee7cf; font-size: .78rem; font-weight: 850; }
.workspace-avatar svg { width: 15px; height: 15px; }
.sidebar-nav { display: flex; min-height: 0; flex: 1; flex-direction: column; gap: .4rem; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.14) transparent; }
.sidebar-group { display: block; flex: 0 0 auto; }
.sidebar-group + .sidebar-group { padding-top: .45rem; border-top: 1px solid rgba(255,255,255,.055); }
.sidebar-accordion > summary::-webkit-details-marker { display: none; }
.sidebar-accordion > .sidebar-title { display: grid; grid-template-columns: 30px minmax(0,1fr) 14px; align-items: center; gap: .65rem; min-height: 48px; padding: .42rem .55rem; border:1px solid transparent; border-radius: 11px; color: #9aa5bb; font-size:inherit; font-weight:inherit; list-style: none; white-space:normal; cursor: pointer; transition: .14s ease; }
.sidebar-accordion > .sidebar-title:hover,.sidebar-title.active { color: #eef1f7; border-color:rgba(255,255,255,.07); background: rgba(255,255,255,.045); }
.sidebar-group-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; color:#818ca4; background:rgba(255,255,255,.045); }.sidebar-title.active .sidebar-group-icon,.sidebar-accordion > .sidebar-title:hover .sidebar-group-icon { color:#72e0ca; background:rgba(114,224,202,.09); }
.sidebar-title .sidebar-group-icon .ico { width: 15px; height: 15px; }
.sidebar-title-copy,.sidebar-title-copy strong,.sidebar-title-copy small { display:block; min-width:0; }.sidebar-title-copy strong { overflow:hidden; font-size:.68rem; letter-spacing:-.01em; text-overflow:ellipsis; white-space:nowrap; }.sidebar-title-copy small { overflow:hidden; margin-top:.05rem; color:#6f7b93; font-size:.54rem; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-title .ico-chevron { justify-self: end; width: 13px; height: 13px; transition: transform .18s ease; }
.sidebar-accordion[open] .sidebar-title .ico-chevron { transform: rotate(180deg); }
.sidebar-accordion > .sidebar-title::after,.sidebar-accordion[open]::after{display:none;content:none}
.signup-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.login-password-row{display:flex;justify-content:flex-end;margin-top:-.35rem}.login-password-row a{font-size:.76rem;color:#65758d}
.auth-action-page{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:2rem}.auth-action-card{width:min(100%,480px);padding:2rem;border:1px solid #dfe4ec;border-radius:20px;background:#fff;box-shadow:0 22px 70px rgba(20,30,50,.1)}.auth-action-card form{display:grid;gap:1rem;margin:1.4rem 0}.auth-action-card label{display:grid;gap:.45rem;font-weight:650}.auth-action-card input{min-height:46px}
.security-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.security-row{display:flex;align-items:center;justify-content:space-between}.security-row>div{display:flex;align-items:center;gap:.8rem}.security-row span span,.security-row strong,.security-row small{display:block}.mfa-setup,.inline-confirm{display:grid;gap:1rem;margin-top:1.4rem}.mfa-setup code,.recovery-reveal code{display:block;padding:1rem;border-radius:10px;background:#111827;color:#d7fff5;white-space:pre-wrap;overflow:auto}.recovery-reveal{margin-top:1rem;padding:1rem;border:1px solid #bfe7db;border-radius:12px;background:#effbf7}.audit-table>div{display:grid;grid-template-columns:150px 1fr 1.4fr 1fr;gap:1rem;padding:.8rem;border-bottom:1px solid #edf0f5}.audit-table .head{font-size:.7rem;text-transform:uppercase;color:#738099}.danger-zone{border-color:#efc8c8}.danger-zone form{display:grid;gap:1rem}
@media(max-width:760px){.audit-table>div{grid-template-columns:1fr 1fr}.audit-table .head{display:none}.security-panel>header,.security-row{align-items:stretch;flex-direction:column}}
.status-page{width:min(900px,calc(100% - 2rem));margin:8vh auto}.status-hero{display:flex;align-items:center;gap:1.2rem;margin-bottom:2rem}.status-orb{width:18px;height:18px;border-radius:50%;background:#43c89f;box-shadow:0 0 0 8px rgba(67,200,159,.13)}.status-components>div{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid #edf0f5}.status-components>div:last-child{border:0}.status-components .ok{color:#168766}.status-components .bad{color:#b53434}
.comparison-table.competitor-deep>div{grid-template-columns:.7fr 1.15fr 1.25fr 1.35fr .8fr}.evidence-brief,.onprem-brief{margin-top:1rem}.evidence-brief>header,.onprem-brief>header{margin-bottom:1.2rem}
@media(max-width:1050px){.comparison-table.competitor-deep>div{grid-template-columns:1fr}.comparison-table.competitor-deep .head{display:none}.comparison-table.competitor-deep>div>b{font-size:1rem}}
.sidebar-accordion > .navgroup-menu { position:static; inset:auto; z-index:auto; display:flex; min-width:0; flex-direction:column; gap:.12rem; padding:.3rem 0 .15rem; border:0; border-radius:0; background:transparent; box-shadow:none; }
.sidebar-accordion:not([open]) > .navgroup-menu { display:none; }
.sidebar-link { position: relative; display: flex; align-items: center; gap: .65rem; min-height: 33px; padding: .35rem .7rem .35rem .9rem; border-radius: 8px; color: #aeb7c9; font-size: .75rem; font-weight: 560; transition: .14s ease; }
.sidebar-link .ico { width: 15px; height: 15px; flex: 0 0 auto; color: #69758d; }
.sidebar-link.active .ico,.sidebar-link:hover .ico { color: #72e0ca; }
.sidebar-link:hover { color: #fff; background: rgba(255,255,255,.06); }.sidebar-link.active { color: #fff; background: linear-gradient(100deg,rgba(91,92,226,.3),rgba(91,92,226,.12)); box-shadow: inset 0 0 0 1px rgba(128,129,255,.15); }
.sidebar-link-mark { width: 6px; height: 6px; flex: 0 0 auto; border: 1px solid #737e96; border-radius: 50%; }.sidebar-link.active .sidebar-link-mark { border-color: #72e0ca; background: #72e0ca; box-shadow: 0 0 0 4px rgba(114,224,202,.1); }
.sidebar-footer { display: flex; align-items: center; gap: .3rem; margin-top: .55rem; padding: .55rem .35rem 0; border-top: 1px solid rgba(255,255,255,.08); }
.sidebar-profile { display: flex; min-width: 0; flex: 1; align-items: center; gap: .55rem; padding: .25rem; color: #e8ebf2; }.sidebar-profile strong,.sidebar-profile small { max-width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.sidebar-profile strong { font-size: .73rem; }.sidebar-profile small { color: #7f899e; font-size: .64rem; }
.sidebar-logout { display: grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: 8px; color: #8791a6; background: transparent; cursor: pointer; }.sidebar-logout:hover { color: #fff; background: rgba(255,255,255,.07); }
.app-frame { min-width: 0; }
.app-topbar { position: sticky; top: 0; z-index: 35; display: flex; align-items: center; gap: 1rem; min-height: 66px; padding: .65rem clamp(1rem,2.3vw,2rem); border-bottom: 1px solid #e4e7ee; background: rgba(255,255,255,.91); backdrop-filter: blur(16px); }
.topbar-context { display: flex; min-width: 170px; flex-direction: column; line-height: 1.15; }.topbar-context strong { color: #1d2538; font-size: .86rem; }.topbar-eyebrow { color: #8b94a7; font-size: .63rem; font-weight: 720; letter-spacing: .04em; text-transform: uppercase; }
.app-search { display: flex; width: min(34vw,430px); align-items: center; gap: .55rem; margin: 0 auto; padding: 0 .75rem; border: 1px solid #e0e4ec; border-radius: 10px; color: #8992a4; background: #f8f9fb; }.app-search input { width: 100%; height: 35px; padding: 0; border: 0; outline: 0; background: transparent; box-shadow: none; font-size: .78rem; }
.topbar-actions { display: flex; align-items: center; gap: .6rem; }.topbar-actions .bell { color: #59647a; }.topbar-actions .view-as select { max-width: 95px; color: #4e586c; background: #f7f8fb; }
.sidebar-toggle { display: none; border: 1px solid #e0e4ec; border-radius: 9px; color: #343d50; background: #fff; font-size: 1rem; }
.sidebar-scrim { display: none; }
.app-content.container { width: auto; max-width: 1540px; margin: 0 auto; padding: clamp(1.25rem,2.5vw,2.25rem); }
.app-content.container-wide { max-width: none; }
.app-content > h1:first-child,.app-content > .section-head:first-child { margin-top: 0; }
.app-content .card { border-color: #e2e5ec; box-shadow: 0 1px 2px rgba(17,24,39,.035),0 8px 24px rgba(17,24,39,.035); }
.public-appbar { justify-content: space-between; }

@media (max-width: 980px) {
    .app-shell { display: block; }
    .app-sidebar { position: fixed; left: 0; top: 0; width: 270px; transform: translateX(-105%); transition: transform .2s ease; box-shadow: 20px 0 60px rgba(8,12,25,.3); }
    .sidebar-open .app-sidebar { transform: translateX(0); }
    .sidebar-scrim { position: fixed; inset: 0; z-index: 50; background: rgba(8,12,25,.42); backdrop-filter: blur(2px); }.sidebar-open .sidebar-scrim { display: block; }
    .sidebar-toggle { display: inline-grid; place-items: center; width: 36px; height: 36px; }
    .topbar-context { min-width: 0; }.topbar-eyebrow { display: none; }
    .app-search { width: auto; flex: 1; }
    .topbar-actions .view-as { display: none; }
}
@media (max-width: 620px) {
    .app-topbar { gap: .5rem; min-height: 58px; padding: .5rem .75rem; }
    .topbar-context { display: none; }.app-search { margin: 0; }.app-language { display: none; }
    .app-content.container { padding: 1rem .75rem 2rem; }
}

/* === SaaS administration =============================================== */
.admin-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.25rem; }.admin-hero h1 { margin: .25rem 0 .35rem; font-size: 2rem; }.admin-hero p { margin: 0; color: var(--muted); }.eyebrow { color: #5b5ce2; font-size: .66rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.admin-status { display: inline-flex; align-items: center; gap: .45rem; padding: .42rem .7rem; border: 1px solid #e0e4ec; border-radius: 99px; color: #59647a; background: #fff; font-size: .7rem; white-space: nowrap; }.admin-status i,.provider-state i { width: 7px; height: 7px; border-radius: 50%; background: #27b397; box-shadow: 0 0 0 4px rgba(39,179,151,.1); }
.settings-tabs { display: flex; gap: .4rem; margin-bottom: 1.2rem; padding: .35rem; border: 1px solid #e2e5ed; border-radius: 14px; background: #fff; box-shadow: var(--shadow-sm); }.settings-tabs a { display: flex; flex: 1; flex-direction: column; padding: .7rem .9rem; border-radius: 10px; color: #566176; }.settings-tabs a:hover { background: #f7f8fb; text-decoration: none; }.settings-tabs a.active { color: #262d45; background: #efefff; box-shadow: inset 0 0 0 1px #dcdcff; }.settings-tabs strong { font-size: .78rem; }.settings-tabs small { color: #8992a4; font-size: .65rem; }
.settings-form { display: flex; flex-direction: column; gap: .9rem; }.settings-section { display: grid; grid-template-columns: minmax(210px,.65fr) minmax(0,1.35fr); gap: clamp(1.5rem,4vw,4rem); padding: 1.4rem; border: 1px solid #e1e5ed; border-radius: 16px; background: #fff; box-shadow: 0 4px 20px rgba(25,32,58,.035); }.settings-section.compact { margin-top: 1rem; }.settings-section > header { display: flex; align-items: flex-start; gap: .75rem; }.settings-section > header h2 { margin: .05rem 0 .3rem; }.settings-section > header p { margin: 0; color: #747e91; font-size: .74rem; line-height: 1.5; }.settings-icon { display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 9px; color: #5b5ce2; background: #eeeeff; font-size: .65rem; font-weight: 850; }
.settings-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }.settings-fields label { display: flex; flex-direction: column; gap: .35rem; color: #3e485c; font-size: .72rem; font-weight: 680; }.settings-fields input,.settings-fields select,.provider-card input { width: 100%; min-height: 40px; border-color: #dce1e9; background: #fbfcfd; }.settings-fields small,.provider-card label small { color: #8790a2; font-size: .63rem; font-weight: 450; line-height: 1.4; }.settings-fields .full { grid-column: 1/-1; }
.input-suffix { display: flex; align-items: stretch; }.input-suffix input { min-width: 0; border-radius: 9px 0 0 9px; }.input-suffix span { display: grid; place-items: center; padding: 0 .7rem; border: 1px solid #dce1e9; border-left: 0; border-radius: 0 9px 9px 0; color: #768094; background: #f3f5f8; font-size: .66rem; white-space: nowrap; }
.switch-row { flex-direction: row!important; align-items: center; gap: .7rem!important; min-height: 56px; padding: .7rem; border: 1px solid #e4e7ee; border-radius: 11px; background: #fafbfc; }.switch-row input { width: 34px!important; min-height: 18px!important; accent-color: #5b5ce2; }.switch-row span { display: flex; flex-direction: column; }.switch-row strong { color: #323b4f; font-size: .73rem; }.sticky-save { position: sticky; bottom: .8rem; z-index: 20; display: flex; align-items: center; justify-content: flex-end; gap: 1rem; padding: .7rem .8rem; border: 1px solid #dfe3eb; border-radius: 13px; background: rgba(255,255,255,.93); box-shadow: 0 14px 35px rgba(24,31,52,.12); backdrop-filter: blur(12px); }.sticky-save span { margin-right: auto; color: #7c8698; font-size: .67rem; }
.ai-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin: 1.5rem 0 1rem; }.ai-intro h2 { margin: .2rem 0 .25rem; font-size: 1.45rem; }.ai-intro p { max-width: 720px; margin: 0; color: var(--muted); }.secure-note { padding: .5rem .7rem; border: 1px solid #dce8e5; border-radius: 9px; color: #267868; background: #f1faf8; font-size: .68rem; white-space: nowrap; }
.provider-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9rem; }.provider-card { position: relative; display: flex; flex-direction: column; gap: .85rem; padding: 1.2rem; border: 1px solid #dfe3eb; border-radius: 16px; background: #fff; box-shadow: 0 5px 20px rgba(20,27,48,.04); }.provider-card.is-default { border-color: #9c9df1; box-shadow: 0 0 0 3px rgba(91,92,226,.07),0 8px 24px rgba(25,32,58,.05); }.provider-card > header { display: flex; align-items: center; gap: .7rem; }.provider-logo { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #fff; background: linear-gradient(145deg,#252d48,#525e7c); font-size: .9rem; font-weight: 850; }.provider-card h3 { margin: 0; font-size: .9rem; }.provider-card header small { display: block; color: #8992a4; font-size: .62rem; }.default-badge { margin-left: auto; padding: .22rem .45rem; border-radius: 99px; color: #4d4ec6; background: #eeeeff; font-size: .6rem; font-weight: 800; }.provider-state { display: flex; align-items: center; gap: .45rem; padding: .45rem .6rem; border-radius: 8px; color: #8a6470; background: #faf4f6; font-size: .65rem; }.provider-state i { background: #bc8798; box-shadow: none; }.provider-state.ready { color: #277463; background: #f0faf7; }.provider-state.ready i { background: #27b397; }.provider-card > label { display: flex; flex-direction: column; gap: .3rem; color: #414b5e; font-size: .69rem; font-weight: 700; }.provider-options { display: flex; gap: 1rem; padding: .65rem 0; border-top: 1px solid #eceef3; border-bottom: 1px solid #eceef3; }.mini-check { display: flex; align-items: center; gap: .35rem; color: #4f5a6e; font-size: .67rem; }.mini-check input { width: auto; min-height: 0; accent-color: #5b5ce2; }.provider-card footer { display: flex; gap: .5rem; margin-top: auto; }.provider-test { margin: 0; padding: .45rem .6rem; border-radius: 7px; font-size: .63rem; }.provider-test.ok { color: #25725f; background: #effaf6; }.provider-test.err { color: #a23b4d; background: #fff1f3; }

@media (max-width: 850px) { .settings-section { grid-template-columns: 1fr; gap: 1rem; }.provider-grid { grid-template-columns: 1fr; }.ai-intro,.admin-hero { align-items: flex-start; flex-direction: column; gap: .7rem; } }
@media (max-width: 560px) { .settings-tabs { flex-direction: column; }.settings-tabs a { flex: auto; }.settings-fields { grid-template-columns: 1fr; }.settings-fields .full { grid-column: auto; }.sticky-save { align-items: stretch; flex-direction: column; }.sticky-save span { margin: 0; }.secure-note { white-space: normal; }.provider-card footer { flex-direction: column; } }

/* Role editor */
.role-create { display: grid; grid-template-columns: 1fr minmax(220px,.7fr) auto auto; align-items: end; gap: 1rem; margin-bottom: 1rem; padding: 1rem 1.2rem; border: 1px solid #dcdff0; border-radius: 14px; background: #f8f8ff; }.role-create > div { display: flex; flex-direction: column; }.role-create small { color: #7b8497; font-size: .65rem; }.role-create label:not(.mini-check) { color: #4b5569; font-size: .68rem; font-weight: 700; }.role-create input[type=text] { width: 100%; margin-top: .25rem; }
.permission-layout { display: grid; grid-template-columns: 245px minmax(0,1fr); align-items: start; gap: 1rem; }.role-list { position: sticky; top: 82px; padding: .65rem!important; }.role-list > header { display: flex; flex-direction: column; padding: .45rem .5rem .7rem; }.role-list > header strong { font-size: .76rem; }.role-list > header small { color: #8a93a5; font-size: .62rem; }.role-list nav { display: flex; flex-direction: column; gap: .15rem; }.role-item { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: .55rem; padding: .55rem; border-radius: 10px; color: #4b5569; }.role-item:hover { background: #f6f7fa; text-decoration: none; }.role-item.active { color: #272f48; background: #eeeeff; }.role-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; color: #5051c9; background: #e0e1ff; font-size: .7rem; font-weight: 850; }.role-item strong,.role-item small { display: block; }.role-item strong { font-size: .7rem; }.role-item small { color: #8790a2; font-size: .58rem; }.role-item i { color: #9ba3b1; font-style: normal; }.role-list > p { margin: .7rem .45rem .2rem; padding-top: .7rem; border-top: 1px solid #eceef3; color: #8992a4; font-size: .61rem; line-height: 1.45; }
.permission-editor { min-width: 0; }.permission-editor-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; padding: .3rem .2rem; }.permission-editor-head h2 { margin: .15rem 0 .2rem; font-size: 1.35rem; }.permission-editor-head p { margin: 0; color: #7a8496; font-size: .7rem; }.btn.danger { color: #b4354c; }.permission-form { display: flex; flex-direction: column; gap: .75rem; }.permission-group { overflow: hidden; border: 1px solid #e1e4ec; border-radius: 14px; background: #fff; box-shadow: 0 4px 16px rgba(20,27,48,.03); }.permission-group > header { display: flex; align-items: center; justify-content: space-between; padding: .8rem 1rem; border-bottom: 1px solid #eceef3; background: #fafbfc; }.permission-group h3 { margin: 0; font-size: .79rem; }.permission-group header small { color: #9098a8; font-size: .6rem; }.group-toggle { display: flex; align-items: center; gap: .35rem; color: #687286; font-size: .63rem; }.group-toggle input,.permission-row > input { accent-color: #5b5ce2; }.permission-rows { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.permission-row { display: flex; min-height: 70px; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; border-right: 1px solid #eef0f4; border-bottom: 1px solid #eef0f4; cursor: pointer; }.permission-row:nth-child(2n) { border-right: 0; }.permission-row:hover { background: #fafaff; }.permission-row span { display: flex; flex-direction: column; }.permission-row strong { color: #394256; font-size: .69rem; }.permission-row small { margin-top: .15rem; color: #8a93a5; font-size: .59rem; line-height: 1.4; }.permission-row > input { flex: 0 0 auto; width: 18px; height: 18px; }.permission-lock { display: flex; gap: .9rem; padding: 1.2rem; border: 1px solid #dfe3ef; border-radius: 14px; color: #565fd0; background: #f5f5ff; }.permission-lock svg { flex: 0 0 auto; font-size: 1.3rem; }.permission-lock p { margin: .25rem 0 0; color: #6e7790; }
@media (max-width: 900px) { .permission-layout { grid-template-columns: 1fr; }.role-list { position: static; }.role-list nav { display: grid; grid-template-columns: repeat(2,1fr); }.permission-rows { grid-template-columns: 1fr; }.permission-row { border-right: 0; }.role-create { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .role-list nav,.role-create { grid-template-columns: 1fr; }.permission-editor-head { align-items: flex-start; flex-direction: column; } }

/* People administration */
.people-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: .7rem; margin-bottom: .9rem; }.people-stats article { display: flex; min-height: 76px; flex-direction: column; justify-content: center; padding: .8rem 1rem; border: 1px solid #e1e4ec; border-radius: 13px; background: #fff; box-shadow: 0 3px 12px rgba(20,27,48,.025); }.people-stats span { color: #7f899b; font-size: .64rem; }.people-stats strong { font-size: 1.35rem; letter-spacing: -.04em; }.people-stats article.warn strong { color: #c77b16; }
.people-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .7rem; padding: .55rem; border: 1px solid #e1e4ec; border-radius: 13px; background: #fff; }.people-toolbar > label { display: flex; width: min(460px,55%); align-items: center; gap: .45rem; padding: 0 .55rem; color: #8c95a6; }.people-toolbar input { width: 100%; min-height: 34px; padding: 0; border: 0; outline: 0; background: transparent; box-shadow: none; font-size: .72rem; }.people-toolbar > div { display: flex; gap: .25rem; }.people-toolbar button { padding: .42rem .65rem; border: 0; border-radius: 8px; color: #697387; background: transparent; font-size: .65rem; font-weight: 700; cursor: pointer; }.people-toolbar button.active { color: #494ac0; background: #eeeeff; }.people-toolbar b { margin-left: .25rem; padding: .08rem .28rem; border-radius: 99px; background: rgba(0,0,0,.05); }
.people-list { overflow: hidden; border: 1px solid #dfe3eb; border-radius: 15px; background: #fff; box-shadow: 0 6px 24px rgba(19,27,48,.04); }.people-columns,.person-summary { display: grid; grid-template-columns: minmax(220px,1.4fr) minmax(145px,1fr) minmax(120px,.7fr) 85px 88px 22px; align-items: center; gap: 1rem; }.people-columns { padding: .6rem 1rem; border-bottom: 1px solid #e7e9ef; color: #929aaa; background: #fafbfc; font-size: .57rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.person-record { border-bottom: 1px solid #eceef3; }.person-record:last-child { border: 0; }.person-record > summary::-webkit-details-marker { display: none; }.person-summary { position: relative; min-height: 68px; padding: .65rem 1rem; cursor: pointer; list-style: none; transition: background .12s; }.person-summary:hover,.person-record[open] > .person-summary { background: #fafaff; }.person-record[open] > .person-summary { box-shadow: inset 3px 0 #6b6ce8; }.person-identity { display: flex; min-width: 0; align-items: center; gap: .65rem; }.person-avatar { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 auto; border-radius: 10px; color: #5051c9; background: #e5e6ff; object-fit: cover; font-size: .73rem; font-style: normal; font-weight: 850; }.person-identity > span,.person-team,.person-role,.person-load { display: flex; min-width: 0; flex-direction: column; }.person-identity strong { overflow: hidden; color: #30394d; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }.person-summary small { overflow: hidden; color: #8a93a5; font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }.person-team strong { color: #526075; font-size: .66rem; }.person-role b { align-self: flex-start; padding: .2rem .42rem; border-radius: 6px; color: #5253c7; background: #eeeeff; font-size: .59rem; }.person-load strong { color: #374156; font-size: .84rem; }.person-status { display: flex; align-items: center; gap: .35rem; color: #347765; font-size: .62rem; font-weight: 700; }.person-status i { width: 7px; height: 7px; border-radius: 50%; background: #3ac0a1; }.person-status.off { color: #8a93a5; }.person-status.off i { background: #aab1bf; }.person-chevron { color: #8d96a7; transition: transform .15s; }.person-record[open] .person-chevron { transform: rotate(180deg); }
.person-body { padding: 0 1rem 1rem; background: linear-gradient(#fafaff,#fff 80px); }.person-form { overflow: hidden; border: 1px solid #dfe2eb; border-radius: 13px; background: #fff; }.person-form-section { display: grid; grid-template-columns: minmax(180px,.55fr) minmax(0,1.45fr); gap: 2rem; padding: 1.2rem; border-bottom: 1px solid #eceef3; }.person-form-section > header { display: flex; align-items: flex-start; gap: .65rem; }.person-form-section > header > span { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border-radius: 8px; color: #5b5ce2; background: #eeeeff; font-size: .6rem; font-weight: 850; }.person-form-section h3 { margin: 0 0 .2rem; font-size: .78rem; }.person-form-section header p { margin: 0; color: #828b9d; font-size: .62rem; line-height: 1.45; }.person-fields { display: grid; grid-template-columns: minmax(0,1fr); gap: .75rem; }.person-fields.two { grid-template-columns: repeat(2,minmax(0,1fr)); }.person-fields > label { display: flex; min-width: 0; flex-direction: column; gap: .25rem; color: #4b5569; font-size: .65rem; font-weight: 700; }.person-fields input,.person-fields select { width: 100%; min-height: 38px; border-color: #dce0e8; background: #fbfcfd; }.person-fields label small { color: #8992a4; font-size: .58rem; font-weight: 450; }.person-fields .full { grid-column: 1/-1; }.access-summary { display: flex; align-items: center; gap: .65rem; padding: .7rem; border: 1px solid #e5e7ee; border-radius: 10px; background: #fafbfc; }.access-summary > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; color: #5b5ce2; background: #eeeeff; }.access-summary strong,.access-summary small { display: block; }.access-summary strong { font-size: .67rem; }.access-summary small { color: #8992a4; font-size: .58rem; }
.person-switches { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; }.person-switches label { display: flex; align-items: flex-start; gap: .45rem; padding: .6rem; border: 1px solid #e5e7ee; border-radius: 9px; background: #fafbfc; cursor: pointer; }.person-switches input[type=checkbox] { width: auto; min-height: 0; margin-top: .12rem; accent-color: #5b5ce2; }.person-switches span,.person-switches strong,.person-switches small { display: block; }.person-switches strong { color: #455064; font-size: .6rem; }.person-switches small { margin-top: .12rem; color: #8992a4; font-size: .54rem; line-height: 1.35; }.tier-builder { overflow: hidden; border: 1px solid #e3e6ed; border-radius: 10px; }.tier-builder > header { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .65rem .75rem; background: #fafbfc; }.tier-builder header strong,.tier-builder header small { display: block; }.tier-builder header strong { font-size: .65rem; }.tier-builder header small { color: #8992a4; font-size: .55rem; }.tier-row { display: grid; grid-template-columns: 1fr auto 1fr 28px; align-items: end; gap: .5rem; padding: .55rem .75rem; border-top: 1px solid #eceef3; }.tier-row label { color: #687286; font-size: .58rem; }.tier-row input { margin-top: .2rem; }.tier-row > span { padding-bottom: .5rem; color: #9aa2b1; }.tier-row button { width: 28px; height: 28px; margin-bottom: .3rem; border: 0; border-radius: 7px; color: #a33a4d; background: #fff1f3; cursor: pointer; }.person-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1.2rem; background: #fafbfc; }.person-actions > span { color: #8992a4; font-size: .58rem; }.person-actions > div { display: flex; gap: .5rem; }.person-danger,.ended-message { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .7rem; padding: .75rem 1rem; border: 1px solid #f0dadd; border-radius: 11px; background: #fffafb; }.person-danger span,.person-danger strong,.person-danger small,.ended-message strong { display: block; }.person-danger strong { color: #823647; font-size: .65rem; }.person-danger small,.ended-message p { margin: .12rem 0 0; color: #8e7780; font-size: .58rem; }.person-record.is-ended { opacity: .82; }.people-empty { padding: 3rem; text-align: center; color: #828b9d; }
@media (max-width: 1000px) { .people-columns { display: none; }.person-summary { grid-template-columns: minmax(210px,1.4fr) minmax(120px,1fr) 100px 24px; }.person-load,.person-status { display: none; }.person-form-section { grid-template-columns: 1fr; gap: .8rem; }.person-switches { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .people-stats { grid-template-columns: repeat(2,1fr); }.people-toolbar { align-items: stretch; flex-direction: column; }.people-toolbar > label { width: 100%; }.person-summary { grid-template-columns: 1fr auto; }.person-team,.person-role,.person-load,.person-status { display: none; }.person-fields.two { grid-template-columns: 1fr; }.person-fields .full { grid-column: auto; }.person-actions,.person-danger,.ended-message { align-items: stretch; flex-direction: column; }.person-actions > div { flex-direction: column; }.tier-row { grid-template-columns: 1fr 1fr 28px; }.tier-row > span { display:none; } }

/* Access, invitations and the help center's core operating model. */
.invite-console{margin-bottom:.9rem;padding:1.15rem;border:1px solid #dfe3eb;border-radius:15px;background:#fff;box-shadow:0 6px 24px rgba(19,27,48,.04)}.invite-console>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.invite-console h2{margin:.15rem 0;font-size:1.15rem}.invite-console header p{max-width:760px;margin:0;color:#768093;font-size:.66rem;line-height:1.5}.invite-form{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;align-items:end;gap:.7rem;padding:1rem;border-radius:12px;background:#f7f8fb}.invite-form label{color:#667084;font-size:.61rem;font-weight:700}.invite-form input,.invite-form select{margin-top:.3rem}.invite-policy{display:flex;align-items:center;gap:.7rem;margin-top:.7rem;padding:.75rem .9rem;border:1px solid #e4e7ed;border-radius:11px}.invite-policy>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#4e50c2;background:#eeeeff}.invite-policy strong,.invite-policy small{display:block}.invite-policy strong{font-size:.66rem}.invite-policy small{margin-top:.14rem;color:#7c8698;font-size:.58rem}.invite-reveal{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr) auto;align-items:center;gap:.7rem;margin-bottom:.7rem;padding:.8rem;border:1px solid #f0dcae;border-radius:11px;background:#fffaf0}.invite-reveal strong{font-size:.64rem}.invite-reveal p{margin:.15rem 0 0;color:#846f48;font-size:.56rem}.invite-reveal code{overflow:auto;padding:.55rem;border-radius:7px;background:#fff;font-size:.58rem}.invite-list{margin-top:.8rem;border:1px solid #e4e7ed;border-radius:11px;overflow:hidden}.invite-list-head,.invite-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .8rem}.invite-list-head{background:#fafbfc;color:#737d8f;font-size:.6rem;font-weight:750}.invite-list article{border-top:1px solid #eceef3}.invite-list article strong,.invite-list article small{display:block}.invite-list article strong{font-size:.65rem}.invite-list article small{color:#8a93a4;font-size:.56rem}.sso-readiness{display:flex;flex-wrap:wrap;gap:.5rem}.sso-readiness span{display:flex;align-items:center;gap:.4rem;padding:.5rem .65rem;border:1px solid #e4e7ed;border-radius:9px;color:#7e8798;background:#fafbfc;font-size:.59rem;font-weight:700}.sso-readiness i{width:7px;height:7px;border-radius:50%;background:#a8afbc}.sso-readiness span.ready{color:#27735f;background:#f2fbf8}.sso-readiness span.ready i{background:#31b493}
.help-core{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(560px,1.2fr);align-items:center;gap:2rem;margin:1rem 0 1.6rem;padding:1.4rem;border:1px solid #dfe3eb;border-radius:17px;background:#fff}.help-core h2{margin:.25rem 0 .5rem;font-size:1.25rem}.help-core-copy p{margin:0;color:#687386;font-size:.69rem;line-height:1.6}.help-core-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.35rem}.help-core-flow>a{min-height:105px;padding:.75rem;border:1px solid #e2e5ec;border-radius:11px;color:#3d475b;background:#fafbfc;text-decoration:none}.help-core-flow>a:hover{border-color:#bfc1f0;background:#f5f5ff}.help-core-flow span,.help-core-flow b,.help-core-flow small{display:block}.help-core-flow span{color:#5758cf;font-size:.55rem;font-weight:850}.help-core-flow b{margin-top:1rem;font-size:.67rem}.help-core-flow small{margin-top:.2rem;color:#8992a3;font-size:.53rem;line-height:1.35}.help-core-flow>i{color:#a5adba;font-style:normal}.help-related-core>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem}.help-related-core a{padding:.8rem;border:1px solid #e1e4eb;border-radius:10px;color:#465166;text-decoration:none}.help-related-core a.active{border-color:#c8c9f3;background:#f4f4ff}.help-related-core b,.help-related-core small{display:block}.help-related-core b{font-size:.68rem}.help-related-core small{margin-top:.25rem;color:#818b9d;font-size:.58rem;line-height:1.45}.help-related-core span{color:#9ca5b4}

/* Owner-only growth playbook: editorial density with one clear reading order. */
.growth-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:1rem;margin-bottom:1rem;padding:clamp(1.5rem,3vw,2.7rem);border-radius:20px;color:#fff;background:radial-gradient(circle at 84% 12%,rgba(85,92,225,.55),transparent 24rem),#12192b;box-shadow:0 18px 45px rgba(18,25,43,.14)}.growth-hero h1{max-width:1050px;margin:.5rem 0 .85rem;color:#fff;font-size:clamp(2rem,4vw,3.9rem);line-height:1.02;letter-spacing:-.055em}.growth-hero p{max-width:880px;margin:0;color:#b9c3d5;font-size:.82rem;line-height:1.7}.growth-hero .eyebrow{color:#70dfc9}.growth-hero aside{display:flex;flex-direction:column;justify-content:center;padding:1.2rem;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.045)}.growth-hero aside small{color:#7de3cf;font-size:.55rem;font-weight:800;letter-spacing:.1em}.growth-hero aside strong{margin:.7rem 0 1rem;color:#fff;font-size:.9rem;line-height:1.5}.growth-hero aside span{color:#8995aa;font-size:.58rem}.control-loop-card,.research-card,.honest-rivals,.gtm-section,.sales-system,.outreach-lab,.pilot-scorecard,.evidence-brief-v2{margin-bottom:1rem;padding:1.35rem;border:1px solid #dfe3eb;border-radius:17px;background:#fff;box-shadow:0 6px 24px rgba(19,27,48,.035)}.control-loop-card>header,.outcomes-v2>header,.honest-rivals>header,.gtm-section>header,.sales-system>header,.outreach-lab>header,.pilot-scorecard>header,.evidence-brief-v2>header{max-width:920px;margin-bottom:1.2rem}.control-loop-card h2,.outcomes-v2 h2,.research-card h2,.honest-rivals h2,.gtm-section h2,.sales-system h2,.outreach-lab h2,.pilot-scorecard h2,.evidence-brief-v2 h2{margin:.2rem 0 .35rem;font-size:clamp(1.35rem,2.5vw,2.25rem);letter-spacing:-.04em}.control-loop-card header p,.research-card header p{margin:0;color:#758093;font-size:.68rem;line-height:1.55}.control-loop{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr) auto) minmax(120px,1fr);align-items:stretch;gap:.35rem}.control-loop article{min-height:145px;padding:.85rem;border:1px solid #e1e4eb;border-radius:11px;background:#f9fafc}.control-loop article:last-child{border-color:#c8c9f4;background:#f2f2ff}.control-loop article span,.control-loop article b,.control-loop article small{display:block}.control-loop article span{color:#5557ca;font-size:.57rem;font-weight:850}.control-loop article b{margin-top:2rem;color:#3d475b;font-size:.72rem}.control-loop article small{margin-top:.3rem;color:#818b9d;font-size:.56rem;line-height:1.45}.control-loop>i{align-self:center;color:#a6aeba;font-style:normal}.outcomes-v2{margin-bottom:1rem;padding:1.5rem 0}.outcomes-v2>header{padding:0 1.35rem}.outcomes-v2>div{border-top:1px solid #e5e7ed}.outcomes-v2 article{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(170px,.28fr);align-items:center;gap:1.2rem;padding:1.2rem 1.35rem;border-bottom:1px solid #e8eaf0;background:#fff}.outcomes-v2 article:last-child{border-bottom:0}.outcome-no{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#5758ca;background:#eeeeff;font-size:.65rem;font-weight:850}.outcomes-v2 article small{color:#8a93a3;font-size:.53rem;font-weight:800;letter-spacing:.09em}.outcomes-v2 h3{margin:.24rem 0 .35rem;font-size:.95rem}.outcomes-v2 p{max-width:850px;margin:0;color:#6e788b;font-size:.66rem;line-height:1.55}.outcomes-v2 article>b{padding-left:1rem;border-left:2px solid #43c9ac;color:#3c4659;font-size:.72rem;line-height:1.45}.research-card{padding:0;overflow:hidden}.research-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;max-width:none;margin:0;padding:1.2rem 1.35rem;border-bottom:1px solid #e5e7ed;background:#fafbfc}.research-date{white-space:nowrap;color:#8992a3;font-size:.57rem}.capability-table{min-width:980px}.research-card{overflow-x:auto}.capability-table>div{display:grid;grid-template-columns:1.55fr repeat(5,1fr);align-items:stretch}.capability-table>div>*{padding:.7rem .8rem;border-right:1px solid #eceef3;border-bottom:1px solid #eceef3;color:#6e788b;font-size:.61rem;line-height:1.4}.capability-table>div>*:last-child{border-right:0}.capability-table b{color:#384257}.capability-table .cap-head>*{color:#7d8798;background:#f8f9fb;font-size:.54rem;font-weight:800;text-transform:uppercase}.capability-table .orqana,.capability-table .cap-head strong{color:#4143b2;background:#f3f3ff;font-weight:750}.research-note{min-width:980px;margin:0;padding:.75rem 1.35rem;color:#818a9b;background:#fafbfc;font-size:.55rem;line-height:1.5}.honest-rivals>div{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.honest-rivals article{padding:1rem;border:1px solid #e2e5eb;border-radius:12px;background:#fafbfc}.honest-rivals h3{margin:0 0 .8rem;font-size:.85rem}.honest-rivals dl{margin:0}.honest-rivals dt{margin-top:.7rem;color:#5557c6;font-size:.54rem;font-weight:850;text-transform:uppercase}.honest-rivals dd{margin:.25rem 0 0;color:#6f798b;font-size:.63rem;line-height:1.55}.honest-rivals footer{display:grid;grid-template-columns:180px 1fr;gap:1rem;margin-top:.8rem;padding:1rem;border-radius:11px;color:#8a6830;background:#fff8eb;font-size:.63rem;line-height:1.55}.icp-grid,.outreach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.icp-grid article{display:flex;min-height:330px;flex-direction:column;padding:1.2rem;border-radius:14px;color:#fff;background:#171e32}.icp-grid article>span{color:#6fdcc7;font-size:.56rem;font-weight:850;letter-spacing:.08em}.icp-grid h3{margin:1.4rem 0 .8rem;color:#fff;font-size:1.15rem}.icp-grid ul{margin:0;padding-left:1rem;color:#b7c1d3;font-size:.66rem;line-height:1.65}.icp-grid li+li{margin-top:.35rem}.icp-grid article>b{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);color:#fff;font-size:.66rem;line-height:1.5}.sales-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.sales-steps article{min-height:250px;padding:1rem;border:1px solid #e0e4eb;border-radius:12px;background:#fafbfc}.sales-steps span{color:#5758cd;font-size:.58rem;font-weight:850}.sales-steps h3{margin:2.2rem 0 .6rem;font-size:.82rem}.sales-steps p{margin:0;color:#707a8c;font-size:.62rem;line-height:1.6}.outreach-grid{grid-template-columns:repeat(3,1fr)}.outreach-grid article{padding:1.05rem;border:1px solid #e1e4eb;border-radius:12px}.outreach-grid h3{font-size:.88rem}.outreach-grid p,.outreach-grid li{color:#707a8c;font-size:.63rem;line-height:1.55}.outreach-grid blockquote{margin:1rem 0 0;padding:.8rem;border-left:3px solid #5c5ed5;color:#424c61;background:#f5f5ff;font-size:.62rem;line-height:1.6}.pilot-scorecard>div{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.pilot-scorecard article{display:flex;min-height:125px;flex-direction:column;justify-content:space-between;padding:.85rem;border:1px solid #e0e4eb;border-radius:11px;background:#fafbfc}.pilot-scorecard article b{font-size:.63rem;line-height:1.5}.pilot-scorecard article span{color:#5557ca;font-size:.62rem;font-weight:800}.pilot-scorecard footer{margin-top:.7rem;padding:.7rem;border-radius:9px;color:#806636;background:#fff8e9;font-size:.59rem}.evidence-brief-v2 ol{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin:0;padding:0;list-style:none;counter-reset:evidence}.evidence-brief-v2 li{padding:1rem;border:1px solid #e1e4eb;border-radius:11px}.evidence-brief-v2 b,.evidence-brief-v2 span{display:block}.evidence-brief-v2 b{font-size:.7rem}.evidence-brief-v2 span{margin-top:1rem;color:#7a8496;font-size:.58rem;line-height:1.4}.evidence-brief-v2 p{margin:1rem 0 0;color:#6f798c;font-size:.65rem;line-height:1.55}
@media(max-width:1100px){.help-core{grid-template-columns:1fr}.control-loop{grid-template-columns:repeat(2,1fr)}.control-loop>i{display:none}.control-loop article:last-child{grid-column:1/-1}.sales-steps{grid-template-columns:repeat(2,1fr)}.pilot-scorecard>div{grid-template-columns:repeat(3,1fr)}.evidence-brief-v2 ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.invite-console>header,.invite-reveal{display:flex;align-items:stretch;flex-direction:column}.invite-form{grid-template-columns:1fr}.help-core-flow{grid-template-columns:1fr}.help-core-flow>i{display:none}.help-core-flow>a{min-height:auto}.help-core-flow b{margin-top:.45rem}.growth-hero{grid-template-columns:1fr}.control-loop{grid-template-columns:1fr}.control-loop article:last-child{grid-column:auto}.outcomes-v2 article{grid-template-columns:42px 1fr}.outcomes-v2 article>b{grid-column:2;border-left:0;border-top:2px solid #43c9ac;padding:.7rem 0 0}.honest-rivals>div,.icp-grid,.outreach-grid,.sales-steps{grid-template-columns:1fr}.honest-rivals footer{grid-template-columns:1fr}.pilot-scorecard>div,.evidence-brief-v2 ol{grid-template-columns:1fr}}

@media(min-width:761px){.invite-form{grid-template-columns:minmax(190px,.8fr) minmax(230px,1fr) 190px auto}}

/* --- Public SaaS presentation ----------------------------------------- */
.landing-page { margin: 0; background: #f8f9fd; color: #171c2d; overflow-x: hidden; }
.landing-page .btn { text-decoration: none; }
.marketing-nav {
    position: sticky; top: 0; z-index: 80; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem;
    min-height: 72px; padding: 0 clamp(1.25rem, 5vw, 5.5rem); border-bottom: 1px solid rgba(28,34,58,.08);
    background: rgba(248,249,253,.88); backdrop-filter: blur(18px);
}
.marketing-brand { display: inline-flex; align-items: center; gap: .7rem; color: #161c31; font-size: 1.08rem; font-weight: 850; letter-spacing: -.03em; text-decoration: none; }
.marketing-brand:hover { text-decoration: none; }
.marketing-nav > nav { display: flex; justify-content: center; gap: 1.6rem; }
.marketing-nav > nav a, .marketing-login { color: #626b80; font-size: .86rem; font-weight: 600; text-decoration: none; }
.marketing-nav > nav a:hover, .marketing-login:hover { color: var(--primary); }
.marketing-actions { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; }
.language-switch { display: inline-flex; padding: .2rem; border: 1px solid #dfe3ec; border-radius: 99px; background: #fff; }
.language-switch a { min-width: 31px; padding: .28rem .38rem; border-radius: 99px; color: #747c8f; font-size: .7rem; font-weight: 800; text-align: center; text-decoration: none; }
.language-switch a.active { background: #191f35; color: #fff; }
.marketing-main { display: block; }
.marketing-hero {
    position: relative; display: grid; grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr); align-items: center;
    gap: clamp(2rem, 5vw, 6rem); min-height: 710px; padding: clamp(4rem, 8vw, 7.5rem) clamp(1.25rem, 7vw, 7.5rem);
    background: radial-gradient(circle at 82% 8%, rgba(91,92,226,.12), transparent 25rem), linear-gradient(180deg,#fbfcff,#f5f7fc);
}
.marketing-hero::before { content: ''; position: absolute; left: -190px; top: 110px; width: 390px; height: 390px; border: 65px solid rgba(57,208,180,.07); border-radius: 50%; }
.marketing-hero-copy { position: relative; z-index: 2; max-width: 690px; }
.marketing-hero .eyebrow, .marketing-section .eyebrow, .workflow-section .eyebrow, .security-section .eyebrow { color: #188f79; }
.marketing-hero h1 { max-width: 760px; margin: .85rem 0 1.3rem; font-size: clamp(3.25rem, 5.7vw, 6.25rem); line-height: .94; letter-spacing: -.065em; }
.marketing-hero-copy > p { max-width: 650px; color: #626b80; font-size: clamp(1.05rem, 1.5vw, 1.3rem); line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.btn-marketing { min-height: 48px; padding: .75rem 1.2rem; font-size: .9rem; font-weight: 750; }
.hero-proof { display: flex; flex-wrap: wrap; gap: .55rem 1.2rem; margin-top: 1.4rem; color: #6a7386; font-size: .76rem; }
.hero-proof span::first-letter { color: #189c82; }
.product-preview { position: relative; z-index: 2; perspective: 1200px; }
.product-preview::before { content: ''; position: absolute; inset: 13% 8% -8%; border-radius: 40%; background: rgba(91,92,226,.28); filter: blur(60px); }
.preview-window { position: relative; overflow: hidden; min-height: 470px; border: 1px solid rgba(255,255,255,.9); border-radius: 22px; background: #f9faff; box-shadow: 0 35px 85px rgba(27,32,70,.22); transform: rotateY(-4deg) rotateX(1deg); }
.preview-top { display: flex; align-items: center; gap: .8rem; height: 52px; padding: 0 1rem; background: #151b30; }
.brand-mark.mini { width: 25px; height: 25px; border-radius: 7px; }
.preview-search { width: 34%; height: 24px; margin: 0 auto; border-radius: 99px; background: rgba(255,255,255,.08); }
.preview-avatar { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #5b5ce2; color: white; font-size: .68rem; }
.preview-body { display: grid; grid-template-columns: 54px 1fr; min-height: 418px; }
.preview-body aside { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding-top: 1.5rem; border-right: 1px solid #eceef5; background: white; }
.preview-body aside i { width: 19px; height: 19px; border-radius: 6px; background: #e8eaf2; }
.preview-body aside i.active { background: #5b5ce2; box-shadow: 0 4px 12px rgba(91,92,226,.3); }
.preview-content { padding: 1.7rem; }
.preview-kicker { color: #7f8798; font-size: .67rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.preview-title-row { display: flex; justify-content: space-between; align-items: center; margin: .4rem 0 1.2rem; }
.preview-title-row strong { font-size: 1.45rem; }
.preview-title-row span { padding: .28rem .58rem; border-radius: 99px; background: #e9f8f4; color: #16816d; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.preview-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: .65rem; }
.preview-metrics div { padding: .85rem; border: 1px solid #eaecf3; border-radius: 12px; background: #fff; box-shadow: 0 6px 18px rgba(35,40,72,.04); }
.preview-metrics b { display: block; font-size: 1.25rem; }
.preview-metrics small { display: block; margin-top: .2rem; color: #858c9d; font-size: .58rem; }
.preview-grid { display: grid; grid-template-columns: 1.4fr .8fr; gap: .8rem; margin-top: .9rem; }
.preview-chart, .preview-list { height: 180px; padding: 1rem; border: 1px solid #eaecf3; border-radius: 13px; background: #fff; }
.preview-chart { display: flex; align-items: flex-end; gap: .55rem; }
.preview-chart span { flex: 1; height: var(--h); border-radius: 6px 6px 2px 2px; background: linear-gradient(#6869ea,#a8a9f6); }
.preview-list { display: flex; flex-direction: column; gap: 1rem; }
.preview-list i { height: 19px; border-radius: 5px; background: linear-gradient(90deg,#edf0f6 68%,transparent 68%); }
.marketing-section, .workflow-section { padding: clamp(4.5rem, 8vw, 8rem) clamp(1.25rem, 7vw, 7.5rem); }
.marketing-section { background: #fff; }
.section-intro { max-width: 800px; margin-bottom: 3rem; }
.section-intro.centered { margin-right: auto; margin-left: auto; text-align: center; }
.section-intro.compact { margin-bottom: 2rem; }
.section-intro h2, .security-section h2, .final-cta h2 { margin: .55rem 0 .9rem; font-size: clamp(2.25rem, 4.2vw, 4rem); line-height: 1; letter-spacing: -.055em; }
.section-intro p, .security-section p, .final-cta p { color: #697286; font-size: 1.05rem; line-height: 1.7; }
.feature-showcase { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #e5e7ef; border-left: 1px solid #e5e7ef; }
.feature-tile { min-height: 250px; padding: 2rem; border-right: 1px solid #e5e7ef; border-bottom: 1px solid #e5e7ef; background: #fff; transition: .2s ease; }
.feature-tile:hover { position: relative; z-index: 1; background: #fafaff; box-shadow: 0 20px 50px rgba(34,39,75,.08); transform: translateY(-3px); }
.feature-number { color: #5b5ce2; font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.feature-tile h3 { margin: 3rem 0 .65rem; font-size: 1.2rem; }
.feature-tile p { margin: 0; color: #737b8c; line-height: 1.6; }
.workflow-section { color: #fff; background: #141a2e; }
.workflow-section .section-intro h2 { color: #fff; }
.workflow-steps { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(255,255,255,.12); border-radius: 20px; }
.workflow-steps article { display: flex; gap: 1.25rem; min-height: 170px; padding: 1.6rem; border-right: 1px solid rgba(255,255,255,.12); }
.workflow-steps article:last-child { border: 0; }
.workflow-steps article > span { color: #72e0ca; font-size: .72rem; font-weight: 800; }
.workflow-steps h3 { margin: 0 0 .5rem; }
.workflow-steps p { color: #aeb6c8; }
.integration-strip { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; padding: 1.2rem 1.4rem; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.04); }
.integration-strip > div { margin-right: auto; }
.integration-strip strong, .integration-strip small { display: block; }
.integration-strip small { max-width: 480px; margin-top: .25rem; color: #98a2b8; }
.integration-strip > span { padding: .5rem .7rem; border-radius: 8px; background: rgba(255,255,255,.07); color: #dce1ec; font-size: .74rem; }
.pricing-section { background: #f7f8fc; }
.marketing-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; max-width: 1180px; margin: 0 auto; }
.marketing-price { position: relative; display: flex; flex-direction: column; min-height: 520px; padding: 2rem; border: 1px solid #e1e4ec; border-radius: 21px; background: #fff; box-shadow: 0 10px 35px rgba(29,35,64,.05); }
.marketing-price.featured { border: 1.5px solid #5b5ce2; box-shadow: 0 20px 55px rgba(91,92,226,.13); transform: translateY(-12px); }
.marketing-price h3 { font-size: 1.3rem; }
.marketing-price > p { min-height: 64px; color: #70798b; line-height: 1.55; }
.marketing-price-value { margin-top: 1.3rem; font-size: 2.5rem; font-weight: 850; letter-spacing: -.05em; }
.marketing-price-value small { display: block; margin-top: .15rem; color: #727b8d; font-size: .72rem; font-weight: 500; letter-spacing: 0; }
.annual-note { min-height: 1.2rem; color: #9299a8; font-size: .7rem; }
.marketing-price ul { flex: 1; margin: 1.3rem 0; padding: 1.2rem 0 0; border-top: 1px solid #eceef4; list-style: none; }
.marketing-price li { padding: .4rem 0; color: #485165; font-size: .83rem; }
.marketing-price li::first-letter { color: #188f79; }
.marketing-price > .btn { justify-content: center; width: 100%; }
.security-section { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 4rem; padding: clamp(4.5rem,8vw,8rem) clamp(1.25rem,9vw,10rem); background: #fff; }
.security-visual { position: relative; display: grid; place-items: center; width: min(100%,420px); aspect-ratio: 1; margin: auto; border-radius: 50%; background: radial-gradient(circle,#eef0ff 0 28%,transparent 29%),repeating-radial-gradient(circle,transparent 0 24%,#eceef5 25% 25.5%,transparent 26% 38%); }
.security-visual span { display: grid; place-items: center; width: 112px; height: 112px; border-radius: 30px; background: #171d33; color: #72e0ca; font-size: 3rem; box-shadow: 0 20px 50px rgba(21,27,49,.22); }
.security-visual i { position: absolute; width: 18px; height: 18px; border: 5px solid #5b5ce2; border-radius: 50%; background: #fff; }
.security-visual i:nth-child(2) { left: 11%; top: 46%; }.security-visual i:nth-child(3) { right: 18%; top: 17%; }.security-visual i:nth-child(4) { right: 8%; bottom: 20%; }
.final-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin: 0 clamp(1.25rem,7vw,7.5rem) 5rem; padding: clamp(2rem,5vw,4rem); border-radius: 25px; color: #fff; background: radial-gradient(circle at 85% 20%,rgba(91,92,226,.65),transparent 25rem),#151b30; }
.final-cta h2 { max-width: 780px; color: #fff; }
.final-cta p { margin-bottom: 0; color: #bec6d7; }
.final-cta .btn { flex: 0 0 auto; }
.marketing-footer { display: flex; flex-direction: column; gap: 1.4rem; padding: 2.8rem clamp(1.25rem,7vw,7.5rem) 2.2rem; border-top: 1px solid #e3e6ee; }
.marketing-footer p { color: #737c8e; font-size: .78rem; }
.marketing-footer p { margin: 0; }
.marketing-footer > div a { color: #636c7e; font-size: .78rem; text-decoration: none; }
.marketing-footer small { color: #9299a8; }
.login-language { position: absolute; z-index: 5; right: 1.2rem; top: 1.2rem; }
.login-back { display: inline-flex; align-items: center; gap: .35rem; color: #657087; font-size: .75rem; font-weight: 650; }
.login-back svg { width:13px; height:13px; transform:rotate(90deg); }
.login-signup { margin:.1rem 0; color:#707a8d; font-size:.72rem; text-align:center; }.login-signup a { color:#4f50c9; font-weight:750; }
.app-language { flex: 0 0 auto; border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.06); }
.app-language a { color: #9ca6ba; }
.app-language a.active { background: #fff; color: #171d31; }

@media (max-width: 1120px) {
    .marketing-nav > nav { display: none; }
    .marketing-actions { margin-left: auto; }
    .marketing-hero { grid-template-columns: 1fr; padding-top: 5rem; }
    .marketing-hero-copy { max-width: 800px; }
    .product-preview { max-width: 850px; width: 100%; margin: 0 auto; }
    .feature-showcase { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 760px) {
    .marketing-nav { min-height: 64px; padding: 0 1rem; }
    .marketing-actions .marketing-login { display: none; }
    .marketing-actions > .btn { display: none; }
    .marketing-hero { min-height: 0; gap: 3rem; padding: 4rem 1.15rem; }
    .marketing-hero h1 { font-size: clamp(2.8rem,14vw,4.4rem); }
    .product-preview { margin-bottom: -1rem; }
    .preview-window { min-height: 375px; transform: none; }
    .preview-body { grid-template-columns: 42px 1fr; min-height: 323px; }
    .preview-content { padding: 1rem; }
    .preview-metrics { grid-template-columns: repeat(2,1fr); }
    .preview-metrics div:nth-child(n+3) { display: none; }
    .preview-grid { grid-template-columns: 1fr; }.preview-list { display: none; }
    .feature-showcase, .workflow-steps, .marketing-pricing-grid, .security-section { grid-template-columns: 1fr; }
    .feature-tile { min-height: 220px; }
    .workflow-steps article { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
    .integration-strip { align-items: flex-start; flex-wrap: wrap; }
    .integration-strip > div { flex: 1 0 100%; }
    .marketing-price.featured { transform: none; }
    .security-section { gap: 1rem; }.security-visual { max-width: 300px; }
    .final-cta { align-items: flex-start; flex-direction: column; margin: 0 1rem 3rem; }
    .marketing-footer { grid-template-columns: 1fr; }
    .marketing-footer > div { flex-wrap: wrap; }
    .login-shell { display: block; min-height: 100vh; }
    .login-story { display:none; }
    .login-panel { min-height: 100vh; padding: 4rem 1rem 1.2rem; }
    .login-panel .login-box { padding: 1.7rem; }
    .login-mobile-brand { display:flex; }
}

/* Conversational, outcome-led help articles. */
.help-article-v2{scroll-behavior:smooth}.help-article-v2>header{padding-bottom:1.7rem}.help-article-v2>header .lead{max-width:760px;font-size:1.04rem;line-height:1.65}.help-article-nav{position:sticky;top:64px;z-index:3;display:flex;gap:.25rem;overflow:auto;padding:.55rem .8rem;border-bottom:1px solid #e4e7ed;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.help-article-nav a{flex:0 0 auto;padding:.42rem .65rem;border-radius:8px;color:#667085;font-size:.59rem;font-weight:750;text-decoration:none}.help-article-nav a:hover{color:#4b4dc1;background:#eeeeff}.help-article-v2>section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:1rem;padding:1.8rem 2.35rem;scroll-margin-top:120px}.help-article-v2>section>div>h2{margin:.25rem 0 .7rem;font-size:1.22rem;letter-spacing:-.025em}.help-article-v2>section>div>p{margin:0;color:#5d687b;font-size:.72rem;line-height:1.75}.help-section-number{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#5153c5;background:#eeeeff;font-size:.63rem;font-weight:850}.help-value{background:#fff}.help-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem}.help-value-grid article{display:flex;align-items:flex-start;gap:.45rem;min-height:96px;padding:.7rem;border:1px solid #e2e5ec;border-radius:10px;color:#4f5a6e;background:#fafbfc;font-size:.62rem;line-height:1.5}.help-value-grid svg{flex:0 0 auto;width:15px;color:#25a88e}.help-story{background:linear-gradient(135deg,#151c30,#202a49)!important}.help-story .help-section-number{color:#dfe2ff;background:rgba(122,125,235,.2)}.help-story .eyebrow{color:#6fe0ca}.help-story h2{color:#fff}.help-story>div>p{color:#c1cad9!important;font-size:.75rem!important}.help-story-takeaway{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.1rem;padding:.8rem;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.055)}.help-story-takeaway>svg{flex:0 0 auto;color:#72dfca}.help-story-takeaway small,.help-story-takeaway strong{display:block}.help-story-takeaway small{color:#8995aa;font-size:.52rem;text-transform:uppercase}.help-story-takeaway strong{margin-top:.2rem;color:#fff;font-size:.66rem;line-height:1.5}.help-article-v2 .help-when .help-checks{margin-top:.85rem}.help-article-v2 .help-when .help-checks li{padding:.65rem;border:1px solid #e5e7ed;border-radius:9px;background:#fafbfc}.help-walkthrough{background:#f8f9fc!important}.help-intro{margin-bottom:.75rem!important}.help-article-v2 .help-steps{border:1px solid #e0e3eb;border-radius:12px;background:#fff;overflow:hidden}.help-article-v2 .help-steps li{gap:.85rem;padding:.85rem 1rem}.help-article-v2 .help-steps p{font-size:.69rem;line-height:1.6}.help-success{background:#f4fbf8!important}.help-success .help-section-number{color:#197a65;background:#dcf5ee}.help-success ul{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.9rem 0 0;padding:0;list-style:none}.help-success li{display:flex;align-items:flex-start;gap:.45rem;padding:.7rem;border:1px solid #cfe8e0;border-radius:10px;color:#3d665c;background:#fff;font-size:.62rem;line-height:1.5}.help-success li svg{flex:0 0 auto;width:15px;color:#1c9b80}.help-article-v2>.help-notes{background:#fff8ed}.help-article-v2>.help-notes>div>p{display:flex;gap:.55rem;margin:.55rem 0!important;padding:.65rem;border:1px solid #f0dfbf;border-radius:9px;color:#765d35!important;background:#fff;font-size:.65rem}.help-related-core{grid-template-columns:42px minmax(0,1fr)!important}.help-article-v2>footer{padding:1.3rem 2.35rem}.help-card{min-height:126px}.help-card-copy small{-webkit-line-clamp:3}
@media(max-width:720px){.help-article-nav{top:0}.help-article-v2>section{grid-template-columns:1fr;padding:1.25rem}.help-section-number{width:32px;height:32px}.help-value-grid,.help-success ul{grid-template-columns:1fr}.help-value-grid article{min-height:0}.help-article-v2>footer{padding:1.25rem}}

/* Sales enablement, visual comparison, ad concepts and annual growth model. */
.comparison-visual,.pitch-deck,.outreach-sequence,.meeting-playbook,.ad-lab,.million-plan{margin-bottom:1rem;padding:1.35rem;border:1px solid #dfe3eb;border-radius:17px;background:#fff;box-shadow:0 6px 24px rgba(19,27,48,.035)}.comparison-visual>header,.pitch-deck>header,.outreach-sequence>header,.meeting-playbook>header,.ad-lab>header,.million-plan>header{max-width:980px;margin-bottom:1.25rem}.comparison-visual h2,.pitch-deck h2,.outreach-sequence h2,.meeting-playbook h2,.ad-lab h2,.million-plan h2{margin:.2rem 0 .4rem;font-size:clamp(1.35rem,2.5vw,2.3rem);letter-spacing:-.04em}.comparison-visual header p,.pitch-deck header p,.outreach-sequence header p,.ad-lab header p,.million-plan header p{margin:0;color:#748093;font-size:.67rem;line-height:1.6}.market-map{position:relative;overflow:hidden;height:430px;margin-bottom:.8rem;border:1px solid #dde1e9;border-radius:15px;background:linear-gradient(180deg,#fbfcfd,#f2f4f8)}.market-map::before,.market-map::after{content:'';position:absolute;background:#cdd3dd}.market-map::before{left:70px;top:25px;bottom:62px;width:1px}.market-map::after{left:70px;right:25px;bottom:62px;height:1px}.market-map .axis{position:absolute;color:#8992a3;font-size:.55rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.axis-y{left:16px;top:215px;transform:rotate(-90deg) translateX(-50%);transform-origin:left top}.axis-x{right:30px;bottom:25px}.map-grid-x,.map-grid-y{position:absolute;opacity:.5}.map-grid-x{left:70px;right:25px;top:50%;border-top:1px dashed #cbd1dc}.map-grid-y{top:25px;bottom:62px;left:52%;border-left:1px dashed #cbd1dc}.dot{position:absolute;display:grid;place-items:center;min-width:75px;padding:.48rem .65rem;border:1px solid #d8dce5;border-radius:99px;color:#596477;background:#fff;box-shadow:0 5px 18px rgba(25,32,57,.08);font-size:.62rem}.dot.jira{left:21%;bottom:30%}.dot.youtrack{left:28%;bottom:18%}.dot.asana{left:42%;bottom:42%}.dot.monday{left:49%;bottom:55%}.dot.clickup{left:61%;bottom:48%}.dot.orqana{right:8%;top:10%;display:flex;min-width:180px;flex-direction:column;padding:.75rem 1rem;border:1px solid #6265d5;border-radius:14px;color:#fff;background:linear-gradient(135deg,#5659d5,#31349d);font-size:.84rem;box-shadow:0 16px 36px rgba(71,74,184,.25)}.dot.orqana span{margin-top:.2rem;color:#c9cbff;font-size:.51rem;font-weight:500}.control-depth{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.control-depth article{padding:.8rem;border:1px solid #e1e4eb;border-radius:11px;background:#fafbfc}.control-depth b,.control-depth span,.control-depth small{display:block}.control-depth b{font-size:.64rem}.control-depth span{overflow:hidden;height:7px;margin:.7rem 0;border-radius:99px;background:#e6e8ed}.control-depth i{display:block;width:var(--score);height:100%;border-radius:99px;background:#9fa6b6}.control-depth article.ours{border-color:#c9caf3;background:#f4f4ff}.control-depth article.ours i{background:linear-gradient(90deg,#5d60d7,#42caae)}.control-depth small{color:#7a8496;font-size:.54rem;line-height:1.45}.deck-strip{display:grid;grid-auto-columns:minmax(330px,42%);grid-auto-flow:column;gap:.7rem;overflow-x:auto;padding:.15rem .15rem .8rem;scroll-snap-type:x mandatory}.deck-strip>article{display:flex;min-height:335px;flex-direction:column;padding:1.15rem;border-radius:15px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(91,94,222,.55),transparent 17rem),#141b2e;scroll-snap-align:start}.deck-strip>article>span{align-self:flex-start;padding:.25rem .45rem;border-radius:6px;color:#82e1cf;background:rgba(80,203,180,.1);font-size:.54rem;font-weight:850}.deck-strip article>div{margin:auto 0}.deck-strip article small{color:#7ce0cc;font-size:.55rem;font-weight:850;letter-spacing:.09em}.deck-strip h3{max-width:420px;margin:.45rem 0 .7rem;color:#fff;font-size:1.35rem;letter-spacing:-.035em}.deck-strip p{max-width:440px;margin:0;color:#b9c3d4;font-size:.66rem;line-height:1.6}.deck-strip article>footer{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);color:#d8deea;font-size:.59rem;line-height:1.5}.deck-strip article>footer b{display:block;margin-bottom:.2rem;color:#7de1ce;font-size:.5rem;text-transform:uppercase}.deck-rules{display:flex;gap:.6rem;margin-top:.7rem}.deck-rules span{display:flex;flex:1;align-items:baseline;gap:.4rem;padding:.7rem;border:1px solid #e1e4eb;border-radius:9px;color:#7c8697;background:#fafbfc;font-size:.56rem}.deck-rules b{color:#3f495c;font-size:.72rem}.sequence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.sequence-grid article{display:flex;min-height:350px;flex-direction:column;padding:1rem;border:1px solid #e0e3ea;border-radius:13px;background:#fafbfc}.sequence-grid article>span{color:#585acb;font-size:.54rem;font-weight:850;letter-spacing:.07em}.sequence-grid h3{margin:.45rem 0 .8rem;font-size:.91rem}.sequence-grid blockquote{margin:0;padding:.9rem;border-left:3px solid #5d5fd5;color:#465166;background:#fff;font-size:.66rem;line-height:1.7}.sequence-grid small{margin-top:auto;padding-top:.8rem;color:#818b9c;font-size:.55rem}.meeting-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.meeting-columns>article{padding:1rem;border:1px solid #e1e4eb;border-radius:13px;background:#fafbfc}.meeting-columns article>span{color:#5759cb;font-size:.55rem;font-weight:850}.meeting-columns h3{margin:.35rem 0 .8rem;font-size:.95rem}.meeting-columns ol{margin:0;padding:0;list-style:none}.meeting-columns li{display:grid;grid-template-columns:42px 1fr;gap:.5rem;padding:.55rem 0;border-bottom:1px solid #e8eaf0;color:#657084;font-size:.62rem;line-height:1.5}.meeting-columns li:last-child{border:0}.meeting-columns li b{color:#5153c5}.meeting-columns .close-card{grid-column:1/-1;color:#fff;background:linear-gradient(135deg,#171e33,#282f54)}.close-card h3{color:#fff}.close-card blockquote{margin:.7rem 0;padding:1rem;border-left:3px solid #66d9c2;color:#d0d7e3;background:rgba(255,255,255,.045);font-size:.67rem;line-height:1.7}.close-card small{color:#909caf;font-size:.55rem}.ad-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.ad-preview{display:flex;min-height:320px;flex-direction:column;padding:1.1rem;border:1px solid #e1e4eb;border-radius:14px;overflow:hidden}.ad-preview>small{font-size:.52rem;font-weight:850;letter-spacing:.08em}.ad-preview h3{margin:auto 0;font-size:clamp(1.1rem,2vw,1.65rem);line-height:1.15;letter-spacing:-.035em}.ad-preview>footer{margin-top:auto;padding-top:.7rem;border-top:1px solid currentColor;font-size:.58rem;font-weight:750}.ad-preview.dark{color:#fff;background:radial-gradient(circle at 90% 10%,rgba(89,93,222,.7),transparent 18rem),#151c30}.ad-preview.dark>small{color:#75dfca}.mini-loop{display:flex;align-items:center;gap:.35rem;margin:1rem 0}.mini-loop span,.mini-loop b{padding:.35rem .45rem;border:1px solid rgba(255,255,255,.15);border-radius:7px;font-size:.55rem}.mini-loop i{color:#7d879b;font-style:normal}.mini-loop b{color:#101727;background:#74dec9}.ad-preview.paper{background:#fffdf6}.ad-preview.paper ol{margin:0 0 1rem;padding-left:1.2rem;color:#697386;font-size:.63rem;line-height:1.6}.ad-preview.proof{background:#f5f5ff}.before-after{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;margin:auto 0}.before-after span{padding:.8rem;border:1px solid #d9dbed;border-radius:10px;color:#6b7488;background:#fff;font-size:.61rem}.before-after span b{display:block;margin-bottom:.25rem;color:#5658c8}.before-after i{font-style:normal}.ad-preview.proof h3{margin:1rem 0}.ad-preview.retarget{color:#fff;background:linear-gradient(135deg,#146a5a,#173d3b)}.ad-preview.retarget p{color:#a9d8cf}.ad-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.7rem}.ad-plan article{padding:.8rem;border:1px solid #e1e4eb;border-radius:10px;background:#fafbfc}.ad-plan b,.ad-plan strong,.ad-plan small{display:block}.ad-plan b{color:#7c8697;font-size:.53rem;text-transform:uppercase}.ad-plan strong{margin:.45rem 0;color:#3e485c;font-size:.73rem}.ad-plan small{color:#7d8798;font-size:.54rem;line-height:1.45}.million-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1.15fr;align-items:center;gap:.7rem;margin-bottom:1rem;padding:1rem;border-radius:13px;color:#fff;background:#151c30}.million-equation span,.million-equation strong{display:flex;flex-direction:column}.million-equation b{font-size:1.25rem}.million-equation span{color:#aeb9cb;font-size:.57rem}.million-equation span b{color:#fff}.million-equation i{color:#6edbc6;font-size:1.4rem;font-style:normal}.million-equation strong{padding:.8rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#70dfca;font-size:.6rem}.million-equation strong b{color:#fff}.year-chart{position:relative;margin-bottom:1rem;padding:1rem 1rem .5rem;border:1px solid #e0e3ea;border-radius:13px;background:#fafbfc}.year-bars{display:grid;height:240px;grid-template-columns:repeat(12,1fr);align-items:end;gap:.35rem;border-bottom:1px solid #cdd3dd}.year-bars>span{position:relative;height:var(--h);min-height:4px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#5b5ed5,#79d8c5)}.year-bars i{position:absolute;left:50%;top:-18px;color:#4d5669;font-size:.53rem;font-style:normal;transform:translateX(-50%)}.year-bars small{position:absolute;left:50%;bottom:-23px;color:#8a93a4;font-size:.5rem;transform:translateX(-50%)}.year-axis{display:flex;justify-content:space-between;margin-top:1.5rem;color:#8b94a4;font-size:.5rem}.quarter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.quarter-grid article{padding:.9rem;border:1px solid #e0e3ea;border-radius:11px}.quarter-grid article>span{color:#5759ca;font-size:.54rem;font-weight:850}.quarter-grid h3{margin:.75rem 0 .3rem;font-size:.82rem}.quarter-grid article>b{color:#3f495d;font-size:.64rem}.quarter-grid ul{margin:.8rem 0 0;padding-left:1rem;color:#747f91;font-size:.56rem;line-height:1.55}.million-plan>footer{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:.7rem}.million-plan>footer>div{padding:.8rem;border-radius:10px;color:#765e37;background:#fff8eb;font-size:.59rem;line-height:1.5}.million-plan>footer b,.million-plan>footer span{display:block}.million-plan>footer b{margin-bottom:.25rem;color:#5d492a}
@media(max-width:1050px){.control-depth,.quarter-grid{grid-template-columns:repeat(2,1fr)}.deck-strip{grid-auto-columns:minmax(320px,70%)}.ad-plan{grid-template-columns:1fr}.million-plan>footer{grid-template-columns:1fr}}
@media(max-width:720px){.market-map{height:360px}.dot.orqana{right:4%;min-width:145px}.dot.jira{left:16%}.dot.youtrack{left:20%}.dot.asana{left:36%}.dot.monday{left:43%}.dot.clickup{left:52%}.control-depth,.sequence-grid,.meeting-columns,.ad-grid,.quarter-grid{grid-template-columns:1fr}.deck-strip{grid-auto-columns:88%}.deck-rules{flex-direction:column}.meeting-columns .close-card{grid-column:auto}.million-equation{grid-template-columns:1fr;text-align:center}.million-equation i{transform:rotate(90deg)}.year-bars{gap:.18rem}.ad-preview{min-height:280px}}

/* Related help topics use the article section grid, with their own inner comparison. */
.help-related-core>div{display:block}
.help-related-core>div>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem}
@media(max-width:720px){.help-related-core>div>div{grid-template-columns:1fr}.help-related-core>div>div>span{display:none}}

/* SaaS operator control, billing ledger and customer usage. */
.control-hero,.control-detail-head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:1rem;padding:1.45rem;border:1px solid #dfe3eb;border-radius:17px;background:linear-gradient(135deg,#151c30,#242d50);color:#fff}.control-hero h1,.control-detail-head h1{margin:.2rem 0 .45rem;color:#fff;font-size:clamp(1.55rem,3vw,2.65rem);letter-spacing:-.045em}.control-hero p,.control-detail-head p{max-width:760px;margin:0;color:#aeb9cb;font-size:.68rem;line-height:1.65}.control-hero .eyebrow,.control-detail-head .eyebrow{color:#70dfca}.control-detail-head{align-items:flex-end}.control-detail-head>a{align-self:flex-start;color:#aeb8ca;font-size:.62rem;text-decoration:none}.control-detail-head>div{display:flex;align-items:center;gap:.8rem}.control-detail-head .workspace-avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;color:#11192a;background:#72dfca}.control-kpis,.usage-grid,.billing-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1rem}.control-kpis article,.usage-grid article,.billing-usage-grid article{display:flex;min-width:0;align-items:center;gap:.7rem;padding:.9rem;border:1px solid #e0e4eb;border-radius:12px;background:#fff}.control-kpis article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#5759ca;background:#eeeeff}.control-kpis b,.usage-grid b,.billing-usage-grid b{display:block;color:#303a4e;font-size:1.12rem}.control-kpis small,.usage-grid small,.billing-usage-grid small,.usage-grid span,.billing-usage-grid span{display:block;color:#7c8799;font-size:.54rem}.usage-grid article,.billing-usage-grid article{display:block}.usage-grid b,.billing-usage-grid b{margin:.35rem 0}.customer-list{padding:0;overflow:hidden}.customer-list>header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid #e2e5ec}.customer-list h2{margin:.25rem 0 0}.table-wrap{overflow:auto}.customer-list table{width:100%;min-width:1020px;border-collapse:collapse}.customer-list th,.customer-list td{padding:.78rem .9rem;border-bottom:1px solid #e7e9ee;text-align:left;vertical-align:middle}.customer-list th{color:#848e9f;background:#fafbfc;font-size:.52rem;text-transform:uppercase}.customer-list td{font-size:.63rem}.customer-list td strong,.customer-list td small{display:block}.customer-list td small{margin-top:.25rem;color:#8992a2;font-size:.53rem}.btn-small{padding:.38rem .58rem;font-size:.58rem}.status-pill{display:inline-flex!important;width:max-content;padding:.24rem .48rem;border-radius:99px;color:#576175;background:#eef0f4;font-size:.5rem!important;font-style:normal;font-weight:850;text-transform:uppercase}.status-pill.active,.status-pill.paid,.status-pill.succeeded{color:#16735f;background:#dcf5ee}.status-pill.trial,.status-pill.open,.status-pill.pending{color:#8a6324;background:#fff1d7}.status-pill.suspended,.status-pill.past_due,.status-pill.failed,.status-pill.uncollectible{color:#a64242;background:#ffe6e6}.status-pill.business{color:#4c4ebd;background:#eeeeff}.control-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:1rem;margin-bottom:1rem}.control-panel{padding:1.2rem}.control-panel>header{margin-bottom:1rem}.control-panel h2,.billing-overview h2,.billing-ledger h2,.commercial-timeline h2{margin:.25rem 0 .4rem}.control-panel header p{margin:0;color:#798496;font-size:.62rem;line-height:1.55}.control-form{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.control-form label{display:flex;min-width:0;flex-direction:column;gap:.3rem;color:#5c6679;font-size:.57rem;font-weight:700}.control-form .wide{grid-column:1/-1}.control-form.compact{padding-bottom:1rem;border-bottom:1px solid #e2e5ec}.benefit-list{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}.benefit-list article{display:flex;gap:.6rem;padding:.7rem;border:1px solid #e3e6ec;border-radius:10px;background:#fafbfc}.benefit-list article>span{color:#5759c8}.benefit-list strong,.benefit-list small{display:block}.benefit-list small{margin-top:.2rem;color:#727d90;font-size:.54rem}.benefit-list p{margin:.35rem 0 0;color:#858e9d;font-size:.56rem}.empty-note{color:#8a94a4;font-size:.6rem}.ledger-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-ledger-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding-bottom:.85rem;border-bottom:1px solid #e3e6ec}.inline-ledger-form .btn{grid-column:1/-1}.ledger-list{display:flex;flex-direction:column}.ledger-list article,.billing-ledger-columns article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;padding:.72rem 0;border-bottom:1px solid #e7e9ee}.ledger-list strong,.ledger-list small,.billing-ledger-columns strong,.billing-ledger-columns small{display:block}.ledger-list small,.billing-ledger-columns small{margin-top:.2rem;color:#8590a1;font-size:.53rem}.ledger-list b,.billing-ledger-columns b{font-size:.62rem;white-space:nowrap}.commercial-timeline{padding:1.2rem}.commercial-timeline header{margin-bottom:.6rem}.commercial-timeline article{display:flex;align-items:center;gap:.65rem;padding:.65rem 0;border-bottom:1px solid #e7e9ee}.commercial-timeline article>span{color:#5b5dca}.commercial-timeline strong,.commercial-timeline small{display:block}.commercial-timeline small{margin-top:.2rem;color:#8992a2;font-size:.52rem}.billing-access-banner{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:1rem;padding:.85rem 1rem;border:1px solid #f0d9a6;border-radius:12px;color:#735728;background:#fff8e8}.billing-access-banner p{margin:.25rem 0 0;font-size:.61rem;line-height:1.5}.billing-overview,.billing-ledger{margin-bottom:1rem;padding:1.2rem}.billing-overview>header,.billing-ledger>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.billing-offer{display:flex;flex-direction:column;align-items:flex-end;color:#4d4fc2;font-size:1rem;font-weight:850}.billing-offer small{margin-top:.2rem;color:#7e8899;font-size:.5rem}.billing-benefits{padding-top:1rem;border-top:1px solid #e3e6ec}.billing-benefits>strong{font-size:.68rem}.billing-benefits>div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.billing-benefits span{display:grid;grid-template-columns:auto 1fr;column-gap:.4rem;padding:.55rem .65rem;border:1px solid #cfe8e1;border-radius:9px;color:#296f61;background:#f3fbf8}.billing-benefits svg{grid-row:1/3}.billing-benefits b,.billing-benefits small{display:block}.billing-benefits b{font-size:.58rem}.billing-benefits small{font-size:.49rem}.billing-ledger-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.billing-ledger-columns>div{padding:.9rem;border:1px solid #e2e5ec;border-radius:11px}.billing-ledger-columns h3{margin:0 0 .5rem;font-size:.76rem}.billing-profile-form.is-readonly input,.billing-profile-form.is-readonly select{background:#f6f7f9}.billing-profile-actions>small{color:#7e8899}
@media(max-width:1050px){.control-kpis,.usage-grid,.billing-usage-grid{grid-template-columns:repeat(2,1fr)}.control-columns,.ledger-columns,.billing-ledger-columns{grid-template-columns:1fr}}
@media(max-width:720px){.control-hero,.control-detail-head{align-items:flex-start;flex-direction:column}.control-kpis,.usage-grid,.billing-usage-grid,.control-form{grid-template-columns:1fr}.control-form .wide{grid-column:auto}.inline-ledger-form{grid-template-columns:1fr}.inline-ledger-form .btn{grid-column:auto}.billing-overview>header,.billing-ledger>header{flex-direction:column}.billing-offer{align-items:flex-start}}
.customer-list table{min-width:900px}
.control-hero>.btn{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.06)}
.control-hero>.btn:hover{background:rgba(255,255,255,.13)}

.nda-control{margin-bottom:1rem}.nda-control>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.status-pill.requested,.status-pill.sent{color:#8a6324;background:#fff1d7}.status-pill.signed{color:#16735f;background:#dcf5ee}.status-pill.declined{color:#a64242;background:#ffe6e6}

/* Customer support and Orqana Control ticketing. */
.support-hero,.ticket-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.3rem;margin-bottom:1rem;padding:1.35rem;border:1px solid #dfe3eb;border-radius:17px;background:linear-gradient(135deg,#151c30,#242d50);color:#fff}.support-hero h1,.ticket-detail-head h1{margin:.3rem 0 .45rem;color:#fff;font-size:clamp(1.45rem,3vw,2.6rem);letter-spacing:-.045em}.support-hero p,.ticket-detail-head p{max-width:780px;margin:0;color:#adb8ca;font-size:.68rem;line-height:1.6}.support-hero .eyebrow{color:#70dfca}.support-hero>.btn{color:#fff;border-color:rgba(255,255,255,.32)}.support-create{margin-bottom:1rem;padding:1.2rem}.support-create>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.support-create h2{margin:.25rem 0}.support-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.support-form label,.ticket-reply label,.ticket-control-form label{display:flex;min-width:0;flex-direction:column;gap:.35rem;color:#4d586c;font-size:.64rem;font-weight:720}.support-form .wide{grid-column:1/-1}.support-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1rem}.support-kpis article{padding:.9rem 1rem;border:1px solid #e0e4eb;border-radius:12px;background:#fff}.support-kpis small,.support-kpis b{display:block}.support-kpis small{color:#7d8798;font-size:.55rem}.support-kpis b{margin-top:.35rem;color:#303a4e;font-size:1.05rem}.support-list{padding:0;overflow:hidden}.support-list>header{padding:1rem 1.2rem;border-bottom:1px solid #e4e7ed}.support-list h2{margin:.25rem 0 0}.support-empty{display:grid;place-items:center;min-height:260px;padding:2rem;text-align:center}.support-empty>svg{width:32px;height:32px;color:#6365d7}.support-empty h3{margin:.7rem 0 .25rem}.support-empty p{max-width:560px;margin:0;color:#7b8597;font-size:.67rem;line-height:1.6}.ticket-rows{display:flex;flex-direction:column}.ticket-rows>a{display:grid;grid-template-columns:90px minmax(0,1fr) auto auto;align-items:center;gap:.7rem;padding:.82rem 1.1rem;border-bottom:1px solid #e8eaf0;color:#3d475b;text-decoration:none}.ticket-rows.platform>a{grid-template-columns:90px minmax(0,1fr) auto auto 125px}.ticket-rows>a:hover{background:#fafbff}.ticket-rows strong,.ticket-rows small{display:block}.ticket-rows small{margin-top:.2rem;color:#8992a2;font-size:.53rem}.ticket-rows i{overflow:hidden;color:#798496;font-size:.53rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.ticket-number{color:#5658cb;font-size:.58rem;font-weight:850;letter-spacing:.04em}.ticket-priority,.ticket-status{display:inline-flex;width:max-content;padding:.25rem .48rem;border-radius:99px;font-size:.49rem;font-weight:850;text-transform:uppercase}.ticket-priority{color:#667185;background:#eef0f4}.ticket-priority.high{color:#95661d;background:#fff1d2}.ticket-priority.urgent{color:#ad3e45;background:#ffe3e5}.ticket-priority.low{color:#537071;background:#e9f3f1}.ticket-status{color:#586477;background:#edf0f4}.ticket-status.open,.ticket-status.in_progress{color:#4e50bc;background:#eeeeff}.ticket-status.waiting_customer{color:#91671e;background:#fff1d5}.ticket-status.resolved,.ticket-status.closed{color:#16735f;background:#dcf5ee}.ticket-detail-head>a{align-self:flex-start;color:#aeb8ca;font-size:.6rem;text-decoration:none}.ticket-detail-head>div:last-child{display:flex;align-items:center;gap:.4rem}.ticket-detail-head .ticket-number{color:#76dfcb}.ticket-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:1rem}.ticket-thread,.ticket-side{padding:1.15rem}.ticket-message{margin-bottom:.7rem;padding:.9rem 1rem;border:1px solid #e2e5eb;border-radius:12px;background:#fafbfc}.ticket-message.orqana{border-color:#cbcdef;background:#f4f4ff}.ticket-message.internal{border-color:#ecdcae;background:#fff9e9}.ticket-message header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ticket-message strong{font-size:.67rem}.ticket-message small{color:#8b94a4;font-size:.52rem}.ticket-message p{margin:.65rem 0 0;color:#536075;font-size:.68rem;line-height:1.65}.ticket-reply{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e3e6ec}.ticket-reply .btn{align-self:flex-end}.ticket-side{position:sticky;top:85px}.ticket-side dl{margin:1rem 0}.ticket-side dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid #e8eaf0;font-size:.62rem}.ticket-side dt{color:#818b9c}.ticket-side dd{margin:0;color:#3f4a5f;font-weight:750;text-align:right}.ticket-side>p{padding:.75rem;border-radius:9px;color:#78623c;background:#fff8e9;font-size:.57rem;line-height:1.5}.ticket-filters{display:flex;align-items:flex-end;gap:.65rem;margin-bottom:1rem;padding:.8rem}.ticket-filters label{display:flex;min-width:170px;flex-direction:column;gap:.3rem;color:#5b6578;font-size:.57rem;font-weight:700}.ticket-compose-tabs{display:grid;grid-template-columns:1.2fr .8fr;gap:.8rem}.ticket-reply.internal{padding:.8rem;border:1px solid #eadbb2;border-radius:11px;background:#fff9eb}.ticket-control-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.customer-jump{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.75rem;border:1px solid #e1e4eb;border-radius:10px;color:#3e485c;text-decoration:none}.customer-jump>svg{width:20px;color:#5759ca}.customer-jump strong,.customer-jump small{display:block}.customer-jump small{margin-top:.2rem;color:#818b9d;font-size:.53rem}
@media(max-width:900px){.ticket-layout{grid-template-columns:1fr}.ticket-side{position:static}.ticket-compose-tabs{grid-template-columns:1fr}.ticket-rows.platform>a{grid-template-columns:80px minmax(0,1fr) auto auto}.ticket-rows.platform i{display:none}}
@media(max-width:650px){.support-hero,.ticket-detail-head{align-items:flex-start;flex-direction:column}.support-form,.support-kpis{grid-template-columns:1fr}.support-form .wide{grid-column:auto}.ticket-rows>a,.ticket-rows.platform>a{grid-template-columns:1fr auto}.ticket-rows .ticket-number{grid-column:1/-1}.ticket-rows a>div{grid-column:1/-1}.ticket-filters{align-items:stretch;flex-direction:column}.ticket-filters label{width:100%}}

/* Linked support delivery inside the Orqana Support project. */
.support-work-card{margin-bottom:1rem;padding:1rem 1.15rem;border-color:#cfd1f1;background:linear-gradient(135deg,#f8f8ff,#f2fbf8)}
.support-work-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.support-work-head>div:last-child{display:flex;gap:.4rem}
.support-work-head h2{margin:.25rem 0 .35rem;font-size:1rem}.support-work-head p{margin:0;color:#6f7a8d;font-size:.61rem}.support-work-rule{margin:.8rem 0;padding:.6rem .7rem;border-radius:8px;color:#566277;background:rgba(255,255,255,.72);font-size:.58rem}
.support-work-actions{display:flex;align-items:center;gap:.7rem}.support-work-reply{display:flex;flex:1;align-items:flex-end;gap:.5rem}.support-work-reply textarea{min-height:42px}.support-work-reply .btn{flex:0 0 auto}.ticket-work-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.65rem;color:#79dfcb;font-size:.6rem;font-weight:750;text-decoration:none}.ticket-work-link svg{width:14px}.project-priority{color:#4d4fc1;background:#eeeeff}
@media(max-width:760px){.support-work-head,.support-work-actions,.support-work-reply{align-items:stretch;flex-direction:column}.support-work-head>div:last-child{align-items:flex-start}.support-work-reply .btn{align-self:flex-start}}
.checkout-form{display:flex;flex-direction:column;gap:.55rem}
.cycle-choice{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.cycle-choice label{position:relative;display:block;cursor:pointer}
.cycle-choice input{position:absolute;opacity:0;pointer-events:none}
.cycle-choice span{display:block;padding:.5rem .55rem;border:1px solid #d9dde6;border-radius:9px;background:#fff;text-align:center;transition:.14s ease}
.cycle-choice strong{display:block;color:#39415a;font-size:.6rem}
.cycle-choice small{display:block;margin-top:.15rem;color:#7c8699;font-size:.55rem}
.cycle-choice input:checked+span{border-color:#5b5ce2;background:#f2f2ff;box-shadow:inset 0 0 0 1px #5b5ce2}
.cycle-choice input:checked+span strong{color:#3c3eb8}
.cycle-choice input:focus-visible+span{outline:2px solid #5b5ce2;outline-offset:2px}

/* === Prezentační stránka 3.0: problém, smyčka, důvěra, FAQ, autor ======== */
.mk-problem{max-width:1180px;margin:0 auto;padding:4rem 1.5rem 1rem}
.mk-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:1.8rem}
.mk-problem-grid article{display:flex;flex-direction:column;gap:.7rem;padding:1.25rem;border:1px solid #e3e6ee;border-radius:14px;background:#fff}
.mk-problem-grid svg{width:20px;height:20px;color:#c2542f}
.mk-problem-grid p{margin:0;color:#4e5768;font-size:.68rem;line-height:1.6}

.mk-loop{max-width:1180px;margin:0 auto;padding:4rem 1.5rem}
.mk-section-head.centered{max-width:720px;margin:0 auto;text-align:center}
.mk-section-head.centered p{margin:.7rem auto 0;color:#6f7889;font-size:.72rem;line-height:1.65}
.mk-loop-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin:2.2rem 0 0;padding:0;list-style:none;counter-reset:loop}
.mk-loop-steps li{position:relative;padding:1.4rem 1.2rem;border:1px solid #dfe3ec;border-radius:16px;background:linear-gradient(180deg,#fff,#fafbfd)}
.mk-loop-steps li::after{content:'';position:absolute;top:2.4rem;right:-.62rem;z-index:2;width:11px;height:11px;border-top:2px solid #c8cede;border-right:2px solid #c8cede;transform:rotate(45deg);background:#f5f6fa}
.mk-loop-steps li:last-child::after{display:none}
.mk-loop-num{display:inline-grid;place-items:center;width:30px;height:30px;margin-bottom:.75rem;border-radius:9px;color:#4d4fc2;background:#eeeeff;font-size:.58rem;font-weight:850}
.mk-loop-steps h3{margin:0 0 .5rem;font-size:.82rem;letter-spacing:-.02em}
.mk-loop-steps p{margin:0;color:#606a7d;font-size:.65rem;line-height:1.65}

.mk-trust{max-width:1180px;margin:0 auto;padding:4rem 1.5rem}
.mk-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:2rem}
.mk-trust-grid article{padding:1.4rem;border:1px solid #e3e6ee;border-radius:15px;background:#fff}
.mk-trust-grid svg{width:20px;height:20px;color:#4d4fc2}
.mk-trust-grid h3{margin:.75rem 0 .45rem;font-size:.78rem}
.mk-trust-grid p{margin:0;color:#626c7e;font-size:.65rem;line-height:1.65}

.mk-faq{max-width:860px;margin:0 auto;padding:3rem 1.5rem 4rem}
.mk-faq-list{margin-top:1.8rem;border:1px solid #e2e5ed;border-radius:15px;background:#fff;overflow:hidden}
.mk-faq-list details+details{border-top:1px solid #e7e9f0}
.mk-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.25rem;color:#2f3648;font-size:.74rem;font-weight:700;cursor:pointer;list-style:none}
.mk-faq-list summary::-webkit-details-marker{display:none}
.mk-faq-list summary::after{content:'+';flex:0 0 auto;color:#8b93a5;font-size:1.05rem;font-weight:500}
.mk-faq-list details[open] summary::after{content:'−'}
.mk-faq-list summary:hover{background:#fafbfd}
.mk-faq-list p{margin:0;padding:0 1.25rem 1.15rem;color:#5d6678;font-size:.68rem;line-height:1.7}

.mk-maker{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:2rem;align-items:center;max-width:1180px;margin:0 auto 1rem;padding:2.4rem 1.5rem}
.mk-maker h2{margin:.4rem 0 .9rem}
.mk-maker p{margin:0 0 .8rem;color:#5c6577;font-size:.7rem;line-height:1.75}
.mk-maker-facts{display:flex;flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none}
.mk-maker-facts li{padding:.85rem 1rem;border:1px solid #e3e6ee;border-radius:12px;background:#fff}
.mk-maker-facts strong{display:block;font-size:.7rem}
.mk-maker-facts small{display:block;margin-top:.2rem;color:#7b8496;font-size:.58rem;line-height:1.5}

.final-cta-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.mk-footer-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 2.5rem}
.mk-footer-top .marketing-brand{grid-row:1}
.mk-footer-top>p{grid-column:1;margin:.15rem 0 0;color:#737c8e;font-size:.72rem;line-height:1.6}
.mk-footer-links{grid-column:2;grid-row:1/3;align-self:center}
.mk-footer-links{display:flex;flex-wrap:wrap;gap:1.1rem}
.mk-footer-links a{color:#636c7e;font-size:.75rem;text-decoration:none}
.mk-footer-links a:hover{color:var(--primary)}
.mk-footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;padding-top:1.1rem;border-top:1px solid #e6e9f0}
.mk-footer-legal small{color:#98a0b0;font-size:.62rem}
.mk-footer-legal a{color:#7b8497}

@media(max-width:1000px){
 .mk-problem-grid,.mk-loop-steps{grid-template-columns:repeat(2,1fr)}
 .mk-loop-steps li::after{display:none}
 .mk-trust-grid{grid-template-columns:repeat(2,1fr)}
 .mk-maker{grid-template-columns:1fr}
}
@media(max-width:640px){
 .mk-problem-grid,.mk-loop-steps,.mk-trust-grid{grid-template-columns:1fr}
}

@media(max-width:760px){.mk-footer-top{grid-template-columns:1fr}.mk-footer-links{grid-column:1;grid-row:auto}}
@media(max-width:860px){.marketing-nav{grid-template-columns:auto 1fr}.marketing-nav>nav{display:none}}
.nav-badge{margin-left:auto;padding:.05rem .34rem;border-radius:99px;color:#0d1424;background:#72e0ca;font-size:.52rem;font-style:normal;font-weight:850}