:root{font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#122d48;background:#f2f7fb;--blue:#0878b6;--navy:#073a67;--ice:#e9f5fc;--line:#d8e7f1;--green:#11966b;--red:#c64b50;--ink:#142f49;--muted:#687e90}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--blue);text-decoration:none}.app{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.headin{max-width:1390px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:213px;max-width:55vw;max-height:75px;object-fit:contain}.brandtxt{border-right:1px solid var(--line);padding-right:12px}.brandtxt b{display:block;color:var(--navy);font-size:16px}.brandtxt small{color:var(--muted);font-size:12px}.toplinks{display:flex;gap:8px;flex-wrap:wrap}.toplinks a{padding:9px 13px;border-radius:9px;color:var(--navy);font-weight:700;font-size:13px}.toplinks a:hover,.toplinks a.active{background:var(--ice)}.container{max-width:1260px;margin:24px auto;padding:0 18px}.container.narrow{max-width:550px}.pagehead{margin:12px 0 24px}.pagehead h1{color:var(--navy);font-size:clamp(23px,3vw,34px);margin:0 0 8px}.pagehead p{color:var(--muted);margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 24px #0a466312;padding:22px}.card h2,.card h3{margin-top:0;color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid .full{grid-column:1/-1}.metric{background:linear-gradient(160deg,#f7fbff,#e9f3fa);border:1px solid var(--line);border-radius:13px;padding:18px;min-width:0}.metric small{color:var(--muted);display:block}.metric strong{font-size:30px;color:var(--navy);display:block;margin:5px 0;font-variant-numeric:tabular-nums}.metric.blue{background:linear-gradient(120deg,#075083,#087bb5);color:#fff}.metric.blue small,.metric.blue strong{color:#fff}.hero{background:linear-gradient(130deg,#06528c,#0c8bc0);color:#fff;padding:44px;border-radius:22px;position:relative;overflow:hidden}.hero h1{font-size:clamp(26px,3.5vw,45px);margin:0 0 14px}.hero p{color:#e1f6ff;line-height:1.8}.hero .sub{font-weight:700;color:#fff}.hero img{width:min(450px,85%);max-height:150px;object-fit:contain;filter:brightness(0) invert(1)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.btn{border:1px solid transparent;border-radius:11px;padding:12px 19px;font-weight:700;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:45px}.btn:hover{filter:brightness(.94)}.btn.secondary{background:#ecf6fc;color:var(--navy);border-color:#c9e1f0}.btn.outline{background:#fff;color:var(--navy);border:1px solid #bcd6e8}.btn.success{background:var(--green)}.btn.danger{background:var(--red)}.btn.warning{background:#ad7225}.btn.block{width:100%}.btn.small{padding:8px 11px;font-size:13px;min-height:34px}.muted{color:var(--muted)}.smalltext{font-size:12px}.center{text-align:center}.mt{margin-top:20px}.mb{margin-bottom:18px}.gap{height:14px}.eyebrow{font-size:12px;letter-spacing:.2px;color:var(--blue);font-weight:700}.service{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:right;padding:20px 18px;border:1px solid #b9d8e9;background:#f8fcff;border-radius:14px;color:var(--navy);font-size:17px;font-weight:700;margin-top:13px}.service:hover{background:#e9f5fd;border-color:var(--blue)}.service span:first-child{display:flex;align-items:center;gap:10px}.circle{display:inline-flex;align-items:center;justify-content:center;background:#dbf1fb;width:38px;height:38px;border-radius:50%;color:var(--blue)}.bigcode{font-family:Arial,sans-serif;direction:ltr;font-size:clamp(48px,9vw,94px);font-weight:800;letter-spacing:2px;color:var(--navy);margin:8px 0}.status{display:inline-block;border-radius:99px;font-weight:800;font-size:13px;padding:9px 13px;background:#fff2d9;color:#795510}.status.called{background:#c8f4dc;color:#086e4a}.status.in_service{background:#d8ecff;color:#115b9a}.status.completed{background:#ddf5e9;color:#086e4a}.status.no_show{background:#ffe5e2;color:#a52b31}.ticketcount{font-size:55px;font-weight:800;color:var(--navy)}.ticketcode{font-weight:800;font-family:Arial,sans-serif;direction:ltr;display:inline-block}.progress{height:9px;border-radius:9px;background:#dfeaf1;overflow:hidden}.progress i{display:block;background:var(--blue);height:100%;border-radius:9px}.bigdesk{font-size:74px;font-weight:900;color:var(--green)}label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin:0 0 7px}.field{width:100%;min-height:46px;padding:11px 12px;border-radius:10px;border:1px solid #c8dbe8;background:#fff;color:var(--ink);outline:0}.field:focus{border-color:#0c8cc6;box-shadow:0 0 0 3px #0b7fc021}.formrow{margin-bottom:16px}.formgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.formgrid .formrow{margin:0}.logohead{max-width:360px;width:90%;height:110px;object-fit:contain}.logohead.white{filter:brightness(0) invert(1)}.footer{text-align:center;color:#8193a4;font-size:12px;padding:40px 15px}.tabnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.tab{padding:10px 16px;border:1px solid var(--line);color:#45657a;background:#fff;border-radius:10px;font-weight:700}.tab.active{background:var(--navy);color:#fff}.tablewrap{width:100%;overflow-x:auto;border-radius:10px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:590px;font-size:13px}th,td{text-align:right;padding:13px 12px;border-bottom:1px solid var(--line)}th{background:#e8f4fb;color:var(--navy)}tr:last-child td{border-bottom:0}td code{font-size:14px;font-weight:800;color:var(--navy)}.pill{display:inline-block;padding:5px 9px;background:#edf6fc;color:#035787;border-radius:50px;font-size:12px;font-weight:700}.tagline{color:var(--blue);font-weight:700}.stars{display:flex;justify-content:center;direction:ltr;gap:5px}.star{background:none;border:0;color:#bdcbd4;font-size:clamp(30px,6vw,48px);padding:6px}.star.on{color:#efa81a}.alert{background:#fff2dd;border:1px solid #edcb8b;border-radius:10px;padding:14px;color:#805723}.successnote{background:#e3f7ed;border:1px solid #b7e4d0;color:#176545;border-radius:10px;padding:14px}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.stafftop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.deskmain{background:linear-gradient(145deg,#043a6d,#087db4);border-radius:16px;color:#fff;padding:23px;text-align:center}.deskmain .bigcode{color:#fff;font-size:68px}.deskbuttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deskbuttons .btn{min-width:0}.deskbuttons .btn:first-child{grid-column:1/-1;font-size:20px;min-height:65px}.deskbuttons .last{grid-column:1/-1}.summaryflex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.summaryflex .metric{flex:1;min-width:145px}.empty{padding:25px;color:#728697;text-align:center}.settingsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sectionbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:15px}.sectionbar h2{margin:0}.mini{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.mini select{max-width:190px}.cardline{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:12px 13px;gap:14px;margin:8px 0;flex-wrap:wrap}.checklist{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.checklist label{display:flex;align-items:center;gap:5px;margin:0;font-weight:400}.checklist input{accent-color:var(--blue)}.display{background:#071e36;min-height:100vh;color:#fff;padding:2vw}.display .displayhead{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;color:var(--navy);border-radius:17px}.displayhead img{width:min(27vw,250px);height:73px;object-fit:contain}.display .mainlayout{display:grid;grid-template-columns:1.1fr 1.9fr;gap:20px;margin:18px 0}.display .qrbox{background:#fff;color:var(--navy);padding:20px;border-radius:16px;text-align:center}.qrbox img{width:min(24vw,235px);aspect-ratio:1;object-fit:contain}.currentcall{background:linear-gradient(120deg,#074f8c,#087cb8);padding:25px;border-radius:16px;text-align:center;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.currentcall strong{font-size:clamp(50px,6.5vw,125px);font-family:Arial;direction:ltr;display:block}.currentcall .office{color:#bff8e5}.display h2{color:#fff}.displaycalls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.displaycalls .call{background:#173754;border:1px solid #2a597b;border-radius:12px;padding:16px;text-align:center}.displaycalls .call b{font-size:28px;display:block;direction:ltr}.displaycalls .call small{font-size:16px;color:#e7f5fb}.displayfoot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#cce3f2}.centerlogo{display:block;margin:10px auto 16px}.adminnav{display:flex;gap:8px;flex-wrap:wrap}.adminnav button{border:1px solid var(--line);background:white;border-radius:9px;padding:10px 14px;color:var(--navy);font-weight:bold}.adminnav button.active{background:var(--navy);color:white}.ratingbar{display:flex;align-items:center;gap:12px;margin:8px 0}.ratingbar span{min-width:58px}.ratingbar .progress{flex:1}.report-printhead{display:none}.printgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.printgrid .metric strong{font-size:22px}#toast{position:fixed;bottom:18px;left:18px;right:auto;max-width:min(420px,90vw);padding:13px 18px;background:#093a62;color:#fff;border-radius:10px;box-shadow:0 8px 24px #0003;z-index:20;display:none}#toast.error{background:#a12f40}.loading{padding:35vh 20px;text-align:center;color:var(--navy)}.qrself{margin:auto;display:block;width:175px;height:175px}.hide{display:none!important}#scanview{background:#091a2b;border-radius:10px;width:100%;max-height:270px;object-fit:cover}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.display .mainlayout{grid-template-columns:1fr}.display .qrbox{display:flex;align-items:center;justify-content:center;gap:20px}.qrbox img{width:145px}.displaycalls{grid-template-columns:repeat(2,minmax(0,1fr))}.displayhead img{width:175px}}
@media(max-width:620px){.headin{padding:8px 13px;flex-wrap:wrap}.brand{width:100%;justify-content:space-between}.brand img{width:185px;max-width:55%;height:58px}.brandtxt b{font-size:13px}.brandtxt small{font-size:11px}.toplinks{width:100%;justify-content:center;gap:2px}.toplinks a{font-size:12px;padding:9px}.container{padding:0 11px;margin:16px auto}.card{padding:16px;border-radius:13px}.grid,.grid.three,.grid.two{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:12px}.metric strong{font-size:25px}.grid .full{grid-column:1/-1}.formgrid,.settingsgrid{grid-template-columns:1fr}.hero{padding:24px}.hero h1{font-size:25px}.actions .btn{flex:1}.deskbuttons{grid-template-columns:1fr 1fr}.deskbuttons .btn{font-size:12px;padding:9px 4px;min-height:54px}.deskmain .bigcode{font-size:60px}.display{padding:8px}.display .displayhead{padding:8px;gap:5px}.displayhead img{width:32%;height:48px}.displayhead h2{font-size:15px;text-align:center}.display .qrbox{padding:10px}.qrbox img{width:115px}.currentcall{padding:12px}.currentcall strong{font-size:47px}.currentcall h2{font-size:15px}.displaycalls .call{padding:10px}.displaycalls .call b{font-size:25px}.printgrid{grid-template-columns:repeat(2,1fr)}.topbar .brandtxt{min-width:0}.pagehead h1{font-size:23px}}
@media print{@page{size:A4;margin:13mm}body{background:white;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.topbar,.footer,.no-print,#toast,.tabnav,.adminnav{display:none!important}.container{max-width:none;margin:0;padding:0}.pagehead{display:none}.report-printhead{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:2px solid #0e78ae;margin-bottom:20px}.report-printhead img{width:160px;max-height:90px;object-fit:contain}.report-printhead h2{font-size:17px;margin:0}.card{border:0;box-shadow:none;padding:0;margin-bottom:12px;break-inside:avoid}.metric{border:1px solid #bccddb}.tablewrap{overflow:visible;border:0}table{min-width:0;font-size:9px}td,th{padding:5px}tr{break-inside:avoid}.print-only{display:block!important}}