/* FJK_THEME_TOKENS_START — generated by scripts/sync-public-theme.mjs */
:root{
--color-link:#422ad5;--color-facebook:#285eb8;--color-instagram:#96356f;--color-danger:#b83252;--color-canvas:#ffffff;--color-surface:#ffffff;--color-surface-subtle:#f8f8f8;--color-surface-raised:#ffffff;--color-text:#18181b;--color-text-secondary:#52525b;--color-text-muted:#62626b;--color-border:#eeeeee;--color-border-strong:#85858e;--color-brand:#422ad5;--color-brand-hover:#3722b7;--color-brand-soft:#e0e7ff;--color-on-brand:#e0e7ff;--color-focus:#422ad5;--color-success:#0e6f5d;--color-success-soft:#dff5ee;color-scheme:light;
}
[data-theme="dark"]{
--color-link:#aaa8ff;--color-facebook:#8db9ff;--color-instagram:#efa0ce;--color-danger:#ff8aa4;--color-canvas:#1d232a;--color-surface:#1d232a;--color-surface-subtle:#191e24;--color-surface-raised:#1d232a;--color-text:#ecf9ff;--color-text-secondary:#b8c4ca;--color-text-muted:#94a0a6;--color-border:#15191e;--color-border-strong:#75808a;--color-brand:#605dff;--color-brand-hover:#7774ff;--color-brand-soft:#29275d;--color-on-brand:#ffffff;--color-focus:#aaa8ff;--color-success:#60d7bc;--color-success-soft:#133a36;color-scheme:dark;
}
:root{--ink:var(--color-text);--ink-soft:var(--color-text-secondary);--bg:var(--color-canvas);--surface:var(--color-surface);--surface-soft:var(--color-surface-raised);--line:var(--color-border);--shadow:0 1rem 2.75rem rgba(0,0,0,.18)}
/* FJK_THEME_TOKENS_END */
 :root{--site-container:70rem}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}section[id]{scroll-margin-top:5.5rem}
