/* ICA Parceiros — front-end + admin */

.icap-wrap{
  --icap-primary: var(--lj-brand, #12866c);
  --icap-primary-dark: var(--lj-brand-dark, #0c6b56);
  --icap-ink: #22313f;
  --icap-muted: #6b7c8c;
  --icap-line: #e3e9ef;
  --icap-bg: #f6f8fa;
  --icap-radius: 14px;
  max-width: 1180px;
  width: 100%;
  margin: 38px auto 64px;
  padding: 0 24px;
  box-sizing: border-box;
  color: var(--icap-ink);
}
.icap-wrap *, .icap-wrap *::before, .icap-wrap *::after{ box-sizing: border-box; }

/* ---------- Avisos ---------- */
.icap-notice{
  border-radius: 12px; padding: 14px 18px; margin: 0 0 22px; font-size: 15px; line-height: 1.5;
  border: 1px solid transparent;
}
.icap-notice--success{ background:#e9f8f1; border-color:#b8e6d2; color:#15684f; }
.icap-notice--error{ background:#fdecec; border-color:#f6c6c6; color:#9b2626; }

/* ---------- Cartões ---------- */
.icap-card,
.icap-box{
  background:#fff; border:1px solid var(--icap-line); border-radius: var(--icap-radius);
  padding: 28px; margin: 0 0 24px; box-shadow: 0 2px 14px rgba(34,49,63,.05);
}
.icap-card h2, .icap-box h3{ margin-top:0; }
.icap-card--login{ max-width: 460px; margin-left:auto; margin-right:auto; }
.icap-form-intro{ color: var(--icap-muted); margin-top:-6px; }
.icap-small{ font-size:13.5px; color: var(--icap-muted); margin-bottom:0; }
.icap-small a{ color: var(--icap-primary); }
.icap-link{ color: var(--icap-primary); text-decoration: underline; }
.icap-h3{ margin: 34px 0 14px; font-size: 19px; }
.icap-empty{ color: var(--icap-muted); background: var(--icap-bg); border-radius:10px; padding:16px 18px; }

/* ---------- Formulários ---------- */
.icap-grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 4px 20px; }
.icap-f{ margin: 0 0 16px; }
.icap-f--full{ grid-column: 1 / -1; }
.icap-f label{ display:block; font-weight:600; font-size:14px; margin-bottom:6px; }
.icap-wrap input[type=text],
.icap-wrap input[type=email],
.icap-wrap input[type=password],
.icap-wrap input[type=number],
.icap-wrap select,
.icap-wrap textarea{
  width:100%; padding: 12px 14px; border:1px solid var(--icap-line); border-radius:10px;
  font-size:15px; background:#fff; color: var(--icap-ink); line-height:1.4;
}
.icap-wrap input:focus, .icap-wrap select:focus, .icap-wrap textarea:focus{
  outline:none; border-color: var(--icap-primary); box-shadow: 0 0 0 3px rgba(18,134,108,.12);
}
.icap-wrap input[disabled]{ background:#f3f5f7; color:#90a0ae; }
.icap-wrap textarea{ resize: vertical; }

/* Dicas e validação */
.icap-hint{ display:block; font-size:12.5px; color: var(--icap-muted); margin-top:5px; }
.icap-wrap input.icap-invalid{ border-color:#d94c4c !important; background:#fffafa; }
.icap-wrap input.icap-invalid:focus{ box-shadow: 0 0 0 3px rgba(217,76,76,.14) !important; }
.icap-field-error{ display:block; font-size:12.5px; color:#b02a2a; margin-top:5px; font-weight:600; }
.icap-field-status{ display:block; font-size:12.5px; margin-top:5px; font-weight:600; line-height:1.45; }
.icap-field-status.is-info{ color: var(--icap-muted); }
.icap-field-status.is-ok{ color:#15684f; }
.icap-field-status.is-warn{ color:#9a6400; }

/* Separador "Contato do responsável" */
.icap-f--sep{ margin-top:10px; padding-top:20px; border-top:1px solid var(--icap-line); }
.icap-legend{
  display:block; font-size:12.5px; font-weight:800; letter-spacing:.8px;
  text-transform:uppercase; color: var(--icap-primary);
}
.icap-f--sep .icap-hint{ margin-top:3px; }
/* CEP sendo consultado */
.icap-wrap input.icap-loading{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 50 50'%3E%3Cpath fill='%2312866c' d='M25 5a20 20 0 1 0 20 20h-5A15 15 0 1 1 25 10z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 40px !important;
}

/* Login padrão do WordPress dentro do cartão */
.icap-wrap .login-username, .icap-wrap .login-password{ margin-bottom:16px; }
.icap-wrap .login-username label, .icap-wrap .login-password label{ display:block; font-weight:600; font-size:14px; margin-bottom:6px; }
.icap-wrap .login-remember{ margin:4px 0 16px; font-size:14px; color:var(--icap-muted); }
.icap-wrap .login-remember input{ width:auto; margin-right:6px; }

/* ---------- Botões ---------- */
/* Especificidade alta + !important: o tema e o WooCommerce estilizam
   .button / input[type=submit] globalmente e venciam estas regras. */
.icap-wrap .icap-btn,
.icap-wrap a.icap-btn,
.icap-wrap button.icap-btn,
.icap-wrap .login-submit input[type=submit],
.icap-wrap form button[type=submit],
.icap-wrap form input[type=submit]{
  display:inline-block;
  background: var(--icap-primary) !important;
  color:#fff !important;
  border:0 !important;
  cursor:pointer;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  font-weight:700 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  width:auto;
  box-shadow:none !important;
  transition: background .18s ease, transform .18s ease;
}
.icap-wrap .icap-btn:hover,
.icap-wrap .login-submit input[type=submit]:hover,
.icap-wrap form button[type=submit]:hover,
.icap-wrap form input[type=submit]:hover{
  background: var(--icap-primary-dark) !important; transform: translateY(-1px);
}
.icap-wrap .icap-btn--lg{ padding: 15px 34px !important; font-size:16px !important; }

/* Botão principal do formulário: centralizado e em destaque */
.icap-form-actions{
  text-align:center;
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid var(--icap-line);
}
.icap-wrap .icap-form-actions .icap-btn--cta{
  min-width: 320px;
  padding: 18px 48px !important;
  font-size: 17px !important;
  letter-spacing:.2px !important;
  box-shadow: 0 10px 24px rgba(18,134,108,.30) !important;
}
.icap-wrap .icap-form-actions .icap-btn--cta:hover{
  box-shadow: 0 14px 30px rgba(18,134,108,.38) !important;
  transform: translateY(-2px);
}
.icap-form-actions .icap-small{ margin-top: 14px; }
/* O formulário de login ocupa a largura toda do cartão */
.icap-wrap .login-submit input[type=submit]{ width:100%; }
.icap-wrap .login-submit{ margin-bottom:14px; }

/* ---------- Painel ---------- */
.icap-panel{ display:grid; grid-template-columns: 250px minmax(0,1fr); gap: 28px; align-items:start; }
.icap-side{
  background:#fff; border:1px solid var(--icap-line); border-radius: var(--icap-radius);
  overflow:hidden; box-shadow: 0 2px 14px rgba(34,49,63,.05); position:sticky; top: 20px;
}
.icap-side-head{ padding: 24px 20px; text-align:center; border-bottom:1px solid var(--icap-line); background: var(--icap-bg); }
.icap-side-head strong{ display:block; margin-top:10px; font-size:15.5px; }
.icap-avatar img{ border-radius:50%; width:56px; height:56px; }
.icap-badge{
  display:inline-block; margin-top:8px; background: var(--icap-primary); color:#fff;
  font-size:12px; font-weight:700; padding:4px 12px; border-radius:999px;
}
.icap-nav{ display:flex; flex-direction:column; padding: 8px 0; }
.icap-nav a{
  padding: 13px 20px; color: var(--icap-ink); text-decoration:none; font-size:15px; font-weight:500;
  border-left: 3px solid transparent;
}
.icap-nav a:hover{ background: var(--icap-bg); }
.icap-nav a.is-active{ background: var(--icap-bg); border-left-color: var(--icap-primary); color: var(--icap-primary); font-weight:700; }
.icap-main h2{ margin-top:0; }

/* ---------- Indicadores ---------- */
.icap-stats{ display:grid; grid-template-columns: repeat(auto-fit, minmax(190px,1fr)); gap:18px; margin: 0 0 26px; }
.icap-stat{
  background:#fff; border:1px solid var(--icap-line); border-radius:12px; padding:20px;
  box-shadow: 0 2px 14px rgba(34,49,63,.05);
}
.icap-stat-label{ display:block; font-size:13px; color: var(--icap-muted); text-transform:uppercase; letter-spacing:.4px; font-weight:700; }
.icap-stat-value{ display:block; font-size:25px; margin-top:7px; color: var(--icap-primary); line-height:1.2; }
.icap-stat-value .woocommerce-Price-amount{ color: inherit; }
.icap-stat-hint{ display:block; font-size:12.5px; color: var(--icap-muted); margin-top:5px; }

/* ---------- Tabelas ---------- */
.icap-table{ width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--icap-line); border-radius:12px; overflow:hidden; font-size:14.5px; }
.icap-table th, .icap-table td{ padding: 13px 14px; text-align:left; border-bottom:1px solid var(--icap-line); }
.icap-table thead th{ background: var(--icap-bg); font-size:13px; text-transform:uppercase; letter-spacing:.3px; color: var(--icap-muted); }
.icap-table tbody tr:last-child td{ border-bottom:0; }

/* ---------- Selos de situação ---------- */
.icap-pill{ display:inline-block; font-size:12px; font-weight:700; padding:4px 11px; border-radius:999px; background:#eef1f4; color:#5b6b7a; white-space:nowrap; }
.icap-pill--pending, .icap-pill--requested{ background:#fff4e0; color:#9a6400; }
.icap-pill--approved{ background:#e4f3ff; color:#1668a8; }
.icap-pill--paid{ background:#e9f8f1; color:#15684f; }
.icap-pill--rejected, .icap-pill--cancelled, .icap-pill--suspended{ background:#fdecec; color:#9b2626; }

/* ---------- Copiar link ---------- */
.icap-copy{ display:flex; gap:10px; flex-wrap:wrap; }
.icap-copy input{ flex:1 1 280px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size:14px; background: var(--icap-bg) !important; }
.icap-copy .icap-btn{ flex:0 0 auto; }
.icap-code{ display:block; background: var(--icap-bg); padding:12px 14px; border-radius:10px; font-size:13.5px; word-break:break-all; }

/* ---------- Tabela de faixas ---------- */
.icap-tiers{ display:grid; grid-template-columns: repeat(auto-fit, minmax(230px,1fr)); gap:20px; }
.icap-tier-card{ background:#fff; border:1px solid var(--icap-line); border-radius: var(--icap-radius); padding:24px; text-align:center; }
.icap-tier-card h3{ margin:0 0 14px; font-size:18px; }
.icap-tier-card ul{ list-style:none; margin:0; padding:0; }
.icap-tier-card li{ padding:11px 0; border-top:1px solid var(--icap-line); }
.icap-tier-card li:first-child{ border-top:0; }
.icap-tier-pct{ display:block; font-size:30px; font-weight:800; color: var(--icap-primary); line-height:1.1; }
.icap-tier-min{ display:block; font-size:13.5px; color: var(--icap-muted); margin-top:3px; }

/* ---------- Tabela de preços de parceiro ---------- */
.icap-price-intro{ color: var(--icap-muted); margin-top:-4px; }
.icap-confidential{
  background:#fff8e6; border:1px solid #f0dfae; color:#8a6a12; border-radius:10px;
  padding:10px 16px; margin:0 0 16px; font-size:13.5px; font-weight:600;
}
.icap-price-wrap{ overflow-x:auto; }
.icap-price-table{ min-width:640px; }
.icap-price-table td strong{ color: var(--icap-primary); }
.icap-th-sub{ display:block; font-size:11px; font-weight:600; text-transform:none; letter-spacing:0; opacity:.8; }
.icap-sku{ font-size:12.5px; color: var(--icap-muted); }
.icap-locked{ text-align:center; max-width:560px; margin-left:auto; margin-right:auto; }
.icap-locked h3{ margin-top:0; }

/* Faixa do parceiro na loja / no produto */
.icap-shop-banner{
  --icap-primary: var(--lj-brand, #12866c);
  background:#e9f8f1; border:1px solid #b8e6d2; color:#15684f; border-radius:12px;
  padding:12px 18px; margin:0 0 22px; font-size:14.5px; line-height:1.5;
}
.icap-shop-banner a{ color:#0c6b56; text-decoration:underline; font-weight:700; }

/* ---------- Carrinho: linha de ações alinhada ----------
   O WooCommerce joga o cupom à esquerda e "Atualizar carrinho" solto à direita,
   com alturas diferentes. Aqui a linha vira flex com tudo na mesma base. */
/* Atenção: o td precisa continuar sendo table-cell. Com display:flex o
   colspan é ignorado e a tabela inteira perde o dimensionamento das colunas. */
.woocommerce-cart table.cart td.actions{
  display: table-cell !important;
  padding: 18px 16px !important;
  background: #fafcfb;
  border-top: 1px solid #e3e9ef;
  text-align: right;
  overflow: hidden;            /* contém o float do cupom */
}
.woocommerce-cart table.cart td.actions .coupon{
  float: left;
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.woocommerce-cart table.cart td.actions .coupon label{ display:none !important; }
.woocommerce-cart table.cart td.actions .coupon input[type="text"],
.woocommerce-cart table.cart td.actions #coupon_code{
  width: 100% !important;
  max-width: 260px;
  min-width: 160px;
  height: 48px;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid #e3e9ef;
  border-radius: 999px;
  font-size: 15px;
  box-sizing: border-box;
}
.woocommerce-cart table.cart td.actions .button,
.woocommerce-cart table.cart td.actions button[name="update_cart"],
.woocommerce-cart table.cart td.actions input[name="update_cart"]{
  height: 48px;
  margin: 0 !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 46px !important;
  white-space: nowrap;
  float: none !important;
  width: auto !important;
  box-sizing: border-box;
}
/* "Atualizar carrinho" à direita, na mesma linha de base do cupom */
.woocommerce-cart table.cart td.actions > .button,
.woocommerce-cart table.cart td.actions > button[name="update_cart"],
.woocommerce-cart table.cart td.actions > input[name="update_cart"]{
  float: none !important;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 600px){
  /* no mobile o WooCommerce transforma as células em blocos: não forçar table-cell */
  .woocommerce-cart table.cart td.actions{
    display: block !important;
    width: 100% !important;
    text-align: left;
  }
  .woocommerce-cart table.cart td.actions .coupon{
    float: none; display: flex !important; flex-direction: column; align-items: stretch; margin-bottom: 10px !important;
  }
  .woocommerce-cart table.cart td.actions .coupon input[type="text"],
  .woocommerce-cart table.cart td.actions #coupon_code{ max-width: none; }
  .woocommerce-cart table.cart td.actions .button,
  .woocommerce-cart table.cart td.actions button[name="update_cart"],
  .woocommerce-cart table.cart td.actions input[name="update_cart"]{
    width: 100% !important; margin-left: 0 !important;
  }
}

/* Caixa fechada */
.icap-box-info{ display:block; margin-top:4px; font-size:12.5px; color:#12866c; font-weight:600; }

/* Escolha unidade x caixa na página do produto */
.icap-mode{
  --icap-primary: var(--lj-brand, #12866c);
  display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px; width:100%;
}
.icap-mode-title{
  flex:1 0 100%; font-size:13px; font-weight:800; letter-spacing:.5px;
  text-transform:uppercase; color:#6b7c8c; margin-bottom:2px;
}
.icap-mode-opt{
  flex:1 1 180px; display:flex; align-items:flex-start; gap:10px; cursor:pointer;
  border:1.5px solid #e3e9ef; border-radius:12px; padding:12px 14px; background:#fff;
  transition:border-color .15s ease, background .15s ease; margin:0;
}
.icap-mode-opt:hover{ border-color:#bcd9d0; }
.icap-mode-opt input[type=radio]{ margin:3px 0 0; accent-color: var(--icap-primary); flex:0 0 auto; width:auto; }
.icap-mode-opt:has(input:checked){ border-color: var(--icap-primary); background:#f3faf8; }
.icap-mode-txt{ display:block; line-height:1.35; }
.icap-mode-txt strong{ display:block; font-size:14.5px; color:#22313f; }
.icap-mode-txt small{ display:block; font-size:13px; color:#6b7c8c; margin-top:2px; }
.icap-mode-txt small .woocommerce-Price-amount{ color:#22313f; font-weight:700; }
.icap-mode-un{ display:block; margin-top:3px; font-size:12px; color:#6b7c8c; }
.icap-mode-off{
  display:inline-block; margin-left:6px; background:#e9f8f1; color:#15684f;
  font-size:11.5px; font-weight:800; padding:2px 8px; border-radius:999px;
}
@media (max-width:480px){ .icap-mode-opt{ flex:1 1 100%; } }
.icap-box-note{
  background:#f3f8f6; border:1px solid #cfe5dd; color:#15684f; border-radius:10px;
  padding:11px 16px; margin:0 0 16px; font-size:14px; line-height:1.5;
}

/* Campos escondidos no checkout do parceiro */
.woocommerce-checkout .icap-hidden-field{ display:none !important; }

/* Aviso no checkout */
.icap-checkout-note{
  background:#e9f8f1; border:1px solid #b8e6d2; color:#15684f; border-radius:10px;
  padding:11px 16px; margin:0 0 16px; font-size:14px; line-height:1.5;
}

/* ---------- Aviso no carrinho ---------- */
.icap-cart-tier{
  background:#e9f8f1; border:1px solid #b8e6d2; color:#15684f; border-radius:12px;
  padding:13px 18px; margin:0 0 20px; font-size:14.5px;
}

/* ---------- Responsivo ---------- */
@media (max-width: 1024px){
  .icap-panel{ grid-template-columns: 210px minmax(0,1fr); gap:20px; }
  .icap-wrap{ padding:0 20px; }
}
@media (max-width: 860px){
  .icap-panel{ grid-template-columns: 1fr; }
  .icap-side{ position:static; }
  .icap-nav{ flex-direction:row; flex-wrap:wrap; padding:10px; gap:6px; }
  .icap-nav a{ border-left:0; border-radius:999px; padding:9px 16px; font-size:14px; background:var(--icap-bg); }
  .icap-nav a.is-active{ background: var(--icap-primary); color:#fff; }
}
@media (max-width: 640px){
  .icap-wrap{ margin:24px auto 48px; padding:0 16px; }
  .icap-grid{ grid-template-columns: 1fr; }
  .icap-card, .icap-box{ padding:20px; }
  .icap-stats{ grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
  .icap-stat{ padding:15px; }
  .icap-stat-value{ font-size:20px; }
  .icap-table{ display:block; border:0; background:transparent; }
  .icap-table thead{ display:none; }
  .icap-table tbody, .icap-table tr, .icap-table td{ display:block; width:100%; }
  .icap-table tr{ background:#fff; border:1px solid var(--icap-line); border-radius:12px; margin-bottom:12px; padding:6px 0; }
  .icap-table td{ border-bottom:0; padding:7px 14px; }
  .icap-copy{ flex-direction:column; }
  .icap-copy .icap-btn{ width:100%; text-align:center; }
  .icap-wrap .icap-form-actions .icap-btn--cta{ min-width:0; width:100%; padding:17px 20px !important; }

  /* A tabela de preços rola na horizontal em vez de virar cartões */
  .icap-price-table{ display:table; background:#fff; border:1px solid var(--icap-line); font-size:13px; }
  .icap-price-table thead{ display:table-header-group; }
  .icap-price-table tbody{ display:table-row-group; }
  .icap-price-table tr{ display:table-row; background:transparent; border:0; border-radius:0; margin:0; padding:0; }
  .icap-price-table th, .icap-price-table td{
    display:table-cell; border-bottom:1px solid var(--icap-line); padding:10px 12px;
  }
}

/* ============================================================ Admin */
.icap-admin .icap-pill{ display:inline-block; font-size:11.5px; font-weight:700; padding:3px 10px; border-radius:999px; }
.icap-admin-stats{ display:flex; gap:16px; flex-wrap:wrap; margin:18px 0 10px; }
.icap-admin-stats > div{ background:#fff; border:1px solid #dcdcde; border-radius:8px; padding:14px 20px; min-width:180px; }
.icap-admin-stats span{ display:block; font-size:12px; text-transform:uppercase; letter-spacing:.4px; color:#646970; font-weight:600; }
.icap-admin-stats strong{ display:block; font-size:21px; margin-top:5px; color:#12866c; }
.icap-admin .icap-inline-form{ margin-top:8px; display:flex; gap:5px; flex-wrap:wrap; }
.icap-admin .icap-inline-form select{ max-width:140px; }
.icap-admin-ref{ width:100%; font-size:11.5px; font-family: ui-monospace, Menlo, monospace; }
.icap-admin .icap-msg-row td{ background:#fbfbfc; font-size:13px; color:#50575e; }

/* ---------- PalmTop: carteira de clientes do representante ---------- */
.icap-clientes-topo{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  flex-wrap:wrap; margin-bottom:4px;
}
.icap-clientes-topo h2{ margin:0; }
.icap-novo-cliente{
  margin-top:26px; background:#fff; border:1px solid var(--icap-line);
  border-radius:14px; padding:4px 18px;
}
.icap-novo-cliente > summary{
  cursor:pointer; list-style:none; padding:15px 0; font-weight:700;
  color: var(--icap-primary); font-size:15.5px;
}
.icap-novo-cliente > summary::-webkit-details-marker{ display:none; }
.icap-novo-cliente > summary::before{ content:'+ '; font-weight:800; }
.icap-novo-cliente[open] > summary{ border-bottom:1px solid var(--icap-line); margin-bottom:6px; }
.icap-novo-cliente[open] > summary::before{ content:'– '; }
.icap-novo-cliente .icap-form{ padding:0 0 18px; }

@media (max-width: 640px){
  /* nos cartões do celular a tabela perde o cabeçalho: o rótulo vai na célula */
  .icap-table--rotulo td{
    display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  }
  .icap-table--rotulo td::before{
    content: attr(data-rotulo);
    font-size:12.5px; font-weight:700; color: var(--icap-muted);
    text-transform:uppercase; letter-spacing:.3px; flex:0 0 auto;
  }
  .icap-table--rotulo td:not([data-rotulo])::before{ content:none; }
  .icap-clientes-topo .icap-btn{ width:100%; text-align:center; }
}