.rq-export-list-wide{min-width:132px!important;width:auto!important;flex:0 0 auto!important;white-space:nowrap!important} .rq-export-list-wide>*{white-space:nowrap!important} .rq-export-list-wrap{margin-left:auto!important;flex:0 0 auto!important} /* Aktis QA 2.13.3 – visual polish layer (loaded after index.css; no rebuild required) */ :root{--rq-ease:cubic-bezier(.2,.8,.2,1);--rq-focus:#6366f1} /* ---- Boot screen (shown until React mounts) ---- */ .rq-boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(160deg,#f8fafc,#eef2ff)} .rq-boot-logo{width:52px;height:52px;border-radius:16px;background:url("data:image/png;base64,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") center/68% no-repeat, linear-gradient(135deg,#0f172a,#1e1b4b);box-shadow:0 10px 30px rgba(30,27,75,.28);position:relative;animation:rq-spin 1.6s linear infinite} .rq-boot-logo:after{content:none} .rq-boot-bar{width:150px;height:3px;border-radius:3px;background:#e2e8f0;overflow:hidden} .rq-boot-bar i{display:block;height:100%;width:40%;border-radius:3px;background:#6366f1;animation:rq-slide 1.1s var(--rq-ease) infinite} .rq-boot-text{font:700 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#64748b} @keyframes rq-spin{to{transform:rotate(360deg)}} @keyframes rq-slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}} /* ---- Route loading skeleton (Suspense fallback) ---- */ .rq-skel{display:grid;gap:14px;padding:4px} .rq-skel>div{height:88px;border-radius:14px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;animation:rq-shimmer 1.2s linear infinite} .rq-skel>div:first-child{height:36px;width:min(260px,60%)} @keyframes rq-shimmer{to{background-position:-200% 0}} /* ---- Global feel ---- */ html{-webkit-text-size-adjust:100%} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility} *{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent} ::-webkit-scrollbar{width:9px;height:9px} ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9px;border:2px solid transparent;background-clip:content-box} ::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box} ::-webkit-scrollbar-track{background:transparent} ::selection{background:rgba(99,102,241,.22)} :focus-visible{outline:2px solid var(--rq-focus);outline-offset:2px} input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none} /* ---- Micro-interactions ---- */ button,a,[role=button]{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease} button:not(:disabled):active{transform:scale(.98)} button:disabled{cursor:not-allowed} tbody tr{transition:background-color .12s ease} main>*{animation:rq-in .22s ease-out both} @keyframes rq-in{from{opacity:0}to{opacity:1}} /* ---- Sidebar ---- */ aside.bg-slate-900{background:linear-gradient(180deg,#0f172a 0%,#0b1120 100%);box-shadow:1px 0 0 rgba(255,255,255,.04)} aside nav a{border-radius:9px} /* ---- Dialogs (also applied to the runtime-themed panels) ---- */ .rq2132-backdrop{animation:rq-in .16s ease-out both} .rq2132-panel{animation:rq-pop .2s var(--rq-ease) both} @keyframes rq-pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}} /* ---- Cheaper blur: same look, far less GPU cost on long tables and low-end laptops ---- */ .backdrop-blur-xs,.backdrop-blur-sm,.backdrop-blur{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} .rq2132-backdrop{-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important} @media (prefers-reduced-motion:reduce){ *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} } @media print{main>*,.rq2132-panel{animation:none!important}} /* ===================================================================== 2.13.4 – design system, dashboard, sidebar, login, mobile, calendar ===================================================================== */ /* ---- 1. Design system: shared tokens (Tailwind v4 reads the --radius-* variables) ---- */ :root{ --radius-lg:.625rem;--radius-xl:.875rem;--radius-2xl:1.125rem; --rq-primary:#4f46e5;--rq-primary-soft:#eef2ff;--rq-ink:#0f172a;--rq-muted:#64748b;--rq-line:#e2e8f0; --rq-ok:#10b981;--rq-warn:#f59e0b;--rq-danger:#ef4444;--rq-info:#3b82f6; --rq-shadow-1:0 1px 2px rgba(15,23,42,.05),0 1px 1px rgba(15,23,42,.03); --rq-shadow-2:0 1px 3px rgba(15,23,42,.08),0 4px 10px -4px rgba(15,23,42,.06); --rq-shadow-3:0 10px 24px -8px rgba(15,23,42,.16),0 3px 8px -3px rgba(15,23,42,.08); } .shadow-xs{--tw-shadow:0 1px 2px rgba(15,23,42,.05),0 1px 1px rgba(15,23,42,.03)} .shadow-sm{--tw-shadow:0 1px 3px rgba(15,23,42,.08),0 4px 10px -4px rgba(15,23,42,.06)} .shadow-md{--tw-shadow:0 10px 24px -8px rgba(15,23,42,.16),0 3px 8px -3px rgba(15,23,42,.08)} .shadow-xl{--tw-shadow:0 24px 48px -16px rgba(15,23,42,.28),0 6px 14px -6px rgba(15,23,42,.10)} main .bg-white.border.border-slate-200{border-color:var(--rq-line)} main h2.uppercase,main h3.uppercase{letter-spacing:.09em} .tabular-nums,main .text-2xl.font-bold{font-variant-numeric:tabular-nums} /* ---- 2. Dashboard KPI cards: status accent, lift, gradient bars ---- */ main .group.cursor-pointer.rounded-xl{position:relative;overflow:hidden} main .group.cursor-pointer.rounded-xl:hover{transform:translateY(-2px)} main .bg-emerald-500.h-full{background:linear-gradient(90deg,#10b981,#34d399)} main .bg-amber-500.h-full{background:linear-gradient(90deg,#f59e0b,#fbbf24)} main .bg-yellow-500.h-full{background:linear-gradient(90deg,#eab308,#facc15)} main .bg-slate-100.h-1\.5{box-shadow:inset 0 1px 2px rgba(15,23,42,.06)} .recharts-tooltip-wrapper .recharts-default-tooltip{border-radius:12px!important;border:1px solid var(--rq-line)!important;box-shadow:var(--rq-shadow-3)!important} .recharts-cartesian-grid line{stroke:#eef2f7} .recharts-text{fill:#64748b} /* ---- 4. Sidebar: clear active item, hover, collapsible ---- */ aside nav a.bg-slate-800{background:linear-gradient(90deg,rgba(99,102,241,.24),rgba(99,102,241,.05));box-shadow:inset 3px 0 0 #818cf8} aside nav a.bg-slate-800 svg{color:#a5b4fc} aside nav a:hover:not(.bg-slate-800){background:rgba(255,255,255,.06)} aside nav a svg{transition:color .15s ease,transform .15s ease} aside nav a:hover svg{color:#e2e8f0;transform:translateX(1px)} #rq-side-toggle{display:none;margin-left:auto;width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#94a3b8;font-size:16px;line-height:1;align-items:center;justify-content:center;cursor:pointer;padding:0} #rq-side-toggle:hover{background:rgba(255,255,255,.12);color:#fff} @media (min-width:1024px){ #rq-side-toggle{display:inline-flex} aside.w-48{transition:width .2s var(--rq-ease),transform .2s ease} html.rq-side-collapsed aside.w-48{width:4.5rem} html.rq-side-collapsed aside .sticky{flex-direction:column;gap:10px;padding:14px 0} html.rq-side-collapsed aside .sticky h1{display:none} html.rq-side-collapsed aside .sticky svg:first-child{margin:0} html.rq-side-collapsed #rq-side-toggle{margin-left:0;transform:rotate(180deg)} html.rq-side-collapsed aside nav{padding:12px 8px} html.rq-side-collapsed aside nav a{position:relative;justify-content:center;padding-left:0;padding-right:0} html.rq-side-collapsed aside nav a>span.tracking-wider{display:none} html.rq-side-collapsed aside nav a>span.ml-auto{position:absolute;top:1px;right:4px;min-width:16px;padding:0 4px;font-size:9px} html.rq-side-collapsed aside nav a svg{width:18px;height:18px} } /* ---- 5. Login screen ---- */ .min-h-screen.bg-slate-50:has(>.max-w-md.rounded-2xl){background:radial-gradient(900px 500px at 8% -10%,#e0e7ff 0,transparent 60%),radial-gradient(800px 480px at 105% 110%,#dbeafe 0,transparent 55%),#f8fafc} .max-w-md.rounded-2xl.shadow-xl{border:0;box-shadow:0 30px 60px -24px rgba(30,27,75,.38),0 0 0 1px rgba(15,23,42,.05);animation:rq-pop .3s var(--rq-ease) both} .max-w-md.rounded-2xl>div.bg-slate-900{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);position:relative;overflow:hidden} .max-w-md.rounded-2xl>div.bg-slate-900:before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(129,140,248,.35),transparent 70%)} .max-w-md.rounded-2xl>div.bg-slate-900>*{position:relative} .max-w-md.rounded-2xl input{border-radius:10px} /* ---- 7. Calendar: colour coding + legend ---- */ button.bg-blue-50.border-blue-200.text-blue-800{border-left:3px solid #3b82f6} button.bg-amber-50.border-amber-200.text-amber-800{border-left:3px solid #f59e0b} .rq-legend{display:flex;flex-wrap:wrap;gap:14px;padding:8px 16px;border-bottom:1px solid #f1f5f9;background:#fff;font:700 10px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#64748b} .rq-legend span{display:inline-flex;align-items:center;gap:6px} .rq-legend i{width:10px;height:10px;border-radius:3px;display:inline-block} /* ---- 6. Mobile / touch ---- */ @media (pointer:coarse){ aside nav a,header button{min-height:40px} main button,main a.rounded-lg,main a.rounded-md{min-height:38px} main input:not([type=checkbox]):not([type=radio]),main select{min-height:40px} } @media (max-width:640px){ main{padding:12px!important} main table.rq-stack{display:block;min-width:0!important;width:100%!important;border:0} main table.rq-stack thead{display:none} main table.rq-stack tbody{display:block} main table.rq-stack tr{display:block;background:#fff;border:1px solid var(--rq-line);border-radius:14px;margin:0 0 12px;padding:4px 14px;box-shadow:var(--rq-shadow-1)} main table.rq-stack td{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 0!important;border:0!important;border-bottom:1px dashed #eef2f7!important;text-align:right;white-space:normal!important;min-height:0} main table.rq-stack td:last-child{border-bottom:0!important} main table.rq-stack td[data-label]:before{content:attr(data-label);flex:none;max-width:46%;text-align:left;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8} main table.rq-stack td:empty{display:none} .rq-legend{padding:8px 12px} .grid.grid-cols-1.sm\:grid-cols-2{gap:10px} } @media print{ #rq-side-toggle,.rq-legend{display:none!important} main table.rq-stack{display:table!important} main table.rq-stack thead{display:table-header-group!important} main table.rq-stack tbody{display:table-row-group!important} main table.rq-stack tr{display:table-row!important;border:0!important;box-shadow:none!important;padding:0!important} main table.rq-stack td{display:table-cell!important;text-align:inherit!important} main table.rq-stack td:before{display:none!important} } /* ===================================================================== 2.13.5 – "Maintenance Analytics" panel language for dashboards ===================================================================== */ .rq-panel{padding:0!important;overflow:hidden;background:rgba(248,250,252,.75)!important;border:1px solid var(--rq-line)!important;border-radius:14px!important;box-shadow:var(--rq-shadow-2)!important} .rq-panel.rq-flush{background:#fff!important} .rq-panel>.rq-panel-head{display:flex!important;align-items:center;justify-content:flex-start!important;gap:12px;margin:0!important;padding:16px 20px;background:linear-gradient(135deg,#0f172a 0%,#111827 60%,#1e1b4b 100%);color:#fff;min-height:68px;box-sizing:border-box} .rq-panel>.rq-panel-head>svg:first-child{flex:none;width:36px;height:36px;box-sizing:border-box;padding:8px;border-radius:10px;background:rgba(79,70,229,.30);border:1px solid rgba(129,140,248,.32);color:#a5b4fc} .rq-panel-head .rq-ph-title,.rq-panel-head h2{font-size:13px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase;color:#fff!important;line-height:1.25;margin:0} .rq-panel-head .rq-ph-sub{font-size:12px;color:#94a3b8;margin-top:3px;font-weight:400;letter-spacing:0;text-transform:none} .rq-panel-head>span{margin-left:auto;background:rgba(99,102,241,.30)!important;color:#c7d2fe!important;border:1px solid rgba(129,140,248,.32);font-size:10px!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px!important;border-radius:999px} .rq-kpi-head h2:after{content:"Operational status of every registered radiology unit";display:block;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:#94a3b8;margin-top:3px} .rq-panel>*:not(.rq-panel-head){margin-left:20px!important;margin-right:20px!important} .rq-panel>.rq-panel-head+*{margin-top:20px!important} .rq-panel.rq-flexcol>.rq-panel-head+*{margin-top:4px!important} .rq-panel>*:last-child:not(.rq-panel-head){margin-bottom:20px!important} .rq-panel.rq-flush>*:not(.rq-panel-head){margin:0!important} .rq-panel.rq-flexcol{gap:16px} .rq-panel.rq-flush.rq-flexcol{gap:0} /* Stat cards inside a panel: compact "analytics" cards */ .rq-panel .group.cursor-pointer.rounded-xl{padding:14px!important;border-radius:10px!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important;border-color:var(--rq-line)} .rq-panel .group.cursor-pointer.rounded-xl:hover{box-shadow:var(--rq-shadow-3)!important;transform:translateY(-2px)} .rq-panel .group.cursor-pointer.rounded-xl>div:first-child p:first-child{font-size:11px!important;font-weight:800;letter-spacing:.07em;color:#64748b} .rq-panel .group.cursor-pointer.rounded-xl p.text-2xl{font-size:1.25rem!important;font-weight:800!important} .rq-panel .grid{gap:12px!important} /* Dashboard chart / list cards: same header rhythm as the analytics panel */ main .space-y-6>.grid>.bg-white.rounded-xl{border-radius:14px;box-shadow:var(--rq-shadow-2)} main .space-y-6>.grid>.bg-white.rounded-xl>div.mb-2:first-child{margin-bottom:12px!important;padding-bottom:10px;border-bottom:1px solid #f1f5f9} main .space-y-6>.grid>.bg-white.rounded-xl h3{letter-spacing:.06em} main .space-y-6>.grid>.bg-white.rounded-xl>div:first-child.border-b{background:#f8fafc;border-bottom-color:#eef2f7} /* Calendar / QA: tidy inputs inside panels */ .rq-panel select{border-radius:10px} /* Personnel Directory: page header merged into the panel bar */ .rq-src-hidden{display:none!important} .rq-panel-head .rq-ph-actions{margin-left:auto;flex:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} .rq-ph-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:0;border-radius:9px;background:#fff;color:#0f172a;font:800 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.25)} .rq-ph-btn b{font-size:16px;line-height:1;font-weight:700} .rq-ph-btn:hover{background:#e0e7ff} @media (max-width:640px){.rq-panel>.rq-panel-head{flex-wrap:wrap}.rq-panel-head .rq-ph-actions{margin-left:0;width:100%}.rq-ph-btn{width:100%;justify-content:center}} /* v2.13.5.2: remove the Equipment Fleet Status KPI title bar from the main dashboard while preserving the KPI cards. */ main .space-y-6 > div:first-child > div:has(> h2) { display:none !important; } /* v2.13.5.14 – all directory/list pages follow the Personnel Directory pattern */ .rq-panel.rq-unified{display:block!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--rq-line)!important;border-radius:14px!important;box-shadow:var(--rq-shadow-2)!important;gap:0!important} .rq-panel.rq-unified>.rq-panel-head{margin:0!important;width:100%!important;box-sizing:border-box!important} .rq-panel.rq-unified>*:not(.rq-panel-head){margin-left:20px!important;margin-right:20px!important} .rq-panel.rq-unified>.rq-panel-head+*{margin-top:0!important} .rq-panel.rq-unified>.rq-panel-head~*{margin-bottom:0!important} /* v2.13.5.18 – when a page's filter/search card has no separate joined .rq-unified-content sibling to supply its own top margin (Equipment, Quality Assurance), the rule above left the search row flush against the card's bottom edge with no breathing room, unlike Personnel (which isn't ".rq-unified" and keeps the base .rq-panel bottom-margin rule). Restore a 20px gap under the DOM-last child specifically; on pages that reorder the search row visually (Facilities/Contracts/User Administration) the more specific .rq-search-below>.rq-filters-row rule further below still wins and keeps their own spacing intact. */ .rq-panel.rq-unified>*:last-child:not(.rq-panel-head){margin-bottom:20px!important} .rq-panel.rq-unified .border-t{border-top-color:#eef2f7!important} .rq-panel.rq-unified .bg-white.rounded-xl,.rq-panel.rq-unified .bg-white.rounded-2xl{box-shadow:none!important} .rq-unified-content{margin:0!important;border:0!important;border-top:1px solid #eef2f7!important;border-radius:0!important;box-shadow:none!important;background:#fff!important} .rq-unified-content>div:first-child{border-radius:0!important} .rq-unified-stats{margin:0 20px!important;padding:12px 0!important;gap:10px!important} .rq-unified-stats>div{box-shadow:none!important;border-radius:10px!important} /* Keep the page-level title/action row hidden once its content is represented in the panel header. */ main>.rq-src-hidden{display:none!important} @media(max-width:640px){ .rq-panel.rq-unified>*:not(.rq-panel-head){margin-left:12px!important;margin-right:12px!important} .rq-unified-stats{margin:0 12px!important} } /* v2.13.5.15 – single unified Directory pattern */ .rq-panel.rq-unified{display:block!important;width:100%!important;box-sizing:border-box!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--rq-line)!important;border-radius:14px!important;box-shadow:var(--rq-shadow-2)!important} .rq-panel.rq-unified>.rq-panel-head{width:100%!important;margin:0!important;box-sizing:border-box!important} .rq-panel.rq-unified>*:not(.rq-panel-head){margin-left:24px!important;margin-right:24px!important} .rq-panel.rq-unified>.rq-panel-head+*{margin-top:20px!important} .rq-panel.rq-unified .rq-search-row{width:100%!important;box-sizing:border-box!important;margin-top:8px!important;padding-top:16px!important;border-top:1px solid #eef2f7!important} .rq-panel.rq-unified .rq-search-row input{max-width:none!important} .rq-unified-content{display:block!important;width:calc(100% - 48px)!important;max-width:none!important;margin:20px 24px 24px!important;border:1.5px solid #94a3b8!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;box-sizing:border-box!important} /* v2.13.5.19 – the table's own header-row underline should read as the same weight/darkness as the card's outer perimeter, not the much lighter default border-slate-200. */ .rq-unified-content table thead{border-bottom:1.5px solid #94a3b8!important} .rq-unified-content>div:first-child{border-radius:0!important} .rq-unified-content table{width:100%!important;min-width:0!important} .rq-unified-content .grid{width:100%!important;max-width:none!important} .rq-unified-content .grid>div{min-width:0!important} main>.rq-src-hidden{display:none!important} /* Global Invoices page: same one-panel directory language */ .rq-global-invoices-page{padding:24px!important;min-height:100%;background:#f8fafc;box-sizing:border-box} .rq-global-invoices-panel{width:100%;box-sizing:border-box;background:#fff;border:1px solid #dbe3ee;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,.06)} .rq-global-invoices-head{min-height:68px;padding:14px 20px;background:linear-gradient(135deg,#0f172a 0%,#111827 60%,#1e1b4b 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box} .rq-global-invoices-title{display:flex;align-items:center;gap:12px} .rq-global-invoices-title strong{display:block;font-size:14px;letter-spacing:.08em;text-transform:uppercase} .rq-global-invoices-title small{display:block;margin-top:3px;font-size:11px;color:#94a3b8} .rq-global-icon{width:36px;height:36px;border-radius:10px;background:rgba(79,70,229,.3);border:1px solid rgba(129,140,248,.35);display:flex;align-items:center;justify-content:center;color:#a5b4fc;font-weight:800} .rq-global-invoices-filters{padding:20px 24px 0;box-sizing:border-box} .rq-global-invoices-filter-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(140px,1fr)) minmax(160px,1fr) auto;gap:12px;align-items:end} .rq-global-search-row{margin-top:16px;padding-top:16px;border-top:1px solid #eef2f7} .rq-global-search{width:100%;max-width:520px} .rq-global-search input{width:100%!important} .rq-gload{height:34px} .rq-global-invoices-panel>.rq-invoice-summary{margin:18px 24px 12px!important} .rq-global-invoices-panel>[data-glist]{margin:0 24px 24px!important} @media(max-width:900px){.rq-global-invoices-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rq-gload{width:100%}} @media(max-width:640px){.rq-panel.rq-unified>*:not(.rq-panel-head){margin-left:12px!important;margin-right:12px!important}.rq-unified-content{width:calc(100% - 24px)!important;margin:16px 12px 18px!important}.rq-global-invoices-page{padding:12px!important}.rq-global-invoices-filters{padding:14px 12px 0}.rq-global-invoices-filter-grid{grid-template-columns:1fr}.rq-global-invoices-panel>.rq-invoice-summary{margin-left:12px!important;margin-right:12px!important}.rq-global-invoices-panel>[data-glist]{margin-left:12px!important;margin-right:12px!important}} /* v2.13.5.16 – search bar always below the filter dropdowns, with a divider, on every directory/register page (Facilities, Maintenance Contracts, User Administration). Pure `order` swap: the DOM itself is left untouched. Specificity notes (both matter for correctness, not just polish): - ".rq-panel.rq-unified" already sets display:block!important (2 classes), so our own display:flex needs 3+ classes on the SAME element to win. - An existing dead rule ".rq-panel.rq-unified .rq-search-row" (3 classes) sets width:100%!important; combined with the 20-24px side margins every ">*" child already gets, width:100% would push the box past the card's edge and get clipped by the card's overflow:hidden. We explicitly set width:auto (not just omit it) with 4-class selectors to cancel that out; the flex container's default align-items:stretch fills the remaining width correctly, margins and all. */ .rq-panel.rq-unified.rq-search-below{display:flex!important;flex-direction:column!important;align-items:stretch!important} .rq-panel.rq-unified.rq-search-below>.rq-filters-row{order:1;display:flex!important;flex-wrap:wrap!important;gap:16px!important;align-items:center!important;width:auto!important;margin-top:20px!important;margin-bottom:0!important} .rq-panel.rq-unified.rq-search-below>.rq-search-row{order:2;width:auto!important;box-sizing:border-box!important;padding-top:16px!important;margin-top:8px!important;border-top:1px solid #eef2f7!important;margin-bottom:20px!important} @media(max-width:640px){.rq-panel.rq-unified.rq-search-below>.rq-filters-row{gap:12px!important}} /* v2.13.5.22 – Facilities' Country/Facility Type filters are natively an inline "Label: