*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-base: #101419;--bg-panel: #171d23;--bg-panel-strong: #1c242c;--bg-surface: #222b34;--bg-surface-hover: #2a3540;--bg-surface-soft: #1d252d;--border: #34414d;--border-strong: #4a5966;--text: #f4f6f8;--text-soft: #c1cad2;--text-muted: #98a5b0;--green: #16a34a;--green-hover: #15803d;--blue: #2563eb;--blue-hover: #1d4ed8;--purple: #7c3aed;--danger: #dc2626;--danger-hover: #b91c1c;--focus-ring: #8cc8ff;--shadow: 0 16px 36px rgba(0, 0, 0, .28);--shadow-deep: 0 24px 54px rgba(0, 0, 0, .38);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-control: 8px;--control-height: 40px;--control-height-compact: 36px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--transition: .16s ease;--font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;font-family:var(--font-body);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:var(--bg-base);scrollbar-gutter:stable;color-scheme:dark}body{margin:0;font-family:var(--font-body);min-height:100vh;color:var(--text);background:linear-gradient(#0a0d10c7,#0a0d10d6),url(/img/background.jpg) center center / cover no-repeat fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0d100a,#0a0d1033);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)}.loginBox .btnDemo{margin-top:12px;border-color:var(--border);background:var(--bg-surface);color:var(--text)}.loginBox .btnDemo:hover{background:#ffffff1f;border-color:#ffffff47}.loginError{color:var(--danger);font-size:.85rem;margin-top:10px;min-height:1.2em}#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}.portItem.used.readonly,.portItem.used.readonly:hover,.portItem.attention.readonly:hover{cursor:default}.portItem.used.readonly:hover{background:#16a34a33;transform:none}.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;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:20px;padding:20px;position:relative;overflow:auto;min-width:0;min-height:0}main{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.mesa{width:100%;min-width:0;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{overflow-wrap:anywhere;font-size:.95rem;font-weight:600;color:var(--text)}.acoesMesa{display:flex;flex-wrap:wrap;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:minmax(0,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}#mapa .ponto{min-width:0;gap:4px;padding:8px;white-space:normal}#mapa .ponto span{flex-shrink:0}#mapa .ponto small{min-width:0;overflow-wrap:anywhere}.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)}.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:max(20px,env(safe-area-inset-bottom,0px))}.companyScreen{max-width:none;width:100%;margin:0;box-shadow:none}.companyContainer{padding:24px 12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.secaoUsuarios{margin-top:16px;width:100%;max-width:600px}.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;height:28px;padding:0 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:1px solid rgba(196,181,253,.42)!important;color:#fff!important;border-radius:var(--radius-sm);padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:8px;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.btnSecao:hover{background:#6d28d9!important;border-color:#c4b5fd80;transform:translateY(-1px)}.btnSecundario{padding:10px 20px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.btnSecundario:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.usuarioInfo{display:flex;flex-direction:column;gap:2px;min-width:0}.usuarioPerfilSelect{width:auto;height:28px;padding:0 8px;font-size:.78rem;font-family:inherit;color:var(--text-soft);background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:6px;cursor:pointer}.usuarioEmpresas{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:8px;background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:560px}.empresaCheckbox{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-size:.78rem;color:var(--text-soft);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.empresaCheckbox input{width:auto;margin:0}.novoUsuarioForm{display:flex;flex-direction:column;gap:8px;margin-top:12px}.novoUsuarioForm>input{padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font:inherit;font-size:.9rem}.company-card-passive{cursor:default}.company-card-passive:hover{background:var(--bg-surface);border-color:var(--border)}.company-card-expandable{cursor:pointer}.company-card-expandable .rackToggle{margin-right:8px}.andarMesas{margin-top:12px;border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.andarMesa{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.andarMesaNome{font-weight:600;font-size:.9rem;display:block;margin-bottom:8px}.andarMesaPontos{display:flex;flex-wrap:wrap;gap:6px}.andarPonto{font-size:.72rem;padding:4px 8px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted)}.andarPonto.used{background:#16a34a33;border-color:#16a34a66;color:#86efac}.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)}.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}#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-hamburger{display:flex;align-items:center;gap:10px;padding:6px 16px;background:var(--bg-panel-strong);border-bottom:1px solid var(--border);position:relative;z-index:11;flex-shrink:0}.map-hamburger-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:1.05rem;line-height:1;transition:background var(--transition)}.map-hamburger-btn:hover{background:var(--bg-surface-hover)}.map-hamburger-label{font-size:.9rem;font-weight:600;color:var(--text-soft)}.map-hamburger-panel{position:absolute;top:100%;left:0;right:0;display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;background:var(--bg-panel-strong);border-bottom:1px solid var(--border);box-shadow:0 8px 16px #0000004d;z-index:20}.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}.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}@media (max-width: 560px){.map-info-panel{width:92vw;min-width:0;max-width:100vw}}.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}}.authenticated-shell{--sidebar-width: 252px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden;color:var(--text);background:var(--bg-base)}.app-sidebar{position:relative;z-index:2;display:flex;flex:0 0 var(--sidebar-width);flex-direction:column;width:var(--sidebar-width);min-width:0;padding:22px 14px 14px;color:var(--text);background:var(--bg-panel-strong);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-sidebar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:74px;padding:2px 10px 18px;border-bottom:1px solid var(--border)}.app-sidebar-logo{display:block;width:min(184px,100%);height:34px;object-fit:contain;object-position:left center}.app-sidebar-context{overflow:hidden;max-width:100%;color:var(--text-muted);font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.app-sidebar-brand-copy strong{display:block;color:var(--text);font-size:14px;line-height:1.3}.app-sidebar-nav{display:flex;flex-direction:column;gap:6px;padding-top:22px}.app-sidebar-section-label{padding:0 11px 4px;color:var(--text-muted);font-size:10px;font-weight:650;letter-spacing:.11em;line-height:1.5;text-transform:uppercase}.app-sidebar-item{width:100%;min-height:44px;padding:10px 12px;color:var(--text-soft);text-align:left;background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:14px;cursor:pointer;transition:color var(--transition),background-color var(--transition),border-color var(--transition)}.app-sidebar-item:hover,.app-sidebar-item:focus-visible{color:var(--text);background:var(--bg-surface-hover);border-color:var(--border-strong)}.app-sidebar-item:active{background:var(--bg-surface-hover)}.app-sidebar-item.active{color:var(--text);background:#16a34a29;border-color:#86efac47;font-weight:650}.app-sidebar-item.danger{color:#fca5a5;background:transparent;border-color:transparent}.app-sidebar-item.danger:hover,.app-sidebar-item.danger:focus-visible{color:#fecaca;background:#dc26261f;border-color:#fca5a538}.app-sidebar-item:focus-visible,.app-mobile-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-sidebar-account{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:15px;border-top:1px solid var(--border)}.app-shell-main{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.app-mobile-bar{display:none}.app-shell-content{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;overflow:auto}.app-sidebar-scrim{display:none}.companyScreenWrapper{position:relative;inset:auto;z-index:auto;flex:1 1 auto;justify-content:stretch;min-height:100%;overflow:auto;background:linear-gradient(#0a0a0a73,#0a0a0a99),url(/img/background.jpg) center center / cover no-repeat fixed}.companyScreenWrapper:before{position:absolute;top:0;right:0;bottom:0;left:0;min-height:100%}.companyScreen{width:100%;min-height:100%;margin:0;box-shadow:none}.companyContainer{min-height:100%}.dashboardContainer{max-width:none;padding-top:36px;padding-bottom:40px}#appContainer{width:100%;height:100%;min-height:0;margin:0;box-shadow:none}#appContainer>.container{min-height:0}.map-canvas-shell .app-shell-content{overflow:hidden}.map-canvas-shell~.promptSistemaOverlay{z-index:11001}.map-workspace-shell .map-editor-wrapper{position:relative;inset:auto;z-index:auto;isolation:isolate;flex:1 1 auto;min-height:0}@media (max-width: 768px){.authenticated-shell{--sidebar-width: min(290px, calc(100vw - 56px) )}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100vh;height:100dvh;padding-top:calc(18px + env(safe-area-inset-top,0px));transform:translate(-105%);transition:transform .18s ease}.app-sidebar.mobile-open{transform:translate(0)}.app-sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;background:#1416176b;border:0}.app-mobile-bar{position:relative;z-index:1;display:flex;flex:0 0 54px;align-items:center;gap:14px;padding:0 14px;color:var(--text);background:var(--bg-panel-strong);border-bottom:1px solid var(--border)}.app-mobile-bar strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.app-mobile-toggle{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;padding:8px;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.app-mobile-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.companyScreenWrapper{min-height:0;background-attachment:scroll}.companyScreen{min-height:100%}.companyContainer{min-height:100%;padding-top:28px}.dashboardContainer{padding:24px 12px 32px}.dashboardHeader h1{text-align:left}.map-workspace-shell .map-editor-wrapper{min-height:0}}@media (prefers-reduced-motion: reduce){.app-sidebar,.app-sidebar-item{transition:none}}button:not(.portItem):not(.ponto){min-height:var(--control-height);padding-block:8px;border-radius:var(--radius-control);font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.25;transition:color var(--transition),background-color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition),filter var(--transition)}h1,h2,h3,h4{font-family:var(--font-body);color:var(--text);line-height:1.25}h1{font-size:clamp(1.5rem,2.5vw,2rem)!important;letter-spacing:-.025em}h2{font-size:var(--font-size-xl)!important;letter-spacing:-.02em}h3{font-size:var(--font-size-lg)!important;letter-spacing:-.015em}h4{font-size:var(--font-size-md)!important}.btnAcao{min-height:var(--control-height-compact)!important}.map-btn-icon,.map-hamburger-btn,.map-info-close,.qrcode-close,.app-mobile-toggle{display:inline-flex;width:var(--control-height);min-width:var(--control-height);height:var(--control-height);align-items:center;justify-content:center;padding:0}.map-zoom-controls button{width:var(--control-height);height:var(--control-height);padding:0}button:disabled,button[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (hover: hover){button:not(:disabled):not([aria-disabled=true]):not(.portItem):not(.ponto):hover{filter:brightness(1.1);transform:translateY(-1px)}.company-card:hover,.rackItemHeader:hover,.map-info-patch-item:hover{border-color:var(--border-strong);background-color:var(--bg-surface-hover);transform:translateY(-1px)}}button:not(:disabled):not([aria-disabled=true]):active{filter:brightness(.96);transform:translateY(0)}#novaMesa,.loginBox button[type=submit],.btnNovoRack,.btn-add-company,.btnSave,.btnSecao,.map-btn-save,.qrcode-download,.qrcode-print-btn,.vinculoOpcao,.painelOpcao,.promptConfirmar{color:#f7fff9!important;background:var(--green)!important;border:1px solid #268949!important}#novaMesa:hover,.loginBox button[type=submit]:hover,.btnNovoRack:hover,.btn-add-company:hover,.btnSave:hover,.btnSecao:hover,.map-btn-save:hover,.qrcode-download:hover,.qrcode-print-btn:hover,.vinculoOpcao:hover,.painelOpcao:hover,.promptConfirmar:hover{background:var(--green-hover)!important;border-color:#35a456!important}.btn-delete-company,.botaoPerigo,.botaoApagarRack,.botaoApagarPatch,.map-btn-delete,.vinculoDesvincular,.btnDesativarUsuario,.app-sidebar-item.danger{color:#ffd5d5!important;background:#54272a!important;border:1px solid #804146!important}.btn-delete-company:hover,.botaoPerigo:hover,.botaoApagarRack:hover,.botaoApagarPatch:hover,.map-btn-delete:hover,.vinculoDesvincular:hover,.btnDesativarUsuario:hover,.app-sidebar-item.danger:hover{background:#713136!important;border-color:#a24b52!important}.loginScreen,.companyScreenWrapper,.app-shell-content,.tabBar,#sidebar,.rack,.rackItem,.company-card,.mesa,.companyContainer,.companyScreen,.dashboardColumn,.panel,.loginBox,.promptSistema,.app-sidebar,.app-mobile-bar,.notification,.map-editor-header,.map-hamburger,.map-hamburger-panel,.map-mesa-menu,.map-properties,.map-info-panel,.qrcode-panel,.vinculoPainel{background-color:var(--bg-panel-strong)}*,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.loginScreen,.companyScreenWrapper{background-image:linear-gradient(#0a0d10d6,#0a0d10e0),url(/img/background.jpg)}.loginBox,.promptSistema,.panel,.dashboardColumn,.map-info-panel,.qrcode-panel,.vinculoPainel{border-color:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.company-card,.mesa,.rack,.rackItem,.map-mesa-menu,.map-properties,.map-info-panel,.qrcode-panel,.companyList .company-card{border-color:var(--border)}.company-card,.rack,.rackItem{background-color:var(--bg-surface-soft)}.mesa{background-color:var(--bg-panel-strong)}.loginBox input,.promptSistema input,.dashboardInput,.map-input,.map-prop-group input[type=text],.map-prop-group input[type=number],.map-prop-group select{min-height:var(--control-height);border-color:var(--border);border-radius:var(--radius-control);background-color:var(--bg-surface-soft);color:var(--text);font:inherit}.loginBox input:focus,.promptSistema input:focus,.dashboardInput:focus,.map-input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px #8cc8ff29}.app-sidebar-item,.map-btn-voltar,.map-hamburger-btn,.map-btn-icon,.map-btn-add,.map-rotate-btn,.map-andar-tab,.map-zoom-controls button,.map-info-close,.map-info-back,.qrcode-cancel,.btnCancel,.btnSecundario,.painelVoltar,.vinculoVoltar,.vinculoCancelar,.loginBox .btnDemo{color:var(--text-soft);background:var(--bg-surface);border-color:var(--border)}.company-card,.dashboardColumn,.panel,.map-properties,.map-mesa-menu,.map-info-panel{border-radius:var(--radius-lg)}.portItem:hover,.portItem.used:hover,.portItem.attention:hover,.ponto:hover,.map-element:hover{filter:none}@media (max-width: 768px){:root{--control-height: 44px}.map-btn-icon,.map-hamburger-btn,.map-zoom-controls button,.map-info-close,.qrcode-close,.app-mobile-toggle{width:44px;min-width:44px;height:44px}.map-zoom-controls button{width:44px;height:44px}.company-card-actions{opacity:1}.dashboardInlineForm{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){button,.company-card,.rackItemHeader{transition:none!important}}