/* ONDAX_ADUANA_ACTIONS_LAYOUT_20260717
   Reorganiza ações da Aduana sem alterar os handlers fiscais existentes. */

.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(150px, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  margin-top: 14px !important;
  overflow: hidden !important;
  border: 1px solid #dbe5f0 !important;
  border-radius: 14px !important;
  background: #fff !important;
}

.flow-stage-aduana .aduana-ops-title {
  grid-column: 1 / -1;
  padding: 14px 16px 10px;
  border-bottom: 1px solid #edf2f7;
}

.flow-stage-aduana .aduana-ops-title strong {
  display: block;
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: -.01em;
}

.flow-stage-aduana .aduana-ops-title span {
  display: block;
  margin-top: 2px;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.flow-stage-aduana .aduana-op-card {
  min-height: 96px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 30px;
  grid-template-rows: auto 1fr;
  align-items: center;
  gap: 8px 12px;
  padding: 12px 16px;
  border-right: 1px solid #edf2f7;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.flow-stage-aduana .aduana-op-card:last-child {
  border-right: 0;
}

.flow-stage-aduana .aduana-op-card-title {
  grid-column: 1 / -1;
  color: #344054;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.flow-stage-aduana .aduana-op-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, #6d4cff, #2563eb);
  box-shadow: 0 8px 18px rgba(45, 85, 255, .22);
}

.flow-stage-aduana .aduana-op-card[data-kind="darf"] .aduana-op-icon {
  background: linear-gradient(135deg, #8f2f14, #c44919);
}

.flow-stage-aduana .aduana-op-card[data-kind="gnre"] .aduana-op-icon {
  background: linear-gradient(135deg, #047857, #16a34a);
}

.flow-stage-aduana .aduana-op-card[data-kind="nf"] .aduana-op-icon {
  background: linear-gradient(135deg, #6d28d9, #7c3aed);
}

.flow-stage-aduana .aduana-op-card[data-kind="nfpy"] .aduana-op-icon {
  background: #ffffff;
  color: #6d4cff;
  border: 1px solid #d8ccff;
  box-shadow: none;
}

.flow-stage-aduana .aduana-op-card[data-kind="processo"] .aduana-op-icon {
  background: #ffffff;
  color: #344054;
  border: 1px solid #d0d5dd;
  box-shadow: none;
}

.flow-stage-aduana .aduana-op-card .button {
  width: auto !important;
  min-width: 0 !important;
  min-height: 34px !important;
  height: auto !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0f172a !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-align: left !important;
}

.flow-stage-aduana .aduana-op-card .button:disabled {
  opacity: .48 !important;
  cursor: not-allowed !important;
}

.flow-stage-aduana .aduana-op-card .aduana-open-link {
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  display: grid !important;
  place-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  color: #0f2442 !important;
  opacity: .9 !important;
}

.flow-stage-aduana .aduana-op-card .aduana-open-link:hover:not(:disabled) {
  background: #eef4ff !important;
  color: #2563eb !important;
}

.flow-stage-aduana .aduana-op-card .aduana-open-link.aduana-open-danger {
  color: #dc2626 !important;
}

.flow-stage-aduana .aduana-op-card .aduana-open-link svg,
.flow-stage-aduana .aduana-op-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.flow-stage-aduana .aduana-op-help {
  grid-column: 2 / -1;
  align-self: start;
  margin-top: -4px;
  color: #667085;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
}

@media (max-width: 1320px) {
  .flow-stage-aduana .aduana-action-buttons.aduana-ops-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
  }

  .flow-stage-aduana .aduana-op-card:nth-child(3n + 1) {
    border-right: 0;
  }
}

@media (max-width: 760px) {
  .flow-stage-aduana .aduana-action-buttons.aduana-ops-grid {
    grid-template-columns: 1fr !important;
  }

  .flow-stage-aduana .aduana-op-card {
    border-right: 0;
    border-bottom: 1px solid #edf2f7;
  }
}

body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-op-card > .button:not(.aduana-open-link),
body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-op-card > .button.secondary:not(.aduana-open-link),
body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-op-card > .button.ghost:not(.aduana-open-link) {
  background: transparent !important;
  color: #0f172a !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 34px !important;
  width: auto !important;
}

body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-op-card > .button:not(.aduana-open-link):hover:not(:disabled) {
  color: #2563eb !important;
  background: transparent !important;
  transform: none !important;
}

.flow-stage-aduana .aduana-op-links {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-open-link,
body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-op-links .aduana-open-link {
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #0f2442 !important;
  box-shadow: none !important;
  font-size: 0 !important;
}

body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-open-link:hover:not(:disabled) {
  background: #eef4ff !important;
  color: #2563eb !important;
}

/* Polimento visual do painel de Aduana */
body .compras-page.flow-stage-aduana .aduana-action-panel {
  gap: 14px !important;
  align-items: stretch !important;
  padding: 16px !important;
  border: 1px solid #dbe7f3 !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.96)) !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08) !important;
}

body .compras-page.flow-stage-aduana .aduana-action-head {
  width: 100% !important;
  gap: 10px !important;
}

body .compras-page.flow-stage-aduana .aduana-action-head > strong {
  font-size: 16px !important;
  font-weight: 950 !important;
  color: #07162f !important;
}

body .compras-page.flow-stage-aduana .aduana-total-pill {
  border: 1px solid #cfeee0 !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7) !important;
}

body .compras-page.flow-stage-aduana .aduana-settings-grid {
  width: 100% !important;
  gap: 12px !important;
  align-items: end !important;
}

body .compras-page.flow-stage-aduana .aduana-field span {
  color: #23344f !important;
  font-size: 10.5px !important;
  letter-spacing: .045em !important;
}

body .compras-page.flow-stage-aduana .aduana-field input,
body .compras-page.flow-stage-aduana .aduana-field select {
  height: 42px !important;
  border-color: #c8dcf3 !important;
  border-radius: 12px !important;
  background: #f9fcff !important;
  color: #0f172a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body .compras-page.flow-stage-aduana .aduana-field input:focus,
body .compras-page.flow-stage-aduana .aduana-field select:focus {
  border-color: #6d4cff !important;
  box-shadow: 0 0 0 3px rgba(109,76,255,.14) !important;
  outline: none !important;
}

body .compras-page.flow-stage-aduana .aduana-save-button {
  height: 42px !important;
  border-radius: 13px !important;
  color: #075f44 !important;
  border-color: #badfd2 !important;
  background: #eef8f3 !important;
  font-weight: 950 !important;
}

@media (max-width: 760px) {
  body .compras-page.flow-stage-aduana .pedidos-header {
    gap: 10px !important;
    margin-bottom: 14px !important;
    overflow: visible !important;
  }

  body .compras-page.flow-stage-aduana .flow-header-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin: 0 0 10px !important;
    position: static !important;
    width: 100% !important;
    z-index: auto !important;
  }

  body .compras-page.flow-stage-aduana .flow-header-actions .refresh-button,
  body .compras-page.flow-stage-aduana .flow-header-actions button {
    position: static !important;
    transform: none !important;
    width: 100% !important;
  }

  body .compras-page.flow-stage-aduana .aduana-action-panel {
    margin-top: 16px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  body .compras-page.flow-stage-aduana .aduana-settings-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body .compras-page.flow-stage-aduana .aduana-field,
  body .compras-page.flow-stage-aduana .aduana-company-field,
  body .compras-page.flow-stage-aduana .aduana-save-button {
    min-width: 0 !important;
    width: 100% !important;
  }

  body .compras-page.flow-stage-aduana .aduana-field input,
  body .compras-page.flow-stage-aduana .aduana-field select,
  body .compras-page.flow-stage-aduana .aduana-company-select {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid {
  border-radius: 16px !important;
  box-shadow: 0 10px 25px rgba(15, 23, 42, .05) !important;
}

.flow-stage-aduana .aduana-op-card {
  min-height: 106px;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.flow-stage-aduana .aduana-op-card:hover {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #dfe8f5;
}

.flow-stage-aduana .aduana-op-card.is-generated {
  background: linear-gradient(180deg, #ffffff 0%, #f3fff8 100%);
}

.flow-stage-aduana .aduana-op-card.is-generated .aduana-op-card-title::after {
  content: "GERADO";
  margin-left: 7px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #dcfce7;
  color: #15803d;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .04em;
}

body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-open-link[aria-disabled="true"],
body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-open-link:disabled {
  color: #98a2b3 !important;
  opacity: .55 !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-open-link[aria-disabled="true"]:hover,
body .compras-page.flow-stage-aduana .aduana-action-buttons.aduana-ops-grid .aduana-open-link:disabled:hover {
  background: transparent !important;
  color: #98a2b3 !important;
}

body .compras-page.flow-stage-aduana .aduana-manual-panel {
  border-radius: 16px !important;
  background: linear-gradient(180deg, #fbfdff, #f8fbff) !important;
}