/* KD Client Hub – same visual language as KD Partner (wp-admin neutrals, white panels, thin lines, one accent). */
:root {
	--ink: #1d2327; --muted: #646970; --line: #dcdcde; --line2: #f0f0f1; --paper: #fff; --soft: #f6f7f7; --bg: #f0f0f1;
	--ok: #1e8e5a; --warn: #b7791f; --bad: #cc3b3b; --info: #8c8f94;
	--kd-accent: #2F4BD8;
	--accent-soft: color-mix(in srgb, var(--kd-accent) 9%, #fff);
	--accent-ink: color-mix(in srgb, var(--kd-accent) 80%, #000);
	--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.kdh, .kdh-body { color: var(--ink); font-size: 14px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.kdh *, .kdh *::before, .kdh *::after, .kdh-body *, .kdh-body *::before, .kdh-body *::after { box-sizing: border-box; }
.kdh a, .kdh-body a { color: var(--kd-accent); }
.kdh :focus-visible, .kdh-body :focus-visible { outline: 2px solid var(--kd-accent); outline-offset: 2px; box-shadow: none; }
.kdh h1, .kdh h2, .kdh h3, .kdh h4, .kdh-body h1, .kdh-body h2, .kdh-body h3 { color: var(--ink); margin: 0; }
.kdh p, .kdh-body p { margin: 0; }
.kdh-muted { color: var(--muted); }
.kdh-ic { display: inline-block; flex: none; vertical-align: middle; }
.kdh-flag { flex: none; display: block; }

/* ---------- admin frame ---------- */
.kdh-admin { max-width: 1280px; margin: 8px 20px 40px 2px; }
.kdh-top { display: flex; align-items: center; justify-content: space-between; gap: 16px 32px; flex-wrap: wrap; padding: 6px 0 18px; }
.kdh-brands { display: flex; align-items: center; gap: 14px; min-width: 0; flex-wrap: wrap; }
.kdh-client-logo { height: 40px; width: auto; max-width: 220px; display: block; }
.kdh-client-name { font-size: 20px; font-weight: 650; letter-spacing: -0.01em; }
.kdh-x { color: var(--muted); font-size: 18px; font-weight: 300; }
.kdh-partner-brand { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: var(--ink) !important; font-weight: 600; font-size: 15px; }
.kdh-partner-brand img { display: block; }
.kdh-host { display: flex; align-items: center; gap: 10px; font-size: 13px; line-height: 1.35; color: var(--muted); }
.kdh-host strong { display: block; color: var(--ink); font-weight: 600; }
.kdh-host span span { display: block; }
.kdh-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); margin-bottom: 20px; overflow-x: auto; }
.kdh-tabs a { padding: 9px 14px 11px; text-decoration: none; color: var(--muted) !important; font-weight: 500; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.kdh-tabs a:hover { color: var(--ink) !important; }
.kdh-tabs a[aria-current="page"] { color: var(--ink) !important; border-bottom-color: var(--kd-accent); }
.kdh-tabs a:last-child { margin-left: auto; }
.kdh-flash { background: var(--accent-soft); border-left: 3px solid var(--kd-accent); padding: 10px 14px; margin: -6px 0 18px; }
.kdh-flash-warn { background: #fbf1dc; border-left-color: var(--warn); margin-top: 16px; }

.kdh-panel { background: var(--paper); border: 1px solid var(--line); border-radius: 6px; padding: 22px 24px; min-width: 0; }
.kdh-panel + .kdh-panel, .kdh-panel + .kdh-actions, .kdh-vital + .kdh-lower, .kdh-hero-panel + .kdh-panel { margin-top: 20px; }
.kdh-panel h3 { font-size: 16px; margin-bottom: 12px; }
.kdh-panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 8px; }
.kdh-panel-head h3 { margin-bottom: 2px; }
.kdh-hero-panel { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; padding: 26px 30px; }
.kdh-hero-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.kdh-kicker { color: var(--muted); font-size: 13px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.kdh-h1 { font-size: 30px !important; line-height: 1.12 !important; font-weight: 640 !important; letter-spacing: -0.02em; margin: 6px 0 8px !important; padding: 0 !important; }
.kdh-sub { color: var(--muted); max-width: 70ch; }
.kdh-strong { font-weight: 600; text-decoration: none; }
td > .kdh-muted { display: block; font-size: 12.5px; }

.kdh-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; padding: 6px 14px; border-radius: 4px; border: 1px solid color-mix(in srgb, var(--kd-accent) 45%, var(--line)); background: #fff; color: var(--ink) !important; font: inherit; font-weight: 500; text-decoration: none; cursor: pointer; white-space: nowrap; }
.kdh-btn:hover { border-color: var(--kd-accent); }
.kdh-btn .kdh-ic { color: var(--kd-accent); }
.kdh-btn-main { background: var(--kd-accent); border-color: var(--kd-accent); color: #fff !important; }
.kdh-btn-main .kdh-ic { color: #fff; }
.kdh-btn-main:hover { filter: brightness(1.08); }
.kdh-btn[disabled] { opacity: .55; cursor: default; filter: none; }
.kdh-btn-sm { min-height: 28px; padding: 3px 10px; font-size: 13px; }
.kdh-btn-wide { width: 100%; min-height: 40px; }
.kdh-btn-ghost { border-color: transparent; background: transparent; }
.kdh-btn-ghost:hover { background: var(--soft); border-color: var(--line); }
.kdh-linkbtn { background: none; border: 0; padding: 0; color: var(--muted); cursor: pointer; font: inherit; font-size: 12.5px; text-decoration: underline; display: inline-flex; align-items: center; gap: 4px; line-height: 1.4; vertical-align: middle; }
.kdh-linkbtn .kdh-icw { text-decoration: none; }
.kdh-linkbtn:hover { color: var(--bad); }

.kdh-table { width: 100%; border-collapse: collapse; }
.kdh-table th, .kdh-table td { text-align: left; padding: 10px 12px 10px 0; border-top: 1px solid var(--line2); vertical-align: top; }
.kdh-table th { font-weight: 600; color: var(--muted); font-size: 12.5px; border-top: 0; }
.kdh-table .num { text-align: right; white-space: nowrap; }
.kdh-chip { display: inline-block; font-size: 11.5px; line-height: 1.6; padding: 0 8px; border-radius: 10px; background: #f0f0f1; color: var(--muted); white-space: nowrap; font-weight: 500; }
.kdh-chip-live, .kdh-chip-open, .kdh-chip-r-done, .kdh-chip-st-done { background: #e3f4ea; color: #1b6b45; }
.kdh-chip-staging, .kdh-chip-ro, .kdh-chip-r-queued, .kdh-chip-st-progress { background: #fbf1dc; color: #7a5410; }
.kdh-chip-r-running { background: var(--accent-soft); color: var(--accent-ink); }
.kdh-chip-r-failed, .kdh-chip-arch { background: #fbe7e7; color: #8e2626; }
.kdh-chip-st-open { background: var(--accent-soft); color: var(--accent-ink); }
.kdh-chip-r-imported { background: #eef0f2; color: #50575e; }

/* overview */
.kdh-vital { display: grid; grid-template-columns: minmax(0, 1fr) 340px; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; position: relative; }
.kdh-vital::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--ok); }
.kdh-vital.kdh-is-warn::before { background: var(--warn); }
.kdh-vital-main { padding: 26px 30px 22px 34px; min-width: 0; }
.kdh-status { font-size: 36px !important; line-height: 1.08 !important; font-weight: 640 !important; letter-spacing: -0.025em; margin: 8px 0 6px !important; padding: 0 !important; }
.kdh-figs { display: flex; flex-wrap: wrap; gap: 8px 36px; margin: 22px 0 0; padding-top: 16px; border-top: 1px solid var(--line); }
.kdh-figs dt { color: var(--muted); font-size: 12px; }
.kdh-figs dd { margin: 2px 0 0; font-size: 18px; font-weight: 600; }
.kdh-side-card { background: var(--soft); border-left: 1px solid var(--line); padding: 22px 22px; display: flex; flex-direction: column; gap: 14px; }
.kdh-copy { display: flex; gap: 6px; margin-top: 4px; }
.kdh-copy input { flex: 1; min-width: 0; font-size: 13px; background: #fff; }
.kdh-warn-t { color: var(--warn); font-size: 13px; margin-top: 4px !important; }
.kdh-help { color: var(--muted); font-size: 12.5px; line-height: 1.45; margin-top: 6px !important; }
.kdh-lower { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 20px; }
.kdh-side { display: grid; gap: 20px; align-content: start; }
.kdh-side .kdh-panel + .kdh-panel { margin-top: 0; }
.kdh-timeline { margin: 0; padding: 0; list-style: none; position: relative; }
.kdh-timeline::before { content: ""; position: absolute; left: 4px; top: 8px; bottom: 8px; width: 1px; background: var(--line); }
.kdh-timeline li { position: relative; padding: 0 0 14px 22px; margin: 0; }
.kdh-timeline li::before { content: ""; position: absolute; left: 0; top: 6px; width: 9px; height: 9px; border-radius: 50%; background: #fff; border: 2px solid var(--kd-accent); }
.kdh-timeline time { color: var(--muted); font-size: 12.5px; margin-right: 8px; }
.kdh-timeline p { margin-top: 2px; }
.kdh-quote { color: var(--muted); font-size: 13px; }
.kdh-seg { display: inline-flex; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.kdh-seg button { border: 0; background: #fff; padding: 6px 14px; font: inherit; cursor: pointer; color: var(--muted); display: inline-flex; align-items: center; gap: 6px; min-height: 32px; }
.kdh-seg button + button { border-left: 1px solid var(--line); }
.kdh-seg button[aria-pressed="true"] { background: var(--accent-soft); color: var(--ink); font-weight: 600; }
.kdh-seg button[aria-pressed="true"] .kdh-ic { color: var(--kd-accent); }
.kdh-seg button[disabled] { opacity: .5; cursor: default; }
.kdh-kv { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 4px 10px; margin: 14px 0 0; font-size: 13px; }
.kdh-kv dt { color: var(--muted); }
.kdh-kv dd { margin: 0; overflow-wrap: anywhere; }
.kdh-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.kdh-chips span { font-size: 12.5px; padding: 2px 9px; border: 1px solid var(--line); border-radius: 10px; }

/* pages + forms */
.kdh-pages-table input[type="text"], .kdh-pages-table input:not([type]) { width: 100%; }
.kdh-in-num { width: 70px; }
.kdh-path { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; word-break: break-all; }
.kdh-off td { opacity: .5; }
.kdh-off td:first-child { opacity: 1; }
.kdh-del { font-size: 12px; color: var(--muted); white-space: nowrap; }
.kdh-addrow { display: grid; gap: 6px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.kdh-addrow textarea { width: 100%; }
.kdh-logrow td { border-top: 0; padding-top: 0; }
.kdh-pre { white-space: pre-wrap; font-size: 12px; background: var(--soft); padding: 10px; border-radius: 4px; max-height: 320px; overflow: auto; }
.kdh-inline { display: inline; }
.kdh-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
.kdh-field label { display: block; font-weight: 600; margin-bottom: 4px; }
.kdh-field input:not([type="checkbox"]):not([type="radio"]), .kdh-field select, .kdh-field textarea { width: 100%; max-width: 100%; }
.kdh-radios { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.kdh-radios label { font-weight: 400; margin: 0; }
.kdh-actions { margin-top: 20px; }
.kdh-clientrow { display: grid; grid-template-columns: 22px minmax(140px, 1fr) minmax(200px, 2fr) 110px auto; gap: 8px; align-items: center; padding: 8px 0; border-top: 1px solid var(--line2); }
.kdh-swatch { width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(0,0,0,.1); }

@media (max-width: 960px) {
	.kdh-admin { margin-right: 10px; }
	.kdh-vital, .kdh-lower, .kdh-grid2 { grid-template-columns: 1fr; }
	.kdh-side-card { border-left: 0; border-top: 1px solid var(--line); }
	.kdh-status { font-size: 28px !important; }
	.kdh-clientrow { grid-template-columns: 22px 1fr; }
	.kdh-clientrow input, .kdh-clientrow button { grid-column: 2; }
}

/* =====================================================================
   Front: review.kostaras.digital and desk.kostaras.digital
   ===================================================================== */
html, .kdh-body { margin: 0; background: var(--bg); font-family: var(--font); -webkit-font-smoothing: antialiased; }
.kdh-body { min-height: 100vh; }
.kdh-body input, .kdh-body textarea, .kdh-body select, .kdh-body button { font: inherit; color: inherit; }
.kdh-body input[type="text"], .kdh-body input[type="password"], .kdh-body input:not([type]), .kdh-body textarea, .kdh-body select {
	border: 1px solid #8c8f94; border-radius: 4px; padding: 7px 10px; background: #fff; min-height: 36px; width: 100%;
}
.kdh-body textarea { resize: vertical; min-height: 72px; line-height: 1.45; }
.kdh-body input:focus, .kdh-body textarea:focus, .kdh-body select:focus { border-color: var(--kd-accent); outline: 1px solid var(--kd-accent); outline-offset: 0; }
.kdh-loading { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 60vh; color: var(--muted); }
.kdh-spin { width: 16px; height: 16px; border: 2px solid var(--line); border-top-color: var(--kd-accent); border-radius: 50%; animation: kdh-rot .8s linear infinite; display: inline-block; }
@keyframes kdh-rot { to { transform: rotate(360deg); } }
.kdh-noscript { padding: 40px 16px; text-align: center; }
.kdh-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* gate: passcode + who are you */
.kdh-gate { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px 16px; }
.kdh-gate-card { width: min(460px, 100%); background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 30px 30px 26px; position: relative; overflow: hidden; }
.kdh-gate-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--kd-accent); }
.kdh-gate-brands { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; flex-wrap: wrap; }
.kdh-gate-brands img.kdh-cl { max-height: 38px; max-width: 200px; }
.kdh-gate h1 { font-size: 24px; font-weight: 640; letter-spacing: -0.015em; line-height: 1.2; margin: 2px 0 6px; }
.kdh-gate p.kdh-lead { color: var(--muted); margin-bottom: 18px; }
.kdh-gate form { display: grid; gap: 10px; }
.kdh-gate label { font-weight: 600; }
.kdh-err { color: var(--bad); font-size: 13px; min-height: 1em; }
.kdh-names { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 6px; }
.kdh-names button { border: 1px solid var(--line); background: #fff; border-radius: 18px; padding: 6px 14px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.kdh-names button:hover { border-color: var(--kd-accent); background: var(--accent-soft); }
.kdh-ava { width: 26px; height: 26px; border-radius: 50%; background: var(--accent-soft); color: var(--accent-ink); display: inline-flex; align-items: center; justify-content: center; font-size: 11.5px; font-weight: 700; flex: none; letter-spacing: .02em; }
.kdh-names .kdh-ava { width: 22px; height: 22px; font-size: 10.5px; }
.kdh-ava-agency { background: var(--ink); color: #fff; }
.kdh-or { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12.5px; margin: 6px 0; }
.kdh-or::before, .kdh-or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.kdh-row { display: flex; gap: 8px; }
.kdh-row > input { flex: 1; }
.kdh-gate-foot { margin-top: 22px; padding-top: 14px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; color: var(--muted); font-size: 12.5px; }
.kdh-gate-foot .kdh-host { font-size: 12.5px; }

/* app shell */
.kdh-screen-review { overflow: hidden; }
.kdh-shell { display: grid; grid-template-rows: auto auto minmax(0, 1fr); height: 100vh; height: 100dvh; }

.kdh-count { font-size: 11px; background: var(--kd-accent); color: #fff; border-radius: 9px; padding: 0 6px; line-height: 1.6; font-weight: 600; }

.kdh-round select { min-height: 32px !important; padding: 4px 28px 4px 10px !important; width: auto !important; font-size: 13px; }

.kdh-banner { background: #fbf8ec; border-bottom: 1px solid #efe4c2; padding: 8px 16px; font-size: 13px; display: flex; gap: 10px; align-items: center; }
.kdh-banner button { margin-left: auto; }
.kdh-banner-ro { background: #fbe7e7; border-color: #f2c9c9; }

.kdh-main { display: grid; grid-template-columns: var(--rail, 260px) minmax(0, 1fr) var(--pane, 360px); min-height: 0; }
.kdh-main.kdh-no-rail { --rail: 0px; }
.kdh-main.kdh-no-pane { --pane: 0px; }
.kdh-rail, .kdh-pane { background: var(--paper); min-height: 0; overflow: auto; }
.kdh-rail { border-right: 1px solid var(--line); padding: 10px 0 0; display: flex; flex-direction: column; }
.kdh-rail > .kdh-foot { margin-top: auto; }
.kdh-foot { border-top: 1px solid var(--line); padding: 16px 16px 18px; font-size: 12.5px; color: var(--muted); display: grid; gap: 6px; margin-top: 24px; }
.kdh-foot-brand { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; color: var(--ink) !important; text-decoration: none; font-size: 13px; }
.kdh-foot-who { color: var(--ink); }
.kdh-foot-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.kdh-foot-links a { display: inline-flex; align-items: center; gap: 6px; color: var(--muted) !important; text-decoration: none; overflow-wrap: anywhere; }
.kdh-foot-links a:hover { color: var(--kd-accent) !important; }
.kdh-foot-host .kdh-host { font-size: 12px; margin-top: 4px; }
.kdh-board .kdh-foot { grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; gap: 8px 22px; padding: 18px 0 8px; margin-top: 30px; }
.kdh-board .kdh-foot-links { grid-auto-flow: column; justify-content: start; gap: 18px; }
.kdh-phone-only { display: none; }
.kdh-no-rail .kdh-rail, .kdh-no-pane .kdh-pane { display: none; }
.kdh-rail-search { padding: 2px 12px 8px; }
.kdh-rail-search input { min-height: 32px !important; font-size: 13px; }
.kdh-grp { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); padding: 12px 16px 4px; }
.kdh-pg { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; width: 100%; text-align: left; border: 0; background: none; padding: 8px 12px 8px 16px; cursor: pointer; border-left: 3px solid transparent; }
.kdh-pg:hover { background: var(--soft); }
.kdh-pg[aria-current="true"] { background: var(--accent-soft); border-left-color: var(--kd-accent); }

.kdh-pg-t { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kdh-pg-n { font-size: 11px; min-width: 20px; text-align: center; border-radius: 9px; padding: 0 6px; background: var(--kd-accent); color: #fff; font-weight: 600; line-height: 1.6; }
.kdh-pg-n.kdh-zero { background: transparent; color: var(--muted); font-weight: 400; }

.kdh-stage { display: grid; grid-template-rows: auto minmax(0, 1fr); min-width: 0; min-height: 0; }
.kdh-tools { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: var(--paper); border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.kdh-tools .kdh-seg button { padding: 4px 10px; min-height: 30px; font-size: 13px; }
.kdh-tools .kdh-sp { flex: 1; }

.kdh-icbtn { border: 1px solid transparent; background: transparent; border-radius: 4px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--muted); }
.kdh-icbtn:hover { background: var(--soft); border-color: var(--line); color: var(--ink); }
.kdh-icbtn[aria-pressed="true"] { color: var(--kd-accent); }
.kdh-viewer { overflow: auto; position: relative; background: #e6e7e9; overscroll-behavior: contain; }
.kdh-canvas { position: relative; margin: 24px auto 60px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 30px rgba(0,0,0,.08); cursor: crosshair; transform-origin: 0 0; }
.kdh-canvas.kdh-readonly { cursor: default; }
.kdh-canvas img.kdh-shot { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }
.kdh-older { position: sticky; top: 10px; z-index: 6; width: max-content; max-width: calc(100% - 20px); margin: 10px auto -40px; background: var(--ink); color: #fff; font-size: 12.5px; padding: 5px 12px; border-radius: 14px; }
.kdh-empty { max-width: 460px; margin: 12vh auto; text-align: center; color: var(--muted); padding: 0 16px; }
.kdh-empty h2 { color: var(--ink); font-size: 18px; margin-bottom: 6px; }

.kdh-pin { position: absolute; transform: translate(-50%, -100%); width: 30px; height: 30px; border-radius: 50% 50% 50% 4px; rotate: -45deg; background: var(--kd-accent); border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.3); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; z-index: 3; transform-origin: 50% 100%; }
.kdh-pin span { rotate: 45deg; font-size: 12px; font-weight: 700; line-height: 1; }
.kdh-pin:hover, .kdh-pin.kdh-on { z-index: 5; box-shadow: 0 0 0 4px color-mix(in srgb, var(--kd-accent) 30%, transparent), 0 2px 6px rgba(0,0,0,.3); }
.kdh-pin.kdh-st-done, .kdh-pin.kdh-st-wontfix { background: #7c8389; }
.kdh-pin.kdh-st-progress { background: var(--warn); }
.kdh-pin.kdh-draft { background: var(--ink); }
.kdh-pin.kdh-old { opacity: .75; }
.kdh-pop { position: absolute; z-index: 8; width: 300px; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 12px 40px rgba(0,0,0,.2); padding: 14px; cursor: default; }
.kdh-pop textarea { min-height: 84px; }
.kdh-pop-actions { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.kdh-pop-actions .kdh-sp { flex: 1; }
.kdh-pop-who { font-size: 12.5px; color: var(--muted); margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
.kdh-files { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.kdh-files a, .kdh-files span { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; border: 1px solid var(--line); border-radius: 4px; padding: 2px 6px; max-width: 100%; }
.kdh-files img { width: 64px; height: 44px; object-fit: cover; border-radius: 3px; display: block; }
.kdh-files a.kdh-fimg { padding: 0; overflow: hidden; }

/* comments pane */
.kdh-pane { border-left: 1px solid var(--line); display: flex; flex-direction: column; }
.kdh-pane-head { position: sticky; top: 0; background: var(--paper); z-index: 2; padding: 12px 14px 10px; border-bottom: 1px solid var(--line); display: grid; gap: 8px; }
.kdh-pane-head h2 { font-size: 15px; font-weight: 640; }
.kdh-filter { display: inline-flex; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; width: max-content; max-width: 100%; }
.kdh-filter button { border: 0; background: #fff; padding: 4px 10px; cursor: pointer; color: var(--muted); font-size: 12.5px; }
.kdh-filter button + button { border-left: 1px solid var(--line); }
.kdh-filter button[aria-pressed="true"] { background: var(--accent-soft); color: var(--ink); font-weight: 600; }
.kdh-hint { font-size: 12.5px; color: var(--muted); display: flex; gap: 6px; align-items: flex-start; }
.kdh-hint .kdh-ic { color: var(--kd-accent); margin-top: 1px; }
.kdh-list { list-style: none; margin: 0; padding: 0; }
.kdh-c { border-bottom: 1px solid var(--line2); padding: 12px 14px; cursor: pointer; }
.kdh-c:hover { background: #fafafa; }
.kdh-c.kdh-on { background: var(--accent-soft); }
.kdh-c-head { display: flex; align-items: center; gap: 8px; }
.kdh-c-num { width: 22px; height: 22px; border-radius: 50%; background: var(--kd-accent); color: #fff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.kdh-st-done .kdh-c-num, .kdh-st-wontfix .kdh-c-num { background: #7c8389; }
.kdh-st-progress .kdh-c-num { background: var(--warn); }
.kdh-c-who { font-weight: 600; font-size: 13px; }
.kdh-c-when { color: var(--muted); font-size: 12px; margin-left: auto; white-space: nowrap; }
.kdh-c-text { margin-top: 6px !important; white-space: pre-wrap; overflow-wrap: anywhere; }
.kdh-st-done .kdh-c-text, .kdh-st-wontfix .kdh-c-text { color: var(--muted); }
.kdh-c-meta { display: flex; align-items: center; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.kdh-c-meta select { width: auto !important; min-height: 26px !important; padding: 1px 24px 1px 8px !important; font-size: 12px; }
.kdh-c-meta .kdh-linkbtn { font-size: 12px; }
.kdh-replies { margin: 10px 0 0 8px; padding-left: 12px; border-left: 2px solid var(--line); display: grid; gap: 8px; }
.kdh-reply .kdh-c-who { font-size: 12.5px; }
.kdh-reply .kdh-c-text { margin-top: 2px !important; font-size: 13.5px; }
.kdh-replyform { margin-top: 8px; display: grid; gap: 6px; }
.kdh-replyform textarea { min-height: 54px; font-size: 13.5px; }
.kdh-badge-round { font-size: 11px; color: var(--muted); border: 1px solid var(--line); border-radius: 9px; padding: 0 6px; }
.kdh-pane-empty { padding: 28px 18px; color: var(--muted); text-align: center; font-size: 13.5px; }
.kdh-pane-foot { margin-top: auto; padding: 12px 14px; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--muted); display: flex; gap: 8px; align-items: center; }

/* board */
.kdh-board { overflow: auto; padding: 20px; min-height: 0; grid-column: 1 / -1; }
.kdh-board-in { max-width: 1180px; margin: 0 auto; }
.kdh-board-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; }
.kdh-board-head h1 { font-size: 26px; font-weight: 640; letter-spacing: -0.02em; }
.kdh-board-filters { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.kdh-board-filters select, .kdh-board-filters input { width: auto !important; min-height: 32px !important; font-size: 13px; }
.kdh-stats { display: flex; gap: 8px 30px; flex-wrap: wrap; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; padding: 14px 20px; margin-bottom: 14px; }
.kdh-stats div { display: grid; }
.kdh-stats dt { font-size: 12px; color: var(--muted); }
.kdh-stats dd { margin: 0; font-size: 20px; font-weight: 640; }
.kdh-cards { display: grid; gap: 10px; }
.kdh-card { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 16px; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; padding: 12px; cursor: pointer; align-items: start; }
.kdh-card:hover { border-color: var(--kd-accent); }
.kdh-card-shot { width: 120px; height: 80px; border-radius: 4px; border: 1px solid var(--line); background: var(--soft) no-repeat; background-size: 360px auto; position: relative; overflow: hidden; }
.kdh-card-shot::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin: -6px; border-radius: 50%; background: var(--kd-accent); border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.2); }
.kdh-card h3 { font-size: 13px; color: var(--muted); font-weight: 500; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.kdh-card .kdh-c-text { margin-top: 4px !important; }
.kdh-card-side { display: grid; gap: 6px; justify-items: end; }

/* toast + dialog */

.kdh-lightbox { position: fixed; inset: 0; background: rgba(20,24,32,.85); z-index: 60; display: flex; align-items: center; justify-content: center; padding: 20px; }
.kdh-lightbox img { max-width: 100%; max-height: 100%; border-radius: 4px; }

/* home + desk */
.kdh-home:not(.kdh-dwrap) { max-width: 980px; margin: 0 auto; padding: 40px 16px; }
.kdh-home .kdh-top { padding-bottom: 24px; }
.kdh-home-list { display: grid; gap: 10px; margin-top: 16px; }
.kdh-home-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; padding: 14px 18px; text-decoration: none; color: var(--ink) !important; }
.kdh-home-item:hover { border-color: var(--kd-accent); }
.kdh-home-item strong { font-size: 15px; }

@media (max-width: 1100px) { .kdh-main { --rail: 220px; --pane: 320px; } }
@media (max-width: 860px) {
	.kdh-screen-review { overflow: auto; }
	.kdh-shell { height: auto; min-height: 100dvh; grid-template-rows: auto auto auto; }
	
	
	
	.kdh-round select { max-width: 100%; }
	
	
	
	.kdh-main { grid-template-columns: 1fr; }
	.kdh-rail { display: none !important; }
	.kdh-viewer { height: 72dvh; }
	.kdh-pane { border-left: 0; border-top: 1px solid var(--line); display: flex !important; }
	.kdh-pane-head { position: static; }
	.kdh-tools { position: sticky; top: 0; z-index: 7; }
	.kdh-pagesel { display: block !important; flex: 1 1 160px; min-width: 0; }
	.kdh-pagesel select { min-height: 32px !important; font-size: 13px; padding: 4px 8px !important; }
	.kdh-desk-only { display: none !important; }
	.kdh-card { grid-template-columns: 80px minmax(0, 1fr); }
	.kdh-phone-only { display: block; }
	.kdh-board .kdh-foot { grid-template-columns: 1fr; }
	.kdh-board .kdh-foot-links { grid-auto-flow: row; }
	.kdh-card-shot { width: 80px; height: 60px; background-size: 240px auto; }
	.kdh-card-side { grid-column: 1 / -1; justify-items: start; grid-auto-flow: column; justify-content: start; }
	.kdh-board { padding: 14px 12px; }
	.kdh-pop { width: min(300px, calc(100vw - 40px)); }
}
.kdh-pagesel { display: none; }
@media print {
	.kdh-tools, .kdh-board-filters, .kdh-rail, .kdh-pane { display: none !important; }
	.kdh-screen-review { overflow: visible; }
	.kdh-shell { height: auto; display: block; }
}

/* name chip menu */
.kdh-menu { position: fixed; z-index: 40; min-width: 240px; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 12px 40px rgba(0,0,0,.18); padding: 6px; display: grid; }
.kdh-menu button { display: flex; align-items: center; gap: 10px; border: 0; background: none; text-align: left; padding: 9px 10px; border-radius: 5px; cursor: pointer; color: var(--ink); }
.kdh-menu button:hover { background: var(--accent-soft); }
.kdh-menu button .kdh-ic { color: var(--kd-accent); }
.kdh-menu-who { display: flex; align-items: center; gap: 10px; padding: 8px 10px 10px; border-bottom: 1px solid var(--line); margin-bottom: 4px !important; }
.kdh-menu-who > span:last-child { display: grid; font-size: 12px; color: var(--muted); }
.kdh-menu-who strong { color: var(--ink); font-size: 14px; }

.kdh-gate-foot { flex-direction: column; align-items: stretch; gap: 10px; }
.kdh-gate-foot-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.kdh-gate-kd { display: inline-flex; align-items: center; gap: 6px; color: var(--muted) !important; text-decoration: none; font-weight: 600; font-size: 12.5px; }
.kdh-gate-kd:hover { color: var(--ink) !important; }
.kdh-gate-kd img { display: block; opacity: .85; }

/* invites */
.kdh-invite-form { display: grid; gap: 8px; }
.kdh-invite-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 8px; }
.kdh-invite-form input, .kdh-invite-form textarea { width: 100%; }
.kdh-invite-actions { display: flex; justify-content: flex-end; gap: 8px; }
.kdh-invites { list-style: none; margin: 14px 0 0; padding: 0; }
.kdh-invites li { padding: 9px 0; border-top: 1px solid var(--line2); margin: 0; display: grid; gap: 4px; }
.kdh-invites .kdh-muted { font-size: 12.5px; }
.kdh-invite-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* attachments: chips, drop zone */
.kdh-attach { display: grid; gap: 6px; margin-top: 6px; }
.kdh-files { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.kdh-attach .kdh-files { margin-top: 0; }
.kdh-fitem { position: relative; display: inline-flex; }
.kdh-fx { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--line); background: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; color: var(--muted); }
.kdh-fx:hover { color: var(--bad); border-color: var(--bad); }
.kdh-fdoc { display: inline-flex; align-items: center; gap: 6px; max-width: 240px; border: 1px solid var(--line); border-radius: 5px; padding: 5px 8px; font-size: 12.5px; color: var(--ink) !important; text-decoration: none; background: #fff; }
.kdh-fdoc:hover { border-color: var(--kd-accent); }
.kdh-fdoc .kdh-ic { color: var(--kd-accent); }
.kdh-fname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.kdh-fsize { color: var(--muted); font-size: 11.5px; white-space: nowrap; }
.kdh-fup { color: var(--muted) !important; }
.kdh-fup .kdh-spin { width: 12px; height: 12px; }
.kdh-files a.kdh-fimg { padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 5px; }
.kdh-files img { width: 72px; height: 50px; object-fit: cover; display: block; }
.kdh-drop { display: flex; align-items: center; gap: 7px; border: 1px dashed #c3c4c7; border-radius: 5px; padding: 7px 10px; font-size: 12.5px; color: var(--muted); cursor: pointer; font-weight: 400; }
.kdh-drop:hover { border-color: var(--kd-accent); color: var(--ink); }
.kdh-drop .kdh-ic { color: var(--kd-accent); }
.kdh-drop u { color: var(--kd-accent); text-decoration: none; font-weight: 600; }
.kdh-dragover { outline: 2px dashed var(--kd-accent) !important; outline-offset: 3px; background: var(--accent-soft); }
.kdh-canvas.kdh-dragover { outline-offset: -4px; background: #fff; }
.kdh-canvas.kdh-dragover::after { content: "Drop to comment here with this file"; position: sticky; bottom: 20px; display: block; width: max-content; margin: -40px auto 0; background: var(--kd-accent); color: #fff; padding: 6px 14px; border-radius: 16px; font-size: 13px; z-index: 9; }
.kdh-pop { width: 320px; }

.kdh-pstate { min-width: 130px; }
.kdh-pstate-notready { background: #fbf1dc; }

/* not ready, mentions, notifications */
.kdh-nr { display: inline-block; margin-left: 6px; font-size: 10.5px; font-weight: 600; color: #7a5410; background: #fbf1dc; border-radius: 8px; padding: 0 6px; vertical-align: 1px; }
.kdh-nr-banner { background: #7a5410; display: flex; align-items: center; gap: 6px; }
.kdh-mention { color: var(--kd-accent); font-weight: 600; }
.kdh-mention-me { background: var(--accent-soft); border-radius: 3px; padding: 0 2px; }
.kdh-mwrap { position: relative; }
.kdh-mlist { position: absolute; left: 0; top: 100%; z-index: 20; margin-top: 2px; min-width: 200px; background: #fff; border: 1px solid var(--line); border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,.15); padding: 4px; display: grid; }
.kdh-mlist[hidden] { display: none; }
.kdh-mlist button { display: flex; align-items: center; gap: 8px; border: 0; background: none; padding: 6px 8px; border-radius: 4px; cursor: pointer; text-align: left; font-size: 13px; }
.kdh-mlist button.kdh-on, .kdh-mlist button:hover { background: var(--accent-soft); }
.kdh-mlist .kdh-ava { width: 20px; height: 20px; font-size: 9.5px; }
.kdh-bell { position: relative; }
.kdh-bell .kdh-count { position: absolute; top: -2px; right: -4px; min-width: 16px; font-size: 10px; padding: 0 4px; }
.kdh-bellmenu { width: min(360px, calc(100vw - 16px)); max-height: 70vh; overflow: auto; }
.kdh-menu-title { font-weight: 640; padding: 8px 10px 6px; border-bottom: 1px solid var(--line); margin-bottom: 4px !important; }
.kdh-menu-empty { color: var(--muted); font-size: 13px; padding: 12px 10px; }
.kdh-bellmenu button { align-items: flex-start; }
.kdh-bellmenu button.kdh-unread { background: var(--accent-soft); }
.kdh-bellmenu .kdh-ic { margin-top: 2px; }
.kdh-note { display: grid; gap: 1px; font-size: 13px; min-width: 0; }
.kdh-note > span { color: var(--muted); font-size: 12px; }
.kdh-note em { font-style: normal; color: var(--muted); font-size: 12.5px; overflow-wrap: anywhere; }

/* What's new update */
.kdh-upd-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.kdh-upd-list label{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid #dcdcde;border-radius:6px;background:#fff;cursor:pointer;font-size:13.5px;line-height:1.45}
.kdh-upd-list input{margin-top:3px}
.kdh-upd-who{display:flex;gap:8px;align-items:center;margin:8px 0;font-size:13.5px}
.kdh-upd-hist{margin:8px 0 0;padding-left:18px;font-size:13px;color:#50575e}

/* live: something new arrived */

@keyframes kdh-toast-in { from { opacity: 0; transform: translate(-50%, 12px); } }
.kdh-pin.kdh-new { animation: kdh-pin-pulse 1.2s ease-out 3; }
@keyframes kdh-pin-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--kd-accent) 60%, transparent), 0 2px 6px rgba(0,0,0,.3); } 100% { box-shadow: 0 0 0 16px transparent, 0 2px 6px rgba(0,0,0,.3); } }
.kdh-c.kdh-new { background: color-mix(in srgb, var(--kd-accent) 9%, #fff); transition: background 1.5s; }

/* moderation + AI */
.kdh-mod { display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.kdh-chip-pending { background: #fcf0d4; color: #7a5a00; }
.kdh-c-pending { background: repeating-linear-gradient(135deg, #fff, #fff 8px, #fbf7ec 8px, #fbf7ec 16px); }
.kdh-c-declined { opacity: .6; }
.kdh-pin.kdh-pin-pending { background: #fff; color: #7a5a00; border: 2px dashed #b88a00; }
.kdh-pin.kdh-pin-declined { background: #8c8f94; opacity: .6; }

.kdh-pin.kdh-st-ai, .kdh-c.kdh-st-ai .kdh-c-num { background: #6b4fd8; }
.kdh-modpass { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 6px; font-size: 12.5px; }
.kdh-modpass input { width: 180px; }

/* ================= Service Desk ================= */
.kdh-body input[type="email"], .kdh-body input[type="url"], .kdh-body input[type="search"], .kdh-body input[type="number"] { border: 1px solid #8c8f94; border-radius: 4px; padding: 7px 10px; background: #fff; min-height: 36px; width: 100%; }
.kdh-screen-desk { background: var(--bg); }
.kdh-desk { display: flex; flex-direction: column; min-height: 100vh; height: auto; }

.kdh-dmain { flex: 1; padding: 22px 16px 40px; }
.kdh-dwrap { max-width: 1100px; margin: 0 auto; display: grid; gap: 16px; align-content: start; }
.kdh-dwide { max-width: 1400px; }
.kdh-dnarrow { max-width: 760px; }
.kdh-dhead { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
.kdh-dhead h1 { font-size: 24px; letter-spacing: -.01em; }
.kdh-kicker { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); font-weight: 600; }
.kdh-count-soft { background: #e4e5e7; color: var(--ink); margin-left: 6px; }
button[aria-pressed="true"] .kdh-count-soft { background: var(--kd-accent); color: #fff; }
.kdh-dhead .kdh-filter button { padding: 6px 12px; font-size: 13px; }
.kdh-dfilters { display: flex; gap: 8px; flex-wrap: wrap; }
.kdh-dfilters input[type=search] { max-width: 260px; }
.kdh-dfilters select { width: auto; min-width: 150px; }
.kdh-tlist { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.kdh-trow { display: grid; grid-template-columns: 52px 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 16px; text-decoration: none; color: var(--ink) !important; border-top: 1px solid var(--line2); }
.kdh-trow:first-child { border-top: 0; }
.kdh-trow:hover { background: var(--soft); }
.kdh-tid { color: var(--muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.kdh-tmain { display: grid; min-width: 0; }
.kdh-tmain strong, .kdh-tmain span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kdh-tmain span { font-size: 12.5px; }
.kdh-tside { display: flex; align-items: center; gap: 8px; }
.kdh-twhen { font-size: 12px; min-width: 70px; text-align: right; }
.kdh-trow-resolved strong, .kdh-trow-closed strong { color: var(--muted); font-weight: 500; }
.kdh-prio { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 20px; border-radius: 4px; font-size: 11.5px; font-weight: 700; color: #fff; }
.kdh-prio-1 { background: #cc1f1f; } .kdh-prio-2 { background: #d97706; } .kdh-prio-3 { background: #2563eb; } .kdh-prio-4 { background: #4b8f5a; }
.kdh-tst { font-size: 11.5px; line-height: 1.6; padding: 0 8px; border-radius: 10px; white-space: nowrap; font-weight: 600; background: #f0f0f1; color: var(--muted); }
.kdh-tst-new { background: #fde8e8; color: #9b1c1c; } .kdh-tst-ack { background: #e8eefc; color: #1e3a8a; } .kdh-tst-progress { background: var(--accent-soft); color: var(--accent-ink); }
.kdh-tst-waiting { background: #fcf0d4; color: #7a5a00; } .kdh-tst-resolved { background: #e3f4ea; color: #166534; }
.kdh-sla { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; white-space: nowrap; padding: 0 6px; border-radius: 4px; }
.kdh-sla-ok { color: var(--muted); } .kdh-sla-soon { color: #8a5a00; background: #fcf0d4; } .kdh-sla-late { color: #fff; background: #cc1f1f; font-weight: 600; }
.kdh-ava-empty { background: #f0f0f1; color: var(--muted); }
.kdh-empty { background: var(--paper); border: 1px dashed var(--line); border-radius: 8px; padding: 40px 20px; display: grid; justify-items: center; gap: 10px; color: var(--muted); }
/* now board */

/* forms */
.kdh-dform { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 22px; display: grid; gap: 16px; }
.kdh-dform .kdh-field { display: grid; gap: 6px; margin: 0; border: 0; padding: 0; }
.kdh-dform label, .kdh-dform legend, .kdh-flabel { font-weight: 600; padding: 0; }
.kdh-choices { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
.kdh-choice { display: grid; gap: 2px; text-align: left; padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; background: #fff; cursor: pointer; }
.kdh-choice span { font-size: 12.5px; color: var(--muted); line-height: 1.35; }
.kdh-choice[aria-checked="true"] { border-color: var(--kd-accent); box-shadow: 0 0 0 1px var(--kd-accent); background: var(--accent-soft); }
.kdh-choices-prio { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.kdh-choice-p1 strong { color: #cc1f1f; } .kdh-choice-p2 strong { color: #b45309; } .kdh-choice-p3 strong { color: #1d4ed8; } .kdh-choice-p4 strong { color: #3f7a4c; }
.kdh-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.kdh-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
/* ticket */
.kdh-back { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; font-size: 13px; width: max-content; }
.kdh-thead { display: grid; gap: 6px; }
.kdh-thead h1 { font-size: 22px; line-height: 1.3; }
.kdh-tgrid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; }
.kdh-tconv { display: grid; gap: 10px; }
.kdh-msg { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 14px 16px; display: grid; gap: 8px; }
.kdh-msg header { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.kdh-msg header time { margin-left: auto; color: var(--muted); font-size: 12px; }
.kdh-msg-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.kdh-msg-team { border-left: 3px solid var(--kd-accent); }
.kdh-msg-note { background: #fffbeb; border-color: #f3dfa2; border-left: 3px solid #d4a017; }
.kdh-chip-note { background: #fcf0d4; color: #7a5a00; display: inline-flex; align-items: center; gap: 4px; }
.kdh-evt { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted); padding: 0 6px; }
.kdh-evt time { margin-left: auto; }
.kdh-replybox { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 14px; display: grid; gap: 10px; }
.kdh-replybox-note { background: #fffbeb; border-color: #f3dfa2; }
.kdh-replybox.kdh-dragover, .kdh-dform.kdh-dragover { outline: 2px dashed var(--kd-accent); outline-offset: -4px; }
.kdh-seg-sm button { min-height: 28px; padding: 3px 10px; font-size: 13px; }
.kdh-then { width: auto !important; }
.kdh-tside-card { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 6px 16px; position: sticky; top: 70px; }
.kdh-tside-card dl { margin: 0; }
.kdh-kv { display: grid; gap: 3px; padding: 10px 0; border-top: 1px solid var(--line2); }
.kdh-kv:first-child { border-top: 0; }
.kdh-kv dt { font-size: 12px; color: var(--muted); }
.kdh-kv dd { margin: 0; overflow-wrap: anywhere; }
.kdh-kv dd .kdh-sla { margin-left: 4px; }
.kdh-who { display: inline-flex; align-items: center; gap: 6px; }
.kdh-grid3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0 16px; }
@media (max-width: 860px) {
  .kdh-tgrid { grid-template-columns: 1fr; }
  .kdh-tside-card { position: static; order: -1; }
  .kdh-trow { grid-template-columns: 34px minmax(0, 1fr); }
  .kdh-trow .kdh-tid { display: none; }
  .kdh-trow .kdh-tside { grid-column: 2; flex-wrap: wrap; }
  
  
}
/* desk polish */

.kdh-dform .kdh-drop { font-weight: 400; }
.kdh-dmain { min-width: 0; overflow-x: clip; }
.kdh-dwrap > * { min-width: 0; }
.kdh-dhead .kdh-filter { overflow-x: auto; }
.kdh-kv { grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 4px 10px; }
.kdh-desk > .kdh-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; padding: 16px 20px; }
.kdh-desk > .kdh-foot .kdh-foot-links { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; }
.kdh-desk > .kdh-foot .kdh-foot-host { margin-left: auto; }
@media (max-width: 700px) {
  
  
  
  
  
  
  
  .kdh-dmain { padding: 16px 12px 32px; }
  .kdh-dfilters input[type=search] { max-width: none; flex: 1 1 100%; }
  .kdh-twhen { display: none; }
  .kdh-desk > .kdh-foot .kdh-foot-host { margin-left: 0; }
}
.kdh-chip-ticket { display: inline-flex; align-items: center; gap: 3px; text-decoration: none; background: var(--accent-soft); color: var(--accent-ink) !important; }
/* desk: time, hours, report */
.kdh-body input[type="date"] { border: 1px solid #8c8f94; border-radius: 4px; padding: 6px 8px; background: #fff; min-height: 34px; }
.kdh-timebox { border-top: 1px solid var(--line2); padding: 12px 0 14px; display: grid; gap: 8px; }
.kdh-timebox-h { display: flex; justify-content: space-between; gap: 8px; }
.kdh-tlog { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13px; }
.kdh-tlog li { display: flex; justify-content: space-between; gap: 6px; align-items: flex-start; }
.kdh-tlog-note { display: block; font-size: 12px; }
.kdh-chip-free { background: #e3f4ea; color: #166534; margin-left: 6px; }
.kdh-timeform { display: grid; gap: 6px; padding-top: 4px; }
.kdh-timeform .kdh-row { flex-wrap: nowrap; gap: 4px; }
.kdh-tmins { width: 80px !important; }
.kdh-tday { flex: 1; min-width: 0; }
.kdh-month { min-width: 130px; text-align: center; }
.kdh-lead { color: var(--muted); max-width: 70ch; }
.kdh-hbigs { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin: 0; }
.kdh-hbig { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 14px 16px; }
.kdh-hbig dt { font-size: 12.5px; color: var(--muted); }
.kdh-hbig dd { margin: 2px 0 0; font-size: 26px; font-weight: 700; letter-spacing: -.01em; }
.kdh-hbig p { font-size: 12.5px; }
.kdh-hbig-warn dd { color: #b45309; } .kdh-hbig-bad dd { color: #cc1f1f; } .kdh-hbig-free dd { color: var(--ok); }
.kdh-hbar { height: 8px; border-radius: 4px; background: #e4e5e7; overflow: hidden; }
.kdh-hbar span { display: block; height: 100%; background: var(--kd-accent); }
.kdh-panel-d { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 16px; display: grid; gap: 10px; overflow-x: auto; }
.kdh-panel-d h2 { font-size: 15px; }
.kdh-dtable { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.kdh-dtable th { text-align: left; font-size: 12px; color: var(--muted); font-weight: 600; padding: 6px 8px; border-bottom: 1px solid var(--line); }
.kdh-dtable td { padding: 8px; border-bottom: 1px solid var(--line2); vertical-align: top; }
.kdh-dtable .num { text-align: right; white-space: nowrap; }
.kdh-dtable tr.kdh-cur td { background: var(--accent-soft); font-weight: 600; }
.kdh-rpage { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 28px 32px; display: grid; gap: 16px; border-top: 4px solid var(--kd-accent); }
.kdh-rhead { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.kdh-rhead .kdh-cl { height: 42px; width: auto; }
.kdh-rhead h2 { font-size: 22px; text-align: right; }
.kdh-rpage h3 { font-size: 15px; margin-top: 6px; }
.kdh-rfoot { font-size: 12px; color: var(--muted); border-top: 1px solid var(--line); padding-top: 12px; }
@media print {
  .kdh-noprint, .kdh-desk > .kdh-foot { display: none !important; }
  .kdh-screen-desk, .kdh-dmain { background: #fff; padding: 0; }
  .kdh-rpage { border: 0; padding: 0; }
  .kdh-rpage a { color: inherit; text-decoration: none; }
  @page { margin: 16mm; }
}

/* desk overview */
.kdh-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.kdh-kpi { display: grid; gap: 2px; padding: 14px 16px; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; text-decoration: none; color: var(--ink) !important; border-left: 4px solid var(--line); }
.kdh-kpi:hover { border-color: var(--kd-accent); }
.kdh-kpi strong { font-size: 30px; line-height: 1.1; letter-spacing: -.01em; }
.kdh-kpi-l { font-size: 12.5px; color: var(--muted); font-weight: 600; }
.kdh-kpi-s { font-size: 12.5px; color: var(--muted); }
.kdh-kpi-bad { border-left-color: #cc1f1f; } .kdh-kpi-bad strong { color: #cc1f1f; }
.kdh-kpi-warn { border-left-color: #d97706; } .kdh-kpi-warn strong { color: #b45309; }
.kdh-kpi-ok { border-left-color: var(--ok); }
.kdh-homegrid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.kdh-col { display: grid; gap: 16px; }
.kdh-card2 { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 14px 16px; display: grid; gap: 8px; }
.kdh-card2 > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 2px; }
.kdh-card2 > header h2 { font-size: 14.5px; display: inline-flex; align-items: center; gap: 7px; }
.kdh-card2 > header h2 .kdh-ic { color: var(--kd-accent); }
.kdh-card2 > header a { font-size: 12.5px; }
.kdh-mini { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid var(--line2); text-decoration: none; color: var(--ink) !important; }
.kdh-mini:first-of-type { border-top: 0; }
.kdh-mini:hover strong { color: var(--kd-accent); }
.kdh-mini-t { display: grid; min-width: 0; }
.kdh-mini-t > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kdh-mini-t .kdh-muted { font-size: 12px; }
.kdh-calm { display: flex; align-items: center; gap: 8px; color: var(--ok); padding: 6px 0; }
.kdh-nowrow { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start; padding: 6px 0; }
.kdh-nowrow > div { display: grid; gap: 2px; min-width: 0; }
.kdh-nowrow a { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kdh-next { font-size: 12.5px; border-top: 1px solid var(--line2); padding-top: 8px; }

.kdh-hmini-big { font-size: 26px; font-weight: 700; letter-spacing: -.01em; }
.kdh-hmini-big span { font-size: 13px; font-weight: 500; color: var(--muted); }

.kdh-ok { color: var(--ok); }

@media (max-width: 900px) { .kdh-homegrid { grid-template-columns: 1fr; } }
/* back-end home */
.kdh-ahome-h { font-size: 24px !important; margin: 0 0 14px !important; padding: 0 !important; }
.kdh-ahome-sec { display: grid; gap: 14px; }
.kdh-ahome-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.kdh-ahome-head h3 { display: inline-flex; align-items: center; gap: 8px; margin: 0 !important; }
.kdh-ahome-head h3 .kdh-ic { color: var(--kd-accent); }
.kdh-ahome-two { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 24px; }
.kdh-ahome-two h4 { margin: 0 0 8px; font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.kdh-ahome-list { list-style: none; margin: 0; padding: 0; }
.kdh-ahome-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 7px 0; border-top: 1px solid var(--line2); }
.kdh-ahome-list li:first-child { border-top: 0; }
.kdh-ahome-list a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; text-decoration: none; }
.kdh-ahome-hours { display: grid; gap: 6px; padding: 6px 0 10px; }
.kdh-ahome-hours span { color: var(--muted); font-size: 13px; }
.kdh-ahome .kdh-kpi strong { font-size: 26px; }
@media (max-width: 960px) { .kdh-ahome-two { grid-template-columns: 1fr; } }
/* bigger drop zones in the desk */
.kdh-dform .kdh-drop, .kdh-replybox .kdh-drop { justify-content: center; flex-direction: column; gap: 6px; padding: 26px 16px; font-size: 13.5px; border-width: 2px; border-radius: 8px; background: var(--soft); text-align: center; }
.kdh-replybox .kdh-drop { padding: 16px; flex-direction: row; }
.kdh-dform .kdh-drop .kdh-ic { width: 22px; height: 22px; }
.kdh-dform .kdh-drop:hover, .kdh-replybox .kdh-drop:hover, .kdh-dragover .kdh-drop { background: var(--accent-soft); border-color: var(--kd-accent); }
.kdh-freepill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 8px; border-radius: 999px; background: #e3f4ea; color: #166534; font-size: 13px; font-weight: 600; }
.kdh-freepill .kdh-ic { color: #1e8e5a; }
.kdh-hbig-free dd { font-size: 22px; color: #166534; }
.kdh-avas { display: inline-flex; }
.kdh-avas .kdh-ava + .kdh-ava { margin-left: -7px; box-shadow: 0 0 0 2px #fff; }
.kdh-menu-h { font-size: 12px; color: var(--muted); padding: 6px 10px 4px; margin: 0; font-weight: 600; }
/* desk brand */

/* Now page */
.kdh-live { display: inline-flex; align-items: center; gap: 7px; }
.kdh-livedot { width: 8px; height: 8px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 0 rgba(30,142,90,.5); animation: kdh-live 2s infinite; }
@keyframes kdh-live { 70% { box-shadow: 0 0 0 7px rgba(30,142,90,0); } 100% { box-shadow: 0 0 0 0 rgba(30,142,90,0); } }
.kdh-people { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.kdh-person { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: 18px; display: grid; gap: 14px; align-content: start; }
.kdh-person-busy { border-color: color-mix(in srgb, var(--kd-accent) 35%, var(--line)); box-shadow: 0 1px 0 color-mix(in srgb, var(--kd-accent) 25%, transparent), 0 6px 20px -12px color-mix(in srgb, var(--kd-accent) 45%, transparent); }
.kdh-person header { display: flex; align-items: center; gap: 12px; }
.kdh-person h2 { font-size: 17px; }
.kdh-person header p { font-size: 13px; color: var(--muted); }
.kdh-person-busy header p { color: var(--accent-ink); font-weight: 600; }
.kdh-person-ava { position: relative; display: inline-flex; }
.kdh-person-ava .kdh-ava { width: 44px; height: 44px; font-size: 15px; }
.kdh-dot { position: absolute; right: -1px; bottom: -1px; width: 12px; height: 12px; border-radius: 50%; background: #b6bcc2; border: 2px solid #fff; }
.kdh-person-busy .kdh-dot { background: var(--kd-accent); }
.kdh-person:not(.kdh-person-busy) .kdh-dot { background: var(--ok); }
.kdh-person-list, .kdh-lane-list { display: grid; gap: 8px; }
.kdh-lanes { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; align-items: start; }
.kdh-lane { background: color-mix(in srgb, var(--paper) 55%, var(--bg)); border: 1px solid var(--line); border-radius: 12px; padding: 14px; display: grid; gap: 10px; }
.kdh-lane header { display: flex; align-items: center; gap: 8px; }
.kdh-lane h2 { font-size: 14px; flex: 1; }
.kdh-lane-ic { width: 26px; height: 26px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; }
.kdh-lane-next .kdh-lane-ic { background: var(--accent-soft); color: var(--kd-accent); }
.kdh-lane-wait .kdh-lane-ic { background: #fcf0d4; color: #a16207; }
.kdh-lane-done .kdh-lane-ic { background: #e3f4ea; color: #1e8e5a; }
.kdh-lane-n { min-width: 24px; height: 22px; padding: 0 7px; border-radius: 11px; background: var(--paper); border: 1px solid var(--line); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.kdh-lane-sub { font-size: 12px; color: var(--muted); margin-top: -6px !important; }
.kdh-nc { display: grid; gap: 6px; padding: 12px 14px; background: #fff; border: 1px solid var(--line); border-radius: 9px; text-decoration: none; color: var(--ink) !important; transition: border-color .15s, transform .15s, box-shadow .15s; }
.kdh-nc:hover { border-color: var(--kd-accent); transform: translateY(-1px); box-shadow: 0 6px 16px -10px rgba(0,0,0,.35); }
.kdh-nc-now { border-left: 3px solid var(--kd-accent); }
.kdh-lane-done .kdh-nc { opacity: .85; }
.kdh-lane-done .kdh-nc-t { text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--ok) 60%, transparent); }
.kdh-nc-top { display: flex; align-items: center; gap: 8px; }
.kdh-nc-t { font-size: 14px; line-height: 1.35; }
.kdh-nc-m { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); }
.kdh-nc-avas { margin-left: auto; }
.kdh-nc-avas .kdh-ava { width: 22px; height: 22px; font-size: 9.5px; }
.kdh-nempty2 { display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px dashed var(--line); border-radius: 9px; color: var(--muted); font-size: 13px; background: color-mix(in srgb, #fff 60%, transparent); }
.kdh-nempty2 .kdh-ic { color: #b6bcc2; }
/* website chips: one steady colour per site */
.kdh-site { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 1px 8px 1px 6px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.6; color: color-mix(in srgb, var(--s) 75%, #111); background: color-mix(in srgb, var(--s) 10%, #fff); border: 1px solid color-mix(in srgb, var(--s) 22%, #fff); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.kdh-site i { width: 7px; height: 7px; border-radius: 50%; background: var(--s); flex: none; }
.kdh-tmeta { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 12.5px; overflow: hidden; }
.kdh-tmeta .kdh-muted { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kdh-thead-k { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.kdh-thead-k .kdh-site { text-transform: none; letter-spacing: 0; }
.kdh-nc-m .kdh-site { font-size: 11.5px; }
/* by-website cards */
.kdh-sites { gap: 6px; }
.kdh-sitecard { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px; margin: 0 -6px; border-radius: 10px; text-decoration: none; color: var(--ink) !important; transition: background .15s; }
.kdh-sitecard:hover { background: color-mix(in srgb, var(--s) 7%, #fff); }
.kdh-sitecard-tile { width: 38px; height: 38px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; color: #fff; background: linear-gradient(135deg, var(--s), color-mix(in srgb, var(--s) 70%, #000)); box-shadow: 0 4px 10px -6px var(--s); }
.kdh-sitecard-calm .kdh-sitecard-tile { background: color-mix(in srgb, var(--s) 14%, #fff); color: var(--s); box-shadow: none; }
.kdh-sitecard-body { display: grid; gap: 5px; min-width: 0; }
.kdh-sitecard-body strong { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kdh-sitecard-bar { display: flex; gap: 2px; height: 6px; border-radius: 3px; background: #eef0f2; overflow: hidden; }
.kdh-sitecard-bar i { display: block; height: 100%; }
.kdh-sitecard-bar .kdh-prio-1 { background: #cc1f1f; } .kdh-sitecard-bar .kdh-prio-2 { background: #d97706; } .kdh-sitecard-bar .kdh-prio-3 { background: #2563eb; } .kdh-sitecard-bar .kdh-prio-4 { background: #4b8f5a; }
.kdh-sitecard-w { background: #e7c766; }
.kdh-sitecard-sub { font-size: 12px; color: var(--muted); display: inline-flex; align-items: center; gap: 3px; }
.kdh-sitecard-sub b { color: #cc1f1f; font-weight: 600; }
.kdh-sitecard-calm .kdh-sitecard-sub { color: var(--ok); }
.kdh-sitecard-n { font-size: 22px; font-weight: 800; min-width: 28px; text-align: right; color: var(--s); }
/* activity table */
.kdh-acttable-w { overflow-x: auto; margin: 0 -16px -14px; }
.kdh-acttable { width: 100%; border-collapse: collapse; font-size: 13px; }
.kdh-acttable th { text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); font-weight: 600; padding: 6px 12px; border-bottom: 1px solid var(--line); background: var(--soft); }
.kdh-acttable td { padding: 9px 12px; border-bottom: 1px solid var(--line2); vertical-align: middle; }
.kdh-acttable tbody tr { cursor: pointer; }
.kdh-acttable tbody tr:hover td { background: var(--soft); }
.kdh-acttable tbody tr:last-child td { border-bottom: 0; }
.kdh-act-when { color: var(--muted); white-space: nowrap; font-size: 12px; }
.kdh-acttable .kdh-who .kdh-ava { width: 24px; height: 24px; font-size: 10px; }
.kdh-act-what { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; white-space: nowrap; }
.kdh-act-what .kdh-ic { color: var(--muted); }
.kdh-act-created .kdh-ic { color: var(--kd-accent); } .kdh-act-status .kdh-ic { color: var(--ok); } .kdh-act-note .kdh-ic { color: #b45309; }
.kdh-act-x { display: block; font-size: 12px; color: var(--muted); max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kdh-act-req a { color: var(--ink); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 280px; }
.kdh-act-req a:hover { color: var(--kd-accent); }
tr.kdh-act-note td { background: #fffbeb; }
@media (max-width: 700px) {
  .kdh-acttable thead { display: none; }
  .kdh-acttable tr { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; padding: 10px 12px; border-bottom: 1px solid var(--line2); }
  .kdh-acttable td { padding: 0; border: 0; }
  .kdh-act-req, .kdh-acttable td:last-child { grid-column: 1 / -1; }
}

/* ---------- client start page (desk #start) ---------- */
.kst { gap: 18px; }
.kst-pick { display: flex; align-items: center; gap: 8px; justify-self: start; font-size: 13px; }
.kst-pick select { padding: 6px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); font: inherit; }
.kst-top { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); gap: 18px; align-items: stretch; }
@media (max-width: 860px) { .kst-top { grid-template-columns: 1fr; } }
.kst-hello { position: relative; overflow: hidden; border-radius: 14px; padding: clamp(20px, 3vw, 34px); background: radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--kd-accent) 22%, transparent), transparent 45%), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--kd-accent) 10%, transparent), transparent 50%), var(--paper); border: 1px solid var(--line); display: grid; align-content: center; gap: 8px; }
.kst-hello h1 { font-size: clamp(26px, 3.4vw, 40px); line-height: 1.1; letter-spacing: -.02em; margin: 0; }
.kst-intro { color: var(--muted); margin: 0; max-width: 60ch; }
.kst-quick { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.kst-wx { border-radius: 14px; padding: 18px 20px; color: #fff; background: linear-gradient(150deg, color-mix(in srgb, var(--kd-accent) 92%, #fff), color-mix(in srgb, var(--kd-accent) 70%, #000)); display: grid; gap: 12px; align-content: space-between; box-shadow: 0 10px 30px -14px color-mix(in srgb, var(--kd-accent) 70%, transparent); }
.kst-wx-empty { background: var(--paper); color: inherit; border: 1px solid var(--line); box-shadow: none; }
.kst-wx-now { display: flex; align-items: center; gap: 14px; }
.kst-wx-ic .kdh-ic { stroke-width: 1.5; }
.kst-wx-now strong { display: block; font-size: 40px; line-height: 1; font-weight: 700; letter-spacing: -.03em; }
.kst-wx-now span { display: block; font-weight: 600; margin-top: 2px; }
.kst-wx-now small { display: block; opacity: .8; font-size: 12.5px; }
.kst-wx-city { display: flex; align-items: center; gap: 5px; margin: 0; font-size: 13px; opacity: .9; }
.kst-clock { font-variant-numeric: tabular-nums; font-weight: 600; }
.kst-wx-days { list-style: none; margin: 0; padding: 10px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; border-top: 1px solid rgba(255,255,255,.25); }
.kst-wx-days li { display: grid; justify-items: center; gap: 3px; font-size: 12px; }
.kst-wx-days b { font-size: 14px; }
.kst-wx-days em { font-style: normal; opacity: .75; }
.kst-wx-days small { font-size: 11px; opacity: .8; min-height: 1em; }
.kst-strip { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 10px; font-size: 13.5px; border: 1px solid var(--line); background: var(--paper); }
.kst-strip-ok { border-color: color-mix(in srgb, var(--ok) 35%, var(--line)); background: color-mix(in srgb, var(--ok) 7%, var(--paper)); }
.kst-strip-bad { border-color: #e7a3a3; background: #fdf1f1; }
.kst-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ok) 20%, transparent); flex: 0 0 auto; }
.kst-strip-bad .kst-dot { background: #cc3b3b; box-shadow: 0 0 0 4px rgba(204,59,59,.2); animation: kst-pulse 1.6s infinite; }
@keyframes kst-pulse { 50% { box-shadow: 0 0 0 7px rgba(204,59,59,.08); } }
.kst-h { font-size: 15px; margin: 0 0 10px; }
.kst-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.kst-site { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; display: grid; transition: transform .2s, box-shadow .2s; }
.kst-site:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -16px rgba(0,0,0,.35); }
.kst-site-down { border-color: #e7a3a3; }
.kst-thumb { position: relative; display: block; aspect-ratio: 16 / 10; background: #eef0f3; overflow: hidden; border-bottom: 1px solid var(--line); }
.kst-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.kst-thumb-ph { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 6px; color: var(--muted); font-size: 12.5px; }
.kst-badge { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 99px; font-size: 11.5px; font-weight: 600; background: rgba(255,255,255,.94); color: #14532d; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.kst-badge i { width: 7px; height: 7px; border-radius: 50%; background: var(--ok); }
.kst-badge.bad { color: #7f1d1d; } .kst-badge.bad i { background: #cc3b3b; }
.kst-site-b { padding: 12px 14px 14px; display: grid; gap: 2px; }
.kst-site-b strong { font-size: 14.5px; }
.kst-site-b > span { font-size: 12.5px; }
.kst-site-a { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; font-size: 12.5px; }
.kst-site-a a { display: inline-flex; align-items: center; gap: 4px; color: var(--accent-ink); text-decoration: none; font-weight: 600; }
.kst-site-a a:hover { text-decoration: underline; }
.kst-row3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: start; }
@media (max-width: 1000px) { .kst-row3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .kst-row3 { grid-template-columns: 1fr; } }
.kst-card { align-content: start; }
.kst-nums { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.kst-nums a { display: grid; padding: 10px 12px; border-radius: 10px; background: var(--accent-soft); text-decoration: none; color: inherit; }
.kst-nums strong { font-size: 24px; line-height: 1.1; }
.kst-nums span { font-size: 12px; color: var(--muted); }
.kst-nums a.kst-attn { background: #fff4d6; }
.kst-attn { color: #8a5a00; }
.kst-list { list-style: none; margin: 0; padding: 0; display: grid; }
.kst-list li { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 13px; }
.kst-list li:first-child { border-top: 0; }
.kst-list a { color: inherit; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kst-list a:hover { color: var(--accent-ink); }
.kst-rev li { display: grid; justify-content: stretch; gap: 2px; }
.kst-rev a { display: inline-flex; align-items: center; gap: 5px; }
.kst-rev .kdh-muted { font-size: 12.5px; }
.kst-tl { list-style: none; margin: 0; padding: 0 0 0 14px; border-left: 2px solid color-mix(in srgb, var(--kd-accent) 30%, var(--line)); display: grid; gap: 10px; }
.kst-tl li { position: relative; display: grid; gap: 1px; font-size: 13px; }
.kst-tl li:before { content: ""; position: absolute; left: -20px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: var(--paper); border: 2px solid var(--kd-accent); }
.kst-tl time { font-size: 11.5px; color: var(--muted); }
.kst-tl a { color: inherit; }
.kst-docs, .kst-links, .kst-people { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.kst-docs a, .kst-links a { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 8px; color: inherit; text-decoration: none; }
.kst-docs a:hover, .kst-links a:hover { background: var(--accent-soft); }
.kst-docic { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; display: grid; place-items: center; background: var(--accent-soft); color: var(--kd-accent); }
.kst-docs strong, .kst-links strong { display: block; font-size: 13px; }
.kst-docs small, .kst-links small { display: block; font-size: 11.5px; color: var(--muted); }
.kst-links .kdh-icw { color: var(--kd-accent); }
.kst-sub { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin: 8px 0 0; }
.kst-people li { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; }
.kst-people strong { display: block; font-size: 13.5px; }
.kst-people small { display: block; font-size: 12px; color: var(--muted); }
.kst-people-a { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 3px; font-size: 12.5px; }
.kst-people-a a { display: inline-flex; align-items: center; gap: 4px; color: var(--accent-ink); text-decoration: none; }
.kst-hours { display: flex; gap: 6px; align-items: flex-start; font-size: 12.5px; margin: 4px 0 0; }
.kst-card, .kst-card > *, .kst-row3 > * { min-width: 0; }
.kst-list li > a { flex: 1; min-width: 0; }
.kst-pick { white-space: nowrap; }
.kst-tl li > a, .kst-tl li > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 680px) { .kst-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .kst-site-b { padding: 10px; } .kst-site-a { gap: 8px; } .kst-site-b strong { font-size: 13.5px; } }
@media (max-width: 400px) { .kst-grid { grid-template-columns: 1fr; } }
.kst-card, .kst-list, .kst-docs, .kst-links, .kst-people { grid-template-columns: minmax(0, 1fr); }

/* ---------- start page: search ---------- */
.kst-search { position: relative; display: flex; align-items: center; max-width: 520px; margin-top: 6px; }
.kst-search input[type="search"] { width: 100%; padding: 10px 40px 10px 38px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); min-height: 42px; font-size: 14px; }
.kst-sic { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--muted); display: flex; pointer-events: none; }
.kst-kbd { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font: 600 11px/1 var(--font); color: var(--muted); border: 1px solid var(--line); border-radius: 5px; padding: 3px 6px; background: var(--soft); }
.kst-sres { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 30; background: var(--paper); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 16px 40px rgba(0,0,0,.18); padding: 6px; display: grid; gap: 2px; max-height: 360px; overflow: auto; }
.kst-sres[hidden] { display: none; }
.kst-sr { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 7px; color: inherit !important; text-decoration: none; }
.kst-sr:hover, .kst-sr:focus { background: var(--accent-soft); outline: none; }
.kst-sr .kdh-icw { color: var(--kd-accent); }
.kst-sr strong { display: block; font-size: 13.5px; font-weight: 600; }
.kst-sr small { display: block; font-size: 12px; color: var(--muted); }
.kst-snone { padding: 10px; color: var(--muted); font-size: 13px; }
@media (max-width: 680px) { .kst-kbd { display: none; } }

/* ---------- start page: homepage tip ---------- */
.kst-tip { position: relative; display: flex; gap: 14px; align-items: flex-start; padding: 16px 44px 16px 16px; border-radius: 12px; border: 1px dashed color-mix(in srgb, var(--kd-accent) 45%, var(--line)); background: var(--accent-soft); }
.kst-tip-ic { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 10px; display: grid; place-items: center; background: var(--paper); color: var(--kd-accent); }
.kst-tip strong { font-size: 14.5px; }
.kst-tip p { margin: 2px 0 0; font-size: 13px; }
.kst-tip-url { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0 6px; }
.kst-tip-url code { background: var(--paper); border: 1px solid var(--line); border-radius: 6px; padding: 5px 9px; font-size: 13px; }
.kst-tip-how { color: var(--ink); }
.kst-tip details { margin-top: 4px; font-size: 13px; }
.kst-tip summary { cursor: pointer; color: var(--accent-ink); font-weight: 600; }
.kst-tip-note { font-size: 12px !important; margin-top: 6px !important; }
.kst-tip-x { position: absolute; top: 8px; right: 10px; border: 0; background: none; font-size: 22px; line-height: 1; color: var(--muted); cursor: pointer; padding: 4px 6px; }

/* ---------- dark mode (Service Desk; chosen in the name menu) ---------- */
html[data-theme="dark"] body.kdh-screen-desk {
	--ink: #e7e9ec; --muted: #9ba2ab; --line: #2f343b; --line2: #262a30; --paper: #1a1d22; --soft: #22262c; --bg: #121418;
	--accent-soft: color-mix(in srgb, var(--kd-accent) 22%, #1a1d22);
	--accent-ink: color-mix(in srgb, var(--kd-accent) 45%, #fff);
	color-scheme: dark; background: var(--bg); color: var(--ink);
}
html[data-theme="dark"] .kdh-screen-desk .kdh-dmain, html[data-theme="dark"] .kdh-screen-desk .kdh-shell { background: var(--bg); }
html[data-theme="dark"] .kdh-screen-desk .kdh-btn:not(.kdh-btn-main),
html[data-theme="dark"] .kdh-screen-desk .kdh-seg button,
html[data-theme="dark"] .kdh-screen-desk .kdh-filter button,
html[data-theme="dark"] .kdh-screen-desk .kdh-names button,
html[data-theme="dark"] .kdh-screen-desk .kdh-choice,
html[data-theme="dark"] .kdh-screen-desk .kdh-nc,
html[data-theme="dark"] .kdh-screen-desk .kdh-mlist,
html[data-theme="dark"] .kdh-screen-desk .kdh-fdoc,
html[data-theme="dark"] .kdh-screen-desk .kdh-copy input,
html[data-theme="dark"] .kdh-screen-desk input,
html[data-theme="dark"] .kdh-screen-desk textarea,
html[data-theme="dark"] .kdh-screen-desk select { background: var(--paper); color: var(--ink); border-color: var(--line); }
html[data-theme="dark"] .kdh-screen-desk a:not(.kdh-btn) { color: var(--accent-ink); }
html[data-theme="dark"] .kdh-screen-desk .kdh-msg-note, html[data-theme="dark"] .kdh-screen-desk .kdh-replybox-note, html[data-theme="dark"] .kdh-screen-desk tr.kdh-act-note td { background: #2b2614; border-color: #5c4d1a; }
html[data-theme="dark"] .kdh-screen-desk .kdh-flash-warn { background: #2b2614; }

html[data-theme="dark"] .kdh-screen-desk .kst-hello { background: radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--kd-accent) 30%, transparent), transparent 45%), var(--paper); }
html[data-theme="dark"] .kdh-screen-desk .kst-strip-ok { background: color-mix(in srgb, var(--ok) 14%, var(--paper)); }
html[data-theme="dark"] .kdh-screen-desk .kst-strip-bad { background: #2c1717; border-color: #6b2b2b; }
html[data-theme="dark"] .kdh-screen-desk .kst-nums a.kst-attn { background: #2b2614; }
html[data-theme="dark"] .kdh-screen-desk .kst-attn { color: #f0c76a; }
html[data-theme="dark"] .kdh-screen-desk .kst-thumb { background: #22262c; }
html[data-theme="dark"] .kdh-screen-desk .kst-badge { background: rgba(26,29,34,.92); color: #9fe0b8; }
html[data-theme="dark"] .kdh-screen-desk .kst-badge.bad { color: #f2a3a3; }
html[data-theme="dark"] .kdh-screen-desk .kst-wx { background: linear-gradient(150deg, color-mix(in srgb, var(--kd-accent) 70%, #1a1d22), color-mix(in srgb, var(--kd-accent) 40%, #000)); }
html[data-theme="dark"] .kdh-screen-desk .kdh-freepill { background: color-mix(in srgb, var(--ok) 20%, var(--paper)); color: #9fe0b8; }
html[data-theme="dark"] .kdh-screen-desk img.kdh-cl { filter: brightness(1.05); }
@media (max-width: 760px) { html[data-theme="dark"] .kdh-screen-desk, html[data-theme="dark"] .kdh-screen-desk .kdh-dmain { background: var(--bg); } }
.kst-hello { overflow: visible; z-index: 5; }
html[data-theme="dark"] .kdh-screen-desk .kdh-ava-agency { color: #121418; }

/* ---------- founder start page (desk #start for the team) ---------- */
.kfd-next { display: inline-flex; align-items: center; gap: 8px; align-self: start; justify-self: start; max-width: 100%; padding: 7px 12px; border-radius: 99px; background: var(--accent-soft); color: inherit; text-decoration: none; font-size: 13px; }
.kfd-next span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.kfd-next .kdh-icw { color: var(--kd-accent); flex: 0 0 auto; }
.kfd-count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; margin-left: 2px; border-radius: 99px; background: var(--kd-accent); color: #fff; font-size: 11px; font-weight: 700; }
.kfd-btn-ai .kdh-icw { color: #b45309; }
.kfd-row2 { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 14px; align-items: start; }
@media (max-width: 1000px) { .kfd-row2 { grid-template-columns: minmax(0, 1fr); } }
.kfd-row2 > * { min-width: 0; }
.kfd-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.kfd-chip { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 99px; font-size: 12px; font-weight: 600; background: var(--soft); color: var(--muted); }
.kfd-needs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.kfd-need { display: flex; gap: 10px; align-items: flex-start; padding: 9px 0; border-top: 1px solid var(--line); }
.kfd-need:first-child { border-top: 0; }
.kfd-kind { width: 28px; height: 28px; flex: 0 0 auto; border-radius: 8px; display: grid; place-items: center; background: var(--soft); color: var(--muted); }
.kfd-need-b { display: grid; gap: 1px; min-width: 0; }
.kfd-need-b a { color: inherit; text-decoration: none; font-weight: 600; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kfd-need-b a:hover { color: var(--accent-ink); text-decoration: underline; }
.kfd-need-b small { font-size: 12px; color: var(--muted); }
.kfd-quote { font-size: 12.5px; color: var(--ink); opacity: .85; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kfd-k-late .kfd-kind, .kfd-chip.kfd-k-late { background: #fde8e8; color: #b42318; }
.kfd-k-reply .kfd-kind, .kfd-chip.kfd-k-reply { background: #e8efff; color: #2f4bd8; }
.kfd-k-due .kfd-kind, .kfd-chip.kfd-k-due { background: #fff4d6; color: #8a5a00; }
.kfd-k-new .kfd-kind, .kfd-chip.kfd-k-new { background: #eef0f3; color: #475467; }
.kfd-k-approve .kfd-kind, .kfd-chip.kfd-k-approve { background: #f3e8ff; color: #7e22ce; }
.kfd-k-ai .kfd-kind, .kfd-chip.kfd-k-ai { background: #fff1e6; color: #b45309; }
.kfd-clear { display: flex; gap: 12px; align-items: flex-start; padding: 6px 0; }
.kfd-clear > .kdh-icw { width: 40px; height: 40px; border-radius: 10px; display: grid !important; place-items: center; background: color-mix(in srgb, var(--ok) 14%, var(--paper)); color: var(--ok); flex: 0 0 auto; }
.kfd-clear p { margin: 2px 0 0; font-size: 13px; }
.kfd-biz { display: grid; gap: 8px; padding: 12px 0; border-top: 1px solid var(--line); }
.kfd-biz:first-of-type { border-top: 0; padding-top: 0; }
.kfd-biz-h { display: flex; align-items: center; gap: 10px; }
.kfd-logo { height: 24px; width: auto; max-width: 110px; object-fit: contain; }
.kfd-logo-ph { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: var(--s, var(--kd-accent)); color: #fff; font-size: 11px; font-weight: 700; }
.kfd-nums { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kfd-nums a { padding: 8px 10px; }
.kfd-nums strong { font-size: 20px; }
.kfd-nums span { line-height: 1.2; }
.kst-nums a.kfd-bad { background: #fde8e8; }
.kst-nums a.kfd-bad strong { color: #b42318; }
@media (max-width: 480px) { .kfd-nums { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.kfd-hours { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.kfd-hours div { padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; }
.kfd-hours dt { font-size: 11.5px; color: var(--muted); }
.kfd-hours dd { margin: 0; font-weight: 700; font-size: 16px; }
.kfd-bank, .kfd-reports { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; font-size: 12.5px; }
.kfd-reports a, .kfd-bank a { color: var(--accent-ink); }
.kfd-sites { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.kfd-h-note { font-weight: 400; font-size: 12.5px; }
.kfd-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.kfd-sev-2 { border-color: #e7a3a3; box-shadow: 0 0 0 1px #f3c4c4 inset; }
.kfd-sev-1 { border-color: #f1d08a; }
.kfd-sevtag { position: absolute; right: 10px; top: 10px; padding: 3px 9px; border-radius: 99px; font-size: 11px; font-weight: 700; letter-spacing: .02em; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.kfd-sevtag.bad { background: #b42318; color: #fff; }
.kfd-sevtag.warn { background: #fff4d6; color: #8a5a00; }
.kfd-why { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 2px; font-size: 12.5px; font-weight: 600; }
.kfd-why li { display: flex; align-items: center; gap: 5px; }
.kfd-why.bad { color: #b42318; } .kfd-why.warn { color: #8a5a00; }
.kfd-facts { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.kfd-fact { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 99px; font-size: 11.5px; background: var(--soft); color: var(--muted); white-space: nowrap; }
.kfd-fact.ok { background: color-mix(in srgb, var(--ok) 12%, var(--paper)); color: var(--ok); }
.kfd-fact.warn { background: #fff4d6; color: #8a5a00; }
.kfd-fact.bad { background: #fde8e8; color: #b42318; }
.kfd-muted { color: var(--muted); }
.kfd-fx { margin-top: 8px; font-size: 12.5px; }
.kfd-fx summary { cursor: pointer; font-weight: 600; color: #b42318; }
.kfd-fx ul { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 8px; }
.kfd-fx small { display: block; color: var(--muted); }
.kfd-r { font-size: 11px; padding: 1px 6px; border-radius: 99px; background: var(--soft); }
.kfd-r-Critical, .kfd-r-High { background: #fde8e8; color: #b42318; } .kfd-r-Medium { background: #fff4d6; color: #8a5a00; }
.kfd-tools { display: grid; gap: 10px; }
.kfd-tools .kst-h { display: flex; align-items: center; gap: 6px; }
.kfd-tgroups { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.kfd-tgroup { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: 12px; display: grid; gap: 8px; align-content: start; min-width: 0; }
.kfd-tgroup .kst-sub { margin: 0 0 2px 4px; }
.kfd-tiles { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.kfd-tile { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 8px; color: inherit; text-decoration: none; border: 0; background: none; font: inherit; text-align: left; cursor: pointer; width: 100%; min-width: 0; }
.kfd-tile:hover, .kfd-tile:focus-visible { background: var(--accent-soft); }
.kfd-tile > span:last-child { min-width: 0; }
.kfd-tile strong { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.kfd-tile small { display: block; font-size: 11.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kfd-tic { width: 32px; height: 32px; flex: 0 0 auto; border-radius: 8px; display: grid; place-items: center; background: var(--accent-soft); color: var(--kd-accent); }
.kfd-tile-pc .kfd-tic { background: var(--soft); color: var(--muted); }
.kfd-pc { font-style: normal; font-size: 10.5px; font-weight: 600; padding: 1px 6px; border-radius: 99px; background: var(--soft); color: var(--muted); border: 1px dashed var(--line); }
.kfd-ai { color: #b45309 !important; font-weight: 600; }
.kdh-menu a.kfd-mi { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 6px; color: inherit; text-decoration: none; font-size: 13.5px; }
.kdh-menu a.kfd-mi:hover { background: var(--soft); }
html[data-theme="dark"] .kdh-screen-desk .kfd-k-late .kfd-kind, html[data-theme="dark"] .kdh-screen-desk .kfd-chip.kfd-k-late, html[data-theme="dark"] .kdh-screen-desk .kfd-fact.bad, html[data-theme="dark"] .kdh-screen-desk .kst-nums a.kfd-bad, html[data-theme="dark"] .kdh-screen-desk .kfd-r-Critical, html[data-theme="dark"] .kdh-screen-desk .kfd-r-High { background: #3a1c1c; color: #f2a3a3; }
html[data-theme="dark"] .kdh-screen-desk .kst-nums a.kfd-bad strong, html[data-theme="dark"] .kdh-screen-desk .kfd-why.bad, html[data-theme="dark"] .kdh-screen-desk .kfd-fx summary { color: #f2a3a3; }
html[data-theme="dark"] .kdh-screen-desk .kfd-k-due .kfd-kind, html[data-theme="dark"] .kdh-screen-desk .kfd-chip.kfd-k-due, html[data-theme="dark"] .kdh-screen-desk .kfd-fact.warn, html[data-theme="dark"] .kdh-screen-desk .kfd-sevtag.warn, html[data-theme="dark"] .kdh-screen-desk .kfd-r-Medium { background: #2b2614; color: #f0c76a; }
html[data-theme="dark"] .kdh-screen-desk .kfd-why.warn { color: #f0c76a; }
html[data-theme="dark"] .kdh-screen-desk .kfd-k-reply .kfd-kind, html[data-theme="dark"] .kdh-screen-desk .kfd-chip.kfd-k-reply { background: #1c2547; color: #a9b8ff; }
html[data-theme="dark"] .kdh-screen-desk .kfd-k-new .kfd-kind, html[data-theme="dark"] .kdh-screen-desk .kfd-chip.kfd-k-new { background: #262a30; color: #c2c8d0; }
html[data-theme="dark"] .kdh-screen-desk .kfd-k-approve .kfd-kind, html[data-theme="dark"] .kdh-screen-desk .kfd-chip.kfd-k-approve { background: #2d1f3f; color: #d8b4fe; }
html[data-theme="dark"] .kdh-screen-desk .kfd-k-ai .kfd-kind, html[data-theme="dark"] .kdh-screen-desk .kfd-chip.kfd-k-ai { background: #33240f; color: #f5b971; }
html[data-theme="dark"] .kdh-screen-desk .kfd-ai { color: #f5b971 !important; }
html[data-theme="dark"] .kdh-screen-desk .kfd-sev-2 { border-color: #6b2b2b; box-shadow: 0 0 0 1px #6b2b2b inset; }
html[data-theme="dark"] .kdh-screen-desk .kfd-sev-1 { border-color: #5c4d1a; }
html[data-theme="dark"] .kdh-screen-desk .kfd-fact.ok { background: color-mix(in srgb, var(--ok) 18%, var(--paper)); color: #9fe0b8; }
.kst-tip > div { min-width: 0; }
.kst-tip-url code { overflow-wrap: anywhere; min-width: 0; }

/* ---------- Outreach (team only: desk #outreach + start page preview) ---------- */
.kor, .kfd-or { --vio: #6a3fc4; --vio-soft: #6a3fc414; --warnc: #a15c07; --warn-soft: #fcf0d4; --okc: #166534; --ok-soft: #e3f4ea; --badc: #9b1c1c; --bad-soft: #fde8e8; }
html[data-theme="dark"] .kor, html[data-theme="dark"] .kfd-or { --vio: #b9a6ff; --vio-soft: #b9a6ff1f; --warnc: #f0c76a; --warn-soft: #2b2614; --okc: #9fe0b8; --ok-soft: #173224; --badc: #f2a3a3; --bad-soft: #3a1c1c; }
.kor-lead { margin: 2px 0 0; font-size: 13px; }
.kor-at { font-size: 12.5px; }
.kor-warn { color: var(--warnc); font-size: 13px; margin: 6px 0 0; }
.kor-kpis .kdh-kpi { font: inherit; text-align: left; cursor: pointer; }
.kor-kpis .kdh-kpi[aria-pressed="true"] { border-color: var(--kd-accent); box-shadow: inset 0 0 0 1px var(--kd-accent); }
.kor .kdh-card2 > header { flex-wrap: wrap; }
.kor-hint { font-size: 12px; margin: 0; }
.kor .kdh-count { margin-left: 4px; }
.kor-cv { display: grid; gap: 6px; padding: 12px 0; border-top: 1px solid var(--line2); min-width: 0; }
.kor-card2 > header + .kor-cv, .kdh-card2 > header + .kor-cv { border-top: 0; padding-top: 4px; }
.kor-cv-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.kor-cv-t { display: grid; min-width: 0; }
.kor-cv-t strong { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kor-cv-t strong a, .kor-list a, .kor-biz a { color: inherit !important; text-decoration: none; }
.kor-cv-t strong a:hover, .kor-list a:hover { color: var(--accent-ink) !important; text-decoration: underline; }
.kor-cv-t small { font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kor-req { background: var(--warn-soft); margin: 0 -10px; padding: 10px; border-radius: 6px; border-top: 0; }
.cv-sum { margin: 0; font-size: 13.5px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.cv-next { margin: 0; font-size: 13px; padding: 6px 10px; border-left: 3px solid var(--kd-accent); background: var(--accent-soft); border-radius: 0 6px 6px 0; }
.cv-next b { color: var(--accent-ink); margin-right: 4px; }
.cv-tasks { margin: 0; padding: 0; list-style: none; font-size: 12.5px; color: var(--muted); }
.cv-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px 12px; font-size: 12.5px; flex-wrap: wrap; }
.cv-foot details { min-width: 0; flex: 1 1 200px; } .cv-foot summary { cursor: pointer; color: var(--muted); }
.cv-foot q, .kor-list q { display: block; margin: 4px 0 2px; padding-left: 10px; border-left: 2px solid var(--line); font-size: 13px; color: var(--ink); quotes: none; }
.cv-edit { font-size: 12.5px; flex: none; }
.cv-form { display: grid; gap: 8px; }
.cv-form label { font-size: 12px; color: var(--muted); font-weight: 600; display: grid; gap: 4px; }
.cv-form textarea { font: inherit; font-size: 13.5px; }
.kor-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.kor-list li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 10px; padding: 7px 0; border-top: 1px solid var(--line2); font-size: 13px; min-width: 0; }
.kor-list li:first-child { border-top: 0; }
.kor-li-t { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 140px; }
.kor-list small { color: var(--muted); font-size: 12px; white-space: nowrap; }
.kor-list .sc-reply small, .kor-list .sc-stage small { color: var(--accent-ink); font-weight: 600; }
.kor-list details { flex-basis: 100%; font-size: 12.5px; color: var(--muted); } .kor-list summary { cursor: pointer; }
.kor-steps button { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; }
.kor-shown { font-size: 12.5px; }
.kor-tw { overflow-x: auto; margin: 0 -16px -14px; border-top: 1px solid var(--line); }
.kor .kdh-dtable { min-width: 900px; }
.kor .kdh-dtable th, .kor .kdh-dtable td { padding: 9px 12px; }
.kor .kdh-dtable th[data-k] { cursor: pointer; user-select: none; white-space: nowrap; }
.kor .kdh-dtable th[data-dir] { color: var(--ink); } .kor .kdh-dtable th[data-dir]::after { content: " ↓"; color: var(--kd-accent); } .kor .kdh-dtable th[data-dir=asc]::after { content: " ↑"; }
.kor .kdh-dtable tbody tr:hover td { background: var(--soft); }
.kor .kdh-dtable tr:last-child td { border-bottom: 0; }
.kor .kdh-dtable td small { display: block; color: var(--muted); font-size: 12px; margin-top: 1px; }
.kor-biz strong { font-size: 13.5px; }
.kor-biz small a:hover { color: var(--accent-ink) !important; }
.kor-subj { font-style: italic; max-width: 320px; }
.kor-due { color: var(--warnc) !important; font-weight: 600; }
.kor-links { white-space: nowrap; } .kor-links a { font-weight: 600; margin-right: 10px; font-size: 12.5px; }
.kor-empty { padding: 28px !important; text-align: center; color: var(--muted); }
.kor-foot { font-size: 12px; margin: 0; }
.kor-st { display: inline-block; font-size: 11.5px; line-height: 1.6; padding: 0 8px; border-radius: 10px; white-space: nowrap; font-weight: 600; background: var(--soft); color: var(--muted); }
.kor-st.ready { color: var(--ink); }
.kor-st.emailed { background: var(--accent-soft); color: var(--accent-ink); }
.kor-st.viewed { background: var(--vio-soft); color: var(--vio); }
.kor-st.talking, .kor-st.requested { background: var(--warn-soft); color: var(--warnc); }
.kor-st.won { background: var(--ok-soft); color: var(--okc); }
.kor-st.lost { background: var(--bad-soft); color: var(--badc); }
@media (max-width: 900px) { .kor .kdh-homegrid { grid-template-columns: minmax(0, 1fr); } }
/* start page preview */
.kfd-or-body { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr) minmax(0, 1fr); gap: 18px; }
@media (max-width: 1000px) { .kfd-or-body { grid-template-columns: minmax(0, 1fr); } }
.kfd-or-week { margin: 0 0 10px; font-size: 14.5px; line-height: 1.5; }
.kfd-or-week b { color: var(--accent-ink); }
.kfd-or-flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.kfd-or-flow a { display: grid; padding: 8px 6px; border-radius: 10px; background: var(--accent-soft); text-decoration: none; color: inherit !important; text-align: center; }
.kfd-or-flow strong { font-size: 19px; line-height: 1.1; }
.kfd-or-flow span { font-size: 11px; color: var(--muted); }
.kfd-or-since { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 5px 11px; border-radius: 99px; font-size: 12.5px; font-weight: 600; background: var(--accent-soft); color: var(--accent-ink) !important; text-decoration: none; }
.kfd-or h3.kst-sub { margin: 0 0 6px; }
.kfd-or-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.kfd-or-list li { display: grid; gap: 1px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 13px; min-width: 0; }
.kfd-or-list li:first-child { border-top: 0; padding-top: 0; }
.kfd-or-list li > span:first-child { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.kfd-or-list a, .kfd-or-list b { color: inherit !important; text-decoration: none; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.kfd-or-list small { color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kfd-or-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 12px; font-size: 12.5px; }
.kor [hidden], .kfd-or [hidden] { display: none !important; }

/* outreach: follow-ups */
.kor-kpis { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.kor-fu { scroll-margin-top: 70px; }
.kor-fu-msg { margin: 0; padding: 8px 12px; border-radius: 6px; font-size: 13px; font-weight: 600; }
.kor-fu-msg.ok { background: var(--ok-soft); color: var(--okc); } .kor-fu-msg.bad { background: var(--bad-soft); color: var(--badc); }
.kor-fu-list { display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--line); margin: 0 -16px; }
.kor-fu-r { border-bottom: 1px solid var(--line2); }
.kor-fu-r.act { box-shadow: inset 3px 0 0 #d97706; }
.kor-fu-h { display: grid; grid-template-columns: minmax(0, 1.6fr) auto 70px minmax(0, 1.3fr) 20px; gap: 12px; align-items: center; width: 100%; padding: 10px 16px; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.kor-fu-h:hover { background: var(--soft); }
.kor-fu-n { display: grid; min-width: 0; } .kor-fu-n strong { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kor-fu-n small, .kor-fu-meta { font-size: 12px; color: var(--muted); }
.kor-fu-meta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.35; }
.kor-fu-when { font-size: 12.5px; color: var(--muted); white-space: nowrap; } .kor-fu-when.now { color: #b45309; font-weight: 700; }
.kor-warm { color: var(--okc); }
.kor-car .kdh-ic { color: var(--muted); transition: transform .15s; } .kor-fu-h[aria-expanded="true"] .kor-car .kdh-ic { transform: rotate(180deg); }
.kor-fu-d { padding: 4px 16px 16px; display: grid; gap: 10px; background: color-mix(in srgb, var(--soft) 50%, transparent); }
.kor-why { margin: 0; font-size: 13px; } .kor-why b { margin-right: 6px; }
.kor-fu-acts { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.kor-inl { display: inline-flex; gap: 4px; align-items: center; } .kor-inl input { width: 170px; padding: 5px 8px; font-size: 12.5px; }
.kor-fu-k { font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); font-weight: 700; margin: 6px 0 3px; }
.kor-pre { margin: 0; white-space: pre-wrap; font: 12.5px/1.5 ui-monospace, Menlo, Consolas, monospace; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; padding: 10px 12px; max-height: 260px; overflow: auto; }
.kor-fu-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; font-size: 13px; }
.kor-fu-grid > div { min-width: 0; overflow-wrap: anywhere; }
.kor-ev { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 4px; font-size: 12.5px; }
.kor-ev q { display: block; color: var(--muted); font-size: 12px; margin-top: 2px; quotes: none; }
.kor-ev .ev-reply b { color: var(--accent-ink); } .kor-ev .ev-bounce b, .kor-ev .ev-gone b { color: var(--badc); }
.kor-li-row { font-size: 12.5px; padding: 3px 0; } .kor-li-row.done { color: var(--muted); }
.kor-li-add summary { cursor: pointer; color: var(--accent-ink); font-size: 12.5px; margin-top: 6px; }
.kor-li-form { display: grid; gap: 6px; margin-top: 6px; } .kor-li-form input, .kor-li-form select, .kor-li-form textarea { font-size: 13px; padding: 6px 8px; }
.kor-li-form button { justify-self: start; }
.kor-li-box { border: 1px solid #c7d2fe; background: color-mix(in srgb, #0a66c2 6%, var(--paper)); border-radius: 8px; padding: 10px 12px; display: grid; gap: 4px; }
.kor-li-h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13.5px; }
.kor-in { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 4px; background: #0a66c2; color: #fff; font: 700 12px/1 Arial, sans-serif; }
.kor-li-i { display: grid; grid-template-columns: 90px minmax(0, 1fr) minmax(0, 2fr) auto; gap: 12px; align-items: start; padding: 8px 0; border-top: 1px solid var(--line2); font-size: 13px; }
.kor-li-i.later { opacity: .75; }
.kor-now { color: #b45309; }
.kor-li-who { display: grid; min-width: 0; } .kor-li-who a { font-weight: 600; } .kor-li-who small { color: var(--muted); font-size: 12px; }
.kor-li-note p { margin: 0; white-space: pre-wrap; } .kor-li-note small { color: var(--muted); font-size: 11.5px; }
.kor-li-a { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.kor-fu-log summary { cursor: pointer; font-size: 13px; color: var(--accent-ink); font-weight: 600; }
.kor-fu-log .kor-list { margin-top: 6px; }
.kor-log-d { flex-basis: 100%; font-size: 12px; }
.kfd-or-fu { background: #fff4d6; color: #8a5a00 !important; margin-right: 6px; }
html[data-theme="dark"] .kdh-screen-desk .kfd-or-fu { background: #2b2614; color: #f0c76a !important; }
html[data-theme="dark"] .kdh-screen-desk .kor-li-box { border-color: #2f3b5c; }
@media (max-width: 900px) {
  .kor-fu-h { grid-template-columns: minmax(0, 1fr) auto 20px; }
  .kor-fu-when { display: none; } .kor-fu-meta { grid-column: 1 / -1; grid-row: 2; white-space: normal; }
  .kor-fu-grid { grid-template-columns: minmax(0, 1fr); }
  .kor-li-i { grid-template-columns: minmax(0, 1fr); gap: 6px; } .kor-li-a { justify-content: flex-start; }
}
.kor .kor-steps { overflow-x: auto; max-width: 100%; }
.kor .kor-steps button { flex: 0 0 auto; }
html[data-theme="dark"] .kdh-screen-desk .kdh-count-soft { background: #2a2f37; color: #c9ced6; }
html[data-theme="dark"] .kdh-screen-desk .kor-fu-r.act { box-shadow: inset 3px 0 0 #f0b35a; }
.kor-tidy { border: 1px solid var(--line); border-radius: 8px; padding: 8px 12px; background: var(--paper); }
.kor-tidy summary { cursor: pointer; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 13px; }
.kor-tidy summary .kdh-ic { color: var(--ok); }
.kor-tidy .kor-list { margin-top: 6px; }

/* ---------- Outreach sub-tabs, Queue, Places / Gemeinden frames ---------- */
.kor-sub { display: flex; flex-wrap: wrap; gap: 2px; border-bottom: 1px solid var(--line); margin: 4px 0 2px; }
.kor-sub a, html[data-theme="dark"] .kdh-screen-desk .kor-sub a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; color: var(--muted); text-decoration: none; font-weight: 500; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.kor-sub a:hover, .kor-sub a[aria-current="page"], html[data-theme="dark"] .kdh-screen-desk .kor-sub a:hover, html[data-theme="dark"] .kdh-screen-desk .kor-sub a[aria-current="page"] { color: var(--ink); }
.kor-sub a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--kd-accent); font-weight: 600; }
.kor-sub .kdh-count { margin-left: 0; }
.kor-frame { display: block; width: 100%; min-height: 480px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); }
.kor-fd .kdh-dwrap, .kor.kor-fd { gap: 12px; }
.kor-q { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 10px; }
.kor-qi { border: 1px solid var(--line); border-radius: 8px; padding: 12px; display: grid; gap: 6px; background: var(--paper); min-width: 0; }
.kor-qi-h { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.kor-qi-h strong { overflow-wrap: anywhere; }
.kor-qi-m { font-size: 12.5px; color: var(--muted); overflow-wrap: anywhere; }
.kor-qi-n { margin: 0; font-size: 13px; background: var(--soft); border-radius: 6px; padding: 6px 8px; }
.kor-qi-ok, .kor-qi-w { margin: 0; font-size: 12.5px; }
.kor-qi-ok { color: var(--ok); } .kor-qi-w { color: var(--warn); }
.kor-qi-a { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 2px; }
.kor-qi-a select { font: inherit; font-size: 13px; padding: 4px 8px; border: 1px solid var(--line); border-radius: 4px; background: var(--paper); color: var(--ink); max-width: 100%; }
html[data-theme="dark"] .kor-qi-a .kdh-filter button { background: var(--paper); }

/* Google Ads card on the founder start page (Oct 2026) */
.kfd-ads .kfd-ads-body { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 22px; }
.kfd-ads-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.kfd-ads-k { display: grid; padding: 8px 6px; border-radius: 10px; background: var(--accent-soft); text-align: center; }
.kfd-ads-k strong { font-size: 19px; line-height: 1.1; }
.kfd-ads-k span { font-size: 11px; color: var(--muted); }
.kfd-ads-k.on { background: var(--accent); color: #fff; }
.kfd-ads-k.on span { color: #fff; opacity: .85; }
.kfd-ads-line { margin: 8px 0 0; font-size: 13px; }
.kfd-ads-cost { margin: 10px 0 0; font-size: 13.5px; line-height: 1.5; }
.kfd-ads-chart { display: grid; grid-template-columns: repeat(14, minmax(0, 1fr)); gap: 4px; align-items: end; height: 92px; padding: 6px 0 0; border-bottom: 1px solid var(--line); }
.kfd-ads-bar { position: relative; height: 100%; display: flex; align-items: flex-end; }
.kfd-ads-bar i { display: block; width: 100%; min-height: 2px; border-radius: 4px 4px 0 0; background: var(--accent); opacity: .75; }
.kfd-ads-bar:hover i { opacity: 1; }
.kfd-ads-bar b { position: absolute; left: 50%; top: -2px; transform: translateX(-50%); min-width: 16px; height: 16px; padding: 0 3px; border-radius: 8px; background: #166534; color: #fff; font-size: 10px; line-height: 16px; text-align: center; }
@media (max-width: 1100px) { .kfd-ads .kfd-ads-body { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) { .kfd-ads .kfd-ads-body { grid-template-columns: 1fr; } .kfd-ads-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.kfd-ads h3.kst-sub { margin: 0 0 6px; }
.kfd-ads .kfd-ads-body > div { min-width: 0; }