@layer sdfood-v4 {
/* SDFood desktop v4 — padroniza drawer de produto + pedidos estilo ticket (somente desktop) */
@media (min-width: 900px) {
  /* ===== Drawer "Novo lançamento" ===== */
  html body.is-seller aside.drawer {
    padding: 0 !important;
    width: 640px !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    background: #fff !important;
    box-shadow: -12px 0 40px rgba(17, 24, 39, .14) !important;
  }
  html body.is-seller aside.drawer .sd-launch-modal {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  html body.is-seller aside.drawer .sd-launch-modal > .drawer-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 22px 24px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-bottom: 1px solid #eceef2 !important;
    box-shadow: 0 6px 16px -12px rgba(17, 24, 39, .25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
  }
  html body.is-seller aside.drawer .sd-launch-modal > form,
  html body.is-seller aside.drawer .sd-launch-form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 24px 24px 0 !important;
    box-sizing: border-box !important;
  }
  html body.is-seller aside.drawer .sd-launch-form * { box-sizing: border-box; }
  html body.is-seller aside.drawer .sd-launch-form input:not([type=checkbox]):not([type=radio]):not([type=file]),
  html body.is-seller aside.drawer .sd-launch-form select,
  html body.is-seller aside.drawer .sd-launch-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    border: 1px solid #e3e5ea !important;
    border-radius: 10px !important;
    background: #fff !important;
    font-size: 14px !important;
  }
  html body.is-seller aside.drawer .sd-launch-form input:focus,
  html body.is-seller aside.drawer .sd-launch-form select:focus,
  html body.is-seller aside.drawer .sd-launch-form textarea:focus {
    outline: none !important;
  }
  /* rodapé dos botões fixo e alinhado */
  html body.is-seller aside.drawer .sd-launch-form .drawer-actions,
  html body.is-seller aside.drawer .sd-launch-form .form-actions,
  html body.is-seller aside.drawer .sd-launch-form > :last-child:has(button[type=submit]) {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 15 !important;
    margin: 24px -24px 0 !important;
    padding: 16px 24px !important;
    background: #fff !important;
    border-top: 1px solid #eceef2 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  /* ===== Quadro de pedidos: colunas brancas ===== */
  html body.is-seller .ob-kanban .ob-col,
  html body.is-seller .orders-kanban .sv-col {
    background: #fff !important;
    border: 1px solid #e7e9ee !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 2px rgba(17, 24, 39, .04) !important;
  }

  /* ===== Card do pedido: ticket ===== */
  html body.is-seller .ob-kanban .ob-card,
  html body.is-seller .orders-kanban .sv-kcard {
    position: relative !important;
    background: #fff !important;
    border: 1.5px dashed #d5d8df !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px -8px rgba(17, 24, 39, .18) !important;
    overflow: visible !important;
  }
  html body.is-seller .ob-kanban .ob-card::before,
  html body.is-seller .ob-kanban .ob-card::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    border-radius: 50% !important;
    background: #f3f4f6 !important;
    border: 1.5px dashed #d5d8df !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }
  html body.is-seller .ob-kanban .ob-card::before {
    left: -10px !important; display:block !important;
    clip-path: inset(0 0 0 50%) !important;
  }
  html body.is-seller .ob-kanban .ob-card::after {
    right: -10px !important; display:block !important;
    clip-path: inset(0 50% 0 0) !important;
  }
  html body.is-seller .ob-kanban .ob-card .ob-khead {
    padding-bottom: 10px !important;
    border-bottom: 1.5px dashed #e3e5ea !important;
    margin-bottom: 10px !important;
  }
  html body.is-seller .ob-kanban .ob-card .ob-order-code-original {
    font-family: 'Outfit', sans-serif !important;
    letter-spacing: .04em !important;
  }
}

@media (min-width: 900px) {
  html body.is-seller aside.drawer .sd-launch-form .sd-price-input {
    display: flex !important; align-items: center !important; gap: 8px !important;
    min-height: 44px !important; padding: 0 14px !important;
    border: 1px solid #e3e5ea !important; border-radius: 10px !important; background: #fff !important;
  }
  html body.is-seller aside.drawer .sd-launch-form .sd-price-input input:not(#sdf-x) {
    flex: 1 !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; min-height: 42px !important; background: transparent !important;
  }
  html body.is-seller aside.drawer .sd-launch-form .sd-price-input:focus-within {
  }
}
}
