.sidebar-history-group{
  margin-top:4px;
}

.sidebar-nav-item-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
}

.sidebar-nav-item-main{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.sidebar-nav-arrow{
  font-size:14px;
  color:var(--muted);
  transition:transform var(--transition), color var(--transition);
}

#btnHistorico[aria-expanded="true"] .sidebar-nav-arrow{
  transform:rotate(180deg);
  color:var(--text);
}

.historico-dropdown{
  max-height:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  transition:max-height .28s ease, opacity .2s ease, margin-top .28s ease;
  margin-top:0;
}

.historico-dropdown.open{
  max-height:360px;
  opacity:1;
  pointer-events:auto;
  margin-top:8px;
}

.historico-dropdown-inner{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:340px;
  overflow:auto;
  padding-right:4px;
}

.historico-dropdown-inner::-webkit-scrollbar{
  width:8px;
}

.historico-dropdown-inner::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.12);
  border-radius:999px;
}

.historico-loading,
.historico-erro,
.historico-vazio{
  padding:12px 14px;
  font-size:13px;
  color:var(--muted);
  background:var(--card2);
  border:1px solid var(--line);
  border-radius:14px;
}

.historico-dropdown-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:8px;
  background:rgba(255,255,255,.02);
  border:1px solid var(--line);
  border-radius:14px;
  transition:border-color var(--transition), background var(--transition), transform var(--transition);
}

.historico-dropdown-item:hover{
  background:rgba(255,255,255,.04);
  border-color:rgba(0,230,118,.22);
}

.historico-dropdown-item.is-active{
  border-color:rgba(0,230,118,.4);
  box-shadow:0 0 0 1px rgba(0,230,118,.12) inset;
}

.historico-dropdown-open,
.historico-dropdown-delete{
  border:none;
  background:transparent;
  color:var(--text);
  cursor:pointer;
}

.historico-dropdown-open{
  width:100%;
  text-align:left;
  padding:6px 8px;
  border-radius:10px;
}

.historico-dropdown-open:hover{
  background:rgba(255,255,255,.04);
}

.historico-dropdown-title{
  display:block;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.historico-dropdown-delete{
  width:34px;
  height:34px;
  border-radius:10px;
  color:#ffb4b4;
  font-weight:800;
}

.historico-dropdown-delete:hover{
  background:rgba(255,82,82,.12);
  color:#ffd2d2;
}

.historico-detail-dialog{
  max-width:760px;
}

.historico-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.historico-detail-title{
  font-size:24px;
  font-weight:900;
  line-height:1.15;
}

.historico-detail-subtitle{
  margin-top:6px;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}

.historico-detail-price{
  font-size:28px;
  font-weight:900;
  color:var(--primary2);
  white-space:nowrap;
}

.historico-detail-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}

.historico-resumo-card{
  background:var(--card2);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
}

.historico-resumo-label{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--muted);
  margin-bottom:8px;
}

.historico-resumo-card strong{
  font-size:16px;
}

.historico-detail-panel{
  background:var(--card2);
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
}

.historico-detail-section-title{
  font-size:15px;
  font-weight:800;
  margin-bottom:10px;
}

.historico-detail-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.historico-detail-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.historico-detail-row:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.historico-detail-row span{
  color:var(--muted);
}

.historico-detail-row strong{
  text-align:right;
}

.historico-detail-note{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  background:var(--okBg);
  color:var(--okText);
  font-size:13px;
  line-height:1.45;
}

.historico-detail-actions{
  margin-top:16px;
  justify-content:flex-end;
}

.danger-btn{
  background:#2b1414;
  color:#ffd6d6;
}

.danger-btn:hover{
  background:#3a1c1c;
}

@media (max-width: 800px){
  .historico-dropdown.open{
    max-height:280px;
  }

  .historico-detail-head{
    flex-direction:column;
  }

  .historico-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .historico-detail-actions{
    flex-direction:column;
  }

  .historico-detail-actions button{
    width:100%;
  }
}


.historico-dropdown-delete{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
  line-height:1;
  font-size:20px;
}

@media (max-width: 720px){
  .historico-detail-grid{
    grid-template-columns:1fr;
  }
}