body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 12% 5%,rgba(118,87,255,.14),transparent 30rem),radial-gradient(circle at 88% 72%,rgba(96,215,188,.07),transparent 26rem),var(--bg);color:var(--ink);font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
.skip-link{position:fixed;z-index:30;top:.75rem;left:.75rem;transform:translateY(-180%);padding:.75rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);color:var(--ink);text-decoration:none}.skip-link:focus{transform:none}
.container{width:min(var(--site-container),calc(100% - 2rem));margin-inline:auto}
.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:rgba(6,9,26,.82);backdrop-filter:blur(16px)}
.header-inner{min-height:4.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{padding:.55rem .9rem;border:1px solid var(--color-border-strong);border-radius:.875rem;background:linear-gradient(135deg,var(--color-brand-soft),var(--color-surface-raised));color:var(--color-text);font-size:.875rem;font-weight:850;letter-spacing:.06em;text-decoration:none;white-space:nowrap;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.22)}
.menu-toggle{display:none;padding:.6rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);cursor:pointer}.menu-toggle__bar{display:block;width:1.375rem;height:.125rem;margin:.25rem 0;background:var(--ink)}
.main-nav ul{display:flex;gap:.3rem;margin:0;padding:0;list-style:none}.main-nav a{display:inline-block;padding:.55rem .8rem;border-radius:.7rem;color:var(--ink-soft);font-size:.9rem;font-weight:700;text-decoration:none}.main-nav a:hover{background:var(--color-brand-soft);color:var(--ink)}
.hero{position:relative;overflow:hidden;padding:clamp(4rem,8vw,7rem) 0}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(125deg,rgba(118,87,255,.2),transparent 52%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,4rem 4rem,4rem 4rem}.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:3rem}.hero-copy{max-width:58ch}.hero-kicker{margin:0;color:var(--color-link);font-size:.78rem;font-weight:850;letter-spacing:.14em}.hero-title{max-width:18ch;margin:.85rem 0 1rem;font-size:clamp(2.35rem,5vw,4.25rem);line-height:1.08;letter-spacing:-.045em}.hero-text{margin:0;color:var(--ink-soft);font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.btn{min-height:2.875rem;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.1rem;border-radius:.8rem;font-weight:800;text-decoration:none;transition:transform 140ms ease,background-color 140ms ease,border-color 140ms ease}.btn:hover{transform:translateY(-1px)}.btn--primary,.btn--social{background:var(--color-brand);color:var(--color-on-brand);box-shadow:0 .75rem 2rem rgba(72,48,190,.28)}.btn--primary:hover,.btn--social:hover{background:var(--color-brand-hover)}.btn--ghost{border:1px solid var(--color-border-strong);background:rgba(17,23,41,.65);color:var(--ink)}
.hero-visual{min-width:0}.dashboard-art{width:100%;max-width:30rem;display:block;margin:auto;filter:saturate(.85) hue-rotate(28deg) brightness(.78);opacity:.88}
.section{padding:clamp(3rem,6vw,5rem) 0}.section-muted{border-block:1px solid var(--line);background:rgba(13,18,36,.68)}.section-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.025em}.section-head p{max-width:68ch;margin:.6rem 0 0;color:var(--ink-soft)}
.platform-grid,.trust-grid,.contact-cards{display:grid;gap:1rem;margin-top:1.5rem}.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform-card,.trust-card,.contact-card,.process-steps li{border:1px solid var(--line);border-radius:1rem;background:linear-gradient(155deg,var(--surface),var(--surface-soft));box-shadow:0 .5rem 1.5rem rgba(0,0,0,.14)}.platform-card,.trust-card{padding:1.25rem}.contact-card{padding:1.5rem}.platform-card{transition:transform 140ms ease,border-color 140ms ease}.platform-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong)}.platform-card h3,.trust-card h3,.contact-card h3{margin:0 0 .6rem}.platform-card p,.trust-card p,.contact-card p,.process-steps p{margin:.4rem 0 0;color:var(--ink-soft)}
.company-card{display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);margin-top:1.5rem;overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(155deg,var(--surface),var(--surface-soft));box-shadow:0 .5rem 1.5rem rgba(0,0,0,.14)}.company-logo-wrap{position:relative;min-height:19rem;margin:0;overflow:hidden;background:#fff}.company-logo{position:absolute;top:50%;left:50%;width:125%;max-width:none;height:auto;display:block;transform:translate(-50%,-50%)}.company-content{padding:clamp(1.5rem,4vw,2.5rem)}.company-eyebrow{margin:0 0 .35rem;color:var(--color-link);font-size:.78rem;font-weight:850;letter-spacing:.14em}.company-content h3{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.company-details{display:grid;gap:0;margin:1.25rem 0 0}.company-details div{display:grid;grid-template-columns:minmax(9.5rem,.42fr) minmax(0,1fr);gap:1rem;padding:.8rem 0;border-top:1px solid var(--line)}.company-details dt{color:var(--ink-soft);font-weight:700}.company-details dd{min-width:0;margin:0;font-weight:650;overflow-wrap:anywhere}.company-details a{color:var(--color-link)}
.platform-mark{width:2.65rem;height:2.65rem;display:inline-grid;place-items:center;margin-bottom:1rem;border-radius:.8rem;color:var(--color-canvas);font-size:.9rem;font-weight:900;box-shadow:0 .5rem 1.4rem rgba(0,0,0,.25)}.platform-mark--facebook{background:var(--color-facebook);font:800 1.5rem Arial}.platform-mark--instagram{background:var(--color-instagram)}.platform-mark--tiktok{background:var(--color-surface-raised);color:var(--color-text)}.platform-mark--youtube{background:var(--color-danger)}
.process-steps{counter-reset:step;display:grid;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.process-steps li{position:relative;padding:1.25rem 1.25rem 1.25rem 1.5rem;border-left:.2rem solid var(--color-brand)}.process-steps h3{margin:0}.contact-card .btn{margin-top:.35rem}.site-footer{padding:1.5rem 0;border-top:1px solid var(--line);background:var(--color-canvas);color:var(--ink-soft);text-align:center}.site-footer p{margin:.35rem 0}.copyright{font-weight:700}
:where(a,button):focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.2rem}
@media(max-width:60rem){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-grid{grid-template-columns:1fr}.hero-inner{grid-template-columns:1fr;gap:2rem}.hero-visual{order:-1}.dashboard-art{max-width:24rem}.company-card{grid-template-columns:1fr}.company-logo-wrap{min-height:15rem}}
@media(max-width:40rem){.header-inner{flex-wrap:wrap}.js-enabled .menu-toggle{display:inline-block}.js-enabled .main-nav{display:none;width:100%}.js-enabled .main-nav.is-open{display:block}.main-nav ul{flex-wrap:wrap}.js-enabled .main-nav ul{flex-direction:column;align-items:stretch;margin:0 0 1rem;padding:.5rem;border:1px solid var(--line);border-radius:.875rem;background:var(--surface);box-shadow:var(--shadow)}.js-enabled .main-nav a{width:100%;padding:.75rem}.hero{padding-top:3rem}.hero-title{font-size:clamp(2.2rem,12vw,3.25rem)}.platform-grid,.contact-cards{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{width:100%}.company-logo-wrap{min-height:12rem;padding:1.25rem}.company-content{padding:1.25rem}.company-details div{grid-template-columns:1fr;gap:.2rem}.company-details dd{font-weight:600}}
.site-header{background:color-mix(in srgb,var(--color-surface) 92%,transparent)}
.section-muted{background:var(--color-surface-subtle)}
.btn--ghost{background:var(--color-surface);color:var(--color-text)}
.site-theme-toggle{min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--color-border-strong);border-radius:.5rem;background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}
.site-theme-toggle:hover{background:var(--color-brand-soft)}
:root{--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Leelawadee UI",Arial,sans-serif;--text-reading:1.125rem}
body,button,input,textarea,select{font-family:var(--font-sans)}
body{font-size:var(--text-reading)}
[data-theme="light"] .dashboard-art{filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.brand.daisy-navbar-start,.main-nav.daisy-navbar-end{width:auto}
.site-footer.daisy-footer{display:block}

/* Approved shared flat Silk/Dark theme */
:root:not(:has(.inbox-shell))[data-theme="light"]{--color-canvas: #f8fafc; --color-surface: #ffffff; --color-surface-subtle: #f1f5f9; --color-surface-raised: #f8fafc; --color-border: #e2e8f0; --color-border-strong: #cbd5e1; --color-text: #0f172a; --color-text-secondary: #475569; --color-text-muted: #64748b; --color-brand: #0284c7; --color-brand-hover: #0369a1; --color-brand-soft: #f0f9ff; --color-on-brand: #ffffff; --color-focus: #0284c7; --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05); --shadow-dialog: 0 10px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.1); --paper: #ffffff; --ink: #0f172a; --line: #e2e8f0; --navy: #0f172a;}
:root:not(:has(.inbox-shell))[data-theme="dark"]{--color-canvas: #090d16; --color-surface: #0f172a; --color-surface-subtle: #1e293b; --color-surface-raised: #162032; --color-border: #1e293b; --color-border-strong: #334155; --color-text: #f8fafc; --color-text-secondary: #94a3b8; --color-text-muted: #64748b; --color-brand: #0ea5e9; --color-brand-hover: #38bdf8; --color-brand-soft: rgba(14, 165, 233, 0.12); --color-on-brand: #082f49; --color-focus: #38bdf8; --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.4); --shadow-dialog: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.6); --paper: #0f172a; --ink: #f8fafc; --line: #1e293b; --navy: #090d16;}
html:not(:has(.inbox-shell)) body{font-size: 1rem; line-height: 1.6; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased;}
html:not(:has(.inbox-shell)) :focus-visible{outline-offset: 2px; outline: 2px solid var(--color-focus) !important;}
html:not(:has(.inbox-shell)) button,html:not(:has(.inbox-shell)) input,html:not(:has(.inbox-shell)) select,html:not(:has(.inbox-shell)) textarea,html:not(:has(.inbox-shell)) .admin-nav-link,html:not(:has(.inbox-shell)) .mode-chip,html:not(:has(.inbox-shell)) .toggle-control,html:not(:has(.inbox-shell)) .queue-shortcuts a,html:not(:has(.inbox-shell)) .daisy-btn{min-height: 44px;}
@media (prefers-reduced-motion: reduce) {html:not(:has(.inbox-shell)) *,html:not(:has(.inbox-shell)) ::before,html:not(:has(.inbox-shell)) ::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}}
html:not(:has(.inbox-shell)) .admin-rail{background: var(--color-surface); border-inline-end: 1px solid var(--color-border);}
html:not(:has(.inbox-shell)) .admin-brand{padding: 1.25rem 1rem; border-block-end: 1px solid var(--color-border);}
html:not(:has(.inbox-shell)) .admin-brand-mark{background: var(--color-brand); color: var(--color-on-brand); font-weight: 800; border-radius: 0.5rem;}
html:not(:has(.inbox-shell)) .admin-nav-link{display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 1rem; border-radius: 0.5rem; color: var(--color-text-secondary); font-weight: 600;}
html:not(:has(.inbox-shell)) .admin-nav-link:hover{background: var(--color-surface-subtle); color: var(--color-text);}
html:not(:has(.inbox-shell)) .admin-nav-link.is-active,html:not(:has(.inbox-shell)) .admin-nav-link[aria-current="page"]{background: var(--color-brand-soft); color: var(--color-brand); font-weight: 700;}
html:not(:has(.inbox-shell)) .admin-nav-count{margin-inline-start: auto; background: var(--color-brand); color: var(--color-on-brand); font-size: 0.75rem;}
html:not(:has(.inbox-shell)) .admin-rail-status{padding: 1rem; border-block-start: 1px solid var(--color-border); color: var(--color-text-muted);}
html:not(:has(.inbox-shell)) .hero{border-color: var(--color-border); background: linear-gradient(145deg, var(--color-surface), var(--color-surface-raised));}
html:not(:has(.inbox-shell)) .hero h2{font-weight: 700; color: var(--color-text);}
html:not(:has(.inbox-shell)) .metric{background: var(--color-surface); border-color: var(--color-border);}
html:not(:has(.inbox-shell)) .metric strong{color: var(--color-text); font-weight: 700;}
html:not(:has(.inbox-shell)) .channel-card{border-color: var(--color-border); background: var(--color-surface);}
html:not(:has(.inbox-shell)) .channel-name h3{font-weight: 700; color: var(--color-text);}
html:not(:has(.inbox-shell)) .bot-status-line,html:not(:has(.inbox-shell)) .mode-line{background: var(--color-surface-subtle); border-color: var(--color-border);}
html:not(:has(.inbox-shell)) .channel-card .bot-state.active,html:not(:has(.inbox-shell)) .channel-card .safety-note.active{background: rgba(21, 128, 61, 0.12); color: rgb(22, 163, 74);}
html:not(:has(.inbox-shell)) .channel-card .bot-state.paused,html:not(:has(.inbox-shell)) .channel-card .safety-note.paused{background: rgba(185, 28, 28, 0.12); color: rgb(220, 38, 38);}
html:not(:has(.inbox-shell)) .platform.facebook,html:not(:has(.inbox-shell)) .channel-avatar.facebook{background-color: rgb(24, 119, 242); color: rgb(255, 255, 255);}
html:not(:has(.inbox-shell)) .platform.instagram,html:not(:has(.inbox-shell)) .channel-avatar.instagram{background-color: rgb(225, 48, 108); color: rgb(255, 255, 255);}
html:not(:has(.inbox-shell)) .platform.line,html:not(:has(.inbox-shell)) .channel-avatar.line{background-color: rgb(6, 199, 85); color: rgb(255, 255, 255);}
html:not(:has(.inbox-shell)) .data-panel,html:not(:has(.inbox-shell)) .report-panel,html:not(:has(.inbox-shell)) .chatbot-panel{border-color: var(--color-border); background: var(--color-surface);}
html:not(:has(.inbox-shell)) .panel-header{border-block-end: 1px solid var(--color-border);}
html:not(:has(.inbox-shell)) table th{background: var(--color-surface-subtle); color: var(--color-text-secondary); font-weight: 600;}
html:not(:has(.inbox-shell)) table td{border-block-end: 1px solid var(--color-border); color: var(--color-text);}
html:not(:has(.inbox-shell)) tbody tr:not(.empty-row):hover{background: var(--color-surface-subtle);}
html:not(:has(.inbox-shell)) .pagination a{border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text);}
html:not(:has(.inbox-shell)) .pagination a:hover{background: var(--color-surface-subtle);}
html:not(:has(.inbox-shell)) .chatbot-main,html:not(:has(.inbox-shell)) .chatbot-row{color: var(--color-text);}
html:not(:has(.inbox-shell)) .chatbot-row{border-block-end: 1px solid var(--color-border);}
html:not(:has(.inbox-shell)) .daisy-input,html:not(:has(.inbox-shell)) input.daisy-input,html:not(:has(.inbox-shell)) select.daisy-select{border-color: var(--color-border); background: var(--color-surface); color: var(--color-text);}
html:not(:has(.inbox-shell)) .daisy-input:focus,html:not(:has(.inbox-shell)) select.daisy-select:focus{border-color: var(--color-brand);}
:root:not(:has(.inbox-shell))[data-theme="light"]{--color-canvas: #f6f5fb; --color-surface: #ffffff; --color-surface-subtle: #f0eef9; --color-surface-raised: #fbfbfe; --color-border: #ded8f1; --color-border-strong: #c4b9e7; --color-text: #1e1738; --color-text-secondary: #564f72; --color-text-muted: #7b7499; --color-brand: #6366f1; --color-brand-hover: #4f46e5; --color-brand-soft: #edeefd; --color-on-brand: #ffffff; --color-accent: #f59e0b; --color-accent-hover: #d97706; --color-focus: #6366f1; --shadow-depth-sm: 0 2px 4px rgba(30, 23, 56, 0.06), 0 1px 2px rgba(30, 23, 56, 0.04); --shadow-depth-card: 0 4px 6px -1px rgba(30, 23, 56, 0.07), 0 12px 24px -4px rgba(79, 70, 229, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9); --shadow-depth-hover: 0 10px 16px -2px rgba(30, 23, 56, 0.09), 0 20px 32px -4px rgba(79, 70, 229, 0.15), inset 0 1px 0 rgba(255, 255, 255, 1); --shadow-btn: 0 3px 0 #4338ca, 0 6px 12px rgba(79, 70, 229, 0.25); --shadow-btn-accent: 0 3px 0 #b45309, 0 6px 12px rgba(245, 158, 11, 0.25); --shadow-sunken: inset 0 2px 4px rgba(30, 23, 56, 0.08), 0 1px 0 rgba(255, 255, 255, 0.8); --paper: #ffffff; --ink: #1e1738; --line: #ded8f1; --navy: #15102a;}
:root:not(:has(.inbox-shell))[data-theme="dark"]{--color-canvas: #0b0914; --color-surface: #141124; --color-surface-subtle: #1c1833; --color-surface-raised: #211c3d; --color-border: #2c264d; --color-border-strong: #433b73; --color-text: #f5f3ff; --color-text-secondary: #aba4cc; --color-text-muted: #79719c; --color-brand: #818cf8; --color-brand-hover: #a5b4fc; --color-brand-soft: rgba(129, 140, 248, 0.14); --color-on-brand: #0b0914; --color-accent: #fbbf24; --color-accent-hover: #f59e0b; --color-focus: #a5b4fc; --shadow-depth-sm: 0 2px 6px rgba(0, 0, 0, 0.45); --shadow-depth-card: 0 6px 12px rgba(0, 0, 0, 0.5), 0 16px 32px rgba(99, 102, 241, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.07); --shadow-depth-hover: 0 12px 20px rgba(0, 0, 0, 0.6), 0 24px 40px rgba(99, 102, 241, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.14); --shadow-btn: 0 3px 0 #3730a3, 0 6px 14px rgba(0, 0, 0, 0.55); --shadow-btn-accent: 0 3px 0 #92400e, 0 6px 14px rgba(0, 0, 0, 0.55); --shadow-sunken: inset 0 2px 5px rgba(0, 0, 0, 0.65), 0 1px 0 rgba(255, 255, 255, 0.05); --paper: #141124; --ink: #f5f3ff; --line: #2c264d; --navy: #0b0914;}
html:not(:has(.inbox-shell)) .hero,html:not(:has(.inbox-shell)) .data-panel,html:not(:has(.inbox-shell)) .report-panel,html:not(:has(.inbox-shell)) .chatbot-panel,html:not(:has(.inbox-shell)) .metric,html:not(:has(.inbox-shell)) .channel-card{background: linear-gradient(165deg, var(--color-surface-raised) 0%, var(--color-surface) 100%); border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--color-border-strong); box-shadow: var(--shadow-depth-card); border-radius: 0.75rem; transition: transform 0.18s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.18s cubic-bezier(0.2, 0, 0, 1), border-color 0.18s;}
html:not(:has(.inbox-shell)) .hero:hover,html:not(:has(.inbox-shell)) .metric:hover,html:not(:has(.inbox-shell)) .channel-card:hover{transform: translateY(-3px); box-shadow: var(--shadow-depth-hover); border-color: var(--color-border-strong);}
html:not(:has(.inbox-shell)) .admin-rail{background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-subtle) 100%); box-shadow: rgba(0, 0, 0, 0.05) 2px 0px 10px;}
html:not(:has(.inbox-shell)) .admin-brand-mark{background: linear-gradient(135deg, var(--color-brand) 0%, #4f46e5 100%); box-shadow: var(--shadow-btn); border: 1px solid rgba(255, 255, 255, 0.2);}
html:not(:has(.inbox-shell)) .daisy-btn,html:not(:has(.inbox-shell)) .admin-nav-link.is-active,html:not(:has(.inbox-shell)) .admin-nav-link[aria-current="page"],html:not(:has(.inbox-shell)) .pagination a{border-radius: 0.5rem; transition: transform 0.15s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.15s cubic-bezier(0.2, 0, 0, 1), background-color 0.15s;}
html:not(:has(.inbox-shell)) .daisy-btn,html:not(:has(.inbox-shell)) .daisy-btn-primary{background: linear-gradient(180deg, var(--color-brand) 0%, var(--color-brand-hover) 100%); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: var(--shadow-btn); color: rgb(255, 255, 255) !important;}
html:not(:has(.inbox-shell)) .daisy-btn-accent,html:not(:has(.inbox-shell)) .chatbot-actions .daisy-btn:last-child{background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-hover) 100%); box-shadow: var(--shadow-btn-accent); color: rgb(26, 16, 2) !important;}
html:not(:has(.inbox-shell)) .daisy-btn:hover:not(:disabled),html:not(:has(.inbox-shell)) .pagination a:hover{transform: translateY(-3px); filter: brightness(1.04);}
html:not(:has(.inbox-shell)) .daisy-btn:active:not(:disabled),html:not(:has(.inbox-shell)) .pagination a:active{transform: translateY(1px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px, rgba(0, 0, 0, 0.25) 0px 1px 2px inset;}
html:not(:has(.inbox-shell)) .admin-nav-link.is-active,html:not(:has(.inbox-shell)) .admin-nav-link[aria-current="page"]{background: linear-gradient(135deg, var(--color-brand-soft) 0%, var(--color-surface-subtle) 100%); border: 1px solid var(--color-border); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), var(--shadow-depth-sm);}
html:not(:has(.inbox-shell)) .toggle-control{box-shadow: var(--shadow-sunken); border: 1px solid var(--color-border-strong);}
html:not(:has(.inbox-shell)) .daisy-input,html:not(:has(.inbox-shell)) input.daisy-input,html:not(:has(.inbox-shell)) select.daisy-select{background: var(--color-surface-subtle); border: 1px solid var(--color-border-strong); box-shadow: var(--shadow-sunken); border-radius: 0.5rem; transition: border-color 0.18s, box-shadow 0.18s, background-color 0.18s;}
html:not(:has(.inbox-shell)) .daisy-input:focus,html:not(:has(.inbox-shell)) select.daisy-select:focus{background: var(--color-surface); border-color: var(--color-focus); box-shadow: var(--shadow-sunken), 0 0 0 3px var(--color-brand-soft);}
html:not(:has(.inbox-shell)) .chatbot-row{border-block-end: 1px solid var(--color-border); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px;}
html:not(:has(.inbox-shell)) .bot-status-line,html:not(:has(.inbox-shell)) .mode-line{box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px inset;}
html:not(:has(.inbox-shell)) .channel-card .bot-state.active,html:not(:has(.inbox-shell)) .channel-card .safety-note.active{box-shadow: rgba(22, 163, 74, 0.25) 0px 0px 0px 1px inset; background: rgba(22, 163, 74, 0.15) !important; color: rgb(22, 163, 74) !important;}
html:not(:has(.inbox-shell)) .channel-card .bot-state.paused,html:not(:has(.inbox-shell)) .channel-card .safety-note.paused{box-shadow: rgba(220, 38, 38, 0.25) 0px 0px 0px 1px inset; background: rgba(220, 38, 38, 0.15) !important; color: rgb(220, 38, 38) !important;}
@media (prefers-reduced-motion: reduce) {html:not(:has(.inbox-shell)) .hero,html:not(:has(.inbox-shell)) .metric,html:not(:has(.inbox-shell)) .channel-card,html:not(:has(.inbox-shell)) .daisy-btn{transition: none !important; transform: none !important;}}
html:not(:has(.inbox-shell)) .daisy-btn:focus-visible,html:not(:has(.inbox-shell)) .toggle-control:focus-visible{outline: 3px solid var(--color-focus); outline-offset: 4px;}
:root:not(:has(.inbox-shell))[data-theme="dark"]{--color-text-muted: #aaa1c6;}
:root:not(:has(.inbox-shell))[data-theme="dark"] .toggle-control.stop{background: linear-gradient(rgb(23, 62, 44), rgb(16, 41, 30)) !important; color: rgb(187, 247, 208) !important; border-color: rgb(41, 117, 74) !important;}
:root:not(:has(.inbox-shell))[data-theme="dark"] .toggle-control.start{background: linear-gradient(rgb(72, 32, 40), rgb(48, 19, 26)) !important; color: rgb(254, 202, 202) !important; border-color: rgb(152, 68, 78) !important;}
:root:not(:has(.inbox-shell))[data-theme="light"] .toggle-control.stop{background: linear-gradient(rgb(239, 253, 244), rgb(216, 247, 227)) !important; color: rgb(22, 101, 52) !important; border-color: rgb(134, 201, 155) !important;}
:root:not(:has(.inbox-shell))[data-theme="light"] .toggle-control.start{background: linear-gradient(rgb(255, 245, 245), rgb(255, 227, 227)) !important; color: rgb(153, 27, 27) !important; border-color: rgb(235, 161, 161) !important;}
html:not(:has(.inbox-shell)) .toggle-control small{opacity: 0.85; color: inherit !important;}
html:not(:has(.inbox-shell)) .metric-grid.daisy-stats{display: grid; grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(4, minmax(0px, 1fr)); overflow: visible; width: 100%; gap: 12px;}
html:not(:has(.inbox-shell)) .metric.daisy-stat{display: block; min-width: 0px; width: auto; padding: 18px; white-space: normal;}
html:not(:has(.inbox-shell)) .metric-label{flex-wrap: wrap; line-height: 1.5;}
html:not(:has(.inbox-shell)) .metric small{white-space: normal; line-height: 1.6;}
html:not(:has(.inbox-shell)) .metric strong{font-size: clamp(26px, 3vw, 36px);}
html:not(:has(.inbox-shell)) .hero{display: block;}
html:not(:has(.inbox-shell)) .hero > *{min-width: 0px;}
html:not(:has(.inbox-shell)) .channel-card{display: flex; flex-direction: column;}
html:not(:has(.inbox-shell)) .channel-card .toggle-control{margin-top: auto; min-height: 48px;}
html:not(:has(.inbox-shell)) .channel-name{min-width: 0px;}
html:not(:has(.inbox-shell)) .channel-name h3,html:not(:has(.inbox-shell)) .channel-name p{overflow-wrap: anywhere;}
html:not(:has(.inbox-shell)) .mode-line{display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 76px;}
html:not(:has(.inbox-shell)) .mode-line > div{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0px;}
html:not(:has(.inbox-shell)) .mode-line .updated-at{margin: 0px; text-align: right; justify-content: flex-end; max-width: 55%;}
html:not(:has(.inbox-shell)) .updated-at strong{overflow-wrap: anywhere;}
html:not(:has(.inbox-shell)) .panel-header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;}
html:not(:has(.inbox-shell)) .panel-header > *{min-width: 0px;}
html:not(:has(.inbox-shell)) .panel-header h2{overflow-wrap: anywhere;}
html:not(:has(.inbox-shell)) .bar-row > span{overflow-wrap: anywhere; white-space: normal;}
html:not(:has(.inbox-shell)) .chatbot-main .daisy-input,html:not(:has(.inbox-shell)) .chatbot-main .daisy-select{box-shadow: var(--shadow-sunken); min-height: 44px; background: var(--color-surface-subtle) !important; color: var(--color-text) !important;}
html:not(:has(.inbox-shell)) .chatbot-main input::placeholder{color: var(--color-text-secondary); opacity: 1;}
html:not(:has(.inbox-shell)) .chatbot-main select option{background: var(--color-surface); color: var(--color-text);}
html:not(:has(.inbox-shell)) .chatbot-row > div{min-width: 0px; overflow-wrap: anywhere;}
html:not(:has(.inbox-shell)) .chatbot-row label{flex-shrink: 0;}
html:not(:has(.inbox-shell)) .chatbot-tabs{display: flex; flex-wrap: wrap; overflow: visible; gap: 8px;}
html:not(:has(.inbox-shell)) .chatbot-tabs a{min-height: 44px;}


html:not(:has(.inbox-shell)) .daisy-btn:disabled{opacity: 0.55; box-shadow: none; transform: none; cursor: not-allowed;}
html:not(:has(.inbox-shell)) .chatbot-actions > div{min-width: 0px;}
:root:not(:has(.inbox-shell))[data-theme="dark"] .bot-state.active,:root:not(:has(.inbox-shell))[data-theme="dark"] .safety-note.active{color: rgb(134, 239, 172) !important;}
:root:not(:has(.inbox-shell))[data-theme="dark"] .bot-state.paused,:root:not(:has(.inbox-shell))[data-theme="dark"] .safety-note.paused{color: rgb(252, 165, 165) !important;}
@media (max-width: 1100px) {html:not(:has(.inbox-shell)) .metric-grid.daisy-stats{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 850px) {html:not(:has(.inbox-shell)) .chatbot-actions{position: static !important;}
html:not(:has(.inbox-shell)) .content,html:not(:has(.inbox-shell)) .chatbot-main{padding-bottom: 110px;}
html:not(:has(.inbox-shell)) .admin-rail .admin-nav{gap: 4px;}
html:not(:has(.inbox-shell)) .admin-nav-link{min-height: 48px;}
html:not(:has(.inbox-shell)) .chatbot-scope > label{flex: 1 1 100%; min-width: 0px;}
html:not(:has(.inbox-shell)) .chatbot-scope > button{width: 100%;}
html:not(:has(.inbox-shell)) .chatbot-tabs a{flex: 1 1 calc(50% - 8px); justify-content: center; white-space: normal; text-align: center;}
html:not(:has(.inbox-shell)) .channel-grid{grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));}
html:not(:has(.inbox-shell)) .chatbot-actions > div{width: 100%;}
html:not(:has(.inbox-shell)) .chatbot-actions > div > button{flex: 1 1 0%; white-space: normal;}
html:not(:has(.inbox-shell)) .panel-header{padding: 16px;}
html:not(:has(.inbox-shell)) .panel-header > a{min-height: 44px; display: inline-flex; align-items: center;}}
@media (max-width: 480px) {html:not(:has(.inbox-shell)) .metric.daisy-stat{padding: 12px;}
html:not(:has(.inbox-shell)) .metric-label{display: block;}
html:not(:has(.inbox-shell)) .metric-label > span{display: block;}
html:not(:has(.inbox-shell)) .metric small{font-size: 12px;}
html:not(:has(.inbox-shell)) .mode-line{min-height: 76px;}
html:not(:has(.inbox-shell)) .mode-line .updated-at{font-size: 12px;}
html:not(:has(.inbox-shell)) .chatbot-row{flex-wrap: wrap;}
html:not(:has(.inbox-shell)) .chatbot-row > div{flex: 1 1 140px;}
html:not(:has(.inbox-shell)) .chatbot-row label{margin-left: auto;}
html:not(:has(.inbox-shell)) .channel-metrics div{padding: 8px; min-width: 0px;}
html:not(:has(.inbox-shell)) .channel-metrics dt{font-size: 12px; white-space: normal; overflow-wrap: anywhere;}
html:not(:has(.inbox-shell)) .safety-note{line-height: 1.7;}}
@media (prefers-reduced-motion: reduce) {html:not(:has(.inbox-shell)) *{scroll-behavior: auto !important;}}
html:not(:has(.inbox-shell)) .hero::before,html:not(:has(.inbox-shell)) .hero::after{display: none !important;}
html:not(:has(.inbox-shell)) .report-panel span{overflow-wrap: anywhere; white-space: normal;}
html:not(:has(.inbox-shell)) .table-wrap{max-width: 100%; overscroll-behavior-inline: contain;}
html:not(:has(.inbox-shell)) .chatbot-grid > *,html:not(:has(.inbox-shell)) .report-grid > *{min-width: 0px;}
html:not(:has(.inbox-shell)) .bar-label{min-width: 0px; align-items: flex-start;}
html:not(:has(.inbox-shell)) .bar-label span[title]{overflow-wrap: anywhere; white-space: normal !important; overflow: visible !important; text-overflow: clip !important;}
html:not(:has(.inbox-shell)) .channel-metrics dt,html:not(:has(.inbox-shell)) .channel-metrics dt span{overflow-wrap: anywhere; line-height: 1.5; white-space: normal !important; overflow: visible !important; text-overflow: clip !important;}
html:not(:has(.inbox-shell))[data-theme="light"] .chatbot-main input:not([type="checkbox"]),html:not(:has(.inbox-shell))[data-theme="light"] .chatbot-main select{color-scheme: light; background: rgb(240, 238, 249) !important; color: rgb(30, 23, 56) !important; box-shadow: rgba(30, 23, 56, 0.08) 0px 2px 4px inset, rgb(255, 255, 255) 0px 1px 0px !important;}
html:not(:has(.inbox-shell))[data-theme="dark"] .chatbot-main input:not([type="checkbox"]),html:not(:has(.inbox-shell))[data-theme="dark"] .chatbot-main select{color-scheme: dark; background: rgb(28, 24, 51) !important; color: rgb(245, 243, 255) !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px inset !important;}
html:not(:has(.inbox-shell))[data-theme="light"] .metric.attention{background: linear-gradient(165deg, rgb(255, 251, 235), rgb(254, 243, 199)) !important;}
html:not(:has(.inbox-shell))[data-theme="light"] .metric.attention strong{color: rgb(146, 64, 14) !important;}
html:not(:has(.inbox-shell))[data-theme="dark"] .metric.attention{background: linear-gradient(165deg, rgb(54, 43, 23), rgb(37, 29, 18)) !important;}
html:not(:has(.inbox-shell))[data-theme="dark"] .metric.attention strong{color: rgb(252, 211, 77) !important;}
:root:not(:has(.inbox-shell))[data-theme="light"]{--panel: #fff; --panel2: #fbfbfe; --soft: #f6f5fb; --hover: #f0eef9; --selected: #edeefd; --muted: #564f72; --bg: #f6f5fb; --surface: #fff; --surface-soft: #fbfbfe; --color-link: #4f46e5; --color-primary: #6366f1; --color-primary-content: #fff; --color-base-100: #fff; --color-base-200: #f0eef9; --color-base-300: #ded8f1; --color-base-content: #1e1738;}
:root:not(:has(.inbox-shell))[data-theme="dark"]{--panel: #141124; --panel2: #211c3d; --soft: #0b0914; --hover: #1c1833; --selected: #292348; --muted: #aba4cc; --bg: #0b0914; --surface: #141124; --surface-soft: #211c3d; --color-link: #a5b4fc; --color-primary: #818cf8; --color-primary-content: #0b0914; --color-base-100: #141124; --color-base-200: #1c1833; --color-base-300: #2c264d; --color-base-content: #f5f3ff;}
html:not(:has(.inbox-shell)) body{background: var(--color-canvas); color: var(--color-text);}
html:not(:has(.inbox-shell)) .smm-panel,html:not(:has(.inbox-shell)) .slips-panel,html:not(:has(.inbox-shell)) .operations-card,html:not(:has(.inbox-shell)) .operations-panel,html:not(:has(.inbox-shell)) .faq-panel,html:not(:has(.inbox-shell)) .order-panel,html:not(:has(.inbox-shell)) .login-shell,html:not(:has(.inbox-shell)) .service-card,html:not(:has(.inbox-shell)) .process-card,html:not(:has(.inbox-shell)) .trust-card,html:not(:has(.inbox-shell)) .company-card,html:not(:has(.inbox-shell)) .contact-card,html:not(:has(.inbox-shell)) .hero-card,html:not(:has(.inbox-shell)) .thread-panel,html:not(:has(.inbox-shell)) .inbox-sidebar{background: linear-gradient(165deg,var(--color-surface-raised),var(--color-surface)); border: 1px solid var(--color-border); box-shadow: var(--shadow-depth-card); border-radius: 12px;}
html:not(:has(.inbox-shell)) .smm-panel,html:not(:has(.inbox-shell)) .operations-card,html:not(:has(.inbox-shell)) .slips-panel,html:not(:has(.inbox-shell)) .service-card,html:not(:has(.inbox-shell)) .process-card,html:not(:has(.inbox-shell)) .trust-card{transition: transform 0.18s, box-shadow 0.18s;}
html:not(:has(.inbox-shell)) .service-card:hover,html:not(:has(.inbox-shell)) .operations-card:hover{transform: translateY(-3px); box-shadow: var(--shadow-depth-hover);}
html:not(:has(.inbox-shell)) .smm-sidebar{background: linear-gradient(180deg,var(--color-surface),var(--color-surface-subtle)); border-color: var(--color-border);}
html:not(:has(.inbox-shell)) .smm-main,html:not(:has(.inbox-shell)) .operations-main,html:not(:has(.inbox-shell)) .slips-main,html:not(:has(.inbox-shell)) .faq-main,html:not(:has(.inbox-shell)) .order-main{min-width: 0px;}
html:not(:has(.inbox-shell)) .daisy-input,html:not(:has(.inbox-shell)) .daisy-select,html:not(:has(.inbox-shell)) .daisy-textarea{color: var(--color-text); background: var(--color-surface-subtle); border-color: var(--color-border-strong); max-width: 100%; min-height: 44px;}
html:not(:has(.inbox-shell))[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),html:not(:has(.inbox-shell))[data-theme="light"] select,html:not(:has(.inbox-shell))[data-theme="light"] textarea{color-scheme: light; color: rgb(30, 23, 56) !important; background-color: rgb(240, 238, 249) !important;}
html:not(:has(.inbox-shell))[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),html:not(:has(.inbox-shell))[data-theme="dark"] select,html:not(:has(.inbox-shell))[data-theme="dark"] textarea{color-scheme: dark; color: rgb(245, 243, 255) !important; background-color: rgb(28, 24, 51) !important;}
html:not(:has(.inbox-shell)) input::placeholder,html:not(:has(.inbox-shell)) textarea::placeholder{color: var(--color-text-secondary); opacity: 1;}
html:not(:has(.inbox-shell)) button:focus-visible,html:not(:has(.inbox-shell)) a:focus-visible,html:not(:has(.inbox-shell)) input:focus-visible,html:not(:has(.inbox-shell)) select:focus-visible,html:not(:has(.inbox-shell)) textarea:focus-visible{outline: 3px solid var(--color-focus); outline-offset: 3px;}
html:not(:has(.inbox-shell)) .smm-table-wrap,html:not(:has(.inbox-shell)) .operations-table-wrap,html:not(:has(.inbox-shell)) .order-table-wrap{max-width: 100%; overflow: auto; overscroll-behavior-inline: contain;}



html:not(:has(.inbox-shell)) body:has(.inbox-shell){overflow: auto;}

html:not(:has(.inbox-shell)) .site-header{background: var(--color-surface); border-color: var(--color-border); box-shadow: var(--shadow-depth-sm);}
html:not(:has(.inbox-shell)) .site-theme-toggle{box-shadow: var(--shadow-depth-sm);}
@media (max-width: 850px) {html:not(:has(.inbox-shell)) .smm-panel,html:not(:has(.inbox-shell)) .slips-panel,html:not(:has(.inbox-shell)) .operations-panel,html:not(:has(.inbox-shell)) .faq-panel{padding: 16px;}
html:not(:has(.inbox-shell)) .operations-main,html:not(:has(.inbox-shell)) .slips-main,html:not(:has(.inbox-shell)) .faq-main,html:not(:has(.inbox-shell)) .order-main{padding: 16px 16px 110px;}



html:not(:has(.inbox-shell)) .smm-toolbar,html:not(:has(.inbox-shell)) .smm-heading,html:not(:has(.inbox-shell)) .smm-panel-head{flex-wrap: wrap; gap: 12px;}
html:not(:has(.inbox-shell)) .smm-field{min-width: 0px; max-width: 100%;}
html:not(:has(.inbox-shell)) .smm-field input,html:not(:has(.inbox-shell)) .smm-field select{width: 100%;}
html:not(:has(.inbox-shell)) .login-shell{max-width: calc(100% - 32px); margin: 16px auto;}
html:not(:has(.inbox-shell)) .daisy-btn{white-space: normal;}
html:not(:has(.inbox-shell)) .smm-tabs{flex-wrap: wrap;}
html:not(:has(.inbox-shell)) .smm-tabs button{min-height: 44px;}}
@media (prefers-reduced-motion: reduce) {html:not(:has(.inbox-shell)) *{transition: none !important; animation: auto ease 0s 1 normal none running none !important; scroll-behavior: auto !important;}}
html:not(:has(.inbox-shell)) .smm-shell{--smm-bg: var(--color-canvas); --smm-panel: var(--color-surface); --smm-soft: var(--color-surface-subtle); --smm-ink: var(--color-text); --smm-muted: var(--color-text-secondary); --smm-line: var(--color-border); --smm-green: var(--color-brand); --smm-green-soft: var(--color-brand-soft);}
html:not(:has(.inbox-shell)) .smm-shell .daisy-btn{background: var(--color-surface-raised); border-color: var(--color-border); box-shadow: var(--shadow-depth-sm); color: var(--color-text) !important;}
html:not(:has(.inbox-shell)) .smm-shell .daisy-btn-primary{background: linear-gradient(180deg,var(--color-brand),var(--color-brand-hover)); box-shadow: var(--shadow-btn); color: var(--color-on-brand) !important;}
html:not(:has(.inbox-shell)) .smm-stat,html:not(:has(.inbox-shell)) .platform-card,html:not(:has(.inbox-shell)) .step-card,html:not(:has(.inbox-shell)) .info-card,html:not(:has(.inbox-shell)) .contact-panel{background: linear-gradient(165deg,var(--color-surface-raised),var(--color-surface)); box-shadow: var(--shadow-depth-card); border: 1px solid var(--color-border); border-radius: 12px; min-width: 0px;}
html:not(:has(.inbox-shell)) .smm-stat *,html:not(:has(.inbox-shell)) .smm-provider *{min-width: 0px; overflow-wrap: anywhere; white-space: normal;}
html:not(:has(.inbox-shell)) .smm-stat-top{flex-wrap: wrap;}
html:not(:has(.inbox-shell)) .smm-provider-top{flex-wrap: wrap;}
html:not(:has(.inbox-shell)) .smm-provider label{width: 100%;}
html:not(:has(.inbox-shell)) .smm-provider .daisy-input{width: 100%;}
html:not(:has(.inbox-shell)) .smm-topbar{flex-wrap: wrap; gap: 12px;}
html:not(:has(.inbox-shell)) .smm-stats{grid-template-columns: repeat(4, minmax(0px, 1fr)); grid-auto-flow: row; width: 100%;}
html:not(:has(.inbox-shell)) .smm-heading > div{min-width: 0px;}
html:not(:has(.inbox-shell)) .smm-heading button{max-width: 100%;}
html:not(:has(.inbox-shell)) .smm-provider-top > div{min-width: 0px;}
html:not(:has(.inbox-shell)) .login-story::before,html:not(:has(.inbox-shell)) .login-story::after{display: none !important;}
html:not(:has(.inbox-shell)) .company-logo-wrap{overflow: hidden;}
html:not(:has(.inbox-shell)) .company-logo-wrap img{max-width: 100%; width: 100%; object-fit: contain; transform: none !important;}
html:not(:has(.inbox-shell)) .conversation-meta{flex-wrap: wrap; gap: 6px;}
html:not(:has(.inbox-shell)) .conversation-meta .daisy-badge{flex-shrink: 0; max-width: 100%; white-space: normal; height: auto; min-height: 24px;}
html:not(:has(.inbox-shell)) .bubble{overflow-wrap: anywhere; box-shadow: var(--shadow-depth-sm);}
html:not(:has(.inbox-shell)) .bubble::before,html:not(:has(.inbox-shell)) .bubble::after{display: none !important;}
html:not(:has(.inbox-shell)) .row-state{flex-shrink: 0; white-space: normal !important;}
html:not(:has(.inbox-shell)) body.mobile-thread-open .inbox-shell{position: relative !important; inset: auto !important; height: 100dvh !important;}
html:not(:has(.inbox-shell)) .thread-mode-label{overflow-wrap: anywhere; white-space: normal !important;}
html:not(:has(.inbox-shell)) .thread-header > div{min-width: 0px;}
@media (max-width: 850px) {html:not(:has(.inbox-shell)) .smm-stats{grid-template-columns: repeat(2, minmax(0px, 1fr));}
html:not(:has(.inbox-shell)) .smm-topbar{align-items: flex-start;}
html:not(:has(.inbox-shell)) .smm-actions{flex-wrap: wrap; gap: 8px;}
html:not(:has(.inbox-shell)) .smm-heading button{width: 100%;}
html:not(:has(.inbox-shell)) .smm-body{padding: 16px !important;}
html:not(:has(.inbox-shell)) .smm-tabs{display: flex; flex-wrap: wrap;}
html:not(:has(.inbox-shell)) .smm-tabs > *{min-height: 44px;}
html:not(:has(.inbox-shell)) .smm-provider{width: 100%;}
html:not(:has(.inbox-shell)) .smm-provider-top{gap: 8px;}
html:not(:has(.inbox-shell)) .smm-provider-top > *{max-width: 100%;}
html:not(:has(.inbox-shell)) .thread-mode-label{max-width: 100%;}
html:not(:has(.inbox-shell)) .login-story{min-width: 0px;}}
@media (max-width: 480px) {html:not(:has(.inbox-shell)) .smm-stat{padding: 12px;}
html:not(:has(.inbox-shell)) .smm-stat-top{display: block;}
html:not(:has(.inbox-shell)) .smm-stat-top span{display: block;}
html:not(:has(.inbox-shell)) .smm-heading h1{font-size: 28px;}
html:not(:has(.inbox-shell)) .smm-provider-grid{grid-template-columns: 1fr;}
html:not(:has(.inbox-shell)) .smm-provider dl{display: grid; grid-template-columns: 1fr; gap: 8px;}}
@media (max-width: 850px) {html:not(:has(.inbox-shell)) .smm-workspace{grid-template-columns: minmax(0px, 1fr) !important;}
html:not(:has(.inbox-shell)) .smm-provider-grid{grid-template-columns: 1fr !important;}
html:not(:has(.inbox-shell)) .smm-shell{grid-template-columns: 80px minmax(0px, 1fr);}
html:not(:has(.inbox-shell)) .smm-provider dl{grid-template-columns: 1fr !important;}
html:not(:has(.inbox-shell)) .smm-stat-top{white-space: normal !important;}
html:not(:has(.inbox-shell)) .smm-stat-top span{white-space: normal !important;}
html:not(:has(.inbox-shell)) .smm-platform-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
html:not(:has(.inbox-shell)) .smm-platform{min-width: 0px; max-width: 100%; white-space: normal !important;}}
html:not(:has(.inbox-shell)) .thread-identity p{display: flex; flex-wrap: wrap; gap: 4px; white-space: normal !important;}
html:not(:has(.inbox-shell)) .company-logo-wrap::before,html:not(:has(.inbox-shell)) .company-logo-wrap::after{display: none !important;}
@media (max-width: 850px) {html:not(:has(.inbox-shell)) .smm-shell{padding-bottom: 100px; display: block !important;}
html:not(:has(.inbox-shell)) .smm-main{width: 100%;}
html:not(:has(.inbox-shell)) .smm-topbar{height: auto; min-height: 76px; padding: 16px;}
html:not(:has(.inbox-shell)) .smm-provider-grid{display: grid; grid-template-columns: minmax(0px, 1fr) !important;}}
html:not(:has(.inbox-shell)) .company-logo-wrap img.company-logo{display: block; height: auto; margin: auto; position: static !important; inset: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important;}
html:not(:has(.inbox-shell)) .company-logo-wrap{display: grid; place-items: center;}
:root:not(:has(.inbox-shell))[data-theme]{--shadow-depth-sm: none; --shadow-depth-card: none; --shadow-depth-hover: none; --shadow-btn: none; --shadow-btn-accent: none; --shadow-sunken: none; --shadow-sm: none; --shadow-md: none; --shadow-lg: none; --shadow: none;}
html:not(:has(.inbox-shell)) *,html:not(:has(.inbox-shell)) ::before,html:not(:has(.inbox-shell)) ::after{box-shadow: none !important; text-shadow: none !important;}
html:not(:has(.inbox-shell)) .hero,html:not(:has(.inbox-shell)) .metric,html:not(:has(.inbox-shell)) .channel-card,html:not(:has(.inbox-shell)) .data-panel,html:not(:has(.inbox-shell)) .report-panel,html:not(:has(.inbox-shell)) .chatbot-panel,html:not(:has(.inbox-shell)) .operations-card,html:not(:has(.inbox-shell)) .operations-panel,html:not(:has(.inbox-shell)) .slips-panel,html:not(:has(.inbox-shell)) .smm-panel,html:not(:has(.inbox-shell)) .smm-stat,html:not(:has(.inbox-shell)) .login-shell,html:not(:has(.inbox-shell)) .platform-card,html:not(:has(.inbox-shell)) .step-card,html:not(:has(.inbox-shell)) .info-card,html:not(:has(.inbox-shell)) .contact-panel,html:not(:has(.inbox-shell)) .company-card,html:not(:has(.inbox-shell)) .service-card,html:not(:has(.inbox-shell)) .process-card,html:not(:has(.inbox-shell)) .trust-card,html:not(:has(.inbox-shell)) .inbox-sidebar,html:not(:has(.inbox-shell)) .thread-panel{border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--color-border); background: var(--color-surface) !important;}
html:not(:has(.inbox-shell)) .hero:hover,html:not(:has(.inbox-shell)) .metric:hover,html:not(:has(.inbox-shell)) .channel-card:hover,html:not(:has(.inbox-shell)) .operations-card:hover,html:not(:has(.inbox-shell)) .service-card:hover,html:not(:has(.inbox-shell)) .daisy-btn:hover,html:not(:has(.inbox-shell)) .daisy-btn:active,html:not(:has(.inbox-shell)) .pagination a:hover,html:not(:has(.inbox-shell)) .pagination a:active{transform: none !important; filter: none !important;}
html:not(:has(.inbox-shell)) .admin-rail,html:not(:has(.inbox-shell)) .smm-sidebar{background: var(--color-surface) !important;}
html:not(:has(.inbox-shell)) .admin-brand-mark{border: 0px; background: var(--color-brand) !important;}
html:not(:has(.inbox-shell)) .daisy-btn,html:not(:has(.inbox-shell)) .daisy-btn-primary{border: 1px solid transparent; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; background-image: none !important; color: var(--color-on-brand) !important;}
html:not(:has(.inbox-shell)) .daisy-btn-accent,html:not(:has(.inbox-shell)) .chatbot-actions .daisy-btn:last-child{background: var(--color-accent) !important; color: rgb(26, 16, 2) !important;}
html:not(:has(.inbox-shell)) .admin-nav-link.is-active,html:not(:has(.inbox-shell)) .admin-nav-link[aria-current="page"]{background: var(--color-brand-soft) !important;}
html:not(:has(.inbox-shell))[data-theme="light"] .toggle-control.stop{background: rgb(239, 251, 243) !important; color: rgb(22, 101, 52) !important;}
html:not(:has(.inbox-shell))[data-theme="light"] .toggle-control.start{background: rgb(255, 241, 242) !important; color: rgb(153, 27, 27) !important;}
html:not(:has(.inbox-shell))[data-theme="dark"] .toggle-control.stop{background: rgb(16, 45, 30) !important; color: rgb(187, 247, 208) !important;}
html:not(:has(.inbox-shell))[data-theme="dark"] .toggle-control.start{background: rgb(53, 23, 29) !important; color: rgb(254, 202, 202) !important;}
html:not(:has(.inbox-shell))[data-theme="light"] .metric.attention{background: rgb(255, 251, 235) !important;}
html:not(:has(.inbox-shell))[data-theme="dark"] .metric.attention{background: rgb(37, 29, 18) !important;}
html:not(:has(.inbox-shell)) .smm-shell .daisy-btn{background: var(--color-surface) !important; color: var(--color-text) !important; border-color: var(--color-border) !important;}
html:not(:has(.inbox-shell)) .smm-shell .daisy-btn-primary{background: var(--color-brand) !important; color: var(--color-on-brand) !important;}
html:not(:has(.inbox-shell)) .hero::before,html:not(:has(.inbox-shell)) .hero::after{display: none !important;}
html:root:not(:has(.inbox-shell))[data-theme="light"]{--color-base-100: oklch(97% 0.0035 67.78); --color-base-200: oklch(95% 0.0081 61.42); --color-base-300: oklch(90% 0.0081 61.42); --color-base-content: oklch(40% 0.0081 61.42); --color-primary: oklch(23.27% 0.0249 284.3); --color-primary-content: oklch(94.22% 0.2505 117.44); --color-secondary: oklch(23.27% 0.0249 284.3); --color-secondary-content: oklch(73.92% 0.2135 50.94); --color-accent: oklch(23.27% 0.0249 284.3); --color-accent-content: oklch(88.92% 0.2061 189.9); --color-neutral: oklch(20% 0 0); --color-neutral-content: oklch(80% 0.0081 61.42); --color-info: oklch(80.39% 0.1148 241.68); --color-info-content: oklch(30.39% 0.1148 241.68); --color-success: oklch(83.92% 0.0901 136.87); --color-success-content: oklch(23.92% 0.0901 136.87); --color-warning: oklch(83.92% 0.1085 80); --color-warning-content: oklch(43.92% 0.1085 80); --color-error: oklch(75.1% 0.1814 22.37); --color-error-content: oklch(35.1% 0.1814 22.37); --radius-selector: 2rem; --radius-field: 0.5rem; --radius-box: 1rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 2px; --depth: 0; --noise: 0; color-scheme: light; --color-canvas: var(--color-base-200); --color-surface: var(--color-base-100); --color-surface-raised: var(--color-base-100); --color-surface-subtle: var(--color-base-200); --color-text: var(--color-base-content); --color-text-secondary: color-mix(in oklch,var(--color-base-content) 85%,var(--color-base-100)); --color-text-muted: color-mix(in oklch,var(--color-base-content) 75%,var(--color-base-100)); --color-border: var(--color-base-300); --color-border-strong: color-mix(in oklch,var(--color-base-content) 40%,var(--color-base-100)); --color-brand: var(--color-primary); --color-brand-hover: var(--color-primary); --color-brand-soft: color-mix(in oklch,var(--color-primary) 12%,var(--color-base-100)); --color-on-brand: var(--color-primary-content); --color-focus: var(--color-primary); --color-link: var(--color-base-content); --paper: var(--color-base-100); --ink: var(--color-base-content); --line: var(--color-base-300); --panel: var(--color-base-100); --panel2: var(--color-base-200); --soft: var(--color-base-200); --selected: var(--color-brand-soft); --hover: var(--color-base-200); --muted: var(--color-text-secondary); --bg: var(--color-base-200); --surface: var(--color-base-100); --surface-soft: var(--color-base-200);}
html:root:not(:has(.inbox-shell))[data-theme="dark"]{--color-base-100: oklch(25.33% 0.016 252.42); --color-base-200: oklch(23.26% 0.014 253.1); --color-base-300: oklch(21.15% 0.012 254.09); --color-base-content: oklch(97.807% 0.029 256.847); --color-primary: oklch(58% 0.233 277.117); --color-primary-content: oklch(96% 0.018 272.314); --color-secondary: oklch(65% 0.241 354.308); --color-secondary-content: oklch(94% 0.028 342.258); --color-accent: oklch(77% 0.152 181.912); --color-accent-content: oklch(38% 0.063 188.416); --color-neutral: oklch(14% 0.005 285.823); --color-neutral-content: oklch(92% 0.004 286.32); --color-info: oklch(74% 0.16 232.661); --color-info-content: oklch(29% 0.066 243.157); --color-success: oklch(76% 0.177 163.223); --color-success-content: oklch(37% 0.077 168.94); --color-warning: oklch(82% 0.189 84.429); --color-warning-content: oklch(41% 0.112 45.904); --color-error: oklch(71% 0.194 13.428); --color-error-content: oklch(27% 0.105 12.094); --radius-selector: 0.5rem; --radius-field: 0.25rem; --radius-box: 0.5rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 0; --noise: 0; color-scheme: dark; --color-canvas: var(--color-base-200); --color-surface: var(--color-base-100); --color-surface-raised: var(--color-base-100); --color-surface-subtle: var(--color-base-200); --color-text: var(--color-base-content); --color-text-secondary: color-mix(in oklch,var(--color-base-content) 85%,var(--color-base-100)); --color-text-muted: color-mix(in oklch,var(--color-base-content) 75%,var(--color-base-100)); --color-border: var(--color-base-300); --color-border-strong: color-mix(in oklch,var(--color-base-content) 40%,var(--color-base-100)); --color-brand: var(--color-primary); --color-brand-hover: var(--color-primary); --color-brand-soft: color-mix(in oklch,var(--color-primary) 12%,var(--color-base-100)); --color-on-brand: var(--color-primary-content); --color-focus: var(--color-primary); --color-link: var(--color-base-content); --paper: var(--color-base-100); --ink: var(--color-base-content); --line: var(--color-base-300); --panel: var(--color-base-100); --panel2: var(--color-base-200); --soft: var(--color-base-200); --selected: var(--color-brand-soft); --hover: var(--color-base-200); --muted: var(--color-text-secondary); --bg: var(--color-base-200); --surface: var(--color-base-100); --surface-soft: var(--color-base-200);}
html:root:not(:has(.inbox-shell))[data-theme] body .daisy-btn,html:root:not(:has(.inbox-shell))[data-theme] body .daisy-btn-primary{border-radius: var(--radius-field); background: var(--color-primary) !important; color: var(--color-primary-content) !important; border-color: var(--color-primary) !important;}
html:root:not(:has(.inbox-shell))[data-theme] body .daisy-btn-accent,html:root:not(:has(.inbox-shell))[data-theme] body .chatbot-actions .daisy-btn:last-child{background: var(--color-accent) !important; color: var(--color-accent-content) !important; border-color: var(--color-accent) !important;}
html:root:not(:has(.inbox-shell))[data-theme] body input:not([type="checkbox"]):not([type="radio"]),html:root:not(:has(.inbox-shell))[data-theme] body select,html:root:not(:has(.inbox-shell))[data-theme] body textarea{border-radius: var(--radius-field); background: var(--color-base-200) !important; color: var(--color-base-content) !important; border-color: var(--color-border-strong) !important; box-shadow: none !important;}
html:root:not(:has(.inbox-shell))[data-theme] body .theme-toggle,html:root:not(:has(.inbox-shell))[data-theme] body .site-theme-toggle,html:root:not(:has(.inbox-shell))[data-theme] body .smm-shell .daisy-btn:not(.daisy-btn-primary){background: var(--color-base-100) !important; color: var(--color-base-content) !important; border-color: var(--color-border-strong) !important;}
html:root:not(:has(.inbox-shell))[data-theme] body :is(.hero, .metric, .channel-card, .data-panel, .report-panel, .chatbot-panel, .operations-card, .operations-panel, .smm-panel, .smm-stat, .slips-panel, .faq-panel, .login-shell, .platform-card, .step-card, .info-card, .contact-panel, .company-card){border-radius: var(--radius-box); border-width: var(--border);}
html:root:not(:has(.inbox-shell))[data-theme] body .bubble{background: var(--color-base-200); color: var(--color-base-content);}
html:root:not(:has(.inbox-shell))[data-theme] body .daisy-chat-bubble-primary{background: var(--color-primary); color: var(--color-primary-content);}
html:root:not(:has(.inbox-shell))[data-theme] body .smm-cost{background: var(--color-neutral); color: var(--color-neutral-content);}
html:root:not(:has(.inbox-shell))[data-theme] body *{--depth: 0; --noise: 0;}
html:root:not(:has(.inbox-shell))[data-theme="light"] body .row-state.active{background: rgb(239, 251, 243) !important; color: rgb(22, 101, 52) !important;}
html:root:not(:has(.inbox-shell))[data-theme="dark"] body .row-state.active{background: rgb(16, 45, 30) !important; color: rgb(134, 239, 172) !important;}
html:root:not(:has(.inbox-shell))[data-theme]{--color-nav-background: var(--color-base-200); --color-nav-text: var(--color-base-content); --color-nav-link: var(--color-base-content); --color-nav-muted: var(--color-text-secondary); --color-nav-border: var(--color-base-300); --color-nav-brand-border: var(--color-primary); --color-nav-hover: color-mix(in oklch,var(--color-primary) 8%,var(--color-base-200)); --color-nav-active: color-mix(in oklch,var(--color-primary) 12%,var(--color-base-200)); --color-nav-icon: var(--color-base-content); --color-nav-icon-background: var(--color-primary); --color-nav-icon-active: var(--color-primary-content); --color-nav-count: var(--color-primary); --color-nav-count-text: var(--color-primary-content);}
html:root:not(:has(.inbox-shell))[data-theme="light"]{--color-base-content: #111111; --color-text: #111111; --color-text-secondary: #111111; --color-text-muted: #111111; --color-link: #111111; --ink: #111111; --muted: #111111; --ink-soft: #111111; --color-nav-text: #111111; --color-nav-link: #111111; --color-nav-icon: #111111; --color-nav-muted: #111111;}
html:root:not(:has(.inbox-shell))[data-theme="light"] .hero h2,html:root:not(:has(.inbox-shell))[data-theme="light"] .hero p{color: rgb(17, 17, 17) !important;}
html:root:not(:has(.inbox-shell))[data-theme="light"]{--color-base-100: oklch(97% 0.0035 67.78); --color-base-200: oklch(92% 0.013 255.508); --color-base-300: oklch(92% 0.003 48.717); --color-base-content: oklch(12% 0.042 264.695); --color-primary: oklch(44% 0.043 257.281); --color-primary-content: oklch(94.22% 0.2505 117.44); --color-secondary: oklch(44% 0.043 257.281); --color-secondary-content: oklch(73.92% 0.2135 50.94); --color-accent: oklch(44% 0.043 257.281); --color-accent-content: oklch(88.92% 0.2061 189.9); --color-neutral: oklch(44% 0.043 257.281); --color-neutral-content: oklch(94% 0.129 101.54); --color-info: oklch(80.39% 0.1148 241.68); --color-info-content: oklch(30.39% 0.1148 241.68); --color-success: oklch(83.92% 0.0901 136.87); --color-success-content: oklch(23.92% 0.0901 136.87); --color-warning: oklch(83.92% 0.1085 80); --color-warning-content: oklch(43.92% 0.1085 80); --color-error: oklch(75.1% 0.1814 22.37); --color-error-content: oklch(35.1% 0.1814 22.37); --color-text: var(--color-base-content); --color-text-secondary: var(--color-base-content); --color-text-muted: var(--color-base-content); --color-link: var(--color-base-content); --ink: var(--color-base-content); --muted: var(--color-base-content); --ink-soft: var(--color-base-content); --color-nav-text: var(--color-base-content); --color-nav-link: var(--color-base-content); --color-nav-icon: var(--color-base-content); --color-nav-muted: var(--color-base-content);}
html:root:not(:has(.inbox-shell))[data-theme="light"] .hero h2,html:root:not(:has(.inbox-shell))[data-theme="light"] .hero p{color: var(--color-base-content) !important;}
html:root:not(:has(.inbox-shell))[data-theme] .chatbot-row label{display: flex; align-items: center; gap: 12px; min-height: 44px;}
html:root:not(:has(.inbox-shell))[data-theme] .chatbot-row input.daisy-toggle{box-sizing: border-box; flex-shrink: 0; order: -1; cursor: pointer; vertical-align: middle; transition: background-color 0.15s; appearance: none !important; display: inline-block !important; position: relative !important; width: 52px !important; height: 30px !important; min-width: 52px !important; min-height: 30px !important; max-height: 30px !important; border: 0px !important; border-radius: 999px !important; padding: 0px !important; margin: 0px !important; background: none rgb(185, 28, 28) !important; box-shadow: none !important;}
html:root:not(:has(.inbox-shell))[data-theme] .chatbot-row input.daisy-toggle:checked{background: rgb(21, 128, 61) !important;}
html:root:not(:has(.inbox-shell))[data-theme="dark"] .chatbot-row input.daisy-toggle{background: rgb(248, 113, 113) !important;}
html:root:not(:has(.inbox-shell))[data-theme="dark"] .chatbot-row input.daisy-toggle:checked{background: rgb(134, 239, 172) !important;}
html:root:not(:has(.inbox-shell))[data-theme] .chatbot-row input.daisy-toggle::before{transition: transform 0.15s; content: "" !important; display: block !important; position: absolute !important; inset: 3px auto auto 3px !important; width: 24px !important; height: 24px !important; border: 0px !important; border-radius: 50% !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; margin: 0px !important; padding: 0px !important; transform: translateX(0px) !important;}
html:root:not(:has(.inbox-shell))[data-theme] .chatbot-row input.daisy-toggle:checked::before{transform: translateX(22px) !important;}
html:root:not(:has(.inbox-shell))[data-theme] .chatbot-row input.daisy-toggle::after{display: none !important;}
html:root:not(:has(.inbox-shell))[data-theme] .chatbot-row input.daisy-toggle:focus-visible{outline-offset: 4px; outline: 3px solid var(--color-focus) !important;}
@media (prefers-reduced-motion: reduce) {html:root:not(:has(.inbox-shell))[data-theme] .chatbot-row input.daisy-toggle,html:root:not(:has(.inbox-shell))[data-theme] .chatbot-row input.daisy-toggle::before{transition: none;}}
html:root:has(.inbox-shell)[data-theme="light"]{--color-base-100: oklch(97% 0.0035 67.78); --color-base-200: oklch(95% 0.0081 61.42); --color-base-300: oklch(90% 0.0081 61.42); --color-base-content: oklch(40% 0.0081 61.42); --color-primary: oklch(23.27% 0.0249 284.3); --color-primary-content: oklch(94.22% 0.2505 117.44); --color-secondary: oklch(23.27% 0.0249 284.3); --color-secondary-content: oklch(73.92% 0.2135 50.94); --color-accent: oklch(23.27% 0.0249 284.3); --color-accent-content: oklch(88.92% 0.2061 189.9); --color-neutral: oklch(20% 0 0); --color-neutral-content: oklch(80% 0.0081 61.42); --color-info: oklch(80.39% 0.1148 241.68); --color-info-content: oklch(30.39% 0.1148 241.68); --color-success: oklch(83.92% 0.0901 136.87); --color-success-content: oklch(23.92% 0.0901 136.87); --color-warning: oklch(83.92% 0.1085 80); --color-warning-content: oklch(43.92% 0.1085 80); --color-error: oklch(75.1% 0.1814 22.37); --color-error-content: oklch(35.1% 0.1814 22.37); color-scheme: light; --color-canvas: var(--color-base-200); --color-surface: var(--color-base-100); --color-surface-raised: var(--color-base-100); --color-surface-subtle: var(--color-base-200); --color-text: var(--color-base-content); --color-text-secondary: color-mix(in oklch,var(--color-base-content) 85%,var(--color-base-100)); --color-text-muted: color-mix(in oklch,var(--color-base-content) 75%,var(--color-base-100)); --color-border: var(--color-base-300); --color-border-strong: color-mix(in oklch,var(--color-base-content) 40%,var(--color-base-100)); --color-brand: var(--color-primary); --color-brand-hover: var(--color-primary); --color-brand-soft: color-mix(in oklch,var(--color-primary) 12%,var(--color-base-100)); --color-on-brand: var(--color-primary-content); --color-focus: var(--color-primary); --color-link: var(--color-base-content); --paper: var(--color-base-100); --ink: var(--color-base-content); --line: var(--color-base-300); --panel: var(--color-base-100); --panel2: var(--color-base-200); --soft: var(--color-base-200); --selected: var(--color-brand-soft); --hover: var(--color-base-200); --muted: var(--color-text-secondary); --bg: var(--color-base-200); --surface: var(--color-base-100); --surface-soft: var(--color-base-200);}
html:root:has(.inbox-shell)[data-theme="dark"]{--color-base-100: oklch(25.33% 0.016 252.42); --color-base-200: oklch(23.26% 0.014 253.1); --color-base-300: oklch(21.15% 0.012 254.09); --color-base-content: oklch(97.807% 0.029 256.847); --color-primary: oklch(58% 0.233 277.117); --color-primary-content: oklch(96% 0.018 272.314); --color-secondary: oklch(65% 0.241 354.308); --color-secondary-content: oklch(94% 0.028 342.258); --color-accent: oklch(77% 0.152 181.912); --color-accent-content: oklch(38% 0.063 188.416); --color-neutral: oklch(14% 0.005 285.823); --color-neutral-content: oklch(92% 0.004 286.32); --color-info: oklch(74% 0.16 232.661); --color-info-content: oklch(29% 0.066 243.157); --color-success: oklch(76% 0.177 163.223); --color-success-content: oklch(37% 0.077 168.94); --color-warning: oklch(82% 0.189 84.429); --color-warning-content: oklch(41% 0.112 45.904); --color-error: oklch(71% 0.194 13.428); --color-error-content: oklch(27% 0.105 12.094); color-scheme: dark; --color-canvas: var(--color-base-200); --color-surface: var(--color-base-100); --color-surface-raised: var(--color-base-100); --color-surface-subtle: var(--color-base-200); --color-text: var(--color-base-content); --color-text-secondary: color-mix(in oklch,var(--color-base-content) 85%,var(--color-base-100)); --color-text-muted: color-mix(in oklch,var(--color-base-content) 75%,var(--color-base-100)); --color-border: var(--color-base-300); --color-border-strong: color-mix(in oklch,var(--color-base-content) 40%,var(--color-base-100)); --color-brand: var(--color-primary); --color-brand-hover: var(--color-primary); --color-brand-soft: color-mix(in oklch,var(--color-primary) 12%,var(--color-base-100)); --color-on-brand: var(--color-primary-content); --color-focus: var(--color-primary); --color-link: var(--color-base-content); --paper: var(--color-base-100); --ink: var(--color-base-content); --line: var(--color-base-300); --panel: var(--color-base-100); --panel2: var(--color-base-200); --soft: var(--color-base-200); --selected: var(--color-brand-soft); --hover: var(--color-base-200); --muted: var(--color-text-secondary); --bg: var(--color-base-200); --surface: var(--color-base-100); --surface-soft: var(--color-base-200);}
html:root:has(.inbox-shell)[data-theme] .inbox-shell{--color-link: var(--color-base-content);}
html:root:has(.inbox-shell)[data-theme] .inbox-shell .bubble{background-color: var(--color-base-200); color: var(--color-base-content);}
html:root:has(.inbox-shell)[data-theme] .inbox-shell .daisy-chat-bubble-primary{background-color: var(--color-primary); color: var(--color-primary-content);}
html:root:has(.inbox-shell)[data-theme] .inbox-shell input,html:root:has(.inbox-shell)[data-theme] .inbox-shell textarea,html:root:has(.inbox-shell)[data-theme] .inbox-shell select{background-color: var(--color-base-200); color: var(--color-base-content); border-color: var(--color-border-strong);}
html:root:has(.inbox-shell)[data-theme] .inbox-shell .admin-brand-mark{background-color: var(--color-primary); color: var(--color-primary-content);}
html:root:has(.inbox-shell)[data-theme="light"] .inbox-shell .row-state.active{color: rgb(22, 101, 52); background-color: rgb(239, 251, 243);}
html:root:has(.inbox-shell)[data-theme="dark"] .inbox-shell .row-state.active{color: rgb(134, 239, 172); background-color: rgb(16, 45, 30);}
html:root:has(.inbox-shell)[data-theme]{--color-nav-background: var(--color-base-200); --color-nav-text: var(--color-base-content); --color-nav-link: var(--color-base-content); --color-nav-muted: var(--color-text-secondary); --color-nav-border: var(--color-base-300); --color-nav-brand-border: var(--color-primary); --color-nav-hover: color-mix(in oklch,var(--color-primary) 8%,var(--color-base-200)); --color-nav-active: color-mix(in oklch,var(--color-primary) 12%,var(--color-base-200)); --color-nav-icon: var(--color-base-content); --color-nav-icon-background: var(--color-primary); --color-nav-icon-active: var(--color-primary-content); --color-nav-count: var(--color-primary); --color-nav-count-text: var(--color-primary-content);}
html:root:has(.inbox-shell)[data-theme="light"]{--color-base-content: #111111; --color-text: #111111; --color-text-secondary: #111111; --color-text-muted: #111111; --color-link: #111111; --ink: #111111; --muted: #111111; --ink-soft: #111111; --color-nav-text: #111111; --color-nav-link: #111111; --color-nav-icon: #111111; --color-nav-muted: #111111;}
html:root:has(.inbox-shell)[data-theme="light"] .hero h2,html:root:has(.inbox-shell)[data-theme="light"] .hero p{color: rgb(17, 17, 17) !important;}
html:root:has(.inbox-shell)[data-theme="light"]{--color-base-100: oklch(97% 0.0035 67.78); --color-base-200: oklch(92% 0.013 255.508); --color-base-300: oklch(92% 0.003 48.717); --color-base-content: oklch(12% 0.042 264.695); --color-primary: oklch(44% 0.043 257.281); --color-primary-content: oklch(94.22% 0.2505 117.44); --color-secondary: oklch(44% 0.043 257.281); --color-secondary-content: oklch(73.92% 0.2135 50.94); --color-accent: oklch(44% 0.043 257.281); --color-accent-content: oklch(88.92% 0.2061 189.9); --color-neutral: oklch(44% 0.043 257.281); --color-neutral-content: oklch(94% 0.129 101.54); --color-info: oklch(80.39% 0.1148 241.68); --color-info-content: oklch(30.39% 0.1148 241.68); --color-success: oklch(83.92% 0.0901 136.87); --color-success-content: oklch(23.92% 0.0901 136.87); --color-warning: oklch(83.92% 0.1085 80); --color-warning-content: oklch(43.92% 0.1085 80); --color-error: oklch(75.1% 0.1814 22.37); --color-error-content: oklch(35.1% 0.1814 22.37); --color-text: var(--color-base-content); --color-text-secondary: var(--color-base-content); --color-text-muted: var(--color-base-content); --color-link: var(--color-base-content); --ink: var(--color-base-content); --muted: var(--color-base-content); --ink-soft: var(--color-base-content); --color-nav-text: var(--color-base-content); --color-nav-link: var(--color-base-content); --color-nav-icon: var(--color-base-content); --color-nav-muted: var(--color-base-content);}
html:root:has(.inbox-shell)[data-theme="light"] .hero h2,html:root:has(.inbox-shell)[data-theme="light"] .hero p{color: var(--color-base-content) !important;}
/* QA corrections: reading contrast and service status semantics. */
html:root[data-theme="dark"]{--color-primary:oklch(54% 0.233 277.117);--color-primary-content:#ffffff;--color-on-brand:#ffffff;--color-nav-icon-background:var(--color-primary);--color-nav-count:var(--color-primary)}
html:root[data-theme] .admin-nav-link.is-active .admin-nav-label{color:var(--color-base-content)!important}
html:root[data-theme] .platform.facebook{background:#1662cd!important;color:#fff!important}
html:root[data-theme="light"] .bot-state.active,html:root[data-theme="light"] .safety-note.active,html:root[data-theme="light"] .safety-note.active span{color:#166534!important}
html:root[data-theme="dark"] .table-status.success{background:#102d1e!important;color:#86efac!important}
html:root[data-theme="light"] .mode-chip.shadow{background:#fff6d9!important;color:#713f12!important}
html:root[data-theme]:not(:has(.inbox-shell)) body p,html:root[data-theme]:not(:has(.inbox-shell)) body .operations-main h2{color:var(--color-base-content)}
html:root[data-theme] #order-date-range-label{color:inherit!important}
html:root[data-theme] .inbox-shell .unread-badge{background:var(--color-error)!important;color:var(--color-error-content)!important}
html:root[data-theme] .smm-shell{--smm-tint:var(--color-brand-soft)}
html:root[data-theme] .smm-kicker,html:root[data-theme] .smm-tab[aria-selected="true"]{color:var(--color-base-content)!important}
html:root[data-theme] .smm-notice,html:root[data-theme] .smm-notice *,html:root[data-theme] .smm-step-num,html:root[data-theme] .smm-provider-mark,html:root[data-theme] .smm-platform{background-color:var(--color-base-200)!important;color:var(--color-base-content)!important}
html:root[data-theme] .smm-platform-logo.instagram{background:#9d245c!important;color:#fff!important}
html:root[data-theme="light"] .chatbot-row:has(input:checked){background:#effbf3!important;border-color:#86c99b!important}html:root[data-theme="light"] .chatbot-row:has(input:not(:checked)){background:#fff1f2!important;border-color:#eba1a1!important}
html:root[data-theme="dark"] .chatbot-row:has(input:checked){background:#102d1e!important;border-color:#29754a!important}html:root[data-theme="dark"] .chatbot-row:has(input:not(:checked)){background:#35171d!important;border-color:#98444e!important}
html:root[data-theme="light"] .chatbot-row label{color:#991b1b!important}html:root[data-theme="light"] .chatbot-row:has(input:checked) label{color:#166534!important}html:root[data-theme="dark"] .chatbot-row label{color:#fecaca!important}html:root[data-theme="dark"] .chatbot-row:has(input:checked) label{color:#bbf7d0!important}

html:root[data-theme="dark"]{--color-primary:oklch(54% 0.233 277.117)!important;--color-primary-content:#fff!important;--color-on-brand:#fff!important}
html:root[data-theme="light"] .inbox-shell .unread-badge{background:#fff1f2!important;color:#991b1b!important}
html:root[data-theme] .smm-summary-hint{color:#c5ded5!important}

html:root[data-theme] .private-ref{color:var(--color-base-content)!important}
html:root[data-theme] .daisy-alert-info,html:root[data-theme] .daisy-alert-info strong{background-color:var(--color-info)!important;color:var(--color-info-content)!important}

html:root[data-theme] body .daisy-alert.daisy-alert-info *{color:var(--color-info-content)!important}

html:root[data-theme="dark"]{--color-focus:#a5b4fc!important}
html:root[data-theme]{--color-border-strong:color-mix(in oklch,var(--color-base-content) 65%,var(--color-base-100))!important}

/* Public landing-page actions use the same high-contrast fill in every state. */
html:root[data-theme="light"] body:has(> .site-header) :is(button, .btn, .daisy-btn, [role="button"]){
  --daisy-btn-color:#000;
  --daisy-btn-bg:#000;
  --daisy-btn-fg:#fff;
  background:#000!important;
  border-color:#000!important;
  color:#fff!important;
}
html:root[data-theme="dark"] body:has(> .site-header) :is(button, .btn, .daisy-btn, [role="button"]){
  --daisy-btn-color:#fff;
  --daisy-btn-bg:#fff;
  --daisy-btn-fg:#000;
  background:#fff!important;
  border-color:#fff!important;
  color:#000!important;
}
html:root[data-theme="light"] body:has(> .site-header) .menu-toggle__bar{background:#fff}
html:root[data-theme="dark"] body:has(> .site-header) .menu-toggle__bar{background:#000}