.admin-shell{--sidebar-w:216px;background:var(--color-background);min-height:100dvh}.admin-topbar{top:0;left:var(--sidebar-w);height:64px;z-index:var(--z-nav);padding:0 var(--space-4);background:var(--paper-sheet);background-image:var(--paper-grain);color:var(--paper-ink);border-bottom:1px solid var(--paper-edge-sheet);box-shadow:var(--paper-sheen), 0 3px 0 var(--paper-edge-sheet), 0 6px 14px #6b422612;justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.admin-topbar__brand{align-items:center;gap:var(--space-3);display:flex}.admin-topbar__logo{border-radius:var(--radius-full);background:var(--paper-orange);width:36px;height:36px;box-shadow:var(--sticker-ring), var(--lift-1);transition:transform var(--duration-fast) ease;border:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.admin-topbar__logo:hover{transform:scale(1.05)}.admin-topbar__logo .material-symbols-outlined{font-size:20px}.admin-topbar__title{font-family:var(--font-headline);letter-spacing:var(--tracking-tight);color:var(--paper-ink);text-shadow:none;font-size:1.125rem;font-weight:800}.admin-topbar__close{color:var(--paper-ink-soft);transition:transform var(--duration-fast) ease;opacity:.85}.admin-topbar__menu{color:var(--paper-ink)}.admin-topbar__close:hover{opacity:1;transform:scale(.9)}.admin-topbar__theme-toggle{border-radius:var(--radius-full);width:32px;height:32px;color:var(--paper-ink-soft);cursor:pointer;transition:transform var(--duration-fast) ease, background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.admin-topbar__theme-toggle:hover{background:var(--paper-shade);color:var(--paper-ink);transform:scale(1.05)}.admin-topbar__theme-toggle .material-symbols-outlined{font-size:20px}.admin-content{margin-left:var(--sidebar-w);padding-top:64px;padding-left:var(--space-4);padding-right:var(--space-4)}.admin-content--full-bleed{padding-left:0;padding-right:0;overflow:hidden}.admin-nav{width:var(--sidebar-w);z-index:calc(var(--z-nav) + 1);padding:72px var(--space-3) var(--space-4);background:var(--paper-nav);background-image:var(--paper-grain);-webkit-backdrop-filter:none;backdrop-filter:none;border-right:1px solid var(--paper-nav-edge);box-shadow:var(--shadow-nav);flex-direction:column;align-items:stretch;gap:4px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@media (width>=768px){.admin-nav{padding-top:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--paper-nav-edge);box-shadow:var(--paper-sheen), 0 5px 0 var(--paper-nav-edge), var(--lift-2);top:12px;bottom:12px;left:12px}.admin-topbar{left:calc(var(--sidebar-w) + 24px)}.admin-content{margin-left:calc(var(--sidebar-w) + 24px)}}.admin-nav__close{top:var(--space-4);right:var(--space-3);background:var(--paper-sheet);width:38px;height:38px;color:var(--paper-ink);cursor:pointer;box-shadow:0 2px 0 var(--paper-edge-sheet), 0 0 0 3px var(--paper-nav), var(--shadow-subtle);border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute}.admin-nav__close .material-symbols-outlined{font-size:20px}.admin-nav__close:hover{background:var(--paper-shade)}.admin-nav__close:active{box-shadow:0 0 0 var(--paper-edge-sheet), 0 0 0 3px var(--paper-nav), var(--shadow-subtle);transform:translateY(2px)}.admin-nav__lang{padding-top:var(--space-3);margin-top:auto}.admin-nav__lang-select{appearance:none;background-color:var(--paper-sheet);background-image:linear-gradient(45deg, transparent 50%, var(--paper-ink-soft) 50%), linear-gradient(135deg, var(--paper-ink-soft) 50%, transparent 50%);border:1px solid var(--paper-edge-sheet);border-radius:var(--radius-sm);width:100%;box-shadow:0 2px 0 var(--paper-edge-sheet);font-family:var(--font-headline);color:var(--paper-ink-soft);cursor:pointer;background-position:right 14px center,right 9px center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:8px 28px 8px 10px;font-size:11px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.admin-nav__lang-select:hover{background-color:var(--paper-shade)}.admin-nav__lang-select:focus-visible{outline:2px solid var(--paper-orange);outline-offset:1px}.admin-nav__lang-select option{background:var(--paper-sheet);color:var(--paper-ink)}.admin-nav__lang-select option:disabled{color:var(--paper-ink-soft);font-style:italic}.admin-nav__tab{color:var(--paper-ink-soft);border-radius:var(--radius-default);transition:all .2s var(--ease-spring);flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:10px 14px;display:flex}.admin-nav__tab .material-symbols-outlined{transition:transform .2s var(--ease-spring);font-size:22px}.admin-nav__tab:hover{color:var(--paper-ink);background:#ee7a1c1a;transform:translateY(-1px)}.admin-nav__tab:hover .material-symbols-outlined{transform:scale(1.15)}.admin-nav__tab--active{background-color:var(--paper-orange);background-image:var(--paper-tex-fiber);background-blend-mode:soft-light;color:var(--color-on-primary);box-shadow:var(--sticker-ring), 0 3px 0 var(--paper-edge-orange), var(--shadow-subtle);background-size:280px;transform:rotate(-1deg)}.admin-nav__tab--active:hover{background-color:var(--paper-orange);color:var(--color-on-primary);transform:rotate(-1deg)}.admin-nav__tab--active .material-symbols-outlined{animation:pop-in .35s var(--ease-spring);transform:scale(1.1)}.admin-nav__label{font-family:var(--font-label);font-size:13px;font-weight:600}@media (width>=768px){.dashboard-layout{gap:var(--space-6);grid-template-columns:320px 1fr;min-height:calc(100dvh - 80px);display:grid}.dashboard-sidebar{height:fit-content;max-height:calc(100dvh - 100px);position:sticky;top:80px;overflow-y:auto}.sessions-scroll{flex-direction:column!important;padding-bottom:0!important;overflow-x:visible!important}.session-card{min-width:unset!important;width:100%!important}}.view-enter{animation:viewSlideIn var(--duration-slow) var(--ease-spring) forwards}@keyframes viewSlideIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.admin-topbar{height:56px;padding:0 var(--space-3)}.admin-topbar__title{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.95rem;overflow:hidden}.admin-topbar__logo{width:30px;height:30px}.admin-content{padding-top:56px;padding-left:var(--space-3);padding-right:var(--space-3)}.admin-topbar__email{display:none}}@media (width<=360px){.admin-topbar__title{max-width:120px;font-size:.875rem}}:root:not([data-theme=dark]) .admin-shell{background-image:url(/assets/desk-bg-CdTseJfq.webp);background-position:50%;background-size:cover;background-attachment:fixed}.admin-nav__stickers{justify-content:center;align-items:flex-start;gap:10px;padding:10px 0 2px;display:flex}.admin-nav__stickers img{filter:drop-shadow(0 3px 4px #6b422647);width:34px;height:auto;rotate:-7deg}.admin-nav__stickers img+img{margin-top:6px;rotate:9deg}:root[data-theme=dark] .admin-shell{background-image:url(/assets/desk-bg-dark-BEw2g-x2.webp);background-position:50%;background-size:cover;background-attachment:fixed}@media (width<=767px){:root:not([data-theme=dark]) .admin-shell{background-image:url(/assets/desk-bg-portrait-DaTjlTzM.webp)}}.paper-grain{position:relative}.paper-grain:before{content:"";background-image:var(--paper-grain);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.paper-card{background-color:var(--paper-sheet);background-image:var(--paper-tex-fiber);background-blend-mode:soft-light;border-radius:var(--radius-lg);box-shadow:var(--paper-sheen), 0 4px 0 var(--card-edge,var(--paper-edge-sheet)), var(--lift-2);background-size:280px;border:1px solid #6b42260f}.paper-card--peach.paper-card--peach{background-color:var(--color-primary-container);border-color:var(--paper-edge-peach);--card-edge:var(--paper-edge-peach);--tile-deep:var(--color-on-primary-container)}.paper-card--mint.paper-card--mint{background-color:var(--paper-pastel-mint);border-color:var(--paper-edge-mint);--card-edge:var(--paper-edge-mint);--tile-deep:var(--paper-pastel-mint-deep)}.paper-card--blush.paper-card--blush{background-color:var(--paper-pastel-blush);border-color:var(--paper-edge-blush);--card-edge:var(--paper-edge-blush);--tile-deep:var(--paper-pastel-blush-deep)}.paper-card--butter.paper-card--butter{background-color:var(--paper-pastel-butter);border-color:var(--paper-edge-butter);--card-edge:var(--paper-edge-butter);--tile-deep:var(--paper-pastel-butter-deep)}.paper-card--sky.paper-card--sky{background-color:var(--paper-pastel-sky);border-color:var(--paper-edge-sky);--card-edge:var(--paper-edge-sky);--tile-deep:var(--paper-pastel-sky-deep)}.paper-card--lilac.paper-card--lilac{background-color:var(--paper-pastel-lilac);border-color:var(--paper-edge-lilac);--card-edge:var(--paper-edge-lilac);--tile-deep:var(--paper-pastel-lilac-deep)}.paper-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-headline);border-radius:var(--radius-default);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease;border:none;padding:10px 18px;font-size:.9rem;font-weight:700;display:inline-flex}.paper-btn--primary{background-color:var(--paper-orange);color:var(--color-on-primary);background-image:var(--paper-tex-fiber);background-blend-mode:soft-light;box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1);background-size:280px}.paper-btn--primary:hover{background-color:var(--paper-orange-bright)}.paper-btn--kraft{background-color:var(--paper-kraft);color:var(--paper-ink);background-image:var(--paper-tex-kraft);background-blend-mode:soft-light;box-shadow:0 3px 0 var(--paper-edge-kraft), var(--lift-1);background-size:280px}.paper-btn--kraft:hover{background-color:var(--paper-shade)}.paper-btn--danger{background-color:var(--paper-terracotta);color:#fff;background-image:var(--paper-tex-fiber);background-blend-mode:soft-light;box-shadow:0 3px 0 var(--paper-edge-terracotta), var(--lift-1);background-size:280px}.paper-btn--ghost{color:var(--paper-ink-soft);box-shadow:none;background:0 0}.paper-btn--ghost:hover{color:var(--paper-ink);text-decoration:underline}.paper-btn--primary:active,.paper-btn--kraft:active,.paper-btn--danger:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.paper-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.paper-well{background:var(--paper-well);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);color:var(--paper-ink);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;box-shadow:inset 0 3px 5px #6b42261f,inset 0 1.5px #6b42261a}.paper-well:focus,.paper-well:focus-within{border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}input.paper-well,textarea.paper-well,select.paper-well{padding:10px 12px}.paper-sticker{border-radius:var(--radius-full);box-shadow:var(--sticker-ring), var(--lift-1)}.paper-tag{background-color:var(--paper-sheet);background-image:var(--paper-tex-kraft);background-blend-mode:soft-light;border:1px solid var(--paper-edge-sheet);border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--paper-edge-sheet);font-family:var(--font-headline);color:var(--paper-ink-soft);cursor:pointer;background-size:280px;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.paper-tag.is-active{background:var(--paper-orange);color:var(--color-on-primary);border-color:var(--paper-edge-orange);box-shadow:0 2px 0 var(--paper-edge-orange)}.paper-modal-overlay{background:var(--paper-scrim);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.paper-modal{background-color:var(--paper-sheet);background-image:var(--paper-tex-fiber);background-blend-mode:soft-light;border-radius:var(--radius-xl);box-shadow:var(--paper-sheen), 0 5px 0 var(--paper-edge-sheet), var(--lift-3);padding:var(--space-6);max-width:92vw;max-height:88vh;animation:paper-drop var(--duration-normal) var(--ease-spring);background-size:280px;overflow:auto}@keyframes paper-drop{0%{opacity:0;transform:translateY(-14px)rotate(-1deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.paper-toast{background-color:var(--paper-kraft);color:var(--paper-ink);background-image:var(--paper-tex-kraft);background-blend-mode:soft-light;font-family:var(--font-headline);border-radius:var(--radius-sm);box-shadow:0 3px 0 var(--paper-edge-kraft), var(--lift-2);z-index:var(--z-modal);animation:paper-drop var(--duration-normal) var(--ease-spring);background-size:280px;padding:10px 20px 12px;font-size:.8125rem;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.paper-toast:before{content:"";background:#f5c842a6;border-radius:2px;width:44px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-2deg)}.paper-toast--success{box-shadow:0 3px 0 #b9ccbe, var(--lift-2);background:#dde9e0}.paper-toast--error{background:var(--color-error-container);box-shadow:0 3px 0 #e0b4ab, var(--lift-2)}.washi{position:relative}.washi:after{content:"";pointer-events:none;background:#f5c8428c;border-radius:2px;width:46px;height:16px;position:absolute;top:-8px;right:14px;transform:rotate(3deg)}.edge-scallop{-webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 8px) no-repeat,radial-gradient(8px at 8px 0,#000 98%,#0000) bottom/16px 8px repeat-x;mask:linear-gradient(#000,#000) top/100% calc(100% - 8px) no-repeat,radial-gradient(8px at 8px 0,#000 98%,#0000) bottom/16px 8px repeat-x}.edge-torn{--torn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='10'%3E%3Cpath d='M0 0 L7 6 L15 2 L24 8 L33 3 L44 9 L53 4 L62 8 L71 2 L82 7 L91 3 L102 8 L111 4 L120 0 L120 0 L0 0 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask:linear-gradient(#000, #000) top / 100% calc(100% - 9px) no-repeat, var(--torn) bottom / 120px 10px repeat-x;-webkit-mask:linear-gradient(#000, #000) top / 100% calc(100% - 9px) no-repeat, var(--torn) bottom / 120px 10px repeat-x;mask:linear-gradient(#000, #000) top / 100% calc(100% - 9px) no-repeat, var(--torn) bottom / 120px 10px repeat-x}@media (prefers-reduced-motion:reduce){.paper-btn,.paper-modal,.paper-toast{transition:none;animation:none}.paper-btn:active{transform:none}}.paper-banner,.flows-landing__title,.analytics__title{background-color:var(--paper-orange);background-image:var(--paper-tex-fiber);background-blend-mode:soft-light;width:fit-content;color:var(--color-on-primary);font-family:var(--font-headline);clip-path:polygon(9px 0%,calc(100% - 9px) 0%,100% 12.5%,calc(100% - 9px) 25%,100% 37.5%,calc(100% - 9px) 50%,100% 62.5%,calc(100% - 9px) 75%,100% 87.5%,calc(100% - 9px) 100%,9px 100%,0% 87.5%,9px 75%,0% 62.5%,9px 50%,0% 37.5%,9px 25%,0% 12.5%);filter:drop-shadow(0 3px 0 var(--paper-edge-orange)) drop-shadow(0 6px 10px #6b42262e);background-size:280px;align-items:center;gap:10px;padding:8px 26px 10px;display:inline-flex}.paper-gift-tag{background-color:var(--paper-kraft);background-image:var(--paper-tex-kraft);background-blend-mode:soft-light;color:var(--paper-ink);font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.03em;clip-path:polygon(10px 0%,100% 0%,100% 100%,10px 100%,0% 50%);filter:drop-shadow(0 2px 0 var(--paper-edge-kraft));background-size:280px;border-radius:0 5px 5px 0;align-items:center;gap:5px;padding:4px 10px 4px 13px;font-size:.62rem;font-weight:700;display:inline-flex}.paper-gift-tag:before{content:"";background:var(--paper-desk);border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 0 1.5px #6b422659}.paper-scene{border-radius:var(--radius-lg);max-width:100%;height:auto;box-shadow:var(--paper-sheen), 0 4px 0 var(--paper-edge-sheet), var(--lift-2);border:1px solid #6b422614;margin:0 auto 12px;display:block}.paper-prop{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 8px #6b422638);z-index:1;position:absolute}.paper-prop--inline{flex-shrink:0;margin-top:-14px;margin-bottom:-6px;position:static}.paper-prop--bunting{width:190px;top:-56px;right:4px}.paper-prop--plane{width:80px;top:4px;left:500px;rotate:-8deg}.paper-prop--washi{width:46px;top:-14px;left:300px;rotate:12deg}.paper-prop--stamp{width:62px;top:-12px;right:18px;rotate:9deg}@media (width<=900px){.paper-prop--bunting{width:120px;top:-30px;right:2px}.paper-prop--plane{width:48px;top:-10px;left:auto;right:8px}.paper-prop--washi{width:32px;top:-24px;left:auto;right:-4px}.paper-prop--stamp{width:42px;top:-10px;right:10px}}.paper-prop--books{width:58px;top:-16px;right:16px;rotate:-5deg}.paper-prop--bell{width:38px;top:-14px;right:10px;rotate:8deg}.paper-prop--envelope{width:44px;top:-18px;left:118px;rotate:-7deg}.paper-prop--coffee{width:40px;top:-12px;right:52px;rotate:6deg}.paper-prop--scene-thumb{border-radius:var(--radius-md);width:150px;box-shadow:var(--paper-sheen), 0 3px 0 var(--paper-edge-sheet), var(--lift-1);pointer-events:none;border:1px solid #6b422614;position:absolute;top:-6px;right:0;rotate:1.5deg}@media (width<=900px){.paper-prop--books{width:44px}.paper-prop--bell,.paper-prop--washi{display:none}.paper-prop--envelope{width:36px}.paper-prop--coffee{width:32px}.paper-prop--scene-thumb{display:none}}:root[data-theme=dark]{--paper-desk:#0e1826;--paper-sheet:#16273e;--paper-kraft:#1b2c43;--paper-shade:#203450;--paper-well:#101e31;--paper-ink:#fbf7ef;--paper-ink-soft:#cfc3aa;--paper-navy:#0a1420;--paper-edge-sheet:#0b1728;--paper-edge-kraft:#101d30;--paper-pastel-mint:#26352a;--paper-pastel-blush:#3a2b26;--paper-pastel-butter:#38301c;--paper-pastel-sky:#26303a;--paper-pastel-lilac:#322b38;--paper-edge-peach:#5e3e1b;--paper-edge-mint:#3a4d3e;--paper-edge-blush:#52403a;--paper-edge-butter:#4e4429;--paper-edge-sky:#3a4652;--paper-edge-lilac:#463e4e;--paper-pastel-mint-deep:#9bbfa8;--paper-pastel-blush-deep:#e8a196;--paper-pastel-butter-deep:#f0c972;--paper-pastel-sky-deep:#8fa9cc;--paper-pastel-lilac-deep:#c3aecb;--paper-nav:#1b2c43;--paper-nav-edge:#101d30;--color-success:#5e8b6f;--color-info:#6e8fbf;--color-error:#d96a5c;--color-error-container:#4a2018;--color-on-error-container:#f6d9d2;--color-warning-container:#4a3712;--color-on-warning-container:#f0c972;--color-surface:#0e1826;--color-background:#0e1826;--color-surface-bright:#223755;--color-surface-dim:#0a1320;--color-surface-container-lowest:#16273e;--color-surface-container-low:#14243a;--color-surface-container:#122136;--color-surface-container-high:#203450;--color-surface-container-highest:#253a57;--color-on-background:#fbf7ef;--color-on-surface:#fbf7ef;--color-on-surface-variant:#cfc3aa;--color-outline:#50647f;--color-outline-variant:#394d67;--color-inverse-surface:#fbf7ef;--color-inverse-on-surface:#33261a;--color-primary-container:#4a2e10;--color-on-primary-container:#fbdcb8;--color-secondary-container:#3a2e1c;--color-on-secondary-container:#e9d6b8;--paper-sheen:inset 0 1px 0 #ffffff0f;--lift-1:0 2px 4px #050a1473, 0 5px 10px #050a144d;--lift-2:0 4px 8px #050a1473, 0 12px 24px #050a1459;--lift-3:0 6px 12px #050a1480, 0 24px 48px #050a1473;--shadow-subtle:0 3px 8px #050a1466;--shadow-nav:4px 0 18px #050a1466;--shadow-ambient:0 16px 32px #050a1466;--shadow-elevated:0 8px 18px #050a1466;--shadow-fab:0 8px 20px #050a1480;--shadow-fab-strong:0 10px 24px #050a148c;--paper-scrim:#0409129e;--sticker-ring:0 0 0 3px var(--paper-sheet);--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=dark] .flow-builder__toolbar,:root[data-theme=dark] .flow-builder__minimap{background-color:#16273ed9}:root[data-theme=dark] .flow-goalbar{background:#16273eeb}:root[data-theme=dark] .flow-node--cat-triggers .flow-node__label,:root[data-theme=dark] .flow-node--cat-actions .flow-node__label{color:#8fa9cc}:root[data-theme=dark] .flow-node--cat-conditions .flow-node__label{color:var(--color-on-warning-container)}:root[data-theme=dark] .flow-node--cat-shopify .flow-node__label{color:#9bbfa8}:root[data-theme=dark] .paper-toast--success{box-shadow:0 3px 0 #152a1e, var(--lift-2);background:#223d2e}.admin-login{background-color:var(--paper-desk);background-image:var(--paper-grain);min-height:100dvh;padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}:root:not([data-theme=dark]) .admin-login{background-image:url(/assets/desk-bg-CdTseJfq.webp);background-position:50%;background-size:cover}:root[data-theme=dark] .admin-login{background-image:url(/assets/desk-bg-dark-BEw2g-x2.webp);background-position:50%;background-size:cover}.admin-login:before{content:"";pointer-events:none;background:radial-gradient(90% 70% at 50% 30%,#f7931e24,#0000 70%);position:absolute;inset:0}.login-stage{pointer-events:none;position:absolute;inset:0}.login-stage__hill{border-radius:50% 50% 0 0;width:70vw;height:200px;position:absolute;bottom:-40px;box-shadow:0 -4px 12px #6b422614}.login-stage__hill--left{background:var(--paper-kraft);left:-15vw}.login-stage__hill--right{background:var(--paper-shade);bottom:-70px;right:-15vw}.login-split{z-index:1;justify-content:center;align-items:center;gap:48px;width:100%;max-width:1080px;display:flex;position:relative}.login-main{flex-direction:column;align-items:center;display:flex}.login-split{flex-direction:column;gap:16px}.login-scene{width:100%;max-width:420px;display:block}.login-scene__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 38%;object-position:center 38%;border-radius:var(--radius-lg);width:100%;height:150px;box-shadow:var(--paper-sheen), 0 4px 0 var(--paper-edge-kraft), var(--lift-2);border:1px solid #6b422614;display:block}.login-mascot{display:none}@media (width>=1024px){.login-split{flex-direction:row;gap:48px}.login-scene{flex:46%;max-width:470px}.login-scene__img{display:none}.login-card{margin-top:0}}.login-mascot{z-index:2;filter:drop-shadow(0 6px 10px #6b422640);height:auto;max-height:128px;margin-bottom:-34px;animation:3.5s ease-in-out infinite mascot-bob;position:relative}@keyframes mascot-bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-6px)rotate(1.5deg)}}@media (prefers-reduced-motion:reduce){.login-mascot{animation:none}}.login-card{background:var(--paper-sheet);-webkit-backdrop-filter:none;border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--lift-3);z-index:1;border:1px solid #6b42260f;padding:40px 36px;position:relative}.login-card__header{text-align:center;margin-bottom:var(--space-8)}.login-card__wordmark{width:auto;max-width:220px;height:64px;margin:0 auto var(--space-3);-o-object-fit:contain;object-fit:contain;display:block}.login-card__subtitle{color:var(--color-on-surface-variant);margin-top:var(--space-1);font-size:.875rem}.login-card__form{gap:var(--space-5);flex-direction:column;display:flex}.login-card__field label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-on-surface-variant);margin-bottom:var(--space-2);font-size:.75rem;font-weight:600;display:block}.login-card__input-wrapper{align-items:center;gap:var(--space-3);background:var(--color-surface-container);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border:2px solid #0000;transition:box-shadow .2s,border-color .2s;display:flex}.login-card__input-wrapper:focus-within{border-color:var(--paper-orange);background:var(--paper-well);box-shadow:0 0 0 3px #ee7a1c2e}.login-card__input-wrapper .material-symbols-outlined{color:var(--color-on-surface-variant);opacity:.6;font-size:20px}.login-card__input-wrapper input{color:var(--color-on-surface);font-size:.9375rem;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.login-card__input-wrapper input::placeholder{color:var(--color-on-surface-variant);opacity:.5}.login-card__toggle-pw{cursor:pointer;background:0 0;border:none;padding:0;display:flex}.login-card__toggle-pw .material-symbols-outlined{opacity:.5;font-size:20px;transition:opacity .2s}.login-card__toggle-pw:hover .material-symbols-outlined{opacity:.8}.login-card__error{color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-default);text-align:center;background:#ef444414;border:1px solid #ef444426;font-size:.8125rem;display:none}.login-card__submit{justify-content:center;align-items:center;gap:var(--space-2);background:var(--paper-orange);height:52px;color:var(--color-on-primary);border-radius:var(--radius-lg);font-family:var(--font-headline);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease, background .2s ease;box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1);letter-spacing:.02em;border:none;font-size:1rem;font-weight:800;display:flex}.login-card__submit:hover{background:var(--paper-orange-bright)}.login-card__submit:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.login-card__submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1);transform:none}.login-card__submit-loading{align-items:center;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@media (width<=480px){.admin-login{padding:var(--space-4);justify-content:flex-start;padding-top:15dvh}.login-card{padding:var(--space-6);border-radius:var(--radius-lg)}.login-card__wordmark{max-width:180px;height:52px}.login-card__header{margin-bottom:var(--space-6)}.login-card__input-wrapper input{font-size:16px}}.login-card__links{justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;font-size:.8rem;display:flex}.login-card__links a{color:var(--color-primary,#f7931e);font-weight:500;text-decoration:none}.login-card__links a:hover{text-decoration:underline}.login-card__divider{color:var(--color-outline-variant)}.login-scene{position:relative}.login-scene__video{display:none}.login-scene__sun{filter:drop-shadow(0 4px 6px #6b42264d);width:56px;display:none;position:absolute;top:-18px;right:-14px;rotate:12deg}@media (width>=1024px){.login-scene__img{display:none}.login-scene__video{border-radius:var(--radius-2xl);width:100%;height:auto;box-shadow:var(--paper-sheen), 0 6px 0 var(--paper-edge-kraft), var(--lift-3);border:1px solid #6b422614;display:block}.login-scene__sun{display:block}}.subtab-shell{flex-direction:column;height:100%;min-height:0;display:flex}.subtab-bar{padding:12px var(--space-4) 0;background:0 0;flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}@media (width<=767px){.subtab-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow:auto hidden}.subtab-bar::-webkit-scrollbar{display:none}.subtab-btn{white-space:nowrap;flex:none}.subtab-panel:not(.subtab-panel--full-bleed){padding-bottom:120px}}.subtab-btn{background:var(--paper-shade);color:var(--paper-ink-soft);border:1px solid var(--paper-edge-sheet);font-family:var(--font-headline);cursor:pointer;box-shadow:var(--paper-sheen), inset 0 -8px 10px -8px #6b422638;transition:background var(--duration-fast) ease, color var(--duration-fast) ease, padding var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-bottom:none;border-radius:12px 12px 0 0;align-items:center;gap:6px;padding:8px 16px 10px;font-size:13px;font-weight:600;display:inline-flex;position:relative;top:1px}@media (hover:hover){.subtab-btn:hover{background:var(--paper-sheet);color:var(--paper-ink)}}.subtab-btn--active{background:var(--paper-sheet);color:var(--paper-ink);box-shadow:var(--paper-sheen), 0 -5px 12px #6b42261a, 4px -3px 8px -6px #6b422638, -4px -3px 8px -6px #6b422638;z-index:1;padding-top:11px;padding-bottom:12px;font-weight:700}.subtab-btn__badge{background:var(--paper-terracotta);color:#fff;border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--paper-sheet);padding:3px 7px;font-size:10px;font-weight:700}.subtab-panel{min-height:0;padding:var(--space-4);background:var(--paper-sheet);border-top:1px solid var(--paper-edge-sheet);flex:1;overflow:auto}.subtab-panel--full-bleed{padding:0;overflow:hidden}@media (width<=767px){.admin-shell{--sidebar-w:0px}.admin-nav{width:232px;transition:transform var(--duration-normal) cubic-bezier(.34, 1.4, .64, 1);box-shadow:none;--torn-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='120'%3E%3Cpath d='M0 0 L4 7 L1 15 L7 24 L2 33 L8 44 L3 53 L7 62 L1 71 L6 82 L2 91 L7 102 L3 111 L5 120 L0 120 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask:linear-gradient(#000, #000) left / calc(100% - 9px) 100% no-repeat, var(--torn-v) right / 10px 120px repeat-y;-webkit-mask:linear-gradient(#000, #000) left / calc(100% - 9px) 100% no-repeat, var(--torn-v) right / 10px 120px repeat-y;mask:linear-gradient(#000, #000) left / calc(100% - 9px) 100% no-repeat, var(--torn-v) right / 10px 120px repeat-y;filter:drop-shadow(6px 0 14px #1f170e59)drop-shadow(2px 0 3px #1f170e38);border-right:none;transform:translate(-100%)}.admin-shell--nav-open .admin-nav{z-index:calc(var(--z-chat-window) + 1);transform:translate(0)}.admin-nav__close{display:inline-flex}.admin-topbar__menu{display:inline-flex!important}.admin-shell--nav-open:after{content:"";background:var(--paper-scrim);z-index:var(--z-chat-window);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.admin-nav{transition-duration:10ms}}}.inbox-layout{background-color:var(--color-surface);grid-template-columns:340px 1fr 340px;gap:0;height:calc(100dvh - 144px);display:grid;overflow:hidden}.inbox-sidebar{background-color:var(--color-surface-container-lowest);border-right:1px solid var(--color-outline-variant);flex-direction:column;display:flex;overflow:hidden}.inbox-sidebar__header{padding:var(--space-5) var(--space-5);background:linear-gradient(135deg,#ee7a1c0f,#4a6fa50f);border-bottom:1px solid #ee7a1c14;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.inbox-sidebar__header h2{font-family:var(--font-headline);color:var(--color-on-background);letter-spacing:var(--tracking-tight);align-items:center;gap:var(--space-2);margin:0;font-size:1.25rem;font-weight:800;display:flex}.inbox-sidebar__header h2:before{content:"";border-radius:var(--radius-full);background:linear-gradient(135deg,#ee7a1c,#f7931e);width:8px;height:8px;animation:2.5s ease-in-out infinite inboxPulse;display:inline-block;box-shadow:0 0 8px #ee7a1c66}@keyframes inboxPulse{0%,to{box-shadow:0 0 8px #ee7a1c66}50%{box-shadow:0 0 14px #ee7a1cb3}}.inbox-sidebar__total{color:var(--color-on-primary);border-radius:var(--radius-full);background:linear-gradient(135deg,#ee7a1c,#f7931e);padding:3px 10px;font-size:.6875rem;font-weight:700;box-shadow:0 2px 8px #ee7a1c40}.inbox-sidebar__header-actions{align-items:center;gap:var(--space-2);display:flex}.inbox-sidebar__header-btn{border-radius:var(--radius-default);width:32px;height:32px;color:var(--color-on-surface-variant);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.inbox-sidebar__header-btn:hover{background-color:var(--color-surface-container);color:var(--color-on-background)}.inbox-tabs{padding:var(--space-3) var(--space-3);flex-direction:column;flex-shrink:0;gap:4px;display:flex}.inbox-tab{align-items:center;gap:var(--space-3);padding:10px var(--space-3);font-family:var(--font-body);color:var(--color-on-surface-variant);white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;border-radius:12px;width:100%;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.inbox-tab:hover{color:var(--color-on-background);background-color:var(--color-surface-container-low);transform:translate(2px)}.inbox-tab--active{color:var(--color-on-background);background:linear-gradient(135deg,#ee7a1c14,#ee7a1c08);border-left-color:#ee7a1c;font-weight:700}.inbox-tab .material-symbols-outlined{background:var(--color-surface-container-low);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.inbox-tab--active .material-symbols-outlined{background:linear-gradient(135deg,#ee7a1c26,#f7931e1a)}.inbox-tab__count{border-radius:var(--radius-full);background-color:var(--color-surface-container);min-width:22px;height:22px;color:var(--color-on-surface-variant);justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-size:.6875rem;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.inbox-tab--active .inbox-tab__count{color:var(--color-on-primary);background:linear-gradient(135deg,#ee7a1c,#f7931e);box-shadow:0 2px 8px #ee7a1c4d}.inbox-channel-filter{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);flex-shrink:0;display:flex}.inbox-channel-filter .pill-chip{padding:4px 12px;font-size:.7rem}.inbox-channel-filter .pill-chip.is-active{background:var(--paper-orange);color:var(--color-on-primary);border-color:var(--paper-edge-orange)}.inbox-list{overscroll-behavior:contain;flex:1;overflow:hidden auto}.inbox-list::-webkit-scrollbar{width:4px}.inbox-list::-webkit-scrollbar-track{background:0 0}.inbox-list::-webkit-scrollbar-thumb{background-color:var(--color-outline-variant);border-radius:var(--radius-full)}.inbox-list__empty{padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-on-surface-variant);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.inbox-list__empty .material-symbols-outlined{opacity:.3;font-size:40px}.inbox-list__empty p{opacity:.6;margin:0;font-size:.8125rem;font-weight:500}.inbox-card{align-items:center;gap:var(--space-3);padding:12px var(--space-4);cursor:pointer;background:var(--paper-sheet);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);border:1px solid #6b42260f;margin:0 8px;transition:all .2s;display:flex;position:relative}.inbox-card:hover{background-color:var(--color-surface-container-low);transform:translate(2px)}.inbox-card--selected,.inbox-card--selected:hover{box-shadow:inset 3px 0 0 var(--paper-orange), var(--lift-1)}.inbox-card--needs-human{border-left:3px solid var(--color-error)}.inbox-card--needs-human.inbox-card--selected{box-shadow:inset 3px 0 0 var(--color-error), var(--lift-1)}.inbox-card--ai-active{border-left:3px solid var(--paper-blue)}.inbox-card--ai-active.inbox-card--selected{box-shadow:inset 3px 0 0 var(--paper-blue), var(--lift-1)}.inbox-card--pending{border-left:3px solid #c99716}.inbox-card--pending.inbox-card--selected{box-shadow:inset 3px 0 0 #c99716, var(--lift-1)}.inbox-card--solved{border-left:3px solid var(--paper-green);opacity:.7}.inbox-card--solved:hover,.inbox-card--solved.inbox-card--selected{opacity:1}.inbox-card--solved.inbox-card--selected{box-shadow:inset 3px 0 0 var(--paper-green), var(--lift-1)}.inbox-card--closed{border-left:3px solid var(--paper-ink-soft);opacity:.55}.inbox-card--closed:hover,.inbox-card--closed.inbox-card--selected{opacity:1}.inbox-card--closed.inbox-card--selected{box-shadow:inset 3px 0 0 var(--paper-ink-soft), var(--lift-1)}.inbox-card--unread .inbox-card__name{font-weight:800}.inbox-card--unread .inbox-card__preview{color:var(--color-on-background);font-weight:600}.inbox-card__avatar-wrap{flex-shrink:0;width:40px;height:40px;position:relative}.inbox-card__avatar{width:40px;height:40px;font-family:var(--font-headline);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 3px 10px #0000001a}.inbox-card__channel{background:var(--paper-sheet);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 3px #00000026}.inbox-card__channel--whatsapp{color:#25d366}.inbox-card__channel--whatsapp svg{width:14px;height:14px}.inbox-card__channel--phone{background:var(--color-info);color:#fff}.inbox-card:hover .inbox-card__avatar{transform:scale(1.05)}.inbox-card__avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.inbox-card__avatar .material-symbols-outlined{color:#fff;font-size:18px}.inbox-card__body,.inbox-card__content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.inbox-card__top,.inbox-card__top-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.inbox-card__name{font-family:var(--font-headline);color:var(--color-on-background);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.inbox-card__preview{font-family:var(--font-body);color:var(--color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1.4;overflow:hidden}.inbox-card__meta{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.inbox-card__time{color:var(--color-on-surface-variant);white-space:nowrap;flex-shrink:0;font-size:.6875rem;font-weight:500}.inbox-card__status{border-radius:var(--radius-full);width:8px;height:8px}.inbox-card__status--active{background-color:#39ff14;box-shadow:0 0 6px #39ff1466}.inbox-card__status--alert{background-color:var(--color-error);box-shadow:0 0 6px #c73e2e4d}.inbox-card__status--solved{background-color:var(--color-outline-variant)}.inbox-card__badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wider);align-items:center;gap:3px;padding:4px 6px;font-size:.625rem;font-weight:700;display:inline-flex}.inbox-card__badge--ai{color:var(--color-secondary);background-color:#0066661a}.inbox-card__badge--human{color:var(--color-error);background-color:#c73e2e14}.inbox-card__unread-dot{border-radius:var(--radius-full);background-color:var(--color-primary);flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite unreadPulse}@keyframes unreadPulse{0%,to{opacity:1}50%{opacity:.5}}.inbox-conversation{background-color:var(--color-surface-container-lowest);background-image:radial-gradient(circle at 20% 80%,#4a6fa505 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ee7a1c05 0%,#0000 50%);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.inbox-conv__header{padding:var(--space-4) var(--space-5);background:linear-gradient(135deg, var(--color-surface-container-lowest), #4a6fa505);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.inbox-conv__header h3{font-family:var(--font-headline);color:var(--color-on-surface);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:800;overflow:hidden}.inbox-conv__header p{color:var(--color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.6875rem;overflow:hidden}.inbox-conv__header>div:last-child{flex-shrink:0}.inbox-conv__header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.inbox-conv__header-avatar{border-radius:var(--radius-full);background:var(--gradient-signature);width:36px;height:36px;font-family:var(--font-headline);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.inbox-conv__header-info{flex-direction:column;gap:2px;min-width:0;display:flex}.inbox-conv__header-name{font-family:var(--font-headline);color:var(--color-on-background);letter-spacing:var(--tracking-tight);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.inbox-conv__header-email{color:var(--color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.inbox-conv__header-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.inbox-conv__status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wider);align-items:center;gap:6px;font-size:.6875rem;font-weight:700;display:inline-flex}.inbox-conv__status-badge--ai{color:var(--color-secondary);background-color:#00666614}.inbox-conv__status-badge--human{color:var(--color-primary);background-color:#a1392014}.inbox-conv__status-badge--solved{color:var(--color-secondary);background-color:#00666614}.inbox-conv__status-badge .material-symbols-outlined{font-size:14px}.inbox-conv__back-btn{border-radius:var(--radius-default);width:32px;height:32px;color:var(--color-on-surface-variant);cursor:pointer;transition:background-color var(--duration-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.inbox-conv__back-btn:hover{background-color:var(--color-surface-container)}.takeover-banner{background:linear-gradient(135deg, var(--color-primary-container), var(--color-primary-fixed-dim));color:var(--color-on-primary-container);padding:var(--space-3) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.takeover-banner__left{align-items:center;gap:var(--space-3);display:flex}.takeover-banner__left .material-symbols-outlined{font-size:20px}.takeover-banner__label{font-family:var(--font-headline);letter-spacing:var(--tracking-tight);font-size:.8125rem;font-weight:700}.takeover-banner__btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-default);font-family:var(--font-headline);color:var(--color-on-primary-container);cursor:pointer;transition:background-color var(--duration-fast) ease;background-color:#ffffff40;border:none;font-size:.75rem;font-weight:700;display:inline-flex}.takeover-banner__btn:hover{background-color:#fff6}.inbox-conv__messages{padding:var(--space-5);gap:var(--space-5);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.inbox-conv__messages::-webkit-scrollbar{width:5px}.inbox-conv__messages::-webkit-scrollbar-track{background:0 0}.inbox-conv__messages::-webkit-scrollbar-thumb{background-color:var(--color-outline-variant);border-radius:var(--radius-full)}.inbox-conv__empty{text-align:center;padding:var(--space-10);justify-content:center;align-items:center;gap:var(--space-5);flex-direction:column;flex:1;display:flex}.inbox-conv__empty--full{min-height:400px}.inbox-conv__empty-icon{background:linear-gradient(135deg,#4a6fa514,#ee7a1c14);border-radius:24px;justify-content:center;align-items:center;width:88px;height:88px;animation:4s ease-in-out infinite emptyFloat;display:flex}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.inbox-conv__empty-icon .material-symbols-outlined{background:linear-gradient(135deg,#4a6fa5,#ee7a1c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px}.inbox-conv__empty--full .inbox-conv__empty-icon{background:0 0;border-radius:0;width:auto;height:auto}.inbox-conv__empty--full .inbox-conv__empty-icon img{display:block}.inbox-conv__empty h3{font-family:var(--font-headline);color:var(--color-on-background);margin:0;font-size:1.125rem;font-weight:700}.inbox-conv__empty p{color:var(--color-on-surface-variant);max-width:280px;margin:0;font-size:.875rem;line-height:1.5}.transcript-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.transcript-messages{padding:var(--space-5);gap:var(--space-5);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.transcript-messages::-webkit-scrollbar{width:5px}.transcript-messages::-webkit-scrollbar-track{background:0 0}.transcript-messages::-webkit-scrollbar-thumb{background-color:var(--color-outline-variant);border-radius:var(--radius-full)}.transcript-msg{align-items:flex-end;gap:var(--space-3);max-width:75%;animation:msgFadeIn var(--duration-normal) ease forwards;display:flex}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.transcript-msg--ai{align-self:flex-start}.transcript-msg--user,.transcript-msg--admin{flex-direction:row-reverse;align-self:flex-end}.transcript-msg__avatar{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.transcript-msg__avatar--ai{background:var(--paper-orange);box-shadow:var(--sticker-ring)}.transcript-msg__avatar--ai .material-symbols-outlined{color:#fff;font-size:14px}.transcript-msg__avatar--user{background:var(--paper-kraft);border:1px solid var(--paper-edge-kraft)}.transcript-msg__avatar--user img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.transcript-msg__avatar--user .material-symbols-outlined{color:var(--color-on-surface-variant);font-size:16px}.transcript-msg__avatar--admin{background:var(--gradient-signature)}.transcript-msg__avatar--admin .material-symbols-outlined{color:#fff;font-size:14px}.transcript-msg__bubble{max-width:78%;box-shadow:var(--lift-1);border-radius:18px;padding:12px 16px;font-size:.9rem;line-height:1.5}.transcript-msg__bubble--ai{background:var(--paper-orange);color:var(--color-on-primary);border-bottom-left-radius:4px}.transcript-msg__bubble--user{background:var(--paper-kraft);color:var(--paper-ink);border:1px solid var(--paper-edge-kraft);border-bottom-right-radius:4px}.transcript-msg__bubble--admin{background:var(--paper-orange);color:var(--color-on-primary)}.transcript-msg__bubble--struggling{border:2px solid #c73e2e40}.transcript-msg__bubble--frustrated{border:2px solid #c73e2e66}.transcript-msg__time{margin-top:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-wider);opacity:.6;color:var(--color-on-surface-variant);font-size:.625rem;font-weight:600;display:block}.transcript-msg--user .transcript-msg__time,.transcript-msg--admin .transcript-msg__time{text-align:right}.transcript-msg__bubble--admin .transcript-msg__time,.transcript-msg__bubble--ai .transcript-msg__time{color:#33261aa6}.typing-dots{padding:var(--space-1) 0;align-items:center;gap:4px;display:flex}.transcript-msg__bubble--ghost{opacity:.55;border-style:dashed}.ghost-caret{animation:1s step-end infinite transcript-ghost-blink}@keyframes transcript-ghost-blink{50%{opacity:0}}.inbox-conv__input{padding:var(--space-4) var(--space-5);background:linear-gradient(to top, var(--color-surface-container-lowest), transparent);border-top:1px solid var(--color-outline-variant);flex-shrink:0}.inbox-conv__input-wrapper{align-items:center;gap:var(--space-2);background:var(--paper-well);border:1.5px solid var(--color-outline-variant);border-radius:20px;padding:6px 6px 6px 16px;transition:all .2s;display:flex;box-shadow:inset 0 2px 4px #6b422614}.inbox-conv__input-wrapper:focus-within{background:var(--paper-well);border-color:var(--paper-orange);box-shadow:inset 0 2px 4px #6b422614,0 0 0 3px #ee7a1c26}.inbox-conv__input-field{min-width:0;font-family:var(--font-body);color:var(--color-on-surface);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:120px;font-size:.875rem;font-weight:500;line-height:1.5}.inbox-conv__input-field::placeholder{color:var(--color-on-surface-variant);opacity:.5;text-overflow:ellipsis}.inbox-conv__input-icon{color:var(--color-on-surface-variant);opacity:.5;flex-shrink:0;font-size:20px}.inbox-conv__input-send{border-radius:var(--radius-full);background:var(--paper-orange);width:36px;height:36px;color:var(--color-on-primary);box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s,background .2s;display:flex}.inbox-conv__input-send:hover{background:var(--paper-orange-bright)}.inbox-conv__input-send:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.inbox-conv__input-send .material-symbols-outlined{font-size:18px}.inbox-conv__input-send--disabled{opacity:.4;pointer-events:none}.transcript-control{padding:var(--space-4) var(--space-5);background-color:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant);gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.transcript-control__top{justify-content:space-between;align-items:center;display:flex}.transcript-control__user-name{font-family:var(--font-headline);color:var(--color-on-background);font-size:1rem;font-weight:700}.transcript-control__meta{color:var(--color-on-surface-variant);font-size:.75rem}.inbox-detail{background-color:var(--color-surface);border-left:1px solid var(--color-outline-variant);background-image:radial-gradient(circle at 50% 0,#4a6fa508 0%,#0000 60%);flex-direction:column;display:flex;overflow:hidden auto}.inbox-detail::-webkit-scrollbar{width:4px}.inbox-detail::-webkit-scrollbar-track{background:0 0}.inbox-detail::-webkit-scrollbar-thumb{background-color:var(--color-outline-variant);border-radius:var(--radius-full)}.inbox-detail__empty{text-align:center;color:var(--color-on-surface-variant);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8);flex-direction:column;flex:1;display:flex}.inbox-detail__empty .material-symbols-outlined{color:#4a6fa5;opacity:.7;background:linear-gradient(135deg,#4a6fa50f,#ee7a1c0f);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;font-size:40px;animation:4s ease-in-out .5s infinite emptyFloat;display:flex}.inbox-detail__empty p{opacity:.6;margin:0;font-size:.8125rem;font-weight:500}.inbox-detail__header{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5) var(--space-5);border-bottom:1px solid var(--color-outline-variant);text-align:center;flex-direction:column;display:flex}.inbox-detail__avatar{border-radius:var(--radius-full);background:var(--gradient-signature);width:56px;height:56px;font-family:var(--font-headline);color:#fff;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex;overflow:hidden}.inbox-detail__avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.inbox-detail__name{font-family:var(--font-headline);color:var(--color-on-background);letter-spacing:var(--tracking-tight);font-size:1rem;font-weight:700}.inbox-detail__email{color:var(--color-on-surface-variant);font-size:.75rem}.inbox-detail__tabs{border-bottom:1px solid var(--color-outline-variant);padding:0 var(--space-2);background:linear-gradient(135deg,#4a6fa508,#ee7a1c08);flex-shrink:0;display:flex}.inbox-detail__tab{padding:12px var(--space-1);text-align:center;font-family:var(--font-body);color:var(--color-on-surface-variant);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.inbox-detail__tab:hover{color:var(--color-on-background);background:#4a6fa50a}.inbox-detail__tab--active{color:#4a6fa5;border-bottom-color:#4a6fa5;font-weight:700}.inbox-detail__section{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-outline-variant)}.inbox-detail__section:last-child{border-bottom:none}.inbox-detail__section-title{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-on-surface-variant);margin-bottom:var(--space-3);align-items:center;gap:6px;font-size:.625rem;font-weight:700;display:flex}.inbox-detail__row{align-items:center;gap:var(--space-3);padding:8px 0;display:flex}.inbox-detail__row+.inbox-detail__row{border-top:1px solid #df9c9b14}.inbox-detail__row .material-symbols-outlined{color:var(--color-on-surface-variant);background:var(--color-surface-container-low);opacity:1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.inbox-detail__row-icon{border-radius:var(--radius-default);background-color:var(--color-surface-container-low);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.inbox-detail__row-icon .material-symbols-outlined{color:var(--color-on-surface-variant);opacity:1;font-size:16px}.inbox-detail__row-content{flex:1;min-width:0}.inbox-detail__row-label,.inbox-detail__label{color:var(--color-on-surface-variant);font-size:.6875rem;font-weight:500}.inbox-detail__row-value,.inbox-detail__value{color:var(--color-on-background);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.inbox-detail__value{text-align:right;margin-left:auto}.detail-inline-input{border:none;border-bottom:1px dashed var(--color-outline-variant);font-family:var(--font-body);color:var(--color-on-background);background:0 0;outline:none;width:100%;padding:2px 0;font-size:.8125rem;font-weight:600;transition:border-color .15s}.detail-inline-input:focus{border-bottom-color:var(--color-primary)}.detail-inline-input::placeholder{color:var(--color-on-surface-variant);opacity:.5;font-weight:500}.inbox-detail__call-btn{width:24px;height:24px;color:var(--color-primary,#4a6fa5);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;padding:0;transition:background .15s;display:inline-flex}.inbox-detail__call-btn:hover{background:var(--color-surface-container,#f5ead5)}.inbox-detail__call-btn .material-symbols-outlined{font-size:16px}.detail-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.detail-tag{border-radius:var(--radius-full);color:#e8870c;font-size:.6875rem;font-weight:700;font-family:var(--font-body);background:linear-gradient(135deg,#f7931e1a,#f5c8421a);align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.detail-tag__remove{color:#e8870c;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:.875rem;line-height:1;transition:opacity .15s}.detail-tag__remove:hover{opacity:1}.detail-tag-input{font-family:var(--font-body);color:var(--color-on-background);background:0 0;border:none;outline:none;min-width:80px;padding:4px 0;font-size:.75rem}.detail-tag-input::placeholder{color:var(--color-on-surface-variant);opacity:.5}.detail-csat{flex-direction:column;gap:8px;display:flex}.detail-csat__rating{align-items:center;gap:8px;font-size:1.5rem;display:flex}.detail-csat__score{color:var(--color-on-background);font-size:.875rem;font-weight:700}.detail-csat__comment{color:var(--color-on-surface-variant);background:var(--color-surface-container-low);border-radius:var(--radius-default);padding:8px 12px;font-size:.75rem;font-style:italic;line-height:1.5}.page-views-list{flex-direction:column;gap:2px;display:flex}.page-view-item{border-bottom:1px solid #df9c9b14;gap:10px;padding:10px 0;display:flex}.page-view-item:last-child{border-bottom:none}.page-view-item__icon{border-radius:var(--radius-default);background:linear-gradient(135deg,#4a6fa514,#4a6fa50a);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.page-view-item__icon .material-symbols-outlined{color:#4a6fa5;font-size:15px}.page-view-item__content{flex:1;min-width:0}.page-view-item__title{color:var(--color-on-background);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;overflow:hidden}.page-view-item__url{color:#4a6fa5;white-space:nowrap;text-overflow:ellipsis;font-size:.625rem;line-height:1.6;text-decoration:none;display:block;overflow:hidden}.page-view-item__url:hover{text-decoration:underline}.page-view-item__time{color:var(--color-on-surface-variant);opacity:.7;margin-top:2px;font-size:.6rem}.detail-empty-state{text-align:center;color:var(--color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.detail-empty-state p{opacity:.6;font-size:.8125rem}.inbox-detail__notes{padding:var(--space-4) var(--space-5)}.inbox-detail__notes-input{width:100%;min-height:80px;padding:var(--space-3);background-color:var(--color-surface-container-low);border-radius:var(--radius-default);font-family:var(--font-body);color:var(--color-on-surface);resize:vertical;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:1px solid #0000;font-size:.8125rem}.inbox-detail__notes-input::placeholder{color:var(--color-on-surface-variant);opacity:.5}.inbox-detail__notes-input:focus{border-color:var(--color-primary-fixed-dim);outline:none;box-shadow:0 0 0 2px #ed715326}.inbox-detail__actions{padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.inbox-detail__action-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-headline);cursor:pointer;transition:all .25s var(--ease-spring);border:none;font-size:.8125rem;font-weight:700;display:flex}.inbox-detail__action-btn .material-symbols-outlined{font-size:18px}.inbox-detail__action-btn--resolve{color:#fff;background:linear-gradient(135deg,#3e6b4f,#5e8b6f);box-shadow:0 4px 14px #10b9814d}.inbox-detail__action-btn--resolve:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.inbox-detail__action-btn--resolve:active{transform:translateY(0)scale(.97)}.inbox-detail__close-btn,.inbox-detail__reopen-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s var(--ease-spring);border:none;font-size:.8125rem;font-weight:700;display:flex}.inbox-detail__close-btn{color:#fff;background:linear-gradient(135deg,#f7931e,#f5c842);box-shadow:0 4px 14px #f7931e4d}.inbox-detail__close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f7931e66}.inbox-detail__close-btn:active{transform:translateY(0)scale(.97)}.inbox-detail__close-btn .material-symbols-outlined,.inbox-detail__reopen-btn .material-symbols-outlined{font-size:18px}.inbox-detail__reopen-btn{color:#fff;background:linear-gradient(135deg,#4a6fa5,#6e8fbf);box-shadow:0 4px 14px #06b6d44d}.inbox-detail__reopen-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.inbox-detail__reopen-btn:active{transform:translateY(0)scale(.97)}.inbox-detail__action-btn--close{color:#fff;background:linear-gradient(135deg,#8b5e3c,#b09880);box-shadow:0 4px 14px #8b5e3c40}.inbox-detail__action-btn--close:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5e3c59}.inbox-detail__action-btn--close:active{transform:translateY(0)scale(.97)}.inbox-detail__action-btn--danger{color:#fff;background:linear-gradient(135deg,#e5453c,#ff6b6b);box-shadow:0 4px 14px #e5453c4d}.inbox-detail__action-btn--danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e5453c66}.inbox-detail__action-btn--danger:active{transform:translateY(0)scale(.97)}.inbox-detail__toggle{border-radius:var(--radius-default);background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);width:36px;height:36px;color:var(--color-on-surface-variant);cursor:pointer;transition:background-color var(--duration-fast) ease;justify-content:center;align-items:center;display:none}.inbox-detail__toggle:hover{background-color:var(--color-surface-container)}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:4px 12px;font-size:.6875rem;font-weight:700;display:inline-flex}.badge--sm{padding:3px 10px;font-size:.625rem}.badge--ai-active{color:#4a6fa5;background:linear-gradient(135deg,#4a6fa51a,#4a6fa50d);border:1px solid #4a6fa526}.badge--needs-human{color:var(--color-on-error-container);background:linear-gradient(135deg,#c73e2e1a,#c73e2e0d);border:1px solid #c73e2e26}.badge--pending{color:#4a6fa5;background:linear-gradient(135deg,#4a6fa51a,#4a6fa50d);border:1px solid #4a6fa526}.badge--solved{color:#3e6b4f;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98126}.badge--closed{background-color:var(--color-surface-container);color:var(--color-on-surface-variant);border:1px solid var(--color-outline-variant)}.toggle-switch{cursor:pointer;display:inline-flex;position:relative}.toggle-switch input{display:none}.toggle-track{background-color:var(--color-primary-container);border-radius:var(--radius-full);width:52px;height:28px;transition:background var(--duration-normal) ease;justify-content:space-between;align-items:center;padding:0 6px;display:flex;position:relative}.toggle-switch input:checked~.toggle-track{background-color:#c73e2e26}.toggle-thumb{background:var(--gradient-signature);border-radius:var(--radius-full);width:22px;height:22px;transition:transform var(--duration-normal) var(--ease-spring);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000026}.toggle-switch input:checked~.toggle-track .toggle-thumb{transform:translate(24px)}.toggle-icon{z-index:1;font-size:14px}.toggle-icon--ai{color:var(--color-primary)}.toggle-icon--human{color:var(--color-error)}.dashboard-sessions__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.dashboard-sessions__title{font-family:var(--font-headline);letter-spacing:var(--tracking-tight);font-size:1.25rem;font-weight:800}.dashboard-sessions__count{padding:var(--space-1) var(--space-2);background-color:var(--color-surface-container);border-radius:var(--radius-full);color:var(--color-primary);font-size:.75rem;font-weight:600}.inbox-card--skeleton{pointer-events:none}.inbox-card--skeleton .inbox-card__avatar,.inbox-card--skeleton .inbox-card__name,.inbox-card--skeleton .inbox-card__preview,.inbox-card--skeleton .inbox-card__time{background:linear-gradient(90deg, var(--color-surface-container-low) 25%, var(--color-surface-container) 50%, var(--color-surface-container-low) 75%);border-radius:var(--radius-sm);color:#0000;background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.inbox-card--skeleton .inbox-card__name{width:100px;height:14px}.inbox-card--skeleton .inbox-card__preview{width:160px;height:12px}.inbox-card--skeleton .inbox-card__time{width:36px;height:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inbox-connection-bar{padding:var(--space-1) var(--space-4);text-align:center;flex-shrink:0;font-size:.6875rem;font-weight:600}.inbox-connection-bar--offline{color:var(--color-error);background-color:#c73e2e1a}.inbox-connection-bar--reconnecting{color:var(--color-primary);background-color:#a1392014}@media (width<=1023px){.inbox-layout{grid-template-columns:280px 1fr}.inbox-detail{width:320px;z-index:var(--z-modal);position:fixed;top:64px;bottom:0;right:0;box-shadow:-8px 0 30px #a139201a;display:none!important}.inbox-detail--visible{animation:panelSlideIn var(--duration-normal) ease forwards;display:flex!important}.inbox-detail__toggle{display:flex}.inbox-detail__overlay{z-index:calc(var(--z-modal) - 1);background-color:#4e212233;position:fixed;inset:64px 0 0;display:none!important}.inbox-detail__overlay--visible{display:block!important}}@media (width<=767px){.inbox-layout{grid-template-rows:1fr;grid-template-columns:1fr;height:calc(100dvh - 144px);position:relative}.inbox-sidebar{border-right:none;grid-area:1/1;min-height:0;display:flex!important}.inbox-conversation{z-index:5;position:absolute;inset:0;display:none!important}.inbox-detail{width:100%;z-index:var(--z-modal);position:fixed;inset:64px 0 80px;display:none!important}.inbox-layout--conv-active .inbox-sidebar{display:none!important}.inbox-layout--conv-active .inbox-conversation{position:relative;display:flex!important}.inbox-conv__back-btn,.inbox-detail__toggle{display:flex}.inbox-detail__overlay{z-index:calc(var(--z-modal) - 1);background-color:#4e212233;position:fixed;inset:64px 0 80px;display:none!important}.inbox-detail__overlay--visible{display:block!important}.inbox-detail--visible{animation:panelSlideIn var(--duration-normal) ease forwards;display:flex!important}.inbox-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-2) var(--space-3);flex-direction:row;flex-shrink:0;gap:6px;overflow:auto hidden}.inbox-tabs::-webkit-scrollbar{display:none}.inbox-tab{border-bottom:2.5px solid #0000;border-left:none;border-radius:8px;flex-direction:row;flex:none;gap:6px;width:auto;min-width:auto;padding:6px 10px;font-size:.7rem}.inbox-tab--active{border-bottom-color:#ee7a1c;border-left-color:#0000}.inbox-tab .material-symbols-outlined{border-radius:8px;width:24px;height:24px;font-size:16px}.inbox-tab__count{min-width:18px;height:18px;font-size:.6rem}.inbox-tab:hover{transform:none}.inbox-conv__header{padding:var(--space-3) var(--space-4);gap:var(--space-2);row-gap:var(--space-2);flex-wrap:wrap}.inbox-conv__header h3{font-size:.875rem}.inbox-conv__header p{font-size:.625rem}.badge{padding:2px 6px;font-size:.55rem}.inbox-conv__messages,.transcript-messages{padding:var(--space-4)}.inbox-conv__input,.takeover-banner{padding:var(--space-3) var(--space-4)}.inbox-detail__header{padding:var(--space-5) var(--space-4) var(--space-4)}.inbox-detail__section,.inbox-detail__actions{padding:var(--space-3) var(--space-4)}.transcript-msg{max-width:88%}.inbox-conv__input-field{font-size:16px}.inbox-sidebar__header{padding:var(--space-3) var(--space-4)}.inbox-sidebar__header h2{font-size:1.1rem}.inbox-card{padding:var(--space-3);cursor:pointer;-webkit-tap-highlight-color:#4a6fa51a}.inbox-card__customer{font-size:.8rem}.inbox-card__preview{font-size:.72rem}.inbox-list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}}@media (width<=480px){.inbox-layout{height:calc(100dvh - 136px)}.inbox-detail,.inbox-detail__overlay{top:56px}}@media (width<=380px){.inbox-sidebar__header h2{font-size:1rem}}@media (width>=1280px){.inbox-layout{grid-template-columns:380px 1fr 380px}.inbox-card{padding:14px var(--space-4)}}@keyframes panelSlideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.inbox-tab:focus-visible,.inbox-card:focus-visible,.inbox-detail__tab:focus-visible,.inbox-conv__input-send:focus-visible,.inbox-detail__action-btn:focus-visible,.inbox-detail__close-btn:focus-visible,.inbox-detail__reopen-btn:focus-visible{outline:2px solid var(--color-primary-fixed);outline-offset:-2px}@media print{.inbox-sidebar,.inbox-detail,.inbox-conv__input,.takeover-banner{display:none!important}.inbox-layout{display:block!important}.inbox-conversation{display:block!important;overflow:visible!important}}.typing-dots{align-items:center;gap:4px;padding:2px 0;display:flex}.typing-dot{background:var(--color-on-surface-variant,#7a6652);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.copilot-draft{background:var(--color-surface-container-low,#f7f7f9);border:1px solid var(--color-outline-variant,#e0e0e6);border-radius:12px;margin:8px 12px;padding:12px 14px;font-size:.85rem;transition:opacity .2s}.copilot-draft--used{opacity:.55}.copilot-draft--loading,.copilot-draft--error{color:var(--color-on-surface-variant,#7a6652);align-items:center;gap:8px;font-style:italic;display:flex}.copilot-draft__spinner{animation:1.2s ease-in-out infinite copilot-pulse}@keyframes copilot-pulse{0%,to{opacity:.4}50%{opacity:1}}.copilot-draft__header{margin-bottom:6px}.copilot-draft__badge{letter-spacing:.02em;border-radius:8px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.copilot-draft__badge--kb{color:#0a7a3e;background:#d6f5e3}.copilot-draft__badge--improvised{color:#8a6300;background:#fff3c4}.copilot-draft__body{white-space:pre-wrap;color:var(--color-on-surface,#33261a);line-height:1.45}.copilot-draft__placeholder{color:#8a6300;background:#fff3c4;border-radius:4px;padding:0 4px;font-weight:600}.copilot-draft__sources{color:var(--color-on-surface-variant,#7a6652);margin-top:8px;font-size:.75rem}.copilot-draft__source-link{cursor:pointer;text-decoration:underline}.copilot-draft__source-link:hover{color:var(--color-primary,#3a5a8a)}.copilot-draft__actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.copilot-draft__btn{border:1px solid var(--color-outline-variant,#e0e0e6);background:var(--color-surface,#fff);color:var(--color-on-surface,#33261a);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:500;transition:background .15s,border-color .15s}.copilot-draft__btn:hover{background:var(--color-surface-container,#f0f0f4)}.copilot-draft__btn--primary{background:var(--color-primary,#3a5a8a);color:var(--color-on-primary);border-color:var(--color-primary,#3a5a8a)}.copilot-draft__btn--primary:hover{background:var(--paper-orange-deep)}.copilot-draft__btn--icon{padding:6px 8px;font-size:1rem;line-height:1}.copilot-draft__retry{background:var(--color-primary,#3a5a8a);color:var(--color-on-primary);cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.78rem}.copilot-draft__manual{border:1px dashed var(--color-outline,#c0c0c8);color:var(--color-on-surface-variant,#7a6652);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;margin:8px 12px;padding:8px 14px;font-size:.8rem}.copilot-draft__manual:hover{border-color:var(--color-primary,#3a5a8a);color:var(--color-primary,#3a5a8a)}.inbox-conv__canned-popup{background:var(--color-surface-container-lowest,#fff);border:1.5px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-lg,16px);z-index:10;flex-direction:column;max-height:240px;display:flex;position:absolute;bottom:60px;left:12px;right:12px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.inbox-conv__canned-header{border-bottom:1px solid var(--color-outline-variant,#dccbad);align-items:center;gap:6px;padding:10px 14px;display:flex}.inbox-conv__canned-list{flex:1;overflow-y:auto}.inbox-conv__canned-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body,"Inter", sans-serif);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.inbox-conv__canned-item:hover{background:#4a6fa50a}.inbox-conv__canned-shortcut{color:#4a6fa5;background:#4a6fa514;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:700}.inbox-conv__canned-preview{color:var(--color-on-surface-variant,#7a6652);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.inbox-conv__input-icon-btn{width:32px;height:32px;color:var(--color-on-surface-variant,#7a6652);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.inbox-conv__input-icon-btn:hover{background:var(--color-surface-container,#f5ead5);color:#4a6fa5}.inbox-conv__input-icon-btn .material-symbols-outlined{font-size:20px}.inbox-conv__transfer-btn{border:1.5px solid var(--color-outline-variant);cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border-radius:8px;align-items:center;padding:4px 8px;transition:all .15s;display:flex}.inbox-conv__transfer-btn:hover{color:#4a6fa5;background:#6366f114;border-color:#6366f14d}.inbox-detail__live-preview{border:1px solid var(--color-outline-variant);border-radius:10px;overflow:hidden}.inbox-detail__preview-url{background:var(--color-surface-container);border-bottom:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant);align-items:center;gap:6px;padding:6px 10px;font-size:.7rem;display:flex}.inbox-detail__preview-open{color:var(--color-on-surface-variant);border-radius:4px;padding:2px;transition:background .15s}.inbox-detail__preview-open:hover{background:var(--color-surface-container-highest)}.inbox-detail__preview-frame-wrap{height:200px;position:relative;overflow:hidden}.inbox-detail__preview-iframe{transform-origin:0 0;pointer-events:none;border:none;width:200%;height:400px;transform:scale(.5)}.inbox-detail__preview-overlay{cursor:not-allowed;position:absolute;inset:0}.sidebar-filter__badge--red{color:#fff;background:#c73e2e}.tag-editor{border:1px solid var(--color-outline-variant,#dccbad);background:var(--color-surface-container-lowest,#fffbf3);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;padding:6px;display:flex;position:relative}.tag-editor__chip{background:var(--paper-shade);color:var(--paper-ink);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;line-height:1.4;display:inline-flex}.tag-editor__chip-remove{color:var(--paper-ink-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.tag-editor__chip-remove:hover{color:var(--paper-ink)}.tag-editor__input{min-width:80px;color:var(--color-on-background,var(--paper-ink));background:0 0;border:none;outline:none;flex:1;padding:2px;font-size:13px}.tag-editor__dropdown{background:var(--color-surface-container-lowest,#fffbf3);border:1px solid var(--color-outline-variant,#dccbad);z-index:50;border-radius:8px;max-height:220px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 14px #6b42261a}.tag-editor__option{cursor:pointer;color:var(--color-on-background,var(--paper-ink));justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.tag-editor__option:hover,.tag-editor__option--active{background:var(--color-surface-container,#f5ead5)}.tag-editor__option--create{color:var(--paper-orange-deep);font-weight:600}.tag-editor__option--create:hover{background:#ee7a1c14}.tag-editor__option-count{color:var(--color-outline);font-size:11px}.views-sidebar{margin-top:16px}.views-sidebar__header{color:var(--paper-ink-soft);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:4px 12px;font-size:11px;font-weight:700;display:flex}.views-sidebar__add{cursor:pointer;color:var(--paper-orange-deep);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1}.views-sidebar__add:hover{background:#ee7a1c14}.views-sidebar__list{flex-direction:column;display:flex}.views-sidebar__row{cursor:pointer;color:var(--color-on-background,var(--paper-ink));border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex;position:relative}.views-sidebar__row:hover{background:var(--color-surface-container-low)}.views-sidebar__row--active{background:var(--paper-shade);box-shadow:inset 3px 0 0 var(--paper-orange);color:var(--paper-ink);font-weight:600}.views-sidebar__icon{font-size:16px}.views-sidebar__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.views-sidebar__count{color:var(--paper-ink-soft);background:var(--color-surface-container-low);border-radius:10px;padding:1px 6px;font-size:11px}.views-sidebar__actions{gap:4px;margin-left:4px;display:none}.views-sidebar__row:hover .views-sidebar__actions{display:inline-flex}.views-sidebar__action{cursor:pointer;color:var(--paper-ink-soft);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px}.views-sidebar__action:hover{color:var(--paper-ink);background:var(--paper-shade)}.views-sidebar__banner{background:var(--paper-shade);border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:13px;display:flex}.views-sidebar__banner-clear{cursor:pointer;color:var(--paper-blue);background:0 0;border:none;margin-left:auto;font-size:12px;font-weight:600}.views-sidebar__banner-clear:hover{text-decoration:underline}.mention-textarea{width:100%;position:relative}.mention-textarea__input{border:1.5px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-default,10px);resize:vertical;background:var(--paper-well);width:100%;min-height:80px;color:var(--color-on-background,var(--paper-ink));padding:8px;font-family:inherit;font-size:13px;box-shadow:inset 0 2px 4px #6b422614}.mention-textarea__input:focus,.mention-textarea__input:focus-within{border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.mention-textarea__popup{background:var(--color-surface-container-lowest,#fffbf3);border:1px solid var(--color-outline-variant,#dccbad);z-index:100;border-radius:8px;min-width:200px;max-height:200px;position:absolute;overflow-y:auto;box-shadow:0 4px 14px #6b422621}.mention-textarea__option{cursor:pointer;color:var(--color-on-background,var(--paper-ink));align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.mention-textarea__option:hover,.mention-textarea__option--active{color:var(--paper-blue);background:#4a6fa51a}.mention-textarea__option-avatar{background:var(--paper-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.mention-pill{color:var(--paper-blue);background:#4a6fa51f;border-radius:4px;padding:1px 4px;font-weight:600}.pending-action{background:var(--color-warning-container);color:var(--paper-ink);border:1px solid #f5c84273;border-radius:10px;margin-bottom:12px;padding:12px 16px;font-size:13px}.pending-action__title{align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.pending-action__params{background:var(--paper-sheet);color:var(--paper-ink);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin:6px 0;padding:6px 10px;font-family:ui-monospace,monospace;font-size:12px}.pending-action__why{color:var(--paper-ink-soft);margin-bottom:8px;font-style:italic}.pending-action__actions{flex-wrap:wrap;gap:8px;display:flex}.pending-action__btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.pending-action__btn--approve{background:var(--paper-green);color:#fff}.pending-action__btn--deny{background:var(--paper-sheet);color:var(--paper-terracotta);border:1px solid var(--paper-terracotta)}.pending-action__btn--edit{background:var(--paper-sheet);color:var(--paper-ink-soft);border:1px solid var(--color-outline-variant)}.pending-action__btn:disabled{opacity:.5;cursor:not-allowed}.calls-panel{padding:var(--space-4);gap:var(--space-4);flex-direction:column;max-width:760px;display:flex}.calls-card{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.calls-number{font-family:var(--font-headline);color:var(--color-primary);font-size:1.6rem}.calls-label{color:var(--paper-ink-soft);text-transform:uppercase;letter-spacing:.4px;margin-top:var(--space-2);font-size:.8rem;font-weight:700}.calls-fieldset{gap:var(--space-2);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-3) 0;box-shadow:var(--paper-sheen), 0 2px 0 var(--paper-edge-sheet);flex-direction:column;display:flex}.calls-fieldset__title{font-family:var(--font-headline);color:var(--paper-ink);font-size:.95rem;font-weight:700}.calls-toggle-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.calls-fieldset .calls-legal{margin:0}.calls-save-btn{width:100%;margin-top:var(--space-2)}.calls-search-row{gap:var(--space-2);display:flex}.calls-number-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px dashed var(--paper-edge-kraft);display:flex}.calls-number-row__num{flex:none;font-family:monospace;font-size:1.05rem}.calls-number-row__meta{color:var(--paper-ink-soft);flex:1;min-width:0;font-size:.85rem}.calls-number-row .paper-btn{white-space:nowrap;flex:none;padding:8px 12px;font-size:.8rem}@media (width<=480px){.calls-number-row{gap:8px}.calls-number-row__num{font-size:.9rem}.calls-number-row__meta{font-size:.72rem}.calls-number-row .paper-btn{padding:7px 10px;font-size:.75rem}}.calls-usage-bar{border-radius:var(--radius-full);background:var(--paper-well);height:10px;overflow:hidden}.calls-usage-fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%}.calls-error{color:var(--color-error);font-weight:600}.calls-legal{color:var(--paper-ink-soft);font-size:.78rem}.calls-country-list{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.calls-country{align-items:center;gap:6px;font-size:.85rem;display:flex}.calls-divider{border:none;border-top:1px dashed var(--paper-edge-kraft);margin:var(--space-2) 0}.call-ai-summary{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--paper-edge-kraft);background:var(--paper-well);border-radius:10px}.call-ai-summary__title{margin-bottom:var(--space-2);font-weight:700}.call-ai-summary__text{margin:0 0 var(--space-2)}.call-ai-summary__label{margin-top:var(--space-2);font-size:.85em;font-weight:600}.call-ai-summary__list{margin:var(--space-1) 0 0;padding-left:18px}.call-ai-summary__muted{color:var(--paper-ink-soft);font-style:italic}.call-ai-summary__sentiment{margin-top:var(--space-2);border-radius:var(--radius-full);padding:2px 10px;font-size:.85em;display:inline-block}.call-ai-summary__sentiment--positive{color:#1e7a37;background:#e3f4e6}.call-ai-summary__sentiment--neutral{color:#6b6152;background:#eee9df}.call-ai-summary__sentiment--negative{color:#9a2b2b;background:#f6e0e0}.calls-ovw-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;padding:14px 34px 14px 18px;display:flex}.calls-ovw-num{font-family:var(--font-headline);font-weight:700}.calls-ovw-status.is-ok{color:var(--paper-green)}.calls-ovw-status.is-warn{color:var(--paper-terracotta)}.calls-ovw-agents{color:var(--paper-ink-soft);margin-left:auto}.calls-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:14px;display:grid}.calls-kpi{border-radius:18px 22px 16px 20px/20px 16px 22px 18px;padding:14px 16px}.calls-kpi:nth-child(odd){rotate:-.35deg}.calls-kpi:nth-child(2n){rotate:.3deg}.calls-kpi__label{color:var(--paper-ink-soft);font-size:.78rem}.calls-kpi[class*=paper-card--] .calls-kpi__label{color:var(--tile-deep,var(--paper-ink-soft))}.calls-kpi__value{font-family:var(--font-headline);color:var(--paper-ink);font-size:1.9rem;font-weight:700;line-height:1.1}.calls-meter-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:14px;display:grid}.calls-meter{padding:14px 16px}.calls-meter__head{color:var(--paper-ink-soft);justify-content:space-between;margin-bottom:8px;font-size:.85rem;display:flex}.calls-meter__track{background:var(--paper-shade);border-radius:var(--radius-full);height:10px;overflow:hidden;box-shadow:inset 0 2px 3px #6b42262e}.calls-meter__fill{background:var(--paper-green);border-radius:var(--radius-full);height:100%;transition:width .3s;box-shadow:inset 0 -2px #33261a33}.calls-meter__fill--over{background:var(--paper-terracotta)}.calls-meter__pct{text-align:right;color:var(--paper-ink-soft);margin-top:4px;font-size:.78rem}.calls-activity{padding:14px 18px}.calls-activity__head{font-family:var(--font-headline);justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:700;display:flex}.calls-activity__row{border:none;border-top:1px solid var(--color-outline-variant);cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--paper-ink);background:0 0;align-items:center;gap:12px;padding:8px 6px;display:flex}.calls-activity__row:hover{background:var(--color-surface-container-low)}.calls-activity__who{flex:1}.calls-activity__dur,.calls-activity__time{color:var(--paper-ink-soft);font-size:.85rem}.calls-empty-sm{color:var(--paper-ink-soft);font-style:italic}.calls-filterbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.calls-chip-row{flex-wrap:wrap;gap:4px;display:inline-flex}.calls-chip{border:1px solid var(--paper-edge-kraft);background:var(--paper-sheet);border-radius:var(--radius-full);font:inherit;color:var(--paper-ink-soft);cursor:pointer;padding:4px 12px;font-size:.85rem}.calls-chip.is-active{background:var(--paper-shade);color:var(--paper-ink);font-weight:600}.calls-search{border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);background:var(--paper-well);min-width:140px;color:var(--paper-ink);font:inherit;flex:1;padding:10px 12px}.calls-count{color:var(--paper-ink-soft);font-size:.85rem}.calls-list{padding:4px 0}.calls-row{border-top:1px solid var(--color-outline-variant);cursor:pointer;align-items:center;gap:12px;padding:10px 16px;display:flex}.calls-row:first-child{border-top:none}.calls-row:hover{background:var(--color-surface-container-low)}.calls-row__dir{font-size:1.1rem}.calls-avatar{background:var(--paper-shade);width:32px;height:32px;color:var(--paper-ink);font-family:var(--font-headline);box-shadow:0 0 0 2px var(--paper-sheet);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.calls-row__who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.calls-row__dur{color:var(--paper-ink-soft);width:60px;font-size:.9rem}.calls-row__time{color:var(--paper-ink-soft);text-align:right;width:90px;font-size:.8rem;line-height:1.2}.calls-row__day{font-size:.72rem}.calls-row__chip.is-ok{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}:root[data-theme=dark] .calls-row__chip.is-ok{color:#e4f0e8;background:#2e5039}.calls-row__chip.is-missed{background:var(--color-error-container);color:var(--color-on-error-container)}.calls-row__chip.is-vm{background:var(--color-warning-container);color:var(--color-on-warning-container)}.calls-row__chip.is-pending{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.calls-row__badges{gap:4px;display:inline-flex}.calls-icon-btn,.calls-badge{cursor:pointer;background:0 0;border:none;font-size:1rem}.calls-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px;display:flex}.calls-empty img{filter:drop-shadow(0 6px 10px #6b422640)}.calls-radio-group{gap:var(--space-2);flex-direction:column;display:flex}.calls-radio{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-default);border:1.5px solid var(--color-outline-variant);background:var(--paper-well);cursor:pointer;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease;padding:12px 14px;display:flex}.calls-radio:hover{border-color:var(--paper-orange)}.calls-radio.is-active{border-color:var(--paper-orange);background:#ee7a1c0f}.calls-radio input[type=radio]{accent-color:var(--color-primary);margin-top:3px}.calls-radio__text{flex-direction:column;gap:2px;display:flex}.calls-radio__label{color:var(--paper-ink);font-size:.85rem;font-weight:700}.calls-radio__desc{color:var(--paper-ink-soft);font-size:.78rem}.calls-ivr-schedule{flex-direction:column;gap:6px;margin:8px 0;display:flex}.calls-ivr-day{align-items:center;gap:8px;display:flex}.calls-ivr-day__name{flex:0 0 150px;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.calls-ivr-day input[type=time]{width:110px}.calls-ivr-actionrow,.calls-ivr-opt,.calls-ivr-grp{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.calls-ivr-opt-digit{width:64px}.calls-ivr-opts,.calls-ivr-grps{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.calls-ivr-grp__agents{flex-wrap:wrap;flex:1;gap:8px 14px;min-width:200px;display:flex}.calls-ivr-agent{align-items:center;gap:5px;font-size:.82rem;display:inline-flex}.calls-ivr-action-detail{gap:8px;display:inline-flex}.calls-wall-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.calls-wall-dot--live{background:var(--paper-green);animation:1.4s ease-in-out infinite calls-pulse;box-shadow:0 0 0 3px #3e6b4f2e}@keyframes calls-pulse{0%,to{opacity:1}50%{opacity:.4}}.calls-wall-status{color:var(--paper-ink-soft);font-size:.82rem}.calls-wall-agent{border-top:1px solid var(--color-outline-variant);align-items:center;gap:10px;padding:8px 6px;display:flex}.calls-wall-agent:first-of-type{border-top:none}.calls-wall-agent__id{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.calls-wall-agent__state{border-radius:var(--radius-full);padding:4px 10px;font-size:.75rem;font-weight:700}.calls-wall-agent__state.is-avail{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.calls-wall-agent__state.is-oncall{background:var(--color-warning-container);color:var(--color-on-warning-container)}.calls-wall-agent__with{color:var(--paper-ink-soft);font-size:.8rem}:root[data-theme=dark] .calls-wall-agent__state.is-avail{color:#e4f0e8;background:#2e5039}.calls-an-head{justify-content:flex-end;margin-bottom:10px;display:flex}.calls-an-range{max-width:180px}.calls-an-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.calls-an-table{border-collapse:collapse;width:100%;font-size:.88rem}.calls-an-table th{text-align:left;color:var(--paper-ink-soft);border-bottom:1.5px solid var(--color-outline-variant);padding:6px 8px;font-weight:700}.calls-an-table td{border-bottom:1px solid var(--color-outline-variant);padding:6px 8px}.call-detail{z-index:var(--z-modal,1000);justify-content:flex-end;display:flex;position:fixed;inset:0}.call-detail.is-hidden{display:none}.call-detail__scrim{background:#3c281447;position:absolute;inset:0}.call-detail__panel{background:var(--paper-sheet);flex-direction:column;gap:12px;width:min(460px,100%);height:100%;padding:16px;display:flex;position:relative;overflow-y:auto;box-shadow:-8px 0 24px #6b42262e}.call-detail__head{align-items:flex-start;gap:10px;display:flex}.call-detail__who{flex:1;min-width:0}.call-detail__name{font-family:var(--font-headline);font-size:1.1rem;font-weight:700}.call-detail__sub{color:var(--paper-ink-soft);font-size:.82rem}.call-detail__actions{flex-wrap:wrap;gap:8px;display:flex}.call-detail__transcript{flex-direction:column;gap:6px;margin-top:4px;display:flex}.call-detail__vm{color:var(--paper-ink);background:#4a6fa514;border-radius:12px;align-self:center;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;display:inline-flex}.call-detail__msg{border-radius:12px;max-width:85%;padding:8px 12px;font-size:.88rem}.call-detail__msg--customer{background:var(--paper-well);align-self:flex-start}.call-detail__msg--ai,.call-detail__msg--admin{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container);align-self:flex-end}@media (width<=767px){.call-detail__panel{width:100%}}.call-ai-summary__score{flex-wrap:wrap;align-items:baseline;gap:8px;margin:8px 0;display:flex}.call-ai-summary__score-badge{background:var(--paper-hover,#f4efe6);border:1px solid var(--paper-border,#d9d2c5);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700}.call-ai-summary__score-note{color:var(--paper-muted,#9a9384);font-size:13px}.call-ai-summary__topics{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.call-ai-summary__topic{background:var(--paper-hover,#f4efe6);color:var(--paper-ink,#2b2b2b);border:1px solid var(--paper-border,#d9d2c5);border-radius:7px;padding:3px 9px;font-size:12px;font-weight:600}.call-ai-summary__transcript{margin:10px 0}.call-ai-summary__transcript>summary{cursor:pointer;color:var(--paper-ink,#2b2b2b);font-size:13px;font-weight:600}.call-ai-summary__turns{flex-direction:column;gap:6px;margin-top:8px;display:flex}.call-ai-summary__turn{gap:8px;font-size:13px;line-height:1.4;display:flex}.call-ai-summary__turn-who{flex:none;min-width:62px;font-weight:700}.call-ai-summary__turn--agent .call-ai-summary__turn-who{color:var(--chattoko,#d0611f)}.call-ai-summary__turn--customer .call-ai-summary__turn-who{color:var(--paper-muted,#9a9384)}.call-ai-summary__turn-text{color:var(--paper-ink,#2b2b2b)}.call-ai-summary__email{border-top:1px solid var(--paper-border,#d9d2c5);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.call-ai-summary__email-subject,.call-ai-summary__email-body{box-sizing:border-box;border:1px solid var(--paper-border,#d9d2c5);background:var(--paper-surface,#fff);width:100%;color:var(--paper-ink,#2b2b2b);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.call-ai-summary__email-body{resize:vertical;min-height:90px}.call-ai-summary__email-copy{align-self:flex-start}.call-ai-summary__email-to{box-sizing:border-box;border:1px solid var(--paper-border,#d9d2c5);background:var(--paper-surface,#fff);width:100%;color:var(--paper-ink,#2b2b2b);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.call-ai-summary__email-actions{gap:8px;display:flex}.calls-an-search{box-sizing:border-box;width:100%;margin-bottom:10px}.calls-an-search-results{flex-direction:column;gap:6px;max-height:320px;display:flex;overflow-y:auto}.calls-search-hit{text-align:left;border:1px solid var(--paper-border,#d9d2c5);background:var(--paper-surface,#fff);color:var(--paper-ink,#2b2b2b);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.calls-search-hit:hover{background:var(--paper-hover,#f4efe6)}.calls-search-hit__who{font-weight:650}.calls-search-hit__meta{color:var(--paper-muted,#9a9384);font-size:12px}.calls-search-hit__snippet{font-size:12.5px;font-style:italic}.call-ai-summary__talk{margin:4px 0;font-size:13px}.calls-team__switch{margin-bottom:12px}.calls-team__bar{align-items:center}.calls-team__table{padding:4px 0}.calls-team__row{cursor:pointer;border-bottom:1px solid #6b42260f;align-items:center;gap:12px;padding:10px 14px;display:flex}.calls-team__row:last-child{border-bottom:none}.calls-team__row:hover{background:var(--paper-shade)}.calls-team__who{flex-direction:column;flex:1;min-width:0;display:flex}.calls-team__name{color:var(--paper-ink);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.calls-team__name .calls-badge{vertical-align:1px;margin-left:6px;display:inline-block}.calls-team__email{color:var(--paper-ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.calls-team__role,.calls-team__avail{flex:none}.calls-team__avail.is-avail{background:var(--paper-green);color:var(--color-on-secondary)}.calls-team__avail.is-oncall{background:var(--paper-blue);color:var(--color-on-secondary)}.calls-team__avail.is-dnd{background:var(--paper-gold);color:var(--paper-ink)}.calls-team__avail.is-off{background:var(--paper-shade);color:var(--paper-ink-soft)}.calls-team__teams{flex-wrap:wrap;gap:4px;display:flex}.calls-team__dnd.is-active{background:var(--paper-gold)}@media (width<=767px){.calls-filterbar .calls-search{flex-basis:100%;order:-1}.calls-filterbar select{flex:40%;min-width:0}.calls-team__teams{display:none}.calls-team__row{flex-wrap:wrap;row-gap:6px}.calls-team__who{min-width:calc(100% - 60px)}.calls-ivr-day{flex-wrap:wrap;row-gap:4px;padding-bottom:6px}.calls-ivr-day__name{flex:1 0 100%}.calls-ivr-day input[type=time]{width:104px;padding-left:6px;padding-right:6px}.analytics__chart-card-body{overflow-x:auto}.calls-row__who,.calls-conv__agent{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}.calls-team__dnd-spacer{width:32px}.calls-team__modal{flex-direction:column;gap:8px;min-width:320px;display:flex}.calls-team__modal-actions{justify-content:space-between;margin-top:10px;display:flex}.calls-team__members{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.calls-team__member{color:var(--paper-ink);align-items:center;gap:8px;font-size:.8rem;display:flex}.calls-team__drawer-body{flex-direction:column;gap:8px;padding:12px;display:flex}.calls-team__drawer-actions{gap:8px;margin-top:10px;display:flex}.calls-team__drawer-avail{align-items:center;gap:10px;display:flex}.calls-team__stats{color:var(--paper-ink-soft);gap:16px;font-size:.8rem;display:flex}.calls-conv__bar{flex-wrap:wrap}.calls-conv__search{flex:1;min-width:220px}.calls-conv__sel{max-width:150px;font-size:.75rem}.calls-conv__row{flex-wrap:wrap}.calls-conv__agent{color:var(--paper-ink-soft);font-size:.7rem;display:block}.calls-conv__meta{white-space:nowrap;font-size:.8rem}.calls-conv__topics{flex-wrap:wrap;gap:4px;max-width:220px;display:flex}.calls-conv__snippet{border-left:3px solid var(--paper-gold);background:var(--paper-shade);color:var(--paper-ink-soft);border-radius:6px;flex-basis:100%;margin-top:6px;padding:6px 10px;font-size:.75rem}.calls-conv__truncated{color:var(--paper-ink-soft);margin:4px 2px;font-size:.72rem}.call-detail__tags,.call-detail__notes{padding:10px 14px}.call-detail__tag-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.call-detail__tag{align-items:center;gap:4px;display:inline-flex}.call-detail__tag-x{cursor:pointer;color:var(--paper-ink-soft);background:0 0;border:none;font-size:.65rem}.call-detail__tag-input{max-width:130px;font-size:.75rem}.call-detail__note{border-bottom:1px solid #6b42260f;flex-direction:column;padding:6px 0;display:flex}.call-detail__note-meta{color:var(--paper-ink-soft);font-size:.68rem}.call-detail__note-text{color:var(--paper-ink);white-space:pre-wrap;font-size:.8rem}.call-detail__note-add{align-items:flex-end;gap:8px;margin-top:8px;display:flex}.call-detail__note-add textarea{flex:1}.calls-live__head{align-items:center;gap:10px}.calls-live__spacer{flex:1}.calls-live__kpi-toggle{color:var(--paper-ink-soft);align-items:center;gap:6px;font-size:.75rem;display:flex}.calls-live__kpis{margin-bottom:12px}.calls-kpi--hot .calls-kpi__value{color:var(--paper-terracotta)}.calls-live__quick{align-items:center;margin-bottom:10px}.calls-live__callrow{cursor:pointer;border-bottom:1px solid #6b42260f;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.calls-live__callrow:last-child{border-bottom:none}.calls-live__callrow.is-live{background:var(--paper-shade)}.calls-live__agentname{color:var(--paper-ink-soft);min-width:90px;font-size:.75rem}.calls-live__status{font-size:.78rem}.calls-live__started{color:var(--paper-ink-soft);margin-left:auto;font-size:.72rem}.calls-live__tl-btn{font-size:.7rem}.calls-live__timeline{flex-basis:100%;padding:8px 0 2px 26px}.calls-live__tl-ev{align-items:center;gap:10px;padding:3px 0;font-size:.75rem;display:flex}.calls-live__tl-time{color:var(--paper-ink-soft);font-variant-numeric:tabular-nums;min-width:70px}.calls-live__tl-dot{background:var(--paper-navy);border-radius:50%;width:8px;height:8px}.calls-live__tl-ev--answered .calls-live__tl-dot{background:var(--paper-green)}.calls-live__tl-ev--ended .calls-live__tl-dot{background:var(--paper-terracotta)}.calls-live__user{flex-wrap:wrap}.calls-live__daystats{color:var(--paper-ink-soft);margin-left:auto;font-size:.72rem}@media (width<=720px){.calls-live__started{display:none}}.calls-voice-row{align-items:center;gap:8px;display:flex}.calls-voice-row select{flex:1}.calls-voice-row .paper-btn{white-space:nowrap}.calls-num-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.calls-num-head h3{margin:0}.calls-num-allot{color:var(--paper-muted,#9a8b76);margin:0 0 14px;font-size:.85rem}.calls-num-list{flex-direction:column;gap:10px;display:flex}.calls-num-item{border:1.5px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-default,10px);background:var(--paper-well);align-items:center;gap:10px;padding:12px 14px;display:flex}.calls-num-item__l{flex:1;min-width:0}.calls-num-item__num{font-family:var(--font-headline,"Baloo 2", sans-serif);color:var(--paper-ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.calls-num-item__caps{gap:4px;display:inline-flex}.calls-cap{font-size:.9rem}.calls-num-item__flags{gap:8px;margin-top:8px;display:flex}.calls-flag{border-radius:var(--radius-full,999px);border:1.5px solid var(--color-outline-variant,#dccbad);color:var(--paper-muted,#9a8b76);cursor:pointer;background:0 0;padding:4px 10px;font-size:.72rem;font-weight:700}.calls-flag--on{background:var(--paper-orange,#ee7a1c);border-color:var(--paper-orange,#ee7a1c);color:#fff;cursor:default}.calls-num-item__rel{width:36px;height:36px;color:var(--paper-muted,#9a8b76);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.calls-num-item__rel:hover{color:var(--paper-terracotta,#c73e2e);background:#c73e2e1a}.calls-num-item__rel .material-symbols-outlined{font-size:20px}.calls-num-foot{color:var(--paper-muted,#9a8b76);margin:14px 0 0;font-size:.85rem}.calls-buy{border-top:1.5px dashed var(--color-outline-variant,#dccbad);margin-top:14px;padding-top:14px}.calls-buy__pickers{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.calls-buy__pickers .paper-well{flex:140px;min-width:0}.calls-buy__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calls-buy__row .paper-well{flex:1;min-width:120px}.calls-buy__note{color:var(--paper-muted,#9a8b76);margin:8px 0 10px;font-size:.78rem}.calls-buy__note--info{background:var(--paper-tint,#fbf3e4);border:1px solid var(--color-outline-variant,#dccbad);color:var(--paper-ink,#5c4d38);border-radius:10px;padding:8px 10px}.calls-buy__results{flex-direction:column;gap:6px;max-height:300px;margin:12px 0 4px;display:flex;overflow-y:auto}.calls-buy__loading{color:var(--paper-muted,#9a8b76);text-align:center;margin:0;padding:12px 0;font-size:.86rem}.dial-from{width:100%;margin:0 0 10px;font-size:.85rem}.calls-sms__from{max-width:210px;margin-right:auto;padding:6px 8px;font-size:.78rem}.calls-bundle{flex-direction:column;gap:8px;padding:4px 0;display:flex}.calls-bundle p{color:var(--paper-muted,#9a8b76);margin:0 0 2px;font-size:.88rem;line-height:1.5}.calls-bundle .calls-label{margin-top:4px}.dial-page{box-sizing:border-box;max-width:100%;padding:16px;overflow-x:hidden}.dial-grid{box-sizing:border-box;grid-template-columns:minmax(240px,320px) 1fr;align-items:start;gap:24px;width:100%;max-width:880px;margin:0 auto;display:grid}.dial-col{min-width:0}.dial-pad{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:300px;margin:0 auto;display:flex}.dial-display{box-sizing:border-box;letter-spacing:1px;text-align:center;border:1px solid var(--paper-border,#d9d2c5);background:var(--paper-surface,#fff);width:100%;color:var(--paper-ink,#2b2b2b);border-radius:12px;padding:12px 14px;font-size:24px}.dial-keys{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dial-key{aspect-ratio:1;border:1px solid var(--paper-border,#d9d2c5);background:var(--paper-surface,#fff);color:var(--paper-ink,#2b2b2b);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background .12s,transform 50ms;display:flex}.dial-key:hover{background:var(--paper-hover,#f4efe6)}.dial-key:active{transform:scale(.96)}.dial-key__digit{font-size:22px;font-weight:600;line-height:1}.dial-key__sub{letter-spacing:1px;color:var(--paper-muted,#9a9384);min-height:10px;font-size:9px}.dial-actions{align-items:center;gap:10px;display:flex}.dial-call{flex:1;font-size:16px}.dial-call:disabled{opacity:.5;cursor:not-allowed}:root[data-theme=dark] .dial-call:disabled{opacity:1;background:var(--color-surface-container-high);color:var(--color-on-surface-variant);box-shadow:none}.dial-back{border:1px solid var(--paper-border,#d9d2c5);background:var(--paper-surface,#fff);color:var(--paper-ink,#2b2b2b);cursor:pointer;border-radius:10px;height:40px;padding:0 14px;font-size:18px}.dial-back:hover{background:var(--paper-hover,#f4efe6)}.dial-col--side{flex-direction:column;gap:16px;display:flex}.dial-search{box-sizing:border-box;border:1px solid var(--paper-border,#d9d2c5);background:var(--paper-surface,#fff);width:100%;color:var(--paper-ink,#2b2b2b);border-radius:10px;padding:10px 12px;font-size:14px}.dial-section__head{text-transform:uppercase;letter-spacing:.5px;color:var(--paper-muted,#9a9384);margin-bottom:8px;font-size:12px;font-weight:700}.dial-list{flex-direction:column;gap:4px;max-height:340px;display:flex;overflow-y:auto}.dial-row{width:100%;color:var(--paper-ink,#2b2b2b);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.dial-row:hover{background:var(--paper-hover,#f4efe6)}.dial-row__main{flex-direction:column;gap:2px;min-width:0;display:flex}.dial-row__name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.dial-row__num{color:var(--paper-muted,#9a9384);font-size:12px}.dial-row__meta{color:var(--paper-muted,#9a9384);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.dial-mates{flex-direction:column;gap:6px;display:flex}.dial-mate{align-items:center;gap:8px;padding:6px 4px;display:flex}.dial-mate__dot{border-radius:50%;flex:none;width:9px;height:9px}.dial-mate__dot.is-avail{background:#2fbf71}.dial-mate__dot.is-oncall{background:#e0533d}.dial-mate__name{font-weight:600}.dial-mate__state{color:var(--paper-muted,#9a9384);margin-left:auto;font-size:12px}.dial-empty{color:var(--paper-muted,#9a9384);padding:12px 4px;font-size:13px}@media (width<=720px){.dial-grid{grid-template-columns:1fr;gap:20px}.dial-list{max-height:none}}.dialer-card{flex-direction:column;gap:10px;padding:14px;display:flex}.dialer-card__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dialer-card__title{font-family:var(--font-headline);color:var(--paper-ink);font-size:.95rem;font-weight:700}.dialer-card__progress{color:var(--paper-ink-soft);white-space:nowrap;font-size:.8rem}.dialer-card__input{box-sizing:border-box;width:100%;font:inherit;resize:vertical;min-height:56px;padding:8px 10px;font-size:.85rem}.dialer-card__load{align-self:flex-start;padding:7px 14px;font-size:.82rem}.dialer-card__cap-note{color:var(--paper-ink-soft);font-size:.75rem;font-style:italic}.dialer-card__controls{flex-wrap:wrap;gap:6px;display:flex}.dialer-card__controls .paper-btn{flex:auto;padding:7px 10px;font-size:.8rem}.dialer-card__status-line{color:var(--color-primary);min-height:1.1em;font-size:.82rem;font-weight:600}.dialer-card__list{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow-y:auto}.dialer-card__empty{color:var(--paper-ink-soft);padding:8px 2px;font-size:.82rem;font-style:italic}.dialer-row{border:1px solid #0000;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;display:flex}.dialer-row.is-active{background:var(--color-surface-container-low);border-color:var(--paper-orange)}.dialer-row__main{flex-direction:column;flex:140px;gap:1px;min-width:0;display:flex}.dialer-row__label{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.dialer-row__num{color:var(--paper-ink-soft);font-size:.75rem}.dialer-row__chip{border-radius:var(--radius-full);white-space:nowrap;padding:4px 9px;font-size:.72rem;font-weight:600}.dialer-row__chip.is-pending{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.dialer-row__chip.is-called{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}:root[data-theme=dark] .dialer-row__chip.is-called{color:#e4f0e8;background:#2e5039}.dialer-row__chip.is-skipped{background:var(--color-warning-container);color:var(--color-on-warning-container)}.dialer-row__chip.is-failed,.dialer-row__chip.is-invalid{background:var(--color-error-container);color:var(--color-on-error-container)}.dialer-row__note{box-sizing:border-box;font:inherit;flex:100%;padding:6px 9px;font-size:.8rem}@media (width<=720px){.dialer-card__list{max-height:none}}.calls-sms{border:1px solid var(--paper-edge-kraft);background:var(--paper-sheet);border-radius:12px;flex-direction:column;gap:0;max-width:none;height:calc(100vh - 220px);min-height:420px;padding:0;overflow:hidden}.calls-sms__body{flex-direction:row;flex:1;min-height:0;display:flex}.calls-sms__list{border-right:1px solid var(--paper-edge-kraft);flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow-y:auto}.calls-sms__thread{text-align:left;border:none;border-bottom:1px solid var(--paper-well);cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.calls-sms__thread:hover{background:var(--paper-well)}.calls-sms__thread.is-active{background:var(--color-tertiary-container)}.calls-sms__avatar{background:var(--paper-well);width:36px;height:36px;color:var(--paper-ink-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.calls-sms__thread-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.calls-sms__thread-top{justify-content:space-between;gap:8px;display:flex}.calls-sms__thread-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.calls-sms__thread-time{color:var(--paper-ink-soft);flex-shrink:0;font-size:.72rem}.calls-sms__thread-preview{color:var(--paper-ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.calls-sms__unread{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.calls-sms__pane{flex-direction:column;flex:1;min-width:0;display:flex}.calls-sms__pane-head{border-bottom:1px solid var(--paper-edge-kraft);align-items:center;gap:10px;padding:12px 16px;display:flex}.calls-sms__pane-who{flex-direction:column;min-width:0;display:flex}.calls-sms__pane-name{font-family:var(--font-headline);font-weight:700}.calls-sms__pane-phone{color:var(--paper-ink-soft);font-size:.78rem}.calls-sms__messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.calls-sms__msg{border-radius:12px;max-width:78%;padding:8px 12px;font-size:.9rem}.calls-sms__msg--in{background:var(--paper-well);align-self:flex-start}.calls-sms__msg--out{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container);align-self:flex-end}.calls-sms__msg-body{white-space:pre-wrap;word-break:break-word}.calls-sms__media{cursor:pointer;background:var(--paper-well);border-radius:8px;max-width:220px;max-height:220px;margin-top:6px;display:block}.calls-sms__media-file{background:var(--paper-well);width:fit-content;color:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;font-size:.82rem;text-decoration:none;display:inline-flex}.calls-sms__media-file:hover{background:var(--paper-edge-kraft)}.calls-sms__media-file.is-loading{opacity:.6;pointer-events:none}.calls-sms__msg-meta{opacity:.7;margin-top:4px;font-size:.68rem}.calls-sms__a2p{color:var(--paper-ink);background:#ff7e5f1f;border-radius:8px;margin:0 16px 8px;padding:8px 12px;font-size:.78rem}.calls-sms__cap-banner{color:var(--paper-ink);background:#e0923c29;border:1px solid #e0923c59;border-radius:8px;flex-shrink:0;margin:10px 12px 2px;padding:10px 14px;font-size:.82rem;line-height:1.4}.calls-sms__input:disabled{opacity:.55;cursor:not-allowed}.calls-sms__composer{border-top:1px solid var(--paper-edge-kraft);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.calls-sms__input{resize:none;width:100%}.calls-sms__composer-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.calls-sms__count{color:var(--paper-ink-soft);font-size:.75rem}.calls-sms__empty{color:var(--paper-ink-soft);text-align:center;padding:32px 16px;font-size:.88rem}.calls-sms__empty--pane{margin:auto}@media (width<=767px){.calls-sms{height:calc(100vh - 180px)}.calls-sms__body{flex-direction:column}.calls-sms__list{border-right:none;border-bottom:1px solid var(--paper-edge-kraft);width:100%;max-height:40%}}.knowledge-base{max-width:680px;padding:var(--space-8) var(--space-4);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.knowledge-base__header{gap:var(--space-2);flex-direction:column;display:flex}.knowledge-base__title{font-family:var(--font-headline);letter-spacing:var(--tracking-tight);color:var(--color-on-background);font-size:1.5rem;font-weight:800}.knowledge-base__subtitle{color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.6}.knowledge-tabs{background-color:var(--color-surface-container);border-radius:var(--radius-full);gap:6px;padding:5px;display:flex}.knowledge-tabs__btn{border-radius:var(--radius-full);font-family:var(--font-label);color:var(--color-on-surface-variant);transition:all var(--duration-normal) ease;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.8125rem;font-weight:600;display:flex}.knowledge-tabs__btn:hover{color:var(--color-on-surface);background-color:var(--color-surface-container-low)}.knowledge-tabs__btn--active{background:var(--paper-orange);color:var(--color-on-primary);box-shadow:0 2px 0 var(--paper-edge-orange)}.knowledge-tabs__btn .material-symbols-outlined{font-size:18px}.knowledge-tabs__count{background-color:var(--color-surface-container-highest);color:var(--color-on-surface-variant);border-radius:var(--radius-full);text-align:center;min-width:22px;padding:4px 8px;font-size:.6875rem;font-weight:700;line-height:1.4}.knowledge-tabs__btn--active .knowledge-tabs__count{color:var(--paper-ink);background:#33261a29}.knowledge-add-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);width:100%;height:52px;font-family:var(--font-headline);color:var(--color-on-primary);background:var(--paper-orange);cursor:pointer;transition:background .2s ease, transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease;box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1);border:none;font-size:.875rem;font-weight:700;display:flex}.knowledge-add-btn:hover{background:var(--paper-orange-bright)}.knowledge-add-btn:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.knowledge-add-btn .material-symbols-outlined{font-size:20px}.knowledge-empty{align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-4);text-align:center;flex-direction:column;display:flex}.knowledge-empty__icon{color:var(--color-primary-container);opacity:.5;font-size:56px}.knowledge-empty__title{font-family:var(--font-headline);color:var(--color-on-background);font-size:1.125rem;font-weight:700}.knowledge-empty__desc{color:var(--color-on-surface-variant);max-width:300px;font-size:.8125rem;line-height:1.6}.knowledge-list{gap:var(--space-3);flex-direction:column;display:flex}.faq-card{background:var(--paper-sheet);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--lift-2);gap:var(--space-3);transition:all var(--duration-normal) ease;border:1px solid #6b42260f;flex-direction:column;display:flex;position:relative}.faq-card:hover{box-shadow:var(--lift-3)}.faq-card--disabled{opacity:.5}.faq-card__question{align-items:flex-start;gap:var(--space-3);display:flex}.faq-card__q-icon{border-radius:var(--radius-sm);background:var(--gradient-signature);width:24px;height:24px;color:var(--color-on-primary);font-family:var(--font-headline);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.faq-card__q-text{font-family:var(--font-headline);color:var(--color-on-surface);font-size:.9375rem;font-weight:700;line-height:1.4}.faq-card__answer{align-items:flex-start;gap:var(--space-3);display:flex}.faq-card__a-icon{border-radius:var(--radius-sm);background-color:var(--color-secondary);color:#fff;width:24px;height:24px;font-family:var(--font-headline);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.faq-card__a-text{color:var(--color-on-surface-variant);font-size:.8125rem;line-height:1.6}.faq-card__tags{gap:var(--space-1);flex-wrap:wrap;padding-left:36px;display:flex}.faq-card__tag{border-radius:var(--radius-full);background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant);padding:4px 8px;font-size:.6875rem;font-weight:600}.faq-card__actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-surface-container);display:flex}.faq-card__action-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--color-on-surface-variant);cursor:pointer;transition:all .2s var(--ease-spring);background:0 0;border:1.5px solid #0000;font-size:.75rem;font-weight:700;display:flex}.faq-card__action-btn:hover{color:var(--color-primary-dim);background:linear-gradient(135deg,#f7931e14,#f5c84214);border-color:#f7931e33;transform:translateY(-1px)}.faq-card__action-btn--delete{color:var(--color-on-surface-variant)}.faq-card__action-btn--delete:hover{color:var(--paper-terracotta);background:linear-gradient(135deg,#c73e2e14,#c73e2e0d);border-color:#c73e2e33;transform:translateY(-1px)}.faq-card__action-btn .material-symbols-outlined{font-size:16px}.doc-card{background:var(--paper-sheet);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--lift-2);gap:var(--space-3);transition:all var(--duration-normal) ease;border:1px solid #6b42260f;flex-direction:column;display:flex}.doc-card:hover{box-shadow:var(--lift-3)}.doc-card--disabled{opacity:.5}.doc-card__header{align-items:center;gap:var(--space-3);display:flex}.doc-card__icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--paper-blue), #3a5a8a);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.doc-card__icon .material-symbols-outlined{font-size:20px}.doc-card__meta{flex:1;min-width:0}.doc-card__title{font-family:var(--font-headline);color:var(--color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.doc-card__category{color:var(--paper-blue);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:.6875rem;font-weight:600}.doc-card__preview{color:var(--color-on-surface-variant);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.6;display:-webkit-box;overflow:hidden}.doc-card__footer{padding-top:var(--space-2);border-top:1px solid var(--color-surface-container);justify-content:space-between;align-items:center;display:flex}.doc-card__char-count{color:var(--color-on-surface-variant);font-size:.6875rem;font-weight:600}.doc-card__actions{gap:var(--space-2);display:flex}.knowledge-modal-overlay{background-color:var(--paper-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);animation:modalFadeIn var(--duration-normal) ease;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.knowledge-modal{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:680px;max-height:85dvh;padding:var(--space-6);gap:var(--space-5);animation:modalSlideUp var(--duration-normal) var(--ease-spring);flex-direction:column;display:flex;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.knowledge-modal__header{justify-content:space-between;align-items:center;display:flex}.knowledge-modal__title{font-family:var(--font-headline);color:var(--color-on-background);font-size:1.125rem;font-weight:800}.knowledge-modal__close{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-on-surface-variant);cursor:pointer;transition:background-color var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.knowledge-modal__close:hover{background-color:var(--color-surface-container)}.knowledge-modal__field{gap:var(--space-2);flex-direction:column;display:flex}.knowledge-modal__label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-on-surface-variant);font-size:.75rem;font-weight:700}.knowledge-modal__input{background:var(--paper-well);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);width:100%;padding:var(--space-3) var(--space-4);font-size:.875rem;font-family:var(--font-body);color:var(--paper-ink);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;box-shadow:inset 0 2px 4px #6b422614}.knowledge-modal__input:focus{border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.knowledge-modal__textarea{background:var(--paper-well);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);width:100%;padding:var(--space-4);font-size:.875rem;font-family:var(--font-body);color:var(--paper-ink);resize:vertical;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;line-height:1.6;box-shadow:inset 0 2px 4px #6b422614}.knowledge-modal__textarea:focus{border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.knowledge-modal__tags-hint{color:var(--color-on-surface-variant);opacity:.7;font-size:.6875rem}.knowledge-modal__footer{gap:var(--space-3);padding-top:var(--space-2);justify-content:flex-end;display:flex}.knowledge-modal__cancel{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-family:var(--font-headline);background:var(--paper-kraft);color:var(--paper-ink);cursor:pointer;box-shadow:0 2px 0 var(--paper-edge-kraft);transition:background .2s ease, transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease;border:none;font-size:.875rem;font-weight:700}.knowledge-modal__cancel:hover{background:var(--paper-shade)}.knowledge-modal__cancel:active{transform:translateY(2px);box-shadow:0 0 #0000}.knowledge-modal__save{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-headline);background:var(--paper-orange);color:var(--color-on-primary);cursor:pointer;align-items:center;gap:var(--space-2);transition:background .2s ease, transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease;box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1);border:none;font-size:.875rem;font-weight:700;display:flex}.knowledge-modal__save:hover{background:var(--paper-orange-bright)}.knowledge-modal__save:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.knowledge-modal__save:disabled{opacity:.5;pointer-events:none}.knowledge-modal__save .material-symbols-outlined{font-size:18px}.knowledge-search{position:relative}.knowledge-search__input{background:var(--paper-well);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-full);width:100%;padding:var(--space-3) var(--space-4);font-size:.8125rem;font-family:var(--font-body);color:var(--paper-ink);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;padding-left:40px;box-shadow:inset 0 2px 4px #6b422614}.knowledge-search__input:focus{border-color:var(--paper-orange);background:var(--paper-well);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.knowledge-search__input::placeholder{color:var(--color-on-surface-variant);opacity:.6}.knowledge-search__icon{left:var(--space-3);color:var(--color-on-surface-variant);pointer-events:none;font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.knowledge-toggle{border-radius:var(--radius-full);background-color:var(--color-surface-container-highest);cursor:pointer;width:38px;height:22px;transition:background-color var(--duration-normal) ease;border:none;flex-shrink:0;position:relative}.knowledge-toggle--on{background:var(--paper-green)}.knowledge-toggle__thumb{border-radius:var(--radius-full);width:16px;height:16px;transition:transform var(--duration-normal) var(--ease-spring);background-color:#fff;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #6b422640}.knowledge-toggle--on .knowledge-toggle__thumb{transform:translate(16px)}.knowledge-stats{gap:var(--space-3);display:flex}.knowledge-stats__item{align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--paper-sheet);border-radius:var(--radius-md);box-shadow:var(--lift-1);border:1px solid #6b42260f;flex-direction:column;flex:1;display:flex}.knowledge-stats__value{font-family:var(--font-headline);color:var(--paper-ink);font-size:1.25rem;font-weight:800}.knowledge-stats__label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:.6875rem;font-weight:600}.suggestion-card{background:var(--paper-sheet);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--lift-2);gap:var(--space-3);transition:all var(--duration-normal) ease;border:1px solid #6b42260f;border-left:4px solid var(--paper-orange-bright);flex-direction:column;display:flex}.suggestion-card:hover{box-shadow:var(--lift-3)}.suggestion-card--approved{border-left-color:var(--paper-green);opacity:.6}.suggestion-card--dismissed{border-left-color:var(--color-outline-variant);opacity:.5}.suggestion-card__header{justify-content:space-between;align-items:center;display:flex}.suggestion-card__icon{border-radius:var(--radius-md);background:var(--gradient-signature);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.suggestion-card__icon .material-symbols-outlined{font-size:20px}.suggestion-card__meta{align-items:center;gap:var(--space-2);display:flex}.suggestion-card__badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;font-size:.6875rem;font-weight:700}.suggestion-card__badge--pending{background:var(--color-primary-container);color:var(--color-on-primary-container)}.suggestion-card__badge--approved{color:var(--paper-green);background:#3e6b4f24}.suggestion-card__badge--dismissed{background:var(--color-surface-container-high);color:var(--color-on-surface-variant)}.suggestion-card__time{color:var(--color-on-surface-variant);font-size:.6875rem}.suggestion-card__question{gap:var(--space-1);flex-direction:column;display:flex}.suggestion-card__q-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant);font-size:.6875rem;font-weight:600}.suggestion-card__q-text{font-family:var(--font-headline);color:var(--color-on-surface);font-size:.9375rem;font-weight:700;line-height:1.4}.suggestion-card__reason{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-default);color:var(--color-on-surface-variant);background:#f7931e0f;font-size:.8125rem;line-height:1.5;display:flex}.suggestion-card__reason .material-symbols-outlined{color:var(--color-primary-dim);flex-shrink:0;margin-top:2px;font-size:16px}.suggestion-card__from{align-items:center;gap:var(--space-2);color:var(--color-on-surface-variant);font-size:.75rem;display:flex}.suggestion-card__from .material-symbols-outlined{font-size:14px}.suggestion-card__freq{color:var(--color-primary-dim);border-radius:var(--radius-full);background:#f7931e1a;padding:3px 10px;font-size:.6875rem;font-weight:700}.suggestion-card__actions{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-surface-container);display:flex}.suggestion-card__action{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s var(--ease-spring);background:0 0;border:none;font-size:.75rem;font-weight:700;display:flex}.suggestion-card__action .material-symbols-outlined{font-size:16px}.suggestion-card__action--approve{background:var(--paper-green);color:#fff;box-shadow:0 3px 0 var(--paper-edge-green), var(--lift-1)}.suggestion-card__action--approve:hover{background:#5e8b6f}.suggestion-card__action--approve:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.suggestion-card__action--dismiss{background:var(--paper-kraft);color:var(--paper-ink);box-shadow:0 2px 0 var(--paper-edge-kraft)}.suggestion-card__action--dismiss:hover{background:var(--paper-shade)}.suggestion-card__action--dismiss:active{transform:translateY(2px);box-shadow:0 0 #0000}.suggestion-card__action--delete{color:var(--color-on-surface-variant);border:1.5px solid #0000;margin-left:auto}.suggestion-card__action--delete:hover{color:var(--paper-terracotta);background:linear-gradient(135deg,#c73e2e14,#c73e2e0d);border-color:#c73e2e33;transform:translateY(-1px)}.suggestion-modal__info{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-on-surface-variant);background:linear-gradient(135deg,#f7931e14,#f5c84214);font-size:.8125rem;line-height:1.6;display:flex}.suggestion-modal__info .material-symbols-outlined{color:var(--color-primary-dim);flex-shrink:0;margin-top:1px;font-size:20px}.suggestion-modal__reason-note{color:var(--color-on-surface-variant);padding:var(--space-3);background:var(--color-surface-container);border-radius:var(--radius-default);font-size:.8125rem;line-height:1.5}.product-card{background:var(--paper-sheet);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--lift-2);align-items:center;gap:var(--space-4);transition:all var(--duration-normal) ease;border:1px solid #6b42260f;display:flex}.product-card:hover{box-shadow:var(--lift-3)}.product-card--disabled{opacity:.5}.product-card__image{border-radius:var(--radius-md);background:var(--color-surface-container);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.product-card__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.product-card__image .material-symbols-outlined{color:var(--color-on-surface-variant);opacity:.4;font-size:28px}.product-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.product-card__title{font-family:var(--font-headline);color:var(--color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.product-card__price{font-family:var(--font-headline);color:var(--color-primary-dim);font-size:.9375rem;font-weight:800}.product-card__price--sale{color:var(--paper-terracotta);font-weight:800}.product-card__price--original{color:var(--color-on-surface-variant);font-size:.8125rem;font-weight:500;text-decoration:line-through}.product-card__currency{color:var(--color-on-surface-variant);font-size:.6875rem;font-weight:600}.product-card__type{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.product-card__status{align-items:center;gap:var(--space-2);margin-top:2px;display:flex}.product-card__badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;font-size:.625rem;font-weight:700}.product-card__badge--in-stock{color:var(--paper-green);background:#3e6b4f24}.product-card__badge--out-of-stock{background:var(--color-error-container);color:var(--color-on-error-container)}.product-card__variants{color:var(--color-on-surface-variant);font-size:.6875rem}.product-card__actions{gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.knowledge-add-btn--shopify{background:var(--paper-green)!important;color:#fff!important;box-shadow:0 3px 0 var(--paper-edge-green), var(--lift-1)!important}.knowledge-add-btn--shopify:hover{background:#5e8b6f!important}.knowledge-add-btn--shopify:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.knowledge-base__sync-info{color:var(--color-on-surface-variant);font-size:.75rem;line-height:1.5}.knowledge-tabs__count--alert{animation:2s infinite pulse-glow;background:var(--paper-orange)!important;color:var(--color-on-primary)!important}@media (width<=767px){.knowledge-base{padding:var(--space-6) var(--space-4);gap:var(--space-4)}.knowledge-tabs{grid-template-columns:1fr 1fr;gap:4px;display:grid}.knowledge-tabs__btn{flex:unset;padding:var(--space-2) var(--space-3);gap:var(--space-1);font-size:.8125rem}.knowledge-stats{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}}@media (width<=480px){.knowledge-base{padding:var(--space-5) var(--space-3);gap:var(--space-4)}.knowledge-base__title{font-size:1.25rem}.knowledge-tabs__btn{padding:var(--space-2) var(--space-2);font-size:.75rem}.knowledge-tabs__btn .material-symbols-outlined{font-size:16px}}.ai-config{gap:var(--space-4);flex-direction:column;display:flex}.ai-config__card{background:var(--color-surface-container-lowest);border-radius:var(--radius-large);padding:var(--space-5);gap:var(--space-4);border:1px solid var(--color-outline-variant);flex-direction:column;display:flex}.ai-config__field{gap:var(--space-2);flex-direction:column;display:flex}.ai-config__label-row{align-items:center;gap:var(--space-2);display:flex}.ai-config__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-on-background);font-size:.8125rem;font-weight:700}.ai-config__label--sm{font-size:.75rem}.ai-config__hint{color:var(--color-on-surface-variant);margin:0;font-size:.7rem}.ai-config__textarea-wrapper{position:relative}.ai-config__textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);background:var(--color-surface-container-low);color:var(--color-on-background);resize:vertical;box-sizing:border-box;font-family:inherit;font-size:.8125rem;line-height:1.5}.ai-config__textarea:focus{border-color:var(--color-primary);outline:none}.ai-config__char-count{color:var(--color-on-surface-variant);opacity:.6;font-size:.65rem;position:absolute;bottom:8px;right:12px}.ai-config__input-wrapper{position:relative}.ai-config__input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);background:var(--color-surface-container-low);color:var(--color-on-background);box-sizing:border-box;font-family:inherit;font-size:.8125rem}.ai-config__input:focus{border-color:var(--color-primary);outline:none}.ai-config__divider{border:none;border-top:1px solid var(--color-outline-variant);margin:0}.ai-config__status{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;display:flex}.ai-config__save{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-default);cursor:pointer;border:none;font-size:.875rem;font-weight:700;transition:opacity .2s;display:flex}.ai-config__save:disabled{opacity:.6;cursor:not-allowed}.ai-actions{gap:var(--space-2);flex-direction:column;display:flex}.ai-actions__group{flex-direction:column;gap:6px;margin:4px 0;display:flex}.ai-actions__row{align-items:center;gap:var(--space-2);border-radius:var(--radius-default);cursor:pointer;background:var(--color-surface-container-low);border:1px solid #0000;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.ai-actions__row:hover{background:var(--color-surface-container);border-color:var(--color-outline-variant)}.ai-actions__row input[type=checkbox]{cursor:pointer;flex-shrink:0}.ai-actions__id{color:var(--color-on-background);background:var(--color-surface-container);border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.ai-actions__desc{color:var(--color-on-surface-variant);font-size:.75rem}.ai-actions__warning{color:var(--color-on-warning-container);background:var(--color-warning-container);border:1px solid var(--color-warning);border-radius:var(--radius-default);margin:var(--space-2) 0 4px;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;display:flex}.ai-actions__row--destructive .ai-actions__id{color:var(--color-on-warning-container);background:var(--color-warning-container)}.knowledge-actions-row{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.knowledge-actions-row .knowledge-add-btn{margin-bottom:0}.knowledge-add-btn--secondary{background:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-outline-variant)}.knowledge-add-btn--secondary:hover{background:var(--color-surface-variant)}.knowledge-clear-imports{font-family:var(--font-headline);color:var(--paper-terracotta);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;font-size:.8125rem;font-weight:600;transition:background .15s;display:inline-flex}.knowledge-clear-imports:hover:not(:disabled){background:var(--color-error-container);border-color:#d96a5c}.knowledge-clear-imports:disabled{opacity:.6;cursor:not-allowed}.knowledge-clear-imports .material-symbols-outlined{font-size:18px}.doc-card__icon--web{background:var(--gradient-signature)}.doc-card__icon--web .material-symbols-outlined{color:#fff}.kb-import-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kb-import-modal__backdrop{background:var(--paper-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:0}.kb-import-modal__card{background:var(--paper-sheet);width:min(560px,92vw);max-height:86vh;box-shadow:var(--lift-3);border-radius:16px;padding:28px 28px 24px;position:relative;overflow:auto}.kb-import-modal__x{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}.kb-import-modal__x:hover{color:var(--color-on-surface)}.kb-import-modal__title{font-family:var(--font-headline);color:var(--color-on-background);margin:0 0 6px;font-size:1.25rem}.kb-import-modal__subtitle{color:var(--color-on-surface-variant);margin:0 0 18px;font-size:.875rem}.kb-import-modal__label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant);margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.kb-import-modal__input{background:var(--paper-well);border:1.5px solid var(--color-outline-variant);width:100%;color:var(--paper-ink);box-sizing:border-box;border-radius:10px;padding:12px 14px;font-size:.95rem;box-shadow:inset 0 2px 4px #6b422614}.kb-import-modal__input:focus{border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.kb-import-modal__hint{color:var(--color-on-surface-variant);align-items:center;gap:6px;margin-top:10px;font-size:.8125rem;display:flex}.kb-import-modal__hint--loading{color:var(--color-primary-dim);font-weight:600}.kb-import-modal__error{background:var(--color-error-container);color:var(--color-on-error-container);border-radius:8px;margin-top:10px;padding:10px 12px;font-size:.8125rem}.kb-import-modal__actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.kb-import-modal__btn{font-family:var(--font-headline);cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 16px;font-size:.8125rem;font-weight:700;transition:opacity .2s,background .2s}.kb-import-modal__btn:disabled{opacity:.5;cursor:not-allowed}.kb-import-modal__btn--primary{background:var(--paper-orange);color:var(--color-on-primary);box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1)}.kb-import-modal__btn--primary:hover:not(:disabled){background:var(--paper-orange-bright)}.kb-import-modal__btn--ghost{color:var(--color-on-surface);border-color:var(--color-outline-variant);background:0 0}.kb-import-modal__btn--ghost:hover{background:var(--color-surface-variant)}.kb-import-modal__toolbar{align-items:center;gap:8px;margin:4px 0 10px;display:flex}.kb-import-modal__chip{background:var(--color-surface-variant);border:1px solid var(--color-outline-variant);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.kb-import-modal__chip:hover{background:var(--color-outline-variant)}.kb-import-modal__count{color:var(--color-on-surface-variant);margin-left:auto;font-size:.75rem}.kb-import-modal__list{border:1px solid var(--color-outline-variant);border-radius:10px;max-height:320px;margin-bottom:12px;padding:4px;overflow-y:auto}.kb-import-row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.kb-import-row:hover{background:var(--color-surface-variant)}.kb-import-row__check{width:16px;height:16px;accent-color:var(--paper-orange)}.kb-import-row__body{min-width:0}.kb-import-row__title{color:var(--color-on-surface);font-size:.875rem;font-weight:600}.kb-import-row__path{color:var(--color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.kb-import-modal__quota{color:var(--color-on-surface-variant);align-items:center;gap:6px;padding:6px 8px;font-size:.75rem;display:flex}.kb-import-modal__quota--over{color:var(--paper-terracotta);font-weight:600}.kb-import-modal__progress{margin:12px 0 6px}.kb-import-modal__bar{background:var(--color-surface-variant);border-radius:999px;width:100%;height:10px;overflow:hidden}.kb-import-modal__fill{background:var(--paper-orange);height:100%;transition:width .3s}.kb-import-modal__progress-text{color:var(--color-on-surface-variant);text-align:center;margin-top:6px;font-size:.8125rem}.kb-import-failed{border:1px solid var(--color-outline-variant);border-radius:10px;max-height:200px;margin:12px 0;padding:0;list-style:none;overflow-y:auto}.kb-import-failed__item{border-bottom:1px solid var(--color-outline-variant);align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;display:flex}.kb-import-failed__item:last-child{border-bottom:0}.kb-import-failed__url{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-on-surface);flex:1;overflow:hidden}.kb-import-failed__err{color:var(--color-on-surface-variant);font-size:.75rem}.mascot-wait{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;display:flex}.mascot-wait__chip{width:112px;height:112px;box-shadow:0 0 0 3px #fffdf8, 0 0 0 4px #6b42261f, var(--lift-1);background:#fffbf3;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.mascot-wait__img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 6px #6b422638);max-width:76%;max-height:76%;animation:2.4s ease-in-out infinite mascot-bob}.mascot-wait__text{color:var(--color-on-surface-variant);margin:0;font-size:.8125rem}.mascot-wait--inline{padding:var(--space-2) var(--space-3);gap:var(--space-2);text-align:left;flex-direction:row}.mascot-wait--inline .mascot-wait__chip{width:56px;height:56px}@media (prefers-reduced-motion:reduce){.mascot-wait__img{animation:none}}.flow-builder{background-color:var(--color-surface);height:calc(100dvh - 144px);font-family:var(--font-body);color:var(--color-on-background);flex-direction:column;display:flex;overflow:hidden}@media (width<=768px){.flow-builder{height:calc(100dvh - 136px)}}@media (width<=480px){.flow-builder{height:calc(100dvh - 120px)}}.flow-builder__header{justify-content:space-between;align-items:center;gap:var(--space-4);height:56px;padding:0 var(--space-5);background:var(--paper-sheet);color:var(--paper-ink);border-bottom:1px solid var(--color-outline-variant);box-shadow:var(--shadow-subtle);z-index:30;flex-shrink:0;display:flex}.flow-builder__header-left{align-items:center;gap:var(--space-4);display:flex}.flow-builder__back-btn{border-radius:var(--radius-default);width:32px;height:32px;color:var(--paper-ink-soft);transition:background-color var(--duration-fast) ease;background-color:#0000;justify-content:center;align-items:center;display:flex}.flow-builder__back-btn:hover{background-color:var(--paper-shade);color:var(--paper-ink)}.flow-builder__flow-name{font-family:var(--font-headline);letter-spacing:var(--tracking-tight);color:var(--paper-ink);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast) ease;background:0 0;border:none;border-bottom:1px solid #0000;min-width:120px;font-size:1rem;font-weight:700}.flow-builder__flow-name:hover{background-color:var(--paper-shade);border-bottom-color:var(--color-outline-variant)}.flow-builder__flow-name:focus{background-color:var(--paper-shade);border-bottom-color:var(--paper-orange);outline:none}.flow-builder__flow-name::placeholder{color:var(--paper-ink-soft)}.flow-builder__flow-select{position:relative}.flow-builder__flow-select-btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-default);background-color:var(--paper-shade);color:var(--paper-ink);font-family:var(--font-headline);transition:background-color var(--duration-fast) ease;cursor:pointer;border:none;font-size:.8125rem;font-weight:600;display:flex}.flow-builder__flow-select-btn:hover{background-color:var(--paper-kraft)}.flow-builder__flow-select-btn .material-symbols-outlined{transition:transform var(--duration-fast) ease;font-size:18px}.flow-builder__flow-select[open] .flow-builder__flow-select-btn .material-symbols-outlined{transform:rotate(180deg)}.flow-builder__flow-dropdown{top:calc(100% + var(--space-2));background-color:var(--paper-sheet);border-radius:var(--radius-md);min-width:240px;box-shadow:var(--lift-2), 0 8px 32px #6b42261f;padding:var(--space-2);z-index:40;animation:dropdownReveal var(--duration-fast) var(--ease-spring) forwards;position:absolute;left:0}@keyframes dropdownReveal{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.flow-builder__flow-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-default);cursor:pointer;transition:background-color var(--duration-fast) ease;color:var(--color-on-surface);font-size:.8125rem;font-weight:500;display:flex}.flow-builder__flow-item:hover{background-color:var(--color-surface-container-low)}.flow-builder__flow-item--active{background-color:var(--color-surface-container);font-weight:600}.flow-builder__flow-item-dot{border-radius:var(--radius-full);background-color:var(--color-outline-variant);flex-shrink:0;width:8px;height:8px}.flow-builder__flow-item--active .flow-builder__flow-item-dot{background-color:var(--paper-green);box-shadow:0 0 8px #3e6b4f80}.flow-builder__flow-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.flow-builder__header-actions{align-items:center;gap:var(--space-3);row-gap:var(--space-2);flex-wrap:wrap;display:flex}.flow-builder__save-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-default);background:var(--paper-kraft);color:var(--paper-ink);font-family:var(--font-headline);cursor:pointer;transition:all .25s var(--ease-spring);box-shadow:0 2px 0 var(--paper-edge-kraft), var(--lift-1);white-space:nowrap;border:none;font-size:.8125rem;font-weight:700;display:inline-flex}.flow-builder__save-btn:hover{background:var(--paper-shade);transform:translateY(-1px)}.flow-builder__save-btn:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.flow-builder__save-btn--saving{opacity:.7;pointer-events:none}.flow-builder__delete-btn{background:var(--paper-terracotta)!important;color:#fff!important;box-shadow:0 3px 0 var(--paper-edge-terracotta), var(--lift-1)!important}.flow-builder__delete-btn:hover{background:var(--paper-edge-terracotta)!important}.flow-builder__toggle-btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wider);cursor:pointer;transition:all var(--duration-fast) ease;white-space:nowrap;border:none;font-size:.6875rem;font-weight:700;display:flex}.flow-builder__toggle-btn--active{color:#2e5039;background-color:#3e6b4f29}.flow-builder__toggle-btn--inactive{background-color:var(--paper-shade);color:var(--paper-ink-soft)}.flow-builder__toggle-indicator{border-radius:var(--radius-full);width:8px;height:8px}.flow-builder__toggle-btn--active .flow-builder__toggle-indicator{background-color:var(--paper-green);box-shadow:0 0 6px #3e6b4f80}.flow-builder__toggle-btn--inactive .flow-builder__toggle-indicator{background-color:var(--color-outline-variant)}.flow-builder__body{flex:1;display:flex;position:relative;overflow:hidden}.flow-builder__palette{background-color:var(--color-surface-container-lowest);border-right:1px solid var(--color-surface-container);z-index:10;flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.flow-builder__palette-tabs{border-bottom:2px solid var(--color-surface-container);flex-wrap:wrap;flex-shrink:0;display:flex}.flow-builder__palette-tab{white-space:nowrap;padding:var(--space-3) var(--space-2);font-family:var(--font-headline);text-align:center;color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;font-size:.6875rem;font-weight:600}.flow-builder__palette-tab:hover{color:var(--color-on-surface);background-color:var(--color-surface-container-low)}.flow-builder__palette-tab--active.flow-builder__palette-tab--triggers{color:#4a6fa5;border-bottom-color:#4a6fa5}.flow-builder__palette-tab--active.flow-builder__palette-tab--conditions{color:var(--color-on-warning-container);border-bottom-color:var(--color-on-warning-container)}.flow-builder__palette-tab--active.flow-builder__palette-tab--actions{color:#3a5a8a;border-bottom-color:#3a5a8a}.flow-builder__palette-tab--active.flow-builder__palette-tab--shopify{color:#3e6b4f;border-bottom-color:#3e6b4f}.flow-builder__palette-items{padding:var(--space-3);flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.flow-builder__palette-item{align-items:center;gap:var(--space-3);cursor:grab;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:12px;padding:10px 14px;transition:all .2s;display:flex}.flow-builder__palette-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6b422629}.flow-builder__palette-item:active{cursor:grabbing;transform:scale(.96)}.flow-builder__palette-item--triggers{background:linear-gradient(135deg,#4a6fa514,#4a6fa52e);border-color:#4a6fa540}.flow-builder__palette-item--triggers:hover{background:linear-gradient(135deg,#4a6fa526,#4a6fa547);border-color:#4a6fa5}.flow-builder__palette-item--conditions{background:linear-gradient(135deg,#a87b0f14,#a87b0f2e);border-color:#a87b0f40}.flow-builder__palette-item--conditions:hover{border-color:var(--color-on-warning-container);background:linear-gradient(135deg,#a87b0f26,#a87b0f47)}.flow-builder__palette-item--actions{background:linear-gradient(135deg,#3a5a8a14,#4a6fa52e);border-color:#3a5a8a40}.flow-builder__palette-item--actions:hover{background:linear-gradient(135deg,#3a5a8a26,#4a6fa547);border-color:#3a5a8a}.flow-builder__palette-item--shopify{background:linear-gradient(135deg,#3e6b4f14,#5e8b6f2e);border-color:#3e6b4f40}.flow-builder__palette-item--shopify:hover{background:linear-gradient(135deg,#3e6b4f26,#5e8b6f47);border-color:#3e6b4f}.flow-builder__palette-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;box-shadow:0 2px 8px #6b422629}.flow-builder__palette-icon--triggers{color:#fff;background:linear-gradient(135deg,#4a6fa5,#8fa9cc)}.flow-builder__palette-icon--conditions{color:#fff;background:linear-gradient(135deg,#a87b0f,#d9a82e)}.flow-builder__palette-icon--actions{color:#fff;background:linear-gradient(135deg,#3a5a8a,#6e8fbf)}.flow-builder__palette-icon--shopify{color:#fff;background:linear-gradient(135deg,#3e6b4f,#5e8b6f)}.flow-builder__palette-icon .material-symbols-outlined{font-size:18px}.flow-builder__palette-label{font-family:var(--font-headline);color:var(--color-on-surface);font-size:.72rem;font-weight:700;line-height:1.3}.flow-builder__canvas-wrap{cursor:default;flex:1;position:relative;overflow:hidden}.flow-builder__canvas-wrap:before{content:"";background-image:radial-gradient(circle, var(--color-outline-variant) 1px, transparent 1px);opacity:.35;pointer-events:none;z-index:0;background-size:24px 24px;position:absolute;inset:0}.flow-builder__canvas{transform-origin:0 0;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.flow-builder__svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.flow-builder__connection{fill:none;stroke:#b39b7e;stroke-width:2px;stroke-linecap:round;transition:stroke var(--duration-fast) ease, opacity var(--duration-fast) ease}.flow-builder__connection:hover{stroke:var(--color-primary);stroke-width:2.5px;pointer-events:stroke;cursor:pointer}.flow-builder__connection-dot{fill:#b39b7e;pointer-events:none;transition:opacity var(--duration-fast) ease}.flow-builder__connection-dot--hot{fill:var(--color-primary)}.flow-builder__connection--dim,.flow-builder__connection-dot--dim{opacity:.25}.flow-builder__connection--active{stroke:var(--color-primary-container);stroke-width:2.5px}.flow-builder__connection--preview{stroke:var(--color-primary-fixed);stroke-width:2px;stroke-dasharray:6 4;opacity:.7;animation:.6s linear infinite connectionDash}@keyframes connectionDash{to{stroke-dashoffset:-10px}}.flow-builder__connection-hitarea{fill:none;stroke:#0000;stroke-width:16px;pointer-events:stroke;cursor:pointer}.flow-builder__edge-label{font-family:var(--font-headline);fill:#7a6652;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:600}.flow-builder__edge-overlays{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.flow-builder__edge-label-html{font-family:var(--font-headline);color:#33261a;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);background:#fffbf3f2;border:1.5px solid #4a6fa533;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:700;animation:.2s ease-out edgeLabelIn;position:absolute;transform:translate(-50%,calc(-100% - 6px));box-shadow:0 2px 10px #6b422621}.flow-builder__edge-label-html--hover{border-color:#4a6fa54d;box-shadow:0 2px 12px #4a6fa526}.flow-builder__edge-label-html--persist{color:#7a6652;box-shadow:none;-webkit-backdrop-filter:none;transition:opacity var(--duration-fast) ease;background:#fffbf3e6;border:none;border-radius:999px;padding:2px 8px;font-size:9.5px;font-weight:600;animation:none;transform:translate(-50%,-50%)}.flow-builder__edge-label-html--dim{opacity:.25}@keyframes edgeLabelIn{0%{opacity:0;transform:translate(-50%,calc(-100% - 2px))scale(.92)}to{opacity:1;transform:translate(-50%,calc(-100% - 6px))scale(1)}}.flow-builder__connection-delete-html{color:#fff;cursor:pointer;pointer-events:all;background:#c73e2e;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;font-weight:700;line-height:1;transition:background .15s,box-shadow .15s,transform .15s;animation:.2s ease-out edgeDeleteIn;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #c73e2e73}@keyframes edgeDeleteIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.flow-builder__connection-delete-html:hover{background:#a63225;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 4px 14px #a632258c}.flow-builder__connection-delete-html:active{transform:translate(-50%,-50%)scale(.9)}.flow-builder__connection--hovered{stroke:var(--color-primary);stroke-width:3px;filter:drop-shadow(0 0 4px #4a6fa559)}.flow-builder__connection-delete{pointer-events:all;cursor:pointer}.flow-builder__connection-delete circle{fill:#c73e2e;filter:drop-shadow(0 2px 6px #c73e2e66);transition:fill .15s,filter .15s}.flow-builder__connection-delete:hover circle{fill:#a63225;filter:drop-shadow(0 3px 10px #a6322580)}.flow-builder__connection-delete text{fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:20px;font-weight:700}.flow-option-picker{background:var(--paper-sheet);border-radius:var(--radius-default);box-shadow:var(--lift-2);border:1px solid var(--color-outline-variant);min-width:180px;max-width:260px;animation:.15s ease-out optionPickerIn;overflow:hidden}@keyframes optionPickerIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.flow-option-picker__title{padding:var(--space-3) var(--space-4);font-family:var(--font-headline);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-outline-variant);font-size:.75rem;font-weight:700}.flow-option-picker__item{padding:var(--space-3) var(--space-4);color:var(--color-on-surface);cursor:pointer;transition:background-color var(--duration-fast) ease;border-bottom:1px solid #6b42260f;font-size:.85rem;font-weight:500}.flow-option-picker__item:last-child{border-bottom:none}.flow-option-picker__item:hover{background-color:var(--color-primary-container);color:var(--color-primary)}.flow-node{background-color:var(--paper-sheet);cursor:grab;-webkit-user-select:none;user-select:none;z-index:2;min-width:150px;max-width:200px;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-fast) ease, opacity var(--duration-fast) ease;border:1.5px solid #e3d2b4;border-radius:14px;position:absolute;box-shadow:0 2px 8px #6b422612,0 1px 2px #6b42260d}.flow-node:hover{box-shadow:var(--shadow-ambient);border-color:var(--color-outline-variant);z-index:3}.flow-builder__canvas--focus:not(.flow-builder__canvas--connecting) .flow-node:not(.flow-node--selected){opacity:.5}.flow-builder__canvas--focus:not(.flow-builder__canvas--connecting) .flow-node:not(.flow-node--selected):hover{opacity:1}.flow-node:active{cursor:grabbing}.flow-node--selected{border-color:var(--color-primary-fixed);box-shadow:var(--shadow-ambient), 0 0 0 3px #ee7a1c33;z-index:5}.flow-node--connecting{border-color:var(--color-secondary);box-shadow:var(--shadow-elevated), 0 0 0 3px #8a644026;animation:1.2s ease-in-out infinite nodeConnectPulse}@keyframes nodeConnectPulse{0%,to{box-shadow:var(--shadow-elevated), 0 0 0 3px #8a644026}50%{box-shadow:var(--shadow-elevated), 0 0 0 6px #8a644014}}.flow-node__body{padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.flow-node__icon{border-radius:var(--radius-full);width:40px;height:40px;margin-bottom:var(--space-1);flex-shrink:0;justify-content:center;align-items:center;display:flex}.flow-node__icon .material-symbols-outlined{font-size:22px}.flow-node__label{font-family:var(--font-headline);color:var(--color-on-surface);font-size:.75rem;font-weight:700;line-height:1.3}.flow-node__subtitle{color:var(--color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.625rem;line-height:1.4;overflow:hidden}.flow-node--test-active{border-color:var(--paper-orange)!important;box-shadow:0 0 0 3px #ee7a1c4d, var(--shadow-ambient)!important}.flow-node--cat-triggers{background:var(--paper-sheet);border-color:#4a6fa54d}.flow-node--cat-triggers .flow-node__icon{border-radius:var(--radius-full);color:#fff;background-color:#4a6fa5;width:48px;height:48px}.flow-node--cat-triggers .flow-node__label{color:#3a5a8a}.flow-node--cat-triggers.flow-node--selected{box-shadow:0 0 0 3px #4a6fa533, var(--shadow-ambient);border-color:#4a6fa5}.flow-node--cat-conditions{background:var(--paper-sheet);border-color:#a87b0f4d}.flow-node--cat-conditions .flow-node__icon{border-radius:var(--radius-full);background-color:var(--color-on-warning-container);color:#fff;width:48px;height:48px}.flow-node--cat-conditions .flow-node__label{color:#8a650c}.flow-node--cat-conditions.flow-node--selected{border-color:var(--color-on-warning-container);box-shadow:0 0 0 3px #a87b0f33, var(--shadow-ambient)}.flow-node--cat-actions{background:var(--paper-sheet);border-color:#3a5a8a40}.flow-node--cat-actions .flow-node__icon{border-radius:var(--radius-full);color:#fff;background-color:#3a5a8a;width:48px;height:48px}.flow-node--cat-actions .flow-node__label{color:#3a5a8a}.flow-node--cat-actions.flow-node--selected{box-shadow:0 0 0 3px #3a5a8a33, var(--shadow-ambient);border-color:#3a5a8a}.flow-node--cat-shopify{background:var(--paper-sheet);border-color:#3e6b4f4d}.flow-node--cat-shopify .flow-node__icon{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#3e6b4f,#5e8b6f);width:48px;height:48px}.flow-node--cat-shopify .flow-node__label{color:#2e5039}.flow-node--cat-shopify.flow-node--selected{box-shadow:0 0 0 3px #3e6b4f33, var(--shadow-ambient);border-color:#3e6b4f}.flow-node__port-row{padding:0 var(--space-3) var(--space-3);justify-content:center;gap:6px;width:100%;display:flex}.flow-node__port--branch{border-radius:var(--radius-full);background-color:var(--paper-sheet);cursor:crosshair;width:12px;height:12px;transition:all var(--duration-fast) ease;border:2.5px solid #3a5a8a;position:relative!important;inset:auto!important;transform:none!important}.flow-node__port--branch:after{content:"";border-radius:var(--radius-full);position:absolute;inset:-8px}.flow-node__port--branch:hover,.flow-node__port--branch.flow-node__port--magnet-active{background-color:#3a5a8a;box-shadow:0 0 0 4px #3a5a8a4d;transform:scale(1.4)!important}.flow-node__replies{padding:0 var(--space-3) var(--space-3);flex-direction:column;gap:3px;width:100%;display:flex}.flow-node__reply-row{color:#3a5a8a;background-color:#e7edf5;border:1px solid #3a5a8a26;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:4px 10px;font-size:.625rem;font-weight:600;display:flex;position:relative}.flow-node__reply-row>span,.flow-node__reply-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.flow-node__reply-row--yes{color:#2e5039!important;background-color:#e3ede6!important;border-color:#3e6b4f33!important}.flow-node__reply-row--no{color:#8e2a1f!important;background-color:#f6d9d2!important;border-color:#d96a5c33!important}.flow-node--quick_replies,.flow-node--decision_buttons,.flow-node--condition,.flow-node--shopify_check_stock{max-width:200px}.flow-node--delay{min-width:130px;max-width:170px}.flow-node--disable_input,.flow-node--enable_input{min-width:150px;max-width:190px}.flow-node--trigger{border-radius:20px;min-width:140px;max-width:170px}.flow-field__days{gap:var(--space-2);flex-wrap:wrap;display:flex}.flow-field__day-check{color:var(--color-on-surface-variant);cursor:pointer;align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.flow-field__day-check input[type=checkbox]{accent-color:var(--color-on-warning-container)}.flow-node--collect_data{background:var(--paper-sheet);border-color:#3a5a8a40}.flow-node--collect_data .flow-node__icon{color:#3a5a8a;background-color:#e7edf5}.flow-node--collect_data.flow-node--selected{box-shadow:0 0 0 3px #3a5a8a26, var(--shadow-ambient);border-color:#3a5a8a}.flow-builder__palette-icon--collect_data{color:#3a5a8a;background-color:#e7edf5}.flow-node__port{border-radius:var(--radius-full);background-color:var(--paper-sheet);z-index:4;cursor:crosshair;width:14px;height:14px;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) ease, background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;opacity:0;pointer-events:none;border:2.5px solid #b39b7e;position:absolute}.flow-node:hover .flow-node__port,.flow-builder__canvas--connecting .flow-node__port,.flow-node__port--magnet-active,.flow-node__port--reply,.flow-node__port--branch{opacity:1;pointer-events:auto}.flow-node__port--routed-left,.flow-builder__canvas--connecting .flow-node__port--routed-left{opacity:0!important;pointer-events:none!important}.flow-node__replies .flow-node__port--reply{position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.flow-node__port:after{content:"";border-radius:var(--radius-full);position:absolute;inset:-10px}.flow-node__port:hover,.flow-node__port--magnet-active{background-color:var(--color-primary-fixed);border-color:var(--color-primary);transform:scale(1.4);box-shadow:0 0 0 4px #ee7a1c4d}.flow-node__port--side-top{top:-8px;left:50%;transform:translate(-50%)}.flow-node__port--side-top:hover,.flow-node__port--side-top.flow-node__port--magnet-active{transform:translate(-50%)scale(1.4)}.flow-node__port--side-bottom{bottom:-8px;left:50%;transform:translate(-50%)}.flow-node__port--side-bottom:hover,.flow-node__port--side-bottom.flow-node__port--magnet-active{transform:translate(-50%)scale(1.4)}.flow-node__port--side-left{top:50%;left:-8px;transform:translateY(-50%)}.flow-node__port--side-left:hover,.flow-node__port--side-left.flow-node__port--magnet-active{transform:translateY(-50%)scale(1.4)}.flow-node__port--side-right{top:50%;right:-8px;transform:translateY(-50%)}.flow-node__port--side-right:hover,.flow-node__port--side-right.flow-node__port--magnet-active{transform:translateY(-50%)scale(1.4)}.flow-node__port--reply{flex-shrink:0;position:relative!important}.flow-builder__canvas-wrap--connecting .flow-node__port{animation:1s ease-in-out infinite portPulse}@keyframes portPulse{0%,to{box-shadow:0 0 #8a644066}50%{box-shadow:0 0 0 6px #8a644000}}.flow-node__port--dragging{background-color:var(--color-primary-fixed);border-color:var(--color-primary);box-shadow:0 0 0 4px #ee7a1c40}.flow-builder__toolbar{bottom:var(--space-5);align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);z-index:15;background-color:#fffbf3d9;border:1px solid #6b42261a;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #6b42261a,0 2px 8px #6b42260d}.flow-builder__toolbar-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.flow-builder__toolbar-btn:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.flow-builder__toolbar-btn:active{transform:scale(.92)}.flow-builder__toolbar-btn .material-symbols-outlined{font-size:20px}.flow-builder__toolbar-divider{background-color:var(--color-outline-variant);opacity:.4;width:1px;height:20px;margin:0 var(--space-1)}.flow-builder__toolbar-btn--palette-toggle,.flow-builder__toolbar-divider--palette-toggle{display:none}@media (width<=900px){.flow-builder__toolbar-btn--palette-toggle,.flow-builder__toolbar-divider--palette-toggle{display:flex}.flow-builder__toolbar-btn--palette-toggle{color:#fff;background:linear-gradient(135deg,#3a5a8a,#6e8fbf);box-shadow:0 2px 8px #3a5a8a52}}.flow-builder__toolbar-zoom{font-family:var(--font-label);color:var(--color-on-surface-variant);text-align:center;-webkit-user-select:none;user-select:none;min-width:40px;font-size:.6875rem;font-weight:700}.flow-builder__seg{border-radius:var(--radius-md);background-color:#6b422614;align-items:center;gap:2px;padding:2px;display:flex}.flow-builder__seg-btn{align-items:center;gap:var(--space-1);height:30px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-on-surface-variant);font-family:var(--font-label);white-space:nowrap;cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:none;font-size:.75rem;font-weight:600;display:flex}.flow-builder__seg-btn .material-symbols-outlined{font-size:17px}.flow-builder__seg-btn:hover{color:var(--color-on-surface)}.flow-builder__seg-btn--active{background-color:var(--paper-sheet);color:var(--color-on-surface);box-shadow:0 1px 3px #6b422629}.flow-builder__seg-btn--analyze.flow-builder__seg-btn--active{color:#fff;background:linear-gradient(135deg,#3e6b4f,#5e8b6f);box-shadow:0 2px 6px #3e6b4f61}@media (width<=720px){.flow-builder__seg-btn span:not(.material-symbols-outlined){display:none}.flow-builder__seg-btn{padding:0 var(--space-2)}}.flow-builder__properties{background-color:var(--color-surface-container-lowest);border-left:1px solid var(--color-surface-container);z-index:10;width:320px;animation:propertiesSlideIn var(--duration-normal) var(--ease-spring) forwards;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}@keyframes propertiesSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.flow-builder__properties--hidden{display:none}.flow-builder__properties-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-surface-container);justify-content:space-between;align-items:center;display:flex}.flow-builder__properties-title{font-family:var(--font-headline);color:var(--color-on-surface);align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:700;display:flex}.flow-builder__properties-close{border-radius:var(--radius-default);width:28px;height:28px;color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.flow-builder__properties-close:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.flow-builder__properties-body{padding:var(--space-5);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.flow-field{gap:var(--space-2);flex-direction:column;display:flex}.flow-field__label{font-family:var(--font-headline);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-on-surface);font-size:.75rem;font-weight:700}.flow-field__hint{color:var(--color-on-surface-variant);opacity:.8;font-size:.6875rem;line-height:1.5}.flow-field__input{background-color:var(--paper-well);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);width:100%;padding:var(--space-3) var(--space-4);font-size:16px;font-family:var(--font-body);color:var(--color-on-surface);transition:all var(--duration-normal) ease;box-shadow:inset 0 2px 4px #6b422614}.flow-field__input::placeholder{color:var(--color-on-surface-variant);opacity:.5}.flow-field__input:focus{background-color:var(--paper-sheet);border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.flow-field__textarea{background-color:var(--paper-well);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);width:100%;padding:var(--space-3) var(--space-4);font-size:16px;font-family:var(--font-body);color:var(--color-on-surface);resize:vertical;min-height:100px;transition:all var(--duration-normal) ease;line-height:1.6;box-shadow:inset 0 2px 4px #6b422614}.flow-field__textarea::placeholder{color:var(--color-on-surface-variant);opacity:.5}.flow-field__textarea:focus{background-color:var(--paper-sheet);border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.flow-field__select{background-color:var(--paper-well);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);width:100%;padding:var(--space-3) var(--space-4);font-size:16px;font-family:var(--font-body);color:var(--color-on-surface);cursor:pointer;transition:all var(--duration-normal) ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%237A6652' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10);box-shadow:inset 0 2px 4px #6b422614}.flow-field__select:focus{background-color:var(--paper-sheet);border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.flow-field__replies-list{gap:var(--space-2);flex-direction:column;display:flex}.flow-field__reply-item{align-items:center;gap:var(--space-2);display:flex}.flow-field__reply-item input{background-color:var(--paper-well);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);padding:var(--space-2) var(--space-3);font-size:.8125rem;font-family:var(--font-body);color:var(--color-on-surface);transition:all var(--duration-normal) ease;flex:1;box-shadow:inset 0 2px 4px #6b422614}.flow-field__reply-item input:focus{background-color:var(--paper-sheet);border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.flow-field__reply-delete{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.flow-field__reply-delete:hover{color:var(--color-error);background-color:#c73e2e14}.flow-field__reply-add{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-default);border:1px dashed var(--color-outline-variant);color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;font-size:.75rem;font-weight:600;display:flex}.flow-field__reply-add:hover{border-color:var(--color-secondary);color:var(--color-secondary);background-color:#8a64400a}.flow-block{border:1px solid var(--color-surface-container);border-radius:var(--radius-default);padding:var(--space-3);margin-bottom:var(--space-2);background:var(--color-surface-container-lowest)}.flow-block__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.flow-block__type{text-transform:uppercase;letter-spacing:.04em;color:var(--color-on-surface-variant);align-items:center;gap:4px;font-size:.6875rem;font-weight:700;display:flex}.flow-block__remove{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.flow-block__remove:hover{color:var(--color-error);background-color:#c73e2e14}.flow-block__upload{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border-radius:var(--radius-default);border:2px dashed var(--color-outline-variant);color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--duration-fast) ease;flex-direction:column;font-size:.75rem;font-weight:600;display:flex}.flow-block__upload:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ee7a1c0d}.flow-block__preview{border-radius:var(--radius-default);overflow:hidden}.flow-block__preview img{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-default);width:100%;max-height:160px}.flow-block__file-info{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-container);border-radius:var(--radius-default);display:flex}.flow-block__filename{color:var(--color-on-surface-variant);word-break:break-all;margin-top:4px;font-size:.75rem}.flow-block__add-menu{gap:var(--space-2);margin-top:var(--space-2);display:flex}.flow-block__add-btn{padding:var(--space-2);border-radius:var(--radius-lg);color:var(--paper-orange-deep);cursor:pointer;transition:all .2s var(--ease-spring);background:#f7931e0a;border:1.5px dashed #f7931e59;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.6875rem;font-weight:700;display:flex}.flow-block__add-btn:hover{border-color:var(--paper-orange-bright);color:var(--paper-orange-deep);background:#f7931e1a;transform:translateY(-1px);box-shadow:0 3px 10px #f7931e26}.flow-field--separator{border-top:1px solid var(--color-surface-container);padding-top:var(--space-4);margin-top:var(--space-2)}.flow-field__toggle-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.flow-field__toggle-info{align-items:flex-start;gap:var(--space-2);flex:1;display:flex}.flow-toggle{flex-shrink:0;position:relative}.flow-toggle input{opacity:0;width:0;height:0;position:absolute}.flow-toggle__track{background:var(--color-outline-variant);cursor:pointer;width:40px;height:22px;transition:background var(--duration-fast) ease;border-radius:11px;display:block;position:relative}.flow-toggle__track:after{content:"";background:var(--paper-sheet);width:16px;height:16px;transition:transform var(--duration-fast) ease;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #6b422640}.flow-toggle input:checked+.flow-toggle__track{background:var(--paper-green)}.flow-toggle input:checked+.flow-toggle__track:after{transform:translate(18px)}.flow-builder__properties-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-surface-container)}.flow-builder__delete-node{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-error);font-family:var(--font-headline);cursor:pointer;transition:all var(--duration-fast) ease;background-color:#c73e2e0a;border:1px solid #c73e2e33;font-size:.75rem;font-weight:700;display:flex}.flow-builder__delete-node:hover{background-color:#c73e2e1a;border-color:#c73e2e59}.flow-builder__delete-node:active{transform:scale(.97)}.flow-builder__marquee{border:1px dashed var(--color-primary-fixed);border-radius:var(--radius-sm);pointer-events:none;z-index:20;background-color:#ee7a1c0f;position:absolute}.flow-builder__context-menu{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-ambient), 0 8px 24px #6b42261a;padding:var(--space-2);z-index:50;animation:dropdownReveal var(--duration-fast) var(--ease-spring) forwards;position:absolute}.flow-builder__context-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-default);color:var(--color-on-surface);cursor:pointer;transition:background-color var(--duration-fast) ease;font-size:.8125rem;font-weight:500;display:flex}.flow-builder__context-item:hover{background-color:var(--color-surface-container-low)}.flow-builder__context-item--danger{color:var(--color-error)}.flow-builder__context-item--danger:hover{background-color:#c73e2e0f}.flow-builder__context-item .material-symbols-outlined{font-size:18px}.flow-builder__context-divider{background-color:var(--color-surface-container);height:1px;margin:var(--space-1) 0}.flow-builder__empty{text-align:center;pointer-events:none;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flow-builder__empty-icon{color:var(--color-outline-variant);opacity:.4;margin-bottom:var(--space-4);font-size:48px}.flow-builder__empty-text{font-family:var(--font-headline);color:var(--color-on-surface-variant);opacity:.5;margin-bottom:var(--space-2);font-size:1rem;font-weight:700}.flow-builder__empty-hint{color:var(--color-on-surface-variant);opacity:.4;font-size:.8125rem}.flow-builder__drag-ghost{pointer-events:none;z-index:100;opacity:.85;filter:drop-shadow(0 12px 24px #6b422626);position:fixed;transform:rotate(2deg)scale(1.04)}.flow-builder__minimap{bottom:var(--space-5);right:var(--space-5);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-surface-container);border-radius:var(--radius-md);z-index:14;width:160px;height:100px;box-shadow:var(--shadow-subtle);background-color:#fffbf3d9;position:absolute;overflow:hidden}.flow-builder__minimap-viewport{border:2px solid var(--color-primary-fixed);background-color:#ee7a1c14;border-radius:2px;position:absolute}.flow-builder__minimap-node{background-color:var(--color-outline-variant);opacity:.5;border-radius:2px;position:absolute}@media (width<=900px){.flow-builder__palette{z-index:15;width:240px;transition:transform var(--duration-normal) var(--ease-spring);position:absolute;top:0;bottom:0;left:0;transform:translate(0);box-shadow:8px 0 32px #6b42261a}.flow-builder__palette--closed{transform:translate(-100%)}.flow-builder__palette-tabs{border-bottom:2px solid var(--color-surface-container);border-right:none;flex-direction:row;gap:0}.flow-builder__palette-tab{padding:var(--space-2) var(--space-3);border-bottom:2px solid #0000;border-left:none;margin-bottom:-2px;margin-right:0;font-size:.65rem}.flow-builder__palette-tab:before{content:none}.flow-builder__palette-tab--active.flow-builder__palette-tab--triggers{background-color:#0000;border-bottom-color:#4a6fa5;border-left-color:#0000}.flow-builder__palette-tab--active.flow-builder__palette-tab--conditions{border-left-color:#0000;border-bottom-color:var(--color-on-warning-container);background-color:#0000}.flow-builder__palette-tab--active.flow-builder__palette-tab--actions{background-color:#0000;border-bottom-color:#3a5a8a;border-left-color:#0000}.flow-builder__palette-tab--active.flow-builder__palette-tab--shopify{background-color:#0000;border-bottom-color:#3e6b4f;border-left-color:#0000}.flow-builder__properties{position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #6b42261a}.flow-builder__header-actions{gap:var(--space-2)}.flow-builder__test-btn span:last-child,.flow-builder__new-btn span:last-child,.flow-builder__delete-btn span:last-child{display:none}}@media (width<=640px){.flow-builder__header{padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-wrap:wrap;height:auto}.flow-builder__header-left{gap:var(--space-2);flex:1;min-width:0}.flow-builder__flow-name{min-width:60px;max-width:110px;padding:2px var(--space-1);font-size:.8rem}.flow-builder__header-actions{scrollbar-width:none;-webkit-overflow-scrolling:touch;order:3;justify-content:flex-start;gap:6px;width:100%;padding-top:2px;overflow-x:auto}.flow-builder__header-actions::-webkit-scrollbar{display:none}.flow-builder__save-btn{border-radius:8px;flex-shrink:0;gap:4px;padding:6px 12px;font-size:.65rem}.flow-builder__save-btn .material-symbols-outlined{font-size:16px}.flow-builder__toggle-btn{border-radius:8px;flex-shrink:0;gap:4px;padding:6px 10px;font-size:.65rem}.flow-builder__toggle-btn .flow-builder__toggle-indicator{width:8px;height:8px}.flow-builder__test-btn{flex-shrink:0;gap:4px;padding:6px 12px;font-size:.65rem}.flow-builder__test-btn .material-symbols-outlined{font-size:16px}.flow-builder__test-btn span:last-child,.flow-builder__new-btn span:last-child,.flow-builder__delete-btn span:last-child{display:inline}.flow-builder__flow-select-btn span:first-child{font-size:.65rem}.flow-builder__flow-select-btn{padding:var(--space-1) var(--space-2)}.flow-builder__properties{z-index:20;width:100%;position:absolute;inset:0}.flow-builder__toolbar{bottom:var(--space-3);padding:var(--space-1)}.flow-builder__toolbar-btn{width:32px;height:32px}.flow-builder__palette,.flow-builder__toolbar-btn--palette-toggle,.flow-builder__toolbar-divider--palette-toggle{display:none}.flow-builder__palette-tabs{border-bottom:2px solid var(--color-surface-container);flex-direction:row}.flow-builder__palette-tab{padding:var(--space-2);border-bottom:2px solid #0000;border-left:none;margin-bottom:-2px;margin-right:0;font-size:.6rem}.flow-builder__palette-tab:before{content:none}.flow-builder__palette-tab--active.flow-builder__palette-tab--triggers{background-color:#0000;border-bottom-color:#4a6fa5;border-left-color:#0000}.flow-builder__palette-tab--active.flow-builder__palette-tab--conditions{border-left-color:#0000;border-bottom-color:var(--color-on-warning-container);background-color:#0000}.flow-builder__palette-tab--active.flow-builder__palette-tab--actions{background-color:#0000;border-bottom-color:#3a5a8a;border-left-color:#0000}.flow-builder__palette-tab--active.flow-builder__palette-tab--shopify{background-color:#0000;border-bottom-color:#3e6b4f;border-left-color:#0000}.flow-builder__palette-title,.flow-builder__palette-label{display:inline}.flow-builder__palette-item{padding:var(--space-2) var(--space-3);justify-content:flex-start}.flow-builder__palette-items{padding:var(--space-2);gap:var(--space-1)}}@media (width<=480px){.flow-option-picker{border-radius:var(--radius-lg);max-width:none;box-shadow:var(--lift-2), 0 -4px 20px #6b422621;left:var(--space-4)!important;right:var(--space-4)!important;bottom:var(--space-8)!important;position:fixed!important;top:auto!important}}.flow-builder__add-fab{bottom:60px;right:var(--space-4);color:#fff;cursor:pointer;z-index:14;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#3a5a8a,#6e8fbf);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:none;position:absolute;box-shadow:0 6px 20px #3a5a8a66}.flow-builder__add-fab:active{transform:scale(.92)}@media (width<=900px){.flow-builder__add-fab{display:flex}}@media (width<=480px){.flow-builder__add-fab{width:52px;height:52px;bottom:54px;right:var(--space-3)}}.flow-builder__bottom-sheet{z-index:25;flex-direction:column;justify-content:flex-end;display:none;position:absolute;inset:0}.flow-builder__sheet-overlay{background:var(--paper-scrim);opacity:0;transition:opacity .3s;position:absolute;inset:0}.flow-builder__bottom-sheet--open .flow-builder__sheet-overlay{opacity:1}.flow-builder__sheet-content{background:var(--paper-sheet);z-index:1;border-radius:20px 20px 0 0;flex-direction:column;max-height:70vh;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:relative;transform:translateY(100%);box-shadow:0 -8px 30px #6b422629}.flow-builder__bottom-sheet--open .flow-builder__sheet-content{transform:translateY(0)}.flow-builder__sheet-handle{background:#dccbad;border-radius:99px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.flow-builder__sheet-title{font-family:var(--font-headline);color:var(--color-on-background);flex-shrink:0;padding:12px 20px 0;font-size:1.05rem;font-weight:800}.flow-builder__sheet-tabs{scrollbar-width:none;flex-shrink:0;gap:4px;padding:12px 20px 0;display:flex;overflow-x:auto}.flow-builder__sheet-tabs::-webkit-scrollbar{display:none}.flow-builder__sheet-tab{border:1.5px solid var(--color-outline-variant);font-family:var(--font-headline);color:var(--color-on-surface-variant);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:99px;flex-shrink:0;padding:8px 16px;font-size:.75rem;font-weight:600;transition:all .15s}.flow-builder__sheet-tab--active{color:#fff;background:linear-gradient(135deg,#3a5a8a,#6e8fbf);border-color:#0000}.flow-builder__sheet-items{padding:16px 20px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;grid-template-columns:1fr 1fr;gap:8px;display:grid;overflow-y:auto}.flow-builder__sheet-item{cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.flow-builder__sheet-item:active{transform:scale(.95)}.flow-builder__sheet-item--triggers{background:linear-gradient(135deg,#4a6fa50f,#4a6fa529);border-color:#4a6fa533}.flow-builder__sheet-item--triggers:active{background:#4a6fa540;border-color:#4a6fa5}.flow-builder__sheet-item--conditions{background:linear-gradient(135deg,#a87b0f0f,#a87b0f29);border-color:#a87b0f33}.flow-builder__sheet-item--conditions:active{border-color:var(--color-on-warning-container);background:#a87b0f40}.flow-builder__sheet-item--actions{background:linear-gradient(135deg,#3a5a8a0f,#4a6fa529);border-color:#3a5a8a33}.flow-builder__sheet-item--actions:active{background:#3a5a8a40;border-color:#3a5a8a}.flow-builder__sheet-item--shopify{background:linear-gradient(135deg,#3e6b4f0f,#5e8b6f29);border-color:#3e6b4f33}.flow-builder__sheet-item--shopify:active{background:#3e6b4f40;border-color:#3e6b4f}.flow-builder__sheet-item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;box-shadow:0 2px 8px #6b422621}.flow-builder__sheet-item-icon--triggers{color:#fff;background:linear-gradient(135deg,#4a6fa5,#8fa9cc)}.flow-builder__sheet-item-icon--conditions{color:#fff;background:linear-gradient(135deg,#a87b0f,#d9a82e)}.flow-builder__sheet-item-icon--actions{color:#fff;background:linear-gradient(135deg,#3a5a8a,#6e8fbf)}.flow-builder__sheet-item-icon--shopify{color:#fff;background:linear-gradient(135deg,#3e6b4f,#5e8b6f)}.flow-builder__sheet-item-label{font-family:var(--font-headline);color:var(--color-on-surface);font-size:.75rem;font-weight:700;line-height:1.3}@media (width<=380px){.flow-builder__sheet-items{grid-template-columns:1fr}}@keyframes nodeDropIn{0%{opacity:0;transform:scale(.8)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.flow-node--entering{animation:nodeDropIn var(--duration-normal) var(--ease-spring) forwards}@keyframes nodeShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.flow-node--error{animation:.4s nodeShake;border-color:var(--color-error)!important}.flow-builder__canvas-wrap--panning{cursor:grab}.flow-builder__canvas-wrap--panning:active{cursor:grabbing}.flow-builder__canvas-wrap--connecting{cursor:crosshair}.flow-builder__properties-body::-webkit-scrollbar{width:4px}.flow-builder__properties-body::-webkit-scrollbar-track{background:0 0}.flow-builder__properties-body::-webkit-scrollbar-thumb{background-color:var(--color-outline-variant);border-radius:var(--radius-full);opacity:.5}.flow-builder__properties-body::-webkit-scrollbar-thumb:hover{background-color:var(--color-outline)}.flow-builder__palette::-webkit-scrollbar{width:3px}.flow-builder__palette::-webkit-scrollbar-track{background:0 0}.flow-builder__palette::-webkit-scrollbar-thumb{background-color:var(--color-outline-variant);border-radius:var(--radius-full);opacity:.4}.flow-builder__test-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-default);background:var(--paper-kraft);color:var(--paper-ink);font-family:var(--font-headline);cursor:pointer;transition:all .25s var(--ease-spring);box-shadow:0 2px 0 var(--paper-edge-kraft), var(--lift-1);white-space:nowrap;border:none;font-size:.8125rem;font-weight:700;display:inline-flex}.flow-builder__test-btn:hover{background:var(--paper-shade);transform:translateY(-1px)}.flow-builder__test-btn:active{transform:translateY(2px);box-shadow:0 0 #0000}.flow-builder__test-btn .material-symbols-outlined{font-size:18px}.flow-test-panel{background-color:var(--paper-sheet);border-left:1px solid var(--color-outline-variant);z-index:12;width:360px;animation:propertiesSlideIn var(--duration-normal) var(--ease-spring) forwards;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.flow-test__header{padding:var(--space-4) var(--space-5);background:var(--gradient-signature);color:var(--color-on-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.flow-test__header-left{align-items:center;gap:var(--space-2);display:flex}.flow-test__title{font-family:var(--font-headline);font-size:.875rem;font-weight:700}.flow-test__header-right{gap:var(--space-1);display:flex}.flow-test__header-btn{border-radius:var(--radius-default);width:30px;height:30px;color:var(--paper-ink);cursor:pointer;transition:background var(--duration-fast) ease;background:#33261a14;border:none;justify-content:center;align-items:center;display:flex}.flow-test__header-btn:hover{background:#33261a2e}.flow-test__chat{padding:var(--space-4);gap:var(--space-3);background:var(--paper-desk);flex-direction:column;flex:1;display:flex;overflow-y:auto}.flow-test__chat::-webkit-scrollbar{width:4px}.flow-test__chat::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:99px}.flow-test__msg{gap:var(--space-2);max-width:88%;animation:.25s forwards testMsgIn;display:flex}@keyframes testMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.flow-test__msg--bot{align-self:flex-start}.flow-test__msg--user{flex-direction:row-reverse;align-self:flex-end}.flow-test__msg--system{align-self:center;max-width:100%}.flow-test__msg--system span{color:var(--paper-ink-soft);background:var(--paper-shade);border-radius:99px;padding:3px 10px;font-size:.6875rem;font-weight:500}.flow-test__msg-avatar{border-radius:var(--radius-full);background:var(--gradient-signature);width:28px;height:28px;color:var(--color-on-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.flow-test__msg-bubble{padding:var(--space-3) var(--space-4);word-break:break-word;border-radius:16px;font-size:.8125rem;line-height:1.5}.flow-test__msg--bot .flow-test__msg-bubble{background:var(--paper-sheet);color:var(--paper-ink);border:1px solid var(--color-outline-variant);border-bottom-left-radius:4px;box-shadow:0 1px 3px #6b42260f}.flow-test__msg--user .flow-test__msg-bubble{background:var(--gradient-signature);color:var(--color-on-primary);border-bottom-right-radius:4px}.flow-test__actions{gap:var(--space-2);padding:0 var(--space-4) var(--space-3);background:var(--paper-desk);flex-wrap:wrap;display:flex}.flow-test__qr-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--paper-edge-sheet);background:var(--paper-sheet);color:var(--paper-ink-soft);font-size:.75rem;font-weight:700;font-family:var(--font-body);cursor:pointer;box-shadow:0 2px 0 var(--paper-edge-sheet);border-radius:99px;transition:all .25s}.flow-test__qr-btn:hover{background:var(--paper-orange);color:var(--color-on-primary);border-color:var(--paper-edge-orange);box-shadow:0 2px 0 var(--paper-edge-orange);transform:translateY(-1px)}.flow-test__qr-btn:active{transform:translateY(1px)}.flow-test__input-bar{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-outline-variant);background:var(--paper-sheet);flex-shrink:0;display:flex}.flow-test__input{border:1.5px solid var(--color-outline-variant);padding:var(--space-2) var(--space-4);font-size:.8125rem;font-family:var(--font-body);color:var(--paper-ink);background:var(--paper-well);transition:all var(--duration-fast) ease;border-radius:99px;flex:1}.flow-test__input:focus{border-color:var(--paper-orange);background:var(--paper-sheet);outline:none;box-shadow:0 0 0 3px #ee7a1c2e}.flow-test__input:disabled{opacity:.5;cursor:not-allowed}.flow-test__send{border-radius:var(--radius-full);background:var(--paper-orange);width:36px;height:36px;color:var(--color-on-primary);cursor:pointer;transition:all var(--duration-fast) ease;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.flow-test__send:hover:not(:disabled){background:var(--paper-orange-bright);box-shadow:0 2px 8px #ee7a1c59}.flow-test__send:disabled{opacity:.4;cursor:not-allowed}@media (width<=900px){.flow-test-panel{width:320px;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #6b422629}}@media (width<=640px){.flow-test-panel{width:100%}}.flow-template-modal{z-index:200;background:var(--paper-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.flow-template-modal__content{background:var(--paper-sheet);width:560px;max-width:95vw;max-height:80vh;box-shadow:var(--lift-3);border-radius:16px;animation:.25s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flow-template-modal__header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.flow-template-modal__header h3{font-family:var(--font-headline);font-size:1.15rem;font-weight:800}.flow-template-modal__close{cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border:none;border-radius:8px;padding:4px;transition:background .15s}.flow-template-modal__close:hover{background:var(--color-surface-container)}.flow-template-modal__desc{color:var(--color-on-surface-variant);padding:8px 24px 16px;font-size:.8rem}.flow-template-modal__grid{flex-direction:column;gap:10px;padding:0 24px 24px;display:flex}.flow-template-card{border:1.5px solid var(--color-outline-variant);background:var(--color-background);cursor:pointer;border-radius:12px;align-items:flex-start;gap:14px;padding:16px;transition:all .15s;display:flex}.flow-template-card:hover{background:#4a6fa50d;border-color:#4a6fa566;transform:translateY(-1px);box-shadow:0 4px 12px #4a6fa51f}.flow-template-card__icon{background:linear-gradient(135deg,#4a6fa5,#6e8fbf);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.flow-template-card__icon .material-symbols-outlined{color:#fff;font-size:22px}.flow-template-card__name{font-family:var(--font-headline);margin-bottom:2px;font-size:.875rem;font-weight:700}.flow-template-card__desc{color:var(--color-on-surface-variant);font-size:.775rem;line-height:1.4}.flow-template-card__meta{color:var(--color-on-surface-variant);opacity:.7;margin-top:4px;font-size:.65rem}.flow-node__stat{z-index:4;background:var(--paper-ink);color:#fff;white-space:nowrap;pointer-events:none;border-radius:9999px;align-items:center;gap:3px;padding:2px 7px;font-size:.62rem;font-weight:700;line-height:1.4;display:inline-flex;position:absolute;top:-10px;right:-8px;box-shadow:0 1px 4px #6b42263b}.flow-node__stat .material-symbols-outlined{font-size:12px}.flow-node__stat--warn{background:var(--color-error)}.flow-node__stat-drop{opacity:.85;font-weight:600}.flow-node__bcount{color:#2e5039;text-align:center;background:#3e6b4f26;border-radius:9999px;min-width:14px;margin-left:4px;padding:0 5px;font-size:.6rem;font-weight:700;display:inline-block}.flows-landing{height:100%;padding:var(--space-6,24px) var(--space-7,32px);background:var(--color-surface-container-lowest,#fffbf3);overflow-y:auto}.flows-landing__head{justify-content:space-between;align-items:center;gap:var(--space-4,16px);margin-bottom:var(--space-6,24px);flex-wrap:wrap;display:flex;position:relative}.flows-landing__title{font-family:var(--font-headline,inherit);color:var(--color-on-surface,#33261a);margin:0;font-size:1.6rem;font-weight:700}.flows-landing__actions{gap:var(--space-3,12px);flex-wrap:wrap;display:flex}.flows-btn{border-radius:var(--radius-default,10px);background:var(--paper-kraft);color:var(--paper-ink);box-shadow:0 2px 0 var(--paper-edge-kraft);font-family:var(--font-headline);cursor:pointer;transition:background var(--duration-fast,.12s), transform var(--duration-fast,.12s), box-shadow var(--duration-fast,.12s);border:none;align-items:center;gap:6px;padding:9px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.flows-btn:hover{background:var(--paper-shade)}.flows-btn:active{transform:translateY(2px);box-shadow:0 0 #0000}.flows-btn .material-symbols-outlined{font-size:18px}.flows-btn--primary{background:var(--paper-orange);color:var(--color-on-primary);box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1)}.flows-btn--primary:hover{filter:brightness(1.07);background:var(--paper-orange)}.flows-btn--primary:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.flows-perf-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-on-surface-variant,#7a6652);margin-bottom:var(--space-3,12px);font-size:.8rem;font-weight:700}.flows-perf-window{text-transform:none;letter-spacing:0;opacity:.8;font-weight:500}.flows-kpi-grid{gap:var(--space-3,12px);margin-bottom:var(--space-6,24px);grid-template-columns:repeat(4,1fr);padding-top:10px;display:grid;position:relative}.flows-kpi{background-color:var(--paper-sheet);background-image:var(--paper-tex-fiber);background-blend-mode:soft-light;padding:var(--space-4) var(--space-5);box-shadow:var(--paper-sheen), 0 4px 0 var(--card-edge,var(--paper-edge-sheet)), var(--lift-2);background-size:280px;border:1px solid #6b42260f;border-radius:18px 22px 16px 20px/20px 16px 22px 18px}.flows-kpi:nth-child(odd){rotate:-.35deg}.flows-kpi:nth-child(2n){rotate:.3deg}.flows-kpi__label{color:var(--paper-ink-soft);margin-bottom:6px;font-size:.78rem}.flows-kpi[class*=paper-card--] .flows-kpi__label{color:var(--tile-deep,var(--paper-ink-soft))}.flows-kpi__value{font-family:var(--font-headline);color:var(--paper-ink);font-size:1.8rem;font-weight:700;line-height:1.1}.flows-list-bar{justify-content:space-between;align-items:center;gap:var(--space-3,12px);margin-bottom:var(--space-2,8px);flex-wrap:wrap;display:flex}.flows-list-count{color:var(--color-on-surface,#33261a);font-size:1.05rem;font-weight:700}.flows-list-filters{gap:var(--space-2,8px);display:flex}.flows-select{border:1px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-md,10px);background:var(--color-surface-container-lowest,#fffbf3);color:var(--color-on-surface,#33261a);cursor:pointer;padding:8px 12px;font-size:.82rem}.flows-table{background:var(--paper-sheet);border-radius:var(--radius-lg);box-shadow:var(--lift-1);overflow:auto hidden}.flows-table__head,.flows-row{align-items:center;gap:var(--space-3,12px);padding:12px var(--space-5,20px);grid-template-columns:minmax(200px,1fr) 110px 130px 110px 90px 130px;display:grid}.flows-table__head{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.04em;color:var(--paper-ink-soft);border-bottom:1px solid var(--color-outline-variant,#dccbad);background:var(--paper-shade);font-size:.74rem;font-weight:700}.flows-row{border-bottom:1px solid var(--color-outline-variant,#dccbad);transition:background var(--duration-fast,.12s)}.flows-row:last-child{border-bottom:none}.flows-row:hover{background:var(--color-surface-container-low)}.flows-row__name{cursor:pointer;color:var(--color-on-surface,#33261a);align-items:center;gap:8px;min-width:0;font-weight:600;display:flex}.flows-row__name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flows-row__name:hover .flows-row__name-text{color:var(--color-primary,#ee7a1c);text-decoration:underline}.flows-row__metric{color:var(--color-on-surface,#33261a);font-variant-numeric:tabular-nums;font-size:.9rem}.flows-row__rowactions{justify-content:flex-end;gap:2px;display:flex}.flows-icon-btn{border-radius:var(--radius-md,10px);width:32px;height:32px;color:var(--color-on-surface-variant,#7a6652);cursor:pointer;transition:background var(--duration-fast,.12s), color var(--duration-fast,.12s);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.flows-icon-btn .material-symbols-outlined{font-size:19px}.flows-icon-btn:hover{background:var(--color-surface-container-highest,#efe2c9);color:var(--color-on-surface,#33261a)}.flows-icon-btn--danger:hover{color:var(--color-error,#c73e2e);background:#c73e2e1a}.flows-toggle{border-radius:var(--radius-full,999px);background:var(--color-outline-variant,#dccbad);cursor:pointer;width:40px;height:22px;transition:background var(--duration-fast,.12s);border:none;padding:0;position:relative}.flows-toggle:disabled{opacity:.5;cursor:default}.flows-toggle--on{background:var(--paper-green)}.flows-toggle__knob{width:18px;height:18px;transition:transform var(--duration-fast,.12s);background:#fffbf3;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #6b422640}.flows-toggle--on .flows-toggle__knob{transform:translate(18px)}.flows-empty{padding:var(--space-7,32px);text-align:center;color:var(--color-on-surface-variant,#7a6652);font-size:.9rem}.flow-builder__back-btn{border:1px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-md,10px);background:var(--color-surface-container-lowest,#fff);width:34px;height:34px;color:var(--color-on-surface,#33261a);cursor:pointer;margin-right:var(--space-2,8px);transition:background var(--duration-fast,.12s);justify-content:center;align-items:center;display:inline-flex}.flow-builder__back-btn:hover{background:var(--color-surface-container,#fbf4e6)}.flow-builder__back-btn .material-symbols-outlined{font-size:20px}@media (width<=820px){.flows-kpi-grid{grid-template-columns:repeat(2,1fr)}.flows-table__head{display:none}.flows-row{grid-template-columns:1fr auto auto;gap:8px}.flows-row__metric{display:none}.tpl-controls{flex-direction:column;align-items:stretch}.tpl-controls__search{flex:auto}}.flows-page{background:var(--color-surface-container-lowest,#fffbf3);height:100%;display:flex}.flows-sidebar{border-right:1px solid var(--color-outline-variant,#dccbad);padding:var(--space-5,20px) var(--space-3,12px);background:var(--color-surface-container,#fbf4e6);flex-direction:column;flex:0 0 220px;gap:2px;display:flex;overflow-y:auto}.flows-sidebar__title{font-family:var(--font-headline,inherit);color:var(--color-on-surface,#33261a);padding:0 var(--space-3,12px) var(--space-3,12px);font-size:1.15rem;font-weight:700}.flows-nav__item{text-align:left;width:100%;padding:10px var(--space-3,12px);cursor:pointer;border-radius:var(--radius-md,10px);color:var(--color-on-surface-variant,#7a6652);transition:background var(--duration-fast,.12s), color var(--duration-fast,.12s);background:0 0;border:none;align-items:center;gap:10px;font-size:.88rem;font-weight:600;display:flex}.flows-nav__item:hover{background:var(--color-surface-container-highest,#efe2c9);color:var(--color-on-surface,#33261a)}.flows-nav__item--active,.flows-nav__item--active:hover{background:var(--color-primary,#ee7a1c);color:var(--color-on-primary)}.flows-nav__item .material-symbols-outlined{font-size:20px}.flows-nav__label{flex:1}.flows-nav__count{border-radius:var(--radius-full,999px);color:inherit;background:#6b42261a;padding:3px 9px;font-size:.72rem;font-weight:700}.flows-nav__item--active .flows-nav__count{background:#ffffff4d}.flows-content{min-width:0;padding:var(--space-6,24px) var(--space-7,32px);flex:1;overflow-y:auto}.flows-welcome__hero{align-items:center;gap:var(--space-4,16px);background-color:var(--paper-sheet);background-image:var(--paper-tex-fiber);background-blend-mode:soft-light;padding:var(--space-5,20px) var(--space-6,24px);box-shadow:var(--paper-sheen), 0 4px 0 var(--paper-edge-sheet), var(--lift-2);margin-bottom:var(--space-6,24px);background-size:280px;border:1px solid #6b42260f;border-radius:18px 22px 16px 20px/20px 16px 22px 18px;display:flex}.flows-welcome__hero-icon{border-radius:var(--radius-lg,18px);background:var(--paper-orange);width:52px;height:52px;color:var(--color-on-primary);box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1);flex:none;justify-content:center;align-items:center;font-size:26px;display:flex}.flows-welcome__hero-copy{min-width:0}.flows-welcome__title{font-family:var(--font-headline,inherit);color:var(--paper-ink,#33261a);margin:0 0 4px;font-size:1.5rem;font-weight:700}.flows-welcome__subtitle{color:var(--paper-ink-soft,#7a6652);margin:0;font-size:.92rem;line-height:1.45}.flows-welcome__heading{font-family:var(--font-headline,inherit);margin:var(--space-2,8px) 0 var(--space-4,16px);color:var(--color-on-surface,#33261a);font-size:1.1rem;font-weight:700}@media (width<=520px){.flows-welcome__hero{flex-direction:column;align-items:flex-start}}.flows-cat__blurb{color:var(--color-on-surface-variant,#7a6652);margin:4px 0 var(--space-6,24px);font-size:.9rem}.tpl-grid{gap:var(--space-4,16px);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.tpl-card{border:1px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-default,12px);padding:var(--space-4,16px);background:var(--color-surface-container-lowest,#fffbf3);transition:box-shadow var(--duration-fast,.12s), transform var(--duration-fast,.12s);flex-direction:column;display:flex}.tpl-card:hover{box-shadow:var(--shadow-subtle,0 2px 8px #00000014);transform:translateY(-1px)}.tpl-card__icon{border-radius:var(--radius-md,10px);color:#fff;background:linear-gradient(135deg,#4a6fa5,#6e8fbf);justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;display:flex}.tpl-card__name{color:var(--color-on-surface,#33261a);margin-bottom:4px;font-weight:700}.tpl-card__desc{color:var(--color-on-surface-variant,#7a6652);flex:1;margin-bottom:8px;font-size:.83rem;line-height:1.4}.tpl-card__meta{color:var(--color-on-surface-variant,#7a6652);margin-bottom:12px;font-size:.74rem}.tpl-card__actions{gap:8px;display:flex}.flows-btn--sm{flex:1;justify-content:center;padding:6px 12px;font-size:.8rem}.flows-btn--block{width:100%;margin-top:var(--space-4,16px);justify-content:center}.tpl-card__preview-btn{justify-content:center;width:100%;margin-top:8px}.tpl-card__preview-btn .material-symbols-outlined{margin-right:2px;font-size:16px}.tpl-controls{align-items:center;gap:var(--space-3,12px);margin-bottom:var(--space-4,16px);flex-wrap:wrap;display:flex}.tpl-controls__search{border:1px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-md,10px);background:var(--color-surface-container-lowest,#fffbf3);min-width:180px;color:var(--color-on-surface,#33261a);flex:240px;padding:9px 14px;font-family:inherit;font-size:.85rem}.tpl-controls__search::placeholder{color:var(--color-on-surface-variant,#7a6652);opacity:.75}.tpl-controls__search:focus{border-color:var(--color-primary,#ee7a1c);outline:none}.tpl-controls__sort{flex:none;align-items:center;gap:8px;display:flex}.tpl-controls__sort-label{color:var(--color-on-surface-variant,#7a6652);white-space:nowrap;font-size:.78rem;font-weight:600}.tpl-chips{margin-bottom:var(--space-4,16px);flex-wrap:wrap;gap:8px;display:flex}.tpl-chip{border:1px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-full,999px);background:var(--color-surface-container-lowest,#fffbf3);color:var(--color-on-surface-variant,#7a6652);cursor:pointer;transition:background var(--duration-fast,.12s), color var(--duration-fast,.12s), border-color var(--duration-fast,.12s);padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:600}.tpl-chip:hover{background:var(--color-surface-container-highest,#efe2c9);color:var(--color-on-surface,#33261a)}.tpl-chip--active{background:var(--color-primary,#ee7a1c);border-color:var(--color-primary,#ee7a1c);color:var(--color-on-primary,#fff)}.tpl-chip--active:hover{background:var(--color-primary,#ee7a1c);color:var(--color-on-primary,#fff)}.strat-grid{gap:var(--space-4,16px);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.strat-card{border:1px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-default,12px);padding:var(--space-5,20px);background:var(--color-surface-container-lowest,#fffbf3);flex-direction:column;display:flex}.strat-card__head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.strat-card__head .material-symbols-outlined{color:var(--color-primary,#ee7a1c);font-size:24px}.strat-card__name{color:var(--color-on-surface,#33261a);flex:1;font-size:1.05rem;font-weight:700}.strat-card__count{border-radius:var(--radius-full,999px);background:var(--color-surface-container-highest,#efe2c9);color:var(--color-on-surface-variant,#7a6652);padding:2px 8px;font-size:.72rem;font-weight:700}.strat-card__desc{color:var(--color-on-surface-variant,#7a6652);margin-bottom:12px;font-size:.86rem;line-height:1.45}.strat-card__flows{flex-direction:column;gap:6px;margin:0 0 4px;padding:0;list-style:none;display:flex}.strat-card__flows li{color:var(--color-on-surface,#33261a);align-items:center;gap:8px;font-size:.84rem;display:flex}.strat-card__flows .material-symbols-outlined{color:#3e6b4f;font-size:17px}.tpl-detail-overlay{background:var(--paper-scrim);z-index:1000;padding:var(--space-5,20px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tpl-detail{background:var(--color-surface-container-lowest,#fffbf3);border-radius:var(--radius-lg,16px);padding:var(--space-7,32px);width:100%;max-width:460px;box-shadow:var(--shadow-elevated,0 12px 40px #00000040);max-height:85vh;position:relative;overflow-y:auto}.tpl-detail__close{border-radius:var(--radius-md,10px);cursor:pointer;width:32px;height:32px;color:var(--color-on-surface-variant,#7a6652);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.tpl-detail__close:hover{background:var(--color-surface-container-highest,#efe2c9)}.tpl-detail__icon{border-radius:var(--radius-md,10px);color:#fff;background:linear-gradient(135deg,#4a6fa5,#6e8fbf);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.tpl-detail__name{font-family:var(--font-headline,inherit);color:var(--color-on-surface,#33261a);margin:0 0 6px;font-size:1.3rem;font-weight:700}.tpl-detail__desc{color:var(--color-on-surface-variant,#7a6652);margin:0 0 16px;font-size:.9rem;line-height:1.5}.tpl-detail__trigger{color:var(--color-on-surface,#33261a);align-items:center;gap:6px;margin-bottom:16px;font-size:.85rem;display:flex}.tpl-detail__trigger .material-symbols-outlined{color:var(--color-primary,#ee7a1c);font-size:18px}.tpl-detail__steps-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-on-surface-variant,#7a6652);margin-bottom:8px;font-size:.74rem;font-weight:700}.tpl-detail__steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tpl-detail__steps li{color:var(--color-on-surface,#33261a);background:var(--color-surface-container,#fbf4e6);border-radius:var(--radius-md,10px);align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;display:flex}.tpl-detail__steps .material-symbols-outlined{color:var(--color-on-surface-variant,#7a6652);font-size:18px}.tpl-detail__actions{margin-top:var(--space-5,20px);gap:8px;display:flex}.tpl-detail__actions .material-symbols-outlined{margin-right:2px;font-size:16px}@media (width<=760px){.flows-sidebar{flex-basis:64px}.flows-sidebar__title,.flows-nav__label,.flows-nav__count{display:none}.flows-nav__item{justify-content:center}.flows-content{padding:var(--space-4,16px)}}.flows-table__head,.flows-row{grid-template-columns:minmax(200px,1fr) 100px 120px 110px 80px 210px;min-width:900px}.flows-icon-btn--move{width:28px}.flows-icon-btn:disabled{opacity:.28;cursor:default}.flows-icon-btn:disabled:hover{color:var(--color-on-surface-variant,#7a6652);background:0 0}.flows-list-hint{color:var(--color-on-surface-variant,#7a6652);font-size:.78rem;font-weight:500}@media (width<=760px){.flows-row{grid-template-columns:1fr auto auto}}.flow-builder__publish-btn{background:var(--paper-orange);color:var(--color-on-primary);box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1)}.flow-builder__publish-btn:hover{background:var(--paper-orange-bright)}.flow-builder__publish-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.flow-builder__unpublished-badge{font-family:var(--font-label);color:var(--color-on-warning-container);background:var(--color-warning-container);border-radius:var(--radius-pill,999px);white-space:nowrap;align-items:center;padding:2px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.flow-builder__validate-chip{cursor:pointer;border-radius:var(--radius-md);border:none;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.flow-builder__validate-chip .material-symbols-outlined{font-size:16px}.flow-builder__validate-chip--error{background:var(--color-error-container);color:var(--color-on-error-container)}.flow-builder__validate-chip--warn{background:var(--color-warning-container);color:var(--color-on-warning-container)}.flow-builder__validation-panel{top:64px;right:var(--space-5);background:var(--paper-sheet);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);width:320px;max-height:360px;box-shadow:var(--lift-3);z-index:40;padding:var(--space-2);position:absolute;overflow-y:auto}.flow-builder__validation-head{padding:var(--space-2);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.flow-builder__validation-close{cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border:none}.flow-builder__issue{border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:8px;padding:8px;font-size:.75rem;display:flex}.flow-builder__issue:hover{background:var(--color-surface-container)}.flow-builder__issue .material-symbols-outlined{flex-shrink:0;font-size:16px}.flow-builder__issue--critical{color:var(--color-on-error-container)}.flow-builder__issue--warning{color:var(--color-on-warning-container)}.flow-builder__issue-empty{padding:var(--space-3);text-align:center;color:var(--color-on-surface-variant);font-size:.8125rem}.flows-row__unpublished{color:var(--color-on-warning-container);background:var(--color-warning-container);vertical-align:middle;border-radius:999px;margin-left:8px;padding:3px 9px;font-size:.625rem;font-weight:700;display:inline-block}.flow-goalbar{top:var(--space-3);align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-pill,999px);z-index:16;background:#fffbf3eb;border:1px solid #6b42261a;padding:6px 14px;font-size:.8125rem;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #6b422621}.flow-goalbar__label{color:var(--color-on-surface-variant);font-weight:700}.flow-goalbar__select{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--paper-sheet);padding:8px 10px;font-size:.8125rem}.flow-goalbar__conv{color:var(--color-on-surface)}.flow-goalbar__conv strong{color:var(--paper-green)}.flow-goalbar__frac{color:var(--color-on-surface-variant);font-size:.75rem}.flow-node__vconv{color:var(--paper-green);font-size:.6875rem;font-weight:700}.flow-node__lowdata{color:var(--color-on-surface-variant);padding:2px 4px;font-size:.625rem;font-style:italic}.flow-preview-overlay{background:var(--paper-scrim);z-index:1100;padding:var(--space-5,20px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.flow-preview-modal{background:var(--paper-desk);border-radius:var(--radius-lg,16px);width:380px;max-width:100%;height:640px;max-height:90vh;box-shadow:var(--shadow-elevated,0 12px 40px #00000047);flex-direction:column;display:flex;overflow:hidden}.flow-preview-modal__header{padding:var(--space-4,16px) var(--space-5,20px);background:var(--gradient-signature);color:var(--color-on-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.flow-preview-modal__title{align-items:center;gap:10px;min-width:0;display:flex}.flow-preview-modal__title-text{min-width:0}.flow-preview-modal__eyebrow{text-transform:uppercase;letter-spacing:.06em;opacity:.82;font-size:.625rem;font-weight:700}.flow-preview-modal__name{font-family:var(--font-headline,inherit);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.flow-preview-modal__header-actions{flex-shrink:0;gap:6px;display:flex}.flow-preview-icon-btn{border-radius:var(--radius-default,10px);width:30px;height:30px;color:inherit;cursor:pointer;transition:background var(--duration-fast,.12s) ease;background:#ffffff2e;border:none;justify-content:center;align-items:center;display:flex}.flow-preview-icon-btn:hover{background:#ffffff52}.flow-preview-icon-btn .material-symbols-outlined{font-size:18px}.flow-preview-modal__body{padding:var(--space-4,16px);gap:var(--space-3,12px);background:var(--paper-desk);flex-direction:column;flex:1;display:flex;overflow-y:auto}.flow-preview-modal__body::-webkit-scrollbar{width:4px}.flow-preview-modal__body::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:99px}.flow-preview-msg{max-width:86%;animation:.22s forwards flowPreviewMsgIn;display:flex}@keyframes flowPreviewMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.flow-preview-msg--bot{align-self:flex-start}.flow-preview-msg--user{align-self:flex-end}.flow-preview-msg--muted,.flow-preview-msg--end{align-self:center;max-width:100%}.flow-preview-msg__bubble{word-break:break-word;border-radius:16px;padding:10px 14px;font-size:.8125rem;line-height:1.5}.flow-preview-msg--bot .flow-preview-msg__bubble{background:var(--paper-sheet);color:var(--paper-ink);border:1px solid var(--color-outline-variant);border-bottom-left-radius:4px;box-shadow:0 1px 3px #6b42260f}.flow-preview-msg--user .flow-preview-msg__bubble{background:var(--gradient-signature);color:var(--color-on-primary);border-bottom-right-radius:4px}.flow-preview-msg--muted .flow-preview-msg__bubble{border:1px dashed var(--color-outline-variant);color:var(--paper-ink-soft);text-align:center;background:0 0;padding:6px 12px;font-size:.72rem}.flow-preview-msg__tag{text-transform:uppercase;letter-spacing:.04em;font-weight:700}.flow-preview-msg__detail{opacity:.9;margin-top:3px}.flow-preview-msg--end .flow-preview-msg__bubble{color:var(--paper-ink-soft);background:0 0;padding:4px;font-size:.72rem;font-style:italic}.flow-preview-modal__footer{border-top:1px solid var(--color-outline-variant);background:var(--paper-sheet);max-height:46%;padding:var(--space-3,12px) var(--space-4,16px);flex-shrink:0;overflow-y:auto}.flow-preview-modal__footer:empty{border-top:none;padding:0}.flow-preview-text-row{gap:8px;display:flex}.flow-preview-text-row__input{border:1.5px solid var(--color-outline-variant);font-size:.8125rem;font-family:var(--font-body,inherit);color:var(--paper-ink);background:var(--paper-well);border-radius:99px;flex:1;padding:8px 14px}.flow-preview-text-row__input:focus{border-color:var(--paper-orange);outline:none;box-shadow:0 0 0 3px #ee7a1c2e}.flow-preview-choices{flex-wrap:wrap;gap:8px;display:flex}.flow-preview-choice{border:1px solid var(--paper-edge-sheet);background:var(--paper-sheet);color:var(--paper-ink-soft);cursor:pointer;border-radius:99px;padding:8px 14px;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .2s}.flow-preview-choice:hover{background:var(--paper-orange);color:var(--color-on-primary);border-color:var(--paper-orange)}.flow-preview-choice:active{transform:translateY(1px)}.flow-preview-form{flex-direction:column;gap:10px;display:flex}.flow-preview-form__field{flex-direction:column;gap:4px;display:flex}.flow-preview-form__field label{color:var(--paper-ink-soft);font-size:.72rem;font-weight:700}.flow-preview-form__field input,.flow-preview-form__field select,.flow-preview-form__field textarea{border:1.5px solid var(--color-outline-variant);color:var(--paper-ink);background:var(--paper-well);border-radius:8px;padding:7px 10px;font-family:inherit;font-size:.8rem}.flow-preview-form__field textarea{resize:vertical;min-height:56px}.flow-preview-form__checkbox{color:var(--paper-ink);align-items:center;gap:8px;font-size:.78rem;display:flex}.flow-preview-form__submit{align-self:flex-end}@media (width<=460px){.flow-preview-overlay{padding:0}.flow-preview-modal{border-radius:0;width:100%;height:100%;max-height:100%}}@keyframes analytics-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes analytics-bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes analytics-spin{to{transform:rotate(360deg)}}@keyframes analytics-count-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes analytics-donut-reveal{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.analytics{background-color:var(--color-surface);min-height:calc(100dvh - 64px);font-family:var(--font-body);color:var(--color-on-background);flex-direction:column;display:flex}.analytics__header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-lowest);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.analytics__header h1{font-family:var(--font-headline);color:var(--color-on-background);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.analytics__header-actions{align-items:center;gap:var(--space-4);display:flex}.analytics__date-picker{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);color:var(--color-on-background);background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);cursor:pointer;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, background-color var(--duration-fast) ease;appearance:none;white-space:nowrap;font-size:.8125rem;font-weight:600;line-height:1.4;display:inline-flex}.analytics__date-picker .material-symbols-outlined{color:var(--color-on-surface-variant);font-size:18px}.analytics__date-picker:hover{border-color:var(--color-primary);background-color:var(--color-surface-container-low)}.analytics__date-picker:focus,.analytics__date-picker:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ee7a1c2e}.analytics__date-picker:after{content:"";width:0;height:0;margin-left:var(--space-1);border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--color-on-surface-variant);display:inline-block}.analytics__compare-btn{border-radius:var(--radius-full);border:1.5px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);font-family:var(--font-body);color:var(--color-on-surface-variant);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.analytics__compare-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ee7a1c0f}.analytics__compare-btn--active{color:#fff;background:linear-gradient(135deg,#4a6fa5,#8fa9cc);border-color:#0000;box-shadow:0 2px 8px #4a6fa54d}.analytics__compare-btn--active:hover{color:#fff;background:linear-gradient(135deg,#3a5a8a,#6e8fbf);border-color:#0000}.analytics__compare-bar{align-items:center;gap:var(--space-2);padding:8px var(--space-8);color:#3a5a8a;background:linear-gradient(135deg,#4a6fa50f,#8fa9cc0a);border-bottom:1px solid #4a6fa51f;flex-shrink:0;font-size:.75rem;font-weight:500;display:flex}.analytics__compare-bar .material-symbols-outlined{opacity:.6}.analytics__kpi-compare{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.analytics__kpi-prev{font-family:var(--font-body);color:var(--color-on-surface-variant);opacity:.6;font-size:.6875rem;font-weight:500}.analytics__bar-col--compare .analytics__bar-group{flex:1;align-items:flex-end;gap:2px;width:100%;min-height:0;display:flex}.analytics__bar-col--compare .analytics__bar-group .analytics__bar{flex:1;min-width:8px;max-width:20px}.analytics__bar--prev{border-radius:var(--radius-sm) var(--radius-sm) 0 0;opacity:.7;background:repeating-linear-gradient(-45deg,#4a6fa52e,#4a6fa52e 2px,#4a6fa50f 2px 4px)!important}.analytics__bar-prev-value{color:#3a5a8a;opacity:.6;margin-top:1px;font-size:.5rem;font-weight:500;display:block}.analytics__bar-legend{justify-content:center;align-items:center;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-outline-variant);margin-top:var(--space-2);display:flex}.analytics__bar-legend-item{color:var(--color-on-surface-variant);align-items:center;gap:6px;font-size:.6875rem;font-weight:600;display:flex}.analytics__bar-legend-dot{border-radius:2px;flex-shrink:0;width:12px;height:8px}.analytics__bar-legend-dot--prev{background:repeating-linear-gradient(-45deg,#4a6fa559,#4a6fa559 2px,#4a6fa51a 2px 4px)}.analytics__tabs{padding:0 var(--space-8);border-bottom:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-lowest);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:0;display:flex;overflow:auto hidden}.analytics__tabs::-webkit-scrollbar{display:none}.analytics__tab{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);font-family:var(--font-body);color:var(--color-on-surface-variant);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;background:0 0;border:none;border-bottom:2px solid #0000;font-size:.8125rem;font-weight:600;display:inline-flex;position:relative}.analytics__tab .material-symbols-outlined{font-size:18px}.analytics__tab:hover{color:var(--color-on-background);background-color:var(--color-surface-container-low)}.analytics__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.analytics__tab--active .material-symbols-outlined{color:var(--color-primary)}.analytics__content{padding:var(--space-6) var(--space-8);overscroll-behavior:contain;flex:1;animation:.25s both analytics-fade-in;overflow:hidden auto}.analytics__content::-webkit-scrollbar{width:6px}.analytics__content::-webkit-scrollbar-track{background:0 0}.analytics__content::-webkit-scrollbar-thumb{background-color:var(--color-outline-variant);border-radius:var(--radius-full,999px)}.analytics__section-title{font-family:var(--font-headline);color:var(--color-on-background);margin:0 0 var(--space-4) 0;letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.analytics__kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(5,1fr);display:grid}.analytics__kpi-card{gap:var(--space-2);padding:var(--space-4) var(--space-5);background-color:var(--paper-sheet);background-image:var(--paper-tex-fiber);background-blend-mode:soft-light;box-shadow:var(--paper-sheen), 0 4px 0 var(--card-edge,var(--paper-edge-sheet)), var(--lift-2);transition:box-shadow var(--duration-fast) ease, transform var(--duration-fast) ease;background-size:280px;border:1px solid #6b42260f;border-radius:18px 22px 16px 20px/20px 16px 22px 18px;flex-direction:column;animation:.3s both analytics-fade-in;display:flex}.analytics__kpi-card:nth-child(odd){rotate:-.35deg}.analytics__kpi-card:nth-child(2n){rotate:.3deg}.analytics__kpi-card:first-child{animation-delay:0s}.analytics__kpi-card:nth-child(2){animation-delay:40ms}.analytics__kpi-card:nth-child(3){animation-delay:80ms}.analytics__kpi-card:nth-child(4){animation-delay:.12s}.analytics__kpi-card:nth-child(5){animation-delay:.16s}.analytics__kpi-card:hover{box-shadow:var(--paper-sheen), 0 6px 0 var(--card-edge,var(--paper-edge-sheet)), var(--lift-3);transform:translateY(-2px)}.analytics__kpi-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant);margin:0;font-size:.6875rem;font-weight:700;line-height:1}.analytics__kpi-card[class*=paper-card--] .analytics__kpi-label{color:var(--tile-deep,var(--color-on-surface-variant))}.analytics__kpi-value{font-family:var(--font-headline);color:var(--color-on-background);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800;line-height:1.1}.analytics__kpi-value--loading{animation:1.2s infinite analytics-count-pulse}.analytics__kpi-trend{align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.analytics__kpi-trend--up{color:var(--paper-green)}.analytics__kpi-trend--up:before{content:"↑";font-size:.875rem;font-weight:700}.analytics__kpi-trend--down{color:var(--color-error)}.analytics__kpi-trend--down:before{content:"↓";font-size:.875rem;font-weight:700}.analytics__kpi-trend--neutral{color:var(--color-on-surface-variant)}.analytics__kpi-trend--neutral:before{content:"↔";font-size:.875rem;font-weight:700}.analytics__kpi-subtext{font-family:var(--font-body);color:var(--color-on-surface-variant);opacity:.7;margin:0;font-size:.6875rem;font-weight:500}.analytics__chart-section{margin-bottom:var(--space-6);animation:.35s .1s both analytics-fade-in}.analytics__chart-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.analytics__chart-header h3{font-family:var(--font-headline);color:var(--color-on-background);margin:0;font-size:1rem;font-weight:700}.analytics__chart-legend{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.analytics__chart-legend-item{align-items:center;gap:var(--space-2);font-family:var(--font-body);color:var(--color-on-surface-variant);font-size:.75rem;font-weight:500;display:inline-flex}.analytics__chart-legend-dot{border-radius:var(--radius-full,999px);flex-shrink:0;width:8px;height:8px}.analytics__chart{background:var(--paper-sheet);border-radius:var(--radius-lg);min-height:300px;box-shadow:var(--lift-2);padding:var(--space-5);border:1px solid #6b42260f;position:relative;overflow:hidden}.analytics__chart canvas{display:block;width:100%!important;height:auto!important}.analytics__bar-chart{justify-content:space-around;align-items:stretch;gap:var(--space-2);min-height:250px;padding:var(--space-4) var(--space-2) 0;display:flex;position:relative}.analytics__bar-chart:before{content:"";border-bottom:1px solid var(--color-outline-variant);pointer-events:none;position:absolute;inset:0 0 28px}.analytics__bar-group{flex-direction:row;flex:1;justify-content:center;align-items:flex-end;gap:2px;width:100%;min-width:0;min-height:0;display:flex}.analytics__bar-wrapper{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:220px;display:flex}.analytics__bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--gradient-signature);transform-origin:bottom;min-width:12px;max-width:40px;transition:opacity var(--duration-fast) ease, filter var(--duration-fast) ease;cursor:pointer;flex:0 32px;animation:.5s both analytics-bar-grow;position:relative}.analytics__bar:hover{filter:brightness(1.08)}.analytics__bar--secondary{background:var(--color-secondary);opacity:.7}.analytics__bar--tertiary{background:var(--color-tertiary);opacity:.7}.analytics__bar--compare{background:var(--color-outline-variant);opacity:.5}.analytics__bar-tooltip{padding:var(--space-1) var(--space-2);background-color:var(--color-on-background);color:var(--color-surface-container-lowest);font-family:var(--font-body);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease;z-index:10;font-size:.6875rem;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.analytics__bar-tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--color-on-background);position:absolute;top:100%;left:50%;transform:translate(-50%)}.analytics__bar:hover .analytics__bar-tooltip{opacity:1}.analytics__bar-label{font-family:var(--font-body);color:var(--color-on-surface-variant);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.6875rem;font-weight:500;overflow:hidden}.analytics__bar-group:first-child .analytics__bar{animation-delay:0s}.analytics__bar-group:nth-child(2) .analytics__bar{animation-delay:30ms}.analytics__bar-group:nth-child(3) .analytics__bar{animation-delay:60ms}.analytics__bar-group:nth-child(4) .analytics__bar{animation-delay:90ms}.analytics__bar-group:nth-child(5) .analytics__bar{animation-delay:.12s}.analytics__bar-group:nth-child(6) .analytics__bar{animation-delay:.15s}.analytics__bar-group:nth-child(7) .analytics__bar{animation-delay:.18s}.analytics__bar-group:nth-child(8) .analytics__bar{animation-delay:.21s}.analytics__bar-group:nth-child(9) .analytics__bar{animation-delay:.24s}.analytics__bar-group:nth-child(10) .analytics__bar{animation-delay:.27s}.analytics__bar-group:nth-child(11) .analytics__bar{animation-delay:.3s}.analytics__bar-group:nth-child(12) .analytics__bar{animation-delay:.33s}.analytics__line-chart{background:var(--paper-sheet);border-radius:var(--radius-lg);min-height:300px;box-shadow:var(--lift-2);padding:var(--space-5);border:1px solid #6b42260f;position:relative}.analytics__line-chart canvas{display:block;width:100%!important;height:280px!important}.analytics__grid-2{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.analytics__card{background:var(--paper-sheet);border-radius:var(--radius-lg);box-shadow:var(--lift-2);padding:var(--space-5);gap:var(--space-4);border:1px solid #6b42260f;flex-direction:column;animation:.3s both analytics-fade-in;display:flex}.analytics__card-title{font-family:var(--font-headline);color:var(--color-on-background);letter-spacing:-.01em;margin:0;font-size:.9375rem;font-weight:700}.analytics__card-subtitle{font-family:var(--font-body);color:var(--color-on-surface-variant);margin:var(--space-1) 0 0 0;font-size:.75rem;font-weight:500}.analytics__donut-wrapper{align-items:center;gap:var(--space-6);display:flex}.analytics__donut{border-radius:50%;flex-shrink:0;width:160px;height:160px;animation:.4s both analytics-donut-reveal;position:relative}.analytics__donut:after{content:"";background-color:var(--color-surface-container-lowest);border-radius:50%;position:absolute;inset:30px}.analytics__donut-center{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.analytics__donut-center-value{font-family:var(--font-headline);color:var(--color-on-background);font-size:1.5rem;font-weight:800;line-height:1}.analytics__donut-center-label{font-family:var(--font-body);color:var(--color-on-surface-variant);margin-top:var(--space-1);font-size:.6875rem;font-weight:500}.analytics__donut-legend{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.analytics__donut-legend-item{align-items:center;gap:var(--space-2);font-family:var(--font-body);color:var(--color-on-background);font-size:.8125rem;font-weight:500;display:flex}.analytics__donut-legend-dot{border-radius:var(--radius-full,999px);flex-shrink:0;width:10px;height:10px}.analytics__donut-legend-value{color:var(--color-on-background);margin-left:auto;font-size:.8125rem;font-weight:700}.analytics__donut-legend-pct{color:var(--color-on-surface-variant);text-align:right;min-width:36px;font-size:.6875rem;font-weight:600}.analytics__heatmap-wrapper{overflow-x:auto}.analytics__heatmap{grid-template-rows:auto repeat(7,1fr);grid-template-columns:48px repeat(24,1fr);gap:2px;min-width:600px;display:grid}.analytics__heatmap-header{font-family:var(--font-body);color:var(--color-on-surface-variant);text-align:center;padding:var(--space-1) 0;font-size:.625rem;font-weight:600}.analytics__heatmap-day{font-family:var(--font-body);color:var(--color-on-surface-variant);padding-right:var(--space-2);align-items:center;font-size:.6875rem;font-weight:600;display:flex}.analytics__heatmap-cell{aspect-ratio:1;border-radius:var(--radius-sm);background-color:var(--color-surface-container-low);transition:background-color var(--duration-fast) ease, transform var(--duration-fast) ease;cursor:pointer;min-width:16px;min-height:16px;position:relative}.analytics__heatmap-cell:hover{z-index:1;transform:scale(1.2)}.analytics__heatmap-cell--level-0{background-color:var(--color-surface-container-low)}.analytics__heatmap-cell--level-1{background-color:#ee7a1c26}.analytics__heatmap-cell--level-2{background-color:#ee7a1c4d}.analytics__heatmap-cell--level-3{background-color:#ee7a1c80}.analytics__heatmap-cell--level-4{background-color:#ee7a1cb3}.analytics__heatmap-cell--level-5{background-color:#ee7a1ce6}.analytics__heatmap-cell-tooltip{padding:var(--space-1) var(--space-2);background-color:var(--color-on-background);color:var(--color-surface-container-lowest);font-family:var(--font-body);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease;z-index:10;font-size:.625rem;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.analytics__heatmap-cell:hover .analytics__heatmap-cell-tooltip{opacity:1}.analytics__heatmap-scale{align-items:center;gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end;display:flex}.analytics__heatmap-scale-label{font-family:var(--font-body);color:var(--color-on-surface-variant);font-size:.625rem;font-weight:500}.analytics__heatmap-scale-cell{border-radius:2px;width:12px;height:12px}.analytics__table-section{margin-bottom:var(--space-6);animation:.3s both analytics-fade-in}.analytics__table-wrapper{border-radius:var(--radius-lg);background:var(--paper-sheet);box-shadow:var(--lift-2);border:1px solid #6b42260f;overflow-x:auto}.analytics__table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:.8125rem}.analytics__table th{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.06em;color:var(--paper-ink-soft);padding:var(--space-3) var(--space-4);text-align:left;background-color:var(--paper-shade);border-bottom:1px solid var(--color-outline-variant);white-space:nowrap;z-index:1;font-size:.6875rem;font-weight:700;position:sticky;top:0}.analytics__table td{padding:var(--space-3) var(--space-4);color:var(--color-on-background);border-bottom:1px solid var(--color-surface-container);vertical-align:middle}.analytics__table tr:last-child td{border-bottom:none}.analytics__table tr:hover td,.analytics__table tr:nth-child(2n) td{background-color:var(--color-surface-container-low)}.analytics__table tr:nth-child(2n):hover td{background-color:var(--color-surface-container)}.analytics__table th:first-child,.analytics__table td:first-child{padding-left:var(--space-5)}.analytics__table th:last-child,.analytics__table td:last-child{padding-right:var(--space-5)}.analytics__table th.text-right,.analytics__table td.text-right{text-align:right}.analytics__table th.text-center,.analytics__table td.text-center{text-align:center}.analytics__table-bar{border-radius:var(--radius-full,999px);background:var(--gradient-signature);vertical-align:middle;min-width:4px;max-width:120px;height:6px;transition:width .4s;display:inline-block}.analytics__rating-bars{gap:var(--space-3);flex-direction:column;display:flex}.analytics__rating-row{align-items:center;gap:var(--space-3);display:flex}.analytics__rating-star-label{font-family:var(--font-body);color:var(--color-on-background);white-space:nowrap;align-items:center;gap:var(--space-1);min-width:48px;font-size:.8125rem;font-weight:600;display:flex}.analytics__rating-bar-track{background-color:var(--color-surface-container);border-radius:var(--radius-full,999px);flex:1;min-width:0;height:10px;overflow:hidden}.analytics__rating-bar-fill{border-radius:var(--radius-full,999px);min-width:2px;height:100%;transition:width .6s}.analytics__rating-bar-fill--1{background-color:var(--color-error)}.analytics__rating-bar-fill--2{background-color:var(--paper-orange-deep)}.analytics__rating-bar-fill--3{background-color:var(--paper-gold)}.analytics__rating-bar-fill--4{background-color:#5e8b6f}.analytics__rating-bar-fill--5{background-color:var(--paper-green)}.analytics__rating-count{font-family:var(--font-body);color:var(--color-on-surface-variant);text-align:right;min-width:32px;font-size:.75rem;font-weight:600}.analytics__ratings-list{gap:var(--space-3);flex-direction:column;display:flex}.analytics__rating-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface-container-low);border-radius:var(--radius-default);transition:background-color var(--duration-fast) ease;display:flex}.analytics__rating-item:hover{background-color:var(--color-surface-container)}.analytics__rating-emoji{text-align:center;flex-shrink:0;width:32px;font-size:1.5rem;line-height:1}.analytics__rating-body{flex:1;min-width:0}.analytics__rating-customer{font-family:var(--font-body);color:var(--color-on-background);margin:0;font-size:.8125rem;font-weight:700}.analytics__rating-comment{font-family:var(--font-body);color:var(--color-on-surface-variant);margin:var(--space-1) 0 0 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.analytics__rating-date{font-family:var(--font-body);color:var(--color-on-surface-variant);opacity:.7;margin:var(--space-1) 0 0 0;font-size:.6875rem;font-weight:500}.analytics__rating-meta{text-align:right;flex-shrink:0}.analytics__rating-stars{color:var(--paper-gold);letter-spacing:1px;font-size:.875rem}.analytics__empty{padding:var(--space-10) var(--space-5);text-align:center;color:var(--color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;animation:.3s both analytics-fade-in;display:flex}.analytics__empty-icon{opacity:.35;margin-bottom:var(--space-4);color:var(--color-on-surface-variant);font-size:3rem}.analytics__empty-icon .material-symbols-outlined{font-size:48px}.analytics__empty-title{font-family:var(--font-headline);color:var(--color-on-background);margin:0 0 var(--space-2) 0;font-size:1.125rem;font-weight:700}.analytics__empty-text{font-family:var(--font-body);color:var(--color-on-surface-variant);max-width:320px;margin:0;font-size:.875rem;font-weight:400;line-height:1.5}.analytics__loading{padding:var(--space-10) var(--space-5);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.analytics__loading-spinner{border:3px solid var(--color-surface-container);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite analytics-spin}.analytics__loading-text{font-family:var(--font-body);color:var(--color-on-surface-variant);font-size:.8125rem;font-weight:500}@keyframes analytics-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.analytics__skeleton{background:linear-gradient(90deg, var(--color-surface-container-low) 25%, var(--color-surface-container) 50%, var(--color-surface-container-low) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite analytics-skeleton-shimmer}.analytics__skeleton--text{width:100%;height:14px}.analytics__skeleton--heading{width:60%;height:28px}.analytics__skeleton--chart{border-radius:var(--radius-md);width:100%;height:300px}.analytics__skeleton--kpi{border-radius:var(--radius-md);width:100%;height:100px}.analytics__toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.analytics__filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-body);color:var(--color-on-surface-variant);background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);cursor:pointer;transition:all var(--duration-fast) ease;white-space:nowrap;font-size:.75rem;font-weight:600;display:inline-flex}.analytics__filter-btn:hover{background-color:var(--color-surface-container);color:var(--color-on-background)}.analytics__filter-btn--active{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.analytics__filter-btn--active:hover{background-color:var(--color-primary);filter:brightness(1.08);color:var(--color-on-primary)}.analytics__filter-btn .material-symbols-outlined{font-size:16px}.analytics__export-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-default);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;margin-left:auto;font-size:.8125rem;font-weight:600;display:inline-flex}.analytics__export-btn:hover{background-color:var(--color-primary);color:var(--color-on-primary)}.analytics__export-btn .material-symbols-outlined{font-size:16px}.analytics__progress{background-color:var(--color-surface-container);border-radius:var(--radius-full,999px);width:100%;height:6px;overflow:hidden}.analytics__progress-fill{border-radius:var(--radius-full,999px);background:var(--gradient-signature);height:100%;transition:width .5s}.analytics__progress-fill--secondary{background-color:var(--color-secondary)}.analytics__progress-fill--tertiary{background-color:var(--color-tertiary)}.analytics__badge{align-items:center;gap:var(--space-1);font-family:var(--font-body);border-radius:var(--radius-full,999px);padding:4px 8px;font-size:.6875rem;font-weight:700;line-height:1.4;display:inline-flex}.analytics__badge--success{color:var(--paper-edge-green);background-color:#3e6b4f24}.analytics__badge--warning{color:#8a650c;background-color:#f5c84233}.analytics__badge--error{background-color:var(--color-error-container);color:var(--color-on-error-container)}.analytics__badge--neutral{background-color:var(--color-surface-container);color:var(--color-on-surface-variant)}.analytics__agent-cell{align-items:center;gap:var(--space-2);display:flex}.analytics__agent-avatar{background-color:var(--color-surface-container);width:24px;height:24px;font-family:var(--font-body);color:var(--color-on-surface-variant);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:700;display:flex;overflow:hidden}.analytics__agent-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.analytics__agent-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.analytics__lead-funnel{gap:var(--space-3);padding:var(--space-3) 0;flex-direction:column;display:flex}.analytics__funnel-row{align-items:center;gap:var(--space-3);grid-template-columns:160px 1fr 80px;display:grid}.analytics__funnel-info{align-items:center;gap:var(--space-2);display:flex}.analytics__funnel-stage-label{font-family:var(--font-body);color:var(--color-on-background);white-space:nowrap;font-size:.8125rem;font-weight:600}.analytics__funnel-bar-wrap{align-items:center;gap:var(--space-3);display:flex}.analytics__funnel-bar-track{background-color:var(--color-surface-container-low);border-radius:var(--radius-default);flex:1;height:28px;overflow:hidden}.analytics__funnel-bar-fill{border-radius:var(--radius-default);height:100%;transition:width .6s var(--ease-spring,ease);min-width:4px}.analytics__funnel-bar-count{font-family:var(--font-headline);text-align:right;min-width:40px;font-size:1rem;font-weight:800}.analytics__funnel-drop{color:var(--color-on-surface-variant);opacity:.7;text-align:right;white-space:nowrap;font-size:.6875rem;font-weight:600}.analytics__shopify-cta{text-align:center;padding:var(--space-8) var(--space-6);background:linear-gradient(135deg, var(--paper-sheet) 0%, #3e6b4f0d 50%, var(--paper-sheet) 100%);border:2px dashed var(--color-outline-variant);border-radius:var(--radius-md);margin-top:var(--space-5);flex-direction:column;align-items:center;animation:.4s both analytics-fade-in;display:flex}.analytics__shopify-cta-icon{border-radius:var(--radius-md);width:72px;height:72px;margin-bottom:var(--space-4);background:linear-gradient(135deg,#3e6b4f24,#3e6b4f0d);justify-content:center;align-items:center;display:flex}.analytics__shopify-cta-title{font-family:var(--font-headline);color:var(--color-on-background);margin:0 0 var(--space-2) 0;font-size:1.125rem;font-weight:700}.analytics__shopify-cta-text{font-family:var(--font-body);color:var(--color-on-surface-variant);max-width:440px;margin:0 0 var(--space-5) 0;font-size:.875rem;line-height:1.5}.analytics__shopify-cta-features{gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.analytics__shopify-feature{align-items:center;gap:var(--space-2);font-family:var(--font-body);color:var(--color-on-background);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-container-low);border-radius:var(--radius-default);border:1px solid var(--color-outline-variant);font-size:.8125rem;font-weight:600;display:flex}.analytics__shopify-feature .material-symbols-outlined{font-size:18px}.analytics__kpi-grid--4{grid-template-columns:repeat(4,1fr)}.analytics__kpi-grid--6{grid-template-columns:repeat(6,1fr)}.analytics__kpi-grid--7{grid-template-columns:repeat(7,1fr)}.analytics__kpi-header{align-items:center;gap:var(--space-2);display:flex}.analytics__kpi-icon{border-radius:var(--radius-default);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.analytics__chart-card{background-color:var(--paper-sheet);background-image:var(--paper-tex-fiber);background-blend-mode:soft-light;border-radius:var(--radius-lg);box-shadow:var(--paper-sheen), 0 4px 0 var(--paper-edge-sheet), var(--lift-2);padding:var(--space-5);margin-bottom:var(--space-5);transition:box-shadow var(--duration-fast) ease;background-size:280px;border:1px solid #6b42260f;animation:.3s both analytics-fade-in}.analytics__chart-card:hover{box-shadow:var(--lift-3)}.analytics__chart-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.analytics__chart-card-icon{border-radius:var(--radius-default);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.analytics__chart-card-icon .material-symbols-outlined{font-size:22px}.analytics__chart-card-title{font-family:var(--font-headline);color:var(--color-on-background);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.analytics__chart-card-subtitle{font-family:var(--font-body);color:var(--color-on-surface-variant);margin:2px 0 0;font-size:.75rem;font-weight:500}.analytics__quick-stats{gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.analytics__quick-stat{align-items:center;gap:var(--space-3);min-width:160px;padding:var(--space-4);background:var(--paper-sheet);border-radius:var(--radius-md);box-shadow:var(--lift-1);border:1px solid #6b42260f;flex:1;animation:.3s both analytics-fade-in;display:flex}.analytics__quick-stat .material-symbols-outlined{flex-shrink:0;font-size:24px}.analytics__quick-stat div{flex-direction:column;gap:2px;display:flex}.analytics__quick-stat-value{font-family:var(--font-headline);color:var(--color-on-background);font-size:1.25rem;font-weight:800;line-height:1}.analytics__quick-stat-label{font-family:var(--font-body);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.analytics__empty-icon-wrap{border-radius:var(--radius-md);width:72px;height:72px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.analytics__legend-item{align-items:center;gap:var(--space-2);font-family:var(--font-body);color:var(--color-on-background);font-size:.8125rem;font-weight:500;display:flex}.analytics__legend-dot{border-radius:var(--radius-full,999px);flex-shrink:0;width:10px;height:10px}.analytics__legend-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.analytics__legend-value{color:var(--color-on-background);font-size:.8125rem;font-weight:700}.analytics__legend-pct{color:var(--color-on-surface-variant);text-align:right;min-width:36px;font-size:.6875rem;font-weight:600}@media (width<=1023px){.analytics__header{padding:var(--space-5) var(--space-5);gap:var(--space-3);flex-wrap:wrap}.analytics__header-actions{flex-wrap:wrap}.analytics__tabs{padding:0 var(--space-5)}.analytics__content{padding:var(--space-5)}.analytics__kpi-grid,.analytics__kpi-grid--4,.analytics__kpi-grid--6,.analytics__kpi-grid--7{grid-template-columns:repeat(2,1fr)}.analytics__grid-2{grid-template-columns:1fr}.analytics__quick-stats{flex-direction:column}.analytics__funnel-row{grid-template-columns:130px 1fr 60px}.analytics__shopify-cta-features{gap:var(--space-3)}.analytics__donut-wrapper{flex-direction:column;align-items:flex-start}.analytics__donut{align-self:center;width:140px;height:140px}.analytics__donut-legend{width:100%}.analytics__bar-chart{min-height:200px}.analytics__bar-wrapper{height:180px}}@media (width<=767px){.analytics__header{padding:var(--space-4);align-items:flex-start;gap:var(--space-3);flex-direction:column}.analytics__header h1{font-size:1.25rem}.analytics__compare-bar{padding:6px var(--space-4);flex-wrap:wrap;font-size:.68rem}.analytics__title .material-symbols-outlined{font-size:20px}.analytics__header-actions{justify-content:space-between;width:100%}.analytics__tabs{padding:var(--space-2) var(--space-3);gap:var(--space-2);background:var(--color-surface);border-bottom:none}.analytics__tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border-bottom:none;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:56px;font-size:.6875rem}.analytics__tab .material-symbols-outlined{font-size:20px}.analytics__tab--active{background:linear-gradient(135deg,#f7931e1f,#f5c8421f);border-bottom:none;box-shadow:0 0 0 1.5px #f7931e4d}.analytics__tab--active .material-symbols-outlined{opacity:1!important}.analytics__tab-label{display:none}.analytics__tab-label--short{letter-spacing:.01em;white-space:nowrap;opacity:.7;font-size:.625rem;font-weight:700;display:block}.analytics__tab--active .analytics__tab-label--short{opacity:1;color:var(--paper-orange-deep)}.analytics__content{padding:var(--space-4)}.analytics__kpi-grid,.analytics__kpi-grid--4,.analytics__kpi-grid--6,.analytics__kpi-grid--7{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.analytics__kpi-card{padding:var(--space-4)}.analytics__kpi-value{font-size:1.5rem}.analytics__grid-2{gap:var(--space-4);grid-template-columns:1fr}.analytics__quick-stats{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.analytics__quick-stat{min-width:0}.analytics__chart-card{padding:var(--space-4)}.analytics__chart-card-header{gap:var(--space-2)}.analytics__funnel-row{gap:var(--space-1);grid-template-columns:1fr}.analytics__funnel-bar-track{height:22px}.analytics__shopify-cta{padding:var(--space-5) var(--space-4)}.analytics__shopify-cta-features{flex-direction:column;align-items:center}.analytics__chart,.analytics__line-chart{min-height:220px;padding:var(--space-3)}.analytics__line-chart canvas{height:200px!important}.analytics__bar-chart{gap:var(--space-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:180px;overflow-x:auto}.analytics__bar-chart::-webkit-scrollbar{display:none}.analytics__bar-wrapper{height:150px}.analytics__bar-col{min-width:20px}.analytics__bar{min-width:8px}.analytics__bar-label{font-size:.5rem}.analytics__bar-value{font-size:.5625rem}.analytics__chart-header{flex-direction:column;align-items:flex-start}.analytics__chart-legend{gap:var(--space-3)}.analytics__donut-wrapper{flex-direction:column;align-items:center}.analytics__donut{width:120px;height:120px}.analytics__donut:after{inset:24px}.analytics__donut-center-value{font-size:1.125rem}.analytics__table-wrapper{border-radius:var(--radius-default)}.analytics__table th,.analytics__table td{padding:var(--space-2) var(--space-3);font-size:.75rem}.analytics__table th:first-child,.analytics__table td:first-child{padding-left:var(--space-3)}.analytics__table th:last-child,.analytics__table td:last-child{padding-right:var(--space-3)}.analytics__rating-item{padding:var(--space-2) var(--space-3)}.analytics__heatmap{min-width:480px}.analytics__heatmap-cell{min-width:12px;min-height:12px}.analytics__toolbar{gap:var(--space-2)}.analytics__filter-btn{padding:var(--space-1) var(--space-2);font-size:.6875rem}.analytics__export-btn{justify-content:center;width:100%;margin-left:0}.analytics__section-title{font-size:1rem}}@media (width>=1440px){.analytics__content{padding:var(--space-8) var(--space-10);width:100%;max-width:1400px;margin:0 auto}.analytics__kpi-grid{gap:var(--space-5)}.analytics__grid-2{gap:var(--space-6)}}@media (prefers-reduced-motion:reduce){.analytics__kpi-card,.analytics__chart-section,.analytics__card,.analytics__table-section,.analytics__empty,.analytics__content{animation:none}.analytics__bar{animation:none;transform:scaleY(1)}.analytics__donut{animation:none}.analytics__loading-spinner{animation:1.4s linear infinite analytics-spin}.analytics__kpi-value--loading,.analytics__skeleton{animation:none}.analytics__heatmap-cell:hover,.analytics__kpi-card:hover{transform:none}.analytics__bar-tooltip,.analytics__heatmap-cell-tooltip,.analytics__rating-bar-fill,.analytics__progress-fill,.analytics__table-bar{transition:none}}@media print{.analytics{background:var(--paper-sheet);min-height:auto}.analytics__tabs,.analytics__toolbar,.analytics__export-btn,.analytics__compare-toggle,.analytics__date-picker{display:none}.analytics__header{border-bottom:2px solid var(--paper-ink);padding:16px 0}.analytics__content{padding:16px 0}.analytics__kpi-card,.analytics__card,.analytics__chart,.analytics__line-chart,.analytics__table-wrapper{box-shadow:none;border:1px solid var(--color-outline-variant);-moz-column-break-inside:avoid;break-inside:avoid}.analytics__kpi-grid{grid-template-columns:repeat(3,1fr)}.analytics__grid-2{grid-template-columns:repeat(2,1fr)}.analytics__bar,.analytics__donut,.analytics__kpi-card{animation:none;transform:none}.analytics__heatmap-cell:hover{transform:none}}.analytics__bar-chart{padding:var(--space-4) 0;border-bottom:1px solid var(--color-outline-variant);align-items:stretch;gap:4px;display:flex;position:relative}.analytics__bar-chart--empty{justify-content:center;align-items:center;display:flex}.analytics__chart-empty-text{color:var(--color-on-surface-variant);opacity:.6;font-size:.8125rem}.analytics__bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.analytics__bar-value{color:var(--color-on-surface-variant);white-space:nowrap;font-size:.625rem;font-weight:700}.analytics__bar-label{color:var(--color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:.5625rem;overflow:hidden}.analytics__hbar-container{gap:var(--space-2);padding:var(--space-3) 0;flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.analytics__hbar-container--large .analytics__hbar-row{padding:var(--space-3) 0}.analytics__hbar-row{align-items:center;gap:var(--space-3);padding:var(--space-1) 0;display:flex}.analytics__hbar-label{color:var(--color-on-surface-variant);text-align:right;flex-shrink:0;min-width:50px;font-size:.75rem;font-weight:600}.analytics__hbar-track{background-color:var(--color-surface-container-low);border-radius:var(--radius-sm);flex:1;height:20px;overflow:hidden}.analytics__hbar-fill{border-radius:var(--radius-sm);height:100%;transition:width .6s var(--ease-spring);min-width:2px}.analytics__hbar-value{color:var(--color-on-background);text-align:left;flex-shrink:0;min-width:30px;font-size:.75rem;font-weight:700}.analytics__hbar-empty{text-align:center;padding:var(--space-6);color:var(--color-on-surface-variant);opacity:.6;font-size:.8125rem}.analytics__chart-title{align-items:center;gap:var(--space-2);font-family:var(--font-headline);color:var(--color-on-background);margin-bottom:var(--space-3);font-size:.9375rem;font-weight:700;display:flex}.analytics__chart-title .material-symbols-outlined{color:var(--color-primary);font-size:20px}.analytics__chart-subtitle{color:var(--color-on-surface-variant);margin-left:var(--space-1);font-size:.75rem;font-weight:500}.analytics__chart-legend-row{align-items:center;gap:var(--space-2);padding-top:var(--space-2);color:var(--color-on-surface-variant);font-size:.75rem;display:flex}.analytics__funnel{align-items:center;gap:var(--space-2);padding:var(--space-4) 0;flex-direction:column;display:flex}.analytics__funnel-stage{width:100%}.analytics__funnel-bar{padding:var(--space-3) var(--space-4);border-radius:var(--radius-default);color:var(--paper-ink);transition:width .6s var(--ease-spring);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:700;display:flex}.analytics__funnel-bar--full{background:var(--gradient-signature);width:100%}.analytics__funnel-bar--completed{background:#9bbfa8}.analytics__funnel-bar-label{font-size:.8125rem}.analytics__funnel-bar-value{font-size:1rem;font-weight:800}.analytics__funnel-arrow{color:var(--color-on-surface-variant);opacity:.4}.analytics__summary-table{overflow-x:auto}.analytics__summary-table .analytics__table{width:100%}.analytics__customer-cell{flex-direction:column;gap:2px;display:flex}.analytics__customer-name{color:var(--color-on-background);font-size:.8125rem;font-weight:600}.analytics__customer-email{color:var(--color-on-surface-variant);font-size:.6875rem}.analytics__rating-cell{white-space:nowrap;font-weight:600}.analytics__comment-cell{color:var(--color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:.8125rem;overflow:hidden}.analytics__muted{opacity:.5;font-style:italic}.analytics__title{align-items:center;gap:var(--space-2);font-family:var(--font-headline);color:var(--color-on-background);letter-spacing:var(--tracking-tight);font-size:1.5rem;font-weight:800;display:flex}.analytics__title .material-symbols-outlined{color:var(--color-primary);font-size:28px}.analytics__tab-label{font-size:.8125rem}.analytics__tab-label--short{display:none}.analytics__spinner{border:3px solid var(--color-outline-variant);border-top-color:var(--color-primary);width:32px;height:32px;margin:0 auto var(--space-3);border-radius:50%;animation:.8s linear infinite analytics-spin}.analytics__table--compact{font-size:.8125rem}.analytics__table--compact td,.analytics__table--compact th{padding:var(--space-2) var(--space-3)}.analytics__headline-card{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-6);margin-bottom:var(--space-4);border:1px solid var(--color-outline-variant);background:linear-gradient(135deg,#ee7a1c0d,#f5c8420a);border-left-width:6px;border-radius:16px;flex-wrap:wrap;display:flex}.analytics__headline-card__left{gap:var(--space-1);flex-direction:column;display:flex}.analytics__headline-card__label{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.08em;color:var(--color-on-surface-variant);align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.analytics__headline-card__hint{color:var(--color-on-surface-variant);cursor:help;opacity:.6;align-items:center;display:inline-flex}.analytics__headline-card__value{font-family:var(--font-headline);letter-spacing:-.04em;font-size:3.5rem;font-weight:800;line-height:1}.analytics__headline-card__unit{opacity:.7;margin-left:4px;font-size:1.5rem}.analytics__headline-card__sub{color:var(--color-on-surface-variant);flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;font-size:.875rem;display:flex}.analytics__headline-card__trend{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.analytics__headline-card__trend.up{color:var(--paper-edge-green);background:#3e6b4f24}.analytics__headline-card__trend.down{color:#8e2a1f;background:#c73e2e24}.analytics__headline-card__right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.analytics__headline-card__chip{color:var(--color-on-surface-variant);background:var(--color-surface-variant);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.analytics__headline-card__chip span{border-radius:50%;width:8px;height:8px;display:inline-block}@media (width<=720px){.analytics__headline-card__value{font-size:2.5rem}.analytics__headline-card__right{align-items:flex-start}}.analytics__kpi-icon{box-shadow:0 2px 0 color-mix(in srgb, var(--tile-deep,var(--paper-ink-soft)) 35%, transparent)}.analytics__donut{filter:drop-shadow(0 4px #6b422629)drop-shadow(0 8px 12px #6b42261f)}.analytics__bar{box-shadow:inset 0 1px #ffffff47,inset 0 -3px #33261a29}.analytics__hbar-fill{box-shadow:inset 0 -2px #33261a29}.settings{background-color:var(--color-background,#f7eddc);height:calc(100dvh - 144px);display:flex;overflow:hidden}.settings__nav{background-color:var(--paper-sheet,#fffbf3);border-right:1px solid var(--color-outline-variant,#dccbad);width:210px;padding:var(--space-2) 0;flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.settings__nav-category{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.12em;color:var(--paper-ink-soft);padding:var(--space-5) var(--space-5) var(--space-2);font-size:.6rem;font-weight:800}.settings__nav-item{align-items:center;gap:var(--space-3);padding:10px var(--space-5);font-family:var(--font-headline);color:var(--paper-ink-soft);cursor:pointer;text-align:left;margin-right:var(--space-3);background:0 0;border:none;border-left:3px solid #0000;border-radius:0 8px 8px 0;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}@media (hover:hover){.settings__nav-item:hover{background-color:var(--color-surface-container,#f5ead5);color:var(--paper-ink)}}.settings__nav-item--active{color:var(--color-primary);border-left-color:var(--color-primary);background:linear-gradient(90deg,#ee7a1c0f 0%,#ee7a1c05 100%);font-weight:700}.settings__nav-item .material-symbols-outlined{font-size:20px}.settings__content{flex:1;min-width:0;display:flex;overflow:hidden}.settings__content-scroll{padding:var(--space-7) var(--space-8);flex:1;min-width:0;padding-bottom:96px;overflow-y:auto}.settings__content--with-preview .settings__content-scroll{flex:1;min-width:0}.settings__section{max-width:700px}.settings__section-title{font-family:var(--font-headline);color:var(--paper-ink);letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:1.5rem;font-weight:800}.settings__section-desc{color:var(--paper-ink-soft);margin-bottom:var(--space-7);font-size:.85rem;line-height:1.7}.settings__preview{border-left:1px solid var(--color-outline-variant,#dccbad);background:linear-gradient(180deg, var(--color-surface-container,#f5ead5) 0%, var(--color-surface-container-high,#efe2c9) 100%);flex-direction:column;flex-shrink:0;width:440px;display:flex;overflow:hidden}.settings__preview-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-outline-variant,#dccbad);background:var(--paper-sheet,#fffbf3);justify-content:space-between;align-items:center;display:flex}.settings__preview-label{font-family:var(--font-headline);color:var(--paper-ink-soft);font-size:.8125rem;font-weight:700}.settings__preview-tabs{background:var(--color-surface-container,#f5ead5);border-radius:8px;gap:2px;padding:2px;display:flex}.settings__preview-tab{font-family:var(--font-headline);color:var(--paper-ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:.7rem;font-weight:600;transition:all .15s}.settings__preview-tab--active{background:var(--paper-sheet,#fffbf3);color:var(--paper-ink);box-shadow:0 1px 3px #6b42261b}.settings__preview-frame{padding:var(--space-6);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.wp{flex-direction:column;gap:14px;width:370px;transition:align-items .3s;display:flex}.wp__window{background:#fffbf3;border-radius:22px;width:100%;transition:all .3s;overflow:hidden;box-shadow:0 16px 48px #6b42262e,0 4px 12px #6b42261a}.wp__header{background:var(--wp-bg);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.wp__header-left{align-items:center;gap:12px;display:flex}.wp__header-avatar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.wp__header-info{flex-direction:column;display:flex}.wp__header-status{align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.wp__status-dot{background:var(--paper-green,#3e6b4f);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #fffbf3,0 0 6px #3e6b4f99}.wp__hero{padding:60px 24px 32px;position:relative}.wp__hero-overlay{z-index:0;background:#0000004d;position:absolute;inset:0}.wp__title{font-family:var(--font-headline);margin-bottom:8px;font-size:1.6rem;font-weight:800;line-height:1.2}.wp__subtitle{opacity:.9;font-size:.9rem;line-height:1.5}.wp__content{padding:0 16px 16px}.wp__chat-bar{box-shadow:var(--lift-1);background:#fffbf3;border:1px solid #6b422614;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.wp__chat-bar-inner{flex-direction:column;line-height:1.3;display:flex}.wp__chat-bar-label{color:#33261a;font-size:.9rem;font-weight:700}.wp__chat-bar-desc{color:#7a6652;margin-top:2px;font-size:.72rem;font-weight:400}.wp__chat-bar-send .material-symbols-outlined{font-size:26px}.wp__messages{background:#f7eddc;flex-direction:column;gap:14px;min-height:200px;padding:20px 16px;display:flex}.wp__msg{align-items:flex-end;gap:10px;display:flex}.wp__msg--bot{align-items:flex-end}.wp__msg--user{flex-direction:row-reverse}.wp__msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.wp__msg-bubble{background:var(--paper-orange,#ee7a1c);color:var(--color-on-primary,#33261a);max-width:250px;box-shadow:var(--lift-1);border-radius:18px 18px 18px 4px;padding:12px 16px;font-size:.82rem;line-height:1.5}.wp__msg-bubble--user{color:#33261a;box-shadow:var(--lift-1);background:#e9d6b8;border:1px solid #c9b08a;border-radius:18px 18px 4px}.wp__survey-card{box-shadow:var(--lift-2);background:#fffbf3;border:1px solid #6b422614;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.wp__survey-intro{color:#33261a;font-size:.82rem;line-height:1.5}.wp__survey-field{color:#7a6652;background:#fffdf8;border:1.5px solid #dccbad;border-radius:10px;padding:10px 14px;font-size:.78rem;font-weight:500}.wp__survey-gdpr{color:#7a6652;align-items:center;gap:8px;font-size:.7rem;display:flex}.wp__survey-check{border:1.5px solid #b39b7e;border-radius:4px;flex-shrink:0;width:16px;height:16px}.wp__survey-btn{color:#fff;text-align:center;border-radius:10px;padding:10px;font-size:.82rem;font-weight:700}.wp__input-bar{background:#fffbf3;border-top:1px solid #dccbad;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.wp__input-placeholder{color:#7a6652;font-size:.8rem}.wp__input-send .material-symbols-outlined{font-size:22px}.wp__footer{border-top:1px solid #dccbad;display:flex}.wp__footer-tab{color:#7a6652;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0;font-size:.68rem;font-weight:600;transition:all .15s;display:flex}.wp__footer-tab--active{border-bottom-style:solid}.wp__footer-tab .material-symbols-outlined{font-size:20px}.wp__fab{box-shadow:0 3px 0 var(--paper-edge-orange,#c55a08), var(--lift-2);border-radius:38%;justify-content:center;align-items:center;gap:6px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.wp__fab:before{content:"";background:inherit;z-index:-1;border-radius:0 0 5px;width:16px;height:16px;position:absolute;bottom:-6px;right:12px;transform:rotate(45deg)}.wp__fab-label{white-space:nowrap;background:inherit;border-radius:20px;padding:6px 14px;font-size:.72rem;font-weight:700;position:absolute;right:calc(100% + 10px);box-shadow:0 2px 12px #6b422624}.wp__fab-sidebar{writing-mode:horizontal-tb;cursor:pointer;border-radius:12px 12px 0 0;align-items:center;gap:6px;padding:10px 8px;display:flex;box-shadow:0 6px 20px #6b422633,0 2px 6px #6b42261a}.settings__accordion{background:var(--paper-sheet,#fffbf3);border-radius:var(--radius-lg,14px);box-shadow:var(--lift-2);margin-bottom:var(--space-5);border:1px solid #6b42260f;transition:box-shadow .2s;overflow:hidden}.settings__accordion:hover{box-shadow:var(--lift-3)}.settings__accordion-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;transition:background-color .15s;display:flex}.settings__accordion-header:hover{background-color:var(--color-surface-container-low,#fbf4e6)}.settings__accordion-title{font-family:var(--font-headline);color:var(--paper-ink);font-size:1.05rem;font-weight:700}.settings__accordion-arrow{color:var(--color-outline);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.settings__accordion-header--open .settings__accordion-arrow{transform:rotate(180deg)}.settings__accordion-body{flex-direction:column;gap:16px;padding:0 24px 24px;animation:.2s accordionSlideIn;display:flex}.settings__accordion-body--collapsed{display:none}@keyframes accordionSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.settings__subtabs{border-bottom:2px solid var(--color-outline-variant,#dccbad);gap:0;margin-bottom:16px;display:flex}.settings__subtab{font-family:var(--font-headline);color:var(--paper-ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;align-items:center;gap:4px;margin-bottom:-2px;padding:10px 16px;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.settings__subtab:hover{color:var(--paper-ink-soft)}.settings__subtab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.settings__subtab .material-symbols-outlined{font-size:22px}.settings__subtabs--device{justify-content:center;gap:8px}.settings__tab-body{flex-direction:column;gap:16px;display:flex}.settings__card{background:var(--paper-sheet,#fffbf3);border-radius:var(--radius-lg,14px);box-shadow:var(--lift-2);margin-bottom:var(--space-6);border:1px solid #6b42260f;flex-direction:column;gap:20px;padding:24px;transition:box-shadow .2s;display:flex}.settings__card:hover{box-shadow:var(--lift-3)}.settings__card-title{font-family:var(--font-headline);color:var(--paper-ink);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:flex}.settings__card-title .material-symbols-outlined{color:var(--color-primary);font-size:20px}.settings__field{flex-direction:column;gap:6px;display:flex}.settings__field-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.settings__label{font-family:var(--font-headline);color:var(--paper-ink);font-size:.8125rem;font-weight:600}.settings__hint{color:var(--paper-ink-soft);font-size:.72rem;line-height:1.5}.settings__input{border-radius:var(--radius-default,10px);border:1.5px solid var(--color-outline-variant,#dccbad);background:var(--paper-well);width:100%;font-family:var(--font-body);color:var(--paper-ink);transition:border-color var(--duration-fast,.15s) ease, box-shadow var(--duration-fast,.15s) ease;outline:none;padding:11px 14px;font-size:16px;box-shadow:inset 0 2px 4px #6b422614}.settings__input:focus{border-color:var(--paper-orange,#ee7a1c);box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.settings__input::placeholder{color:var(--paper-ink-soft)}.settings__textarea{border-radius:var(--radius-default,10px);border:1.5px solid var(--color-outline-variant,#dccbad);background:var(--paper-well);width:100%;font-family:var(--font-body);color:var(--paper-ink);resize:vertical;min-height:80px;transition:border-color var(--duration-fast,.15s) ease, box-shadow var(--duration-fast,.15s) ease;outline:none;padding:11px 14px;font-size:16px;line-height:1.6;box-shadow:inset 0 2px 4px #6b422614}.settings__textarea:focus{border-color:var(--paper-orange,#ee7a1c);box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.settings__select{border-radius:var(--radius-default,10px);border:1.5px solid var(--color-outline-variant,#dccbad);background-color:var(--paper-well);font-family:var(--font-body);color:var(--paper-ink);appearance:none;cursor:pointer;transition:border-color var(--duration-fast,.15s) ease, box-shadow var(--duration-fast,.15s) ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23B39B7E' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:11px 36px 11px 14px;font-size:16px;box-shadow:inset 0 2px 4px #6b422614}.settings__select:focus{border-color:var(--color-primary)}.settings__toggle{background-color:var(--color-outline-variant,#dccbad);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background-color .25s;position:relative}.settings__toggle--on{background:var(--paper-green,#3e6b4f)}.settings__toggle-thumb{background-color:var(--paper-sheet,#fffbf3);border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #6b422640}.settings__toggle--on .settings__toggle-thumb{transform:translate(20px)}.settings__color-dropdown{border:1.5px solid var(--color-outline-variant,#dccbad);background:var(--paper-well);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:6px 14px;transition:border-color .15s;display:flex;position:relative}.settings__color-dropdown:hover{border-color:var(--color-outline-variant,#dccbad)}.settings__color-dot{border-radius:50%;flex-shrink:0;width:24px;height:24px;box-shadow:0 1px 4px #6b422621}.settings__color-input-inline{opacity:0;cursor:pointer;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.settings__color-hex{color:var(--paper-ink-soft);min-width:56px;font-size:.8125rem;font-weight:600}.settings__color-swatches{flex-wrap:wrap;gap:8px;display:flex}.settings__color-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:8px;width:32px;height:32px;transition:all .15s}.settings__color-swatch:hover{transform:scale(1.12);box-shadow:0 2px 8px #6b422632}.settings__color-swatch--active{border-color:var(--paper-ink);box-shadow:0 0 0 2px var(--paper-sheet), 0 0 0 4px var(--paper-ink)}.settings__position-picker{flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}.settings__position-device{border:2.5px solid var(--color-outline);justify-content:space-between;align-items:flex-end;padding:10px;display:flex;position:relative}.settings__position-device--desktop{border-radius:8px;width:150px;height:95px}.settings__position-device--desktop:after{content:"";background:var(--color-outline-variant,#dccbad);border-radius:3px;width:45px;height:6px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.settings__position-device--mobile{border-width:3px;border-radius:14px;width:65px;height:110px}.settings__position-dot{border:2.5px solid var(--color-outline-variant,#dccbad);background:var(--paper-sheet,#fffbf3);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:all .2s;position:relative}.settings__position-dot:before{content:"···";letter-spacing:1px;color:var(--color-outline);font-size:9px;font-weight:900;position:absolute;top:50%;transform:translateY(-50%)}.settings__position-dot--left:before{right:-26px}.settings__position-dot--right:before{left:-26px}.settings__position-dot--active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px #ee7a1c26}.settings__position-dot--active:before{color:var(--color-primary)}.settings__position-labels{width:150px;color:var(--paper-ink-soft);justify-content:space-between;margin-top:4px;font-size:.75rem;font-weight:600;display:flex}.settings__radio-row{gap:var(--space-4);display:flex}.settings__radio-inline{color:var(--paper-ink-soft);cursor:pointer;border:1.5px solid var(--color-outline-variant,#dccbad);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.settings__radio-inline--active{color:var(--paper-ink);border-color:var(--color-primary);background:#ee7a1c0a}.settings__radio-inline input[type=radio]{accent-color:var(--color-primary)}.settings__size-slider{flex-direction:column;gap:8px;display:flex}.settings__range{-webkit-appearance:none;background:linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-outline-variant,#dccbad) 50%, var(--color-outline-variant,#dccbad) 100%);border-radius:3px;outline:none;width:100%;height:6px}.settings__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper-sheet,#fffbf3);border:2px solid var(--color-outline-variant,#dccbad);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:box-shadow .15s;box-shadow:0 2px 6px #6b422628}.settings__range::-webkit-slider-thumb:hover{box-shadow:0 2px 10px #6b422642}.settings__size-labels{color:var(--paper-ink-soft);justify-content:space-between;font-size:.72rem;font-weight:500;display:flex}.settings__hours-grid{flex-direction:column;gap:8px;display:flex}.settings__hours-row{background:var(--color-surface-container-low,#fbf4e6);border:1px solid var(--color-outline-variant,#dccbad);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:background-color .15s;display:flex}.settings__hours-row:hover{background-color:var(--color-surface-container-low,#fbf4e6)}.settings__hours-day{width:90px;color:var(--paper-ink);flex-shrink:0;font-size:.8125rem;font-weight:600}.settings__hours-times{flex:1;align-items:center;gap:8px;display:flex}.settings__hours-input{border:1.5px solid var(--color-outline-variant,#dccbad);background-color:var(--paper-well);font-family:var(--font-body);color:var(--paper-ink);border-radius:8px;outline:none;width:90px;padding:8px 10px;font-size:.8125rem;transition:border-color .15s}.settings__hours-input:focus{border-color:var(--color-primary)}.settings__hours-sep{color:var(--color-outline);font-size:.75rem;font-weight:600}.settings__hours-row--disabled{opacity:.4}.settings__hours-row--disabled .settings__hours-input{pointer-events:none}.settings__notif-grid{flex-direction:column;gap:8px;display:flex}.settings__notif-header{text-transform:uppercase;letter-spacing:.06em;color:var(--paper-ink-soft);grid-template-columns:1fr 70px 70px;gap:10px;padding:0 14px;font-size:.65rem;font-weight:700;display:grid}.settings__notif-row{background:var(--color-surface-container-low,#fbf4e6);border:1px solid var(--color-outline-variant,#dccbad);border-radius:10px;grid-template-columns:1fr 70px 70px;align-items:center;gap:10px;padding:10px 14px;transition:background-color .15s;display:grid}.settings__notif-row:hover{background-color:var(--color-surface-container-low,#fbf4e6)}.settings__notif-label{color:var(--paper-ink);font-size:.8125rem;font-weight:600}.settings__notif-center{justify-content:center;display:flex}.settings__tags-list{flex-wrap:wrap;gap:8px;display:flex}.settings__tag{background:linear-gradient(135deg, var(--color-background,#f7eddc), var(--color-outline-variant,#dccbad));color:var(--paper-ink);border:1px solid var(--color-outline-variant,#dccbad);border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;font-weight:600;display:flex}.settings__tag-remove{cursor:pointer;width:18px;height:18px;color:var(--color-outline);background:#6b422614;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;transition:all .15s;display:flex}.settings__tag-remove:hover{color:#fff;background-color:#c73e2e}.settings__tag-add{align-items:center;gap:8px;display:flex}.settings__tag-add-input{border:1.5px solid var(--color-outline-variant,#dccbad);width:160px;font-size:.78rem;font-family:var(--font-body);color:var(--paper-ink);background:var(--paper-well);border-radius:20px;outline:none;padding:8px 14px;transition:border-color .15s}.settings__tag-add-input:focus{border-color:var(--color-primary)}.settings__tag-add-btn{background:var(--paper-orange,#ee7a1c);width:32px;height:32px;color:var(--color-on-primary,#33261a);cursor:pointer;transition:transform var(--duration-fast,.15s) var(--ease-spring), box-shadow var(--duration-fast,.15s) ease, background .2s ease;box-shadow:0 3px 0 var(--paper-edge-orange,#c55a08), var(--lift-1);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.settings__tag-add-btn:hover{background:var(--paper-orange-bright,#f7931e);transform:scale(1.06)}.settings__tag-add-btn:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)scale(1)}.settings__radio-group{flex-direction:column;gap:10px;display:flex}.settings__radio{background:var(--color-surface-container-low,#fbf4e6);cursor:pointer;border:1.5px solid var(--color-outline-variant,#dccbad);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.settings__radio:hover{background-color:var(--color-surface-container-low,#fbf4e6);border-color:var(--color-outline-variant,#dccbad)}.settings__radio--active{background:#ee7a1c0a;border-color:#ee7a1c40}.settings__radio input[type=radio]{accent-color:var(--color-primary);margin-top:3px}.settings__radio-text{flex-direction:column;gap:3px;display:flex}.settings__radio-label{color:var(--paper-ink);font-size:.8125rem;font-weight:700}.settings__radio-desc{color:var(--paper-ink-soft);font-size:.72rem;line-height:1.5}.settings__divider{background:linear-gradient(90deg, transparent, var(--color-outline-variant,#dccbad) 20%, var(--color-outline-variant,#dccbad) 80%, transparent);height:1px;margin:4px 0}.settings__logo-upload{align-items:center;gap:20px;display:flex}.settings__logo-preview{background:var(--color-surface-container-low,#fbf4e6);border:2px dashed var(--color-outline-variant,#dccbad);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.settings__logo-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.settings__logo-actions{flex-direction:column;gap:8px;display:flex}.settings__logo-btn{cursor:pointer;transition:all .25s var(--ease-spring);border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:700;display:inline-flex}.settings__logo-btn .material-symbols-outlined{font-size:18px}.settings__logo-btn--upload{background:var(--paper-orange,#ee7a1c);color:var(--color-on-primary,#33261a);box-shadow:0 3px 0 var(--paper-edge-orange,#c55a08), var(--lift-1)}.settings__logo-btn--upload:hover{background:var(--paper-orange-bright,#f7931e)}.settings__logo-btn--upload:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.settings__logo-btn--remove{background:var(--paper-terracotta,#c73e2e);color:#fff;box-shadow:0 3px 0 var(--paper-edge-terracotta,#9e2f22), var(--lift-1)}.settings__logo-btn--remove:hover{background:#d96a5c}.settings__logo-btn--remove:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.settings__bg-picker{margin-top:8px;margin-bottom:4px}.settings__bg-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.settings__bg-thumb{aspect-ratio:16/10;cursor:pointer;background:var(--color-surface-container-low,#fbf4e6);border:2.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.settings__bg-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.settings__bg-thumb:hover{border-color:var(--color-outline);box-shadow:0 2px 8px #6b422621}.settings__bg-thumb--active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.settings__bg-thumb--upload{color:#ee7a1c;background:#f7931e0a;border:2.5px dashed #f7931e59;flex-direction:column;gap:4px;font-size:.7rem;font-weight:700;transition:all .2s}.settings__bg-thumb--upload:hover{color:#ee7a1c;background:#f7931e1a;border-color:#f7931e;box-shadow:0 3px 12px #f7931e26}.settings__bg-thumb--upload .material-symbols-outlined{font-size:24px}.settings__bg-custom-preview{border-radius:10px;max-height:80px;margin-top:8px;position:relative;overflow:hidden}.settings__bg-custom-preview img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:80px;display:block}.settings__bg-remove{color:#fff;cursor:pointer;background:#6b4226b6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:0;transition:background .15s;display:flex;position:absolute;top:6px;right:6px}.settings__bg-remove:hover{background:#a63225d9}.settings__bg-remove .material-symbols-outlined{font-size:16px}.settings__save-bar{background:linear-gradient(to top, var(--color-background,#f7eddc) 78%, transparent);z-index:5;justify-content:flex-start;margin-top:8px;padding:14px 0;display:flex;position:sticky;bottom:0}.settings__save-btn{background:var(--paper-orange,#ee7a1c);color:var(--color-on-primary,#33261a);font-family:var(--font-headline);cursor:pointer;box-shadow:0 3px 0 var(--paper-edge-orange,#c55a08), var(--lift-1);transition:transform var(--duration-fast,.15s) var(--ease-spring), box-shadow var(--duration-fast,.15s) ease, background .2s ease;border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 32px;font-size:.9rem;font-weight:700;display:flex}.settings__save-btn:hover{background:var(--paper-orange-bright,#f7931e)}.settings__save-btn:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.settings__save-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.settings__save-btn .material-symbols-outlined{font-size:18px}#settings-toast{text-align:center;opacity:0;pointer-events:none;max-width:90vw;transition:opacity var(--duration-normal,.25s) ease, transform var(--duration-normal,.25s) var(--ease-spring);align-items:center;gap:10px;display:flex;transform:translate(-50%)translateY(20px)}.settings__toast--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.settings__mobile-preview-bar{display:none}.settings__mobile-preview-btn{font-family:var(--font-headline);color:var(--paper-ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.settings__mobile-preview-btn .material-symbols-outlined{font-size:18px}.settings__mobile-preview-btn--active{color:var(--color-primary,#ee7a1c);background:var(--paper-shade,#efe2c9);border-color:var(--paper-edge-sheet,#e3d2b4);box-shadow:var(--paper-sheen), 0 2px 0 var(--paper-edge-kraft,#c9b08a), var(--shadow-subtle)}.settings__mobile-preview-inline{display:none}@media (width<=1200px){.settings__preview{display:none}.settings__mobile-preview-bar{border-bottom:1px solid var(--color-outline-variant,#dccbad);background:var(--paper-sheet,#fffbf3);flex-shrink:0;display:flex}.settings__mobile-preview-inline{background:linear-gradient(180deg, var(--color-surface-container,#f5ead5) 0%, var(--color-surface-container-high,#efe2c9) 100%);flex:1;display:none;overflow-y:auto}.settings__mobile-preview-inline--visible{flex-direction:column;display:flex}.settings__mobile-preview-inline .settings__preview{border-left:none;flex:1;width:100%;display:flex}.settings__mobile-preview-inline .settings__preview-frame{padding:var(--space-4);justify-content:center;align-items:center}.settings__mobile-preview-inline .settings__preview-header{flex-shrink:0}.settings__mobile-preview-inline .wp{width:100%;max-width:360px}.settings__mobile-preview-inline .wp__window{max-height:none}.settings__content-scroll--hidden-mobile{display:none}}@media (width<=900px){.settings__nav{width:56px;padding:var(--space-3) 0}.settings__nav-category{display:none}.settings__nav-item{border-left:none;border-radius:0;justify-content:center;margin-right:0;padding:10px}.settings__nav-item span:last-child{display:none}.settings__nav-item--active{background:#ee7a1c14;border-left:none}.settings__content-scroll{padding:20px}}@media (width<=640px){.settings{flex-direction:column;height:calc(100dvh - 120px)}.settings__nav{border-right:none;border-bottom:1px solid var(--paper-edge-sheet,#e3d2b4);background:var(--paper-shade,#efe2c9);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;flex-shrink:0;gap:6px;width:100%;padding:8px 10px;overflow:auto hidden;box-shadow:inset 0 2px 6px #6b42261a,inset 0 -1px #6b42260d}.settings__nav::-webkit-scrollbar{display:none}.settings__nav-category{display:none}.settings__nav-item{white-space:nowrap;border:1px solid #0000;border-radius:10px;flex-direction:column;flex-shrink:0;gap:2px;margin-right:0;padding:8px 12px;font-size:.6rem}.settings__nav-item span:last-child{display:inline}.settings__nav-item--active{background:var(--paper-sheet,#fffbf3);border-color:var(--paper-edge-sheet,#e3d2b4);color:var(--color-primary);box-shadow:var(--paper-sheen), 0 2px 0 var(--paper-edge-kraft,#c9b08a), var(--lift-1);transform:translateY(-1px)}.settings__nav-item .material-symbols-outlined{font-size:18px}.settings__content{flex-direction:column}.settings__content-scroll,.settings__accordion-header{padding:16px}.settings__accordion-body{padding:0 16px 16px}.settings__card{gap:16px;padding:16px}.settings__section-title{font-size:1.2rem}.settings__field-row{flex-direction:column;align-items:flex-start;gap:8px}.settings__subtabs{overflow-x:auto}.settings__subtab{padding:8px 12px;font-size:.62rem}.settings__hours-row{flex-wrap:wrap}.settings__hours-day{width:70px}.settings__notif-header,.settings__notif-row{grid-template-columns:1fr 50px 50px;gap:6px;padding:8px 10px}.settings__notif-label{font-size:.72rem}.settings__input,.settings__textarea,.settings__select{font-size:16px}}.settings__integrations-grid{flex-direction:column;gap:12px;display:flex}.settings__integration-card{border:1.5px solid var(--color-outline-variant);background:var(--color-background);border-radius:12px;overflow:hidden}.settings__integration-header{align-items:center;gap:12px;padding:14px 16px;display:flex}.settings__integration-icon{color:var(--color-on-surface-variant)}.settings__integration-name{font-family:var(--font-headline);font-size:.875rem;font-weight:700}.settings__integration-desc{color:var(--color-on-surface-variant);font-size:.725rem}.settings__integration-body{border-top:1px solid var(--color-outline-variant);flex-direction:column;gap:10px;padding:12px 16px 14px;display:flex}.settings__check-label{cursor:pointer;align-items:center;gap:6px;font-size:.8rem;display:flex}.settings__section-desc{color:var(--color-on-surface-variant);margin-bottom:16px;font-size:.8rem}.billing-page{padding:var(--space-6) var(--space-5);max-width:1120px;margin:0 auto;animation:.45s billing-fade-in}@keyframes billing-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.billing-page__header{margin-bottom:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-5);background:linear-gradient(135deg,#f7931e1a 0%,#f5c84212 40%,#c73e2e0d 100%);border:1px solid #f7931e1f;border-radius:20px;position:relative;overflow:hidden}.billing-page__header:before{content:"";pointer-events:none;background:radial-gradient(circle,#f7931e1f 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-30px}.billing-page__header:after{content:"";pointer-events:none;background:radial-gradient(circle,#c73e2e12 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:25%}.billing-page__title{font-family:var(--font-headline);letter-spacing:-.02em;align-items:center;gap:var(--space-3);margin-bottom:6px;font-size:1.6rem;font-weight:800;display:flex;position:relative}.billing-page__title .material-symbols-outlined{background:linear-gradient(135deg,#f7931e,#f5c842);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem}.billing-page__subtitle{color:var(--color-on-surface-variant);max-width:520px;font-size:.8125rem;line-height:1.6;position:relative}.billing-page__stripe-badge{border-radius:var(--radius-pill);color:#635bff;letter-spacing:.03em;background:#635bff14;border:1px solid #635bff1a;align-items:center;gap:5px;margin-top:10px;padding:4px 12px;font-size:.6875rem;font-weight:700;display:inline-flex}.billing-current{background:var(--paper-sheet,#fffbf3);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-5);gap:var(--space-4);box-shadow:var(--lift-2);border:1px solid #6b42260f;border-radius:20px;grid-template-columns:1fr auto;align-items:center;transition:box-shadow .3s;display:grid;position:relative;overflow:hidden}.billing-current:hover{box-shadow:var(--lift-3)}.billing-current:before{content:"";background:linear-gradient(90deg,#f7931e,#f5c842,#d96a5c);border-radius:20px 20px 0 0;height:3.5px;position:absolute;top:0;left:0;right:0}.billing-current__plan{font-family:var(--font-headline);letter-spacing:-.02em;background:linear-gradient(135deg,#ee7a1c,#f7931e);-webkit-text-fill-color:transparent;margin-bottom:var(--space-1);align-items:center;gap:var(--space-3);-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;font-size:1.75rem;font-weight:800;display:flex}.billing-current__status{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.07em;-webkit-text-fill-color:initial;align-items:center;gap:4px;padding:4px 12px;font-size:.65rem;font-weight:700;display:inline-flex}.billing-current__status--active{color:#2e5039;background:linear-gradient(135deg,#3e6b4f26,#5e8b6f14);box-shadow:0 0 10px #3e6b4f1f}.billing-current__status--past_due{color:#a63225;background:linear-gradient(135deg,#c73e2e26,#d96a5c14);box-shadow:0 0 10px #c73e2e1f}.billing-current__status--canceled{color:#8a650c;background:linear-gradient(135deg,#f5c8422e,#faefc914);box-shadow:0 0 10px #f5c8421f}.billing-current__status--comp{color:#4a4cae;background:linear-gradient(135deg,#5d5fbb29,#7c7ed614);box-shadow:0 0 10px #5d5fbb1f}.billing-current__meta{color:var(--color-on-surface-variant);margin-top:var(--space-2);flex-direction:column;gap:4px;font-size:.8125rem;display:flex}.billing-current__actions{gap:var(--space-2);flex-direction:column;display:flex}.billing-manage-btn{border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;background:var(--paper-kraft,#e9d6b8);color:var(--paper-ink,#33261a);box-shadow:0 2px 0 var(--paper-edge-kraft,#c9b08a);transition:transform var(--duration-fast,.15s) var(--ease-spring), box-shadow var(--duration-fast,.15s) ease, background .2s ease;border:none;align-items:center;gap:6px;padding:10px 24px;font-size:.8125rem;font-weight:600;display:inline-flex}.billing-manage-btn:hover{background:var(--paper-shade,#efe2c9)}.billing-manage-btn:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(2px)}.billing-cancel-notice{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-warning-container);margin-bottom:var(--space-5);border:1.5px solid #d9a82e;border-radius:18px;animation:.35s billing-slide-in;display:flex;position:relative;overflow:hidden}@keyframes billing-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.billing-cancel-notice:before{content:"";background:linear-gradient(#c99716,#a87b0f);border-radius:18px 0 0 18px;width:4px;position:absolute;top:0;bottom:0;left:0}.billing-cancel-notice__icon{width:38px;height:38px;color:var(--color-on-warning-container);background:linear-gradient(135deg,#c997162e,#a87b0f1a);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.billing-cancel-notice__icon .material-symbols-outlined{font-size:20px}.billing-cancel-notice__content{flex:1;min-width:0}.billing-cancel-notice__title{font-family:var(--font-headline);color:#8a650c;margin-bottom:4px;font-size:.875rem;font-weight:700}.billing-cancel-notice__detail{color:#6b3d08;font-size:.8125rem;line-height:1.55}.billing-cancel-notice__detail strong{font-weight:700}.billing-usage{background:var(--paper-sheet,#fffbf3);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--lift-1);border:1px solid #6b42260f;border-radius:18px}.billing-usage__title{font-family:var(--font-headline);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:700;display:flex}.billing-usage__title .material-symbols-outlined{color:var(--color-primary)}.billing-usage__row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.billing-usage__label{color:var(--color-on-surface-variant);font-size:.8125rem}.billing-usage__value{font-size:.875rem;font-weight:700}.billing-usage__bar{background:var(--color-surface-variant);border-radius:4px;width:100%;height:8px;overflow:hidden}.billing-usage__fill{background:linear-gradient(90deg,#f7931e,#f5c842);border-radius:4px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.billing-usage__fill--warning{background:linear-gradient(90deg,#c99716,#d9a82e)}.billing-usage__fill--danger{background:linear-gradient(90deg,#c73e2e,#d96a5c)}.billing-section-title{font-family:var(--font-headline);letter-spacing:-.01em;margin-bottom:var(--space-1);align-items:center;gap:var(--space-2);font-size:1.2rem;font-weight:800;display:flex}.billing-section-title .material-symbols-outlined{background:linear-gradient(135deg,#f7931e,#d96a5c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem}.billing-section-subtitle{color:var(--color-on-surface-variant);margin-bottom:var(--space-5);font-size:.8125rem;line-height:1.5}.billing-footnote{margin-top:var(--space-3);margin-bottom:0;font-size:.75rem}.billing-footnote--success{color:#2e5039;font-weight:600}.billing-module-title{margin-top:var(--space-4)}.billing-toggle{margin-bottom:var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:16px;justify-content:center;align-items:center;width:fit-content;margin-left:auto;margin-right:auto;padding:5px;display:flex;box-shadow:0 2px 8px #6b42260d}.billing-toggle__btn{font-family:var(--font-headline);cursor:pointer;color:var(--color-on-surface-variant);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 32px;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.billing-toggle__btn:hover:not(.billing-toggle__btn--active){color:var(--color-on-surface);background:#6b42260a}.billing-toggle__btn--active{background:var(--paper-orange,#ee7a1c);color:var(--color-on-primary,#33261a);box-shadow:0 3px 0 var(--paper-edge-orange,#c55a08), var(--lift-1);font-weight:700}.billing-toggle__btn--active:active{transform:scale(.97)}.billing-toggle__save{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;color:#fbf7ef;background:#33261ad1;padding:4px 8px;font-size:.625rem;font-weight:800;line-height:1.4;display:inline-block}.billing-toggle__btn:not(.billing-toggle__btn--active) .billing-toggle__save{color:#2e5039;background:linear-gradient(135deg,#3e6b4f26,#5e8b6f1a);animation:2.5s infinite billing-pulse-badge}@keyframes billing-pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.billing-yearly-banner{margin-bottom:var(--space-5);color:#2e5039;background:linear-gradient(135deg,#3e6b4f1a,#5e8b6f0f);border:1.5px solid #3e6b4f33;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.8125rem;animation:.3s billing-slide-in;display:flex}.billing-yearly-banner .material-symbols-outlined{color:#3e6b4f;font-size:18px}.billing-yearly-banner strong{font-weight:700}:root[data-theme=dark] .billing-yearly-banner{color:var(--paper-pastel-mint-deep);background:linear-gradient(135deg,#5e8b6f33,#5e8b6f1a);border-color:#5e8b6f61}:root[data-theme=dark] .billing-yearly-banner .material-symbols-outlined{color:var(--paper-pastel-mint-deep)}.billing-plans{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.billing-plan-card{background:var(--paper-sheet,#fffbf3);border:1px solid #6b42260f;border-radius:22px;flex-direction:column;padding:28px 22px 22px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.billing-plan-card:before{content:"";background:var(--color-outline-variant);border-radius:22px 22px 0 0;height:4px;transition:height .3s;position:absolute;top:0;left:0;right:0}.billing-plan-card:first-child:before{background:linear-gradient(90deg,#b39b7e,#dccbad)}.billing-plan-card:nth-child(2):before{background:linear-gradient(90deg,#f7931e,#f5c842)}.billing-plan-card:nth-child(3):before{background:linear-gradient(90deg,#f7931e,#d96a5c)}.billing-plan-card:nth-child(4):before{background:linear-gradient(90deg,#3a5a8a,#8fa9cc)}.billing-plan-card:first-child{background:linear-gradient(180deg, #7a665208 0%, var(--paper-sheet,#fffbf3) 40%)}.billing-plan-card:nth-child(2){background:linear-gradient(180deg, #f7931e08 0%, var(--paper-sheet,#fffbf3) 40%)}.billing-plan-card:nth-child(3){background:linear-gradient(180deg, #c73e2e08 0%, var(--paper-sheet,#fffbf3) 40%)}.billing-plan-card:nth-child(4){background:linear-gradient(180deg, #3a5a8a0a 0%, var(--paper-sheet,#fffbf3) 40%)}.billing-plan-card:hover{box-shadow:var(--lift-3);transform:translateY(-5px)}.billing-plan-card:hover:before{height:5px}.billing-plan-card--popular{border-color:var(--color-primary);z-index:2;border-width:2px;padding:34px 26px 26px;transform:scale(1.045);box-shadow:0 4px 24px #f7931e24,0 0 0 1px #f7931e14;background:linear-gradient(180deg, #f7931e0b 0%, #c73e2e05 30%, var(--paper-sheet,#fffbf3) 60%)!important}.billing-plan-card--popular:after{content:"";z-index:-1;opacity:.7;filter:blur(8px);background:linear-gradient(135deg,#f7931e1f,#f5c8420f,#c73e2e14);border-radius:24px;transition:opacity .3s;position:absolute;inset:-3px}.billing-plan-card--popular:hover{transform:scale(1.06);box-shadow:0 18px 44px #f7931e38,0 0 0 1px #f7931e1f}.billing-plan-card--popular:hover:after{opacity:1}.billing-plan-card--popular .billing-plan-card__name{font-size:1.3rem}.billing-plan-card--popular .billing-plan-card__amount{font-size:2.9rem}.billing-plan-card--current{border-color:#3e6b4f;background:linear-gradient(180deg, #3e6b4f0d 0%, #5e8b6f05 40%, var(--paper-sheet,#fffbf3) 100%)!important}.billing-plan-card__popular{background:var(--paper-orange,#ee7a1c);color:var(--color-on-primary,#33261a);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;box-shadow:0 3px 0 var(--paper-edge-orange,#c55a08), var(--lift-1);border-radius:0 0 12px 12px;padding:5px 16px;font-size:.6rem;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.billing-plan-card__name{font-family:var(--font-headline);margin-bottom:2px;font-size:1.15rem;font-weight:800}.billing-plan-card:first-child .billing-plan-card__name{color:#7a6652}.billing-plan-card:nth-child(2) .billing-plan-card__name,.billing-plan-card:nth-child(3) .billing-plan-card__name{color:#ee7a1c}.billing-plan-card:nth-child(4) .billing-plan-card__name{background:linear-gradient(135deg,#3a5a8a,#8fa9cc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.billing-plan-card__tagline{color:var(--color-on-surface-variant);margin-bottom:var(--space-3);font-size:.75rem}.billing-plan-card__price{align-items:baseline;gap:2px;margin-bottom:2px;display:flex}.billing-plan-card__currency{color:var(--color-on-surface-variant);font-size:1rem;font-weight:700}.billing-plan-card__amount{font-family:var(--font-headline);letter-spacing:-.02em;font-size:2.5rem;font-weight:900;line-height:1}.billing-plan-card:nth-child(4) .billing-plan-card__amount{background:linear-gradient(135deg,#3a5a8a,#8fa9cc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.billing-plan-card__period{color:var(--color-on-surface-variant);margin-bottom:var(--space-4);font-size:.75rem}.billing-plan-card__saving{border-radius:var(--radius-pill);color:#2e5039;letter-spacing:.02em;white-space:nowrap;vertical-align:middle;background:linear-gradient(135deg,#3e6b4f26,#5e8b6f14);margin-left:6px;padding:2px 10px;font-size:.6875rem;font-weight:800;display:inline-block}.billing-plan-card__features{margin-bottom:var(--space-4);flex:1;list-style:none}.billing-plan-card__features li{color:var(--color-on-surface-variant);border-bottom:1px solid #6b42260c;align-items:flex-start;gap:8px;padding:7px 0;font-size:.8rem;display:flex}.billing-plan-card__features li:last-child{border-bottom:none}.billing-plan-card__features .material-symbols-outlined{color:#3e6b4f;flex-shrink:0;margin-top:2px;font-size:16px}.billing-plan-card__cta{text-align:center;width:100%;font-family:var(--font-body);cursor:pointer;background:var(--paper-kraft,#e9d6b8);color:var(--paper-ink,#33261a);box-shadow:0 2px 0 var(--paper-edge-kraft,#c9b08a);transition:transform var(--duration-fast,.15s) var(--ease-spring), box-shadow var(--duration-fast,.15s) ease, background .2s ease;border:none;border-radius:14px;padding:12px 16px;font-size:.8125rem;font-weight:600}.billing-plan-card__cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6b42261b}.billing-plan-card__cta:active{transform:scale(.97)}.billing-plan-card__cta--primary{background:var(--paper-orange,#ee7a1c);color:var(--color-on-primary,#33261a);box-shadow:0 3px 0 var(--paper-edge-orange,#c55a08), var(--lift-1);border-color:#0000}.billing-plan-card__cta--primary:hover{opacity:1;color:var(--color-on-primary,#33261a);background:var(--paper-orange-bright,#f7931e);transform:translateY(-2px)}.billing-plan-card__cta--current{color:#2e5039;cursor:default;background:linear-gradient(135deg,#3e6b4f1a,#5e8b6f0f);border-color:#3e6b4f4d;font-weight:700}.billing-plan-card__cta--current:hover{color:#2e5039;box-shadow:none;transform:none}.billing-plan-card:nth-child(4) .billing-plan-card__cta:not(.billing-plan-card__cta--current){color:#fff;background:linear-gradient(135deg,#3a5a8a,#8fa9cc);border-color:#0000;box-shadow:0 4px 16px #3a5a8a47}.billing-plan-card:nth-child(4) .billing-plan-card__cta:not(.billing-plan-card__cta--current):hover{color:#fff;box-shadow:0 8px 24px #3a5a8a61}.billing-footer{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-7,40px);padding:var(--space-4) var(--space-3);color:var(--color-on-surface-variant);opacity:.6;border-top:1px solid #6b42260d;font-size:.75rem;display:flex}.billing-footer .material-symbols-outlined{opacity:.7;font-size:14px}@media (width<=1024px){.billing-plans{grid-template-columns:repeat(2,1fr)}.billing-plan-card--popular{transform:scale(1.03)}.billing-plan-card--popular:hover{transform:scale(1.045)}}@media (width<=640px){.billing-plans{grid-template-columns:1fr;max-width:400px;margin:0 auto}.billing-plan-card{border-radius:18px}.billing-plan-card--popular{padding:30px 22px 22px;transform:none}.billing-plan-card--popular:hover{transform:translateY(-5px)}.billing-plan-card:before{border-radius:18px 18px 0 0}.billing-current{padding:var(--space-4);border-radius:16px;grid-template-columns:1fr}.billing-page{padding:var(--space-4)}.billing-page__header{padding:var(--space-4);border-radius:16px}.billing-toggle{padding:8px var(--space-4)}}.billing-confirm-overlay{padding:16px}.billing-confirm-modal{width:100%;max-width:420px;padding:0;overflow:hidden}.billing-confirm-modal__header{padding:var(--space-5) var(--space-5) var(--space-3);text-align:center}.billing-confirm-modal__icon{background:linear-gradient(135deg, var(--color-warning-container), var(--paper-shade,#efe2c9));width:56px;height:56px;margin:0 auto var(--space-3);border-radius:50%;justify-content:center;align-items:center;display:flex}.billing-confirm-modal__icon .material-symbols-outlined{color:var(--paper-orange-bright,#f7931e);font-size:28px}.billing-confirm-modal__title{font-family:var(--font-headline);color:var(--color-on-surface,#33261a);margin:0 0 4px;font-size:1.25rem;font-weight:700}.billing-confirm-modal__subtitle{color:var(--color-on-surface-variant,#7a6652);margin:0;font-size:.875rem}.billing-confirm-modal__body{padding:0 var(--space-5) var(--space-4)}.billing-confirm-modal__comparison{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-variant,#fbf4e6);margin-bottom:var(--space-4);border-radius:14px;display:flex}.billing-confirm-modal__plan{text-align:center;flex:1}.billing-confirm-modal__plan-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-on-surface-variant,#7a6652);margin-bottom:4px;font-size:.7rem;font-weight:600}.billing-confirm-modal__plan-name{font-family:var(--font-headline);color:var(--color-on-surface,#33261a);font-size:1rem;font-weight:700}.billing-confirm-modal__plan-price{color:var(--color-on-surface-variant,#7a6652);margin-top:2px;font-size:.8rem}.billing-confirm-modal__arrow{color:var(--paper-orange-bright,#f7931e);flex-shrink:0;font-size:24px}.billing-confirm-modal__note{color:var(--color-on-surface-variant,#7a6652);text-align:center;padding:var(--space-3);background:var(--color-warning-container);border:1px solid #f5c84266;border-radius:10px;font-size:.8rem;line-height:1.5}.billing-confirm-modal__note .material-symbols-outlined{vertical-align:-3px;color:#c99716;margin-right:4px;font-size:16px}.billing-confirm-modal__actions{gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--color-outline-variant,#dccbad);display:flex}.billing-confirm-modal__btn{font-family:var(--font-headline);cursor:pointer;transition:transform var(--duration-fast,.15s) var(--ease-spring), box-shadow var(--duration-fast,.15s) ease, background .2s ease;border:none;border-radius:12px;flex:1;padding:12px 16px;font-size:.9rem;font-weight:600}.billing-confirm-modal__btn--cancel{background:var(--paper-kraft,#e9d6b8);color:var(--paper-ink,#33261a);box-shadow:0 2px 0 var(--paper-edge-kraft,#c9b08a)}.billing-confirm-modal__btn--cancel:hover{background:var(--paper-shade,#efe2c9)}.billing-confirm-modal__btn--confirm{background:var(--paper-orange,#ee7a1c);color:var(--color-on-primary,#33261a);box-shadow:0 3px 0 var(--paper-edge-orange,#c55a08), var(--lift-1)}.billing-confirm-modal__btn--confirm:hover{background:var(--paper-orange-bright,#f7931e)}.billing-confirm-modal__btn--confirm:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.billing-confirm-modal__btn--downgrade{background:var(--paper-terracotta,#c73e2e);color:#fff;box-shadow:0 3px 0 var(--paper-edge-terracotta,#9e2f22), var(--lift-1)}.billing-confirm-modal__btn--downgrade:hover{background:#d96a5c}.billing-confirm-modal__btn--downgrade:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}@media (width<=480px){.billing-confirm-modal{margin:var(--space-3);border-radius:16px}.billing-confirm-modal__comparison{gap:var(--space-2);flex-direction:column}.billing-confirm-modal__arrow{transform:rotate(90deg)}.billing-confirm-modal__actions{flex-direction:column}}.email-provider__cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:20px 0;display:grid}.email-provider__card{border:2px solid var(--color-outline-variant,#dccbad);background:var(--color-surface,#f7eddc);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;transition:all .2s;display:flex}.email-provider__card:hover{border-color:#f7931e;transform:translateY(-2px);box-shadow:0 4px 12px #f7931e26}.email-provider__card--active{background:#f7931e0d;border-color:#f7931e;box-shadow:0 0 0 3px #f7931e26}.email-provider__card-icon{font-size:2rem}.email-provider__card-name{font-size:.95rem;font-weight:700}.email-provider__card-desc{color:var(--color-on-surface-variant,#7a6652);font-size:.75rem;line-height:1.3}.email-provider__setup{background:var(--color-surface-variant,#fbf4e6);border-radius:12px;margin-top:24px;padding:24px}.email-provider__setup-title{margin:0 0 16px;font-size:1.1rem;font-weight:700}.email-provider__instructions{background:#f7931e0d;border-left:3px solid #f7931e;border-radius:8px;margin-bottom:24px;padding:16px}.email-provider__instructions h4{color:#ee7a1c;margin:0 0 8px;font-size:.85rem;font-weight:600}.email-provider__instructions ol{margin:0;padding-left:20px}.email-provider__instructions li{margin-bottom:6px;font-size:.85rem;line-height:1.5}.email-provider__instructions a{color:#f7931e;text-decoration:underline}.email-provider__fields{flex-direction:column;gap:16px;display:flex}.email-provider__test-row{align-items:center;gap:16px;margin-top:8px;display:flex}.email-provider__test-btn{background:var(--paper-orange,#ee7a1c);color:var(--color-on-primary,#33261a);cursor:pointer;box-shadow:0 3px 0 var(--paper-edge-orange,#c55a08), var(--lift-1);transition:transform var(--duration-fast,.15s) var(--ease-spring), box-shadow var(--duration-fast,.15s) ease, background .2s ease;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.email-provider__test-btn:hover{background:var(--paper-orange-bright,#f7931e)}.email-provider__test-btn:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.email-provider__test-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.email-provider__test-status{font-size:.85rem;font-weight:600}.email-provider__connected{background:#3e6b4f14;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:.9rem;display:flex}.email-provider__hint{background:var(--color-surface-variant,#fbf4e6);color:var(--color-on-surface-variant,#7a6652);border-radius:8px;align-items:center;gap:8px;margin-top:24px;padding:16px;font-size:.875rem;display:flex}@media (width<=480px){.email-provider__cards{grid-template-columns:repeat(2,1fr);gap:8px}.email-provider__card{padding:14px 10px}.email-provider__card-name{font-size:.85rem}.email-provider__setup{padding:16px}}.billing-plan-card--intent{border-color:var(--color-primary,#ee7a1c);box-shadow:0 0 0 2px #ee7a1c59, var(--lift-2);animation:1.6s 3 billing-intent-pulse}@keyframes billing-intent-pulse{0%,to{box-shadow:0 0 0 2px #ee7a1c59, var(--lift-2)}50%{box-shadow:0 0 0 6px #ee7a1c2e, var(--lift-2)}}.integrations{max-width:600px;padding:var(--space-6) var(--space-5);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.integrations__title{font-family:var(--font-headline);color:var(--color-on-background);margin:0;font-size:1.125rem;font-weight:800}.integrations__subtitle{color:var(--color-on-surface-variant);margin:0;font-size:.6875rem;line-height:1.5}.integrations__search{align-items:center;gap:var(--space-2);background-color:var(--color-surface-container);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);padding:8px 12px;transition:border-color .15s;display:flex}.integrations__search:focus-within{border-color:var(--color-primary)}.integrations__search .material-symbols-outlined{color:var(--color-on-surface-variant);flex-shrink:0;font-size:18px}.integrations__search-input{font-family:var(--font-body);color:var(--color-on-background);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.integrations__search-input::placeholder{color:var(--color-on-surface-variant)}.integrations__tabs{scrollbar-width:none;-ms-overflow-style:none;gap:6px;display:flex;overflow-x:auto}.integrations__tabs::-webkit-scrollbar{display:none}.integrations__tab{background-color:var(--color-surface-container);font-family:var(--font-headline);color:var(--color-on-surface-variant);border-radius:var(--radius-pill);border:1.5px solid var(--color-outline-variant);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:5px 12px;font-size:.6875rem;font-weight:600;transition:all .15s}.integrations__tab:hover{background-color:var(--color-surface-container-high);color:var(--color-on-background)}.integrations__tab--active{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}.integrations__tab--active:hover{background:var(--paper-orange-bright);color:var(--color-on-primary)}.integrations__grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.integrations__card{background-color:var(--color-surface-container);text-align:center;border:1.5px solid var(--color-outline-variant);cursor:pointer;align-items:center;gap:var(--space-2);border-radius:12px;flex-direction:column;padding:14px;transition:all .15s;display:flex}.integrations__card:hover{background-color:var(--color-surface-container-high);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #6b42261a}.integrations__card--coming-soon{opacity:.5;cursor:default;cursor:pointer}.integrations__card--coming-soon:hover{background-color:var(--color-surface-container);border-color:var(--color-outline-variant);box-shadow:none;transform:none}.integrations__card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.integrations__card-icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.integrations__card-name{font-family:var(--font-headline);color:var(--color-on-background);margin:0;font-size:.6875rem;font-weight:700}.integrations__card-status{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.5rem;font-weight:600}.integrations__card-status--connected{color:var(--color-success)}.integrations__card-status--disconnected{color:var(--color-on-surface-variant)}.integrations__card-status--coming-soon{color:#c99716}.integrations__empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-on-surface-variant);grid-column:1/-1;font-size:.8125rem}.integrations__empty .material-symbols-outlined{margin-bottom:var(--space-3);opacity:.4;font-size:40px;display:block}.integration-detail{max-width:600px;padding:var(--space-6) var(--space-5);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.integration-detail__back{align-items:center;gap:var(--space-1);color:var(--color-primary);font-family:var(--font-headline);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.integration-detail__back:hover{opacity:.75}.integration-detail__back .material-symbols-outlined{font-size:16px}.integration-detail__header{align-items:center;gap:12px;display:flex}.integration-detail__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.integration-detail__icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.integration-detail__header-text{flex-direction:column;flex:1;gap:4px;display:flex}.integration-detail__name{font-family:var(--font-headline);color:var(--color-on-background);margin:0;font-size:1rem;font-weight:800}.integration-detail__badge{font-family:var(--font-headline);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:4px;padding:3px 10px;font-size:.625rem;font-weight:700;display:inline-flex}.integration-detail__badge--connected{color:#2e5039;background-color:#3e6b4f1f}.integration-detail__badge--disconnected{background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant)}.integration-detail__section{background-color:var(--color-surface-container);border:1.5px solid var(--color-outline-variant);padding:var(--space-5);gap:var(--space-4);border-radius:12px;flex-direction:column;display:flex}.integration-detail__section-title{font-family:var(--font-headline);color:var(--color-on-background);align-items:center;gap:var(--space-2);margin:0;font-size:.8125rem;font-weight:700;display:flex}.integration-detail__section-title .material-symbols-outlined{color:var(--color-primary);font-size:18px}.integration-detail__field{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.integration-detail__field:last-child{margin-bottom:0}.integration-detail__label{font-family:var(--font-headline);color:var(--color-on-background);font-size:.75rem;font-weight:600}.integration-detail__hint{color:var(--color-on-surface-variant);font-size:.6875rem;line-height:1.5}.integration-detail__input-wrapper{background-color:var(--color-surface-container-lowest);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.integration-detail__input-wrapper:focus-within{border-color:var(--color-primary)}.integration-detail__input{font-family:var(--font-body);color:var(--color-on-background);background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-size:.8125rem}.integration-detail__input::placeholder{color:var(--color-on-surface-variant)}.integration-detail__input--readonly{background-color:var(--color-surface-container-low);cursor:default;font-family:Courier New,Courier,monospace;font-size:.75rem}.integration-detail__visibility-btn,.integration-detail__copy-btn{cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:color .15s;display:flex}.integration-detail__visibility-btn:hover,.integration-detail__copy-btn:hover{color:var(--color-primary)}.integration-detail__visibility-btn .material-symbols-outlined,.integration-detail__copy-btn .material-symbols-outlined{font-size:18px}.integration-detail__toggle-row{align-items:center;gap:var(--space-3);background-color:var(--color-surface-container-low);border-radius:var(--radius-default);padding:12px var(--space-4);margin-bottom:var(--space-3);display:flex}.integration-detail__toggle-row:last-child{margin-bottom:0}.integration-detail__toggle-label{font-family:var(--font-headline);color:var(--color-on-background);flex-direction:column;flex:1;gap:2px;font-size:.8125rem;font-weight:600;display:flex}.integration-detail__toggle-desc{font-family:var(--font-body);color:var(--color-on-surface-variant);font-size:.6875rem;font-weight:400}.integration-detail__status{align-items:center;gap:var(--space-2);padding:10px var(--space-4);border-radius:var(--radius-default);font-family:var(--font-headline);font-size:.75rem;font-weight:600;display:flex}.integration-detail__status--connected{color:#2e5039;background-color:#3e6b4f1a;border:1px solid #3e6b4f40}.integration-detail__status--disconnected{background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant);border:1px solid var(--color-outline-variant)}.integration-detail__status .material-symbols-outlined{font-size:18px}.integration-detail__save-btn{background:var(--paper-orange);width:100%;color:var(--color-on-primary);font-family:var(--font-headline);padding:12px var(--space-5);border-radius:var(--radius-default);cursor:pointer;text-align:center;box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1);transition:transform .15s var(--ease-spring), box-shadow .15s ease, background .15s ease;border:none;font-size:.875rem;font-weight:700;display:block}.integration-detail__save-btn:hover{background:var(--paper-orange-bright)}.integration-detail__save-btn:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.integration-detail__disconnect-btn{width:100%;color:var(--paper-terracotta);font-family:var(--font-headline);padding:11px var(--space-5);border:1.5px solid var(--paper-terracotta);border-radius:var(--radius-default);cursor:pointer;text-align:center;background:0 0;font-size:.875rem;font-weight:600;transition:all .15s;display:block}.integration-detail__disconnect-btn:hover{background-color:var(--color-tertiary-container);color:var(--paper-edge-terracotta);border-color:var(--paper-edge-terracotta)}.integration-detail__disconnect-btn:active{background-color:#c73e2e38}.integration-detail__provider-cards{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.integration-detail__provider-card{background-color:var(--color-surface-container-lowest);border:2px solid var(--color-outline-variant);padding:var(--space-4);align-items:center;gap:var(--space-2);text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;transition:all .15s;display:flex}.integration-detail__provider-card:hover{background-color:var(--color-surface-container-low);border-color:var(--color-primary)}.integration-detail__provider-card--active,.integration-detail__provider-card:active{border-color:var(--color-primary);background-color:#ee7a1c0f}.integration-detail__provider-card-icon{-o-object-fit:contain;object-fit:contain;width:32px;height:32px}.integration-detail__provider-card-name{font-family:var(--font-headline);color:var(--color-on-background);margin:0;font-size:.6875rem;font-weight:700}.integration-detail__instructions{background-color:var(--color-surface-container-low);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);overflow:hidden}.integration-detail__instructions-toggle{width:100%;padding:12px var(--space-4);cursor:pointer;font-family:var(--font-headline);color:var(--color-on-background);text-align:left;justify-content:space-between;align-items:center;gap:var(--space-2);background:0 0;border:none;font-size:.8125rem;font-weight:600;display:flex}.integration-detail__instructions-toggle .material-symbols-outlined{color:var(--color-on-surface-variant);font-size:18px;transition:transform .2s}.integration-detail__instructions.open .integration-detail__instructions-toggle .material-symbols-outlined{transform:rotate(180deg)}.integration-detail__instructions-body{padding:0 var(--space-4) var(--space-4);color:var(--color-on-surface-variant);font-size:.8125rem;line-height:1.6;display:none}.integration-detail__instructions.open .integration-detail__instructions-body{display:block}.integration-detail__instructions-body ol,.integration-detail__instructions-body ul{padding-left:var(--space-5);margin:var(--space-2) 0}.integration-detail__instructions-body li{margin-bottom:var(--space-2)}.integration-detail__instructions-body code{background-color:var(--color-surface-container);border-radius:4px;padding:2px 6px;font-family:Courier New,Courier,monospace;font-size:.75rem}.integration-detail__test-btn{align-items:center;gap:var(--space-2);background:var(--paper-kraft);color:var(--paper-ink);font-family:var(--font-headline);border-radius:var(--radius-default);cursor:pointer;box-shadow:0 2px 0 var(--paper-edge-kraft), var(--lift-1);transition:transform .15s var(--ease-spring), box-shadow .15s ease, background .15s ease;border:none;padding:9px 18px;font-size:.8125rem;font-weight:700;display:inline-flex}.integration-detail__test-btn:hover{background:var(--paper-shade)}.integration-detail__test-btn:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(2px)}.integration-detail__test-btn .material-symbols-outlined{font-size:18px}.integration-detail__section{border-bottom:1px solid var(--color-outline-variant);padding:16px 0}.integration-detail__section:last-child{border-bottom:none}.integration-detail__section-title{font-family:var(--font-headline);color:var(--color-on-background);margin:0 0 6px;font-size:1rem;font-weight:700}.integration-detail__section-desc{color:var(--color-on-surface-variant);margin:0 0 12px;font-size:.875rem;line-height:1.5}.integration-detail__hint{color:var(--color-on-surface-variant);margin:0;font-size:.8125rem}.integration-detail__hint a{color:var(--color-primary);text-decoration:none}.integration-detail__hint a:hover{text-decoration:underline}.integration-detail__info-grid{gap:10px;margin-top:8px;display:grid}.integration-detail__info-row{background:var(--color-surface-variant);border-radius:8px;justify-content:space-between;align-items:baseline;padding:8px 12px;display:flex}.integration-detail__info-label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.integration-detail__info-value{font-family:var(--font-headline);color:var(--color-on-background);font-size:.95rem}.integration-detail__form{flex-direction:column;gap:14px;display:flex}.integration-detail__form .integration-detail__field{flex-direction:column;gap:4px;display:flex}.integration-detail__form .integration-detail__field label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant);font-size:.75rem;font-weight:600}.integration-detail__form .integration-detail__field input{border:1px solid var(--color-outline-variant);background:var(--color-surface);color:var(--color-on-background);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem}.integration-detail__form .integration-detail__field input:focus{border-color:var(--color-primary);outline:none}.integration-detail__form .integration-detail__field small{color:var(--color-on-surface-variant);font-size:.75rem}.integration-detail__actions{gap:8px;margin-top:4px;display:flex}.integration-detail__btn{font-family:var(--font-headline);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:.875rem;font-weight:700;transition:opacity .15s,background .15s;display:inline-flex}.integration-detail__btn:disabled{opacity:.6;cursor:not-allowed}.integration-detail__btn--primary{background:var(--paper-orange);color:var(--color-on-primary);box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1)}.integration-detail__btn--primary:hover:not(:disabled){background:var(--paper-orange-bright)}.integration-detail__btn--danger{color:var(--paper-terracotta);border-color:var(--paper-terracotta);background:0 0}.integration-detail__btn--danger:hover:not(:disabled){background:var(--color-tertiary-container)}.integration-detail__error{background:var(--color-error-container);color:var(--color-on-error-container);border:1px solid var(--paper-terracotta);border-radius:8px;padding:10px 12px;font-size:.875rem}.integration-detail__loading{color:var(--color-on-surface-variant);align-items:center;gap:8px;padding:20px;display:flex}.integration-detail__loading .material-symbols-outlined{font-size:20px}.softphone{z-index:var(--z-launcher);font-family:var(--font-body), sans-serif;flex-direction:column;align-items:flex-end;gap:8px;transition:right .2s,bottom .2s;display:flex;position:fixed;bottom:20px;right:20px}body.flow-test-open .softphone{right:396px}@media (width<=768px){.softphone{bottom:84px;right:12px}body.flow-test-open .softphone{right:12px}}.softphone__pill{background:var(--paper-sheet);border-radius:var(--radius-full);box-shadow:var(--lift-2);border:1px solid #6b42260f;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex}.softphone__icon{font-size:18px;line-height:1}.softphone__pill-label{font-family:var(--font-headline);color:var(--paper-ink);white-space:nowrap;font-size:.85rem;font-weight:700}.softphone__toggle{white-space:nowrap;padding:8px 16px;font-size:.8rem}.softphone__error{background:var(--color-error-container);max-width:260px;color:var(--color-on-error-container);border-radius:var(--radius-default);box-shadow:var(--lift-1);padding:8px 12px;font-size:.78rem;line-height:1.4}.softphone__card{width:280px;padding:var(--space-4) var(--space-5);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.softphone__card--incoming,.softphone__card--incall,.softphone__card--calling{animation:softphone-pop var(--duration-normal) var(--ease-spring)}.softphone__ring-badge{font-size:28px;line-height:1;animation:1s ease-in-out infinite softphone-ring}.softphone__card-title{font-family:var(--font-headline);color:var(--paper-ink);font-size:.95rem;font-weight:800}.softphone__caller{color:var(--paper-ink);word-break:break-word;font-size:1rem;font-weight:700}.softphone__caller-phone{color:var(--paper-ink-soft);font-size:.8rem}.softphone__shopify{color:var(--color-primary);background:var(--paper-kraft);border-radius:var(--radius-full);margin-top:2px;padding:4px 10px;font-size:.78rem}.softphone__timer{font-family:var(--font-headline);color:var(--paper-ink);letter-spacing:.5px;font-variant-numeric:tabular-nums;margin:4px 0;font-size:1.3rem;font-weight:700}.softphone__actions{gap:10px;width:100%;margin-top:8px;display:flex}.softphone__actions .paper-btn{flex:1}.softphone__dialpad{gap:6px;width:100%;margin-top:8px;display:flex}.softphone__dial-input{border-radius:var(--radius-default);background:var(--paper-sheet);min-width:0;color:var(--paper-ink);font:inherit;border:1px solid #6b422629;flex:1;padding:8px 10px;font-size:.85rem}.softphone__dial-input:focus{border-color:var(--color-primary);outline:none}.softphone__peer{font-family:var(--font-headline);letter-spacing:.5px;font-size:.95rem}@keyframes softphone-ring{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}@keyframes softphone-pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.softphone__ring-badge,.softphone__card--incoming,.softphone__card--incall,.softphone__card--calling{animation:none}}@media (width<=480px){.softphone{bottom:12px;right:12px}.softphone__card{width:min(280px,100vw - 24px)}}.softphone__insights{background:var(--paper-hover,#f4efe6);border:1px solid var(--paper-border,#d9d2c5);text-align:left;border-radius:8px;margin-top:8px;padding:8px 10px}.softphone__insights-head{color:var(--paper-ink,#2b2b2b);font-size:12.5px;font-weight:700}.softphone__insights-topics{color:var(--paper-muted,#9a9384);margin-top:2px;font-size:12px}.softphone__insights-last{color:var(--paper-ink,#2b2b2b);margin-top:4px;font-size:12px;font-style:italic}.softphone__dnd.is-active{background:var(--paper-gold)}.softphone__dnd-banner{border-radius:var(--radius-md,10px);background:var(--paper-kraft);color:var(--paper-ink);margin-top:6px;padding:6px 10px;font-size:.72rem;font-weight:600}.softphone__coach{border-top:1px solid var(--paper-border,#d9d2c5);text-align:left;margin-top:10px;padding-top:10px}.softphone__coach-head{text-transform:uppercase;letter-spacing:.5px;color:var(--paper-muted,#9a9384);margin-bottom:6px;font-size:11px;font-weight:700}.softphone__coach-turns{flex-direction:column;gap:4px;max-height:140px;font-size:12.5px;display:flex;overflow-y:auto}.softphone__coach-turn{gap:6px;line-height:1.35;display:flex}.softphone__coach-who{flex:none;min-width:48px;font-weight:700}.softphone__coach-turn--agent .softphone__coach-who{color:var(--chattoko,#d0611f)}.softphone__coach-turn--customer .softphone__coach-who{color:var(--paper-muted,#9a9384)}.softphone__coach-empty{color:var(--paper-muted,#9a9384);font-size:12px;font-style:italic}.softphone__coach-hint{background:var(--paper-hover,#f4efe6);border:1px solid var(--paper-border,#d9d2c5);border-radius:8px;margin-top:8px;padding:8px 10px;font-size:12.5px}.softphone__coach-hint-label{font-weight:700}.softphone__coach-error{color:#c73e2e;margin-top:6px;font-size:12px}.softphone__coach-btn{width:100%;margin-top:8px}.softphone__keypad{border:1px solid var(--paper-border,#d9d2c5);background:var(--paper-bg,#faf7f0);border-radius:8px;margin-top:8px;padding:8px}.softphone__keypad-echo{letter-spacing:.08em;min-height:20px;color:var(--paper-ink,#2b2b2b);word-break:break-all;margin-bottom:8px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.softphone__keypad-hint{letter-spacing:normal;color:var(--paper-muted,#8a8172);font-family:inherit;font-size:11px}.softphone__keypad-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.softphone__key{border:1px solid var(--paper-border,#d9d2c5);background:var(--paper-surface,#fff);color:var(--paper-ink,#2b2b2b);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 0;font-size:16px;font-weight:600;line-height:1;transition:background .12s,transform 50ms}.softphone__key:hover{background:var(--paper-hover,#f4efe6)}.softphone__key:active{transform:scale(.96)}.contacts-layout{grid-template-columns:1fr 360px;height:100%;display:grid;overflow:hidden}.contacts-main{flex-direction:column;display:flex;overflow:hidden}.contacts-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);display:flex}.contacts-header h2{font-family:var(--font-headline);font-size:1.25rem;font-weight:800}.contacts-header__total{background:linear-gradient(135deg, var(--paper-green), #5e8b6f);color:#fff;border-radius:var(--radius-full);padding:2px 10px;font-size:.7rem;font-weight:700}.contacts-header__search{border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);background:var(--paper-well);font-family:var(--font-body);color:var(--color-on-background);outline:none;width:260px;margin-left:auto;padding:8px 14px;font-size:.8125rem;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 4px #6b422614}.contacts-header__search:focus{border-color:var(--paper-orange);box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.contacts-header__export-btn{border-radius:var(--radius-default);background:var(--paper-kraft);font-family:var(--font-headline);color:var(--paper-ink);cursor:pointer;box-shadow:0 2px 0 var(--paper-edge-kraft);border:none;align-items:center;gap:4px;padding:8px 14px;font-size:.7rem;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.contacts-header__export-btn:hover{background:var(--paper-shade)}.contacts-header__export-btn:active{transform:translateY(2px);box-shadow:0 0 #0000}.contacts-table-wrap{flex:1;overflow:auto}.contacts-table{border-collapse:collapse;background:var(--paper-sheet);width:100%;font-size:.8125rem}.contacts-table th{background:var(--paper-shade);text-align:left;font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.05em;color:var(--paper-ink-soft);border-bottom:1px solid var(--color-outline-variant);z-index:1;padding:10px 14px;font-size:.7rem;font-weight:700;position:sticky;top:0}.contacts-table td{border-bottom:1px solid var(--color-outline-variant);color:var(--color-on-background);padding:10px 14px}.contacts-table tr{cursor:pointer;transition:background .1s}.contacts-table tbody tr:hover{background:var(--color-surface-container-low)}.contacts-table tr.contacts-row--selected{background:#ee7a1c0f}.contacts-table__name{align-items:center;gap:10px;display:flex}.contacts-table__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.contacts-table__tag{color:var(--color-on-warning-container);background:#c9971614;border-radius:8px;margin-right:4px;padding:4px 8px;font-size:.65rem;font-weight:600;display:inline-block}.contacts-detail{border-left:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);flex-direction:column;display:flex;overflow:hidden}.contacts-detail__header{padding:var(--space-4);text-align:center;border-bottom:1px solid var(--color-outline-variant)}.contacts-detail__avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 8px;font-size:1.25rem;font-weight:800;display:flex}.contacts-detail__name{font-family:var(--font-headline);font-size:1rem;font-weight:800}.contacts-detail__email{color:var(--color-on-surface-variant);font-size:.75rem}.contacts-detail__body{padding:var(--space-4);flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.contacts-detail__section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);margin-bottom:8px;font-size:.65rem;font-weight:700}.contacts-detail__row{align-items:center;gap:8px;padding:6px 0;font-size:.8125rem;display:flex}.contacts-detail__row .material-symbols-outlined{color:var(--color-on-surface-variant);font-size:18px}.contacts-detail__row-label{color:var(--color-on-surface-variant);min-width:80px;font-size:.75rem;font-weight:600}.contacts-detail__row-value{color:var(--color-on-background)}.contacts-detail__stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.contacts-detail__stat{border-radius:var(--radius-md);background:var(--paper-sheet);box-shadow:var(--paper-sheen), 0 3px 0 var(--card-edge,var(--paper-edge-sheet)), var(--shadow-subtle);text-align:center;border:1px solid #6b42260f;padding:10px 12px}.contacts-detail__stat-value{font-size:1.125rem;font-weight:800;font-family:var(--font-headline)}.contacts-detail__stat-label{color:var(--color-on-surface-variant);margin-top:2px;font-size:.65rem}.contacts-detail__empty{height:100%;color:var(--color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.contacts-detail__empty .material-symbols-outlined{opacity:.3;font-size:48px}.contacts-segment-btn{border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);cursor:pointer;font-size:.7rem;font-weight:600;font-family:var(--font-body);color:var(--color-on-surface-variant);border-radius:8px;align-items:center;padding:4px 10px;transition:all .15s;display:flex}.contacts-segment-btn:hover{background:#f7931e0f}.contacts-segment-btn--active{color:var(--paper-orange-deep);background:linear-gradient(135deg,#f7931e1a,#f5c8421a);border-color:#f7931e4d}@media (width<=1023px){.contacts-layout{grid-template-columns:1fr}.contacts-detail{display:none}}@media (width<=640px){.contacts-header{flex-wrap:wrap}.contacts-header__search{flex:100%;order:5;min-width:0;margin-left:0}.contacts-header__export-btn{margin-left:0}.contacts-header__export-btn:first-of-type{margin-left:auto}}.tickets-layout{grid-template-columns:340px 1fr;height:100%;display:grid;overflow:hidden}.tickets-sidebar{border-right:1px solid var(--color-outline-variant,#dccbad);background:var(--color-surface-container-lowest,#fffbf3);flex-direction:column;display:flex;overflow:hidden}.tickets-sidebar__header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);display:flex}.tickets-sidebar__header h2{font-family:var(--font-headline);color:var(--color-on-background);font-size:1.25rem;font-weight:800}.tickets-sidebar__total{background:linear-gradient(135deg, var(--paper-orange), var(--paper-orange-bright));color:var(--color-on-primary);border-radius:var(--radius-full);padding:2px 10px;font-size:.7rem;font-weight:700}.tickets-sidebar__create-btn{border-radius:var(--radius-default);background:var(--paper-orange);color:var(--color-on-primary);font-size:.7rem;font-weight:700;font-family:var(--font-headline);cursor:pointer;box-shadow:0 2px 0 var(--paper-edge-orange), var(--lift-1);transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease, background .15s;border:none;align-items:center;gap:4px;margin-left:auto;padding:6px 14px;display:flex}.tickets-sidebar__create-btn:hover{background:var(--paper-orange-bright)}.tickets-sidebar__create-btn:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(2px)}.tickets-search{border-radius:var(--radius-default);border:1.5px solid var(--color-outline-variant);background:var(--paper-well);font-size:.78rem;font-family:var(--font-body);color:var(--paper-ink);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;padding:8px 10px;box-shadow:inset 0 2px 4px #6b422614}.tickets-search:focus{border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.tickets-tabs{padding:0 var(--space-3) var(--space-3);flex-direction:column;gap:2px;display:flex}.tickets-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-default);cursor:pointer;font-family:var(--font-body);color:var(--color-on-surface-variant);text-align:left;background:0 0;border:none;border-left:3px solid #0000;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.tickets-tab:hover{background:var(--color-surface-container)}.tickets-tab--active{background:var(--color-surface-container);font-weight:700}.tickets-tab__count{border-radius:var(--radius-full);background:var(--color-surface-container);margin-left:auto;padding:3px 9px;font-size:.7rem;font-weight:700}.tickets-tab--active .tickets-tab__count{background:var(--color-primary);color:var(--color-on-primary)}.tickets-list{padding:0 var(--space-3);flex:1;overflow-y:auto}.ticket-card{border-radius:var(--radius-md);cursor:pointer;background:var(--paper-sheet);box-shadow:var(--shadow-subtle);border:1px solid #6b42260f;flex-direction:column;gap:6px;margin-bottom:6px;padding:12px 14px;transition:all .15s;display:flex}.ticket-card:hover{background:var(--color-surface-container-low);transform:translate(2px)}.ticket-card--selected,.ticket-card--selected:hover{box-shadow:inset 3px 0 0 var(--paper-orange), var(--lift-1)}.ticket-card__top{align-items:center;gap:8px;display:flex}.ticket-card__id{color:var(--paper-ink-soft);font-size:.7rem;font-weight:700}.ticket-card__subject{color:var(--color-on-background);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;font-weight:600;overflow:hidden}.ticket-card__time{color:var(--color-on-surface-variant);font-size:.65rem}.ticket-card__bottom{align-items:center;gap:6px;display:flex}.ticket-card__badge{text-transform:uppercase;letter-spacing:.03em;border-radius:10px;align-items:center;padding:4px 8px;font-size:.6rem;font-weight:700;display:inline-flex}.ticket-card__badge--open{color:#4a6fa5;background:linear-gradient(135deg,#4a6fa51a,#4a6fa50d)}.ticket-card__badge--pending{color:var(--color-on-warning-container);background:linear-gradient(135deg,#a87b0f1a,#a87b0f0d)}.ticket-card__badge--solved{color:#3e6b4f;background:linear-gradient(135deg,#3e6b4f1a,#3e6b4f0d)}.ticket-card__badge--closed{background-color:var(--color-surface-container);color:var(--color-on-surface-variant)}.ticket-card__badge--low{color:#4a6fa5;background:#4a6fa514}.ticket-card__badge--medium{color:var(--color-on-warning-container);background:#a87b0f14}.ticket-card__badge--high{color:#c73e2e;background:#c73e2e14}.ticket-card__badge--critical{color:#a63225;background:#a6322526}.ticket-card__customer{color:var(--color-on-surface-variant);margin-left:auto;font-size:.7rem}.tickets-detail{background:var(--color-background);flex-direction:column;display:flex;overflow:hidden}.tickets-detail__header{padding:var(--space-4);border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);align-items:center;gap:12px;display:flex}.tickets-detail__header h3{font-family:var(--font-headline);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1rem;font-weight:700;overflow:hidden}.tickets-detail__controls{align-items:center;gap:8px;display:flex}.tickets-detail__select{border-radius:var(--radius-default);border:1.5px solid var(--color-outline-variant);background:var(--paper-well);font-family:var(--font-body);color:var(--color-on-background);cursor:pointer;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;padding:8px 10px;font-size:.75rem;font-weight:600;box-shadow:inset 0 2px 4px #6b422614}.tickets-detail__select:focus{border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.tickets-detail__body{padding:var(--space-4);flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.tickets-detail__meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.tickets-detail__meta-item{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:10px;padding:10px 14px}.tickets-detail__meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);margin-bottom:4px;font-size:.65rem;font-weight:700}.tickets-detail__meta-value{color:var(--color-on-background);font-size:.8125rem;font-weight:600}.tickets-detail__assignee{align-items:center;gap:6px;display:flex}.tickets-detail__assignee .tickets-detail__select{flex:1;min-width:0}.tickets-detail__messages{flex-direction:column;gap:12px;display:flex}.ticket-message{align-items:flex-start;gap:10px;display:flex}.ticket-message__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.ticket-message__content{flex:1;min-width:0}.ticket-message__header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.ticket-message__author{color:var(--color-on-background);font-size:.75rem;font-weight:700}.ticket-message__time{color:var(--color-on-surface-variant);font-size:.65rem}.ticket-message__type-badge{color:#4a6fa5;background:#4a6fa514;border-radius:4px;padding:3px 8px;font-size:.6rem;font-weight:600}.ticket-message__body{border-radius:var(--radius-default);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-subtle);white-space:pre-wrap;word-break:break-word;padding:10px 14px;font-size:.8125rem;line-height:1.5}.tickets-detail__reply{padding:var(--space-4);border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest)}.tickets-detail__reply textarea{border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);background:var(--paper-well);width:100%;min-height:60px;max-height:120px;font-family:var(--font-body);color:var(--color-on-background);resize:vertical;box-sizing:border-box;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;outline:none;padding:10px 14px;font-size:.8125rem;box-shadow:inset 0 2px 4px #6b422614}.tickets-detail__reply textarea:focus{border-color:var(--paper-orange);box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.tickets-detail__reply-actions{gap:8px;margin-top:8px;display:flex}.tickets-detail__reply-btn{border-radius:var(--radius-default);font-family:var(--font-headline);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease, background .15s;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:700;display:flex}.tickets-detail__reply-btn--primary{background:var(--paper-orange);color:var(--color-on-primary);box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1)}.tickets-detail__reply-btn--primary:hover{background:var(--paper-orange-bright)}.tickets-detail__reply-btn--note{background:var(--paper-kraft);color:var(--paper-ink);box-shadow:0 2px 0 var(--paper-edge-kraft)}.tickets-detail__reply-btn--note:hover{background:var(--paper-shade)}.tickets-detail__reply-btn--primary:active,.tickets-detail__reply-btn--note:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(2px)}.tickets-detail__empty{text-align:center;height:100%;color:var(--color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.tickets-detail__empty .material-symbols-outlined{opacity:.3;font-size:48px}.ticket-modal{z-index:100;background:var(--paper-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ticket-modal__content{background:var(--paper-sheet);border-radius:var(--radius-xl);width:90%;max-width:520px;max-height:90vh;padding:var(--space-6);box-shadow:var(--lift-3);animation:paper-drop var(--duration-normal) var(--ease-spring);overflow-y:auto}.ticket-modal__title{font-family:var(--font-headline);margin-bottom:var(--space-4);font-size:1.125rem;font-weight:800}.ticket-modal__field{margin-bottom:var(--space-3);flex-direction:column;gap:4px;display:flex}.ticket-modal__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);font-size:.7rem;font-weight:700}.ticket-modal__input,.ticket-modal__textarea,.ticket-modal__select{border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);background:var(--paper-well);font-family:var(--font-body);color:var(--color-on-background);box-sizing:border-box;width:100%;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;outline:none;padding:10px 14px;font-size:.875rem;box-shadow:inset 0 2px 4px #6b422614}.ticket-modal__input:focus,.ticket-modal__textarea:focus,.ticket-modal__select:focus{border-color:var(--paper-orange);box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.ticket-modal__textarea{resize:vertical;min-height:80px}.ticket-modal__actions{margin-top:var(--space-4);justify-content:flex-end;gap:8px;display:flex}@media (width<=767px){.tickets-layout{grid-template-columns:1fr}.tickets-detail,.tickets-layout--detail-active .tickets-sidebar{display:none}.tickets-layout--detail-active .tickets-detail{display:flex}}.tickets-tags-filter{border-bottom:1px solid var(--color-outline-variant,#dccbad);padding:8px 12px 12px;position:relative}.tickets-tags-filter__button{width:100%;font-size:.78rem;font-family:var(--font-body);background:var(--color-surface-container-lowest,#fffbf3);color:var(--color-on-surface,#33261a);border:1px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-default);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.tickets-tags-filter__button:hover{background:var(--color-surface-container,#efe2c9)}.tickets-tags-filter__chevron{margin-left:auto;transition:transform .15s}.tickets-tags-filter__chevron--open{transform:rotate(180deg)}.tickets-tags-filter__selected{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.tickets-tags-filter__chip{color:var(--color-on-warning-container);border-radius:var(--radius-default);background:#c9971614;align-items:center;gap:4px;max-width:120px;padding:3px 4px 3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.tickets-tags-filter__chip-remove{width:14px;height:14px;color:var(--color-on-warning-container);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.tickets-tags-filter__chip-remove:hover{background:#c997162e}.tickets-tags-filter__dropdown{z-index:20;background:var(--color-surface,#fffbf3);border:1px solid var(--color-outline-variant,#dccbad);border-radius:var(--radius-default);max-height:320px;padding:8px;position:absolute;top:calc(100% - 4px);left:12px;right:12px;overflow-y:auto;box-shadow:0 6px 24px #6b422621}.tickets-tags-filter__search{width:100%;font-size:.78rem;font-family:var(--font-body);border:1px solid var(--color-outline-variant,#dccbad);background:var(--color-surface-container-lowest,#fffbf3);box-sizing:border-box;border-radius:6px;margin-bottom:6px;padding:8px 10px}.tickets-tags-filter__list{flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.tickets-tags-filter__item{color:var(--color-on-surface,#33261a);cursor:pointer;text-align:left;font-size:.78rem;font-family:var(--font-body);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.tickets-tags-filter__item:hover{background:var(--color-surface-container,#efe2c9)}.tickets-tags-filter__item--selected{color:var(--color-on-warning-container);background:#c9971614;font-weight:600}.tickets-tags-filter__check{width:12px;color:var(--color-on-warning-container);font-size:.85rem;display:inline-block}.tickets-tags-filter__label{flex:1}.tickets-tags-filter__count{color:var(--color-on-surface-variant,#7a6652);font-size:.7rem}.tickets-tags-filter__empty{color:var(--color-on-surface-variant,#7a6652);text-align:center;padding:12px;font-size:.75rem}.tickets-tags-filter__clear{width:100%;font-size:.75rem;font-family:var(--font-body);border:1px dashed var(--color-outline-variant,#dccbad);color:var(--color-on-surface-variant,#7a6652);cursor:pointer;background:0 0;border-radius:6px;margin-top:6px;padding:6px}.tickets-tags-filter__clear:hover{border-color:var(--color-on-warning-container);color:var(--color-on-warning-container)}.ticket-card__tags{flex-wrap:wrap;gap:4px;margin:4px 0 6px;display:flex}.ticket-card__tag-chip{color:var(--color-on-warning-container);text-overflow:ellipsis;white-space:nowrap;background:#c9971614;border-radius:8px;max-width:80px;padding:4px 8px;font-size:.62rem;font-weight:600;display:inline-block;overflow:hidden}.ticket-card__tag-chip--overflow{background:var(--color-surface-container,#efe2c9);color:var(--color-on-surface-variant,#7a6652)}.sidebar-filter__badge{border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.sidebar-filter__badge--red{background:var(--paper-terracotta);color:#fff}.blocked-page{background-color:var(--color-surface);min-height:calc(100dvh - 64px);font-family:var(--font-body);color:var(--color-on-background);flex-direction:column;display:flex}.blocked-page__header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-lowest);justify-content:space-between;align-items:center;display:flex}.blocked-page__title{align-items:center;gap:var(--space-2);font-family:var(--font-headline);color:var(--color-on-background);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800;display:flex}.blocked-page__title .material-symbols-outlined{color:var(--color-error);font-size:28px}.blocked-page__subtitle{color:var(--color-on-surface-variant);margin:var(--space-1) 0 0;font-size:.8125rem}.blocked-page__refresh{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);background:var(--color-surface-container-lowest);font-family:var(--font-body);color:var(--color-on-surface-variant);cursor:pointer;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.blocked-page__refresh:hover{border-color:var(--color-primary);color:var(--color-primary)}.blocked-page__refresh .material-symbols-outlined{font-size:18px}.blocked-page__content{padding:var(--space-6) var(--space-8);flex:1;overflow-y:auto}.blocked-page__empty{padding:var(--space-10);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.blocked-page__empty-icon{border-radius:var(--radius-md);width:72px;height:72px;margin-bottom:var(--space-4);background:linear-gradient(135deg,#3e6b4f1a,#3e6b4f0a);justify-content:center;align-items:center;display:flex}.blocked-page__empty h3{font-family:var(--font-headline);color:var(--color-on-background);margin:0 0 var(--space-2);font-size:1.125rem;font-weight:700}.blocked-page__empty p{color:var(--color-on-surface-variant);max-width:400px;margin:0;font-size:.875rem;line-height:1.5}.blocked-page__loading{padding:var(--space-10);align-items:center;gap:var(--space-3);color:var(--color-on-surface-variant);flex-direction:column;font-size:.8125rem;display:flex}.blocked-page__spinner{border:3px solid var(--color-outline-variant);border-top-color:var(--color-error);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite blocked-spin}@keyframes blocked-spin{to{transform:rotate(360deg)}}.blocked-page__table-wrap{border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-subtle);overflow-x:auto}.blocked-page__table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:.8125rem}.blocked-page__table th{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.06em;color:var(--paper-ink-soft);padding:var(--space-3) var(--space-4);text-align:left;background-color:var(--paper-shade);border-bottom:1px solid var(--color-outline-variant);white-space:nowrap;font-size:.6875rem;font-weight:700}.blocked-page__table td{padding:var(--space-3) var(--space-4);color:var(--color-on-background);border-bottom:1px solid var(--color-outline-variant);vertical-align:middle}.blocked-page__table tr:last-child td{border-bottom:none}.blocked-page__table tr:hover td{background-color:var(--color-surface-container-low)}.blocked-badge{border-radius:999px;align-items:center;padding:4px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.blocked-badge--manual{color:var(--color-error);background-color:#c73e2e1a}.blocked-badge--auto{color:#c99716;background-color:#c997161a}.blocked-unblock-btn,.blocked-unblock-fp-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);background:var(--color-surface-container-lowest);font-family:var(--font-body);color:var(--color-on-surface-variant);cursor:pointer;align-items:center;gap:4px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.blocked-unblock-btn:hover,.blocked-unblock-fp-btn:hover{border-color:var(--paper-green);color:var(--paper-green);background:#3e6b4f0d}@media (width<=767px){.blocked-page__header{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);flex-direction:column}.blocked-page__content{padding:var(--space-4)}.blocked-page__table th,.blocked-page__table td{padding:var(--space-2) var(--space-3);font-size:.75rem}}.blocked-page__back{color:var(--color-primary,#f7931e);font-family:var(--font-headline,sans-serif);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:0;font-size:.75rem;font-weight:700;transition:opacity .15s;display:inline-flex}.blocked-page__back:hover{opacity:.75}.blocked-page__back .material-symbols-outlined{font-size:18px}.visitors{background:var(--color-surface);height:100%;padding:16px;overflow-y:auto}.visitors__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.visitors__title{font-family:var(--font-headline);color:var(--color-on-background);margin:0;font-size:18px;font-weight:700}.visitors__count{color:var(--paper-green);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.visitors__count-dot{background:var(--paper-green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.2s ease-in-out infinite visitorsLivePulse;box-shadow:0 0 6px #3e6b4f80}@keyframes visitorsLivePulse{0%,to{opacity:1;box-shadow:0 0 6px #3e6b4f80}50%{opacity:.75;box-shadow:0 0 12px #3e6b4fd9}}.visitors__controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.visitors__chip{border:1px solid var(--color-outline-variant);background:var(--paper-sheet);border-radius:var(--radius-default);font-size:13px;font-family:var(--font-body);cursor:pointer;color:var(--paper-ink-soft);padding:6px 12px;transition:background .15s,color .15s,border-color .15s}.visitors__chip:hover{background:var(--paper-shade);color:var(--paper-ink)}.visitors__chip--active{background:var(--paper-orange);color:var(--color-on-primary);border-color:var(--paper-edge-orange);font-weight:600}.visitors__chip--active:hover{background:var(--paper-orange-bright)}.visitors__select{border:1.5px solid var(--color-outline-variant);background:var(--paper-well);border-radius:var(--radius-default);font-size:13px;font-family:var(--font-body);cursor:pointer;color:var(--paper-ink);padding:8px 12px;box-shadow:inset 0 2px 4px #6b422614}.visitors__select:focus{border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.visitors__empty{text-align:center;color:var(--paper-ink-soft);flex-direction:column;align-items:center;gap:8px;padding:40px 16px;font-size:14px;display:flex}.visitors__empty img{display:block}.visitors__card{border-radius:var(--radius-md);background:var(--paper-sheet);box-shadow:var(--shadow-subtle);border:1px solid #6b42260f;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;margin-bottom:12px;padding:12px 16px;display:grid}.visitors__card-main{flex-direction:column;gap:4px;display:flex}.visitors__name-row{color:var(--paper-ink);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.visitors__device{color:var(--paper-ink-soft);font-size:12px;font-weight:400}.visitors__page{color:var(--paper-ink);word-break:break-all;font-size:13px}.visitors__meta{color:var(--paper-ink-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.visitors__meta-chip{background:var(--paper-shade);border-radius:4px;padding:3px 8px}.visitors__time--fresh{color:var(--paper-green)}.visitors__time--mid{color:#c99716}.visitors__time--old{color:var(--paper-ink-soft)}.visitors__action{background:var(--paper-orange);color:var(--color-on-primary);border-radius:var(--radius-default);cursor:pointer;font-family:var(--font-headline);box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1);border:none;padding:8px 14px;font-size:13px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s}.visitors__action:hover{background:var(--paper-orange-bright)}.visitors__action:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}.visitors__action--open{background:var(--paper-kraft);color:var(--paper-ink);box-shadow:0 2px 0 var(--paper-edge-kraft)}.visitors__action--open:hover{background:var(--paper-shade)}.visitors__action--open:active{transform:translateY(2px);box-shadow:0 0 #0000}.visitors__in-chat-badge{color:var(--paper-blue);background:#4a6fa51a;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.playground{background:var(--paper-sheet);height:100%;display:flex}.playground__rail{border-right:1px solid var(--color-outline-variant);background:var(--color-surface-container);flex-direction:column;gap:8px;width:280px;padding:16px;display:flex;overflow-y:auto}.playground__rail-header{font-family:var(--font-headline);color:var(--paper-ink);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.playground__test{border-radius:var(--radius-default);cursor:pointer;background:var(--paper-sheet);border:1px solid var(--color-outline-variant);transition:background var(--duration-fast) ease;align-items:center;gap:6px;padding:8px 10px;display:flex}.playground__test:hover{background:var(--paper-shade)}.playground__test--pass{border-left:3px solid var(--paper-green)}.playground__test--fail{border-left:3px solid var(--paper-terracotta)}.playground__test-name{color:var(--paper-ink);flex:1;font-size:13px}.playground__test-status{color:var(--paper-ink-soft);font-size:11px}.playground__run-all{border-radius:var(--radius-default);font-family:var(--font-headline);background:var(--paper-kraft);color:var(--paper-ink);cursor:pointer;box-shadow:0 2px 0 var(--paper-edge-kraft);transition:background var(--duration-fast) ease, transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease;border:none;padding:8px 12px;font-weight:700}.playground__run-all:hover{background:var(--paper-shade)}.playground__run-all:active{transform:translateY(2px);box-shadow:0 0 #0000}.playground__run-all:disabled{opacity:.6;cursor:not-allowed}.playground__main{background:var(--paper-sheet);flex-direction:column;flex:1;display:flex}.playground__header{border-bottom:1px solid var(--color-outline-variant);font-family:var(--font-headline);color:var(--paper-ink);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.playground__messages{flex:1;min-height:320px;padding:16px;overflow-y:auto}.playground__empty{height:100%;min-height:280px;color:var(--color-on-surface-variant);opacity:.8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.playground__empty .material-symbols-outlined{opacity:.6;font-size:34px}.playground__empty-hint{max-width:320px;font-size:.8125rem}.playground__msg{max-width:80%;margin-bottom:16px}.playground__msg--user{text-align:right;margin-left:auto}.playground__msg-bubble{background:var(--paper-orange);color:var(--color-on-primary);box-shadow:var(--lift-1);text-align:left;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:14px;line-height:1.5;display:inline-block}.playground__msg--user .playground__msg-bubble{background:var(--paper-kraft);color:var(--paper-ink);border:1px solid var(--paper-edge-kraft);box-shadow:none;border-radius:16px 16px 4px}.playground__action-card{background:var(--color-warning-container);border-radius:var(--radius-default);color:var(--paper-ink);text-align:left;border:1px solid #d9a82e;margin-top:6px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px}.playground__debug{background:var(--paper-ink);color:var(--paper-kraft);border-radius:var(--radius-default);white-space:pre-wrap;text-align:left;max-height:200px;margin-top:6px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:11px;overflow-y:auto}.playground__composer{border-top:1px solid var(--color-outline-variant);gap:8px;padding:12px 16px;display:flex}.playground__input{background:var(--paper-well);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-default);color:var(--paper-ink);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;flex:1;padding:10px 14px;font-size:14px;box-shadow:inset 0 2px 4px #6b422614}.playground__input:focus{border-color:var(--paper-orange);outline:none;box-shadow:inset 0 2px 4px #6b42260f,0 0 0 3px #ee7a1c2e}.playground__send{font-family:var(--font-headline);background:var(--paper-orange);color:var(--color-on-primary);border-radius:var(--radius-default);cursor:pointer;box-shadow:0 3px 0 var(--paper-edge-orange), var(--lift-1);transition:background .2s ease, transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease;border:none;padding:10px 20px;font-weight:700}.playground__send:hover{background:var(--paper-orange-bright)}.playground__send:active{box-shadow:0 0 0 #0000, var(--shadow-subtle);transform:translateY(3px)}