.historico-inline-title,
.historico-inline-text,
.historico-inline-value{
  border-radius:10px;
  transition:background var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.historico-inline-title{
  display:inline-block;
  min-width:220px;
  padding:2px 6px;
  margin:-2px -6px;
  border:1px solid transparent;
}

.historico-inline-text,
.historico-inline-value{
  display:inline-block;
  padding:2px 6px;
  margin:-2px -6px;
  border:1px dashed transparent;
}

.historico-inline-title:hover,
.historico-inline-text:hover,
.historico-inline-value:hover{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.10);
}

.historico-inline-title:focus,
.historico-inline-text:focus,
.historico-inline-value:focus{
  outline:none;
  background:rgba(255,255,255,.06);
  border-color:rgba(0,230,118,.28);
  box-shadow:0 0 0 3px rgba(0,230,118,.10);
}

.historico-inline-value{
  text-align:right;
  min-width:180px;
}

.historico-detail-row.is-editable strong{
  color:var(--text);
}

.historico-inline-tip{
  margin-top:12px;
  font-size:12px;
  color:var(--muted);
}

/* Histórico no padrão do cartão de orçamento */
.historico-card-modal-dialog{
  max-width: 1120px;
}

.historico-card-meta{
  margin-top: 10px;
  font-size: .92rem;
  color: var(--muted);
}

.historico-card-modal-grid{
  align-items: start;
}

.historico-tech-strip{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.historico-tech-pill{
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,.02);
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.historico-tech-pill span{
  font-size: .78rem;
  color: var(--muted);
}

.historico-tech-pill strong{
  font-size: 1rem;
  color: var(--text);
}

.historico-mini-panel{
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(255,255,255,.02);
  display: grid;
  gap: 10px;
}

.historico-mini-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: .94rem;
}

.historico-mini-row span{
  color: var(--muted);
}

.historico-mini-row strong{
  color: var(--text);
}

.historico-card-actions{
  margin-top: 16px;
  flex-wrap: wrap;
}

.historico-card-actions .secondary-btn,
.historico-card-actions .calc-btn{
  flex: 1 1 220px;
}

#historicoEditObs{
  min-height: 88px;
}

body:not(.light) #historicoClientCard{
  box-shadow: none;
}

@media (max-width: 900px){
  .historico-tech-strip{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px){
  .historico-tech-strip{
    grid-template-columns: 1fr;
  }

  .historico-card-actions .secondary-btn,
  .historico-card-actions .calc-btn{
    flex-basis: 100%;
  }
}


/* ===== Gerenciador de pedidos ===== */
.pedidos-section {
  padding: 24px;
}

.pedidos-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 20px;
}

.pedidos-header-acoes {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.pedidos-tabs {
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
}

.pedidos-tab {
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: inherit;
  border-radius: 12px;
  padding: 10px 16px;
  cursor: pointer;
}

.pedidos-tab.is-active {
  border-color: rgba(255,255,255,0.28);
  background: rgba(255,255,255,0.10);
}

.pedidos-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(220px, 1fr));
  gap: 16px;
  align-items: start;
}

.pedidos-coluna {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 14px;
  min-height: 420px;
}

.pedidos-coluna-concluir {
  border-style: dashed;
}

.pedidos-coluna-topo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.pedidos-dropzone {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 340px;
}

.pedidos-dropzone.is-over {
  outline: 2px dashed rgba(255,255,255,0.22);
  border-radius: 14px;
}

.pedido-card {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 14px;
  cursor: grab;
}

.pedido-card.dragging {
  opacity: .6;
}

.pedido-card-topo {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.pedido-card-detalhes,
.pedido-mini-btn {
  border: 0;
  border-radius: 10px;
  padding: 8px 12px;
  cursor: pointer;
}

.pedido-card-cliente {
  margin-top: 8px;
  opacity: .85;
}

.pedido-card-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  font-size: .95rem;
}

.pedido-card-origem {
  margin-top: 10px;
  font-size: .9rem;
  opacity: .75;
}

.pedidos-vazio-coluna,
.pedidos-empty {
  opacity: .65;
  font-size: .95rem;
}

