:root{--bg:#fff;--fg:#111418;--muted:#4a5360;--line:#c9cfd6;--primary:#0b4f8a;--primary-fg:#fff;--accent:#8a1c0b;--accent-fg:#fff;--tile:#f1f4f7;--focus:#ffb000;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Noto Sans Armenian,sans-serif;font-size:18px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#0f1216;--fg:#f2f4f7;--muted:#b8c0ca;--line:#3a424c;--primary:#5aa7ea;--primary-fg:#0f1216;--accent:#ff8a73;--accent-fg:#0f1216;--tile:#1b2027}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.visitor{flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;padding:0 16px 96px;display:flex}.banner{color:#3d2c00;background:#fff3cd;border-radius:8px;margin:8px 0 0;padding:8px 12px}.banner[hidden]{display:none}.player{margin:12px 0}.player-video{aspect-ratio:4/3;background:#000;border-radius:12px;width:100%;display:block}.player-caption{min-height:1.5em;margin:8px 0 0;font-size:1.15rem}.player-missing{color:var(--muted);margin:4px 0 0}.lead{font-size:1.25rem}h2{color:var(--muted);text-transform:none;margin:20px 0 8px;font-size:1rem}.btn{border:2px solid var(--line);background:var(--tile);min-height:48px;color:var(--fg);font:inherit;cursor:pointer;border-radius:12px;padding:12px 16px}.btn:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg);width:100%;font-weight:600}.tiles{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tile{gap:8px;display:flex}.tile-send{text-align:left;flex:1}.tile-show{flex:none;width:56px}.tile-gated .tile-send{border-color:var(--accent)}.feed ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.msg{background:var(--tile);border-radius:10px;padding:8px 12px}.msg-visitor{border-left:4px solid var(--primary)}.msg-staff{border-left:4px solid var(--accent)}.msg-pending{opacity:.7}.msg-who{font-weight:600}.footer{background:var(--bg);border-top:1px solid var(--line);justify-content:center;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.btn-interpreter{background:var(--accent);border-color:var(--accent);width:100%;max-width:608px;color:var(--accent-fg);font-weight:700}.overlay-host:empty{display:none}.overlay{background:var(--bg);flex-direction:column;gap:12px;max-width:640px;margin:0 auto;padding:24px 16px;display:flex;position:fixed;inset:0 0 76px;overflow:auto}.contact{color:var(--primary);font-size:1.6rem;font-weight:700}.overlay h2{color:var(--fg);margin:0;font-size:1.4rem}.staff{max-width:1200px;min-height:100vh;margin:0 auto;padding:16px}.staff-main{gap:16px;display:grid}.staff-top{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.card{background:var(--tile);border:1px solid var(--line);border-radius:14px;gap:12px;padding:20px;display:grid}.signin{max-width:420px;margin:8vh auto 0}.signin h1{margin:0;font-size:1.5rem}.signin input,.reply-number{font:inherit;border:2px solid var(--line);background:var(--bg);color:var(--fg);border-radius:10px;min-height:48px;padding:10px 12px}.reply-number{text-align:center;width:4.5em}.reply-number[aria-invalid=true]{border-color:var(--accent)}.error{color:var(--accent);margin:0}.incoming{gap:12px;max-width:560px;display:grid}.card-incoming{border-color:var(--accent);border-width:3px}.flash{animation:1s ease-in-out 3 flash}@keyframes flash{50%{box-shadow:0 0 0 8px var(--accent)}}@media (prefers-reduced-motion:reduce){.flash{animation:none}}.staff-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=860px){.staff-grid{grid-template-columns:minmax(0,1fr)}}.col-left,.col-right{gap:10px;min-width:0;display:grid}.feed{gap:8px;margin:0;padding:0;list-style:none;display:grid}.msg-text{font-size:1.25rem;display:block}.msg-visitor .msg-text{font-weight:600}.hint{color:var(--muted);font-size:.9rem;display:block}.btn-small{min-height:36px;padding:4px 10px;font-size:.9rem}.replies{gap:6px;margin:0;padding:0;list-style:none;display:grid}.reply{align-items:stretch;gap:6px;display:flex}.reply-send{text-align:left;flex:1}.reply-show{flex:none;width:52px}.signs{flex-wrap:wrap;gap:6px;display:flex}.btn-end{margin-top:12px}.escalation{border-color:var(--accent);border-width:3px}.escalation h2{color:var(--accent);margin:0;font-size:1.2rem}.escalation .topic{margin:0;font-size:1.2rem;font-weight:600}.marked{margin:0;font-weight:600}.onscreen{text-align:center;justify-content:center;align-items:center;max-width:none;inset:0}.onscreen-text{max-width:20ch;margin:0;font-size:clamp(2rem,6vw,4rem);font-weight:700}.feedback{gap:10px;display:grid}.feedback h2{color:var(--fg);margin:8px 0 4px;font-size:1.25rem}.btn-feedback{text-align:left;align-items:center;gap:12px;min-height:64px;font-size:1.15rem;display:flex}.fb-icon{font-size:1.8rem;line-height:1}.tabs{gap:6px;display:flex}.tabs [aria-current=page]{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.log h2{color:var(--fg);margin:0 0 8px}.table-wrap{overflow-x:auto}.log table{border-collapse:collapse;width:100%;font-size:.95rem}.log th,.log td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.log th{color:var(--muted);font-weight:600}.log .num{font-variant-numeric:tabular-nums}.row-missed td{color:var(--accent)}.stickers-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sticker-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.sticker{border:2px dashed var(--line);text-align:center;color:#111;background:#fff;border-radius:12px;justify-items:center;gap:6px;padding:16px;display:grid}.sticker .qr{width:220px;height:220px;image-rendering:pixelated}.sticker-brand{letter-spacing:.04em;margin:0;font-weight:700}.sticker-line{margin:0;font-size:1.15rem;font-weight:600}.sticker-line-sm{margin:0;font-size:.95rem}.sticker-label{margin:4px 0 0;font-weight:700}@media print{@page{size:A6;margin:8mm}body{background:#fff}.staff-top,.no-print,.banner,.overlay-host{display:none!important}.staff{max-width:none;padding:0}.sticker-list{display:block}.sticker{break-after:page;page-break-after:always;border:0;height:100%}.sticker .qr{width:60mm;height:60mm}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stand{background:var(--bg);min-height:100vh;padding:16px}.stand-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:16px;display:flex}.stand-top h1{margin:0;font-size:1.4rem}.stand-mode{color:var(--muted);margin:2px 0 0}.stand-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stand-lang{align-items:center;gap:6px;display:flex}.stand-lang [aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.stand-restart{width:auto}.stand-grid{grid-template-columns:390px minmax(480px,1fr) minmax(260px,340px);align-items:start;gap:20px;display:grid}@media (width<=1280px){.stand-grid{grid-template-columns:390px minmax(0,1fr)}.stand-steps{grid-column:1/-1}}@media (width<=900px){.stand-grid{grid-template-columns:minmax(0,1fr)}}.device h2,.stand-steps h2{color:var(--muted);margin:0 0 8px;font-size:1rem}.device-screen{background:var(--bg);border:10px solid #22272e;border-radius:28px;height:min(780px,82vh);overflow:hidden;transform:translateZ(0)}.device-tablet .device-screen{border-radius:18px}.device-screen>.visitor,.device-screen>.staff{height:100%;min-height:0;overflow:auto}.stand-steps{background:var(--tile);border:1px solid var(--line);border-radius:14px;padding:16px}.steps-list{gap:10px;margin:0;padding-left:1.4em;display:grid}.step{line-height:1.4}.step-done{color:var(--muted)}.step-done::marker{content:"✓  ";color:var(--primary);font-weight:700}.device-tablet .device-screen{container-type:inline-size}@container (width<=860px){.staff-grid{grid-template-columns:minmax(0,1fr)}}.stand-qr-host{height:100%;overflow:auto}.stand-qr{text-align:center;color:#111;background:#fff;align-content:center;justify-items:center;gap:12px;min-height:100%;padding:24px;display:grid}.stand-qr img{width:min(280px,100%);height:auto;image-rendering:pixelated}.stand-qr-label{margin:0;font-weight:700}.stand-mode-link{color:var(--primary)}
