@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#16304c;--text:#16304c;--muted:#60738b;--accent:#1769ef;--purple:#1769ef;--line:#e1e9f3;--border:#e1e9f3;--surface:#f5f8fc;--mint:#dff7ee;--shadow:0 8px 30px #193b6710;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding:96px 0 130px}body{margin:0;background:var(--surface);color:var(--ink);font:14px/1.7 'Plus Jakarta Sans','Noto Sans Thai',sans-serif}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #86b8ff;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3{color:var(--ink);letter-spacing:-.3px}input,select,textarea{accent-color:var(--accent)}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;z-index:50;background:#fff;border:2px solid var(--accent);border-radius:12px}.skip-link:focus{top:12px}
/* A quiet shell leaves the current task in focus. */
.sidebar{position:fixed;inset:0 auto 0 0;width:248px;z-index:5;display:flex;flex-direction:column;overflow-y:auto;background:#fff;border-right:1px solid var(--line);padding:26px 18px 18px}.brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:#123358;font-size:25px;font-weight:800;letter-spacing:-1.2px;padding:0 5px}.ticketkub-brand-logo{width:42px;height:36px;object-fit:contain;flex:none}.brand-dot{color:var(--accent);margin-left:-6px}.workspace-label{margin:36px 12px 10px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:0}.server-picker{display:block;background:#f7faff;border:1px solid var(--line);border-radius:13px;padding:12px}.server-picker span{display:block;color:var(--muted);font-size:13px;margin-bottom:4px}.server-picker select{width:100%;background:transparent;border:0;min-height:28px;font-size:13px;font-weight:600;color:var(--ink);text-overflow:ellipsis}.server-picker option{background:#fff;color:var(--ink)}.sidebar nav{margin-top:22px}.sidebar nav button{display:flex;align-items:center;width:100%;min-height:48px;gap:12px;text-align:left;border:0;border-radius:11px;padding:11px 14px;margin:5px 0;color:#526780;background:transparent;font-size:13px;font-weight:500;transition:background .18s,color .18s,transform .18s}.sidebar nav button:hover{background:#f2f6fc;color:var(--accent);transform:translateX(2px)}.sidebar nav button.active{background:#eaf2ff;color:#125ad1;font-weight:700;box-shadow:inset 3px 0 var(--accent)}.sidebar nav button>span{font-size:22px;width:23px;line-height:1;text-align:center}.sidebar nav button em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.8px;padding:3px 6px;border-radius:5px;background:#edf7f3;color:#18795d;margin-left:auto}.nav-separator{height:1px;background:var(--line);margin:22px 12px}.sidebar-bottom{margin-top:auto;padding-top:28px}.mini-plan{background:linear-gradient(130deg,#edf5ff,#f8fbff);border:1px solid #dce9fc;padding:17px;border-radius:15px}.free-badge{font-size:12px;color:#3272c5;letter-spacing:1.6px;font-weight:800}.mini-plan h3{font-size:16px;margin:10px 0 5px}.mini-plan p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 13px}.mini-plan button{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:7px 11px;border:1px solid #cdddF5;border-radius:8px;background:white;color:#165dc3;font-size:12px;font-weight:600}.mini-plan button:hover{border-color:var(--accent)}.account{display:flex;gap:10px;align-items:center;margin-top:20px;padding:17px 3px 0;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;display:grid;place-items:center;flex:none;background:#e8f0ff;color:#2368cc;font-weight:700;border-radius:11px;font-size:11px}.account>div:nth-child(2){min-width:0}.account strong,.account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:13px}.account small{color:var(--muted);font-size:13px}.account button{margin-left:auto;flex:none;width:36px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--accent);font-size:20px}.account button:hover{background:#edf4ff}.layout{margin-left:248px;min-height:100vh}.topbar{height:72px;position:sticky;top:0;z-index:4;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px}.breadcrumb-trail,.top-actions{display:flex;align-items:center;gap:16px}.breadcrumb{color:var(--muted)}.slash{color:#bdcadb}.top-actions{gap:18px}.connection{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}.connection:before{content:'';height:7px;width:7px;border-radius:50%;background:#96a7bd}.connection.online:before{background:#16a67c;box-shadow:0 0 0 4px #16a67c12}.notice{max-width:1408px;margin:22px 36px 0;border:1px solid #dfe9f7;border-radius:10px;background:#edf4ff;color:#46658c;padding:10px 15px;font-size:13px;line-height:1.8}.notice:empty{display:none}main{max-width:1480px;padding:28px 36px 30px;margin:auto;min-height:60vh}main:focus{outline:none}footer{display:flex;justify-content:space-between;gap:14px;padding:12px 36px 28px;font-size:13px;color:#718399}footer .muted{margin:0 7px;color:#b4c4d8}footer>span:last-child>span{color:var(--accent);margin-left:5px}
/* Controls share a tactile, predictable response. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;text-decoration:none;border:1px solid #d7e2ef;border-radius:9px;background:white;color:#345170;font-size:13px;font-weight:600;line-height:1.45;vertical-align:middle;text-align:center;transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}.btn:hover:not(:disabled):not(:has(input:disabled)){border-color:#a8c8f4;background:#f2f7fd;box-shadow:0 1px 3px #16304c0c}.btn:active:not(:disabled){box-shadow:inset 0 1px 2px #16304c12}.btn.primary,.btn.dark{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 2px 5px #1769ef20}.btn.primary:hover:not(:disabled):not(:has(input:disabled)),.btn.dark:hover:not(:disabled):not(:has(input:disabled)){background:#0e59d5;border-color:#0e59d5;box-shadow:0 2px 7px #1769ef25}.btn.small{font-size:13px;padding:7px 12px;min-height:38px;line-height:1.55}.btn.danger{color:#b14949;background:#fff;border-color:#ecdada}.link-button{padding:5px 0;border:0;background:transparent;color:var(--accent);text-decoration:none;font-size:13px;font-weight:600}.link-button:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;font-size:12px;font-weight:600;background:#e9f8f0;color:#26815e}.pill.closed{background:#f0f3f8;color:#6e7f92}.pill.premium{background:#eaf2ff;color:#2a6bc3}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading .kicker,.plan-header .kicker{font-size:13px;letter-spacing:1.5px;color:#6885ab;font-weight:700}.page-heading h1{font-size:30px;line-height:1.4;margin:8px 0;font-weight:700;letter-spacing:-.4px}.page-heading p{font-size:14px;color:var(--muted);margin:0}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 3px 10px #17324e03}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px}.card-head h2{font-size:17px;margin:0}.card-head p{font-size:13px;color:var(--muted);margin:5px 0 0}.empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:14px}.inline-banner{padding:24px;background:#edf5ff;border:1px solid #d6e6fa;border-radius:15px;color:#46658a;line-height:2}.inline-banner .btn{margin-top:12px}.loading{padding:70px;text-align:center;color:var(--muted)}
/* Overview: real data and a clear next action. */
.workspace-hero,.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;overflow:hidden;gap:24px;min-height:236px;padding:32px;border:1px solid #d3e3fb;border-radius:20px;background:linear-gradient(115deg,#eaf3ff,#f6fbff);margin-bottom:24px}.workspace-hero:after{content:'';position:absolute;width:230px;height:230px;right:-110px;top:-120px;border:35px solid #dbeaff77;border-radius:50%;pointer-events:none}.workspace-hero-copy{position:relative;z-index:1}.workspace-hero .tag,.hero .tag{display:inline-block;background:#fff;border:1px solid #dce8f8;color:#3572bf;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:0}.workspace-hero h2,.hero h2{font-size:32px;line-height:1.5;margin:14px 0 9px;font-weight:700}.workspace-hero p,.hero p{max-width:590px;font-size:14px;color:#526e91;margin:0 0 18px;line-height:1.9}.hero-art,.workspace-hero-art{position:relative;display:grid;place-items:center;min-height:190px}.orbit{position:absolute;width:205px;height:205px;border:1px dashed #b7d3f7;border-radius:50%}.orbit.second{width:156px;height:156px;border-style:solid}.floating-ticket{position:relative;z-index:1;background:white;border:1px solid #d9e6f5;box-shadow:0 16px 30px #3c75bc20;border-radius:15px;padding:20px;width:215px;transform:rotate(-7deg);transition:transform .4s}.workspace-hero:hover .floating-ticket{transform:translateY(-4px) rotate(-3deg)}.floating-ticket .ticket-line{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#4c74a4;font-weight:700}.floating-ticket strong{display:block;font-size:15px;color:#173d68;margin:17px 0 11px}.floating-ticket .line{height:6px;background:#ecf2fa;border-radius:5px;width:90%;margin:8px 0}.floating-ticket .line.short{width:60%}.floating-ticket .pill{margin-top:9px;font-size:10px}.spark{position:absolute;right:0;top:0;font-size:34px;color:#669eec}.check{position:absolute;z-index:2;right:7px;bottom:3px;display:grid;place-items:center;width:48px;height:48px;border:5px solid #edf5ff;border-radius:50%;background:#1769ef;color:white;font-size:23px;box-shadow:0 6px 12px #1769ef22}.quick-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}.quick-start button{display:flex;align-items:center;gap:12px;min-height:80px;padding:16px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--ink);transition:transform .2s,border-color .2s,box-shadow .2s}.quick-start button:hover{transform:translateY(-3px);border-color:#a6c8f8;box-shadow:var(--shadow)}.quick-start button>span:first-child{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#eef4ff;color:#266ce3;font-weight:700;font-size:13px}.quick-start strong{display:block;font-size:14px}.quick-start small{display:block;color:var(--muted);font-size:13px;font-weight:400}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat{padding:22px;border:1px solid var(--line);background:#fff;border-radius:15px;transition:transform .2s,box-shadow .2s}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#60748e;font-size:13px}.stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf4ff;color:var(--accent);font-size:18px}.stat strong{display:block;font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.3;margin:14px 0 7px}.stat small{color:#77879a;font-size:13px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:22px}.usage-card{padding:24px}.usage-card .card-head{padding:0 0 15px}.usage-value{display:flex;align-items:baseline;gap:8px;color:var(--muted);font-size:13px}.usage-value strong{font-size:28px;font-weight:700;color:var(--ink)}.usage-card p{font-size:13px;color:var(--muted);line-height:1.9}.usage-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.usage-card .btn{width:100%;margin-top:8px;font-size:13px}.setup-list{padding:22px;margin-top:18px}.setup-list h3{font-size:14px;margin:0 0 15px}.setup-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin:15px 0}.setup-step>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9f7f0;color:#23875f}.setup-step>span.pending{background:#eef3fa;color:#8b9cb0}
/* Tables favor readable status and readable conversation details. */
.table-wrap{max-width:100%;overflow-x:auto}.table-wrap table{min-width:700px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:13px}th{padding:12px 20px;background:#f8fafd;border-block:1px solid #edf1f7;color:#708197;font-size:13px;font-weight:600}td{padding:18px 20px;border-bottom:1px solid #edf1f7;color:#415975}tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr:hover{background:#fafcff}.ticket-id{color:#1769ef;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;text-decoration:none}.ticket-id:hover{text-decoration:underline}.person{display:flex;align-items:center;gap:9px}.person-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:9px;background:#eef3fc;color:#6383ae;font-size:11px}.claim-name{color:#355b87}.ticket-answers{font-size:12px;margin-top:9px;max-width:330px;white-space:normal}.ticket-answers summary{cursor:pointer;color:var(--accent);padding:5px 0}.ticket-answers dt{font-weight:600;margin-top:12px;color:var(--ink)}.ticket-answers dd{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.search-row{display:flex;gap:12px;margin-bottom:20px}.search-row input,.search-row select{min-height:46px;padding:10px 15px;border:1px solid var(--line);border-radius:11px;background:white;color:#45617e;font-size:14px}.search-row input{flex:1;min-width:0}
/* A single saved configuration, presented in three approachable steps. */
.settings-shell{display:grid;gap:24px;padding-bottom:20px}.setup-wizard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:7px;background:#eaf0f9;border:1px solid #e1e9f4;border-radius:17px}.setup-step-tab{display:flex;align-items:center;gap:12px;min-height:74px;padding:13px 17px;border:1px solid transparent;border-radius:12px;background:transparent;color:#698099;text-align:left;transition:background .2s,box-shadow .2s}.setup-step-tab:hover{background:#f6f9ff}.setup-step-tab>span:first-child{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid #cddcef;border-radius:10px;font-size:13px;font-weight:700}.setup-step-tab strong{display:block;font-size:14px;font-weight:600}.setup-step-caption{display:block;font-size:13px;font-weight:400;margin-top:2px}.setup-step-tab[aria-selected=true]{background:#fff;border-color:#d9e6f8;color:#185dc5;box-shadow:0 4px 10px #17437808}.setup-step-tab[aria-selected=true]>span:first-child{background:#1769ef;color:#fff;border-color:#1769ef}.setup-pane{min-width:0;animation:section-in .28s ease both;scroll-margin-top:95px}.setup-section-intro{margin:0 0 24px}.setup-section-intro h2{font-size:22px;line-height:1.5;margin:0 0 7px}.setup-section-intro p{color:var(--muted);font-size:14px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.form-card{padding:27px}.form-card h2{font-size:18px;margin:0 0 24px}.field{margin:0 0 21px}.field label{display:block;font-size:13px;font-weight:500;color:#42617f;margin-bottom:8px}.field input,.field select,.field textarea{display:block;width:100%;min-height:46px;padding:11px 13px;border:1px solid #dce5f0;border-radius:9px;background:#f9fbfe;color:var(--ink);font-size:14px;transition:border-color .18s,background .18s,box-shadow .18s}.field input:hover,.field select:hover,.field textarea:hover{border-color:#bbcee5}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#74a7f1;box-shadow:0 0 0 3px #1769ef09}.field select[multiple]{min-height:126px;padding:7px}.field select[multiple] option{padding:8px;border-radius:5px;margin:2px 0}.field textarea{min-height:104px;resize:vertical;line-height:1.8}.field input[type=color]{height:46px;padding:6px;cursor:pointer;max-width:200px}.field small{display:block;font-size:13px;line-height:1.8;color:#7c8da2;margin-top:7px}.toggle-label{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:500;margin:20px 0;min-height:32px;cursor:pointer}.toggle-label input{width:19px;height:19px;accent-color:var(--accent);flex:none}.settings-note{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 20px}.settings-more{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#f9fbff;margin:20px 0}.settings-more summary{font-size:13px;font-weight:600;cursor:pointer;color:#5175a1;min-height:28px}.settings-more[open] summary{margin-bottom:22px}.settings-more .field:last-child{margin-bottom:0}.setup-review{display:grid;gap:0;background:#f7faff;border:1px solid var(--line);border-radius:12px;padding:6px 18px;margin:20px 0}.setup-review-item{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:12px 0;border-bottom:1px solid var(--line)}.setup-review-item:last-child{border-bottom:0}.setup-review-item>span{color:var(--muted)}.setup-review-item strong{font-weight:600;text-align:right;overflow-wrap:anywhere}.setup-review-item .btn{padding:5px;min-height:30px}.preview-label{font-size:11px;font-weight:600;letter-spacing:.2px;color:#607895;display:block;margin:20px 0 12px}.discord-preview{padding:24px;border-radius:14px;background:#313338;color:#eee;box-shadow:inset 0 1px #ffffff0d}.discord-user{font-size:13px;color:#e4e7ef}.bot-badge{background:#5865f2;color:#fff;padding:2px 4px;border-radius:3px;font-size:8px;margin-left:6px}.discord-embed{background:#2b2d31;border-left:4px solid var(--accent);border-radius:5px;margin:18px 0;padding:20px}.discord-embed h3{color:#f2f4fb;font-size:15px;margin:0 0 8px}.discord-embed p{font-size:13px;color:#c3c9d5;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.discord-preview button{min-height:40px;padding:9px 14px;border:0;border-radius:5px;background:#5865f2;color:white;font-size:12px}.discord-preview button:hover{background:#6571f4}.settings-savebar{position:sticky;bottom:16px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #d6e2f3;border-radius:15px;padding:16px 20px;background:#ffffffed;backdrop-filter:blur(16px);box-shadow:0 8px 32px #1c467c14}.settings-savebar p{font-size:13px;line-height:1.8;color:#6b7e96;margin:0;max-width:360px}.settings-savebar .is-dirty{color:#986713}.settings-savebar .form-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.setup-pager{display:flex;gap:8px}.form-actions{display:flex;gap:9px;flex-wrap:wrap}
/* Form studio: library, editor, and immediate visual feedback. */
.form-mode-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 18px;margin-bottom:23px;border:1px solid #cbdff7;border-radius:12px;background:#f0f7ff}.form-mode-note p{flex:1;min-width:220px;margin:0;font-size:13px;line-height:1.8;color:#345f91}.form-mode-note .btn{white-space:normal;text-align:center}
.form-builder{overflow:visible}.builder-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:21px;margin-bottom:23px;border-bottom:1px solid var(--line)}.builder-header h2{margin:0 0 8px;font-size:19px}.builder-header .settings-note{margin:0;font-size:13px}.builder-header .pill{white-space:nowrap;background:#edf4ff;color:#2369ca}.forms-workbench{display:grid;grid-template-columns:205px minmax(0,1fr) 270px;gap:23px;align-items:start}.form-library-label{font-size:13px;color:var(--muted);margin:0 0 13px}.form-choice{display:flex;align-items:flex-start;min-width:0;background:#fafcff;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;overflow:hidden;transition:background .18s,border-color .18s}.form-choice:hover{background:#f1f7ff;border-color:#bdd6f7}.form-choice.selected{background:#eef5ff;border-color:#8db7f5;box-shadow:inset 3px 0 #1769ef}.form-choice-toggle{padding:16px 0 10px 12px;cursor:pointer}.form-choice input{width:17px;height:17px;margin:0;accent-color:var(--accent)}.form-choice button{padding:12px 10px;text-align:left;background:none;border:0;flex:1;min-width:0;color:#245080}.form-choice strong,.form-choice small,.form-choice span{display:block;overflow-wrap:anywhere}.form-choice strong{font-size:13px;font-weight:600}.form-choice span{font-size:13px;line-height:1.8;color:#70849b;margin:4px 0}.form-choice small{font-size:13px;color:#738aa5}.form-library>.btn{width:100%;margin-top:8px}.template-picker{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.template-picker .btn{width:100%;margin-top:10px}.form-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.form-editor-heading h3{font-size:20px;line-height:1.5;overflow-wrap:anywhere;margin:6px 0}.form-editor-heading .eyebrow{font-size:13px;color:#7e91aa;letter-spacing:0}.form-editor-heading .btn{white-space:nowrap}.questions-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 15px}.questions-heading h3{font-size:15px;margin:0}.questions-heading span{font-size:13px;color:var(--muted)}.question-editor{min-width:0;margin:0 0 20px;padding:18px;background:#fbfdff;border:1px solid var(--line);border-radius:13px;scroll-margin:100px}.question-editor:focus-within{border-color:#a9c8f4;background:#fff;box-shadow:0 0 0 3px #1769ef05}.question-editor legend{font-size:13px;padding:0 7px;font-weight:600;color:#4d75a7}.question-actions{display:flex;justify-content:flex-end;gap:6px;margin:0 0 12px}.question-actions .btn{min-height:38px;min-width:38px;padding:7px 10px;font-size:13px}.question-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.question-editor .field{margin-bottom:16px}.question-editor .toggle-label{font-size:13px;margin:5px 0 0}.form-preview-wrap{position:sticky;top:96px;min-width:0}.form-preview-wrap .preview-label{font-size:11px;letter-spacing:0;margin:0 0 12px}.form-preview{background:#f1f6fe;border:1px solid #dde8f7;border-radius:14px;padding:20px}.form-preview h3{font-size:16px;margin:0 0 9px;overflow-wrap:anywhere}.form-preview p{font-size:13px;line-height:1.8;color:#6a82a0;overflow-wrap:anywhere;margin:0 0 20px}.question-preview{margin:18px 0 0;animation:preview-in .18s ease both}.question-preview>span{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere;color:#43668f}.question-preview b{color:#ca5b67}.question-preview small{font-size:13px;font-weight:400;color:#7b8ea7}.preview-answer{background:#fff;border:1px solid #dce6f5;border-radius:8px;padding:12px;margin:7px 0 4px;min-height:43px;color:#90a0b5;font-size:12px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.preview-answer.paragraph{min-height:80px}.form-preview-wrap>.settings-note{font-size:13px;margin:12px 0 0}.form-limit-note{margin:14px 0 0;font-size:13px}
/* Supporting pages use the same hierarchy. */
.plan-header{text-align:center;margin:12px 0 35px}.plan-header h1{font-size:32px;margin:12px 0}.plan-header p{font-size:14px;color:var(--muted)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:auto}.plan-card{padding:32px;background:#fff;border:1px solid var(--line);border-radius:18px}.plan-card.featured{position:relative;border:1px solid #a9c6ed;background:linear-gradient(145deg,#fff,#f5f9ff)}.recommended{position:absolute;right:20px;top:-12px;background:#2e6dcb;color:#fff;border-radius:20px;padding:5px 12px;font-size:10px}.plan-card h2{font-size:24px;margin:15px 0 8px}.plan-card p{font-size:13px;color:var(--muted)}.price{font-size:48px;letter-spacing:-2px;font-weight:800;margin:26px 0 0;line-height:1.5}.price.future{font-size:27px;letter-spacing:0;margin:34px 0 8px}.plan-card ul{list-style:none;padding:22px 0 0;margin-top:24px;border-top:1px solid var(--line)}.plan-card li{font-size:13px;padding:9px 0;line-height:1.8;color:#5b728d}.plan-card li:before{content:'✓';color:var(--accent);margin-right:10px}.plan-card .btn{width:100%;margin-top:15px}.below-plans{text-align:center;font-size:12px;color:var(--muted);line-height:1.9;margin-top:25px}.guide{max-width:880px;padding:30px}.guide h2{font-size:20px;margin:0 0 20px}.guide ol{padding-left:24px}.guide li{padding:13px 0 17px;line-height:1.9;font-size:14px;color:var(--muted)}.guide li strong{display:block;font-size:16px;color:var(--ink);margin-bottom:5px}.guide p{font-size:14px;line-height:1.9;color:var(--muted)}.guide code{background:#eff4fc;border-radius:4px;padding:3px 6px;font-size:12px;word-break:break-all}.guide .btn{margin:10px 7px 0 0}#toast{display:none;position:fixed;bottom:25px;right:25px;max-width:430px;padding:15px 20px;border:1px solid #35527a;border-radius:13px;background:#1e3554;color:#fff;box-shadow:0 12px 35px #10274425;font-size:13px;line-height:1.9;z-index:30}#toast.visible{display:block;animation:section-in .22s ease}main>.page-heading,main>.workspace-hero,main>.stats{animation:section-in .3s ease both}main>.stats{animation-delay:.04s}@keyframes section-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-in{from{opacity:.5}to{opacity:1}}
.workspace-hero h2 em{font-style:normal;color:var(--accent)}.workspace-note{display:block;margin-top:18px;font-size:13px;color:#6682a6}.quick-start-item>span:nth-child(2){flex:1}.quick-start-item>span:last-child{color:#8ba9cd}.setup-section-intro>.eyebrow{display:block;margin-bottom:6px;font-size:13px;color:#6d8fb9;letter-spacing:1px}.guide+.guide{margin-top:22px}.setup-pane:focus{outline:none}
.resource-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:240px;overflow-y:auto;padding:3px}.resource-options .resource-option{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fbfdff;cursor:pointer;margin:0;color:#527190;font-size:13px;font-weight:400;overflow-wrap:anywhere}.resource-options .resource-option:has(input:checked){border-color:#a9c8f2;background:#edf4ff;color:#225dac}.resource-options .resource-option input{width:17px;height:17px;min-height:0;padding:0;flex:none;margin:0}.resource-options .resource-option:hover{border-color:#a9c8f2}.resource-options .settings-note{grid-column:1/-1;margin:0}
@media(min-width:1720px){.notice{margin-inline:auto;width:calc(100% - 72px)}}
@media(max-width:1320px){.sidebar{width:224px;padding-inline:15px}.layout{margin-left:224px}.topbar{padding-inline:26px}main{padding-inline:26px}.notice{margin-inline:26px}.forms-workbench{grid-template-columns:190px minmax(0,1fr)}.form-preview-wrap{position:static;grid-column:2}.columns{grid-template-columns:minmax(0,1fr) 248px}.stat{padding:18px}.settings-savebar{flex-wrap:wrap}.settings-savebar p{max-width:none}}
@media(max-width:1040px){.columns{grid-template-columns:1fr}.aside-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-list{margin-top:0}.workspace-hero,.hero{grid-template-columns:1fr 190px;padding:25px}.workspace-hero h2,.hero h2{font-size:27px}.floating-ticket{width:170px;padding:17px}.hero-art{min-height:175px}.quick-start{gap:8px}.quick-start button{padding:13px;gap:9px}.quick-start small{font-size:13px}.stats{gap:12px}.stat-top{font-size:12px}.stat-icon{display:none}.form-grid{grid-template-columns:1fr}.setup-step-tab{padding:12px;gap:9px}.setup-step-tab strong{font-size:13px}.setup-step-caption{font-size:13px}.settings-savebar{flex-direction:column;align-items:stretch}.settings-savebar .form-actions{justify-content:flex-end}.top-actions .btn{display:none}.form-preview-wrap{grid-column:2}}
@media(max-width:780px){.sidebar{position:relative;width:100%;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:14px}.brand{font-size:23px}.workspace-label,.sidebar-bottom,.nav-separator{display:none}.server-picker{padding:8px 10px;min-width:0}.server-picker span{font-size:13px}.server-picker select{font-size:13px}.sidebar nav{grid-column:1/-1;display:flex;gap:6px;overflow:auto;margin:0}.sidebar nav button{flex:none;width:auto;white-space:nowrap;margin:0;min-height:43px;padding:9px 12px;font-size:13px;gap:7px}.sidebar nav button>span{font-size:18px;width:18px}.sidebar nav button em{display:none}.layout{margin-left:0}.topbar{height:58px;padding-inline:20px}.top-actions{gap:5px}.breadcrumb-trail{gap:9px}.connection{font-size:13px}.notice{margin:18px 20px 0;font-size:13px}main{padding:23px 20px 25px}.page-heading h1{font-size:27px}.page-heading p{font-size:13px}.forms-workbench{grid-template-columns:minmax(0,1fr)}.form-preview-wrap{grid-column:auto}.form-library{padding-bottom:20px;border-bottom:1px solid var(--line)}#form-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.form-choice{margin:0}.template-picker{margin-bottom:0}.form-card{padding:23px}.setup-step-tab{min-height:67px;flex-direction:column;align-items:flex-start;gap:7px}.setup-step-tab>span:first-child{height:25px;width:25px;font-size:11px;border-radius:8px}.setup-step-caption{display:none}.setup-wizard{gap:4px}.setup-section-intro h2{font-size:20px}.settings-savebar{bottom:8px;padding:14px}.settings-savebar .form-actions{justify-content:stretch}.settings-savebar .form-actions>.btn{flex:1}.settings-savebar p{font-size:13px}.form-preview-wrap{margin-top:8px}.form-preview{max-width:none}.setup-pane{scroll-margin-top:78px}footer{padding-inline:20px}footer>span:last-child{display:none}.form-editor-heading .btn,.question-actions .btn{min-height:44px;min-width:44px}}
@media(max-width:540px){.sidebar{grid-template-columns:1fr;gap:13px}.server-picker{display:flex;align-items:center;gap:10px}.server-picker span{white-space:nowrap;margin:0}.server-picker select{flex:1;min-width:0}.sidebar nav{grid-column:auto}.topbar{font-size:12px}.breadcrumb{display:none}.slash{display:none}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:24px}.heading-actions .btn{font-size:11px;min-height:38px;padding:7px 11px}.workspace-hero,.hero{grid-template-columns:1fr;min-height:0;padding:25px}.hero-art,.workspace-hero-art{display:none}.workspace-hero h2,.hero h2{font-size:26px}.workspace-hero p{font-size:13px}.quick-start{grid-template-columns:1fr;gap:8px}.quick-start button{min-height:67px}.quick-start button small{font-size:13px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:17px}.stat strong{font-size:28px}.stat small{font-size:13px}.aside-column,.plans{grid-template-columns:1fr}.form-card{padding:19px}.setup-step-tab{padding:9px}.setup-step-tab strong{font-size:13px}.setup-section-intro p{font-size:13px}.builder-header{gap:10px}.builder-header h2{font-size:17px}.builder-header .settings-note{font-size:13px}.builder-header .pill{font-size:10px}.form-choice strong{font-size:13px}.form-choice span{display:none}.form-choice-toggle{padding:15px 0 10px 9px}.form-choice button{padding:12px 8px}.form-editor-heading h3{font-size:18px}.question-options{grid-template-columns:1fr}.question-editor{padding:15px}.question-options .field{margin-bottom:8px}.settings-savebar{border-radius:12px}.settings-savebar .form-actions{gap:7px}.settings-savebar .btn{font-size:13px;padding:8px 12px;line-height:1.55}.setup-review-item{font-size:13px}.field input,.field textarea,.field select{font-size:16px}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.search-row select{flex:1}.plan-header h1{font-size:27px}.plan-card{padding:26px}.card-head{padding:20px}.card-head h2{font-size:16px}.guide{padding:24px}.guide li{font-size:13px}#toast{left:20px;right:20px;bottom:18px;max-width:none;font-size:13px}.settings-shell{padding-bottom:25px}}
@media(max-width:780px){.sidebar-bottom{display:block;grid-column:1/-1;padding:0}.sidebar-bottom .mini-plan{display:none}.account{margin:0;padding:8px 0 0;gap:8px}.account>div:nth-child(2){flex:1}.account strong{max-width:100%}.account small{font-size:13px}.account .avatar{width:30px;height:30px}.account button{height:32px}.resource-options{grid-template-columns:1fr}}
/* Optional team tools stay compact until the administrator chooses a feature. */
.followup-settings{margin-top:32px}.followup-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.followup-heading .eyebrow{font-size:13px;color:#6283ab}.followup-heading h2{font-size:21px;margin:5px 0}.followup-heading p{font-size:13px;color:var(--muted);margin:0}.followup-heading>.pill{white-space:nowrap}.followup-card{background:#fff;border:1px solid var(--line);border-radius:15px;margin:12px 0;overflow:hidden}.followup-card>summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:22px 24px;min-height:90px;transition:background .18s}.followup-card>summary::-webkit-details-marker{display:none}.followup-card>summary:after{content:'＋';color:#5e81ad;font-size:20px;margin-left:5px}.followup-card[open]>summary:after{content:'−'}.followup-card>summary:hover{background:#f7faff}.followup-card>summary>span:nth-child(2){flex:1}.followup-card summary strong{display:block;font-size:15px;font-weight:600;color:#264d79}.followup-card summary small{display:block;font-size:13px;color:#7b8ea5;font-weight:400;margin-top:5px}.followup-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;flex:none;background:#edf5ff;color:#3077d5;font-size:23px}.followup-state{font-size:13px;color:#6684aa;padding:6px 10px;background:#f2f6fc;border-radius:20px;white-space:nowrap}.followup-body{padding:6px 24px 25px;border-top:1px solid #edf2f8}.followup-body>.settings-note:first-child{margin-top:20px}.followup-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.followup-option{border:1px solid var(--line);border-radius:12px;padding:0 18px 3px;background:#fafcff;margin-bottom:20px}.followup-repeat{max-width:440px}.followup-body>.toggle-label:first-child{margin-top:20px}.followup-body>.settings-note:last-child{margin-bottom:0}.business-days{display:flex;flex-wrap:wrap;gap:8px}.business-days label{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-weight:400;margin:0;background:#fafcff}.business-days label:has(input:checked){background:#edf5ff;border-color:#abcaf4;color:#225dac}.business-days input{width:16px;min-height:0;height:16px;margin:0;flex:none;padding:0;accent-color:var(--accent)}.quick-replies-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reply-editor{min-width:0;border:1px solid var(--line);border-radius:12px;padding:19px;background:#fcfdff}.reply-editor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.reply-editor-heading>span{font-size:12px;color:#728bad}.reply-editor .field{margin-bottom:17px}.reply-editor textarea{min-height:150px}.reply-preview{background:#edf4ff;border:1px solid #dce8f9;border-radius:10px;padding:14px 16px}.reply-preview .preview-label{font-size:10px;letter-spacing:.2px;margin:0 0 9px}.reply-preview p{font-size:13px;color:#35567f;line-height:1.9;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.reply-addbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0}.reply-template{display:flex;gap:8px;align-items:center}.reply-template select{min-width:0;min-height:44px;background:#f8faff;border:1px solid var(--line);border-radius:9px;color:#476785;font-size:13px;padding:9px 12px}.followup-empty{grid-column:1/-1;background:#f6f9ff;border:1px dashed #c9d9ef;border-radius:12px;padding:24px;text-align:center}.followup-empty strong{font-size:14px;color:#5577a0}.followup-empty p{font-size:12px;color:#8394ac;margin:8px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1040px){.quick-replies-list{grid-template-columns:1fr}.reply-addbar{align-items:stretch;flex-direction:column}.reply-template select{flex:1}.reply-template{width:100%}}
@media(max-width:780px){.followup-columns{grid-template-columns:1fr;gap:0}.followup-card>summary{padding:19px;gap:11px;flex-wrap:wrap}.followup-card summary strong{font-size:14px}.followup-card summary small{font-size:13px}.followup-state{margin-left:52px}.followup-card>summary:after{margin-left:auto}.followup-body{padding:5px 19px 22px}.followup-heading h2{font-size:19px}.followup-heading{gap:12px}.followup-heading p{font-size:13px}.business-days label{font-size:13px;padding:10px}.reply-template{flex-wrap:wrap}.reply-template select{font-size:16px}.reply-template button{flex:1}.reply-editor{padding:16px}.followup-heading>.pill{font-size:12px}.followup-icon{width:36px;height:36px}}
/* Local FAQ setup separates approved answers, runtime readiness, and explicit tests. */
.ai-settings{border-color:#c9dcf7}.ai-settings>.followup-body{padding-top:23px}.ai-intro{display:flex;align-items:center;gap:22px;margin-bottom:20px}.ai-intro>div{flex:1;min-width:0}.ai-intro .eyebrow{font-size:11px;color:#427dbd;letter-spacing:.5px}.ai-intro h3{font-size:21px;margin:6px 0 9px;color:#21496f}.ai-intro p{font-size:13px;line-height:1.9;color:#6e839e;margin:0}.ai-intro-badge{display:grid;place-items:center;flex:none;width:78px;height:78px;border:1px solid #c5dffc;background:linear-gradient(145deg,#fff,#e5f1ff);border-radius:22px;font-size:18px;font-weight:600;color:#287bd9;box-shadow:0 8px 18px #1769ef0a}.ai-readiness{border:1px solid #e1e8f0;background:#f7f9fc;border-radius:10px;padding:12px 15px;font-size:13px;line-height:1.8;color:#687e96}.ai-readiness.is-ready{border-color:#bfdfdc;background:#f1faf7;color:#347467}.ai-disclosure{border-left:3px solid #78aaf0;border-radius:0 10px 10px 0;background:#f2f7ff;padding:16px 19px;margin:21px 0 25px}.ai-disclosure strong{font-size:13px;color:#2f639a}.ai-disclosure p{font-size:13px;line-height:1.9;margin:6px 0 0;color:#5d7b9e}.ai-faq-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 17px}.ai-faq-heading h3{font-size:15px;color:#365b83;margin:0}.ai-faq-heading>span{font-size:13px;color:#758cac;white-space:nowrap}.ai-faq-editor textarea[data-ai-field=question]{min-height:100px}.ai-test-box{border:1px solid #ccdff5;background:#f8fbff;border-radius:12px;padding:22px;margin-top:12px}.ai-test-box>.settings-note{margin-bottom:18px}.ai-test-box .field{margin-bottom:15px}.ai-test-box textarea{min-height:95px;background:#fff}.ai-test-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ai-test-actions small{font-size:13px;color:#7690ab;line-height:1.8;flex:1;min-width:180px}.ai-test-result:empty{display:none}.ai-test-result{margin-top:21px;background:#fff;border:1px solid #d5e3f5;border-radius:10px;padding:18px}.ai-test-result strong{font-size:13px;color:#3c6ea3}.ai-test-result p{font-size:13px;color:#4f6a8b;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:9px 0 0}.ai-settings input:disabled{cursor:not-allowed;opacity:.55}.ai-settings>.followup-body>.followup-columns{margin-top:23px}
@media(max-width:780px){.ai-intro{gap:12px}.ai-intro h3{font-size:18px}.ai-intro p{font-size:13px}.ai-intro-badge{width:52px;height:52px;border-radius:15px;font-size:13px}.ai-disclosure{padding:14px}.ai-test-box{padding:17px}.ai-faq-heading{flex-wrap:wrap}.ai-test-actions{gap:11px}.ai-test-actions .btn{width:100%}.ai-test-box textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ai-preset-picker{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.35fr);gap:24px;border:1px solid #c5dcfa;border-radius:16px;background:linear-gradient(125deg,#f0f7ff,#fbfdff);padding:24px;margin:24px 0 30px}.ai-preset-choices .eyebrow{font-size:13px;letter-spacing:1px;color:#497db1}.ai-preset-choices h3{font-size:19px;line-height:1.6;color:#244f7b;margin:7px 0 10px}.ai-preset-choices>p{font-size:13px;line-height:1.9;color:#6b84a1;margin:0 0 17px}.ai-preset-choices .field{margin-bottom:13px}.ai-preset-choices .field label{font-size:13px}.ai-preset-choices select{background:#fff;min-height:46px}.ai-preset-choices>.btn{width:100%}.ai-preset-divider{display:flex;align-items:center;gap:12px;margin:17px 0;color:#7c96b2;font-size:13px}.ai-preset-divider:before,.ai-preset-divider:after{content:'';height:1px;background:#d5e3f3;flex:1}.ai-preset-choices>.ai-preset-draft-note{margin:16px 0 0;font-size:13px;line-height:1.8}.ai-preset-preview{min-width:0;padding:21px;border:1px solid #d7e5f6;background:#fff;border-radius:12px}.ai-preset-preview-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.ai-preset-preview-heading strong{font-size:15px;color:#315c88}.ai-preset-preview-heading span{font-size:10px;padding:5px 9px;background:#edf5ff;border-radius:20px;color:#507ead;white-space:nowrap}.ai-preset-preview>.settings-note{margin:8px 0 16px}.ai-preset-example+.ai-preset-example{border-top:1px solid #e0eafa;margin-top:17px;padding-top:17px}.ai-preset-example .preview-label{font-size:10px;letter-spacing:.2px;color:#718da9;margin:0 0 9px}.ai-question-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.ai-question-chips span{font-size:13px;color:#356d9f;line-height:1.6;padding:6px 10px;background:#f0f6fe;border-radius:8px;overflow-wrap:anywhere}.ai-preset-example>p{font-size:13px;line-height:1.9;color:#4c6c8b;white-space:pre-wrap;overflow-wrap:anywhere;background:#f9fbff;border:1px solid #e6eef8;border-radius:9px;padding:13px;margin:0}
@media(max-width:1000px){.ai-preset-picker{grid-template-columns:1fr}}@media(max-width:780px){.ai-preset-picker{padding:17px;gap:18px}.ai-preset-preview{padding:16px}.ai-preset-choices select{font-size:16px}.ai-preset-preview-heading{align-items:flex-start}.ai-preset-choices h3{font-size:18px}}

/* Team analytics separates timings, sample coverage, and distinct case counts. */
.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 18px}.analytics-toolbar>div{display:flex;align-items:center;gap:15px}.analytics-toolbar>div>span{font-size:13px;color:var(--muted)}.analytics-ranges{display:flex;gap:5px;padding:4px;background:#edf3fb;border:1px solid #d9e5f4;border-radius:12px}.analytics-ranges .btn{border:0;box-shadow:none;min-width:66px}.analytics-ranges .btn:not(.primary){background:transparent}.analytics-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin:0 0 18px}.analytics-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.analytics-stats .stat{min-width:0}.analytics-stats .stat strong{font-size:clamp(20px,2.3vw,32px);letter-spacing:-.6px;overflow-wrap:anywhere}.analytics-stats .stat small{line-height:1.8}.analytics-queue{display:flex;align-items:center;flex-wrap:wrap;gap:15px 27px;padding:18px 22px;border:1px solid #d7e5f6;border-radius:13px;background:#eef6ff;font-size:13px;color:#496987;margin-bottom:22px}.analytics-queue span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.analytics-queue i{font-style:normal;color:#2476c6}.analytics-queue strong{font-size:17px;color:#1d4e81;font-variant-numeric:tabular-nums}.analytics-queue small{width:100%;font-size:13px;color:#6884a1}.analytics-note{border-left:3px solid #81ace4;padding:14px 18px;margin:16px 0;background:#f0f6fe;border-radius:0 10px 10px 0;color:#55779b;font-size:13px;line-height:1.85}.analytics-note strong{color:#355b87;font-weight:600}.analytics-note p{margin:3px 0}.analytics-staff{margin-top:23px;overflow:hidden}.analytics-staff table{min-width:1000px}.analytics-staff th:not(:first-child),.analytics-staff td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.analytics-staff td:first-child{min-width:210px}.analytics-person{display:flex;flex-direction:column;gap:5px;max-width:220px;overflow-wrap:anywhere;white-space:normal}.analytics-person strong{font-size:13px}.analytics-person small{font-size:13px;color:var(--muted)}.analytics-time{font-size:13px;font-weight:600;white-space:nowrap}.analytics-sample{display:block;font-size:13px;color:var(--muted);margin-top:5px}.analytics-table-note{padding:13px 24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);margin:0}.analytics-state{text-align:center;padding:45px 24px;border-radius:16px;color:var(--muted)}.analytics-state-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border:1px solid #cee1fa;border-radius:16px;background:#edf5ff;color:#377ec8;font-size:29px}.analytics-state h2,.analytics-state h3{font-size:18px;margin:0 0 9px;color:var(--text)}.analytics-state p{font-size:13px;line-height:1.9;max-width:520px;margin:0 auto 17px}.analytics-definitions{margin-top:30px;padding:26px 28px;border:1px solid var(--line);border-radius:15px;background:#f6f9fe}.analytics-definitions h2{font-size:16px;margin:0 0 20px}.analytics-definitions dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 30px;margin:0}.analytics-definitions dt{font-size:13px;font-weight:600;color:#345b85;margin:0 0 6px}.analytics-definitions dd{font-size:13px;line-height:1.9;color:#7185a0;margin:0}.analytics-lock{text-align:center;max-width:800px;padding:45px 28px;margin:35px auto}.analytics-lock h2{font-size:23px;line-height:1.6;margin:16px 0 10px}.analytics-lock p{font-size:14px;line-height:2;color:var(--muted);margin:0 0 25px}.analytics-lock>small{display:block;font-size:13px;line-height:1.9;color:var(--muted);margin-top:20px}
html[data-theme="dark"] body.dashboard-page :is(.analytics-ranges,.analytics-definitions){background:var(--panel);border-color:var(--border)}html[data-theme="dark"] body.dashboard-page .analytics-ranges .btn:not(.primary){background:transparent;color:var(--text)}html[data-theme="dark"] body.dashboard-page .analytics-ranges .btn:not(.primary):hover{background:var(--hover)}html[data-theme="dark"] body.dashboard-page :is(.analytics-meta,.analytics-toolbar>div>span,.analytics-person small,.analytics-sample,.analytics-table-note,.analytics-state,.analytics-state p,.analytics-definitions dd,.analytics-lock p,.analytics-lock>small){color:var(--muted)}html[data-theme="dark"] body.dashboard-page :is(.analytics-queue,.analytics-note){background:var(--panel-soft);border-color:var(--border);color:var(--text)}html[data-theme="dark"] body.dashboard-page .analytics-queue :is(strong,i){color:var(--accent)}html[data-theme="dark"] body.dashboard-page .analytics-queue small{color:var(--muted)}html[data-theme="dark"] body.dashboard-page :is(.analytics-note strong,.analytics-definitions dt){color:var(--text)}html[data-theme="dark"] body.dashboard-page .analytics-state-icon{background:var(--blue-soft);border-color:var(--border);color:var(--accent)}html[data-theme="dark"] body.dashboard-page :is(.analytics-state h2,.analytics-state h3,.analytics-lock h2){color:var(--ink)}
@media(max-width:1000px){.analytics-stats{gap:12px}.analytics-stats .stat{padding:19px}.analytics-stats .stat-top{font-size:12px}.analytics-stats .stat-icon{display:none}}@media(max-width:780px){.analytics-toolbar{flex-wrap:wrap;align-items:flex-start}.analytics-toolbar>div{align-items:flex-start;flex-direction:column;gap:8px}.analytics-ranges .btn{min-width:56px;padding:8px 11px}.analytics-toolbar>.btn{margin-top:27px}.analytics-stats{grid-template-columns:1fr;gap:10px}.analytics-stats .stat{padding:18px 20px}.analytics-stats .stat strong{font-size:27px}.analytics-queue{padding:17px;gap:13px}.analytics-meta{font-size:13px}.analytics-staff .card-head{gap:10px;align-items:flex-start}.analytics-staff .card-head p{font-size:13px}.analytics-definitions{padding:21px}.analytics-definitions dl{grid-template-columns:1fr;gap:18px}.analytics-lock{padding:30px 20px}.analytics-lock h2{font-size:20px}.analytics-lock p{font-size:13px}}

/* Panel Studio follows Discord's embed structure while keeping editing in a draft. */
.panel-target-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#edf5ff;border:1px solid #c8ddf8;border-radius:15px;padding:20px 24px;margin:24px 0}.panel-target-bar>div:first-child{flex:1;min-width:200px}.panel-target-bar label{display:block;font-size:13px;font-weight:600;color:#577aa2;margin-bottom:7px}.panel-target-bar select{width:100%;min-height:46px;border:1px solid #b7cfe9;border-radius:9px;background:#fff;color:#284f7b;padding:10px 13px;font-size:13px}.panel-target-status{max-width:250px}.panel-target-status p{font-size:13px;line-height:1.8;color:#6482a3;margin:8px 0 0}.panel-studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:25px;align-items:start}.panel-editor{min-width:0;padding:25px;overflow:hidden}.panel-editor-intro{margin-bottom:22px}.panel-editor-intro .eyebrow,.panel-preview-heading .eyebrow{font-size:10px;letter-spacing:1.3px;color:#5083bd}.panel-editor-intro h2{font-size:22px;margin:7px 0 8px}.panel-editor-intro p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.panel-design-controls{padding:0;margin:0;border:0;min-width:0}.panel-design-controls:disabled{opacity:.65}.panel-design-controls:disabled :is(input,textarea,select,button){cursor:not-allowed}.panel-inherit-note{font-size:13px;line-height:1.9;background:#edf5ff;border:1px solid #c5dbf7;border-radius:10px;padding:15px;margin-bottom:22px;color:#476f9c}.panel-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.panel-presets button{display:flex;flex-direction:column;text-align:left;align-items:flex-start;min-width:0;gap:7px;padding:14px 12px;border:1px solid #d4e2f4;border-radius:12px;background:#f7faff;color:#325b89;transition:background .18s,border-color .18s,transform .18s}.panel-presets button:hover:not(:disabled){background:#edf5ff;border-color:#75a6e4;transform:translateY(-2px)}.panel-presets button>span{width:28px;height:28px;display:grid;place-items:center;background:#e5effe;color:#2273cd;border-radius:8px;font-size:18px}.panel-presets strong{font-size:13px}.panel-presets small{font-size:13px;color:#8192a7;line-height:1.6}.panel-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;font-size:13px;color:#7c91aa;margin:12px 0 25px}.panel-tools>span{width:100%}.panel-tools .link-button{font-size:13px}.panel-editor-section{border-top:1px solid var(--line);margin:0}.panel-editor-section>summary{display:flex;align-items:center;gap:12px;list-style:none;font-size:14px;font-weight:600;padding:21px 0;cursor:pointer;color:#345c87}.panel-editor-section>summary::-webkit-details-marker{display:none}.panel-editor-section>summary:after{content:'＋';font-size:17px;color:#7c99ba;margin-left:auto}.panel-editor-section[open]>summary:after{content:'−'}.panel-editor-section>summary>span{font-size:13px;color:#5f8cc0;font-weight:500;letter-spacing:.5px}.panel-editor-section-body{padding:2px 0 22px}.panel-editor-section .field{margin-bottom:19px}.panel-editor-section .field label{font-size:13px}.panel-editor-section .field :is(input,textarea,select){font-size:13px;min-height:43px;line-height:1.8}.panel-editor-section .field textarea{min-height:100px}.panel-field-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.panel-field-heading label{margin-bottom:0}.panel-field-heading>small{color:#8a9bb0;font-size:13px;white-space:nowrap}.panel-field-heading>strong{font-size:13px;color:#47698e}.panel-field-heading>.link-button{font-size:13px}.panel-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-color-control{display:flex;align-items:center;gap:12px;height:45px}.panel-color-control input[type=color]{padding:3px;width:56px;min-height:40px;border:1px solid #c9d9ec;border-radius:8px;cursor:pointer}.panel-color-control>span{font-family:monospace;font-size:13px;color:#6c839e}.panel-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-image-editor{min-width:0}.panel-image-sample{height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #c2d6f0;border-radius:11px;background:#f4f8ff;overflow:hidden}.panel-image-sample>img{width:100%;height:100%;object-fit:contain;background:#eaf1fa}.panel-image-sample>span{font-size:28px;color:#76a0cf}.panel-image-sample>small{font-size:13px;color:#7f95ad}.panel-image-editor>p{font-size:13px;line-height:1.8;margin:8px 0 12px;color:#7a8faa}.panel-media-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.panel-media-actions .btn{font-size:13px;padding:7px 10px;min-height:34px}.panel-media-actions>label{cursor:pointer;position:relative;margin:0}.panel-media-actions>label:focus-within{outline:2px solid #357dde;outline-offset:3px}.panel-image-editor .panel-url-label{display:block;font-size:13px;color:#5b799c;margin-bottom:7px}.panel-image-editor>input{font-size:13px;line-height:1.6;min-height:38px;width:100%;border:1px solid #d3dfef;border-radius:8px;padding:8px 10px;background:#f9fbff;color:#446889}.panel-image-editor>small{display:block;font-size:13px;line-height:1.8;color:#7b93ae;margin:7px 0}.panel-image-editor>.btn{font-size:13px;min-height:31px;padding:5px 8px}.panel-mode-note{font-size:13px;line-height:1.9;background:#f1f6ff;border-left:3px solid #90b6e7;color:#6281a3;padding:12px 15px;border-radius:0 8px 8px 0;margin:0 0 20px}.panel-list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin:10px 0 16px}.panel-list-heading h3{font-size:13px;margin:0 0 7px;color:#3c648e}.panel-list-heading p{font-size:13px;line-height:1.8;color:#7991aa;margin:0}.panel-list-heading>span{font-size:13px;color:#7f94af;white-space:nowrap}.panel-extra-list{display:grid;gap:12px}.panel-extra-row{background:#f7faff;border:1px solid #dce6f5;border-radius:10px;padding:15px;min-width:0}.panel-extra-row .field{margin-bottom:12px}.panel-extra-row .field textarea{min-height:75px}.panel-extra-row .toggle-label{font-size:13px;margin:10px 0 0}.panel-extra-list+.btn{margin:12px 0 24px}.panel-library{border-top:1px solid var(--line);padding-top:23px;margin-top:2px}.panel-library-heading{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:16px}.panel-library-heading h3{font-size:14px;color:#345e8c;margin:0 0 8px}.panel-library-heading p{font-size:13px;color:#7e93ac;line-height:1.8;margin:0}.panel-library-status{font-size:13px;line-height:1.9;color:#6f87a2;padding:15px 0}.panel-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.panel-asset{border:1px solid #d5e2f4;border-radius:10px;background:#f9fbff;min-width:0;padding:6px}.panel-asset.is-selected{border-color:#377ad6;background:#edf5ff}.panel-asset>button:first-child{border:0;background:transparent;text-align:left;display:flex;flex-direction:column;gap:6px;min-width:0;width:100%;padding:0;color:#486c94}.panel-asset img,.panel-asset>button>span{width:100%;height:67px;object-fit:cover;border-radius:6px;background:#edf2f8}.panel-asset strong{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-asset small{font-size:13px;color:#8b9db3}.panel-asset>.link-button{font-size:13px;margin:8px 0 2px;padding:0}.panel-library-empty{grid-column:1/-1;padding:22px;border:1px dashed #cbdcf1;border-radius:10px;text-align:center;font-size:13px;color:#7890ac;line-height:1.9}.panel-delete-review{padding:14px;border:1px solid #ebcecd;border-radius:10px;background:#fff6f5;margin-top:15px}.panel-delete-review p{font-size:13px;color:#996965;line-height:1.8;margin:0 0 12px}.panel-delete-review .btn{margin-right:8px}.panel-preview-column{min-width:0;position:sticky;top:24px}.panel-preview-card{padding:21px;overflow:hidden}.panel-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-preview-heading h2{font-size:17px;margin:6px 0 0}.panel-preview-heading .pill{font-size:10px}.panel-discord-preview{border-radius:12px;background:#313338;border:1px solid #43464e;padding:20px 16px;color:#dbdee1;font-size:13px;line-height:1.6;overflow:hidden}.panel-preview-bot{display:flex;align-items:center;gap:8px;margin-bottom:8px}.panel-preview-avatar{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:50%;background:#1769ef;color:#fff;font-size:10px;font-weight:800}.panel-preview-bot>strong{color:#f2f3f5;font-size:12px}.panel-preview-bot>small{font-size:9px;color:#949ba4}.panel-preview-bot .bot-badge{margin:0}.panel-preview-body{padding-left:41px;min-width:0}.panel-preview-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#dbdee1;margin:0 0 10px}.panel-preview-embed{background:#2b2d31;border:1px solid #232428;border-left:4px solid #177bd5;border-radius:4px;padding:15px;margin:0;max-width:100%;min-width:0;overflow:hidden}.panel-preview-author{display:block;font-size:11px;color:#f2f3f5;margin-bottom:8px;overflow-wrap:anywhere}.panel-preview-embed h3{font-size:14px;line-height:1.7;margin:0 0 8px;color:#f2f3f5;overflow-wrap:anywhere}.panel-preview-embed #preview-description{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#dbdee1;margin:0}.panel-preview-thumbnail{float:right;width:64px;height:64px;object-fit:cover;border-radius:5px;margin:0 0 12px 15px}.panel-preview-main:after{content:'';display:block;clear:both}.panel-preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.panel-preview-fields>div{grid-column:1/-1;min-width:0}.panel-preview-fields>div.is-inline{grid-column:auto}.panel-preview-fields strong{color:#f2f3f5;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.panel-preview-fields p{font-size:11px;line-height:1.7;color:#dbdee1;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.panel-preview-banner{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:5px;margin-top:14px}.panel-preview-image-placeholder{display:grid;place-items:center;min-height:90px;padding:15px;border:1px dashed #555b66;border-radius:6px;background:#292c31;color:#989eaa;font-size:10px;line-height:1.8;text-align:center;margin-top:14px}.panel-preview-footer{font-size:10px;line-height:1.8;margin:14px 0 0;color:#b5bac1;white-space:pre-wrap;overflow-wrap:anywhere}.panel-preview-components{margin-top:10px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.panel-preview-components .panel-discord-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;border:0;border-radius:4px;padding:8px 12px;min-height:34px;font:500 11px/1.6 'Noto Sans Thai',sans-serif;color:#fff;background:#5865f2;white-space:normal;overflow-wrap:anywhere;text-align:left}.panel-preview-components .is-secondary{background:#4e5058}.panel-preview-components .is-success{background:#248046}.panel-preview-components .is-danger{background:#da373c}.panel-preview-menu{display:flex;justify-content:space-between;gap:12px;width:100%;min-height:40px;text-align:left;background:#1e1f22;color:#b5bac1;border:1px solid #1e1f22;border-radius:4px;padding:10px 12px;font-size:11px}.panel-preview-menu>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-preview-links{display:flex;flex-wrap:wrap;gap:6px}.panel-preview-guidance{padding:18px 2px 0}.panel-preview-guidance strong{font-size:11px;color:#597fa9}.panel-preview-guidance p{font-size:11px;line-height:1.9;color:#8295ad;margin:6px 0 11px}.panel-preview-guidance>small{font-size:10px;color:#6789af}.panel-launch-card{padding:24px;margin-top:20px}.panel-launch-card h3{font-size:16px;margin:0 0 18px}.panel-launch-card>.toggle-label{font-size:13px}.panel-launch-card>p{font-size:13px;line-height:1.9;color:#7990aa}.panel-launch-card .setup-review{margin-bottom:0}.panel-launch-card .setup-review-item{font-size:13px}
html[data-theme="dark"] body.dashboard-page .panel-target-bar{background:var(--panel-soft);border-color:var(--border)}html[data-theme="dark"] body.dashboard-page :is(.panel-target-bar label,.panel-editor-intro .eyebrow,.panel-preview-heading .eyebrow,.panel-editor-section>summary>span,.panel-preview-guidance>small){color:var(--accent)}html[data-theme="dark"] body.dashboard-page :is(.panel-target-bar select,.panel-image-editor>input){background:var(--control);border-color:var(--control-border);color:var(--ink)}html[data-theme="dark"] body.dashboard-page :is(.panel-target-status p,.panel-editor-intro p,.panel-presets small,.panel-tools,.panel-field-heading>small,.panel-color-control>span,.panel-image-editor>p,.panel-image-editor>small,.panel-image-sample>small,.panel-list-heading p,.panel-list-heading>span,.panel-library-heading p,.panel-asset small,.panel-library-status,.panel-library-empty,.panel-preview-guidance p,.panel-launch-card>p){color:var(--muted)}html[data-theme="dark"] body.dashboard-page :is(.panel-editor-section>summary,.panel-field-heading>strong,.panel-list-heading h3,.panel-library-heading h3,.panel-preview-guidance strong,.panel-image-editor .panel-url-label){color:var(--text)}html[data-theme="dark"] body.dashboard-page :is(.panel-presets button,.panel-extra-row,.panel-asset){background:var(--panel-soft);border-color:var(--border);color:var(--text)}html[data-theme="dark"] body.dashboard-page .panel-presets button:hover:not(:disabled){background:var(--hover);border-color:var(--control-border)}html[data-theme="dark"] body.dashboard-page :is(.panel-presets button>span,.panel-inherit-note,.panel-mode-note){background:var(--blue-soft);border-color:var(--border);color:var(--text)}html[data-theme="dark"] body.dashboard-page :is(.panel-image-sample,.panel-image-sample>img,.panel-asset img,.panel-asset>button>span){background:var(--control);border-color:var(--border)}html[data-theme="dark"] body.dashboard-page .panel-image-sample>span{color:var(--accent)}html[data-theme="dark"] body.dashboard-page .panel-asset>button:first-child{color:var(--text)}html[data-theme="dark"] body.dashboard-page .panel-asset.is-selected{background:var(--blue-soft);border-color:var(--accent)}html[data-theme="dark"] body.dashboard-page .panel-delete-review{background:var(--danger-soft);border-color:var(--danger-border)}html[data-theme="dark"] body.dashboard-page .panel-delete-review p{color:var(--danger-ink)}html[data-theme="dark"] body.dashboard-page .panel-color-control input[type=color]{background:var(--panel-soft);border-color:var(--control-border)}html[data-theme="dark"] body.dashboard-page :is(.panel-preview-embed h3,.panel-preview-author,.panel-preview-fields strong,.panel-preview-bot>strong){color:#f2f3f5}html[data-theme="dark"] body.dashboard-page :is(.panel-preview-content,.panel-preview-embed #preview-description,.panel-preview-fields p){color:#dbdee1}html[data-theme="dark"] body.dashboard-page .panel-preview-footer{color:#b5bac1}
@media(max-width:1150px){.panel-studio{grid-template-columns:1fr;gap:22px}.panel-preview-column{position:static;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start}.panel-launch-card{margin-top:0}.panel-image-grid{gap:22px}.panel-image-sample{height:150px}}@media(max-width:780px){.panel-target-bar{padding:17px;gap:15px}.panel-target-bar>div:first-child{min-width:100%;}.panel-target-bar select{font-size:16px}.panel-target-status{max-width:none;flex:1}.panel-target-status p{font-size:13px}.panel-target-bar>.btn{font-size:13px;padding:8px 10px}.panel-editor{padding:19px}.panel-editor-intro h2{font-size:19px}.panel-presets{gap:7px}.panel-presets button{padding:11px 9px}.panel-presets strong{font-size:13px}.panel-presets small{font-size:13px}.panel-tools{gap:9px}.panel-preview-column{grid-template-columns:1fr}.panel-preview-card{padding:16px}.panel-preview-heading h2{font-size:16px}.panel-preview-body{padding-left:0}.panel-discord-preview{padding:16px 12px}.panel-preview-bot{margin-bottom:12px}.panel-editor-section .field :is(input,textarea,select),.panel-image-editor>input{font-size:16px}.panel-image-grid{gap:16px}.panel-image-sample{height:115px}.panel-two-fields{grid-template-columns:1fr;gap:0}.panel-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-launch-card{padding:20px}.panel-preview-fields{grid-template-columns:1fr}.panel-preview-fields>div.is-inline{grid-column:1/-1}}@media(max-width:430px){.panel-image-grid{grid-template-columns:1fr}.panel-image-sample{height:145px}.panel-media-actions .btn{font-size:13px;padding:8px 12px}.panel-image-editor>.btn{font-size:13px;min-height:36px}.panel-image-editor{margin-bottom:9px}.panel-presets small{display:none}.panel-presets button{align-items:center;text-align:center}.panel-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-preview-thumbnail{width:50px;height:50px;margin-left:10px}}

/* Role workflows share the media/design studio, with their own draft and publish controls. */
.role-page-notice{background:#edf5ff;border:1px solid #cddff6;border-radius:13px;padding:17px 21px;color:#426b98;margin-bottom:22px}.role-page-notice strong{font-size:13px}.role-page-notice p{font-size:13px;line-height:1.9;margin:5px 0 0}.role-panels-bar{display:flex;align-items:flex-start;gap:15px;margin:24px 0}.role-panel-tabs{display:flex;flex-wrap:wrap;gap:9px;flex:1;min-width:0}.role-panel-tab{border:1px solid #d5e2f2;border-radius:11px;background:#fff;text-align:left;display:flex;flex-direction:column;gap:5px;padding:12px 15px;max-width:240px;min-width:0;color:#526f91}.role-panel-tab strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.role-panel-tab small{font-size:13px;color:#8295ac}.role-panel-tab.is-selected{border-color:#6a9dda;background:#eaf3ff;color:#235ba2;box-shadow:inset 3px 0 #377ed9}.role-panels-bar>.btn{flex:none}.role-configuration{padding:28px;overflow:visible}.role-configuration-heading,.role-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.role-configuration-heading .eyebrow{font-size:13px;letter-spacing:1.5px;color:#6f93bb}.role-configuration-heading h2{font-size:22px;margin:5px 0 0}.role-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.role-configuration .field label{font-size:13px}.role-configuration .field input,.role-configuration .field select{font-size:13px;min-height:44px}.role-mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 30px}.role-mode{background:#f7faff;border:1px solid #dce6f4;border-radius:12px;text-align:left;display:flex;flex-direction:column;gap:8px;padding:17px;color:#486c94;min-width:0}.role-mode>span{font-size:23px;color:#4d87cb}.role-mode strong{font-size:13px}.role-mode small{font-size:13px;line-height:1.8;color:#7890aa}.role-mode.is-selected{background:#edf5ff;border-color:#689cde;box-shadow:inset 0 0 0 1px #689cde}.role-mode:hover{border-color:#689cde}.role-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:start}.role-config-grid>div{min-width:0}.role-section-heading h3{font-size:16px;margin:0 0 7px}.role-section-heading h2{font-size:21px;margin:0 0 8px}.role-section-heading p{font-size:13px;line-height:1.9;margin:0;color:#7990ac}.role-section-heading>span{font-size:13px;color:#7c92ac;white-space:nowrap}.role-option-list{display:grid;gap:13px}.role-option-row{padding:18px;background:#f8fbff;border:1px solid #dce7f5;border-radius:12px;margin-bottom:13px;min-width:0}.role-option-row .field{margin-bottom:13px}.role-row-actions{display:flex;align-items:center;gap:7px}.role-row-actions .btn{padding:4px 9px;min-height:30px;font-size:13px}.role-row-actions .link-button{font-size:13px}.role-option-text{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:12px}.role-mode-explainer{background:#f1f6fe;border:1px dashed #c3d8f2;border-radius:14px;text-align:center;padding:36px 27px;color:#7190b4}.role-mode-explainer>span{display:block;font-size:40px;margin-bottom:15px;color:#7da2d0}.role-mode-explainer h3{font-size:17px;color:#486e9a;margin:0 0 10px}.role-mode-explainer p{font-size:13px;line-height:2;margin:0}.role-approval{padding-top:26px;margin-top:27px;border-top:1px solid var(--line)}.role-reviewer-options{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.role-reviewer-options label{display:flex;align-items:center;gap:9px;border:1px solid #d8e4f3;border-radius:9px;background:#f8fbff;padding:9px 12px;font-weight:400!important}.role-reviewer-options input{width:16px!important;min-height:16px!important;height:16px;margin:0;accent-color:#177bd5}.role-private-note{font-size:13px;line-height:1.9;color:#537ba5;margin:24px 0;padding:16px;border-left:3px solid #86ade0;background:#f1f6ff;border-radius:0 9px 9px 0}.role-design-section{margin-top:33px}.role-savebar{position:sticky;bottom:14px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #bfd5ed;border-radius:13px;background:#ffffffee;backdrop-filter:blur(14px);padding:16px 20px;box-shadow:0 6px 22px #17324e15;margin-top:25px}.role-savebar>div:first-child{min-width:0}.role-savebar strong{font-size:13px;font-weight:600;color:#496c96}.role-savebar small{display:block;font-size:13px;line-height:1.8;color:#7b93ad;margin-top:5px}.role-savebar>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.role-publish-result{font-size:13px;color:#38836d;padding:14px 0;text-align:center}.role-empty{text-align:center;padding:50px 28px}.role-empty>span{display:block;font-size:55px;color:#78a4d7;margin-bottom:17px}.role-empty h2{font-size:24px}.role-empty p{font-size:14px;line-height:1.9;color:#7b91ab;margin:14px auto 24px;max-width:600px}.role-review-box{padding:17px;background:#fff6ec;border:1px solid #ecd8ba;border-radius:11px;margin:15px 0 23px}.role-review-box p{font-size:13px;color:#977148;line-height:1.9;margin:0 0 13px}.role-review-box .btn{margin-right:8px}
html[data-theme="dark"] body.dashboard-page :is(.panel-studio,.role-configuration) .field :is(input,textarea,select){background-color:var(--control);border-color:var(--control-border);color:var(--ink);caret-color:#a3ccff}html[data-theme="dark"] body.dashboard-page :is(.panel-studio,.role-configuration) .field :is(input,textarea,select):focus{background-color:var(--control);border-color:var(--accent)}html[data-theme="dark"] body.dashboard-page :is(.panel-studio,.role-configuration) .field select option{background:var(--control);color:var(--ink)}html[data-theme="dark"] body.dashboard-page :is(.panel-studio,.role-configuration,.role-savebar,.role-panels-bar) .btn:not(.primary,.dark,.danger):not(:disabled):not(:has(input:disabled)){background:var(--panel-soft);border-color:var(--control-border);color:var(--text)}html[data-theme="dark"] body.dashboard-page :is(.panel-studio,.role-configuration,.role-savebar,.role-panels-bar) .btn:not(.primary,.dark,.danger):not(:disabled):not(:has(input:disabled)):hover{background:var(--hover);border-color:var(--control-border)}html[data-theme="dark"] body.dashboard-page .top-actions .theme-toggle{background:var(--panel-soft);border-color:var(--control-border);color:var(--text)}html[data-theme="dark"] body.dashboard-page .top-actions .theme-toggle:hover{background:var(--hover);border-color:var(--control-border)}html[data-theme="dark"] body.dashboard-page :is(.role-page-notice,.role-private-note,.role-mode-explainer){background:var(--panel-soft);border-color:var(--border);color:var(--text)}html[data-theme="dark"] body.dashboard-page :is(.role-panel-tab,.role-mode,.role-option-row,.role-reviewer-options label){background:var(--panel-soft);border-color:var(--border);color:var(--text)}html[data-theme="dark"] body.dashboard-page :is(.role-panel-tab.is-selected,.role-mode.is-selected){background:var(--blue-soft);border-color:var(--accent);color:var(--ink)}html[data-theme="dark"] body.dashboard-page :is(.role-panel-tab small,.role-mode small,.role-section-heading p,.role-section-heading>span,.role-empty p,.role-savebar small){color:var(--muted)}html[data-theme="dark"] body.dashboard-page :is(.role-mode-explainer h3,.role-savebar strong){color:var(--text)}html[data-theme="dark"] body.dashboard-page .role-savebar{background:var(--panel);border-color:var(--border)}html[data-theme="dark"] body.dashboard-page .role-review-box{background:var(--warning-soft);border-color:var(--warning-border)}html[data-theme="dark"] body.dashboard-page .role-review-box p{color:var(--warning-ink)}
@media(max-width:1000px){.role-config-grid{grid-template-columns:1fr}.role-savebar{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:780px){.role-configuration{padding:20px}.role-basic-grid{grid-template-columns:1fr;gap:0}.role-configuration .field :is(input,select){font-size:16px}.role-mode-picker{grid-template-columns:1fr;gap:9px}.role-mode{display:grid;grid-template-columns:34px 1fr;gap:3px 11px;padding:13px}.role-mode>span{grid-row:1/3}.role-mode strong{font-size:13px}.role-mode small{font-size:13px}.role-panels-bar{flex-direction:column}.role-panels-bar>.btn{width:100%}.role-panel-tabs{width:100%}.role-panel-tab{max-width:100%;flex:1;min-width:135px}.role-option-row{padding:14px}.role-option-text{grid-template-columns:minmax(0,1fr) 74px;gap:8px}.role-empty{padding:34px 23px}.role-empty h2{font-size:20px}.role-review-box{padding:14px}.role-review-box .btn{font-size:13px;padding:8px;margin-bottom:7px}.role-savebar{bottom:6px;padding:11px;gap:9px}.role-savebar>div:first-child{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;gap:3px;text-align:left}.role-savebar>div:last-child{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;width:100%}.role-savebar .btn{font-size:13px;padding:9px 8px;min-height:40px;line-height:1.55}.role-savebar strong{font-size:13px;line-height:1.55}.role-savebar small{font-size:13px;line-height:1.55;margin-top:0}}
@media(max-width:780px){.dashboard-page .settings-savebar{padding:10px 12px;gap:8px;bottom:6px}.dashboard-page .settings-savebar>div:first-child{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:3px;width:100%;min-width:0}.dashboard-page .settings-savebar .setup-step-caption{font-size:13px;line-height:1.55;white-space:normal}.dashboard-page .settings-savebar p{font-size:13px;line-height:1.55;text-align:left;width:100%;max-width:none;min-width:0;margin:0}.dashboard-page .settings-savebar .form-actions{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:7px;margin:0}.dashboard-page .settings-savebar .btn{min-height:39px;padding:8px 9px;font-size:13px;flex:1;min-width:0;line-height:1.55}.dashboard-page .settings-savebar #setup-back{flex:0 0 66px}.dashboard-page .settings-savebar .btn.primary{flex:1.25}.dashboard-page .settings-savebar [hidden]{display:none!important}}

/* Shared product finish: quiet hierarchy and explicit package status. */
.dashboard-page .page-heading .kicker,.dashboard-page .plan-header .kicker,.dashboard-page .free-badge{letter-spacing:.1px;font-size:12px}
.dashboard-page .page-heading h1{font-size:28px;line-height:1.5}
.dashboard-page .page-heading p{line-height:1.85}
.dashboard-page .sidebar nav button{min-height:46px;border-radius:9px}
.dashboard-page .sidebar nav button:hover{transform:none}
.dashboard-page .sidebar nav button em{letter-spacing:0;font-size:12px}
.dashboard-page .mini-plan{background:#f4f8ff;border-radius:12px}
.dashboard-page .mini-plan h3{margin:9px 0 6px}
.dashboard-page .card,.dashboard-page .stat{border-radius:13px}
.dashboard-page .stat:hover{transform:none}
.dashboard-page .workspace-hero{grid-template-columns:minmax(0,1fr) 270px;border-radius:15px;background:#edf4ff;min-height:230px}
.dashboard-page .workspace-hero:after{display:none}
.dashboard-page .workspace-hero h2{font-size:29px;line-height:1.5;margin-top:16px}
.dashboard-page .workspace-hero em{font-style:normal}
.dashboard-page .workspace-system-summary{background:#ffffffba;border:1px solid #d4e2f4;border-radius:12px;padding:21px 23px}
.dashboard-page .workspace-system-label{display:block;font-size:13px;font-weight:600;color:#365d8a;margin-bottom:8px}
.dashboard-page .workspace-system-summary dl{margin:0}
.dashboard-page .workspace-system-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #e1eaf6;font-size:13px}
.dashboard-page .workspace-system-summary dt{color:#60758f}
.dashboard-page .workspace-system-summary dd{margin:0;font-weight:600;color:#294d77}
.dashboard-page .workspace-system-summary a{display:inline-block;font-size:13px;text-decoration:none;color:#1c65bf;margin-top:15px}
.dashboard-page .dashboard-footer{border-top:1px solid var(--line);margin:10px 36px 0;padding:20px 0 25px;flex-wrap:wrap;align-items:center;line-height:1.8}
.dashboard-page .dashboard-footer nav{display:flex;flex-wrap:wrap;gap:14px}
.dashboard-page .dashboard-footer a{font-size:13px;text-decoration:none;min-height:30px;display:inline-flex;align-items:center}
.dashboard-page .dashboard-footer a:hover{text-decoration:underline;color:var(--accent)}
.dashboard-page .dashboard-footer>[data-service-stage]{flex-basis:100%;font-size:13px;color:var(--muted)}
.dashboard-page .plan-header h1{font-size:30px;line-height:1.5;letter-spacing:-.4px}
.dashboard-page .plan-header p{font-size:14px;line-height:1.9}
.dashboard-page .pricing-notice{display:flex;align-items:flex-start;gap:18px;padding:17px 20px;background:#edf4ff;border:1px solid #d6e5f8;border-radius:10px;margin:22px auto;max-width:1100px}
.dashboard-page .pricing-notice strong{flex:none;font-size:13px;color:#2e5b91;margin-top:1px}
.dashboard-page .pricing-notice p{margin:0;font-size:13px;line-height:1.85;color:#577496}
.dashboard-page .plans{gap:24px;max-width:1100px;margin-inline:auto;align-items:stretch}
.dashboard-page .plan-card{display:flex;flex-direction:column;border-radius:14px;padding:30px;background:#fff}
.dashboard-page .plan-card.featured{background:#f5f9ff;border-color:#adc9f0;box-shadow:none}
.dashboard-page .plan-card .pill{align-self:flex-start}
.dashboard-page .plan-card .recommended{font-size:10px;border-radius:5px;letter-spacing:0}
.dashboard-page .plan-card h2{font-size:27px;line-height:1.4;margin:16px 0 7px}
.dashboard-page .plan-card>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 10px}
.dashboard-page .plan-card .price{font-size:44px;line-height:1.4;letter-spacing:-1px;margin:17px 0 0;color:var(--ink)}
.dashboard-page .plan-card .plan-price-unit{font-size:13px;margin-top:3px}
.dashboard-page .plan-card .plan-annual{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:17px;margin:4px 0 0;color:#386794}
.dashboard-page .plan-card ul{flex:1;margin:20px 0 25px}
.dashboard-page .plan-card li{font-size:13px;line-height:1.9;margin:10px 0}
.dashboard-page .plan-card>.btn{margin-top:auto;width:100%}
.dashboard-page .plan-setup-service{max-width:1100px;margin:23px auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 28px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:26px 30px;align-items:center}
.dashboard-page .plan-setup-service h2{font-size:20px;margin:7px 0}
.dashboard-page .plan-setup-service p{font-size:13px;line-height:1.9;margin:0;color:var(--muted)}
.dashboard-page .plan-setup-service .kicker{font-size:13px;color:var(--muted)}
.dashboard-page .plan-setup-service>div+div{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.dashboard-page .plan-setup-service strong{font-size:30px;color:var(--ink);letter-spacing:-.7px}
.dashboard-page .plan-setup-service span{font-size:13px;color:var(--muted)}
.dashboard-page .plan-setup-service>.btn{grid-column:1/-1;justify-self:start;font-size:13px}
html[data-theme=dark] body.dashboard-page .mini-plan{background:var(--panel);border-color:var(--border)}
html[data-theme=dark] body.dashboard-page .workspace-hero{background:var(--panel-soft);border-color:var(--border)}
html[data-theme=dark] body.dashboard-page .workspace-system-summary{background:var(--control);border-color:var(--border)}
html[data-theme=dark] body.dashboard-page .workspace-system-label{color:var(--muted)}
html[data-theme=dark] body.dashboard-page .workspace-system-summary dl>div{border-color:var(--border)}
html[data-theme=dark] body.dashboard-page .workspace-system-summary dt{color:var(--muted)}
html[data-theme=dark] body.dashboard-page .workspace-system-summary dd{color:var(--ink)}
html[data-theme=dark] body.dashboard-page .workspace-system-summary a{color:var(--accent)}
html[data-theme=dark] body.dashboard-page .pricing-notice{background:var(--blue-soft);border-color:var(--border)}
html[data-theme=dark] body.dashboard-page .pricing-notice strong{color:var(--accent)}
html[data-theme=dark] body.dashboard-page .pricing-notice p{color:var(--muted)}
html[data-theme=dark] body.dashboard-page .plan-card{background:var(--panel);border-color:var(--border)}
html[data-theme=dark] body.dashboard-page .plan-card.featured{background:var(--panel-soft);border-color:var(--border)}
html[data-theme=dark] body.dashboard-page .plan-card .plan-annual{color:var(--accent);border-color:var(--border)}
html[data-theme=dark] body.dashboard-page .plan-setup-service{background:var(--panel);border-color:var(--border)}
@media(max-width:1100px){.dashboard-page .workspace-hero{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.dashboard-page .workspace-system-summary{padding:18px}}
@media(max-width:780px){.dashboard-page .workspace-hero{grid-template-columns:1fr;padding:24px}.dashboard-page .workspace-system-summary{display:block}.dashboard-page .workspace-system-summary dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-page .workspace-system-summary dl>div{display:block;border:0;padding:5px 0}.dashboard-page .workspace-system-summary dd{margin-top:7px}.dashboard-page .dashboard-footer{margin-inline:18px;padding-block:18px;gap:10px}.dashboard-page .dashboard-footer nav{gap:11px}.dashboard-page .pricing-notice{display:block;padding:16px}.dashboard-page .pricing-notice p{margin-top:6px}.dashboard-page .plans{gap:22px}.dashboard-page .plan-card{padding:25px}.dashboard-page .plan-setup-service{padding:23px;grid-template-columns:1fr}.dashboard-page .plan-setup-service p br{display:none}.dashboard-page .plan-header h1{font-size:27px}.dashboard-page .workspace-hero h2{font-size:26px}.dashboard-page .page-heading h1{font-size:25px}}
@media(max-width:390px){.dashboard-page .workspace-system-summary{padding:14px}.dashboard-page .workspace-system-summary dt{font-size:13px}.dashboard-page .workspace-system-summary dd{font-size:13px}.dashboard-page .workspace-system-summary .pill{font-size:12px;padding:3px 6px}.dashboard-page .plan-card{padding:21px}}

.dashboard-page .claim-message-preview{padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:#f0f6fe;margin-top:13px}
.dashboard-page .claim-message-preview>span{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}
.dashboard-page .claim-message-preview p{font-size:13px;line-height:1.9;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
html[data-theme=dark] body.dashboard-page .claim-message-preview{background:var(--panel-soft);border-color:var(--border)}
@media(max-width:900px){.dashboard-page .top-actions:has(#owner-link:not([hidden])) #connection,.dashboard-page .top-actions:has(#owner-link:not([hidden]))>button[data-view=guide]{display:none}.dashboard-page #owner-link{font-size:13px;padding:7px 10px}}

/* Shared control states: one readable scale for actions, fields and compact tools. */
body.dashboard-page {
  --control-bg:#fff;
  --control-hover:#f1f6fd;
  --control-border:#ccd9e8;
  --control-muted-bg:#f1f4f8;
  --control-muted-text:#718197;
  --control-muted-border:#dde5ee;
  --control-danger:#b33d49;
  --control-danger-bg:#fff4f5;
  --control-danger-border:#e8c6cb;
}
html[data-theme=dark] body.dashboard-page {
  --control-bg:var(--panel-soft);
  --control-hover:var(--hover);
  --control-border:#60718b;
  --control-muted-bg:var(--panel);
  --control-muted-text:var(--muted);
  --control-muted-border:var(--border);
  --control-danger:var(--danger-ink);
  --control-danger-bg:var(--danger-soft);
  --control-danger-border:var(--danger-border);
}
body.dashboard-page .top-actions :is(.btn,.theme-toggle) {
  min-height:40px;
  border-radius:9px;
  line-height:1.45;
}
body.dashboard-page .btn.danger {
  color:var(--control-danger);
  background:var(--control-bg);
  border-color:var(--control-danger-border);
  box-shadow:none;
}
body.dashboard-page .btn.danger:hover:not(:disabled) {
  color:var(--control-danger);
  background:var(--control-danger-bg);
  border-color:var(--control-danger);
}
body.dashboard-page .btn:is(:disabled,:has(input:disabled)),
html[data-theme=dark] body.dashboard-page .btn:is(:disabled,:has(input:disabled)) {
  opacity:1;
  background:var(--control-muted-bg);
  color:var(--control-muted-text);
  border-color:var(--control-muted-border);
  box-shadow:none;
  transform:none;
  cursor:not-allowed;
}
body.dashboard-page .field input:is([type=checkbox],[type=radio]),
body.dashboard-page .toggle-label input,
body.dashboard-page .role-reviewer-options input {
  padding:0;
  min-height:0;
  margin:0;
  flex:0 0 auto;
  box-shadow:none;
}
body.dashboard-page .field input:is([type=checkbox],[type=radio]) {
  width:18px;
  height:18px;
}
body.dashboard-page .role-reviewer-options input {
  width:18px!important;
  height:18px!important;
  min-height:0!important;
}
body.dashboard-page .toggle-label {line-height:1.6;}
body.dashboard-page :is(.question-actions,.role-row-actions) {align-items:center;gap:8px;}
body.dashboard-page .question-actions .btn:not(.danger),
body.dashboard-page .role-row-actions .btn {
  width:38px;
  min-width:38px;
  height:38px;
  min-height:38px;
  padding:0;
  font-size:16px;
  line-height:1;
}
body.dashboard-page .question-actions .btn.danger,
body.dashboard-page .role-row-actions .link-button {
  min-height:38px;
  padding:8px 12px;
  line-height:1.45;
  font-size:13px;
}
body.dashboard-page .role-row-actions .link-button {
  color:var(--control-danger);
  border:1px solid var(--control-danger-border);
  border-radius:9px;
  text-decoration:none;
  background:var(--control-bg);
}
body.dashboard-page .role-row-actions .link-button:hover:not(:disabled) {
  background:var(--control-danger-bg);
}
body.dashboard-page :is(.panel-media-actions .btn,.panel-image-editor>.btn) {
  min-height:38px;
  font-size:13px;
  padding:8px 12px;
}
body.dashboard-page .settings-savebar {border-radius:12px;box-shadow:0 4px 18px #17324e0c;}
body.dashboard-page :is(.settings-savebar,.role-savebar) .form-actions {align-items:center;}
body.dashboard-page .panel-presets button {transform:none;}
body.dashboard-page .panel-presets button:hover:not(:disabled) {transform:none;}
body.dashboard-page :is(.field,.panel-image-editor) select:not([multiple]):not([size]),
body.dashboard-page .server-picker select {
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23607794' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:16px;
  padding-right:38px;
}
body.dashboard-page .server-picker select {background-position:right 2px center;padding-right:24px;}
html[data-theme=dark] body.dashboard-page :is(.field,.panel-image-editor) select:not([multiple]):not([size]),
html[data-theme=dark] body.dashboard-page .server-picker select {
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23b6cae4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html[data-theme=dark] body.owner-page .owner-dialog-body .field :is(input,textarea,select):focus {background-color:var(--control);border-color:var(--accent);
}
body.owner-page .top-actions>.btn {display:inline-flex;}
@media(max-width:780px) {
  body.dashboard-page :is(.case-compose textarea,.search-row input,.search-row select) {font-size:16px;}
  body.dashboard-page :is(.question-actions .btn:not(.danger),.role-row-actions .btn) {
    width:44px;min-width:44px;height:44px;min-height:44px;
  }
  body.dashboard-page :is(.question-actions .btn.danger,.role-row-actions .link-button) {min-height:44px;}
  body.dashboard-page :is(.panel-media-actions .btn,.panel-image-editor>.btn) {min-height:44px;}
  body.dashboard-page .settings-savebar .btn {min-height:44px;font-size:13px;line-height:1.55;}
  body.dashboard-page .settings-savebar .form-actions {align-items:stretch;}
}
@media(max-width:560px) {
  body.dashboard-page .settings-savebar .form-actions {display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;}
  body.dashboard-page .settings-savebar #setup-back {min-width:82px;}
  body.dashboard-page .settings-savebar .btn.primary {grid-column:1/-1;}
  body.dashboard-page .settings-savebar .form-actions:has(#setup-back[hidden]) .btn {grid-column:1/-1;}
  body.dashboard-page .settings-savebar {padding:12px;}
}
@media(max-width:780px) and (max-height:500px) {
  body.dashboard-page :is(.settings-savebar,.role-savebar) {position:static;bottom:auto;}
}

html[data-theme=dark] body.dashboard-page .server-picker select {background-position:right 2px center;}

body.dashboard-page :is(.case-workspace,.ticket-pagination) .btn:disabled {opacity:1;cursor:not-allowed;}

/* Navigation text and entitlement badges have separate, stable columns. */
body.dashboard-page .sidebar nav button {
  gap:9px;
  padding-inline:12px;
  font-size:13px;
  line-height:1.45;
  white-space:nowrap;
}
body.dashboard-page .sidebar nav button>span:not(.nav-label) {
  flex:0 0 20px;
  width:20px;
  font-size:20px;
}
body.dashboard-page .sidebar nav button .nav-label {
  flex:1 1 auto;
  min-width:0;
  width:auto;
  font:inherit;
  text-align:left;
  line-height:1.45;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.dashboard-page .sidebar nav button em {
  flex:0 0 auto;
  margin-left:0;
  padding:3px 6px;
  font-size:12px;
  line-height:1.4;
  letter-spacing:0;
  white-space:nowrap;
}
@media(max-width:780px) {
  body.dashboard-page .sidebar nav button {font-size:13px;min-width:max-content;}
  body.dashboard-page .sidebar nav button .nav-label {flex:none;overflow:visible;}
}

/* Role forms keep the question tools and member preview visibly separate. */
body.dashboard-page .role-form-tools {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:16px;
}
body.dashboard-page .role-form-tools h3 {font-size:17px;line-height:1.6;margin:0 0 5px;}
body.dashboard-page .role-form-tools p {font-size:13px;line-height:1.85;margin:0;color:var(--muted);}
body.dashboard-page .role-form-tools>span {font-size:13px;color:var(--muted);}
body.dashboard-page .role-form-tools .btn {min-height:38px;font-size:13px;}
body.dashboard-page .role-form-limit {font-size:13px;line-height:1.85;color:var(--muted);margin:12px 0 18px;}
body.dashboard-page .role-question-heading {align-items:flex-start;flex-wrap:wrap;gap:12px;}
body.dashboard-page .role-question-heading .role-row-actions {flex-wrap:wrap;gap:6px;}
body.dashboard-page .role-row-actions .role-question-copy {
  color:var(--ink);
  background:var(--control-bg);
  border-color:var(--control-border);
}
body.dashboard-page .role-row-actions .role-question-copy:hover:not(:disabled) {background:var(--control-hover);}
body.dashboard-page .role-form-preview {
  padding:18px;
  margin-top:22px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f4f8ff;
}
body.dashboard-page .role-form-preview h3 {font-size:15px;line-height:1.6;margin:0 0 6px;}
body.dashboard-page .role-form-preview>p {font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 16px;}
body.dashboard-page .role-form-modal {padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--control-bg);}
body.dashboard-page .role-form-modal-heading {font-size:15px;font-weight:600;line-height:1.7;overflow-wrap:anywhere;padding-bottom:12px;border-bottom:1px solid var(--line);}
body.dashboard-page .role-form-preview-question {margin-top:15px;}
body.dashboard-page .role-form-preview-label {font-size:12px;font-weight:600;line-height:1.65;overflow-wrap:anywhere;margin-bottom:7px;}
body.dashboard-page .role-form-preview-label em {font-style:normal;color:var(--control-danger);}
body.dashboard-page .role-form-preview-answer {padding:10px 12px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#f9fbfe;font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;}
body.dashboard-page .role-form-preview-answer.paragraph {min-height:74px;}
body.dashboard-page .role-form-preview-meta {font-size:10px;line-height:1.8;color:var(--muted);margin-top:5px;}
body.dashboard-page .role-form-preview-footer {font-size:11px;line-height:1.85;color:var(--muted);padding-top:13px;margin-top:16px;border-top:1px solid var(--line);}
html[data-theme=dark] body.dashboard-page .role-form-preview {background:var(--panel-soft);border-color:var(--border);}
html[data-theme=dark] body.dashboard-page .role-form-preview-answer {background:var(--control);border-color:var(--control-border);color:var(--muted);}
@media(max-width:780px) {
  body.dashboard-page .role-form-tools .btn {min-height:44px;}
  body.dashboard-page .role-question-heading .role-row-actions {width:100%;justify-content:flex-start;}
  body.dashboard-page .role-form-preview {padding:15px;}
  body.dashboard-page .role-form-modal {padding:13px;}
}

body.dashboard-page .role-form-tools strong {font-size:13px;font-weight:600;}
body.dashboard-page .role-form-modal-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
body.dashboard-page .role-form-modal-heading h4 {font:inherit;margin:0;}
body.dashboard-page .role-form-modal-heading>span {font-size:21px;line-height:1;color:var(--muted);}
body.dashboard-page .role-form-preview-label {display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
body.dashboard-page .role-form-preview-label b {color:var(--control-danger);}
body.dashboard-page .role-form-preview-label small {font-size:10px;font-weight:400;color:var(--muted);flex:none;}
body.dashboard-page .role-form-preview-meta {display:block;}
body.dashboard-page .role-form-preview-footer {display:flex;justify-content:flex-end;gap:8px;}
body.dashboard-page .role-form-preview-footer>span {display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid var(--line);border-radius:7px;min-height:34px;}
body.dashboard-page .role-form-preview-footer>span:last-child {background:#5865f2;border-color:#5865f2;color:#fff;}

/* Keep the field identified by a validation message clear in both themes. */
body.dashboard-page .validation-target {
  outline:2px solid var(--control-danger, #d64563);
  outline-offset:4px;
  scroll-margin-block:110px 150px;
}
body.dashboard-page label:has(>.sr-only.validation-target) {outline:2px solid var(--control-danger, #d64563);outline-offset:4px;}
body.dashboard-page .sr-only.validation-target {outline:none;}

/* Task-oriented setup: required choices first, optional tools on demand. */
body.dashboard-page .field-requirement {display:inline-block;margin-left:6px;padding:2px 7px;border-radius:6px;background:#e8f1ff;color:#2463b0;font-size:12px;font-weight:500;vertical-align:middle;}
body.dashboard-page .setup-optional-heading {margin:30px 0 14px;}
body.dashboard-page .setup-optional-heading h3 {font-size:16px;margin:0 0 5px;}
body.dashboard-page .setup-optional-heading p {font-size:13px;line-height:1.8;color:var(--muted);margin:0;}
body.dashboard-page .setup-optional-section {margin:18px 0 0;border-top:1px solid var(--line);padding-top:16px;}
body.dashboard-page .setup-optional-section>summary,body.dashboard-page .setup-premium-tools>summary {font-size:13px;font-weight:600;line-height:1.8;cursor:pointer;color:var(--ink);padding:8px 0;}
body.dashboard-page .setup-optional-section[open]>summary {margin-bottom:12px;}
body.dashboard-page .setup-premium-tools {padding:20px 24px;background:var(--control-bg,#fff);border:1px solid var(--line);border-radius:14px;margin:20px 0;}
body.dashboard-page .setup-premium-tools .followup-settings {margin-bottom:0;}
body.dashboard-page .setup-forms-intro {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;}
body.dashboard-page .setup-forms-intro .btn {flex:none;}
body.dashboard-page .setup-launch-instructions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;counter-reset:launch-step;margin:20px 0 24px;padding:0;}
body.dashboard-page .setup-launch-instructions li {padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--control-bg,#fff);font-size:13px;line-height:1.8;}
body.dashboard-page .setup-launch-instructions li:before {counter-increment:launch-step;content:counter(launch-step);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#e8f1ff;color:#2463b0;margin-bottom:8px;font-weight:600;}
body.dashboard-page .setup-launch-instructions strong,body.dashboard-page .setup-launch-instructions span {display:block;}
body.dashboard-page .setup-launch-instructions span {color:var(--muted);margin-top:4px;}
body.dashboard-page .overview-setup {margin-top:0;}
body.dashboard-page .overview-setup-hint {font-size:13px;line-height:1.8;color:var(--muted);margin:8px 0 15px;}
body.dashboard-page .overview-setup-item {width:100%;display:flex;align-items:center;gap:12px;padding:12px 0;background:none;border:none;border-top:1px solid var(--line);text-align:left;color:var(--ink);cursor:pointer;}
body.dashboard-page .overview-setup-item>span:last-child {margin-left:auto;color:var(--muted);}
body.dashboard-page .overview-step-copy {min-width:0;flex:1;}
body.dashboard-page .overview-step-copy strong,body.dashboard-page .overview-step-copy small {display:block;}
body.dashboard-page .overview-step-copy strong {font-size:13px;font-weight:600;}
body.dashboard-page .overview-step-copy small {font-size:13px;line-height:1.7;color:var(--muted);margin-top:3px;}
body.dashboard-page .overview-step-status {display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;background:var(--control-hover,#edf4fc);color:var(--muted);font-size:14px;}
body.dashboard-page .overview-step-status.complete {color:#167451;background:#e8f8f0;}
body.dashboard-page .overview-help p {font-size:13px;line-height:1.95;}
body.dashboard-page .overview-help .link-button {margin-left:10px;}

body.dashboard-page .role-bot-help {padding:13px 18px;margin-bottom:20px;}
body.dashboard-page .role-bot-help>summary {font-size:13px;font-weight:600;cursor:pointer;}
body.dashboard-page .role-bot-help>strong {display:block;font-size:13px;margin-top:12px;}
body.dashboard-page .role-setup-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;}
body.dashboard-page .role-setup-tab {display:flex;align-items:center;gap:12px;min-width:0;min-height:76px;border:1px solid var(--line);border-radius:12px;background:var(--control-bg,#fff);padding:15px;text-align:left;cursor:pointer;color:var(--muted);}
body.dashboard-page .role-setup-tab>span:first-child {display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:9px;background:var(--control-hover,#f1f5fa);font-size:13px;font-weight:600;}
body.dashboard-page .role-setup-tab>span:last-child {min-width:0;}
body.dashboard-page .role-setup-tab strong,body.dashboard-page .role-setup-tab small {display:block;}
body.dashboard-page .role-setup-tab strong {font-size:13px;line-height:1.7;color:var(--ink);font-weight:600;}
body.dashboard-page .role-setup-tab small {font-size:13px;line-height:1.7;margin-top:3px;}
body.dashboard-page .role-setup-tab.active {border-color:#81b5ff;box-shadow:inset 0 0 0 1px #81b5ff;background:#edf5ff;}
body.dashboard-page .role-setup-tab.active>span:first-child {color:#fff;background:#1769ef;}
body.dashboard-page .role-setup-pane {scroll-margin-block:95px 185px;}
body.dashboard-page .role-setup-pane[hidden],body.dashboard-page .role-savebar button[hidden] {display:none!important;}
body.dashboard-page .role-configuration-heading p {font-size:13px;line-height:1.85;color:var(--muted);margin:8px 0 0;}
body.dashboard-page .role-review-card {padding:25px;margin-bottom:25px;}
body.dashboard-page .role-review-card>.eyebrow {font-size:13px;letter-spacing:1.2px;color:var(--muted);}
body.dashboard-page .role-review-card h2 {font-size:21px;margin:7px 0 9px;}
body.dashboard-page .role-review-card>p {font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 16px;}
body.dashboard-page .role-review-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 23px;}
body.dashboard-page .role-summary-item {min-width:0;padding:15px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--control-bg,#f8fbff);color:var(--ink);cursor:pointer;}
body.dashboard-page .role-summary-item span,body.dashboard-page .role-summary-item strong,body.dashboard-page .role-summary-item small {display:block;overflow-wrap:anywhere;}
body.dashboard-page .role-summary-item span {font-size:13px;color:var(--muted);}
body.dashboard-page .role-summary-item strong {font-size:13px;line-height:1.75;margin:5px 0;font-weight:600;}
body.dashboard-page .role-summary-item small {font-size:13px;color:#2463b0;}
body.dashboard-page .role-summary-item:hover {border-color:#81b5ff;}
body.dashboard-page .role-launch-toggle {font-size:13px;padding-top:5px;}
body.dashboard-page .role-savebar>div.role-save-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
body.dashboard-page .role-savebar .btn {min-height:44px;line-height:1.55}
body.dashboard-page .role-savebar #role-step-position {color:var(--muted);margin-top:0;margin-bottom:3px;}
body.dashboard-page .role-savebar #role-next-hint {font-size:13px;}
body.dashboard-page .role-dormant-questions {margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:12px;}
body.dashboard-page .role-dormant-questions>summary {font-size:13px;font-weight:600;cursor:pointer;}
body.dashboard-page .role-dormant-questions[open]>summary {margin-bottom:15px;}
body.dashboard-page .role-dormant-questions .role-form-preview {display:none;}
body.dashboard-page .role-bot-help {padding:10px 16px;}
body.dashboard-page .role-panels-bar {margin:16px 0;}
body.dashboard-page .role-setup-tabs {margin:15px 0;}
body.dashboard-page .role-setup-tab {min-height:64px;padding:11px 14px;}
body.dashboard-page .role-configuration-heading {margin-bottom:15px;}
html[data-theme=dark] body.dashboard-page :is(.field-requirement,.setup-launch-instructions li:before) {background:var(--blue-soft);color:var(--accent);}
html[data-theme=dark] body.dashboard-page .overview-step-status.complete {background:var(--success-soft);color:var(--success-ink);}
html[data-theme=dark] body.dashboard-page .role-setup-tab.active {background:var(--blue-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);}
html[data-theme=dark] body.dashboard-page .role-summary-item small {color:var(--accent);}
@media(max-width:1100px) {
 body.dashboard-page .role-review-summary {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.dashboard-page .role-setup-tab {gap:8px;padding:12px;}
}
@media(max-width:780px) {
 body.dashboard-page .setup-forms-intro {flex-direction:column;gap:12px;}
 body.dashboard-page .setup-launch-instructions {grid-template-columns:1fr;gap:8px;}
 body.dashboard-page .setup-launch-instructions li {padding:13px 16px;}
 body.dashboard-page .setup-launch-instructions li:before {float:left;margin:2px 12px 0 0;}
 body.dashboard-page .setup-premium-tools {padding:15px 18px;}
 body.dashboard-page .role-setup-tabs {gap:6px;margin:15px 0;}
 body.dashboard-page .role-setup-tab {min-height:70px;padding:10px 8px;gap:7px;}
 body.dashboard-page .role-setup-tab>span:first-child {width:23px;height:23px;border-radius:7px;font-size:11px;}
 body.dashboard-page .role-setup-tab strong {font-size:13px;line-height:1.6;}
 body.dashboard-page .role-setup-tab small {display:none;}
 body.dashboard-page .role-review-card {padding:20px;}
 body.dashboard-page .role-review-summary {gap:8px;}
 body.dashboard-page .role-summary-item {padding:12px;}
 body.dashboard-page .role-setup-pane {scroll-margin-block:78px 210px;}
 body.dashboard-page .role-savebar>div.role-save-actions {width:100%;display:flex;gap:7px;}
 body.dashboard-page .role-save-actions>#role-setup-next,body.dashboard-page .role-save-actions>#role-publish {flex:1;}
 body.dashboard-page .role-savebar .btn {font-size:13px;padding:10px 12px;line-height:1.55}
}
@media(max-width:780px) {
  body.dashboard-page .validation-target {scroll-margin-block:90px 180px;}
}
/* Compact server switcher: names, search, and one status per group. */
body.dashboard-page .server-picker{display:block;padding:12px;background:var(--surface,#fff)}
body.dashboard-page .server-picker .server-picker-label{margin:0 0 5px;color:var(--muted);font-size:13px;font-weight:500}
body.dashboard-page .server-picker-button{width:100%;display:flex;align-items:center;gap:10px;padding:2px 0;min-height:30px;background:transparent;border:0;border-radius:5px;text-align:left;color:var(--ink);font-family:inherit;cursor:pointer}
body.dashboard-page .server-picker-button #server-picker-name{margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:13px;font-weight:650;line-height:1.6}
body.dashboard-page .server-picker-button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
body.dashboard-page .server-picker-button:disabled{cursor:default;opacity:.6}
body.dashboard-page .server-picker-chevron{width:16px;height:16px;flex:none;color:var(--muted)}
body.dashboard-page #server-picker-status{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:13px;color:var(--muted);line-height:1.4}
body.dashboard-page #server-picker-status.is-connected:before{content:'';width:5px;height:5px;border-radius:50%;background:#21a179}
body.dashboard-page .server-picker select[hidden]{display:none!important}
.server-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);color:var(--ink);box-shadow:0 24px 70px #10264126;overflow:hidden;}
.server-dialog::backdrop{background:#10243b36;backdrop-filter:blur(2px)}
.server-dialog[open]{display:flex;flex-direction:column}
.server-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:23px 24px 16px;flex:none}
.server-dialog-heading h2{margin:0;font-size:19px;font-weight:700;line-height:1.5}.server-dialog-heading p{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.6}
.server-dialog-close{display:grid;place-items:center;flex:none;width:32px;height:32px;margin:-3px -5px 0 0;background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer}.server-dialog-close svg{width:18px;height:18px}.server-dialog-close:hover{background:var(--soft,#f3f7fc);color:var(--ink)}
.server-dialog-search{margin:0 24px 8px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg,#f7faff);flex:none}.server-dialog-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1769ef12}.server-dialog-search>svg{width:17px;height:17px;flex:none;color:var(--muted)}
.server-dialog-search input{display:block;width:100%;min-width:0;padding:0;border:0;outline:0;border-radius:0;background:transparent;color:var(--ink);font-family:inherit;font-size:13px;line-height:1.6;box-shadow:none}.server-dialog-search input::placeholder{color:var(--muted)}
html[data-theme] body.dashboard-page .server-dialog-search input:focus-visible{outline:0;box-shadow:none}
.server-result-count{margin:0 24px 8px;min-height:0;font-size:13px;color:var(--muted);flex:none}.server-result-count:empty{display:none}
.server-picker-results{overflow-y:auto;overscroll-behavior:contain;min-height:0;max-height:350px;padding:5px 12px 10px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.server-option-group h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px 12px 7px;font-size:11px;font-weight:600;color:var(--muted)}.server-option-group h3 span{font-size:10px;font-weight:500}
.server-option{display:flex;align-items:center;width:100%;min-height:50px;gap:11px;margin:2px 0;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-family:inherit;text-align:left;cursor:pointer}.server-option:hover{background:var(--soft,#f3f7fc)}.server-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--soft,#f3f7fc)}.server-option.is-selected{background:var(--accent-soft,#edf4ff)}
.server-option-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff);color:var(--muted);font-size:13px;font-weight:650;line-height:1}.server-option-name{flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.55;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.server-option.is-selected .server-option-name{font-weight:650;color:var(--accent)}.server-option-check{height:17px;width:17px;flex:none;color:var(--accent)}
.server-other-group{border-top:1px solid var(--line);margin-top:9px;padding-top:5px}.server-other-group:first-child{border-top:0;margin-top:0;padding-top:0}.server-more{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-family:inherit;text-align:left;font-size:13px;cursor:pointer}.server-more small{margin-left:5px;font-size:13px}.server-more>svg{height:15px;width:15px;flex:none}.server-more[aria-expanded="true"]>svg{transform:rotate(180deg)}.server-more:hover:not(:disabled){color:var(--ink);background:var(--soft,#f3f7fc)}.server-more:disabled{cursor:default;opacity:1}.server-more:disabled>svg{display:none}.server-more:focus-visible,.server-dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.server-other-note{margin:8px 12px 3px;color:var(--muted);font-size:13px;line-height:1.65}.server-picker-empty{padding:25px 12px;text-align:center}.server-picker-empty strong{font-size:13px;font-weight:600}.server-picker-empty p{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.7}.server-dialog-footnote{padding:12px 24px 16px;margin:0;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.6;flex:none}
html[data-theme="dark"] .server-dialog{background:var(--panel);border-color:var(--border);box-shadow:0 24px 70px #0007}html[data-theme="dark"] .server-dialog::backdrop{background:#05090f99}html[data-theme="dark"] .server-dialog-search{background:var(--control);border-color:var(--border)}html[data-theme="dark"] .server-option-avatar{background:var(--panel-soft);border-color:var(--border)}html[data-theme="dark"] .server-option.is-selected{background:var(--blue-soft)}html[data-theme="dark"] .server-option.is-selected .server-option-name,html[data-theme="dark"] .server-option-check{color:var(--accent)}html[data-theme="dark"] .server-option:hover,html[data-theme="dark"] .server-option:focus-visible,html[data-theme="dark"] .server-more:hover:not(:disabled),html[data-theme="dark"] .server-dialog-close:hover{background:var(--hover)}
@media(max-width:540px){body.dashboard-page .server-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;padding:10px 13px}body.dashboard-page .server-picker .server-picker-label{font-size:13px;margin:0}body.dashboard-page .server-picker-button{min-height:44px}body.dashboard-page .server-picker-button #server-picker-name{font-size:13px}body.dashboard-page #server-picker-status{margin-top:2px}.server-dialog{max-height:calc(100dvh - 32px);border-radius:15px}.server-dialog-heading{padding:18px 18px 12px}.server-dialog-search{margin-inline:18px}.server-dialog-search input{font-size:16px}.server-result-count{margin-inline:18px}.server-picker-results{max-height:min(350px,50dvh);padding-inline:9px}.server-option{min-height:52px}.server-dialog-footnote{padding:11px 18px 14px}}
.ai-lock{border:0;padding:0;margin:0;min-width:0}.ai-lock:disabled{opacity:.6}