@font-face{font-family:Vazirmatn;src:url("Vazirmatn-v33.003-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
  :root {
    --radius: 0.65rem;
    --background: #ffffff;        --foreground: #0a0a0a;
    --card-bg: #ffffff;           --card-foreground: #0a0a0a;
    --popover: #ffffff;           --popover-foreground: #0a0a0a;
    --primary: #2563eb;           --primary-foreground: #f8fafc;
    --secondary: #f4f4f5;         --secondary-foreground: #171717;
    --muted-surface: #f4f4f5;     --muted-foreground: #71717a;
    --accent: #eff4ff;            --accent-foreground: #1d4ed8;
    --ring: #2563eb;
    /* حباب‌های گفت‌وگو: «من» با اکسنتِ ملایمِ سبز، طرفِ مقابل روی سطحِ کارت */
    --bubble-mine: #dcf3e4;       --bubble-theirs: #ffffff;
    --chat-bg: #f4f5f7;           --tick-seen: #2563eb;
    --border-c: #e4e4e7;          --input-c: #e4e4e7;
    --danger: #dc2626;            --ok: #16a34a;            --warn: #d97706;
    --success-bg: #f0fdf4;  --success-fg: #15803d;  --success-bd: #bbf7d0;
    --warn-bg:    #fffbeb;  --warn-fg:    #b45309;  --warn-bd:    #fde68a;
    --danger-bg:  #fef2f2;  --danger-fg2: #b91c1c;  --danger-bd:  #fecaca;
    --info-bg:    #eff6ff;  --info-fg:    #1d4ed8;  --info-bd:    #bfdbfe;
    --violet-bg:  #f5f3ff;  --violet-fg:  #6d28d9;  --violet-bd:  #ddd6fe;
    --shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);
    --shadow:    0 1px 3px 0 rgba(0,0,0,.07), 0 1px 2px -1px rgba(0,0,0,.07);
    --shadow-lg: 0 12px 32px -10px rgba(0,0,0,.28);
    /* legacy aliases used throughout the markup */
    --bg: var(--background);      --fg: var(--foreground);
    --muted: var(--muted-foreground);   --link: #2563eb;
    --btn: var(--primary);        --btn-fg: var(--primary-foreground);
    --card: var(--card-bg);       --border: var(--border-c);
  }
  html.dark {
    --background: #0a0a0a;        --foreground: #fafafa;
    --card-bg: #161618;           --card-foreground: #fafafa;
    --popover: #1c1c1f;           --popover-foreground: #fafafa;
    --primary: #3b82f6;           --primary-foreground: #f8fafc;
    --secondary: #27272a;         --secondary-foreground: #fafafa;
    --muted-surface: #1f1f22;     --muted-foreground: #a1a1aa;
    --accent: #1e293b;            --accent-foreground: #bfdbfe;
    --ring: #3b82f6;
    --bubble-mine: #17372b;       --bubble-theirs: #1c1c1f;
    --chat-bg: #101013;           --tick-seen: #60a5fa;
    --border-c: rgba(255,255,255,.10);  --input-c: rgba(255,255,255,.14);
    --danger: #ef4444;            --ok: #22c55e;            --warn: #f59e0b;
    --link: #60a5fa;
    --success-bg: rgba(34,197,94,.13);  --success-fg: #4ade80;  --success-bd: rgba(34,197,94,.30);
    --warn-bg:    rgba(245,158,11,.13); --warn-fg:    #fbbf24;  --warn-bd:    rgba(245,158,11,.30);
    --danger-bg:  rgba(239,68,68,.13);  --danger-fg2: #f87171;  --danger-bd:  rgba(239,68,68,.30);
    --info-bg:    rgba(59,130,246,.15); --info-fg:    #93c5fd;  --info-bd:    rgba(59,130,246,.35);
    --violet-bg:  rgba(139,92,246,.15); --violet-fg:  #c4b5fd;  --violet-bd:  rgba(139,92,246,.35);
    --shadow-lg: 0 12px 32px -10px rgba(0,0,0,.6);
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; background: var(--bg); color: var(--fg);
    font-family: -apple-system, BlinkMacSystemFont, "Vazirmatn", "IRANSans", "Tahoma", sans-serif;
    font-size: 15px; line-height: 1.6; }
  .wrap { max-width: 680px; margin: 0 auto; padding: 12px; padding-bottom: 90px; }
  h1 { font-size: 17px; margin: 4px 0 10px; }
  h2 { font-size: 15px; margin: 16px 0 8px; }
  .tabbar { display: flex; gap: 6px; overflow-x: auto; padding: 4px 0 10px;
    -webkit-overflow-scrolling: touch; position: sticky; top: 0; background: var(--bg); z-index: 5; }
  .tab { white-space: nowrap; padding: 7px 13px; border-radius: 999px; cursor: pointer;
    background: var(--card); border: 1px solid var(--border); color: var(--fg); font-size: 14px; }
  .tab.active { background: var(--btn); color: var(--btn-fg); border-color: var(--btn); }
  .card { background: var(--card); border: 1px solid var(--border); border-radius: 14px;
    padding: 13px; margin-bottom: 10px; }
  button { background: var(--btn); color: var(--btn-fg); border: 0; border-radius: 10px;
    padding: 9px 14px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit; }
  button.ghost { background: transparent; color: var(--fg); border: 1px solid var(--border); }
  button.danger { background: var(--danger); }
  button.ok { background: var(--ok); }
  button.warn { background: var(--warn); }
  button.sm { padding: 6px 10px; font-size: 13px; }
  button:disabled { opacity: .5; cursor: not-allowed; }
  .row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
  .spread { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
  .pill { display: inline-block; padding: 1px 8px; border-radius: 999px;
    background: rgba(0,0,0,0.06); color: var(--muted); font-size: 12px; }
  .pill.red { background: #fde2e0; color: #b3261e; }
  .pill.green { background: #def3e4; color: #1c7c3f; }
  .pill.amber { background: #fdebc8; color: #8a5a00; }
  .pill.blue { background: #dce9fd; color: #1a4fa0; }
  .pill.gray { background: rgba(0,0,0,0.06); color: var(--muted); }
  .item { padding: 11px 0; border-bottom: 1px solid var(--border); }
  .item:last-child { border-bottom: 0; }
  .item .title { font-weight: 600; }
  .item .meta { color: var(--muted); font-size: 13px; margin-top: 3px; }
  input.f, textarea.f, select.f { width: 100%; border: 1px solid var(--border); border-radius: 9px;
    padding: 9px 10px; background: var(--bg); color: var(--fg); font: inherit; margin-top: 6px; }
  textarea.f { resize: vertical; min-height: 56px; }

body{font-family:Vazirmatn,Tahoma,sans-serif}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}p{margin:8px 0 12px}h1,h2,h3{line-height:1.8}h3{font-size:14px;margin:0 0 7px}.header{padding:10px 0 14px}.brand{font-size:17px;font-weight:800;color:var(--fg)}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--accent);color:var(--primary);border-radius:10px;margin-inline-end:6px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--btn);color:var(--btn-fg);border:1px solid var(--btn);border-radius:10px;padding:9px 14px;font-size:14px;font-weight:600;min-height:42px}.button:hover{text-decoration:none;filter:brightness(.96)}.ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}.icon-button{padding:7px 10px;min-height:40px}.hero{padding:22px 0 10px}.eyebrow{color:var(--primary);font-size:12px;font-weight:700}.hero h1{font-size:17px;margin:8px 0}.lead{color:var(--muted);font-size:15px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid>.card{margin:0}.section{margin-top:20px}.field{display:block;margin-bottom:13px;font-size:13px}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid var(--border);border-radius:9px;padding:10px;background:var(--bg);color:var(--fg);font:inherit;margin-top:6px;min-height:44px}.field textarea{min-height:90px;resize:vertical}.field small{display:block;color:var(--muted);margin-top:4px}.stack{display:grid;gap:8px}.full{width:100%}.notice{padding:11px 13px;border:1px solid var(--info-bd);background:var(--info-bg);color:var(--info-fg);border-radius:10px;font-size:13px;margin:10px 0}.notice.error{border-color:var(--danger-bd);background:var(--danger-bg);color:var(--danger-fg2)}.notice.success{border-color:var(--success-bd);background:var(--success-bg);color:var(--success-fg)}.muted{color:var(--muted);font-size:13px}.price{font-size:19px;font-weight:800;margin:9px 0}.stat{font-size:21px;font-weight:800}.caption{display:block;font-size:12px;color:var(--muted)}.divider{border:0;border-top:1px solid var(--border);margin:15px 0}.footer{border-top:1px solid var(--border);margin-top:26px;padding:16px 0;color:var(--muted);font-size:12px}.inline-form{display:inline}.inline-form button{min-height:40px}.badge{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--accent-foreground)}.empty{padding:12px 0;color:var(--muted);font-size:13px}.metric{padding:10px;border:1px solid var(--border);border-radius:10px}.steps{padding-inline-start:22px;color:var(--muted);font-size:13px}.steps li{padding:4px 0}progress{width:100%;height:8px;accent-color:var(--primary)}.skip{position:absolute;top:-100px;right:12px;background:var(--bg);padding:8px;z-index:10}.skip:focus{top:4px}:focus-visible{outline:3px solid var(--ring);outline-offset:3px}button,input,select,textarea{font-family:inherit}button{min-height:42px}details summary{cursor:pointer;font-size:14px;color:var(--link)}.ltr{direction:ltr;text-align:left;unicode-bidi:plaintext}.tabbar a:hover{text-decoration:none}.tab[aria-current=page]{background:var(--btn);color:var(--btn-fg);border-color:var(--btn)}.list{list-style:none;padding:0;margin:0}.list>li{padding:11px 0;border-bottom:1px solid var(--border)}.list>li:last-child{border-bottom:0}fieldset{border:0;margin:0;padding:0}legend{font-weight:700;margin-bottom:9px}.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.overflow{overflow-wrap:anywhere}.check{display:flex;align-items:center;gap:8px;font-size:13px}.check input{width:18px;height:18px}.demo{border-style:dashed}.hidden{display:none!important}@media(max-width:430px){.grid{grid-template-columns:1fr}.header{gap:5px}.header .button{padding:7px 9px}.wrap{padding:12px;padding-bottom:50px}.spread{flex-wrap:wrap}.hero{padding-top:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.summary-list{margin:0}.summary-list>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--border)}.summary-list>div:last-child{border-bottom:0}.summary-list dt{color:var(--muted);font-size:13px}.summary-list dd{margin:0;font-weight:600;text-align:end}.notice a{color:inherit;text-decoration:underline}.subsection{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.checkbox-label{display:flex;align-items:flex-start;gap:8px;margin:12px 0;font-size:13px}.checkbox-label input{margin-top:4px;accent-color:var(--primary);min-width:18px;min-height:18px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-grid .metric{font-size:13px}.code{font-family:ui-monospace,monospace;direction:ltr;display:inline-block;overflow-wrap:anywhere}@media(max-width:430px){.summary-list>div{flex-wrap:wrap}.status-grid{grid-template-columns:1fr}}
.summary-list dd{min-width:0;max-width:100%;overflow-wrap:anywhere}.summary-list bdi{overflow-wrap:anywhere}

.brand{display:inline-flex;align-items:center}img.brand-mark{display:block;object-fit:contain;background:transparent;border-radius:0}.brand-logo-dark{display:none!important}.dark .brand-logo-light{display:none!important}.dark .brand-logo-dark{display:block!important}

/* Native numeric inputs keep machine values but use Persian digit glyphs. */
@font-face{font-family:KandooDigits;src:url('kandoo-digits.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0030-0039}
input[type=number],input[inputmode=numeric]{font-family:KandooDigits,Vazirmatn,Tahoma,sans-serif}
/* Landing only. Account and administration retain the original compact680px layout. */
.marketing-page .wrap,.wrap:has(.k-landing){max-width:1080px;padding:0 24px 32px}.marketing-page .header,.wrap:has(.k-landing)>.header{min-height:92px;padding:20px 0}.marketing-page .brand{font-size:21px}.k-landing{--k-soft:#f6f8fc;--k-ink:#17223b;--k-line:#e5eaf2;color:var(--fg)}.dark .k-landing{--k-soft:#131820;--k-ink:#e7eefc;--k-line:#293140}.k-page-nav{display:flex;gap:24px;font-size:13px;padding:0 0 12px;border-bottom:1px solid var(--k-line)}.k-page-nav a{color:var(--muted)}.k-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:54px;padding:78px 0 86px}.k-eyebrow{font-size:12px;font-weight:600;color:var(--primary);margin:0 0 14px;display:flex;align-items:center;gap:8px}.k-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--primary)}.k-hero h1{font-size:46px;line-height:1.65;font-weight:850;margin:0 0 23px;color:var(--k-ink)}.k-hero h1>span{color:var(--primary)}.k-hero-description{font-size:16px;color:var(--muted);line-height:2.05;max-width:440px;margin:0 0 28px}.k-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.k-primary{gap:19px;padding:12px 19px;border-radius:12px;font-size:14px;min-height:48px}.k-primary>span{font-size:21px;font-weight:400;line-height:1}.k-text-link{font-size:13px;color:var(--fg);display:flex;gap:10px;align-items:center}.k-hero-note{font-size:11px;color:var(--muted);margin-top:20px}.k-demo{background:var(--card);border:1px solid var(--k-line);border-radius:20px;box-shadow:0 20px 70px -30px rgba(30,64,175,.28);position:relative;transform:rotate(-2deg)}.k-demo:before{content:'';position:absolute;inset:-22px 18px 22px -18px;background:var(--k-soft);border:1px solid var(--k-line);border-radius:22px;z-index:-1;transform:rotate(5deg)}.k-demo-top{border-bottom:1px solid var(--k-line);padding:15px 18px;display:flex;justify-content:space-between;align-items:center}.k-demo-brand{display:flex;align-items:center;gap:7px;font-size:12px}.k-demo-caption{font-size:10px;color:var(--muted);background:var(--k-soft);padding:3px 7px;border-radius:5px}.k-demo-content{padding:20px 18px 14px}.k-demo-heading{display:flex;justify-content:space-between;align-items:center}.k-small-label{font-size:10px;color:var(--muted)}.k-demo-heading h2{font-size:18px;margin:3px 0 12px}.k-avatar{width:31px;height:31px;border:1px solid var(--k-line);background:var(--k-soft);border-radius:50%;display:grid;place-items:center;font-size:12px}.k-demo-tabs{display:flex;gap:18px;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid var(--k-line);font-size:10px;color:var(--muted)}.k-demo-tabs .is-active{color:var(--primary);font-weight:700}.k-task{padding:15px 13px;border:1px solid var(--k-line);border-radius:12px;margin-bottom:11px;background:var(--card)}.k-task-title{display:flex;align-items:center;gap:9px;font-size:12px}.k-task-check{display:block;width:17px;height:17px;border:1.5px solid #cbd5e1;border-radius:5px;flex-shrink:0}.k-task-check.is-complete{border-color:#b8cdfb;background:var(--accent);color:var(--primary);display:grid;place-items:center;font-size:13px}.k-task-dot{margin-inline-start:auto;color:var(--muted);font-size:10px;letter-spacing:1px}.k-task p{font-size:10px;color:var(--muted);margin:9px 0 12px;padding-inline-start:26px}.k-task p>span{padding:0 6px}.k-task-bottom,.k-approval-line{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}.k-task-bottom>span:first-child{color:var(--primary);background:var(--accent);border-radius:4px;padding:2px 6px}.k-task-tag{border:1px solid var(--k-line);border-radius:4px;padding:2px 6px}.k-task-approval{background:var(--k-soft)}.k-approval-line>span:first-child{color:var(--primary)}.k-demo-action{color:var(--fg);font-weight:600;font-size:10px}.k-chat-note{display:flex;gap:9px;align-items:center;padding:1px 3px}.k-chat-note p{font-size:10px;color:var(--muted);margin:6px 0}.k-chat-mark{color:var(--primary);font-size:22px}.k-section-heading{max-width:540px;margin:0 auto 38px;text-align:center}.k-section-heading .k-eyebrow{justify-content:center}.k-section-heading h2{font-size:28px;line-height:1.7;margin:0 0 10px;color:var(--k-ink);font-weight:800}.k-section-heading>p:last-child{font-size:14px;line-height:1.95;color:var(--muted);margin:0}.k-workflow{padding:54px 0 60px;border-top:1px solid var(--k-line)}.k-workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.k-workflow-grid article{position:relative;padding:0 8px}.k-step-number{display:grid;place-items:center;width:34px;height:34px;color:var(--primary);background:var(--accent);font-size:14px;font-weight:700;border-radius:10px;margin-bottom:16px}.k-workflow-grid h3{font-size:16px;margin:0 0 8px}.k-workflow-grid p{font-size:13px;color:var(--muted);line-height:1.95;margin:0}.k-feature-strip{background:var(--k-soft);border:1px solid var(--k-line);border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:54px;padding:32px 38px}.k-feature-strip h2{font-size:18px;margin:12px 0 9px;color:var(--k-ink)}.k-feature-strip p{font-size:13px;color:var(--muted);line-height:1.95;margin:0}.k-feature-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--card);color:var(--primary);font-size:21px;border:1px solid var(--k-line)}.k-pricing{padding:86px 0 64px;scroll-margin-top:20px}.k-billing-toggle{display:flex;justify-content:center;gap:4px;background:var(--k-soft);border:1px solid var(--k-line);padding:5px;border-radius:12px;width:max-content;margin:0 auto 30px}.k-billing-toggle button{background:transparent;color:var(--muted);padding:8px 22px;min-height:40px;font-size:13px;font-weight:500;border-radius:8px}.k-billing-toggle button[aria-pressed=true]{background:var(--card);color:var(--fg);box-shadow:0 1px 4px #0000000c}.k-billing-toggle button>span{font-size:10px;margin-inline-start:7px;color:var(--muted)}.k-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.k-price-card{padding:25px 23px 23px;border:1px solid var(--k-line);border-radius:18px;background:var(--card);display:flex;flex-direction:column;min-width:0}.k-price-card:nth-child(2){border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.k-price-top h3{font-size:20px;font-weight:800;margin:0 0 3px;color:var(--k-ink)}.k-price-top p{font-size:12px;color:var(--muted);margin:0}.k-price{padding:26px 0 22px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.k-price>strong{font-size:28px;line-height:1.5;letter-spacing:-.4px;font-weight:800;color:var(--k-ink);font-variant-numeric:tabular-nums}.k-price>span{font-size:11px;color:var(--muted);line-height:1.9}.k-price small{display:block;font-size:10px}.k-plan-features{list-style:none;padding:0;margin:0 0 26px;font-size:12px;line-height:2.2;flex-grow:1}.k-plan-features li{display:flex;align-items:baseline;gap:9px;padding:3px 0}.k-plan-features li>span{color:var(--primary)}.k-price-card>.button,.k-price-card>form{margin-top:auto}.k-price-card .button{font-size:12px;min-height:43px}.k-price-card:nth-child(2)>.button:not(:disabled){background:var(--primary);color:var(--primary-foreground)}.k-price-card>.button:not(:disabled){background:var(--card);color:var(--primary)}.k-price-card button:disabled{color:var(--muted);background:var(--k-soft);border-color:var(--k-line);opacity:1;font-weight:500}.k-intent{font-size:11px}.k-intent select{font-size:11px;min-height:38px}.k-pricing-footnote{font-size:11px;color:var(--muted);text-align:center;margin:18px 0 0;line-height:1.9}.k-period-heading{font-size:15px;margin-bottom:16px}.k-landing[data-billing] .k-period-heading{display:none}.k-landing[data-billing="30"] .k-plan-group[data-period="365"],.k-landing[data-billing="365"] .k-plan-group[data-period="30"]{display:none}.k-draft-note{display:flex;justify-content:center;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin:-15px 0 25px;line-height:1.9}.k-draft-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;background:var(--muted);border-radius:50%}.k-pricing-empty{text-align:center;border:1px solid var(--k-line);border-radius:18px;padding:30px}.k-pricing-empty h3{font-size:17px}.k-pricing-empty p{font-size:13px;color:var(--muted)}.k-credit-packs{border-top:1px solid var(--k-line);margin-top:34px;padding-top:22px}.k-credit-packs>summary{display:flex;justify-content:space-between;gap:16px;color:var(--fg);font-size:13px;list-style:none}.k-credit-packs>summary::-webkit-details-marker{display:none}.k-credit-packs>summary>span:last-child{color:var(--primary);font-size:12px}.k-credit-packs>p{font-size:12px;color:var(--muted);margin:18px 0}.k-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.k-pack-grid article{border:1px solid var(--k-line);padding:18px;border-radius:12px}.k-pack-grid h3{font-size:14px}.k-pack-price{font-size:19px;font-weight:700}.k-pack-price>span{font-size:11px;font-weight:400}.k-faq{padding:36px 0 64px;border-top:1px solid var(--k-line);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.k-faq h2{font-size:28px;font-weight:800;color:var(--k-ink);margin:0 0 12px}.k-faq>div>p:last-child{font-size:13px;color:var(--muted);line-height:1.9}.k-faq-list details{border-bottom:1px solid var(--k-line);padding:17px 0}.k-faq-list details:first-child{padding-top:0}.k-faq-list summary{color:var(--fg);font-size:14px}.k-faq-list details p{font-size:13px;color:var(--muted);line-height:2;margin:12px 0 0}.k-final-cta{padding:32px 36px;background:var(--k-soft);border:1px solid var(--k-line);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 42px}.k-final-cta h2{font-size:22px;color:var(--k-ink);margin:0 0 8px}.k-final-cta p{font-size:13px;color:var(--muted);margin:0}.marketing-page .footer{margin-top:0;padding-top:22px}.marketing-page .tabbar{position:static}
@media(max-width:850px){.k-hero{gap:30px;padding:52px 0 60px}.k-hero h1{font-size:35px}.k-hero-description{font-size:14px}.k-hero-actions{gap:18px}.k-primary{font-size:12px;gap:12px}.k-price-card{padding:22px 17px}.k-price>strong{font-size:23px}.k-plan-features{font-size:11px}.k-feature-strip{gap:30px;padding:27px}.k-faq{gap:35px}}
@media(max-width:620px){.marketing-page .wrap,.wrap:has(.k-landing){padding:0 20px 28px}.marketing-page .header,.wrap:has(.k-landing)>.header{min-height:82px;padding:17px 0}.marketing-page .brand{font-size:19px}.marketing-page .header .button{font-size:11px;min-height:37px;padding:7px 10px}.marketing-page .header .icon-button{min-height:37px;padding:5px 9px}.k-page-nav{font-size:11px;gap:22px;padding:2px 0 14px}.k-hero{grid-template-columns:1fr;padding:42px 0 52px;gap:42px}.k-hero h1{font-size:35px;line-height:1.65;margin-bottom:19px}.k-hero-description{font-size:14px;line-height:2.05;max-width:380px;margin-bottom:23px}.k-hero-actions{gap:22px}.k-primary{font-size:12px;min-height:45px}.k-text-link{font-size:11px}.k-hero-note{font-size:10px;margin-top:17px}.k-demo{max-width:420px;width:100%;margin:auto;transform:none}.k-demo:before{inset:-12px 12px 12px -6px;transform:rotate(3deg);border-radius:20px}.k-demo-content{padding:18px 15px 12px}.k-workflow{padding:40px 0}.k-section-heading{margin-bottom:28px;text-align:right}.k-section-heading .k-eyebrow{justify-content:flex-start}.k-section-heading h2{font-size:24px}.k-section-heading>p:last-child{font-size:13px}.k-workflow-grid{grid-template-columns:1fr;gap:24px}.k-workflow-grid article{padding-inline-start:51px;min-height:55px}.k-step-number{position:absolute;right:0;top:1px}.k-workflow-grid h3{font-size:15px;margin-bottom:5px}.k-workflow-grid p{font-size:12px;line-height:1.95}.k-feature-strip{grid-template-columns:1fr;gap:27px;padding:25px 22px;border-radius:16px}.k-feature-strip h2{font-size:17px;margin-top:10px}.k-feature-strip p{font-size:12px}.k-pricing{padding:50px 0 42px}.k-billing-toggle{width:100%;margin-bottom:23px}.k-billing-toggle button{flex:1;padding:8px 12px}.k-billing-toggle button>span{font-size:9px}.k-pricing-grid{grid-template-columns:1fr;gap:15px}.k-price-card{padding:23px}.k-price-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.k-price-top h3{font-size:21px}.k-price-top p{font-size:11px}.k-price{padding:21px 0 16px}.k-price>strong{font-size:31px}.k-plan-features{font-size:12px;margin-bottom:20px}.k-plan-features li{padding:2px 0}.k-price-card .button{font-size:12px;min-height:44px}.k-draft-note{font-size:10px;justify-content:flex-start;align-items:baseline;margin:-9px 0 22px}.k-credit-packs{margin-top:27px}.k-credit-packs>summary{flex-direction:column;gap:4px}.k-pack-grid{grid-template-columns:1fr}.k-faq{grid-template-columns:1fr;gap:15px;padding:30px 0 36px}.k-faq h2{font-size:24px}.k-faq>div>p:last-child{font-size:12px}.k-faq-list summary{font-size:13px}.k-final-cta{padding:25px 23px;display:block;border-radius:15px;margin-bottom:30px}.k-final-cta h2{font-size:20px}.k-final-cta p{font-size:12px;line-height:1.9}.k-final-cta>.button{margin-top:20px}.marketing-page .footer{font-size:10px}.k-demo-top{padding:13px 15px}}
@media(max-width:350px){.marketing-page .wrap,.wrap:has(.k-landing){padding-inline:15px}.marketing-page .header .button{font-size:10px;padding-inline:8px}.marketing-page .brand{font-size:17px}.marketing-page .brand-mark{width:27px;height:27px}.marketing-page .header .row{gap:5px}.k-hero h1{font-size:30px}.k-hero-actions{gap:17px}.k-price>strong{font-size:28px}.k-price-top{display:block}.k-price-top p{margin-top:4px}}
.k-landing{overflow-x:clip}

/* Product preview is a capture of the real miniapp, with no invented chrome. */
.k-product-shot{margin:0;max-width:440px;justify-self:center;width:100%}
.k-product-shot img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:14px}
.k-product-shot figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}
.k-faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:16px}
.k-faq-list summary::-webkit-details-marker{display:none}
.k-faq-list summary::marker{content:''}
.k-faq-list summary::after{content:'+';font-size:20px;color:var(--muted);font-weight:400}
.k-faq-list details[open]>summary::after{content:'−'}
.k-landing summary{list-style:none}
.k-landing summary::-webkit-details-marker{display:none}
.k-landing summary::marker{content:''}

/* Reasons to choose Kandoo follow the existing blue, RTL landing system. */
.k-why{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:52px 0 64px;scroll-margin-top:24px}
.k-why-intro h2{font-size:32px;line-height:1.6;color:var(--k-ink);margin:0 0 16px}
.k-why-intro>p:not(.k-eyebrow){font-size:15px;line-height:2;color:var(--muted);margin:0 0 18px}
.k-why-intro .k-why-fit{border-inline-start:3px solid var(--primary);padding-inline-start:16px}
.k-why-reasons article{padding:22px 0;border-bottom:1px solid var(--k-line)}
.k-why-reasons article:first-child{padding-top:0}
.k-why-reasons article:last-child{border-bottom:0;padding-bottom:0}
.k-why-reasons h3{font-size:17px;color:var(--k-ink);margin:0 0 8px}
.k-why-reasons p{font-size:13px;line-height:2;color:var(--muted);margin:0}
.k-plan-features li{display:flex;align-items:baseline;gap:10px}
.k-plan-features .k-plan-icon{width:18px;height:18px;flex:0 0 18px;align-self:flex-start;margin-top:5px;color:var(--primary)}
@media(max-width:620px){.k-page-nav{gap:12px;flex-wrap:wrap}.k-why{grid-template-columns:1fr;gap:24px;padding:34px 0 42px}.k-why-intro h2{font-size:26px}.k-why-intro>p:not(.k-eyebrow){font-size:13px}.k-why-reasons h3{font-size:15px}.k-why-reasons p{font-size:12px}}

/* Landing motion is finite; the system preference also covers hover and scroll. */
@media(prefers-reduced-motion:no-preference){
 html:has(.k-landing){scroll-behavior:smooth}
 .k-hero-copy>*{animation:k-enter .7s cubic-bezier(.22,1,.36,1) both}
 .k-hero-copy>:nth-child(2){animation-delay:80ms}.k-hero-copy>:nth-child(3){animation-delay:160ms}.k-hero-copy>:nth-child(4){animation-delay:240ms}.k-hero-copy>:nth-child(5){animation-delay:320ms}
 .k-product-shot{animation:k-enter .9s cubic-bezier(.22,1,.36,1) .18s both}
 .k-product-shot img{animation:k-float 4.8s ease-in-out .9s 1}
 .k-reveal.is-revealed{animation:k-enter .65s cubic-bezier(.22,1,.36,1) both}
 .k-workflow-grid article:nth-child(2),.k-pricing-grid article:nth-child(2){animation-delay:80ms}
 .k-workflow-grid article:nth-child(3),.k-pricing-grid article:nth-child(3){animation-delay:160ms}
 .k-plan-group{animation:k-plan-enter .35s ease-out both}
 .k-landing .button,.k-price-card,.k-plan-icon,.k-step-number,.k-page-nav a,.k-billing-toggle button,.k-faq-list summary::after{transition:transform .22s ease,box-shadow .22s ease,color .22s ease,background-color .22s ease}
 .k-landing .button:active{transform:scale(.97)}
 .k-landing .button:focus-visible{transform:translateY(-2px)}
 .k-faq-list details[open]>p{animation:k-enter .3s ease-out both}
 @media(hover:hover) and (pointer:fine){
  .k-landing .button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 8px 18px -10px var(--primary)}
  .k-price-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px -24px var(--primary)}
  .k-price-card:hover .k-plan-icon{transform:translateY(-2px) scale(1.1)}
  .k-workflow-grid article:hover .k-step-number{transform:scale(1.1)}
  .k-page-nav a:hover{transform:translateY(-2px)}
 }
}
@keyframes k-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes k-plan-enter{from{opacity:.6;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes k-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Conditional form fields must honor native hidden state despite .field display rules. */
.field[hidden]{display:none!important}

/* Native RTL swipe remains available when JavaScript is unavailable. */
.k-product-shot{max-width:380px;min-width:0}
.k-product-slides{display:flex;position:relative;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border:1px solid var(--border);border-radius:14px;direction:rtl;overscroll-behavior-x:contain}
.k-product-slides::-webkit-scrollbar{display:none}
.k-product-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.k-product-slide img{border:0;border-radius:0;width:100%;height:auto}
.k-product-slide .k-shot-dark{display:none}
.dark .k-product-slide .k-shot-light{display:none}
.dark .k-product-slide .k-shot-dark{display:block}
.k-product-controls{display:none;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.k-product-shot.is-enhanced .k-product-controls{display:flex}
.k-product-controls button{font-size:11px;min-height:40px;padding:5px 10px;border-radius:9px}
.k-product-controls button:disabled{opacity:.4;cursor:default}
.k-product-status{font-size:10px;color:var(--muted);margin:0;text-align:center;line-height:1.8}
.k-product-shot figcaption{margin-top:8px}
@media(prefers-reduced-motion:no-preference){.k-product-slide img{animation:none}.k-product-slides{animation:k-float 4.8s ease-in-out .9s 1}}

.k-product-controls{justify-content:center;position:relative;min-height:44px}
.k-product-dots{display:flex;gap:0;width:100%;max-width:344px;align-items:center;justify-content:center}
.k-product-controls .k-product-dot{display:grid;place-items:center;flex:1;min-width:0;max-width:42px;height:44px;min-height:44px;border:0;padding:0;background:transparent;cursor:pointer}
.k-product-dot>span{width:7px;height:7px;border-radius:999px;background:var(--muted);opacity:.35;pointer-events:none}
.k-product-dot[aria-current=true]>span{width:22px;background:var(--primary);opacity:1}
.k-product-shot>.k-product-status{display:none;margin-top:0}
.k-product-shot.is-enhanced>.k-product-status{display:block}
@media(prefers-reduced-motion:no-preference){.k-product-dot>span{transition:width .25s ease,opacity .25s ease,background-color .25s ease}}

/* Administrative workspace shares the landing's white/blue visual language. */
.admin-page .wrap{max-width:1280px;padding:0 28px 32px}
.admin-page>.wrap>.header{min-height:88px;border-bottom:1px solid var(--border);margin-bottom:28px;padding:18px 0}
.admin-page .brand{font-size:20px}
.admin-shell{display:grid;grid-template-columns:214px minmax(0,1fr);gap:32px;align-items:start}
.admin-sidebar{position:sticky;top:24px;min-width:0;padding:8px 0}
.admin-workspace{display:flex;align-items:center;gap:11px;padding:0 10px 26px}
.admin-workspace-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent);color:var(--primary);font-weight:800}
.admin-workspace strong{display:block;font-size:14px}.admin-workspace span:not(.admin-workspace-mark){display:block;font-size:10px;color:var(--muted);margin-top:3px}
.admin-navigation{display:grid;gap:5px}.admin-navigation a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;color:var(--muted);font-size:13px;text-decoration:none;min-height:46px}
.admin-navigation a[aria-current=page]{color:var(--link);background:var(--accent);font-weight:700}
.admin-navigation svg{flex-shrink:0}.admin-nav-badge{margin-inline-start:auto;background:var(--primary);color:var(--primary-foreground);min-width:21px;text-align:center;border-radius:7px;font-size:10px;padding:1px 5px}
.admin-sidebar-foot{border-top:1px solid var(--border);margin:28px 14px 0;padding-top:18px;color:var(--muted);font-size:10px;display:flex;gap:7px;align-items:center}
.admin-status-dot{width:6px;height:6px;border-radius:50%;background:var(--primary)}
.admin-main{min-width:0;padding:8px 0 24px}.admin-page-header,.support-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px}
.admin-page-header h1,.support-header h1{font-size:28px;line-height:1.6;margin:0 0 8px;color:var(--fg)}
.admin-page-header p,.support-header p{font-size:12px;color:var(--muted);line-height:1.9;margin:0;max-width:510px}.admin-page-header .admin-eyebrow{font-size:10px;color:var(--link);margin-bottom:7px}
.admin-page-header>.button{font-size:11px;white-space:nowrap;gap:8px}.admin-button-badge{background:rgba(255,255,255,.2);padding:0 5px;border-radius:5px}
.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:25px}
.admin-metric{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;background:var(--card);padding:19px;color:var(--fg);text-decoration:none!important;min-width:0}
.admin-metric>span{font-size:11px;color:var(--muted)}.admin-metric>strong{font-size:33px;line-height:1.6;color:var(--fg);margin:8px 0 5px}.admin-metric>small{font-size:10px;color:var(--muted)}
.admin-dashboard-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-bottom:22px}.admin-surface{background:var(--card);border:1px solid var(--border);border-radius:17px;padding:23px;margin-bottom:22px;min-width:0}.admin-dashboard-columns>.admin-surface{margin:0}
.admin-section-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.admin-section-title h2{font-size:16px;margin:0}.admin-section-title p{font-size:10px;color:var(--muted);margin:4px 0 0}.admin-section-title>a{font-size:10px;white-space:nowrap}
.admin-activity-row{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border);color:var(--fg);text-decoration:none!important}.admin-activity-row:last-child{border:0}.admin-activity-icon{font-size:10px;color:var(--link);background:var(--accent);border-radius:10px;padding:7px;flex-shrink:0}.admin-activity-copy{min-width:0;flex:1}.admin-activity-copy strong{display:block;font-size:12px;overflow-wrap:anywhere}.admin-activity-copy small{display:block;font-size:9px;color:var(--muted);margin-top:5px}
.admin-action-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);color:var(--fg);text-decoration:none!important}.admin-action-row:last-child{border:0}.admin-action-row strong{display:block;font-size:12px}.admin-action-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.admin-action-row b{color:var(--link);font-size:18px}
.admin-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-company-summary{padding:17px;border:1px solid var(--border);border-radius:12px;color:var(--fg);text-decoration:none!important;min-width:0;overflow-wrap:anywhere}.admin-company-summary strong{font-size:13px}.admin-company-summary p{font-size:11px;color:var(--muted);margin:13px 0 6px}.admin-company-summary .badge{font-size:9px}
.admin-empty,.support-empty{text-align:center;padding:30px 16px;color:var(--muted)}.admin-empty h3,.support-empty h2{font-size:14px;color:var(--fg);margin:0 0 7px}.admin-empty p,.support-empty p{font-size:12px;line-height:1.9;margin:0}
.admin-filter-bar,.support-filters{display:flex;gap:12px;align-items:end;padding:19px;background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;flex-wrap:wrap}.admin-filter-bar .field,.support-filters .field{margin:0;flex:1;min-width:140px;font-size:11px}.admin-filter-bar .field:first-of-type{flex:2}.admin-filter-bar button,.support-filters button{font-size:12px}.admin-result-count{font-size:11px;color:var(--muted);margin:18px 0}
.admin-management>.section,.admin-management>section{margin-top:0}.admin-management h2{font-size:19px;margin:0 0 18px}.admin-management .card{padding:22px;border-radius:16px;margin-bottom:18px;scroll-margin-top:24px}.admin-management .field{font-size:12px}.admin-management details{padding-top:12px}.admin-management details summary{font-size:12px}.admin-management .summary-list{font-size:12px}
.admin-management input,.admin-management select,.admin-management textarea{background:var(--bg)}
.support-shell{min-width:0}.support-shell>.support-header{margin-top:8px}.support-header .button{font-size:12px;white-space:nowrap}.support-header h1{font-size:24px}.support-back{font-size:12px;display:inline-flex;margin-bottom:15px}
.support-filters label{font-size:11px;display:flex;flex-direction:column;gap:6px;flex:1;min-width:115px}.support-filters input,.support-filters select{border:1px solid var(--border);border-radius:9px;padding:9px 10px;background:var(--bg);color:var(--fg);font:inherit;min-height:42px;width:100%}.support-filters .support-search{flex:2;min-width:180px}
.support-list{border:1px solid var(--border);border-radius:15px;background:var(--card);overflow:hidden}.support-ticket-row{display:block;padding:21px;border-bottom:1px solid var(--border);color:var(--fg);text-decoration:none!important;overflow-wrap:anywhere}.support-ticket-row:last-child{border:0}.support-ticket-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.support-ticket-title h2,.support-ticket-title strong{font-size:14px;margin:0}.support-ticket-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:11px;margin-top:11px;align-items:center}
.support-ticket-unread{background:var(--accent);color:var(--link);font-size:10px;border-radius:6px;padding:2px 7px;font-weight:600}.support-status,.support-priority{display:inline-flex;align-items:center;font-size:10px;font-weight:500;border-radius:6px;padding:3px 8px;white-space:nowrap;background:var(--muted-surface);color:var(--muted)}.support-status[data-status=open],.support-status[data-status=in_progress]{background:var(--info-bg);color:var(--info-fg)}.support-status[data-status=waiting_customer]{background:var(--warn-bg);color:var(--warn-fg)}.support-status[data-status=resolved]{background:var(--success-bg);color:var(--success-fg)}.support-priority[data-priority=urgent],.support-priority[data-priority=high]{background:var(--danger-bg);color:var(--danger-fg2)}
.support-pagination{display:flex;justify-content:center;align-items:center;gap:22px;font-size:12px;padding:23px 0}.support-pagination a{padding:6px 12px;border:1px solid var(--border);border-radius:8px}.support-pagination span{color:var(--muted)}
.support-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px;align-items:start}.support-conversation{min-width:0}.support-thread,.support-events{list-style:none;margin:0;padding:0}.support-message{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:20px;margin-bottom:16px;overflow-wrap:anywhere}.support-message--admin{border-inline-start:3px solid var(--primary);background:var(--accent)}.support-message-header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px}.support-message-header time,.support-message-header small{font-size:10px;color:var(--muted)}.support-message-body{font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:14px}
.support-composer,.support-details{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:20px;margin-bottom:18px}.support-composer h2,.support-details h2{font-size:15px;margin:0 0 16px}.support-composer .field,.support-details .field{font-size:12px}.support-composer textarea{min-height:160px}.support-composer p{font-size:11px;color:var(--muted)}.support-details .button,.support-details button{font-size:12px}.support-details dl{font-size:12px;margin:0}.support-details dt{color:var(--muted);margin-top:12px}.support-details dd{margin:4px 0 16px;overflow-wrap:anywhere}.support-details .stack{gap:10px}.support-events li{padding:12px 0;border-bottom:1px solid var(--border);font-size:11px;line-height:1.9;overflow-wrap:anywhere}.support-events li:last-child{border:0}.support-events time{display:block;color:var(--muted);font-size:10px}.support-form{padding:25px;border:1px solid var(--border);border-radius:16px;background:var(--card)}
@media(max-width:1050px){.admin-shell{grid-template-columns:180px minmax(0,1fr);gap:22px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-columns{grid-template-columns:1fr}.support-detail-layout{grid-template-columns:1fr}.admin-page-header{align-items:flex-start}.admin-page-header h1{font-size:25px}}
@media(max-width:760px){.admin-page .wrap{padding:0 18px 24px}.admin-page>.wrap>.header{min-height:78px;margin-bottom:16px}.admin-shell{display:block}.admin-sidebar{position:static;padding:0;margin-bottom:26px}.admin-workspace,.admin-sidebar-foot{display:none}.admin-navigation{display:flex;overflow-x:auto;gap:5px;padding:4px 2px 12px;scrollbar-width:thin}.admin-navigation a{flex:0 0 auto;padding:9px 12px;font-size:11px;min-height:40px;gap:7px;white-space:nowrap}.admin-navigation svg{width:16px;height:16px}.admin-main{padding-top:0}.admin-page-header,.support-header{flex-wrap:wrap;margin-bottom:22px}.admin-page-header h1,.support-header h1{font-size:24px}.admin-page-header>.button{min-height:40px}.admin-metric{padding:16px}.admin-metric>strong{font-size:29px}.admin-surface{padding:19px}.admin-company-grid{grid-template-columns:1fr}.support-filters{padding:15px;gap:12px}.support-filters label{min-width:110px}.support-filters .support-search{min-width:100%;flex-basis:100%}.support-ticket-row{padding:17px}.support-ticket-title h2{font-size:13px}.support-detail-layout{gap:10px}.support-message,.support-composer,.support-details{padding:17px}.support-message-body{font-size:12px}.admin-filter-bar{padding:15px}.admin-filter-bar .field{flex-basis:100%}.admin-management .card{padding:17px}}
@media(max-width:350px){.admin-page .wrap{padding-inline:14px}.admin-page .header .button{font-size:10px;padding-inline:8px}.admin-page .brand{font-size:17px}.admin-metrics{gap:9px}.admin-metric{padding:13px}.admin-metric>span{font-size:10px}.admin-metric>small{font-size:9px}.support-priority,.support-status{font-size:9px}.admin-activity-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){
 .admin-main,.support-shell{animation:k-enter .5s cubic-bezier(.22,1,.36,1) both}
 .admin-metric{animation:k-enter .55s cubic-bezier(.22,1,.36,1) both}.admin-metric:nth-child(2){animation-delay:60ms}.admin-metric:nth-child(3){animation-delay:120ms}.admin-metric:nth-child(4){animation-delay:180ms}
 .admin-navigation a,.admin-metric,.admin-company-summary,.admin-page .button,.support-shell .button,.support-ticket-row{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
 .admin-page details[open]>form,.support-details details[open]{animation:k-enter .25s ease-out both}
 @media(hover:hover) and (pointer:fine){.admin-navigation a:hover{background:var(--accent);color:var(--link)}.admin-metric:hover,.admin-company-summary:hover{transform:translateY(-3px);box-shadow:0 12px 25px -22px var(--primary)}.support-ticket-row:hover{background:var(--accent)}.admin-page .button:not(:disabled):hover,.support-shell .button:not(:disabled):hover{transform:translateY(-2px)}}
}
.support-conversation.card{padding:0;border:0;background:transparent}
.support-conversation>h2{font-size:15px;margin:0 0 16px}
aside.support-details{padding:0;border:0;background:transparent}
.support-details>section.card{padding:20px;border-radius:15px;margin-bottom:16px}
.support-history>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;list-style:none;min-height:32px;color:var(--fg)}
.support-history>summary::-webkit-details-marker{display:none}
.support-history>summary::after{content:'+';font-size:18px;color:var(--muted)}
.support-history[open]>summary::after{content:'−'}
.support-history>summary span{color:var(--muted);font-size:10px;margin-inline-start:auto}
@media(max-width:760px){.support-details>section.card{padding:17px}}
/* Small action labels keep sufficient contrast on dark administrative surfaces. */
.dark .admin-page,.dark .support-shell{--btn:#2563eb}
.dark .admin-nav-badge{background:#2563eb}
.admin-button-badge{background:rgba(0,0,0,.13)}

/* Visual polish layer: same minimal language, calmer chrome and clearer hierarchy. */
.header{align-items:center;padding:12px 0 16px}
.header .row{gap:6px;flex-wrap:nowrap}
.header .button,.header button{min-height:38px;padding:6px 12px;font-size:13px;border-radius:10px}
.header #theme-toggle{width:38px;padding:0;display:inline-grid;place-items:center;font-size:15px;color:var(--muted)}
.brand{display:inline-flex;align-items:center;gap:2px;letter-spacing:-.01em}
.tabbar{gap:4px;padding:2px 0 14px;margin-bottom:6px;border-bottom:1px solid var(--border)}
.tabbar .tab{padding:6px 14px;font-size:13px;border-color:transparent;background:transparent;color:var(--muted);transition:background .15s,color .15s}
.tabbar .tab:hover{text-decoration:none;color:var(--fg);background:var(--muted-surface)}
.tabbar .tab[aria-current=page]{background:var(--accent);color:var(--accent-foreground);border-color:transparent;font-weight:700}
.card{border-radius:16px;padding:18px;box-shadow:var(--shadow-sm)}
.card>h2:first-child,.card>h3:first-child,.card>.spread:first-child h2{margin-top:0}
.card+.card{margin-top:12px}
button,.button{transition:filter .15s,transform .15s,background .15s,border-color .15s}
button:not(:disabled):active,.button:active{transform:scale(.98)}
button:focus-visible,.button:focus-visible,.tab:focus-visible,a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.ghost:not(:disabled):hover{background:var(--muted-surface);filter:none}
.field{font-weight:600;color:var(--fg)}
.field input,.field select,.field textarea,input.f,textarea.f,select.f{border-color:var(--input-c);border-radius:10px;transition:border-color .15s,box-shadow .15s;font-weight:400}
.field input:focus,.field select:focus,.field textarea:focus,input.f:focus,textarea.f:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 18%,transparent)}
.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.75}
.field small{font-weight:400;font-size:12px}
.notice{border-radius:12px;line-height:1.75}
.muted{line-height:1.85}
.metric{border-radius:12px;background:var(--muted-surface);border-color:transparent;padding:12px 14px}
.metric .stat{line-height:1.4;letter-spacing:-.01em}
.status-grid{gap:10px}
@media(max-width:430px){.status-grid{grid-template-columns:1fr 1fr}}
.footer{margin-top:32px;padding:18px 2px}
.footer a{color:var(--muted)}
.footer a:hover{color:var(--link)}
.support-filters .grid{gap:10px}
.support-filters label.field{align-items:stretch}
.support-filters .ks-select{width:100%;align-self:stretch}
@media(max-width:430px){.support-filters .grid{grid-template-columns:1fr 1fr}.support-filters .grid>label:last-child:nth-child(odd){grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){button,.button,.tabbar .tab{transition:none}button:active,.button:active{transform:none}}
@media(max-width:430px){.card>.grid:has(>.metric){grid-template-columns:1fr 1fr}}
.metric .caption:last-child{margin-top:2px}
.wallet-topups{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:12px}
.wallet-topups form{margin:0}
.wallet-topups button{width:100%}
.wallet-balance{margin:10px 0 4px}
/* Purchase contact form shown until the payment gateway is connected. */
.k-contact{padding:56px 0;scroll-margin-top:24px}.k-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:680px;margin:24px auto 0;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:16px}.k-contact-form .field{display:grid;gap:8px}.k-contact-form input,.k-contact-form textarea{width:100%;box-sizing:border-box;font:inherit}.k-contact-message{grid-column:1/-1}.k-contact-form .button{grid-column:1/-1;justify-self:start}.k-contact-trap{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:620px){.k-contact{padding:40px 0}.k-contact-form{grid-template-columns:1fr;padding:18px}.k-contact-form .button{justify-self:stretch}}
/* Wallet ledger */
.wallet-amount{white-space:nowrap}.wallet-in{color:#15803d}.wallet-out{color:var(--fg)}.dark .wallet-in{color:#4ade80}
/* Consecutive actions never touch, even when a template stacks separate forms. */
.form-actions form{margin:0}.wallet-topups+.form-actions{margin-top:18px}.list li>form+form,.card>form+form{margin-top:12px}
.admin-plan-card form+form,.admin-page article form+form{margin-inline-start:0}.admin-page .form-actions,.admin-page .row{gap:10px}
.admin-page .card>form+form{margin-inline-start:6px}
.admin-qr{margin:14px 0}.admin-qr svg{display:block;background:#fff;border-radius:10px;max-width:100%;height:auto}
/* Monthly usage chart. Palette validated for colour-blind separation on light and dark surfaces. */
.usage-chart svg{display:block;width:100%;height:auto;direction:ltr}.usage-grid{stroke:var(--border);stroke-width:1}.usage-axis{fill:var(--muted);font-size:11px;font-family:inherit}.usage-ai{fill:#2563EB;background:#2563EB}.usage-transcription{fill:#D97706;background:#D97706}.usage-sms{fill:#0F9D8A;background:#0F9D8A}.dark .usage-ai{fill:#3B82F6;background:#3B82F6}.dark .usage-sms{fill:#0D9488;background:#0D9488}.usage-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px;font-size:13px}.usage-legend span{display:inline-flex;align-items:center;gap:6px}.usage-swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.usage-table{margin-top:12px}.table-scroll{overflow-x:auto}.usage-table table{width:100%;border-collapse:collapse;font-size:13px}.usage-table th,.usage-table td{padding:7px 8px;border-bottom:1px solid var(--border);text-align:start;white-space:nowrap}.tenant-metrics{margin:16px 0}.tenant-head-actions{margin-top:0}.backup-tenants{border:1px solid var(--border);border-radius:10px;padding:12px;margin:12px 0}.top-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:14px;background:var(--card);border:1px solid var(--border);border-radius:12px;font-size:13px}.top-summary-warning{border-color:var(--warn)}.top-summary .button{min-height:34px;padding:5px 12px;font-size:13px}
@media print{.header,.footer,.tabbar,.top-summary,.invoice-actions{display:none!important}.invoice{border:0;box-shadow:none}}