/**
 * Ponte visual — harmoniza markup legado dentro do shell EZ-Mobi.
 */
.ez-app-shell .ez-legacy-content,
.ez-auth-shell {
  font-family: var(--font-family) !important;
}

/* Overlay escuro de login legado */
.ez-body #login {
  position: static !important;
  width: auto !important;
  left: auto !important;
  top: auto !important;
  background: transparent !important;
  z-index: auto !important;
}

.ez-body #login > div[style*="height: 130px"],
.ez-body #login > div[style*="height:130px"] {
  display: none !important;
}

.ez-auth-shell #phantomblock,
.ez-body #phantomblock {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}

/* Hub portal usuário */
.ez-app-shell .main .content {
  background: transparent !important;
  height: auto !important;
}

.ez-app-shell .main .logout {
  display: none !important;
}

.ez-hub-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  padding: 8px 0 24px;
  max-width: 720px;
  margin: 0 auto;
}

.ez-hub-tile {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  cursor: pointer;
  width: 120px;
  height: 120px;
  padding: 16px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, box-shadow 0.15s;
  text-decoration: none;
  color: inherit;
}

.ez-hub-tile:hover {
  background: rgba(230, 255, 255, 0.85);
  box-shadow: 0 6px 16px rgba(0, 25, 48, 0.12);
}

.ez-hub-tile.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

.ez-hub-tile .material-symbols-outlined {
  font-size: 48px;
  color: var(--color-primary);
}

.ez-hub-tile p {
  margin: 8px 0 0;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  color: var(--color-text);
}

/* Tiles legado → hub */
.ez-legacy-content .box-select {
  background: #fff !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: var(--shadow-card) !important;
  width: 120px !important;
  height: 120px !important;
}

.ez-legacy-content .box-select .icon,
.ez-legacy-content .box-select .material-symbols-outlined {
  color: var(--color-primary) !important;
}

.ez-legacy-content .box-select p {
  color: var(--color-text) !important;
}

/* Navbar legado duplicada */
.ez-app-shell .ez-legacy-nav-hide,
.ez-app-shell nav.navbar.legacy-inline-nav {
  display: none !important;
}

/* Caixas brancas semitransparentes legado */
.ez-legacy-content #box,
.ez-legacy-content .containers > div[style*="background-color:rgba(255,255,255"] {
  background: var(--auth-card-bg) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: var(--shadow-card) !important;
}

/* Inputs legado */
.ez-legacy-content input[type="text"]:not(.ez-field),
.ez-legacy-content input[type="password"]:not(.ez-field),
.ez-legacy-content input[type="email"]:not(.ez-field),
.ez-legacy-content input[type="tel"]:not(.ez-field),
.ez-legacy-content input[type="number"]:not(.ez-field),
.ez-legacy-content select:not(.ez-field),
.ez-legacy-content textarea:not(.ez-field) {
  width: 100%;
  max-width: 100%;
  height: var(--height-input);
  padding: 0 12px;
  border: 1px solid var(--color-input-on-card-border);
  border-radius: var(--radius-input);
  background: var(--color-input-on-card);
  font-family: inherit;
  font-size: 15px;
  color: var(--color-text);
  box-sizing: border-box;
}

.ez-legacy-content textarea:not(.ez-field) {
  height: auto;
  min-height: 80px;
  padding: 10px 12px;
}

/* Botões legado */
.ez-legacy-content input[type="submit"].btn-primary,
.ez-legacy-content input.btn-primary,
.ez-legacy-content button.btn-primary:not(.ez-btn-primary),
.ez-legacy-content .btn-primary[style*="background"],
.ez-legacy-content input[type="submit"][style*="#001930"],
.ez-legacy-content input[type="submit"][style*="#001930"],
.ez-legacy-content input[type="button"][style*="background-color:#"],
.ez-legacy-content a.btn[style*="background"] {
  background-color: var(--color-primary-button) !important;
  border-color: var(--color-primary-button) !important;
  color: #fff !important;
  border-radius: var(--radius-button) !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  min-height: var(--height-button);
  box-shadow: none !important;
}

.ez-legacy-content .btn[style*="border-radius: 100px"],
.ez-legacy-content input[style*="border-radius: 100px"],
.ez-legacy-content button[style*="border-radius:100px"] {
  border-radius: var(--radius-button) !important;
}

.ez-legacy-content .btn-info,
.ez-legacy-content .btn[style*="#13274F"],
.ez-legacy-content .btn[style*="#13274F"] {
  background-color: var(--color-primary-button) !important;
  border-color: var(--color-primary-button) !important;
}

/* Títulos legado */
.ez-legacy-content h1,
.ez-legacy-content h2,
.ez-legacy-content h3,
.ez-legacy-content h4,
.ez-legacy-content h5[style*="color:#"],
.ez-legacy-content h5[style*="color: #"],
.ez-legacy-content font[style*="color:#"],
.ez-legacy-content font[style*="color: #"] {
  color: var(--color-primary) !important;
}

