:root{--note-bg:#fff8d6;--note-border:#e6c84f;--note-text:#4a3b00}.list-actions{align-items:center;gap:8px;display:flex}.list-actions .new-conversation-button{flex:1;justify-content:center;padding:8px 12px;font-size:.9rem}.inbox .icon-button{width:38px;height:38px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:8px;flex:none;justify-content:center;padding:0}.inbox .icon-button[aria-pressed=true]{color:var(--color-primary);background:var(--tint);border-color:var(--color-primary)}.notify-problem{border-radius:6px}.team-chip{max-width:7.5em;color:var(--color-text);background:color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 6px;font-size:.7rem;font-weight:600;line-height:18px;display:inline-flex}.team-chip.mine{color:var(--color-primary);background:var(--tint)}.team-chip.free{color:#1a6b3a;background:#e3f5ea}.team-chip-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.assign-bar{background:color-mix(in srgb, var(--color-text) 3%, var(--color-surface));border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:6px 12px;padding:6px 16px;font-size:.85rem;display:flex}.assign-who{min-width:10em;color:var(--muted);flex:1;margin:0}.assign-actions{flex-wrap:wrap;gap:6px;display:flex}.inbox .assign-bar button{border-radius:6px;padding:4px 12px;font-size:.85rem}.inbox .assign-secondary{color:var(--color-text);border:1px solid var(--line);background:0 0}.assign-menu-wrap{position:relative}.assign-menu{z-index:5;background:var(--color-surface);border:1px solid var(--line);border-radius:8px;min-width:12em;max-height:14em;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 6px 20px #0000002e}.inbox .assign-menu button{text-align:left;width:100%;color:var(--color-text);background:0 0;justify-content:flex-start;font-weight:500}.inbox .assign-menu button:hover{background:var(--tint)}.assign-error{text-align:left;flex-basis:100%;margin:0}.note-card{border:1px dashed var(--note-border);background:var(--note-bg);width:min(100%,560px);color:var(--note-text);border-radius:8px;align-self:stretch;margin:10px auto;padding:8px 12px}.note-label{letter-spacing:.01em;margin:0 0 2px;font-size:.75rem;font-weight:700}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.note-foot{opacity:.8;margin:4px 0 0;font-size:.72rem}.inbox .note-card .link{color:var(--note-text)}.inbox .note-card .link.danger{color:var(--danger)}.note-confirm{background:#fff9;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;margin:6px 0 0;padding:6px 8px;font-size:.82rem;display:flex}.note-card .failure{text-align:left}.composer{position:relative}.composer.note-mode{background:var(--note-bg);border-top-color:var(--note-border)}.composer.note-mode textarea{border-color:var(--note-border);background:#fffdf0}.composer.note-mode textarea:focus-visible{outline-color:var(--note-border)}.mode-switch{background:color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:999px;margin:0 0 8px;padding:2px;display:inline-flex}.inbox .mode-switch button{color:var(--color-text);background:0 0;border-radius:999px;padding:3px 14px;font-size:.82rem;font-weight:600}.inbox .mode-switch button[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary)}.inbox .mode-switch button.note[aria-pressed=true]{background:var(--note-border);color:var(--note-text)}.note-explain{color:var(--note-text);margin:0 0 6px;font-size:.8rem;font-weight:600}.inbox .send.save-note{background:var(--note-border);width:auto;height:42px;color:var(--note-text);border-radius:21px;padding:0 16px}.quick-picker{z-index:6;background:var(--color-surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;max-height:min(340px,55dvh);padding:8px;display:flex;position:absolute;bottom:calc(100% - 4px);left:max(16px,50% - 380px);right:max(16px,50% - 380px);box-shadow:0 -4px 20px #00000029}.quick-picker input{width:100%;font:inherit;color:inherit;border:1px solid var(--line);background:var(--color-background);border-radius:8px;padding:8px 12px}.quick-picker ul{margin:0;padding:0;list-style:none;overflow-y:auto}.quick-picker li{cursor:pointer;border-radius:6px;gap:1px;padding:6px 10px;display:grid}.quick-picker li[aria-selected=true]{background:var(--tint);outline:1px solid var(--color-primary)}.quick-picker li span{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:.85rem;overflow:hidden}.quick-picker .hint{padding:12px}.new-conversation .field{gap:4px;margin:0 0 12px;font-size:.9rem;font-weight:600;display:grid}.new-conversation .field input,.new-conversation .field select{width:100%;font:inherit;color:inherit;border:1px solid var(--line);background:var(--color-background);border-radius:8px;padding:9px 12px;font-weight:400}.new-conversation .field-note{color:var(--muted);margin:-6px 0 12px;font-size:.82rem}.new-conversation .field-note.problem{color:var(--danger)}.new-conversation .field-note.info{color:var(--note-text);background:var(--note-bg);border-radius:6px;margin:4px 0 0;padding:8px 10px}.new-conversation .secondary{color:var(--color-text);border:1px solid var(--line);background:0 0}.new-conversation .dialog-actions button{width:auto;padding:9px 16px}@media (width<=767px){.assign-bar{padding:6px 12px}.inbox .icon-button,.inbox .assign-bar button{min-height:36px}.quick-picker{left:8px;right:8px}}.crm-form{gap:14px;max-width:640px;margin:0 0 24px;display:grid}.crm-field{gap:4px;display:grid}.crm-field input{font:inherit;border:1px solid color-mix(in srgb, var(--color-text) 25%, transparent);background:var(--color-background);color:var(--color-text);border-radius:8px;padding:10px 12px}.crm-hint{opacity:.75;margin:0;font-size:.85rem}.crm-help{background:var(--color-surface);border-radius:12px;max-width:640px;margin:0 0 24px;padding:14px 16px}.crm-help ul{margin:8px 0 0;padding-left:20px}.crm-check{align-items:center;gap:8px;display:flex}.crm-actions{flex-wrap:wrap;gap:8px;display:flex}.crm-dialog{background:var(--color-background);max-width:420px;color:var(--color-text);border:0;border-radius:12px;padding:20px}.crm-panel{background:var(--color-surface);border-radius:12px;gap:8px;margin:8px 0;padding:10px 12px;font-size:.9rem;display:grid}.crm-panel p{overflow-wrap:anywhere;margin:0}.crm-panel .crm-panel-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=700px){.crm-actions button{flex:100%}}.users-list{gap:8px;margin:0 0 32px;padding:0;list-style:none;display:grid}.users-row{background:var(--color-surface);border-radius:12px;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.users-who{min-width:0;display:grid}.users-who strong,.users-email{overflow-wrap:anywhere}.users-email{color:var(--muted);font-size:.85rem;font-weight:400}.users-badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.8rem}.users-badge.active{color:#05603a;background:#ecfdf3}.users-badge.pending{color:#93370d;background:#fffaeb}.users-badge.inactive{color:#475467;background:#f2f4f7}.users-actions{gap:8px;display:flex}.users select,.users input[type=email],.users input[type=text]{border:1px solid var(--line);font:inherit;color:var(--color-text);background:var(--color-surface);border-radius:8px;padding:8px 10px}.users-visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.users-access h2{color:var(--color-accent);margin:0 0 4px;font-size:1.15rem}.users-hint{color:var(--muted);margin:0 0 12px}.users-channel{background:var(--color-surface);border:0;border-radius:12px;gap:8px;margin:0 0 12px;padding:16px;display:grid}.users-channel legend{float:left;width:100%;margin-bottom:8px;padding:0;font-weight:600}.users-choice{align-items:center;gap:8px;min-height:32px;display:flex}.users-checks{gap:2px;padding-left:24px;display:grid}.users-save{justify-content:flex-end;display:flex}.users-dialog{width:min(520px,100vw - 32px);color:var(--color-text);background:var(--color-surface);border:0;border-radius:12px;padding:24px}.users-dialog::backdrop{background:#00000073}.users-dialog h2{color:var(--color-accent);margin:0 0 8px;font-size:1.2rem}.users-field{gap:4px;margin-bottom:12px;display:grid}@media (width<=699px){.users-row{grid-template-columns:1fr auto}.users-role,.users-actions{grid-column:1/-1}.users-role select{width:100%}}.quickreplies-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.quickreplies-item{background:var(--color-surface);border-radius:12px;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.quickreplies-text{flex:1;min-width:0}.quickreplies-text p{-webkit-line-clamp:3;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}.quickreplies-actions{gap:8px;display:flex}.quickreplies-dialog{width:min(560px,100vw - 32px);color:var(--color-text);background:var(--color-surface);border:0;border-radius:12px;padding:24px}.quickreplies-dialog::backdrop{background:#00000073}.quickreplies-dialog h2{color:var(--color-accent);margin:0 0 12px;font-size:1.2rem}.quickreplies-field{gap:4px;margin-bottom:12px;display:grid}.quickreplies-field input,.quickreplies-field textarea{border:1px solid var(--line);font:inherit;color:var(--color-text);background:var(--color-surface);resize:vertical;border-radius:8px;padding:8px 10px}.quickreplies-count{color:var(--muted);font-size:.85rem}@media (width<=699px){.quickreplies-item{flex-direction:column;align-items:stretch}}.stats-controls{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:20px;display:flex}.stats-periods{gap:8px;display:flex}.stats-filter{color:var(--muted);gap:4px;font-size:.9rem;display:grid}.stats-filter select{border:1px solid var(--line);background:var(--color-surface);color:var(--color-text);font:inherit;border-radius:8px;padding:9px 12px}.stats-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.stats-tile{background:var(--color-surface);border:1px solid var(--line);border-radius:12px;align-content:start;gap:2px;padding:14px 16px;display:grid}.stats-tile strong{color:var(--color-accent);font-size:1.7rem;line-height:1.1}.stats-tile span{color:var(--color-text)}.stats-tile small,.stats-note{color:var(--muted)}.stats-warn strong{color:#b42318}.stats-card{background:var(--color-surface);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:16px}.stats-card h2{color:var(--color-accent);margin:0 0 8px;font-size:1.05rem}.stats-big{color:var(--color-accent);margin:0 0 4px;font-size:1.4rem;font-weight:600}.stats-note,.stats-chart{margin:0}.stats-chart svg{width:100%;max-width:640px;height:auto;display:block}.stats-grid{stroke:var(--line);stroke-width:1px}.stats-axis{fill:var(--muted);font-size:9px}.stats-bar-in{fill:var(--color-primary);background:var(--color-primary)}.stats-bar-out{fill:var(--color-accent);background:var(--color-accent)}.stats-legend{color:var(--muted);gap:16px;margin-top:6px;font-size:.9rem;display:flex}.stats-swatch{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.stats-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stats-scroll{overflow-x:auto}.stats-table{border-collapse:collapse;width:100%}.stats-table th,.stats-table td{text-align:right;border-bottom:1px solid var(--line);padding:8px 6px}.stats-table th:first-child{text-align:left;font-weight:600}.stats-table thead th{color:var(--muted);font-size:.85rem;font-weight:500}.stats-table small{color:var(--muted);font-weight:400}@media (width<=700px){.stats-tiles{grid-template-columns:repeat(2,1fr)}}.integrations-section{margin-bottom:36px}.integrations-section>header{align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.integrations-section>header>div{flex:1}.integrations-section h2{color:var(--color-accent);margin:0 0 4px;font-size:1.15rem}.integrations-section>header p,.integrations-muted{color:var(--muted);margin:0;font-size:.9rem}.integrations-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.integrations-list>li{border:1px solid var(--line);background:var(--color-surface);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.integrations-list>li>div:first-child{flex:1;min-width:0}.integrations-list p{margin:4px 0 0}.integrations-url{overflow-wrap:anywhere;display:block}.integrations-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.integrations-state{font-size:.9rem}.integrations-state.ok{color:#05603a}.integrations-state.bad{color:#b42318}.integrations-state.idle{color:var(--muted)}.integrations-revoked{color:var(--muted);margin-top:12px;font-size:.9rem}.integrations-revoked summary{cursor:pointer}.integrations-revoked ul{gap:4px;margin:8px 0 0;padding-left:22px;display:grid}.integrations-dialog{width:min(520px,100vw - 32px);color:var(--color-text);background:var(--color-surface);border:0;border-radius:12px;padding:24px}.integrations-dialog::backdrop{background:#00000073}.integrations-dialog h2{color:var(--color-accent);margin:0 0 12px;font-size:1.2rem}.integrations-field{gap:6px;margin-bottom:16px;font-weight:600;display:grid}.integrations-field input,.integrations-secret input{border:1px solid var(--line);width:100%;font:inherit;color:var(--color-text);background:var(--color-background);border-radius:8px;padding:10px 12px;font-weight:400}.integrations-dialog fieldset{border:0;gap:10px;margin:0 0 16px;padding:0;display:grid}.integrations-dialog legend{margin-bottom:8px;padding:0;font-weight:600}.integrations-check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.integrations-check input{margin-top:4px}.integrations-check strong,.integrations-check small{display:block}.integrations-check small{color:var(--muted)}.integrations-secret>div{gap:8px;margin-top:6px;display:flex}.integrations-secret input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.integrations-secret label{font-weight:600}.admin button.integrations-danger{color:#fff;background:#b42318}@media (width<=699px){.integrations-section>header,.integrations-list>li{flex-direction:column;align-items:stretch}.integrations-actions{justify-content:flex-start}}.integrations-table-wrap{overflow-x:auto}.integrations-table{border-collapse:collapse;width:100%;font-size:.9rem}.integrations-table th,.integrations-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border,#ddd);padding:8px 12px 8px 0}.integrations-table .visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.privacy-section{border:1px solid var(--line);background:var(--color-surface);border-radius:12px;margin:0 0 24px;padding:20px}.privacy-section h2{color:var(--color-accent);margin:0 0 6px;font-size:1.1rem}.privacy-section>p{color:var(--muted);margin:0 0 14px}.privacy-counts{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px;display:grid}.privacy-counts div{background:var(--color-background);text-align:center;border-radius:8px;padding:10px}.privacy-counts dt{color:var(--muted);font-size:.8rem}.privacy-counts dd{margin:0;font-size:1.2rem;font-weight:600}.privacy-choices{border:0;flex-direction:column;gap:8px;margin:0 0 14px;padding:0;display:flex}.privacy-choices legend{margin-bottom:6px;font-weight:600}.privacy-choices label{align-items:center;gap:8px;display:flex}.privacy-choices input[type=radio]{width:auto}.privacy-custom{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px 26px;display:flex}.privacy-custom input,.privacy-custom select{width:auto;min-width:90px}.privacy-presets{flex-wrap:wrap;gap:8px;display:flex}.privacy-warning{color:#7a2e0e;background:#fffaeb;border-radius:8px;margin:0 0 14px;padding:12px}.privacy-search{gap:8px;margin:0 0 14px;display:flex}.privacy-search input{flex:1;min-width:0}.privacy-results{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.privacy-result{border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.privacy-result>div:first-child{flex:1;min-width:0}.privacy-result strong,.privacy-result span{overflow-wrap:anywhere;display:block}.privacy-result span{color:var(--muted);font-size:.9rem}.privacy-result-actions{gap:8px;display:flex}.privacy-dialog{width:min(520px,100vw - 32px);color:var(--color-text);background:var(--color-surface);border:0;border-radius:12px;padding:24px}.privacy-dialog::backdrop{background:#00000073}.privacy-dialog h2{color:var(--color-accent);margin:0 0 8px;font-size:1.2rem}.privacy-dialog p{margin:0 0 12px}.privacy-dialog input{width:100%}.privacy-dialog button.danger{background:var(--danger);color:#fff}.privacy-dialog button:disabled{opacity:.5}@media (width<=699px){.privacy-counts{grid-template-columns:repeat(2,1fr)}.privacy-result{flex-direction:column;align-items:stretch}.privacy-result-actions button{flex:1}}.privacy-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.platform-totals{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px;display:grid}.platform-totals>div{background:var(--color-surface);border-radius:12px;padding:14px 16px}.platform-totals dt{color:var(--muted);font-size:.85rem}.platform-totals dd{color:var(--color-accent);margin:4px 0 0;font-size:1.6rem;font-weight:600}.platform-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.platform-card{background:var(--color-surface);border-radius:12px;gap:10px;padding:18px 20px;display:grid}.platform-card.off{opacity:.8}.platform-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.platform-title h2{overflow-wrap:anywhere;flex:auto;margin:0;font-size:1.1rem}.platform-own,.platform-badge{border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.8rem}.platform-badge.on{color:#05603a;background:#ecfdf3;border-color:#0000}.platform-badge.off{color:#991b1b;background:#fef2f2;border-color:#0000}.platform-address{overflow-wrap:anywhere;color:var(--color-accent)}.platform-facts{grid-template-columns:repeat(4,1fr);gap:12px;margin:0;display:grid}.platform-facts dt{color:var(--muted);font-size:.8rem}.platform-facts dd{margin:2px 0 0}.platform-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.platform-dialog{width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--color-text);background:var(--color-surface);border:0;border-radius:12px;padding:24px}.platform-dialog::backdrop{background:#00000073}.platform-dialog h2{color:var(--color-accent);margin:0 0 8px;font-size:1.2rem}.platform-field{gap:4px;margin-bottom:14px;display:grid}.platform-hint{color:var(--muted)}.platform-error{color:#991b1b}.platform-steps{gap:10px;margin:0 0 8px;padding-left:22px;display:grid}@media (width<=699px){.platform-totals{grid-template-columns:1fr}.platform-facts{grid-template-columns:1fr 1fr}.platform-foot{flex-direction:column;align-items:stretch}}.platform-signups{gap:12px;margin-bottom:24px;display:grid}.platform-signups>h2{margin:0;font-size:1.1rem}.platform-signup-actions{gap:8px;display:flex}.theme-layout{grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:start;gap:1.5rem;display:grid}.theme-form{gap:1rem;display:grid}.theme-field,.theme-color{gap:.25rem;display:grid}.theme-field input[type=text],.theme-field input[type=url],.theme-color input[type=text]{box-sizing:border-box;width:100%;font:inherit;padding:.5rem .6rem}.theme-hint{color:#4b5563;font-weight:400;display:block}.theme-bad{color:#b91c1c}.theme-colors{border:1px solid #d1d5db;border-radius:.5rem;gap:.9rem;min-width:0;padding:.75rem 1rem;display:grid}.theme-colors legend{padding:0 .4rem;font-weight:600}.theme-color-inputs{align-items:center;gap:.5rem;display:flex}.theme-color-inputs input[type=color]{flex:none;width:3rem;height:2.5rem;padding:0}.theme-color-inputs input[type=text]{max-width:9rem;font-family:ui-monospace,monospace}.theme-actions{flex-wrap:wrap;gap:.5rem;display:flex}.theme-preview-wrap h2{margin-top:0;font-size:1.1rem}.theme-preview{background:var(--color-background);color:var(--color-text);border:1px solid #d1d5db;border-radius:.5rem;overflow:hidden}.theme-preview-bar{background:var(--color-accent);color:#fff;align-items:center;gap:.6rem;min-height:2.5rem;padding:.6rem .9rem;display:flex}.theme-preview-bar img{object-fit:contain;max-width:6rem;max-height:1.8rem}.theme-preview-body{justify-items:start;gap:.6rem;padding:1rem;display:grid}.theme-bubble{border-radius:.9rem;max-width:85%;padding:.5rem .75rem}.theme-bubble.in{background:var(--color-surface);color:var(--color-text);border:1px solid #0000001a}.theme-bubble.out{background:var(--color-primary);color:var(--color-on-primary);justify-self:end}.theme-preview-button{background:var(--color-primary);color:var(--color-on-primary);font:inherit;border:0;border-radius:.4rem;padding:.5rem 1rem}.theme-dialog{max-width:min(28rem,100vw - 2rem)}@media (width<=700px){.theme-layout{grid-template-columns:minmax(0,1fr)}.theme-preview-wrap{order:-1}.theme-actions button{flex:1}}.billing-month{color:var(--muted);gap:4px;font-size:.85rem;display:grid}.billing-month input{font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.billing-totals{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 8px;display:grid}.billing-totals>div{background:var(--color-surface);border-radius:12px;padding:14px 16px}.billing-totals dt{color:var(--muted);font-size:.85rem}.billing-totals dd{color:var(--color-accent);margin:4px 0 0;font-size:1.6rem;font-weight:600}.billing-hint{color:var(--muted);margin:0 0 16px;font-size:.85rem}.billing-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.billing-card{background:var(--color-surface);border-radius:12px;gap:10px;padding:18px 20px;display:grid}.billing-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.billing-title h2{overflow-wrap:anywhere;flex:auto;margin:0;font-size:1.1rem}.billing-badge{color:#7a4d00;background:#fff7e0;border-radius:999px;padding:2px 10px;font-size:.8rem}.billing-badge.paid{color:#05603a;background:#ecfdf3}.billing-badge.failed,.billing-badge.expired,.billing-badge.canceled{color:#991b1b;background:#fef2f2}.billing-facts{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;display:grid}.billing-facts dt{color:var(--muted);font-size:.8rem}.billing-facts dd{margin:2px 0 0}.billing-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.billing-link{width:100%;min-width:0;font:inherit;border:1px solid var(--line);background:var(--color-background);color:var(--color-text);border-radius:8px;flex:240px;padding:8px 10px;font-size:.85rem}.billing-dialog{width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--color-text);background:var(--color-surface);border:0;border-radius:12px;padding:24px}.billing-dialog::backdrop{background:#00000073}.billing-dialog h2{color:var(--color-accent);margin:0 0 8px;font-size:1.2rem}.billing-field{gap:4px;margin-bottom:14px;display:grid}.billing-field input{font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px 10px}@media (width<=700px){.billing-totals,.billing-facts{grid-template-columns:1fr}}.invoices-wrap{overflow-x:auto}.invoices-table{border-collapse:collapse;background:var(--color-surface);border-radius:12px;width:100%}.invoices-caption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.invoices-table th,.invoices-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 16px}.invoices-table thead th{color:var(--muted);font-size:.85rem;font-weight:600}.invoices-table tbody th{text-transform:capitalize;font-weight:600}.invoices-table tbody tr:last-child>*{border-bottom:0}.invoices-table .invoices-num{text-align:right;font-variant-numeric:tabular-nums}.invoices-sub{color:var(--muted);text-transform:none;overflow-wrap:anywhere;margin-top:2px;font-size:.8rem;font-weight:400;display:block}.invoices-badge{color:#7a4d00;background:#fff7e0;border-radius:999px;padding:2px 10px;font-size:.8rem;display:inline-block}.invoices-badge.paid{color:#05603a;background:#ecfdf3}.invoices-badge.failed,.invoices-badge.expired,.invoices-badge.canceled{color:#991b1b;background:#fef2f2}.invoices-pay{background:var(--color-primary);color:var(--color-on-primary);border-radius:8px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-block}.invoices-pay:hover,.invoices-pay:focus-visible{text-decoration:underline}.invoices-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=700px){.invoices-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.invoices-table,.invoices-table tbody,.invoices-table tr,.invoices-table th,.invoices-table td{display:block}.invoices-table tr{border-bottom:1px solid var(--line);padding:8px 0}.invoices-table th,.invoices-table td{border-bottom:0;padding:4px 16px}.invoices-table td[data-label]:before{content:attr(data-label) ": ";color:var(--muted)}.invoices-table .invoices-num{text-align:left}}:root{--color-primary:#2563eb;--color-on-primary:#fff;--color-accent:#0f172a;--color-background:#f6f7f9;--color-surface:#fff;--color-text:#111827;color:var(--color-text);background:var(--color-background);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{flex-direction:column;min-height:100dvh;margin:0;display:flex}#root{flex-direction:column;flex:1;display:flex}.topbar{background:var(--color-primary);color:var(--color-on-primary);align-items:center;gap:12px;padding:12px 20px;display:flex}.center{flex:1;place-items:center;padding:16px;display:grid}.card{background:var(--color-surface);border-radius:12px;width:min(420px,100%);padding:32px;box-shadow:0 1px 3px #0000001f}.card h1{color:var(--color-accent);margin:0 0 8px;font-size:1.4rem}.card p{margin:0 0 24px}button,.button{text-align:center;cursor:pointer;width:100%;font:inherit;background:var(--color-primary);color:var(--color-on-primary);border:0;border-radius:8px;padding:12px;font-weight:600;text-decoration:none;display:block}button:disabled{opacity:.5}.spacer{flex:1}button.quiet{width:auto;color:inherit;background:0 0;border:1px solid;padding:6px 12px;font-weight:500}.notice{color:#991b1b;background:#fef2f2;border-radius:8px;padding:12px}a.button:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}:root{--line:color-mix(in srgb, var(--color-text) 12%, transparent);--muted:color-mix(in srgb, var(--color-text) 62%, transparent);--tint:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));--bubble-out:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));--danger:#b42318}.shell{flex-direction:column;height:100dvh;display:flex}.shell .topbar{flex:none;padding:8px 16px}.inbox{flex:1;grid-template-columns:minmax(280px,360px) 1fr;min-height:0;display:grid}.inbox button{align-items:center;gap:6px;width:auto;display:inline-flex}.conversations{background:var(--color-surface);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.list-head{border-bottom:1px solid var(--line);gap:10px;padding:12px;display:grid}.list-head input{width:100%;font:inherit;color:inherit;border:1px solid var(--line);background:var(--color-background);border-radius:8px;padding:9px 12px}.list-head input:focus-visible,.composer textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.tabs{gap:6px;display:flex;overflow-x:auto}.inbox .tab{white-space:nowrap;color:var(--color-text);border:1px solid var(--line);background:0 0;border-radius:999px;padding:5px 12px;font-size:.875rem;font-weight:500}.inbox .tab[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}.badge{text-align:center;background:var(--color-primary);min-width:20px;color:var(--color-on-primary);border-radius:999px;flex:none;padding:1px 6px;font-size:.75rem;font-weight:700;line-height:18px}.tab[aria-pressed=true] .badge{background:var(--color-on-primary);color:var(--color-primary)}.strip{color:#7a4100;background:#fff4e5;margin:0;padding:8px 12px;font-size:.875rem}.hint{text-align:center;color:var(--muted);margin:0;padding:24px}.empty{text-align:center;max-width:360px;margin:auto;padding:32px 24px}.empty h2{color:var(--color-accent);margin:0 0 6px;font-size:1.1rem}.empty p{color:var(--muted);margin:0}.conversations ul{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:hidden auto}.row{color:inherit;border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.row:hover{background:color-mix(in srgb, var(--color-text) 4%, transparent)}.row[aria-current=true]{background:var(--tint)}.row:focus-visible,.back:focus-visible,.bubble a:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:.9rem;font-weight:600;display:grid}.row-main{flex:1;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;display:grid}.row-top,.row-bottom{align-items:center;gap:8px;display:flex}.row-name,.row-preview{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.row-top time{color:var(--muted);flex:none;font-size:.75rem}.row-preview{color:var(--muted);font-size:.875rem}.row-preview .status{vertical-align:-2px;margin-right:4px}.row.unread .row-name{font-weight:700}.row.unread .row-preview{color:var(--color-text)}.row.unread .row-top time{color:var(--color-primary);font-weight:600}.tag{color:var(--muted);border:1px solid var(--line);border-radius:4px;flex:none;padding:0 6px;font-size:.7rem;line-height:18px}.status{color:var(--muted);flex:none}.status.read{color:#1d9bf0}.status.failed{color:var(--danger)}.thread{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.thread-head{background:var(--color-surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;padding:10px 16px;display:flex}.thread-title{min-width:0}.thread-title h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;overflow:hidden}.thread-title p{color:var(--muted);margin:0;font-size:.8rem}.back{width:36px;height:36px;color:inherit;border-radius:50%;place-items:center;margin-left:-8px;display:none}.messages{flex-direction:column;flex:1;min-height:0;padding:12px max(16px,50% - 380px) 16px;display:flex;overflow-y:auto}.inbox .older{background:var(--color-surface);color:var(--color-text);border:1px solid var(--line);border-radius:999px;align-self:center;margin-bottom:8px;padding:6px 14px;font-size:.85rem;font-weight:500}.day{width:fit-content;color:var(--muted);background:var(--color-surface);border:1px solid var(--line);border-radius:999px;align-self:center;margin:12px auto 8px;padding:3px 12px;font-size:.75rem}.bubble-row{align-items:center;gap:6px;margin-top:8px;display:flex}.bubble-row.joined{margin-top:2px}.bubble-row.out{flex-direction:row-reverse}.bubble{background:var(--color-surface);overflow-wrap:anywhere;border-radius:12px;max-width:min(78%,560px);padding:7px 10px 5px;position:relative;box-shadow:0 1px 1px #00000014}.bubble-row.out .bubble{background:var(--bubble-out)}.bubble.failed{box-shadow:inset 0 0 0 1px var(--danger)}.bubble p{margin:0}.bubble .text{white-space:pre-wrap;line-height:1.4}.bubble .muted{color:var(--muted);font-style:italic}.bubble a{color:var(--color-primary)}.quote{border-left:3px solid var(--color-primary);color:var(--muted);background:color-mix(in srgb, var(--color-text) 5%, transparent);-webkit-line-clamp:2;border-radius:4px;-webkit-box-orient:vertical;padding:4px 8px;font-size:.85rem;display:-webkit-box;overflow:hidden;margin-bottom:4px!important}.attachment{align-items:flex-start;gap:10px;padding:4px 0;display:flex}.attachment>span:first-child{font-size:1.4rem;line-height:1.2}.attachment>span:last-child{gap:2px;display:grid}.attachment small{color:var(--muted)}.meta{color:var(--muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:.7rem;display:flex}.reactions{background:var(--color-surface);border:1px solid var(--line);border-radius:999px;padding:0 5px;font-size:.85rem;position:absolute;bottom:-12px;left:8px}.entry:has(.reactions){margin-bottom:10px}.inbox .reply-action{color:var(--muted);opacity:0;background:0 0;border-radius:50%;padding:6px}.bubble-row:hover .reply-action,.reply-action:focus-visible{opacity:1}@media (hover:none){.inbox .reply-action{opacity:.6}}.failure{text-align:right;color:var(--danger);margin:4px 0 0;font-size:.8rem}.inbox .link{font-size:inherit;color:var(--color-primary);background:0 0;margin-left:8px;padding:0;font-weight:600;text-decoration:underline;display:inline}.inbox .new-below{border-radius:999px;padding:6px 14px;font-size:.85rem;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.composer,.closed{background:var(--color-surface);border-top:1px solid var(--line);flex:none;padding:10px max(16px,50% - 380px)}.closed strong{color:var(--color-accent)}.closed p{color:var(--muted);margin:2px 0 0;font-size:.9rem}.composer .failure{text-align:left;margin:0 0 6px}.window-hint{color:var(--muted);margin:0 0 6px;font-size:.8rem}.replying{border-left:3px solid var(--color-primary);background:var(--tint);border-radius:4px;align-items:center;gap:8px;margin:0 0 6px;padding:6px 10px;font-size:.85rem;display:flex}.replying span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;min-width:0;font:inherit;color:inherit;border:1px solid var(--line);background:var(--color-background);border-radius:20px;flex:1;padding:10px 14px;line-height:1.4}.inbox .send{border-radius:50%;flex:none;justify-content:center;width:42px;height:42px;padding:0}@media (width<=767px){.inbox{grid-template-columns:1fr}.inbox.has-selection .conversations,.inbox:not(.has-selection) .thread{display:none}.back{display:grid}.who{display:none}.bubble{max-width:86%}}.inbox .photo{background:color-mix(in srgb, var(--color-text) 8%, transparent);cursor:zoom-in;border-radius:8px;width:min(300px,100%);margin:-2px -5px 4px;padding:0;display:block;overflow:hidden}.photo img{aspect-ratio:4/3;object-fit:cover;width:300px;max-width:100%;display:block}.inbox .photo.sticker{background:0 0;width:120px}.photo.sticker img{aspect-ratio:1;object-fit:contain;width:120px}.clip{aspect-ratio:16/9;background:#000;border-radius:8px;width:min(300px,100%);margin:-2px -5px 4px;display:block}.sound{width:min(280px,100%);height:40px;margin:2px 0;display:block}.attachment.file{border-radius:8px;text-decoration:none;color:inherit!important}.attachment.file:hover strong{text-decoration:underline}.attachment[aria-busy] small:before{content:"";border:2px solid var(--line);border-top-color:var(--color-primary);border-radius:50%;width:.7em;height:.7em;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.attachment[aria-busy] small:before{animation:none}}.messages.dropping{outline:2px dashed var(--color-primary);outline-offset:-8px;background:var(--tint)}.lightbox{background:var(--color-surface);max-width:min(96vw,1200px);max-height:96vh;color:var(--color-text);border:0;border-radius:12px;padding:0;overflow:hidden}.lightbox::backdrop{background:#000000bf}.lightbox img{object-fit:contain;max-width:100%;max-height:calc(96vh - 56px);margin:0 auto;display:block}.lightbox p{justify-content:flex-end;align-items:center;gap:16px;margin:0;padding:8px 12px;display:flex}.lightbox a{color:var(--color-primary);font-weight:600}.lightbox button{width:auto;padding:6px 16px}.attached{border:1px solid var(--line);background:var(--color-background);border-radius:10px;align-items:center;gap:10px;margin:0 0 8px;padding:6px 10px 6px 6px;display:flex}.attached img,.attached>span:first-child{object-fit:cover;border-radius:6px;flex:none;width:44px;height:44px}.attached>span:first-child{background:var(--tint);place-items:center;font-size:1.5rem;display:grid}.attached>span:nth-child(2){flex:1;min-width:0;display:grid}.attached strong{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.attached small{color:var(--muted)}.attached .too-large{color:var(--danger)}.inbox .attach{width:42px;height:42px;color:var(--muted);background:0 0;border-radius:50%;flex:none;justify-content:center;padding:0}.inbox .attach:hover{background:var(--tint);color:var(--color-primary)}.closed{align-items:center;gap:16px;display:flex}.closed>div{flex:1}.closed button{flex:none;width:auto;padding:10px 16px}.template-card .template-header{margin-bottom:2px;font-weight:700}.template-card .template-footer{color:var(--muted);margin-top:4px;font-size:.8rem}.template-buttons{border-top:1px solid var(--line);margin:6px -10px 0;padding:0;list-style:none}.template-buttons li{text-align:center;color:var(--color-primary);padding:6px 10px;font-size:.9rem;font-weight:600}.template-buttons li+li{border-top:1px solid var(--line)}.template-card mark{background:color-mix(in srgb, var(--color-primary) 22%, transparent);color:inherit;border-radius:4px;padding:0 4px;font-style:italic}.template-picker{background:var(--color-surface);width:min(96vw,560px);max-height:min(92dvh,760px);color:var(--color-text);border:0;border-radius:14px;padding:0;overflow:hidden}.template-picker[open]{flex-direction:column;display:flex}.template-picker::backdrop{background:#00000073}.template-picker>header{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;padding:14px 16px;display:flex}.template-picker h2{overflow-wrap:anywhere;flex:1;margin:0;font-size:1.1rem}.template-list,.template-fill{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 16px 16px;display:flex;overflow-y:auto}.template-list input,.template-fields input{width:100%;font:inherit;color:inherit;border:1px solid var(--line);background:var(--color-background);border-radius:8px;padding:9px 12px}.template-list input:focus-visible,.template-fields input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.template-list ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.template-list .hint,.template-fill .hint{text-align:left;margin:0;padding:8px 0}.template-picker .failure{text-align:left;margin:0}.inbox .template-option{text-align:left;border:1px solid var(--line);background:var(--color-surface);width:100%;color:inherit;border-radius:10px;flex-direction:column;align-items:stretch;gap:4px;padding:10px 12px;font-weight:400;display:flex}.inbox .template-option:not(:disabled):hover{border-color:var(--color-primary);background:var(--tint)}.template-name{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.template-name small{color:var(--muted);flex:none}.template-excerpt{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.template-why{font-size:.85rem;font-weight:600}.template-sync{color:var(--muted);justify-content:space-between;gap:12px;margin:auto 0 0;font-size:.8rem;display:flex}.inbox .back-link{align-self:flex-start;margin-left:0;text-decoration:none}.template-preview{background:var(--color-background);border-radius:10px;justify-content:flex-end;padding:14px;display:flex}.template-preview .bubble{background:var(--bubble-out)}.template-fields{flex-direction:column;gap:10px;display:flex}.template-fields label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;display:flex}@media (width<=767px){.closed{flex-direction:column;align-items:stretch}}.template-fill button[type=submit]{text-align:center;flex:none}.topbar .nav{color:inherit;border-radius:8px;padding:6px 12px;font-weight:500;text-decoration:none}.topbar .nav:hover,.topbar .nav:focus-visible{background:color-mix(in srgb, currentColor 16%, transparent)}.admin{flex:1;width:100%;max-width:760px;min-height:0;margin:0 auto;padding:28px 16px 48px;overflow-y:auto}.admin button{flex:none;width:auto;padding:10px 16px}.admin button.secondary{color:var(--color-text);border:1px solid var(--line);background:0 0}.admin-head{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.admin-head>div{flex:1}.admin-head h1{color:var(--color-accent);margin:0 0 4px;font-size:1.4rem}.admin-head p,.channel-note{color:var(--muted);margin:0}.success{color:#05603a;background:#ecfdf3;border-radius:8px;margin:0 0 16px;padding:12px}.channel-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.channel-card{background:var(--color-surface);border-radius:12px;gap:12px;padding:20px;display:grid;box-shadow:0 1px 3px #0000001f}.channel-card>header{align-items:flex-start;gap:12px;display:flex}.channel-card>header>div{flex:1;min-width:0}.channel-card h2{margin:0;font-size:1.05rem}.channel-card header p{color:var(--muted);margin:2px 0 0}.channel-card .notice{margin:0}.pill{border-radius:999px;flex:none;padding:2px 10px;font-size:.8rem;font-weight:600}.pill.ok{color:#05603a;background:#ecfdf3}.pill.off{color:#991b1b;background:#fef2f2}.sync{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sync-step{gap:12px;display:flex}.sync-step>div{flex:1;min-width:0}.sync-step p{color:var(--muted);margin:2px 0 0;font-size:.9rem}.sync-step progress{width:100%;height:8px;accent-color:var(--color-primary);margin-top:6px;display:block}.sync-mark{border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:grid}.sync-step.done .sync-mark{color:#fff;background:#05603a;border-color:#05603a}.sync-step.problem .sync-mark{border-color:var(--danger);color:var(--danger)}.sync-step.busy .sync-mark{border-color:var(--line);border-top-color:var(--color-primary);animation:.9s linear infinite sync-spin}@keyframes sync-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sync-step.busy .sync-mark{animation:none}}.channel-action{background:var(--tint);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.channel-action p{flex:1;margin:0;font-size:.9rem}.link-dialog{width:min(520px,100vw - 32px);color:var(--color-text);background:var(--color-surface);border:0;border-radius:12px;padding:24px}.link-dialog::backdrop{background:#00000073}.link-dialog h2{color:var(--color-accent);margin:0 0 8px;font-size:1.2rem}.link-dialog>p{margin:0 0 16px}.prep{gap:12px;margin:0 0 16px;padding-left:22px;display:grid}.prep strong,.prep span{display:block}.prep span,.link-dialog details{color:var(--muted);font-size:.9rem}.link-dialog summary{cursor:pointer;color:var(--color-text)}.link-dialog details ul{gap:4px;margin:8px 0 0;padding-left:22px;display:grid}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (width<=767px){.admin-head,.channel-action{flex-direction:column;align-items:stretch}}.adminnav{border-bottom:1px solid var(--line,#e2e5ea);background:var(--color-surface);scrollbar-width:none;flex:none;gap:2px;padding:0 12px;display:flex;overflow-x:auto}.adminnav a{color:inherit;opacity:.75;border-bottom:2px solid #0000;flex:none;padding:10px 12px;font-size:.92rem;font-weight:500;text-decoration:none}.adminnav a:hover,.adminnav a:focus-visible{opacity:1}.adminnav a[aria-current=page]{border-bottom-color:var(--color-primary);opacity:1}.ai-actions{flex-wrap:wrap;gap:8px;display:flex}.ai-actions button{border:1px solid var(--line,#d5d9e0);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:.82rem}.ai-actions button:disabled{opacity:.55;cursor:default}.ai-summary{border:1px solid var(--line,#d5d9e0);border-radius:10px;padding:10px 12px;font-size:.9rem}.ai-summary p{white-space:pre-wrap;margin:4px 0}.health-badge{border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.78rem;font-weight:600;display:inline-block}.health-badge.green{color:#17603a;background:#dcf5e3}.health-badge.yellow{color:#7a5600;background:#fff1c7}.health-badge.red{color:#99231b;background:#fde0de}.health-lines{margin:8px 0 0;padding:0;font-size:.9rem;list-style:none}.health-lines li+li{margin-top:4px}.health-lines .health-badge{margin:0 4px 0 0}.channel-foot{justify-content:flex-end;display:flex}.pill.wait{color:#93370d;background:#fffaeb}.template-manager{width:min(96vw,620px)}.template-manager .template-row{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.template-manager .template-row small{color:var(--muted)}.template-manager .success{margin:0}.template-actions{justify-content:flex-end;gap:8px;margin-top:auto;padding-top:4px;display:flex}.template-intro{color:var(--muted);margin:0;font-size:.9rem}.template-form label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;display:flex}.template-form label small{color:var(--muted);font-weight:400}.template-form input,.template-form select,.template-form textarea{width:100%;font:inherit;color:inherit;border:1px solid var(--line);background:var(--color-background);border-radius:8px;padding:9px 12px;font-weight:400}.template-form textarea{resize:vertical;min-height:110px}.template-form input:focus-visible,.template-form select:focus-visible,.template-form textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.template-pair{grid-template-columns:2fr 1fr;gap:12px;display:grid}.template-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.template-label-row button{padding:4px 10px;font-size:.85rem}.template-form .template-preview{flex:none}@media (width<=560px){.template-pair{grid-template-columns:1fr}}