/* Favorito Delivery — Build 431
   Combos mais profissionais, tabs com borda superior, feedback de salvamento compacto,
   Central de suporte com WhatsApp/chamado e link automático no onboarding. */

/* ===== Tabs: sem faixa/branco inferior; destaque passa para a borda superior ===== */
body[data-area="app"] .tabs.dynamic-tabs,
body[data-area="app"] .modifier-editor-tabs,
body[data-area="app"] .cover-picker-tabs{
  border-top:1px solid var(--border,#e5e7eb)!important;
  border-bottom:0!important;
  background:var(--surface,#fff)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
  gap:0!important;
}
body[data-area="app"] .tabs.dynamic-tabs .tab,
body[data-area="app"] .modifier-editor-tabs button,
body[data-area="app"] .cover-picker-tabs button{
  border:0!important;
  border-top:3px solid transparent!important;
  border-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  margin:0!important;
}
body[data-area="app"] .tabs.dynamic-tabs .tab.active,
body[data-area="app"] .modifier-editor-tabs button.is-active,
body[data-area="app"] .cover-picker-tabs button.active{
  border-top-color:var(--primary,var(--color-primary,#ef233c))!important;
  border-bottom-color:transparent!important;
  background:color-mix(in srgb,var(--primary,var(--color-primary,#ef233c)) 6%,var(--surface,#fff))!important;
  color:var(--primary,var(--color-primary,#ef233c))!important;
}
body[data-area="app"] .tab-panel-stack{
  border-top:0!important;
  padding-top:14px!important;
}

/* ===== Salvamento: uma única confirmação, fina, discreta e temporária ===== */
.fd428-modal-save-feedback,
dialog .fd428-relocated-flash,
dialog[open] .alert-success,
[role="dialog"] .alert-success,
.product-editor-dialog .alert-success{
  width:auto!important;
  max-width:none!important;
  min-height:36px!important;
  max-height:48px!important;
  margin:8px 14px 4px!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:12px!important;
  line-height:1.2!important;
  overflow:hidden!important;
}
.fd428-modal-save-feedback>svg,
dialog .fd428-relocated-flash>svg,
dialog[open] .alert-success>svg,
[role="dialog"] .alert-success>svg{
  width:16px!important;height:16px!important;flex:0 0 16px!important;
}
.fd428-modal-save-feedback>div{
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
.fd428-modal-save-feedback strong{font-size:12px!important;line-height:1.15!important;margin:0!important}
.fd428-modal-save-feedback span{font-size:11.5px!important;line-height:1.15!important;margin:0!important;color:var(--text,#1f2937)!important}
.fd431-save-leaving{opacity:0!important;transform:translateY(-4px)!important;max-height:0!important;min-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important;transition:all .2s ease!important}

/* ===== Link automático do onboarding ===== */
.fd431-slug-locked input{
  background:#f8fafc!important;
  color:#344054!important;
  cursor:default!important;
  user-select:all;
  font-weight:700!important;
}
.fd431-slug-locked input:focus{box-shadow:none!important}

/* ===== Listagem profissional de combos ===== */
.fd431-combo-list{padding:20px!important}
.fd431-combo-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px!important}
.fd431-combo-list-head h2{margin:4px 0 5px!important;font-size:22px!important}
.fd431-combo-list-head p{margin:0!important;color:var(--muted,#667085)!important;font-size:12px!important;line-height:1.5!important}
.fd431-combo-count{flex:0 0 auto;display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:999px;background:color-mix(in srgb,var(--primary,#ef233c) 8%,#fff);color:var(--primary,#ef233c);font-size:11px;font-weight:800}
.fd431-combo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fd431-combo-card{min-width:0;display:grid;grid-template-columns:138px minmax(0,1fr);grid-template-rows:minmax(168px,auto) auto;border:1px solid var(--border,#e5e7eb);border-radius:18px;background:var(--surface,#fff);overflow:hidden;box-shadow:0 7px 22px rgba(15,23,42,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.fd431-combo-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08);border-color:color-mix(in srgb,var(--primary,#ef233c) 22%,var(--border,#e5e7eb))}
.fd431-combo-media{position:relative;min-height:168px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary,#ef233c) 9%,#fff),#f8fafc);overflow:hidden}
.fd431-combo-media img{width:100%;height:100%;min-height:168px;display:block;object-fit:cover}
.fd431-combo-media.is-empty{display:grid;place-items:center;color:var(--primary,#ef233c)}
.fd431-combo-media.is-empty>span{width:62px;height:62px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(15,23,42,.08)}
.fd431-combo-badges{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:6px;flex-wrap:wrap}
.fd431-combo-badges span{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.94);color:#344054;font-size:9.5px;font-weight:800;box-shadow:0 3px 12px rgba(15,23,42,.08)}
.fd431-combo-badges span.is-offer{background:var(--primary,#ef233c);color:#fff}
.fd431-combo-card-body{min-width:0;padding:16px;display:grid;align-content:start;gap:10px}
.fd431-combo-card-title small{display:block;color:var(--primary,#ef233c);font-size:9.5px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
.fd431-combo-card-title h3{margin:0;font-size:17px;line-height:1.25;overflow-wrap:anywhere}
.fd431-combo-description-text{margin:0;color:var(--muted,#667085);font-size:11.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fd431-combo-meta{display:flex;gap:12px;flex-wrap:wrap;color:#667085;font-size:10.5px}
.fd431-combo-meta span{display:inline-flex;align-items:center;gap:5px}
.fd431-combo-meta b{color:#344054}
.fd431-combo-price{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:7px}
.fd431-combo-price>div{display:grid;gap:2px}.fd431-combo-price small{font-size:9.5px;color:#667085}.fd431-combo-price strong{font-size:21px;line-height:1;color:var(--primary,#ef233c)}.fd431-combo-price del{font-size:10px;color:#98a2b3}
.fd431-combo-actions{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:12px;border-top:1px solid var(--border,#e5e7eb);background:#fbfcfd}
.fd431-combo-actions form{margin:0}.fd431-combo-actions .button{min-height:38px!important;padding-inline:11px!important;font-size:11px!important;white-space:nowrap}
.fd431-combo-delete{width:40px!important;padding:0!important;display:grid!important;place-items:center!important}

/* ===== Central de suporte ===== */
.fd431-support-page{display:grid;gap:18px;min-width:0}
.fd431-support-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.fd431-support-hero h2{margin:4px 0 5px;font-size:24px}.fd431-support-hero p{margin:0;color:var(--muted,#667085);font-size:12.5px;line-height:1.5;max-width:760px}
.fd431-support-flash{min-height:42px!important;padding:9px 12px!important;border-radius:11px!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important}
.fd431-support-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fd431-support-channel{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid var(--border,#e5e7eb);border-radius:16px;background:var(--surface,#fff);padding:15px 16px;box-shadow:0 4px 16px rgba(15,23,42,.035)}
.fd431-support-channel-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary,#ef233c) 9%,#fff);color:var(--primary,#ef233c)}
.fd431-support-channel-icon svg{width:22px;height:22px}.fd431-whatsapp-icon{background:#e9fbf0;color:#159447}
.fd431-support-channel>div{min-width:0}.fd431-support-channel strong{display:block;font-size:14px;margin-bottom:3px}.fd431-support-channel p{margin:0;color:var(--muted,#667085);font-size:10.5px;line-height:1.4}
.fd431-support-channel.is-disabled{opacity:.7}.fd431-wa-button{color:#117c3d!important;border-color:#bce9cc!important;background:#f3fcf6!important}
.fd431-ticket-card,.fd431-ticket-history{padding:0!important;overflow:hidden!important;border-radius:16px!important}
.fd431-ticket-head,.fd431-ticket-history>header{padding:16px 18px;border-bottom:1px solid var(--border,#e5e7eb)}
.fd431-ticket-head h3,.fd431-ticket-history h3{margin:3px 0 4px;font-size:17px}.fd431-ticket-head p,.fd431-ticket-history header p{margin:0;color:var(--muted,#667085);font-size:10.5px}
.fd431-ticket-form{display:grid;gap:14px;padding:18px}.fd431-ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fd431-ticket-form .field{margin:0!important}.fd431-ticket-actions{display:flex;justify-content:flex-end}
.fd431-ticket-list{display:grid}.fd431-ticket-list article{padding:13px 18px;border-bottom:1px solid var(--border,#e5e7eb)}.fd431-ticket-list article:last-child{border-bottom:0}.fd431-ticket-protocol{display:flex;align-items:center;justify-content:space-between;gap:10px}.fd431-ticket-protocol strong{font-size:11px;color:#344054}.fd431-ticket-list p{margin:5px 0 3px;font-size:12px}.fd431-ticket-list small{color:var(--muted,#667085);font-size:9.5px}.fd431-ticket-status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:800}.fd431-ticket-status.is-open{background:#fff4dc;color:#986000}.fd431-ticket-status.is-progress{background:#eaf1ff;color:#2456b3}.fd431-ticket-status.is-closed{background:#e9f8ef;color:#18763a}

@media(max-width:1180px){
  .fd431-combo-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .fd431-support-channels{grid-template-columns:1fr}
  .fd431-support-channel{grid-template-columns:46px minmax(0,1fr)}
  .fd431-support-channel>.button{grid-column:1/-1;width:100%}
}
@media(max-width:720px){
  body[data-area="app"] .tabs.dynamic-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  body[data-area="app"] .tabs.dynamic-tabs .tab{flex:0 0 auto!important;min-width:max-content!important;padding-inline:13px!important}
  .fd428-modal-save-feedback,dialog .fd428-relocated-flash,dialog[open] .alert-success,[role="dialog"] .alert-success,.product-editor-dialog .alert-success{margin:7px 10px 3px!important;padding:6px 9px!important;max-height:54px!important}
  .fd431-combo-list{padding:14px!important}.fd431-combo-list-head{align-items:flex-start;flex-direction:column;margin-bottom:14px!important}.fd431-combo-card{grid-template-columns:104px minmax(0,1fr);grid-template-rows:minmax(145px,auto) auto}.fd431-combo-media,.fd431-combo-media img{min-height:145px}.fd431-combo-card-body{padding:13px}.fd431-combo-actions{grid-template-columns:1fr 1fr}.fd431-combo-actions .button{width:100%;justify-content:center}.fd431-combo-delete{width:100%!important}.fd431-ticket-grid{grid-template-columns:1fr}.fd431-ticket-form{padding:14px}.fd431-ticket-head,.fd431-ticket-history>header{padding:14px}
}
@media(max-width:520px){
  .fd431-combo-card{grid-template-columns:1fr;grid-template-rows:150px auto auto}.fd431-combo-media,.fd431-combo-media img{height:150px;min-height:150px}.fd431-combo-actions{grid-template-columns:1fr}.fd431-support-hero h2{font-size:21px}.fd431-support-channel{padding:13px}.fd431-ticket-actions .button{width:100%}
}