*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0}body{min-width:320px;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input{font:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--board: #0e1218;--board-elevated: #161b24;--board-line: #2a3340;--ticket: #eef1f5;--ticket-muted: #d8dde6;--ink: #141821;--ink-soft: #4a5363;--ink-faint: #7a8496;--status-ok: #1b7a52;--status-ok-ink: #ecfdf5;--status-prep: #2a6db5;--status-prep-ink: #eff6ff;--status-warn: #b8860b;--status-warn-ink: #1a1400;--status-critical: #c23b3b;--status-critical-ink: #fff5f5;--action: #1b7a52;--action-hover: #156343;--action-prep: #2a6db5;--action-prep-hover: #215890;--action-mute: #4a5568;--action-mute-hover: #3a4454;--focus-ring: #5b9fd4;--obs: #9a3412;--obs-bg: #ffedd5;--shadow-ticket: 0 8px 24px rgba(0, 0, 0, .35);--shadow-selected: 0 0 0 3px #ffffff, 0 12px 32px rgba(0, 0, 0, .45);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;--font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ticket-width: 22rem}body{background:radial-gradient(ellipse 80% 50% at 50% -20%,#1a2433 0%,transparent 55%),var(--board);color:#e8ecf2;font-family:var(--font-body);font-size:16px;line-height:1.4}.login-container{display:grid;place-items:center;min-height:100vh;width:100vw;padding:1.5rem;background:radial-gradient(ellipse 60% 40% at 50% 0%,#1c2a3a 0%,transparent 60%),var(--board)}.login-card{width:100%;max-width:26rem;padding:2.25rem 2rem 2rem;border:1px solid var(--board-line);border-radius:var(--radius-lg);background:var(--board-elevated);box-shadow:var(--shadow-ticket);text-align:center}.login-brand{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:.04em;color:#f2f5f9}.login-subtitle{margin:0 0 1.75rem;font-size:.875rem;color:var(--ink-faint)}.form-group{margin-bottom:1.25rem;text-align:left}.form-group label{display:block;margin-bottom:.4rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.form-group input{width:100%;padding:.85rem 1rem;border:1px solid var(--board-line);border-radius:var(--radius-md);background:var(--board);color:#f2f5f9;font-family:var(--font-mono);font-size:1.15rem;font-weight:600;letter-spacing:.12em;text-align:center;transition:border-color .15s,box-shadow .15s}.form-group input::placeholder{color:#3d4656;letter-spacing:.12em}.form-group input:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 3px #5b9fd440}.form-group input:disabled{opacity:.6}.login-turnstile{display:flex;justify-content:center;margin:.5rem 0 1rem}.error-message{margin:0 0 1rem;padding:.65rem .85rem;border-radius:var(--radius-sm);background:#c23b3b26;color:#fca5a5;font-size:.875rem;text-align:center}.login-button{width:100%;margin-top:.25rem;padding:.9rem 1rem;border:none;border-radius:var(--radius-md);background:var(--action);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background-color .15s,transform .1s}.login-button:hover:not(:disabled){background:var(--action-hover)}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{opacity:.45;cursor:not-allowed}.login-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.display-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.tickets-container{flex:1;display:flex;flex-direction:column;min-height:0;padding:1rem 1rem 0;overflow:hidden}.tickets-grid{display:flex;flex-wrap:wrap;align-content:flex-start;gap:1rem;padding:.25rem .25rem 1rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--board-line) transparent}.tickets-grid::-webkit-scrollbar{width:8px}.tickets-grid::-webkit-scrollbar-thumb{border-radius:4px;background:var(--board-line)}.tickets-empty{display:grid;place-items:center;flex:1;min-height:16rem;padding:2rem;color:var(--ink-faint);text-align:center}.tickets-empty strong{display:block;margin-bottom:.35rem;font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:#c5cbd6}.tickets-empty span{font-size:.95rem}.ticket-card{position:relative;display:flex;flex-direction:column;width:var(--ticket-width);min-width:var(--ticket-width);max-width:var(--ticket-width);max-height:calc(100vh - 7.5rem);overflow:hidden;border-radius:var(--radius-md);background:var(--ticket);color:var(--ink);box-shadow:var(--shadow-ticket);transition:box-shadow .15s,transform .15s}.ticket-card.selected{z-index:10;transform:translateY(-2px);box-shadow:var(--shadow-selected)}.ticket-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:6px;background:var(--rail-color, var(--status-ok));z-index:2}.ticket-card.green{--rail-color: var(--status-ok)}.ticket-card.blue{--rail-color: var(--status-prep)}.ticket-card.yellow{--rail-color: var(--status-warn)}.ticket-card.red-blinking{--rail-color: var(--status-critical)}.ticket-header{display:flex;flex-direction:column;gap:.35rem;flex-shrink:0;padding:.75rem .85rem .75rem 1.1rem;color:#fff;font-family:var(--font-display)}.ticket-card.green .ticket-header{background:var(--status-ok);color:var(--status-ok-ink)}.ticket-card.blue .ticket-header{background:var(--status-prep);color:var(--status-prep-ink)}.ticket-card.yellow .ticket-header{background:var(--status-warn);color:var(--status-warn-ink)}.ticket-card.red-blinking .ticket-header{background:var(--status-critical);color:var(--status-critical-ink);animation:urgency-pulse 1.1s ease-in-out infinite}@keyframes urgency-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.header-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0}.ticket-kind{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.92}.ticket-name{min-width:0;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;font-weight:700;line-height:1.15}.ticket-timer{flex-shrink:0;font-family:var(--font-mono);font-size:1.45rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.ticket-id{font-family:var(--font-mono);font-size:1.15rem;font-weight:600;letter-spacing:.02em;opacity:.95}.ticket-body{flex:1;min-height:0;padding:.75rem .85rem .5rem 1.1rem;overflow-y:auto;scrollbar-width:thin}.ticket-item{padding:.55rem 0;border-bottom:1px solid var(--ticket-muted)}.ticket-item:last-child{border-bottom:none}.item-main{display:flex;gap:.45rem;align-items:baseline;font-size:1.2rem;font-weight:600;line-height:1.25;color:var(--ink)}.item-qty{flex-shrink:0;font-family:var(--font-mono);font-weight:700;color:var(--ink-soft)}.item-name{word-break:break-word}.item-addon{display:flex;gap:.4rem;margin-top:.2rem;padding-left:1.35rem;font-size:1rem;line-height:1.3;color:var(--ink-soft)}.addon-qty{flex-shrink:0;font-family:var(--font-mono);font-weight:600}.item-obs{margin-top:.35rem;padding:.35rem .5rem;border-radius:var(--radius-sm);background:var(--obs-bg);color:var(--obs);font-size:1.05rem;font-weight:600;line-height:1.3}.ticket-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:.5rem;padding:.55rem .85rem .65rem 1.1rem;border-top:1px solid var(--ticket-muted);background:#e4e8ef;color:var(--ink-soft);font-size:.8rem;font-weight:500}.ticket-footer p{margin:0}.ticket-footer .priority{font-variant-numeric:tabular-nums}.ticket-footer .creation{font-family:var(--font-mono);font-weight:600}.ticket-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;padding:.75rem .85rem .25rem 1.1rem;background:var(--ticket)}.btn-pronto{width:100%;padding:.85rem 1rem;border:none;border-radius:var(--radius-md);background:var(--action);color:#fff;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background-color .15s}.btn-pronto:hover{background:var(--action-hover)}.btn-pronto:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.btn-row{display:flex;gap:.5rem}.btn-row button{flex:1;padding:.65rem .5rem;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .15s}.btn-row button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.btn-print{background:var(--action-mute);color:#fff}.btn-print:hover{background:var(--action-mute-hover)}.btn-start{background:var(--action-prep);color:#fff}.btn-start:hover{background:var(--action-prep-hover)}.print-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.5rem;background:#080a0eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.print-dialog{display:flex;flex-direction:column;gap:.6rem;width:min(100%,22rem);padding:1.5rem;border:1px solid var(--board-line);border-radius:var(--radius-lg);background:var(--board-elevated);box-shadow:var(--shadow-ticket)}.print-dialog h3{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.25rem;font-weight:700;text-align:center;color:#f2f5f9}.print-dialog button{padding:.85rem 1rem;border:1px solid var(--board-line);border-radius:var(--radius-md);background:var(--board);color:#e8ecf2;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s,border-color .15s}.print-dialog button:hover{background:#1e2633;border-color:#3d4a5c}.print-dialog button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.print-dialog .print-cancel{margin-top:.25rem;background:transparent;color:var(--ink-faint)}.print-dialog .print-cancel:hover{color:#e8ecf2;background:transparent}.print-key{margin-left:.35rem;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--ink-faint)}@media(max-width:480px){:root{--ticket-width: calc(100vw - 2rem) }.tickets-container{padding:.75rem .75rem 0}}.display-footer{display:flex;align-items:center;gap:1rem;flex-shrink:0;min-height:3.25rem;padding:.65rem 1rem;border-top:1px solid var(--board-line, #2a3340);background:var(--board-elevated, #161b24)}.display-footer .title{margin:0;font-family:var(--font-display, "Outfit", sans-serif);font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#e8ecf2;white-space:nowrap}.command-list{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.1rem;min-width:0}.command{display:inline-flex;align-items:center;gap:.4rem}.command-key{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;padding:.15rem .45rem;border:1px solid #3d4a5c;border-bottom-width:2px;border-radius:5px;background:#0e1218;color:#d5dbe6;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.72rem;font-weight:600;line-height:1.2}.command-name{font-size:.8rem;font-weight:500;color:#8b95a8}.command-buttons{display:flex;align-items:center;gap:.5rem}.command-buttons button{padding:.45rem .85rem;border:1px solid #3d4a5c;border-radius:6px;background:#0e1218;color:#e8ecf2;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .15s,border-color .15s}.command-buttons button:hover{background:#1e2633;border-color:#5b6b82}.command-buttons button:focus-visible{outline:3px solid var(--focus-ring, #5b9fd4);outline-offset:2px}.logout-button{margin-left:auto;padding:.35rem .75rem;border:1px solid #3d4a5c;border-radius:6px;background:transparent;color:#8b95a8;font-size:.8rem;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s,background-color .15s}.logout-button:hover{color:#e8ecf2;border-color:#5b6b82;background:#1e2633}.logout-button:focus-visible{outline:3px solid var(--focus-ring, #5b9fd4);outline-offset:2px}@media(max-width:720px){.display-footer{flex-wrap:wrap;gap:.5rem .75rem}.command-list{order:3;width:100%}.logout-button{margin-left:auto}}