/* ==========================================================================
   Enquiry form — shared, standardised styling
   --------------------------------------------------------------------------
   Single source of truth for every page/dialog that renders enquiry data:
     • EnquiryCreateDialog.razor  (Sales — new enquiry)
     • ReceivingPg.razor          (Factory floor — receiving)
     • EnquiryFolderPg.razor      (Customer Service — view/edit)
   The Enquiry is the central document across the site; these classes keep the
   form identical everywhere. Per-page variance is expressed only through the
   modifier classes (--flush / --docked / --banded), never by redefining the
   base look. See WorksOrders/enquirycreateandedit.md §5.
   ========================================================================== */

/* Layout shell -------------------------------------------------------------- */
.eq-parent {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.eq-toolbar {
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Dark banner (used above the toolbar on the full-page Folder view) */
.eq-header-bar {
    background: var(--pulse-dark-colour, #2b3a52);
    color: #fff;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    border-radius: 8px 8px 0 0;
}

.eq-period {
    color: #dfe6f0;
    font-size: .85rem;
}

.eq-content {
    flex: 1;
    background: white;
    border-radius: 10px;
    overflow: auto;
    padding: 16px;
    color: #222;
}

.eq-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Fieldsets ----------------------------------------------------------------- */
.eq-fs {
    border: 1px solid #c9c9c9;
    border-radius: 8px;
    padding: 10px 14px;
    margin: 0 0 14px 0;
}

    .eq-fs > legend {
        font-weight: 600;
        color: #1b1b1b;
        padding: 0 6px;
    }

/* Nested/sub fieldset (rolls, measurements) — dashed, tinted */
.eq-fs-sub {
    border: 1px dashed #b5b5b5;
    border-radius: 8px;
    padding: 10px 14px;
    margin: 10px 0;
    background: #fafafa;
}

    .eq-fs-sub > legend {
        font-weight: 600;
        color: #333;
        padding: 0 6px;
    }

/* Grid + labels ------------------------------------------------------------- */
.eq-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 14px;
}

.eq-lbl {
    display: block;
    font-size: .8rem;
    margin-bottom: 3px;
    color: #333;
}

.eq-subhdr {
    font-weight: 600;
    font-size: .85rem;
    color: #444;
    margin: 12px 0 6px;
}

.eq-chk {
    font-size: .8rem;
    color: #333;
    margin-right: 6px;
}

/* Action bar ---------------------------------------------------------------- */
.eq-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 4px 0;
}

/* Input theming (force readable light inputs over the app theme) ------------ */
.eq-content span,
.eq-content strong {
    color: #222;
}

.eq-content .rz-textbox,
.eq-content .rz-dropdown,
.eq-content .rz-spinner input,
.eq-content .rz-numeric input,
.eq-content .rz-datepicker input,
.eq-content textarea {
    background: #fff;
    color: #222;
}

/* Per-page modifiers -------------------------------------------------------- */
/* Flush content that fills a parent with its own padding (list/receiving) */
.eq-content--flush {
    margin: -10px;
}

/* Content docked under a header bar — square top corners */
.eq-content--docked {
    border-radius: 0 0 10px 10px;
}

/* Toolbar with a light band (Folder view) */
.eq-toolbar--banded {
    background: #eef1f5;
}

/* Responsive ---------------------------------------------------------------- */
@media (max-width: 800px) {
    .eq-grid {
        grid-template-columns: 1fr 1fr;
    }
}