.pedidos-concluidos {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pedido-concluido-item {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}

.pedido-modal-card {
  max-width: 900px;
}

.pedido-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pedido-modal-grid label {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pedido-modal-grid input,
.pedido-modal-grid select,
.pedido-modal-grid textarea {
  width: 100%;
  border-radius: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.06);
  color: inherit;
}

.pedido-modal-grid textarea {
  min-height: 90px;
  resize: vertical;
}

.pedido-modal-acoes {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 18px;
}

@media (max-width: 1100px) {
  .pedidos-board {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .pedidos-board {
    grid-template-columns: 1fr;
  }
  .pedido-concluido-item,
  .pedido-modal-grid {
    grid-template-columns: 1fr;
  }
}

.pedidos-section.hidden { display:none; }
.pedido-modal-card .modal-top { margin-bottom: 18px; }
.pedido-modal-grid label { color: inherit; }
.pedido-modal-grid textarea { min-height: 90px; resize: vertical; }
.sidebar-nav-item#btnMenuPedidos { cursor:pointer; }


.pedido-card-acoes-topo{display:flex;gap:8px;align-items:center;}
.pedido-card-apagar,.pedido-mini-btn-danger{border:none;border-radius:10px;padding:6px 10px;cursor:pointer;background:rgba(255,80,80,.14);color:#ffd6d6;font-weight:700;}
.pedido-card-apagar:hover,.pedido-mini-btn-danger:hover{background:rgba(255,80,80,.22);}
.pedido-concluido-acoes{display:flex;gap:8px;justify-content:flex-end;align-items:center;}

/* ===== Clientes ===== */
.clientes-toolbar{margin-bottom:18px;display:flex;gap:12px;align-items:center;}
.clientes-toolbar input{width:min(460px,100%);border-radius:12px;padding:12px 14px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.06);color:inherit;}
.clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
.cliente-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;}
.cliente-card-topo{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.cliente-card-sub{opacity:.72;font-size:.92rem;margin-top:4px;}
.cliente-card-acoes{display:flex;gap:8px;flex-wrap:wrap;}
.cliente-card-linha{display:flex;justify-content:space-between;gap:12px;font-size:.95rem;}
.cliente-card-linha span{opacity:.72;}

.pedido-cliente-select-row{display:flex;gap:8px;align-items:center;}
.pedido-cliente-select-row select{flex:1;}
.pedido-modal-acoes-topo-extra{justify-content:flex-start;flex-wrap:wrap;margin-top:16px;}
.pedido-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,0.08);font-size:.78rem;margin-bottom:8px;}
.pedido-card-topo strong{display:block;line-height:1.25;}
.pedido-card-acoes-topo{display:flex;gap:8px;align-items:center;flex-shrink:0;}
.pedido-card{transition:transform .15s ease, box-shadow .15s ease;}
.pedido-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.16);}

@media (max-width:760px){
  .clientes-toolbar input{width:100%;}
  .pedido-modal-acoes-topo-extra,.pedido-modal-acoes{flex-direction:column;align-items:stretch;}
}


/* ===== Workflow gerar pedido ===== */
.pedido-workflow-dialog{max-width:760px;}
.pedido-workflow-summary{margin-bottom:16px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.04);display:grid;gap:6px;}
.pedido-workflow-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.pedido-workflow-option{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:inherit;border-radius:14px;padding:14px 16px;cursor:pointer;font-weight:700;transition:transform .15s ease,border-color .15s ease,background .15s ease;}
.pedido-workflow-option:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.35);}
.pedido-workflow-option.is-active{border-color:rgba(34,211,238,.55);background:rgba(34,211,238,.10);}
.pedido-workflow-panel{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:16px;padding:16px;display:grid;gap:14px;}
.pedido-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.pedido-workflow-grid label{display:flex;flex-direction:column;gap:8px;}
.pedido-workflow-grid input{width:100%;border-radius:12px;padding:12px 14px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.06);color:inherit;}
.pedido-workflow-preview{border:1px dashed rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;opacity:.82;font-size:.95rem;}
.pedido-workflow-actions{justify-content:flex-start;margin-top:0;}

@media (max-width:760px){
  .pedido-workflow-options,.pedido-workflow-grid{grid-template-columns:1fr;}
}


