.q-page{display:grid;gap:22px}.q-page .page-heading{margin-bottom:0}.q-sync{font-size:13px;color:#526c86}.q-sync.q-stale{padding:12px 16px;background:#fff2d9;color:#8a4b0b;border-radius:12px}.q-toolbar{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.q-toolbar h2{font-size:19px}.q-toolbar p{font-size:13px;color:#64748b}.q-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.q-actions .btn{padding:9px 13px;font-size:13px;min-height:40px}.q-actions .btn:disabled{opacity:.5;cursor:not-allowed}#q-live{display:grid;gap:22px}.q-ticket-hero{padding:32px 38px;border-radius:22px;background:linear-gradient(120deg,#113759,#245db3);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}.q-ticket-hero h2{color:inherit;font-size:22px}.q-ticket-hero p{color:#d9e7ff}.q-number{display:block;font-size:76px;line-height:1.15;letter-spacing:1px;font-weight:800;margin:12px 0}.q-called{background:linear-gradient(120deg,#0c594b,#12826f)}.q-wait{text-align:center;min-width:180px;padding:24px;border-radius:20px;background:#ffffff13;border:1px solid #ffffff35}.q-wait strong{display:block;font-size:56px;line-height:1.35}.q-wait span{display:block;font-size:14px}.q-board .q-actions{padding:0 24px 24px}.q-counters{display:flex;flex-wrap:wrap;gap:16px;padding:24px}.q-counter{flex:1;min-width:180px;text-align:center;background:#f1f6fc;border:1px solid #dce6f3;border-radius:16px;padding:22px}.q-counter strong{display:block;font-size:48px;color:#174886;line-height:1.4}.q-counter span,.q-counter small{display:block;color:#526c86}.q-chip{font-size:12px;color:#176447;background:#e7f7ee;padding:7px 12px;border-radius:30px}.q-chip.paused{background:#fff0d7;color:#8c5a17}.q-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.q-stats>div{background:#fff;border:1px solid #e0e7ef;border-radius:17px;padding:22px;display:grid;gap:10px}.q-stats span,.q-stats small{color:#64748b;font-size:12px}.q-stats strong{font-size:32px;color:#163f72}.q-stats strong small{font-weight:400;font-size:14px}.q-history{padding:0 24px 20px;display:grid;gap:5px}.q-history>div{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f6;padding:13px 0}.q-history span{color:#526c86}.q-empty,.q-intro{padding:24px;color:#64748b}.q-intro h2{font-size:20px;color:#173b68;margin-bottom:10px}.q-intro .btn{margin:10px 8px 0 0}.q-note{font-size:12px;line-height:1.8;color:#64748b}.q-row-note{display:block;color:#64748b;font-size:11px;margin-top:5px}.q-check{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:15px}.q-check input{width:20px;height:20px;accent-color:#215bc5}.q-print-card{text-align:center;padding:20px}.q-print-card h2{margin-top:12px}.q-print-card .q-number{color:#164983}.q-print-brand{font-size:13px;color:#526c86}.q-qr{width:230px;max-width:100%;margin:18px auto}.q-qr svg{display:block;width:100%;height:auto}.q-ticket-link{color:#174fa4}.q-reminder{margin:22px 32px 0;background:#edf5ff;border:1px solid #ccdef6;border-left:4px solid #2865c4;border-radius:12px;padding:16px 20px;display:grid;gap:5px;font-size:14px}.q-reminder small{font-size:11px;color:#64748b}.q-reminder a{color:#1952a2;font-weight:600}@media(max-width:700px){.q-toolbar{align-items:stretch;flex-direction:column;padding:20px}.q-ticket-hero{padding:24px;flex-direction:column;align-items:stretch}.q-ticket-hero>div:first-child{text-align:center}.q-number{font-size:64px}.q-wait{padding:16px}.q-wait strong{font-size:44px}.q-stats{grid-template-columns:1fr}.q-stats>div{padding:18px}.q-board .panel-head{gap:8px;align-items:flex-start}.q-counter{min-width:130px}.q-reminder{margin:16px 16px 0}.q-page{gap:16px}}@media print{body.q-printing{background:#fff!important}body.q-printing>#app,body.q-printing>#toast{display:none!important}body.q-printing #modal{display:block!important;position:static!important;max-height:none!important;width:100%!important;max-width:none!important;border:0!important;box-shadow:none!important;padding:0!important}body.q-printing #modal::backdrop{background:transparent}body.q-printing #modal .modal-head,body.q-printing #modal .form-actions,body.q-printing #modal button{display:none!important}body.q-printing .q-print-card{width:85mm;margin:0 auto;color:#000}body.q-printing .q-number{font-size:50pt}body.q-printing .q-qr{width:55mm}}

@media print{html:has(body.q-printing),body.q-printing{background:white!important;min-height:0!important;margin:0!important;padding:0!important}body.q-printing #modal{margin:0!important;inset:auto!important;transform:none!important;overflow:visible!important;background:white!important;border-radius:0!important}body.q-printing #modal .modal-body{padding:0!important}body.q-printing #modal::backdrop{display:none!important}}