/* LATINO SNEAKER | Design System v25. Substitui somente apresentacao. */
:root {
  --ls25-ink: #211e1b;
  --ls25-muted: #776c62;
  --ls25-line: #e4dbd1;
  --ls25-paper: #fff;
  --ls25-sand: #a18a73;
  --ls25-soft: #faf8f5;
}

body.shell .content { min-width: 0; }
body.shell .panel { min-width: 0; }
body.shell .panel-heading.panel-heading-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, min(44vw, 520px)) !important;
  align-items: center !important;
  gap: 15px 28px !important;
  padding: 19px 23px !important;
  min-width: 0 !important;
}
body.shell .panel-heading.panel-heading-wrap > h2,
body.shell .panel-heading.panel-heading-wrap > div { min-width: 0; margin: 0; }

/* Pesquisa: sempre input e botao em uma unica linha. */
body.shell form.filter-form {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
}
body.shell form.filter-form input[type=hidden] { display: none !important; }
body.shell form.filter-form > input[type=search],
body.shell form.filter-form > input[type=text] {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: 1px !important;
  max-width: none !important;
  height: 43px !important;
  min-height: 43px !important;
  padding: 0 14px 0 42px !important;
  margin: 0 !important;
  border: 1px solid var(--ls25-line) !important;
  border-radius: 11px !important;
  outline: none !important;
  background: var(--ls25-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' stroke='%2387796D' stroke-width='1.75' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='10.8' cy='10.8' r='6.3'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") no-repeat 14px center !important;
  box-shadow: none !important;
  color: var(--ls25-ink) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
body.shell form.filter-form > input:is([type=search], [type=text]):focus-visible {
  border-color: var(--ls25-sand) !important;
  box-shadow: 0 0 0 3px rgb(161 138 115 / 16%) !important;
}
body.shell form.filter-form > button,
body.shell form.filter-form > a.btn {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 83px !important;
  width: auto !important;
  height: 43px !important;
  min-height: 43px !important;
  padding: 0 15px !important;
  margin: 0 !important;
  border-radius: 11px !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  box-shadow: none !important;
  transform: none !important;
}
body.shell form.filter-form > button[type=submit],
body.shell form.filter-form > button:not([type]) {
  background: #20201f !important;
  border: 1px solid #20201f !important;
  color: white !important;
}
body.shell form.filter-form > button:is(:hover, :focus-visible) { background: #3d342d !important; border-color: #3d342d !important; }
body.shell form.filter-form > a.btn { background: var(--ls25-soft) !important; border: 1px solid var(--ls25-line) !important; color: #544b43 !important; }

/* Indicadores de situação: sem chips ou caixas estilo Bootstrap. */
body.shell .badge {
  --ls25-status: #80796f;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  width: fit-content !important;
  min-height: 24px !important;
  padding: 3px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ls25-status) !important;
  white-space: nowrap !important;
  text-transform: none !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  letter-spacing: .005em !important;
}
body.shell .badge::before {
  content: '' !important;
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  display: block !important;
  border-radius: 50% !important;
  background: var(--ls25-status) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ls25-status) 12%, transparent) !important;
}
body.shell .badge:is(.paid,.published,.active,.confirmed,.delivered) { --ls25-status: #507662; }
body.shell .badge:is(.unpaid,.pending,.partial,.draft,.warning) { --ls25-status: #a7804a; }
body.shell .badge:is(.cancelled,.inactive,.failed,.refunded) { --ls25-status: #ad6559; }
body.shell .badge:is(.preparing,.shipped) { --ls25-status: #89715c; }

/* Acabamento das tabelas e controles da operacao. */
body.shell .data-table { background: #fff; border-collapse: separate; border-spacing: 0; }
body.shell .data-table th { background: #fbfaf8; border-bottom: 1px solid var(--ls25-line); padding-block: 15px; }
body.shell .data-table td { border-bottom: 1px solid #f1ece6; padding-block: 16px; vertical-align: middle; }
body.shell .data-table .btn-table { border-radius: 10px; }
body.shell .status-form { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 8px; max-width: 100%; }
body.shell .status-form select { min-height: 38px; border-radius: 10px; }
body.shell .enterprise-list-filter:not(.panel-heading-wrap .filter-form) {
  max-width: 690px !important;
  margin: 15px 21px !important;
  width: calc(100% - 42px) !important;
}
body.shell .enterprise-dashboard-search > div { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: min(100%, 580px) !important; gap: 9px !important; }
body.shell .enterprise-dashboard-search > div > input { flex: 1 1 0 !important; min-width: 0 !important; width: 1px !important; }
body.shell .enterprise-dashboard-search > div > button { width: auto !important; flex: 0 0 auto !important; }

@media (max-width: 1150px) {
  body.shell .panel-heading.panel-heading-wrap { grid-template-columns: minmax(0, 1fr) !important; }
  body.shell .panel-heading.panel-heading-wrap form.filter-form { max-width: 610px !important; }
}
@media (max-width: 700px) {
  body.shell .panel-heading.panel-heading-wrap { padding: 16px !important; gap: 14px !important; }
  body.shell form.filter-form { gap: 7px !important; }
  body.shell form.filter-form > input:is([type=search], [type=text]) { height: 42px !important; min-height: 42px !important; font-size: 11px !important; background-position: 11px center !important; padding-left: 37px !important; }
  body.shell form.filter-form > button, body.shell form.filter-form > a.btn { height: 42px !important; min-height: 42px !important; min-width: 68px !important; padding: 0 10px !important; }
  body.shell .enterprise-list-filter:not(.panel-heading-wrap .filter-form) { margin: 14px 16px !important; width: calc(100% - 32px) !important; }
  body.shell .enterprise-dashboard-search > div { flex-direction: row !important; }
  body.shell .enterprise-dashboard-search > div > button { width: auto !important; }
  body.shell .data-table { min-width: 690px; }
}
@media (max-width: 370px) {
  body.shell form.filter-form > button, body.shell form.filter-form > a.btn { min-width: 62px !important; padding-inline: 8px !important; font-size: 10px !important; }
  body.shell form.filter-form > input:is([type=search], [type=text]) { padding-left: 32px !important; background-size: 15px !important; }
}