/* QueueBD Experience v3 — focused, high-legibility restaurant queues. */
:root{--qx-ink:#163d2f;--qx-soft:#698274;--qx-line:#e4ebe4;--qx-cream:#f6f8f3;--qx-lime:#d9ed93;--qx-green:#174a39;--qx-shadow:0 20px 60px rgba(16,53,35,.055)}
.qx-home,.qx-join-page,.qx-ticket-page,.qx-workspace{font-family:Inter,"Hind Siliguri","Noto Sans Bengali",system-ui,-apple-system,Segoe UI,sans-serif}
.qx-home button,.qx-join-page button,.qx-ticket-page button,.qx-workspace button{transition:background .16s,border-color .16s,transform .16s}
.qx-home :is(a,button,input,select):focus-visible,.qx-join-page :is(a,button,input,select):focus-visible,.qx-ticket-page :is(a,button,input,select):focus-visible,.qx-workspace :is(a,button,input,select):focus-visible{outline:3px solid #7ba967;outline-offset:3px}
.qx-primary{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:54px;padding:14px 24px;color:white;background:#194d39;border:1px solid #194d39;border-radius:11px;font-size:14px;line-height:1.3;font-weight:800;box-shadow:0 9px 18px rgba(26,70,50,.11)}
.qx-primary:hover:not(:disabled){color:#fff;background:#2a674b;transform:translateY(-1px)}
.qx-primary span:last-child{font-size:21px;font-weight:500}
.qx-primary:disabled{opacity:.55;cursor:not-allowed}
.qx-wide{width:100%}
.qx-eyebrow{font-size:11px;font-weight:850;letter-spacing:2px;text-transform:uppercase;color:#67866d}
.qx-status-dot,.qx-status-off{width:8px;height:8px;border-radius:100%;display:inline-block;background:#7ec59a;box-shadow:0 0 0 4px rgba(125,196,146,.15);flex-shrink:0}
.qx-status-off{background:#ce916d;box-shadow:0 0 0 4px #eec7ad44}
/* Homepage */
.qx-hero{background:radial-gradient(ellipse 49% 70% at 88% 25%,#e9f3dc 0,transparent 75%),#f6f8f3;overflow:hidden;border-bottom:1px solid #e5ece3}
.qx-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:95px;min-height:685px;padding-top:75px;padding-bottom:86px}
.qx-hero-copy{max-width:625px}
.qx-pill{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;background:white;border:1px solid #dfe9dc;border-radius:100px;font-size:11px;letter-spacing:.65px;font-weight:820;color:#376047}
.qx-hero h1{font-size:clamp(47px,5.4vw,76px);font-weight:850;line-height:1.12;letter-spacing:-4px;margin:28px 0 23px;color:#173f31}
.qx-hero h1 em{font-style:normal;color:#5e9a55}
.qx-hero-copy>p{font-size:16px;line-height:1.93;color:#657d6e;max-width:540px;margin:0}
.qx-hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:36px}
.qx-ghost{display:inline-flex;gap:13px;align-items:center;justify-content:center;min-height:54px;padding:13px 22px;font-size:13px;font-weight:780;border:1px solid #d4dfd4;border-radius:11px;color:#275442;background:rgba(255,255,255,.6)}
.qx-ghost:hover{background:white}
.qx-hero-proof{display:flex;flex-wrap:wrap;gap:17px;margin-top:34px;color:#638271;font-size:12px;font-weight:720}
.qx-demo{background:#fff;box-shadow:0 28px 85px rgba(21,73,42,.12),0 2px 10px rgba(11,32,22,.04);border:1px solid #e0ebe0;border-radius:22px;padding:24px;max-width:470px;width:100%;justify-self:center;transform:rotate(1deg);position:relative}
.qx-demo:before{content:"";width:80%;height:13px;background:#bbd698;filter:blur(32px);position:absolute;bottom:12px;left:10%;z-index:-1}
.qx-demo-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eaf0e9;padding-bottom:19px}
.qx-demo-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#194b39;color:#dbec9f;font-size:23px;font-weight:900}
.qx-demo-top>div{display:grid;gap:2px}
.qx-demo-top strong{font-size:15px;color:#193b30}
.qx-demo-top small{font-size:11px;color:#839589}
.qx-tag{margin-left:auto;background:#f4f6f1;padding:7px 10px;border-radius:100px;color:#84978a;font-size:10px;font-weight:800;letter-spacing:1px}
.qx-demo-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px}
.qx-demo-heading>div{display:grid;gap:7px}
.qx-demo-heading strong{font-size:39px;line-height:1;font-weight:850;color:#234b37}
.qx-demo-heading small{font-size:13px;color:#82978a;letter-spacing:0;font-weight:650}
.qx-live{display:inline-flex;align-items:center;gap:9px;background:#ecf7e9;border-radius:90px;color:#39805c;padding:9px 12px;font-size:11px;font-weight:850}
.qx-live i{width:7px;height:7px;border-radius:50%;background:#56b477}
.qx-demo-row{display:flex;align-items:center;gap:15px;padding:16px 12px;border-bottom:1px solid #edf1ec}
.qx-demo-feature{border:1px solid #d6ebd7;background:#f1faf0;border-radius:12px;padding:18px 12px}
.qx-demo-number{font-size:19px;color:#234a38;font-weight:850;letter-spacing:.1px;min-width:68px}
.qx-demo-row>div{display:grid;gap:4px}
.qx-demo-row b{font-size:13px;color:#253f33}
.qx-demo-row small{color:#8b9d8d;font-size:11px}
.qx-demo-calling{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:800;color:#38835b;border-radius:90px;background:#deefdc;padding:8px}
.qx-demo-time{font-size:11px;color:#749080;margin-left:auto}
.qx-demo-footer{display:flex;justify-content:space-between;gap:12px;color:#8a9b90;font-size:10px;padding:20px 0 0}
.qx-how{padding:105px 0;background:#fff}
.qx-section-head{max-width:660px;margin:0 0 42px}
.qx-section-head h2,.qx-final-banner h2{font-size:clamp(32px,3.7vw,49px);line-height:1.19;letter-spacing:-2px;color:#173e30;margin:15px 0 15px;font-weight:850}
.qx-section-head p{font-size:15px;color:#738477;line-height:1.8}
.qx-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.qx-step{padding:31px;border:1px solid #e5ece5;background:#fbfcf9;border-radius:16px;position:relative}
.qx-step>span{position:absolute;right:29px;top:29px;font-size:13px;color:#a1b3a2;font-weight:800;letter-spacing:1px}
.qx-step-icon{display:grid;place-items:center;width:54px;height:54px;background:#ebf3df;color:#235442;font-size:29px;font-weight:700;border-radius:13px;margin-bottom:27px}
.qx-step h3{font-size:18px;color:#244636;margin:0 0 12px;letter-spacing:-.4px}
.qx-step p{font-size:13px;color:#7b8e81;line-height:1.85;margin:0}
.qx-final-banner{padding:66px 0 77px;background:#edf3e7}
.qx-final-banner>.container{display:flex;align-items:center;justify-content:space-between;gap:28px}
.qx-final-banner h2{font-size:clamp(28px,3vw,39px);max-width:730px;margin:10px 0}
/* Guest join */
.qx-join-page{background:radial-gradient(circle at 20% 23%,#e8f2e4,transparent 43%),#f7f9f5;min-height:75vh;padding:35px 0 85px}
.qx-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#87998e;margin-bottom:34px}
.qx-breadcrumb a{font-weight:800;color:#28553f}
.qx-join-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);gap:74px;max-width:1100px;align-items:start;margin:auto}
.qx-join-intro{padding:43px 0 0}
.qx-join-intro h1{font-size:clamp(36px,4.1vw,60px);line-height:1.18;color:#153d2e;font-weight:850;letter-spacing:-2.4px;margin:17px 0}
.qx-location{font-size:13px;color:#738c7a;margin:0 0 22px}
.qx-queue-open{display:inline-flex;align-items:center;gap:10px;border-radius:100px;background:#eaf5e7;color:#337750;font-size:12px;font-weight:800;padding:11px 14px}
.qx-intro-copy{font-size:15px;line-height:1.9;color:#647d6c;margin:27px 0 29px;max-width:475px}
.qx-wait-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:34px;max-width:465px}
.qx-wait-stats>div{border:1px solid #e3ebe0;background:rgba(255,255,255,.78);padding:23px;border-radius:15px;display:flex;flex-direction:column;gap:6px}
.qx-wait-stats span{font-size:10px;font-weight:830;letter-spacing:1px;color:#708b79}
.qx-wait-stats strong{font-size:36px;line-height:1.1;color:#173e2d;letter-spacing:-1.3px}
.qx-wait-stats small{font-size:11px;color:#7c9381}
.qx-estimate-note{font-size:11px;color:#829585;line-height:1.8;margin:13px 0}
.qx-join-panel{background:#fff;border-radius:20px;padding:37px 35px 33px;border:1px solid #e3eae3;box-shadow:var(--qx-shadow)}
.qx-form-header{margin-bottom:29px}
.qx-step-label{color:#619073;background:#f0f6ed;padding:7px 11px;border-radius:100px;font-size:10px;font-weight:850;letter-spacing:1px}
.qx-form-header h2{font-size:30px;color:#1c4232;font-weight:850;letter-spacing:-1px;margin:19px 0 9px}
.qx-form-header p{font-size:12px;line-height:1.75;color:#8b9d8e;margin:0}
.qx-join-form{display:grid;gap:0}
.qx-join-form>label:not(.qx-consent){display:block;font-size:12px;color:#385a47;font-weight:770;margin-bottom:9px}
.qx-join-form>label:not(.qx-consent)>span{color:#bd715d}
.qx-join-form>input,.qx-join-form>select{min-height:56px;padding:14px 16px;background:#fff;font-size:14px;color:#1b4330;border-radius:11px;border:1px solid #d8e4d8;box-shadow:none;outline:none}
.qx-join-form>input:focus,.qx-join-form>select:focus{border-color:#327b55;box-shadow:0 0 0 3px #baddc155}
.qx-input-hint{font-size:11px;color:#8b9b8e;margin:8px 0 23px;line-height:1.6}
.qx-join-form>select{margin-bottom:24px}
.qx-consent{display:flex;align-items:flex-start;gap:10px;font-weight:480;line-height:1.7;font-size:11px;color:#799080;margin-bottom:23px}
.qx-consent input{margin-top:2px;min-height:18px;width:18px;flex:none}
.qx-consent a{font-weight:800;color:#285c42;text-decoration:underline}
.qx-join-submit{width:100%;justify-content:space-between;border:0;min-height:57px}
.qx-form-foot{text-align:center;font-size:11px;color:#8aa089;margin:17px 0 0}
.qx-existing{display:flex;align-items:center;gap:12px;background:#f0f7eb;border-radius:12px;border:1px solid #e0ebd6;padding:13px;margin-bottom:23px;font-size:12px;color:#47694e}
.qx-existing>span{font-size:19px;font-weight:800}.qx-existing a{font-weight:800;text-decoration:underline;color:#276149}
.qx-closed{padding:18px;background:#fff8ee;border:1px solid #f3e5c8;border-radius:12px;color:#7c633c;font-size:13px}
.qx-closed p{line-height:1.7}
/* Digital ticket */
.qx-ticket-page{padding:42px 0 92px;background:radial-gradient(circle at 50% 24%,#e9f2e6,transparent 55%),#f7f9f5;min-height:75vh}
.qx-ticket-shell{width:100%;max-width:620px;margin:auto}
.qx-ticket-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;font-size:12px;color:#899a8e}
.qx-ticket-header a{color:#2a6045;font-weight:750}
.qx-ticket-header>span{font-size:10px;letter-spacing:1.6px;font-weight:820}
.qx-ticket-panel{background:white;border:1px solid #e0e9df;border-radius:22px;padding:32px;box-shadow:0 22px 75px rgba(16,56,37,.08)}
.qx-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.qx-ticket-live{display:inline-flex;align-items:center;gap:11px;background:#f0f6ed;color:#63816d;padding:9px 13px;border-radius:100px;font-size:11px;font-weight:750}
.qx-ticket-panel h1{font-size:25px;line-height:1.3;color:#1e4934;margin:14px 0 23px;letter-spacing:-.7px}
.qx-ticket-hero{background:#194834;min-height:245px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;padding:25px}
.qx-ticket-hero>span{font-size:11px;font-weight:800;letter-spacing:2px;color:#bed5c6}
.qx-ticket-hero>strong{font-size:clamp(72px,10vw,100px);line-height:1.25;letter-spacing:-3px;font-weight:850;color:white}
.qx-ticket-hero-status{font-size:12px;padding:9px 14px;background:#cfe898;color:#204c32;border-radius:100px;font-weight:800}
.qx-ticket-called{background:#1f674a}
.qx-ticket-metrics{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:19px}
.qx-ticket-metrics>div{display:grid;place-items:center;border:1px solid #e8eee7;background:#fcfdfa;border-radius:13px;padding:21px 12px;gap:4px}
.qx-ticket-metrics strong{font-size:36px;color:#224b38;line-height:1.2}
.qx-ticket-metrics span{font-size:11px;text-align:center;color:#819688}
.qx-callout{display:flex;gap:14px;padding:19px;border:1px solid #d9eccc;background:#eff9e7;border-radius:13px;margin-top:18px}
.qx-callout>span{font-size:18px;color:#3c7b4b}
.qx-callout strong{font-size:14px;color:#255c39}
.qx-callout p{font-size:12px;line-height:1.6;margin:7px 0 0;color:#61836a}
.qx-completed{background:#f3f6f1;border-color:#e7eee6}
.qx-ticket-note{border-bottom:1px solid #ebf0eb;margin-top:20px;padding:16px 0 22px;font-size:12px;color:#738878;line-height:1.65;display:flex;align-items:flex-start;gap:10px}
.qx-ticket-note>span{color:#498e68;font-weight:900}
.qx-ticket-toolbar{display:flex;justify-content:space-between;gap:16px;padding-top:20px}
.qx-soft-action,.qx-leave{min-height:42px;background:#f3f7f1;border:1px solid #e5ece2;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800;color:#40694f}
.qx-leave{background:#fff7f5;border-color:#f5ded8;color:#b54d47}
.qx-ticket-disclaimer{text-align:center;margin-top:20px}
/* Staff & SaaS */
.qx-workspace{min-height:76vh;background:#f6f8f5;padding:38px 0 92px}
.qx-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}
.qx-workspace-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:850;color:#75917a;display:flex;align-items:center;gap:10px}
.qx-workspace-eyebrow .qx-online{color:#428f60}
.qx-workspace-eyebrow .qx-sync{color:#bd8a52}
.qx-separator{color:#afc0b1}
.qx-workspace-header h1{font-size:clamp(30px,3.2vw,44px);line-height:1.2;font-weight:850;letter-spacing:-1.7px;color:#173d2f;margin:12px 0 4px}
.qx-workspace-header p{font-size:13px;color:#839587;margin:0}
.qx-workspace-utilities{display:flex;flex-wrap:wrap;gap:8px}
.qx-link-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;background:#fff;border:1px solid #e0e8e0;border-radius:9px;padding:9px 14px;color:#365841;font-size:12px;font-weight:760}
.qx-link-action:hover{background:#f0f7ec}
.qx-tabbar{display:flex;gap:8px;border-bottom:1px solid #e2e9e1;margin-bottom:22px;overflow-x:auto}
.qx-tabbar button{background:transparent;border:0;border-bottom:3px solid transparent;color:#7c9182;padding:14px 18px;font-weight:790;font-size:13px;white-space:nowrap}
.qx-tabbar button.active{color:#245b3f;border-bottom-color:#398659}
.qx-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}
.qx-kpi{border:1px solid #e5ebe3;background:white;padding:24px 24px 21px;border-radius:14px;box-shadow:0 7px 20px rgba(23,66,41,.023);display:flex;flex-direction:column;gap:5px;min-width:0}
.qx-kpi>span{font-size:10px;font-weight:820;letter-spacing:1px;color:#799182}
.qx-kpi strong{font-size:36px;letter-spacing:-1px;color:#214d38;font-weight:850;line-height:1.35}
.qx-kpi small{font-size:11px;color:#92a297}
.qx-kpi-status strong{font-size:26px}
.qx-control-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.72fr);gap:20px;align-items:start}
.qx-board-stack{display:grid;gap:19px;min-width:0}
.qx-board{background:white;border:1px solid #e2e9e1;border-radius:15px;padding:25px;box-shadow:0 9px 26px rgba(20,61,36,.027);min-width:0}
.qx-board-eyebrow{font-size:10px;color:#6d8c76;font-weight:850;letter-spacing:1.4px;margin-bottom:8px}
.qx-board-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.qx-board-header h2,.qx-side-panel h2,.qx-side-panel h3{font-size:19px;font-weight:820;color:#204734;letter-spacing:-.5px;margin:4px 0}
.qx-board-header h2 span{color:#99ad9f;font-weight:760}
.qx-action-banner{background:#194a38;border-radius:15px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;min-height:136px;position:relative;overflow:hidden}
.qx-action-banner:before{content:"";height:175px;width:175px;border-radius:100%;background:#42795330;position:absolute;right:95px;top:-93px}
.qx-action-banner>div{display:flex;flex-direction:column;gap:7px;position:relative}
.qx-action-banner>div span{font-size:10px;letter-spacing:1.4px;font-weight:820;color:#bcd6bd}
.qx-action-banner strong{font-size:25px;letter-spacing:-.5px}
.qx-action-banner small{color:#bed6c7;font-size:12px}
.qx-call-next{background:#d7ea95;color:#20482f;border:0;border-radius:9px;min-height:51px;padding:13px 18px;font-size:13px;font-weight:850;position:relative;white-space:nowrap}
.qx-call-next:disabled{background:#9baa87;color:#49634e;cursor:not-allowed}
.qx-call-next span{margin-left:10px;font-size:18px}
.qx-called-board{border-color:#cfe8d5;background:#fafff9}
.qx-calling-indicator{color:#44875b;background:#e7f6e9;border-radius:100px;padding:9px 12px;font-size:11px;font-weight:750}
.qx-board-tools{margin:-4px 0 18px}
.qx-search-label{display:flex;gap:10px;align-items:center;padding:0 14px;border:1px solid #e0e8e1;border-radius:10px;background:#fbfcfa;max-width:345px;color:#85a18f;font-size:22px}
.qx-search-label input{border:0;background:transparent;min-height:44px;padding:10px 0;box-shadow:none;color:#2d503a;font-size:12px}
.qx-search-label input:focus{box-shadow:none}
.qx-party-list{display:grid;gap:10px}
.qx-party-row{display:grid;grid-template-columns:77px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 16px;background:#fff;border:1px solid #e6ede6;border-radius:12px}
.qx-party-row[hidden]{display:none}
.qx-party-code{font-size:22px;font-weight:850;letter-spacing:-.8px;color:#1b4c33;line-height:1.25}
.qx-party-person{display:flex;flex-direction:column;gap:6px;min-width:0}
.qx-party-person strong{font-size:15px;color:#244937;overflow-wrap:anywhere}
.qx-party-person span{font-size:11px;color:#91a297}
.qx-party-person span i{margin:0 6px;font-style:normal}
.qx-party-state{justify-self:end}
.qx-party-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:13px;margin-top:0;border-top:1px solid #eef2ee}
.qx-action{min-height:39px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;border:1px solid #e0e9df;background:#fff;font-weight:780;font-size:12px;color:#496b53;white-space:nowrap}
.qx-action:hover{background:#f1f7ee}
.qx-action-main{background:#1a4b38;color:white;border-color:#1a4b38}
.qx-action-main:hover{background:#2b694b;color:white}
.qx-action-danger{border-color:#f1d6d1;color:#b4564b;background:#fff9f7}
.qx-action-danger:hover{background:#fff0ed}
.qx-empty-queue{text-align:center;padding:35px 20px;background:#f9fbf8;border:1px dashed #dbe8dd;border-radius:12px}
.qx-empty-queue>span{display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;width:40px;height:40px;background:#e5f2de;color:#2a7850;font-size:20px}
.qx-empty-queue strong{font-size:14px;color:#486b53}
.qx-empty-queue p{font-size:12px;color:#92a394;margin:8px 0 0}
.qx-no-search{font-size:12px;color:#6c8674}
.qx-side-panel>h3,.qx-side-panel>h2{margin:7px 0 10px}
.qx-side-panel>p{font-size:12px;color:#84998b;line-height:1.75;margin:0 0 20px}
.qx-side-form{display:grid;gap:15px;margin-top:20px}
.qx-side-form label{display:grid;gap:8px;font-size:12px;font-weight:750;color:#42604b}
.qx-side-form input,.qx-side-form select{min-height:50px;font-size:13px;border-radius:9px;border:1px solid #dee8dd}
.qx-qr-frame{text-align:center;border-radius:14px;border:1px solid #e5ece1;background:#f8fbf6;padding:22px;margin-top:20px}
.qx-qr-frame img{display:block;margin:0 auto 12px;width:195px;max-width:100%;padding:13px;background:white;border-radius:10px;border:1px solid #e7ebe5}
.qx-qr-frame span{font-size:13px;font-weight:800;color:#24503b}
.qx-side-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:16px}
.qx-history-board .data-table{font-size:12px}
.qx-history-board .data-table th{white-space:nowrap}
.qx-history-board .data-table td{padding:13px 12px}
.qx-table-sub{display:block;font-size:10px;color:#8da092;padding-top:3px}
.qx-settings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:20px;align-items:start}
.qx-field-separator{padding:17px 0 0;border-top:1px solid #e7ede7;font-weight:830;font-size:10px;letter-spacing:1.5px;color:#8fa596}
.qx-switch{display:flex!important;flex-direction:row;align-items:center;gap:12px;font-size:12px}
.qx-switch input{width:19px;min-height:19px}
.qx-admin-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(315px,.79fr);gap:20px;align-items:start}
.qx-admin-grid .qx-board{padding:24px}
.qx-admin-table td{vertical-align:middle}
.qx-admin-table td:last-child{white-space:nowrap}
.qx-admin-table th{font-size:10px}
.qx-tenant-name{display:flex;align-items:center;gap:12px;min-width:155px}
.qx-tenant-name>div:last-child{display:flex;flex-direction:column;gap:4px}
.qx-tenant-name strong{font-size:12px;color:#2b4f3b}
.qx-tenant-name span{font-size:11px;color:#96a59b}
.qx-tenant-avatar{width:34px;height:34px;flex:none;display:grid;place-items:center;background:#eaf2e2;border-radius:9px;color:#4c7854;font-weight:850}
.qx-tenant-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:7px 10px;border-radius:100px;font-weight:800}
.qx-tenant-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}
.qx-enabled{background:#e7f5e6;color:#3d8856}
.qx-disabled{background:#faebeb;color:#ac5a50}
.qx-tenant-link{color:#387355;font-size:11px;font-weight:800;white-space:nowrap}
.qx-board-count{font-size:11px;background:#edf4e9;color:#568164;padding:9px 12px;border-radius:90px;font-weight:800}
/* Responsive */
@media(max-width:1050px){.qx-hero-grid{gap:46px}.qx-control-grid,.qx-admin-grid{grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr)}.qx-party-row{gap:10px}.qx-party-code{font-size:19px}}
@media(max-width:880px){.qx-hero-grid{gap:30px}.qx-hero h1{font-size:51px}.qx-demo{transform:none}.qx-join-grid{grid-template-columns:1fr;gap:25px;max-width:660px}.qx-join-intro{padding-top:5px}.qx-join-intro h1{font-size:45px}.qx-control-grid,.qx-admin-grid{grid-template-columns:1fr}.qx-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qx-settings-layout{grid-template-columns:1fr 1fr}}
@media(max-width:660px){.qx-hero-grid{grid-template-columns:1fr;padding-top:54px;padding-bottom:68px;gap:45px}.qx-hero h1{font-size:clamp(43px,11vw,60px);letter-spacing:-2.5px;margin:21px 0}.qx-hero-copy>p{font-size:14px}.qx-hero-proof{gap:10px}.qx-demo{max-width:430px}.qx-step-grid{grid-template-columns:1fr}.qx-how{padding:62px 0}.qx-section-head h2{letter-spacing:-1.2px}.qx-step{padding:24px}.qx-final-banner>.container{flex-direction:column;align-items:flex-start}.qx-final-banner{padding:48px 0}.qx-join-page{padding:21px 0 70px}.qx-breadcrumb{margin-bottom:18px}.qx-join-intro h1{font-size:39px;letter-spacing:-1.5px}.qx-join-panel{padding:27px 22px}.qx-join-grid{gap:18px}.qx-wait-stats{margin-top:19px}.qx-wait-stats>div{padding:16px}.qx-wait-stats strong{font-size:30px}.qx-form-header h2{font-size:27px}.qx-ticket-page{padding:22px 0 62px}.qx-ticket-panel{padding:23px 18px}.qx-ticket-header{flex-wrap:wrap}.qx-ticket-panel h1{font-size:23px}.qx-ticket-hero{min-height:216px}.qx-workspace{padding:25px 0 70px}.qx-workspace-header{flex-direction:column;align-items:flex-start}.qx-workspace-utilities{width:100%}.qx-link-action{flex:1}.qx-kpi-grid{gap:9px}.qx-kpi{padding:17px}.qx-kpi strong{font-size:31px}.qx-kpi>span{font-size:9px;letter-spacing:.4px}.qx-board{padding:17px}.qx-action-banner{flex-direction:column;align-items:flex-start}.qx-call-next{width:100%}.qx-settings-layout{grid-template-columns:1fr}.qx-party-row{grid-template-columns:65px 1fr auto;gap:9px;padding:14px 12px}.qx-party-code{font-size:19px}.qx-party-person strong{font-size:14px}.qx-party-state .badge{font-size:10px}.qx-party-actions{gap:6px}.qx-party-actions .qx-action{flex:1;justify-content:center;min-height:43px}.qx-admin-table{min-width:670px}}
@media(max-width:380px){.qx-ticket-toolbar{flex-wrap:wrap}.qx-ticket-toolbar>button{flex:1}.qx-party-row{grid-template-columns:64px 1fr}.qx-party-state{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.qx-home button,.qx-join-page button,.qx-ticket-page button,.qx-workspace button{transition:none}}
@media print{.qx-workspace-header,.qx-kpi-grid,.qx-tabbar,.qx-action-banner,.qx-control-grid>.qx-board-stack:first-child,.qx-side-panel:first-child,.qx-side-links{display:none!important}.qx-control-grid{display:block}.qx-qr-frame{border:0;background:white}.qx-qr-frame img{max-width:350px;width:100%}}

/* Ticket recovery stays obvious after a guest closes and reopens the browser. */
.qx-resume-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:17px 19px;border:1px solid #bed8ad;border-radius:16px;background:#fff;box-shadow:0 11px 27px rgba(16,53,35,.07)}
.qx-resume-card strong{font-size:16px;color:var(--qx-ink)}
.qx-resume-card p{margin:5px 0 0;color:var(--qx-soft);font-size:13px;line-height:1.55}
.qx-resume-card .qx-primary{flex-shrink:0;min-height:45px;padding:11px 17px;font-size:12px}
@media(max-width:660px){.qx-resume-card{flex-direction:column;align-items:stretch}.qx-resume-card .qx-primary{width:100%}}