/* GS-468: My Business forms / settings foundations overlay
   Applies P2 kit look to legacy vendor + comms form controls without rewriting every template. */
body[data-workspace="biz"] .page-container form label,
body.workspace-biz .page-container form label,
[data-workspace="biz"] form .form-label,
.mb-forms label {
    font-family: 'JetBrains Mono', var(--font-mono, monospace);
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted, #5E6B78);
}

/* Scope: vendor/* and comms/* content surfaces */
.page-container form input[type="text"],
.page-container form input[type="email"],
.page-container form input[type="password"],
.page-container form input[type="number"],
.page-container form input[type="tel"],
.page-container form input[type="url"],
.page-container form input[type="search"],
.page-container form input[type="date"],
.page-container form input[type="datetime-local"],
.page-container form input[type="time"],
.page-container form select,
.page-container form textarea,
.mb-forms input[type="text"],
.mb-forms input[type="email"],
.mb-forms input[type="password"],
.mb-forms input[type="number"],
.mb-forms input[type="tel"],
.mb-forms input[type="search"],
.mb-forms input[type="date"],
.mb-forms select,
.mb-forms textarea {
    background: var(--bg-elevated, #161D26);
    border: 1px solid var(--border-color, #222B36);
    border-radius: 8px;
    color: var(--text-primary, #F4F7F9);
    font-family: 'DM Sans', var(--font-body, system-ui), sans-serif;
    font-size: 0.88rem;
    padding: 9px 12px;
    transition: border-color 0.15s;
}
.page-container form input:focus,
.page-container form select:focus,
.page-container form textarea:focus,
.mb-forms input:focus,
.mb-forms select:focus,
.mb-forms textarea:focus {
    outline: none;
    border-color: var(--ws-accent, #4B8DE8);
    box-shadow: 0 0 0 2px rgba(232, 176, 74, 0.22);
}

/* Machine-value fields (VIN / SKU / rego / engine) prefer mono when marked */
.page-container form input[name*="vin" i],
.page-container form input[name*="sku" i],
.page-container form input[name*="rego" i],
.page-container form input[name*="engine" i],
.page-container form input[name*="part_number" i],
.page-container form input.gs-input--mono,
.mb-forms input.gs-input--mono {
    font-family: 'JetBrains Mono', var(--font-mono, monospace);
    font-size: 0.82rem;
    letter-spacing: 0.02em;
}

/* Money display helpers */
.mb-money,
.page-container .money,
.page-container .price-value {
    font-family: 'JetBrains Mono', var(--font-mono, monospace);
    font-weight: 600;
    color: #34C08F;
}

/* Section headings in settings */
.page-container form h2,
.page-container form h3,
.page-container .settings-section-title,
.mb-forms .section-title {
    font-family: 'JetBrains Mono', var(--font-mono, monospace);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted, #5E6B78);
}

/* Checkbox / radio nudge toward chamfer (when not already .gs-check) */
.page-container form input[type="checkbox"]:not(.gs-check),
.mb-forms input[type="checkbox"]:not(.gs-check) {
    width: 16px;
    height: 16px;
    accent-color: var(--ws-accent, #4B8DE8);
    border-radius: 2px;
}

/* Danger actions */
.page-container form .btn-danger,
.page-container .btn-danger,
.mb-forms .btn-danger {
    font-family: 'JetBrains Mono', var(--font-mono, monospace);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: transparent;
    color: #F16A6E;
    border: 1px solid color-mix(in srgb, #F16A6E 45%, transparent);
    border-radius: 8px;
    padding: 8px 14px;
    cursor: pointer;
}
.page-container form .btn-danger:hover,
.page-container .btn-danger:hover {
    background: color-mix(in srgb, #F16A6E 12%, transparent);
    border-color: #F16A6E;
}