/* Daily-flow help center. The embedded/native view retains support.css. */
html[data-ky-support-desk] .page-titles { display:none!important; }
html[data-ky-support-desk] #main-wrapper .support-page { padding:36px 42px 48px!important; max-width:1540px; margin:auto; }
html[data-ky-support-desk] #main-wrapper .support-hero { align-items:center; gap:28px; padding:0!important; margin-bottom:28px; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
html[data-ky-support-desk] #main-wrapper .support-kicker { font-size:10px; letter-spacing:.13em; font-weight:600; color:var(--ky-muted)!important; margin-bottom:10px; }
html[data-ky-support-desk] #main-wrapper .support-hero h1 { margin:0 0 10px; font-size:36px; font-weight:600; letter-spacing:-1.3px; line-height:1.25; color:var(--ky-ink)!important; }
html[data-ky-support-desk] #main-wrapper .support-hero p { max-width:650px; font-size:14px; line-height:1.7; color:var(--ky-muted)!important; }
html[data-ky-support-desk] #main-wrapper .support-count { flex-shrink:0; min-width:110px; padding:0 0 0 28px; text-align:left; border:0!important; border-left:1px solid var(--ky-border)!important; border-radius:0!important; background:transparent!important; }
html[data-ky-support-desk] #main-wrapper .support-count strong { color:var(--ky-ink)!important; font-size:28px; font-weight:550; letter-spacing:-.7px; line-height:1.3; }
html[data-ky-support-desk] #main-wrapper .support-count span { margin-top:3px; font-size:12px; font-weight:400; color:var(--ky-muted)!important; }
html[data-ky-support-desk] #main-wrapper .support-tools { padding:0!important; margin:0 0 36px; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
html[data-ky-support-desk] #main-wrapper .support-search { width:100%; max-width:780px; gap:12px; padding:0 16px; border:1px solid var(--ky-border)!important; border-radius:12px; background:var(--ky-bg)!important; transition:border-color .15s; }
html[data-ky-support-desk] #main-wrapper .support-search:focus-within { border-color:var(--ky-purple)!important; box-shadow:0 0 0 3px var(--ky-ring)!important; }
html[data-ky-support-desk] #main-wrapper .support-search i { font-size:23px; color:var(--ky-muted); }
html[data-ky-support-desk] #main-wrapper #support-search { width:100%; min-width:0; height:52px; padding:10px 0!important; border:0!important; border-radius:0!important; background:transparent!important; outline:0!important; box-shadow:none!important; font-size:13px; color:var(--ky-ink)!important; }
html[data-ky-support-desk] #main-wrapper #support-search::placeholder { color:var(--ky-muted); opacity:1; }
html[data-ky-support-desk] .help-workspace { display:grid; grid-template-columns:210px minmax(0,1fr); gap:40px; align-items:start; }
html[data-ky-support-desk] .help-nav,html[data-ky-support-desk] .help-main { min-width:0; }
html[data-ky-support-desk] .help-nav > h2 { font-size:12px; font-weight:600; color:var(--ky-muted); margin:13px 12px 18px; }
html[data-ky-support-desk] #main-wrapper .support-categories { display:flex; flex-direction:column; gap:4px; overflow:visible; margin:0; padding:0; }
html[data-ky-support-desk] #main-wrapper .support-category { display:flex; align-items:center; justify-content:space-between; gap:12px; flex:none; padding:11px 12px; border:0!important; border-radius:9px!important; background:transparent!important; color:var(--ky-muted)!important; font-size:12px; font-weight:500; text-align:left; line-height:1.6; }
html[data-ky-support-desk] #main-wrapper .support-category:hover { background:var(--ky-surface)!important; color:var(--ky-ink)!important; }
html[data-ky-support-desk] #main-wrapper .support-category.is-active { background:var(--ky-accent)!important; color:var(--ky-ink)!important; font-weight:600; }
.help-category-name { overflow-wrap:anywhere; }
.help-category-count { font-size:11px; opacity:.7; font-variant-numeric:tabular-nums; }
html[data-ky-support-desk] #main-wrapper .support-whatsapp { align-items:flex-start; gap:10px; padding:20px 12px 0; margin:24px 0 0; border:0; border-top:1px solid var(--ky-border); border-radius:0; background:transparent; color:var(--ky-muted); box-shadow:none; font-size:12px; }
html[data-ky-support-desk] #main-wrapper .support-whatsapp i { font-size:22px; color:var(--ky-green); }
html[data-ky-support-desk] #main-wrapper .support-whatsapp span { line-height:1.8; }
html[data-ky-support-desk] #main-wrapper .support-whatsapp strong { color:var(--ky-ink); font-size:12px; font-weight:550; margin-bottom:4px; }
html[data-ky-support-desk] #main-wrapper .support-whatsapp:hover strong { color:var(--ky-purple); }
.help-tabs { display:flex; gap:28px; border-bottom:1px solid var(--ky-border); }
.help-tabs button { display:flex; align-items:center; gap:8px; padding:10px 0 17px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--ky-muted); font-size:13px; font-weight:550; cursor:pointer; white-space:nowrap; }
.help-tabs button[aria-selected=true] { color:var(--ky-ink); border-bottom-color:var(--ky-ink); }
.help-tabs button:hover { color:var(--ky-ink); }
.help-tabs span { min-width:20px; padding:1px 5px; border-radius:5px; background:var(--ky-surface); font-size:10px; font-variant-numeric:tabular-nums; text-align:center; }
.help-tabs [aria-selected=true] span { background:var(--ky-accent); color:var(--ky-purple); }
.help-results-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0 8px; min-height:50px; }
.help-results-bar p { color:var(--ky-muted); font-size:12px; margin:0; }
#help-reset { display:flex; align-items:center; gap:5px; padding:4px 0; border:0; background:transparent; color:var(--ky-muted); font-size:11px; cursor:pointer; }
#help-reset:hover { color:var(--ky-ink); }
html[data-ky-support-desk] .help-workspace [hidden] { display:none!important; }
html[data-ky-support-desk] #main-wrapper .support-list { display:block; }
html[data-ky-support-desk] #main-wrapper .support-card { border:0!important; border-bottom:1px solid var(--ky-border)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transition:none; overflow:visible; }
html[data-ky-support-desk] #main-wrapper .support-question { align-items:center; padding:23px 0; gap:24px; background:transparent!important; border-radius:0; color:var(--ky-ink); }
html[data-ky-support-desk] #main-wrapper .support-question h2 { margin:0 0 7px; color:var(--ky-ink)!important; font-size:15px; line-height:1.6; letter-spacing:-.2px; font-weight:550; }
html[data-ky-support-desk] #main-wrapper .support-question:hover h2 { color:var(--ky-purple)!important; }
html[data-ky-support-desk] #main-wrapper .support-meta { font-size:11px; line-height:1.7; font-weight:400; color:var(--ky-muted)!important; }
html[data-ky-support-desk] #main-wrapper .support-chevron { display:flex; align-items:center; justify-content:center; width:30px; height:30px; font-size:21px; color:var(--ky-muted); }
html[data-ky-support-desk] #main-wrapper .is-open .support-chevron { background:var(--ky-accent); color:var(--ky-purple); border-radius:50%; }
html[data-ky-support-desk] #main-wrapper .support-answer { padding:0 48px 24px 0; border:0; }
html[data-ky-support-desk] #main-wrapper .support-answer > p { margin:0 0 22px; color:var(--ky-muted)!important; font-size:13px; line-height:1.9; white-space:pre-line; overflow-wrap:anywhere; }
html[data-ky-support-desk] #main-wrapper .support-path-label { margin:0 0 7px; color:var(--ky-muted)!important; font-size:10px; font-weight:500; text-transform:none; letter-spacing:0; }
html[data-ky-support-desk] #main-wrapper .support-path { gap:7px; padding-left:12px; margin-bottom:24px; border-left:2px solid var(--ky-border); color:var(--ky-ink)!important; font-size:12px; line-height:1.8; }
html[data-ky-support-desk] #main-wrapper .support-path strong { font-weight:500; overflow-wrap:anywhere; }
html[data-ky-support-desk] #main-wrapper .support-path i { color:var(--ky-muted); font-size:15px; }
html[data-ky-support-desk] #main-wrapper .support-actions { display:flex; gap:10px; }
html[data-ky-support-desk] #main-wrapper :is(.support-video-button,.support-share-button) { min-height:40px; padding:9px 15px; border:1px solid var(--ky-border); border-radius:24px; background:var(--ky-bg); color:var(--ky-ink); font-size:12px; font-weight:550; cursor:pointer; }
html[data-ky-support-desk] #main-wrapper .support-video-button { background:var(--ky-ink)!important; color:var(--ky-inverse)!important; border-color:var(--ky-ink)!important; }
html[data-ky-support-desk] #main-wrapper .support-video-button:disabled { background:var(--ky-surface)!important; color:var(--ky-muted)!important; border-color:var(--ky-border)!important; cursor:not-allowed; opacity:1; }
html[data-ky-support-desk] #main-wrapper .support-share-button:hover { background:var(--ky-surface); }
html[data-ky-support-desk] #main-wrapper .support-state { padding:60px 22px; color:var(--ky-muted); border-bottom:1px solid var(--ky-border); font-size:13px; line-height:1.8; }
html[data-ky-support-desk] #main-wrapper .support-state i { color:var(--ky-purple); font-size:34px; margin-bottom:16px; }
html[data-ky-support-desk] #main-wrapper .support-state p { max-width:410px; margin:0 auto 18px; }
html[data-ky-support-desk] #main-wrapper .support-state .spinner-border { color:var(--ky-purple)!important; margin-bottom:16px; width:24px; height:24px; border-width:2px; }
html[data-ky-support-desk] #main-wrapper .support-list[data-view=videos] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 24px; padding-top:16px; }
.help-video-card { min-width:0; display:flex; flex-direction:column; padding-bottom:24px; border-bottom:1px solid var(--ky-border); }
.help-video-preview { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; width:100%; aspect-ratio:16/8; margin-bottom:18px; border:1px solid var(--ky-border); border-radius:14px; background:var(--ky-surface); color:var(--ky-purple); cursor:pointer; }
.help-video-preview i { display:flex; align-items:center; justify-content:center; width:50px; height:50px; padding-left:3px; border:1px solid var(--ky-border); border-radius:50%; background:var(--ky-bg); font-size:28px; transition:transform .15s; }
.help-video-preview:hover i { transform:scale(1.08); background:var(--ky-accent); }
.help-video-preview span { font-size:10px; letter-spacing:.08em; text-transform:uppercase; font-weight:500; }
.help-video-card h2 { color:var(--ky-ink); font-size:15px; font-weight:550; line-height:1.6; margin:6px 0 18px; }
.help-video-card .support-actions { margin-top:auto; }
html[data-ky-support-desk] .support-video-modal { background:#101016b3; padding:24px; }
html[data-ky-support-desk] .support-video-dialog { width:min(960px,100%); border:1px solid var(--ky-border); border-radius:18px; background:var(--ky-bg); box-shadow:0 24px 80px #0004; max-height:calc(100dvh - 48px); overflow:auto; }
html[data-ky-support-desk] .support-video-header { gap:24px; padding:22px 24px; background:var(--ky-bg); }
html[data-ky-support-desk] .support-video-header h2 { color:var(--ky-ink); font-size:16px; font-weight:550; line-height:1.6; }
html[data-ky-support-desk] .support-video-header button { display:flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:36px; border:1px solid var(--ky-border); border-radius:50%; color:var(--ky-muted); font-size:25px; background:var(--ky-bg); }
html[data-ky-support-desk] .support-video-header button:hover { color:var(--ky-ink); background:var(--ky-surface); }
html[data-ky-support-desk] :is(.support-page button,.support-whatsapp,.support-video-header button):focus-visible { outline:2px solid var(--ky-purple)!important; outline-offset:4px; }
@media(max-width:1199px) {
 html[data-ky-support-desk] #main-wrapper .support-page { padding:28px!important; }
 html[data-ky-support-desk] .help-workspace { grid-template-columns:180px minmax(0,1fr); gap:28px; }
 html[data-ky-support-desk] #main-wrapper .support-list[data-view=videos] { grid-template-columns:minmax(0,1fr); }
 .help-video-preview { aspect-ratio:16/7; }
}
@media(max-width:767px) {
 html[data-ky-support-desk] #main-wrapper .support-page { padding:24px 18px 36px!important; }
 html[data-ky-support-desk] #main-wrapper .support-hero { align-items:flex-start; gap:16px; margin-bottom:22px; }
 html[data-ky-support-desk] #main-wrapper .support-hero h1 { font-size:30px; letter-spacing:-1px; }
 html[data-ky-support-desk] #main-wrapper .support-hero p { font-size:13px; }
 html[data-ky-support-desk] #main-wrapper .support-count { display:flex; align-items:baseline; gap:5px; min-width:0; width:auto; padding:0; border:0!important; }
 html[data-ky-support-desk] #main-wrapper .support-count strong { font-size:13px; letter-spacing:0; }
 html[data-ky-support-desk] #main-wrapper .support-count span { margin:0; font-size:12px; }
 html[data-ky-support-desk] #main-wrapper .support-tools { margin-bottom:20px; }
 html[data-ky-support-desk] #main-wrapper #support-search { height:48px; font-size:12px; }
 html[data-ky-support-desk] .help-workspace { grid-template-columns:minmax(0,1fr); gap:22px; }
 html[data-ky-support-desk] .help-nav { display:contents; }
 html[data-ky-support-desk] .help-nav h2 { display:none; }
 html[data-ky-support-desk] #main-wrapper .support-categories { grid-row:1; flex-direction:row; gap:8px; padding:2px 0 8px; overflow-x:auto; scrollbar-width:thin; scrollbar-color:var(--ky-border) transparent; }
 html[data-ky-support-desk] #main-wrapper .support-category { flex:0 0 auto; white-space:nowrap; padding:8px 12px; border:1px solid var(--ky-border)!important; border-radius:24px!important; font-size:11px; }
 html[data-ky-support-desk] .help-main { grid-row:2; }
 html[data-ky-support-desk] #main-wrapper .support-whatsapp { grid-row:3; margin:0; padding-top:22px; }
 .help-tabs { gap:22px; }
 .help-tabs button { font-size:12px; gap:6px; padding-bottom:14px; }
 .help-results-bar { padding-top:14px; min-height:48px; }
 .help-results-bar p { font-size:11px; }
 html[data-ky-support-desk] #main-wrapper .support-question { padding:20px 0; gap:14px; }
 html[data-ky-support-desk] #main-wrapper .support-question h2 { font-size:14px; }
 html[data-ky-support-desk] #main-wrapper .support-answer { padding-right:0; }
 html[data-ky-support-desk] #main-wrapper .support-answer > p { font-size:12px; }
 html[data-ky-support-desk] #main-wrapper .support-list[data-view=videos] { gap:22px; padding-top:12px; }
 html[data-ky-support-desk] .support-video-modal { padding:14px; }
 html[data-ky-support-desk] .support-video-dialog { border-radius:14px; max-height:calc(100dvh - 28px); }
 html[data-ky-support-desk] .support-video-header { padding:16px; gap:14px; }
 html[data-ky-support-desk] .support-video-header h2 { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { html[data-ky-support-desk] :is(.support-chevron,.help-video-preview i) { transition:none; } }