:root{--green:#198a45;--green-dark:#116637;--green-soft:#e8f5ec;--red:#d72d2d;--red-soft:#fff0ef;--yellow:#ffd51f;--yellow-soft:#fff7cc;--ink:#1d2420;--muted:#647069;--line:#d8dfda;--surface:#fff;--canvas:#f4f7f4;--shadow:0 8px 24px #162b1f14;color:var(--ink);font-synthesis:none;letter-spacing:0;background:var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #0b6d9d}a{color:inherit}.app-shell{min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-header{z-index:20;min-height:72px;padding:10px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand-button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.brand-button img{object-fit:contain;width:72px;height:42px}.brand-button span{flex-direction:column;display:flex}.brand-button strong{font-size:16px;line-height:1.15}.brand-button small{color:var(--muted);margin-top:2px;font-size:12px}.network-state{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.network-state span{background:#7f8b84;border-radius:50%;width:8px;height:8px}.network-state.is-online span{background:var(--green)}.network-state.is-offline{color:#714f00;background:var(--yellow-soft);border-color:#e0aa30}main{width:min(100%,1180px);margin:0 auto}.home-view,.content-view{padding:18px 16px 28px}.welcome-band{color:#fff;background:var(--green-dark);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:22px 18px;display:grid;overflow:hidden}.eyebrow{color:inherit;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}.welcome-band .eyebrow{color:#cce9d5}.welcome-band h1{margin:0;font-size:30px;line-height:1.08}.welcome-band p:not(.eyebrow){color:#e6f3ea;max-width:470px;margin:9px 0 0;font-size:15px;line-height:1.5}.primary-action,.secondary-action{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.primary-action{color:#fff;background:var(--green)}.welcome-band .primary-action{color:var(--ink);background:var(--yellow)}.whatsapp-action{justify-content:flex-start;width:100%}.whatsapp-action>span{flex-direction:column;flex:1;display:flex}.whatsapp-action small{margin-top:2px;font-size:12px;font-weight:600}.secondary-action{color:var(--green-dark);background:#fff;border-color:#a8c9b2}.action-grid{grid-template-columns:1fr;gap:10px;margin-top:16px;display:grid}.action-tile{border:1px solid var(--line);min-height:78px;color:var(--ink);background:var(--surface);cursor:pointer;text-align:left;border-left-width:4px;border-radius:7px;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:grid;box-shadow:0 3px 14px #162b1f0d}.action-tile:hover{border-color:#aab7af;transform:translateY(-1px)}.action-tile>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.action-tile strong{font-size:16px}.action-tile small{overflow-wrap:anywhere;color:var(--muted);margin-top:4px;font-size:13px}.action-tile>svg{color:#87928c}.tile-icon{border-radius:7px;place-items:center;width:44px;height:44px;display:grid}.specials-tile{border-left-color:var(--red)}.specials-tile .tile-icon{color:var(--red);background:var(--red-soft)}.faq-tile{border-left-color:#2174ae}.faq-tile .tile-icon{color:#185f90;background:#e9f4fb}.branch-tile{border-left-color:var(--yellow)}.branch-tile .tile-icon{color:#735500;background:var(--yellow-soft)}.human-tile{border-left-color:var(--green)}.human-tile .tile-icon{color:var(--green-dark);background:var(--green-soft)}.section-block{margin-top:28px}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.section-heading .eyebrow{color:var(--green-dark)}.section-heading h2{margin:0;font-size:22px}.text-command{color:var(--green-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:7px 0;font-weight:800;display:inline-flex}.feature-strip{background:var(--yellow-soft);border:1px solid #e0cd61;border-radius:7px;grid-template-columns:52px minmax(0,1fr) 42px;align-items:center;gap:13px;padding:14px;display:grid}.feature-mark{color:#fff;background:var(--red);border-radius:6px;place-items:center;width:48px;height:48px;display:grid}.feature-strip strong{font-size:16px;display:block}.feature-strip p{color:#5a542f;margin:5px 0 0;font-size:13px;line-height:1.45}.icon-command{color:#594b00;cursor:pointer;background:#fff;border:1px solid #d6c34e;border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.trust-band{border:1px solid var(--line);background:var(--line);border-radius:7px;grid-template-columns:1fr;gap:1px;margin-top:26px;display:grid;overflow:hidden}.trust-band>div{background:#fff;align-items:center;gap:11px;min-height:74px;padding:13px;display:flex}.trust-band svg{color:var(--green);flex:none}.trust-band span{flex-direction:column;display:flex}.trust-band strong{font-size:14px}.trust-band small{color:var(--muted);margin-top:3px;font-size:12px}.page-heading{align-items:center;gap:13px;margin:4px 0 22px;display:flex}.page-heading>span{color:#fff;background:var(--green);border-radius:7px;flex:none;place-items:center;width:48px;height:48px;display:grid}.page-heading h1{margin:0;font-size:26px}.page-heading p{color:var(--muted);margin:4px 0 0;font-size:14px}.field-label{margin:0 0 7px;font-size:13px;font-weight:800;display:block}.select-control,.search-control{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #b7c1bb;border-radius:6px}.select-control{padding:0 12px}.search-control{grid-template-columns:24px minmax(0,1fr) 36px;align-items:center;gap:7px;margin-bottom:16px;padding:0 7px 0 13px;display:grid}.search-control>svg{color:#77827c}.search-control input{width:100%;min-width:0;height:46px;color:var(--ink);background:0 0;border:0;outline:0}.search-control button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.specials-grid{gap:14px;margin-top:16px;display:grid}.special-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #162b1f0f}.special-visual{background:var(--green-soft);border-bottom:1px solid #c4ddcb;place-items:center;min-height:170px;display:grid;position:relative}.special-visual:before,.special-visual:after{content:"";position:absolute}.special-visual:before{border:2px solid #198a4529;inset:20px}.special-visual:after{background:var(--yellow);width:84px;height:12px;bottom:0;right:0}.special-visual img{object-fit:contain;width:180px;max-height:110px}.special-visual>span{color:#fff;background:var(--red);border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px}.special-body{padding:16px}.special-meta{color:var(--green-dark);text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.special-body h2{margin:8px 0 7px;font-size:20px}.special-body p{color:var(--muted);margin:0 0 16px;line-height:1.5}.special-body .secondary-action{width:100%}.branch-list,.faq-list{gap:10px;display:grid}.branch-card{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.branch-main{width:100%;min-height:84px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:0;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:12px;display:grid}.branch-main>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.branch-main strong{font-size:15px}.branch-main small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.branch-main>svg{color:#8c9690}.branch-symbol{width:42px;height:42px;color:var(--green-dark);background:var(--green-soft);border-radius:6px;place-items:center;display:grid}.branch-actions{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.branch-actions a{min-height:43px;color:var(--green-dark);border-right:1px solid var(--line);justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.branch-actions a:last-child{border-right:0}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.faq-list summary{cursor:pointer;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:64px;padding:12px 14px;font-weight:800;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:#7c8781;transition:transform .15s}.faq-list details[open] summary svg{transform:rotate(90deg)}.faq-list details>div{color:var(--muted);padding:0 14px 15px;line-height:1.55}.faq-list details p{margin:10px 0 0}.category-label{color:#12567c;background:#e7f3fa;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:800;display:inline-block}.empty-state{text-align:center;background:#fff;border:1px dashed #aeb9b2;border-radius:7px;padding:28px 20px}.empty-state>svg{color:var(--green)}.empty-state h2{margin:10px 0 5px;font-size:18px}.empty-state p{color:var(--muted);margin:0 0 16px}.bottom-nav{z-index:30;padding:6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 18px #162b1f12}.bottom-nav button{color:#66716b;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:56px;display:flex}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button span{font-size:11px;font-weight:700}.bottom-nav button.active{color:var(--green-dark);background:var(--green-soft)}.modal-backdrop{z-index:100;padding:16px max(12px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#111b158f;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.branch-modal{background:#fff;border-radius:8px;width:min(100%,540px);max-height:90vh;padding:24px 18px 18px;position:relative;overflow:auto;box-shadow:0 22px 50px #08160e47}.modal-close{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.modal-store-icon{color:#fff;background:var(--green);border-radius:7px;place-items:center;width:52px;height:52px;margin-bottom:16px;display:grid}.branch-modal .eyebrow{color:var(--green-dark)}.branch-modal h2{margin:0 46px 18px 0;font-size:23px}.detail-row{color:var(--muted);border-top:1px solid #edf0ee;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:10px 0;line-height:1.45;display:grid}.detail-row svg{color:var(--green)}.detail-row a{color:var(--green-dark);font-weight:800}.modal-actions{gap:9px;margin-top:18px;display:grid}@media (min-width:680px){.app-shell{padding-bottom:92px}.app-header{padding-left:28px;padding-right:28px}.home-view,.content-view{padding:28px 24px 42px}.welcome-band{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:center;padding:30px}.welcome-band h1{font-size:38px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-band{grid-template-columns:repeat(3,1fr)}.specials-grid,.branch-list{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{align-items:center}.bottom-nav{border:1px solid var(--line);border-radius:8px;width:min(640px,100% - 40px);bottom:12px;left:auto;right:50%;transform:translate(50%)}}@media (min-width:1024px){.app-header{border-right:1px solid var(--line);border-left:1px solid var(--line);width:min(100%,1180px);margin:0 auto;position:relative}.home-view,.content-view{padding:32px 0 52px}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.action-tile{grid-template-columns:48px minmax(0,1fr);min-height:112px}.action-tile>svg{display:none}.specials-grid,.branch-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.staff-loading{min-height:100vh;color:var(--muted);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.staff-loading img{width:180px}.staff-login-page{background:#fff;width:100%;min-height:100vh;display:grid}.staff-brand-panel{color:#fff;background:var(--green-dark);flex-direction:column;justify-content:space-between;gap:28px;min-height:310px;padding:24px;display:flex;position:relative;overflow:hidden}.staff-brand-panel:after{content:"";background:var(--yellow);width:190px;height:36px;position:absolute;bottom:24px;right:-40px;transform:rotate(-8deg)}.staff-logo-link{z-index:1;background:#fff;border-radius:6px;width:-moz-fit-content;width:fit-content;padding:8px 12px;display:inline-block;position:relative}.staff-logo-link img{object-fit:contain;width:132px;height:72px;display:block}.staff-brand-panel h1{margin:0;font-size:36px}.staff-brand-panel>div>p:last-child{color:#dcece1;max-width:490px;margin:10px 0 0;line-height:1.55}.staff-security-note{z-index:1;background:#ffffff14;border:1px solid #fff3;border-radius:7px;align-items:center;gap:12px;max-width:460px;padding:13px;display:flex;position:relative}.staff-security-note span{flex-direction:column;display:flex}.staff-security-note small{color:#dcece1;margin-top:3px}.staff-login-panel{place-items:center;min-height:500px;padding:30px 20px;display:grid}.staff-login-form{width:min(100%,420px)}.login-lock{width:48px;height:48px;color:var(--green-dark);background:var(--green-soft);border-radius:7px;place-items:center;margin-bottom:18px;display:grid}.staff-login-form h2{margin:0;font-size:28px}.staff-login-form>p{color:var(--muted);margin:7px 0 22px}.staff-login-form label{margin:14px 0 7px;font-size:13px;font-weight:800;display:block}.staff-login-form input{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #aeb8b2;border-radius:6px;padding:0 12px}.staff-login-form .primary-action{cursor:pointer;border:0;width:100%;margin-top:20px}.public-app-link{color:var(--green-dark);text-align:center;margin-top:18px;font-size:13px;font-weight:800;display:block}.form-alert{color:#831f1f;background:var(--red-soft);border:1px solid #e8a1a1;border-radius:6px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:13px;line-height:1.45;display:flex}.form-alert svg{flex:none;width:19px;height:19px}.staff-shell{background:#eef2ef;min-height:100vh;display:grid}.staff-sidebar{color:#fff;background:#17251d;width:250px;padding:18px 14px;display:none}.staff-sidebar-brand{color:#fff;align-items:center;gap:10px;padding:7px;text-decoration:none;display:flex}.staff-sidebar-brand img{object-fit:contain;background:#fff;border-radius:5px;width:62px;height:42px;padding:3px}.staff-sidebar-brand span{flex-direction:column;display:flex}.staff-sidebar-brand small{color:#aab8af;margin-top:2px}.staff-sidebar nav{gap:4px;margin-top:28px;display:grid}.staff-sidebar nav button,.staff-logout{color:#cbd6cf;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 11px;display:flex}.staff-sidebar nav button svg,.staff-logout svg{width:19px}.staff-sidebar nav button.active{color:#fff;background:var(--green)}.staff-sidebar .count{min-width:24px;color:var(--ink);background:var(--yellow);text-align:center;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:11px;font-weight:800}.staff-logout{color:#e8b0b0;margin-top:auto}.staff-main{width:min(100%,1440px);margin:0 auto;padding:18px 14px 28px}.staff-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.staff-topbar .eyebrow{color:var(--green-dark)}.staff-topbar h1{margin:0;font-size:25px}.staff-user{align-items:center;gap:9px;display:flex}.staff-user>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.staff-user>div{flex-direction:column;display:none}.staff-user small{color:var(--muted);margin-top:2px;font-size:11px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:11px;min-height:96px;padding:13px;display:flex}.metric-card>span{border-radius:6px;flex:none;place-items:center;width:38px;height:38px;display:grid}.metric-card>div{flex-direction:column;min-width:0;display:flex}.metric-card small{overflow-wrap:anywhere;color:var(--muted);font-size:11px;font-weight:700}.metric-card strong{margin-top:3px;font-size:24px}.metric-card.red>span{color:var(--red);background:var(--red-soft)}.metric-card.yellow>span{color:#735500;background:var(--yellow-soft)}.metric-card.green>span{color:var(--green-dark);background:var(--green-soft)}.metric-card.blue>span{color:#185f90;background:#e9f4fb}.staff-workspace{gap:14px;margin-top:16px;display:grid}.queue-panel,.health-panel{border:1px solid var(--line);background:#fff;border-radius:7px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:14px;display:flex}.panel-heading h2{margin:0;font-size:17px}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.panel-heading button{min-height:36px;color:var(--green-dark);cursor:pointer;background:#fff;border:1px solid #a9c7b2;border-radius:5px;padding:0 11px;font-weight:800}.queue-empty{color:var(--muted);text-align:center;padding:40px 20px}.queue-empty>svg{color:var(--green)}.queue-empty h3{color:var(--ink);margin:10px 0 5px}.queue-empty p{margin:0;font-size:13px}.health-panel ul{margin:0;padding:4px 14px 10px;list-style:none}.health-panel li{border-bottom:1px solid #edf0ee;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;display:grid}.health-panel li:last-child{border-bottom:0}.health-panel li>div{flex-direction:column;display:flex}.health-panel li small{color:var(--muted);margin-top:3px;font-size:11px}.health-dot{border-radius:50%;width:9px;height:9px}.health-dot.pending{background:#d59b17}.health-dot.good{background:var(--green)}@media (min-width:760px){.staff-login-page{grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr)}.staff-brand-panel{justify-content:center;min-height:100vh;padding:46px}.staff-logo-link{position:absolute;top:36px;left:46px}.staff-security-note{margin-top:26px}.staff-user>div{display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-workspace{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr)}}@media (min-width:980px){.staff-shell{grid-template-columns:250px minmax(0,1fr)}.staff-sidebar{flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.staff-main{padding:28px}}.staff-demo-shell,.staff-demo-main{min-width:0}button.staff-sidebar-brand{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.staff-sidebar-meta{color:#f3f7f4;border-top:1px solid #304138;align-items:center;gap:9px;margin-top:auto;padding:13px 10px;display:flex}.staff-sidebar-meta>span:last-child{flex-direction:column;min-width:0;display:flex}.staff-sidebar-meta small{color:#aab8af;margin-top:2px;font-size:10px}.demo-live-dot{background:var(--yellow);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #ffd51f21}.staff-topbar-actions,.conversation-header-actions{align-items:center;gap:10px;display:flex}.icon-command{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-command:hover{background:#f7faf8;border-color:#a8b9ae}.icon-command:disabled{color:#9da6a0;cursor:not-allowed;background:#edf0ee}.icon-command svg,.panel-heading button svg,.primary-action svg,.secondary-action svg{width:17px;height:17px}.staff-mobile-nav{scrollbar-width:none;margin:-4px 0 16px;overflow-x:auto}.staff-mobile-nav::-webkit-scrollbar{display:none}.staff-mobile-nav nav{gap:4px;width:max-content;min-width:100%;padding-bottom:2px;display:flex}.staff-mobile-nav button{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:7px;padding:0 11px;display:flex}.staff-mobile-nav button svg{width:17px;height:17px}.staff-mobile-nav button.active{border-color:var(--green);color:#fff;background:var(--green)}.staff-mobile-nav .count{min-width:19px;height:19px;color:var(--ink);background:var(--yellow);border-radius:999px;place-items:center;padding:0 5px;font-size:10px;font-weight:800;display:grid}.panel-heading button,.primary-action,.secondary-action{justify-content:center;align-items:center;gap:7px;display:inline-flex}.priority-list{display:grid}.priority-row{min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ee;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;display:grid}.priority-row:last-child{border-bottom:0}.priority-row:hover{background:#f7faf8}.priority-row>svg{width:18px;color:var(--muted);display:none}.priority-customer,.conversation-row-copy{flex-direction:column;min-width:0;display:flex}.conversation-row-copy>span:first-child{justify-content:space-between;align-items:baseline;gap:7px;min-width:0;display:flex}.conversation-row-copy>span:first-child small{color:var(--muted);flex:none;font-size:10px}.priority-customer small,.conversation-preview{color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.priority-branch{color:var(--muted);font-size:12px;font-weight:700;display:none}.priority-time{color:var(--muted);grid-column:2;font-size:11px}.customer-avatar{color:#fff;background:#2876a9;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.status-pill,.demo-label,.publish-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;min-height:25px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.status-pill.unassigned{color:#8a2020;background:var(--red-soft)}.status-pill.needs-human{color:#6f5300;background:var(--yellow-soft)}.status-pill.open,.publish-status.published{color:var(--green-dark);background:var(--green-soft)}.status-pill.resolved{color:#52605a;background:#edf0ee}.inbox-workspace{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:650px;display:grid;overflow:hidden}.conversation-list-panel{border-bottom:1px solid var(--line);background:#fbfcfb;min-width:0}.inbox-filters{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 132px;gap:8px;padding:12px;display:grid}.staff-search{min-width:0;position:relative}.staff-search svg{width:17px;color:var(--muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.staff-search input,.inbox-filters select,.assignment-strip select,.reply-composer input{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #c9d3cc;border-radius:5px}.staff-search input{padding:0 10px 0 36px}.inbox-filters select,.assignment-strip select{padding:0 10px}.conversation-list{max-height:360px;display:grid;overflow-y:auto}.conversation-row{min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #e7ece8;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 12px;display:grid}.conversation-row:hover,.conversation-row.active{background:#edf6f0}.conversation-row.active{box-shadow:inset 3px 0 0 var(--green)}.conversation-meta{color:var(--muted);flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;font-size:10px;display:flex}.conversation-unread{color:#fff;background:var(--green);border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:10px;font-weight:800;display:grid}.conversation-empty{color:var(--muted);text-align:center;padding:42px 20px}.conversation-detail-panel{background:#f4f7f4;flex-direction:column;min-width:0;min-height:560px;display:flex}.conversation-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:75px;padding:12px 14px;display:flex}.conversation-person,.team-person{align-items:center;gap:10px;min-width:0;display:flex}.conversation-person>span:last-child,.team-person>span:last-child{flex-direction:column;min-width:0;display:flex}.conversation-person small,.team-person small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.secondary-action.compact,.primary-action.compact{border-radius:5px;min-height:36px;padding:0 10px;font-size:12px;font-weight:800}.secondary-action.compact{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #b8c5bd}.assignment-strip{border-bottom:1px solid var(--line);background:var(--yellow-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.assignment-strip>span{align-items:center;gap:9px;min-width:0;display:flex}.assignment-strip>span svg{color:#856300;flex:none;width:18px}.assignment-strip>span>span{flex-direction:column;min-width:0;display:flex}.assignment-strip small{color:#796823;margin-top:2px;font-size:10px}.assignment-strip select{width:min(210px,48%);min-height:38px;font-size:12px;font-weight:700}.assignment-strip>label{align-items:center;gap:7px;width:210px;min-width:150px;display:flex}.assignment-strip>label svg{flex:none;width:18px}.assignment-strip>label select{flex:1;width:auto;min-width:0}.manager-presence{align-items:center;gap:4px;display:inline-flex}.manager-presence i,.availability i{background:var(--green);border-radius:50%;width:7px;height:7px}.message-thread{flex:1;min-height:300px;padding:16px 14px;overflow-y:auto}.thread-date{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.thread-date span{color:var(--muted);background:#e5ebe7;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800}.message-row{margin:8px 0;display:flex}.message-row.staff{justify-content:flex-end}.message-row.system{justify-content:center}.message-bubble{background:#fff;border:1px solid #d4ddd7;border-radius:7px;width:-moz-fit-content;width:fit-content;max-width:min(76%,560px);padding:9px 11px;box-shadow:0 2px 5px #162b1f0a}.message-row.staff .message-bubble{background:#daf0df;border-color:#b9d9c2}.message-row.system .message-bubble{color:#617069;max-width:88%;box-shadow:none;text-align:center;background:#e5ebe7;border:0}.message-bubble strong{font-size:10px;display:block}.message-bubble p{margin:4px 0 3px;font-size:13px;line-height:1.45}.message-bubble small{color:var(--muted);text-align:right;font-size:9px;display:block}.reply-composer{border-top:1px solid var(--line);background:#fff;grid-template-columns:minmax(0,1fr) 38px;gap:8px;padding:12px 14px;display:grid}.reply-composer input{padding:0 12px}.team-panel,.specials-admin-panel,.response-chart{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.demo-label{color:#5e4d00;background:var(--yellow-soft)}.team-table{min-width:720px}.team-panel{overflow-x:auto}.team-table-header,.team-table-row{border-bottom:1px solid #e8ece9;grid-template-columns:minmax(250px,1.5fr) minmax(120px,.7fr) minmax(120px,.7fr) 90px 110px;align-items:center;gap:12px;min-height:70px;padding:10px 14px;font-size:12px;display:grid}.team-table-header{min-height:40px;color:var(--muted);text-transform:uppercase;background:#f7f9f7;font-size:10px;font-weight:800}.team-table-row:last-child{border-bottom:0}.availability{align-items:center;gap:6px;display:inline-flex}.availability.busy i{background:#d59b17}.availability.offline i{background:#9aa59f}.specials-admin-list{display:grid}.special-demo-form{background:var(--yellow-soft);border-bottom:1px solid #ead77a;grid-template-columns:minmax(180px,1.5fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.special-demo-form label{color:#554b1f;gap:6px;font-size:10px;font-weight:800;display:grid}.special-demo-form input,.special-demo-form select{width:100%;min-width:0;min-height:38px;color:var(--ink);background:#fff;border:1px solid #c9b95e;border-radius:5px;padding:0 10px}.special-demo-notice{color:var(--green-dark);background:var(--green-soft);border-bottom:1px solid #b9d9c2;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:700;display:flex}.special-demo-notice svg{flex:none;width:18px}.specials-admin-list article{border-bottom:1px solid #e8ece9;grid-template-columns:38px minmax(0,1fr) auto auto 38px;align-items:center;gap:12px;min-height:72px;padding:10px 14px;display:grid}.specials-admin-list article:last-child{border-bottom:0}.specials-admin-list article>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.specials-admin-list article small{color:var(--muted);margin-top:3px;font-size:11px}.special-admin-icon{color:#8a2020;background:var(--red-soft);border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.special-admin-icon svg{width:19px}.publish-status{color:#665f62;background:#edf0ee}.reports-layout{gap:14px;display:grid}.report-summary-band{border:1px solid var(--line);background:var(--line);border-radius:7px;gap:1px;display:grid;overflow:hidden}.report-summary-band>div{background:#fff;align-items:center;gap:12px;min-height:104px;padding:16px;display:flex}.report-summary-band svg{width:26px;color:var(--green)}.report-summary-band span{flex-direction:column;display:flex}.report-summary-band small{color:var(--muted);font-size:11px;font-weight:700}.report-summary-band strong{margin:4px 0 2px;font-size:23px}.report-summary-band em{color:var(--green-dark);font-size:10px;font-style:normal;font-weight:800}.report-bars{gap:18px;padding:20px 14px 24px;display:grid}.report-bars>div{grid-template-columns:120px minmax(100px,1fr) 42px;align-items:center;gap:12px;font-size:12px;display:grid}.report-track{background:#e7ece8;border-radius:999px;height:11px;display:block;overflow:hidden}.report-track i{border-radius:inherit;background:var(--green);height:100%;display:block}@media (min-width:660px){.priority-row{grid-template-columns:38px minmax(0,1fr) 100px auto 45px 18px}.priority-row>svg,.priority-branch{display:block}.priority-time{grid-column:auto}.report-summary-band{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:920px){.inbox-workspace{grid-template-columns:minmax(290px,.68fr) minmax(460px,1.32fr)}.conversation-list-panel{border-right:1px solid var(--line);border-bottom:0}.conversation-list{max-height:690px}.conversation-detail-panel{min-height:650px}}@media (min-width:980px){.staff-mobile-nav{display:none}}@media (max-width:659px){.staff-topbar{align-items:flex-start}.staff-topbar h1{font-size:21px}.staff-reset-demo{width:36px;height:36px}.inbox-filters{grid-template-columns:minmax(0,1fr)}.conversation-header{flex-direction:column;align-items:flex-start}.conversation-header-actions{justify-content:space-between;width:100%}.assignment-strip{flex-direction:column;align-items:stretch}.assignment-strip select,.assignment-strip>label{width:100%}.specials-admin-list article{grid-template-columns:38px minmax(0,1fr) auto}.special-demo-form{grid-template-columns:minmax(0,1fr);align-items:stretch}.specials-admin-list article>span:nth-child(3){color:var(--muted);grid-column:2;font-size:11px}.specials-admin-list article>span:nth-child(4){grid-area:1/3}.specials-admin-list article button{display:none}.report-bars>div{grid-template-columns:90px minmax(80px,1fr) 34px;gap:8px}}