/* Loaders legado */
.ez-legacy-content .loader,
.ez-body .loader {
  border-color: var(--color-border) !important;
  border-top-color: var(--color-primary-button) !important;
}

/* DataTables dentro do painel */
.ez-legacy-content .dataTables_wrapper,
.ez-legacy-content table.dataTable {
  font-family: inherit;
}

.ez-legacy-content table.dataTable thead th {
  background: var(--color-primary) !important;
  color: #fff !important;
}

/* Modais Bootstrap legado */
.ez-legacy-content .modal-content {
  border-radius: var(--auth-card-radius);
  border: 1px solid var(--color-border);
}

.ez-legacy-content .modal-header {
  background: var(--color-primary);
  color: #fff;
  border-radius: var(--auth-card-radius) var(--auth-card-radius) 0 0;
}

.ez-legacy-content .modal-header .close {
  color: #fff;
  opacity: 0.9;
}

/* Cards bootstrap legado */
.ez-legacy-content .card {
  border-radius: var(--radius-card);
  border-color: var(--color-border);
}

/* Pills / badges cyan */
.ez-legacy-content [style*="rgba(0,151,212"],
.ez-legacy-content [style*="rgba(0, 151, 212"] {
  box-shadow: var(--shadow-card) !important;
}

/* Logo larga legada */
.ez-legacy-content img[src*="ezmobi.png"],
.ez-auth-shell img[src*="ezmobi.png"] {
  display: none !important;
}

.ez-legacy-content img[src*="ezmobi.png"] + br,
.ez-auth-shell img[src*="ezmobi.png"] + br {
  display: none;
}

/* Admin pages sem shell — forçar fundo */
body.ez-body:not(.ez-in-shell) {
  background-image: var(--ez-bg-shell);
  background-size: cover;
  background-position: center;
  font-family: var(--font-family);
}

body.ez-body:not(.ez-in-shell) #box {
  background: var(--auth-card-bg) !important;
  border-radius: var(--radius-card) !important;
  padding: 16px;
  max-width: 960px;
  margin: 0 auto;
}

/* Speech bubble nav legado (navbar.php) — esconder quando fora do painel legado isolado */
.ez-app-shell .speech-bubble,
.ez-app-shell .speechbubble,
.ez-app-shell #speechbubble {
  display: none !important;
}

/* Editar estabelecimento — remover overlay e harmonizar seções */
.ez-legacy-content #editarEstabelecimento {
  position: static !important;
  width: auto !important;
  left: auto !important;
  top: auto !important;
  background: transparent !important;
}

.ez-legacy-content #editarEstabelecimento > .container,
.ez-legacy-content #editarEstabelecimento #box > .container {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 4px 24px;
}

.ez-legacy-content #editarEstabelecimento .container .container {
  max-width: 100%;
  padding: 0;
}

.ez-legacy-content #editarEstabelecimento .row.text-center .col-sm-12 {
  background: var(--auth-card-bg) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: var(--shadow-card) !important;
  padding: 16px !important;
  margin-bottom: 8px;
}

.ez-legacy-content #editarEstabelecimento p[style*="font-size:18px"],
.ez-legacy-content #editarEstabelecimento p[style*="font-size: 18px"] {
  background: var(--color-primary) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: left !important;
  padding: 10px 14px !important;
  margin: 20px 0 0 !important;
  border-radius: var(--radius-input) var(--radius-input) 0 0;
}

.ez-legacy-content #editarEstabelecimento .col-sm-6.padding-0,
.ez-legacy-content #editarEstabelecimento .col-sm-12.padding-0 {
  background: var(--auth-card-bg) !important;
  border: 1px solid var(--color-border) !important;
  border-top: none !important;
  padding: 12px 14px !important;
}

.ez-legacy-content #editarEstabelecimento .col-sm-6.padding-0 font,
.ez-legacy-content #editarEstabelecimento .col-sm-12.padding-0 font,
.ez-legacy-content #editarEstabelecimento .col-sm-6.padding-0 b,
.ez-legacy-content #editarEstabelecimento .col-sm-12.padding-0 b {
  color: var(--color-text) !important;
  font-weight: 600;
  font-size: 13px;
  display: block;
  margin-bottom: 6px;
}

.ez-legacy-content #editarEstabelecimento .row {
  margin-left: 0;
  margin-right: 0;
}

.ez-legacy-content #editarEstabelecimento input[type="text"],
.ez-legacy-content #editarEstabelecimento input[type="number"],
.ez-legacy-content #editarEstabelecimento select {
  height: var(--height-input) !important;
  border-radius: var(--radius-input) !important;
}

.ez-legacy-content #editarEstabelecimento .ez-field-group {
  margin-bottom: 0;
}

.ez-legacy-content #editarEstabelecimento input[type="submit"],
.ez-legacy-content #editarEstabelecimento button[type="submit"] {
  margin-top: 20px;
  min-width: 200px;
}