*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;color:#1a1a1a;background:#f5f5f3;}

/* LOGIN */
.login-bg{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);display:flex;align-items:center;justify-content:center;z-index:1000;}
.login-box{background:#fff;border-radius:16px;padding:2rem;width:360px;max-width:95vw;box-shadow:0 20px 60px rgba(0,0,0,0.3);}
.login-logo{font-size:22px;font-weight:700;margin-bottom:6px;}
.login-logo span{color:#e05a2b;}
.login-sub{font-size:13px;color:#888;margin-bottom:1.5rem;}
.login-user-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:1rem;}
.login-user-btn{padding:10px;border:2px solid #e5e5e2;border-radius:8px;background:#fff;cursor:pointer;text-align:center;transition:all 0.15s;}
.login-user-btn:hover{border-color:#e05a2b;background:#fff8f6;}
.login-user-btn.selected{border-color:#e05a2b;background:#fff8f6;}
.login-user-nome{font-size:13px;font-weight:600;}
.login-user-perfil{font-size:11px;color:#888;margin-top:2px;}
.login-avatar{width:32px;height:32px;border-radius:50%;background:#e05a2b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;margin:0 auto 6px;}
.login-senha-row{margin-bottom:1rem;}
.login-senha-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;margin-top:6px;}
.login-senha-input:focus{outline:none;border-color:#e05a2b;}
.login-btn{width:100%;padding:12px;background:#e05a2b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;}
.login-btn:hover{background:#c94e22;}
.login-err{font-size:12px;color:#dc2626;margin-top:8px;text-align:center;}

/* APP */
.topbar{background:#fff;border-bottom:1px solid #e5e5e2;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:56px;position:sticky;top:0;z-index:100;}
@media(max-width:768px){.topbar{display:none;}.container{padding-top:0;}}
.topbar-brand{font-size:16px;font-weight:600;letter-spacing:-0.3px;}
.topbar-brand span{color:#e05a2b;}
.topbar-right{display:flex;align-items:center;gap:12px;}
.status-dot{width:8px;height:8px;border-radius:50%;background:#ccc;display:inline-block;}
.status-dot.ok{background:#22c55e;}.status-dot.err{background:#ef4444;}
.status-txt{font-size:12px;color:#666;}
.user-chip{font-size:12px;background:#f3f4f6;border:1px solid #e5e5e2;padding:4px 10px;border-radius:20px;color:#444;cursor:pointer;}
.container{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;}
.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:1.25rem;}
.metric{background:#fff;border:1px solid #e5e5e2;border-radius:10px;padding:12px 14px;}
.metric-label{font-size:10px;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px;}
.metric-val{font-size:22px;font-weight:600;color:#1a1a1a;}
.metric-val.orange{color:#e05a2b;}.metric-val.blue{color:#2563eb;}.metric-val.purple{color:#7c3aed;}.metric-val.green{color:#16a34a;}
.filter-bar{background:#fff;border:1px solid #e5e5e2;border-radius:10px;padding:10px 16px;margin-bottom:1.25rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.filter-bar label{font-size:12px;color:#888;}
.filter-bar select,.filter-bar input[type=date]{padding:5px 8px;border:1px solid #d1d5db;border-radius:7px;font-size:12px;background:#fff;cursor:pointer;}
.filter-sep{width:1px;height:20px;background:#e5e5e2;}
.btn-filtrar{padding:6px 14px;background:#e05a2b;color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;}
.btn-reset{padding:6px 10px;background:none;border:1px solid #d1d5db;border-radius:7px;font-size:12px;color:#666;cursor:pointer;}
.filtros-ativos{font-size:11px;color:#aaa;margin-left:auto;}
.nav{display:flex;gap:2px;margin-bottom:1.5rem;background:#fff;border:1px solid #e5e5e2;border-radius:10px;padding:4px;}

/* ---- DRAWER MOBILE ---- */
.mobile-header{display:none;align-items:center;justify-content:space-between;padding:12px 1rem;background:#fff;border-bottom:1px solid #e5e5e2;position:sticky;top:0;z-index:100;}
.mobile-header-title{font-size:15px;font-weight:700;color:#1a1a1a;}
.mobile-header-aba{font-size:12px;color:#e05a2b;font-weight:600;}
.hamburger-btn{background:none;border:none;cursor:pointer;padding:6px;font-size:22px;color:#1a1a1a;line-height:1;}
.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:200;opacity:0;transition:opacity 0.25s;}
.drawer-overlay.open{display:block;opacity:1;}
.drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;z-index:201;transform:translateX(-100%);transition:transform 0.25s ease;display:flex;flex-direction:column;box-shadow:4px 0 20px rgba(0,0,0,0.15);}
.drawer.open{transform:translateX(0);}
.drawer-header{padding:1.25rem 1rem 1rem;border-bottom:1px solid #f0f0ee;display:flex;align-items:center;justify-content:space-between;}
.drawer-logo{font-size:16px;font-weight:800;color:#1a1a1a;}
.drawer-logo span{color:#e05a2b;}
.drawer-close{background:none;border:none;font-size:20px;cursor:pointer;color:#888;padding:4px;}
.drawer-nav{flex:1;overflow-y:auto;padding:8px 0;}
.drawer-nav-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 1.25rem;border:none;background:none;font-size:14px;font-weight:500;color:#444;cursor:pointer;text-align:left;transition:background 0.15s;text-decoration:none;}
.drawer-nav-btn:hover{background:#f5f5f3;}
.drawer-nav-btn.active{background:#fff0e8;color:#e05a2b;font-weight:700;}
.drawer-nav-btn.tem-alerta-drawer{color:#dc2626;}
.drawer-badge{background:#dc2626;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:auto;animation:pulse-red 1.8s infinite;}
.drawer-user{padding:1rem;border-top:1px solid #f0f0ee;font-size:12px;color:#888;}
.drawer-user strong{color:#1a1a1a;display:block;margin-bottom:2px;}

@media (max-width:768px){
  .mobile-header{display:flex;}
  .nav{display:none;}
  .container{padding:0.75rem;}
}
.nav-btn{flex:1;padding:8px 6px;background:none;border:none;border-radius:7px;cursor:pointer;font-size:12px;color:#666;font-weight:500;transition:all 0.15s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.nav-btn:hover{background:#f5f5f3;color:#1a1a1a;}
.nav-btn.active{background:#1a1a1a;color:#fff;}
.section{display:none;}.section.active{display:block;}
.card{background:#fff;border:1px solid #e5e5e2;border-radius:10px;padding:1.25rem;margin-bottom:1rem;}
.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.card-title{font-size:14px;font-weight:600;}
.badge{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500;}
.badge-pending{background:#fef3c7;color:#92400e;}
.badge-arquivo{background:#dbeafe;color:#1e40af;}
.badge-corte{background:#fef9c3;color:#854d0e;}
.badge-cortado{background:#dcfce7;color:#166534;}
.badge-colagem{background:#ede9fe;color:#5b21b6;}
.badge-colagem-ok{background:#d1fae5;color:#065f46;}
.badge-sep{background:#f3e8ff;color:#7e22ce;}
.badge-done{background:#dcfce7;color:#166534;}
.badge-gray{background:#f3f4f6;color:#374151;}
.badge-warn{background:#fef3c7;color:#92400e;}
.badge-master{background:#fef3c7;color:#92400e;}
.btn{padding:7px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:12px;color:#1a1a1a;font-weight:500;transition:all 0.15s;text-decoration:none;display:inline-block;}
.btn:hover{background:#f9fafb;}
.btn-primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a;}
.btn-orange{background:#e05a2b;color:#fff;border-color:#e05a2b;}
.btn-success{background:#16a34a;color:#fff;border-color:#16a34a;}
.btn-purple{background:#7c3aed;color:#fff;border-color:#7c3aed;}
.btn-danger{background:#fff;color:#dc2626;border-color:#fecaca;}
.btn-sm{padding:4px 10px;font-size:11px;}
.btn-icon{padding:5px 8px;}
.order-row{border:1px solid #e5e5e2;border-radius:8px;padding:10px 14px;margin-bottom:8px;background:#fff;}
.order-row:hover{border-color:#d1d5db;}
.order-row-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.order-num{font-weight:600;font-size:13px;min-width:65px;color:#e05a2b;}
.order-client{font-size:13px;color:#444;flex:1;}
.order-date{font-size:11px;color:#aaa;min-width:65px;}
.order-val{font-size:13px;font-weight:600;min-width:80px;text-align:right;}
.order-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap;}
.order-detail{margin-top:10px;padding-top:10px;border-top:1px solid #f0f0ee;display:none;}
.order-detail.open{display:block;}
.item-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #f5f5f3;}
.item-row:last-child{border-bottom:none;}
.item-check{width:16px;height:16px;cursor:pointer;accent-color:#16a34a;}
.item-qty{font-size:13px;font-weight:600;color:#e05a2b;min-width:35px;}
.item-name{flex:1;font-size:13px;}
.pix-match-card{border:1px solid #e5e5e2;border-radius:10px;margin-bottom:12px;overflow:hidden;}
.pix-match-card.match-ok{border-color:#86efac;}
.pix-match-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f9f9f8;border-bottom:1px solid #e5e5e2;}
.pix-match-header.match-ok{background:#f0fdf4;border-bottom-color:#86efac;}
.pix-match-body{display:grid;grid-template-columns:1fr auto 1fr;}
.pix-side{padding:12px 16px;}
.pix-side-label{font-size:10px;text-transform:uppercase;letter-spacing:0.5px;color:#aaa;margin-bottom:5px;}
.pix-side-nome{font-size:14px;font-weight:600;margin-bottom:3px;}
.pix-side-detalhe{font-size:12px;color:#666;margin-bottom:2px;}
.pix-divider{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#ccc;font-size:18px;}
.pix-match-footer{padding:10px 14px;border-top:1px solid #f0f0ee;display:flex;align-items:center;gap:8px;justify-content:flex-end;}
.obs-input{flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:7px;font-size:12px;}
.drag-handle{cursor:grab;color:#ccc;padding:0 2px;font-size:18px;user-select:none;}
.note-box{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:8px 12px;font-size:12px;color:#92400e;margin-top:8px;}
.section-title{font-size:18px;font-weight:600;margin-bottom:4px;}
.section-sub{font-size:13px;color:#888;margin-bottom:1.25rem;}
.section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:10px;}
.sep-group-title{font-size:13px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px;margin-top:1.5rem;}
.sep-group-title:first-child{margin-top:0;}
.expedicao-row{border:1px solid #e5e5e2;border-radius:8px;padding:12px 16px;margin-bottom:8px;background:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.exp-checks{display:flex;flex-direction:column;gap:2px;}
.exp-check{font-size:11px;color:#22c55e;font-weight:500;}
.loading{text-align:center;padding:3rem;color:#888;}
.spinner{display:inline-block;width:20px;height:20px;border:2px solid #e5e5e2;border-top-color:#888;border-radius:50%;animation:spin 0.8s linear infinite;vertical-align:middle;margin-right:8px;}
@keyframes spin{to{transform:rotate(360deg);}}
.empty{text-align:center;padding:3rem;color:#aaa;font-size:13px;}
.empty-icon{font-size:32px;margin-bottom:10px;}
.ps-item{display:flex;align-items:center;}
.ps-col{display:flex;flex-direction:column;align-items:center;}
.ps-dot{width:22px;height:22px;border-radius:50%;background:#e5e5e2;display:flex;align-items:center;justify-content:center;font-size:9px;color:#999;font-weight:700;flex-shrink:0;}
.ps-dot.active{background:#e05a2b;color:#fff;}.ps-dot.done{background:#22c55e;color:#fff;}
.ps-line{width:28px;height:2px;background:#e5e5e2;}
.ps-line.done{background:#22c55e;}
.ps-label{font-size:9px;color:#bbb;text-align:center;margin-top:3px;white-space:nowrap;}
.ps-label.active{color:#e05a2b;font-weight:600;}.ps-label.done{color:#22c55e;}
.prod-stages-bar{display:flex;align-items:flex-start;margin-top:10px;}
.priority-num{font-size:11px;color:#bbb;min-width:20px;}
.pag-data{font-size:11px;background:#fef3c7;color:#92400e;padding:2px 7px;border-radius:20px;font-weight:500;}
.dash-table{width:100%;border-collapse:collapse;}
.dash-table th{font-size:11px;color:#888;text-align:left;padding:8px 10px;border-bottom:2px solid #e5e5e2;font-weight:600;text-transform:uppercase;letter-spacing:0.4px;}
.dash-table td{padding:9px 10px;border-bottom:1px solid #f0f0ee;font-size:13px;vertical-align:middle;}
.dash-table tr:hover td{background:#fafaf9;}
.stage-pill{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500;white-space:nowrap;}
.op-card{background:#fff;border:1px solid #e5e5e2;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.op-avatar{width:36px;height:36px;border-radius:50%;background:#e05a2b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;}
.op-avatar.inativo{background:#d1d5db;color:#9ca3af;}
.op-info{flex:1;}
.op-nome{font-size:13px;font-weight:600;}
.op-perfis{font-size:11px;color:#888;margin-top:2px;}
.op-stats{font-size:11px;color:#666;text-align:right;min-width:100px;}
.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:200;align-items:center;justify-content:center;}
.modal-bg.open{display:flex;}
.modal{background:#fff;border-radius:12px;padding:1.5rem;width:420px;max-width:95vw;max-height:90vh;overflow-y:auto;}
.modal-title{font-size:16px;font-weight:600;margin-bottom:1rem;}
.form-row{margin-bottom:12px;}
.form-label{font-size:12px;color:#555;margin-bottom:4px;display:block;}
.form-input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:7px;font-size:13px;}
.form-select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:7px;font-size:13px;background:#fff;}
.perfil-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;}
.perfil-check-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e5e5e2;border-radius:7px;cursor:pointer;}
.perfil-check-item:hover{border-color:#e05a2b;background:#fff8f6;}
.perfil-check-item input{accent-color:#e05a2b;}
.perfil-check-item label{font-size:12px;cursor:pointer;}
.status-msg{font-size:12px;margin-top:10px;padding:8px 12px;border-radius:6px;}
.status-ok{background:#dcfce7;color:#166534;}.status-err{background:#fef2f2;color:#dc2626;}
.toast{position:fixed;bottom:24px;right:24px;background:#1a1a1a;color:#fff;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:500;z-index:9999;animation:fadeUp 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.2);}

/* ===================== RESPONSIVO TABLET/MOBILE ===================== */
@media (max-width:900px){
  .container{padding:1rem;}
  .nav{flex-wrap:wrap;gap:2px;}
  .nav-btn{font-size:12px;padding:7px 10px;}
  .app-bar{flex-wrap:wrap;gap:8px;padding:10px 1rem;}
  .metrics{grid-template-columns:repeat(2,1fr);gap:8px;}
  .metric-card{padding:12px;}
  .dash-table{font-size:12px;}
  .dash-table th,.dash-table td{padding:6px 8px;}
  .order-row-header{flex-wrap:wrap;gap:6px;}
  .order-actions{flex-wrap:wrap;}
  .kanban-board{flex-direction:column;}
  .kanban-col{min-width:unset;}
  .quadro-board{flex-wrap:wrap;}
  .quadro-col{min-width:80px;}
  .expedicao-row{flex-wrap:wrap;gap:6px;}
  .modal{width:95vw;max-width:95vw;padding:1.25rem;}
  .filtros-etapa{margin-bottom:1rem;}
  .chips-row{gap:4px;}
  .chip{font-size:11px;padding:5px 10px;}
}

@media (max-width:600px){
  .container{padding:0.75rem;}
  .nav{gap:1px;}
  .nav-btn{font-size:11px;padding:6px 8px;flex:1;text-align:center;}
  .metrics{grid-template-columns:repeat(2,1fr);}
  .metric-val{font-size:24px;}
  /* Tabela do dashboard vira cards no mobile */
  .dash-table thead{display:none;}
  .dash-table tbody tr{display:block;background:#fff;border:1px solid #e5e5e2;border-radius:8px;margin-bottom:8px;padding:10px;}
  .dash-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border:none;font-size:12px;}
  .dash-table tbody td:before{content:attr(data-label);font-weight:600;color:#888;font-size:11px;margin-right:8px;}
  .dash-table tbody td:last-child{border-top:1px solid #f0f0ee;margin-top:4px;padding-top:8px;}
  .order-row{padding:10px;}
  .order-row-header{gap:4px;}
  .order-num{font-size:13px;}
  .order-client{font-size:12px;width:100%;}
  .prod-stages-bar{overflow-x:auto;}
  .ps-label{font-size:10px;}
  .section-title{font-size:16px;}
  .btn{font-size:12px;padding:7px 12px;}
  .btn-sm{font-size:11px;padding:5px 8px;}
  .modal{width:98vw;padding:1rem;}
  .bloco-data-title{font-size:12px;}
  .kanban-card{font-size:11px;}
  .expedicao-row{padding:10px;}
  /* Etiquetas em 1 coluna no mobile */
  @page{size:A4 landscape;}
  .section-header{flex-direction:column;gap:8px;}
  .alerta-card{padding:12px;}
  .comentario-item{padding:6px 8px;}
}
.toast-undo{display:flex;align-items:center;gap:14px;background:rgba(26,26,26,0.92);backdrop-filter:blur(4px);}
.toast-undo-btn{background:none;border:1px solid rgba(255,255,255,0.4);color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;}
.toast-undo-btn:hover{background:rgba(255,255,255,0.15);}
.filtros-etapa{margin-bottom:1.25rem;}
.busca-etapa-input{width:100%;padding:9px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;margin-bottom:10px;background:#fff;}
.busca-etapa-input:focus{outline:none;border-color:#e05a2b;}
.chips-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.chip{padding:6px 12px;border:1px solid #e5e5e2;border-radius:20px;background:#fff;font-size:12px;color:#444;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:6px;transition:all 0.15s;}
.chip:hover{border-color:#e05a2b;background:#fff8f6;}
.chip-ativo{background:#1a1a1a;color:#fff;border-color:#1a1a1a;}
.chip-count{background:rgba(0,0,0,0.08);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600;}
.chip-ativo .chip-count{background:rgba(255,255,255,0.2);}
.chip-limpar{color:#dc2626;border-color:#fecaca;}
.badge-prioridade{background:#fef08a;color:#854d0e;font-size:10px;padding:2px 8px;border-radius:20px;font-weight:700;border:1px solid #facc15;margin-left:4px;}
.estoque-badge{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600;margin:0 4px;}
.estoque-ok{background:#dcfce7;color:#166534;}
.estoque-medio{background:#fef3c7;color:#92400e;}
.estoque-baixo{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;}
.order-row.erro-estoque{border:2px solid #dc2626;background:#fff5f5;}
.badge-erro-estoque{background:#dc2626;color:#fff;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:700;animation:pulse-red 1.5s infinite;}
@keyframes pulse-red{0%,100%{opacity:1;}50%{opacity:0.6;}}
.nav-btn.tem-alerta{position:relative;background:#dc2626!important;color:#fff!important;animation:pulse-alerta 1.8s infinite;}
@keyframes pulse-alerta{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,0.5);}50%{box-shadow:0 0 0 6px rgba(220,38,38,0);}}
.nav-btn.tem-alerta::after{content:attr(data-count);position:absolute;top:-6px;right:-6px;background:#fff;color:#dc2626;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid #dc2626;}
.alerta-card{border:2px solid #fecaca;border-radius:10px;padding:1rem;margin-bottom:12px;background:#fff5f5;}
/* ---- RELATÓRIO DE PRODUTIVIDADE ---- */
.rel-resumo{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:1.5rem;}
.rel-resumo-card{background:#fff;border:1px solid #e5e5e2;border-radius:10px;padding:14px;text-align:center;}
.rel-resumo-nome{font-size:12px;font-weight:700;color:#444;margin-bottom:6px;}
.rel-resumo-num{font-size:28px;font-weight:800;color:#e05a2b;}
.rel-resumo-label{font-size:11px;color:#aaa;}
.rel-resumo-areas{font-size:11px;color:#666;margin-top:4px;}
.rel-tabela-wrap{overflow-x:auto;margin-bottom:1.5rem;}
.rel-tabela{width:100%;border-collapse:collapse;font-size:12px;}
.rel-tabela th{background:#f5f5f3;padding:8px 12px;text-align:left;font-weight:700;color:#666;border-bottom:2px solid #e5e5e2;white-space:nowrap;}
.rel-tabela td{padding:8px 12px;border-bottom:1px solid #f0f0ee;vertical-align:top;}
.rel-tabela tr:hover td{background:#fafaf9;}
.rel-cell-vazio{color:#ddd;text-align:center;}
.rel-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;margin:1px;white-space:nowrap;}
.rel-tag-prod{background:#fef3c7;color:#92400e;}
.rel-tag-col{background:#ede9fe;color:#5b21b6;}
.rel-tag-sep{background:#dbeafe;color:#1e40af;}
.rel-tag-emb{background:#dcfce7;color:#166534;}
.rel-tag-exp{background:#fee2e2;color:#991b1b;}
.rel-multi-area{background:#fef9c3;border:1px solid #fde047;}
.rel-secao-titulo{font-size:14px;font-weight:700;color:#1a1a1a;margin:1.5rem 0 10px;padding-bottom:6px;border-bottom:2px solid #e5e5e2;}
.alerta-card.resolvido{border-color:#86efac;background:#f0fdf4;opacity:0.7;}
.alerta-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.comentario-item{padding:8px 12px;border-left:3px solid #e5e5e2;margin:6px 0;background:#f9f9f8;border-radius:0 6px 6px 0;}
.comentario-item.comentario-resolucao{border-left-color:#22c55e;background:#f0fdf4;}
.comentario-meta{font-size:10px;color:#aaa;margin-bottom:3px;}
.comentario-texto{font-size:13px;color:#444;}
.order-row.is-prioridade{border:2px solid #facc15;background:#fffdf0;}
.envio-sedex{color:#dc2626;font-weight:700;}
.bloco-data-title{font-size:14px;font-weight:700;color:#1a1a1a;background:#f0f0ee;padding:8px 14px;border-radius:8px;margin:1.25rem 0 10px;display:flex;align-items:center;gap:10px;}
.bloco-data-title:first-child{margin-top:0;}
.kanban-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;}
.kanban-col{flex:1;min-width:220px;background:#f5f5f3;border-radius:10px;padding:10px;}
.kanban-col-title{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:0.4px;margin-bottom:10px;padding:0 4px;display:flex;justify-content:space-between;align-items:center;}
.kanban-card{background:#fff;border:1px solid #e5e5e2;border-radius:8px;padding:10px;margin-bottom:8px;cursor:grab;font-size:12px;}
.kanban-card.dragging{opacity:0.4;}
.kanban-card.is-prioridade{border:2px solid #facc15;background:#fffdf0;}
.kanban-card-num{font-weight:700;color:#e05a2b;}
.kanban-col.drag-over{background:#fff0e8;}
.quadro-board{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;}
.quadro-col{min-width:90px;background:#fff;border:1px solid #e5e5e2;border-radius:8px;padding:8px;}
.quadro-col-title{font-size:11px;font-weight:700;text-align:center;border-bottom:2px solid #1a1a1a;padding-bottom:6px;margin-bottom:8px;}
.quadro-item{padding:5px 6px;text-align:center;font-size:12px;font-weight:600;border-bottom:1px solid #f0f0ee;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;}
.quadro-item:hover{background:#f5f5f3;}
.quadro-item-sedex{color:#dc2626;}
.quadro-item-num{flex:1;}
.quadro-marca-bolinha{width:10px;height:10px;border-radius:50%;background:#1a1a1a;display:inline-block;flex-shrink:0;}
.quadro-marca-check{font-weight:900;font-size:16px;color:#16a34a;line-height:1;}
.quadro-item.is-prioridade{background:#fffdf0;}
.chip-limpar:hover{background:#fef2f2;border-color:#dc2626;}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@media(max-width:700px){.metric-grid{grid-template-columns:repeat(2,1fr);}.nav-btn{font-size:10px;padding:6px 3px;}.container{padding:1rem;}}