/* HostDrift CRM 16.7.3 · Premium Apple-inspired UI refresh
   Additive override layer. Keeps existing component markup and behavior intact. */
:root {
    --hd-bg: #f5f5f7;
    --hd-surface: #ffffff;
    --hd-surface-soft: #f7f7f9;
    --hd-surface-warm: #fbf8f4;
    --hd-ink: #1d1d1f;
    --hd-charcoal: #2d2d2f;
    --hd-muted: #6e6e73;
    --hd-muted-2: #98989d;
    --hd-orange: #e28733;
    --hd-orange-dark: #bb651d;
    --hd-orange-soft: #fff1e4;
    --hd-line: #e7e7ea;
    --hd-line-strong: #d6d6da;
    --hd-green: #197a4d;
    --hd-green-soft: #e9f7ef;
    --hd-red: #b93b35;
    --hd-red-soft: #fff0ef;
    --hd-slate: #66707b;
    --hd-radius-lg: 24px;
    --hd-radius-md: 18px;
    --hd-radius-sm: 12px;
    --hd-shadow: 0 16px 44px rgba(0, 0, 0, .055);
    --hd-shadow-soft: 0 8px 26px rgba(0, 0, 0, .045);
    --hd-font: "Sukhumvit Set", "Thonburi", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
    --hd-public-container: 1240px;
}

