:root{--cor-primaria: #0f172a;--cor-primaria-2: #1e293b;--cor-destaque: #4f46e5;--cor-destaque-hover: #4338ca;--cor-destaque-suave: #eef2ff;--cor-fundo: #f8fafc;--cor-card: #ffffff;--cor-borda: #e2e8f0;--cor-borda-forte: #cbd5e1;--cor-texto: #0f172a;--cor-texto-suave: #64748b;--cor-sucesso: #16a34a;--cor-alerta: #d97706;--cor-erro: #dc2626;--raio: 12px;--raio-sm: 8px;--sombra: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--sombra-md: 0 4px 16px rgba(15, 23, 42, .08);--largura-menu: 256px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--cor-fundo);color:var(--cor-texto);font-size:15px;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;border-radius:var(--raio-sm)}.btn-primario,.btn-secundario,.btn-perigo{padding:11px 18px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,filter .15s,box-shadow .15s}.btn-primario{background:var(--cor-destaque);color:#fff}.btn-primario:hover{background:var(--cor-destaque-hover)}.btn-secundario{background:#fff;color:var(--cor-texto);border:1px solid var(--cor-borda-forte)}.btn-secundario:hover{background:#f1f5f9}.btn-perigo{background:#fff;color:var(--cor-erro);border:1px solid #fecaca}.btn-perigo:hover{background:#fef2f2}.btn-pequeno{padding:7px 12px;min-height:36px;font-size:14px}input,select,textarea{font:inherit;width:100%;padding:10px 13px;border:1px solid var(--cor-borda-forte);border-radius:var(--raio-sm);background:#fff;min-height:44px;color:var(--cor-texto)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cor-destaque);box-shadow:0 0 0 3px var(--cor-destaque-suave)}label{display:block;font-weight:600;margin-bottom:6px;font-size:14px}.campo{margin-bottom:15px}.tela-carregando{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--cor-texto-suave)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,#eef2ff,#f8fafc 60%)}.login-card{background:var(--cor-card);border-radius:16px;padding:36px;width:100%;max-width:400px;box-shadow:var(--sombra-md);border:1px solid var(--cor-borda)}.login-card h1{margin:0 0 4px;font-size:24px}.login-card p.sub{margin:0 0 24px;color:var(--cor-texto-suave)}.msg-erro{color:var(--cor-erro);margin:10px 0 0;font-size:14px}.layout{display:flex;min-height:100vh}.sidebar{width:var(--largura-menu);background:var(--cor-primaria);color:#e2e8f0;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40;transition:transform .25s ease}.sidebar-marca{display:flex;align-items:center;gap:11px;padding:20px 20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-marca .logo{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:var(--cor-destaque);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px}.sidebar-marca .nome{font-weight:700;font-size:16px;color:#fff;line-height:1.2}.sidebar-marca .sub{font-size:12px;color:#94a3b8}.sidebar-nav{padding:14px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;color:#cbd5e1;text-decoration:none;border-radius:var(--raio-sm);font-weight:600;font-size:15px;transition:background .15s,color .15s}.sidebar-nav a svg{width:20px;height:20px;flex-shrink:0}.sidebar-nav a:hover{background:#ffffff0f;color:#fff}.sidebar-nav a.ativo{background:var(--cor-destaque);color:#fff}.sidebar-rodape{padding:14px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sidebar-user .avatar{width:34px;height:34px;border-radius:50%;background:var(--cor-primaria-2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.sidebar-user .info{font-size:13px;line-height:1.3;overflow:hidden}.sidebar-user .info b{color:#fff;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user .info span{color:#94a3b8}.sidebar-rodape button{width:100%;background:#ffffff0f;color:#e2e8f0}.sidebar-rodape button:hover{background:#ffffff1f}.principal{flex:1;margin-left:var(--largura-menu);display:flex;flex-direction:column;min-width:0}.topbar{height:64px;background:var(--cor-card);border-bottom:1px solid var(--cor-borda);display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:20}.topbar h1{font-size:19px;margin:0}.btn-menu{display:none;background:transparent;padding:8px;color:var(--cor-texto)}.btn-menu svg{width:24px;height:24px;display:block}.conteudo{padding:24px;max-width:1200px;width:100%}.backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:35}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.toolbar .busca{position:relative;flex:1;min-width:200px;max-width:340px}.toolbar .busca svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--cor-texto-suave)}.toolbar .busca input{padding-left:40px}.toolbar select{max-width:210px}.toolbar .espaco{flex:1}.check-inline{display:inline-flex;align-items:center;gap:7px;margin:0;font-weight:500;color:var(--cor-texto-suave);white-space:nowrap}.check-inline input{width:auto;min-height:0}.card{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden}.card-form{padding:22px;margin-bottom:18px}.card-form h2{margin:0 0 16px;font-size:17px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-acoes{display:flex;gap:10px;margin-top:6px}.tabela-wrap{overflow-x:auto}.tabela{width:100%;border-collapse:collapse}.tabela th,.tabela td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--cor-borda);white-space:nowrap}.tabela thead th{background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--cor-texto-suave);font-weight:700}.tabela tbody tr:last-child td{border-bottom:none}.tabela tbody tr:hover{background:#fafbff}.tabela .col-acao{text-align:right}.tabela .nome-forte{font-weight:600}.vazio{padding:48px 24px;text-align:center;color:var(--cor-texto-suave)}.vazio svg{width:44px;height:44px;margin-bottom:10px;color:var(--cor-borda-forte)}.selo{padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:600;display:inline-block}.selo-pendente{background:#fef3c7;color:#92400e}.selo-parcial{background:#dbeafe;color:#1e40af}.selo-pago{background:#dcfce7;color:#166534}.selo-aberto{background:#f1f5f9;color:#475569}.selo-em_transito{background:#e0e7ff;color:#3730a3}.selo-entregue{background:#dcfce7;color:#166534}fieldset.bloco{border:1px solid var(--cor-borda);border-radius:var(--raio-sm);padding:16px;margin:4px 0 16px}fieldset.bloco legend{font-weight:700;padding:0 8px;font-size:14px;color:var(--cor-texto-suave)}.item-linha{display:grid;grid-template-columns:1fr 72px 120px 40px;gap:8px;margin-bottom:8px;align-items:center}.item-linha input{min-height:42px}.item-linha .btn-pequeno{min-height:42px;padding:0}.grupo-cliente{margin-bottom:22px}.grupo-cabecalho{display:flex;align-items:baseline;gap:10px;padding:0 2px 8px}.grupo-nome{font-size:16px;font-weight:700}.grupo-contagem{font-size:13px;color:var(--cor-texto-suave)}.pedido-card{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:14px 16px;margin-bottom:10px}.pedido-topo{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.pedido-selos{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pedido-data{font-size:13px;color:var(--cor-texto-suave)}.pedido-itens{list-style:none;margin:0;padding:0}.pedido-itens li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--cor-borda);font-size:15px}.pedido-itens li span:last-child{color:var(--cor-texto-suave);white-space:nowrap}.pedido-total{display:flex;justify-content:space-between;padding-top:10px;font-size:15px}@media (max-width: 860px){.item-linha{grid-template-columns:1fr 60px 100px 38px;gap:6px}}@media (max-width: 860px){.sidebar{transform:translate(-100%);box-shadow:var(--sombra-md)}.sidebar.aberto{transform:translate(0)}.principal{margin-left:0}.btn-menu{display:inline-flex}.backdrop.aberto{display:block}.grid-2{grid-template-columns:1fr}.conteudo{padding:14px}.toolbar{gap:8px}.toolbar .busca{max-width:none;min-width:0;flex:1 1 100%}.toolbar select{max-width:none;flex:1 1 100%}.toolbar .espaco{display:none}.toolbar>.btn-primario{width:100%}.check-inline{width:100%}.card{border:none;box-shadow:none;background:transparent}.card-form{border:1px solid var(--cor-borda);background:var(--cor-card)}.tabela-wrap{overflow:visible}.tabela thead{display:none}.tabela,.tabela tbody{display:block;width:100%}.tabela tr{display:block;background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:var(--raio);box-shadow:var(--sombra);margin-bottom:12px;padding:6px 2px}.tabela tbody tr:hover{background:var(--cor-card)}.tabela td{display:flex;justify-content:space-between;align-items:center;gap:14px;border:none;padding:10px 16px;white-space:normal;text-align:right}.tabela td:before{content:attr(data-label);font-weight:700;color:var(--cor-texto-suave);font-size:12px;text-transform:uppercase;letter-spacing:.03em;text-align:left}.tabela td.col-acao{justify-content:flex-end;padding-top:6px}.tabela td.col-acao:before{display:none}.tabela td.col-acao .btn-pequeno{width:100%}.tabela .nome-forte{font-size:16px}.topbar{padding:0 16px}}