/* Histórico inline */
.historico-inline-host{margin-top:18px;}
.historico-inline-wrap{display:none; margin-top:18px;}
.historico-inline-wrap.open{display:block;}
.historico-inline-wrap .modal-dialog{width:100%;max-width:none;margin:0;}
.historico-inline-wrap .modal-top{margin-bottom:18px;}
.historico-inline-wrap .icon-btn{min-width:44px;}
.historico-inline-wrap .historico-tech-strip,.historico-inline-wrap .historico-mini-panel{display:none !important;}
#pedidoWorkflowModal{z-index:2200;}
#cardModal{z-index:2000;}
.historico-inline-host .historico-card-modal-dialog{background:linear-gradient(180deg,#111827 0%,#0f172a 100%);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.28);}
@media (max-width: 900px){
  .historico-inline-wrap .historico-card-modal-dialog{padding:16px;border-radius:18px;}
}


/* ===== Financeiro ===== */
.financeiro-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  margin:18px 0 20px;
}
.financeiro-filtros-rapidos{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.financeiro-filtro-custom{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.financeiro-filtro-custom label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--muted);
}
.financeiro-filtro-custom input[type="date"]{
  background:var(--card2);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 12px;
}
.financeiro-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.financeiro-card{
  background:var(--card2);
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px 18px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.financeiro-card-label{
  font-size:13px;
  color:var(--muted);
  font-weight:700;
}
.financeiro-card strong{
  font-size:28px;
  line-height:1.1;
}
.financeiro-tabela-wrap{
  background:var(--card2);
  border:1px solid var(--line);
  border-radius:18px;
  overflow:auto;
}
.financeiro-tabela{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}
.financeiro-tabela th,
.financeiro-tabela td{
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  text-align:left;
  font-size:14px;
}
.financeiro-tabela th{
  color:var(--muted);
  font-weight:800;
  white-space:nowrap;
}
.financeiro-status-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}
.financeiro-status-tag.status-finalizado{ border-color:rgba(255,193,7,.4); }
.financeiro-status-tag.status-enviado{ border-color:rgba(33,150,243,.45); }
.financeiro-status-tag.status-entregue{ border-color:rgba(0,230,118,.45); }

#pedidoModalClienteSelect,
#workflowClienteExistenteSelect{
  color:#111;
  background:#fff;
}
#pedidoModalClienteSelect option,
#workflowClienteExistenteSelect option{
  color:#111;
  background:#fff;
}

@media (max-width: 980px){
  .financeiro-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 640px){
  .financeiro-cards{
    grid-template-columns:1fr;
  }
  .financeiro-toolbar{
    align-items:stretch;
  }
  .financeiro-filtro-custom{
    width:100%;
  }
}


.pedido-modal-numero{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#e5e7eb;font-size:.85rem;font-weight:700;margin-top:6px;}


/* ===== Esconde temporariamente o modal do cartão ao salvar orçamento ===== */
#cardModal.save-budget-hidden{
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* ===== SIDEBAR MOBILE: SLIDE SUAVE ===== */
@media (max-width: 1000px) {
  .app-sidebar {
    transform: translateX(-108%);
    opacity: 0;
    visibility: hidden;
    transition: transform .34s cubic-bezier(.22,.61,.36,1), opacity .24s ease, visibility 0s linear .34s;
    will-change: transform, opacity;
  }

  .app-sidebar.open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition: transform .34s cubic-bezier(.22,.61,.36,1), opacity .24s ease;
  }

  .sidebar-overlay {
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .24s ease, visibility 0s linear .24s;
  }

  .sidebar-overlay.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .24s ease;
  }

  .sidebar-scroll {
    overscroll-behavior: contain;
  }
}

/* ===== GERENCIADOR DE PEDIDOS: COLUNAS COM LIMITE E SCROLL ===== */
.pedidos-board {
  align-items: stretch;
}

.pedidos-coluna {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: min(72vh, 860px);
}

.pedidos-coluna-topo {
  position: sticky;
  top: 0;
  z-index: 2;
  padding-bottom: 10px;
  margin-bottom: 12px;
  background: inherit;
  backdrop-filter: blur(8px);
}

.pedidos-dropzone {
  flex: 1 1 auto;
  min-height: 0;
  max-height: calc(min(72vh, 860px) - 64px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.18) transparent;
}

.pedidos-dropzone::-webkit-scrollbar {
  width: 8px;
}

.pedidos-dropzone::-webkit-scrollbar-track {
  background: transparent;
}

.pedidos-dropzone::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.16);
  border-radius: 999px;
}

.pedidos-dropzone::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.26);
}

body.light .pedidos-dropzone {
  scrollbar-color: rgba(23,32,42,.18) transparent;
}

body.light .pedidos-dropzone::-webkit-scrollbar-thumb {
  background: rgba(23,32,42,.18);
}

body.light .pedidos-dropzone::-webkit-scrollbar-thumb:hover {
  background: rgba(23,32,42,.28);
}

@media (max-width: 1100px) {
  .pedidos-board {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(280px, 82vw);
    grid-template-columns: none;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 8px;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .pedidos-board::-webkit-scrollbar {
    height: 8px;
  }

  .pedidos-board::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.16);
    border-radius: 999px;
  }

  body.light .pedidos-board::-webkit-scrollbar-thumb {
    background: rgba(23,32,42,.18);
  }

  .pedidos-coluna {
    scroll-snap-align: start;
    max-height: min(68vh, 760px);
  }

  .pedidos-dropzone {
    max-height: calc(min(68vh, 760px) - 64px);
  }
}

@media (max-width: 760px) {
  .pedidos-board {
    grid-auto-columns: minmax(300px, 88vw);
    gap: 12px;
    padding-inline: 2px;
  }

  .pedidos-coluna {
    max-height: min(64vh, 700px);
  }

  .pedidos-dropzone {
    max-height: calc(min(64vh, 700px) - 64px);
  }
}


/* ===== Pedidos: layout compacto + busca mestre + slide horizontal ===== */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.pedidos-filtros-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
}

.pedidos-busca-master{
  flex:1 1 340px;
}

.pedidos-busca-master input{
  width:min(100%, 520px);
  border-radius:14px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:inherit;
}

.pedidos-filtros-meta{
  color:var(--muted);
  font-size:13px;
}

.pedidos-board{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(280px, 320px);
  grid-template-columns:none;
  gap:14px;
  align-items:start;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:10px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}

.pedidos-board::-webkit-scrollbar{height:10px;}
.pedidos-board::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px;}
body.light .pedidos-board::-webkit-scrollbar-thumb{background:rgba(15,23,42,.18);}

.pedidos-coluna{
  scroll-snap-align:start;
  min-height:unset;
  height:340px;
  display:flex;
  flex-direction:column;
}

.pedidos-coluna-topo{
  gap:8px;
  margin-bottom:10px;
}

.pedidos-coluna-topo strong{font-size:15px;}

.pedidos-coluna-topo span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  font-weight:800;
}

.pedidos-dropzone{
  min-height:0;
  height:100%;
  overflow-y:auto;
  padding-right:4px;
}

.pedidos-dropzone::-webkit-scrollbar{width:8px;}
.pedidos-dropzone::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px;}
body.light .pedidos-dropzone::-webkit-scrollbar-thumb{background:rgba(15,23,42,.16);}

.pedido-card{
  padding:12px;
}

.pedido-card-titulo{font-size:.95rem;}
.pedido-card-peca,
.pedido-card-cliente,
.pedido-card-meta,
.pedido-card-origem{font-size:.84rem;}

.pedido-card-cliente{margin-top:8px;}
.pedido-card-meta{margin-top:8px;}
.pedido-card-origem{margin-top:6px;}

.pedidos-vazio-coluna{
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px dashed rgba(255,255,255,.10);
  border-radius:14px;
  padding:14px;
}

.pedidos-empty{
  padding:18px;
  border:1px dashed rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.03);
}

@media (max-width: 760px){
  .pedidos-filtros-wrap{align-items:stretch;}
  .pedidos-busca-master input{width:100%;}
  .pedidos-board{grid-auto-columns:minmax(86vw, 86vw);}
  .pedidos-coluna{height:320px;}
}

/* ===== Pedidos: refinamento visual compacto ===== */
.pedidos-section{
  max-width: 1240px;
  margin: 0 auto;
}

.pedidos-header{
  align-items: center;
  margin-bottom: 16px;
}

.pedidos-header-acoes{
  justify-content: flex-end;
}

.pedidos-header h2{
  margin-bottom: 8px;
}

.pedidos-header p{
  max-width: 620px;
}

.pedidos-filtros-wrap{
  justify-content: flex-start;
  gap: 10px 16px;
  margin-bottom: 14px;
}

.pedidos-busca-master{
  flex: 0 1 460px;
}

.pedidos-busca-master input{
  width: 100%;
  max-width: 460px;
  padding: 10px 14px;
  border-radius: 12px;
}

.pedidos-filtros-meta{
  display: inline-flex;
  align-items: center;
  min-height: 42px;
}

