/* Shared blue and white theme for the home page, previews and dashboard. */
:root{color-scheme:light;--bg:#f7fbff;--panel:#fff;--border:#dce7f3;--text:#17324e;--muted:#526a83;--accent:#177bd5;--ink:#17324e;--purple:#177bd5;--line:#dce7f3;--surface:#f5f9fe;--mint:#d8f0ff}
body{color:#17324e;background:#f7fbff;font-size:15px;line-height:1.7}
.site-header{max-width:1240px}.logo{color:#17324e}.logo-mark,.logo-dot{color:#177bd5}
.site-header nav,.login-link{color:#405e7b;font-size:14px}.site-header nav a:hover,.login-link:hover{color:#116ac0}
.button{background:#fff;color:#1967ad;border-color:#ccdeef;font-size:14px}.button:hover{background:#ecf5ff}
.button.primary,.button.compact{background:#177bd5;color:white;border-color:#177bd5;box-shadow:0 6px 18px #177bd51c}.button.primary:hover,.button.compact:hover{background:#106bc0}
.button.ghost{background:#fff;border-color:#c6dbef;color:#355e84}
.hero-glow{background:radial-gradient(ellipse,#9bd1ff55,transparent 65%)}
.hero-grid{background-image:linear-gradient(#157bd509 1px,transparent 1px),linear-gradient(90deg,#157bd509 1px,transparent 1px)}
.announcement{color:#236aab;background:#eaf5ff;border-color:#cfE6fb;font-size:12px;letter-spacing:0}
.live-dot{background:#177bd5;box-shadow:0 0 8px #177bd540}
h1{font-weight:700;letter-spacing:-1.5px}.gradient-text{background:none;-webkit-text-fill-color:#177bd5;color:#177bd5}
.hero-description{font-size:17px;color:#526a83;line-height:2}.hero-note{font-size:12px;color:#526a83}
.showcase:before{background:#81bded2a}.showcase-caption{font-size:11px;color:#496987;letter-spacing:0}.demo-label{color:#496987;font-size:12px}
.product-window{background:white;border-color:#cddfeb;box-shadow:0 25px 75px #326eae18}
.window-chrome{background:#f0f7fe;border-color:#dce7f3;color:#537392;font-size:11px}.window-version{font-size:10px;letter-spacing:0}.window-dots i{background:#c9dceb}.window-dots i:nth-child(2){background:#bdd6ed}.window-dots i:nth-child(3){background:#a9c9e7}
.preview-side{background:#f4f9ff;border-color:#dce7f3}.preview-brand{color:#1b5286}.preview-side-label{color:#597795;font-size:9px;letter-spacing:.6px}
.preview-server{background:white;border-color:#d5e4f1;color:#365c81;font-size:10px}.tiny-avatar{background:#deeeff;color:#2674b9}
.preview-nav{color:#526f8d;font-size:11px}.preview-nav div.selected{background:#e0efff;color:#1769b3}.preview-side-footer{border-color:#dce7f3;color:#526f8d;font-size:10px}
.preview-body{background:#fff}.preview-body-header h3{color:#17324e;font-size:18px}.preview-body-header p{color:#57718a;font-size:11px}.preview-small-button{background:#177bd5;color:#fff;font-size:10px}
.preview-stat{background:#f8fbff;border-color:#dce7f3}.preview-stat span{color:#526f8d;font-size:11px}.preview-stat strong{color:#174f84}.preview-stat small{color:#60798f;font-size:9px}
.preview-table{background:white;border-color:#dce7f3}.preview-table-header{color:#1d466e;font-size:12px}.preview-table-header span{color:#177bd5;font-size:10px}.preview-table table{font-size:10px}.preview-table th{background:#f5f9fe;border-color:#dce7f3;color:#526f8d;font-size:9px}.preview-table td{color:#405e7b;border-color:#e8f0f7}.preview-table td:first-child{color:#177bd5}
.status-chip{background:#e7f6ef;color:#267d52;font-size:9px}.status-chip.closed{background:#edf2f8;color:#526a83}
.slide-caption strong{color:#234e76;font-size:15px}.slide-caption p{color:#526a83;font-size:13px}.carousel-controls>button{background:#fff;border-color:#ccdeef;color:#177bd5}.slide-tabs button{color:#587591;font-size:11px}.slide-tabs button[aria-selected=true]{background:#e0efff;color:#116ac0}
.eyebrow{color:#177bd5;font-size:12px;letter-spacing:0}.section-heading h2,.faq-intro h2{font-weight:600}.section-heading h2 span,.faq-intro h2 span{color:#46749d}.section-heading p,.faq-intro p{color:#526a83;font-size:15px;line-height:2}
.feature-card{background:#fff;border-color:#dce7f3;box-shadow:0 8px 25px #27619d05}.feature-icon{background:#eaf5ff;border-color:#cde4f8;color:#177bd5}.feature-number{color:#526f8d;font-size:11px;letter-spacing:0}.feature-card h3{font-weight:600}.feature-card>p{color:#526a83;font-size:14px;line-height:2}
.conversation-art,.appearance-art{background:#f5f9ff;border-color:#dce7f3}.member-avatar{background:#d9eaff;color:#2169b0}.conversation-row span:not(.member-avatar){color:#335f88;font-size:12px}.conversation-row small{color:#526f8d;font-size:10px}.conversation-row p{background:#e7f2ff;border-color:#cee3f8;color:#24527f;font-size:12px}.conversation-row.staff p{background:#ecf8f2;border-color:#cce9da;color:#246442}.conversation-row.staff .member-avatar{background:#d5efdf;color:#27764a}.private-note{color:#526a83;border-color:#dce7f3;font-size:11px}
.server-art>div{background:#f9fcff;border-color:#dce7f3;color:#537392}.server-art>div:first-child{background:#eaf5ff;border-color:#a7d0f1}.server-art strong{color:#2a557c;font-size:13px}.server-avatar.purple{background:#d9eaff;color:#2169b0}.server-avatar.green{background:#d5efdf;color:#27764a}.server-avatar.orange{background:#fff0d5;color:#946a24}
.appearance-art>span{color:#365c81;font-size:12px}.appearance-art small{color:#177bd5;font-size:9px}.color-swatches i:first-child{background:#177bd5;outline-color:#177bd5}.appearance-line{color:#526f8d;border-color:#dce7f3;font-size:12px}.appearance-line strong{color:#2a557c}
.transcript-art{background:linear-gradient(110deg,#eaf5ff,#fff);border-color:#bedcf3;box-shadow:0 15px 30px #177bd50a}.document-icon{background:#d9eaff;color:#177bd5}.transcript-art strong{color:#24527f;font-size:14px}.transcript-art div span{color:#526a83;font-size:11px}.download-icon{color:#177bd5}
.steps:before{background:#cde2f5}.step-number{background:#eaf5ff;border-color:#bbd8f1;color:#177bd5}.steps h3{font-size:18px;font-weight:600}.steps p{font-size:14px;color:#526a83;line-height:2}
.pricing-section,.faq-section{border-color:#dce7f3}.pricing-card{background:#fff;border-color:#dce7f3}.plan-top>span{color:#526a83;font-size:12px}.plan-price span{color:#526a83;font-size:13px}.plan-description{color:#526a83;font-size:13px}.pricing-card ul{border-color:#dce7f3}.pricing-card li{color:#405e7b;font-size:14px}.pricing-card li:before{color:#177bd5}.premium-card{background:linear-gradient(140deg,#eef7ff,#fff);border-color:#79b8e9;box-shadow:0 10px 40px #177bd510}.premium-label{background:#177bd5;border-color:#177bd5;color:white;letter-spacing:0;font-size:10px}.pricing-footnote{color:#526a83;font-size:12px}
.faq-list details{border-color:#dce7f3}.faq-list summary{color:#234e76;font-size:15px;font-weight:500}.faq-list summary:after{color:#177bd5}.faq-list p{color:#526a83;font-size:14px;line-height:2}
.final-cta{background:radial-gradient(ellipse at bottom,#d6ecff,transparent 80%),#eef7ff;border-color:#cce2f7}.final-cta h2{color:#174f84;font-weight:600}.final-cta p{color:#526a83;font-size:13px}.site-footer{border-color:#dce7f3;color:#526a83}.site-footer .logo{color:#17324e}.site-footer p,.site-footer div{font-size:12px}.site-footer>span{font-size:11px}
.preview-discord{background:#fff}.discord-channel-list{background:#f4f9ff;border-color:#dce7f3;color:#526f8d;font-size:10px}.discord-channel-list strong{color:#2a557c;font-size:12px}.discord-channel-list .current{background:#e0efff;color:#1769b3}.discord-chat-header{border-color:#dce7f3;color:#335f88;font-size:13px}.discord-chat-header span{color:#526f8d;font-size:10px}.discord-message-avatar{background:#177bd5;color:white}.discord-message-user{color:#24527f;font-size:12px}.discord-message-user small{background:#177bd5;color:white;font-size:8px}.discord-message-user time{color:#60798f;font-size:9px}.discord-chat-embed{background:#f2f8ff;border-color:#177bd5}.discord-chat-embed h4{color:#24527f;font-size:14px}.discord-chat-embed p{color:#526a83;font-size:12px}.discord-open-button{background:#177bd5;color:white;font-size:12px}.discord-open-button:hover{background:#106bc0}.discord-preview-result{background:#ecf8f2;border-color:#cce9da;color:#246442;font-size:12px}
.preview-fields{background:#f7fbff;border-color:#dce7f3}.preview-fields label{color:#526f8d;font-size:11px}.preview-field-value{background:white;border-color:#dce7f3;color:#335f88;font-size:12px}.preview-role-pill{color:#1769b3;background:#e0efff;border-color:#bbd8f1;font-size:10px}.preview-setup-note{color:#526a83;font-size:11px}.preview-mini-embed{background:#f2f8ff;border-color:#177bd5}.preview-mini-embed h4{color:#24527f;font-size:13px}.preview-mini-embed p{color:#526a83;font-size:11px}
#landing-toast{background:#fff;color:#24527f;border-color:#bbd8f1;box-shadow:0 10px 30px #177bd51c}
/* Keep the actual dashboard consistent with the product tour. */
.sidebar{background:#fff;color:#405e7b;border-right:1px solid #dce7f3}.brand{color:#17324e}.brand-icon{background:#177bd5;color:#fff}.brand-dot{color:#177bd5}.workspace-label{color:#526f8d}.server-picker{background:#f4f9ff;border-color:#dce7f3}.server-picker span{color:#526f8d}.server-picker select{color:#24527f}.server-picker option{background:#fff;color:#24527f}
.sidebar nav button{color:#405e7b;font-size:13px}.sidebar nav button.active{color:#116ac0;background:#e7f2ff}.sidebar nav button small{color:#177bd5}.sidebar nav button em{background:#e0efff;color:#1769b3}.nav-separator{background:#dce7f3}
.mini-plan{background:#eef7ff;border-color:#cce2f7}.mini-plan h3{color:#24527f}.mini-plan p{color:#526a83}.mini-plan .eyebrow{font-size:13px;letter-spacing:0}.mini-plan button{background:#177bd5;color:#fff}.account{border-color:#dce7f3}.account strong{color:#24527f}.account small{color:#526a83}.account button{color:#177bd5}.avatar{background:#d9eaff;color:#2169b0}
.notice{background:#edf6ff;border-color:#cce2f7;color:#355e84;font-size:13px}.hero{background:#e9f5ff}.hero .tag{color:#236aab}.hero p{color:#526a83;font-size:12px}.orbit{border-color:#c7e2f7}.floating-ticket{border-color:#dce7f3;box-shadow:0 14px 30px #177bd515}.floating-ticket strong{color:#24527f}.floating-ticket .ticket-line{color:#526a83}.floating-ticket .line{background:#e4eff9}.spark{color:#79b8e9}.check{border-color:#e9f5ff;background:#d9eaff;color:#177bd5}
.page-heading p,.card-head p,.usage-card p{color:#526a83;font-size:13px}.page-heading .kicker{color:#526f8d}.stat-top{color:#526a83}.stat-icon{color:#177bd5;background:#eaf5ff}.stat small{color:#60798f;font-size:13px}.stat small.green{color:#267d52}.link-button{color:#177bd5}.ticket-id{color:#177bd5}.person-icon{background:#e0efff;color:#1769b3}.pill.premium{background:#e0efff;color:#1769b3}.usage-value,.usage-note{color:#526a83}.progress{background:#e0efff}.progress-fill{background:#177bd5}.setup-step{color:#526a83}.setup-step span.pending{background:#eaf5ff;color:#177bd5}
.plan-card.featured{border-color:#79b8e9;background:linear-gradient(145deg,#fff,#eef7ff)}.recommended{background:#177bd5}.plan-header p,.plan-card p,.plan-card li,.below-plans{color:#526a83}.plan-card li:before{color:#177bd5}.field label,.field small{color:#526a83}.preview-label{color:#526f8d}.guide p,.guide li{color:#526a83}.guide code{background:#eaf5ff}.inline-banner{background:#eef7ff;border-color:#cce2f7;color:#355e84}footer{color:#526a83}
@media(max-width:650px){.announcement{font-size:10px}.hero-description{font-size:14px}.hero-note{font-size:10px}.hero-buttons .button{font-size:12px}.login-link{font-size:12px}.button.compact{font-size:11px}.showcase-caption,.demo-label{font-size:10px}.window-chrome{font-size:8px}.preview-side-label{font-size:6px}.preview-server{font-size:7px}.preview-nav{font-size:7px}.preview-side-footer{font-size:7px}.preview-body-header h3{font-size:12px}.preview-body-header p{font-size:8px}.preview-small-button{font-size:6px}.preview-stat span{font-size:7px}.preview-stat small{font-size:6px}.preview-table-header{font-size:9px}.preview-table-header span{font-size:7px}.preview-table table{font-size:7px}.preview-table th{font-size:6px}.status-chip{font-size:6px}.slide-caption strong{font-size:12px}.slide-caption p{font-size:10px}.section-heading p,.faq-intro p{font-size:14px}.eyebrow{font-size:11px}.feature-number{font-size:10px}.feature-card>p{font-size:14px}.steps p{font-size:14px}.steps article{border-color:#dce7f3}.faq-list summary{font-size:14px}.faq-list p{font-size:14px}.site-footer div,.site-footer>span{font-size:11px}.discord-channel-list{font-size:7px}.discord-channel-list strong{font-size:9px}.discord-chat-header{font-size:9px}.discord-message-user{font-size:8px}.discord-message-user small{font-size:6px}.discord-message-user time{font-size:6px}.discord-chat-embed h4{font-size:10px}.discord-chat-embed p{font-size:9px}.discord-open-button{font-size:9px}.discord-preview-result{font-size:9px}.preview-fields label{font-size:8px}.preview-field-value{font-size:9px}.preview-role-pill{font-size:8px}}

.ticketkub-brand-logo{width:48px;height:40px;object-fit:contain;vertical-align:middle;flex:none}.brand-icon:has(img){background:none}
.dashboard-page .case-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.dashboard-page .case-chat{padding:0;overflow:hidden;border:1px solid #d2e3f4;box-shadow:0 8px 30px #174f8408}.case-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid #e3edf7;background:#fff}.case-chat-toolbar strong{font-size:15px;color:#17324e}.case-chat-toolbar span{display:block;font-size:13px;color:#60798f;margin-top:4px}.case-history-toolbar{text-align:center;padding:12px 20px 0}.case-messages{height:440px;overflow:auto;padding:12px 24px 24px;overscroll-behavior:contain;scrollbar-width:thin}.case-message{display:flex;gap:12px;margin:20px 0;align-items:flex-start}.case-message>div{min-width:0;flex:1}.case-message-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:12px;background:#e9f3ff;color:#1769bf;font-weight:600}.case-message-bot .case-message-avatar{background:#177bd5;color:#fff}.case-message-by{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.case-message-by strong{font-size:13px;color:#17324e}.case-message-by time{color:#74889e;font-size:13px}.case-bot-label{border-radius:4px;background:#e3efff;padding:1px 4px;color:#1769bf;font-size:9px}.case-message p{font-size:13px;line-height:1.9;color:#365671;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.case-attachment{display:block;width:fit-content;max-width:100%;margin:8px 0;padding:10px 14px;border:1px solid #d4e4f3;background:#f7fbff;border-radius:9px;overflow-wrap:anywhere;font-size:13px;color:#1769bf;text-decoration:none}.case-attachment span{display:block;color:#74889e;font-size:13px;margin-top:3px}.case-compose{padding:20px 24px;background:#f7fbff;border-top:1px solid #e3edf7}.case-compose label{display:block;font-size:13px;font-weight:600;color:#244f75;margin-bottom:9px}.dashboard-page .case-compose textarea{display:block;width:100%;resize:vertical;min-height:90px;max-height:230px;background:#fff;line-height:1.8;font:inherit;font-size:13px;border:1px solid #c8dcf0;border-radius:9px;padding:12px;color:#17324e}.case-compose>div{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px}.case-compose>div>span,.case-compose small{font-size:13px;color:#6a8098}.case-compose small{display:block;line-height:1.8;margin-top:12px}.case-side{display:grid;gap:16px;min-width:0}.dashboard-page .case-summary,.dashboard-page .case-controls{padding:23px}.case-summary h2{font-size:16px;margin:17px 0}.case-metadata,.case-answers dl{margin:0;font-size:13px;line-height:1.8}.case-metadata dt,.case-answers dt{color:#72869c;font-size:13px;margin-top:14px}.case-metadata dd,.case-answers dd{margin:3px 0 0;color:#244f75;overflow-wrap:anywhere;white-space:pre-wrap}.case-answers{margin-top:20px;padding-top:16px;border-top:1px solid #e3edf7}.case-answers summary{font-size:13px;color:#1769bf;cursor:pointer}.case-muted{color:#72869c;font-size:13px;line-height:1.9}.case-summary>.case-muted{margin:20px 0 0}.case-control-buttons{display:flex;gap:8px;flex-wrap:wrap}.case-control-buttons .btn{flex:1;white-space:nowrap;font-size:13px;padding:10px}.case-close-review{margin-top:16px;border:1px solid #f1c6c2;background:#fff8f7;border-radius:10px;padding:14px}.case-close-review strong{color:#8d3434;font-size:13px}.case-close-review p{color:#815556;font-size:13px;line-height:1.9}.case-close-review .form-actions{display:flex;flex-direction:column}.case-close-review .btn{font-size:13px;white-space:normal}.case-error{margin:16px 20px 0;padding:14px 16px;border:1px solid #ead7af;border-radius:9px;background:#fffaf0;color:#815e24;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.case-error .form-actions{margin-top:12px}.case-error .btn{font-size:13px}.case-closed{text-align:center;padding:60px 24px}.case-closed>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto;background:#e5f5ee;color:#28815c;border-radius:50%;font-size:25px}.case-closed h2{font-size:20px;color:#17324e;margin:20px 0 10px}.case-closed p{font-size:13px;line-height:1.9;color:#60798f}.case-page-note{font-size:13px;text-align:center;color:#6b829d;background:#f1f7ff;padding:10px;border-radius:8px}.dashboard-page .case-workspace [hidden]{display:none!important}.dashboard-page .case-workspace .btn:disabled{opacity:.45;cursor:default}.plan-current{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #cce1f7;border-radius:14px;padding:22px 26px;margin:0 auto 30px;background:#f3f8ff;max-width:1000px}.plan-current strong{display:inline-block;color:#17324e;font-size:14px;margin-left:12px}.plan-current p{margin:7px 0 0;font-size:12px;color:#60798f}.case-compose textarea:focus-visible{outline:2px solid #79b8ed;outline-offset:2px}.case-messages:focus-visible{outline:2px solid #79b8ed;outline-offset:-2px}@media(max-width:1100px){.dashboard-page .case-workspace{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.dashboard-page .case-summary,.dashboard-page .case-controls{padding:17px}.case-message-by time{width:100%}}@media(max-width:850px){.dashboard-page .case-workspace{grid-template-columns:minmax(0,1fr)}.case-side{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.case-messages{height:390px}.plan-current{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.case-side{grid-template-columns:minmax(0,1fr)}.case-chat-toolbar{align-items:flex-start;padding:15px;gap:8px}.case-chat-toolbar .btn{padding:8px;font-size:13px}.case-messages{padding:8px 15px 18px;height:360px}.case-compose{padding:16px}.case-message{gap:9px}.case-message-avatar{width:28px;height:28px;border-radius:9px}.case-message-by{gap:5px}.plan-current strong{display:block;margin:10px 0 0}.case-error{margin:12px 12px 0}.case-error .form-actions{flex-direction:column}}
.transcript-retention{display:flex;gap:13px;padding:17px 20px;margin-bottom:20px;border:1px solid #cde3fb;border-radius:12px;background:#f0f7ff;color:#24527f}.transcript-retention strong{font-size:13px}.transcript-retention p{margin:4px 0 0;font-size:13px;line-height:1.9;color:#526a83}.retention-icon{font-size:22px;line-height:1.3;flex:none;color:#177bd5}.transcript-expiry{display:block;margin-top:5px;font-size:13px;color:#60798f;white-space:nowrap}.transcript-expiry span{display:block;color:#526a83}.transcript-expired{font-size:13px;color:#60798f}.ticket-pagination{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:18px 20px;border-top:1px solid #e3edf7}.ticket-pagination>span{color:#526a83;font-size:13px}.ticket-pagination>div{display:flex;gap:8px}.ticket-pagination .btn{padding:9px 15px;font-size:13px}.ticket-pagination .btn:disabled{opacity:.4;cursor:default}@media(max-width:650px){.ticket-pagination{align-items:flex-start;flex-direction:column}.ticket-pagination>div{width:100%}.ticket-pagination .btn{flex:1}.transcript-retention{padding:14px}.transcript-retention br{display:none}}
.settings-stack{display:grid;gap:24px;align-content:start}.settings-note{color:#526a83;font-size:13px;line-height:1.9;margin:0 0 18px}.case-types{display:grid;gap:10px}.case-type{display:block;padding:14px;border:1px solid #d5e4f1;border-radius:9px;background:#f8fbff;cursor:pointer}.case-type:has(input:checked){border-color:#86bee9;background:#edf6ff}.case-choice{display:flex;align-items:center;gap:10px;color:#24527f;font-size:13px}.case-choice input{width:17px;height:17px;accent-color:#177bd5;flex:none}.case-description,.case-questions{display:block;color:#526a83;font-size:13px;line-height:1.8;margin:6px 0 0 27px}.case-questions{font-size:13px;color:#60798f}.claim-name{color:#24527f}.ticket-answers{font-size:11px;margin-top:8px;max-width:320px;white-space:normal}.ticket-answers summary{cursor:pointer;color:#177bd5}.ticket-answers dl{margin:10px 0}.ticket-answers dt{color:#17324e;font-weight:600;margin-top:10px}.ticket-answers dd{color:#526a83;margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow-x:auto}.table-wrap table{min-width:750px}.form-card .field small{line-height:1.8}.settings-stack .form-card h2{margin-bottom:15px}
.settings-shell{display:grid;gap:24px}.settings-shell .form-grid{align-items:start}.form-builder{overflow:visible}.builder-header,.form-editor-heading,.questions-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.builder-header{padding-bottom:18px;border-bottom:1px solid #dce7f3;margin-bottom:22px}.builder-header h2{margin-bottom:7px}.builder-header .settings-note{margin-bottom:0}.builder-header .pill{white-space:nowrap;background:#eaf5ff;color:#177bd5}.forms-workbench{display:grid;grid-template-columns:210px minmax(0,1fr) minmax(200px,.75fr);gap:24px;align-items:start}.form-library-label{font-size:11px;color:#526a83;margin:0 0 12px}.form-library .btn{width:100%;margin-top:10px}.form-choice{display:flex;align-items:flex-start;border:1px solid #dce7f3;border-radius:9px;background:#f8fbff;margin-bottom:8px;min-width:0;overflow:hidden}.form-choice.selected{border-color:#78b8ec;background:#edf6ff;box-shadow:0 0 0 1px #78b8ec}.form-choice-toggle{padding:15px 0 10px 11px;cursor:pointer}.form-choice input{accent-color:#177bd5;width:16px;height:16px;margin:0}.form-choice button{flex:1;min-width:0;text-align:left;border:0;padding:12px 10px;background:transparent;color:#24527f}.form-choice strong,.form-choice span,.form-choice small{display:block;overflow-wrap:anywhere}.form-choice strong{font-size:12px}.form-choice span{font-size:10px;color:#526a83;margin:4px 0}.form-choice small{font-size:10px;color:#526a83}.template-picker{padding-top:20px;margin-top:20px;border-top:1px solid #dce7f3}.form-editor-heading{margin-bottom:20px}.form-editor-heading h3{font-size:17px;line-height:1.6;margin:4px 0 0;overflow-wrap:anywhere}.form-editor-heading .btn{white-space:nowrap}.form-editor-heading .eyebrow{color:#526a83;font-size:11px}.btn.danger{color:#a83d40}.questions-heading{align-items:center;margin:24px 0 12px}.questions-heading h3{font-size:14px;margin:0}.questions-heading span{font-size:11px;color:#526a83}.question-editor{border:1px solid #dce7f3;border-radius:10px;padding:15px;margin:0 0 16px;min-width:0;background:#fbfdff}.question-editor legend{font-size:12px;font-weight:600;color:#24527f;padding:0 6px}.question-actions{display:flex;gap:6px;justify-content:flex-end;margin:0 0 12px}.question-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.question-editor .field{margin-bottom:13px}.question-editor .toggle-label{font-size:11px;margin:3px 0 0}.form-limit-note{margin:12px 0 0}.form-preview-wrap{position:sticky;top:24px;min-width:0}.form-preview-wrap .preview-label{display:block;letter-spacing:0;font-size:11px;margin-bottom:10px}.form-preview{padding:17px;border:1px solid #dce7f3;background:#f4f9ff;border-radius:10px}.form-preview h3{font-size:15px;color:#17324e;margin:0 0 10px;overflow-wrap:anywhere}.form-preview p{font-size:11px;color:#526a83;line-height:1.8;margin:0 0 18px;overflow-wrap:anywhere}.question-preview{margin-top:17px}.question-preview>span{display:block;font-size:11px;font-weight:600;color:#24527f;overflow-wrap:anywhere}.question-preview b{color:#bc4548}.question-preview small{font-size:10px;font-weight:400;color:#526a83}.preview-answer{border:1px solid #dce7f3;border-radius:6px;background:white;padding:10px;margin:6px 0 3px;font-size:11px;line-height:1.7;min-height:39px;overflow-wrap:anywhere;white-space:pre-wrap;color:#668099}.preview-answer.paragraph{min-height:77px}.form-preview-wrap>.settings-note{margin:12px 0 0;font-size:13px}.settings-savebar{position:sticky;bottom:14px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff;border:1px solid #c7dff3;border-radius:12px;padding:16px 20px;box-shadow:0 6px 24px #17324e15}.settings-savebar p{margin:0;font-size:13px;color:#526a83}.settings-savebar .is-dirty{color:#976417}.settings-savebar .form-actions{flex-shrink:0}.form-builder input:focus-visible,.form-builder button:focus-visible,.form-builder select:focus-visible{outline-color:#86bee9}
@media(max-width:1250px){.forms-workbench{grid-template-columns:190px minmax(0,1fr)}.form-preview-wrap{position:static;grid-column:2}.settings-savebar{align-items:flex-start;flex-direction:column}}@media(max-width:800px){.forms-workbench{grid-template-columns:minmax(0,1fr)}.form-preview-wrap{grid-column:auto}.form-library{border-bottom:1px solid #dce7f3;padding-bottom:20px}#form-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.form-choice{margin-bottom:0}.template-picker{margin-bottom:0}.settings-savebar{bottom:6px;padding:12px}.settings-savebar .form-actions{width:100%}.settings-savebar .btn{flex:1;font-size:13px;padding:10px;line-height:1.55}.form-preview-wrap{margin-top:10px}}@media(max-width:430px){#form-list,.question-options{grid-template-columns:1fr}.builder-header{gap:8px}.form-builder{padding:18px}.form-editor-heading{align-items:flex-start}.form-editor-heading h3{font-size:15px}.settings-savebar .form-actions{flex-direction:column}}
/* Premium support tools remain readable while the Free controls are inactive. */
.dashboard-page .support-pro-controls{border:0;margin:0;padding:0;min-width:0}.support-controls-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.support-pro-lock{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin:0 0 16px;border:1px solid #cddff7;border-radius:12px;background:linear-gradient(120deg,#edf4ff,#f8fbff)}.support-pro-lock strong{font-size:13px;color:#24527f}.support-pro-lock p{font-size:12px;line-height:1.9;color:#60798f;margin:6px 0 0;max-width:650px}.support-pro-lock .btn{flex:none;white-space:nowrap}.support-pro-controls:disabled .followup-body{opacity:.65}.support-pro-controls:disabled input,.support-pro-controls:disabled textarea{cursor:not-allowed}.support-pro-controls:disabled .followup-state{background:#edf3fd;color:#6581a3}@media(max-width:650px){.support-pro-lock{align-items:flex-start;flex-direction:column;padding:16px}.support-pro-lock .btn{width:100%}}
/* One theme preference for the landing page and every dashboard view. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:40px;padding:8px 12px;border:1px solid #d8e3f2;border-radius:10px;background:#fff;color:#385a80;font:600 13px/1.55 'Noto Sans Thai',sans-serif;white-space:nowrap;cursor:pointer}.theme-toggle:hover{background:#edf5ff;border-color:#a6c9f2}.theme-toggle:focus-visible{outline:3px solid #79b8ff;outline-offset:3px}.theme-toggle [data-theme-icon]{display:inline-grid;place-items:center;font-size:20px;line-height:1;width:22px;height:22px}.landing-page .tk-header-actions{display:flex;align-items:center;gap:12px;flex:none}.dashboard-page .top-actions .theme-toggle{display:inline-flex}
/* Neutral canvas, three surface levels and one primary action color. */
html[data-theme="dark"] {
  color-scheme: dark;
  --bg:#0c1118; --surface:#0c1118; --panel:#151d28; --panel-soft:#1a2533;
  --border:#2c3849; --line:#2c3849; --ink:#edf3fb; --text:#d5deeb;
  --muted:#a0aec1; --accent:#8bbcff; --purple:var(--accent);
  --control:#101721; --hover:#202c3c; --blue-soft:#1a2e48; --control-border:#60718b;
  --soft:var(--panel-soft); --accent-soft:var(--blue-soft); --text-muted:var(--muted);
  --primary:#2865ce; --primary-hover:#3071dc;
  --success-soft:#112922; --success-ink:#96dbbc; --success-border:#2b5144;
  --warning-soft:#2b2418; --warning-ink:#ecd092; --warning-border:#604c2b;
  --danger-soft:#301e26; --danger-ink:#ffb2c1; --danger-border:#6a3b4c;
  --mint:var(--success-soft); --shadow:0 12px 32px #00000024;
  background:var(--bg);
}
html[data-theme="light"] { color-scheme:light; }
html[data-theme="dark"] body { background:var(--bg); color:var(--text); }
html[data-theme="dark"] ::selection { background:#315c91; color:#fff; }
html[data-theme="dark"] .theme-toggle { background:var(--panel); border-color:var(--border); color:var(--text); box-shadow:none; transition:background .18s,border-color .18s; }
html[data-theme="dark"] .theme-toggle:hover { background:var(--hover); border-color:var(--control-border); }
html[data-theme="dark"] .dashboard-page { background:var(--bg); scrollbar-color:var(--control-border) var(--bg); }
html[data-theme="dark"] .dashboard-page :is(h1,h2,h3,.stat strong,.usage-value strong) { color:var(--ink); }
html[data-theme="dark"] .dashboard-page .sidebar { background:var(--control); color:var(--text); border-color:var(--line); box-shadow:none; }
html[data-theme="dark"] .dashboard-page :is(.card,.stat,.quick-start button,.plan-card,.followup-card,.preview-answer,.ai-preset-preview,.ai-test-result) { background:var(--panel); border-color:var(--border); color:var(--text); box-shadow:0 4px 16px #00000012; }
html[data-theme="dark"] .dashboard-page :is(.topbar,.settings-savebar) { background:var(--panel); border-color:var(--border); color:var(--text); box-shadow:0 6px 22px #00000020; }
html[data-theme="dark"] .dashboard-page :is(.server-picker,.settings-more,.setup-review,.question-editor,.form-preview,.resource-option,.followup-option,.business-days label,.reply-editor,.ai-test-box,.case-compose) { background:var(--panel-soft); border-color:var(--border); color:var(--text); }
html[data-theme="dark"] .dashboard-page :is(.field input,.field select,.field textarea,.search-row input,.search-row select,.reply-template select,.case-compose textarea,.template-picker select) { background:var(--control); border-color:var(--control-border); color:var(--ink); box-shadow:none; caret-color:var(--accent); }
html[data-theme="dark"] .dashboard-page :is(.server-picker option,.field select option,.search-row select option,.template-picker select option) { color:var(--ink); background:var(--control); }
html[data-theme="dark"] .dashboard-page .server-picker select { background:transparent; color:var(--ink); }
html[data-theme="dark"] .dashboard-page :is(.field input,.field select,.field textarea,.search-row input,.search-row select,.case-compose textarea):hover:not(:disabled) { border-color:#7b8da6; }
html[data-theme="dark"] .dashboard-page :is(.field input,.field select,.field textarea,.case-compose textarea):focus { background:var(--control); border-color:var(--accent); box-shadow:0 0 0 3px #8bbcff18; }
html[data-theme="dark"] .dashboard-page :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
html[data-theme="dark"] .dashboard-page :is(input,textarea)::placeholder { color:var(--muted); opacity:1; }
html[data-theme="dark"] .dashboard-page :is(input,textarea,select):disabled { color:var(--muted); }
html[data-theme="dark"] .dashboard-page :is(.brand,.account strong,.form-choice button,.claim-name,.field label,.toggle-label,.question-preview>span,.followup-card summary strong,.followup-empty strong,.ai-faq-heading h3,.ai-preset-preview-heading strong,.case-summary h2,.case-message-by strong,.case-compose label,.case-metadata dd,.case-answers dd,.support-pro-lock strong,.plan-current strong,.floating-ticket strong,.setup-review-item strong,.resource-option,.ticket-answers dt,.case-chat-toolbar strong,.ai-preset-choices h3) { color:var(--text); }
html[data-theme="dark"] .dashboard-page :is(.page-heading p,.card-head p,.workspace-hero p,.hero p,.workspace-note,.stat-top,.stat small,.usage-card p,.usage-value,.usage-note,.setup-step,.plan-card p,.plan-card li,.below-plans,.guide p,.guide li,.field small,.settings-note,.form-library-label,.form-choice span,.form-choice small,.form-preview p,.question-preview small,.preview-label,.setup-section-intro p,.settings-savebar p,.followup-heading p,.followup-card summary small,.followup-empty p,.ai-intro p,.ai-disclosure p,.ai-test-actions small,.ai-test-result p,.ai-preset-choices>p,.ai-preset-example>p,.case-message-by time,.case-muted,.case-metadata dt,.case-answers dt,.case-chat-toolbar span,.case-compose small,.case-compose>div>span,.case-attachment span,.case-closed p,.support-pro-lock p,.plan-current p,.transcript-expiry,.transcript-expiry span,.transcript-expired,.ticket-pagination>span,.account small,.server-picker span,.form-editor-heading p,.builder-header p,.ai-faq-heading>span,.ai-preset-divider,.reply-editor-heading>span,.price small,.plan-price span,.slash,footer,footer .muted) { color:var(--muted); }
html[data-theme="dark"] .dashboard-page .sidebar nav button { color:var(--muted); }
html[data-theme="dark"] .dashboard-page .sidebar nav button.active { background:var(--blue-soft); color:var(--ink); box-shadow:inset 3px 0 var(--accent); }
html[data-theme="dark"] .dashboard-page :is(.sidebar nav button:hover,.account button:hover,.form-choice:hover,.followup-card>summary:hover,.setup-step-tab:hover,tbody tr:hover) { background:var(--hover); }
html[data-theme="dark"] .dashboard-page :is(.workspace-hero,.hero) { background:var(--panel-soft); border-color:var(--border); box-shadow:none; }
html[data-theme="dark"] .dashboard-page .workspace-hero h2 { line-height:1.5; }
html[data-theme="dark"] .dashboard-page .floating-ticket { background:var(--panel); border-color:var(--control-border); box-shadow:0 20px 34px #00000035; }
html[data-theme="dark"] .dashboard-page .floating-ticket .ticket-line { color:var(--muted); }
html[data-theme="dark"] .dashboard-page :is(.floating-ticket .line,.progress) { background:var(--border); }
html[data-theme="dark"] .dashboard-page .orbit { border-color:var(--border); }
html[data-theme="dark"] .dashboard-page .spark { color:var(--accent); }
html[data-theme="dark"] .dashboard-page :is(.mini-plan,.plan-card.featured,.ai-intro-badge,.ai-preset-picker,.support-pro-lock,.plan-current) { background:var(--panel); border-color:var(--border); }
html[data-theme="dark"] .dashboard-page :is(.quick-start button,.stat) { transition:background .18s,border-color .18s; }
html[data-theme="dark"] .dashboard-page :is(.quick-start button,.stat):hover { background:var(--panel-soft); border-color:var(--control-border); box-shadow:none; }
html[data-theme="dark"] .dashboard-page .stat-icon { background:var(--blue-soft); color:var(--accent); }
html[data-theme="dark"] .dashboard-page .stat:nth-child(2) .stat-icon { background:var(--warning-soft); color:var(--warning-ink); }
html[data-theme="dark"] .dashboard-page .stat:nth-child(3) .stat-icon { background:var(--success-soft); color:var(--success-ink); }
html[data-theme="dark"] .dashboard-page .stat:nth-child(4) .stat-icon { background:var(--panel-soft); color:var(--muted); }
html[data-theme="dark"] .dashboard-page :is(.notice,.inline-banner,.form-mode-note,.transcript-retention,.reply-preview,.ai-disclosure,.followup-empty,.ai-readiness,.ai-preset-example>p,.case-page-note) { background:var(--blue-soft); border-color:var(--border); color:var(--text); }
html[data-theme="dark"] .dashboard-page .notice { border-left:3px solid var(--accent); }
html[data-theme="dark"] .dashboard-page :is(.form-mode-note p,.reply-preview p,.transcript-retention p) { color:var(--muted); }
html[data-theme="dark"] .dashboard-page :is(.ai-disclosure strong,.ai-test-result strong,.ai-intro .eyebrow,.ai-preset-choices .eyebrow,.page-heading .kicker,.plan-header .kicker,.workspace-label,.free-badge,.ticket-id,.ticket-answers summary,.link-button,.settings-more summary,.question-editor legend,.case-answers summary,.account button,.sidebar nav button small,.eyebrow,.retention-icon,.ai-intro-badge) { color:var(--accent); }
html[data-theme="dark"] .dashboard-page .nav-separator { background:var(--line); }
html[data-theme="dark"] .dashboard-page .account { border-color:var(--line); }
html[data-theme="dark"] .dashboard-page .setup-wizard { background:var(--panel); border-color:var(--border); }
html[data-theme="dark"] .dashboard-page .setup-step-tab { color:var(--muted); }
html[data-theme="dark"] .dashboard-page .setup-step-tab>span:first-child { background:var(--panel-soft); border-color:var(--border); color:var(--muted); }
html[data-theme="dark"] .dashboard-page :is(.form-choice.selected,.resource-option:has(input:checked),.business-days label:has(input:checked),.setup-step-tab[aria-selected=true]) { background:var(--blue-soft); border-color:var(--control-border); color:var(--ink); }
html[data-theme="dark"] .dashboard-page .setup-step-tab[aria-selected=true]>span:first-child { background:var(--primary); border-color:var(--primary); color:#fff; }
html[data-theme="dark"] .dashboard-page .form-choice { background:var(--panel); border-color:var(--border); }
html[data-theme="dark"] .dashboard-page .form-choice.selected { background:var(--blue-soft); border-color:var(--control-border); box-shadow:inset 3px 0 var(--accent); }
html[data-theme="dark"] .dashboard-page :is(.btn,.mini-plan button) { background:var(--panel-soft); border-color:var(--control-border); color:var(--text); box-shadow:none; }
html[data-theme="dark"] .dashboard-page :is(.btn,.mini-plan button):hover:not(:disabled) { background:var(--hover); border-color:#7b8da6; box-shadow:none; }
html[data-theme="dark"] .dashboard-page :is(.btn.primary,.btn.dark,.recommended) { background:var(--primary); border-color:var(--primary); color:#fff; box-shadow:none; }
html[data-theme="dark"] .dashboard-page :is(.btn.primary,.btn.dark):hover:not(:disabled) { background:var(--primary-hover); border-color:var(--primary-hover); box-shadow:none; }
html[data-theme="dark"] .dashboard-page .btn.danger { background:var(--danger-soft); border-color:var(--danger-border); color:var(--danger-ink); }
html[data-theme="dark"] .dashboard-page .btn.danger:hover:not(:disabled) { background:#422a34; border-color:var(--danger-ink); color:var(--danger-ink); }
html[data-theme="dark"] .dashboard-page :is(.pill,.setup-step>span) { background:var(--success-soft); color:var(--success-ink); }
html[data-theme="dark"] .dashboard-page :is(.pill.closed,.setup-step>span.pending) { background:var(--panel-soft); color:var(--muted); }
html[data-theme="dark"] .dashboard-page :is(.pill.premium,.builder-header .pill,.avatar,.person-icon,.followup-icon,.followup-state,.sidebar nav button em,.ai-question-chips span,.ai-preset-preview-heading span,.case-bot-label,.case-message-avatar) { background:var(--blue-soft); color:var(--accent); }
html[data-theme="dark"] .dashboard-page :is(.workspace-hero .tag,.hero .tag,.quick-start button>span:first-child,.case-attachment) { background:var(--blue-soft); border-color:var(--border); color:var(--accent); }
html[data-theme="dark"] .dashboard-page .table-wrap th { background:var(--panel-soft); border-color:var(--line); color:var(--muted); }
html[data-theme="dark"] .dashboard-page :is(td,.followup-body,.case-chat-toolbar,.case-compose,.case-answers,.ticket-pagination,.ai-preset-example+.ai-preset-example) { border-color:var(--line); color:var(--text); }
html[data-theme="dark"] .dashboard-page .case-chat-toolbar { background:var(--panel-soft); color:var(--text); }
html[data-theme="dark"] .dashboard-page .case-messages { background:var(--control); }
html[data-theme="dark"] .dashboard-page .case-message p { color:var(--text); }
html[data-theme="dark"] .dashboard-page :is(.case-message-bot .case-message-avatar,.check) { background:var(--primary); color:#fff; border-color:var(--primary); }
html[data-theme="dark"] .dashboard-page .case-close-review { background:var(--danger-soft); border-color:var(--danger-border); }
html[data-theme="dark"] .dashboard-page :is(.case-close-review strong,.case-close-review p) { color:var(--danger-ink); }
html[data-theme="dark"] .dashboard-page .case-error { background:var(--warning-soft); border-color:var(--warning-border); color:var(--warning-ink); }
html[data-theme="dark"] .dashboard-page :is(.ai-readiness.is-ready,.case-closed>span) { background:var(--success-soft); border-color:var(--success-border); color:var(--success-ink); }
html[data-theme="dark"] .dashboard-page .settings-savebar .is-dirty { color:var(--warning-ink); }
html[data-theme="dark"] .dashboard-page :is(.plan-header p,.questions-heading>span) { color:var(--muted); }
html[data-theme="dark"] .dashboard-page .question-editor:focus-within { border-color:var(--control-border); box-shadow:none; }
html[data-theme="dark"] .dashboard-page :is(.ai-preset-divider:before,.ai-preset-divider:after) { background:var(--line); }
html[data-theme="dark"] .dashboard-page :is(.question-preview b,.form-preview b) { color:var(--danger-ink); }
html[data-theme="dark"] .dashboard-page .guide code { background:var(--panel-soft); color:var(--accent); }
html[data-theme="dark"] .dashboard-page #toast { background:var(--hover); border-color:var(--control-border); color:var(--ink); box-shadow:var(--shadow); }
html[data-theme="dark"] .dashboard-page .support-pro-controls:disabled .followup-body { opacity:.85; }
html[data-theme="dark"] .dashboard-page .support-pro-controls:disabled .followup-state { background:var(--panel-soft); color:var(--muted); }
@media(prefers-reduced-motion:reduce) { html[data-theme="dark"] :is(.theme-toggle,.dashboard-page .quick-start button,.dashboard-page .stat) { transition:none; } }
/* Discord embeds keep their own visual language in both application themes. */
html[data-theme="dark"] .dashboard-page .discord-preview{background:#313338;color:#eee}
html[data-theme="dark"] .dashboard-page .discord-embed{background:#2b2d31}
html[data-theme="dark"] .dashboard-page .discord-embed h3{color:#f2f4fb}
html[data-theme="dark"] .dashboard-page .discord-embed p{color:#c3c9d5}
html[data-theme="dark"] .dashboard-page .discord-preview button{background:#5865f2;color:#fff}
html[data-theme="dark"] body.landing-page{--tk-blue:var(--accent);--tk-text:var(--ink);--tk-muted:var(--muted);--tk-line:var(--line);background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .landing-page :where(.tk-header,.tk-demo-window,.tk-demo-content,.tk-topic,.tk-form-art,.tk-claim-art,.tk-plan,.tk-steps li>span,.tk-sample-ticket){background:var(--panel);border-color:var(--border);color:var(--ink)}
html[data-theme="dark"] .landing-page :where(.tk-feature,.tk-plan-pro,.tk-start-band,.tk-demo-topbar,.tk-demo-bottom,.tk-demo-progress,.tk-sample-head,.tk-tour-field input,.tk-tour-field textarea,.tk-art-field>div,.tk-file-art){background:var(--panel-soft);border-color:var(--border);color:var(--ink)}
html[data-theme="dark"] .landing-page :where(.tk-claim-feature,.tk-feature-wide,.tk-demo-caption){background:var(--panel-soft);border-color:var(--border)}
html[data-theme="dark"] .landing-page :where(h1,h2,h3,.tk-brand,.tk-topic strong,.tk-art-field>span,.tk-demo-content strong,.tk-sample-ticket dd,.tk-sample-head strong,.tk-claim-art strong,.tk-tour-field){color:var(--ink)}
html[data-theme="dark"] .landing-page :where(.tk-lead,.tk-no-card,.tk-demo-overline,.tk-demo-progress,.tk-demo-caption,.tk-demo-bottom,.tk-topic small,.tk-tour-intro p,.tk-tour-tip,.tk-tour-description,.tk-tour-field>span,.tk-art-field>div,.tk-art-footer>span+span,.tk-file-art div>span,.tk-roadmap,.tk-roadmap>span,.tk-pro-note,.tk-sample-ticket dt,.tk-claim-result,.tk-claim-art div>span,.tk-claim-result div>span){color:var(--muted)}
html[data-theme="dark"] .landing-page :where(.tk-topic-icon,.tk-demo-tag,.tk-bot-icon,.tk-art-chip,.tk-benefit-symbol,.tk-plan-pro .tk-plan-heading>span,.tk-small-avatar,.tk-demo-progress li.is-active>span){background:var(--blue-soft);border-color:var(--border);color:var(--accent)}
html[data-theme="dark"] .landing-page :where(.tk-ticket-status,.tk-plan-heading>span,.tk-check-disc,.tk-ticket-success>span,.tk-ticket-status.is-claimed){background:var(--success-soft);color:var(--success-ink)}
html[data-theme="dark"] .landing-page :where(.tk-button,.tk-final){background:var(--primary);border-color:var(--primary);color:#fff}
html[data-theme="dark"] .landing-page .tk-button:hover{background:var(--primary-hover);color:#fff}
html[data-theme="dark"] .landing-page .tk-button-light{background:var(--panel-soft);border-color:var(--border);color:var(--accent)}
html[data-theme="dark"] .landing-page .tk-button-light:hover{background:var(--hover);border-color:var(--border)}
html[data-theme="dark"] .landing-page .tk-topic:hover{background:var(--hover);border-color:var(--border)}
html[data-theme="dark"] .landing-page :where(.tk-tour-field input,.tk-tour-field textarea)::placeholder{color:var(--muted);opacity:1}
html[data-theme="dark"] .landing-page :where(.tk-tour-field input,.tk-tour-field textarea):focus{background:var(--panel-soft);border-color:var(--accent)}
html[data-theme="dark"] .landing-page :where(.tk-final h2,.tk-final .tk-button){color:#fff}
html[data-theme="dark"] .landing-page .tk-final p{color:#dfecff}
html[data-theme="dark"] .landing-page .tk-roadmap{border-color:var(--border)}
html[data-theme="dark"] :is(.skip-link,.tk-skip){background:var(--panel-soft);color:var(--accent);border-color:var(--accent)}
@media(max-width:560px){.theme-toggle{width:40px;min-width:40px;min-height:40px;padding:7px}.theme-toggle [data-theme-label]{display:none}.landing-page .tk-header-actions{gap:8px}.dashboard-page .top-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}
html[data-theme="dark"] .landing-page :where(.tk-nav,.tk-eyebrow,.tk-tour-back,.tk-demo-bottom button,.tk-feature-index,.tk-art-footer,.tk-caption-icon){color:var(--accent)}
html[data-theme="dark"] .landing-page :where(.tk-demo-progress>span,.tk-art-footer>span+span){color:var(--muted)}
html[data-theme="dark"] .landing-page :where(.tk-demo-progress b,.tk-caption-icon){background:var(--blue-soft);border-color:var(--border);color:var(--accent)}
html[data-theme="dark"] .landing-page :where(.tk-demo-progress .is-active b,.tk-tour-intro small){background:var(--primary);border-color:var(--primary);color:#fff}
html[data-theme="dark"] .landing-page .tk-demo-progress .is-complete b{background:var(--success-soft);border-color:var(--success-border);color:var(--success-ink)}
html[data-theme="dark"] .landing-page .tk-ticket-status{background:var(--warning-soft);color:var(--warning-ink)}
html[data-theme="dark"] .landing-page :where(.tk-ticket-status.is-claimed,.tk-tour-submit:disabled){background:var(--success-soft);border-color:var(--success-border);color:var(--success-ink)}
html[data-theme="dark"] .landing-page .tk-final .tk-button-white{background:#f1f7ff;border-color:#f1f7ff;color:#17447f}
html[data-theme="dark"] .landing-page .tk-demo-window{box-shadow:0 24px 65px #03091240,0 3px 0 #233b57}
html[data-theme="dark"] .landing-page .tk-small-avatar{border-color:var(--border)}
.landing-page .theme-toggle{font-size:13px;font-weight:600;line-height:1.4}
/* Keep the full brand and both header actions readable on narrow phones. */
@media(max-width:360px){.landing-page .tk-header{width:calc(100% - 24px);gap:6px}.landing-page .tk-header .tk-brand{flex-shrink:0;font-size:18px;letter-spacing:-.8px;gap:3px}.landing-page .tk-header .tk-brand img{width:26px;height:26px}.landing-page .tk-header .tk-header-actions{gap:5px}.landing-page .tk-header-actions .tk-button-small{font-size:13px;padding:8px 7px;gap:4px;min-height:40px;line-height:1.55}}

/* Theme icons use the same stroke and alignment in every header. */
.theme-toggle {
  --theme-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 13.4A9 9 0 0 1 10.6 3.2 9 9 0 1 0 20.8 13.4Z'/%3E%3C/svg%3E");
}
html[data-theme=dark] .theme-toggle {
  --theme-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M2 12h2m16 0h2M4.93 4.93l1.42 1.42m11.3 11.3 1.42 1.42m0-14.14-1.42 1.42M6.35 17.65l-1.42 1.42'/%3E%3C/svg%3E");
}
.theme-toggle [data-theme-icon] {
  display:inline-block;
  flex:0 0 18px;
  width:18px;
  height:18px;
  font-size:0;
  line-height:0;
  background-color:currentColor;
  -webkit-mask:var(--theme-glyph) center / contain no-repeat;
  mask:var(--theme-glyph) center / contain no-repeat;
}

/* Operator feature switches (FEATURE_* in ticketkub.env, applied by service-info.js). */
html.feature-off-roles :is([data-view="roles"],[data-feature="roles"],a[href="#roles"]),
html.feature-off-analytics :is([data-view="analytics"],[data-feature="analytics"]),
html.feature-off-topup :is([data-view="topup"],[data-feature="topup"],a[href="/topup"]),
html.feature-off-guide :is([data-view="guide"],[data-feature="guide"],a[href="/guide"]),
html.feature-off-status :is([data-feature="status"],a[href="/status"]),
html.feature-off-autoReply :is(#ai-settings,[data-feature="autoReply"]),
html.feature-off-followups :is(#setup-premium-tools,[data-feature="followups"]),
html.feature-off-webTickets [data-feature="webTickets"],
html.feature-off-webTranscripts [data-feature="webTranscripts"],
html.feature-off-panelImages [data-feature="panelImages"],
html.feature-off-ticketSearch [data-feature="ticketSearch"]{display:none!important}