*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-base: #0f0f10;--bg-panel: rgba(31, 31, 31, .8);--bg-panel-strong: rgba(31, 31, 31, .92);--bg-surface: rgba(255, 255, 255, .06);--bg-surface-hover: rgba(255, 255, 255, .1);--bg-surface-soft: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--text: #ffffff;--text-soft: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .52);--green: #16a34a;--green-hover: #15803d;--blue: #2563eb;--blue-hover: #1d4ed8;--purple: #7c3aed;--danger: #dc2626;--danger-hover: #b91c1c;--shadow: 0 28px 60px rgba(0, 0, 0, .38);--shadow-deep: 0 28px 90px rgba(0, 0, 0, .55);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--transition: .18s ease;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}html{background:#0f0f0f;scrollbar-gutter:stable;color-scheme:dark}body{margin:0;font-family:Segoe UI,sans-serif;min-height:100vh;color:var(--text);background:linear-gradient(#0a0a0a73,#0a0a0a99),url(/img/background.jpg) center center / cover no-repeat fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#0003,#00000070);pointer-events:none;z-index:0}#root{min-height:100vh;position:relative;z-index:0}button,input,select,textarea{font:inherit}select{color:var(--text);background-color:#ffffff12}select option{color:#111;background:#f3f4f6}.loginScreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10000;background:linear-gradient(#08080ab8,#08080ab8),url(/img/background.jpg) center center / cover no-repeat fixed}.loginScreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,255,255,.14),transparent 38%),linear-gradient(180deg,rgba(8,8,10,.75),transparent);pointer-events:none}.loginBox{position:relative;z-index:1;width:min(420px,100%);padding:40px 32px;border-radius:var(--radius-xl);background:var(--bg-panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);box-shadow:var(--shadow-deep);text-align:center}.loginLogo{height:56px;margin-bottom:16px}.loginBox h2{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:6px}.loginBox>p{font-size:.94rem;color:var(--text-soft);margin-bottom:20px}.loginBox input{width:100%;padding:12px 14px;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text);font:inherit;font-size:.94rem;transition:border-color var(--transition),box-shadow var(--transition)}.loginBox input::placeholder{color:#ffffff57}.loginBox input:focus{outline:none;border-color:#ffffff47;box-shadow:0 0 0 4px #ffffff0f}.loginBox button{width:100%;padding:12px;border:1px solid rgba(134,239,172,.42);border-radius:var(--radius-sm);background:#16a34aeb;color:#fff;font:inherit;font-size:.94rem;font-weight:600;cursor:pointer;transition:background var(--transition),transform var(--transition),border-color var(--transition)}.loginBox button:hover{background:var(--green-hover);border-color:#86efac80;transform:translateY(-1px)}.loginError{color:var(--danger);font-size:.85rem;margin-top:10px;min-height:1.2em}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:60px;padding:0 15px;background:#1212148c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);color:var(--text);z-index:100}.headerLeft{display:flex;align-items:center;gap:8px}.headerLogo{height:42px;max-width:100%;object-fit:contain}.headerRight{display:flex;align-items:center;gap:10px;justify-self:end}#menuBtn{width:auto;margin:0;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:1.1rem;cursor:pointer;transition:background var(--transition),transform var(--transition)}#menuBtn:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}#appContainer{display:flex;flex-direction:column;height:100vh;width:min(1280px,calc(100% - 32px));margin:0 auto;box-shadow:var(--shadow-deep);position:relative;z-index:1}.tabBar{display:flex;gap:0;background:#12121473;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:0 16px;flex-shrink:0}.tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:color var(--transition),border-color var(--transition);white-space:nowrap}.tab:hover{color:var(--text-soft)}.tab.active{color:var(--text);border-bottom-color:var(--blue)}.container{display:flex;flex:1;min-height:0;position:relative;z-index:1}.mesasToolbar{padding:16px 20px;flex-shrink:0}.mesasToolbar #novaMesa{width:auto;margin:0;padding:10px 18px;background:#16a34aeb;border:1px solid rgba(134,239,172,.42);color:#fff;border-radius:var(--radius-sm);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition),transform var(--transition)}.mesasToolbar #novaMesa:hover{background:var(--green-hover);transform:translateY(-1px)}#sidebar{width:300px;background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--border);padding:15px;overflow:auto;color:var(--text);flex-shrink:0}#sidebar h3{font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--text-soft);margin-bottom:12px}#sidebar button{width:100%;margin-bottom:10px;padding:10px 12px;cursor:pointer;font:inherit;font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);transition:background var(--transition),border-color var(--transition),transform var(--transition)}#novaMesa{background:#16a34aeb;border:1px solid rgba(134,239,172,.42);color:#fff}#novaMesa:hover{background:var(--green-hover);border-color:#86efac80;transform:translateY(-1px)}#novoRack{background:#2563ebeb;border:1px solid rgba(147,197,253,.42);color:#fff}#novoRack:hover{background:var(--blue-hover);border-color:#93c5fd80;transform:translateY(-1px)}.secaoTitulo{background:var(--bg-surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}.secaoTitulo:hover{background:var(--bg-surface-hover)!important;transform:translateY(-1px)}.secaoRacks{margin-top:16px}.racksContainer{display:flex;flex-direction:column;gap:4px}.rack{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden}.cabecalhoRack{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;color:var(--text);font-weight:500;font-size:.9rem;transition:background var(--transition)}.cabecalhoRack:hover{background:var(--bg-surface-hover)}.rackToggle{font-size:.75rem;color:var(--text-muted)}.rackAcoes{display:flex;gap:6px}.rackAcoes button{width:auto!important;margin:0!important;padding:4px 8px!important;font-size:.75rem!important;border-radius:6px;background:var(--bg-surface-soft);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.rackAcoes button:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.patchPanelsContainer{display:flex;flex-direction:column}.patch{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid var(--border);background:var(--bg-surface-soft);color:var(--text-soft);font-size:.85rem;cursor:pointer;transition:background var(--transition)}.patch:hover{background:var(--bg-surface-hover)}.patch button{width:auto!important;margin:0!important;padding:4px 8px!important;font-size:.75rem!important;border-radius:6px;background:var(--bg-surface-soft);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.patch button:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.rackListView{flex:1;overflow-y:auto;padding:20px}.rackListViewHeader{margin-bottom:16px}.btnNovoRack{padding:10px 18px;background:#2563ebeb;border:1px solid rgba(147,197,253,.42);color:#fff;border-radius:var(--radius-sm);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition),transform var(--transition)}.btnNovoRack:hover{background:var(--blue-hover);transform:translateY(-1px)}.rackVazio{text-align:center;padding:40px 20px;color:var(--text-muted);font-style:italic}.rackLista{display:flex;flex-direction:column;gap:8px}.rackItem{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition)}.rackItem.expanded{border-color:var(--border-strong)}.rackItemHeader{display:flex;align-items:center;padding:14px 16px;cursor:pointer;transition:background var(--transition);gap:10px}.rackItemHeader:hover{background:var(--bg-surface-hover)}.rackItemHeader .rackToggle{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.rackItemHeader h3{font-size:1rem;font-weight:600;color:var(--text);flex:1;margin:0}.rackItemAcoes{flex-shrink:0;display:flex;gap:6px}.botaoApagarRack{width:auto!important;margin:0!important;padding:5px 10px!important;font-size:.78rem!important;border-radius:6px;background:var(--bg-surface-soft);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;transition:background var(--transition)}.botaoApagarRack:hover{background:#dc262633;border-color:#dc262666;color:#fca5a5}.rackItemBody{border-top:1px solid var(--border);padding:16px;background:var(--bg-surface)}.patchCardList{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.patchCard{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.patchCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.patchCardTitle{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.patchCardNome{font-size:.9rem;font-weight:600;color:var(--text)}.patchCardInfo{font-size:.78rem;color:var(--text-muted)}.botaoApagarPatch{width:auto!important;margin:0!important;padding:4px 10px!important;font-size:.75rem!important;border-radius:6px;background:var(--bg-surface-soft);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;flex-shrink:0;transition:background var(--transition)}.botaoApagarPatch:hover{background:#dc262633;border-color:#dc262666;color:#fca5a5}.portGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.portItem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:6px 4px;border-radius:6px;font-weight:500;cursor:default;transition:background var(--transition)}.portItem.free{background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted)}.portItem.used{background:#16a34a33;border:1px solid rgba(22,163,74,.4);color:#86efac;cursor:pointer}.portItem.used:hover{background:#16a34a4d;border-color:#16a34a8c}.portItem.attention{background:#eab30833;border:1px solid rgba(234,179,8,.4);color:#fde68a;cursor:pointer}.portItem.attention:hover{background:#eab3084d;border-color:#eab3088c}.portNum{font-size:.85rem;font-weight:700;line-height:1}.portLabel{font-size:.65rem;opacity:.85;text-align:center;line-height:1.2;word-break:break-word}.portItem.used:hover{background:#16a34a4d;transform:scale(1.05);z-index:1}.btnNovoPatchPanel{width:100%;padding:10px;background:#7c3aedeb;border:1px solid rgba(196,181,253,.42);color:#fff;border-radius:var(--radius-sm);font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:background var(--transition),transform var(--transition)}.btnNovoPatchPanel:hover{background:#6d28d9;border-color:#c4b5fd80;transform:translateY(-1px)}#mapa{flex:1;position:relative;overflow:auto;min-height:0}main{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.mesa{position:absolute;width:240px;background:#1f1f1f8c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}.mesa:hover{border-color:var(--border-strong);box-shadow:0 32px 68px #00000073}.tituloMesa{display:flex;flex-direction:column;align-items:stretch;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg-surface-soft);gap:8px}.tituloMesa strong{font-size:.95rem;font-weight:600;color:var(--text)}.acoesMesa{display:flex;gap:6px}.acoesMesa button{width:auto;margin:0;padding:4px 8px;font-size:.75rem;border-radius:6px;cursor:pointer;transition:background var(--transition),transform var(--transition)}.botaoAcao{background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#93c5fd}.botaoAcao:hover{background:#3b82f640;transform:translateY(-1px)}.botaoPerigo{background:#dc262626;border:1px solid rgba(220,38,38,.4);color:#fca5a5}.botaoPerigo:hover{background:#dc262640;transform:translateY(-1px)}.grade{display:grid;grid-template-columns:1fr;gap:4px;padding:10px 10px 14px;overflow-x:hidden}.ponto{display:flex;align-items:center;justify-content:center;min-height:48px;white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.82rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.ponto:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.ponto.ocupado{background:#16a34a33;border-color:#16a34a66;color:#86efac}.promptSistemaOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f0f10a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.promptSistema{width:min(420px,100%);padding:24px;border-radius:var(--radius-lg);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text)}.promptSistema h3{margin-bottom:8px;font-size:1.2rem;font-weight:700;color:var(--text)}.promptSistema p{margin-bottom:14px;color:var(--text-soft);font-size:.94rem}.promptSistema input{width:100%;margin-bottom:14px;padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text);font:inherit;font-size:.94rem;transition:border-color var(--transition),box-shadow var(--transition)}.promptSistema input::placeholder{color:#ffffff57}.promptSistema input:focus{outline:none;border-color:#ffffff47;box-shadow:0 0 0 4px #ffffff0f}.promptCampo{margin-bottom:12px}.promptCampo label{display:block;margin-bottom:5px;font-size:.85rem;color:#fff9}.promptSistemaAcoes{display:flex;justify-content:flex-end;gap:10px}.promptSistemaAcoes button,.promptSistemaOpcoes button{padding:10px 18px;border-radius:var(--radius-sm);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.promptConfirmar{background:#16a34aeb;border:1px solid rgba(134,239,172,.42);color:#fff}.promptConfirmar:hover{background:var(--green-hover);border-color:#86efac80;transform:translateY(-1px)}.promptCancelar{background:#ffffff0f;border:1px solid var(--border);color:var(--text)}.promptCancelar:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}.promptPerigo{background:#dc2626f0;border:1px solid rgba(248,113,113,.5);color:#fff}.promptPerigo:hover{background:var(--danger-hover);border-color:#f871718f;transform:translateY(-1px)}.promptSistemaOpcoes{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.promptSistemaOpcoes button,.promptOpcao{width:100%;padding:11px 12px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);text-align:left}.promptSistemaOpcoes button:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.vinculoOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f0f10a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vinculoPainel{width:min(520px,100%);max-height:80vh;overflow:auto;border-radius:var(--radius-lg);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text)}.vinculoCabecalho{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-surface-soft)}.vinculoBreadcrumb{font-size:.82rem;color:var(--text-muted)}.vinculoTitulo{font-size:1.1rem;font-weight:700;color:var(--text)}.vinculoVinculoAtual{margin:14px 20px 0;padding:10px 14px;background:#16a34a26;border:1px solid rgba(22,163,74,.3);border-radius:var(--radius-sm);color:#86efac;font-size:.88rem;font-weight:500}.vinculoOpcoes{padding:14px 20px;display:flex;flex-direction:column;gap:8px}.vinculoConteudo{padding:0}.vinculoVazio{padding:24px 20px;text-align:center;color:var(--text-muted);font-size:.9rem}.vinculoLista{padding:14px 20px;display:flex;flex-direction:column;gap:8px}.vinculoOpcoesGrid{padding:14px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.vinculoOpcao{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.vinculoOpcao:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.vinculoOpcao--disabled{opacity:.3;cursor:default;pointer-events:none}.vinculoAcoes{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-surface-soft)}.vinculoAcoes button{flex:1;padding:10px;border-radius:var(--radius-sm);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.vinculoCancelar{background:var(--bg-surface);border:1px solid var(--border);color:var(--text)}.vinculoCancelar:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}.vinculoVoltar{background:var(--bg-surface-soft);border:1px solid var(--border);color:var(--text)}.vinculoVoltar:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}.vinculoDesvincular{background:#dc262626;border:1px solid rgba(220,38,38,.4);color:#fca5a5}.vinculoDesvincular:hover{background:#dc262640;transform:translateY(-1px)}.vinculoAlterar{background:#16a34aeb;border:1px solid rgba(134,239,172,.42);color:#fff}.vinculoAlterar:hover{background:var(--green-hover);border-color:#86efac80;transform:translateY(-1px)}.detalhesPatchOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f0f10a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detalhesPatchPainel{width:min(560px,100%);max-height:80vh;overflow:auto;border-radius:var(--radius-lg);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text)}.detalhesPatchCabecalho{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-surface-soft)}.detalhesPatchBreadcrumb{font-size:.82rem;color:var(--text-muted)}.detalhesPatchTitulo{font-size:1.1rem;font-weight:700;color:var(--text)}.detalhesPatchConteudo{padding:0}.detalhesPatchTabela{width:100%;border-collapse:collapse}.detalhesPatchTabela thead th{padding:10px 20px;text-align:left;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-surface-soft)}.detalhesPatchTabela tbody tr{transition:background var(--transition)}.detalhesPatchTabela tbody tr:hover{background:var(--bg-surface-hover)}.detalhesPatchTabela tbody td{padding:10px 20px;font-size:.9rem;border-bottom:1px solid var(--border);color:var(--text)}.detalhesPatchTabela tbody td:first-child{font-weight:600;color:var(--text-soft);width:80px}.detalhesPatchLivre{color:var(--text-muted);font-style:italic}.detalhesPatchAcoes{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-surface-soft)}.detalhesPatchFechar{padding:10px 24px;border-radius:var(--radius-sm);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);transition:background var(--transition),transform var(--transition)}.detalhesPatchFechar:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}.painelVinculo{width:300px;background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px;color:var(--text);position:absolute;top:10px;right:10px;z-index:50}.painelVinculo h4{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:12px}.painelVinculo button{width:100%;margin-bottom:8px;padding:10px 12px;border-radius:var(--radius-sm);font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.painelOpcao{background:#2563ebeb;border:1px solid rgba(147,197,253,.42);color:#fff}.painelOpcao:hover{background:var(--blue-hover);border-color:#93c5fd80;transform:translateY(-1px)}.painelVoltar{background:var(--bg-surface);border:1px solid var(--border);color:var(--text)}.painelVoltar:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}.oculto{display:none!important}@media (max-width: 768px){#appContainer{max-width:none;width:100%;margin:0;box-shadow:none}.container{max-width:none}#sidebar{position:fixed;top:60px;left:-300px;height:calc(100dvh - 60px);background:var(--bg-panel-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:200;transition:left .25s ease}#sidebar.aberto,#sidebar.open{left:0}body,#appContainer{height:100dvh}.container{height:calc(100dvh - 60px)}#mapa{padding-bottom:env(safe-area-inset-bottom,40px)}.companyScreen{max-width:none;margin:0;box-shadow:none}.companyContainer{padding:24px 12px}.headerLogo{height:28px}.companyScreen .headerLogo{height:24px}.headerRight{gap:4px}.andar-badge,.empresa-badge{padding:4px 10px;font-size:.7rem}.btnNav{padding:6px 10px;font-size:.75rem}.btnLogoff{padding:6px 12px;font-size:.8rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.secaoUsuarios{margin-top:16px}.usuariosContainer{display:flex;flex-direction:column;gap:4px}.usuarioItem{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--transition)}.usuarioItem:hover{background:var(--bg-surface-hover)}.usuarioNome{font-size:.88rem;color:var(--text-soft);font-weight:500}.usuarioInativo{color:var(--text-muted);font-size:.78rem;font-style:italic;margin-left:6px}.usuarioAcoes{display:flex;gap:4px}.btnAcao{width:auto!important;margin:0!important;padding:4px 8px!important;font-size:.75rem!important;border-radius:6px;background:var(--bg-surface-soft);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.btnAcao:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btnDesativarUsuario:hover{background:#dc262633;border-color:#dc262666;color:#fca5a5}.btnSecao{background:var(--purple)!important;border:none!important;color:#fff!important;margin-top:8px}.btnSecao:hover{background:#6d28d9!important;transform:translateY(-1px)}.companyScreenWrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;z-index:10000;overflow-y:auto;background:linear-gradient(#0a0a0a73,#0a0a0a99),url(/img/background.jpg) center center / cover no-repeat fixed}.companyScreenWrapper:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#0003,#00000070);pointer-events:none;z-index:0}.companyScreen{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1280px,calc(100% - 32px));margin:0 auto;min-height:100vh;box-shadow:var(--shadow-deep)}.companyScreen header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:60px;padding:0 15px;background:#1212148c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);z-index:100}.companyScreen .headerLogo{height:36px;max-width:100%;object-fit:contain}.companyScreen .headerLeft{display:flex;gap:8px;align-items:center;white-space:nowrap}.companyScreen .headerRight{display:flex;gap:8px;align-items:center;justify-self:end}.btnLogoff{position:static;background:var(--danger);color:#fff;border:none;padding:8px 18px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:background var(--transition)}.btnLogoff:hover{background:var(--danger-hover)}.companyContainer{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.companyHeader h1{font-size:clamp(2rem,3vw,3.4rem);margin-bottom:10px;color:var(--text);line-height:1.02;letter-spacing:-.03em}.companyHeader p{color:var(--text-muted);margin-bottom:24px;font-size:.95rem}.companyList{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;width:100%;max-width:500px}.company-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.company-card:hover{background:#8b5cf626;border-color:var(--purple);transform:translateY(-2px)}.company-card-name{font-size:1.1rem;font-weight:600;color:var(--text)}.company-card-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s}.company-card:hover .company-card-actions{opacity:1}.btn-edit-company,.btn-delete-company{background:transparent;border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-edit-company:hover{background:#8b5cf633;border-color:var(--purple)}.btn-delete-company:hover{background:#dc262633;border-color:#dc2626}.btn-add-company{background:#7c3aedeb;color:#fff;border:1px solid rgba(196,181,253,.42);border-radius:10px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:all .2s;width:100%;max-width:500px}.btn-add-company:hover{background:#6d28d9;border-color:#c4b5fd80;transform:translateY(-1px)}.dashboardContainer{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}.dashboardHeader h1{font-size:clamp(2rem,3vw,3.4rem);margin-bottom:28px;color:var(--text);line-height:1.02;letter-spacing:-.03em;text-align:center}.dashboardSectionTitle{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:16px;letter-spacing:-.02em}.dashboardColumns{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}@media (max-width: 800px){.dashboardColumns{grid-template-columns:1fr}}.dashboardColumn{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboardColumn .companyList{max-width:none}.dashboardColumn .companyList .company-card:last-child{margin-bottom:0}.dashboardColumn .btn-add-company{max-width:none}.dashboardInlineForm{display:flex;gap:8px;width:100%}.dashboardInput{flex:1;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font:inherit;font-size:.94rem}.btnSave{padding:10px 20px;border-radius:var(--radius-sm);background:var(--green);border:none;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background .2s}.btnSave:hover{background:var(--green-hover)}.btnCancel{padding:10px 20px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;transition:background .2s}.btnCancel:hover{background:var(--bg-surface-hover)}.dashboardColumn .rackListView{padding:0;overflow:visible}.dashboardColumn .btnNovoRack{width:100%;margin-top:12px}.empty-message{color:var(--text-muted);font-style:italic;margin:0}.andar-badge{background:var(--blue);color:#fff;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600}.empresa-badge{background:var(--purple);color:#fff;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600}.btnNav{padding:8px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;cursor:pointer;transition:background var(--transition),transform var(--transition);white-space:nowrap}.btnNav:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}#usuariosPanel{padding:0 20px 20px}#usuariosPanel .secaoUsuarios{background:var(--bg-surface);border-radius:8px;padding:16px;max-height:400px;overflow-y:auto}#usuariosPanel .usuariosContainer{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}#usuariosPanel .btnSecao{width:100%;padding:10px;background:var(--purple);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}#usuariosPanel .btnSecao:hover{background:#6d28d9}.notification-container{position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification{pointer-events:auto;width:min(380px,calc(100vw - 32px));max-width:380px;padding:14px 16px;border-radius:12px;background:#1f1f1ff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:0 8px 24px #0000003d;color:var(--text);font-size:.95rem;font-weight:500;line-height:1.4;display:flex;align-items:center;gap:12px;animation:notifSlideIn .3s ease-out forwards;overflow:hidden}.notification--success{border-color:#86efac47;background:#13301feb}.notification--success .notifIcon,.notification--success .notifMessage{color:#86efac}.notification--error{border-color:#f8717147;background:#301313eb}.notification--error .notifIcon,.notification--error .notifMessage{color:#fca5a5}.notification--warning{border-color:#fdba7452;background:#542d08f0}.notification--warning .notifIcon,.notification--warning .notifMessage{color:#fdba74}.notification--info{border-color:#93c5fd47;background:#132954eb}.notification--info .notifIcon,.notification--info .notifMessage{color:#93c5fd}.notifIcon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.notifBody{flex:1}.notifTitle{font-weight:600;font-size:.92rem;margin-bottom:2px}.notifMessage{color:var(--text-soft);font-size:.85rem}.notifClose{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;font-size:1rem;line-height:1;transition:color var(--transition);flex-shrink:0}.notifClose:hover{color:var(--text)}.notifProgress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff24}.notifProgress:before{content:"";display:block;width:100%;height:100%;background:#ffffff4d;transform-origin:left center;animation:notifShrink 3s linear forwards}.notification--success .notifProgress:before{background:#86efacc7}.notification--error .notifProgress:before{background:#f87171c7}.notification--warning .notifProgress:before{background:#fdba74c7}.notification--info .notifProgress:before{background:#93c5fdc7}.notification--exiting{animation:notifSlideOut .25s ease-in forwards}@keyframes notifSlideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes notifSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}@keyframes notifShrink{to{transform:scaleX(0)}}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.82rem;font-weight:500;line-height:1.4;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-soft);white-space:nowrap}.chip--success{background:#16a34a26;border-color:#16a34a59;color:#86efac}.chip--danger{background:#dc262626;border-color:#dc262659;color:#fca5a5}.chip--warning{background:#eab30826;border-color:#eab30859;color:#fde68a}.chip--info{background:#2563eb26;border-color:#2563eb59;color:#93c5fd}.chipDot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.eyebrow{display:block;font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-bottom:10px}.panel{width:100%;background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:var(--radius-xl);padding:28px;margin:0 auto 18px}.panel--centered{max-width:760px}.panel--compact{max-width:420px;padding:20px}.description,.hint{color:var(--text-soft)}.feedback{margin:0;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);background:#ffffff14;color:#f8fafc;font-weight:600}.feedback--error{background:#dc262624;border-color:#f8717138;color:#fecaca}.page{width:min(1280px,calc(100% - 32px));margin:0 auto;min-height:100vh;padding:32px 0 48px}.map-editor-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:var(--bg-base)}.map-editor-header{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-panel-strong);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0}.map-btn-voltar{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;white-space:nowrap;transition:background var(--transition)}.map-btn-voltar:hover{background:var(--bg-surface-hover)}.map-title{font-weight:600;font-size:1rem;white-space:nowrap}.map-andar-tabs{display:flex;gap:4px;flex:1;overflow-x:auto;padding:0 8px}.map-andar-tab{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-soft);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;white-space:nowrap;transition:all var(--transition)}.map-andar-tab:hover{background:var(--bg-surface-hover);color:var(--text)}.map-andar-tab.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.map-andar-tab-disabled{color:var(--text-muted);padding:6px 14px;font-size:.85rem}.map-header-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.map-save-status{font-size:.8rem;padding:4px 10px;border-radius:var(--radius-sm);background:var(--bg-surface)}.map-save-status.saved{color:var(--green)}.map-save-status.saving{color:var(--text-muted)}.map-save-status.unsaved{color:#f59e0b}.map-btn-icon{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-soft);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.map-btn-icon:hover{background:var(--bg-surface-hover)}.map-editor-body{flex:1;position:relative;overflow:hidden}.map-canvas-wrapper{width:100%;height:100%;overflow:hidden;cursor:grab;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px;background-color:#0f0f10f2}.map-canvas-wrapper:active{cursor:grabbing}.map-canvas{position:relative;transform-origin:0 0;will-change:transform}.map-element{position:absolute;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;transition:box-shadow var(--transition),border-color var(--transition);border:2px solid transparent;-webkit-user-select:none;user-select:none;overflow:hidden}.map-element:hover{box-shadow:0 4px 16px #0009;z-index:5}.map-element.selected{border:2px dashed #60a5fa;box-shadow:0 0 0 4px #60a5fa33;z-index:10}.map-element-label{font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);text-align:center;padding:2px 4px;word-break:break-word;max-width:100%}.map-element-type{font-size:.65rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.map-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid #3b82f6;border-radius:50%;z-index:20}.map-handle-tl{top:-5px;left:-5px;cursor:nw-resize}.map-handle-tr{top:-5px;right:-5px;cursor:ne-resize}.map-handle-bl{bottom:-5px;left:-5px;cursor:sw-resize}.map-handle-br{bottom:-5px;right:-5px;cursor:se-resize}.map-selection-box{position:absolute;border:2px dashed #3b82f6;background:#3b82f61a;pointer-events:none;z-index:5}.map-toolbar{position:absolute;top:12px;left:12px;z-index:50;display:flex;flex-direction:column;gap:8px}.map-toolbar-group{display:flex;gap:6px;flex-wrap:wrap}.map-btn-add{background:var(--bg-panel-strong);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition);white-space:nowrap}.map-btn-add:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.map-mesa-menu{background:var(--bg-panel-strong);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;min-width:220px;max-height:400px;overflow-y:auto;box-shadow:var(--shadow)}.map-mesa-menu h4{margin-bottom:8px;font-size:.9rem;color:var(--text-soft)}.map-mesa-menu-section{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px}.map-mesa-item{display:block;width:100%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;text-align:left;margin:4px 0;transition:background var(--transition)}.map-mesa-item:hover{background:var(--bg-surface-hover)}.map-input{width:100%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius-sm);font-size:.85rem;margin:4px 0}.map-input:focus{outline:none;border-color:var(--blue)}.map-btn-save{background:var(--green);border:none;color:#fff;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;margin-top:6px;width:100%;transition:background var(--transition)}.map-btn-save:hover{background:var(--green-hover)}.map-properties{position:absolute;top:12px;right:12px;width:260px;background:var(--bg-panel-strong);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;z-index:50;box-shadow:var(--shadow)}.map-properties h3{font-size:.95rem;margin-bottom:12px;color:var(--text)}.map-prop-group{margin-bottom:10px}.map-prop-group label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.map-prop-group input[type=text],.map-prop-group input[type=number]{width:100%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:var(--radius-sm);font-size:.85rem}.map-prop-group input[type=color]{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-surface)}.map-prop-group input[type=range]{width:100%;accent-color:var(--blue)}.map-prop-value{font-size:.85rem;color:var(--text-soft)}.map-prop-row{display:flex;gap:8px}.map-prop-row .map-prop-group{flex:1}.map-btn-delete{width:100%;background:var(--danger);border:none;color:#fff;padding:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;margin-top:12px;transition:background var(--transition)}.map-btn-delete:hover{background:var(--danger-hover)}.map-zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:4px;background:var(--bg-panel-strong);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;z-index:50;box-shadow:var(--shadow)}.map-zoom-controls button{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.map-zoom-controls button:hover{background:var(--bg-surface-hover)}.map-zoom-value{font-size:.8rem;color:var(--text-soft);min-width:48px;text-align:center}.map-btn-reset{font-size:1rem!important}.map-rotate-controls{display:flex;align-items:center;gap:6px;margin-top:4px}.map-rotate-btn{flex:1;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;transition:background var(--transition)}.map-rotate-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.map-mode-badge{font-size:.8rem;color:var(--green);font-weight:600}.btn-map-view{background:var(--blue)!important;color:#fff!important}.btn-map-edit{background:var(--green)!important;color:#fff!important}.map-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.map-info-panel{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:500px;max-width:700px;max-height:80vh;overflow-y:auto}.map-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.map-info-header h3{margin:0;font-size:1.1rem;color:var(--text)}.map-info-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition)}.map-info-close:hover{background:var(--bg-surface);color:var(--text)}.map-info-back{background:none;border:none;color:var(--blue);font-size:.85rem;cursor:pointer;padding:4px 0;margin-bottom:8px;transition:color var(--transition)}.map-info-back:hover{color:var(--blue-hover)}.map-info-table{width:100%;border-collapse:collapse}.map-info-table th{text-align:left;padding:8px 12px;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;border-bottom:1px solid var(--border)}.map-info-table td{padding:8px 12px;font-size:.85rem;color:var(--text);border-bottom:1px solid var(--border)}.map-info-row-empty td{color:var(--text-muted)}.map-info-row-atencao{background:#ef44440d}.map-info-status-ok{color:var(--green);font-weight:500}.map-info-status-atencao{color:#ef4444;font-weight:500}.map-info-status-livre{color:var(--text-muted)}.map-info-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:.9rem}.map-info-patch-list{display:flex;flex-direction:column;gap:6px}.map-info-patch-list-title{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:4px}.map-info-patch-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.map-info-patch-item:hover{background:var(--blue);border-color:var(--blue);color:#fff}.map-info-patch-name{font-size:.9rem;font-weight:500}.map-info-patch-portas{font-size:.8rem;color:var(--text-muted)}.map-info-patch-item:hover .map-info-patch-portas{color:#ffffffb3}.qrcode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qrcode-panel{background:var(--bg-surface, #1e1e2e);border:1px solid var(--border, #333);border-radius:var(--radius-md, 12px);padding:0;max-width:440px;width:100%;box-shadow:0 20px 60px #00000080}.qrcode-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, #333)}.qrcode-header h3{margin:0;font-size:1rem;color:var(--text, #fff);font-weight:600}.qrcode-close{background:none;border:none;color:var(--text-muted, #888);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px}.qrcode-close:hover{color:var(--text, #fff);background:#ffffff1a}.qrcode-body{display:flex;align-items:center;justify-content:center;padding:24px;min-height:380px}.qrcode-canvas,.qrcode-image{border-radius:8px;max-width:100%;height:auto}.qrcode-loading{color:var(--text-muted, #888);font-size:.95rem}.qrcode-error{color:#ef4444;font-size:.95rem}.qrcode-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border, #333)}.qrcode-download{padding:10px 20px;border-radius:var(--radius-sm, 8px);background:var(--green, #10b981);border:none;color:#fff;font:inherit;font-weight:600;cursor:pointer;font-size:.9rem}.qrcode-download:hover{opacity:.9}.qrcode-cancel{padding:10px 20px;border-radius:var(--radius-sm, 8px);background:var(--bg-surface, #1e1e2e);border:1px solid var(--border, #333);color:var(--text, #fff);font:inherit;cursor:pointer;font-size:.9rem}.qrcode-cancel:hover{background:#ffffff0d}.qrcode-panel-wide{max-width:95vw;width:95vw;max-height:95vh;overflow:hidden}.qrcode-header-actions{display:flex;gap:10px;align-items:center}.qrcode-print-btn{padding:10px 20px;border-radius:var(--radius-sm, 8px);background:var(--green, #10b981);border:none;color:#fff;font:inherit;font-weight:600;cursor:pointer;font-size:.9rem}.qrcode-print-btn:hover{opacity:.9}.qrcode-progress-bar{position:relative;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.qrcode-progress-fill{height:100%;background:var(--green, #10b981);border-radius:3px;transition:width .2s}.qrcode-progress-text{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--text-muted, #888);white-space:nowrap}.qrcode-batch-container{padding:20px;overflow-y:auto;max-height:calc(95vh - 120px)}.qrcode-page{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px;background:#fff;border-radius:8px;margin-bottom:20px}.qrcode-cell{display:flex;flex-direction:column;align-items:center;justify-content:center}.qrcode-batch-qr{width:3cm;height:3cm;image-rendering:pixelated}.qrcode-batch-placeholder{width:3cm;height:3cm;background:#e2e8f0;border-radius:4px}.qrcode-batch-label{margin-top:4px;font-size:.7rem;color:#1e293b;text-align:center;font-weight:500;line-height:1.2;word-break:break-word;max-width:3.5cm}.qrcode-empty{color:var(--text-muted, #888);font-size:.95rem;text-align:center;padding:40px}@media print{.qrcode-header,.qrcode-footer,.qrcode-progress-bar,.qrcode-header-actions,.qrcode-print-btn,.qrcode-cancel{display:none!important}.qrcode-overlay{position:static!important;display:block!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:100%!important;height:auto!important;inset:auto!important;align-items:stretch!important;justify-content:stretch!important}.qrcode-panel,.qrcode-panel-wide{display:block!important;max-width:none!important;width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:none!important;background:none!important;padding:0!important}.qrcode-batch-container{padding:0!important;margin:0!important;overflow:visible!important;max-height:none!important}.qrcode-page{width:210mm;height:297mm;padding:10mm;box-sizing:border-box;page-break-after:always;break-after:page;display:grid!important;grid-template-columns:repeat(5,1fr);gap:5mm;align-content:start;margin:0;background:none;border-radius:0}.qrcode-page:last-child{page-break-after:auto;break-after:auto}.qrcode-cell{page-break-inside:avoid;break-inside:avoid}.qrcode-batch-qr{width:3cm!important;height:3cm!important}.qrcode-batch-placeholder{display:none}@page{size:A4;margin:0}}