.pedidos-board{
  grid-auto-columns: 272px;
  gap: 12px;
  justify-content: start;
  align-items: stretch;
}

.pedidos-coluna{
  height: 292px;
  padding: 12px;
  border-radius: 16px;
}

.pedidos-coluna-topo{
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.pedidos-coluna-topo strong{
  font-size: 14px;
}

.pedidos-coluna-topo span{
  min-width: 28px;
  height: 24px;
  padding: 0 8px;
  font-size: 11px;
}

.pedidos-dropzone{
  gap: 10px;
}

.pedido-card{
  padding: 10px 10px 11px;
  border-radius: 14px;
}

.pedido-card-topo{
  gap: 8px;
}

.pedido-card-acoes-topo{
  gap: 6px;
}

.pedido-card-apagar,
.pedido-mini-btn-danger{
  padding: 5px 9px;
  border-radius: 9px;
}

.pedido-card-detalhes,
.pedido-mini-btn{
  padding: 6px 10px;
  border-radius: 9px;
  font-size: 12px;
}

.pedido-status-badge,
.pedido-modal-numero{
  padding: 4px 9px;
  font-size: 11px;
}

.pedido-card-titulo{
  font-size: .92rem;
  line-height: 1.3;
}

.pedido-card-peca,
.pedido-card-cliente,
.pedido-card-meta,
.pedido-card-origem{
  font-size: .8rem;
  line-height: 1.35;
}

.pedido-card-cliente{ margin-top: 6px; }
.pedido-card-meta{ margin-top: 6px; }
.pedido-card-origem{ margin-top: 4px; }

.pedidos-vazio-coluna{
  min-height: 84px;
  padding: 12px;
  font-size: 13px;
}

@media (max-width: 1100px){
  .pedidos-section{
    max-width: 100%;
  }

  .pedidos-board{
    grid-auto-columns: minmax(250px, 78vw);
  }
}

@media (max-width: 760px){
  .pedidos-header{
    align-items: flex-start;
  }

  .pedidos-header-acoes{
    width: 100%;
  }

  .pedidos-busca-master{
    flex-basis: 100%;
  }

  .pedidos-busca-master input{
    max-width: 100%;
  }

  .pedidos-board{
    grid-auto-columns: 84vw;
  }

  .pedidos-coluna{
    height: 284px;
  }
}



/* ===== Pedidos: coluna sem scroll com 0 ou 1 card, scroll só com 2+ ===== */
.pedidos-coluna{
  height: auto;
  min-height: 320px;
  max-height: none;
}

.pedidos-dropzone{
  height: auto;
  max-height: none;
  overflow-y: visible;
}

.pedidos-coluna:has(.pedidos-dropzone .pedido-card:nth-child(2)){
  height: 320px;
  min-height: 320px;
}

.pedidos-coluna:has(.pedidos-dropzone .pedido-card:nth-child(2)) .pedidos-dropzone{
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
}

@media (max-width: 760px){
  .pedidos-coluna{
    min-height: 308px;
  }

  .pedidos-coluna:has(.pedidos-dropzone .pedido-card:nth-child(2)){
    height: 308px;
    min-height: 308px;
  }
}

/* Links base rebuilt */
.links-page-live-main,
.links-page-live-preview-column {
  display: grid;
  gap: 12px;
  align-content: start;
}

.links-page-live-preview-column {
  position: sticky;
  top: 18px;
}

.links-page-live-header {
  align-items: flex-start;
}

.links-page-live-header .subscription-modal-title {
  margin-bottom: 8px;
}

.links-page-live-header .subscription-modal-subtitle {
  max-width: 760px;
}

.links-page-preview-url-inline {
  display: inline-flex;
}

#linksPageCategorySelect {
  appearance: none;
}

#linksPagePreviewName[contenteditable="true"],
#linksPagePreviewHandle[contenteditable="true"],
#linksPagePreviewBio[contenteditable="true"] {
  cursor: text;
}

#linksPagePreviewName:focus,
#linksPagePreviewHandle:focus,
#linksPagePreviewBio:focus {
  outline: 2px dashed rgba(250, 204, 21, 0.35);
  outline-offset: 4px;
  border-radius: 10px;
}

@media (max-width: 900px) {
  .links-page-live-preview-column {
    position: static;
  }
}