/**
 * SMTBOX 404 & RFQ Inquiry Component
 * File: css/components/404-inquiry.css
 * Decoupled from 404.php
 * Clean cascade, Zero important declarations
 */.sre-404-tabs,
.smtbox-404-tabs {
    display: flex;
    border-bottom: 2px solid var(--smt-color-slate-200, #e1e7f0);
    margin-bottom: var(--smt-space-md, 20px);
    background: var(--smt-color-slate-50, #f7f9fc);
    border-radius: var(--smt-radius-sm, 4px) var(--smt-radius-sm, 4px) 0 0;
}.sre-404-tab-btn,
.smtbox-404-tab-btn {
    flex: 1;
    padding: 14px 20px;
    font-weight: 700;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    color: var(--smt-color-slate-600, #5a6b82);
    cursor: pointer;
    text-align: center;
    font-size: 0.9375rem;
    font-family: var(--smt-font-brand, 'Outfit'), var(--smt-font-sans, 'Inter'), sans-serif;
    transition: all var(--smt-transition-normal, 0.3s ease);
    outline: none;
}.sre-404-tab-btn:hover,
.smtbox-404-tab-btn:hover {
    color: var(--smt-color-primary, #002780);
    background: #eef2f7;
}.sre-404-tab-btn.active,
.smtbox-404-tab-btn.active {
    color: var(--smt-color-accent, #CF0921);
    border-bottom-color: var(--smt-color-accent, #CF0921);
    background: var(--smt-color-white, #ffffff);
}.sre-404-tab-content,
.smtbox-404-tab-content {
    display: none;
    animation: sreFadeIn 0.4s ease;
}.sre-404-tab-content.active,
.smtbox-404-tab-content.active {
    display: block;
}@keyframes sreFadeIn {from { opacity: 0; transform: translateY(5px); }to { opacity: 1; transform: translateY(0); }
}.sre-form-wrapper,
.smtbox-form-wrapper {
    max-width: 600px;
    margin: 0 auto;
    text-align: left;
    background: var(--smt-color-white, #ffffff);
    border: 1px solid var(--smt-color-slate-300, #C0CCD9);
    border-radius: var(--smt-radius-md, 6px);
    padding: var(--smt-space-lg, 30px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    font-family: var(--smt-font-sans, 'Inter', Helvetica, sans-serif);
}.sre-form-group,
.smtbox-form-group {
    margin-bottom: var(--smt-space-md, 20px);
}.sre-form-label,
.smtbox-form-label {
    display: block;
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--smt-color-slate-700, #3C4858);
    margin-bottom: 6px;
    font-family: var(--smt-font-brand, 'Outfit', sans-serif);
}.sre-form-input,
.smtbox-form-input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--smt-color-slate-300, #C0CCD9);
    border-radius: var(--smt-radius-sm, 4px);
    font-size: 0.875rem;
    box-sizing: border-box;
    transition: border-color var(--smt-transition-fast, 0.2s ease);
}.sre-form-input:focus,
.smtbox-form-input:focus {
    border-color: var(--smt-color-primary, #002780);
    outline: none;
}.sre-form-textarea,
.smtbox-form-textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--smt-color-slate-300, #C0CCD9);
    border-radius: var(--smt-radius-sm, 4px);
    font-size: 0.875rem;
    box-sizing: border-box;
    min-height: 100px;
    resize: vertical;
    transition: border-color var(--smt-transition-fast, 0.2s ease);
}.sre-form-textarea:focus,
.smtbox-form-textarea:focus {
    border-color: var(--smt-color-primary, #002780);
    outline: none;
}.sre-spam-container,
.smtbox-spam-container {
    background: #fffdfd;
    border: 1px dashed var(--smt-color-accent, #CF0921);
    border-radius: var(--smt-radius-sm, 4px);
    padding: 15px;
    margin-bottom: var(--smt-space-md, 20px);
}.sre-spam-container.is-hidden,
.smtbox-spam-container.is-hidden {
    display: none;
}.sre-btn-submit,
.smtbox-btn-submit {
    display: block;
    width: 100%;
    background: var(--smt-color-slate-700, #3E4857);
    color: var(--smt-color-white, #ffffff);
    font-size: 0.9375rem;
    font-weight: 700;
    padding: 12px;
    border: none;
    border-radius: var(--smt-radius-sm, 4px);
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    transition: background-color var(--smt-transition-fast, 0.2s ease);
}.sre-btn-submit:hover,
.smtbox-btn-submit:hover {
    background: var(--smt-color-slate-800, #2b333e);
}.sre-btn-submit:disabled,
.smtbox-btn-submit:disabled {
    background: var(--smt-color-slate-300, #cbd5e0);
    cursor: not-allowed;
}.sre-msg-panel,
.smtbox-msg-panel {
    display: none;
    font-family: var(--smt-font-sans, Helvetica, sans-serif);
    font-size: 0.9375rem;
    text-align: left;
    border-radius: var(--smt-radius-sm, 4px);
    padding: 15px;
    margin-bottom: var(--smt-space-md, 20px);
    border: 1px solid transparent;
}.sre-msg-error,
.smtbox-msg-error {
    color: #661d1d;
    background-color: #ffeded;
    border-color: #ff4949;
}.sre-msg-success,
.smtbox-msg-success {
    color: #085229;
    background-color: #e7faf0;
    border-color: #13ce66;
}

/* 404 Subtitle Contrast (#4b5563 meets WCAG 2.2 AA 4.5:1 ratio) */
.smtbox-404-subtitle,
.sre-404-subtitle {
    color: #4b5563;
    font-size: 1.125rem;
    line-height: 1.6;
}

/* 404 & RFQ Cart Table Mobile Responsive Wrapper */
#smtbox-cart-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}