@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;font-feature-settings:"cv05" 1, "cv08" 1, "ss03" 1;background:var(--bg);--bg:#141416;--surface:#191a1d;--panel:#1f2024;--panel-hover:#26272c;--field:#121214;--line:#2c2d33;--line-soft:#232429;--line-strong:#3a3b43;--text:#edeef2;--copy:#c3c5cd;--muted:#8b8d98;--faint:#63656f;--accent:#00d5f2;--accent-soft:#6ee6ff;--accent-bg:#00d5f21c;--accent-line:#00d5f24d;--brand-blue:#0a3fd6;--focus:#00a8c4;--focus-ring:#00d5f240;--green:#48d597;--green-bg:#48d5971f;--green-line:#2e6a4e;--red:#ff8d8d;--danger-line:#6c3a40;--danger-bg:#2a1a1e;--danger-copy:#ffa8a8;--amber:#f0b458;--amber-bg:#3a2a10;--amber-line:#6b5220;--amber-copy:#f5cb73;--r-control:4px;--r-card:8px;--r-panel:12px;--shadow-menu:0 12px 32px #00000059;--shadow-panel:0 24px 64px #0006;--shadow-drawer:-18px 0 40px #00000059;--primary-fg:#16161a;--primary-hover:#fff;--scrim:#0a0a0c99;--scrim-modal:#0a0a0cad;--scroll-thumb:#3a3b42;--scroll-thumb-hover:#4c4d56;--track:#33343c;--amber-ring:#f0b4582e;--rail:236px;--rail-collapsed:72px;--topbar:72px;--gutter:24px;--ease:cubic-bezier(.32, .72, .28, 1);--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--panel:#fff;--panel-hover:#f2f2f5;--field:#fff;--line:#e2e2e8;--line-soft:#ececf0;--line-strong:#cbcbd4;--text:#16171c;--copy:#3f4149;--muted:#6a6c76;--faint:#92949e;--accent:#0a3fd6;--accent-soft:#0b39bd;--accent-bg:#0a3fd614;--accent-line:#0a3fd63d;--focus:#0a3fd6;--focus-ring:#0a3fd633;--green:#0d7a4c;--green-bg:#0d7a4c14;--green-line:#a9dcc4;--red:#b3251c;--danger-line:#f0c5c1;--danger-bg:#fdf3f2;--danger-copy:#97231b;--amber:#9a6400;--amber-bg:#fdf5e6;--amber-line:#e8d2a2;--amber-copy:#7f5303;--amber-ring:#9a640026;--shadow-menu:0 8px 24px #14172214;--shadow-panel:0 16px 48px #1417221f;--shadow-drawer:-18px 0 40px #1417221f;--primary-fg:#fff;--primary-hover:#000;--scrim:#14172259;--scrim-modal:#14172273;--scroll-thumb:#cbccd3;--scroll-thumb-hover:#b3b4bd;--track:#e3e3e7}:root[data-theme=light] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236a6c76' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root[data-theme=light] .ticket-row.active,:root[data-theme=light] .nav-item.active,:root[data-theme=light] .templates-list button.active{color:var(--accent-soft)}:root[data-theme=light] .ticket-row.active strong,:root[data-theme=light] .ticket-row.unread strong{color:var(--text)}:root[data-theme=light] .status-pill{background:var(--panel-hover)}*{box-sizing:border-box}svg.lucide{stroke-width:1.5px}body{background:var(--bg);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:13px;line-height:1.5}h1,h2,h3{font-weight:600;line-height:1.25}::selection{background:var(--accent-bg);color:var(--text)}time,.ticket-id,.customer-id,.templates-revision{font-variant-numeric:tabular-nums}button,input,textarea,select{font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-control)}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}.center-page,.login-page{background:var(--bg);min-height:100dvh;color:var(--copy);text-align:center;place-items:center;gap:12px;padding:24px;display:grid}.center-page h2{color:var(--text);letter-spacing:-.02em;margin:4px 0 0;font-size:19px}.center-page p{max-width:340px;color:var(--muted);margin:0 0 8px}.login-card{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);width:min(400px,100%);box-shadow:var(--shadow-panel);padding:40px 36px}.brand-mark{object-fit:contain;width:40px;height:40px;margin:0 auto 24px;display:block}.brand-mark.small{width:22px;height:22px;margin:0}.eyebrow,.topbar-kicker,.nav-label{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.login-card h1{color:var(--text);letter-spacing:-.03em;margin:12px 0;font-size:25px}.login-copy{max-width:280px;color:var(--muted);margin:0 auto 28px;line-height:1.6}.login-foot{color:var(--faint);margin:20px 0 0;font-size:11px;line-height:1.5}.button{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel);min-height:32px;color:var(--copy);white-space:nowrap;transition:background .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease), opacity .12s var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.button:hover{border-color:var(--line-strong);background:var(--panel-hover);color:var(--text)}.button:disabled{opacity:.45}.button:disabled:hover{border-color:var(--line);background:var(--panel);color:var(--copy)}.button svg{opacity:.85;flex:none}.button.primary{background:var(--text);color:var(--primary-fg);border-color:#0000;font-weight:600}.button.primary:hover{background:var(--primary-hover);color:var(--primary-fg);border-color:#0000}.button.primary:disabled,.button.primary:disabled:hover{border-color:var(--line);background:var(--panel);color:var(--faint);opacity:1}.button.primary svg{opacity:1}.button.ghost{border-color:var(--line);background:0 0}.button.ghost:hover{background:var(--panel-hover)}.login-button{width:100%;min-height:40px}.backplane-login-button{margin-top:8px}.icon-button{border-radius:var(--r-control);width:32px;height:32px;color:var(--muted);transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--panel-hover);color:var(--text)}.icon-button:disabled{opacity:.45}.icon-button:disabled:hover{color:var(--muted);background:0 0}.alert{border:1px solid var(--danger-line);border-radius:var(--r-card);background:var(--danger-bg);color:var(--danger-copy);text-align:left;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.alert svg{flex:none;margin-top:1px}.alert.compact{margin:0 var(--gutter) 12px}.spinner{border:2px solid var(--track);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=761px){.sidebar-collapsed [data-tooltip]{position:relative}.sidebar-collapsed [data-tooltip]:after,.sidebar-collapsed [data-tooltip]:before{z-index:20;opacity:0;pointer-events:none;transition:opacity .12s var(--ease);position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.sidebar-collapsed [data-tooltip]:after{content:attr(data-tooltip);border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel);color:var(--text);white-space:nowrap;box-shadow:var(--shadow-menu);padding:5px 9px;font-size:12px;font-weight:500}.sidebar-collapsed [data-tooltip]:before{content:"";border:1px solid var(--line);background:var(--panel);border-width:1px 0 0 1px;width:6px;height:6px;left:calc(100% + 5px);transform:translateY(-50%)rotate(-45deg)}.sidebar-collapsed [data-tooltip]:hover:after,.sidebar-collapsed [data-tooltip]:hover:before,.sidebar-collapsed [data-tooltip]:focus-visible:after,.sidebar-collapsed [data-tooltip]:focus-visible:before{opacity:1}}.modal-backdrop{z-index:20;background:var(--scrim-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .14s var(--ease);place-items:center;padding:24px;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal-card{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);width:min(540px,100%);max-height:min(760px,100dvh - 48px);box-shadow:var(--shadow-panel);animation:modal-in .16s var(--ease);padding:24px;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(6px)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.modal-head h2{color:var(--text);letter-spacing:-.02em;margin:6px 0 0;font-size:19px}.modal-field{gap:6px;margin-top:16px;display:grid;position:relative}.modal-field>span,.settings-field>span{color:var(--copy);font-size:12px;font-weight:500}.modal-field input,.modal-field textarea,.modal-field select,.settings-form input,.templates-subject input,.templates-area{border:1px solid var(--line);border-radius:var(--r-control);background:var(--field);width:100%;min-width:0;color:var(--text);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);outline:0;font-family:inherit;font-size:13px}.modal-field input,.modal-field select{height:36px;padding:0 10px}.modal-field textarea{resize:vertical;min-height:120px;padding:10px;line-height:1.6}.modal-field input:focus,.modal-field textarea:focus,.modal-field select:focus,.settings-form input:focus,.templates-subject input:focus,.templates-area:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring);outline:0}.modal-field input::placeholder,.modal-field textarea::placeholder,.settings-form input::placeholder{color:var(--faint)}.modal-hint{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.modal-row{grid-template-columns:180px;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:24px;padding-top:20px;display:flex}.picker-status{color:var(--faint);font-size:11px;position:absolute;bottom:11px;right:10px}.customer-options{z-index:3;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--shadow-menu);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.customer-options button{border:0;border-bottom:1px solid var(--line-soft);width:100%;color:var(--copy);text-align:left;background:0 0;gap:2px;padding:9px 12px;display:grid}.customer-options button:last-child{border-bottom:0}.customer-options button:hover{background:var(--panel-hover)}.customer-options strong{color:var(--text);font-size:13px;font-weight:500}.customer-options span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.app-shell{background:var(--bg);height:100dvh;min-height:0;display:flex;overflow:hidden}.sidebar{width:var(--rail);flex:0 0 var(--rail);border-right:1px solid var(--line);background:var(--surface);flex-direction:column;padding:16px 12px 12px;display:flex;overflow-x:hidden}.sidebar-head{height:var(--topbar);border-bottom:1px solid var(--line);color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;margin:-16px -12px 16px;padding:0 22px;font-size:13px;font-weight:600;display:flex}.sidebar-head .mobile-only{margin-left:auto}.workspace-pill{border:1px solid var(--line-soft);border-radius:var(--r-control);background:var(--field);color:var(--muted);align-items:center;gap:8px;margin:0 4px 20px;padding:7px 9px;font-size:12px;display:flex}.workspace-pill.offline{border-color:var(--danger-line);color:var(--danger-copy)}.workspace-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 0 3px var(--green-bg);border-radius:50%;flex:none}.offline .online-dot{background:var(--red);box-shadow:0 0 0 3px var(--danger-bg)}.sidebar nav{flex-direction:column;gap:1px;display:flex}.nav-label{margin:0 0 8px;padding:0 10px}.nav-item{border-radius:var(--r-control);color:var(--muted);text-align:left;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-size:13px;line-height:1.2;display:flex;position:relative}.nav-item svg{flex:none}.nav-item:hover{background:var(--panel-hover);color:var(--text)}.nav-item.active{background:var(--accent-bg);color:var(--text);font-weight:500}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:7px;bottom:7px;left:0}.sidebar-settings{border-bottom:1px solid var(--line-soft);margin-top:auto;padding:12px 0}.sidebar-collapse{width:100%;color:var(--faint);margin-top:2px;font-size:12px}.sidebar-bottom{padding:12px 0 0}.user-row{align-items:center;gap:6px;padding:0 2px;display:flex}.user-row .icon-button{width:28px;height:28px}.user-meta{flex-direction:column;flex:1;min-width:0;display:flex}.user-meta strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.user-meta span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.main-area{width:calc(100% - var(--rail));min-width:0;height:100dvh;min-height:0;margin-left:var(--rail);background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.topbar{min-height:var(--topbar);padding:0 var(--gutter);border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar-kicker{display:block}.topbar h2{color:var(--text);letter-spacing:-.025em;margin:5px 0 0;font-size:19px}.top-actions{gap:8px;display:flex}.content{background:var(--bg);flex:1;min-height:0;overflow:hidden}.inbox-grid{height:calc(100dvh - var(--topbar));grid-template-columns:352px minmax(0,1fr);display:grid}.ticket-list{scrollbar-gutter:stable;border-right:1px solid var(--line);background:var(--surface);min-height:0;overflow-y:auto}.list-toolbar{gap:8px;padding:16px 16px 8px;display:flex}.search{border:1px solid var(--line);border-radius:var(--r-control);background:var(--field);height:32px;color:var(--faint);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.search svg{flex:none}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.search input::placeholder{color:var(--faint)}.search:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.filter-row{border-bottom:1px solid var(--line-soft);gap:8px;padding:0 16px 12px;display:flex}.filter-row select{flex:1}select{border:1px solid var(--line);border-radius:var(--r-control);appearance:none;background-color:var(--field);min-width:0;height:32px;color:var(--copy);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238b8d98' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:13px;outline:0;padding:0 25px 0 9px;font-size:12px}select:hover{color:var(--text)}select:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.ticket-row{border:0;border-bottom:1px solid var(--line-soft);text-align:left;width:100%;transition:opacity .2s var(--ease), background .12s var(--ease);animation:ticket-in .18s var(--ease);background:0 0;padding:12px 16px;display:block;position:relative}@keyframes ticket-in{0%{opacity:0;transform:translateY(3px)}}.ticket-list.refreshing .ticket-row{opacity:.55}.spin{animation:.7s linear infinite spin}@media (prefers-reduced-motion:reduce){.ticket-row,.modal-card,.modal-backdrop,.sk{animation:none}.ticket-row{transition:none}.spin{animation:none}}.ticket-row:last-child{border-bottom:0}.ticket-row:hover{background:var(--panel-hover)}.ticket-row.active{background:var(--accent-bg)}.ticket-row.active:before{content:"";background:var(--accent);width:2px;position:absolute;inset:0 auto 0 0}.ticket-row-top,.ticket-row-bottom{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.ticket-row-top time{color:var(--faint);margin-left:auto}.ticket-row strong{color:var(--copy);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;margin:7px 0;font-size:13px;font-weight:500;display:block;overflow:hidden}.ticket-row.active strong{color:var(--text)}.ticket-row.unread strong{color:var(--text);font-weight:600}.ticket-row-bottom span:last-child{color:var(--faint);margin-left:auto}.ticket-id{color:var(--faint);font-family:var(--mono);letter-spacing:.02em;font-size:11px}.unread-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-bg);border-radius:50%;flex:none}.unread-dot.is-read{visibility:hidden;box-shadow:none}.priority-flag{font-size:11px;font-weight:600}.priority-flag.urgent{color:var(--red)}.priority-flag.high{color:var(--amber)}.status-pill{border-radius:var(--r-control);background:var(--panel-hover);color:var(--muted);white-space:nowrap;border:1px solid #0000;padding:2px 6px;font-size:11px;font-weight:500}.status-pill.in_progress{border-color:var(--accent-line);background:var(--accent-bg);color:var(--accent-soft)}.status-pill.waiting_for_user{border-color:var(--amber-line);background:var(--amber-bg);color:var(--amber-copy)}.status-pill.escalated,.status-pill.blocked{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger-copy)}.status-pill.done{border-color:var(--green-line);background:var(--green-bg);color:var(--green)}.skeleton-row{border-bottom:1px solid var(--line-soft);padding:12px 16px}.skeleton-line{align-items:center;gap:8px;display:flex}.skeleton-line+.skeleton-line{margin-top:11px}.sk{background:linear-gradient(90deg, var(--line-soft) 20%, var(--panel-hover) 40%, var(--line-soft) 60%);height:9px;animation:sk 1.5s var(--ease) infinite;background-size:300% 100%;border-radius:2px}.sk-dot{border-radius:50%;width:6px;height:6px}.sk-id{width:66px}.sk-time{width:52px;margin-left:auto}.sk-title{height:11px;margin:12px 0}.sk-pill{border-radius:var(--r-control);width:84px;height:16px}.sk-flag{width:44px}.sk-count{width:68px;margin-left:auto}@keyframes sk{0%{background-position:150%}to{background-position:-50%}}.list-empty,.list-loading,.panel-error{color:var(--muted);text-align:left;gap:6px;padding:28px 16px;font-size:12px;display:grid}.list-empty svg{color:var(--faint);margin-bottom:4px}.list-empty strong{color:var(--copy);font-size:13px;font-weight:500}.list-loading{align-items:center;gap:10px;display:flex}.panel-error{color:var(--danger-copy)}.panel-error button{color:var(--danger-copy);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;font-size:12px;text-decoration:underline}.thread-panel{background:var(--bg);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 296px;min-width:0;height:100%;min-height:0;display:grid}.thread-head{padding:14px var(--gutter);border-bottom:1px solid var(--line);background:var(--bg);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.thread-title{align-items:center;gap:8px;min-width:0;display:flex}.thread-title>div{min-width:0}.thread-head h1{color:var(--text);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:19px;overflow:hidden}.thread-head-actions{flex:none;align-items:center;gap:8px;display:flex}.thread-head-actions select{max-width:168px}.action-menu-wrap{position:relative}.action-menu{z-index:10;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);min-width:184px;box-shadow:var(--shadow-menu);padding:4px;position:absolute;top:calc(100% + 6px);right:0}.action-menu button{border-radius:var(--r-control);width:100%;color:var(--copy);text-align:left;background:0 0;border:0;padding:8px 10px;font-size:12px;display:block}.action-menu button:hover{background:var(--panel-hover);color:var(--text)}.thread-body{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.timeline{scrollbar-gutter:stable;min-height:0;padding:var(--gutter);flex:1;overflow-y:auto}.message{gap:12px;margin-bottom:24px;display:flex}.message:last-child{margin-bottom:8px}.message-avatar,.avatar{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel);width:28px;height:28px;color:var(--copy);letter-spacing:.02em;flex:none;place-items:center;font-size:10px;font-weight:600;display:grid}.message.internal .message-avatar{border-color:var(--amber-line);background:var(--amber-bg);color:var(--amber-copy)}.message-content{min-width:0}.message-meta{align-items:center;gap:8px;margin:4px 0 6px;font-size:13px;display:flex}.message-meta strong{color:var(--text);font-weight:600}.message-meta time{color:var(--faint);font-size:12px}.message-content p{color:var(--copy);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.7}.message.internal .message-content{border-left:2px solid var(--amber-line);padding-left:12px}.note-badge{border:1px solid var(--amber-line);border-radius:var(--r-control);background:var(--amber-bg);color:var(--amber-copy);padding:1px 5px;font-size:11px;font-weight:500}.event-row{color:var(--faint);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;margin:16px 0 20px;font-size:12px;display:grid}.event-line{border:1px solid var(--faint);border-radius:50%;justify-self:center;width:5px;height:5px}.composer{margin:0 var(--gutter) 20px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);overflow:hidden}.composer:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.composer.internal{border-color:var(--amber-line);background:var(--amber-bg)}.composer.internal:focus-within{box-shadow:0 0 0 3px var(--amber-ring);border-color:var(--amber)}.composer textarea{width:100%;min-height:80px;color:var(--text);resize:vertical;background:0 0;border:0;outline:0;padding:12px;font-family:inherit;font-size:13px;line-height:1.6}.composer textarea::placeholder{color:var(--faint)}.composer-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.mode-toggle{border-radius:var(--r-control);color:var(--muted);transition:background .12s var(--ease), color .12s var(--ease), border-color .12s var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:4px 8px;font-size:12px;display:flex}.mode-toggle:hover{background:var(--panel-hover);color:var(--text)}.mode-toggle.selected{border-color:var(--amber-line);color:var(--amber-copy)}.mode-toggle.selected:hover{color:var(--amber-copy);background:0 0}.mode-dot{background:var(--green);border-radius:50%;flex:none;width:6px;height:6px}.mode-toggle.selected .mode-dot{background:var(--amber)}.send{min-height:28px;padding:0 10px;font-size:12px}.customer-panel{scrollbar-gutter:stable;border-left:1px solid var(--line);background:var(--surface);grid-area:2/2;min-width:0;min-height:0;padding:20px;overflow-y:auto}.customer-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.customer-profile{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:4px;padding:16px 0 20px;display:flex}.customer-profile .avatar{margin-bottom:8px}.customer-profile strong{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.customer-profile .muted{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.customer-id{max-width:100%;color:var(--faint);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.avatar.large{border-radius:var(--r-card);width:36px;height:36px;font-size:12px}.muted{color:var(--muted);font-size:12px}.context-section{border-bottom:1px solid var(--line-soft);padding:16px 0}.context-section:last-child{border-bottom:0}.section-title{color:var(--text);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.context-line{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.context-line svg{color:var(--faint);flex:none}.tags-line{align-items:flex-start}.tag-list{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.tag-chip{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel);color:var(--copy);transition:border-color .12s var(--ease), background .12s var(--ease), color .12s var(--ease);align-items:center;gap:5px;padding:3px 7px;font-size:11px;display:inline-flex}.tag-chip:hover{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger-copy)}.tag-select,.assignment-select{width:calc(100% - 22px);margin:10px 0 0 22px}.assignment-line{flex-wrap:wrap;align-items:center}.context-action{color:var(--accent-soft);background:0 0;border:0;margin-left:auto;padding:0;font-size:12px}.context-action:hover{text-underline-offset:3px;text-decoration:underline}.context-action:disabled{opacity:.5}.priority-label{color:var(--amber);font-weight:500}.priority-label.urgent{color:var(--red)}.priority-label.medium,.priority-label.low{color:var(--muted)}.sla-ok{color:var(--green)}.sla-breach{color:var(--red)}.sla-metric{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin-top:10px;font-size:12px;display:flex}.sla-metric strong{color:var(--copy);font-size:12px;font-weight:500}.sla-breach-notice{border:1px solid var(--danger-line);border-radius:var(--r-control);background:var(--danger-bg);color:var(--danger-copy);margin-top:12px;padding:9px 10px;font-size:12px}.thread-empty{min-height:100%;color:var(--muted);text-align:center;place-content:center;justify-items:center;padding:24px;display:grid}.thread-empty h3{max-width:300px;color:var(--copy);margin:16px 0 6px;font-size:15px;font-weight:500}.thread-empty p{max-width:320px;margin:0;font-size:12px;line-height:1.6}.empty-icon{border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);width:40px;height:40px;color:var(--faint);place-items:center;display:grid}.settings-tabs{padding:0 calc(var(--gutter) - 12px);border-bottom:1px solid var(--line);background:var(--bg);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{height:42px;color:var(--muted);white-space:nowrap;transition:color .12s var(--ease);background:0 0;border:0;align-items:center;gap:7px;padding:0 12px;font-size:13px;display:flex;position:relative}.settings-tabs button svg{opacity:.8;flex:none}.settings-tabs button:hover{color:var(--text)}.settings-tabs button.active{color:var(--text);font-weight:500}.settings-tabs button.active svg{opacity:1;color:var(--accent)}.settings-tabs button.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;inset:auto 12px -1px}.settings-page{scrollbar-gutter:stable;height:100%;padding:28px var(--gutter) 56px;background:var(--bg);overflow-y:auto}.settings-view{min-width:0;max-width:720px}.settings-view:has(.templates-section){max-width:1000px}.settings-section{padding-top:0}.settings-lede{max-width:62ch;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.settings-caption{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 4px;font-size:11px;font-weight:600;display:flex}.settings-count{border-radius:var(--r-control);background:var(--panel-hover);min-width:18px;height:18px;color:var(--copy);letter-spacing:0;font-variant-numeric:tabular-nums;place-items:center;padding:0 5px;font-size:11px;font-weight:500;display:inline-grid}.settings-group{margin-top:28px}.settings-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 0;display:grid}.settings-row:last-child{border-bottom:0}.settings-row-lead{align-items:center;gap:10px;min-width:0;display:flex}.settings-row-main{gap:2px;min-width:0;display:grid}.settings-row-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.settings-row-meta{color:var(--muted);font-size:12px}.settings-row-aside{flex:none;align-items:center;gap:12px;font-size:12px;display:flex}.settings-chip{border:1px solid var(--line);border-radius:var(--r-control);min-width:66px;color:var(--muted);text-align:center;white-space:nowrap;padding:2px 6px;font-size:11px}.settings-state{text-align:right;min-width:104px}.settings-defs{margin:0}.settings-def{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(140px,200px) minmax(0,1fr);align-items:baseline;gap:16px;padding:12px 0;display:grid}.settings-def:last-child{border-bottom:0}.settings-def dt{color:var(--muted);font-size:12px}.settings-def dd{min-width:0;color:var(--text);text-overflow:ellipsis;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:500;display:flex;overflow:hidden}.state-dot{background:var(--faint);border-radius:50%;flex:none;width:6px;height:6px}.state-dot.on{background:var(--green);box-shadow:0 0 0 3px var(--green-bg)}.state-dot.off{background:var(--faint)}.settings-ok{color:var(--green)}.settings-error{color:var(--red)}.settings-off{color:var(--faint)}.settings-form{border-top:1px solid var(--line);align-items:end;gap:12px;margin-top:28px;padding-top:22px;display:grid}.settings-form .settings-caption{grid-column:1/-1;margin-bottom:0}.settings-form.for-agent{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.settings-form.for-tag{grid-template-columns:minmax(0,400px) auto;justify-content:start}.settings-field{flex-direction:column;gap:6px;min-width:0;display:flex}.settings-form input{height:36px;padding:0 10px}.settings-form .button{min-height:36px}.settings-tag-items{flex-wrap:wrap;gap:6px;display:flex}.settings-tag-chip{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel);min-height:30px;color:var(--copy);align-items:center;gap:8px;padding:0 10px;font-size:12px;display:inline-flex}.settings-tag-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-bg);border-radius:50%}.settings-empty{color:var(--muted);align-items:center;gap:12px;padding:4px 0;display:flex}.settings-empty-icon{border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);width:32px;height:32px;color:var(--faint);flex:none;place-items:center;display:grid}.settings-empty-copy{gap:2px;display:grid}.settings-empty strong{color:var(--copy);font-size:13px;font-weight:500;display:block}.settings-empty-copy span{color:var(--muted);font-size:12px}.settings-loading{color:var(--muted);align-items:center;gap:10px;padding-top:24px;font-size:12px;display:flex}.live-notice{z-index:30;border:1px solid var(--green-line);border-radius:var(--r-control);background:var(--green-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--green);box-shadow:var(--shadow-menu);animation:notice-in .16s var(--ease);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-6px)}}.mobile-only{display:none}.scrim{z-index:4;background:var(--scrim);position:fixed;inset:0}.thread-panel.context-collapsed{grid-template-columns:minmax(0,1fr) 0}.thread-panel.context-collapsed .customer-panel{display:none}.context-toggle{white-space:nowrap}@media (width>=761px){.sidebar{z-index:6;height:100dvh;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-is-collapsed .main-area{width:calc(100% - var(--rail-collapsed));margin-left:var(--rail-collapsed)}.sidebar-is-collapsed .sidebar{width:var(--rail-collapsed);flex-basis:var(--rail-collapsed);overflow:visible}.sidebar-collapsed .sidebar-head{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .sidebar-head>span,.sidebar-collapsed .workspace-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-item span,.sidebar-collapsed .user-meta{display:none}.sidebar-collapsed .workspace-pill{justify-content:center;margin-left:4px;margin-right:4px;padding-left:8px;padding-right:8px}.sidebar-collapsed .nav-item{justify-content:center;padding-left:8px;padding-right:8px}.sidebar-collapsed .user-row{flex-direction:column;gap:10px}}@media (width<=1280px){.inbox-grid{grid-template-columns:320px minmax(0,1fr)}.thread-panel{grid-template-columns:minmax(0,1fr) 276px}}@media (width<=1050px){.inbox-grid{grid-template-columns:296px minmax(0,1fr)}.thread-panel{grid-template-columns:minmax(0,1fr) 256px}.settings-page{padding:24px 20px 40px}}@media (width<=900px) and (width>=761px){.context-toggle span{display:none}}@media (width<=760px){.mobile-only{display:inline-grid}.sidebar{z-index:5;transition:transform .18s var(--ease);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-collapse{display:none}.main-area{width:100%;margin-left:0}.topbar{gap:12px;padding:0 16px}.topbar>div:nth-child(2){margin-right:auto}.top-actions .primary{width:32px;padding:0;font-size:0;overflow:hidden}.top-actions .primary svg{margin:0}.inbox-grid{height:calc(100dvh - var(--topbar));display:block}.ticket-list{border-right:0;height:100%}.thread-panel{inset:var(--topbar) 0 0;z-index:3;background:var(--bg);grid-template-columns:1fr;display:none;position:fixed}.thread-panel.has-selection{display:grid}.thread-panel.context-collapsed{grid-template-columns:1fr}.thread-head{padding:14px 16px}.thread-head h1{max-width:220px}.thread-head-actions select{max-width:120px}.context-toggle span{display:none}.timeline{padding:20px 16px}.composer{margin:0 16px 16px}.thread-panel .customer-panel{inset:var(--topbar) 0 0 auto;z-index:7;border-left:1px solid var(--line);width:min(340px,92vw);box-shadow:var(--shadow-drawer);transition:transform .18s var(--ease);position:fixed;transform:translate(0)}.thread-panel.context-collapsed .customer-panel{box-shadow:none;display:block;transform:translate(100%)}.modal-backdrop{align-items:end;padding:12px}.modal-card{max-height:calc(100dvh - 24px);padding:20px}.modal-row{grid-template-columns:1fr}.modal-actions .button{flex:1}.settings-page{padding:24px 16px 40px}.settings-tabs{padding:0 4px}.settings-form,.settings-form.for-agent,.settings-form.for-tag{grid-template-columns:1fr}.settings-form .button{width:100%}.settings-def{grid-template-columns:1fr;gap:4px}.settings-row{grid-template-columns:1fr}.settings-row-aside{justify-content:flex-start}}.templates-layout{grid-template-columns:224px minmax(0,1fr);align-items:start;gap:24px;padding-top:20px;display:grid}.templates-list{flex-direction:column;gap:1px;display:flex}.templates-list button{border-radius:var(--r-control);color:var(--muted);text-align:left;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:0;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex;position:relative}.templates-list button svg{flex:none}.templates-list button:hover{background:var(--panel-hover);color:var(--text)}.templates-list button.active{background:var(--accent-bg);color:var(--text);font-weight:500}.templates-list button.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:7px;bottom:7px;left:0}.templates-list-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.templates-badge{border:1px solid var(--accent-line);border-radius:var(--r-control);background:var(--accent-bg);color:var(--accent-soft);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;padding:1px 5px;font-size:10px;font-style:normal;font-weight:500}.templates-editor{flex-direction:column;gap:14px;min-width:0;display:flex}.templates-editor-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.templates-editor-head strong{color:var(--text);font-size:13px;font-weight:600}.templates-editor-head p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.templates-revision{color:var(--faint);flex-shrink:0;font-size:11px}.templates-alert{margin:0}.templates-saved{border:1px solid var(--green-line);border-radius:var(--r-control);background:var(--green-bg);color:var(--green);align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.templates-subject input{height:36px;padding:0 10px}.templates-area{resize:vertical;min-height:260px;padding:12px;line-height:1.7}.templates-area-code{font-family:var(--mono);font-size:12px;line-height:1.6}.templates-tabs{border-bottom:1px solid var(--line-soft);gap:2px;display:flex}.templates-tabs button{color:var(--muted);transition:color .12s var(--ease), border-color .12s var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 12px;font-size:12px;display:flex}.templates-tabs button:hover{color:var(--text)}.templates-tabs button.active{border-bottom-color:var(--accent);color:var(--text);font-weight:500}.templates-preview{flex-direction:column;gap:12px;min-height:260px;display:flex}.templates-preview-subject{border:1px solid var(--line);border-radius:var(--r-control);background:var(--field);flex-direction:column;gap:3px;padding:10px 12px;display:flex}.templates-preview-subject span{color:var(--faint);font-size:11px}.templates-preview-subject strong{color:var(--text);font-size:13px;font-weight:500}.templates-preview-html{border:1px solid var(--line);border-radius:var(--r-control);background:#fff;width:100%;min-height:240px}.templates-preview-text summary{color:var(--muted);cursor:pointer;font-size:12px}.templates-preview-text pre{border:1px solid var(--line);border-radius:var(--r-control);background:var(--field);color:var(--copy);font-family:var(--mono);white-space:pre-wrap;margin:8px 0 0;padding:10px 12px;font-size:12px;line-height:1.6}.templates-variables{flex-direction:column;gap:8px;display:flex}.templates-variables-title{color:var(--faint);font-size:11px}.templates-variables-list{flex-wrap:wrap;gap:6px;display:flex}.templates-variable{border:1px solid var(--line);border-radius:var(--r-control);background:var(--field);color:var(--copy);transition:border-color .12s var(--ease), background .12s var(--ease);align-items:baseline;gap:7px;padding:4px 8px;display:flex}.templates-variable:hover{border-color:var(--accent-line);background:var(--panel-hover)}.templates-variable code{color:var(--accent-soft);font-family:var(--mono);font-size:11px}.templates-variable em{color:var(--faint);font-size:11px;font-style:normal}.templates-actions{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.templates-state{color:var(--muted);font-size:12px}.templates-buttons{gap:8px;display:flex}@media (width<=900px){.templates-layout{grid-template-columns:minmax(0,1fr);gap:16px}.templates-list{flex-direction:row;gap:4px;overflow-x:auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}