/* Café — ajustes específicos do módulo (herda ../gestao/styles.css) */

.sidebar-brand { display: flex; align-items: center; gap: 10px; }
.sidebar-brand-tag {
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--label-tertiary); font-weight: 600;
  border: 1px solid var(--separator); border-radius: 980px; padding: 2px 8px;
}

/* Modal (dialog) */
#modal {
  border: none; border-radius: 18px; padding: 0;
  width: min(560px, 94vw); max-height: 90vh; overflow: auto;
  box-shadow: 0 24px 60px rgba(0,0,0,0.28);
}
#modal::backdrop { background: rgba(0,0,0,0.42); backdrop-filter: blur(2px); }
.modal-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 24px 12px;
}
.modal-head h3 { margin: 0; font-size: var(--fs-title-3); }
.modal-close {
  background: transparent; border: none; cursor: pointer;
  font-size: 22px; line-height: 1; color: var(--label-tertiary); padding: 4px 8px;
}
.modal-body { padding: 4px 24px 8px; }
.modal-foot {
  display: flex; justify-content: flex-end; gap: 10px;
  padding: 14px 24px 22px; position: sticky; bottom: 0; background: var(--bg-elevated, #fff);
}

/* Form fields */
.field { margin-bottom: 14px; }
.field > label {
  display: block; font-size: var(--fs-footnote); font-weight: 600;
  color: var(--label-secondary); margin-bottom: 5px;
}
.field input, .field select, .field textarea {
  width: 100%; padding: 9px 12px; border: 1px solid var(--separator);
  border-radius: 10px; font-size: var(--fs-subhead); font-family: inherit;
  background: var(--bg-input, #fff); color: var(--label-primary);
}
.field input:focus, .field select:focus, .field textarea:focus {
  outline: none; border-color: var(--brand);
}
.field-row { display: flex; gap: 12px; }
.field-row > .field { flex: 1; }
.field-hint { font-size: var(--fs-caption-1); color: var(--label-tertiary); margin-top: 4px; }

/* Linhas de item do pedido */
.item-line {
  display: grid; grid-template-columns: 1fr 76px 96px 96px 32px;
  gap: 8px; align-items: center; margin-bottom: 8px;
}
.item-line .lbl { font-size: var(--fs-footnote); color: var(--label-secondary); }
.line-total { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.line-del { background: transparent; border: none; color: var(--red); cursor: pointer; font-size: 18px; }

/* Toast */
.toast {
  position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(20px);
  background: #1c1c1e; color: #fff; padding: 12px 20px; border-radius: 12px;
  font-size: var(--fs-subhead); box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  opacity: 0; pointer-events: none; transition: opacity 0.2s, transform 0.2s; z-index: 9999;
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.toast.err { background: #b3261e; }

/* Placeholder financeiro */
.soon-wrap { max-width: 560px; margin: 40px auto; text-align: center; }
.soon-wrap .soon-badge {
  display: inline-block; font-size: var(--fs-caption-1); letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--brand); background: var(--brand-soft);
  padding: 4px 12px; border-radius: 980px; margin-bottom: 16px; font-weight: 600;
}