html { background: var(--hd-bg); }
body,
button,
input,
select,
textarea {
    font-family: var(--hd-font) !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
html[lang="th"] body,
html[lang="th"] .public-body { font-family: var(--hd-font) !important; }
body { color: var(--hd-ink); background: var(--hd-bg); }
a, button { -webkit-tap-highlight-color: transparent; }
::selection { color: var(--hd-ink); background: #ffe0c2; }

/* App shell */
.app-shell { grid-template-columns: 272px minmax(0, 1fr); }
.sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 28px 20px 22px;
    border-right: 1px solid var(--hd-line);
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(24px) saturate(135%);
}
.brand { gap: 12px; }
.brand-mark {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(226,135,51,.18);
}
.brand strong { color: var(--hd-ink); font-size: 1.08rem; letter-spacing: -.02em; }
.brand small { margin-top: 2px; color: var(--hd-muted); font-size: .72rem; letter-spacing: .01em; }
.workspace-card {
    margin: 30px 0 26px;
    padding: 20px;
    border: 1px solid #eee8e1;
    border-radius: 22px;
    background: linear-gradient(145deg, #fff 0%, #faf7f3 100%);
    box-shadow: 0 10px 28px rgba(0,0,0,.035);
}
.workspace-card strong { margin: 8px 0 14px; font-size: 1.05rem; letter-spacing: -.015em; }
.role-badge { letter-spacing: .06em; }
.nav-section-label { margin: 18px 12px 7px; color: #a1a1a6; font-size: .62rem; letter-spacing: .11em; }
.main-nav { gap: 3px; }
.main-nav a,
.main-nav .disabled {
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 13px;
    font-size: .87rem;
    font-weight: 600;
    letter-spacing: -.006em;
}
.main-nav a:hover { transform: none; border-color: #ededf0; background: #f6f6f8; }
.main-nav a.active { color: var(--hd-ink); border-color: #f0dfcf; background: #fff0e2; box-shadow: inset 0 0 0 1px rgba(226,135,51,.02); }
.nav-icon { width: 25px; font-size: .96rem; opacity: .78; }
.sidebar-footer { padding: 15px 12px 0; border-top: 1px solid var(--hd-line); }
.sidebar-footer strong { font-size: .72rem; }
.sidebar-footer small { color: var(--hd-muted-2); font-size: .62rem; }

.main-content { min-width: 0; background: var(--hd-bg); }
.topbar {
    position: sticky;
    z-index: 20;
    top: 0;
    min-height: 74px;
    padding: 0 34px;
    border-bottom: 1px solid rgba(215,215,219,.8);
    background: rgba(250,250,252,.82);
    backdrop-filter: blur(24px) saturate(150%);
}
.topbar-context { color: #77777c; font-size: .74rem; font-weight: 700; letter-spacing: .09em; }
.user-menu { gap: 13px; }
.user-avatar { width: 40px; height: 40px; border: 1px solid #eee6dd; background: #fff1e4; color: var(--hd-orange-dark); box-shadow: none; }
.user-copy strong { color: var(--hd-ink); font-size: .76rem; }
.user-copy span { color: var(--hd-muted); font-size: .66rem; }
.admin-language-switch,
.auth-language-switch,
.language-switch { border-color: var(--hd-line); background: rgba(255,255,255,.9); box-shadow: 0 5px 18px rgba(0,0,0,.035); }
.logout-button,
.text-link { color: var(--hd-muted); font-size: .69rem; }

.page-wrap { max-width: 1510px; padding: 40px 42px 56px; }
.page-heading { margin-bottom: 28px; }
.page-heading h1,
.ks-page-title { color: var(--hd-ink); font-weight: 680; letter-spacing: -.035em; }
.page-heading h1 { font-size: clamp(2rem, 2.8vw, 2.6rem); }
.page-heading p { max-width: 800px; color: var(--hd-muted); font-size: .9rem; line-height: 1.7; }
.eyebrow,
.public-eyebrow { color: var(--hd-orange-dark); font-size: .68rem; font-weight: 800; letter-spacing: .12em; }

/* Generic surfaces */
.panel,
.task-list-panel,
.source-hub-card,
.stat-card,
.point-stats article,
.pipeline-filters,
.pipeline-column,
.credential-box {
    border-color: var(--hd-line);
    box-shadow: var(--hd-shadow-soft);
}
.panel,
.source-hub-card,
.stat-card,
.point-stats article { border-radius: 22px; }
.panel { padding: 24px; }
.panel-heading { margin-bottom: 20px; }
.panel-heading h2 { color: var(--hd-ink); font-size: 1.15rem; letter-spacing: -.02em; }
.panel-heading p { color: var(--hd-muted); font-size: .8rem; line-height: 1.65; }

.primary-button,
.small-button,
.public-primary,
.source-hub-actions a,
.ks-primary-action {
    border-radius: 999px !important;
    box-shadow: none;
}
.primary-button,
.public-primary { min-height: 46px; }
.primary-button:hover,
.small-button:hover,
.public-primary:hover { transform: none; box-shadow: 0 9px 24px rgba(187,101,29,.15); }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="datetime-local"],
select,
textarea {
    border-color: var(--hd-line-strong) !important;
    border-radius: 12px !important;
    color: var(--hd-ink) !important;
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.015);
}
input:focus,
select:focus,
textarea:focus {
    border-color: #d89962 !important;
    box-shadow: 0 0 0 4px rgba(226,135,51,.11) !important;
    outline: none !important;
}

.table-wrap { border-radius: 16px; }
table { color: var(--hd-ink); }
thead th { color: #8a8a90; font-size: .65rem; font-weight: 750; letter-spacing: .035em; }
tbody td { font-size: .77rem; line-height: 1.55; }
tbody tr { border-color: #eeeeef; }
tbody tr:hover { background: #fafafa; }
.table-subcopy { color: var(--hd-muted); font-size: .66rem; }
.empty-state { color: var(--hd-muted); }
.empty-state strong { color: var(--hd-charcoal); }

.alert { border-radius: 16px; box-shadow: none; }

/* Dashboard / operational cards */
.stats-grid,
.point-stats { gap: 14px; }
.stat-card,
.point-stats article { background: #fff; }
.stat-card strong,
.point-stats article strong { color: var(--hd-ink); font-weight: 650; letter-spacing: -.035em; }
.stat-card span,
.point-stats article span { color: var(--hd-muted); font-size: .72rem; }
.stat-card small,
.point-stats article small { color: #a0a0a5; font-size: .61rem; }
.pipeline-column { background: #f7f7f9; }
.pipeline-column > header { background: rgba(255,255,255,.9); }
.lead-card { border-radius: 15px; box-shadow: 0 4px 14px rgba(0,0,0,.035); }
.lead-card:hover, .lead-card.active { transform: none; box-shadow: 0 9px 22px rgba(0,0,0,.06); }

/* Data Sources */
.data-source-heading { align-items: center; }
.data-source-live { min-height: 36px; padding: 0 13px; font-size: .68rem; }
.source-hub-grid { gap: 14px; }
.source-hub-card { min-height: 220px; padding: 24px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.source-hub-card:hover { transform: translateY(-2px); border-color: #dbdbdf; box-shadow: 0 16px 34px rgba(0,0,0,.06); }
.source-hub-card h2 { margin: 22px 0 9px; color: var(--hd-ink); font-size: 1.12rem; letter-spacing: -.018em; }
.source-hub-card p { color: var(--hd-muted); font-size: .8rem; line-height: 1.68; }
.source-hub-actions a { min-height: 35px; padding: 0 13px; display: inline-flex; align-items: center; border: 1px solid var(--hd-line); color: var(--hd-charcoal); background: #fff; font-size: .7rem; font-weight: 700; }
.source-hub-actions a:hover { border-color: #d6c0ab; color: var(--hd-orange-dark); background: #fffaf6; }
.data-source-events-panel { overflow: hidden; }

/* Knowledge Sources entry on Data Sources */
.hd-knowledge-entry {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
    padding: 28px 30px;
    border: 1px solid var(--hd-line);
    border-radius: 24px;
    background: linear-gradient(135deg, #fff 0%, #fffaf5 100%);
    box-shadow: var(--hd-shadow-soft);
}
.hd-knowledge-entry::after {
    position: absolute;
    top: -85px;
    right: -55px;
    width: 230px;
    height: 230px;
    content: "";
    border-radius: 50%;
    background: radial-gradient(circle, rgba(226,135,51,.12), rgba(226,135,51,0) 70%);
    pointer-events: none;
}
.hd-knowledge-entry-copy { position: relative; z-index: 1; max-width: 880px; }
.hd-knowledge-entry h2 { margin: 7px 0 10px; color: var(--hd-ink); font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 680; letter-spacing: -.03em; }
.hd-knowledge-entry p { margin: 0; color: var(--hd-muted); font-size: .86rem; line-height: 1.72; }
.hd-knowledge-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.hd-knowledge-chips span { padding: 6px 9px; border: 1px solid #eee1d5; border-radius: 999px; color: #83562f; background: rgba(255,255,255,.75); font-size: .62rem; font-weight: 700; }
.hd-knowledge-entry-action { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 999px; color: #fff; background: var(--hd-orange); font-size: .76rem; font-weight: 750; white-space: nowrap; }
.hd-knowledge-entry-action:hover { background: var(--hd-orange-dark); }

/* Knowledge Sources page */
.ks-premium { display: grid; gap: 22px; }
.ks-premium-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 28px;
    padding: 3px 0 4px;
}
.ks-premium-hero-copy { max-width: 880px; }
.ks-premium-hero h1 { margin: 8px 0 10px; font-size: clamp(2.15rem, 3vw, 2.9rem); font-weight: 680; letter-spacing: -.045em; }
.ks-premium-hero p { margin: 0; color: var(--hd-muted); font-size: .92rem; line-height: 1.75; }
.ks-hero-actions { display: flex; align-items: center; gap: 9px; }
.ks-back-link { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--hd-line); border-radius: 999px; color: var(--hd-charcoal); background: rgba(255,255,255,.86); font-size: .72rem; font-weight: 700; }
.ks-back-link:hover { border-color: #d6c0ab; color: var(--hd-orange-dark); }
.ks-security-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--hd-line);
    border-radius: 20px;
    background: var(--hd-line);
    box-shadow: var(--hd-shadow-soft);
}
.ks-security-item { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 11px; align-items: center; min-height: 78px; padding: 16px 18px; background: #fff; }
.ks-security-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: var(--hd-orange-dark); background: var(--hd-orange-soft); }
.ks-security-item strong { display: block; color: var(--hd-ink); font-size: .74rem; }
.ks-security-item span { display: block; margin-top: 3px; color: var(--hd-muted); font-size: .65rem; line-height: 1.4; }

.ks-provider-premium { overflow: hidden; border: 1px solid var(--hd-line); border-radius: 25px; background: #fff; box-shadow: var(--hd-shadow); }
.ks-provider-premium-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 24px; border-bottom: 1px solid var(--hd-line); }
.ks-provider-identity { display: flex; align-items: center; gap: 14px; min-width: 0; }
.ks-provider-logo { width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 15px; color: #fff; background: linear-gradient(145deg, #ee8a38, #d87526); box-shadow: 0 10px 24px rgba(216,117,38,.18); font-size: 1rem; font-weight: 850; }
.ks-provider-identity h2 { margin: 0; color: var(--hd-ink); font-size: 1.12rem; letter-spacing: -.02em; }
.ks-provider-identity p { margin: 4px 0 0; color: var(--hd-muted); font-size: .75rem; }
.ks-provider-meta { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.ks-provider-meta span { padding: 6px 9px; border-radius: 999px; color: #5c6268; background: #f3f3f5; font-size: .61rem; font-weight: 750; }
.ks-provider-meta .secure { color: var(--hd-green); background: var(--hd-green-soft); }
.ks-channel-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px,1fr)); gap: 14px; padding: 18px; }
.ks-channel-card { display: grid; gap: 16px; padding: 19px; border: 1px solid var(--hd-line); border-radius: 19px; background: #fafafa; }
.ks-channel-card.connected { border-color: #cfe7d9; background: #fbfffc; }
.ks-channel-top { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.ks-channel-name { margin: 0; color: var(--hd-ink); font-size: .94rem; font-weight: 700; letter-spacing: -.012em; }
.ks-channel-sub { margin-top: 4px; color: var(--hd-muted); font-size: .69rem; }
.ks-status-pill { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: #75757a; background: #efeff1; font-size: .58rem; font-weight: 800; letter-spacing: .03em; }
.ks-status-pill::before { width: 6px; height: 6px; content: ""; border-radius: 50%; background: #aaaab0; }
.ks-status-pill.connected { color: var(--hd-green); background: var(--hd-green-soft); }
.ks-status-pill.connected::before { background: var(--hd-green); }
.ks-connected-account { display: grid; gap: 4px; padding: 13px 14px; border: 1px solid #dcebe2; border-radius: 14px; background: #fff; }
.ks-connected-account small { color: var(--hd-muted); font-size: .62rem; }
.ks-connected-account strong { color: var(--hd-ink); font-size: .78rem; }
.ks-connected-account span { color: var(--hd-muted); font-size: .68rem; }
.ks-mode-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ks-field { display: grid; gap: 7px; }
.ks-field > span { color: #5f5f64; font-size: .66rem; font-weight: 700; }
.ks-field select { width: 100%; min-height: 42px; padding: 0 11px; font-size: .72rem; }
.ks-toggle-row { display: flex; align-items: center; gap: 9px; color: var(--hd-charcoal); font-size: .7rem; font-weight: 650; }
.ks-toggle-row input { width: 17px; height: 17px; accent-color: var(--hd-orange); }
.ks-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ks-button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 0; border-radius: 999px; font: inherit; font-size: .7rem; font-weight: 750; cursor: pointer; }
.ks-button.primary { color: #fff; background: var(--hd-orange); }
.ks-button.primary:hover { background: var(--hd-orange-dark); }
.ks-button.secondary { color: var(--hd-charcoal); border: 1px solid var(--hd-line); background: #fff; }
.ks-button.danger { color: var(--hd-red); border: 1px solid #f2d8d6; background: #fff8f7; }
.ks-helper { color: var(--hd-muted); font-size: .66rem; line-height: 1.55; }
.ks-test-meta { padding-top: 2px; color: var(--hd-muted); font-size: .65rem; }
.ks-error { color: var(--hd-red); }
.ks-empty { margin: 18px; padding: 24px; border: 1px dashed #d7d7db; border-radius: 18px; color: var(--hd-muted); background: #fafafa; text-align: center; }
.ks-empty strong { display: block; margin-bottom: 5px; color: var(--hd-charcoal); }
.ks-saas-note { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 13px; align-items: start; padding: 17px 18px; border: 1px solid #e7e2dd; border-radius: 17px; color: var(--hd-muted); background: #fbfaf8; font-size: .75rem; line-height: 1.65; }
.ks-saas-note i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--hd-orange-dark); background: var(--hd-orange-soft); font-style: normal; }
.ks-saas-note strong { color: var(--hd-charcoal); }

/* Auth pages */
.auth-body { padding: 56px 28px; background: #f5f5f7; }
.auth-shell { width: min(1160px, 100%); min-height: 680px; border-color: var(--hd-line); border-radius: 30px; box-shadow: 0 28px 80px rgba(0,0,0,.075); }
.auth-brand-panel { border-color: var(--hd-line); background: linear-gradient(145deg, #fbf8f4, #f8f5f1); }
.auth-brand-panel::before { border-color: rgba(226,135,51,.08); }
.auth-brand-panel::after { background: rgba(226,135,51,.08); }
.auth-message h1 { color: var(--hd-ink); font-weight: 680; letter-spacing: -.055em; }
.auth-message p { color: var(--hd-muted); font-size: .9rem; }
.auth-form-panel { background: #fff; }
.auth-form-wrap h2 { color: var(--hd-ink); font-weight: 680; letter-spacing: -.04em; }
.auth-form-wrap > .muted { color: var(--hd-muted); }
.security-note { color: var(--hd-muted-2); }

/* Public landing */
.public-body { background: #fff; }
.public-header { width: min(var(--hd-public-container), calc(100% - 48px)); height: 82px; border-color: #eeeeef; }
.public-nav a { color: #515154; font-size: .76rem; }
.public-nav a:hover { color: var(--hd-ink); }
.public-hero { width: min(var(--hd-public-container), calc(100% - 48px)); min-height: 720px; padding: 82px 0 98px; }
.hero-copy h1 { color: var(--hd-ink); font-weight: 680; letter-spacing: -.06em; }
.hero-copy p { color: var(--hd-muted); font-size: 1rem; line-height: 1.72; }
.public-secondary,
.outline-button,
.public-signup { border-radius: 999px; }
.public-section { width: min(var(--hd-public-container), calc(100% - 48px)); padding: 112px 0; }
.section-heading h2 { color: var(--hd-ink); font-weight: 680; letter-spacing: -.045em; }
.feature-grid article,
.roadmap-grid article { border-color: var(--hd-line); border-radius: 24px; box-shadow: 0 12px 32px rgba(0,0,0,.04); }
.feature-grid article:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(0,0,0,.06); }
.public-cta { border-radius: 30px; }

/* Responsive */
@media (max-width: 1100px) {
    .app-shell { grid-template-columns: 250px minmax(0,1fr); }
    .page-wrap { padding: 32px 28px 44px; }
    .ks-security-strip { grid-template-columns: 1fr; }
}
@media (max-width: 1000px) {
    .sidebar { display: none; }
    .topbar { min-height: 70px; padding: 0 20px; }
    .mobile-nav { top: 70px; background: rgba(250,250,252,.92); }
    .page-wrap { padding: 28px 20px 44px; }
}
@media (max-width: 760px) {
    .page-heading h1 { font-size: 1.9rem; }
    .hd-knowledge-entry { grid-template-columns: 1fr; padding: 22px; }
    .hd-knowledge-entry-action { width: max-content; }
    .ks-premium-hero { grid-template-columns: 1fr; align-items: start; }
    .ks-provider-premium-head { align-items: flex-start; flex-direction: column; }
    .ks-provider-meta { justify-content: flex-start; }
    .ks-channel-grid { grid-template-columns: 1fr; padding: 12px; }
    .ks-mode-grid { grid-template-columns: 1fr; }
    .public-header { width: min(100% - 28px, var(--hd-public-container)); }
    .public-hero, .public-section { width: min(100% - 28px, var(--hd-public-container)); }
}
@media (max-width: 680px) {
    body { font-size: 15px; }
    .page-wrap { padding: 24px 16px 38px; }
    .panel { padding: 18px; }
    .auth-body { padding: 0; }
    .auth-shell { border-radius: 0; }
}

/* HOSTDRIFT_KNOWLEDGE_MANAGER_V1674_START */
.ks-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ks-manager-toolbar-copy{max-width:850px}.ks-manager-toolbar-copy h2{margin:0 0 6px;color:var(--hd-ink);font-size:1.15rem;letter-spacing:-.025em}.ks-manager-toolbar-copy p{margin:0;color:var(--hd-muted);font-size:.76rem;line-height:1.65}.ks-add-panel{display:none;margin-top:15px;padding:18px;border:1px solid var(--hd-line);border-radius:18px;background:#fafafa}.ks-add-panel:target{display:block}.ks-add-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:11px}.ks-input{width:100%;min-height:42px;padding:0 12px;border:1px solid #d9d9de;border-radius:12px;background:#fff;color:var(--hd-ink);font:inherit;font-size:.74rem}.ks-input:focus{outline:none;border-color:#d99a64;box-shadow:0 0 0 3px rgba(238,138,56,.1)}.ks-source-list{display:grid;gap:13px;padding:18px}.ks-source-card{padding:19px;border:1px solid var(--hd-line);border-radius:19px;background:#fafafa}.ks-source-card.connected{border-color:#cfe7d9;background:#fbfffc}.ks-source-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:15px}.ks-source-title{display:flex;gap:12px;align-items:center}.ks-source-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#ee8a38,#d87526);color:#fff;font-weight:850}.ks-source-title h3{margin:0;color:var(--hd-ink);font-size:.95rem}.ks-source-title p{margin:3px 0 0;color:var(--hd-muted);font-size:.68rem}.ks-source-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.ks-detail{padding:11px 12px;border:1px solid var(--hd-line);border-radius:13px;background:#fff}.ks-detail small{display:block;color:var(--hd-muted);font-size:.59rem;text-transform:uppercase;letter-spacing:.04em}.ks-detail strong{display:block;margin-top:3px;color:var(--hd-charcoal);font-size:.72rem}.ks-edit-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.ks-button.link{color:var(--hd-charcoal);border:1px solid var(--hd-line);background:#fff;text-decoration:none}.ks-button.muted{color:#696970;border:1px solid var(--hd-line);background:#f5f5f7}.ks-button[disabled]{opacity:.55;cursor:not-allowed}.ks-connect-note{margin-top:9px;color:var(--hd-muted);font-size:.65rem;line-height:1.55}.ks-manager-empty{padding:34px 22px;text-align:center;color:var(--hd-muted)}.ks-manager-empty strong{display:block;margin-bottom:6px;color:var(--hd-charcoal)}.ks-provider-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ks-provider-chip{padding:6px 9px;border-radius:999px;background:#f3f3f5;color:#5c6268;font-size:.61rem;font-weight:750}.ks-provider-chip.active{background:var(--hd-green-soft);color:var(--hd-green)}
@media(max-width:920px){.ks-add-grid,.ks-edit-grid,.ks-source-details{grid-template-columns:1fr}.ks-manager-toolbar{align-items:flex-start}.ks-source-head{flex-direction:column}}
/* HOSTDRIFT_KNOWLEDGE_MANAGER_V1674_END */

/* HOSTDRIFT_PROVIDER_DIRECTORY_1678 */
.ks-provider-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.ks-provider-option{position:relative;display:block;cursor:pointer}
.ks-provider-option input{position:absolute;opacity:0;pointer-events:none}
.ks-provider-option>span{min-height:88px;display:flex;flex-direction:column;justify-content:center;padding:13px 14px;border:1px solid #dedee2;border-radius:15px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.ks-provider-option strong{color:#1d1d1f;font-size:.74rem}
.ks-provider-option small{margin-top:5px;color:#77777d;font-size:.61rem;line-height:1.45}
.ks-provider-option input:checked+span{border-color:#ed8a39;background:#fffaf5;box-shadow:0 0 0 3px rgba(237,138,57,.10)}
.ks-provider-help{margin:10px 0 0;color:#6e6e73;font-size:.64rem;line-height:1.55}
.ks-source-icon.provider-wordpress{background:linear-gradient(145deg,#21759b,#15566f)}
.ks-source-icon.provider-custom_api{background:linear-gradient(145deg,#5d5fef,#4547bd)}
.ks-connected-account{display:flex;gap:8px;align-items:center;margin:0 0 14px;padding:10px 12px;border:1px solid #d8eadf;border-radius:12px;background:#f7fcf8}
.ks-connected-account small{color:#6e6e73}.ks-connected-account strong{font-size:.68rem}.ks-connected-account span{color:#6e6e73;font-size:.62rem}
.ks-toggle-row{display:flex;gap:8px;align-items:center;margin-top:13px;color:#3a3a3c;font-size:.67rem}
@media(max-width:920px){.ks-provider-directory{grid-template-columns:1fr}}

/* HOSTDRIFT_ASSISTANT_OPERATIONS_1679_START */
.ao-shell{max-width:1480px;margin:0 auto;padding:8px 0 34px;color:#1d1d1f}
.ao-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin:14px 0 24px}
.ao-hero h1{margin:6px 0 8px;font-size:clamp(2rem,3vw,3.25rem);line-height:1.02;letter-spacing:-.04em}
.ao-hero p{max-width:900px;margin:0;color:#6e6e73;font-size:.92rem;line-height:1.65}
.ao-hero-actions{display:flex;gap:8px;flex-wrap:wrap}
.ao-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid #dedee2;border-radius:999px;background:#fff;color:#1d1d1f;text-decoration:none;font-size:.72rem;font-weight:700;white-space:nowrap}
.ao-btn.primary{background:#ed8a39;border-color:#ed8a39;color:#fff}
.ao-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}
.ao-stat{padding:16px 17px;border:1px solid #e3e3e7;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.035)}
.ao-stat small{display:block;color:#86868b;font-size:.61rem;font-weight:700;line-height:1.35}
.ao-stat strong{display:block;margin-top:8px;font-size:1.55rem;line-height:1;font-weight:750;letter-spacing:-.04em}
.ao-stat span{display:block;margin-top:6px;color:#9b9ba0;font-size:.56rem}
.ao-card{border:1px solid #e0e0e4;border-radius:24px;background:#fff;box-shadow:0 16px 46px rgba(0,0,0,.04);overflow:hidden}
.ao-card+.ao-card{margin-top:16px}
.ao-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #ececef}
.ao-card-head h2{margin:3px 0 4px;font-size:1.15rem;letter-spacing:-.02em}
.ao-card-head p{margin:0;color:#86868b;font-size:.67rem;line-height:1.5}
.ao-tabs{display:flex;gap:6px;flex-wrap:wrap}
.ao-tab{padding:8px 12px;border-radius:999px;background:#f5f5f7;color:#6e6e73;text-decoration:none;font-size:.63rem;font-weight:700}
.ao-tab.active{background:#1d1d1f;color:#fff}
.ao-filters{display:grid;grid-template-columns:minmax(240px,2fr) repeat(4,minmax(130px,1fr)) auto;gap:8px;padding:14px 16px;border-bottom:1px solid #efeff1;background:#fbfbfc}
.ao-input{width:100%;min-height:40px;padding:0 12px;border:1px solid #d9d9dd;border-radius:12px;background:#fff;color:#1d1d1f;font:inherit;font-size:.68rem;outline:none}
.ao-input:focus{border-color:#ed8a39;box-shadow:0 0 0 3px rgba(237,138,57,.10)}
.ao-table-wrap{overflow:auto}
.ao-table{width:100%;border-collapse:collapse;min-width:1050px}
.ao-table th{padding:10px 12px;background:#f7f7f9;color:#86868b;text-align:left;font-size:.56rem;letter-spacing:.06em;text-transform:uppercase}
.ao-table td{padding:12px;border-top:1px solid #efeff2;vertical-align:top;font-size:.65rem;line-height:1.45}
.ao-table tr:first-child td{border-top:0}
.ao-source{display:flex;gap:9px;align-items:flex-start}.ao-avatar{width:34px;height:34px;border-radius:11px;object-fit:cover;background:#fff1e4;display:flex;align-items:center;justify-content:center;font-weight:800;color:#bd621b;flex:0 0 auto}
.ao-source strong{display:block;font-size:.66rem}.ao-source small{display:block;margin-top:2px;color:#8e8e93;font-size:.56rem}
.ao-query{max-width:320px;font-size:.66rem;font-weight:650;line-height:1.45}.ao-query small{display:block;margin-top:4px;color:#8e8e93;font-weight:500}
.ao-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#f2f2f4;color:#6e6e73;font-size:.54rem;font-weight:800;text-transform:uppercase}
.ao-pill.sent{background:#edf8f1;color:#23764a}.ao-pill.failed{background:#fff0ef;color:#b63b34}.ao-pill.processing{background:#fff6e9;color:#a96514}.ao-pill.group{background:#eef4ff;color:#315da8}
.ao-metric{font-variant-numeric:tabular-nums;white-space:nowrap}
.ao-citations details{max-width:340px}.ao-citations summary{cursor:pointer;color:#2766b1;font-size:.6rem;font-weight:700;list-style:none}.ao-citations summary::-webkit-details-marker{display:none}
.ao-citations summary:after{content:" ▾"}.ao-citations details[open] summary:after{content:" ▴"}
.ao-citation-list{display:grid;gap:6px;margin-top:8px;padding:9px;border-radius:12px;background:#f7f7f9}.ao-citation-list a{color:#245a96;text-decoration:none;font-size:.58rem;line-height:1.4}.ao-citation-list small{display:block;color:#8e8e93;font-size:.52rem;margin-bottom:2px}
.ao-error{max-width:300px;margin-top:6px;color:#b33a34;font-size:.56rem;line-height:1.4;word-break:break-word}
.ao-empty{padding:42px 20px;text-align:center;color:#8e8e93;font-size:.72rem}
.ao-pagination{padding:14px 16px;border-top:1px solid #efeff2}
.ao-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}
.ao-group{padding:15px;border:1px solid #e2e2e6;border-radius:18px;background:#fff}.ao-group-head{display:flex;gap:11px;align-items:center}.ao-group img{width:46px;height:46px;border-radius:14px;object-fit:cover}.ao-group h3{margin:0;font-size:.8rem}.ao-group p{margin:3px 0 0;color:#86868b;font-size:.58rem}
.ao-group-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px}.ao-group-meta div{padding:8px;border-radius:11px;background:#f7f7f9}.ao-group-meta small{display:block;color:#8e8e93;font-size:.5rem}.ao-group-meta strong{display:block;margin-top:3px;font-size:.62rem}
@media(max-width:1180px){.ao-stat-grid{grid-template-columns:repeat(3,1fr)}.ao-filters{grid-template-columns:repeat(2,1fr)}.ao-group-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.ao-hero{align-items:flex-start;flex-direction:column}.ao-stat-grid{grid-template-columns:repeat(2,1fr)}.ao-filters{grid-template-columns:1fr}.ao-group-grid{grid-template-columns:1fr}.ao-shell{padding-bottom:20px}}
/* HOSTDRIFT_ASSISTANT_OPERATIONS_1679_END */