/* Enquiries and Archived: use the same queue/workspace language as Orders. */
.operational-page { min-height:calc(100vh - 82px); background:#f4f6fa; }
.operational-page-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin:0; padding:20px 24px; background:#fff; border-bottom:1px solid #e3e8f0; }
.operational-page-heading h2 { margin:4px 0 6px; font-size:1.18rem; }
.operational-page-heading p { margin:0; color:#5d6475; }

#enquiriesPortalView { padding:0; }
#enquiriesPortalView .enquiry-layout { display:grid; grid-template-columns:330px minmax(0,1fr); min-height:calc(100vh - 190px); }
#enquiriesPortalView .operational-list-panel { min-width:0; background:#fff; border-right:1px solid #e3e8f0; }
#enquiriesPortalView .operational-list-panel>.filters { display:grid; gap:10px; padding:16px; border-bottom:1px solid #e9edf3; }
#enquiriesPortalView .operational-list-panel>.filters input,
#enquiriesPortalView .operational-list-panel>.filters select { width:100%; margin:0; }
#enquiriesPortalView .operational-card-list { display:flex; flex-direction:column; gap:0; max-height:calc(100vh - 286px); overflow:auto; }
#enquiriesPortalView .operational-card { position:relative; padding:16px 18px; border-bottom:1px solid #e7ebf1; background:#fff; color:#11152f; }
#enquiriesPortalView .operational-card:hover { background:#fff8fc; box-shadow:inset 3px 0 0 #e91e78; }
#enquiriesPortalView .operational-card.is-overdue { background:#fff8f8; box-shadow:inset 3px 0 0 #b92323; }
#enquiriesPortalView .operational-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
#enquiriesPortalView .operational-card h4 { margin:0 0 5px; font-size:.92rem; }
#enquiriesPortalView .operational-card strong { color:#53617a; font-size:.72rem; }
#enquiriesPortalView .operational-card p { margin:3px 0; color:#66738a; font-size:.74rem; line-height:1.45; }
#enquiriesPortalView .operational-card-actions { display:flex; gap:8px; margin-top:12px; }
#enquiriesPortalView .priority-badge { display:inline-flex; padding:4px 8px; border-radius:999px; background:#11152f; color:#fff; font-size:10px; font-weight:800; letter-spacing:.04em; }
#enquiriesPortalView .priority-badge.is-overdue { background:#b92323; }
#enquiriesPortalView .enquiry-workspace { min-width:0; min-height:0; padding:22px; background:#f4f6fa; }
#enquiriesPortalView #enquiryEmptyState,
#enquiriesPortalView #enquiryForm { border:1px solid #e1e6ee; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(16,21,66,.06); }
#enquiriesPortalView #enquiryEmptyState { min-height:610px; }
#enquiriesPortalView #enquiryForm { padding:24px; }
.enquiry-form-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:18px; }
.enquiry-form-heading h2 { margin:4px 0; }
.button-small { min-height:32px !important; padding:6px 10px !important; font-size:12px !important; }

#archivedPortalView { padding:28px; }
#archivedPortalView .operational-page-heading { align-items:center; margin-bottom:18px; border:0; background:transparent; padding:0; }
#archivedPortalView .operational-page-heading input { width:min(360px,100%); }
#archivedPortalView .archived-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; max-width:1500px; margin:0 auto; }
#archivedPortalView .archived-record { display:grid; align-content:start; gap:6px; min-height:158px; padding:18px; border:1px solid #e1e6ee; border-radius:14px; background:#fff; box-shadow:0 6px 18px rgba(16,21,66,.05); }
#archivedPortalView .archived-record strong { color:#172033; font-size:.9rem; }
#archivedPortalView .archived-record p { margin:0; color:#66738a; font-size:.78rem; line-height:1.45; }
#archivedPortalView .archived-record .button { justify-self:start; margin-top:auto; }

@media(max-width:900px) { #enquiriesPortalView .enquiry-layout { grid-template-columns:1fr; } #enquiriesPortalView .operational-list-panel { border-right:0; border-bottom:1px solid #e3e8f0; } #enquiriesPortalView .operational-card-list { max-height:none; } #archivedPortalView .archived-grid { grid-template-columns:1fr; } }
@media(max-width:650px) { .operational-page-heading { align-items:stretch; flex-direction:column; padding:16px; } #enquiriesPortalView .operational-page-heading .button { width:100%; } #enquiriesPortalView .enquiry-workspace { padding:14px; } #enquiriesPortalView #enquiryForm { padding:16px; } #archivedPortalView { padding:16px; } .enquiry-form-heading { flex-direction:column; } }