html, body { height: 100%; }
body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #f1f5f9; color: #0f172a; overflow-x: auto; overflow-y: hidden; }
.sidebar { background-color: #0f172a; height: 100vh; position: sticky; top: 0; }
/* Not: firma formu cok yuksek katmanda calisiyor; alttaki modal sirasi korunmali. */
#modal {
position: fixed !important;
inset: 0 !important;
display: flex;
align-items: center;
justify-content: center;
z-index: 2147483000 !important;
isolation: isolate;
visibility: hidden;
opacity: 0;
pointer-events: none;
}
#modal.pointer-events-none {
pointer-events: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
#modal.is-open {
pointer-events: auto !important;
opacity: 1 !important;
visibility: visible !important;
}
#modal > .absolute {
z-index: 0;
}
#modal > .relative {
z-index: 1;
pointer-events: auto;
}
.mobile-sidebar-backdrop { display: none; }
.toolbar-mobile-menu-btn { display: none !important; }
@media (max-width: 1200px) and (min-width: 700px) {
body:not(.auth-toolbar-active) > aside { width: 248px !important; min-width: 248px !important; padding: 14px !important; }
body:not(.auth-toolbar-active) > main { padding: 18px !important; }
body:not(.auth-toolbar-active) .toolbar-main-row { gap: 6px !important; }
body:not(.auth-toolbar-active) .toolbar-title { width: 134px !important; min-width: 134px !important; max-width: 134px !important; }
body:not(.auth-toolbar-active) .toolbar-select-shell.type-shell { width: 116px !important; }
body:not(.auth-toolbar-active) .toolbar-select-shell.city-shell { width: 104px !important; }
body:not(.auth-toolbar-active) .toolbar-select-shell.tag-shell { width: 132px !important; }
body:not(.auth-toolbar-active) .toolbar-admin-group { gap: 3px !important; }
body:not(.auth-toolbar-active) .toolbar-feature-zone { gap: 4px !important; }
}
.cat-item { cursor: pointer; transition: all 0.3s; border-radius: 1rem; margin-bottom: 0.3rem; color: #e2e8f0 !important; border: 1px solid rgba(51, 65, 85, 0.9); background: rgba(30, 41, 59, 0.42); }
.cat-item i,
.cat-item span { color: inherit !important; opacity: 1 !important; }
.cat-item:hover { color: white; background-color: rgba(255,255,255,0.08); border-color: rgba(71, 85, 105, 0.95); }
.cat-item.active { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: white; box-shadow: 0 10px 20px -5px rgba(217, 119, 6, 0.36); }
.badge-count { background: #1e293b; border-radius: 10px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #64748b; font-weight: 800; }
.cat-item.active .badge-count { background: rgba(255,255,255,0.2); color: white; }
.form-label { font-size: 10px; font-weight: 800; color: #3b82f6; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; display: block; }
input, select, textarea { border: 1px solid #e2e8f0; padding: 12px; border-radius: 12px; width: 100%; font-size: 14px; background-color: #f8fafc; transition: all 0.2s; }
.ts-control { border-radius: 12px !important; padding: 10px !important; background-color: #f8fafc !important; }
.ts-dropdown { border-radius: 12px !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; }
.medal-btn { cursor: pointer; transition: all 0.3s; border: 2px solid #e2e8f0; border-radius: 12px; padding: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 800; font-size: 12px; color: #64748b; background: white; }
.medal-btn.active { border-color: #f59e0b; background: #fffbeb; color: #b45309; }
.medal-btn.verified-active { border-color: #f59e0b; background: #fffbeb; color: #b45309; }
.medal-btn.phone-active { border-color: #f59e0b; background: #fffbeb; color: #b45309; }
.pin-btn.active { border-color: #d97706; background: #fff7ed; color: #b45309; }
.status-card { display: flex; flex-direction: column; justify-content: space-between; min-height: 108px; }
.firm-info-top-grid { display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 14px; align-items: start; }
.firm-info-fields { display: grid; gap: 12px; }
.status-cards-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
.status-chip-card { display: flex; flex-direction: column; gap: 6px; min-height: 118px; padding: 10px 9px; border: 1px solid #dbeafe; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); border-radius: 18px; }
.status-chip-card .form-label { margin-bottom: 0; min-height: 24px; display: flex; align-items: flex-start; line-height: 1.15; font-size: 10px; }
.status-chip-card .medal-btn { min-height: 48px; padding: 8px 7px; flex-direction: row; gap: 5px; text-align: left; justify-content: center; }
.status-chip-card .medal-btn span { white-space: normal; line-height: 1.08; font-size: 10px; letter-spacing: 0.02em; }
.status-chip-card input[type="date"] { margin-top: auto; }
.status-card-meta { margin-top: auto; min-height: 34px; font-size: 10px; line-height: 1.28; color: #64748b; word-break: break-word; }
.document-panel-card { display: none; gap: 12px; }
body .hidden { display: none !important; }
.document-header-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.document-header-copy { display: grid; gap: 6px; }
.document-header-copy p { font-size: 12px; line-height: 1.5; color: #64748b; }
.document-verify-chip { width: min(100%, 236px); flex-shrink: 0; }
.document-upload-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.document-upload-card { display: grid; gap: 8px; padding: 12px; border: 1px solid #dbeafe; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); border-radius: 16px; }
.document-upload-card .file-upload-btn { height: 72px; }
.document-file-meta { min-height: 16px; font-size: 11px; line-height: 1.45; color: #64748b; }
.document-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.document-mini-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid #dbeafe; background: #fff; font-size: 11px; font-weight: 800; color: #28527e; }
.document-mini-btn.primary { border-color: #93c5fd; background: #eff6ff; color: #1d4ed8; }
.document-mini-btn.danger { border-color: #fecaca; background: #fff1f2; color: #dc2626; }
.document-mini-btn.disabled { opacity: 0.55; cursor: not-allowed; }
.medal-btn.document-active { border-color: #f59e0b; background: #fffbeb; color: #b45309; }
.logo-status-card { min-height: 0; padding: 0; border: 0; background: transparent; }
.logo-status-card .file-upload-btn { height: 94px; border-radius: 16px; }
.logo-status-card .form-label { min-height: auto; margin-bottom: 8px; }
.logo-status-card .file-upload-btn label { flex-direction: column; gap: 8px; font-size: 11px; }
@media (max-width: 639px) {
.firm-info-top-grid { grid-template-columns: 1fr; }
.logo-status-card .file-upload-btn { height: 90px; }
.firm-tag-tools { grid-template-columns: 1fr; }
.firm-free-tag-input-row { flex-direction: column; }
.firm-tag-add-btn { min-height: 42px; }
.document-header-row,
.document-upload-grid { grid-template-columns: 1fr; display: grid; }
.document-verify-chip { width: 100%; }
}
.file-upload-btn { border: 2px dashed #e2e8f0; height: 64px; border-radius: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 11px; font-weight: 700; color: #64748b; background: #f8fafc; cursor: pointer; position: relative; }
.file-upload-trigger,
.request-image-picker,
.preview-change-target {
appearance: none;
-webkit-appearance: none;
border: 0;
padding: 0;
margin: 0;
background: transparent;
}
.file-upload-trigger {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: inherit;
cursor: pointer;
}
.request-image-upload { width: min(100%, 180px); min-height: 88px; }
.request-image-picker { width: 100%; min-height: 88px; border: 2px dashed #d8e6f6; border-radius: 18px; background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%); color: #28527e; display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; cursor: pointer; overflow: hidden; position: relative; }
.request-image-preview { position: relative; width: 100%; min-height: 112px; border-radius: 18px; overflow: hidden; border: 1px solid #d8e6f6; background: #f8fbff; }
.request-image-preview img { width: 100%; height: 112px; object-fit: cover; display: block; }
.request-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 6px; }
.request-image-actions button,
.request-image-actions label { width: 30px; height: 30px; border-radius: 999px; background: rgba(255,255,255,0.92); border: 1px solid #d8e6f6; color: #28527e; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; box-shadow: 0 12px 24px -18px rgba(15,23,42,0.28); cursor: pointer; }
.request-form-layout { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr); gap: 18px; align-items: start; width: 100%; }
.request-form-main,
.request-form-side { min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.request-form-side { align-self: start; }
.request-form-side .request-image-upload { width: 100%; }
.request-form-side .request-image-picker { min-height: 112px; }
.request-side-card { border: 1px solid #e2e8f0; background: rgba(255,255,255,0.92); border-radius: 22px; padding: 16px; }
.request-side-card.soft { background: rgba(248, 250, 252, 0.82); }
.request-board-card { position: relative; overflow: hidden; }
.request-board-toolbar { align-self: stretch; }
.request-view-toggle { background: rgba(15, 23, 42, 0.18); border: 1px solid rgba(203, 213, 225, 0.48); border-radius: 18px; padding: 4px; }
.request-board-control-btn,
.request-board-select { min-height: 36px; border-radius: 14px; border: 1px solid rgba(203, 213, 225, 0.92); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; font-size: 11px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.24); }
.request-board-control-btn { padding: 0 13px; }
.request-board-select { padding: 0 34px 0 12px; appearance: auto; }
.request-board-control-btn.is-active,
#requestNearbyBtn.is-active { border-color: #93c5fd; background: linear-gradient(135deg, #e0f2fe 0%, #ffffff 58%, #dbeafe 100%); color: #0f172a; -webkit-text-fill-color: #0f172a; box-shadow: 0 0 0 2px rgba(147, 197, 253, 0.18), 0 18px 34px -28px rgba(37, 99, 235, 0.46); }
#requestsViewList.request-grid-mode { grid-template-columns: repeat(1, minmax(0, 1fr)); }
#requestsViewList.request-list-mode { grid-template-columns: minmax(0, 1fr) !important; }
#requestsViewList.request-map-mode { grid-template-columns: repeat(1, minmax(0, 1fr)); }
@media (min-width: 1280px) {
#requestsViewList.request-grid-mode,
#requestsViewList.request-map-mode { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.request-card-list { padding: 24px !important; }
.request-card-map { border-color: rgba(125, 211, 252, 0.42) !important; }
.request-map-mini,
.request-board-map-panel { background: rgba(2, 12, 30, 0.56); border: 1px solid rgba(125, 211, 252, 0.24); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); }
.request-nearby-pill,
.request-map-pill { border: 1px solid rgba(203, 213, 225, 0.92); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; }
body:not(.home-landing-active) #requestsView .request-card-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: 0 10px 24px rgba(0, 0, 0, 0.32) !important; }
body:not(.home-landing-active) #requestsView :is(button, button *, .request-board-control-btn, .request-board-control-btn *, .request-board-select, .request-board-select *, #requestBoardCount, #requestBoardCount *, .request-owner-action-btn, .request-owner-action-btn *) { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }
body:not(.home-landing-active) #requestsView :is(button, .request-board-control-btn, .request-board-select, #requestBoardCount) { background-color: #ffffff !important; }
@media (max-width: 767px) {
.request-board-toolbar { width: 100%; justify-content: flex-start !important; }
.request-view-toggle { width: 100%; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.request-board-control-btn,
.request-board-select { min-height: 34px; font-size: 10px; padding-left: 10px; padding-right: 10px; }
}
.request-owner-action-btn { height: 36px; padding: 0 12px; border-radius: 12px; border: 1px solid #c7dbf1; background: linear-gradient(135deg, #edf5fd 0%, #f8fbff 46%, #e2eef9 100%); color: #28527e; font-size: 10px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; box-shadow: 0 14px 28px -24px rgba(37, 99, 235, 0.28); }
.request-owner-action-btn.is-danger { border-color: #fecdd3; background: linear-gradient(135deg, #fff1f2 0%, #fff8f8 46%, #ffe4e6 100%); color: #be123c; }
.request-owner-action-btn.is-warning { border-color: #fde68a; background: linear-gradient(135deg, #fffbeb 0%, #fffdf5 46%, #fef3c7 100%); color: #b45309; }
body:not(.home-landing-active) .request-board-card.is-owner-request { background: linear-gradient(180deg, rgba(12, 25, 50, 0.98) 0%, rgba(15, 30, 58, 0.96) 100%), radial-gradient(circle at top right, rgba(96, 165, 250, 0.18) 0%, rgba(96, 165, 250, 0) 42%), linear-gradient(black, black) center/cover no-repeat !important; border-color: rgba(100, 143, 214, 0.42) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 24px 48px -34px rgba(2, 8, 20, 0.68) !important; }
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-title { color: #f8fbff !important; }
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-meta,
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-side-time,
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-side-count,
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-side-unread { color: #dbeafe !important; }
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-detail-box,
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-close-box { background: rgba(255,255,255,0.08) !important; border-color: rgba(148, 163, 184, 0.24) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important; }
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-detail-box,
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-detail-box p,
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-close-box,
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-close-box p,
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-close-box div { color: #e2e8f0 !important; }
body:not(.home-landing-active) .request-board-card.is-owner-request .request-card-tag { background: rgba(255,255,255,0.1) !important; border-color: rgba(148, 163, 184, 0.28) !important; color: #e2e8f0 !important; }
body:not(.home-landing-active) #requestsView button.h-11,
body:not(.home-landing-active) #requestsView #requestBoardCount {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #requestsView button.h-11:disabled,
body:not(.home-landing-active) #requestsView #requestBoardCount {
opacity: 1 !important;
}
@media (max-width: 820px) {
.request-form-layout { grid-template-columns: 1fr; }
}
.preview-container { position: relative; width: 48px; height: 48px; }
.logo-status-card .preview-container { width: 68px; height: 68px; }
.preview-change-target { display: block; width: 100%; height: 100%; cursor: pointer; position: relative; }
.preview-img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 1px solid #e2e8f0; }
.logo-status-card .preview-img { border-radius: 16px; object-fit: contain; background: #fff; }
.preview-change-badge { position: absolute; right: -7px; bottom: -7px; width: 22px; height: 22px; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: #2563eb; color: #fff; border: 2px solid #fff; font-size: 9px; box-shadow: 0 8px 18px -10px rgba(37, 99, 235, 0.85); }
.remove-image-btn { position: absolute; top: -8px; right: -8px; width: 18px; height: 18px; background: #ef4444; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; cursor: pointer; border: 2px solid white; z-index: 10; }
.cropper-stage { border-radius: 999px; overflow: hidden; background: radial-gradient(circle at center, #f8fbff 0%, #e2e8f0 100%); border: 1px solid #dbeafe; }
/* Not: kirpma modali her zaman firma formunun ustunde kalmali. */
#cropperModal {
position: fixed !important;
inset: 0 !important;
z-index: 2147483647 !important;
isolation: isolate;
}
#cropperModal .cropper-view-box,
#cropperModal .cropper-face { border-radius: 999px; }
.switch { position: relative; display: inline-block; width: 44px; height: 24px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cbd5e1; transition: .4s; border-radius: 34px; }
.slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; }
input:checked + .slider { background-color: #f59e0b; }
input:checked + .slider:before { transform: translateX(20px); }
.view-btn { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0; background: #081a35; border: 1px solid rgba(88, 138, 205, 0.46); color: #ffffff; transition: all 0.2s; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06); }
.view-btn.active { background: linear-gradient(135deg, #3f82f7 0%, #67aefd 56%, #dff1ff 100%); color: #ffffff; border-color: rgba(219, 234, 254, 0.98); box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), 0 18px 34px -20px rgba(125,211,252,0.82); }
.view-btn:first-child { border-radius: 14px 0 0 14px; }
.view-btn:last-child { border-radius: 0 14px 14px 0; }
.firm-card { transition: transform 0.2s, opacity 0.2s, box-shadow 0.2s; min-width: 0; }
.firm-card:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -24px rgba(15, 23, 42, 0.28); }
.sortable-ghost { opacity: 0.3; background: #e2e8f0 !important; border: 2px dashed #94a3b8 !important; }
#firmList { gap: 8px; align-items: stretch; width: 100%; min-width: 0; }
.list-mode { grid-template-columns: 1fr !important; gap: 10px !important; }
.tag-pill { cursor: pointer; padding: 8px 12px; border: 1px solid #d8e6f6; border-radius: 999px; font-size: 11px; font-weight: 800; color: #4b6686; background: white; transition: all 0.2s; user-select: none; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 10px 24px -22px rgba(37, 99, 235, 0.34); }
.tag-pill.selected { background: #f59e0b; color: white !important; border-color: #d97706; box-shadow: 0 16px 30px -24px rgba(217, 119, 6, 0.5); }
.tag-pill-muted { border-style: dashed; background: #f8fbff; color: #5e738e; }
.tag-pill-count { min-width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; font-size: 10px; font-weight: 900; line-height: 1; background: rgba(59, 130, 246, 0.12); color: inherit; padding: 0 5px; }
.tag-pill.selected .tag-pill-count { background: rgba(255, 255, 255, 0.22); color: white; }
.tag-section-title { font-size: 11px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; color: #5e738e; margin-bottom: 10px; }
.tag-section-help { font-size: 12px; line-height: 1.5; color: #64748b; margin-top: 6px; }
.tag-section-block + .tag-section-block { margin-top: 16px; padding-top: 16px; border-top: 1px dashed #d8e6f6; }
.firm-tag-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: end; }
.firm-tag-tools.only-search { grid-template-columns: 1fr; }
.firm-free-tag-input-row { display: flex; gap: 8px; align-items: stretch; }
.firm-free-tag-input-row input { min-width: 0; }
.firm-tag-add-btn { flex: 0 0 auto; padding: 0 14px; border-radius: 12px; border: 1px solid #bfdbfe; background: #eff6ff; color: #1d4ed8; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.04em; }
.tag-pill-shell { display: inline-flex; align-items: center; gap: 4px; padding: 3px; border: 1px solid #d8e6f6; border-radius: 999px; background: #fff; box-shadow: 0 10px 24px -22px rgba(37, 99, 235, 0.34); }
.tag-pill-shell .tag-pill { box-shadow: none; border: 0; padding: 7px 10px; background: transparent; }
.tag-admin-actions { display: inline-flex; align-items: center; gap: 2px; }
.tag-admin-btn { width: 24px; height: 24px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; border: 1px solid #dbeafe; background: #f8fbff; color: #3b82f6; }
.tag-admin-btn.danger { border-color: #fecaca; background: #fff1f2; color: #dc2626; }
.tag-pill-shell .tag-pill.selected { background: #f59e0b; color: white !important; }
.firm-location-slot:empty { display: none; }
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.supplier-card { background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); border: 1px solid #e5eef8; box-shadow: 0 28px 70px -38px rgba(15, 23, 42, 0.35); }
.supplier-card-highlight {
position: relative;
isolation: isolate;
overflow: visible;
border-color: #facc15;
box-shadow:
0 0 0 1px rgba(250, 204, 21, 0.72),
0 0 0 4px rgba(212, 175, 55, 0.16),
0 0 18px rgba(255, 215, 0, 0.24),
0 28px 70px -38px rgba(161, 98, 7, 0.42);
}
.supplier-card-highlight::before,
.firm-card[data-pinned="true"]::before {
content: "";
position: absolute;
inset: -2px;
border-radius: inherit;
padding: 2px;
background: linear-gradient(135deg, #fff6be 0%, #ffd84b 18%, #d4af37 42%, #fff0ab 68%, #a67c00 100%);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 0;
opacity: 0.98;
}
.supplier-card-highlight::after,
.firm-card[data-pinned="true"]::after {
content: none;
}
.supplier-card-highlight > *,
.firm-card[data-pinned="true"] > * {
position: relative;
z-index: 1;
}
.firm-card[data-pinned="true"] {
border-color: #f2be33;
box-shadow:
0 0 0 1px rgba(255, 215, 0, 0.76),
0 0 0 4px rgba(212, 175, 55, 0.18),
0 0 22px rgba(255, 215, 0, 0.24),
0 28px 70px -34px rgba(161, 98, 7, 0.44);
}
.supplier-card-highlight:hover,
.firm-card[data-pinned="true"]:hover {
box-shadow:
0 0 0 1px rgba(255, 215, 0, 0.9),
0 0 0 4px rgba(212, 175, 55, 0.22),
0 0 26px rgba(255, 215, 0, 0.34),
0 34px 82px -36px rgba(161, 98, 7, 0.52);
}
.supplier-logo { box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.16); }
.supplier-logo.image-actionable,
.contact-avatar.image-actionable { cursor: zoom-in; transition: transform 0.18s ease, box-shadow 0.18s ease; }
.supplier-logo.image-actionable:hover,
.contact-avatar.image-actionable:hover { transform: scale(1.03); box-shadow: 0 16px 28px -18px rgba(37, 99, 235, 0.45), inset 0 0 0 1px rgba(148, 163, 184, 0.16); }
.success-badge { border: 1px solid #fed7aa; background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%); color: #c2410c; }
.vip-badge { border: 1px solid #fcd34d; background: linear-gradient(180deg, #fffbeb 0%, #ffffff 100%); color: #b45309; }
.verified-badge { border: 1px solid #bbf7d0; background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%); color: #15803d; }
.phone-verified-badge { border: 1px solid #bae6fd; background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%); color: #0369a1; }
.document-verified-badge { border: 1px solid #ddd6fe; background: linear-gradient(180deg, #f5f3ff 0%, #ffffff 100%); color: #6d28d9; }
.approval-badge { border: 1px solid #fecaca; background: linear-gradient(180deg, #fef2f2 0%, #ffffff 100%); color: #b91c1c; }
.info-pill { background: #eef6ff; color: #2c6cb7; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; padding: 6px 12px; font-size: 11px; font-weight: 700; }
.quote-box { background: linear-gradient(180deg, #f7faff 0%, #f2f5fb 100%); border: 1px solid #e4ebf5; }
.action-btn { width: 52px; height: 44px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease; }
.action-btn:hover { transform: translateY(-2px); }
.action-btn-dark { background: #475569; color: white; box-shadow: 0 12px 20px -16px rgba(71, 85, 105, 0.72); }
.action-btn-wa { background: #22c55e; color: white; box-shadow: 0 12px 20px -16px rgba(34, 197, 94, 0.8); }
.action-btn-light { background: #eef4fb; color: #3b82f6; }
.action-btn-warning { background: #fff7ed; color: #f59e0b; box-shadow: 0 12px 20px -16px rgba(245, 158, 11, 0.58); }
.action-btn-danger { background: #fff1f2; color: #ef4444; }
.supplier-shell { display: flex; flex-direction: column; gap: 24px; }
.supplier-main { flex: 1; min-width: 0; }
.supplier-side { width: 100%; border-top: 1px solid rgba(226, 232, 240, 0.9); padding-top: 20px; }
.supplier-person-line { border-top: 1px solid rgba(226, 232, 240, 0.9); padding-top: 18px; }
.contact-stack { display: flex; flex-direction: column; gap: 0; }
.contact-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 0; min-width: 0; }
.contact-row + .contact-row { border-top: 1px solid rgba(226, 232, 240, 0.9); margin-top: 0; padding-top: 6px; }
.supplier-card .contact-stack > .contact-row {
border-top: 0 !important;
}
.supplier-card .contact-stack > .contact-row:not(:last-child) {
border-bottom: 1px solid rgba(226, 232, 240, 0.42);
}
.contact-main { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1; }
.contact-copy { min-width: 0; flex: 1; }
.contact-name, .contact-role { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contact-actions { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; flex: 0 0 auto; }
.contact-action-btn { width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; }
.contact-form-card { border: 1px solid #dbeafe; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); border-radius: 24px; padding: 18px; }
.contact-verify-box { margin-top: 8px; border: 1px solid #dbeafe; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); border-radius: 16px; padding: 10px 12px; display: grid; gap: 8px; min-height: 92px; }
.contact-verify-box.is-verified { border-color: #bbf7d0; background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%); }
.contact-verify-box.is-pending { border-color: #bfdbfe; background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%); }
.contact-verify-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.contact-verify-status-list { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.contact-verify-title { font-size: 10px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; color: #475569; }
.contact-verify-badge { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 5px 10px; font-size: 10px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.contact-verify-badge.verified { border: 1px solid #bbf7d0; background: #ecfdf5; color: #047857; }
.contact-verify-badge.pending { border: 1px solid #bfdbfe; background: #eff6ff; color: #1d4ed8; }
.contact-verify-badge.idle { border: 1px solid #e2e8f0; background: #f8fafc; color: #64748b; }
.contact-verify-badge.optional { border: 1px solid #e2e8f0; background: #ffffff; color: #94a3b8; }
.contact-verify-copy { font-size: 11px; line-height: 1.45; color: #64748b; font-weight: 700; }
.contact-verify-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.contact-verify-actions input { flex: 1 1 120px; min-width: 0; height: 38px; padding: 0 12px; font-size: 13px; }
.contact-verify-actions button { height: 38px; border-radius: 12px; padding: 0 14px; font-size: 11px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; border: 1px solid #c7dbf1; background: linear-gradient(135deg, #edf5fd 0%, #f8fbff 46%, #e2eef9 100%); color: #28527e; transition: all 0.18s ease; }
.contact-verify-actions button:disabled { opacity: 0.6; cursor: not-allowed; }
.contact-verify-actions .confirm-btn { border-color: #bbf7d0; background: linear-gradient(135deg, #ecfdf5 0%, #f7fff9 100%); color: #047857; }
.contact-verify-actions .ghost-btn { border-color: #e2e8f0; background: #fff; color: #64748b; }
.form-panel-card { border: 1px solid #dbeafe; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); border-radius: 24px; padding: 18px; height: 100%; }
.form-row-grid { display: grid; gap: 24px; align-items: stretch; }
.double-row-grid { grid-template-columns: 1fr; }
.middle-row-grid { grid-template-columns: 1fr; }
.stacked-left-column { display: grid; gap: 24px; }
.firm-secondary-stack { display: grid; gap: 16px; align-content: start; }
.compact-card { padding: 16px; }
.paired-card { min-height: 246px; }
.notes-card, .tags-card { min-height: 220px; }
.tags-card { min-height: 252px; }
.row-clamp-hidden { display: none !important; }
.tags-card,
.notes-card { min-width: 0; overflow: hidden; }
.notes-card { display: grid; grid-template-rows: auto minmax(0, 1fr); max-height: 220px; }
.notes-card #f_details { min-height: 0 !important; height: 100%; max-height: 100%; overflow-y: auto; box-sizing: border-box; }
#quickTags,
#requestQuickTags { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
.supplier-grid-quote,
.supplier-list-quote { min-width: 0; box-sizing: border-box; }
.pin-order-card { min-height: 120px; padding: 12px 14px; }
.city-card { min-height: 102px; }
.middle-card-height { min-height: 246px; }
.pin-order-card.collapsed { opacity: 0.72; }
.pin-order-card .form-label { margin-bottom: 2px; }
.pin-order-card .pin-order-empty p:first-child { font-size: 12px; }
.pin-order-card .pin-order-empty p:last-child { font-size: 10px; line-height: 1.35; margin-top: 4px; }
.pin-order-card input { padding: 8px 10px; }
.pin-order-card .pin-order-empty { display: none; }
.pin-order-card.collapsed .pin-order-fields { display: none; }
.pin-order-card.collapsed .pin-order-empty { display: block; }
.pin-order-card .text-[11px] { font-size: 10px !important; }
.firm-badge-top { position: absolute; top: 24px; right: 24px; z-index: 2; }
.supplier-grid-card { min-height: 260px; min-width: 0; container-type: inline-size; }
.supplier-grid-card[role="button"] { cursor: pointer; }
.supplier-grid-main { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; gap: 10px; overflow: hidden; }
.supplier-grid-header { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 0; }
.supplier-grid-tags { display: flex; flex-wrap: wrap; gap: 6px; min-height: 60px; max-height: 60px; overflow: hidden; align-content: flex-start; padding-bottom: 4px; width: 100%; flex-shrink: 0; }
.supplier-grid-tags .info-pill { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.supplier-list-tags { display: flex; flex-wrap: wrap; gap: 8px; min-height: 66px; max-height: 66px; overflow: hidden; align-content: flex-start; padding-bottom: 4px; width: 100%; flex-shrink: 0; }
.supplier-list-tags .info-pill { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.supplier-card-context { display: grid; gap: 8px; margin-top: -4px; }
.supplier-card-context .admin-pending-action-notice,
.supplier-card-context .supplier-grid-quote,
.supplier-card-context .supplier-list-quote { margin: 0 !important; }
.supplier-card-context .admin-pending-action-notice {
box-shadow: 0 14px 28px -26px rgba(59, 130, 246, 0.34);
}
.admin-latest-note-card,
.admin-latest-note-card p,
.admin-latest-note-card i {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
text-shadow: none !important;
opacity: 1 !important;
}
.supplier-grid-quote { min-height: 62px; max-height: 62px; overflow: hidden; width: 100%; margin-top: 4px; flex-shrink: 0; }
.supplier-grid-card .supplier-grid-quote,
.supplier-list-quote {
border: 1px solid rgba(203, 213, 225, 0.92);
background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, #ffffff 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.supplier-grid-quote p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
overflow-wrap: anywhere;
word-break: break-word;
text-overflow: ellipsis;
line-height: 1.25rem;
max-height: 2.5rem;
}
.supplier-list-quote { width: 100%; max-width: none; min-height: 78px; max-height: 78px; overflow: hidden; flex-shrink: 0; }
.supplier-list-quote p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
overflow-wrap: anywhere;
word-break: break-word;
text-overflow: ellipsis;
}
.supplier-grid-card .admin-pending-action-notice { max-height: 64px; overflow: hidden; }
.supplier-grid-card .action-btn { width: 42px; height: 36px; border-radius: 12px; }
.supplier-grid-card .contact-action-btn { width: 34px; height: 34px; border-radius: 10px; }
.supplier-grid-card .contact-row { padding: 4px 0; }
.supplier-grid-card .contact-row + .contact-row { padding-top: 4px; }
.supplier-grid-card .firm-badge-top { top: 16px; right: 16px; transform: scale(0.9); transform-origin: top right; }
.supplier-grid-actions { margin-top: auto; flex-shrink: 0; }
.guest-divider-soft { border-top-color: rgba(226, 232, 240, 0.34) !important; }
#firmList.list-mode .supplier-person-line {
border-top-color: rgba(226, 232, 240, 0.42) !important;
}
.supplier-grid-card .contact-main { gap: 10px; }
.supplier-grid-card .contact-name { font-size: 13px; }
.supplier-grid-card .contact-role { font-size: 10px; }
.supplier-grid-card .contact-actions { gap: 6px; }
.supplier-grid-card .supplier-grid-actions > .flex { flex-wrap: nowrap; }
.supplier-grid-card .supplier-grid-actions > .flex .action-btn { flex: 0 0 auto; }
@container (max-width: 320px) {
.supplier-grid-card { padding: 12px; border-radius: 1.5rem; }
.supplier-grid-card .firm-badge-top { top: 12px; right: 12px; transform: scale(0.82); }
.supplier-grid-card .supplier-logo { width: 42px; height: 42px; border-radius: 0.85rem; }
.supplier-grid-card h3 { font-size: 0.88rem; line-height: 1.05; }
.supplier-grid-card .info-pill { font-size: 9px; padding: 5px 8px; }
.supplier-grid-card .supplier-grid-quote { min-height: 0; padding: 10px 11px; margin-bottom: 10px; }
.supplier-grid-card .supplier-grid-quote p { font-size: 11px; line-height: 1.45; }
.supplier-grid-card .contact-main { gap: 8px; }
.supplier-grid-card .contact-main > img,
.supplier-grid-card .contact-main > div:first-child { width: 36px; height: 36px; }
.supplier-grid-card .contact-name { font-size: 11px; }
.supplier-grid-card .contact-role { font-size: 9px; }
.supplier-grid-card .contact-action-btn { width: 28px; height: 28px; border-radius: 9px; }
.supplier-grid-card .contact-actions { gap: 4px; }
.supplier-grid-card .action-btn { width: 34px; height: 32px; border-radius: 10px; }
.supplier-grid-card .supplier-grid-actions { padding-top: 10px; }
.supplier-grid-card .supplier-grid-actions > .flex { gap: 6px; margin-top: 10px; padding-top: 10px; }
}
.filter-panel { background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, #f8fbff 100%); border: 1px solid #dbeafe; box-shadow: 0 30px 60px -45px rgba(15, 23, 42, 0.45); }
.filter-chip { cursor: pointer; border: 1px solid #dbe7f5; background: white; color: #475569; transition: all 0.2s; }
.filter-chip:hover { border-color: #93c5fd; color: #0f172a; transform: translateY(-1px); }
.filter-chip.active { background: #f59e0b; border-color: #d97706; color: white; box-shadow: 0 18px 30px -20px rgba(217, 119, 6, 0.6); }
.filter-chip-count { background: rgba(148, 163, 184, 0.16); color: inherit; }
.filter-chip.active .filter-chip-count { background: rgba(255,255,255,0.16); }
.toolbar-main-row { display: flex; align-items: center; gap: 5px; width: 100%; min-width: 0; flex-wrap: nowrap; overflow: visible; }
.toolbar-primary-group { display: flex; align-items: center; gap: 5px; min-width: 0; flex: 0 1 auto; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; padding-bottom: 2px; }
.toolbar-primary-group::-webkit-scrollbar { display: none; }
.toolbar-filter-group { display: flex; align-items: center; gap: 5px; width: auto; min-width: 0; flex: 0 1 auto; }
.toolbar-feature-zone { display: flex; align-items: center; gap: 4px; min-width: 0; flex: 0 1 auto; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-x: none; }
.toolbar-feature-zone::-webkit-scrollbar { display: none; }
.toolbar-feature-zone.is-empty { display: none !important; width: 0 !important; max-width: 0 !important; min-width: 0 !important; flex: 0 0 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; }
.toolbar-right-rail { display: flex; align-items: center; gap: 4px; min-width: 0; flex: 1 1 auto; margin-left: auto; overflow: visible; justify-content: flex-end; }
.toolbar-right-rail.is-empty { display: none !important; width: 0 !important; max-width: 0 !important; min-width: 0 !important; flex: 0 0 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; }
.toolbar-admin-group { display: flex; align-items: center; gap: 4px; min-width: max-content; max-width: 100%; flex: 0 0 auto; flex-wrap: nowrap; margin-left: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; padding-bottom: 2px; overscroll-behavior-x: none; justify-content: flex-end; }
.toolbar-admin-group::-webkit-scrollbar { display: none; }
.toolbar-admin-group.is-empty { display: none !important; width: 0 !important; max-width: 0 !important; min-width: 0 !important; flex: 0 0 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; }
.toolbar-select-shell { position: relative; display: flex; align-items: center; min-width: 0; }
.toolbar-select-shell.type-shell { width: 120px; }
.toolbar-select-shell.city-shell { width: 126px; }
.toolbar-select-shell.tag-shell { width: 136px; }
.toolbar-select-shell.sort-shell { width: 38px; min-width: 38px; }
.toolbar-select-shell.sort-shell .toolbar-select-icon {
left: 50%;
top: 50%;
width: 14px;
height: 14px;
transform: translate(-50%, -50%);
background: transparent !important;
box-shadow: none !important;
border-radius: 0;
}
.toolbar-select-shell.sort-shell .toolbar-select {
padding: 0;
color: transparent !important;
text-indent: -9999px;
background-image: linear-gradient(135deg, #edf5fd 0%, #f8fbff 46%, #e2eef9 100%);
background-repeat: no-repeat;
background-position: 0 0;
background-size: auto;
cursor: pointer;
}
.toolbar-select-shell.sort-shell.has-selection .toolbar-select {
background-image: linear-gradient(135deg, #fff7ed 0%, #fffaf0 46%, #fde68a 100%);
}
.toolbar-select-shell.sort-shell.has-selection .toolbar-select-icon {
color: #ffffff !important;
background: transparent !important;
box-shadow: none !important;
}
.toolbar-select-shell.sort-shell .toolbar-select option {
color: #28527e;
text-indent: 0;
}
.toolbar-select-icon { position: absolute; left: 12px; z-index: 2; width: 20px; height: 20px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: #28527e; background: rgba(255, 255, 255, 0.86); box-shadow: inset 0 0 0 1px rgba(199, 219, 241, 0.9); pointer-events: none; }
.toolbar-select { width: 100%; min-width: 0; height: 40px; border: 1px solid #c7dbf1; box-shadow: 0 14px 28px -24px rgba(37, 99, 235, 0.28); border-radius: 20px; background: linear-gradient(135deg, #edf5fd 0%, #f8fbff 46%, #e2eef9 100%); font-size: 11.4px; font-weight: 700; color: #28527e; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-align: left; text-align-last: left; padding: 0 32px 0 38px; background-image: linear-gradient(135deg, #edf5fd 0%, #f8fbff 46%, #e2eef9 100%), url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2328527e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\"); background-repeat: no-repeat, no-repeat; background-position: 0 0, right 10px center; background-size: auto, 14px 14px; }
.toolbar-select:focus { outline: 2px solid rgba(245, 158, 11, 0.2); }
.toolbar-select-shell.has-selection .toolbar-select { border-color: #f59e0b; color: #92400e; background-image: linear-gradient(135deg, #fff7ed 0%, #fffaf0 46%, #fde68a 100%), url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2392400e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\"); box-shadow: 0 14px 28px -24px rgba(217, 119, 6, 0.42); }
.toolbar-select-shell.has-selection .toolbar-select-icon { color: #92400e; box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.52); }
.toolbar-header { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 0; z-index: 40; padding-top: 4px; padding-bottom: 14px; background: linear-gradient(180deg, rgba(241, 245, 249, 0.98) 0%, rgba(241, 245, 249, 0.94) 72%, rgba(241, 245, 249, 0) 100%); backdrop-filter: blur(10px); }
@media (max-width: 959px) {
.toolbar-header {
transition: transform 0.24s ease, opacity 0.2s ease;
will-change: transform;
}
body.mobile-toolbar-hidden:not(.home-landing-active) .toolbar-header {
transform: translateY(calc(-100% - 12px));
opacity: 0;
pointer-events: none;
}
}
.toolbar-title { width: clamp(150px, 10vw, 168px); min-width: 150px; max-width: 168px; height: 40px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; border-radius: 20px; border: 1px solid #c7dbf1; box-shadow: 0 14px 28px -24px rgba(37, 99, 235, 0.28); cursor: pointer; }
.toolbar-title-content { position: relative; z-index: 2; width: 100%; padding: 0 9px; display: flex; align-items: center; justify-content: flex-start; gap: 6px; min-width: 0; pointer-events: none; }
.toolbar-title-icon { width: 24px; height: 24px; border-radius: 999px; background: rgba(255, 255, 255, 0.88); box-shadow: inset 0 0 0 1px rgba(199, 219, 241, 0.95); color: #17365d; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.toolbar-title-icon i,
.toolbar-select-icon i {
font-size: 14px !important;
line-height: 1 !important;
margin: 0 !important;
}
.toolbar-title-copy { min-height: 0; line-height: 1; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: normal; margin-top: 0; width: 100%; font-size: 11.9px !important; letter-spacing: -0.02em; text-align: left; }
.toolbar-category-shell::after { content: ""; display: none; position: absolute; z-index: 2; right: 11px; top: 50%; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-62%) rotate(45deg); color: #28527e; pointer-events: none; opacity: 0.86; }
.toolbar-category-shell:focus-within { outline: 2px solid rgba(245, 158, 11, 0.2); outline-offset: 2px; }
.toolbar-category-select { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; cursor: pointer; opacity: 0; appearance: none; -webkit-appearance: none; border: 0; border-radius: inherit; pointer-events: none; }
.toolbar-category-select:focus { outline: none; }
@media (min-width: 1201px) {
.toolbar-category-shell .toolbar-title-content { padding: 0 27px 0 9px; }
.toolbar-category-shell::after { display: block; }
.toolbar-category-select { pointer-events: auto; }
}
.toolbar-actions { display: block; width: 100%; min-width: 0; max-width: 100%; overflow-x: hidden; }
.toolbar-icon-btn { width: 34px !important; min-width: 34px !important; height: 34px !important; border-radius: 13px !important; padding: 0 !important; }
.toolbar-icon-btn:not(.hidden) { display: inline-flex !important; align-items: center; justify-content: center; }
#mobileNearbyFilterBtn { display: none !important; }
.toolbar-actions .toolbar-icon-btn > i,
.toolbar-actions .view-btn > i,
.toolbar-actions .search-toggle-btn > i {
font-size: 14px !important;
line-height: 1 !important;
margin: 0 !important;
}
.toolbar-text-btn { height: 34px !important; border-radius: 13px !important; padding: 0 10px !important; gap: 4px; white-space: nowrap; }
.toolbar-text-btn:not(.hidden) { display: inline-flex !important; align-items: center; justify-content: center; }
.toolbar-manage-btn { min-width: 90px; font-size: 9px !important; letter-spacing: 0 !important; text-transform: uppercase; }
@media (min-width: 1280px) {
.toolbar-main-row { justify-content: space-between; gap: 5px; }
.toolbar-primary-group { flex: 0 1 auto; min-width: 0; }
.toolbar-right-rail { flex: 1 1 auto; margin-left: auto; gap: 4px; }
.toolbar-feature-zone { gap: 4px; }
.toolbar-admin-group { gap: 4px; }
.toolbar-title { width: 160px; min-width: 160px; max-width: 160px; }
.toolbar-select-shell.type-shell { width: 122px; }
.toolbar-select-shell.city-shell { width: 128px; }
.toolbar-select-shell.tag-shell { width: 140px; }
.toolbar-select-shell.sort-shell { width: 38px; min-width: 38px; }
.search-toggle-btn { width: 34px; min-width: 34px; height: 34px; border-radius: 13px; }
}
.search-shell { position: relative; width: 38px; min-width: 38px; height: 38px; overflow: visible; }
.search-shell.expanded { z-index: 8; }
.search-toggle-btn { width: 34px; height: 34px; border-radius: 13px; background: #081a35; border: 1px solid rgba(88, 138, 205, 0.46); color: #ffffff; transition: all 0.2s; position: absolute; left: 0; top: 0; z-index: 2; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06); display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; }
.search-toggle-btn:hover { background: linear-gradient(135deg, #0f2f59 0%, #1a477f 100%); color: #ffffff; border-color: rgba(125, 211, 252, 0.68); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 14px 28px -18px rgba(59,130,246,0.36); }
.search-shell.expanded .search-toggle-btn { background: linear-gradient(135deg, #3f82f7 0%, #67aefd 56%, #dff1ff 100%); color: #ffffff; border-color: rgba(219, 234, 254, 0.98); box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), 0 18px 34px -20px rgba(125,211,252,0.82); }
.search-expand-input { position: absolute; left: 0; top: 0; width: 34px; height: 34px; border: 1px solid rgba(88, 138, 205, 0.46); border-radius: 13px; background: #081a35; padding: 0 12px 0 38px; font-size: 12px; color: #f8fbff; opacity: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06); transition: width 0.22s ease, opacity 0.18s ease; z-index: 1; }
.search-shell.expanded .search-expand-input { width: 116px; opacity: 1; pointer-events: auto; touch-action: manipulation; user-select: text; -webkit-user-select: text; }
.search-expand-input:focus { outline: 2px solid rgba(59, 130, 246, 0.16); }
@media (min-width: 960px) {
.toolbar-select-shell.sort-shell { width: 34px; min-width: 34px; height: 34px; }
.toolbar-select-shell.sort-shell .toolbar-select { height: 34px; border-radius: 13px; }
.toolbar-select-shell.sort-shell .toolbar-select-icon,
.toolbar-actions.admin-two-row .toolbar-select-shell.sort-shell .toolbar-select-icon,
.toolbar-actions.auth-two-row .toolbar-select-shell.sort-shell .toolbar-select-icon {
inset: 0 !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
box-shadow: none !important;
border-radius: inherit !important;
}
.toolbar-select-shell.sort-shell .toolbar-select-icon i {
display: block;
font-size: 14px !important;
line-height: 1;
margin: 0;
}
}
.firm-map-view {
--firm-map-sticky-top: 0px;
--firm-map-side-top: 0px;
--firm-map-panel-height: clamp(560px, calc(100dvh - 252px), 760px);
display: block;
width: 100%;
min-width: 0;
}
.desktop-map-view-active > main { overflow-y: hidden !important; }
.desktop-map-view-active .firm-map-view {
height: var(--firm-map-panel-height);
min-height: var(--firm-map-panel-height);
overflow: hidden;
box-sizing: border-box;
}
.firm-map-shell {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(320px, 0.92fr);
grid-template-areas: "main side";
gap: 16px;
width: 100%;
align-items: start;
}
.desktop-map-view-active .firm-map-shell {
height: 100%;
min-height: 0;
align-items: stretch;
}
.firm-map-main,
.firm-map-side { min-width: 0; }
.firm-map-main { grid-area: main; display: flex; flex-direction: column; min-height: 0; }
.desktop-map-view-active .firm-map-main,
.desktop-map-view-active .firm-map-side {
position: static;
top: auto;
height: 100%;
}
.desktop-map-view-active .firm-map-main,
.desktop-map-view-active .firm-map-side { overflow: hidden; }
.firm-map-toolbar {
grid-area: toolbar;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 14px;
margin-bottom: 0;
flex-wrap: wrap;
}
.firm-map-toolbar-panel {
min-width: 0;
flex: 1 1 100%;
display: flex;
flex-direction: column;
gap: 10px;
align-items: stretch;
}
.firm-map-kicker { font-size: 11px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; color: #2563eb; }
.firm-map-title { font-size: 1.3rem; line-height: 1.05; font-weight: 900; color: #0f172a; letter-spacing: -0.03em; }
.firm-map-subtitle { margin-top: 6px; font-size: 12px; line-height: 1.5; color: #475569; max-width: 720px; }
.firm-map-summary { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; padding-bottom: 2px; }
.firm-map-summary::-webkit-scrollbar { display: none; }
.firm-map-summary-pill {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 36px;
padding: 0 14px;
border-radius: 999px;
border: 1px solid #c7dbf1;
background: rgba(255, 255, 255, 0.88);
color: #28527e;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
box-shadow: 0 18px 34px -30px rgba(37, 99, 235, 0.32);
white-space: nowrap;
flex: 0 0 auto;
}
.firm-map-summary-pill strong { font-size: 13px; color: #0f172a; letter-spacing: 0; }
.firm-map-summary-pill.is-active {
border-color: rgba(125, 211, 252, 0.92);
background: linear-gradient(135deg, rgba(14, 116, 255, 0.92) 0%, rgba(56, 189, 248, 0.88) 52%, rgba(224, 242, 254, 0.96) 100%);
color: #ffffff;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.24), 0 0 24px rgba(56,189,248,0.42), 0 18px 42px -28px rgba(14,116,255,0.56);
}
.firm-map-summary-pill.is-active strong { color: #ffffff; }
.firm-map-filter-row { display: flex; align-items: center; justify-content: flex-start; gap: 8px; flex-wrap: wrap; }
.firm-map-filter-shell { position: relative; display: flex; align-items: center; min-width: 0; }
.firm-map-filter-shell.category-shell { width: 152px; }
.firm-map-filter-shell.type-shell { width: 128px; }
.firm-map-filter-shell.tag-shell { width: 148px; }
.firm-map-filter-shell.city-shell { width: 136px; }
.firm-map-filter-icon {
position: absolute;
left: 11px;
z-index: 2;
width: 18px;
height: 18px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #28527e;
background: rgba(255, 255, 255, 0.88);
box-shadow: inset 0 0 0 1px rgba(199, 219, 241, 0.9);
pointer-events: none;
font-size: 10px;
}
.firm-map-filter {
width: 100%;
min-width: 0;
height: 38px;
border: 1px solid #c7dbf1;
border-radius: 16px;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 18px 34px -30px rgba(37, 99, 235, 0.26);
font-size: 11px;
font-weight: 800;
color: #28527e;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
text-align: left;
text-align-last: left;
padding: 0 30px 0 35px;
background-image:
linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(241,245,249,0.96) 100%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2328527e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat, no-repeat;
background-position: 0 0, right 9px center;
background-size: auto, 13px 13px;
}
.firm-map-filter-shell.has-selection .firm-map-filter {
border-color: #93c5fd;
color: #0f172a;
background-image:
linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%230f172a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.firm-map-filter-shell.has-selection .firm-map-filter-icon { color: #0f172a; box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.88); }
.firm-map-filter:focus { outline: 2px solid rgba(59, 130, 246, 0.16); }
.firm-map-stage { position: relative; height: var(--firm-map-panel-height); min-height: var(--firm-map-panel-height); border-radius: 28px; overflow: hidden; border: 1px solid #c7dbf1; background: #dbeafe; box-shadow: 0 34px 72px -48px rgba(15, 23, 42, 0.48); }
.desktop-map-view-active .firm-map-stage { height: 100%; min-height: 0; }
.firm-map-stage::before { display: none; }
.firm-map-canvas { position: absolute; inset: 0; }
.firm-map-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; text-align: center; font-size: 12px; font-weight: 800; line-height: 1.6; color: #28527e; background: linear-gradient(180deg, #eef6ff 0%, #dbeafe 100%); }
.firm-map-stage-badge { position: absolute; top: 14px; left: 14px; z-index: 420; display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(191, 219, 254, 0.96); color: #17365d; font-size: 11px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 0 18px 32px -26px rgba(15, 23, 42, 0.4); backdrop-filter: blur(10px); }
.firm-map-stage .leaflet-container { width: 100%; height: 100%; background: #dbeafe; font-family: inherit; }
.firm-map-stage .leaflet-control-zoom { border: 0; box-shadow: 0 20px 36px -28px rgba(15, 23, 42, 0.45); }
.firm-map-stage .leaflet-control-zoom a { width: 38px; height: 38px; line-height: 38px; border: 1px solid #c7dbf1; background: rgba(255, 255, 255, 0.94); color: #17365d; }
.firm-map-stage .leaflet-control-zoom a:hover { background: #ffffff; color: #0f172a; }
.firm-map-stage .leaflet-control-attribution { padding: 3px 8px; border-radius: 10px 0 0 0; background: rgba(255, 255, 255, 0.88); color: #334155; }
.firm-map-stage .leaflet-control-attribution a { color: #1d4ed8; }
.firm-map-stage .leaflet-tooltip.firm-map-tooltip { border: 0; border-radius: 999px; padding: 6px 10px; background: rgba(15, 23, 42, 0.9); color: #fff; font-size: 11px; font-weight: 800; box-shadow: 0 18px 28px -18px rgba(15, 23, 42, 0.66); }
.firm-map-stage .leaflet-tooltip.firm-map-tooltip::before { display: none; }
.firm-map-stage .leaflet-marker-pane,
.firm-map-stage .leaflet-tooltip-pane { z-index: 430; }
.firm-map-stage .leaflet-popup-pane { z-index: 440; }
body.mobile-sidebar-open .firm-map-stage,
body.mobile-sidebar-open #firmDirectoryMap,
body.mobile-sidebar-open .firm-map-stage .leaflet-container,
body.mobile-sidebar-open .firm-map-stage .leaflet-pane,
body.mobile-sidebar-open .firm-map-stage .leaflet-control-container,
body.mobile-sidebar-open .firm-map-stage .leaflet-top,
body.mobile-sidebar-open .firm-map-stage .leaflet-bottom {
pointer-events: none !important;
}
body.mobile-sidebar-open .firm-map-stage {
z-index: 0;
}
.firm-leaflet-marker { background: transparent; border: 0; }
.firm-leaflet-marker-pin { width: 30px; height: 30px; border-radius: 999px 999px 999px 0; transform: rotate(-45deg); border: 3px solid #fff; box-shadow: 0 20px 30px -18px rgba(37, 99, 235, 0.82); display: inline-flex; align-items: center; justify-content: center; transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease; }
.firm-leaflet-marker-pin i { transform: rotate(45deg); font-size: 10px; color: #fff; }
.firm-leaflet-marker.is-default .firm-leaflet-marker-pin { background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%); }
.firm-leaflet-marker.is-vip .firm-leaflet-marker-pin { background: linear-gradient(180deg, #fbbf24 0%, #d97706 100%); }
.firm-leaflet-marker.is-active { z-index: 460 !important; }
.firm-leaflet-marker.is-active .firm-leaflet-marker-pin { transform: rotate(-45deg) scale(1.12); background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%); box-shadow: 0 24px 36px -18px rgba(15, 23, 42, 0.74); }
.firm-map-cluster { background: transparent; border: 0; }
.firm-map-cluster-badge { width: 46px; height: 46px; border-radius: 999px; border: 3px solid rgba(255, 255, 255, 0.96); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; color: #fff; box-shadow: 0 22px 36px -24px rgba(15, 23, 42, 0.52); }
.firm-map-cluster.is-default .firm-map-cluster-badge { background: radial-gradient(circle at 30% 30%, #60a5fa 0%, #2563eb 58%, #1d4ed8 100%); }
.firm-map-cluster.is-vip .firm-map-cluster-badge { background: radial-gradient(circle at 30% 30%, #fde68a 0%, #f59e0b 58%, #d97706 100%); }
.firm-map-legend { position: absolute; left: 18px; right: 18px; bottom: 18px; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.firm-map-legend-note { display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 16px; background: rgba(15, 23, 42, 0.78); color: rgba(255, 255, 255, 0.92); font-size: 11px; font-weight: 700; line-height: 1.45; backdrop-filter: blur(8px); }
.firm-map-legend-chip { display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 16px; background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(191, 219, 254, 0.92); color: #28527e; font-size: 11px; font-weight: 800; }
.firm-map-side { grid-area: side; display: flex; flex-direction: column; gap: 0; min-height: 0; height: var(--firm-map-panel-height); align-self: start; }
.firm-map-side-panel {
height: 100%;
min-height: 0;
display: flex;
flex-direction: column;
border-radius: 24px;
border: 1px solid #dbe7f5;
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 26px 52px -44px rgba(15, 23, 42, 0.44);
overflow: hidden;
}
.firm-map-detail,
.firm-map-results { background: transparent; box-shadow: none; border: 0; border-radius: 0; }
.firm-map-detail { padding: 18px; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; }
.firm-map-detail.is-empty { display: flex; flex-direction: column; justify-content: center; }
.firm-map-detail-kicker { font-size: 10px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; color: #2563eb; }
.firm-map-selected-card .firm-map-detail-kicker {
color: #8fd3ff !important;
text-shadow: none !important;
opacity: 1 !important;
}
.firm-map-selected-card {
position: relative;
min-height: 100%;
display: flex;
flex-direction: column;
gap: 12px;
padding: 16px;
border-radius: 22px;
overflow: visible;
border: 1px solid rgba(236, 244, 255, 0.28);
background:
linear-gradient(180deg, rgba(8, 16, 31, 0.14) 0%, rgba(8, 16, 31, 0.24) 100%),
linear-gradient(black, black) center center / cover no-repeat,
#142238;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 24px 48px -36px rgba(5, 16, 34, 0.56);
}
.firm-map-selected-card .supplier-grid-header { align-items: flex-start; }
.firm-map-selected-card .supplier-logo { width: 52px; height: 52px; border-radius: 16px; }
.firm-map-selected-card .grid-card-heading { padding-right: 0; min-width: 0; }
.firm-map-selected-card .grid-card-title { display: block; max-width: 100%; text-align: left; font-size: 1.05rem; line-height: 1.08; font-weight: 900; letter-spacing: -0.03em; color: #ffffff; transition: color 0.18s ease; text-shadow: 0 10px 24px rgba(2, 8, 20, 0.34); }
.firm-map-selected-card .grid-card-title:hover,
.firm-map-selected-card .grid-card-title:focus-visible { color: #ffffff; }
.firm-map-selected-card .grid-card-meta-line { display: flex; align-items: center; gap: 7px; width: 100%; min-width: 0; margin-top: 4px; flex-wrap: nowrap; }
.firm-map-selected-card .grid-card-meta-line .location-link,
.firm-map-selected-card .grid-card-meta-line p {
color: #0f172a;
font-size: 11px;
line-height: 1.15;
letter-spacing: 0.055em;
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
min-width: 0;
flex: 1 1 auto;
max-width: none;
}
.firm-map-selected-card .grid-card-meta-icons { display: inline-flex; align-items: center; justify-content: flex-end; gap: 5px; flex: 0 0 auto; margin-left: auto; }
.firm-map-selected-card .grid-card-meta-icons .favorite-firm-btn,
.firm-map-selected-card .grid-card-meta-icons .top-status-icon,
.firm-map-selected-card .grid-card-meta-icons .map-inline-btn { width: 24px; height: 24px; min-width: 24px; }
.firm-map-selected-card .grid-card-meta-icons i { font-size: 9px !important; }
.firm-map-selected-card .supplier-grid-tags { min-height: 0; max-height: none; padding-bottom: 0; }
.firm-map-selected-card .supplier-grid-quote { min-height: 64px; max-height: none; margin-top: 0; margin-bottom: 0; }
.firm-map-selected-card .supplier-grid-quote p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-word;
}
.firm-map-selected-card .supplier-grid-actions { margin-top: auto; border-top: 1px solid rgba(226, 232, 240, 0.9); padding-top: 12px; }
.firm-map-selected-card .contact-row { padding: 5px 0; }
.firm-map-selected-card .contact-row + .contact-row { padding-top: 5px; }
.firm-map-selected-card .contact-main > img,
.firm-map-selected-card .contact-main > div:first-child { width: 38px; height: 38px; }
.firm-map-selected-card .contact-name { font-size: 14px; line-height: 1.08; color: #ffffff !important; text-shadow: 0 10px 24px rgba(2, 8, 20, 0.34); }
.firm-map-selected-card .contact-role { font-size: 10px; line-height: 1.08; margin-top: 2px; }
.firm-map-selected-card .contact-action-btn { width: 38px; height: 38px; border-radius: 12px; }
.firm-map-detail-action-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(226, 232, 240, 0.9); }
.firm-map-detail-action-row .action-btn { width: 44px; height: 40px; border-radius: 12px; }
.firm-map-detail-summary-trigger {
width: 100%;
display: block;
text-align: left;
margin-top: 10px;
padding: 0;
border: 0;
background: transparent;
color: inherit;
cursor: pointer;
}
.firm-map-detail-summary-trigger:hover .firm-map-detail-title,
.firm-map-detail-summary-trigger:focus-visible .firm-map-detail-title { color: #1d4ed8; }
.firm-map-detail-summary-trigger:focus-visible {
outline: 2px solid rgba(59, 130, 246, 0.18);
outline-offset: 8px;
border-radius: 20px;
}
.firm-map-detail-head { display: flex; align-items: flex-start; gap: 12px; }
.firm-map-detail-logo { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 18px; border: 1px solid #dbeafe; background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; color: #2563eb; font-size: 18px; font-weight: 900; }
.firm-map-detail-logo img { width: 100%; height: 100%; object-fit: contain; }
.firm-map-detail-title { font-size: 1.05rem; line-height: 1.08; font-weight: 900; color: #0f172a; letter-spacing: -0.03em; transition: color 0.18s ease; }
.firm-map-detail-location { margin-top: 6px; font-size: 12px; line-height: 1.45; color: #475569; font-weight: 700; }
.firm-map-detail-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.firm-map-detail-badge { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 12px; border-radius: 999px; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; border: 1px solid #dbeafe; color: #28527e; background: #eff6ff; }
.firm-map-info-block {
margin-top: 12px;
border-radius: 18px;
border: 1px solid rgba(219, 231, 245, 0.96);
background: linear-gradient(180deg, #f8fbff 0%, #eff6ff 100%);
padding: 12px 14px;
}
.firm-map-info-label { font-size: 10px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; color: #64748b; }
.firm-map-info-value { margin-top: 6px; font-size: 12px; line-height: 1.6; font-weight: 700; color: #334155; }
.firm-map-detail-text { margin-top: 12px; font-size: 12px; line-height: 1.6; color: #475569; }
.firm-map-detail-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.firm-map-detail-tags .info-pill { max-width: 100%; }
.firm-map-detail-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.firm-map-detail-actions .map-inline-btn { width: auto; min-width: 42px; height: 36px; border-radius: 12px; padding: 0 12px; gap: 8px; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; }
.firm-map-detail-actions .map-inline-btn i { font-size: 11px; }
.firm-map-contact-list { margin-top: 14px; display: flex; flex-direction: column; gap: 10px; }
.firm-map-contact-card {
border-radius: 18px;
border: 1px solid rgba(219, 231, 245, 0.96);
background: #f8fbff;
padding: 12px;
}
.firm-map-contact-card.is-locked { background: #f8fafc; }
.firm-map-contact-row { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.firm-map-contact-avatar { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 999px; background: #eff6ff; border: 1px solid #dbeafe; display: inline-flex; align-items: center; justify-content: center; color: #2563eb; font-size: 12px; font-weight: 900; overflow: hidden; }
.firm-map-contact-avatar img { width: 100%; height: 100%; object-fit: cover; }
.firm-map-contact-copy { min-width: 0; }
.firm-map-contact-name { font-size: 12px; font-weight: 900; color: #0f172a; line-height: 1.2; }
.firm-map-contact-role { margin-top: 3px; font-size: 10px; font-weight: 800; line-height: 1.35; color: #475569; text-transform: uppercase; letter-spacing: 0.08em; }
.firm-map-contact-meta { margin-top: 5px; font-size: 11px; line-height: 1.45; color: #64748b; font-weight: 700; word-break: break-word; }
.firm-map-contact-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.firm-map-contact-actions .map-inline-btn { width: 36px; min-width: 36px; height: 36px; padding: 0; justify-content: center; border-radius: 12px; }
.firm-map-results { padding: 10px; display: flex; flex-direction: column; gap: 8px; min-height: 0; overflow-y: auto; flex: 1 1 0; border-top: 1px solid rgba(226, 232, 240, 0.9); }
.firm-map-result { width: 100%; display: flex; align-items: flex-start; gap: 10px; text-align: left; padding: 12px; border-radius: 16px; border: 1px solid #e2e8f0; background: #fff; color: #0f172a; transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease; }
.firm-map-result:hover,
.firm-map-result:focus-visible { border-color: #93c5fd; box-shadow: 0 22px 40px -34px rgba(37, 99, 235, 0.36); transform: translateY(-1px); outline: none; }
.firm-map-result.active {
border-color: rgba(120, 215, 255, 0.52);
background:
linear-gradient(180deg, rgba(8, 16, 31, 0.1) 0%, rgba(8, 16, 31, 0.18) 100%),
linear-gradient(black, black) center center / cover no-repeat,
#142238;
box-shadow: 0 24px 44px -38px rgba(5, 16, 34, 0.58);
}
.firm-map-result-index { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 999px; background: #eff6ff; color: #2563eb; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 900; }
.firm-map-result.active .firm-map-result-index { background: #f59e0b; color: #fff; }
.firm-map-result.active .firm-map-result-title,
.firm-map-result.active .firm-map-result-location { color: #f8fbff; }
.firm-map-result.active .firm-map-mini-badge { background: rgba(255,255,255,0.92); border-color: rgba(191, 219, 254, 0.9); color: #28527e; }
.firm-map-result-copy { min-width: 0; flex: 1 1 auto; }
.firm-map-result-title { display: block; font-size: 13px; line-height: 1.2; font-weight: 900; color: #0f172a; }
.firm-map-result-location { display: block; margin-top: 4px; font-size: 11px; line-height: 1.45; color: #475569; font-weight: 700; }
.firm-map-result-badges { display: flex; align-items: center; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.firm-map-mini-badge { display: inline-flex; align-items: center; gap: 5px; min-height: 24px; padding: 0 8px; border-radius: 999px; border: 1px solid #dbeafe; background: #f8fbff; color: #2563eb; font-size: 9px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.firm-map-mini-badge.vip { border-color: #fcd34d; background: #fff7ed; color: #b45309; }
.firm-map-mini-badge.success { border-color: #bbf7d0; background: #ecfdf5; color: #047857; }
@media (min-width: 1181px) {
.firm-map-toolbar {
position: sticky;
top: var(--firm-map-sticky-top);
z-index: 18;
}
.firm-map-toolbar-panel {
padding: 10px 0 0;
background: linear-gradient(180deg, rgba(2, 8, 20, 0.98) 0%, rgba(2, 8, 20, 0.88) 72%, rgba(2, 8, 20, 0) 100%);
backdrop-filter: blur(8px);
}
.firm-map-main,
.firm-map-side {
position: sticky;
top: var(--firm-map-side-top);
}
}
@media (max-width: 1180px) {
.firm-map-view { --firm-map-panel-height: auto; }
.firm-map-shell {
grid-template-columns: 1fr;
grid-template-areas:
"main"
"side";
}
.firm-map-toolbar { align-items: stretch; }
.firm-map-toolbar-panel { flex-basis: auto; width: 100%; }
.firm-map-summary { flex-wrap: wrap; overflow: visible; }
.firm-map-filter-row { justify-content: flex-start; }
.firm-map-stage { height: auto; min-height: 480px; }
.firm-map-main,
.firm-map-side { position: static; top: auto; }
.firm-map-side { min-height: 0; height: auto; }
.firm-map-results { max-height: 320px; }
}
@media (max-width: 767px) {
.firm-map-toolbar { margin-bottom: 10px; }
.firm-map-title { font-size: 1.1rem; }
.firm-map-stage { min-height: 420px; border-radius: 22px; }
.firm-map-filter-shell.category-shell,
.firm-map-filter-shell.type-shell,
.firm-map-filter-shell.tag-shell,
.firm-map-filter-shell.city-shell { width: calc(50% - 4px); min-width: 0; }
.firm-map-stage-badge { top: 10px; left: 10px; min-height: 30px; padding: 0 10px; font-size: 10px; }
.firm-map-side { gap: 10px; }
.firm-map-detail,
.firm-map-results { border-radius: 20px; }
.firm-leaflet-marker-pin { width: 26px; height: 26px; border-width: 2px; }
.firm-leaflet-marker-pin i { font-size: 9px; }
.firm-map-cluster-badge { width: 40px; height: 40px; font-size: 11px; }
.firm-map-legend { left: 12px; right: 12px; bottom: 12px; }
.firm-map-legend-note,
.firm-map-legend-chip { font-size: 10px; padding: 8px 10px; }
.firm-map-detail { padding: 15px; }
.firm-map-detail-logo { width: 50px; height: 50px; flex-basis: 50px; border-radius: 16px; }
.firm-map-result { padding: 10px; border-radius: 14px; }
.firm-map-result-title { font-size: 12px; }
.firm-map-result-location { font-size: 10px; }
}
button:disabled { cursor: wait !important; opacity: 0.72 !important; }
#catTitle { color: #17365d; text-shadow: none; }
.toolbar-title.hero-iplik { background: linear-gradient(135deg, #e9f4ff 0%, #f7fbff 46%, #deedfb 100%); box-shadow: inset 0 0 0 1px rgba(186, 218, 246, 0.92), 0 22px 44px -36px rgba(37, 99, 235, 0.18); }
.toolbar-title.hero-dokuma { background: linear-gradient(135deg, #edf5fd 0%, #f8fbff 46%, #e2eef9 100%); box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.9), 0 22px 44px -36px rgba(59, 130, 246, 0.16); }
.toolbar-title.hero-orme { background: linear-gradient(135deg, #edf7ff 0%, #f9fcff 46%, #e1f0fb 100%); box-shadow: inset 0 0 0 1px rgba(186, 230, 253, 0.88), 0 22px 44px -36px rgba(14, 165, 233, 0.16); }
.toolbar-title.hero-boya { background: linear-gradient(135deg, #e7f2fc 0%, #f8fbff 46%, #dcecf9 100%); box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.9), 0 22px 44px -36px rgba(37, 99, 235, 0.16); }
.toolbar-title.hero-kimyasal { background: linear-gradient(135deg, #edf6ff 0%, #fbfdff 46%, #e2eefb 100%); box-shadow: inset 0 0 0 1px rgba(186, 230, 253, 0.84), 0 22px 44px -36px rgba(56, 189, 248, 0.16); }
.toolbar-title.hero-aksesuar { background: linear-gradient(135deg, #eff5fc 0%, #fbfdff 46%, #e5eef8 100%); box-shadow: inset 0 0 0 1px rgba(203, 213, 225, 0.86), 0 22px 44px -36px rgba(100, 116, 139, 0.15); }
.toolbar-title.hero-konfeksiyon { background: linear-gradient(135deg, #ebf4fe 0%, #f9fbff 46%, #deedf9 100%); box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.88), 0 22px 44px -36px rgba(59, 130, 246, 0.15); }
.toolbar-title.hero-nakliye { background: linear-gradient(135deg, #edf5ff 0%, #fafcff 46%, #e0edf9 100%); box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.84), 0 22px 44px -36px rgba(96, 165, 250, 0.16); }
.toolbar-title.hero-makine { background: linear-gradient(135deg, #eef4ff 0%, #fbfdff 46%, #e2eafb 100%); box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.72), 0 22px 44px -36px rgba(79, 70, 229, 0.14); }
.toolbar-title.hero-kumas,
.toolbar-title.hero-stok-kumas,
.toolbar-title.hero-2-kalite-kumas { background: linear-gradient(135deg, #ecf7ff 0%, #fbfdff 46%, #dfedf9 100%); box-shadow: inset 0 0 0 1px rgba(186, 230, 253, 0.84), 0 22px 44px -36px rgba(14, 165, 233, 0.16); }
.location-line { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.location-inline-icons { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.location-link { color: inherit; text-decoration: none; cursor: pointer; }
.location-link:hover { color: #2563eb; }
.map-inline-btn { width: 24px; height: 24px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #eef6ff; color: #2563eb; border: 1px solid #bfdbfe; transition: all 0.2s ease; }
.map-inline-btn:hover { transform: translateY(-1px); background: #dbeafe; color: #1d4ed8; }
.map-inline-btn.disabled { opacity: 0.45; cursor: not-allowed; pointer-events: none; }
.map-inline-btn.vip-inline-icon {
background: linear-gradient(180deg, #fff9df 0%, #fff1b0 100%);
color: #b7790b;
border-color: #f4c84a;
box-shadow: 0 10px 18px -14px rgba(217, 119, 6, 0.28);
}
.map-inline-btn.vip-inline-icon:hover {
background: linear-gradient(180deg, #fff6cf 0%, #ffe88a 100%);
color: #9a6700;
}
.grid-card-heading,
.firm-vip-badge-anchor,
.firm-card-top-shell { position: relative; }
.vip-plan-surface {
position: relative;
overflow: hidden;
border-radius: 28px;
clip-path: inset(0 round 28px);
padding: 13px 16px 13px 14px;
margin: 0 0 12px;
border: 1px solid rgba(255, 221, 92, 0.78);
background-image:
linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.02) 100%),
radial-gradient(circle at 18% 22%, rgba(255, 249, 196, 0.92) 0%, rgba(255, 234, 132, 0.76) 18%, rgba(255, 207, 44, 0) 52%),
radial-gradient(circle at 88% 50%, rgba(255, 245, 180, 0.42) 0%, rgba(255, 214, 61, 0.18) 18%, rgba(255, 193, 7, 0) 40%),
linear-gradient(120deg, #b7790b 0%, #ffd23c 16%, #ffef8e 34%, #f6c015 62%, #d49300 100%);
background-size: cover, cover, cover, cover;
background-position: center center, center center, center center, center center;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.34),
inset 0 -8px 18px rgba(147, 87, 4, 0.12),
0 18px 34px -26px rgba(217, 119, 6, 0.30);
}
.vip-plan-surface::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background:
radial-gradient(circle at 16% 78%, rgba(255,255,255,0.92) 0 1px, transparent 2px),
radial-gradient(circle at 34% 16%, rgba(255,255,255,0.76) 0 1px, transparent 2px),
radial-gradient(circle at 52% 48%, rgba(255,255,255,0.68) 0 1px, transparent 2px),
radial-gradient(circle at 78% 24%, rgba(255,255,255,0.72) 0 1px, transparent 2px),
radial-gradient(circle at 86% 64%, rgba(255,255,255,0.84) 0 1px, transparent 2px);
opacity: 0.66;
pointer-events: none;
}
.vip-plan-surface::after {
content: "";
position: absolute;
inset: 2px;
border-radius: 26px;
border: 1px solid rgba(255, 246, 184, 0.44);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.20),
inset 0 14px 18px rgba(255,255,255,0.06);
pointer-events: none;
}
.vip-plan-surface .grid-card-title,
.vip-plan-surface .grid-card-title:hover,
.vip-plan-surface .grid-card-title:focus-visible,
.vip-plan-surface .location-line .location-link,
.vip-plan-surface .location-line p,
.vip-plan-surface .grid-card-meta-line .location-link,
.vip-plan-surface .grid-card-meta-line p {
color: #ffffff !important;
text-shadow: 0 4px 14px rgba(90, 48, 0, 0.34);
}
.vip-plan-surface .supplier-grid-header,
.vip-plan-surface .grid-card-heading,
.vip-plan-surface .location-line,
.vip-plan-surface .grid-card-meta-line,
.vip-plan-surface .grid-card-meta-icons {
position: relative;
z-index: 1;
}
.vip-plan-surface .supplier-logo.vip-logo-frame {
border-color: rgba(194, 121, 0, 0.54);
box-shadow:
inset 0 0 0 2px rgba(255, 240, 184, 0.82),
0 0 0 3px rgba(191, 128, 12, 0.34),
0 14px 24px -18px rgba(161, 98, 7, 0.52) !important;
}
.vip-plan-surface .map-inline-btn,
.vip-plan-surface .favorite-firm-btn,
.vip-plan-surface .top-status-icon {
box-shadow: 0 10px 18px -16px rgba(117, 70, 0, 0.30);
}
.vip-plan-surface-list {
margin-bottom: 12px;
padding: 8px 12px;
border-radius: 24px;
clip-path: inset(0 round 24px);
}
.firm-map-selected-card .vip-plan-surface {
margin: 0 0 12px;
padding: 13px 16px;
border-radius: 26px;
clip-path: inset(0 round 26px);
}
.vip-plan-surface .firm-top-icons {
top: 50%;
right: 14px;
transform: translateY(-50%);
}
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface {
min-height: 60px !important;
border-radius: 18px !important;
clip-path: inset(0 round 18px) !important;
padding: 6px 8px 6px 6px !important;
margin: 0 0 10px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface::after {
inset: 2px !important;
border-radius: 16px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface .supplier-grid-header {
min-height: 48px;
align-items: flex-start !important;
gap: 12px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface .supplier-logo {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
border-radius: 15px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface .grid-card-heading {
padding-right: 0 !important;
min-height: 0 !important;
display: block !important;
}
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface .grid-card-title {
font-size: 19px !important;
line-height: 1.02 !important;
}
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface .grid-card-meta-line {
gap: 7px !important;
margin-top: 3px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface .grid-card-meta-icons {
gap: 5px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface .grid-card-meta-icons .favorite-firm-btn,
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface .grid-card-meta-icons .top-status-icon,
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface .grid-card-meta-icons .map-inline-btn {
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .vip-plan-surface .firm-top-icons {
top: 14px !important;
right: 10px !important;
transform: none !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface {
border-radius: 24px !important;
clip-path: inset(0 round 24px) !important;
padding: 8px 12px !important;
margin: 0 0 12px !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface::after {
inset: 1px !important;
border-radius: 22px !important;
}
#firmList.list-mode .firm-card-top-shell {
margin: 0 0 12px !important;
}
#firmList.list-mode .supplier-main .min-w-0.pr-24,
#firmList.list-mode .firm-vip-badge-anchor {
padding-right: 0 !important;
}
#firmList.list-mode .supplier-main > .flex.gap-4.items-start.mb-5,
#firmList.list-mode .vip-plan-surface-list > .flex.gap-4.items-start.mb-5 {
align-items: center !important;
min-height: 64px !important;
margin-bottom: 0 !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface .supplier-logo {
width: 64px !important;
height: 64px !important;
min-width: 64px !important;
border-radius: 1.35rem !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface .location-line {
gap: 8px !important;
align-items: center !important;
flex-wrap: nowrap !important;
overflow: hidden !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface .location-line .location-link,
#firmList.list-mode .supplier-card .vip-plan-surface .location-line p {
min-width: 0 !important;
flex: 1 1 auto !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface .location-line .top-status-icon,
#firmList.list-mode .supplier-card .vip-plan-surface .location-line .map-inline-btn {
width: 24px !important;
height: 24px !important;
flex: 0 0 24px !important;
}
.vip-floating-inline-icon {
position: absolute;
top: 2px;
right: 2px;
width: 24px;
height: 24px;
min-width: 24px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #f4c84a;
background:
radial-gradient(circle at 30% 28%, #fff9e3 0%, #ffe79f 38%, #f7c948 66%, #c88a09 100%);
color: #8a5a00;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.78),
inset 0 -2px 5px rgba(161, 98, 7, 0.20),
0 0 0 2px rgba(255, 214, 102, 0.16),
0 10px 20px -12px rgba(217, 119, 6, 0.42);
pointer-events: none;
z-index: 4;
overflow: hidden;
}
.vip-floating-inline-icon::before {
content: "";
position: absolute;
left: 3px;
right: 3px;
top: 2px;
height: 8px;
border-radius: 999px;
background: linear-gradient(180deg, rgba(255,255,255,0.86) 0%, rgba(255,255,255,0.06) 100%);
z-index: 0;
}
.vip-floating-inline-icon i {
position: relative;
z-index: 1;
font-size: 9px;
}
.firm-top-icons { position: absolute; top: 20px; right: 14px; display: grid; grid-template-columns: repeat(3, 24px); gap: 5px; z-index: 3; justify-content: end; }
.supplier-grid-card .firm-top-icons { top: 14px; right: 10px; }
.favorite-firm-btn,
.top-status-icon,
.map-inline-btn { width: 24px; height: 24px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s ease; }
.favorite-firm-btn { background: #ffffff; color: #64748b; border: 1px solid #dbe5f1; }
.favorite-firm-btn:hover { transform: translateY(-1px); border-color: #f2bac8; color: #d64074; }
.favorite-firm-btn.active { background: linear-gradient(135deg, #fff7ed 0%, #fffaf0 46%, #fde68a 100%); color: #92400e; border-color: #f59e0b; box-shadow: 0 14px 28px -22px rgba(217, 119, 6, 0.34); }
.favorite-firm-btn.disabled { pointer-events: none; opacity: 0.85; }
.top-status-icon { border: 1px solid #dbe5f1; background: #ffffff; color: #64748b; box-shadow: 0 10px 18px -14px rgba(15, 23, 42, 0.18); }
.top-status-icon.vip { border-color: #fcd34d; background: linear-gradient(180deg, #fffbeb 0%, #fff3cd 100%); color: #b45309; }
.top-status-icon.success { border-color: #fed7aa; background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%); color: #c2410c; }
.top-status-icon.verified { border-color: #bbf7d0; background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%); color: #15803d; }
.top-status-icon.phone { border-color: #bae6fd; background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%); color: #0369a1; }
.supplier-logo.vip-logo-frame { border-color: #f3c34d !important; box-shadow: inset 0 0 0 2px rgba(255, 237, 167, 0.44), 0 0 0 2px rgba(250, 204, 21, 0.28), 0 16px 28px -20px rgba(255, 193, 7, 0.46); }
.toolbar-icon-btn.is-active { border-color: rgba(219, 234, 254, 0.98) !important; background: linear-gradient(135deg, #3f82f7 0%, #67aefd 56%, #dff1ff 100%) !important; color: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), 0 18px 34px -20px rgba(125,211,252,0.82) !important; }
.toolbar-actions {
--toolbar-btn-border: rgba(88, 138, 205, 0.46);
--toolbar-btn-text: #ffffff;
--toolbar-btn-active-text: #ffffff;
--toolbar-btn-bg: #081a35;
--toolbar-btn-active-bg: linear-gradient(135deg, #3f82f7 0%, #67aefd 56%, #dff1ff 100%);
--toolbar-btn-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
}
.toolbar-actions .toolbar-icon-btn:not(#adminLogoutBtn),
.toolbar-actions .toolbar-text-btn,
.toolbar-actions .view-btn,
.toolbar-actions .search-toggle-btn {
border-color: var(--toolbar-btn-border) !important;
background: var(--toolbar-btn-bg) !important;
color: var(--toolbar-btn-text) !important;
box-shadow: var(--toolbar-btn-shadow) !important;
--tw-ring-color: rgba(147, 197, 253, 0.62) !important;
}
.toolbar-actions .toolbar-icon-btn:not(#adminLogoutBtn).is-active,
.toolbar-actions .view-btn.active,
.toolbar-actions .search-shell.expanded .search-toggle-btn {
border-color: rgba(219, 234, 254, 0.98) !important;
background: var(--toolbar-btn-active-bg) !important;
color: var(--toolbar-btn-active-text) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), 0 18px 34px -20px rgba(125,211,252,0.82) !important;
}
.toolbar-actions #adminLogoutBtn {
border-color: var(--toolbar-btn-border) !important;
background: var(--toolbar-btn-bg) !important;
color: var(--toolbar-btn-text) !important;
box-shadow: var(--toolbar-btn-shadow) !important;
}
.portrait-only-overlay { display: none; }
.favorites-modal { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.52); backdrop-filter: blur(10px); display: none; align-items: center; justify-content: center; padding: 20px; z-index: 2150; }
.favorites-modal.open { display: flex; }
.favorites-modal.open,
.favorites-modal.open .favorites-shell,
.favorites-modal.open .favorites-header,
.favorites-modal.open .favorites-header-actions,
.favorites-modal.open .favorites-section-head,
.favorites-modal.open .favorites-item-actions,
.favorites-modal.open .favorites-close-btn,
.favorites-modal.open .favorites-apply-btn,
.favorites-modal.open .favorites-mini-btn,
.favorites-modal.open .favorites-badge,
.favorites-modal.open button,
.favorites-modal.open a {
pointer-events: auto !important;
touch-action: manipulation;
}
.favorites-shell { width: min(960px, 94vw); max-height: 88vh; min-height: 0; display: flex; flex-direction: column; overflow: hidden; border-radius: 30px; border: 1px solid rgba(199, 219, 241, 0.72); background: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(247, 251, 255, 0.76) 100%); box-shadow: 0 34px 70px -42px rgba(15, 23, 42, 0.58); backdrop-filter: blur(18px); }
.favorites-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 22px; border-bottom: 1px solid rgba(226, 232, 240, 0.9); }
.favorites-header-copy { min-width: 0; }
.favorites-header-copy p { font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.16em; color: #2563eb; }
.favorites-header-copy h3 { font-size: 24px; line-height: 1.05; font-weight: 900; letter-spacing: -0.04em; color: #0f172a; margin-top: 4px; }
.favorites-header-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.favorites-close-btn { width: 42px; height: 42px; border-radius: 999px; border: 1px solid rgba(199, 219, 241, 0.88); background: rgba(255, 255, 255, 0.82); color: #28527e; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 14px 28px -24px rgba(37, 99, 235, 0.28); backdrop-filter: blur(10px); }
.favorites-body { padding: 18px 22px 22px; min-height: 0; overflow: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-content: start; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.favorites-section { border: 1px solid rgba(226, 232, 240, 0.72); border-radius: 24px; background: rgba(255, 255, 255, 0.78); padding: 16px; box-shadow: 0 22px 44px -38px rgba(15, 23, 42, 0.2); backdrop-filter: blur(14px); }
.favorites-section.full-span { grid-column: 1 / -1; }
.favorites-section-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.favorites-section-head p { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.14em; color: #64748b; }
.favorites-section-head h4 { font-size: 17px; font-weight: 900; letter-spacing: -0.03em; color: #0f172a; margin-top: 3px; }
.favorites-list { display: flex; flex-direction: column; gap: 10px; }
.favorites-empty { border: 1px dashed rgba(203, 213, 225, 0.78); border-radius: 18px; background: rgba(248, 251, 255, 0.74); padding: 14px 15px; font-size: 12px; line-height: 1.6; color: #64748b; backdrop-filter: blur(10px); }
.favorites-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid rgba(226, 232, 240, 0.76); border-radius: 18px; background: rgba(255, 255, 255, 0.74); padding: 12px; backdrop-filter: blur(10px); }
.favorites-item-main { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.account-session-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 4px; }
.account-session-tab { min-height: 38px; border-radius: 999px; border: 1px solid #dbe5f1; background: #ffffff; color: #64748b; padding: 0 14px; font-size: 11px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; transition: all 0.18s ease; }
.account-session-tab.active { border-color: #f59e0b; background: linear-gradient(135deg, #fff7ed 0%, #fffaf0 46%, #fde68a 100%); color: #92400e; box-shadow: 0 14px 28px -24px rgba(217, 119, 6, 0.32); }
.account-session-summary-pill { display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; border: 1px solid #dbe5f1; background: rgba(255, 255, 255, 0.96); color: #475569; padding: 8px 16px; font-size: 11px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 0 16px 30px -26px rgba(15, 23, 42, 0.22); }
.account-session-summary-pill-count { display: inline-flex; min-width: 22px; justify-content: center; border-radius: 999px; background: rgba(255,255,255,0.92); padding: 4px 8px; font-size: 10px; font-weight: 900; line-height: 1; }
.account-session-summary-pill.is-active { border-color: #bbf7d0; background: linear-gradient(135deg, #ecfdf5 0%, #f5fff9 52%, #dcfce7 100%); color: #166534; }
.account-session-summary-pill.is-current { border-color: #bfdbfe; background: linear-gradient(135deg, #eff6ff 0%, #f7fbff 52%, #dbeafe 100%); color: #1d4ed8; }
.account-session-summary-pill.is-visible { border-color: #ddd6fe; background: linear-gradient(135deg, #f5f3ff 0%, #faf8ff 52%, #ede9fe 100%); color: #6d28d9; }
.account-session-card { border: 1px solid rgba(203, 213, 225, 0.9); border-radius: 22px; padding: 16px 18px; background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248, 251, 255, 0.92) 100%); box-shadow: 0 18px 36px -30px rgba(15,23,42,0.18); }
.account-session-card.is-current { border-color: rgba(125, 211, 252, 0.5); background: linear-gradient(180deg, rgba(239,246,255,0.98) 0%, rgba(225,239,255,0.94) 100%); }
.account-session-card.is-active { border-color: rgba(110, 231, 183, 0.5); background: linear-gradient(180deg, rgba(240,253,244,0.98) 0%, rgba(227,250,236,0.94) 100%); }
.account-session-card.is-ended { border-color: rgba(203, 213, 225, 0.9); background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(244,247,251,0.92) 100%); }
.account-session-device { font-size: 15px; font-weight: 900; letter-spacing: -0.02em; color: #0f172a; }
.account-session-badge { display: inline-flex; align-items: center; border-radius: 999px; border: 1px solid #dbe5f1; padding: 4px 10px; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; }
.account-session-badge.is-current { border-color: #bfdbfe; background: #dbeafe; color: #1d4ed8; }
.account-session-badge.is-active { border-color: #bbf7d0; background: #dcfce7; color: #166534; }
.account-session-badge.is-ended { border-color: #cbd5e1; background: #e2e8f0; color: #475569; }
.account-session-detail { margin-top: 8px; font-size: 12px; line-height: 1.55; color: #475569; }
.account-session-side-label { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; color: #64748b; }
.account-session-side-value { margin-top: 4px; font-size: 12px; font-weight: 800; color: #334155; }
.account-session-metric { border: 1px solid rgba(255,255,255,0.74); border-radius: 16px; background: rgba(255,255,255,0.9); padding: 12px 14px; }
.account-session-metric-label { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; color: #64748b; }
.account-session-metric-value { margin-top: 4px; font-size: 12px; font-weight: 800; color: #334155; }
.account-modal-shell { width: min(860px, 95vw); }
.account-modal-body { align-content: start; }
.account-profile-hero { display: flex; flex-direction: column; gap: 16px; }
.account-profile-identity { display: flex; align-items: center; gap: 16px; min-width: 0; }
.account-profile-copy { min-width: 0; }
.account-profile-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.account-session-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.account-session-side { flex: 0 0 auto; text-align: right; }
.account-session-today { margin-top: 4px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
@media (min-width: 768px) {
#accountModal {
align-items: flex-start;
justify-content: center;
overflow-y: auto;
padding: clamp(18px, 4vh, 36px) 20px;
}
#accountModal .account-modal-shell {
width: min(860px, calc(100vw - 40px)) !important;
max-height: none !important;
margin: auto;
}
#accountModal .account-modal-body {
overflow: visible;
}
}
.favorites-item-title { font-size: 14px; font-weight: 900; line-height: 1.2; color: #0f172a; word-break: break-word; }
.favorites-item-meta { font-size: 11px; font-weight: 700; line-height: 1.5; color: #64748b; word-break: break-word; }
.favorites-item-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.favorites-apply-btn { height: 38px; padding: 0 14px; border-radius: 14px; border: 1px solid rgba(199, 219, 241, 0.86); background: rgba(255, 255, 255, 0.8); color: #28527e; font-size: 12px; font-weight: 900; box-shadow: 0 14px 28px -24px rgba(37, 99, 235, 0.28); white-space: nowrap; backdrop-filter: blur(10px); }
.favorites-mini-btn { width: 36px; height: 36px; border-radius: 12px; border: 1px solid rgba(226, 232, 240, 0.86); background: rgba(255, 255, 255, 0.8); color: #64748b; display: inline-flex; align-items: center; justify-content: center; backdrop-filter: blur(10px); }
.account-auto-logout-btn {
width: auto !important;
min-width: 44px;
height: 36px;
padding: 0 6px;
white-space: nowrap;
font-size: 10px;
line-height: 1;
letter-spacing: 0;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
.account-auto-logout-btn.active {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
.favorites-mini-btn.danger { color: #d4556b; border-color: #f3c7cf; background: linear-gradient(135deg, #fff4f6 0%, #fff9fa 46%, #ffecef 100%); }
.favorites-badge { display: inline-flex; align-items: center; gap: 5px; min-height: 24px; padding: 0 10px; border-radius: 999px; background: #eff6ff; color: #28527e; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; }
#adminDirectoryOverview {
gap: 4px !important;
grid-auto-rows: minmax(0, 1fr);
grid-auto-flow: row;
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.admin-directory-overview-card {
min-height: 56px;
border-radius: 14px;
border: 1px solid rgba(191, 219, 254, 0.38);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(242, 248, 255, 0.78) 100%);
padding: 7px 6px;
box-shadow: 0 18px 34px -30px rgba(15, 23, 42, 0.14);
display: flex;
flex-direction: column;
justify-content: center;
gap: 3px;
backdrop-filter: blur(12px);
}
button.admin-directory-overview-card {
appearance: none;
cursor: pointer;
transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}
button.admin-directory-overview-card:hover {
transform: translateY(-1px);
border-color: rgba(147, 197, 253, 0.72);
}
button.admin-directory-overview-card.is-active {
border-color: rgba(96, 165, 250, 0.92) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 0 0 1px rgba(125, 211, 252, 0.26), 0 24px 48px -34px rgba(37, 99, 235, 0.42) !important;
}
.workspace-view { position: relative; }
.workspace-surface-panel {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(248, 251, 255, 0.72) 100%) !important;
border-color: rgba(191, 219, 254, 0.34) !important;
box-shadow: 0 24px 48px -36px rgba(2, 8, 20, 0.48) !important;
backdrop-filter: blur(14px);
}
.admin-directory-overview-label {
font-size: 7px;
font-weight: 900;
line-height: 1.1;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #5a7ca8;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.admin-directory-overview-value {
margin-top: 0;
font-size: 15px;
line-height: 1.05;
font-weight: 900;
color: #17304e;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);
}
.admin-directory-overview-helper {
display: none;
}
.admin-directory-toolbar-row {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: stretch !important;
gap: 8px !important;
width: 100%;
}
.admin-directory-toolbar-row > * {
min-width: 0;
}
.admin-directory-toolbar-action,
.admin-directory-toolbar-search {
width: 100%;
height: 44px;
border-radius: 16px;
}
.admin-directory-toolbar-action {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 12px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.admin-directory-toolbar-search {
padding: 0 16px;
}
.admin-directory-section-head {
flex-wrap: wrap;
}
.admin-directory-section-search {
min-width: 220px;
max-width: 360px;
flex: 1 1 240px;
height: 44px;
border-radius: 18px;
border: 1px solid rgba(199, 219, 241, 0.82);
background: #ffffff;
color: #111827;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 0 12px 0 14px;
box-shadow: 0 14px 28px -24px rgba(37,99,235,0.18);
}
.admin-directory-section-search > i {
color: #2f80ed;
font-size: 13px;
flex: 0 0 auto;
}
.admin-directory-section-search input {
width: 100%;
min-width: 0;
border: 0;
outline: 0;
background: transparent;
color: #111827;
font-size: 13px;
font-weight: 800;
}
.admin-directory-section-search input::placeholder {
color: #7b8798;
opacity: 0.9;
}
.admin-directory-section-search button {
width: 28px;
height: 28px;
flex: 0 0 28px;
border-radius: 999px;
border: 1px solid rgba(203, 213, 225, 0.92);
background: #f8fafc;
color: #111827;
display: inline-flex;
align-items: center;
justify-content: center;
}
.admin-directory-section-search button i {
font-size: 12px;
}
.visitor-analytics-head,
.visitor-analytics-panel,
.visitor-analytics-card,
.visitor-analytics-list-item,
.visitor-analytics-detail,
.visitor-analytics-map-panel,
.visitor-analytics-recent-panel {
background:
linear-gradient(180deg, rgba(6, 18, 39, 0.96) 0%, rgba(8, 24, 52, 0.92) 100%),
radial-gradient(circle at top right, rgba(59, 130, 246, 0.18) 0%, rgba(59, 130, 246, 0) 48%),
linear-gradient(black, black) center/cover no-repeat;
border: 1px solid rgba(88, 138, 205, 0.36);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 24px 48px -36px rgba(2, 8, 20, 0.72);
color: #f8fbff;
}
.visitor-analytics-head {
border-radius: 28px;
padding: 22px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
}
.visitor-analytics-eyebrow,
.visitor-analytics-label {
color: #8fd3ff;
font-size: 11px;
line-height: 1.1;
font-weight: 900;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.visitor-analytics-title {
color: #ffffff;
font-size: clamp(28px, 3vw, 44px);
line-height: 0.98;
font-weight: 1000;
letter-spacing: 0;
margin-top: 8px;
}
.visitor-analytics-copy {
color: #cfe2ff;
font-size: 13px;
line-height: 1.5;
font-weight: 800;
max-width: 720px;
margin-top: 10px;
}
.visitor-analytics-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 10px;
}
.visitor-analytics-button,
.visitor-analytics-select {
height: 46px;
border-radius: 16px;
border: 1px solid rgba(203, 213, 225, 0.92);
background: #ffffff;
color: #111827;
-webkit-text-fill-color: #111827;
font-size: 12px;
font-weight: 1000;
text-transform: uppercase;
letter-spacing: 0.02em;
box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.24);
}
.visitor-analytics-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 16px;
}
.visitor-analytics-select {
min-width: 150px;
padding: 0 40px 0 14px;
appearance: auto;
}
.visitor-analytics-overview {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 10px;
margin-bottom: 16px;
}
.visitor-analytics-card {
min-height: 94px;
border-radius: 20px;
padding: 14px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 7px;
}
.visitor-analytics-card strong {
color: #ffffff;
font-size: 30px;
line-height: 1;
font-weight: 1000;
}
.visitor-analytics-card span {
color: #cfe2ff;
font-size: 12px;
line-height: 1.35;
font-weight: 900;
}
.visitor-analytics-grid {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.55fr);
gap: 16px;
align-items: start;
}
.visitor-analytics-side {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
}
.visitor-analytics-map-panel,
.visitor-analytics-panel,
.visitor-analytics-detail,
.visitor-analytics-recent-panel {
border-radius: 24px;
padding: 16px;
}
.visitor-analytics-map {
width: 100%;
height: min(680px, 68vh);
min-height: 520px;
border-radius: 20px;
overflow: hidden;
border: 1px solid rgba(142, 189, 255, 0.38);
background: #020816;
}
.visitor-analytics-map .leaflet-container {
width: 100%;
height: 100%;
background: #bdd7ee;
font-family: inherit;
}
.visitor-analytics-map .leaflet-tile-pane,
.visitor-analytics-map .leaflet-tile-container,
.visitor-analytics-map .leaflet-tile {
opacity: 1 !important;
visibility: visible !important;
}
.visitor-analytics-map .leaflet-tile {
max-width: none !important;
max-height: none !important;
filter: saturate(1.04) contrast(1.03);
}
.visitor-analytics-map .leaflet-control-zoom {
border: 0;
box-shadow: 0 20px 36px -28px rgba(15, 23, 42, 0.48);
}
.visitor-analytics-map .leaflet-control-zoom a {
width: 38px;
height: 38px;
line-height: 38px;
border: 1px solid #c7dbf1;
background: rgba(255, 255, 255, 0.96);
color: #0f172a;
font-weight: 1000;
}
.visitor-analytics-map .leaflet-control-zoom a:hover {
background: #ffffff;
color: #1d4ed8;
}
.visitor-analytics-map .leaflet-control-attribution {
padding: 3px 8px;
border-radius: 10px 0 0 0;
background: rgba(255, 255, 255, 0.88);
color: #334155;
font-size: 10px;
font-weight: 700;
}
.visitor-analytics-map .leaflet-control-attribution a {
color: #1d4ed8;
}
.visitor-analytics-list {
display: flex;
flex-direction: column;
gap: 10px;
max-height: min(330px, 36vh);
overflow: auto;
padding-right: 4px;
scrollbar-width: thin;
scrollbar-color: rgba(143, 211, 255, 0.65) rgba(7, 17, 34, 0.4);
}
.visitor-analytics-list-item {
width: 100%;
border-radius: 18px;
padding: 13px;
text-align: left;
transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}
.visitor-analytics-list-item:hover,
.visitor-analytics-list-item.is-active {
transform: translateY(-1px);
border-color: rgba(143, 211, 255, 0.78);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.09), 0 18px 38px -28px rgba(56, 189, 248, 0.58);
}
.visitor-analytics-list-item h4,
.visitor-analytics-detail h3,
.visitor-analytics-panel h3,
.visitor-analytics-recent-panel h3 {
color: #ffffff;
font-weight: 1000;
letter-spacing: 0;
}
.visitor-analytics-meta {
color: #cfe2ff;
font-size: 12px;
line-height: 1.45;
font-weight: 800;
}
.visitor-analytics-chip-row {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 10px;
}
.visitor-analytics-chip {
display: inline-flex;
align-items: center;
min-height: 26px;
border-radius: 999px;
border: 1px solid rgba(143, 211, 255, 0.38);
background: rgba(9, 24, 50, 0.78);
color: #dbeafe;
padding: 0 9px;
font-size: 10px;
font-weight: 1000;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.visitor-analytics-detail {
margin-top: 0;
}
.visitor-analytics-detail-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin-top: 12px;
}
.visitor-analytics-side .visitor-analytics-detail-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.visitor-analytics-detail-cell,
.visitor-analytics-recent-row {
border-radius: 16px;
border: 1px solid rgba(88, 138, 205, 0.28);
background: rgba(4, 13, 31, 0.38);
padding: 11px;
}
.visitor-analytics-detail-cell span {
color: #8fd3ff;
display: block;
font-size: 10px;
font-weight: 1000;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.visitor-analytics-detail-cell strong {
display: block;
color: #ffffff;
margin-top: 5px;
font-size: 14px;
font-weight: 1000;
word-break: break-word;
}
.visitor-analytics-recent-panel {
margin-top: 16px;
}
.visitor-analytics-recent-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 12px;
}
.visitor-analytics-marker {
width: auto !important;
height: auto !important;
}
.visitor-analytics-marker span {
width: 34px;
height: 34px;
border-radius: 999px;
border: 2px solid #ffffff;
background: linear-gradient(135deg, #2563eb 0%, #38bdf8 72%, #dbeafe 100%);
color: #ffffff;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 1000;
box-shadow: 0 14px 24px -14px rgba(37, 99, 235, 0.9);
}
@media (max-width: 1024px) {
.visitor-analytics-head {
align-items: stretch;
flex-direction: column;
}
.visitor-analytics-actions {
justify-content: flex-start;
}
.visitor-analytics-overview,
.visitor-analytics-detail-grid,
.visitor-analytics-recent-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.visitor-analytics-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.visitor-analytics-head,
.visitor-analytics-map-panel,
.visitor-analytics-panel,
.visitor-analytics-detail,
.visitor-analytics-recent-panel {
border-radius: 20px;
padding: 14px;
}
.visitor-analytics-overview,
.visitor-analytics-detail-grid,
.visitor-analytics-recent-list {
grid-template-columns: 1fr;
}
.visitor-analytics-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.visitor-analytics-select,
.visitor-analytics-button {
width: 100%;
}
.visitor-analytics-map {
min-height: 320px;
height: 420px;
}
}
#systemHealthOverview {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch;
gap: 8px !important;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 4px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
#systemHealthOverview::-webkit-scrollbar {
display: none;
}
.system-health-overview-card {
flex: 0 0 calc((100% - 56px) / 8);
min-width: 0;
min-height: 86px;
border-radius: 18px;
border: 1px solid rgba(191, 219, 254, 0.38);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(242, 248, 255, 0.78) 100%);
padding: 12px 14px;
box-shadow: 0 20px 40px -34px rgba(15,23,42,0.16);
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
backdrop-filter: blur(12px);
}
.system-health-overview-label {
font-size: 10px;
font-weight: 900;
line-height: 1.1;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #5a7ca8;
}
.system-health-overview-value {
font-size: clamp(13px, 0.95vw, 18px);
line-height: 1.15;
font-weight: 900;
color: #17304e;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);
overflow-wrap: anywhere;
word-break: break-word;
}
@media (max-width: 767px) {
#adminDirectoryOverview {
gap: 3px !important;
}
.admin-directory-overview-card {
min-height: 50px;
padding: 6px 4px;
border-radius: 12px;
}
.admin-directory-overview-label {
font-size: 6px;
letter-spacing: 0.02em;
}
.admin-directory-overview-value {
font-size: 13px;
}
#systemHealthOverview {
gap: 6px !important;
}
.system-health-overview-card {
flex-basis: 118px;
min-height: 72px;
padding: 10px 10px;
border-radius: 14px;
}
.system-health-overview-label {
font-size: 8px;
letter-spacing: 0.04em;
}
.system-health-overview-value {
font-size: 12px;
}
}
@media (max-width: 1279px) {
.system-health-overview-card {
flex-basis: 132px;
}
}
.compare-table { min-width: 100%; border-collapse: collapse; table-layout: fixed; }
.compare-row-head { min-height: 62px; display: flex; flex-direction: column; justify-content: center; gap: 4px; }
.compare-row-head-title { font-size: 16px; line-height: 1.18; font-weight: 900; color: #0f172a; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.compare-row-head-meta { font-size: 11px; line-height: 1.4; font-weight: 800; color: #94a3b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.compare-cell-stack { min-height: 72px; display: flex; flex-direction: column; justify-content: center; gap: 4px; }
.compare-cell-primary { font-size: 13px; line-height: 1.35; font-weight: 900; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.compare-cell-secondary { font-size: 11px; line-height: 1.45; font-weight: 700; color: #64748b; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.compare-note { min-height: 72px; font-size: 12px; line-height: 1.55; color: #475569; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.compare-tags-grid { min-height: 72px; max-height: 72px; overflow: hidden; display: flex; flex-wrap: wrap; align-content: flex-start; gap: 6px; }
.compare-actions { min-height: 72px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.firm-membership-request-panel { border: 1px solid rgba(125, 211, 252, 0.28); background: rgba(3, 17, 41, 0.62); border-radius: 18px; padding: 12px; }
.firm-membership-request-grid { display: grid; gap: 10px; }
.firm-membership-request-card { border: 1px solid rgba(125, 211, 252, 0.24); background: rgba(2, 8, 20, 0.45); border-radius: 16px; padding: 12px; }
.firm-membership-request-card input[type="date"] { min-height: 38px; border-radius: 12px; border: 1px solid rgba(199, 219, 241, 0.84); background: #fff; color: #111827; padding: 0 10px; font-size: 12px; font-weight: 800; }
.firm-membership-request-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.firm-membership-request-btn { min-height: 36px; border-radius: 12px; border: 1px solid rgba(199, 219, 241, 0.9); background: linear-gradient(135deg, #edf5fd 0%, #f8fbff 46%, #e2eef9 100%); color: #111827; padding: 0 12px; font-size: 10px; font-weight: 1000; letter-spacing: 0.06em; text-transform: uppercase; }
.firm-membership-request-btn.danger { border-color: rgba(254, 202, 202, 0.9); background: linear-gradient(135deg, #fff1f2 0%, #fff 50%, #ffe4e6 100%); color: #be123c; }
.firm-membership-request-btn.is-selected { border-color: rgba(56, 189, 248, 0.95); background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%); color: #fff; box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.20); }
.firm-membership-pending-note { margin-top: 8px; border: 1px solid rgba(251, 191, 36, 0.48); background: rgba(120, 53, 15, 0.42); border-radius: 14px; padding: 8px 10px; color: #fde68a; font-size: 11px; font-weight: 900; line-height: 1.45; }
.membership-pending-badge { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; border: 1px solid rgba(251, 191, 36, 0.7); background: #fffbeb; color: #92400e; padding: 7px 10px; font-size: 10px; font-weight: 1000; text-transform: uppercase; letter-spacing: 0.08em; }
.home-landing { height: min(680px, calc(100dvh - 148px)); min-height: 0; display: flex; flex-direction: column; align-items: stretch; justify-content: stretch; gap: 0; padding: 0 0 8px; overflow: hidden; }
.home-landing.hidden { display: none !important; }
.home-landing-hero { display: none !important; }
.home-landing-logo { display: none; }
.home-landing-mobile-brand { display: none; }
.home-landing-logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.home-landing-eyebrow { display: inline-flex; width: fit-content; min-height: 34px; align-items: center; gap: 8px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(74, 123, 184, 0.5); background: rgba(12, 30, 62, 0.72); color: #cfe5ff; font-size: 11px; font-weight: 1000; letter-spacing: 0.05em; text-transform: uppercase; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 18px 40px -30px rgba(20, 121, 255, 0.5); }
.home-landing-title { margin-top: 26px; max-width: 620px; font-size: clamp(32px, 4.2vw, 54px); line-height: 0.96; font-weight: 1000; letter-spacing: -0.055em; color: #f8fbff; text-shadow: 0 14px 36px rgba(0, 0, 0, 0.45); }
.home-landing-copy { margin-top: 16px; max-width: 560px; font-size: clamp(13px, 1vw, 15px); line-height: 1.7; color: #b8c8dd; font-weight: 800; }
.home-landing-accent { display: block; width: 56px; height: 4px; border-radius: 999px; margin-top: 24px; background: linear-gradient(90deg, #1388ff, rgba(19, 136, 255, 0)); box-shadow: 0 0 24px rgba(19, 136, 255, 0.65); }
.home-landing-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-self: end; border: 1px solid rgba(89, 139, 204, 0.38); border-radius: 22px; background: linear-gradient(135deg, rgba(8, 22, 47, 0.84), rgba(9, 30, 65, 0.58)); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035), 0 28px 70px -50px rgba(20, 121, 255, 0.52); overflow: hidden; backdrop-filter: blur(10px); }
.home-stat-card { min-height: 96px; padding: 20px 22px; display: flex; align-items: center; gap: 14px; border-left: 1px solid rgba(89, 139, 204, 0.28); }
.home-stat-card:first-child { border-left: 0; }
.home-stat-icon { width: 42px; height: 42px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; color: #1e9bff; background: rgba(0, 91, 194, 0.18); box-shadow: inset 0 0 0 1px rgba(73, 158, 255, 0.18); }
.home-stat-value { display: block; color: #f8fbff; font-size: clamp(24px, 2.2vw, 32px); line-height: 1; font-weight: 1000; letter-spacing: -0.05em; }
.home-stat-label { display: block; margin-top: 7px; color: #a9bbd2; font-size: 11px; line-height: 1.25; font-weight: 900; }
.home-ad-slot { display: none; }
.home-ad-frame { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border: 1px solid rgba(251, 191, 36, 0.88); border-radius: 18px; background: linear-gradient(135deg, rgba(3, 13, 33, 0.96), rgba(6, 25, 60, 0.92)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 0 0 1px rgba(251, 191, 36, 0.16), 0 18px 42px -28px rgba(251, 191, 36, 0.66); }
.home-ad-frame::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(255,255,255,0.08), transparent 22%, transparent 78%, rgba(255,255,255,0.08)); }
.home-ad-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; object-position: center center; background: #020712; opacity: 0; transform: translateX(24px) scale(1); transition: opacity 0.42s ease, transform 0.42s ease; }
.home-ad-image.is-active { opacity: 1; transform: translateX(0) scale(1); }
.home-ad-empty { height: 100%; display: flex; align-items: center; justify-content: center; color: rgba(219, 234, 254, 0.72); font-size: 12px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.ad-manager-shell { width: min(1040px, 96vw); max-height: min(860px, 92vh); }
.ad-manager-grid { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: 16px; padding: 18px; overflow: auto; }
.ad-manager-card { border: 1px solid #dbeafe; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); border-radius: 18px; padding: 14px; }
.ad-manager-card h4 { color: #0f172a; font-size: 15px; line-height: 1.2; font-weight: 1000; letter-spacing: -0.02em; }
.ad-manager-card p { color: #64748b; font-size: 12px; line-height: 1.55; font-weight: 700; }
.ad-manager-field { display: grid; gap: 6px; margin-top: 12px; }
.ad-manager-field span { color: #475569; font-size: 10px; font-weight: 1000; letter-spacing: 0.08em; text-transform: uppercase; }
.ad-manager-field input { min-height: 42px; border-radius: 13px; border: 1px solid #c7dbf1; background: #fff; color: #111827; padding: 0 12px; font-size: 13px; font-weight: 800; outline: none; }
.ad-manager-field input:focus { border-color: #38bdf8; box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.18); }
.ad-manager-upload { min-height: 92px; border: 2px dashed #bfdbfe; border-radius: 16px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #2563eb; background: #eff6ff; font-size: 12px; font-weight: 1000; cursor: pointer; }
.ad-manager-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ad-manager-btn { min-height: 38px; border-radius: 13px; border: 1px solid #c7dbf1; background: #fff; color: #28527e; padding: 0 12px; font-size: 11px; font-weight: 1000; text-transform: uppercase; letter-spacing: 0.04em; }
.ad-manager-btn.primary { border-color: #2563eb; background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%); color: #fff; }
.ad-manager-btn.danger { border-color: #fecaca; background: #fff1f2; color: #be123c; }
.ad-manager-list { display: grid; gap: 12px; }
.ad-manager-empty { border: 1px dashed rgba(125, 211, 252, 0.3); border-radius: 18px; background: rgba(2, 7, 18, 0.58); padding: 28px 16px; text-align: center; color: #c2d7f5; font-size: 12px; font-weight: 800; }
.ad-manager-item { display: grid; gap: 12px; border: 1px solid #dbeafe; border-radius: 18px; background: #fff; padding: 12px; }
.ad-manager-item-top { display: grid; grid-template-columns: 148px minmax(190px, 300px) minmax(180px, 1fr); gap: 12px; align-items: center; }
.ad-manager-item-bottom { display: grid; grid-template-columns: minmax(64px, 82px) minmax(82px, 110px) minmax(150px, 1fr) minmax(260px, auto); gap: 10px; align-items: end; }
.ad-manager-inline-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: flex-end; margin-top: 0; }
.ad-manager-thumb { position: relative; width: 100%; aspect-ratio: 1080 / 190; border-radius: 12px; overflow: hidden; background: #071426; border: 1px solid #dbeafe; cursor: pointer; }
.ad-manager-thumb img { width: 100%; height: 100%; object-fit: fill; display: block; background: #020712; }
.ad-manager-thumb-actions { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; gap: 8px; padding: 8px; background: rgba(2, 7, 18, 0.72); backdrop-filter: blur(3px); }
.ad-manager-thumb.is-open .ad-manager-thumb-actions { display: flex; }
.ad-manager-thumb-action { min-height: 32px; border-radius: 11px; border: 1px solid rgba(221, 228, 241, 0.94); background: #ffffff; color: #111827; padding: 0 10px; font-size: 10px; font-weight: 1000; text-transform: uppercase; letter-spacing: 0.04em; box-shadow: 0 14px 26px -20px rgba(2, 8, 20, 0.72); }
.ad-manager-thumb-action.danger { border-color: #fecaca; background: #fff1f2; color: #be123c; }
.ad-manager-meta { min-width: 0; display: grid; gap: 8px; }
.ad-manager-meta-title { color: #0f172a; font-size: 14px; font-weight: 1000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ad-manager-meta-sub { color: #64748b; font-size: 11px; line-height: 1.45; font-weight: 800; min-width: 0; }
#adManagerModal .ad-manager-shell {
background:
linear-gradient(180deg, rgba(2, 7, 18, 0.98) 0%, rgba(3, 12, 29, 0.98) 100%),
radial-gradient(circle at top right, rgba(56, 189, 248, 0.12) 0%, rgba(56, 189, 248, 0) 42%) !important;
border-color: rgba(148, 163, 184, 0.5) !important;
color: #f8fbff !important;
}
#adManagerModal .favorites-header {
background: linear-gradient(180deg, rgba(24, 24, 27, 0.96) 0%, rgba(9, 9, 11, 0.92) 100%);
border-bottom-color: rgba(148, 163, 184, 0.36) !important;
}
#adManagerModal .favorites-header-copy h3 { color: #ffffff !important; }
#adManagerModal .favorites-header-copy p { color: #7dd3fc !important; }
#adManagerModal .ad-manager-grid { background: #020712; }
#adManagerModal .ad-manager-card,
#adManagerModal .ad-manager-item {
background:
linear-gradient(180deg, rgba(6, 18, 39, 0.96) 0%, rgba(3, 12, 29, 0.96) 100%),
radial-gradient(circle at top right, rgba(56, 189, 248, 0.11) 0%, rgba(56, 189, 248, 0) 42%) !important;
border-color: rgba(125, 211, 252, 0.28) !important;
color: #f8fbff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 20px 44px -38px rgba(2, 8, 20, 0.84);
}
#adManagerModal .ad-manager-card h4,
#adManagerModal .ad-manager-meta-title {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
#adManagerModal .ad-manager-card p,
#adManagerModal .ad-manager-meta-sub,
#adManagerModal .ad-manager-field span {
color: #c2d7f5 !important;
-webkit-text-fill-color: #c2d7f5 !important;
}
#adManagerModal .ad-manager-field input,
#adManagerModal .ad-manager-meta-title {
background: #ffffff !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
border-color: rgba(221, 228, 241, 0.94) !important;
}
#adManagerModal .ad-manager-card:first-child .ad-manager-field input {
color: #64748b !important;
-webkit-text-fill-color: #64748b !important;
}
#adManagerModal .ad-manager-card:first-child .ad-manager-field input::placeholder {
color: #94a3b8 !important;
-webkit-text-fill-color: #94a3b8 !important;
opacity: 1;
}
#adManagerModal .ad-manager-btn,
#adManagerModal .favorites-apply-btn,
#adManagerModal .favorites-close-btn {
background: #ffffff !important;
background-image: none !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
border-color: rgba(221, 228, 241, 0.94) !important;
text-shadow: none !important;
}
#adManagerModal .ad-manager-inline-actions .ad-manager-btn {
min-width: 0;
min-height: 34px;
padding: 0 10px;
font-size: 10px;
white-space: normal;
line-height: 1.12;
}
#adManagerModal .ad-manager-btn.primary {
background: #ffffff !important;
background-image: none !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
border-color: rgba(221, 228, 241, 0.94) !important;
}
#adManagerModal .ad-manager-btn.danger {
background: #fff1f2 !important;
color: #be123c !important;
-webkit-text-fill-color: #be123c !important;
border-color: #fecaca !important;
}
#adManagerModal .ad-manager-item.is-expired {
border-color: rgba(248, 113, 113, 0.54) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 0 0 1px rgba(248, 113, 113, 0.12), 0 20px 44px -38px rgba(248, 113, 113, 0.7);
}
#adManagerModal .ad-manager-item.is-expired .ad-manager-edit-name,
#adManagerModal .ad-manager-item.is-expired .ad-manager-field input,
#adManagerModal .ad-manager-item.is-expired .ad-manager-meta-sub,
#adManagerModal .ad-manager-item.is-expired .ad-manager-btn {
color: #dc2626 !important;
-webkit-text-fill-color: #dc2626 !important;
}
#adManagerModal .ad-manager-item.is-expired .ad-manager-field span {
color: #fecaca !important;
-webkit-text-fill-color: #fecaca !important;
}
.support-center-modal { position: fixed; inset: 0; z-index: 2165; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(2, 7, 18, 0.72); backdrop-filter: blur(12px); }
.support-center-modal.open { display: flex; }
.support-center-shell { width: min(1180px, 96vw); height: min(860px, 92vh); max-height: min(860px, 92vh); overflow: hidden; border-radius: 30px; border: 1px solid rgba(143, 211, 255, 0.36); background: #020712; box-shadow: 0 34px 90px -42px rgba(15, 23, 42, 0.9); color: #ffffff; display: grid; grid-template-rows: auto auto minmax(0, 1fr); }
.support-center-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; border-bottom: 1px solid rgba(143, 211, 255, 0.22); background: linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(2, 7, 18, 0.98)); }
.support-center-eyebrow { color: #8FD3FF; font-size: 11px; font-weight: 1000; letter-spacing: 0.22em; text-transform: uppercase; }
.support-center-title { margin-top: 4px; color: #ffffff; font-size: clamp(24px, 3vw, 36px); line-height: 1; font-weight: 1000; letter-spacing: -0.04em; }
.support-center-subtitle { margin-top: 8px; color: #cfe8ff; font-size: 13px; line-height: 1.55; font-weight: 700; }
.support-center-header-actions { display: flex; align-items: center; gap: 10px; }
.support-center-btn { min-height: 44px; border-radius: 15px; border: 1px solid rgba(219, 234, 254, 0.9); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; padding: 0 15px; font-size: 11px; font-weight: 1000; text-transform: uppercase; letter-spacing: 0.06em; display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 16px 28px -24px rgba(191, 219, 254, 0.7); }
.support-center-btn.primary { border-color: rgba(143, 211, 255, 0.9); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; }
.support-center-btn.danger { border-color: #fecaca; background: #fff1f2; color: #be123c; -webkit-text-fill-color: #be123c; }
.support-center-close { width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(219, 234, 254, 0.9); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; }
.support-center-grid { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: 16px; padding: 14px 18px 18px; overflow: hidden; min-height: 0; }
.support-center-card { border: 1px solid rgba(143, 211, 255, 0.26); background: linear-gradient(180deg, rgba(5, 15, 34, 0.98), rgba(2, 7, 18, 0.98)); border-radius: 22px; padding: 16px; min-height: 0; overflow: hidden; }
.support-left-card { display: flex; flex-direction: column; }
.support-left-card > .mt-5 { flex: 1 1 auto; display: flex; flex-direction: column; }
.support-left-card.admin-mode > h4,
.support-left-card.admin-mode > p,
.support-left-card.admin-mode > form { display: none !important; }
.support-left-card.admin-mode > .mt-5 { margin-top: 0 !important; min-height: 0; }
.support-center-card h4 { color: #ffffff; font-size: 18px; line-height: 1.2; font-weight: 1000; letter-spacing: -0.03em; }
.support-center-card p { color: #cfe8ff; font-size: 12px; line-height: 1.55; font-weight: 750; }
.support-center-field { display: grid; gap: 7px; margin-top: 12px; }
.support-center-field span { color: #8FD3FF; font-size: 10px; font-weight: 1000; letter-spacing: 0.1em; text-transform: uppercase; }
.support-center-field input,
.support-center-field select,
.support-center-field textarea { width: 100%; border-radius: 14px; border: 1px solid rgba(199, 219, 241, 0.9); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; padding: 12px 13px; font-size: 13px; font-weight: 850; outline: none; }
.support-center-field textarea { min-height: 104px; resize: vertical; line-height: 1.5; }
.support-center-field input::placeholder,
.support-center-field textarea::placeholder { color: rgba(15, 23, 42, 0.5); -webkit-text-fill-color: rgba(15, 23, 42, 0.5); }
.support-filter-bar { display: none !important; }
.support-top-filter-bar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; padding: 10px 18px; border-bottom: 1px solid rgba(143, 211, 255, 0.16); background: rgba(2, 7, 18, 0.96); }
.support-top-filter-bar.hidden { display: none; }
.support-filter-field { display: grid; gap: 5px; min-width: 0; }
.support-filter-field span { color: #8FD3FF; font-size: 9px; font-weight: 1000; letter-spacing: 0.1em; text-transform: uppercase; }
.support-filter-field select { min-height: 34px; border-radius: 11px; border: 1px solid rgba(199, 219, 241, 0.9); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; padding: 0 9px; font-size: 10px; font-weight: 1000; outline: none; }
.support-filter-reset { min-height: 34px; border-radius: 11px; border: 1px solid rgba(219, 234, 254, 0.9); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; font-size: 10px; font-weight: 1000; text-transform: uppercase; letter-spacing: 0.06em; }
.support-list-shell { flex: 1 1 auto; min-height: 0; overflow-y: scroll; padding-right: 4px; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; scrollbar-gutter: stable; }
.support-center-list { display: grid; gap: 10px; min-height: 0; }
.support-ticket-item { width: 100%; border: 1px solid rgba(143, 211, 255, 0.22); border-radius: 17px; background: rgba(8, 20, 43, 0.9); color: inherit; padding: 12px; text-align: left; cursor: pointer; transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease; }
.support-ticket-item:hover,
.support-ticket-item:focus-visible { border-color: rgba(143, 211, 255, 0.54); background: rgba(12, 30, 60, 0.98); transform: translateY(-1px); outline: none; }
.support-ticket-item.active { border-color: rgba(143, 211, 255, 0.72); background: rgba(14, 34, 68, 0.98); }
.support-ticket-item-title { color: #ffffff; font-size: 13px; font-weight: 1000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.support-ticket-item-meta { margin-top: 5px; display: flex; flex-wrap: wrap; gap: 6px; color: #cfe8ff; font-size: 10px; font-weight: 850; }
.support-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; border-radius: 999px; border: 1px solid rgba(143, 211, 255, 0.28); background: rgba(143, 211, 255, 0.08); color: #dff3ff; padding: 0 9px; font-size: 10px; font-weight: 1000; text-transform: uppercase; letter-spacing: 0.05em; }
.support-pill.unread { border-color: rgba(248, 113, 113, 0.55); background: rgba(248, 113, 113, 0.16); color: #fecaca; }
.support-list-tabs { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.support-list-tab { min-height: 34px; border-radius: 999px; border: 1px solid rgba(143, 211, 255, 0.38); background: rgba(143, 211, 255, 0.08); color: #dff3ff; padding: 0 12px; font-size: 11px; font-weight: 1000; text-transform: uppercase; letter-spacing: 0.05em; }
.support-list-tab.active { background: rgba(143, 211, 255, 0.22); border-color: rgba(143, 211, 255, 0.72); color: #ffffff; box-shadow: 0 14px 28px -24px rgba(143, 211, 255, 0.8); }
.support-thread-shell { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-height: 0; height: 100%; overflow: hidden; }
.support-thread-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(143, 211, 255, 0.16); }
.support-thread-title { color: #ffffff; font-size: 20px; line-height: 1.15; font-weight: 1000; letter-spacing: -0.03em; }
.support-thread-meta { margin-top: 7px; display: flex; flex-wrap: wrap; gap: 7px; }
.support-admin-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.support-admin-controls select { min-height: 38px; border-radius: 12px; border: 1px solid rgba(199, 219, 241, 0.9); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; padding: 0 10px; font-size: 11px; font-weight: 1000; }
.support-ticket-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; width: 100%; }
.support-ticket-actions .support-center-btn { min-height: 36px; padding: 0 12px; font-size: 10px; }
.support-center-btn.warning { border-color: #fde68a; background: #fffbeb; color: #92400e; -webkit-text-fill-color: #92400e; }
.support-messages { min-height: 0; height: 100%; overflow-y: scroll; padding: 14px 4px 14px 0; display: flex; flex-direction: column; gap: 10px; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; scrollbar-gutter: stable; }
.support-message { max-width: min(680px, 84%); border: 1px solid rgba(143, 211, 255, 0.2); border-radius: 18px; padding: 12px 14px; background: rgba(8, 20, 43, 0.94); }
.support-message.admin { margin-left: auto; border-color: rgba(143, 211, 255, 0.48); background: rgba(13, 42, 76, 0.96); }
.support-message-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #8FD3FF; font-size: 10px; font-weight: 1000; letter-spacing: 0.08em; text-transform: uppercase; }
.support-message-head-main { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.support-message-actions { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.support-message-action { min-height: 26px; border-radius: 9px; border: 1px solid rgba(219, 234, 254, 0.88); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; padding: 0 8px; font-size: 9px; font-weight: 1000; text-transform: uppercase; letter-spacing: 0.05em; }
.support-message-action.danger { border-color: #fecaca; background: #fff1f2; color: #be123c; -webkit-text-fill-color: #be123c; }
.support-message-body { margin-top: 8px; color: #ffffff; white-space: pre-wrap; font-size: 13px; line-height: 1.55; font-weight: 700; }
.support-reply-box { border-top: 1px solid rgba(143, 211, 255, 0.16); padding-top: 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
.support-reply-box textarea { min-height: 70px; border-radius: 16px; border: 1px solid rgba(199, 219, 241, 0.9); background: #ffffff; color: #111827; -webkit-text-fill-color: #111827; padding: 12px 14px; font-size: 13px; line-height: 1.45; font-weight: 800; resize: vertical; outline: none; }
.support-empty { min-height: 320px; display: flex; align-items: center; justify-content: center; text-align: center; border: 1px dashed rgba(143, 211, 255, 0.24); border-radius: 22px; background: rgba(8, 20, 43, 0.45); color: #cfe8ff; padding: 24px; font-size: 13px; font-weight: 800; }
@media (max-width: 860px) {
.support-center-modal { align-items: stretch; padding: 8px; }
.support-center-shell { width: 100%; height: calc(100dvh - 16px); max-height: calc(100dvh - 16px); border-radius: 24px; grid-template-rows: auto auto minmax(0, 1fr); }
.support-center-header { align-items: flex-start; gap: 10px; padding: 14px 14px 12px; }
.support-center-eyebrow { font-size: 9px; letter-spacing: 0.16em; }
.support-center-title { margin-top: 4px; font-size: 22px; line-height: 1.05; letter-spacing: -0.045em; }
.support-center-subtitle { margin-top: 6px; font-size: 11px; line-height: 1.35; }
.support-center-header-actions { flex: 0 0 auto; gap: 6px; }
.support-center-header-actions .support-center-btn { min-height: 38px; border-radius: 14px; padding: 0 10px; font-size: 10px; }
.support-center-close { width: 40px; height: 40px; font-size: 16px; }
.support-top-filter-bar { display: flex; gap: 8px; overflow-x: auto; overflow-y: hidden; max-height: none; padding: 8px 12px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.support-top-filter-bar::-webkit-scrollbar { display: none; }
.support-filter-field { flex: 0 0 142px; gap: 4px; }
.support-filter-field select { min-height: 36px; border-radius: 12px; font-size: 10px; padding: 0 9px; }
.support-filter-reset { flex: 0 0 176px; min-height: 36px; border-radius: 12px; font-size: 10px; }
.support-center-grid { grid-template-columns: 1fr; gap: 10px; padding: 10px 12px 12px; overflow-y: auto; }
.support-center-card { border-radius: 20px; padding: 12px; }
.support-left-card.admin-mode { min-height: 260px; max-height: 42dvh; }
.support-left-card .mb-3 { margin-bottom: 8px !important; }
.support-center-card h4 { font-size: 18px; }
.support-list-tabs { gap: 5px; overflow-x: auto; scrollbar-width: none; }
.support-list-tabs::-webkit-scrollbar { display: none; }
.support-list-tab { min-height: 30px; padding: 0 10px; font-size: 10px; white-space: nowrap; }
.support-ticket-item { border-radius: 15px; padding: 10px; }
.support-ticket-item-title { font-size: 13px; }
.support-ticket-item-meta { gap: 5px; }
.support-pill { min-height: 22px; padding: 0 8px; font-size: 9px; }
.support-thread-shell { min-height: 430px; max-height: none; }
.support-thread-top { display: grid; grid-template-columns: 1fr; gap: 10px; padding-bottom: 10px; }
.support-thread-title { font-size: 19px; }
.support-admin-controls { display: flex; flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; gap: 8px; scrollbar-width: none; }
.support-admin-controls::-webkit-scrollbar { display: none; }
.support-admin-controls select { flex: 0 0 174px; min-height: 38px; }
.support-admin-controls .support-center-btn { flex: 0 0 100px; min-height: 38px; }
.support-ticket-actions { flex: 0 0 auto; width: auto; flex-wrap: nowrap; }
.support-message { max-width: 100%; border-radius: 16px; padding: 10px; }
.support-message-head { align-items: flex-start; gap: 8px; }
.support-message-head-main { flex-direction: column; align-items: flex-start; gap: 2px; }
.support-message-actions { gap: 5px; }
.support-message-action { min-height: 28px; padding: 0 8px; font-size: 9px; }
.support-reply-box { grid-template-columns: 1fr; gap: 8px; }
.support-reply-box textarea { min-height: 58px; border-radius: 14px; }
}
@media (max-width: 1180px) {
.ad-manager-item-top { grid-template-columns: 132px minmax(0, 1fr); }
.ad-manager-item-top .ad-manager-meta-sub { grid-column: 1 / -1; }
.ad-manager-item-bottom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ad-manager-inline-actions { justify-content: flex-start; }
}
.home-category-grid { width: min(1320px, 100%); height: 100%; flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); gap: clamp(8px, 0.75vw, 12px); margin: 0 auto; }
.home-category-card[data-home-category="iplik"] { --category-frame-image: url('/assets/categories/iplik.webp?v=20260519-webp1'); }
.home-category-card[data-home-category="dokuma"] { --category-frame-image: url('/assets/categories/dokuma.webp?v=20260519-webp1'); }
.home-category-card[data-home-category="orme"] { --category-frame-image: url('/assets/categories/orme.webp?v=20260519-webp1'); }
.home-category-card[data-home-category="boya"] { --category-frame-image: url('/assets/categories/boya-baski.webp?v=20260519-webp1'); }
.home-category-card[data-home-category="kimyasal"] { --category-frame-image: url('/assets/categories/kimyasal.webp?v=20260519-webp1'); }
.home-category-card[data-home-category="aksesuar"] { --category-frame-image: url('/assets/categories/aksesuar.webp?v=20260519-webp1'); }
.home-category-card[data-home-category="konfeksiyon"] { --category-frame-image: url('/assets/categories/konfeksiyon.webp?v=20260519-webp1'); }
.home-category-card[data-home-category="nakliye"] { --category-frame-image: url('/assets/categories/nakliye.webp?v=20260519-webp1'); }
.home-category-card[data-home-category="makine"] { --category-frame-image: url('/assets/categories/makine-ekipman.webp?v=20260519-webp1'); }
.home-category-card[data-home-category="kumas"] { --category-frame-image: url('/assets/categories/kumas.webp?v=20260603-kumas-logo-refresh1'); }
.home-category-card[data-home-category="stok-kumas"] { --category-frame-image: url('/assets/categories/stok.webp?v=20260603-kumas-logo-refresh1'); }
.home-category-card[data-home-category="2-kalite-kumas"] { --category-frame-image: url('/assets/categories/2-kalite-kumas.webp?v=20260603-kumas-logo-refresh1'); }
.home-category-card { position: relative; isolation: isolate; min-height: 0; border: 1px solid rgba(178, 219, 255, 0.72); border-radius: clamp(22px, 1.8vw, 30px); background: linear-gradient(180deg, rgba(6, 18, 39, 0.1) 0%, rgba(5, 16, 34, 0.12) 100%), url('/assets/kategori-logo-zemin-optimized.jpg?v=20260606-zemin-opt1') center center / cover no-repeat; box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 0 0 1px rgba(96, 165, 250, 0.22), 0 18px 34px -28px rgba(37, 99, 235, 0.46); padding: 0; text-align: center; transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; overflow: hidden; display: block; cursor: pointer; touch-action: manipulation; }
.home-category-card::before { display: none !important; }
.home-category-card::after { display: none; }
.home-category-card:hover { transform: translateY(-4px); border-color: rgba(219, 239, 255, 0.96); box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 0 0 1px rgba(147, 197, 253, 0.36), 0 0 24px rgba(59, 130, 246, 0.34), 0 22px 42px -30px rgba(37, 99, 235, 0.58); }
.home-category-visual { position: absolute; z-index: 1; left: clamp(16px, 1.45vw, 26px); top: 43%; width: clamp(128px, 12.2vw, 198px); height: clamp(86px, 7.7vw, 126px); transform: translateY(-50%); display: block !important; pointer-events: none; border: 1px solid rgba(95, 142, 205, 0.24); border-radius: 999px; background: transparent !important; box-shadow: none !important; overflow: hidden; }
.home-category-image { display: block !important; width: 100%; height: 100%; object-fit: contain; object-position: center; padding: 0; background: transparent !important; mix-blend-mode: screen; transform: scale(1.2); transform-origin: center center; filter: saturate(1.24) contrast(1.14) brightness(1.22) drop-shadow(0 12px 24px rgba(0, 0, 0, 0.34)); }
.home-category-icon,
.home-category-desc,
.home-category-arrow { display: none !important; }
.home-category-copy { display: contents; }
.home-category-name { position: absolute; left: 50%; bottom: clamp(13px, 1.15vw, 20px); z-index: 1; display: block; width: calc(100% - clamp(54px, 5vw, 82px)); transform: translateX(-50%); color: #f8fbff; font-size: clamp(18px, 1.38vw, 24px); line-height: 1.05; font-weight: 1000; letter-spacing: 0.025em; text-transform: uppercase; text-align: center; text-shadow: 0 12px 28px rgba(0, 0, 0, 0.48), 0 0 18px rgba(143, 211, 255, 0.2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-category-count { display: none !important; }
body.home-landing-active .toolbar-filter-group,
body.home-landing-active .search-shell { display: none !important; }
body.home-landing-active { overflow: hidden !important; background: #020814; }
body.home-landing-active.user-authenticated #toolbarFeatureZone > * {
display: none !important;
}
body.home-landing-active.user-authenticated #authControls > *:not(#adminLogoutBtn) {
display: none !important;
}
body.home-landing-active.user-authenticated #authControls {
width: auto !important;
min-width: auto !important;
max-width: none !important;
gap: 0 !important;
overflow: visible !important;
padding: 0 !important;
}
body.home-landing-active.user-authenticated #toolbarFeatureZone {
display: none !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
gap: 0 !important;
overflow: hidden !important;
}
body.home-landing-active.user-authenticated #toolbarRightRail {
gap: 0 !important;
}
body.home-landing-active .toolbar-title { width: 176px; min-width: 176px; }
body.home-landing-active > main { overflow: hidden !important; scrollbar-width: none; background: linear-gradient(90deg, rgba(2, 8, 20, 0.92), rgba(2, 8, 20, 0.56)), linear-gradient(black, black) center/cover no-repeat, #020814; color: #eaf2ff; }
body.home-landing-active > aside,
body.home-landing-active .sidebar-brand-shell,
body.home-landing-active .cat-item:not(.active) {
background:
linear-gradient(180deg, rgba(8, 16, 31, 0.16) 0%, rgba(8, 16, 31, 0.26) 100%),
linear-gradient(black, black) center center / cover no-repeat,
#0b1628 !important;
border-color: rgba(236, 244, 255, 0.22) !important;
}
body.home-landing-active .cat-item:hover {
background:
linear-gradient(180deg, rgba(8, 16, 31, 0.1) 0%, rgba(8, 16, 31, 0.18) 100%),
linear-gradient(black, black) center center / cover no-repeat,
#12233b !important;
border-color: rgba(236, 244, 255, 0.34) !important;
}
body.home-landing-active > main::-webkit-scrollbar { width: 0; height: 0; display: none; }
body.home-landing-active .custom-scrollbar { scrollbar-width: none; }
body.home-landing-active .custom-scrollbar::-webkit-scrollbar { width: 0; height: 0; display: none; }
body.home-landing-active #firmList,
body.home-landing-active #emptyState { display: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.home-landing-active .toolbar-header { background: transparent; backdrop-filter: none; box-shadow: none; }
body.home-landing-active .toolbar-title,
body.home-landing-active #authControls .toolbar-icon-btn,
body.home-landing-active #authGuestControls .toolbar-icon-btn,
body.home-landing-active #authGuestControls button,
body.home-landing-active #quickManageBtn { border-color: rgba(88, 138, 205, 0.42) !important; background: rgba(9, 27, 58, 0.68) !important; color: #dbeafe !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035), 0 18px 42px -34px rgba(19,136,255,0.58) !important; backdrop-filter: blur(8px); }
body.home-landing-active #catTitle,
body.home-landing-active .toolbar-title-copy { color: #f8fbff !important; }
body.home-landing-active .toolbar-title-icon { color: #dbeafe; background: rgba(24, 64, 116, 0.55); box-shadow: inset 0 0 0 1px rgba(130, 184, 255, 0.22); }
body.home-landing-active .toolbar-category-shell::after { color: #dbeafe; }
@media (min-width: 1200px) and (min-height: 680px) {
body.home-landing-active .home-landing { width: 100%; height: calc(100dvh - 126px); max-height: calc(100dvh - 126px); justify-content: center; padding: clamp(2px, 0.35vw, 6px) clamp(8px, 0.9vw, 14px) 0; }
body.home-landing-active .home-ad-slot:not(.hidden) {
display: block;
width: min(100%, 1080px);
height: auto;
aspect-ratio: 1080 / 190;
flex: 0 0 auto;
margin: 0 auto clamp(10px, 1vh, 14px);
}
body.home-landing-active .home-category-grid {
width: min(100%, 1320px);
height: min(560px, calc(100dvh - 184px));
min-height: min(450px, calc(100dvh - 184px));
flex: 0 1 auto;
gap: clamp(6px, 0.55vw, 9px);
}
body.home-landing-active .home-ad-slot:not(.hidden) + .home-category-grid {
height: min(470px, calc(100dvh - 358px));
min-height: min(380px, calc(100dvh - 358px));
}
body.home-landing-active .home-category-card { border-radius: 18px; }
body.home-landing-active .home-category-visual {
display: block !important;
left: clamp(14px, 1.18vw, 22px);
top: 42%;
width: clamp(124px, 9.6vw, 166px);
height: clamp(78px, 6.35vw, 108px);
transform: translateY(-50%);
border-radius: 999px;
background: transparent !important;
box-shadow: none !important;
overflow: hidden;
}
body.home-landing-active .home-category-image {
display: block !important;
mix-blend-mode: screen;
transform: scale(1.22);
filter: saturate(1.24) contrast(1.14) brightness(1.22) drop-shadow(0 12px 24px rgba(0, 0, 0, 0.34));
}
body.home-landing-active .home-category-copy { display: contents; }
body.home-landing-active .home-category-desc,
body.home-landing-active .home-category-arrow { display: none !important; }
body.home-landing-active .home-category-name {
font-size: clamp(18px, 1.28vw, 25px);
}
}
.favorite-flash { animation: favoriteFlash 1.15s ease; }
@keyframes favoriteFlash {
0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.22); transform: translateY(0); }
35% { box-shadow: 0 0 0 8px rgba(59, 130, 246, 0.12); transform: translateY(-2px); }
100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); transform: translateY(0); }
}
.image-preview-modal { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.72); backdrop-filter: blur(6px); display: none; align-items: center; justify-content: center; padding: 24px; z-index: 2000; }
.image-preview-modal.open { display: flex; }
.image-preview-shell { position: relative; max-width: min(88vw, 760px); max-height: 88vh; }
.image-preview-frame { background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); border: 1px solid rgba(219, 234, 254, 0.88); border-radius: 28px; padding: 14px; box-shadow: 0 36px 80px -42px rgba(15, 23, 42, 0.7); }
.image-preview-frame img { display: block; max-width: min(82vw, 700px); max-height: 78vh; width: auto; height: auto; border-radius: 20px; object-fit: contain; }
.image-preview-actions { position: absolute; top: -14px; right: -14px; display: flex; align-items: center; gap: 10px; }
.image-preview-close,
.image-preview-edit { width: 42px; height: 42px; border-radius: 999px; border: 1px solid rgba(191, 219, 254, 0.88); background: #ffffff; color: #17365d; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 18px 32px -24px rgba(15, 23, 42, 0.45); }
.image-preview-edit.hidden { display: none; }
.auth-panel { position: relative; background: linear-gradient(180deg, rgba(7, 18, 38, 0.98) 0%, rgba(10, 24, 52, 0.96) 100%), radial-gradient(circle at top right, rgba(56, 189, 248, 0.14) 0%, rgba(56, 189, 248, 0) 42%), linear-gradient(black, black) center/cover no-repeat; border: 1px solid rgba(88, 138, 205, 0.28); box-shadow: 0 40px 90px -44px rgba(2, 8, 20, 0.92), inset 0 1px 0 rgba(255,255,255,0.05); }
.auth-panel::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,23,42,0.18) 0%, rgba(15,23,42,0.12) 100%), var(--ty-logo-image) center/contain no-repeat; opacity: 0.18; pointer-events: none; }
.auth-panel > * { position: relative; z-index: 1; }
#authModal {
overflow-y: auto !important;
align-items: flex-start !important;
padding: 24px 14px !important;
}
#authModal .auth-panel {
margin: auto !important;
overflow-y: auto !important;
overflow-x: hidden !important;
overscroll-behavior: contain;
scrollbar-gutter: stable both-edges;
-webkit-overflow-scrolling: touch;
}
#authModal .auth-password-wrap {
position: relative;
}
#authModal .auth-password-toggle {
position: absolute;
top: 0;
right: 12px;
bottom: 0;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
color: #94a3b8;
transition: color 0.18s ease, transform 0.18s ease;
}
#authModal .auth-password-toggle:hover {
color: #0ea5e9;
}
body.auth-modal-open > aside,
body.auth-modal-open .toolbar-header,
body.auth-modal-open #homeLandingView,
body.auth-modal-open #firmList,
body.auth-modal-open #emptyState,
body.auth-modal-open #requestsView,
body.auth-modal-open #activityLogView,
body.auth-modal-open #systemHealthView,
body.auth-modal-open #adminDirectoryView {
filter: blur(14px);
opacity: 0.03;
pointer-events: none;
user-select: none;
}
body.admin-security-modal-open > aside,
body.admin-security-modal-open .toolbar-header,
body.admin-security-modal-open #homeLandingView,
body.admin-security-modal-open #firmList,
body.admin-security-modal-open #emptyState,
body.admin-security-modal-open #requestsView,
body.admin-security-modal-open #activityLogView,
body.admin-security-modal-open #systemHealthView,
body.admin-security-modal-open #adminDirectoryView {
filter: blur(14px);
opacity: 0.03;
pointer-events: none;
user-select: none;
}
#authModal > .absolute {
background: rgba(2, 8, 20, 0.92) !important;
backdrop-filter: blur(20px) saturate(0.9);
}
#authModal .auth-panel #authModalTitle { color: #f8fbff !important; text-shadow: 0 12px 30px rgba(0, 0, 0, 0.38); }
#authModal .auth-panel .text-slate-900,
#authModal .auth-panel .text-slate-800,
#authModal .auth-panel .text-slate-700 { color: #f8fbff !important; }
#authModal .auth-panel .form-label,
#authModal .auth-panel .text-sky-500,
#authModal .auth-panel .text-sky-600 { color: #7dd3fc !important; }
#authModal .auth-panel p.text-slate-500,
#authModal .auth-panel p.text-slate-600,
#authModal .auth-panel .text-slate-500,
#authModal .auth-panel .text-slate-600,
#authModal .auth-panel .text-slate-400,
#authModal .auth-panel button.text-slate-500,
#authModal .auth-panel button.text-slate-600 { color: #bfd6f7 !important; opacity: 1 !important; }
#authModal .auth-panel > .flex:first-child button {
background: rgba(8, 26, 53, 0.92) !important;
border-color: rgba(148, 190, 235, 0.34) !important;
color: #f8fbff !important;
}
#authModal #authTabBar button:not(.selection-accent-btn) {
border-color: rgba(88, 138, 205, 0.32) !important;
background: rgba(8, 26, 53, 0.7) !important;
color: #dbeafe !important;
}
#authModal #authMessage {
border-color: rgba(88, 138, 205, 0.26) !important;
background: rgba(8, 26, 53, 0.82) !important;
color: #dbeafe !important;
}
#authModal #authMessage.bg-rose-50 { background: rgba(127, 29, 29, 0.28) !important; border-color: rgba(251, 113, 133, 0.28) !important; color: #fecdd3 !important; }
#authModal #authMessage.bg-emerald-50 { background: rgba(6, 78, 59, 0.3) !important; border-color: rgba(52, 211, 153, 0.24) !important; color: #bbf7d0 !important; }
#authModal #authMessage.bg-slate-50 { background: rgba(8, 26, 53, 0.82) !important; border-color: rgba(88, 138, 205, 0.26) !important; color: #dbeafe !important; }
#authModal .auth-panel input:not([type="checkbox"]),
#authModal .auth-panel select,
#authModal .auth-panel textarea {
background: rgba(248, 250, 252, 0.98) !important;
border-color: rgba(191, 219, 254, 0.58) !important;
color: #0f172a !important;
box-shadow: 0 18px 30px -28px rgba(15, 23, 42, 0.42);
}
#authModal .auth-panel input::placeholder,
#authModal .auth-panel textarea::placeholder { color: #64748b !important; opacity: 1 !important; }
#authModal .auth-panel #forgotPasswordBox {
border-color: rgba(88, 138, 205, 0.28) !important;
background: rgba(8, 26, 53, 0.78) !important;
}
#authModal .auth-panel #forgotPasswordBox p,
#authModal .auth-panel #adminTwoFactorHint { color: #dbeafe !important; }
#authModal .auth-panel #forgotPasswordSubmitBtn,
#authModal .auth-panel #registerSubmitBtn { box-shadow: 0 18px 36px -26px rgba(14, 165, 233, 0.48); }
#registerAgreementCard {
border-color: rgba(88, 138, 205, 0.26) !important;
background: linear-gradient(180deg, rgba(8, 26, 53, 0.78) 0%, rgba(10, 30, 60, 0.72) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 18px 34px -30px rgba(2, 8, 20, 0.64) !important;
}
#registerAgreementCard h3,
#registerAgreementSummary,
#registerAgreementCheckboxText { color: #f8fbff !important; }
#registerAgreementCard p,
#registerAgreementNotice { color: #dbeafe !important; }
#registerAgreementDetails {
border-color: rgba(88, 138, 205, 0.24) !important;
background: rgba(6, 18, 39, 0.78) !important;
}
#registerAgreementDetails[open] { box-shadow: 0 12px 24px -20px rgba(2, 8, 20, 0.72) !important; }
#registerAgreementSummary { transition: color 0.18s ease; }
#registerAgreementSummary:hover { color: #7dd3fc !important; }
#registerAgreementChevron { color: #7dd3fc !important; transition: transform 0.18s ease; }
#registerAgreementDetails[open] #registerAgreementChevron { transform: rotate(180deg); }
#registerAgreementBody {
border-top-color: rgba(88, 138, 205, 0.18) !important;
}
#registerAgreementScroller {
border-color: rgba(88, 138, 205, 0.22) !important;
background: rgba(3, 10, 25, 0.72) !important;
color: #dbeafe !important;
}
#registerAgreementScroller h4 { color: #f8fbff !important; }
#registerAgreementAcceptance {
border-color: rgba(88, 138, 205, 0.24) !important;
background: rgba(8, 26, 53, 0.72) !important;
}
#registerAgreementAcceptance input { box-shadow: none !important; }
body:not(.home-landing-active) #accountModal .account-session-summary-pill {
border-color: rgba(88, 138, 205, 0.34) !important;
background: linear-gradient(180deg, rgba(8, 26, 53, 0.9) 0%, rgba(12, 34, 70, 0.82) 100%) !important;
color: #dbeafe !important;
}
body:not(.home-landing-active) #accountModal .account-session-summary-pill-count {
background: rgba(255,255,255,0.12) !important;
color: #f8fbff !important;
}
body:not(.home-landing-active) #accountModal .account-session-summary-pill.is-active {
border-color: rgba(52, 211, 153, 0.34) !important;
background: linear-gradient(180deg, rgba(6, 78, 59, 0.82) 0%, rgba(7, 89, 65, 0.76) 100%) !important;
color: #d1fae5 !important;
}
body:not(.home-landing-active) #accountModal .account-session-summary-pill.is-current {
border-color: rgba(125, 211, 252, 0.4) !important;
background: linear-gradient(180deg, rgba(12, 36, 72, 0.92) 0%, rgba(16, 54, 100, 0.84) 100%) !important;
color: #e0f2fe !important;
}
body:not(.home-landing-active) #accountModal .account-session-summary-pill.is-visible {
border-color: rgba(196, 181, 253, 0.4) !important;
background: linear-gradient(180deg, rgba(67, 56, 202, 0.42) 0%, rgba(76, 29, 149, 0.38) 100%) !important;
color: #ede9fe !important;
}
body:not(.home-landing-active) #accountModal .account-session-summary-pill,
body:not(.home-landing-active) #accountModal .account-session-summary-pill.is-active,
body:not(.home-landing-active) #accountModal .account-session-summary-pill.is-current,
body:not(.home-landing-active) #accountModal .account-session-summary-pill.is-visible,
body:not(.home-landing-active) #accountModal .account-session-summary-pill-count {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #accountModal #accountPreferencesPanel > .mb-1 span,
body:not(.home-landing-active) #accountModal #accountPreferencesPanel > .mb-1 .text-slate-500,
body:not(.home-landing-active) #accountModal #accountPreferencesPanel > .mb-1 .text-emerald-700 {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #accountModal #accountSessionsList .account-session-summary-pill,
body:not(.home-landing-active) #accountModal #accountSessionsList .account-session-summary-pill span,
body:not(.home-landing-active) #accountModal #accountSessionsList .account-session-summary-pill-count {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #accountModal .account-session-card {
border-color: rgba(88, 138, 205, 0.34) !important;
background: linear-gradient(180deg, rgba(8, 24, 52, 0.94) 0%, rgba(10, 28, 57, 0.9) 100%), linear-gradient(black, black) center/cover no-repeat !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 24px 48px -34px rgba(2, 8, 20, 0.74) !important;
}
body:not(.home-landing-active) #accountModal .account-session-card.is-current {
background: linear-gradient(180deg, rgba(12, 36, 72, 0.94) 0%, rgba(16, 54, 100, 0.88) 100%), linear-gradient(black, black) center/cover no-repeat !important;
}
body:not(.home-landing-active) #accountModal .account-session-card.is-active {
background: linear-gradient(180deg, rgba(6, 78, 59, 0.86) 0%, rgba(8, 92, 66, 0.8) 100%), linear-gradient(black, black) center/cover no-repeat !important;
}
body:not(.home-landing-active) #accountModal .account-session-card.is-ended {
background: linear-gradient(180deg, rgba(8, 24, 52, 0.94) 0%, rgba(10, 28, 57, 0.9) 100%), linear-gradient(black, black) center/cover no-repeat !important;
}
body:not(.home-landing-active) #accountModal .account-session-device,
body:not(.home-landing-active) #accountModal .account-session-side-value,
body:not(.home-landing-active) #accountModal .account-session-metric-value { color: #f8fbff !important; }
body:not(.home-landing-active) #accountModal .account-session-detail,
body:not(.home-landing-active) #accountModal .account-session-side-label,
body:not(.home-landing-active) #accountModal .account-session-metric-label { color: #dbeafe !important; }
body:not(.home-landing-active) #accountModal .account-session-metric {
border-color: rgba(255,255,255,0.08) !important;
background: rgba(7, 18, 38, 0.72) !important;
}
body:not(.home-landing-active) #accountModal .account-session-badge.is-current {
background: rgba(219, 234, 254, 0.16) !important;
border-color: rgba(125, 211, 252, 0.34) !important;
color: #e0f2fe !important;
}
body:not(.home-landing-active) #accountModal .account-session-badge.is-active {
background: rgba(167, 243, 208, 0.14) !important;
border-color: rgba(52, 211, 153, 0.3) !important;
color: #d1fae5 !important;
}
body:not(.home-landing-active) #accountModal .account-session-badge.is-ended {
background: rgba(226, 232, 240, 0.12) !important;
border-color: rgba(148, 163, 184, 0.3) !important;
color: #dbeafe !important;
}
.sidebar-brand-shell { overflow: hidden; padding: 0; }
.sidebar-brand-image { width: 100%; height: clamp(88px, 8vw, 110px); object-fit: cover; object-position: center; display: block; }
@media (max-width: 759px) {
html, body { height: 100%; min-height: 100%; }
body { display: block; overflow-x: hidden; overflow-y: hidden; background: linear-gradient(180deg, #eff5fb 0%, #f6f9fe 100%); overscroll-behavior-y: none; }
body.mobile-sidebar-open { overflow: hidden; }
body.auth-modal-open .toolbar-header,
body.auth-modal-open #homeLandingView,
body.auth-modal-open #firmList,
body.auth-modal-open #emptyState,
body.auth-modal-open #requestsView,
body.auth-modal-open #activityLogView,
body.auth-modal-open #systemHealthView,
body.auth-modal-open #adminDirectoryView {
filter: blur(10px);
opacity: 0.04;
pointer-events: none;
}
body.admin-security-modal-open .toolbar-header,
body.admin-security-modal-open #homeLandingView,
body.admin-security-modal-open #firmList,
body.admin-security-modal-open #emptyState,
body.admin-security-modal-open #requestsView,
body.admin-security-modal-open #activityLogView,
body.admin-security-modal-open #systemHealthView,
body.admin-security-modal-open #adminDirectoryView {
filter: blur(10px);
opacity: 0.04;
pointer-events: none;
}
#authModal {
z-index: 6200 !important;
padding: 14px;
align-items: flex-start;
}
#authModal > .absolute {
background: rgba(2, 8, 20, 0.94) !important;
backdrop-filter: blur(18px) saturate(0.88);
}
#authModal .auth-panel {
width: min(92vw, 430px) !important;
max-height: min(86dvh, 640px) !important;
border-radius: 26px !important;
background: rgba(10, 18, 38, 0.98) !important;
border: 1px solid rgba(92, 145, 211, 0.3);
isolation: isolate;
box-shadow: 0 34px 90px -38px rgba(0, 0, 0, 0.9), inset 0 0 0 1px rgba(255,255,255,0.035);
}
#authModal .auth-panel::before {
opacity: 0.16 !important;
background-size: 72% auto !important;
}
#authModal .auth-panel #authModalTitle {
color: #f8fbff !important;
text-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}
#authModal .auth-panel > .flex:first-child button {
background: rgba(8, 26, 53, 0.92) !important;
border-color: rgba(148, 190, 235, 0.34) !important;
color: #f8fbff !important;
}
body.home-landing-active .toolbar-header { display: none !important; }
body.home-landing-active > main { padding-top: 6px !important; padding-bottom: 8px !important; }
.home-landing { height: calc(100svh - 26px); max-height: calc(100dvh - 26px); min-height: 0; justify-content: stretch; gap: 2px; padding: 0; }
.home-landing-hero { display: none; }
.home-landing-logo { width: 100%; min-width: 0; max-width: none; margin: 0 auto; align-self: stretch; aspect-ratio: 1660 / 528; height: auto; border-radius: 14px; }
.home-landing-mobile-brand {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
margin: 0 auto;
width: 100%;
max-width: none;
min-width: 0;
align-self: stretch;
aspect-ratio: 1660 / 528;
height: auto;
border-radius: 14px;
border: 0;
background: transparent;
box-shadow: none;
overflow: hidden;
padding: 0;
}
.home-landing-mobile-brand::before,
.home-landing-mobile-brand::after {
content: none !important;
display: none !important;
}
.home-landing-mobile-brand img {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
object-fit: cover;
object-position: center center;
margin-left: 0;
transform: scale(1.24, 1.14);
transform-origin: center center;
filter: none;
border-radius: 0;
}
.home-landing-eyebrow { margin-top: 7px; font-size: 8px; letter-spacing: 0.16em; }
.home-landing-title { margin-top: 4px; font-size: clamp(20px, 6vw, 25px); }
.home-landing-copy { margin-top: 5px; font-size: 10px; line-height: 1.25; }
.home-category-grid { width: 100%; margin: 0 auto; flex: 1 1 auto; min-height: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 4px; }
.home-category-card { border-radius: 11px; padding: 0; display: block; text-align: center; background: linear-gradient(180deg, rgba(3, 10, 26, 0.08) 0%, rgba(4, 13, 31, 0.1) 70%, rgba(3, 10, 24, 0.14) 100%), url('/assets/kategori-logo-zemin-optimized.jpg?v=20260606-zemin-opt1') center center / cover no-repeat !important; }
.home-category-card::before { display: none !important; }
.home-category-visual { display: flex !important; align-items: center; justify-content: center; inset: 5px 5px 29px 5px; left: 5px; top: 5px; right: 5px; bottom: 29px; width: auto; height: auto; transform: none; border-radius: 10px; background: transparent !important; border: 0; box-shadow: none !important; overflow: hidden; }
.home-category-image { display: block !important; width: 100%; height: 100%; padding: 0; object-fit: contain; object-position: center; background: transparent !important; mix-blend-mode: normal; transform: none; transform-origin: center center; filter: saturate(1.18) contrast(1.08) brightness(1.08); }
.home-category-icon { display: none !important; }
.home-category-copy { display: contents; }
.home-category-name { left: 50%; bottom: 5px; width: calc(100% - 12px); height: 24px; min-height: 24px; margin: 0; border-radius: 9px; background: linear-gradient(180deg, rgba(5, 12, 64, 0.98) 0%, rgba(3, 7, 44, 0.98) 100%); border: 0; color: #f8fbff; font-size: clamp(8px, 2.22vw, 10px); line-height: 1; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; box-shadow: 0 -8px 18px -14px rgba(0, 0, 0, 0.75); display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.home-category-count { display: none !important; }
.home-category-metrics,
.home-category-desc,
.home-category-arrow { display: none; }
.mobile-sidebar-backdrop { display: block; position: fixed; inset: 0; background: rgba(15, 23, 42, 0.58); backdrop-filter: blur(4px); opacity: 0; pointer-events: none; transition: opacity 0.22s ease; z-index: 1180; }
body.mobile-sidebar-open .mobile-sidebar-backdrop { opacity: 1; pointer-events: auto; }
body > aside { position: fixed !important; inset: 0 auto 0 0; width: min(82vw, 320px) !important; min-width: min(82vw, 320px) !important; height: 100dvh !important; padding: 16px !important; transform: translateX(-112%); transition: transform 0.24s ease; z-index: 1190; box-shadow: 20px 0 48px -28px rgba(15, 23, 42, 0.62); overflow-y: auto; }
body.mobile-sidebar-open > aside { transform: translateX(0); }
body > main { width: 100%; min-width: 0; min-height: 100dvh; height: 100dvh !important; padding: 14px 14px 22px !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y pinch-zoom; }
.toolbar-header { gap: 2px; margin-bottom: 8px !important; padding-top: 0; padding-bottom: 4px; position: sticky; top: 0; z-index: 45; box-shadow: 0 10px 24px -22px rgba(15, 23, 42, 0.35); }
.toolbar-main-row { gap: 4px; row-gap: 4px; align-items: stretch; overflow-x: hidden; overflow-y: visible; flex-wrap: wrap; }
.toolbar-primary-group { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) repeat(5, 42px); grid-auto-rows: 42px; gap: 4px; align-items: center; flex: 0 0 100%; }
.toolbar-mobile-menu-btn { display: none !important; }
.toolbar-title { grid-column: 1; grid-row: 1; flex: none; width: 100%; min-width: 0; max-width: none; height: 42px; cursor: pointer; }
.toolbar-title-content { padding: 0 10px; }
.toolbar-title-copy { font-size: 12px !important; }
.toolbar-category-shell::after { display: none; }
.toolbar-category-select { pointer-events: none; }
.toolbar-filter-group { display: contents; }
.toolbar-select-shell.type-shell { grid-column: 2 / 4; grid-row: 1; width: 100%; }
.toolbar-select-shell.tag-shell { grid-column: 4 / 6; grid-row: 1; width: 100%; }
.toolbar-select-shell.city-shell { grid-column: 1; grid-row: 2; width: 100%; }
.toolbar-select-shell.city-shell,
.toolbar-select-shell.tag-shell { width: 100%; }
.toolbar-select-shell.sort-shell { grid-column: 2; grid-row: 2; width: 100%; min-width: 0; }
.toolbar-select { height: 42px; border-radius: 16px; font-size: 11px; padding-left: 31px; padding-right: 16px; }
.toolbar-select-icon { left: 9px; width: 18px; height: 18px; }
.view-btn,
.toolbar-icon-btn { width: 42px !important; min-width: 42px !important; height: 42px !important; border-radius: 15px !important; }
.toolbar-view-switch { display: contents; }
.toolbar-view-switch .view-btn { flex: none; min-width: 42px !important; }
#view-list { grid-column: 3; grid-row: 2; }
#view-grid { grid-column: 4; grid-row: 2; }
#view-map { grid-column: 5; grid-row: 2; }
.search-shell { grid-column: 6; grid-row: 1; justify-self: end; margin-left: 0; width: 42px; min-width: 42px; height: 42px; }
.search-toggle-btn { width: 42px; height: 42px; border-radius: 15px; }
.search-expand-input { width: 42px; height: 42px; border-radius: 15px; }
.search-shell.expanded { grid-column: 1 / -1; grid-row: 3; width: 100%; z-index: 18; }
.search-shell.expanded .search-expand-input { width: 100%; }
#mobileNearbyFilterBtn { grid-column: 6; grid-row: 2; display: inline-flex !important; }
#nearbyFilterBtn { display: none !important; }
.toolbar-right-rail { width: 100%; max-width: 100%; min-width: 0; flex: 1 1 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 4px; margin: 0; overflow-x: auto; overflow-y: hidden; padding: 0 max(4px, env(safe-area-inset-right)) 0 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: none; touch-action: pan-x; scroll-snap-type: none; }
.toolbar-right-rail::-webkit-scrollbar { display: none; }
.toolbar-feature-zone { width: auto; max-width: none; min-width: max-content; flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-start; align-content: center; column-gap: 4px; row-gap: 0; flex-wrap: nowrap; overflow: visible; padding: 0; margin: 0; scrollbar-width: none; }
.toolbar-feature-zone::-webkit-scrollbar { display: none; }
.toolbar-admin-group { width: auto; max-width: none; min-width: max-content; flex: 0 0 auto; margin: 0; position: relative; top: 0; display: flex; align-items: center; justify-content: flex-start; gap: 4px; flex-wrap: nowrap; overflow: visible; padding: 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: none; touch-action: auto; scroll-snap-type: none; }
.toolbar-admin-group::-webkit-scrollbar { display: none; }
.toolbar-right-rail > *,
.toolbar-feature-zone > *,
.toolbar-admin-group > * { flex: 0 0 auto; scroll-snap-align: none; }
.toolbar-admin-group::after { content: none; }
.favorites-body { grid-template-columns: 1fr; padding: 14px; }
.favorites-shell { width: min(100vw - 12px, 100%); max-height: calc(100dvh - 12px); border-radius: 24px; }
.favorites-header { padding: 14px 16px; }
.favorites-header-copy h3 { font-size: 20px; }
#accountModal {
align-items: flex-start;
justify-content: center;
overflow-y: auto;
padding:
max(8px, env(safe-area-inset-top))
max(8px, env(safe-area-inset-right))
max(88px, calc(env(safe-area-inset-bottom) + 72px))
max(8px, env(safe-area-inset-left));
}
#accountModal .account-modal-shell {
width: min(100%, calc(100vw - 12px)) !important;
max-height: none !important;
min-height: 0;
margin: 0 auto;
overflow: visible;
}
#accountModal .favorites-header {
position: sticky;
top: 0;
z-index: 6;
}
#accountModal .account-modal-body {
display: flex;
flex-direction: column;
gap: 12px;
min-height: 0;
overflow: visible;
padding: 12px;
}
#accountModal .favorites-section {
padding: 12px;
border-radius: 20px;
}
#accountModal .favorites-section-head {
margin-bottom: 8px;
}
#accountModal .favorites-section-head p {
font-size: 9px;
letter-spacing: 0.12em;
}
#accountModal .favorites-section-head h4 {
font-size: 15px;
margin-top: 2px;
}
#accountModal .account-profile-hero,
#accountModal .account-profile-identity {
align-items: flex-start;
}
#accountModal .account-profile-identity {
gap: 12px;
}
#accountModal .account-profile-hero {
gap: 12px;
}
#accountModal #accountModalAvatar {
width: 72px;
height: 72px;
border-radius: 20px;
}
#accountModal #accountModalName {
font-size: 20px;
line-height: 1.06;
white-space: normal;
}
#accountModal #accountModalMeta {
margin-top: 6px;
font-size: 12px;
line-height: 1.5;
}
#accountModal .account-profile-actions {
width: 100%;
gap: 8px;
justify-content: flex-start;
}
#accountModal .favorites-badge {
min-height: 22px;
padding: 0 8px;
font-size: 9px;
}
#accountModal .favorites-apply-btn {
height: 34px;
padding: 0 11px;
font-size: 11px;
}
#accountModal .favorites-list {
gap: 6px;
}
#accountModal .favorites-item {
align-items: center;
flex-wrap: nowrap;
gap: 8px;
padding: 8px 10px;
border-radius: 16px;
min-height: 0;
}
#accountModal .favorites-item-title {
font-size: 13px;
}
#accountModal .favorites-item-meta {
font-size: 10px;
line-height: 1.4;
}
#accountModal .favorites-item-actions {
width: auto;
gap: 6px;
justify-content: flex-end;
flex-wrap: wrap;
}
#accountModal .favorites-mini-btn {
width: 34px;
height: 34px;
}
#accountModal .account-auto-logout-btn {
width: auto !important;
min-width: 40px;
height: 32px;
padding: 0 6px;
font-size: 9px;
line-height: 1;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
#accountModal #accountPreferencesPanel > .mb-1,
#accountModal #accountWorkspaceSummary > .mb-1 {
gap: 6px;
margin-bottom: 4px !important;
}
#accountModal #accountPreferencesPanel > .mb-1 > span,
#accountModal #accountWorkspaceSummary > .mb-1 > span {
min-height: 32px;
padding: 0 11px;
gap: 8px;
font-size: 10px;
}
#accountModal #accountPreferencesPanel .favorites-item,
#accountModal #accountWorkspaceSummary .favorites-item {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
}
#accountModal #accountPreferencesPanel .favorites-item-actions,
#accountModal #accountWorkspaceSummary .favorites-item-actions {
justify-self: end;
align-self: center;
}
#accountModal .account-session-tabs {
gap: 6px;
margin: 8px 0 2px;
}
#accountModal .account-session-tab,
#accountModal .account-session-summary-pill {
width: 100%;
min-height: 34px;
padding: 0 12px;
font-size: 10px;
justify-content: center;
}
#accountModal .account-session-card {
padding: 12px;
border-radius: 18px;
}
#accountModal .account-session-top {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
#accountModal .account-session-side {
width: 100%;
text-align: left;
}
#accountModal .account-session-today {
justify-content: flex-start;
}
#accountModal .account-session-metrics {
grid-template-columns: minmax(0, 1fr);
}
#accountModal .account-session-metric {
padding: 10px 11px;
border-radius: 14px;
}
#accountModal .account-session-device {
font-size: 14px;
}
#accountModal .account-session-detail {
margin-top: 6px;
font-size: 11px;
line-height: 1.45;
}
#accountModal .account-session-side-label,
#accountModal .account-session-metric-label {
font-size: 9px;
}
#accountModal .account-session-side-value,
#accountModal .account-session-metric-value {
font-size: 11px;
}
#firmList { grid-template-columns: 1fr !important; gap: 8px !important; padding-bottom: 72px; }
.supplier-grid-card { min-height: 0; padding: 10px 12px !important; border-radius: 18px !important; box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.22) !important; }
.supplier-grid-card .firm-top-icons { top: 10px; right: 10px; grid-template-columns: repeat(3, 22px); gap: 3px; }
.supplier-grid-card .favorite-firm-btn,
.supplier-grid-card .top-status-icon,
.supplier-grid-card .map-inline-btn { width: 22px; height: 22px; }
.supplier-grid-card .favorite-firm-btn i,
.supplier-grid-card .top-status-icon i,
.supplier-grid-card .map-inline-btn i { font-size: 9px !important; }
.supplier-grid-card .supplier-logo { width: 42px !important; height: 42px !important; border-radius: 12px !important; }
.supplier-grid-card .flex.gap-3.items-start.mb-3 { gap: 9px !important; margin-bottom: 7px !important; }
.supplier-grid-card .min-w-0.pr-24 { padding-right: 76px !important; }
.supplier-grid-card h3,
.supplier-grid-card button[onclick^="openFirmProfile"] { font-size: 14px !important; line-height: 1.05 !important; }
.supplier-grid-card .location-line { gap: 4px; }
.supplier-grid-card .location-line .location-link,
.supplier-grid-card .location-line p { font-size: 10px !important; line-height: 1.15 !important; letter-spacing: 0.07em !important; }
.supplier-grid-card .info-pill { font-size: 8px !important; line-height: 1 !important; padding: 4px 6px !important; border-radius: 7px !important; }
.supplier-grid-card .supplier-grid-tags { gap: 4px !important; min-height: 52px; max-height: 52px; overflow: hidden; }
.supplier-grid-card .supplier-grid-quote { display: none; }
.supplier-grid-card .supplier-grid-actions { padding-top: 6px !important; }
.supplier-grid-card .contact-row { padding: 3px 0 !important; gap: 6px !important; }
.supplier-grid-card .contact-row + .contact-row { padding-top: 3px !important; }
.supplier-grid-card .contact-main { gap: 7px !important; }
.supplier-grid-card .contact-main > img,
.supplier-grid-card .contact-main > div:first-child { width: 28px !important; height: 28px !important; }
.supplier-grid-card .contact-name { font-size: 11px !important; line-height: 1.1 !important; }
.supplier-grid-card .contact-role { font-size: 8px !important; line-height: 1.1 !important; margin-top: 2px !important; }
.supplier-grid-card .contact-actions { gap: 4px !important; }
.supplier-grid-card .contact-action-btn { width: 29px !important; height: 29px !important; border-radius: 9px !important; }
.supplier-grid-card .supplier-grid-actions > .flex { margin-top: 5px !important; padding-top: 5px !important; gap: 5px !important; }
.supplier-grid-card .action-btn { width: 30px !important; height: 28px !important; border-radius: 9px !important; }
#firmList.list-mode { gap: 7px !important; }
#firmList.list-mode .supplier-card { padding: 9px 11px !important; border-radius: 18px !important; box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.22) !important; }
#firmList.list-mode .supplier-shell { gap: 7px !important; }
#firmList.list-mode .supplier-main .flex.gap-4.items-start.mb-5 { gap: 8px !important; margin-bottom: 6px !important; }
#firmList.list-mode .supplier-logo { width: 40px !important; height: 40px !important; border-radius: 12px !important; }
#firmList.list-mode .supplier-main button[onclick^="openFirmProfile"] { font-size: 14px !important; line-height: 1.05 !important; }
#firmList.list-mode .supplier-main .min-w-0.pr-24 { padding-right: 0 !important; }
#firmList.list-mode .location-line { gap: 4px; }
#firmList.list-mode .location-line .location-link,
#firmList.list-mode .location-line p { font-size: 10px !important; line-height: 1.15 !important; letter-spacing: 0.07em !important; }
#firmList.list-mode .info-pill { font-size: 8px !important; line-height: 1 !important; padding: 4px 6px !important; border-radius: 7px !important; }
#firmList.list-mode .supplier-list-tags { gap: 4px !important; margin-bottom: 8px !important; min-height: 52px; max-height: 52px; overflow: hidden; }
#firmList.list-mode .quote-box { display: none; }
#firmList.list-mode .supplier-side { padding-top: 5px !important; border-top: 1px solid rgba(226, 232, 240, 0.9); }
#firmList.list-mode .supplier-person-line { padding-top: 0 !important; margin-top: 0 !important; }
#firmList.list-mode .contact-row { padding: 3px 0 !important; gap: 6px !important; }
#firmList.list-mode .contact-row + .contact-row { padding-top: 3px !important; }
#firmList.list-mode .contact-main { gap: 7px !important; }
#firmList.list-mode .contact-main > img,
#firmList.list-mode .contact-main > div:first-child { width: 28px !important; height: 28px !important; }
#firmList.list-mode .contact-name { font-size: 11px !important; line-height: 1.1 !important; }
#firmList.list-mode .contact-role { font-size: 8px !important; line-height: 1.1 !important; margin-top: 2px !important; }
#firmList.list-mode .contact-actions { gap: 4px !important; }
#firmList.list-mode .contact-action-btn { width: 29px !important; height: 29px !important; border-radius: 9px !important; }
#firmList.list-mode .supplier-side .flex.gap-3.flex-wrap { margin-top: 5px !important; padding-top: 5px !important; gap: 5px !important; }
#firmList.list-mode .action-btn { width: 30px !important; height: 28px !important; border-radius: 9px !important; }
.supplier-card { border-radius: 1.75rem; }
.supplier-card.supplier-grid-card { border-radius: 18px !important; }
#emptyState { padding: 48px 18px !important; border-radius: 2rem !important; min-height: 48dvh; }
.auth-panel::before { opacity: 0.54; background-size: 90% auto; }
}
@media (hover: none) and (pointer: coarse) and (orientation: landscape) and (max-width: 1180px) {
body { overflow: hidden !important; }
body > aside,
body > main,
.mobile-sidebar-backdrop {
pointer-events: none !important;
user-select: none;
}
.portrait-only-overlay {
position: fixed;
inset: 0;
z-index: 5000;
display: flex;
align-items: center;
justify-content: center;
padding: 22px;
background: radial-gradient(circle at top, rgba(226, 240, 255, 0.98), rgba(241, 245, 249, 0.98) 42%, rgba(226, 232, 240, 0.98));
color: #17365d;
text-align: center;
}
.portrait-only-card {
width: min(420px, 92vw);
border-radius: 28px;
border: 1px solid #c7dbf1;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 28px 70px -38px rgba(15, 23, 42, 0.45);
padding: 24px 22px;
}
.portrait-only-card i {
width: 54px;
height: 54px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 18px;
margin-bottom: 14px;
background: linear-gradient(135deg, #edf5fd 0%, #f8fbff 46%, #e2eef9 100%);
border: 1px solid #c7dbf1;
font-size: 22px;
}
.portrait-only-card h2 {
font-size: 20px;
line-height: 1.1;
font-weight: 900;
letter-spacing: -0.04em;
color: #0f172a;
margin-bottom: 8px;
}
.portrait-only-card p {
font-size: 13px;
line-height: 1.55;
font-weight: 700;
color: #64748b;
}
}
@media (max-width: 959px) and (orientation: landscape) {
html, body { height: 100%; min-height: 100%; }
body { display: block; overflow-x: hidden; overflow-y: hidden; background: linear-gradient(180deg, #eff5fb 0%, #f6f9fe 100%); overscroll-behavior-y: none; }
body.mobile-sidebar-open { overflow: hidden; }
.mobile-sidebar-backdrop { display: block; position: fixed; inset: 0; background: rgba(15, 23, 42, 0.58); backdrop-filter: blur(4px); opacity: 0; pointer-events: none; transition: opacity 0.22s ease; z-index: 1180; }
body.mobile-sidebar-open .mobile-sidebar-backdrop { opacity: 1; pointer-events: auto; }
body > aside { position: fixed !important; inset: 0 auto 0 0; width: min(40vw, 320px) !important; min-width: min(40vw, 320px) !important; height: 100dvh !important; padding: 14px !important; transform: translateX(-112%); transition: transform 0.24s ease; z-index: 1190; box-shadow: 20px 0 48px -28px rgba(15, 23, 42, 0.62); overflow-y: auto; }
body.mobile-sidebar-open > aside { transform: translateX(0); }
body > main { width: 100%; min-width: 0; min-height: 100dvh; height: 100dvh !important; padding: 12px 14px 18px !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y pinch-zoom; }
.toolbar-header { gap: 8px; margin-bottom: 14px !important; padding-top: 0; padding-bottom: 10px; position: sticky; top: 0; z-index: 45; box-shadow: 0 10px 24px -22px rgba(15, 23, 42, 0.35); }
.toolbar-main-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; column-gap: 8px; row-gap: 8px; overflow: visible; }
.toolbar-primary-group { width: 100%; flex: 1 1 100%; min-width: 0; flex-wrap: nowrap; gap: 8px; overflow-x: auto; overflow-y: hidden; padding: 0 0 6px 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; touch-action: pan-x; overscroll-behavior-x: none; }
.toolbar-primary-group::-webkit-scrollbar { display: none; }
.toolbar-mobile-menu-btn { display: none !important; }
.toolbar-title { flex: 0 0 auto; width: 150px; min-width: 150px; max-width: 150px; height: 44px; }
.toolbar-title-content { padding: 0 10px; }
.toolbar-title-copy { font-size: 12.5px !important; }
.toolbar-category-shell::after { display: none; }
.toolbar-category-select { pointer-events: none; }
.toolbar-filter-group { width: auto; flex: 0 0 auto; display: flex; gap: 8px; }
.toolbar-select-shell.type-shell { width: 138px; }
.toolbar-select-shell.city-shell { width: 126px; }
.toolbar-select-shell.tag-shell { width: 150px; }
.toolbar-select { height: 44px; font-size: 11.5px; }
.toolbar-icon-btn,
.view-btn { width: 42px !important; min-width: 42px !important; height: 42px !important; border-radius: 15px !important; }
.search-shell { margin-left: 0; width: 42px; min-width: 42px; height: 42px; }
.search-toggle-btn { width: 42px; height: 42px; }
.search-expand-input { width: 42px; height: 42px; padding-left: 46px; }
.search-shell.expanded { flex: 0 0 auto; width: auto; }
.search-shell.expanded .search-expand-input { width: 152px; }
.toolbar-right-rail { width: 100%; max-width: 100%; min-width: 0; display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin-left: 0; overflow-x: auto; overflow-y: hidden; padding: 0 0 6px 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: none; touch-action: pan-x; scroll-snap-type: none; }
.toolbar-right-rail::-webkit-scrollbar { display: none; }
.toolbar-feature-zone { width: auto; max-width: none; min-width: max-content; flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-start; gap: 8px; flex-wrap: nowrap; overflow: visible; padding: 0; scrollbar-width: none; }
.toolbar-feature-zone::-webkit-scrollbar { display: none; }
.toolbar-admin-group { width: auto; max-width: none; min-width: max-content; flex: 0 0 auto; margin-left: 0; display: flex; align-items: center; justify-content: flex-start; gap: 8px; flex-wrap: nowrap; overflow: visible; padding: 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: none; touch-action: auto; scroll-snap-type: none; }
.toolbar-admin-group::-webkit-scrollbar { display: none; }
.toolbar-right-rail > *,
.toolbar-primary-group > *,
.toolbar-feature-zone > *,
.toolbar-admin-group > * { flex: 0 0 auto; scroll-snap-align: none; }
.toolbar-admin-group::after { content: none; }
#firmList { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
.supplier-shell { flex-direction: row; align-items: stretch; justify-content: space-between; gap: 18px; }
.supplier-main { flex: 1 1 auto; min-width: 0; }
.supplier-side { width: 34%; min-width: 180px; max-width: 240px; border-top: 0; border-left: 1px solid rgba(226, 232, 240, 0.9); padding-top: 0; padding-left: 16px; display: flex; flex-direction: column; justify-content: center; }
#emptyState { min-height: 32dvh; }
}
@media (min-width: 760px) {
.toolbar-main-row { flex-wrap: nowrap; gap: 5px; align-items: center; }
.toolbar-primary-group { flex: 0 1 auto; gap: 5px; }
.toolbar-title { width: clamp(150px, 11vw, 166px); min-width: 150px; max-width: 166px; }
.toolbar-filter-group { gap: 5px; }
.toolbar-select-shell.type-shell { width: 120px; }
.toolbar-select-shell.city-shell { width: 126px; }
.toolbar-select-shell.tag-shell { width: 136px; }
.toolbar-right-rail {
min-width: 0;
flex: 1 1 0%;
margin-left: auto;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
flex-wrap: nowrap;
overflow: visible;
padding-left: 8px;
}
.toolbar-feature-zone {
min-width: max-content;
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 4px;
flex-wrap: nowrap;
overflow: visible;
}
.toolbar-admin-group {
min-width: max-content;
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 4px;
flex-wrap: nowrap;
overflow: visible;
padding-bottom: 0;
}
.search-shell.expanded .search-expand-input { width: 116px; }
.toolbar-actions.admin-two-row .toolbar-main-row {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"primary"
"rail";
width: 100%;
min-width: 0;
row-gap: 8px;
column-gap: 0;
align-items: start;
}
.toolbar-actions.admin-two-row .toolbar-primary-group {
grid-area: primary;
width: 100%;
min-width: 0;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
overflow: visible;
}
.toolbar-actions.admin-two-row .toolbar-filter-group {
min-width: 0;
flex: 0 0 auto;
gap: 6px;
}
.toolbar-actions.admin-two-row .toolbar-title {
flex: 0 0 148px;
width: 148px;
min-width: 148px;
max-width: 148px;
height: 46px;
}
.toolbar-actions.admin-two-row .toolbar-title-content {
gap: 6px;
padding: 0 10px;
}
.toolbar-actions.admin-two-row .toolbar-title-icon {
width: 24px;
height: 24px;
}
.toolbar-actions.admin-two-row .toolbar-title-copy {
font-size: 11.8px !important;
}
.toolbar-actions.admin-two-row .toolbar-select-shell.type-shell {
flex: 0 0 120px;
width: 120px;
min-width: 120px;
max-width: 120px;
}
.toolbar-actions.admin-two-row .toolbar-select-shell.tag-shell {
flex: 0 0 136px;
width: 136px;
min-width: 136px;
max-width: 136px;
}
.toolbar-actions.admin-two-row .toolbar-select-shell.city-shell {
flex: 0 0 126px;
width: 126px;
min-width: 126px;
max-width: 126px;
}
.toolbar-actions.admin-two-row .toolbar-select-shell.sort-shell {
flex: 0 0 46px;
width: 46px;
min-width: 46px;
height: 46px;
}
.toolbar-actions.admin-two-row .toolbar-select {
height: 46px;
border-radius: 16px;
font-size: 11.4px;
padding-left: 38px;
padding-right: 32px;
background-position: 0 0, right 10px center;
background-size: auto, 14px 14px;
}
.toolbar-actions.admin-two-row .toolbar-select-shell.sort-shell .toolbar-select {
height: 46px;
border-radius: 16px;
padding: 0;
}
.toolbar-actions.admin-two-row .toolbar-select-icon {
left: 12px;
width: 20px;
height: 20px;
}
.toolbar-actions.admin-two-row .toolbar-right-rail {
grid-area: rail;
width: 100%;
min-width: 0;
flex: 0 0 auto;
margin-left: 0;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
overflow: visible;
padding-left: 0;
flex-wrap: nowrap;
}
.toolbar-actions.admin-two-row .toolbar-feature-zone,
.toolbar-actions.admin-two-row .toolbar-admin-group {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 6px;
min-width: max-content;
flex-wrap: nowrap;
overflow: visible;
}
.toolbar-actions.admin-two-row .toolbar-icon-btn,
.toolbar-actions.admin-two-row .view-btn,
.toolbar-actions.admin-two-row .search-toggle-btn {
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
border-radius: 16px !important;
flex: 0 0 46px !important;
}
.toolbar-actions.admin-two-row .toolbar-icon-btn i,
.toolbar-actions.admin-two-row .view-btn i,
.toolbar-actions.admin-two-row .search-toggle-btn i {
font-size: 16px !important;
line-height: 1 !important;
margin: 0 !important;
}
.toolbar-actions.admin-two-row .toolbar-text-btn {
height: 46px !important;
min-height: 46px !important;
border-radius: 16px !important;
padding: 0 14px !important;
font-size: 11.4px !important;
}
.toolbar-actions.admin-two-row .search-shell {
width: 46px;
min-width: 46px;
height: 46px;
}
.toolbar-actions.admin-two-row .search-expand-input {
width: 46px;
height: 46px;
border-radius: 16px;
padding-left: 42px;
font-size: 12px;
}
.toolbar-actions.admin-two-row .search-shell.expanded .search-expand-input {
width: 136px;
}
.toolbar-actions.admin-two-row #authUserAvatar {
width: 34px !important;
height: 34px !important;
}
.toolbar-actions.admin-two-row #nearbyFilterBtn {
display: none !important;
}
.toolbar-actions.admin-two-row #mobileNearbyFilterBtn {
display: inline-flex !important;
}
.toolbar-actions.admin-two-row .toolbar-right-rail > .search-shell,
.toolbar-actions.admin-two-row .toolbar-feature-zone > .search-shell {
flex: 0 0 46px;
}
.toolbar-actions.admin-two-row .toolbar-view-switch {
gap: 6px;
flex-wrap: nowrap;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions {
overflow: visible !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-main-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"primary"
"rail" !important;
width: 100% !important;
min-width: 0 !important;
row-gap: 8px !important;
column-gap: 0 !important;
align-items: start !important;
flex-wrap: nowrap !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-primary-group {
grid-area: primary;
width: 100% !important;
min-width: 0 !important;
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
overflow: visible !important;
flex-wrap: nowrap !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-filter-group {
min-width: 0 !important;
flex: 0 0 auto !important;
gap: 6px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-right-rail {
grid-area: rail;
width: 100% !important;
min-width: 0 !important;
flex: 0 0 auto !important;
margin-left: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
overflow: visible !important;
padding-left: 0 !important;
flex-wrap: nowrap !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-feature-zone {
display: flex !important;
align-items: center !important;
gap: 6px !important;
min-width: max-content !important;
flex-wrap: nowrap !important;
overflow: visible !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-admin-group {
display: flex !important;
align-items: center !important;
gap: 6px !important;
min-width: max-content !important;
flex-wrap: nowrap !important;
overflow: visible !important;
margin-left: auto !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-title {
flex: 0 0 148px !important;
width: 148px !important;
min-width: 148px !important;
max-width: 148px !important;
height: 46px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-select-shell.type-shell {
flex: 0 0 120px !important;
width: 120px !important;
min-width: 120px !important;
max-width: 120px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-select-shell.tag-shell {
flex: 0 0 136px !important;
width: 136px !important;
min-width: 136px !important;
max-width: 136px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-select-shell.city-shell {
flex: 0 0 126px !important;
width: 126px !important;
min-width: 126px !important;
max-width: 126px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-icon-btn,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .view-btn,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .search-toggle-btn,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .search-shell {
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
border-radius: 16px !important;
flex: 0 0 46px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-icon-btn i,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .view-btn i,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .search-toggle-btn i {
font-size: 16px !important;
line-height: 1 !important;
margin: 0 !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-text-btn {
height: 46px !important;
min-height: 46px !important;
border-radius: 16px !important;
padding: 0 14px !important;
font-size: 11.4px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions #authUserAvatar {
width: 34px !important;
height: 34px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions #mobileNearbyFilterBtn {
display: inline-flex !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions #nearbyFilterBtn {
display: none !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions .toolbar-admin-group {
margin-left: 0 !important;
gap: 6px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions #authUserPanel {
margin-left: auto !important;
}
.supplier-shell { flex-direction: row; align-items: stretch; justify-content: space-between; gap: 28px; }
.supplier-main { flex: 0 1 62%; }
.supplier-side { width: 36%; min-width: 280px; max-width: 360px; border-top: 0; border-left: 1px solid rgba(226, 232, 240, 0.9); padding-top: 8px; padding-left: 20px; display: flex; flex-direction: column; justify-content: center; }
.supplier-person-line { padding-top: 16px; margin-top: 6px; }
.double-row-grid { grid-template-columns: 1fr 1fr; }
.middle-row-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1201px) and (max-width: 1440px) {
body.admin-toolbar-active > aside {
width: 248px !important;
min-width: 248px !important;
padding: 14px !important;
}
body.admin-toolbar-active > main {
padding: 18px !important;
}
}
@media (min-width: 960px) and (max-width: 1320px) {
.toolbar-actions.admin-two-row .toolbar-main-row {
row-gap: 8px;
}
.toolbar-actions.admin-two-row .toolbar-primary-group,
.toolbar-actions.admin-two-row .toolbar-filter-group,
.toolbar-actions.admin-two-row .toolbar-right-rail,
.toolbar-actions.admin-two-row .toolbar-feature-zone,
.toolbar-actions.admin-two-row .toolbar-admin-group {
gap: 6px;
}
}
@media (min-width: 960px) {
.toolbar-actions.admin-ultra-compact .toolbar-main-row {
gap: 1px;
}
.toolbar-actions.admin-ultra-compact .toolbar-primary-group,
.toolbar-actions.admin-ultra-compact .toolbar-filter-group,
.toolbar-actions.admin-ultra-compact .toolbar-feature-zone,
.toolbar-actions.admin-ultra-compact .toolbar-admin-group {
gap: 1px;
}
.toolbar-actions.admin-ultra-compact .toolbar-title {
flex-basis: 104px;
width: 104px;
min-width: 96px;
max-width: 104px;
height: 26px;
}
.toolbar-actions.admin-ultra-compact .toolbar-title-content {
gap: 3px;
padding: 0 5px;
}
.toolbar-actions.admin-ultra-compact .toolbar-title-icon {
width: 16px;
height: 16px;
}
.toolbar-actions.admin-ultra-compact .toolbar-title-copy {
font-size: 9px !important;
}
.toolbar-actions.admin-ultra-compact .toolbar-select-shell.type-shell {
flex-basis: 74px;
width: 74px;
min-width: 68px;
max-width: 74px;
}
.toolbar-actions.admin-ultra-compact .toolbar-select-shell.tag-shell {
flex-basis: 86px;
width: 86px;
min-width: 78px;
max-width: 86px;
}
.toolbar-actions.admin-ultra-compact .toolbar-select-shell.city-shell {
flex-basis: 82px;
width: 82px;
min-width: 74px;
max-width: 82px;
}
.toolbar-actions.admin-ultra-compact .toolbar-select {
height: 26px;
border-radius: 9px;
font-size: 8.6px;
padding-left: 21px;
padding-right: 12px;
background-position: 0 0, right 4px center;
background-size: auto, 10px 10px;
}
.toolbar-actions.admin-ultra-compact .toolbar-select-icon {
left: 4px;
width: 14px;
height: 14px;
}
.toolbar-actions.admin-ultra-compact .toolbar-icon-btn,
.toolbar-actions.admin-ultra-compact .view-btn,
.toolbar-actions.admin-ultra-compact .search-toggle-btn {
width: 24px !important;
min-width: 24px !important;
height: 24px !important;
border-radius: 8px !important;
}
.toolbar-actions.admin-ultra-compact .toolbar-icon-btn i,
.toolbar-actions.admin-ultra-compact .view-btn i,
.toolbar-actions.admin-ultra-compact .search-toggle-btn i {
font-size: 14px !important;
line-height: 1 !important;
margin: 0 !important;
}
.toolbar-actions.admin-ultra-compact .search-shell {
width: 24px;
min-width: 24px;
height: 24px;
}
.toolbar-actions.admin-ultra-compact .search-expand-input {
width: 24px;
height: 24px;
border-radius: 8px;
padding-left: 26px;
font-size: 10px;
}
.toolbar-actions.admin-ultra-compact .search-shell.expanded .search-expand-input {
width: 80px;
}
.toolbar-actions.admin-ultra-compact .toolbar-text-btn {
height: 24px !important;
border-radius: 8px !important;
padding: 0 5px !important;
font-size: 8.8px !important;
}
.toolbar-actions.admin-ultra-compact #authUserAvatar {
width: 19px !important;
height: 19px !important;
}
}
@media (min-width: 960px) {
.toolbar-actions.auth-two-row .toolbar-main-row {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"primary"
"rail";
align-items: start;
row-gap: 8px;
column-gap: 0;
width: 100%;
min-width: 0;
}
.toolbar-actions.auth-two-row .toolbar-right-rail {
grid-area: rail;
width: 100%;
min-width: 0;
margin-left: 0;
padding-left: 0;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
overflow: visible;
flex-wrap: nowrap;
}
.toolbar-actions.auth-two-row .toolbar-primary-group {
grid-area: primary;
width: 100%;
min-width: 0;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
overflow: visible;
flex-wrap: nowrap;
}
.toolbar-actions.auth-two-row .toolbar-primary-group > * {
flex: 0 0 auto;
min-width: 0;
}
.toolbar-actions.auth-two-row .toolbar-filter-group {
flex: 0 0 auto;
gap: 6px;
}
.toolbar-actions.auth-two-row .toolbar-feature-zone,
.toolbar-actions.auth-two-row .toolbar-admin-group {
display: contents !important;
}
.toolbar-actions.auth-two-row .toolbar-feature-zone.is-empty,
.toolbar-actions.auth-two-row .toolbar-admin-group.is-empty {
display: none !important;
}
.toolbar-actions.auth-two-row .toolbar-right-rail > .toolbar-icon-btn,
.toolbar-actions.auth-two-row .toolbar-right-rail > .toolbar-text-btn,
.toolbar-actions.auth-two-row .toolbar-right-rail > .toolbar-manage-btn {
flex: 0 0 auto;
}
.toolbar-actions.auth-two-row .toolbar-title {
flex: 0 0 148px;
width: 148px;
min-width: 148px;
max-width: 148px;
height: 46px;
border-radius: 16px;
}
.toolbar-actions.auth-two-row .toolbar-title-content {
gap: 6px;
padding: 0 10px;
}
.toolbar-actions.auth-two-row .toolbar-title-icon {
width: 24px;
height: 24px;
}
.toolbar-actions.auth-two-row .toolbar-title-copy {
font-size: 11.8px !important;
}
.toolbar-actions.auth-two-row .toolbar-select-shell.type-shell {
flex: 0 0 120px;
width: 120px;
min-width: 120px;
max-width: 120px;
}
.toolbar-actions.auth-two-row .toolbar-select-shell.tag-shell {
flex: 0 0 136px;
width: 136px;
min-width: 136px;
max-width: 136px;
}
.toolbar-actions.auth-two-row .toolbar-select-shell.city-shell {
flex: 0 0 126px;
width: 126px;
min-width: 126px;
max-width: 126px;
}
.toolbar-actions.auth-two-row .toolbar-select-shell.sort-shell {
flex: 0 0 46px;
width: 46px;
min-width: 46px;
height: 46px;
}
.toolbar-actions.auth-two-row .toolbar-select {
height: 46px;
border-radius: 16px;
font-size: 11.4px;
padding-left: 38px;
padding-right: 32px;
background-position: 0 0, right 10px center;
background-size: auto, 14px 14px;
}
.toolbar-actions.auth-two-row .toolbar-select-shell.sort-shell .toolbar-select {
height: 46px;
border-radius: 16px;
padding: 0;
}
.toolbar-actions.auth-two-row .toolbar-select-icon {
left: 12px;
width: 20px;
height: 20px;
}
.toolbar-actions.auth-two-row .toolbar-view-switch {
display: flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
flex-wrap: nowrap;
}
.toolbar-actions.auth-two-row .toolbar-icon-btn,
.toolbar-actions.auth-two-row .view-btn,
.toolbar-actions.auth-two-row .search-toggle-btn {
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
border-radius: 16px !important;
flex: 0 0 46px !important;
}
.toolbar-actions.auth-two-row .toolbar-icon-btn i,
.toolbar-actions.auth-two-row .view-btn i,
.toolbar-actions.auth-two-row .search-toggle-btn i {
font-size: 16px !important;
line-height: 1 !important;
margin: 0 !important;
}
.toolbar-actions.auth-two-row .toolbar-text-btn {
height: 46px !important;
min-height: 46px !important;
border-radius: 16px !important;
padding: 0 14px !important;
font-size: 11.4px !important;
}
.toolbar-actions.auth-two-row .toolbar-manage-btn {
min-width: 148px;
}
.toolbar-actions.auth-two-row .search-shell {
width: 46px;
min-width: 46px;
height: 46px;
overflow: visible;
}
.toolbar-actions.auth-two-row .search-expand-input {
width: 46px;
height: 46px;
border-radius: 16px;
padding-left: 42px;
font-size: 12px;
}
.toolbar-actions.auth-two-row .search-shell.expanded .search-expand-input {
width: 136px;
}
.toolbar-actions.auth-two-row #authUserAvatar {
width: 34px !important;
height: 34px !important;
}
.toolbar-actions.auth-two-row #quickManageBtn,
.toolbar-actions.auth-two-row #adminNewRecordBtn {
order: 10;
}
.toolbar-actions.auth-two-row #languageToggleBtn { order: 11; }
.toolbar-actions.auth-two-row #authLoginBtn { order: 12; }
.toolbar-actions.auth-two-row #authRegisterBtn { order: 13; }
.toolbar-actions.auth-two-row #vipFilterBtn { order: 20; }
.toolbar-actions.auth-two-row #nearbyFilterBtn { order: 21; }
.toolbar-actions.auth-two-row #comparePanelBtn { order: 22; }
.toolbar-actions.auth-two-row #requestsBoardBtn { order: 23; }
.toolbar-actions.auth-two-row #supportCenterBtn { order: 24; }
.toolbar-actions.auth-two-row #favoritesPanelBtn { order: 25; }
.toolbar-actions.auth-two-row #notificationsBtn { order: 26; }
.toolbar-actions.auth-two-row #adminSecurityBtn { order: 40; }
.toolbar-actions.auth-two-row #backupDataBtn { order: 41; }
.toolbar-actions.auth-two-row #activityLogBtn { order: 42; }
.toolbar-actions.auth-two-row #adminDirectoryBtn { order: 43; }
.toolbar-actions.auth-two-row #systemHealthBtn { order: 44; }
.toolbar-actions.auth-two-row #pendingApprovalBtn { order: 45; }
.toolbar-actions.auth-two-row #allPendingApprovalBtn { order: 46; }
.toolbar-actions.auth-two-row #authUserPanel {
order: 90;
margin-left: 4px;
}
.toolbar-actions.auth-two-row #adminLogoutBtn {
order: 91;
}
}
@media (min-width: 960px) {
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) {
overflow-x: auto;
overflow-y: visible;
scrollbar-width: none;
overscroll-behavior-x: contain;
}
.toolbar-actions::-webkit-scrollbar { display: none; }
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-main-row {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 5px !important;
width: max-content;
min-width: 100%;
overflow: visible;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-primary-group {
width: auto;
min-width: max-content;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
overflow: visible;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-right-rail {
width: auto;
min-width: max-content;
flex: 0 0 auto;
margin-left: 0;
padding-left: 0;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
overflow: visible;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-feature-zone:not(.is-empty),
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-admin-group:not(.is-empty) {
min-width: max-content;
flex: 0 0 auto;
display: flex !important;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
overflow: visible;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-primary-group > *,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-right-rail > *,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-feature-zone > *,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-admin-group > * {
flex: 0 0 auto;
}
.search-shell.expanded {
width: 116px;
min-width: 116px;
flex-basis: 116px;
}
.toolbar-actions.admin-two-row .search-shell.expanded {
width: 96px;
min-width: 96px;
flex-basis: 96px;
}
.toolbar-actions.admin-ultra-compact .search-shell.expanded {
width: 80px;
min-width: 80px;
flex-basis: 80px;
}
.toolbar-actions.auth-two-row .search-shell.expanded {
width: 148px;
min-width: 148px;
flex-basis: 148px;
}
}
@media (min-width: 960px) and (max-width: 1200px) {
.toolbar-header {
margin-left: -14px;
margin-right: -14px;
width: calc(100% + 28px);
max-width: calc(100% + 28px);
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-main-row {
gap: 0 !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-primary-group,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-filter-group,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-right-rail,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-feature-zone:not(.is-empty),
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-admin-group:not(.is-empty) {
gap: 0 !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-title {
width: 108px !important;
min-width: 108px !important;
max-width: 108px !important;
height: 26px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-title-content {
gap: 3px;
padding: 0 5px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-title-icon {
width: 16px;
height: 16px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-title-copy {
font-size: 8.4px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-shell.type-shell {
width: 64px !important;
min-width: 64px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-shell.tag-shell,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-shell.city-shell {
width: 64px !important;
min-width: 64px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-shell.sort-shell {
width: 26px !important;
min-width: 26px !important;
height: 26px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select {
height: 26px;
border-radius: 9px;
font-size: 7.6px;
padding-left: 18px;
padding-right: 6px;
background-position: 0 0, right 3px center;
background-size: auto, 10px 10px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-shell.sort-shell .toolbar-select {
height: 26px;
border-radius: 8px;
padding: 0;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-icon {
left: 3px;
width: 12px;
height: 12px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-icon-btn,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .view-btn,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-toggle-btn {
width: 26px !important;
min-width: 26px !important;
height: 26px !important;
border-radius: 8px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-icon-btn i,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .view-btn i,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-toggle-btn i,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-title-icon i,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-icon i {
font-size: 11px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-text-btn {
height: 26px !important;
border-radius: 8px !important;
padding: 0 4px !important;
font-size: 7.8px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-shell {
width: 26px;
min-width: 26px;
height: 26px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-expand-input {
width: 26px;
height: 26px;
border-radius: 8px;
padding-left: 27px;
font-size: 9.5px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-shell.expanded {
width: 78px;
min-width: 78px;
flex-basis: 78px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-shell.expanded .search-expand-input {
width: 78px;
}
}
@media (min-width: 1201px) and (max-width: 1440px) {
.toolbar-header {
margin-left: -10px;
margin-right: -10px;
width: calc(100% + 20px);
max-width: calc(100% + 20px);
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-main-row,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-primary-group,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-filter-group,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-right-rail,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-feature-zone:not(.is-empty),
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-admin-group:not(.is-empty) {
gap: 0 !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-title {
width: 128px !important;
min-width: 128px !important;
max-width: 128px !important;
height: 30px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-title-copy {
font-size: 9.4px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-shell.type-shell {
width: 84px !important;
min-width: 84px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-shell.tag-shell,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-shell.city-shell {
width: 84px !important;
min-width: 84px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-shell.sort-shell {
width: 30px !important;
min-width: 30px !important;
height: 30px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select {
height: 30px;
border-radius: 11px;
font-size: 8.4px;
padding-left: 23px;
padding-right: 10px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-shell.sort-shell .toolbar-select {
height: 30px;
border-radius: 10px;
padding: 0;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-icon {
left: 5px;
width: 14px;
height: 14px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-icon-btn,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .view-btn,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-toggle-btn {
width: 30px !important;
min-width: 30px !important;
height: 30px !important;
border-radius: 10px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-icon-btn i,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .view-btn i,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-toggle-btn i,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-title-icon i,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-select-icon i {
font-size: 12px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-text-btn {
height: 30px !important;
border-radius: 10px !important;
padding: 0 6px !important;
font-size: 8.5px !important;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-shell {
width: 30px;
min-width: 30px;
height: 30px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-expand-input {
width: 30px;
height: 30px;
border-radius: 10px;
padding-left: 30px;
font-size: 10px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-shell.expanded {
width: 88px;
min-width: 88px;
flex-basis: 88px;
}
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .search-shell.expanded .search-expand-input {
width: 88px;
}
}
@media (min-width: 1441px) {
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-main-row,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-primary-group,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-filter-group,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-right-rail,
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-feature-zone:not(.is-empty),
.toolbar-actions:not(.admin-two-row):not(.auth-two-row) .toolbar-admin-group:not(.is-empty) {
gap: 1px !important;
}
}
@media (min-width: 960px) {
body.auth-toolbar-active .toolbar-header {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
body.home-landing-active .toolbar-header {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
padding-bottom: 14px;
}
body.home-landing-active .toolbar-main-row {
width: 100% !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
overflow: visible;
}
body.home-landing-active .toolbar-primary-group {
width: auto !important;
min-width: 0 !important;
flex: 0 0 auto !important;
gap: 8px !important;
overflow: visible !important;
}
body.home-landing-active .toolbar-right-rail {
width: auto !important;
min-width: 0 !important;
flex: 1 1 auto !important;
margin-left: auto !important;
padding-left: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 6px !important;
flex-wrap: nowrap !important;
overflow: visible !important;
}
body.home-landing-active .toolbar-feature-zone,
body.home-landing-active .toolbar-admin-group {
width: auto !important;
min-width: max-content !important;
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 6px !important;
flex-wrap: nowrap !important;
overflow: visible !important;
}
body.home-landing-active .toolbar-title {
width: 146px !important;
min-width: 146px !important;
max-width: 146px !important;
height: 38px !important;
border-radius: 16px !important;
}
body.home-landing-active .toolbar-title-content {
padding: 0 12px !important;
gap: 8px !important;
}
body.home-landing-active .toolbar-title-icon {
width: 24px !important;
height: 24px !important;
}
body.home-landing-active .toolbar-title-copy {
font-size: 11px !important;
}
body.home-landing-active .toolbar-icon-btn,
body.home-landing-active .view-btn,
body.home-landing-active .search-toggle-btn {
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
border-radius: 14px !important;
padding: 0 !important;
}
body.home-landing-active .toolbar-icon-btn i,
body.home-landing-active .view-btn i,
body.home-landing-active .search-toggle-btn i {
font-size: 14px !important;
line-height: 1 !important;
margin: 0 !important;
}
body.home-landing-active .toolbar-text-btn {
height: 38px !important;
min-height: 38px !important;
border-radius: 14px !important;
padding: 0 14px !important;
font-size: 10.5px !important;
line-height: 1 !important;
}
body.home-landing-active .toolbar-manage-btn {
min-width: 112px !important;
}
body.home-landing-active #authUserAvatar {
width: 28px !important;
height: 28px !important;
}
}
@media (min-width: 960px) and (max-width: 1200px) {
body.home-landing-active .toolbar-main-row {
gap: 4px !important;
}
body.home-landing-active .toolbar-primary-group,
body.home-landing-active .toolbar-right-rail,
body.home-landing-active .toolbar-feature-zone,
body.home-landing-active .toolbar-admin-group {
gap: 3px !important;
}
body.home-landing-active .toolbar-title {
width: 126px !important;
min-width: 126px !important;
max-width: 126px !important;
height: 34px !important;
}
body.home-landing-active .toolbar-title-content {
padding: 0 8px !important;
gap: 5px !important;
}
body.home-landing-active .toolbar-title-icon {
width: 21px !important;
height: 21px !important;
}
body.home-landing-active .toolbar-title-copy {
font-size: 9.8px !important;
}
body.home-landing-active .toolbar-icon-btn,
body.home-landing-active .view-btn,
body.home-landing-active .search-toggle-btn {
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
border-radius: 12px !important;
}
body.home-landing-active .toolbar-text-btn {
height: 34px !important;
min-height: 34px !important;
border-radius: 12px !important;
padding: 0 10px !important;
font-size: 9.4px !important;
}
body.home-landing-active .toolbar-manage-btn {
min-width: 104px !important;
}
body.home-landing-active #authUserAvatar {
width: 25px !important;
height: 25px !important;
}
}
@media (min-width: 1201px) and (max-width: 1440px) {
body.home-landing-active .toolbar-main-row {
gap: 6px !important;
}
body.home-landing-active .toolbar-primary-group,
body.home-landing-active .toolbar-right-rail,
body.home-landing-active .toolbar-feature-zone,
body.home-landing-active .toolbar-admin-group {
gap: 4px !important;
}
body.home-landing-active .toolbar-title {
width: 136px !important;
min-width: 136px !important;
max-width: 136px !important;
height: 36px !important;
}
body.home-landing-active .toolbar-title-copy {
font-size: 10.3px !important;
}
body.home-landing-active .toolbar-icon-btn,
body.home-landing-active .view-btn,
body.home-landing-active .search-toggle-btn {
width: 36px !important;
min-width: 36px !important;
height: 36px !important;
border-radius: 13px !important;
}
body.home-landing-active .toolbar-text-btn {
height: 36px !important;
min-height: 36px !important;
border-radius: 13px !important;
padding: 0 12px !important;
font-size: 10px !important;
}
body.home-landing-active #authUserAvatar {
width: 26px !important;
height: 26px !important;
}
}
@media (max-width: 759px) and (orientation: portrait) {
#firmList.list-mode { gap: 4px !important; padding-bottom: 64px; }
#firmList.list-mode .supplier-card {
display: flex !important;
align-items: center !important;
padding: 6px 10px !important;
border-radius: 16px !important;
min-height: 68px !important;
box-shadow: 0 10px 18px -18px rgba(15, 23, 42, 0.22) !important;
cursor: pointer;
}
#firmList.list-mode .firm-card-top-shell {
margin: 0 !important;
display: flex !important;
align-items: center !important;
min-height: 100% !important;
width: 100% !important;
}
#firmList.list-mode .firm-badge-top,
#firmList.list-mode .supplier-list-tags,
#firmList.list-mode .quote-box,
#firmList.list-mode .supplier-side,
#firmList.list-mode .admin-pending-action-notice {
display: none !important;
}
#firmList.list-mode .supplier-shell {
display: flex !important;
align-items: center !important;
width: 100% !important;
gap: 0 !important;
min-height: 100% !important;
}
#firmList.list-mode .supplier-main {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 100% !important;
}
#firmList.list-mode .supplier-main > .flex.gap-4.items-start.mb-5 > .flex-1.min-w-0 {
flex: 1 1 0% !important;
width: 100% !important;
min-width: 0 !important;
}
#firmList.list-mode .supplier-main > .flex.gap-4.items-start.mb-5 {
gap: 8px !important;
margin-bottom: 0 !important;
align-items: center !important;
min-height: 44px !important;
width: 100% !important;
}
#firmList.list-mode .supplier-logo {
width: 44px !important;
height: 44px !important;
border-radius: 13px !important;
flex: 0 0 44px !important;
}
#firmList.list-mode .supplier-main .min-w-0.pr-24 {
padding-right: 0 !important;
min-width: 0 !important;
}
#firmList.list-mode .supplier-main .min-w-0.pr-24,
#firmList.list-mode .firm-vip-badge-anchor {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-height: 44px !important;
width: 100% !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#firmList.list-mode .firm-vip-badge-anchor > .mt-1 {
width: 100% !important;
display: block !important;
}
#firmList.list-mode .supplier-card.supplier-card-highlight {
background-image:
linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.02) 100%),
radial-gradient(circle at 18% 22%, rgba(255, 249, 196, 0.92) 0%, rgba(255, 234, 132, 0.76) 18%, rgba(255, 207, 44, 0) 52%),
radial-gradient(circle at 88% 50%, rgba(255, 245, 180, 0.42) 0%, rgba(255, 214, 61, 0.18) 18%, rgba(255, 193, 7, 0) 40%),
linear-gradient(120deg, #b7790b 0%, #ffd23c 16%, #ffef8e 34%, #f6c015 62%, #d49300 100%) !important;
background-size: cover, cover, cover, cover !important;
background-position: center center, center center, center center, center center !important;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}
#firmList.list-mode .vip-plan-surface-list {
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
clip-path: none !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
#firmList.list-mode .vip-plan-surface-list::after {
content: none !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface {
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
clip-path: none !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface::before,
#firmList.list-mode .supplier-card .vip-plan-surface::after {
content: none !important;
}
#firmList.list-mode .vip-plan-surface-list > .flex.gap-4.items-start.mb-5 {
min-height: 44px !important;
margin-bottom: 0 !important;
width: 100% !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface .supplier-logo {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
border-radius: 13px !important;
flex: 0 0 44px !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface .firm-vip-badge-anchor {
min-height: 44px !important;
justify-content: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#firmList.list-mode .supplier-card.supplier-card-highlight .supplier-main > .flex.gap-4.items-start.mb-5,
#firmList.list-mode .supplier-card.supplier-card-highlight .vip-plan-surface-list > .flex.gap-4.items-start.mb-5 {
gap: 8px !important;
align-items: center !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface .location-line {
gap: 4px !important;
margin-top: 1px !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface .location-line .top-status-icon,
#firmList.list-mode .supplier-card .vip-plan-surface .location-line .map-inline-btn {
width: 20px !important;
height: 20px !important;
flex: 0 0 20px !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface .location-line .top-status-icon i,
#firmList.list-mode .supplier-card .vip-plan-surface .location-line .map-inline-btn i {
font-size: 8px !important;
}
#firmList.list-mode .supplier-card:not(.supplier-card-highlight) .supplier-main .min-w-0.pr-24 {
min-height: 44px !important;
}
#firmList.list-mode .supplier-card:not(.supplier-card-highlight) .supplier-main > .flex.gap-4.items-start.mb-5 {
transform: none !important;
}
#firmList.list-mode .supplier-card:not(.supplier-card-highlight) .location-line {
margin-top: 1px !important;
}
#firmList.list-mode .supplier-main button[onclick^="openFirmProfile"] {
font-size: 14px !important;
line-height: 1.04 !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
#firmList.list-mode .location-line {
position: relative !important;
display: block !important;
width: 100% !important;
padding-right: 48px !important;
overflow: hidden !important;
min-width: 0 !important;
margin-top: 1px !important;
}
#firmList.list-mode .location-line .location-link,
#firmList.list-mode .location-line p {
display: block !important;
width: 100% !important;
min-width: 0 !important;
font-size: 11px !important;
line-height: 1.08 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
letter-spacing: 0.05em !important;
}
#firmList.list-mode .location-line .location-inline-icons {
position: absolute !important;
top: 50% !important;
right: 0 !important;
transform: translateY(-50%) !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
flex: 0 0 auto !important;
}
#firmList.list-mode .location-line .top-status-icon,
#firmList.list-mode .location-line .map-inline-btn {
width: 20px !important;
height: 20px !important;
flex: 0 0 20px !important;
}
#firmList.list-mode .location-line .top-status-icon i,
#firmList.list-mode .location-line .map-inline-btn i {
font-size: 8px !important;
}
}
@media (max-width: 959px) {
html,
body {
width: 100%;
height: 100%;
min-width: 0;
min-height: 100%;
max-width: 100%;
overflow-x: hidden !important;
overscroll-behavior-y: none;
touch-action: pan-x pan-y pinch-zoom;
}
body {
overflow-y: hidden !important;
}
body.layered-modal-open > main {
overflow: hidden !important;
touch-action: none !important;
}
body.layered-modal-open > main > :not(.favorites-modal.open):not(.image-preview-modal.open):not(#cropperModal):not(#modal):not(#authModal):not(#adminSecurityModal) {
pointer-events: none !important;
}
body.layered-modal-open > main > .favorites-modal.open,
body.layered-modal-open > main > .image-preview-modal.open,
body.layered-modal-open > main > #cropperModal,
body.layered-modal-open > main > #modal,
body.layered-modal-open > main > #authModal,
body.layered-modal-open > main > #adminSecurityModal {
pointer-events: auto !important;
}
body.layered-modal-open > aside {
pointer-events: none !important;
}
body > main {
width: 100% !important;
min-width: 0 !important;
max-width: 100vw !important;
box-sizing: border-box;
overscroll-behavior-x: none;
overscroll-behavior-y: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y pinch-zoom;
}
.toolbar-header,
.toolbar-actions,
.toolbar-main-row,
.toolbar-primary-group,
.toolbar-filter-group,
.toolbar-right-rail,
.toolbar-feature-zone,
.toolbar-admin-group,
#firmList,
#emptyState,
#homeLandingView,
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box;
}
.toolbar-actions,
.toolbar-main-row,
.toolbar-primary-group,
.toolbar-right-rail,
.toolbar-feature-zone,
.toolbar-admin-group {
overflow-x: visible !important;
}
.toolbar-main-row,
.toolbar-primary-group,
.toolbar-filter-group,
.toolbar-right-rail,
.toolbar-feature-zone,
.toolbar-admin-group {
flex-wrap: wrap !important;
}
.toolbar-right-rail,
.toolbar-feature-zone,
.toolbar-admin-group {
touch-action: pan-y pinch-zoom;
overscroll-behavior-x: none;
}
.toolbar-select-shell,
.toolbar-select,
.search-shell,
.search-expand-input {
min-width: 0 !important;
max-width: 100% !important;
}
#firmList,
#emptyState,
.supplier-card,
.supplier-grid-card,
.firm-map-view,
.firm-map-layout,
.firm-map-canvas-panel,
.firm-map-side-panel,
.home-landing,
.home-category-grid {
width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.supplier-card,
.supplier-grid-card {
overflow: hidden;
}
.supplier-shell,
.supplier-main,
.supplier-side,
.contact-row,
.contact-main,
.contact-copy {
min-width: 0;
max-width: 100%;
}
img,
video,
canvas,
svg {
max-width: 100%;
}
}
@media (max-width: 759px) and (orientation: portrait) {
body > main {
padding-left: max(8px, env(safe-area-inset-left)) !important;
padding-right: max(8px, env(safe-area-inset-right)) !important;
}
.toolbar-header {
margin-bottom: 7px !important;
padding-bottom: 3px;
}
.toolbar-main-row {
gap: 4px !important;
row-gap: 4px !important;
}
.toolbar-primary-group {
--mobile-fit-control: clamp(36px, 10.8vw, 40px);
grid-template-columns: minmax(92px, 1.6fr) repeat(5, minmax(0, 1fr)) !important;
grid-auto-rows: var(--mobile-fit-control) !important;
gap: 4px !important;
}
body.home-landing-active .toolbar-primary-group {
grid-template-columns: minmax(112px, 2.8fr) repeat(5, minmax(0, 1fr)) !important;
}
.toolbar-title,
.toolbar-select,
.search-shell,
.search-toggle-btn,
.search-expand-input,
.view-btn,
.toolbar-icon-btn {
height: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
border-radius: 13px !important;
}
.toolbar-title {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
.toolbar-title-content {
gap: 6px !important;
padding: 0 8px !important;
}
.toolbar-title-copy {
font-size: 10.5px !important;
}
.toolbar-select {
padding-left: 28px !important;
padding-right: 10px !important;
font-size: 10px !important;
}
.toolbar-select-icon {
left: 7px !important;
width: 17px !important;
height: 17px !important;
}
.view-btn,
.toolbar-icon-btn,
.toolbar-view-switch .view-btn,
#mobileNearbyFilterBtn,
.search-toggle-btn {
width: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
min-width: 0 !important;
max-width: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
flex: 0 0 var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
justify-self: center;
}
.search-shell {
width: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
min-width: 0 !important;
max-width: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
justify-self: end;
}
.search-expand-input {
width: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
min-width: 0 !important;
max-width: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
}
.search-shell.expanded {
width: 100% !important;
max-width: 100% !important;
}
.search-shell.expanded .search-expand-input {
width: 100% !important;
max-width: 100% !important;
}
.toolbar-right-rail {
--mobile-fit-control: clamp(36px, 10.8vw, 40px);
display: flex !important;
width: 100% !important;
gap: 4px !important;
row-gap: 4px !important;
padding: 0 !important;
overflow: visible !important;
align-items: center;
justify-content: flex-start;
}
.toolbar-feature-zone,
.toolbar-admin-group {
display: contents !important;
}
.toolbar-feature-zone.is-empty,
.toolbar-admin-group.is-empty,
.toolbar-right-rail.is-empty {
display: none !important;
}
.toolbar-right-rail .toolbar-icon-btn,
.toolbar-right-rail .view-btn {
width: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
min-width: 0 !important;
max-width: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
height: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
flex: 0 0 var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
}
.toolbar-right-rail .toolbar-text-btn,
.toolbar-right-rail .toolbar-manage-btn {
height: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
min-height: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
max-height: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
min-width: 0 !important;
max-width: min(40vw, 112px) !important;
flex: 0 1 auto !important;
padding: 0 10px !important;
font-size: 9.8px !important;
border-radius: 13px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.user-guest:not(.home-landing-active) .toolbar-primary-group {
grid-template-columns: minmax(0, 1fr) repeat(4, var(--mobile-fit-control, clamp(36px, 10.8vw, 40px))) !important;
}
body.user-guest:not(.home-landing-active) #view-list {
grid-column: 2;
grid-row: 1;
}
body.user-guest:not(.home-landing-active) #view-grid {
grid-column: 3;
grid-row: 1;
}
body.user-guest:not(.home-landing-active) #view-map {
grid-column: 4;
grid-row: 1;
}
body.user-guest:not(.home-landing-active) #mobileNearbyFilterBtn {
grid-column: 5;
grid-row: 1;
display: inline-flex !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail {
display: grid !important;
grid-template-columns:
minmax(52px, 0.88fr)
minmax(66px, 1.08fr)
minmax(56px, 0.94fr)
var(--mobile-fit-control, clamp(36px, 10.8vw, 40px))
minmax(48px, 0.82fr)
minmax(48px, 0.82fr) !important;
align-items: center !important;
justify-content: stretch !important;
gap: 4px !important;
row-gap: 4px !important;
overflow: visible !important;
}
body.user-guest:not(.home-landing-active) #toolbarFilterGroup,
body.user-guest:not(.home-landing-active) #toolbarFeatureZone {
display: contents !important;
}
body.user-guest:not(.home-landing-active) #toolbarFilterGroup.hidden {
display: none !important;
}
body.user-guest:not(.home-landing-active) #toolbarTypeFilter,
body.user-guest:not(.home-landing-active) #toolbarTagFilter,
body.user-guest:not(.home-landing-active) #toolbarCityFilter,
body.user-guest:not(.home-landing-active) #toolbarSortFilter {
font-size: 9px !important;
}
body.user-guest:not(.home-landing-active) #toolbarTypeFilter,
body.user-guest:not(.home-landing-active) #toolbarTagFilter,
body.user-guest:not(.home-landing-active) #toolbarCityFilter,
body.user-guest:not(.home-landing-active) #toolbarSortFilter,
body.user-guest:not(.home-landing-active) #searchInput {
height: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
min-height: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail .toolbar-select-shell.type-shell {
grid-column: 1;
grid-row: 1;
width: 100% !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail .toolbar-select-shell.tag-shell {
grid-column: 2;
grid-row: 1;
width: 100% !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail .toolbar-select-shell.city-shell {
grid-column: 3;
grid-row: 1;
width: 100% !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail .toolbar-select-shell .toolbar-select-icon {
display: none !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail .toolbar-select-shell .toolbar-select {
width: 100% !important;
padding-left: 10px !important;
padding-right: 18px !important;
text-align: left !important;
text-align-last: left !important;
border-radius: 13px !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail .toolbar-select-shell.sort-shell .toolbar-select-icon {
display: inline-flex !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail .toolbar-select-shell.sort-shell .toolbar-select {
padding: 0 !important;
color: transparent !important;
text-indent: -9999px !important;
text-align: center !important;
text-align-last: center !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail #searchShell {
grid-column: 4;
grid-row: 1;
width: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
min-width: 0 !important;
max-width: var(--mobile-fit-control, clamp(36px, 10.8vw, 40px)) !important;
justify-self: center !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail #searchShell.expanded {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
width: 100% !important;
max-width: 100% !important;
z-index: 18 !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail #searchShell.expanded .search-expand-input {
width: 100% !important;
max-width: 100% !important;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail #authLoginBtn {
grid-column: 5;
grid-row: 1;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail #authRegisterBtn {
grid-column: 6;
grid-row: 1;
}
body.user-guest:not(.home-landing-active) .toolbar-right-rail #authLoginBtn,
body.user-guest:not(.home-landing-active) .toolbar-right-rail #authRegisterBtn {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
padding: 0 6px !important;
font-size: 9px !important;
justify-content: center !important;
}
}
@media (min-width: 760px) and (max-width: 959px) {
.toolbar-main-row {
display: flex !important;
gap: 6px !important;
row-gap: 6px !important;
}
.toolbar-primary-group {
width: 100% !important;
flex: 1 1 100% !important;
gap: 6px !important;
padding: 0 !important;
overflow: visible !important;
}
.toolbar-title {
flex: 1 1 150px !important;
width: auto !important;
min-width: 128px !important;
max-width: 180px !important;
}
.toolbar-filter-group {
flex: 1 1 320px !important;
display: flex !important;
gap: 6px !important;
}
.toolbar-select-shell.type-shell,
.toolbar-select-shell.city-shell,
.toolbar-select-shell.tag-shell {
flex: 1 1 112px !important;
width: auto !important;
}
.toolbar-right-rail {
width: 100% !important;
flex: 1 1 100% !important;
gap: 6px !important;
row-gap: 6px !important;
padding: 0 !important;
justify-content: flex-start !important;
}
.toolbar-feature-zone,
.toolbar-admin-group {
width: auto !important;
flex: 0 1 auto !important;
gap: 6px !important;
row-gap: 6px !important;
}
}
body:not(.home-landing-active) > main {
background:
linear-gradient(90deg, rgba(2, 8, 20, 0.94), rgba(2, 8, 20, 0.72)),
linear-gradient(black, black) center/cover fixed no-repeat,
#020814;
color: #eaf2ff;
}
body:not(.home-landing-active) .toolbar-header {
background: transparent;
backdrop-filter: none;
box-shadow: none;
}
body:not(.home-landing-active) .toolbar-title,
body:not(.home-landing-active) .toolbar-select,
body:not(.home-landing-active) .toolbar-actions .toolbar-icon-btn,
body:not(.home-landing-active) .toolbar-actions .toolbar-text-btn,
body:not(.home-landing-active) .toolbar-actions .view-btn,
body:not(.home-landing-active) .toolbar-actions .search-toggle-btn,
body:not(.home-landing-active) #authGuestControls button,
body:not(.home-landing-active) #quickManageBtn {
border-color: rgba(88, 138, 205, 0.42) !important;
background: rgba(9, 27, 58, 0.68) !important;
color: #dbeafe !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035), 0 18px 42px -34px rgba(19,136,255,0.58) !important;
backdrop-filter: blur(8px);
}
body:not(.home-landing-active) .toolbar-title:hover,
body:not(.home-landing-active) .toolbar-select:hover,
body:not(.home-landing-active) .toolbar-actions .toolbar-icon-btn:hover,
body:not(.home-landing-active) .toolbar-actions .toolbar-text-btn:hover,
body:not(.home-landing-active) .toolbar-actions .view-btn:hover,
body:not(.home-landing-active) .toolbar-actions .search-toggle-btn:hover,
body:not(.home-landing-active) #authGuestControls button:hover,
body:not(.home-landing-active) #quickManageBtn:hover {
border-color: rgba(125, 211, 252, 0.72) !important;
background: rgba(12, 39, 82, 0.78) !important;
color: #f8fbff !important;
}
body:not(.home-landing-active) #catTitle,
body:not(.home-landing-active) .toolbar-title-copy,
body:not(.home-landing-active) .toolbar-select {
color: #f8fbff !important;
}
body:not(.home-landing-active) .toolbar-title-icon,
body:not(.home-landing-active) .toolbar-select-icon {
color: #dbeafe !important;
background: rgba(24, 64, 116, 0.55) !important;
box-shadow: inset 0 0 0 1px rgba(130, 184, 255, 0.22) !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-icon-btn.is-active,
body:not(.home-landing-active) .toolbar-actions .view-btn.active,
body:not(.home-landing-active) .toolbar-actions .search-shell.expanded .search-toggle-btn {
border-color: rgba(125, 211, 252, 0.78) !important;
background: linear-gradient(135deg, rgba(9, 34, 68, 0.94) 0%, rgba(16, 54, 100, 0.9) 56%, rgba(28, 84, 142, 0.84) 100%) !important;
color: #f8fbff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), 0 18px 42px -30px rgba(8,47,73,0.68) !important;
}
body:not(.home-landing-active) .toolbar-select-shell.has-selection .toolbar-select {
border-color: rgba(125, 211, 252, 0.78) !important;
color: #f8fbff !important;
background-image:
linear-gradient(135deg, rgba(9, 34, 68, 0.94) 0%, rgba(16, 54, 100, 0.9) 56%, rgba(28, 84, 142, 0.84) 100%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23f8fbff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), 0 18px 42px -30px rgba(8,47,73,0.68) !important;
}
body:not(.home-landing-active) .toolbar-select-shell.has-selection .toolbar-select-icon {
color: #f8fbff !important;
background: rgba(255,255,255,0.16) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.28) !important;
}
body:not(.home-landing-active) .search-expand-input {
border-color: rgba(88, 138, 205, 0.42) !important;
background: rgba(9, 27, 58, 0.86) !important;
color: #f8fbff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035), 0 18px 42px -34px rgba(19,136,255,0.58) !important;
}
body:not(.home-landing-active) .search-expand-input::placeholder {
color: rgba(219, 234, 254, 0.68);
}
body:not(.home-landing-active) #emptyState {
background: rgba(7, 18, 38, 0.48) !important;
border-color: rgba(93, 145, 211, 0.35) !important;
color: #eaf2ff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035), 0 24px 60px -42px rgba(19,136,255,0.48) !important;
backdrop-filter: blur(8px);
}
body:not(.home-landing-active) #emptyState h2 {
color: #f8fbff !important;
}
body:not(.home-landing-active) #emptyState p {
color: #f8fbff !important;
}
body:not(.home-landing-active) #emptyState i {
color: #7dd3fc !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head button.bg-white,
body:not(.home-landing-active) #requestsView .requests-view-head button[class*="bg-white"],
body:not(.home-landing-active) #requestsView .requests-view-head button[onclick="exportRequestsCsv()"],
body:not(.home-landing-active) #requestsView .requests-view-head button[onclick="closeRequestsPage()"] {
color: #111827 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head button.bg-white *,
body:not(.home-landing-active) #requestsView .requests-view-head button[class*="bg-white"] *,
body:not(.home-landing-active) #requestsView .requests-view-head button[onclick="exportRequestsCsv()"] *,
body:not(.home-landing-active) #requestsView .requests-view-head button[onclick="closeRequestsPage()"] * {
color: currentColor !important;
}
body:not(.home-landing-active) #adminDirectoryActivityModal :is(
.favorites-badge,
.favorites-apply-btn,
.favorites-close-btn,
[class*="bg-white"],
[class*="bg-slate-50"],
[class*="bg-sky-50"],
[class*="bg-emerald-50"],
[class*="bg-amber-50"],
[class*="bg-violet-50"],
[class*="bg-rose-50"]
),
body:not(.home-landing-active) #adminDirectoryActivityModal :is(
.favorites-badge,
.favorites-apply-btn,
.favorites-close-btn,
[class*="bg-white"],
[class*="bg-slate-50"],
[class*="bg-sky-50"],
[class*="bg-emerald-50"],
[class*="bg-amber-50"],
[class*="bg-violet-50"],
[class*="bg-rose-50"]
) * {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #requestsViewList > article,
body:not(.home-landing-active) #requestsViewList > div,
body:not(.home-landing-active) #activityLogViewList > div,
body:not(.home-landing-active) #systemHealthOverview > div,
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card,
body:not(.home-landing-active) #adminDirectoryUsers > div:not(.border-red-200),
body:not(.home-landing-active) #adminDirectoryFirms > div:not(.border-red-200),
body:not(.home-landing-active) .workspace-surface-panel {
background:
linear-gradient(180deg, rgba(6, 18, 39, 0.96) 0%, rgba(8, 24, 52, 0.92) 100%),
radial-gradient(circle at top right, rgba(59, 130, 246, 0.18) 0%, rgba(59, 130, 246, 0) 48%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(88, 138, 205, 0.34) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 24px 48px -36px rgba(2, 8, 20, 0.72) !important;
backdrop-filter: blur(14px);
}
body:not(.home-landing-active) #adminDirectoryLinkedFilter {
background:
linear-gradient(180deg, rgba(8, 24, 52, 0.9) 0%, rgba(12, 34, 70, 0.82) 100%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(88, 138, 205, 0.34) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 24px 48px -36px rgba(2, 8, 20, 0.62) !important;
backdrop-filter: blur(12px);
}
body:not(.home-landing-active) #systemHealthView .workspace-surface-panel,
body:not(.home-landing-active) #adminDirectoryView .workspace-surface-panel,
body:not(.home-landing-active) #systemHealthOverview > div,
body:not(.home-landing-active) #systemHealthChecks > div:first-child,
body:not(.home-landing-active) #systemHealthEvents > div:first-child,
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card,
body:not(.home-landing-active) #adminDirectoryUsers > div:not(.border-red-200),
body:not(.home-landing-active) #adminDirectoryFirms > div:not(.border-red-200),
body:not(.home-landing-active) #adminDirectoryLinkedFilter,
body:not(.home-landing-active) #adminDirectoryUserCount,
body:not(.home-landing-active) #adminDirectoryFirmCount {
background:
linear-gradient(180deg, rgba(6, 18, 39, 0.96) 0%, rgba(8, 24, 52, 0.92) 100%),
radial-gradient(circle at top right, rgba(59, 130, 246, 0.18) 0%, rgba(59, 130, 246, 0) 48%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(88, 138, 205, 0.34) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 24px 48px -36px rgba(7, 23, 48, 0.72) !important;
backdrop-filter: blur(14px);
}
body:not(.home-landing-active) #systemHealthView .text-sky-600,
body:not(.home-landing-active) #systemHealthView .text-emerald-600,
body:not(.home-landing-active) #adminDirectoryView .text-sky-600,
body:not(.home-landing-active) #adminDirectoryView .text-emerald-600 {
color: #7dd3fc !important;
text-shadow: 0 10px 22px rgba(2, 8, 20, 0.42);
}
body:not(.home-landing-active) #systemHealthOverview .system-health-overview-label,
body:not(.home-landing-active) #adminDirectoryOverview .admin-directory-overview-label {
color: #8fc7ff !important;
text-shadow: 0 10px 22px rgba(2, 8, 20, 0.42);
}
body:not(.home-landing-active) #systemHealthOverview .system-health-overview-value,
body:not(.home-landing-active) #adminDirectoryOverview .admin-directory-overview-value {
color: #f8fbff !important;
text-shadow: 0 12px 26px rgba(2, 8, 20, 0.56);
}
body:not(.home-landing-active) #systemHealthStamp,
body:not(.home-landing-active) #systemHealthOverview .system-health-overview-helper,
body:not(.home-landing-active) #adminDirectoryOverview .admin-directory-overview-helper {
color: #bfd6f7 !important;
}
body:not(.home-landing-active) .favorites-shell,
body:not(.home-landing-active) .favorites-section,
body:not(.home-landing-active) .favorites-item,
body:not(.home-landing-active) .favorites-empty,
body:not(.home-landing-active) #modal > div:last-child,
body:not(.home-landing-active) #modal .form-panel-card,
body:not(.home-landing-active) #modal .logo-status-card,
body:not(.home-landing-active) #modal .document-panel-card,
body:not(.home-landing-active) #modal #firmOwnerNote {
background:
linear-gradient(180deg, rgba(6, 18, 39, 0.96) 0%, rgba(8, 24, 52, 0.92) 100%),
radial-gradient(circle at top right, rgba(59, 130, 246, 0.18) 0%, rgba(59, 130, 246, 0) 48%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(88, 138, 205, 0.34) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 24px 48px -36px rgba(2, 8, 20, 0.72) !important;
color: #f8fbff !important;
}
body:not(.home-landing-active) .favorites-close-btn,
body:not(.home-landing-active) .favorites-apply-btn,
body:not(.home-landing-active) .favorites-mini-btn,
body:not(.home-landing-active) .favorites-badge,
body:not(.home-landing-active) .account-session-tab,
body:not(.home-landing-active) #requestBoardCount,
body:not(.home-landing-active) #activityLogCount,
body:not(.home-landing-active) #adminDirectoryUserCount,
body:not(.home-landing-active) #adminDirectoryFirmCount,
body:not(.home-landing-active) #systemHealthStatusBadge {
background: linear-gradient(180deg, rgba(9, 24, 50, 0.92) 0%, rgba(12, 34, 70, 0.82) 100%) !important;
border-color: rgba(88, 138, 205, 0.34) !important;
color: #dbeafe !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 18px 34px -28px rgba(2, 8, 20, 0.62) !important;
}
body:not(.home-landing-active) .favorites-header,
body:not(.home-landing-active) .favorites-section-head,
body:not(.home-landing-active) #modal .border-slate-200,
body:not(.home-landing-active) #modal .border-slate-200\/80 {
border-color: rgba(88, 138, 205, 0.24) !important;
}
body:not(.home-landing-active) .favorites-header-copy h3,
body:not(.home-landing-active) .favorites-section-head h4,
body:not(.home-landing-active) .favorites-item-title,
body:not(.home-landing-active) .workspace-view .text-slate-900,
body:not(.home-landing-active) .workspace-view .text-slate-800,
body:not(.home-landing-active) .workspace-view .text-slate-700,
body:not(.home-landing-active) #modal .text-slate-900,
body:not(.home-landing-active) #modal .text-slate-800,
body:not(.home-landing-active) #modal .text-slate-700 {
color: #f8fbff !important;
}
body:not(.home-landing-active) .favorites-header-copy p,
body:not(.home-landing-active) .favorites-section-head p,
body:not(.home-landing-active) .favorites-item-meta,
body:not(.home-landing-active) .workspace-view .text-slate-600,
body:not(.home-landing-active) .workspace-view .text-slate-500,
body:not(.home-landing-active) .workspace-view .text-slate-400,
body:not(.home-landing-active) #modal .text-slate-600,
body:not(.home-landing-active) #modal .text-slate-500,
body:not(.home-landing-active) #modal .text-slate-400 {
color: #9cb7db !important;
}
body:not(.home-landing-active) .workspace-view [class*="bg-white"],
body:not(.home-landing-active) .workspace-view [class*="bg-slate-50"],
body:not(.home-landing-active) .workspace-view [class*="bg-slate-100"],
body:not(.home-landing-active) .favorites-modal [class*="bg-white"],
body:not(.home-landing-active) .favorites-modal [class*="bg-slate-50"],
body:not(.home-landing-active) .favorites-modal [class*="bg-slate-100"],
body:not(.home-landing-active) #modal [class*="bg-white"],
body:not(.home-landing-active) #modal [class*="bg-slate-50"],
body:not(.home-landing-active) #modal [class*="bg-slate-100"] {
background-color: rgba(9, 24, 50, 0.78) !important;
border-color: rgba(88, 138, 205, 0.24) !important;
color: #dbeafe !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel,
body:not(.home-landing-active) #firmProfileModal .firm-profile-surface,
body:not(.home-landing-active) #firmProfileModal .firm-profile-stat-card,
body:not(.home-landing-active) #firmProfileModal .contact-row {
background:
linear-gradient(180deg, rgba(10, 24, 50, 0.94) 0%, rgba(12, 30, 62, 0.88) 100%),
radial-gradient(circle at top right, rgba(96, 165, 250, 0.10) 0%, rgba(96, 165, 250, 0) 52%) !important;
border-color: rgba(108, 162, 231, 0.34) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 22px 42px -34px rgba(2, 8, 20, 0.72) !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-heading,
body:not(.home-landing-active) #firmProfileModal .firm-profile-stat-value,
body:not(.home-landing-active) #firmProfileModal .contact-name {
color: #f8fbff !important;
text-shadow: 0 10px 24px rgba(2, 8, 20, 0.42);
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-location,
body:not(.home-landing-active) #firmProfileModal .firm-profile-section-label,
body:not(.home-landing-active) #firmProfileModal .firm-profile-stat-label {
color: #8fc7ff !important;
opacity: 1 !important;
text-shadow: 0 10px 22px rgba(2, 8, 20, 0.34);
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-body-copy,
body:not(.home-landing-active) #firmProfileModal .contact-role {
color: #dbeafe !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-chip-muted {
color: #dbeafe !important;
border-color: rgba(108, 162, 231, 0.34) !important;
background: rgba(12, 30, 62, 0.86) !important;
}
.cat-item.active,
.filter-chip.active,
.tag-pill.selected,
.tag-pill-shell .tag-pill.selected,
.account-session-tab.active,
.medal-btn.active,
.medal-btn.verified-active,
.medal-btn.phone-active,
.medal-btn.document-active,
.pin-btn.active,
.favorites-mini-btn.active,
.selection-accent-btn,
.favorite-firm-btn.active,
.view-btn.active,
.toolbar-icon-btn.is-active,
.toolbar-actions .toolbar-icon-btn:not(#adminLogoutBtn).is-active,
.toolbar-actions .view-btn.active,
.toolbar-actions .search-shell.expanded .search-toggle-btn {
border-color: rgba(125, 211, 252, 0.92) !important;
background: linear-gradient(135deg, rgba(14, 116, 255, 0.92) 0%, rgba(56, 189, 248, 0.88) 52%, rgba(224, 242, 254, 0.96) 100%) !important;
color: #ffffff !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.24),
0 0 0 1px rgba(59,130,246,0.28),
0 0 24px rgba(56,189,248,0.58),
0 18px 42px -28px rgba(14,116,255,0.72) !important;
}
.selection-accent-btn .selection-accent-count {
color: rgba(255,255,255,0.82) !important;
}
.toolbar-select-shell.has-selection .toolbar-select {
border-color: rgba(125, 211, 252, 0.92) !important;
color: #ffffff !important;
background-image:
linear-gradient(135deg, rgba(14, 116, 255, 0.92) 0%, rgba(56, 189, 248, 0.88) 52%, rgba(224, 242, 254, 0.96) 100%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.24),
0 0 24px rgba(56,189,248,0.52),
0 18px 42px -28px rgba(14,116,255,0.72) !important;
}
.toolbar-select-shell.has-selection .toolbar-select-icon {
color: #ffffff !important;
background: rgba(255,255,255,0.18) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.42) !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-icon-btn.is-active,
body:not(.home-landing-active) .toolbar-actions .view-btn.active,
body:not(.home-landing-active) .toolbar-actions .search-shell.expanded .search-toggle-btn {
border-color: rgba(125, 211, 252, 0.78) !important;
background: linear-gradient(135deg, rgba(9, 34, 68, 0.94) 0%, rgba(16, 54, 100, 0.9) 56%, rgba(28, 84, 142, 0.84) 100%) !important;
color: #f8fbff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), 0 18px 42px -30px rgba(8,47,73,0.68) !important;
}
body:not(.home-landing-active) .toolbar-select-shell.has-selection .toolbar-select {
border-color: rgba(125, 211, 252, 0.78) !important;
color: #f8fbff !important;
background-image:
linear-gradient(135deg, rgba(9, 34, 68, 0.94) 0%, rgba(16, 54, 100, 0.9) 56%, rgba(28, 84, 142, 0.84) 100%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23f8fbff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), 0 18px 42px -30px rgba(8,47,73,0.68) !important;
}
body:not(.home-landing-active) .toolbar-select-shell.has-selection .toolbar-select-icon {
color: #f8fbff !important;
background: rgba(255,255,255,0.16) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.28) !important;
}
.cat-item.active .badge-count,
.filter-chip.active .filter-chip-count,
.tag-pill.selected .tag-pill-count {
background: rgba(255,255,255,0.22) !important;
color: #ffffff !important;
}
input:checked + .slider {
background-color: #38bdf8 !important;
box-shadow: 0 0 18px rgba(56,189,248,0.45) !important;
}
.supplier-card .location-line .location-link,
.supplier-card .location-line p,
.supplier-card .info-pill {
color: #0f172a !important;
}
body.home-landing-active #authLoginBtn,
body.home-landing-active #authRegisterBtn,
body.home-landing-active #vipFilterBtn {
border-color: rgba(88, 138, 205, 0.42) !important;
background: rgba(9, 27, 58, 0.68) !important;
color: #dbeafe !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035), 0 18px 42px -34px rgba(19,136,255,0.58) !important;
backdrop-filter: blur(8px);
}
body.home-landing-active #authLoginBtn:hover,
body.home-landing-active #authRegisterBtn:hover,
body.home-landing-active #vipFilterBtn:hover {
border-color: rgba(125, 211, 252, 0.72) !important;
background: rgba(12, 39, 82, 0.78) !important;
color: #f8fbff !important;
}
body.home-landing-active #authLoginBtn i,
body.home-landing-active #authRegisterBtn i,
body.home-landing-active #vipFilterBtn i {
color: currentColor !important;
}
#firmList:not(.list-mode) .supplier-grid-card .firm-top-icons {
display: none !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-heading {
padding-right: 0 !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-title {
font-size: 19px !important;
line-height: 1.02 !important;
letter-spacing: -0.04em !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line {
display: flex !important;
align-items: center !important;
gap: 7px !important;
width: 100% !important;
min-width: 0 !important;
margin-top: 3px !important;
flex-wrap: nowrap !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line .location-link,
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line p {
color: #0f172a !important;
font-size: 10.5px !important;
line-height: 1.1 !important;
letter-spacing: 0.055em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: clip !important;
min-width: 0 !important;
flex: 1 1 auto !important;
max-width: none !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 5px !important;
flex: 0 0 auto !important;
margin-left: auto !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons .favorite-firm-btn,
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons .top-status-icon,
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons .map-inline-btn {
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons i {
font-size: 9px !important;
}
@media (min-width: 1280px) {
#firmList:not(.list-mode) {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
}
#firmList:not(.list-mode) .supplier-grid-card {
height: 316px;
min-height: 316px;
max-height: 316px;
padding: 12px !important;
border-radius: 1.65rem !important;
overflow: hidden;
}
#firmList:not(.list-mode) .supplier-grid-card .supplier-grid-main {
gap: 8px;
}
#firmList:not(.list-mode) .supplier-grid-card .supplier-grid-header {
gap: 10px;
}
#firmList:not(.list-mode) .supplier-grid-card .supplier-logo {
width: 48px;
height: 48px;
border-radius: 0.95rem;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-title {
font-size: 17px !important;
line-height: 1.02 !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line {
margin-top: 1px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line .location-link,
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line p {
font-size: 11px !important;
line-height: 1.08 !important;
}
#firmList:not(.list-mode) .supplier-grid-card .supplier-grid-tags {
min-height: 60px;
max-height: 60px;
}
#firmList.list-mode .supplier-card {
overflow: hidden;
}
#firmList.list-mode .supplier-main {
min-width: 0;
overflow: hidden;
}
#firmList.list-mode .supplier-list-tags {
min-height: 66px;
max-height: 66px;
margin-bottom: 12px !important;
}
#firmList.list-mode .supplier-list-quote {
min-height: 78px;
max-height: 78px;
}
#firmList.list-mode .supplier-list-quote p {
font-size: 13px;
line-height: 1.45;
-webkit-line-clamp: 2;
}
#firmList:not(.list-mode) .supplier-grid-card .info-pill {
font-size: 9px !important;
line-height: 1 !important;
padding: 5px 8px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .supplier-grid-quote {
min-height: 52px;
max-height: 52px;
padding: 10px 12px;
margin-bottom: 0;
}
#firmList:not(.list-mode) .supplier-grid-card .supplier-card-context {
gap: 7px;
margin-top: -8px;
}
#firmList:not(.list-mode) .supplier-grid-card .supplier-grid-quote p {
font-size: 11px;
line-height: 1.45;
-webkit-line-clamp: 2;
}
#firmList:not(.list-mode) .supplier-grid-card .supplier-grid-actions {
padding-top: 8px;
}
#firmList:not(.list-mode) .supplier-grid-card .contact-row {
padding: 3px 0;
}
#firmList:not(.list-mode) .supplier-grid-card .contact-row + .contact-row {
padding-top: 3px;
}
#firmList:not(.list-mode) .supplier-grid-card .contact-main > img,
#firmList:not(.list-mode) .supplier-grid-card .contact-main > div:first-child {
width: 34px;
height: 34px;
}
#firmList:not(.list-mode) .supplier-grid-card .contact-name {
font-size: 12px;
line-height: 1.05;
}
#firmList:not(.list-mode) .supplier-grid-card .contact-role {
font-size: 9px;
line-height: 1.05;
margin-top: 2px;
}
#firmList:not(.list-mode) .supplier-grid-card .contact-action-btn {
width: 30px;
height: 30px;
border-radius: 9px;
}
#firmList:not(.list-mode) .supplier-grid-card .action-btn {
width: 34px;
height: 30px;
border-radius: 10px;
}
#firmList:not(.list-mode) .supplier-grid-card .supplier-grid-actions > .flex {
gap: 6px !important;
margin-top: 8px;
padding-top: 8px;
}
}
@media (max-width: 767px) {
#firmList:not(.list-mode) .supplier-grid-card .grid-card-title {
font-size: 14px !important;
line-height: 1.05 !important;
letter-spacing: -0.03em !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line {
gap: 5px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line .location-link,
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line p {
font-size: 9px !important;
letter-spacing: 0.045em !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons {
gap: 3px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons .favorite-firm-btn,
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons .top-status-icon,
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons .map-inline-btn {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
}
}
input:not([type="file"]),
textarea,
select {
color: #0f172a;
}
input::placeholder,
textarea::placeholder {
color: #64748b;
opacity: 1;
}
#requestModal input:not([type="file"]),
#requestModal textarea,
#requestModal select,
#quoteModal input:not([type="file"]),
#quoteModal textarea,
#quoteModal select,
#requestMessagesModal input:not([type="file"]),
#requestMessagesModal textarea,
#requestMessagesModal select,
#requestCloseModal input:not([type="file"]),
#requestCloseModal textarea,
#requestCloseModal select {
color: #0f172a !important;
background: #ffffff !important;
border-color: #d8e6f6 !important;
caret-color: #2563eb !important;
font-weight: 700 !important;
}
#requestModal input::placeholder,
#requestModal textarea::placeholder,
#requestMessagesModal input::placeholder,
#requestMessagesModal textarea::placeholder,
#requestCloseModal input::placeholder,
#requestCloseModal textarea::placeholder {
color: #64748b !important;
opacity: 1 !important;
font-weight: 700 !important;
}
#quoteModal input::placeholder,
#quoteModal textarea::placeholder {
color: #94a3b8 !important;
opacity: 0.64 !important;
font-weight: 600 !important;
}
#requestModal select:invalid,
#quoteModal select:invalid,
#requestMessagesModal select:invalid,
#requestCloseModal select:invalid {
color: #64748b !important;
}
#requestModal option,
#quoteModal option,
#requestMessagesModal option,
#requestCloseModal option {
color: #0f172a !important;
background: #ffffff !important;
}
#requestModal label,
#requestModal .form-label,
#quoteModal label,
#quoteModal .form-label,
#requestMessagesModal label,
#requestMessagesModal .form-label,
#requestCloseModal label,
#requestCloseModal .form-label {
color: #2563eb !important;
}
#requestModal .request-side-card,
#requestModal .request-form-main,
#requestModal .request-form-side,
#requestModal .text-slate-400,
#requestModal .text-slate-500,
#requestModal .text-slate-600,
#quoteModal .text-slate-400,
#quoteModal .text-slate-500,
#quoteModal .text-slate-600,
#requestMessagesModal .text-slate-400,
#requestMessagesModal .text-slate-500,
#requestMessagesModal .text-slate-600,
#requestCloseModal .text-slate-400,
#requestCloseModal .text-slate-500,
#requestCloseModal .text-slate-600 {
color: #334155 !important;
}
#requestCloseMeta,
#quoteModalRequestMeta,
#requestMessagesMeta {
color: #334155 !important;
}
#requestCloseMeta h4,
#quoteModalRequestMeta h4,
#requestMessagesMeta h4 {
color: #0f172a !important;
}
/* Premium light modal system for all user/admin popups */
.favorites-modal,
#authModal,
#modal,
#cropperModal {
--modal-shell-bg:
radial-gradient(circle at top left, rgba(59, 130, 246, 0.10) 0%, rgba(59, 130, 246, 0) 30%),
radial-gradient(circle at top right, rgba(239, 68, 68, 0.06) 0%, rgba(239, 68, 68, 0) 24%),
linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(247, 250, 255, 0.99) 100%);
--modal-card-bg: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
--modal-card-bg-soft: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
--modal-border-strong: rgba(148, 190, 235, 0.56);
--modal-border: rgba(191, 219, 254, 0.9);
--modal-border-soft: rgba(203, 213, 225, 0.72);
--modal-text: #0f172a;
--modal-text-strong: #020617;
--modal-muted: #334155;
--modal-soft: #64748b;
--modal-accent: #2563eb;
--modal-accent-strong: #1d4ed8;
--modal-danger: #dc2626;
--modal-danger-soft: #fff1f2;
--modal-shadow:
0 44px 120px -58px rgba(15, 23, 42, 0.74),
0 22px 58px -36px rgba(37, 99, 235, 0.18);
}
.favorites-shell,
#modal > div:last-child,
#authModal .auth-panel,
#cropperModal > div:last-child {
position: relative;
background: var(--modal-shell-bg) !important;
border: 1px solid var(--modal-border-strong) !important;
box-shadow: var(--modal-shadow) !important;
color: var(--modal-text) !important;
backdrop-filter: blur(22px) saturate(1.08);
}
.favorites-shell::before,
#modal > div:last-child::before,
#authModal .auth-panel::before,
#cropperModal > div:last-child::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
background:
linear-gradient(90deg, rgba(37, 99, 235, 0.18) 0%, rgba(37, 99, 235, 0.04) 24%, rgba(255, 255, 255, 0) 52%),
linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 22%);
opacity: 0.7;
}
.favorites-modal,
#authModal,
#modal,
#cropperModal {
backdrop-filter: blur(18px);
}
.favorites-modal > .absolute,
#authModal > .absolute,
#modal > .absolute {
background: rgba(2, 8, 20, 0.74) !important;
backdrop-filter: blur(14px) saturate(0.96) !important;
}
.favorites-header,
.favorites-section-head,
#authModal .auth-panel > .flex:first-child {
border-color: var(--modal-border) !important;
}
.favorites-header-copy h3,
.favorites-section-head h4,
.favorites-item-title,
#modalTitle,
#authModal #authModalTitle,
.favorites-modal .text-slate-900,
.favorites-modal .text-slate-800,
.favorites-modal .text-slate-700,
#modal .text-slate-900,
#modal .text-slate-800,
#modal .text-slate-700,
#authModal .text-slate-900,
#authModal .text-slate-800,
#authModal .text-slate-700,
#cropperModal .text-slate-900,
#cropperModal .text-slate-800,
#cropperModal .text-slate-700 {
color: var(--modal-text-strong) !important;
text-shadow: none !important;
}
.favorites-header-copy p,
.favorites-section-head p,
.favorites-modal .form-label,
#modal .form-label,
#authModal .form-label,
#cropperModal .form-label,
.favorites-modal .text-sky-500,
.favorites-modal .text-sky-600,
.favorites-modal .text-blue-500,
.favorites-modal .text-blue-600,
.favorites-modal .text-emerald-500,
.favorites-modal .text-emerald-600,
.favorites-modal .text-indigo-500,
.favorites-modal .text-indigo-600,
.favorites-modal .text-violet-500,
.favorites-modal .text-violet-600,
#modal .text-sky-500,
#modal .text-sky-600,
#modal .text-blue-500,
#modal .text-blue-600,
#modal .text-emerald-500,
#modal .text-emerald-600,
#modal .text-indigo-500,
#modal .text-indigo-600,
#modal .text-violet-500,
#modal .text-violet-600,
#authModal .text-sky-500,
#authModal .text-sky-600,
#authModal .text-blue-500,
#authModal .text-blue-600,
#authModal .text-emerald-500,
#authModal .text-emerald-600,
#authModal .text-indigo-500,
#authModal .text-indigo-600,
#authModal .text-violet-500,
#authModal .text-violet-600 {
color: var(--modal-accent) !important;
}
.favorites-modal .text-rose-500,
.favorites-modal .text-rose-600,
.favorites-modal .text-red-500,
.favorites-modal .text-red-600,
.favorites-modal .text-amber-600,
.favorites-modal .text-amber-700,
#modal .text-rose-500,
#modal .text-rose-600,
#modal .text-red-500,
#modal .text-red-600,
#modal .text-amber-600,
#modal .text-amber-700,
#authModal .text-rose-500,
#authModal .text-rose-600,
#authModal .text-red-500,
#authModal .text-red-600,
#authModal .text-amber-600,
#authModal .text-amber-700 {
color: var(--modal-danger) !important;
}
.favorites-item-meta,
.favorites-empty,
.favorites-modal .text-slate-600,
.favorites-modal .text-slate-500,
.favorites-modal .text-slate-400,
#modal .text-slate-600,
#modal .text-slate-500,
#modal .text-slate-400,
#authModal .text-slate-600,
#authModal .text-slate-500,
#authModal .text-slate-400,
#cropperModal .text-slate-600,
#cropperModal .text-slate-500,
#cropperModal .text-slate-400,
#modal .status-card-meta,
#modal .document-header-copy p,
#modal .tag-section-help,
#modal .contact-verify-copy,
#modal #firmOwnerNote,
#quoteModalRequestMeta,
#requestMessagesMeta,
#requestCloseMeta,
#firmProfileModal .firm-profile-body-copy,
#firmProfileModal .firm-profile-location,
#firmProfileModal .contact-role,
#firmProfileModal .firm-profile-stat-label,
#firmProfileModal .firm-profile-section-label {
color: var(--modal-muted) !important;
opacity: 1 !important;
text-shadow: none !important;
}
.favorites-section,
.favorites-item,
.favorites-empty,
.favorites-modal [class*="bg-white"],
.favorites-modal [class*="bg-slate-50"],
.favorites-modal [class*="bg-slate-100"],
#modal .form-panel-card,
#modal .contact-form-card,
#modal .status-chip-card,
#modal .contact-verify-box,
#modal .document-upload-card,
#modal .pin-order-card,
#modal #firmOwnerNote,
#modal #quickTags,
#modal [class*="bg-white"],
#modal [class*="bg-slate-50"],
#modal [class*="bg-slate-100"],
#authModal #forgotPasswordBox,
#authModal #registerAgreementCard,
#authModal #registerAgreementDetails,
#authModal #registerAgreementScroller,
#authModal #registerAgreementAcceptance,
#authModal [class*="bg-white"],
#authModal [class*="bg-slate-50"],
#authModal [class*="bg-slate-100"],
#requestModal .request-side-card,
#firmProfileModal .firm-profile-panel,
#firmProfileModal .firm-profile-surface,
#firmProfileModal .firm-profile-stat-card,
#firmProfileModal .contact-row,
#accountModal .account-session-card,
#cropperModal [class*="bg-white"],
#cropperModal [class*="bg-slate-50"],
#cropperModal [class*="bg-slate-100"] {
background: var(--modal-card-bg) !important;
border-color: var(--modal-border) !important;
color: var(--modal-text) !important;
box-shadow: 0 24px 48px -38px rgba(15, 23, 42, 0.16) !important;
}
#firmProfileModal .firm-profile-chip-muted,
#firmProfileModal .firm-profile-stat-card,
#firmProfileModal .contact-row {
background: var(--modal-card-bg-soft) !important;
}
.favorites-badge,
.favorites-mini-btn,
.favorites-close-btn,
.favorites-apply-btn,
.account-session-summary-pill,
.account-session-tab,
#activityLogCount,
#adminDirectoryUserCount,
#adminDirectoryFirmCount,
#requestBoardCount,
#systemHealthStatusBadge,
#authModal #authTabBar button:not(.selection-accent-btn),
#authModal .auth-panel > .flex:first-child button,
#modal #cancelModalBtn,
#cropperModal button:first-of-type {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.98) 100%) !important;
border-color: var(--modal-border) !important;
color: var(--modal-muted) !important;
box-shadow: 0 16px 34px -28px rgba(15, 23, 42, 0.16) !important;
}
#authModal #authTabBar .selection-accent-btn,
#modal #saveBtn,
#cropperModal button:last-of-type {
border-color: rgba(59, 130, 246, 0.62) !important;
background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 48%, #dbeafe 100%) !important;
color: #ffffff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.28),
0 20px 44px -28px rgba(37, 99, 235, 0.42) !important;
}
.favorites-mini-btn.danger,
#authModal #authMessage.bg-rose-50,
#modal .approval-badge,
#modal .favorites-mini-btn.danger {
border-color: rgba(248, 113, 113, 0.42) !important;
background: linear-gradient(180deg, #fff5f5 0%, #fff1f2 100%) !important;
color: #b91c1c !important;
box-shadow: 0 16px 30px -26px rgba(220, 38, 38, 0.18) !important;
}
.favorites-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.favorites-modal textarea,
.favorites-modal select,
#modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#modal textarea,
#modal select,
#authModal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#authModal textarea,
#authModal select,
#cropperModal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#cropperModal textarea,
#cropperModal select {
background: #ffffff !important;
border-color: rgba(148, 190, 235, 0.58) !important;
color: var(--modal-text) !important;
caret-color: var(--modal-accent) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.96),
0 16px 32px -30px rgba(15, 23, 42, 0.14) !important;
}
.favorites-modal input::placeholder,
.favorites-modal textarea::placeholder,
#modal input::placeholder,
#modal textarea::placeholder,
#authModal input::placeholder,
#authModal textarea::placeholder,
#cropperModal input::placeholder,
#cropperModal textarea::placeholder {
color: var(--modal-soft) !important;
opacity: 1 !important;
}
.favorites-modal input:focus,
.favorites-modal textarea:focus,
.favorites-modal select:focus,
#modal input:focus,
#modal textarea:focus,
#modal select:focus,
#authModal input:focus,
#authModal textarea:focus,
#authModal select:focus,
#cropperModal input:focus,
#cropperModal textarea:focus,
#cropperModal select:focus {
outline: none !important;
border-color: rgba(59, 130, 246, 0.72) !important;
box-shadow:
0 0 0 4px rgba(59, 130, 246, 0.10),
0 18px 36px -30px rgba(37, 99, 235, 0.18) !important;
}
#authModal .auth-panel {
background: var(--modal-shell-bg) !important;
}
#authModal .auth-panel::before {
opacity: 0.06 !important;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.10) 0%, rgba(59, 130, 246, 0) 34%),
var(--ty-logo-image) center/72% auto no-repeat !important;
filter: saturate(0.4);
}
#authModal #authModalTitle {
color: var(--modal-text-strong) !important;
}
#authModal #authMessage {
background: #ffffff !important;
border: 1px solid var(--modal-border) !important;
color: var(--modal-text) !important;
box-shadow: 0 18px 38px -34px rgba(15, 23, 42, 0.14) !important;
}
#authModal #authMessage.bg-emerald-50 {
background: #f0fdf4 !important;
border-color: rgba(74, 222, 128, 0.36) !important;
color: #166534 !important;
}
#authModal #authMessage.bg-slate-50 {
background: #ffffff !important;
border-color: var(--modal-border) !important;
color: var(--modal-text) !important;
}
#registerAgreementCard h3,
#registerAgreementSummary,
#registerAgreementCheckboxText,
#registerAgreementScroller h4 {
color: var(--modal-text-strong) !important;
}
#registerAgreementCard p,
#registerAgreementNotice,
#registerAgreementScroller,
#authModal .auth-panel #forgotPasswordBox p,
#authModal .auth-panel #adminTwoFactorHint {
color: var(--modal-muted) !important;
}
#registerAgreementChevron {
color: var(--modal-accent) !important;
}
#registerAgreementSummary:hover {
color: var(--modal-accent-strong) !important;
}
#accountModal .account-session-summary-pill {
background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
border-color: var(--modal-border) !important;
color: var(--modal-muted) !important;
}
#accountModal .account-session-summary-pill-count {
background: rgba(219, 234, 254, 0.52) !important;
color: var(--modal-text-strong) !important;
}
#accountModal .account-session-card,
#accountModal .account-session-card.is-current,
#accountModal .account-session-card.is-active,
#accountModal .account-session-card.is-ended {
background: var(--modal-card-bg) !important;
border-color: var(--modal-border) !important;
}
#accountModal .account-session-device,
#accountModal .account-session-side-value,
#accountModal .account-session-metric-value {
color: var(--modal-text-strong) !important;
}
#accountModal .account-session-detail,
#accountModal .account-session-side-label,
#accountModal .account-session-metric-label {
color: var(--modal-muted) !important;
}
#firmProfileModal .firm-profile-heading,
#firmProfileModal .firm-profile-stat-value,
#firmProfileModal .contact-name {
color: var(--modal-text-strong) !important;
text-shadow: none !important;
}
#firmProfileModal .firm-profile-location,
#firmProfileModal .firm-profile-section-label,
#firmProfileModal .firm-profile-stat-label,
#firmProfileModal .contact-role {
color: var(--modal-accent) !important;
}
#firmProfileModal .firm-profile-chip-muted {
color: var(--modal-text) !important;
border-color: var(--modal-border) !important;
}
#firmProfileModal .contact-row + .contact-row {
border-top-color: rgba(191, 219, 254, 0.66) !important;
}
#modal #quickTags,
#requestModal #requestQuickTags {
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
border-color: var(--modal-border) !important;
}
@media (min-width: 768px) {
#requestModal #requestQuickTagsCard {
min-height: 430px;
display: flex;
flex-direction: column;
}
#requestModal #requestQuickTagsCard #requestQuickTags {
flex: 1 1 auto;
min-height: 300px;
}
}
body.home-landing-active.admin-toolbar-active #toolbarFeatureZone,
body.home-landing-active.admin-toolbar-active #authControls {
gap: 6px !important;
}
body.home-landing-active.admin-toolbar-active #toolbarFeatureZone .toolbar-icon-btn,
body.home-landing-active.admin-toolbar-active #authControls .toolbar-icon-btn,
body.home-landing-active.admin-toolbar-active #searchShell,
body.home-landing-active.admin-toolbar-active #searchShell .search-toggle-btn {
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
flex: 0 0 46px !important;
border-radius: 16px !important;
padding: 0 !important;
}
body.home-landing-active.admin-toolbar-active #toolbarFeatureZone .toolbar-icon-btn i,
body.home-landing-active.admin-toolbar-active #authControls .toolbar-icon-btn i,
body.home-landing-active.admin-toolbar-active #searchShell .search-toggle-btn i {
font-size: 14px !important;
line-height: 1 !important;
}
body.home-landing-active.admin-toolbar-active #authUserPanel,
body.home-landing-active.admin-toolbar-active #adminLogoutBtn {
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
flex: 0 0 46px !important;
border-radius: 16px !important;
}
body.home-landing-active.admin-toolbar-active #authUserAvatar {
width: 32px !important;
height: 32px !important;
}
#modal .contact-verify-box.is-pending,
#modal .contact-verify-badge.pending {
border-color: rgba(96, 165, 250, 0.44) !important;
}
#modal .contact-verify-box.is-verified,
#modal .contact-verify-badge.verified {
border-color: rgba(74, 222, 128, 0.42) !important;
}
#modal .contact-verify-title,
#modal .tag-section-title,
#modal h4.text-blue-600,
#modal .text-xs.font-black.text-blue-600 {
color: var(--modal-accent) !important;
}
#modal .approval-badge,
#modal .text-amber-700,
#modal .text-red-600,
#modal .text-rose-600 {
color: var(--modal-danger) !important;
}
#modal .document-header-copy p,
#modal .status-card-meta,
#modal .pin-order-card .pin-order-empty p:last-child {
color: var(--modal-muted) !important;
}
#cropperModal h3 {
color: var(--modal-text-strong) !important;
}
body:not(.home-landing-active) .favorites-shell,
body:not(.home-landing-active) #modal > div:last-child,
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel,
body:not(.home-landing-active) #firmProfileModal .firm-profile-surface,
body:not(.home-landing-active) #firmProfileModal .firm-profile-stat-card,
body:not(.home-landing-active) #firmProfileModal .contact-row,
body:not(.home-landing-active) #accountModal .account-session-card,
body:not(.home-landing-active) #modal .form-panel-card,
body:not(.home-landing-active) #modal .logo-status-card,
body:not(.home-landing-active) #modal .document-panel-card,
body:not(.home-landing-active) #modal #firmOwnerNote,
body:not(.home-landing-active) #requestModal .request-side-card {
background: var(--modal-shell-bg) !important;
border-color: var(--modal-border-strong) !important;
box-shadow: var(--modal-shadow) !important;
color: var(--modal-text) !important;
}
body:not(.home-landing-active) .favorites-section,
body:not(.home-landing-active) .favorites-item,
body:not(.home-landing-active) .favorites-empty,
body:not(.home-landing-active) .favorites-modal [class*="bg-white"],
body:not(.home-landing-active) .favorites-modal [class*="bg-slate-50"],
body:not(.home-landing-active) .favorites-modal [class*="bg-slate-100"],
body:not(.home-landing-active) #modal [class*="bg-white"],
body:not(.home-landing-active) #modal [class*="bg-slate-50"],
body:not(.home-landing-active) #modal [class*="bg-slate-100"],
body:not(.home-landing-active) #authModal [class*="bg-white"],
body:not(.home-landing-active) #authModal [class*="bg-slate-50"],
body:not(.home-landing-active) #authModal [class*="bg-slate-100"],
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel,
body:not(.home-landing-active) #firmProfileModal .firm-profile-surface,
body:not(.home-landing-active) #firmProfileModal .firm-profile-stat-card,
body:not(.home-landing-active) #firmProfileModal .contact-row,
body:not(.home-landing-active) #accountModal .account-session-card,
body:not(.home-landing-active) #requestModal .request-side-card {
background: var(--modal-card-bg) !important;
border-color: var(--modal-border) !important;
color: var(--modal-text) !important;
box-shadow: 0 24px 48px -38px rgba(15, 23, 42, 0.16) !important;
}
body:not(.home-landing-active) .favorites-close-btn,
body:not(.home-landing-active) .favorites-apply-btn,
body:not(.home-landing-active) .favorites-mini-btn,
body:not(.home-landing-active) .favorites-badge,
body:not(.home-landing-active) .account-session-tab,
body:not(.home-landing-active) #requestBoardCount,
body:not(.home-landing-active) #activityLogCount,
body:not(.home-landing-active) #adminDirectoryUserCount,
body:not(.home-landing-active) #adminDirectoryFirmCount,
body:not(.home-landing-active) #systemHealthStatusBadge,
body:not(.home-landing-active) #accountModal .account-session-summary-pill {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.98) 100%) !important;
border-color: var(--modal-border) !important;
color: var(--modal-muted) !important;
box-shadow: 0 16px 34px -28px rgba(15, 23, 42, 0.16) !important;
}
body:not(.home-landing-active) #accountModal .account-session-tab,
body:not(.home-landing-active) #accountModal .account-session-tab.active,
body:not(.home-landing-active) #accountModal .account-session-summary-pill,
body:not(.home-landing-active) #accountModal .account-session-summary-pill.is-active,
body:not(.home-landing-active) #accountModal .account-session-summary-pill.is-current,
body:not(.home-landing-active) #accountModal .account-session-summary-pill.is-visible,
body:not(.home-landing-active) #accountModal #accountPreferencesPanel > .mb-1 > span,
body:not(.home-landing-active) #accountModal #accountWorkspaceSummary > .mb-1 > span {
background: #ffffff !important;
border-color: rgba(203, 213, 225, 0.92) !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
box-shadow: 0 14px 30px -26px rgba(15, 23, 42, 0.18) !important;
}
body:not(.home-landing-active) #accountModal .account-session-summary-pill-count,
body:not(.home-landing-active) #accountModal #accountPreferencesPanel > .mb-1 > span > span:last-child,
body:not(.home-landing-active) #accountModal #accountWorkspaceSummary > .mb-1 > span > span:last-child {
background: #ffffff !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) .favorites-header-copy h3,
body:not(.home-landing-active) .favorites-section-head h4,
body:not(.home-landing-active) .favorites-item-title,
body:not(.home-landing-active) #firmProfileModal .firm-profile-heading,
body:not(.home-landing-active) #firmProfileModal .firm-profile-stat-value,
body:not(.home-landing-active) #firmProfileModal .contact-name,
#authModal .auth-panel #authModalTitle {
color: var(--modal-text-strong) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) .favorites-header-copy p,
body:not(.home-landing-active) .favorites-section-head p,
body:not(.home-landing-active) .favorites-item-meta,
body:not(.home-landing-active) #firmProfileModal .firm-profile-location,
body:not(.home-landing-active) #firmProfileModal .firm-profile-section-label,
body:not(.home-landing-active) #firmProfileModal .firm-profile-stat-label,
body:not(.home-landing-active) #firmProfileModal .contact-role {
color: var(--modal-accent) !important;
opacity: 1 !important;
text-shadow: none !important;
}
#authModal .auth-panel::before {
opacity: 0.03 !important;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0) 34%),
var(--ty-logo-image) center/64% auto no-repeat !important;
}
/* Restore the classic dark auth modal while bringing the other panels closer to the new-record palette. */
#authModal .auth-panel {
background:
linear-gradient(180deg, rgba(7, 18, 38, 0.98) 0%, rgba(10, 24, 52, 0.96) 100%),
radial-gradient(circle at top right, rgba(56, 189, 248, 0.14) 0%, rgba(56, 189, 248, 0) 42%),
linear-gradient(black, black) center/cover no-repeat !important;
border: 1px solid rgba(88, 138, 205, 0.28) !important;
box-shadow: 0 40px 90px -44px rgba(2, 8, 20, 0.92), inset 0 1px 0 rgba(255,255,255,0.05) !important;
color: #f8fbff !important;
backdrop-filter: blur(22px) saturate(1.02) !important;
}
#authModal > .absolute {
background: rgba(2, 8, 20, 0.92) !important;
backdrop-filter: blur(20px) saturate(0.9) !important;
}
#authModal .auth-panel::before {
opacity: 0.18 !important;
background:
linear-gradient(180deg, rgba(15, 23, 42, 0.18) 0%, rgba(15, 23, 42, 0.12) 100%),
var(--ty-logo-image) center/contain no-repeat !important;
filter: none !important;
}
#authModal .auth-panel > .flex:first-child {
position: sticky;
top: 0;
z-index: 6;
margin-bottom: 24px !important;
padding-bottom: 16px;
background: linear-gradient(180deg, rgba(7, 18, 38, 0.98) 0%, rgba(9, 22, 46, 0.94) 72%, rgba(9, 22, 46, 0) 100%) !important;
border-color: rgba(88, 138, 205, 0.24) !important;
}
#authModal .auth-panel #authModalTitle,
#authModal .auth-panel .text-slate-900,
#authModal .auth-panel .text-slate-800,
#authModal .auth-panel .text-slate-700 {
color: #f8fbff !important;
text-shadow: 0 12px 30px rgba(0, 0, 0, 0.38) !important;
}
#authModal .auth-panel .form-label,
#authModal .auth-panel .text-sky-500,
#authModal .auth-panel .text-sky-600 {
color: #7dd3fc !important;
}
#authModal .auth-panel p.text-slate-500,
#authModal .auth-panel p.text-slate-600,
#authModal .auth-panel .text-slate-500,
#authModal .auth-panel .text-slate-600,
#authModal .auth-panel .text-slate-400,
#authModal .auth-panel button.text-slate-500,
#authModal .auth-panel button.text-slate-600 {
color: #bfd6f7 !important;
opacity: 1 !important;
text-shadow: none !important;
}
#authModal .auth-panel > .flex:first-child button,
#authModal #authTabBar button:not(.selection-accent-btn) {
background: rgba(8, 26, 53, 0.88) !important;
border-color: rgba(148, 190, 235, 0.34) !important;
color: #f8fbff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 16px 32px -28px rgba(2, 8, 20, 0.62) !important;
}
#authModal #authMessage {
border-color: rgba(88, 138, 205, 0.26) !important;
background: rgba(8, 26, 53, 0.82) !important;
color: #dbeafe !important;
box-shadow: 0 18px 38px -34px rgba(2, 8, 20, 0.58) !important;
}
#authModal #authMessage.bg-rose-50 {
background: rgba(127, 29, 29, 0.28) !important;
border-color: rgba(251, 113, 133, 0.28) !important;
color: #fecdd3 !important;
}
#authModal #authMessage.bg-emerald-50 {
background: rgba(6, 78, 59, 0.3) !important;
border-color: rgba(52, 211, 153, 0.24) !important;
color: #bbf7d0 !important;
}
#authModal #authMessage.bg-slate-50 {
background: rgba(8, 26, 53, 0.82) !important;
border-color: rgba(88, 138, 205, 0.26) !important;
color: #dbeafe !important;
}
#authModal .auth-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#authModal .auth-panel textarea,
#authModal .auth-panel select {
background: rgba(248, 250, 252, 0.98) !important;
border-color: rgba(191, 219, 254, 0.58) !important;
color: #0f172a !important;
caret-color: #2563eb !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 18px 30px -28px rgba(15, 23, 42, 0.42) !important;
}
#authModal .auth-panel input::placeholder,
#authModal .auth-panel textarea::placeholder {
color: #64748b !important;
opacity: 1 !important;
}
#authModal .auth-panel input:focus,
#authModal .auth-panel textarea:focus,
#authModal .auth-panel select:focus {
border-color: rgba(59, 130, 246, 0.74) !important;
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12), 0 18px 36px -30px rgba(37, 99, 235, 0.24) !important;
}
#authModal .auth-panel #forgotPasswordBox {
border-color: rgba(88, 138, 205, 0.28) !important;
background: rgba(8, 26, 53, 0.78) !important;
}
#authModal .auth-panel #forgotPasswordBox p,
#authModal .auth-panel #adminTwoFactorHint {
color: #dbeafe !important;
}
#registerAgreementCard {
border-color: rgba(88, 138, 205, 0.26) !important;
background: linear-gradient(180deg, rgba(8, 26, 53, 0.78) 0%, rgba(10, 30, 60, 0.72) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 18px 34px -30px rgba(2, 8, 20, 0.64) !important;
}
#registerAgreementCard h3,
#registerAgreementSummary,
#registerAgreementCheckboxText {
color: #f8fbff !important;
}
#registerAgreementCard p,
#registerAgreementNotice {
color: #dbeafe !important;
}
#registerAgreementDetails {
border-color: rgba(88, 138, 205, 0.24) !important;
background: rgba(6, 18, 39, 0.78) !important;
}
#registerAgreementDetails[open] {
box-shadow: 0 12px 24px -20px rgba(2, 8, 20, 0.72) !important;
}
#registerAgreementSummary:hover {
color: #7dd3fc !important;
}
#registerAgreementChevron {
color: #7dd3fc !important;
}
#registerAgreementBody {
border-top-color: rgba(88, 138, 205, 0.18) !important;
}
#registerAgreementScroller {
border-color: rgba(88, 138, 205, 0.22) !important;
background: rgba(3, 10, 25, 0.72) !important;
color: #dbeafe !important;
}
#registerAgreementScroller h4 {
color: #f8fbff !important;
}
#registerAgreementAcceptance {
border-color: rgba(88, 138, 205, 0.24) !important;
background: rgba(8, 26, 53, 0.72) !important;
}
/* Keep the auth shell dark, but make the membership statement readable on a light card. */
#authModal #registerAgreementCard {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(247, 251, 255, 0.985) 100%) !important;
border-color: rgba(190, 214, 245, 0.74) !important;
box-shadow: 0 22px 42px -34px rgba(15, 23, 42, 0.24) !important;
}
#authModal #registerAgreementDetails {
background: #ffffff !important;
border-color: rgba(190, 214, 245, 0.74) !important;
box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.14) !important;
}
#authModal #registerAgreementScroller,
#authModal #registerAgreementAcceptance {
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
border-color: rgba(190, 214, 245, 0.72) !important;
}
#authModal #registerAgreementCard h3,
#authModal #registerAgreementSummary,
#authModal #registerAgreementCheckboxText,
#authModal #registerAgreementScroller h4,
#authModal #registerAgreementBody p,
#authModal #registerAgreementBody li {
color: #0f172a !important;
text-shadow: none !important;
}
#authModal #registerAgreementCard p,
#authModal #registerAgreementNotice,
#authModal #registerAgreementScroller {
color: #334155 !important;
text-shadow: none !important;
}
#authModal #registerAgreementSummary:hover {
color: #1d4ed8 !important;
}
#authModal #registerAgreementChevron {
color: #2563eb !important;
}
/* Final record-form override: every form block should match the 1./2. Yetkili cards. */
#modal .form-panel-card,
#modal .contact-form-card,
#modal .status-chip-card,
#modal .contact-verify-box,
#modal .document-upload-card,
#modal .pin-order-card,
#modal #firmOwnerNote,
#modal #quickTags,
#modal .document-panel-card,
#modal .logo-status-card,
body:not(.home-landing-active) #modal .form-panel-card,
body:not(.home-landing-active) #modal .contact-form-card,
body:not(.home-landing-active) #modal .status-chip-card,
body:not(.home-landing-active) #modal .contact-verify-box,
body:not(.home-landing-active) #modal .document-upload-card,
body:not(.home-landing-active) #modal .pin-order-card,
body:not(.home-landing-active) #modal #firmOwnerNote,
body:not(.home-landing-active) #modal #quickTags,
body:not(.home-landing-active) #modal .document-panel-card,
body:not(.home-landing-active) #modal .logo-status-card {
position: relative;
overflow: hidden;
background: var(--record-card-bg) !important;
border-color: var(--record-card-border) !important;
color: var(--record-title) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.05),
0 26px 48px -40px rgba(2, 8, 20, 0.84),
0 0 0 1px rgba(108, 154, 229, 0.08) !important;
backdrop-filter: blur(14px) !important;
}
#modal .form-panel-card::before,
#modal .contact-form-card::before,
#modal .status-chip-card::before,
#modal .contact-verify-box::before,
#modal .document-upload-card::before,
#modal .pin-order-card::before,
#modal #firmOwnerNote::before,
#modal #quickTags::before,
#modal .document-panel-card::before,
#modal .logo-status-card::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
background: var(--record-card-sheen);
opacity: 0.92;
}
#modal .form-panel-card > *,
#modal .contact-form-card > *,
#modal .status-chip-card > *,
#modal .contact-verify-box > *,
#modal .document-upload-card > *,
#modal .pin-order-card > *,
#modal #firmOwnerNote > *,
#modal #quickTags > *,
#modal .document-panel-card > *,
#modal .logo-status-card > * {
position: relative;
z-index: 1;
}
#modal .logo-status-card {
border-radius: 22px !important;
border-width: 1px !important;
padding: 12px !important;
min-height: 100% !important;
align-self: stretch !important;
}
#modal .logo-status-card .form-label {
color: var(--record-accent) !important;
margin-bottom: 8px;
}
#modal #approvalStatusCard > label,
#modal .pin-order-card .pin-order-fields,
#modal .pin-order-card .pin-order-empty,
#modal .document-header-copy,
#modal .document-upload-card,
#modal #quickTags,
#modal #firmOwnerNote {
background: transparent !important;
}
#modal #approvalStatusCard > label {
border-color: var(--record-card-border-soft) !important;
background: linear-gradient(180deg, rgba(14, 27, 49, 0.72) 0%, rgba(10, 21, 41, 0.62) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
#modal #approvalStatusCard > label > span:first-child,
#modal .pin-order-card .pin-order-empty p:first-child {
color: var(--record-title) !important;
}
#modal #approvalStatusCard > div > p:first-child,
#modal #approvalStatusCard > div > h3,
#modal .document-panel-card h4,
#modal .tags-card h4,
#modal .notes-card h4,
#modal .contact-form-card h5 {
color: var(--record-title) !important;
text-shadow: none !important;
}
#modal .pin-order-card .pin-order-empty p:last-child,
#modal .document-header-copy p,
#modal .status-card-meta,
#modal .tag-section-help,
#modal #f_geocode_status,
#modal #firmOwnerNote {
color: var(--record-copy) !important;
}
#adminSecurityModal .admin-security-panel {
position: relative;
background:
linear-gradient(180deg, rgba(11, 22, 44, 0.98) 0%, rgba(8, 20, 40, 0.96) 100%),
radial-gradient(circle at top right, rgba(96, 165, 250, 0.18) 0%, rgba(96, 165, 250, 0) 42%),
linear-gradient(black, black) center/cover no-repeat !important;
border: 1px solid rgba(88, 138, 205, 0.28) !important;
box-shadow: 0 40px 90px -44px rgba(2, 8, 20, 0.92), inset 0 1px 0 rgba(255,255,255,0.05) !important;
color: #f8fbff !important;
}
#adminSecurityModal .admin-security-panel::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
background:
linear-gradient(180deg, rgba(15, 23, 42, 0.12) 0%, rgba(15, 23, 42, 0) 32%),
radial-gradient(circle at top right, rgba(125, 211, 252, 0.08) 0%, rgba(125, 211, 252, 0) 40%);
opacity: 0.9;
}
#adminSecurityModal .admin-security-panel > * {
position: relative;
z-index: 1;
}
#adminSecurityModal .admin-security-header {
position: sticky;
top: 0;
z-index: 6;
margin-bottom: 24px;
padding-bottom: 16px;
background: linear-gradient(180deg, rgba(11, 22, 44, 0.98) 0%, rgba(9, 22, 45, 0.94) 72%, rgba(9, 22, 45, 0) 100%);
border-bottom: 1px solid rgba(88, 138, 205, 0.22);
}
#adminSecurityModal > .absolute {
background: rgba(2, 8, 20, 0.9) !important;
backdrop-filter: blur(18px) saturate(0.92) !important;
}
#adminSecurityModal .admin-security-panel .text-slate-900,
#adminSecurityModal .admin-security-panel .text-slate-800,
#adminSecurityModal .admin-security-panel .text-slate-700 {
color: #f8fbff !important;
}
#adminSecurityModal .admin-security-panel .text-slate-600,
#adminSecurityModal .admin-security-panel .text-slate-500,
#adminSecurityModal .admin-security-panel .text-slate-400 {
color: #c0d7fb !important;
}
#adminSecurityModal .admin-security-panel .form-label,
#adminSecurityModal .admin-security-panel .text-sky-600 {
color: #7dd3fc !important;
}
#adminSecurityModal .admin-security-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#adminSecurityModal .admin-security-panel textarea,
#adminSecurityModal .admin-security-panel select {
background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
border-color: rgba(191, 219, 254, 0.68) !important;
color: #0f172a !important;
}
body:not(.home-landing-active) {
--workspace-premium-shell:
linear-gradient(180deg, rgba(11, 22, 44, 0.98) 0%, rgba(8, 20, 40, 0.96) 100%),
radial-gradient(circle at top right, rgba(96, 165, 250, 0.18) 0%, rgba(96, 165, 250, 0) 42%);
--workspace-premium-border: rgba(114, 168, 245, 0.38);
--workspace-premium-title: #f8fbff;
--workspace-premium-copy: #cadcfb;
--workspace-premium-soft: #95bcff;
--workspace-premium-ink: #0f172a;
--workspace-premium-ink-soft: #475569;
--workspace-premium-white:
linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(245, 249, 255, 0.98) 100%);
}
body:not(.home-landing-active) :is(
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) .favorites-shell,
body:not(.home-landing-active) :is(
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) .favorites-section,
body:not(.home-landing-active) :is(
#favoritesModal,
#notificationsModal,
#accountModal,
#adminDirectoryActivityModal
) .favorites-item,
body:not(.home-landing-active) :is(
#favoritesModal,
#notificationsModal,
#accountModal,
#adminDirectoryActivityModal
) .favorites-empty,
body:not(.home-landing-active) #requestModal .request-form-main,
body:not(.home-landing-active) #requestModal .request-form-side,
body:not(.home-landing-active) #requestModal .request-side-card,
body:not(.home-landing-active) #requestModal #requestPresetHint,
body:not(.home-landing-active) #requestsViewList > article,
body:not(.home-landing-active) #requestsViewList > div,
body:not(.home-landing-active) #activityLogViewList > div,
body:not(.home-landing-active) #systemHealthOverview > .system-health-overview-card,
body:not(.home-landing-active) #systemHealthChecks > div,
body:not(.home-landing-active) #systemHealthEvents > div,
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card,
body:not(.home-landing-active) #adminDirectoryUsers > div,
body:not(.home-landing-active) #adminDirectoryFirms > div,
body:not(.home-landing-active) #adminDirectoryLinkedFilter,
body:not(.home-landing-active) #systemHealthView .workspace-surface-panel,
body:not(.home-landing-active) #adminDirectoryView .workspace-surface-panel {
background: var(--workspace-premium-shell), linear-gradient(black, black) center/cover no-repeat !important;
border-color: var(--workspace-premium-border) !important;
color: var(--workspace-premium-title) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 30px 60px -40px rgba(2, 8, 20, 0.84) !important;
backdrop-filter: blur(16px);
}
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) :is(h2, h3, h4, h5, .text-slate-900, .text-slate-800, .text-slate-700) {
color: var(--workspace-premium-title) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) :is(.text-slate-600, .text-slate-500, .text-slate-400, p.text-slate-500, p.text-slate-600) {
color: var(--workspace-premium-copy) !important;
opacity: 1 !important;
}
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
#favoritesModal,
#notificationsModal,
#requestModal,
#adminDirectoryActivityModal
) :is(
.favorites-header-copy p,
.favorites-section-head p,
.form-label,
.admin-directory-overview-label,
.system-health-overview-label,
.text-sky-600,
.text-emerald-600
) {
color: var(--workspace-premium-soft) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #adminDirectoryOverview .admin-directory-overview-value,
body:not(.home-landing-active) #systemHealthOverview .system-health-overview-value {
color: var(--workspace-premium-title) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) :is(
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) :is(.favorites-close-btn, .favorites-apply-btn, .favorites-mini-btn, .favorites-badge),
body:not(.home-landing-active) :is(#accountModal .account-session-tab, #requestBoardCount, #activityLogCount, #adminDirectoryUserCount, #adminDirectoryFirmCount, #systemHealthStatusBadge) {
background: var(--workspace-premium-white) !important;
border-color: rgba(190, 214, 245, 0.72) !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
box-shadow: 0 18px 34px -28px rgba(8, 20, 42, 0.52) !important;
}
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) :is([class*="bg-white"], [class*="bg-slate-50"], [class*="bg-slate-100"]) {
background: var(--workspace-premium-white) !important;
border-color: rgba(190, 214, 245, 0.72) !important;
color: var(--workspace-premium-ink) !important;
box-shadow: 0 18px 38px -30px rgba(8, 20, 42, 0.24) !important;
}
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) :is([class*="bg-white"], [class*="bg-slate-50"], [class*="bg-slate-100"]) :is(
h2,
h3,
h4,
h5,
.text-slate-900,
.text-slate-800,
.text-slate-700
) {
color: var(--workspace-premium-ink) !important;
}
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) :is([class*="bg-white"], [class*="bg-slate-50"], [class*="bg-slate-100"]) :is(
.text-slate-600,
.text-slate-500,
.text-slate-400,
p.text-slate-500,
p.text-slate-600
) {
color: var(--workspace-premium-ink-soft) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
background: linear-gradient(180deg, rgba(5, 13, 30, 0.96) 0%, rgba(5, 13, 30, 0.88) 70%, rgba(5, 13, 30, 0) 100%) !important;
backdrop-filter: blur(12px);
}
body:not(.home-landing-active) #compareModal #compareModalBody > .overflow-auto {
background:
linear-gradient(180deg, rgba(6, 18, 42, 0.94) 0%, rgba(7, 24, 54, 0.9) 100%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(126, 181, 255, 0.46) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 24px 54px -40px rgba(2, 8, 20, 0.82) !important;
}
body:not(.home-landing-active) #compareModal .compare-table {
color: #f8fbff !important;
}
body:not(.home-landing-active) #compareModal .compare-table :is(th, td) {
background: rgba(5, 18, 43, 0.54) !important;
border-color: rgba(126, 181, 255, 0.32) !important;
color: #dbeafe !important;
}
body:not(.home-landing-active) #compareModal .compare-table thead th,
body:not(.home-landing-active) #compareModal .compare-table tbody th {
background:
linear-gradient(180deg, rgba(8, 27, 61, 0.96) 0%, rgba(6, 20, 48, 0.94) 100%),
linear-gradient(black, black) center/cover no-repeat !important;
color: #8ed9ff !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #compareModal .compare-row-head-title,
body:not(.home-landing-active) #compareModal .compare-cell-primary {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #compareModal .compare-row-head-meta,
body:not(.home-landing-active) #compareModal .compare-cell-secondary,
body:not(.home-landing-active) #compareModal .compare-note {
color: #c7dcff !important;
-webkit-text-fill-color: #c7dcff !important;
}
body:not(.home-landing-active) #compareModal .compare-tags-grid span {
background: rgba(9, 31, 72, 0.78) !important;
border-color: rgba(147, 197, 253, 0.46) !important;
color: #dbeafe !important;
-webkit-text-fill-color: #dbeafe !important;
}
body:not(.home-landing-active) #compareModal #compareModalBody > .mb-4 > span {
background:
linear-gradient(180deg, rgba(8, 27, 61, 0.92) 0%, rgba(5, 18, 43, 0.88) 100%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(126, 181, 255, 0.42) !important;
color: #dbeafe !important;
-webkit-text-fill-color: #dbeafe !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 34px -30px rgba(2, 8, 20, 0.7) !important;
}
body:not(.home-landing-active) #compareModal #compareModalBody > .mb-4 > span > span:last-child {
background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
}
#modal {
--record-shell-bg:
linear-gradient(180deg, rgba(167, 183, 208, 0.34) 0%, rgba(108, 128, 163, 0.22) 26%, rgba(41, 56, 86, 0.18) 62%, rgba(18, 30, 55, 0.16) 100%),
linear-gradient(black, black) center top / cover no-repeat,
linear-gradient(180deg, #30415f 0%, #1b2944 100%);
--record-card-bg: linear-gradient(180deg, rgba(21, 31, 55, 0.985) 0%, rgba(15, 26, 48, 0.965) 100%);
--record-card-sheen:
linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 26%),
radial-gradient(circle at top right, rgba(125, 211, 252, 0.08) 0%, rgba(125, 211, 252, 0) 42%);
--record-card-border: rgba(114, 168, 245, 0.34);
--record-card-border-soft: rgba(88, 138, 205, 0.24);
--record-title: #f8fbff;
--record-copy: #cadcfb;
--record-copy-soft: #9dbce7;
--record-accent: #7dd3fc;
--record-danger: #fca5a5;
--record-white: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}
#modal > .absolute {
background: rgba(2, 8, 20, 0.88) !important;
backdrop-filter: blur(18px) saturate(0.94) !important;
}
#modal > div:last-child {
background: var(--record-shell-bg) !important;
border: 1px solid var(--record-card-border) !important;
box-shadow: 0 44px 110px -48px rgba(2, 8, 20, 0.94), inset 0 1px 0 rgba(255,255,255,0.05) !important;
color: var(--record-title) !important;
backdrop-filter: blur(22px) saturate(1.05);
}
#modal > div:last-child::before {
z-index: 1;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 42%),
radial-gradient(circle at top center, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 36%),
linear-gradient(90deg, rgba(56, 189, 248, 0.06) 0%, rgba(56, 189, 248, 0.02) 28%, rgba(255, 255, 255, 0) 60%) !important;
opacity: 0.28 !important;
}
#modal > div:last-child::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
z-index: 0;
background: linear-gradient(black, black) center top / 132% auto repeat-y;
opacity: 0.88;
filter: saturate(1.22) brightness(1.12);
}
#modal > div:last-child > * {
position: relative;
z-index: 2;
}
#modal #modalTitle,
#modal h3,
#modal h4,
#modal h5,
#modal .text-slate-900,
#modal .text-slate-800,
#modal .text-slate-700 {
color: var(--record-title) !important;
text-shadow: none !important;
}
#modal .form-label,
#modal .text-blue-600,
#modal .text-sky-600,
#modal .text-sky-500 {
color: var(--record-accent) !important;
}
#modal .text-red-600,
#modal .text-rose-600,
#modal .text-amber-700,
#modal .approval-badge {
color: var(--record-danger) !important;
}
#modal .text-slate-600,
#modal .text-slate-500,
#modal .text-slate-400,
#modal .status-card-meta,
#modal .document-header-copy p,
#modal .document-file-meta,
#modal .tag-section-help,
#modal .contact-verify-copy,
#modal #firmOwnerNote,
#modal #f_geocode_status,
#modal .pin-order-card .pin-order-empty p:last-child {
color: var(--record-copy) !important;
opacity: 1 !important;
text-shadow: none !important;
}
#modal .form-panel-card,
#modal .contact-form-card,
#modal .status-chip-card,
#modal .contact-verify-box,
#modal .document-upload-card,
#modal .pin-order-card,
#modal #firmOwnerNote,
#modal #quickTags {
position: relative;
overflow: hidden;
background: var(--record-card-bg) !important;
border-color: var(--record-card-border) !important;
color: var(--record-title) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.05),
0 26px 48px -40px rgba(2, 8, 20, 0.84),
0 0 0 1px rgba(108, 154, 229, 0.08) !important;
}
#modal .contact-form-card,
#modal .form-panel-card,
#modal .status-chip-card,
#modal .document-upload-card,
#modal .pin-order-card {
backdrop-filter: blur(14px);
}
#modal .form-panel-card::before,
#modal .contact-form-card::before,
#modal .status-chip-card::before,
#modal .contact-verify-box::before,
#modal .document-upload-card::before,
#modal .pin-order-card::before,
#modal #firmOwnerNote::before,
#modal #quickTags::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
background: var(--record-card-sheen);
opacity: 0.92;
}
#modal .form-panel-card > *,
#modal .contact-form-card > *,
#modal .status-chip-card > *,
#modal .contact-verify-box > *,
#modal .document-upload-card > *,
#modal .pin-order-card > *,
#modal #firmOwnerNote > *,
#modal #quickTags > * {
position: relative;
z-index: 1;
}
#modal .contact-form-card,
#modal .form-panel-card {
border-radius: 26px !important;
}
#modal .status-chip-card,
#modal .document-upload-card,
#modal .contact-verify-box {
border-radius: 20px !important;
}
#modal .contact-verify-box.is-pending,
#modal .contact-verify-badge.pending {
border-color: rgba(125, 211, 252, 0.42) !important;
background: linear-gradient(180deg, rgba(9, 32, 62, 0.98) 0%, rgba(7, 24, 48, 0.94) 100%) !important;
}
#modal .contact-verify-box.is-verified,
#modal .contact-verify-badge.verified {
border-color: rgba(74, 222, 128, 0.42) !important;
background: linear-gradient(180deg, rgba(7, 45, 38, 0.9) 0%, rgba(8, 20, 40, 0.94) 100%) !important;
}
#modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#modal textarea,
#modal select,
#modal .ts-control {
background: var(--record-white) !important;
border-color: rgba(190, 214, 245, 0.74) !important;
color: #0f172a !important;
caret-color: #2563eb !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 18px 32px -28px rgba(2, 8, 20, 0.42) !important;
}
#modal .ts-wrapper.single.input-active .ts-control,
#modal input:focus,
#modal textarea:focus,
#modal select:focus,
#modal .ts-control.focus {
border-color: rgba(59, 130, 246, 0.78) !important;
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12), 0 18px 36px -30px rgba(37, 99, 235, 0.28) !important;
}
#modal input::placeholder,
#modal textarea::placeholder,
#modal .ts-control input::placeholder {
color: #64748b !important;
opacity: 1 !important;
}
#modal .ts-control input,
#modal .ts-dropdown,
#modal .ts-dropdown .option,
#modal .ts-dropdown .item {
color: #0f172a !important;
}
#modal .ts-dropdown {
background: #ffffff !important;
border-color: rgba(190, 214, 245, 0.74) !important;
box-shadow: 0 24px 42px -30px rgba(2, 8, 20, 0.42) !important;
}
#modal .file-upload-btn,
#modal .document-mini-btn,
#modal .firm-tag-add-btn,
#modal .contact-verify-actions button,
#modal .medal-btn,
#modal #cancelModalBtn,
#modal #f_geocode_btn {
background: var(--record-white) !important;
border-color: rgba(190, 214, 245, 0.72) !important;
color: #284f81 !important;
box-shadow: 0 18px 34px -28px rgba(8, 20, 42, 0.34) !important;
}
#modal #saveBtn {
background: linear-gradient(135deg, #3f82f7 0%, #67aefd 56%, #dff1ff 100%) !important;
color: #ffffff !important;
border: 1px solid rgba(219, 234, 254, 0.98) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), 0 18px 34px -20px rgba(125,211,252,0.82) !important;
}
#modal .medal-btn.active,
#modal .medal-btn.verified-active,
#modal .medal-btn.phone-active,
#modal .medal-btn.document-active,
#modal .pin-btn.active {
background: linear-gradient(135deg, #fff7ed 0%, #fffaf0 46%, #fde68a 100%) !important;
border-color: #d97706 !important;
color: #92400e !important;
}
#modal .tag-pill-shell,
#modal .tag-pill {
background: var(--record-white) !important;
border-color: rgba(190, 214, 245, 0.72) !important;
color: #3f5e85 !important;
box-shadow: 0 14px 28px -24px rgba(8, 20, 42, 0.28) !important;
}
#modal .tag-pill.selected,
#modal .tag-pill-shell .tag-pill.selected {
background: linear-gradient(135deg, #fff7ed 0%, #fffaf0 46%, #fde68a 100%) !important;
border-color: #d97706 !important;
color: #92400e !important;
}
#modal .tag-admin-btn {
background: #ffffff !important;
border-color: rgba(190, 214, 245, 0.72) !important;
color: #2563eb !important;
}
#modal .tag-admin-btn.danger {
background: #fff1f2 !important;
border-color: #fecaca !important;
color: #dc2626 !important;
}
#modal .document-header-copy,
#modal .tag-section-block,
#modal .pin-order-empty,
#modal .status-chip-card .medal-btn,
#modal .status-chip-card input[type="date"] {
position: relative;
z-index: 1;
}
#modal .document-header-copy > .form-label,
#modal .tag-section-block > .form-label,
#modal .status-chip-card > .form-label,
#modal .pin-order-card > .form-label,
#modal .notes-card > .form-label,
#modal .tags-card > .form-label {
color: var(--record-accent) !important;
}
#modal .document-header-copy p,
#modal .tag-section-help,
#modal .status-card-meta,
#modal .pin-order-empty p:last-child {
color: var(--record-copy) !important;
}
#modal .form-panel-card h4,
#modal .status-card h3 {
text-shadow: none !important;
}
#modal #approvalStatusCard > div > p:first-child,
#modal #approvalStatusCard > div > h3,
#modal .document-panel-card h4,
#modal .tags-card h4,
#modal .notes-card h4 {
color: var(--record-title) !important;
}
#modal .document-verify-chip,
#modal .document-upload-card,
#modal .status-chip-card,
#modal #quickTags {
background:
linear-gradient(180deg, rgba(22, 35, 61, 0.98) 0%, rgba(16, 27, 49, 0.96) 100%) !important;
}
#modal .document-panel-card .document-upload-card,
#modal .status-cards-grid .status-chip-card,
#modal .stacked-left-column .form-panel-card,
#modal .double-row-grid .form-panel-card,
#modal .middle-row-grid .form-panel-card {
border-color: rgba(122, 173, 245, 0.36) !important;
}
#modal .document-header-row,
#modal .contact-row + .contact-row,
#modal .tag-section-block + .tag-section-block,
#modal h4.border-b {
border-color: var(--record-card-border-soft) !important;
}
#modal .contact-verify-title,
#modal .tag-section-title {
color: var(--record-copy-soft) !important;
}
#modal .tags-card {
min-height: 268px !important;
}
#modal #quickTags {
min-height: 238px !important;
overflow-y: auto !important;
overflow-x: hidden !important;
padding: 14px !important;
scrollbar-width: thin;
scrollbar-color: rgba(191, 219, 254, 0.58) rgba(15, 23, 42, 0.18);
}
#modal #quickTags::-webkit-scrollbar {
width: 8px;
}
#modal #quickTags::-webkit-scrollbar-track {
background: rgba(15, 23, 42, 0.16);
border-radius: 999px;
}
#modal #quickTags::-webkit-scrollbar-thumb {
background: rgba(191, 219, 254, 0.52);
border-radius: 999px;
}
#modal .slider {
background: rgba(148, 163, 184, 0.42) !important;
box-shadow: inset 0 1px 2px rgba(2, 8, 20, 0.42);
}
#modal input:checked + .slider {
background: linear-gradient(135deg, #3f82f7 0%, #67aefd 100%) !important;
}
body:not(.home-landing-active) {
--workspace-record-shell-bg:
linear-gradient(180deg, rgba(11, 22, 44, 0.985) 0%, rgba(8, 20, 40, 0.96) 100%),
radial-gradient(circle at top right, rgba(96, 165, 250, 0.18) 0%, rgba(96, 165, 250, 0) 42%),
linear-gradient(black, black) center/cover no-repeat;
--workspace-record-card-bg: linear-gradient(180deg, rgba(21, 31, 55, 0.985) 0%, rgba(15, 26, 48, 0.965) 100%);
--workspace-record-card-bg-soft: linear-gradient(180deg, rgba(18, 29, 53, 0.98) 0%, rgba(13, 24, 46, 0.96) 100%);
--workspace-record-card-sheen:
linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 26%),
radial-gradient(circle at top right, rgba(125, 211, 252, 0.08) 0%, rgba(125, 211, 252, 0) 42%);
--workspace-record-border: rgba(114, 168, 245, 0.34);
--workspace-record-border-soft: rgba(88, 138, 205, 0.24);
--workspace-record-title: #f8fbff;
--workspace-record-copy: #cadcfb;
--workspace-record-copy-soft: #9dbce7;
--workspace-record-accent: #7dd3fc;
--workspace-record-danger: #fca5a5;
--workspace-record-white: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}
body:not(.home-landing-active) :is(
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) .favorites-shell,
body:not(.home-landing-active) #adminSecurityModal .admin-security-panel {
position: relative;
overflow: hidden;
background: var(--workspace-record-shell-bg) !important;
border: 1px solid var(--workspace-record-border) !important;
box-shadow: 0 44px 110px -48px rgba(2, 8, 20, 0.94), inset 0 1px 0 rgba(255,255,255,0.05) !important;
color: var(--workspace-record-title) !important;
backdrop-filter: blur(22px) saturate(1.05);
}
body:not(.home-landing-active) :is(
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) .favorites-shell::before,
body:not(.home-landing-active) #adminSecurityModal .admin-security-panel::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 24%),
radial-gradient(circle at top right, rgba(125, 211, 252, 0.1) 0%, rgba(125, 211, 252, 0) 42%),
linear-gradient(90deg, rgba(37, 99, 235, 0.12) 0%, rgba(37, 99, 235, 0.04) 26%, rgba(255, 255, 255, 0) 56%);
opacity: 0.92;
}
body:not(.home-landing-active) :is(
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) .favorites-shell > *,
body:not(.home-landing-active) #adminSecurityModal .admin-security-panel > * {
position: relative;
z-index: 1;
}
body:not(.home-landing-active) :is(
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) :is(.favorites-section, .favorites-item, .favorites-empty),
body:not(.home-landing-active) #requestModal :is(.request-form-main, .request-form-side, .request-side-card, #requestPresetHint),
body:not(.home-landing-active) :is(
#requestsViewList > article,
#requestsViewList > div[class*="rounded-"],
#activityLogViewList > div[class*="rounded-"],
#systemHealthOverview > .system-health-overview-card,
#systemHealthChecks > div[class*="rounded-"],
#systemHealthEvents > div[class*="rounded-"],
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div[class*="rounded-"],
#adminDirectoryFirms > div[class*="rounded-"],
#adminDirectoryLinkedFilter,
#systemHealthView .workspace-surface-panel,
#adminDirectoryView .workspace-surface-panel,
#accountModal .account-session-card
),
body:not(.home-landing-active) #adminSecurityModal :is(
#adminTotpStatusCard,
#adminTotpSetupCard,
#adminTotpDisableCard,
.admin-security-qr-card,
.admin-security-secret-card
) {
position: relative;
overflow: hidden;
background: var(--workspace-record-card-bg) !important;
border-color: var(--workspace-record-border) !important;
color: var(--workspace-record-title) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.05),
0 26px 48px -40px rgba(2, 8, 20, 0.84),
0 0 0 1px rgba(108, 154, 229, 0.08) !important;
backdrop-filter: blur(14px);
}
body:not(.home-landing-active) :is(
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) :is(.favorites-section, .favorites-item, .favorites-empty)::before,
body:not(.home-landing-active) #requestModal :is(.request-form-main, .request-form-side, .request-side-card, #requestPresetHint)::before,
body:not(.home-landing-active) :is(
#requestsViewList > article,
#requestsViewList > div[class*="rounded-"],
#activityLogViewList > div[class*="rounded-"],
#systemHealthOverview > .system-health-overview-card,
#systemHealthChecks > div[class*="rounded-"],
#systemHealthEvents > div[class*="rounded-"],
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div[class*="rounded-"],
#adminDirectoryFirms > div[class*="rounded-"],
#adminDirectoryLinkedFilter,
#systemHealthView .workspace-surface-panel,
#adminDirectoryView .workspace-surface-panel,
#accountModal .account-session-card
)::before,
body:not(.home-landing-active) #adminSecurityModal :is(
#adminTotpStatusCard,
#adminTotpSetupCard,
#adminTotpDisableCard,
.admin-security-qr-card,
.admin-security-secret-card
)::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
background: var(--workspace-record-card-sheen);
opacity: 0.92;
}
body:not(.home-landing-active) :is(
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) :is(.favorites-section, .favorites-item, .favorites-empty) > *,
body:not(.home-landing-active) #requestModal :is(.request-form-main, .request-form-side, .request-side-card, #requestPresetHint) > *,
body:not(.home-landing-active) :is(
#requestsViewList > article,
#requestsViewList > div[class*="rounded-"],
#activityLogViewList > div[class*="rounded-"],
#systemHealthOverview > .system-health-overview-card,
#systemHealthChecks > div[class*="rounded-"],
#systemHealthEvents > div[class*="rounded-"],
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div[class*="rounded-"],
#adminDirectoryFirms > div[class*="rounded-"],
#adminDirectoryLinkedFilter,
#systemHealthView .workspace-surface-panel,
#adminDirectoryView .workspace-surface-panel,
#accountModal .account-session-card
) > *,
body:not(.home-landing-active) #adminSecurityModal :is(
#adminTotpStatusCard,
#adminTotpSetupCard,
#adminTotpDisableCard,
.admin-security-qr-card,
.admin-security-secret-card
) > * {
position: relative;
z-index: 1;
}
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal,
#adminSecurityModal
) :is(
h2,
h3,
h4,
h5,
.text-slate-900,
.text-slate-800,
.text-slate-700,
.favorites-item-title,
.account-session-device,
.account-session-side-value,
.account-session-metric-value,
.admin-directory-overview-value,
.system-health-overview-value
) {
color: var(--workspace-record-title) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal,
#adminSecurityModal
) :is(
.favorites-header-copy p,
.favorites-section-head p,
.form-label,
.account-session-side-label,
.account-session-metric-label,
.admin-directory-overview-label,
.system-health-overview-label,
.text-sky-600,
.text-blue-600,
.text-emerald-600
) {
color: var(--workspace-record-accent) !important;
opacity: 1 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal,
#adminSecurityModal
) :is(
.favorites-item-meta,
.favorites-empty,
.text-slate-600,
.text-slate-500,
p.text-slate-500,
p.text-slate-600,
.account-session-detail,
.admin-directory-overview-helper,
#systemHealthStamp,
#adminTotpQrFallback,
#adminTotpSecretMeta
) {
color: var(--workspace-record-copy) !important;
opacity: 1 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal,
#adminSecurityModal
) :is(
.text-slate-400,
p.text-slate-400
) {
color: var(--workspace-record-accent) !important;
opacity: 1 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) :is(
#favoritesModal,
#compareModal,
#notificationsModal,
#accountModal,
#firmProfileModal,
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminDirectoryActivityModal
) :is(.favorites-close-btn, .favorites-apply-btn, .favorites-mini-btn, .favorites-badge),
body:not(.home-landing-active) :is(
#accountModal .account-session-summary-pill,
#accountModal .account-session-tab,
#requestBoardCount,
#activityLogCount,
#adminDirectoryUserCount,
#adminDirectoryFirmCount,
#systemHealthStatusBadge
) {
background: var(--workspace-record-white) !important;
border-color: rgba(190, 214, 245, 0.72) !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
box-shadow: 0 18px 34px -28px rgba(8, 20, 42, 0.34) !important;
}
body:not(.home-landing-active) #accountModal .account-session-summary-pill-count {
background: #ffffff !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #accountModal .account-session-metric {
background: var(--workspace-record-card-bg-soft) !important;
border-color: var(--workspace-record-border-soft) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 16px 30px -28px rgba(2, 8, 20, 0.48) !important;
}
body:not(.home-landing-active) #adminSecurityModal .admin-security-header {
background: linear-gradient(180deg, rgba(11, 22, 44, 0.98) 0%, rgba(9, 22, 45, 0.94) 72%, rgba(9, 22, 45, 0) 100%) !important;
border-bottom: 1px solid var(--workspace-record-border-soft) !important;
}
body:not(.home-landing-active) #adminSecurityModal > .absolute {
background: rgba(2, 8, 20, 0.9) !important;
backdrop-filter: blur(18px) saturate(0.92) !important;
}
body:not(.home-landing-active) #adminSecurityModal button {
background: #ffffff !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
border-color: rgba(190, 214, 245, 0.72) !important;
box-shadow: 0 18px 34px -28px rgba(8, 20, 42, 0.34) !important;
}
body:not(.home-landing-active) #adminSecurityModal button * {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #adminSecurityModal #adminTotpStatusCard .inline-flex {
background: #ffffff !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
border-color: rgba(190, 214, 245, 0.72) !important;
box-shadow: 0 18px 34px -28px rgba(8, 20, 42, 0.22) !important;
}
body:not(.home-landing-active) #adminSecurityModal #adminTotpStatusCard .inline-flex * {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #adminSecurityModal button:hover:not(:disabled) {
background: #f8fafc !important;
border-color: rgba(148, 163, 184, 0.95) !important;
}
body:not(.home-landing-active) :is(
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminSecurityModal
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select) {
background: var(--workspace-record-white) !important;
border-color: rgba(190, 214, 245, 0.74) !important;
color: #0f172a !important;
caret-color: #2563eb !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 18px 32px -28px rgba(2, 8, 20, 0.42) !important;
}
body:not(.home-landing-active) :is(
#requestModal,
#quoteModal,
#requestMessagesModal,
#requestCloseModal,
#adminSecurityModal
) :is(input::placeholder, textarea::placeholder) {
color: #64748b !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #requestModal #requestPresetHint {
background: var(--workspace-record-card-bg-soft) !important;
border-color: var(--workspace-record-border-soft) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) :is(
#systemHealthOverview .system-health-overview-value,
#adminDirectoryOverview .admin-directory-overview-value,
#systemHealthOverview .system-health-overview-label,
#adminDirectoryOverview .admin-directory-overview-label
) {
text-shadow: none !important;
}
#requestsView:not(.hidden) {
display: flex !important;
flex-direction: column;
height: calc(100dvh - 142px);
min-height: 0;
overflow: hidden;
}
#requestsView .requests-view-head {
flex: 0 0 auto;
position: sticky;
top: 0;
z-index: 20;
margin-bottom: 0 !important;
padding-bottom: 14px;
background: rgba(2, 8, 20, 0.74);
backdrop-filter: blur(8px);
}
#requestsView .requests-view-head h2 {
color: #f8fbff !important;
text-shadow: 0 12px 30px rgba(0, 0, 0, 0.32);
}
#requestsView .requests-view-head p {
color: rgba(219, 234, 254, 0.78) !important;
}
#requestsView .requests-view-head p:first-child {
color: #38bdf8 !important;
}
#requestsViewList {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
padding-top: 16px;
padding-right: 6px;
scrollbar-width: thin;
}
@media (max-width: 767px) {
#requestsView:not(.hidden) {
height: calc(100dvh - 118px);
}
#requestsView .requests-view-head {
padding-bottom: 10px;
}
#requestsViewList {
padding-top: 12px;
}
}
.toolbar-actions .toolbar-icon-btn:not(#adminLogoutBtn) i,
.toolbar-actions .view-btn i,
.toolbar-actions .search-toggle-btn i,
#vipFilterBtn i {
color: currentColor !important;
-webkit-text-fill-color: currentColor !important;
opacity: 1 !important;
}
body.home-landing-active #vipFilterBtn,
body:not(.home-landing-active) #vipFilterBtn {
color: #dbeafe !important;
}
.toolbar-actions .toolbar-icon-btn:not(#adminLogoutBtn).is-active,
.toolbar-actions .view-btn.active,
.toolbar-actions .search-shell.expanded .search-toggle-btn,
body.home-landing-active #vipFilterBtn.is-active,
body:not(.home-landing-active) #vipFilterBtn.is-active {
color: #ffffff !important;
}
.toolbar-select-shell.has-selection .toolbar-select-icon i {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
@media (max-width: 959px) {
body.home-landing-active #toolbarFeatureZone .toolbar-icon-btn:not(#adminLogoutBtn):not(.is-active),
body:not(.home-landing-active) #toolbarFeatureZone .toolbar-icon-btn:not(#adminLogoutBtn):not(.is-active) {
border-color: rgba(88, 138, 205, 0.42) !important;
background: rgba(9, 27, 58, 0.68) !important;
color: #dbeafe !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035), 0 18px 42px -34px rgba(19,136,255,0.58) !important;
backdrop-filter: blur(8px);
}
body.home-landing-active #toolbarFeatureZone .toolbar-icon-btn:not(#adminLogoutBtn):not(.is-active):hover,
body:not(.home-landing-active) #toolbarFeatureZone .toolbar-icon-btn:not(#adminLogoutBtn):not(.is-active):hover {
border-color: rgba(125, 211, 252, 0.72) !important;
background: rgba(12, 39, 82, 0.78) !important;
color: #f8fbff !important;
}
body.home-landing-active #toolbarFeatureZone .toolbar-icon-btn.is-active,
body:not(.home-landing-active) #toolbarFeatureZone .toolbar-icon-btn.is-active {
border-color: rgba(125, 211, 252, 0.92) !important;
background: linear-gradient(135deg, rgba(14, 116, 255, 0.92) 0%, rgba(56, 189, 248, 0.88) 52%, rgba(224, 242, 254, 0.96) 100%) !important;
color: #ffffff !important;
}
body.home-landing-active #toolbarFeatureZone .toolbar-icon-btn i,
body:not(.home-landing-active) #toolbarFeatureZone .toolbar-icon-btn i {
color: currentColor !important;
-webkit-text-fill-color: currentColor !important;
opacity: 1 !important;
}
}
@media (min-width: 960px) {
body.home-landing-active {
--home-toolbar-btn-size: 38px;
--home-toolbar-radius: 14px;
--home-toolbar-gap: 5px;
--home-toolbar-bg: rgba(9, 27, 58, 0.86);
--home-toolbar-bg-hover: rgba(12, 39, 82, 0.9);
--home-toolbar-border: rgba(88, 138, 205, 0.48);
--home-toolbar-color: #dbeafe;
--home-toolbar-shadow: inset 0 0 0 1px rgba(255,255,255,0.035), 0 18px 42px -34px rgba(19,136,255,0.58);
}
body.home-landing-active .toolbar-right-rail,
body.home-landing-active .toolbar-feature-zone,
body.home-landing-active .toolbar-admin-group {
gap: var(--home-toolbar-gap) !important;
column-gap: var(--home-toolbar-gap) !important;
row-gap: var(--home-toolbar-gap) !important;
}
body.home-landing-active .toolbar-right-rail > *,
body.home-landing-active .toolbar-feature-zone > *,
body.home-landing-active .toolbar-admin-group > * {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.home-landing-active .toolbar-actions.auth-two-row #authUserPanel,
body.home-landing-active .toolbar-actions.auth-two-row #adminLogoutBtn {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.home-landing-active .toolbar-actions .toolbar-icon-btn,
body.home-landing-active .toolbar-actions .view-btn,
body.home-landing-active .toolbar-actions .search-toggle-btn {
width: var(--home-toolbar-btn-size) !important;
min-width: var(--home-toolbar-btn-size) !important;
max-width: var(--home-toolbar-btn-size) !important;
height: var(--home-toolbar-btn-size) !important;
min-height: var(--home-toolbar-btn-size) !important;
max-height: var(--home-toolbar-btn-size) !important;
flex: 0 0 var(--home-toolbar-btn-size) !important;
border-radius: var(--home-toolbar-radius) !important;
padding: 0 !important;
border-color: var(--home-toolbar-border) !important;
background: var(--home-toolbar-bg) !important;
color: var(--home-toolbar-color) !important;
box-shadow: var(--home-toolbar-shadow) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
backdrop-filter: blur(8px);
}
body.home-landing-active .toolbar-actions .toolbar-icon-btn.hidden,
body.home-landing-active .toolbar-actions .toolbar-text-btn.hidden,
body.home-landing-active .toolbar-actions .toolbar-manage-btn.hidden {
display: none !important;
}
body.home-landing-active .toolbar-actions .toolbar-text-btn {
height: var(--home-toolbar-btn-size) !important;
min-height: var(--home-toolbar-btn-size) !important;
max-height: var(--home-toolbar-btn-size) !important;
border-radius: var(--home-toolbar-radius) !important;
padding: 0 14px !important;
border-color: var(--home-toolbar-border) !important;
background: var(--home-toolbar-bg) !important;
color: var(--home-toolbar-color) !important;
box-shadow: var(--home-toolbar-shadow) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
backdrop-filter: blur(8px);
}
body.home-landing-active #quickManageBtn {
width: var(--home-toolbar-btn-size) !important;
min-width: var(--home-toolbar-btn-size) !important;
max-width: var(--home-toolbar-btn-size) !important;
flex: 0 0 var(--home-toolbar-btn-size) !important;
padding: 0 !important;
gap: 0 !important;
overflow: hidden !important;
font-size: 0 !important;
}
body.home-landing-active .toolbar-actions .toolbar-icon-btn.hidden,
body.home-landing-active .toolbar-actions .toolbar-text-btn.hidden,
body.home-landing-active .toolbar-actions .toolbar-manage-btn.hidden {
display: none !important;
}
body.home-landing-active .toolbar-actions .toolbar-icon-btn:hover,
body.home-landing-active .toolbar-actions .view-btn:hover,
body.home-landing-active .toolbar-actions .search-toggle-btn:hover,
body.home-landing-active .toolbar-actions .toolbar-text-btn:hover,
body.home-landing-active .toolbar-actions .toolbar-icon-btn.is-active,
body.home-landing-active .toolbar-actions .view-btn.active,
body.home-landing-active .toolbar-actions .search-shell.expanded .search-toggle-btn {
border-color: var(--home-toolbar-border) !important;
background: var(--home-toolbar-bg-hover) !important;
color: #f8fbff !important;
box-shadow: var(--home-toolbar-shadow) !important;
}
body.home-landing-active .toolbar-actions .toolbar-icon-btn i,
body.home-landing-active .toolbar-actions .view-btn i,
body.home-landing-active .toolbar-actions .search-toggle-btn i,
body.home-landing-active .toolbar-actions .toolbar-text-btn i {
color: currentColor !important;
-webkit-text-fill-color: currentColor !important;
font-size: 14px !important;
line-height: 1 !important;
margin: 0 !important;
opacity: 1 !important;
}
body.home-landing-active #authUserAvatar {
width: calc(var(--home-toolbar-btn-size) - 10px) !important;
height: calc(var(--home-toolbar-btn-size) - 10px) !important;
}
}
@media (min-width: 960px) and (max-width: 1200px) {
body.home-landing-active {
--home-toolbar-btn-size: 34px;
--home-toolbar-radius: 12px;
--home-toolbar-gap: 3px;
}
body.home-landing-active .toolbar-actions .toolbar-text-btn {
padding: 0 10px !important;
font-size: 9.4px !important;
}
}
@media (min-width: 1201px) and (max-width: 1440px) {
body.home-landing-active {
--home-toolbar-btn-size: 36px;
--home-toolbar-radius: 13px;
--home-toolbar-gap: 4px;
}
body.home-landing-active .toolbar-actions .toolbar-text-btn {
padding: 0 12px !important;
font-size: 10px !important;
}
}
@media (max-width: 759px) and (orientation: portrait) {
body.user-authenticated:not(.home-landing-active) .toolbar-primary-group {
--mobile-fit-control: clamp(36px, 10.2vw, 40px);
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
grid-auto-rows: var(--mobile-fit-control) !important;
align-items: stretch !important;
}
body.user-authenticated:not(.home-landing-active) .toolbar-title {
grid-column: 1 / span 3;
grid-row: 1;
}
body.user-authenticated:not(.home-landing-active) .toolbar-select-shell.type-shell {
grid-column: 4 / span 3;
grid-row: 1;
width: 100% !important;
}
body.user-authenticated:not(.home-landing-active) .toolbar-select-shell.tag-shell {
grid-column: 7 / span 3;
grid-row: 1;
width: 100% !important;
}
body.user-authenticated:not(.home-landing-active) .toolbar-select-shell.city-shell {
grid-column: 1 / span 4;
grid-row: 2;
width: 100% !important;
}
body.user-authenticated:not(.home-landing-active) .toolbar-select-shell.sort-shell {
grid-column: 5;
grid-row: 2;
width: 100% !important;
min-width: 0 !important;
height: var(--mobile-fit-control) !important;
}
body.user-authenticated:not(.home-landing-active) #mobileNearbyFilterBtn {
grid-column: 9;
grid-row: 2;
display: inline-flex !important;
}
body.user-authenticated:not(.home-landing-active) #view-list {
grid-column: 6;
grid-row: 2;
}
body.user-authenticated:not(.home-landing-active) #view-grid {
grid-column: 7;
grid-row: 2;
}
body.user-authenticated:not(.home-landing-active) #view-map {
grid-column: 8;
grid-row: 2;
}
body.user-authenticated:not(.home-landing-active) .toolbar-primary-group .toolbar-icon-btn,
body.user-authenticated:not(.home-landing-active) .toolbar-primary-group .view-btn,
body.user-authenticated:not(.home-landing-active) .toolbar-primary-group #mobileNearbyFilterBtn,
body.user-authenticated:not(.home-landing-active) .toolbar-primary-group .toolbar-select-shell.sort-shell {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
justify-self: stretch !important;
}
body.user-authenticated:not(.home-landing-active) .toolbar-primary-group .search-shell {
display: none !important;
}
body:not(.home-landing-active) .toolbar-primary-group {
--mobile-fit-control: clamp(36px, 10.2vw, 40px);
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
grid-auto-rows: var(--mobile-fit-control) !important;
align-items: stretch !important;
}
body:not(.home-landing-active) .toolbar-title {
grid-column: 1 / span 2;
grid-row: 1;
}
body:not(.home-landing-active) .toolbar-select-shell.type-shell {
grid-column: 3 / span 2;
grid-row: 1;
width: 100% !important;
}
body:not(.home-landing-active) .toolbar-select-shell.tag-shell {
grid-column: 5 / span 2;
grid-row: 1;
width: 100% !important;
}
body:not(.home-landing-active) .search-shell {
grid-column: 7;
grid-row: 1;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
justify-self: stretch !important;
}
body:not(.home-landing-active) .toolbar-select-shell.city-shell {
grid-column: 1 / span 2;
grid-row: 2;
width: 100% !important;
}
body:not(.home-landing-active) .toolbar-select-shell.sort-shell {
grid-column: 3;
grid-row: 2;
width: 100% !important;
min-width: 0 !important;
height: var(--mobile-fit-control) !important;
}
body:not(.home-landing-active) #view-list { grid-column: 4; grid-row: 2; }
body:not(.home-landing-active) #view-grid { grid-column: 5; grid-row: 2; }
body:not(.home-landing-active) #view-map { grid-column: 6; grid-row: 2; }
body:not(.home-landing-active) #mobileNearbyFilterBtn {
grid-column: 7;
grid-row: 2;
display: inline-flex !important;
}
body:not(.home-landing-active) .toolbar-primary-group .toolbar-icon-btn,
body:not(.home-landing-active) .toolbar-primary-group .view-btn,
body:not(.home-landing-active) .toolbar-primary-group .search-toggle-btn {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
justify-self: stretch !important;
}
body:not(.home-landing-active) .toolbar-primary-group .search-toggle-btn,
body:not(.home-landing-active) .toolbar-primary-group .search-expand-input {
width: 100% !important;
max-width: none !important;
}
body:not(.home-landing-active) .toolbar-primary-group .search-shell.expanded .search-toggle-btn {
width: var(--mobile-fit-control) !important;
min-width: var(--mobile-fit-control) !important;
max-width: var(--mobile-fit-control) !important;
}
body:not(.home-landing-active) .toolbar-primary-group .search-shell.expanded .search-expand-input {
padding-left: calc(var(--mobile-fit-control) + 10px) !important;
}
body:not(.home-landing-active) .toolbar-primary-group .toolbar-icon-btn,
body:not(.home-landing-active) .toolbar-primary-group .view-btn,
body:not(.home-landing-active) .toolbar-primary-group #mobileNearbyFilterBtn,
body:not(.home-landing-active) .toolbar-primary-group .search-shell,
body:not(.home-landing-active) .toolbar-primary-group .search-toggle-btn {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
justify-self: stretch !important;
}
body.user-guest:not(.home-landing-active) .toolbar-primary-group {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
body.user-guest:not(.home-landing-active) .toolbar-title,
body.user-guest:not(.home-landing-active) .toolbar-select-shell.type-shell,
body.user-guest:not(.home-landing-active) .toolbar-select-shell.tag-shell {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.user-guest:not(.home-landing-active) .toolbar-title {
grid-column: 1 / span 2;
grid-row: 1;
}
body.user-guest:not(.home-landing-active) .toolbar-select-shell.type-shell {
grid-column: 3 / span 2;
grid-row: 1;
}
body.user-guest:not(.home-landing-active) .toolbar-select-shell.tag-shell {
grid-column: 5 / span 2;
grid-row: 1;
}
body.user-guest:not(.home-landing-active) .toolbar-select-shell.city-shell {
grid-column: 1 / span 2;
grid-row: 2;
width: 100% !important;
}
body.user-guest:not(.home-landing-active) .toolbar-select-shell.sort-shell {
grid-column: 3;
grid-row: 2;
}
body.user-guest:not(.home-landing-active) #view-list { grid-column: 4; grid-row: 2; }
body.user-guest:not(.home-landing-active) #view-grid { grid-column: 5; grid-row: 2; }
body.user-guest:not(.home-landing-active) #view-map { grid-column: 6; grid-row: 2; }
body.user-guest:not(.home-landing-active) #mobileNearbyFilterBtn,
body.user-guest:not(.home-landing-active) .toolbar-primary-group .search-shell {
display: none !important;
}
body.user-guest:not(.home-landing-active) .toolbar-title-copy,
body.user-guest:not(.home-landing-active) .toolbar-select {
font-size: 10.5px !important;
}
body:not(.home-landing-active) .toolbar-right-rail {
--mobile-fit-control: clamp(36px, 10.2vw, 40px);
display: grid !important;
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
grid-auto-rows: var(--mobile-fit-control) !important;
grid-auto-flow: row dense !important;
gap: 4px !important;
width: 100% !important;
padding: 0 !important;
overflow: visible !important;
align-items: stretch !important;
justify-content: stretch !important;
}
body:not(.home-landing-active) .toolbar-right-rail .toolbar-icon-btn,
body:not(.home-landing-active) .toolbar-right-rail .view-btn {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--mobile-fit-control) !important;
flex: none !important;
}
body:not(.home-landing-active) .toolbar-right-rail .toolbar-text-btn,
body:not(.home-landing-active) .toolbar-right-rail .toolbar-manage-btn {
grid-column: span 2;
width: 100% !important;
max-width: none !important;
justify-content: flex-start !important;
padding: 0 8px !important;
gap: 4px !important;
font-size: 9px !important;
}
body:not(.home-landing-active) #quickManageBtn,
body:not(.home-landing-active) #authLoginBtn,
body:not(.home-landing-active) #authRegisterBtn {
grid-column: span 2;
}
body:not(.home-landing-active) #authUserPanel,
body:not(.home-landing-active) #adminLogoutBtn {
margin-left: 0 !important;
}
body:not(.home-landing-active) .toolbar-select-shell.sort-shell .toolbar-select {
height: var(--mobile-fit-control) !important;
border-radius: 13px !important;
padding: 0 !important;
}
body:not(.home-landing-active) .toolbar-select-shell.sort-shell .toolbar-select-icon {
inset: 0 !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
box-shadow: none !important;
border-radius: inherit !important;
}
body:not(.home-landing-active) .toolbar-select-shell.sort-shell .toolbar-select-icon i {
display: block;
font-size: 14px !important;
line-height: 1 !important;
margin: 0 !important;
}
}
.toolbar-title,
.toolbar-title.hero-iplik,
.toolbar-title.hero-dokuma,
.toolbar-title.hero-orme,
.toolbar-title.hero-boya,
.toolbar-title.hero-kimyasal,
.toolbar-title.hero-aksesuar,
.toolbar-title.hero-konfeksiyon,
.toolbar-title.hero-nakliye,
.toolbar-title.hero-makine,
.toolbar-title.hero-kumas,
.toolbar-title.hero-stok-kumas,
.toolbar-title.hero-2-kalite-kumas,
.toolbar-select,
.toolbar-actions .toolbar-text-btn,
.toolbar-actions .toolbar-icon-btn,
.toolbar-actions .view-btn,
.toolbar-actions .search-toggle-btn,
#authGuestControls button,
#quickManageBtn,
.search-expand-input {
border-color: rgba(88, 138, 205, 0.46) !important;
background: #081a35 !important;
background-image: none !important;
color: #f8fbff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}
.toolbar-title:hover,
.toolbar-select:hover,
.toolbar-actions .toolbar-text-btn:hover,
.toolbar-actions .toolbar-icon-btn:hover,
.toolbar-actions .view-btn:hover,
.toolbar-actions .search-toggle-btn:hover,
#authGuestControls button:hover,
#quickManageBtn:hover,
.search-expand-input:focus {
border-color: rgba(125, 211, 252, 0.68) !important;
background: #0c2548 !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08) !important;
outline: none !important;
}
.toolbar-actions .toolbar-icon-btn.is-active,
.toolbar-actions .view-btn.active,
.toolbar-actions .search-shell.expanded .search-toggle-btn,
.toolbar-select-shell.has-selection .toolbar-select,
.toolbar-select-shell.sort-shell.has-selection .toolbar-select,
.toolbar-select-shell.has-selection .toolbar-select-icon,
.toolbar-actions #adminLogoutBtn {
border-color: rgba(125, 211, 252, 0.72) !important;
background: #102d57 !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.09) !important;
}
.toolbar-select-shell:not(.sort-shell) .toolbar-select,
.toolbar-select-shell:not(.sort-shell).has-selection .toolbar-select {
background-image:
linear-gradient(#081a35, #081a35),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23f8fbff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat, no-repeat !important;
background-position: 0 0, right 10px center !important;
background-size: auto, 14px 14px !important;
}
.toolbar-select-shell.sort-shell .toolbar-select,
.toolbar-select-shell.sort-shell.has-selection .toolbar-select {
background: #081a35 !important;
background-image: none !important;
}
.toolbar-select option {
background: #081a35;
color: #f8fbff;
}
.search-expand-input::placeholder {
color: rgba(219, 234, 254, 0.72) !important;
}
.toolbar-title-icon,
.toolbar-select-shell:not(.sort-shell) .toolbar-select-icon,
#authUserAvatar {
background: #102949 !important;
color: #f8fbff !important;
border-color: rgba(88, 138, 205, 0.46) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08) !important;
}
.toolbar-select-shell.sort-shell .toolbar-select-icon {
background: transparent !important;
box-shadow: none !important;
}
.toolbar-title-copy,
#catTitle,
.toolbar-select,
.toolbar-actions .toolbar-text-btn,
.toolbar-actions .toolbar-icon-btn,
.toolbar-actions .view-btn,
.toolbar-actions .search-toggle-btn,
#authGuestControls button,
#quickManageBtn {
color: #f8fbff !important;
}
.toolbar-title-icon i,
.toolbar-select-icon i,
.toolbar-actions .toolbar-icon-btn i,
.toolbar-actions .view-btn i,
.toolbar-actions .search-toggle-btn i,
.toolbar-actions .toolbar-text-btn i {
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
opacity: 1 !important;
}
#toolbarPrimaryGroup .toolbar-icon-btn,
#toolbarPrimaryGroup .view-btn,
#toolbarPrimaryGroup .search-toggle-btn,
#toolbarFeatureZone .toolbar-icon-btn,
#toolbarFeatureZone .toolbar-text-btn,
#authControls .toolbar-icon-btn,
#authControls .toolbar-text-btn,
#searchShell .search-toggle-btn,
#authLoginBtn,
#authRegisterBtn,
#quickManageBtn,
#view-list,
#view-grid,
#view-map,
#mobileNearbyFilterBtn,
#vipFilterBtn,
#nearbyFilterBtn,
#comparePanelBtn,
#requestsBoardBtn,
#favoritesPanelBtn,
#notificationsBtn,
#adminSecurityBtn,
#backupDataBtn,
#activityLogBtn,
#adminDirectoryBtn,
#systemHealthBtn,
#pendingApprovalBtn,
#allPendingApprovalBtn,
#adminNewRecordBtn,
#authUserPanel,
#adminLogoutBtn {
border-color: rgba(88, 138, 205, 0.46) !important;
background: #081a35 !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}
#toolbarPrimaryGroup .toolbar-icon-btn:hover,
#toolbarPrimaryGroup .view-btn:hover,
#toolbarPrimaryGroup .search-toggle-btn:hover,
#toolbarFeatureZone .toolbar-icon-btn:hover,
#toolbarFeatureZone .toolbar-text-btn:hover,
#authControls .toolbar-icon-btn:hover,
#authControls .toolbar-text-btn:hover,
#searchShell .search-toggle-btn:hover,
#authLoginBtn:hover,
#authRegisterBtn:hover,
#quickManageBtn:hover,
#view-list:hover,
#view-grid:hover,
#view-map:hover,
#mobileNearbyFilterBtn:hover,
#vipFilterBtn:hover,
#nearbyFilterBtn:hover,
#comparePanelBtn:hover,
#requestsBoardBtn:hover,
#favoritesPanelBtn:hover,
#notificationsBtn:hover,
#adminSecurityBtn:hover,
#backupDataBtn:hover,
#activityLogBtn:hover,
#adminDirectoryBtn:hover,
#systemHealthBtn:hover,
#pendingApprovalBtn:hover,
#allPendingApprovalBtn:hover,
#adminNewRecordBtn:hover,
#authUserPanel:hover,
#adminLogoutBtn:hover {
border-color: rgba(125, 211, 252, 0.68) !important;
background: linear-gradient(135deg, #0f2f59 0%, #1a477f 100%) !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 14px 28px -18px rgba(59,130,246,0.36) !important;
}
#toolbarPrimaryGroup .toolbar-icon-btn.is-active,
#toolbarPrimaryGroup .view-btn.active,
#toolbarFeatureZone .toolbar-icon-btn.is-active,
#toolbarFeatureZone .toolbar-text-btn.is-active,
#authControls .toolbar-icon-btn.is-active,
#authControls .toolbar-text-btn.is-active,
#view-list.active,
#view-grid.active,
#view-map.active,
#mobileNearbyFilterBtn.is-active,
#vipFilterBtn.is-active,
#nearbyFilterBtn.is-active,
#comparePanelBtn.is-active,
#requestsBoardBtn.is-active,
#favoritesPanelBtn.is-active,
#notificationsBtn.is-active,
#adminSecurityBtn.is-active,
#backupDataBtn.is-active,
#activityLogBtn.is-active,
#visitorAnalyticsBtn.is-active,
#adminDirectoryBtn.is-active,
#systemHealthBtn.is-active,
#pendingApprovalBtn.is-active,
#allPendingApprovalBtn.is-active,
#adminNewRecordBtn.is-active,
#authUserPanel.is-active,
#adminLogoutBtn.is-active,
#searchShell.expanded .search-toggle-btn {
border-color: rgba(219, 234, 254, 0.98) !important;
background: linear-gradient(135deg, #3f82f7 0%, #67aefd 56%, #dff1ff 100%) !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), 0 18px 34px -20px rgba(125,211,252,0.82) !important;
}
#toolbarPrimaryGroup .toolbar-icon-btn i,
#toolbarPrimaryGroup .view-btn i,
#toolbarPrimaryGroup .search-toggle-btn i,
#toolbarFeatureZone .toolbar-icon-btn i,
#toolbarFeatureZone .toolbar-text-btn i,
#authControls .toolbar-icon-btn i,
#authControls .toolbar-text-btn i,
#searchShell .search-toggle-btn i,
#authLoginBtn i,
#authRegisterBtn i,
#quickManageBtn i,
#view-list i,
#view-grid i,
#view-map i,
#mobileNearbyFilterBtn i,
#vipFilterBtn i,
#nearbyFilterBtn i,
#comparePanelBtn i,
#requestsBoardBtn i,
#favoritesPanelBtn i,
#notificationsBtn i,
#adminSecurityBtn i,
#backupDataBtn i,
#activityLogBtn i,
#adminDirectoryBtn i,
#systemHealthBtn i,
#pendingApprovalBtn i,
#allPendingApprovalBtn i,
#adminNewRecordBtn i,
#authUserPanel i,
#adminLogoutBtn i {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
#authUserAvatar {
background: #102949 !important;
color: #ffffff !important;
border-color: rgba(88, 138, 205, 0.46) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08) !important;
width: 100% !important;
height: 100% !important;
min-width: 100% !important;
min-height: 100% !important;
border-radius: inherit !important;
overflow: hidden !important;
}
#authUserAvatar.has-photo {
background: transparent !important;
border-color: transparent !important;
border-width: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
#authUserAvatar.has-photo img {
width: 100% !important;
height: 100% !important;
display: block !important;
object-fit: cover !important;
border-radius: inherit !important;
}
@media (min-width: 960px) {
body.home-landing-active #mobileNearbyFilterBtn {
display: inline-flex !important;
}
body.home-landing-active #nearbyFilterBtn {
display: none !important;
}
body.home-landing-active #toolbarPrimaryGroup .toolbar-icon-btn,
body.home-landing-active #toolbarPrimaryGroup .view-btn,
body.home-landing-active #toolbarPrimaryGroup .search-toggle-btn,
body.home-landing-active #toolbarFeatureZone .toolbar-icon-btn,
body.home-landing-active #toolbarFeatureZone .toolbar-text-btn,
body.home-landing-active #authControls .toolbar-icon-btn,
body.home-landing-active #authControls .toolbar-text-btn,
body.home-landing-active #authLoginBtn,
body.home-landing-active #authRegisterBtn,
body.home-landing-active #quickManageBtn,
body.home-landing-active #mobileNearbyFilterBtn,
body.home-landing-active #adminLogoutBtn {
border-color: rgba(88, 138, 205, 0.46) !important;
background: #081a35 !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}
body.home-landing-active #toolbarPrimaryGroup .toolbar-icon-btn:hover,
body.home-landing-active #toolbarPrimaryGroup .view-btn:hover,
body.home-landing-active #toolbarPrimaryGroup .search-toggle-btn:hover,
body.home-landing-active #toolbarFeatureZone .toolbar-icon-btn:hover,
body.home-landing-active #toolbarFeatureZone .toolbar-text-btn:hover,
body.home-landing-active #authControls .toolbar-icon-btn:hover,
body.home-landing-active #authControls .toolbar-text-btn:hover,
body.home-landing-active #authLoginBtn:hover,
body.home-landing-active #authRegisterBtn:hover,
body.home-landing-active #quickManageBtn:hover,
body.home-landing-active #mobileNearbyFilterBtn:hover,
body.home-landing-active #adminLogoutBtn:hover {
border-color: rgba(125, 211, 252, 0.68) !important;
background: linear-gradient(135deg, #0f2f59 0%, #1a477f 100%) !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 14px 28px -18px rgba(59,130,246,0.36) !important;
}
body.home-landing-active #toolbarPrimaryGroup .toolbar-icon-btn.is-active,
body.home-landing-active #toolbarPrimaryGroup .view-btn.active,
body.home-landing-active #toolbarFeatureZone .toolbar-icon-btn.is-active,
body.home-landing-active #toolbarFeatureZone .toolbar-text-btn.is-active,
body.home-landing-active #authControls .toolbar-icon-btn.is-active,
body.home-landing-active #authControls .toolbar-text-btn.is-active,
body.home-landing-active #mobileNearbyFilterBtn.is-active,
body.home-landing-active #adminLogoutBtn.is-active,
body.home-landing-active #searchShell.expanded .search-toggle-btn {
border-color: rgba(219, 234, 254, 0.98) !important;
background: linear-gradient(135deg, #3f82f7 0%, #67aefd 56%, #dff1ff 100%) !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), 0 18px 34px -20px rgba(125,211,252,0.82) !important;
}
body.home-landing-active #toolbarPrimaryGroup .toolbar-icon-btn i,
body.home-landing-active #toolbarPrimaryGroup .view-btn i,
body.home-landing-active #toolbarPrimaryGroup .search-toggle-btn i,
body.home-landing-active #toolbarFeatureZone .toolbar-icon-btn i,
body.home-landing-active #toolbarFeatureZone .toolbar-text-btn i,
body.home-landing-active #authControls .toolbar-icon-btn i,
body.home-landing-active #authControls .toolbar-text-btn i,
body.home-landing-active #authLoginBtn i,
body.home-landing-active #authRegisterBtn i,
body.home-landing-active #quickManageBtn i,
body.home-landing-active #mobileNearbyFilterBtn i,
body.home-landing-active #adminLogoutBtn i {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
}
@media (max-width: 959px) {
#toolbarPrimaryGroup .toolbar-icon-btn,
#toolbarPrimaryGroup .view-btn,
#toolbarPrimaryGroup .search-toggle-btn,
#toolbarPrimaryGroup .toolbar-text-btn,
#toolbarPrimaryGroup .toolbar-manage-btn,
#toolbarRightRail .toolbar-icon-btn,
#toolbarRightRail .view-btn,
#toolbarRightRail .search-toggle-btn,
#toolbarRightRail .toolbar-text-btn,
#toolbarRightRail .toolbar-manage-btn,
#authLoginBtn,
#authRegisterBtn,
#quickManageBtn,
#mobileNearbyFilterBtn,
#authUserPanel,
#adminLogoutBtn {
-webkit-appearance: none !important;
appearance: none !important;
border-color: rgba(88, 138, 205, 0.46) !important;
background: #081a35 !important;
background-color: #081a35 !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}
#toolbarPrimaryGroup .toolbar-icon-btn:hover,
#toolbarPrimaryGroup .view-btn:hover,
#toolbarPrimaryGroup .search-toggle-btn:hover,
#toolbarPrimaryGroup .toolbar-text-btn:hover,
#toolbarPrimaryGroup .toolbar-manage-btn:hover,
#toolbarRightRail .toolbar-icon-btn:hover,
#toolbarRightRail .view-btn:hover,
#toolbarRightRail .search-toggle-btn:hover,
#toolbarRightRail .toolbar-text-btn:hover,
#toolbarRightRail .toolbar-manage-btn:hover,
#authLoginBtn:hover,
#authRegisterBtn:hover,
#quickManageBtn:hover,
#mobileNearbyFilterBtn:hover,
#authUserPanel:hover,
#adminLogoutBtn:hover {
border-color: rgba(125, 211, 252, 0.68) !important;
background: linear-gradient(135deg, #0f2f59 0%, #1a477f 100%) !important;
background-color: #0f2f59 !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 14px 28px -18px rgba(59,130,246,0.36) !important;
}
#toolbarPrimaryGroup .toolbar-icon-btn.is-active,
#toolbarPrimaryGroup .view-btn.active,
#toolbarPrimaryGroup .toolbar-text-btn.is-active,
#toolbarRightRail .toolbar-icon-btn.is-active,
#toolbarRightRail .view-btn.active,
#toolbarRightRail .toolbar-text-btn.is-active,
#mobileNearbyFilterBtn.is-active,
#authUserPanel.is-active,
#adminLogoutBtn.is-active,
#searchShell.expanded .search-toggle-btn {
border-color: rgba(219, 234, 254, 0.98) !important;
background: linear-gradient(135deg, #3f82f7 0%, #67aefd 56%, #dff1ff 100%) !important;
background-color: #3f82f7 !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), 0 18px 34px -20px rgba(125,211,252,0.82) !important;
}
#toolbarPrimaryGroup .toolbar-icon-btn i,
#toolbarPrimaryGroup .view-btn i,
#toolbarPrimaryGroup .search-toggle-btn i,
#toolbarPrimaryGroup .toolbar-text-btn i,
#toolbarPrimaryGroup .toolbar-manage-btn i,
#toolbarRightRail .toolbar-icon-btn i,
#toolbarRightRail .view-btn i,
#toolbarRightRail .search-toggle-btn i,
#toolbarRightRail .toolbar-text-btn i,
#toolbarRightRail .toolbar-manage-btn i,
#authLoginBtn i,
#authRegisterBtn i,
#quickManageBtn i,
#mobileNearbyFilterBtn i,
#authUserPanel i,
#adminLogoutBtn i {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
}
@media (max-width: 959px) {
body.home-landing-active {
--home-toolbar-btn-size: 36px;
--home-toolbar-radius: 13px;
--home-toolbar-gap: 4px;
--home-toolbar-cols: 4;
--home-toolbar-text-size: 9.8px;
}
body.viewport-mobile-xs.home-landing-active {
--home-toolbar-btn-size: 34px;
--home-toolbar-gap: 4px;
--home-toolbar-cols: 4;
--home-toolbar-text-size: 9px;
}
body.viewport-mobile-sm.home-landing-active {
--home-toolbar-btn-size: 35px;
--home-toolbar-gap: 4px;
--home-toolbar-cols: 4;
--home-toolbar-text-size: 9.4px;
}
body.viewport-mobile-md.home-landing-active {
--home-toolbar-btn-size: 36px;
--home-toolbar-gap: 4px;
--home-toolbar-cols: 4;
--home-toolbar-text-size: 9.8px;
}
body.viewport-mobile-lg.home-landing-active {
--home-toolbar-btn-size: 38px;
--home-toolbar-gap: 5px;
--home-toolbar-cols: 5;
--home-toolbar-text-size: 10px;
}
body.home-landing-active .toolbar-main-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: var(--home-toolbar-gap) !important;
align-items: stretch !important;
}
body.home-landing-active .toolbar-primary-group {
width: 100% !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-auto-rows: var(--home-toolbar-btn-size) !important;
gap: var(--home-toolbar-gap) !important;
overflow: visible !important;
}
body.home-landing-active .toolbar-title {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--home-toolbar-btn-size) !important;
}
body.home-landing-active .toolbar-title-content {
padding: 0 10px !important;
}
body.home-landing-active .toolbar-right-rail {
width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-auto-rows: auto !important;
gap: var(--home-toolbar-gap) !important;
justify-content: stretch !important;
align-items: stretch !important;
overflow: visible !important;
touch-action: auto !important;
}
body.home-landing-active .toolbar-feature-zone,
body.home-landing-active .toolbar-admin-group {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: repeat(var(--home-toolbar-cols), minmax(0, 1fr)) !important;
grid-auto-rows: var(--home-toolbar-btn-size) !important;
gap: var(--home-toolbar-gap) !important;
align-items: stretch !important;
justify-content: stretch !important;
overflow: visible !important;
touch-action: auto !important;
}
body.home-landing-active .toolbar-feature-zone.is-empty,
body.home-landing-active .toolbar-admin-group.is-empty,
body.home-landing-active .toolbar-right-rail.is-empty {
display: none !important;
}
body.home-landing-active .toolbar-actions .toolbar-icon-btn,
body.home-landing-active .toolbar-actions .view-btn,
body.home-landing-active .toolbar-actions .search-toggle-btn,
body.home-landing-active #authUserPanel,
body.home-landing-active #adminLogoutBtn {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--home-toolbar-btn-size) !important;
min-height: var(--home-toolbar-btn-size) !important;
max-height: var(--home-toolbar-btn-size) !important;
flex: none !important;
justify-self: stretch !important;
}
body.home-landing-active .toolbar-actions .toolbar-text-btn,
body.home-landing-active #quickManageBtn {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--home-toolbar-btn-size) !important;
min-height: var(--home-toolbar-btn-size) !important;
max-height: var(--home-toolbar-btn-size) !important;
grid-column: span 2;
padding: 0 8px !important;
font-size: var(--home-toolbar-text-size) !important;
justify-content: center !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.home-landing-active #authLoginBtn,
body.home-landing-active #quickManageBtn {
grid-column: 1 / span 2;
}
body.home-landing-active #authRegisterBtn {
grid-column: 3 / span 2;
}
body.viewport-mobile-xs.home-landing-active .toolbar-title-copy {
font-size: 10px !important;
}
body.viewport-mobile-xs.home-landing-active .toolbar-actions .toolbar-icon-btn i,
body.viewport-mobile-xs.home-landing-active .toolbar-actions .view-btn i,
body.viewport-mobile-xs.home-landing-active .toolbar-actions .search-toggle-btn i {
font-size: 13px !important;
}
body.home-landing-active.user-guest .toolbar-right-rail,
body.home-landing-active.user-guest .toolbar-feature-zone,
body.home-landing-active.user-guest .toolbar-admin-group {
display: none !important;
}
}
@media (max-width: 959px) {
body:not(.home-landing-active) .toolbar-right-rail {
display: flex !important;
flex-wrap: wrap !important;
grid-template-columns: none !important;
grid-auto-rows: auto !important;
grid-auto-flow: row !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 4px !important;
row-gap: 4px !important;
padding: 0 !important;
}
body:not(.home-landing-active) .toolbar-feature-zone,
body:not(.home-landing-active) .toolbar-admin-group {
display: contents !important;
}
body:not(.home-landing-active) .toolbar-right-rail .toolbar-text-btn,
body:not(.home-landing-active) .toolbar-right-rail .toolbar-manage-btn,
body:not(.home-landing-active) #quickManageBtn,
body:not(.home-landing-active) #authLoginBtn,
body:not(.home-landing-active) #authRegisterBtn {
grid-column: auto !important;
width: auto !important;
min-width: max-content !important;
max-width: none !important;
flex: 0 0 auto !important;
justify-content: center !important;
}
body:not(.home-landing-active) #authUserPanel,
body:not(.home-landing-active) #adminLogoutBtn {
margin-left: 0 !important;
}
}
@media (min-width: 960px) and (max-width: 1400px) {
.toolbar-actions.auth-two-row .toolbar-right-rail {
flex-wrap: nowrap !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 6px !important;
row-gap: 0 !important;
padding: 0 0 2px 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
}
.toolbar-actions.auth-two-row .toolbar-right-rail::-webkit-scrollbar {
display: none !important;
}
.toolbar-actions.auth-two-row #authUserPanel,
.toolbar-actions.auth-two-row #adminLogoutBtn {
margin-left: 0 !important;
}
}
@media (max-width: 1200px) {
#firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons {
gap: 4px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .supplier-grid-actions > .flex,
#firmList.list-mode .supplier-side .flex.gap-3.flex-wrap {
gap: 4px !important;
}
#firmList:not(.list-mode) .supplier-grid-card .contact-actions,
#firmList.list-mode .contact-actions {
gap: 3px !important;
}
}
@media (min-width: 960px) {
#firmList.list-mode {
gap: 10px !important;
}
#firmList.list-mode .supplier-card {
padding: 14px 18px !important;
border-radius: 26px !important;
overflow: hidden !important;
}
#firmList.list-mode .supplier-card-highlight,
#firmList.list-mode .firm-card[data-pinned="true"] {
box-shadow:
inset 0 0 0 2px rgba(250, 204, 21, 0.84),
0 18px 42px -34px rgba(161, 98, 7, 0.44) !important;
}
#firmList.list-mode .supplier-card-highlight::before,
#firmList.list-mode .firm-card[data-pinned="true"]::before {
inset: 0 !important;
padding: 2px !important;
border-radius: inherit !important;
}
#firmList.list-mode .supplier-shell {
gap: 18px !important;
align-items: stretch !important;
}
#firmList.list-mode .supplier-main {
flex: 1 1 auto !important;
min-width: 0 !important;
}
#firmList.list-mode .supplier-side {
width: 31% !important;
min-width: 300px !important;
max-width: 390px !important;
padding-left: 14px !important;
padding-top: 0 !important;
justify-content: center !important;
}
#firmList.list-mode .firm-card-top-shell {
margin-bottom: 8px !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface {
margin: 0 0 8px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
clip-path: none !important;
overflow: visible !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
#firmList.list-mode .supplier-card .vip-plan-surface::before,
#firmList.list-mode .supplier-card .vip-plan-surface::after {
content: none !important;
}
#firmList.list-mode .supplier-main > .flex.gap-4.items-start.mb-5,
#firmList.list-mode .vip-plan-surface-list > .flex.gap-4.items-start.mb-5 {
gap: 10px !important;
margin-bottom: 0 !important;
min-height: 52px !important;
align-items: center !important;
}
#firmList.list-mode .supplier-logo {
width: 52px !important;
height: 52px !important;
min-width: 52px !important;
border-radius: 16px !important;
}
#firmList.list-mode .supplier-main button[onclick^="openFirmProfile"] {
font-size: 24px !important;
line-height: 1 !important;
letter-spacing: -0.04em !important;
}
#firmList.list-mode .list-card-location-row {
margin-top: 2px !important;
}
#firmList.list-mode .location-line .location-link,
#firmList.list-mode .location-line p {
font-size: 12px !important;
line-height: 1.1 !important;
}
#firmList.list-mode .location-line .top-status-icon,
#firmList.list-mode .location-line .map-inline-btn {
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
}
#firmList.list-mode .supplier-list-tags {
gap: 6px !important;
min-height: 32px !important;
max-height: 32px !important;
margin-bottom: 8px !important;
flex-wrap: nowrap !important;
overflow: hidden !important;
}
#firmList.list-mode .supplier-list-tags .info-pill {
min-height: 28px !important;
padding: 0 10px !important;
font-size: 10px !important;
flex: 0 0 auto !important;
max-width: 220px !important;
}
#firmList.list-mode .supplier-card-context {
gap: 6px !important;
margin-top: 0 !important;
}
#firmList.list-mode .supplier-list-quote {
min-height: 40px !important;
max-height: 40px !important;
border-radius: 14px !important;
padding: 9px 12px !important;
}
#firmList.list-mode .supplier-list-quote p {
display: block !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: 12px !important;
line-height: 20px !important;
max-height: 20px !important;
}
#firmList.list-mode .supplier-person-line {
padding-top: 0 !important;
margin-top: 0 !important;
}
#firmList.list-mode .contact-row {
padding: 3px 0 !important;
gap: 7px !important;
}
#firmList.list-mode .contact-row + .contact-row {
padding-top: 3px !important;
}
#firmList.list-mode .contact-main {
gap: 8px !important;
}
#firmList.list-mode .contact-main > img,
#firmList.list-mode .contact-main > div:first-child {
width: 34px !important;
height: 34px !important;
flex: 0 0 34px !important;
}
#firmList.list-mode .contact-name {
font-size: 13px !important;
line-height: 1.05 !important;
}
#firmList.list-mode .contact-role {
font-size: 9px !important;
line-height: 1.05 !important;
margin-top: 2px !important;
}
#firmList.list-mode .contact-actions {
gap: 5px !important;
}
#firmList.list-mode .contact-action-btn {
width: 34px !important;
height: 34px !important;
border-radius: 11px !important;
}
#firmList.list-mode .supplier-side .flex.gap-3.flex-wrap {
flex-wrap: nowrap !important;
gap: 7px !important;
margin-top: 8px !important;
padding-top: 8px !important;
overflow: hidden !important;
}
#firmList.list-mode .action-btn {
width: 44px !important;
height: 40px !important;
min-width: 44px !important;
border-radius: 12px !important;
}
}
@media (max-width: 959px) {
body.home-landing-active .toolbar-right-rail,
body:not(.home-landing-active) .toolbar-right-rail {
--mobile-rail-btn-size: clamp(34px, 9.8vw, 38px);
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 4px !important;
row-gap: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 0 0 4px 0 !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior-x: contain !important;
touch-action: pan-x !important;
grid-template-columns: none !important;
grid-auto-rows: auto !important;
grid-auto-flow: column !important;
}
body.home-landing-active .toolbar-right-rail::-webkit-scrollbar,
body:not(.home-landing-active) .toolbar-right-rail::-webkit-scrollbar {
display: none;
}
body.home-landing-active .toolbar-feature-zone,
body.home-landing-active .toolbar-admin-group,
body:not(.home-landing-active) .toolbar-feature-zone,
body:not(.home-landing-active) .toolbar-admin-group {
display: flex !important;
flex: 0 0 auto !important;
align-items: center !important;
gap: 4px !important;
flex-wrap: nowrap !important;
min-width: max-content !important;
width: auto !important;
max-width: none !important;
overflow: visible !important;
padding: 0 !important;
margin: 0 !important;
}
body.home-landing-active .toolbar-feature-zone.is-empty,
body.home-landing-active .toolbar-admin-group.is-empty,
body:not(.home-landing-active) .toolbar-feature-zone.is-empty,
body:not(.home-landing-active) .toolbar-admin-group.is-empty {
display: none !important;
}
body.home-landing-active .toolbar-right-rail .toolbar-icon-btn,
body.home-landing-active .toolbar-right-rail .view-btn,
body.home-landing-active .toolbar-right-rail .search-toggle-btn,
body.home-landing-active #authUserPanel,
body.home-landing-active #adminLogoutBtn,
body:not(.home-landing-active) .toolbar-right-rail .toolbar-icon-btn,
body:not(.home-landing-active) .toolbar-right-rail .view-btn,
body:not(.home-landing-active) .toolbar-right-rail .search-toggle-btn,
body:not(.home-landing-active) #authUserPanel,
body:not(.home-landing-active) #adminLogoutBtn {
width: var(--mobile-rail-btn-size) !important;
min-width: var(--mobile-rail-btn-size) !important;
max-width: var(--mobile-rail-btn-size) !important;
height: var(--mobile-rail-btn-size) !important;
min-height: var(--mobile-rail-btn-size) !important;
max-height: var(--mobile-rail-btn-size) !important;
flex: 0 0 auto !important;
border-radius: 13px !important;
}
body.home-landing-active .toolbar-right-rail .toolbar-icon-btn i,
body.home-landing-active .toolbar-right-rail .view-btn i,
body.home-landing-active .toolbar-right-rail .search-toggle-btn i,
body:not(.home-landing-active) .toolbar-right-rail .toolbar-icon-btn i,
body:not(.home-landing-active) .toolbar-right-rail .view-btn i,
body:not(.home-landing-active) .toolbar-right-rail .search-toggle-btn i {
font-size: 13px !important;
}
body.home-landing-active .toolbar-right-rail .toolbar-text-btn,
body.home-landing-active .toolbar-right-rail .toolbar-manage-btn,
body:not(.home-landing-active) .toolbar-right-rail .toolbar-text-btn,
body:not(.home-landing-active) .toolbar-right-rail .toolbar-manage-btn {
height: var(--mobile-rail-btn-size) !important;
min-height: var(--mobile-rail-btn-size) !important;
max-height: var(--mobile-rail-btn-size) !important;
grid-column: auto !important;
width: auto !important;
min-width: max-content !important;
max-width: none !important;
flex: 0 0 auto !important;
padding: 0 10px !important;
border-radius: 13px !important;
justify-content: center !important;
white-space: nowrap !important;
}
body.home-landing-active .toolbar-right-rail .search-shell,
body:not(.home-landing-active) .toolbar-right-rail .search-shell {
width: var(--mobile-rail-btn-size) !important;
min-width: var(--mobile-rail-btn-size) !important;
max-width: var(--mobile-rail-btn-size) !important;
height: var(--mobile-rail-btn-size) !important;
flex: 0 0 auto !important;
overflow: visible !important;
}
body.home-landing-active .toolbar-right-rail .search-shell.expanded,
body:not(.home-landing-active) .toolbar-right-rail .search-shell.expanded {
width: min(176px, calc(100vw - 32px)) !important;
min-width: min(176px, calc(100vw - 32px)) !important;
max-width: min(176px, calc(100vw - 32px)) !important;
flex-basis: min(176px, calc(100vw - 32px)) !important;
z-index: 18 !important;
}
body.home-landing-active .toolbar-right-rail .search-shell .search-toggle-btn,
body:not(.home-landing-active) .toolbar-right-rail .search-shell .search-toggle-btn {
width: var(--mobile-rail-btn-size) !important;
min-width: var(--mobile-rail-btn-size) !important;
max-width: var(--mobile-rail-btn-size) !important;
}
body.home-landing-active .toolbar-right-rail .search-shell .search-expand-input,
body:not(.home-landing-active) .toolbar-right-rail .search-shell .search-expand-input {
width: var(--mobile-rail-btn-size) !important;
min-width: var(--mobile-rail-btn-size) !important;
max-width: var(--mobile-rail-btn-size) !important;
padding-left: calc(var(--mobile-rail-btn-size) + 10px) !important;
}
body.home-landing-active .toolbar-right-rail .search-shell.expanded .search-expand-input,
body:not(.home-landing-active) .toolbar-right-rail .search-shell.expanded .search-expand-input {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
body.home-landing-active #authUserPanel,
body.home-landing-active #adminLogoutBtn,
body:not(.home-landing-active) #authUserPanel,
body:not(.home-landing-active) #adminLogoutBtn {
margin-left: 0 !important;
order: 0 !important;
}
}
@media (max-width: 759px) and (orientation: portrait) {
body:not(.home-landing-active) .toolbar-main-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-auto-rows: auto !important;
row-gap: 3px !important;
align-items: start !important;
}
body:not(.home-landing-active) #toolbarPrimaryGroup > .toolbar-filter-group,
body:not(.home-landing-active) #toolbarPrimaryGroup > #searchShell {
display: none !important;
}
body.user-guest:not(.home-landing-active) .toolbar-primary-group,
body.user-authenticated:not(.home-landing-active) .toolbar-primary-group,
body:not(.home-landing-active) .toolbar-primary-group {
--mobile-fit-control: clamp(36px, 10vw, 40px);
width: 100% !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: minmax(124px, 1.45fr) repeat(4, minmax(0, var(--mobile-fit-control))) !important;
grid-auto-rows: var(--mobile-fit-control) !important;
gap: 4px !important;
align-items: stretch !important;
}
body.user-guest:not(.home-landing-active) .toolbar-title,
body.user-authenticated:not(.home-landing-active) .toolbar-title,
body:not(.home-landing-active) .toolbar-title {
grid-column: 1;
grid-row: 1;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.user-guest:not(.home-landing-active) .toolbar-title-content,
body.user-authenticated:not(.home-landing-active) .toolbar-title-content,
body:not(.home-landing-active) .toolbar-title-content {
gap: 5px !important;
padding: 0 9px !important;
}
body.user-guest:not(.home-landing-active) .toolbar-title-copy,
body.user-authenticated:not(.home-landing-active) .toolbar-title-copy,
body:not(.home-landing-active) .toolbar-title-copy {
font-size: 10px !important;
letter-spacing: -0.02em !important;
}
body.user-guest:not(.home-landing-active) .toolbar-view-switch,
body.user-authenticated:not(.home-landing-active) .toolbar-view-switch,
body:not(.home-landing-active) .toolbar-view-switch {
grid-column: 2 / span 3;
grid-row: 1;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 4px !important;
box-shadow: none !important;
align-self: stretch !important;
}
body.user-guest:not(.home-landing-active) .toolbar-view-switch .view-btn,
body.user-authenticated:not(.home-landing-active) .toolbar-view-switch .view-btn,
body:not(.home-landing-active) .toolbar-view-switch .view-btn {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--mobile-fit-control) !important;
flex: none !important;
justify-self: stretch !important;
}
body.user-guest:not(.home-landing-active) #mobileNearbyFilterBtn,
body.user-authenticated:not(.home-landing-active) #mobileNearbyFilterBtn,
body:not(.home-landing-active) #mobileNearbyFilterBtn {
grid-column: 5;
grid-row: 1;
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--mobile-fit-control) !important;
min-height: var(--mobile-fit-control) !important;
max-height: var(--mobile-fit-control) !important;
flex: none !important;
justify-self: stretch !important;
}
body.user-guest:not(.home-landing-active) #view-list,
body.user-guest:not(.home-landing-active) #view-grid,
body.user-guest:not(.home-landing-active) #view-map,
body.user-authenticated:not(.home-landing-active) #view-list,
body.user-authenticated:not(.home-landing-active) #view-grid,
body.user-authenticated:not(.home-landing-active) #view-map,
body:not(.home-landing-active) #view-list,
body:not(.home-landing-active) #view-grid,
body:not(.home-landing-active) #view-map {
grid-column: auto !important;
grid-row: auto !important;
}
body:not(.home-landing-active) .toolbar-right-rail {
width: 100% !important;
margin-top: -1px !important;
padding: 0 0 2px 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
touch-action: pan-x !important;
}
body:not(.home-landing-active) .toolbar-feature-zone,
body:not(.home-landing-active) .toolbar-admin-group {
gap: 4px !important;
}
}
@media (min-width: 960px) {
/* Keep the desktop toolbar on a single line and reserve the far-right edge for auth/admin actions. */
body .toolbar-actions {
overflow-x: hidden !important;
overflow-y: visible !important;
scrollbar-width: none !important;
overscroll-behavior-x: contain !important;
}
body .toolbar-actions::-webkit-scrollbar {
display: none !important;
}
body .toolbar-actions .toolbar-main-row {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
body .toolbar-actions .toolbar-primary-group {
flex: 0 0 auto !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: nowrap !important;
gap: 6px !important;
overflow: visible !important;
}
body .toolbar-actions .toolbar-right-rail {
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 6px !important;
margin-left: auto !important;
padding-left: 0 !important;
overflow: visible !important;
}
body .toolbar-actions .toolbar-feature-zone,
body .toolbar-actions .toolbar-admin-group {
display: contents !important;
}
body .toolbar-actions .toolbar-right-rail.is-empty,
body .toolbar-actions .toolbar-feature-zone.is-empty,
body .toolbar-actions .toolbar-admin-group.is-empty {
display: none !important;
}
body .toolbar-actions .toolbar-primary-group > *,
body .toolbar-actions .toolbar-right-rail > *,
body .toolbar-actions .toolbar-feature-zone > *,
body .toolbar-actions .toolbar-admin-group > * {
flex: 0 0 auto !important;
min-width: 0 !important;
}
body .toolbar-actions .toolbar-title {
width: clamp(142px, 10vw, 168px) !important;
min-width: 142px !important;
max-width: 168px !important;
height: 46px !important;
border-radius: 18px !important;
}
body .toolbar-actions .toolbar-title-content {
gap: 7px !important;
padding: 0 10px !important;
}
body .toolbar-actions .toolbar-title-icon {
width: 24px !important;
height: 24px !important;
}
body .toolbar-actions .toolbar-title-copy {
font-size: 12.4px !important;
}
body .toolbar-actions .toolbar-view-switch {
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex-wrap: nowrap !important;
}
body .toolbar-actions .toolbar-right-rail {
min-height: 46px !important;
}
body .toolbar-actions .toolbar-icon-btn,
body .toolbar-actions .view-btn,
body .toolbar-actions .search-toggle-btn {
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
border-radius: 16px !important;
}
body .toolbar-actions .toolbar-icon-btn i,
body .toolbar-actions .view-btn i,
body .toolbar-actions .search-toggle-btn i,
body .toolbar-actions .toolbar-title-icon i {
font-size: 16px !important;
line-height: 1 !important;
}
body .toolbar-actions .toolbar-text-btn,
body .toolbar-actions .toolbar-manage-btn,
body .toolbar-actions #quickManageBtn {
height: 46px !important;
min-height: 46px !important;
border-radius: 16px !important;
padding: 0 14px !important;
font-size: 11.5px !important;
}
body .toolbar-actions .search-shell {
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
}
body .toolbar-actions .search-expand-input {
width: 46px !important;
height: 46px !important;
border-radius: 16px !important;
padding-left: 44px !important;
font-size: 12px !important;
}
body .toolbar-actions .search-shell.expanded,
body .toolbar-actions .search-shell.expanded .search-expand-input {
width: 188px !important;
min-width: 188px !important;
}
body .toolbar-actions #view-list,
body .toolbar-actions #view-grid,
body .toolbar-actions #view-map,
body .toolbar-actions #nearbyFilterBtn,
body .toolbar-actions #comparePanelBtn,
body .toolbar-actions #requestsBoardBtn,
body .toolbar-actions #favoritesPanelBtn,
body .toolbar-actions #notificationsBtn,
body .toolbar-actions #adminSecurityBtn,
body .toolbar-actions #backupDataBtn,
body .toolbar-actions #activityLogBtn,
body .toolbar-actions #adminDirectoryBtn,
body .toolbar-actions #systemHealthBtn,
body .toolbar-actions #adminNewRecordBtn,
body .toolbar-actions #authUserPanel,
body .toolbar-actions #adminLogoutBtn,
body .toolbar-actions #mobileNearbyFilterBtn {
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
border-radius: 16px !important;
}
body .toolbar-actions #view-list i,
body .toolbar-actions #view-grid i,
body .toolbar-actions #view-map i,
body .toolbar-actions #nearbyFilterBtn i,
body .toolbar-actions #comparePanelBtn i,
body .toolbar-actions #requestsBoardBtn i,
body .toolbar-actions #favoritesPanelBtn i,
body .toolbar-actions #notificationsBtn i,
body .toolbar-actions #adminSecurityBtn i,
body .toolbar-actions #backupDataBtn i,
body .toolbar-actions #activityLogBtn i,
body .toolbar-actions #adminDirectoryBtn i,
body .toolbar-actions #systemHealthBtn i,
body .toolbar-actions #adminNewRecordBtn i,
body .toolbar-actions #authUserPanel i,
body .toolbar-actions #adminLogoutBtn i,
body .toolbar-actions #mobileNearbyFilterBtn i {
font-size: 16px !important;
line-height: 1 !important;
}
body .toolbar-actions #authLoginBtn,
body .toolbar-actions #authRegisterBtn,
body .toolbar-actions #quickManageBtn {
height: 46px !important;
min-height: 46px !important;
border-radius: 16px !important;
padding: 0 18px !important;
font-size: 12px !important;
}
body .toolbar-actions #searchShell {
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
}
body .toolbar-actions #searchShell .search-toggle-btn {
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
border-radius: 16px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
font-size: 12px !important;
}
body .toolbar-actions #searchShell .search-expand-input {
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
border-radius: 16px !important;
padding-left: 44px !important;
box-sizing: border-box !important;
font-size: 12px !important;
}
body .toolbar-actions #searchShell .search-toggle-btn i {
font-size: 16px !important;
line-height: 1 !important;
}
body .toolbar-actions #searchShell.expanded,
body .toolbar-actions #searchShell.expanded .search-expand-input {
width: 164px !important;
min-width: 164px !important;
}
body:not(.home-landing-active) .toolbar-actions #mobileNearbyFilterBtn {
display: inline-flex !important;
order: 50 !important;
}
body:not(.home-landing-active) .toolbar-actions #nearbyFilterBtn {
display: none !important;
}
body:not(.home-landing-active) .toolbar-actions #searchShell {
order: 10;
}
body.user-guest .toolbar-actions #authLoginBtn {
order: 20;
}
body.user-guest .toolbar-actions #authRegisterBtn {
order: 30;
}
body.user-authenticated:not(.admin-toolbar-active) .toolbar-actions #comparePanelBtn { order: 20; }
body.user-authenticated:not(.admin-toolbar-active) .toolbar-actions #requestsBoardBtn { order: 30; }
body.user-authenticated:not(.admin-toolbar-active) .toolbar-actions #favoritesPanelBtn { order: 40; }
body.user-authenticated:not(.admin-toolbar-active) .toolbar-actions #notificationsBtn { order: 50; }
body.user-authenticated:not(.admin-toolbar-active) .toolbar-actions #quickManageBtn {
order: 60;
margin-left: 0 !important;
}
body.user-authenticated:not(.admin-toolbar-active) .toolbar-actions #authUserPanel { order: 70; }
body.user-authenticated:not(.admin-toolbar-active) .toolbar-actions #adminLogoutBtn { order: 80; }
body.admin-toolbar-active .toolbar-actions #comparePanelBtn { order: 20; }
body.admin-toolbar-active .toolbar-actions #requestsBoardBtn { order: 30; }
body.admin-toolbar-active .toolbar-actions #favoritesPanelBtn { order: 40; }
body.admin-toolbar-active .toolbar-actions #notificationsBtn { order: 50; }
body.admin-toolbar-active .toolbar-actions #quickManageBtn { order: 60; }
body.admin-toolbar-active .toolbar-actions #adminSecurityBtn {
order: 70;
margin-left: 0 !important;
}
body.admin-toolbar-active .toolbar-actions #backupDataBtn { order: 80; }
body.admin-toolbar-active .toolbar-actions #activityLogBtn { order: 90; }
body.admin-toolbar-active .toolbar-actions #adminDirectoryBtn { order: 100; }
body.admin-toolbar-active .toolbar-actions #systemHealthBtn { order: 110; }
body.admin-toolbar-active .toolbar-actions #adminNewRecordBtn { order: 120; }
body.admin-toolbar-active .toolbar-actions #authUserPanel { order: 130; }
body.admin-toolbar-active .toolbar-actions #adminLogoutBtn { order: 140; }
}
#modal #modalTitle {
color: #f8fbff !important;
text-shadow: none !important;
}
#modal #cancelModalBtn {
color: #0f172a !important;
text-shadow: none !important;
}
#modal #saveBtn {
color: #ffffff !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #requestModal #requestQuickTags button,
body:not(.home-landing-active) #requestModal #requestQuickTags button:hover,
body:not(.home-landing-active) #requestModal #requestQuickTags button.selection-accent-btn,
body:not(.home-landing-active) #requestModal #requestQuickTags button.selection-accent-btn span {
color: #0f172a !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #requestModal #requestQuickTagsCard,
body:not(.home-landing-active) #requestModal #requestQuickTagsCard h4,
body:not(.home-landing-active) #requestModal #requestQuickTagsCard .tag-section-title,
body:not(.home-landing-active) #requestModal #requestQuickTagsCard .text-slate-400,
body:not(.home-landing-active) #requestModal #requestQuickTagsCard .text-slate-500,
body:not(.home-landing-active) #requestModal #requestQuickTagsCard .text-sky-600,
body:not(.home-landing-active) #requestModal #requestQuickTagsCard .text-sky-700,
body:not(.home-landing-active) #requestModal #requestQuickTagsCard .text-violet-700,
body:not(.home-landing-active) #requestModal #requestQuickTagsCard .text-amber-700 {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #requestModal .request-header-toolbar {
display: inline-flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
body:not(.home-landing-active) #requestModal #requestCancelBtn {
color: #0f172a !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #requestModal #requestLocationCard .form-label,
body:not(.home-landing-active) #requestModal #requestLocationCard select,
body:not(.home-landing-active) #requestModal #requestLocationCard option,
body:not(.home-landing-active) #requestModal #requestLocationCard select:invalid {
color: #0f172a !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #requestModal :is(
.favorites-header-copy p,
.form-label,
.text-sky-500,
.text-sky-600,
.text-sky-700,
.text-blue-500,
.text-blue-600,
.text-blue-700,
#requestPresetHint
) {
color: var(--workspace-record-accent) !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #requestModal #requestPresetHint {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-panel,
.firm-profile-business-section,
.firm-profile-insights-panel,
.firm-profile-similar-panel
) {
background: var(--workspace-record-card-bg) !important;
border-color: var(--workspace-record-border) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 24px 46px -34px rgba(2, 8, 20, 0.72) !important;
color: var(--workspace-record-title) !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-surface,
.firm-profile-stat-card,
.contact-row,
.firm-profile-metric-card,
.firm-profile-note-card,
.firm-profile-similar-card
) {
background: var(--workspace-record-card-bg-soft) !important;
border-color: var(--workspace-record-border-soft) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 18px 34px -30px rgba(2, 8, 20, 0.62) !important;
color: var(--workspace-record-copy) !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-heading,
.firm-profile-stat-value,
.contact-name,
.firm-profile-business-section h4
) {
color: var(--workspace-record-title) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-location,
.firm-profile-section-label,
.firm-profile-stat-label,
.contact-role
) {
color: var(--workspace-record-accent) !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-body-copy,
.firm-profile-note-card,
.firm-profile-note-card p:not(:first-child),
.firm-profile-similar-card .firm-profile-body-copy
) {
color: var(--workspace-record-copy) !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-pill,
.firm-profile-chip-muted,
.favorites-badge
) {
background: var(--workspace-record-white) !important;
border-color: rgba(190, 214, 245, 0.72) !important;
color: #0f172a !important;
box-shadow: 0 18px 34px -28px rgba(8, 20, 42, 0.34) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #firmProfileModal :is(.favorites-apply-btn:not([style]), .favorites-mini-btn) {
background: var(--workspace-record-white) !important;
border-color: rgba(190, 214, 245, 0.72) !important;
color: #284f81 !important;
box-shadow: 0 18px 34px -28px rgba(8, 20, 42, 0.34) !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-similar-card:hover {
border-color: rgba(125, 211, 252, 0.52) !important;
background: linear-gradient(180deg, rgba(24, 38, 66, 0.98) 0%, rgba(18, 30, 56, 0.96) 100%) !important;
}
body:not(.home-landing-active) #firmProfileModal .supplier-logo {
background: var(--workspace-record-white) !important;
border-color: rgba(190, 214, 245, 0.74) !important;
box-shadow: 0 20px 38px -30px rgba(8, 20, 42, 0.42) !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-note-card :first-child {
color: var(--workspace-record-accent) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #firmProfileModal .favorites-shell {
background:
linear-gradient(180deg, rgba(7, 16, 32, 0.14) 0%, rgba(7, 16, 32, 0.1) 100%),
linear-gradient(black, black) center center / cover no-repeat !important;
border-color: var(--modal-border-strong) !important;
box-shadow: var(--modal-shadow) !important;
color: var(--modal-text) !important;
backdrop-filter: blur(22px) saturate(1.08) !important;
}
body:not(.home-landing-active) #firmProfileModal .favorites-shell::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.03) 18%, rgba(255, 255, 255, 0) 38%),
radial-gradient(circle at top center, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 34%),
linear-gradient(90deg, rgba(56, 189, 248, 0.08) 0%, rgba(56, 189, 248, 0.02) 26%, rgba(255, 255, 255, 0) 58%);
opacity: 0.38;
}
body:not(.home-landing-active) #firmProfileModal .favorites-header {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
border-color: var(--modal-border) !important;
}
body:not(.home-landing-active) #firmProfileModal .favorites-header-copy p {
color: var(--modal-accent) !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .favorites-header-copy h3 {
color: var(--modal-text-strong) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #firmProfileModal .favorites-close-btn,
body:not(.home-landing-active) #firmProfileModal .favorites-mini-btn,
body:not(.home-landing-active) #firmProfileModal .favorites-apply-btn:not(.firm-profile-primary-action):not([style]) {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.98) 100%) !important;
border-color: var(--modal-border) !important;
color: #284f81 !important;
box-shadow: 0 16px 34px -28px rgba(15, 23, 42, 0.16) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-primary-action {
border-color: rgba(59, 130, 246, 0.62) !important;
background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 48%, #dbeafe 100%) !important;
color: #ffffff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.28),
0 20px 44px -28px rgba(37, 99, 235, 0.42) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #firmProfileModal .favorites-empty {
background: var(--workspace-record-card-bg-soft) !important;
border-color: var(--workspace-record-border-soft) !important;
color: var(--workspace-record-copy) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 18px 34px -30px rgba(2, 8, 20, 0.62) !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-panel,
.firm-profile-business-section,
.firm-profile-insights-panel,
.firm-profile-similar-panel
) {
background:
linear-gradient(180deg, rgba(30, 42, 72, 0.98) 0%, rgba(22, 34, 62, 0.96) 100%),
radial-gradient(circle at top right, rgba(125, 211, 252, 0.12) 0%, rgba(125, 211, 252, 0) 54%) !important;
border-color: rgba(146, 192, 255, 0.4) !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-surface,
.firm-profile-stat-card,
.contact-row,
.firm-profile-metric-card,
.firm-profile-note-card,
.firm-profile-similar-card
) {
background:
linear-gradient(180deg, rgba(35, 49, 84, 0.98) 0%, rgba(27, 41, 74, 0.96) 100%) !important;
border-color: rgba(134, 184, 248, 0.34) !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-panel,
.firm-profile-business-section,
.firm-profile-insights-panel,
.firm-profile-similar-panel,
.firm-profile-surface,
.firm-profile-stat-card,
.contact-row,
.firm-profile-metric-card,
.firm-profile-note-card,
.firm-profile-similar-card
) :is(
.text-slate-900,
.text-slate-800,
.text-slate-700,
.firm-profile-heading,
.firm-profile-stat-value,
.contact-name
) {
color: #f8fbff !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-panel,
.firm-profile-business-section,
.firm-profile-insights-panel,
.firm-profile-similar-panel,
.firm-profile-surface,
.firm-profile-stat-card,
.contact-row,
.firm-profile-metric-card,
.firm-profile-note-card,
.firm-profile-similar-card
) :is(
.text-slate-600,
.text-slate-500,
.firm-profile-body-copy
) {
color: #dbeafe !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal :is(
.firm-profile-panel,
.firm-profile-business-section,
.firm-profile-insights-panel,
.firm-profile-similar-panel,
.firm-profile-surface,
.firm-profile-stat-card,
.contact-row,
.firm-profile-metric-card,
.firm-profile-note-card,
.firm-profile-similar-card
) :is(
.text-slate-400,
.firm-profile-location,
.firm-profile-section-label,
.firm-profile-stat-label,
.contact-role
) {
color: #8fd3ff !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .contact-row + .contact-row {
border-top-color: rgba(134, 184, 248, 0.22) !important;
}
body:not(.home-landing-active) #firmProfileModal {
--firm-profile-note-accent: #86efac;
--firm-profile-ink-strong: #0f172a;
--firm-profile-ink-soft: #334155;
}
body:not(.home-landing-active) #firmProfileModal :is(.firm-profile-pill, .firm-profile-chip-muted) {
color: var(--firm-profile-ink-strong) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-location {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.96) !important;
border: 1px solid rgba(190, 214, 245, 0.72) !important;
color: var(--firm-profile-ink-strong) !important;
text-shadow: none !important;
box-shadow: 0 14px 28px -24px rgba(8, 20, 42, 0.2) !important;
}
body:not(.home-landing-active) #firmProfileModal :is(.firm-profile-section-label, .firm-profile-stat-label) {
color: var(--firm-profile-note-accent) !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-surface .firm-profile-body-copy,
body:not(.home-landing-active) #firmProfileModal .firm-profile-stat-card .firm-profile-stat-value,
body:not(.home-landing-active) #firmProfileModal .firm-profile-metric-card .firm-profile-stat-value,
body:not(.home-landing-active) #firmProfileModal .firm-profile-surface .text-slate-600,
body:not(.home-landing-active) #firmProfileModal .firm-profile-surface .text-slate-500 {
color: var(--firm-profile-ink-strong) !important;
}
body:not(.home-landing-active) #firmProfileModal :is(.firm-profile-surface, .firm-profile-stat-card, .firm-profile-metric-card, .firm-profile-similar-card) {
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
border-color: rgba(190, 214, 245, 0.72) !important;
color: var(--firm-profile-ink-strong) !important;
box-shadow: 0 18px 34px -28px rgba(8, 20, 42, 0.18) !important;
}
body:not(.home-landing-active) #firmProfileModal :is(.firm-profile-surface, .firm-profile-similar-card) .firm-profile-body-copy,
body:not(.home-landing-active) #firmProfileModal .firm-profile-similar-card :is(.text-slate-900, .text-slate-800, .text-slate-700, .text-slate-600, .text-slate-500),
body:not(.home-landing-active) #firmProfileModal .firm-profile-stat-card .firm-profile-stat-value,
body:not(.home-landing-active) #firmProfileModal .firm-profile-metric-card .firm-profile-stat-value {
color: var(--firm-profile-ink-strong) !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-similar-card .firm-profile-pill {
color: var(--firm-profile-ink-strong) !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-similar-card:hover {
border-color: rgba(125, 211, 252, 0.52) !important;
background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;
}
body:not(.home-landing-active) :is(
#systemHealthOverview > .system-health-overview-card,
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div[class*="rounded-"],
#adminDirectoryFirms > div[class*="rounded-"],
#adminDirectoryLinkedFilter,
#systemHealthView .workspace-surface-panel,
#adminDirectoryView .workspace-surface-panel
) {
background:
linear-gradient(180deg, rgba(30, 42, 72, 0.98) 0%, rgba(22, 34, 62, 0.96) 100%),
radial-gradient(circle at top right, rgba(125, 211, 252, 0.12) 0%, rgba(125, 211, 252, 0) 54%) !important;
border-color: rgba(146, 192, 255, 0.38) !important;
color: #f8fbff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.05),
0 24px 46px -34px rgba(2, 8, 20, 0.72) !important;
}
body:not(.home-landing-active) :is(
#systemHealthOverview > .system-health-overview-card,
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div[class*="rounded-"],
#adminDirectoryFirms > div[class*="rounded-"],
#adminDirectoryLinkedFilter,
#systemHealthView .workspace-surface-panel,
#adminDirectoryView .workspace-surface-panel
) :is(
h2,
h3,
h4,
h5,
strong,
.text-slate-900,
.text-slate-800,
.text-slate-700,
.admin-directory-overview-value,
.system-health-overview-value
) {
color: #f8fbff !important;
text-shadow: none !important;
}
body:not(.home-landing-active) :is(
#systemHealthOverview > .system-health-overview-card,
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div[class*="rounded-"],
#adminDirectoryFirms > div[class*="rounded-"],
#adminDirectoryLinkedFilter,
#systemHealthView .workspace-surface-panel,
#adminDirectoryView .workspace-surface-panel
) :is(
.text-slate-600,
.text-slate-500,
p.text-slate-500,
p.text-slate-600,
.admin-directory-overview-helper
) {
color: #dbeafe !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) :is(
#systemHealthOverview > .system-health-overview-card,
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div[class*="rounded-"],
#adminDirectoryFirms > div[class*="rounded-"],
#adminDirectoryLinkedFilter,
#systemHealthView .workspace-surface-panel,
#adminDirectoryView .workspace-surface-panel
) :is(
.text-slate-400,
.text-sky-600,
.text-emerald-600,
.admin-directory-overview-label,
.system-health-overview-label
) {
color: #8fd3ff !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #systemHealthStamp {
color: #dbeafe !important;
text-shadow: none !important;
opacity: 1 !important;
}
@media (max-width: 700px) {
body:not(.home-landing-active) #requestModal .favorites-header {
flex-wrap: wrap;
align-items: flex-start;
}
body:not(.home-landing-active) #requestModal .favorites-header-actions {
width: 100%;
justify-content: flex-end;
}
body:not(.home-landing-active) #requestModal .request-header-toolbar {
gap: 8px;
}
body:not(.home-landing-active) #requestModal #requestCancelBtn,
body:not(.home-landing-active) #requestModal #requestSubmitBtn {
min-height: 40px;
padding: 0 14px;
font-size: 11px;
letter-spacing: 0.12em;
}
}
:root {
--bg-main: #050B16;
--bg-panel: linear-gradient(180deg, #243652 0%, #142238 100%);
--bg-card: #18263D;
--bg-card-elevated: #223551;
--bg-soft: #F6F9FF;
--bg-input: #F8FAFC;
--text-main: #FFFFFF;
--text-dark: #111827;
--text-muted: #C8D8F5;
--text-soft: #5B6B84;
--accent-blue: #2F80ED;
--accent-blue-soft: #58B7FF;
--accent-cyan: #78D7FF;
--accent-success: #22C55E;
--accent-warning: #F5B82E;
--accent-danger: #EF4444;
--accent-vip: #F5B82E;
--border-soft: rgba(120, 215, 255, 0.22);
--stroke-premium: #365C8D;
--radius-lg: 32px;
--radius-md: 24px;
--radius-sm: 14px;
--shadow-premium: 0 18px 45px rgba(5, 16, 34, 0.35);
}
html,
body {
background: var(--bg-main) !important;
}
body {
font-family: Inter, Manrope, "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
color: var(--text-main) !important;
}
.sidebar {
background:
linear-gradient(180deg, rgba(16, 27, 45, 0.98) 0%, rgba(11, 22, 40, 0.98) 100%),
radial-gradient(circle at top left, rgba(120, 215, 255, 0.10) 0%, rgba(120, 215, 255, 0) 34%) !important;
border-right: 1px solid rgba(120, 215, 255, 0.14);
box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.02);
}
.sidebar-brand-shell {
border-color: var(--border-soft) !important;
background: linear-gradient(180deg, rgba(20, 34, 56, 0.96) 0%, rgba(11, 22, 40, 0.96) 100%) !important;
box-shadow: var(--shadow-premium);
}
.cat-item {
background: linear-gradient(180deg, rgba(18, 30, 49, 0.96) 0%, rgba(13, 24, 41, 0.96) 100%) !important;
border: 1px solid rgba(120, 215, 255, 0.16) !important;
color: #dfeaff !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.cat-item:hover {
background: linear-gradient(135deg, rgba(21, 37, 62, 0.98) 0%, rgba(18, 48, 84, 0.92) 100%) !important;
border-color: rgba(120, 215, 255, 0.32) !important;
box-shadow: 0 18px 36px -28px rgba(5, 16, 34, 0.48);
}
.cat-item.active {
background: linear-gradient(135deg, #1E90FF 0%, #78D7FF 100%) !important;
border-color: rgba(201, 236, 255, 0.96) !important;
color: #ffffff !important;
box-shadow: 0 0 24px rgba(47, 128, 237, 0.35) !important;
}
.badge-count {
background: rgba(255, 255, 255, 0.09) !important;
color: #f8fbff !important;
border-radius: 999px !important;
}
body:not(.home-landing-active) > main {
background:
radial-gradient(circle at top right, rgba(120, 215, 255, 0.12) 0%, rgba(120, 215, 255, 0) 26%),
radial-gradient(circle at bottom left, rgba(47, 128, 237, 0.12) 0%, rgba(47, 128, 237, 0) 24%),
linear-gradient(180deg, rgba(5, 11, 22, 0.98) 0%, rgba(7, 17, 32, 0.98) 48%, rgba(11, 22, 40, 0.98) 100%),
linear-gradient(black, black) center/cover fixed no-repeat !important;
color: var(--text-main) !important;
}
input,
select,
textarea,
.ts-control {
background: var(--bg-input) !important;
color: var(--text-dark) !important;
border: 1px solid #C7D7EE !important;
border-radius: 14px !important;
}
input::placeholder,
textarea::placeholder {
color: #6B7C93 !important;
opacity: 1 !important;
}
input:focus,
select:focus,
textarea:focus,
.ts-control.focus {
border-color: #4DB7FF !important;
box-shadow: 0 0 0 3px rgba(77, 183, 255, 0.18) !important;
outline: none !important;
}
.form-label {
color: var(--accent-cyan) !important;
letter-spacing: 0.10em !important;
font-size: 11px !important;
font-weight: 800 !important;
}
body:not(.home-landing-active) .supplier-card {
background:
linear-gradient(180deg, rgba(8, 16, 31, 0.18) 0%, rgba(8, 16, 31, 0.28) 100%),
linear-gradient(black, black) center center / cover no-repeat,
#142238 !important;
border: 1px solid rgba(236, 244, 255, 0.4) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.07),
0 0 0 1px rgba(236, 244, 255, 0.12),
0 28px 60px -40px rgba(5, 16, 34, 0.5) !important;
}
body:not(.home-landing-active) .supplier-card:not(.supplier-card-highlight):not([data-pinned="true"]) {
border-color: rgba(3, 7, 18, 0.96) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.05),
0 0 0 1px rgba(0, 0, 0, 0.92),
0 0 0 1.5px rgba(255, 255, 255, 0.7),
0 18px 42px -34px rgba(0, 0, 0, 0.86) !important;
}
body:not(.home-landing-active) .supplier-card-highlight {
border-color: rgba(245, 184, 46, 0.98) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.06),
0 0 0 1px rgba(255, 215, 0, 0.84),
0 0 0 4px rgba(245, 184, 46, 0.18),
0 0 24px rgba(255, 200, 44, 0.22),
0 28px 60px -40px rgba(5, 16, 34, 0.5) !important;
}
body:not(.home-landing-active) .supplier-card-highlight::before {
background: linear-gradient(135deg, rgba(255, 248, 198, 0.98) 0%, rgba(255, 214, 74, 0.98) 18%, rgba(212, 175, 55, 0.98) 42%, rgba(255, 240, 171, 0.98) 68%, rgba(166, 124, 0, 0.98) 100%) !important;
}
body:not(.home-landing-active) .supplier-card-highlight:hover {
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
0 0 0 1px rgba(255, 215, 0, 0.94),
0 0 0 4px rgba(245, 184, 46, 0.24),
0 0 32px rgba(255, 200, 44, 0.34),
0 32px 66px -40px rgba(5, 16, 34, 0.56) !important;
}
body:not(.home-landing-active) .supplier-card-highlight .top-status-icon,
body:not(.home-landing-active) .supplier-card-highlight .map-inline-btn,
body:not(.home-landing-active) .supplier-card-highlight .favorite-firm-btn {
border-color: rgba(255, 224, 120, 0.88) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.2),
0 0 0 1px rgba(245, 184, 46, 0.18) !important;
}
body:not(.home-landing-active) .supplier-card-highlight .map-inline-btn.vip-inline-icon {
background: linear-gradient(180deg, #fff9df 0%, #fff1b0 100%) !important;
color: #b7790b !important;
border-color: #f4c84a !important;
}
body:not(.home-landing-active) .supplier-card-highlight .supplier-logo.vip-logo-frame {
border-color: #ffd34d !important;
box-shadow:
inset 0 0 0 2px rgba(255, 237, 167, 0.46),
0 0 0 2px rgba(245, 184, 46, 0.22),
0 18px 32px -20px rgba(255, 193, 7, 0.46) !important;
}
body:not(.home-landing-active) .supplier-card.supplier-card-selected {
background:
linear-gradient(180deg, rgba(6, 14, 27, 0.08) 0%, rgba(6, 14, 27, 0.18) 100%),
linear-gradient(black, black) center center / 132% 132% no-repeat,
#142238 !important;
border-color: rgba(120, 215, 255, 0.5) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.06),
0 0 0 1px rgba(120, 215, 255, 0.32),
0 30px 62px -40px rgba(5, 16, 34, 0.56) !important;
}
body:not(.home-landing-active) .supplier-card.supplier-card-selected:not(.supplier-card-highlight):not([data-pinned="true"]) {
border-color: rgba(3, 7, 18, 0.98) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.05),
0 0 0 1px rgba(0, 0, 0, 0.96),
0 0 0 1.5px rgba(255, 255, 255, 0.74),
0 28px 58px -38px rgba(0, 0, 0, 0.92) !important;
}
body:not(.home-landing-active) .supplier-card :is(h3, .grid-card-title, .contact-name, .text-slate-900, .text-slate-800, .text-slate-700) {
color: #f8fbff !important;
text-shadow: 0 10px 24px rgba(2, 8, 20, 0.32) !important;
}
body:not(.home-landing-active) .supplier-card :is(.contact-role, .text-slate-600, .text-slate-500, .text-slate-400) {
color: #dbeafe !important;
text-shadow: none !important;
}
body:not(.home-landing-active) .supplier-card .info-pill {
background: #EEF5FF !important;
border: 1px solid #D8E5F6 !important;
color: #18345E !important;
}
body:not(.home-landing-active) .supplier-card .supplier-grid-quote,
body:not(.home-landing-active) .supplier-card .supplier-list-quote {
background: #F6F9FF !important;
border-color: #D8E5F6 !important;
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
body:not(.home-landing-active) .supplier-card .supplier-grid-quote p,
body:not(.home-landing-active) .supplier-card .supplier-list-quote p {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) .supplier-card .location-link,
body:not(.home-landing-active) .supplier-card .location-line,
body:not(.home-landing-active) .supplier-card .grid-card-meta-line p,
body:not(.home-landing-active) .supplier-card .location-line p,
body:not(.home-landing-active) .supplier-card .text-blue-600 {
color: #ffffff !important;
}
body:not(.home-landing-active) .supplier-card .border-slate-200\/80,
body:not(.home-landing-active) .supplier-card .border-slate-200 {
border-color: rgba(236, 244, 255, 0.24) !important;
}
.favorites-modal,
#authModal,
#modal,
#cropperModal {
--modal-shell-bg:
radial-gradient(circle at top right, rgba(120, 215, 255, 0.12) 0%, rgba(120, 215, 255, 0) 28%),
linear-gradient(180deg, #243652 0%, #142238 100%);
--modal-card-bg: linear-gradient(180deg, #223551 0%, #18263D 100%);
--modal-card-bg-soft: linear-gradient(180deg, #223551 0%, #18263D 100%);
--modal-border-strong: rgba(120, 215, 255, 0.22);
--modal-border: rgba(120, 215, 255, 0.22);
--modal-border-soft: rgba(120, 215, 255, 0.18);
--modal-text: #F8FAFC;
--modal-text-strong: #FFFFFF;
--modal-muted: #C8D8F5;
--modal-soft: #5B6B84;
--modal-accent: #78D7FF;
--modal-accent-strong: #58B7FF;
--modal-danger: #EF4444;
--modal-danger-soft: #FEE2E2;
--modal-shadow: 0 18px 45px rgba(5, 16, 34, 0.35);
}
.favorites-shell,
#modal > div:last-child,
#authModal .auth-panel,
#cropperModal > div:last-child {
border-radius: var(--radius-lg) !important;
box-shadow: var(--shadow-premium) !important;
}
.favorites-section,
.favorites-item,
.favorites-empty,
#modal .form-panel-card,
#modal .contact-form-card,
#modal .status-chip-card,
#modal .contact-verify-box,
#modal .document-upload-card,
#modal .pin-order-card,
#modal #firmOwnerNote,
#modal #quickTags,
#requestModal .request-side-card,
#accountModal .account-session-card {
border-radius: 22px !important;
}
.favorites-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.favorites-modal textarea,
.favorites-modal select,
#modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#modal textarea,
#modal select,
#authModal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#authModal textarea,
#authModal select {
background: var(--bg-input) !important;
color: var(--text-dark) !important;
border: 1px solid #C7D7EE !important;
border-radius: 14px !important;
}
.favorites-modal input::placeholder,
.favorites-modal textarea::placeholder,
#modal input::placeholder,
#modal textarea::placeholder,
#authModal input::placeholder,
#authModal textarea::placeholder {
color: #6B7C93 !important;
}
#authModal #authTabBar .selection-accent-btn,
#modal #saveBtn,
#requestModal #requestSubmitBtn,
#quoteModal #quoteSubmitBtn,
#requestMessagesModal #requestMessagesSubmitBtn,
#requestCloseModal #requestCloseSubmitBtn,
#authModal #loginSubmitBtn,
#authModal #registerSubmitBtn,
#authModal #forgotPasswordSubmitBtn,
#authModal #adminTwoFactorSubmitBtn,
#cropperModal button:last-of-type {
background: linear-gradient(135deg, #2F80ED 0%, #58B7FF 100%) !important;
color: #FFFFFF !important;
border-color: rgba(139, 209, 255, 0.82) !important;
box-shadow: 0 8px 22px rgba(47, 128, 237, 0.35) !important;
}
.favorites-close-btn,
.favorites-apply-btn,
.favorites-mini-btn,
.favorites-badge,
.account-session-summary-pill,
.account-session-tab,
#activityLogCount,
#adminDirectoryUserCount,
#adminDirectoryFirmCount,
#requestBoardCount,
#systemHealthStatusBadge,
#authModal #authTabBar button:not(.selection-accent-btn),
#authModal .auth-panel > .flex:first-child button,
#modal #cancelModalBtn,
#requestModal #requestCancelBtn,
#quoteModal #quoteCancelBtn,
#requestMessagesModal #requestMessagesCancelBtn,
#requestCloseModal #requestCloseCancelBtn,
#cropperModal button:first-of-type {
background: linear-gradient(180deg, #F8FAFC 0%, #F6F9FF 100%) !important;
color: #18345E !important;
border-color: #BCD2F2 !important;
box-shadow: 0 14px 30px -24px rgba(5, 16, 34, 0.24) !important;
}
.favorites-mini-btn.danger,
#modal .favorites-mini-btn.danger,
#authModal #authMessage.bg-rose-50,
#adminTotpDisableCard button,
#requestCloseModal #requestCloseSubmitBtn {
background: #FEE2E2 !important;
border-color: rgba(239, 68, 68, 0.28) !important;
color: #B91C1C !important;
}
#modal .file-upload-btn,
#modal .request-image-picker,
#requestModal .request-image-picker {
background: var(--bg-input) !important;
border: 2px dashed #C7D7EE !important;
color: #18345E !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) .workspace-view > div:first-child :is(h2, .text-2xl),
body:not(.home-landing-active) .workspace-view :is(.text-lg, .text-xl).font-black {
color: var(--text-main) !important;
}
body:not(.home-landing-active) #activityLogViewList > div,
body:not(.home-landing-active) #requestsViewList > article,
body:not(.home-landing-active) #requestsViewList > div,
body:not(.home-landing-active) #systemHealthOverview > .system-health-overview-card,
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card,
body:not(.home-landing-active) #adminDirectoryUsers > div:not(.border-red-200),
body:not(.home-landing-active) #adminDirectoryFirms > div:not(.border-red-200),
body:not(.home-landing-active) .workspace-surface-panel,
body:not(.home-landing-active) #pendingApprovalFilterBar > * {
background: var(--bg-panel) !important;
border: 1px solid var(--border-soft) !important;
box-shadow: var(--shadow-premium) !important;
color: var(--text-main) !important;
}
body:not(.home-landing-active) #activityLogView .text-slate-500,
body:not(.home-landing-active) #activityLogView .text-slate-400,
body:not(.home-landing-active) #systemHealthView .text-slate-500,
body:not(.home-landing-active) #systemHealthView .text-slate-400,
body:not(.home-landing-active) #adminDirectoryView .text-slate-500,
body:not(.home-landing-active) #adminDirectoryView .text-slate-400,
body:not(.home-landing-active) #requestsView .text-slate-500,
body:not(.home-landing-active) #requestsView .text-slate-400 {
color: var(--text-muted) !important;
}
body:not(.home-landing-active) #systemHealthOverview .system-health-overview-label,
body:not(.home-landing-active) #adminDirectoryOverview .admin-directory-overview-label,
body:not(.home-landing-active) #activityLogView > div:first-child p,
body:not(.home-landing-active) #systemHealthView > div:first-child p,
body:not(.home-landing-active) #adminDirectoryView .favorites-section-head p,
body:not(.home-landing-active) #requestsView > div:first-child p {
color: var(--accent-cyan) !important;
}
body:not(.home-landing-active) #systemHealthOverview .system-health-overview-value,
body:not(.home-landing-active) #adminDirectoryOverview .admin-directory-overview-value {
color: var(--text-main) !important;
}
body:not(.home-landing-active) #systemHealthOverview .system-health-overview-card,
body:not(.home-landing-active) #adminDirectoryOverview .admin-directory-overview-card {
border-radius: 20px !important;
}
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card {
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
body:not(.home-landing-active) #adminDirectoryOverview .admin-directory-overview-label,
body:not(.home-landing-active) #adminDirectoryOverview .admin-directory-overview-value,
body:not(.home-landing-active) #adminDirectoryOverview .admin-directory-overview-helper {
width: 100% !important;
text-align: center !important;
}
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card .admin-directory-overview-label {
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
opacity: 1 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card .admin-directory-overview-value {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
text-shadow: 0 10px 22px rgba(2, 8, 20, 0.38) !important;
}
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card .admin-directory-overview-helper {
color: #dbeafe !important;
-webkit-text-fill-color: #dbeafe !important;
opacity: 1 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #pendingApprovalFilterBar h3,
body:not(.home-landing-active) #pendingApprovalFilterBar h3 + p {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #pendingApprovalFilterBar button {
background: #ffffff !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
border-color: rgba(203, 213, 225, 0.92) !important;
box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.22) !important;
}
body:not(.home-landing-active) #pendingApprovalFilterBar button * {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #pendingApprovalFilterBar button:hover:not(:disabled) {
background: #f8fafc !important;
border-color: rgba(148, 163, 184, 0.95) !important;
}
body:not(.home-landing-active) #activityLogView button,
body:not(.home-landing-active) #activityLogView :is(#activityLogCount, p.inline-flex, span.inline-flex) {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #activityLogView button *,
body:not(.home-landing-active) #activityLogView :is(#activityLogCount, p.inline-flex, span.inline-flex) * {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #activityLogView .activity-summary-strip {
margin-bottom: 22px !important;
padding: 12px 14px !important;
border: 1px solid rgba(142, 189, 255, 0.42) !important;
border-radius: 22px !important;
background: rgba(4, 13, 31, 0.28) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #activityLogView .activity-summary-filter {
transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}
body:not(.home-landing-active) #activityLogView .activity-summary-filter:hover {
transform: translateY(-1px);
}
body:not(.home-landing-active) #activityLogView .activity-summary-filter.is-active {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border-color: rgba(219, 234, 254, 0.98) !important;
background: linear-gradient(135deg, #2563eb 0%, #38bdf8 58%, #dbeafe 100%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), 0 0 0 3px rgba(125,211,252,0.24), 0 18px 34px -20px rgba(37,99,235,0.76) !important;
}
body:not(.home-landing-active) #activityLogView .activity-summary-filter.is-active,
body:not(.home-landing-active) #activityLogView .activity-summary-filter.is-active * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #activityLogView .activity-summary-filter.is-active .activity-summary-count {
background: rgba(255,255,255,0.22) !important;
}
body:not(.home-landing-active) #adminDirectorySearch,
body:not(.home-landing-active) .admin-directory-toolbar-action,
body:not(.home-landing-active) #requestsView button,
body:not(.home-landing-active) #activityLogView button,
body:not(.home-landing-active) #systemHealthView button {
border-radius: 16px !important;
}
body:not(.home-landing-active) #adminDirectoryView button {
background: #ffffff !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
border-color: rgba(203, 213, 225, 0.92) !important;
box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.22) !important;
}
body:not(.home-landing-active) #adminDirectoryView button * {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #adminDirectoryView button:hover:not(:disabled) {
background: #f8fafc !important;
border-color: rgba(148, 163, 184, 0.95) !important;
}
body:not(.home-landing-active) #adminDirectoryView .admin-directory-section-search {
background: #ffffff !important;
border-color: rgba(203, 213, 225, 0.92) !important;
box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.22) !important;
}
body:not(.home-landing-active) #adminDirectoryView .admin-directory-section-search input {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #adminDirectoryView .admin-directory-section-search input::placeholder {
color: #7b8798 !important;
-webkit-text-fill-color: #7b8798 !important;
}
body:not(.home-landing-active) #adminDirectoryView .admin-directory-section-search > i {
color: #2f80ed !important;
-webkit-text-fill-color: #2f80ed !important;
}
body:not(.home-landing-active) #adminDirectoryView button:disabled {
background: #ffffff !important;
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
opacity: 0.58 !important;
cursor: not-allowed !important;
}
body:not(.home-landing-active) #adminDirectoryView :is(#adminDirectoryUserCount, #adminDirectoryFirmCount, #adminDirectoryUsers .inline-flex, #adminDirectoryFirms .inline-flex) {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #adminDirectoryView :is(#adminDirectoryUserCount, #adminDirectoryFirmCount, #adminDirectoryUsers .inline-flex, #adminDirectoryFirms .inline-flex) * {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #systemHealthView > div:first-child button,
body:not(.home-landing-active) #systemHealthView > div:first-child button *,
body:not(.home-landing-active) #systemHousekeepingRunBtn,
body:not(.home-landing-active) #systemHousekeepingRunBtn * {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) .admin-directory-toolbar-row {
gap: 10px !important;
}
@media (min-width: 1180px) {
body:not(.home-landing-active) .admin-directory-toolbar-row {
grid-template-columns: repeat(6, minmax(0, 1fr)) minmax(260px, 1.4fr) !important;
}
}
@media (min-width: 960px) {
body .toolbar-actions .toolbar-title,
body .toolbar-actions .toolbar-select-shell,
body .toolbar-actions .toolbar-select,
body .toolbar-actions .toolbar-select-shell .toolbar-select,
body .toolbar-actions .toolbar-text-btn,
body .toolbar-actions .toolbar-manage-btn,
body .toolbar-actions .toolbar-icon-btn,
body .toolbar-actions .view-btn,
body .toolbar-actions .search-shell,
body .toolbar-actions #searchShell,
body .toolbar-actions .search-toggle-btn,
body .toolbar-actions #mobileNearbyFilterBtn,
body .toolbar-actions #nearbyFilterBtn,
body .toolbar-actions #authUserPanel,
body .toolbar-actions #adminLogoutBtn {
min-height: 44px !important;
height: 44px !important;
box-sizing: border-box !important;
}
body .toolbar-actions .toolbar-icon-btn,
body .toolbar-actions .view-btn,
body .toolbar-actions .search-toggle-btn,
body .toolbar-actions #mobileNearbyFilterBtn,
body .toolbar-actions #nearbyFilterBtn,
body .toolbar-actions #authUserPanel,
body .toolbar-actions #adminLogoutBtn {
width: 46px !important;
min-width: 46px !important;
}
body .toolbar-actions .search-shell,
body .toolbar-actions #searchShell {
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
flex: 0 0 46px !important;
border-radius: 16px !important;
overflow: hidden !important;
}
body .toolbar-actions .search-toggle-btn {
width: 46px !important;
height: 46px !important;
border-radius: inherit !important;
background-clip: padding-box !important;
}
body .toolbar-actions .search-expand-input {
height: 46px !important;
min-height: 46px !important;
width: 46px !important;
min-width: 46px !important;
padding-left: 46px !important;
border-radius: inherit !important;
background-clip: padding-box !important;
}
body.home-landing-active .toolbar-view-switch,
body.home-landing-active #mobileNearbyFilterBtn,
body.home-landing-active #nearbyFilterBtn {
display: none !important;
}
body:not(.home-landing-active) .toolbar-header {
margin-bottom: 24px !important;
}
body:not(.home-landing-active) .toolbar-actions {
overflow: visible !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-main-row {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 5px !important;
overflow: visible !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-primary-group {
flex: 1 1 auto !important;
min-width: 0 !important;
gap: 5px !important;
padding: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-primary-group::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-filter-group {
flex: 0 1 auto !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
gap: 5px !important;
padding: 0 !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-right-rail {
flex: 0 1 auto !important;
min-width: 0 !important;
margin-left: auto !important;
gap: 7px !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
padding: 0 !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-right-rail::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-feature-zone,
body:not(.home-landing-active) .toolbar-actions .toolbar-admin-group {
display: flex !important;
align-items: center !important;
gap: 7px !important;
flex-wrap: nowrap !important;
overflow: visible !important;
min-width: max-content !important;
padding: 0 !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-view-switch {
display: flex !important;
align-items: center !important;
gap: 4px !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-primary-group > *,
body:not(.home-landing-active) .toolbar-actions .toolbar-filter-group > *,
body:not(.home-landing-active) .toolbar-actions .toolbar-right-rail > *,
body:not(.home-landing-active) .toolbar-actions .toolbar-feature-zone > *,
body:not(.home-landing-active) .toolbar-actions .toolbar-admin-group > * {
flex: 0 0 auto !important;
margin: 0 !important;
vertical-align: middle !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-title {
width: clamp(136px, 8.6vw, 160px) !important;
min-width: clamp(136px, 8.6vw, 160px) !important;
max-width: clamp(136px, 8.6vw, 160px) !important;
border-radius: 16px !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-title-content {
gap: 6px !important;
padding: 0 9px !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-title-copy {
font-size: 11.5px !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-title-icon {
width: 22px !important;
height: 22px !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-select-shell.type-shell {
width: 114px !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-select-shell.tag-shell {
width: 122px !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-select-shell.city-shell {
width: 108px !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-select,
body:not(.home-landing-active) .toolbar-actions .toolbar-select-shell .toolbar-select {
border-radius: 14px !important;
font-size: 11px !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-view-switch {
gap: 4px !important;
flex-wrap: nowrap !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-icon-btn,
body:not(.home-landing-active) .toolbar-actions .view-btn,
body:not(.home-landing-active) .toolbar-actions .search-toggle-btn,
body:not(.home-landing-active) .toolbar-actions #mobileNearbyFilterBtn,
body:not(.home-landing-active) .toolbar-actions #nearbyFilterBtn,
body:not(.home-landing-active) .toolbar-actions #authUserPanel,
body:not(.home-landing-active) .toolbar-actions #adminLogoutBtn {
border-radius: 14px !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-icon-btn i,
body:not(.home-landing-active) .toolbar-actions .view-btn i,
body:not(.home-landing-active) .toolbar-actions .search-toggle-btn i {
font-size: 14px !important;
}
body:not(.home-landing-active) .toolbar-actions .toolbar-text-btn,
body:not(.home-landing-active) .toolbar-actions .toolbar-manage-btn,
body:not(.home-landing-active) .toolbar-actions #authLoginBtn,
body:not(.home-landing-active) .toolbar-actions #authRegisterBtn,
body:not(.home-landing-active) .toolbar-actions #quickManageBtn {
padding: 0 14px !important;
border-radius: 14px !important;
font-size: 11px !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) .toolbar-actions .search-shell,
body:not(.home-landing-active) .toolbar-actions #searchShell {
margin: 0 !important;
margin-right: 2px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) .toolbar-actions .search-toggle-btn {
left: 0 !important;
top: 0 !important;
}
body:not(.home-landing-active) .toolbar-actions .search-expand-input {
width: 46px !important;
min-width: 46px !important;
border-radius: 14px !important;
font-size: 11px !important;
}
body:not(.home-landing-active) .toolbar-actions .search-shell.expanded,
body:not(.home-landing-active) .toolbar-actions .search-shell.expanded .search-expand-input {
width: 170px !important;
min-width: 170px !important;
}
body:not(.home-landing-active) .toolbar-actions #authUserPanel,
body:not(.home-landing-active) .toolbar-actions #adminLogoutBtn {
margin-left: 0 !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions #adminLogoutBtn,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions #adminLogoutBtn {
order: 999 !important;
}
}
@media (max-width: 959px) {
body:not(.home-landing-active) .workspace-surface-panel,
body:not(.home-landing-active) #activityLogViewList > div,
body:not(.home-landing-active) #requestsViewList > article,
body:not(.home-landing-active) #requestsViewList > div,
body:not(.home-landing-active) #systemHealthOverview > .system-health-overview-card,
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card,
body:not(.home-landing-active) #adminDirectoryUsers > div:not(.border-red-200),
body:not(.home-landing-active) #adminDirectoryFirms > div:not(.border-red-200) {
border-radius: 18px !important;
}
}
body:not(.home-landing-active) {
--global-star-image: linear-gradient(black, black);
--global-star-main:
linear-gradient(180deg, rgba(8, 16, 31, 0.18) 0%, rgba(8, 16, 31, 0.28) 100%),
var(--global-star-image) center center / cover fixed no-repeat,
#071120;
--global-star-panel:
linear-gradient(180deg, rgba(11, 21, 38, 0.16) 0%, rgba(11, 21, 38, 0.24) 100%),
var(--global-star-image) center center / cover no-repeat,
#0b1628;
--global-star-panel-soft:
linear-gradient(180deg, rgba(11, 21, 38, 0.2) 0%, rgba(11, 21, 38, 0.28) 100%),
var(--global-star-image) center center / cover no-repeat,
#101b2d;
--global-star-border: rgba(241, 245, 249, 0.26);
--global-star-border-strong: rgba(236, 244, 255, 0.42);
}
body:not(.home-landing-active) > main,
body:not(.home-landing-active) :is(
#requestsView,
#activityLogView,
#systemHealthView,
#adminDirectoryView,
.workspace-view
) {
background: var(--global-star-main) !important;
}
body:not(.home-landing-active) > aside,
body:not(.home-landing-active) .sidebar-brand-shell,
body:not(.home-landing-active) .cat-item:not(.active) {
background: var(--global-star-panel-soft) !important;
border-color: var(--global-star-border) !important;
}
body:not(.home-landing-active) > aside.sidebar,
body.home-landing-active > aside.sidebar {
height: 100dvh !important;
max-height: 100dvh !important;
overflow: hidden !important;
padding: clamp(10px, 1.25dvh, 16px) clamp(12px, 1.35vw, 18px) !important;
}
body:not(.home-landing-active) .sidebar-brand-shell,
body.home-landing-active .sidebar-brand-shell {
flex: 0 0 auto !important;
margin-bottom: clamp(5px, 0.75dvh, 8px) !important;
border-radius: clamp(14px, 2dvh, 20px) !important;
min-height: 0 !important;
}
body:not(.home-landing-active) .sidebar-brand-image,
body.home-landing-active .sidebar-brand-image {
width: 100% !important;
height: clamp(64px, 11dvh, 92px) !important;
object-fit: cover !important;
object-position: center center !important;
padding: 0 !important;
background: rgba(2, 8, 20, 0.46) !important;
transform: scaleX(1.205) scaleY(1.16) !important;
transform-origin: center center !important;
}
body:not(.home-landing-active) .sidebar-category-block,
body.home-landing-active .sidebar-category-block {
flex: 1 1 auto !important;
min-height: 0 !important;
margin-bottom: 0 !important;
display: flex !important;
flex-direction: column !important;
}
body:not(.home-landing-active) #categoryMenu,
body.home-landing-active #categoryMenu {
flex: 1 1 auto !important;
min-height: 0 !important;
display: grid !important;
grid-template-rows: repeat(12, minmax(0, 1fr)) !important;
gap: clamp(3px, 0.62dvh, 6px) !important;
overflow: hidden !important;
}
.cat-item {
position: relative;
isolation: isolate;
overflow: hidden;
}
.cat-item > * {
position: relative;
z-index: 1;
}
.cat-item[data-cat-id="iplik"] { --category-frame-image: url('/assets/categories/iplik.webp?v=20260603-category-webp2'); }
.cat-item[data-cat-id="dokuma"] { --category-frame-image: url('/assets/categories/dokuma.webp?v=20260603-category-webp2'); }
.cat-item[data-cat-id="orme"] { --category-frame-image: url('/assets/categories/orme.webp?v=20260603-category-webp2'); }
.cat-item[data-cat-id="boya"] { --category-frame-image: url('/assets/categories/boya-baski.webp?v=20260603-category-webp2'); }
.cat-item[data-cat-id="kimyasal"] { --category-frame-image: url('/assets/categories/kimyasal.webp?v=20260603-category-webp2'); }
.cat-item[data-cat-id="aksesuar"] { --category-frame-image: url('/assets/categories/aksesuar.webp?v=20260603-category-webp2'); }
.cat-item[data-cat-id="konfeksiyon"] { --category-frame-image: url('/assets/categories/konfeksiyon.webp?v=20260603-category-webp2'); }
.cat-item[data-cat-id="nakliye"] { --category-frame-image: url('/assets/categories/nakliye.webp?v=20260603-category-webp2'); }
.cat-item[data-cat-id="makine"] { --category-frame-image: url('/assets/categories/makine-ekipman.webp?v=20260603-category-webp2'); }
.cat-item[data-cat-id="kumas"] { --category-frame-image: url('/assets/categories/kumas.webp?v=20260603-kumas-logo-refresh1'); }
.cat-item[data-cat-id="stok-kumas"] { --category-frame-image: url('/assets/categories/stok.webp?v=20260603-kumas-logo-refresh1'); }
.cat-item[data-cat-id="2-kalite-kumas"] { --category-frame-image: url('/assets/categories/2-kalite-kumas.webp?v=20260603-kumas-logo-refresh1'); }
body:not(.home-landing-active) .cat-item[data-cat-id],
body.home-landing-active .cat-item[data-cat-id] {
height: 100% !important;
min-height: 0 !important;
margin-bottom: 0 !important;
padding: clamp(5px, 0.82dvh, 10px) clamp(12px, 1.1vw, 18px) !important;
border-radius: clamp(14px, 2.2dvh, 22px) !important;
background: linear-gradient(180deg, rgba(6, 18, 39, 0.82) 0%, rgba(5, 16, 34, 0.86) 100%) !important;
border-color: rgba(178, 219, 255, 0.72) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.16),
0 0 0 1px rgba(96, 165, 250, 0.22),
0 18px 34px -28px rgba(37, 99, 235, 0.46) !important;
}
body:not(.home-landing-active) #categoryMenu .cat-item > div,
body.home-landing-active #categoryMenu .cat-item > div {
max-width: calc(100% - clamp(74px, 6.8vw, 104px)) !important;
flex: 0 1 auto !important;
}
body:not(.home-landing-active) #categoryMenu .cat-item span:not(.badge-count),
body.home-landing-active #categoryMenu .cat-item span:not(.badge-count) {
font-size: clamp(12px, 1.72dvh, 14px) !important;
line-height: 1.05 !important;
letter-spacing: 0.04em !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: 0 0 10px rgba(255,255,255,0.38), 0 8px 18px rgba(2,8,20,0.48) !important;
display: block !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
body:not(.admin-toolbar-active) #categoryMenu .cat-item[data-cat-id="makine"] > div {
max-width: calc(100% - clamp(52px, 5vw, 74px)) !important;
}
body:not(.admin-toolbar-active) #categoryMenu .cat-item[data-cat-id="makine"] span:not(.badge-count) {
font-size: clamp(12px, 1.72dvh, 14px) !important;
letter-spacing: 0.04em !important;
}
body:not(.home-landing-active) #categoryMenu .badge-count,
body.home-landing-active #categoryMenu .badge-count {
position: absolute !important;
left: 64% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 2 !important;
width: clamp(28px, 4.7dvh, 40px) !important;
height: clamp(28px, 4.7dvh, 40px) !important;
min-width: clamp(28px, 4.7dvh, 40px) !important;
border-radius: 999px !important;
font-size: clamp(10px, 1.8dvh, 14px) !important;
}
body:not(.home-landing-active) .cat-item[data-cat-id]::before,
body.home-landing-active .cat-item[data-cat-id]::before {
content: "";
position: absolute;
inset: 6% -3% 6% 70%;
z-index: 0;
border-radius: inherit;
pointer-events: none;
background:
var(--category-frame-image) center center / contain no-repeat;
opacity: 0.96;
image-rendering: auto;
backface-visibility: hidden;
transform: translateZ(0);
}
body:not(.home-landing-active) .cat-item[data-cat-id]:hover,
body:not(.home-landing-active) .cat-item[data-cat-id].active,
body.home-landing-active .cat-item[data-cat-id]:hover,
body.home-landing-active .cat-item[data-cat-id].active {
background: linear-gradient(180deg, rgba(6, 18, 39, 0.74) 0%, rgba(5, 16, 34, 0.82) 100%) !important;
border-color: rgba(219, 239, 255, 0.96) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.22),
0 0 0 1px rgba(147, 197, 253, 0.36),
0 0 24px rgba(59, 130, 246, 0.34),
0 22px 42px -30px rgba(37, 99, 235, 0.58) !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #adminDirectoryUsers {
gap: 8px !important;
}
body:not(.home-landing-active) #adminDirectoryUsers > div {
padding: 14px !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #adminDirectoryUsers > div > .flex:first-child {
gap: 8px !important;
}
body:not(.home-landing-active) #adminDirectoryUsers > div > .flex:first-child > div:first-child {
flex: 1 1 100% !important;
width: 100% !important;
}
body:not(.home-landing-active) #adminDirectoryUsers > div > .flex:first-child > div:last-child,
body:not(.home-landing-active) #adminDirectoryUsers > div > .mt-3 {
width: 100% !important;
justify-content: flex-start !important;
gap: 6px !important;
margin-top: 8px !important;
}
body:not(.home-landing-active) #adminDirectoryUsers > div :is(button, span).inline-flex {
min-height: 30px !important;
height: 30px !important;
padding-left: 10px !important;
padding-right: 10px !important;
font-size: 10px !important;
line-height: 1 !important;
letter-spacing: 0.02em !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #adminDirectoryUsers > div button {
flex: 0 1 auto !important;
}
body:not(.home-landing-active) #adminDirectoryUsers > div p.text-sm {
font-size: 14px !important;
line-height: 1.18 !important;
}
body:not(.home-landing-active) #adminDirectoryUsers > div p.text-\[12px\] {
font-size: 11px !important;
line-height: 1.35 !important;
}
body:not(.home-landing-active) #adminDirectoryView .admin-directory-section-head {
gap: 10px !important;
}
body:not(.home-landing-active) #adminDirectoryView .admin-directory-section-search {
order: 3;
flex: 1 1 100%;
width: 100%;
min-width: 0;
max-width: 100%;
height: 42px;
}
}
body:not(.home-landing-active) .sidebar-category-heading,
body.home-landing-active .sidebar-category-heading {
display: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
flex: 0 0 auto !important;
margin-bottom: 0 !important;
font-size: clamp(10px, 1.55dvh, 12px) !important;
line-height: 1.1 !important;
text-shadow: 0 0 14px rgba(143, 211, 255, 0.42), 0 8px 18px rgba(2, 8, 20, 0.46) !important;
opacity: 1 !important;
}
body:not(.home-landing-active) :is(
.favorites-shell,
.favorites-section,
.favorites-item,
.favorites-empty,
#authModal .auth-panel,
#adminSecurityModal .admin-security-panel,
#cropperModal > div:last-child,
#modal > div:last-child,
#modal .form-panel-card,
#modal .logo-status-card,
#modal .document-panel-card,
#modal #firmOwnerNote,
#requestModal .request-form-main,
#requestModal .request-form-side,
#requestModal .request-side-card,
#requestModal #requestPresetHint,
#requestsViewList > article,
#requestsViewList > div,
#activityLogViewList > div,
#systemHealthOverview > .system-health-overview-card,
#systemHealthChecks > div,
#systemHealthEvents > div,
#systemHealthView .workspace-surface-panel,
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div,
#adminDirectoryFirms > div,
#adminDirectoryLinkedFilter,
#adminDirectoryView .workspace-surface-panel,
#firmProfileModal .firm-profile-panel,
#firmProfileModal .firm-profile-business-section,
#firmProfileModal .firm-profile-insights-panel,
#firmProfileModal .firm-profile-similar-panel,
#firmProfileModal .firm-profile-surface,
#firmProfileModal .firm-profile-stat-card,
#firmProfileModal .contact-row,
#firmProfileModal .firm-profile-metric-card,
#firmProfileModal .firm-profile-note-card,
#firmProfileModal .firm-profile-similar-card
) {
background: var(--global-star-panel) !important;
border-color: var(--global-star-border-strong) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 26px 54px -40px rgba(2, 8, 20, 0.78) !important;
}
body:not(.home-landing-active) :is(
#requestsView .requests-view-head,
#activityLogView .favorites-section-head,
#systemHealthView .favorites-section-head,
#adminDirectoryView .favorites-section-head,
.favorites-header
) {
border-color: var(--global-star-border) !important;
}
body:not(.home-landing-active) :is(
.favorites-shell,
#authModal .auth-panel,
#adminSecurityModal .admin-security-panel,
#cropperModal > div:last-child,
#requestModal .request-form-main,
#requestModal .request-form-side,
#requestModal .request-side-card,
#requestModal #requestPresetHint,
#requestsViewList > article,
#requestsViewList > div,
#activityLogViewList > div,
#systemHealthOverview > .system-health-overview-card,
#systemHealthChecks > div,
#systemHealthEvents > div,
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div,
#adminDirectoryFirms > div,
#adminDirectoryLinkedFilter,
#firmProfileModal .firm-profile-panel,
#firmProfileModal .firm-profile-business-section,
#firmProfileModal .firm-profile-insights-panel,
#firmProfileModal .firm-profile-similar-panel
) {
position: relative;
overflow: hidden;
}
body:not(.home-landing-active) :is(
.favorites-shell,
#authModal .auth-panel,
#adminSecurityModal .admin-security-panel,
#cropperModal > div:last-child,
#requestModal .request-form-main,
#requestModal .request-form-side,
#requestModal .request-side-card,
#requestModal #requestPresetHint,
#requestsViewList > article,
#requestsViewList > div,
#activityLogViewList > div,
#systemHealthOverview > .system-health-overview-card,
#systemHealthChecks > div,
#systemHealthEvents > div,
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div,
#adminDirectoryFirms > div,
#adminDirectoryLinkedFilter,
#firmProfileModal .firm-profile-panel,
#firmProfileModal .firm-profile-business-section,
#firmProfileModal .firm-profile-insights-panel,
#firmProfileModal .firm-profile-similar-panel
)::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
background: var(--global-star-image) center center / cover no-repeat;
opacity: 0.52;
filter: saturate(1.14) brightness(1.08);
z-index: 0;
}
body:not(.home-landing-active) :is(
.favorites-shell,
#authModal .auth-panel,
#adminSecurityModal .admin-security-panel,
#cropperModal > div:last-child,
#requestModal .request-form-main,
#requestModal .request-form-side,
#requestModal .request-side-card,
#requestModal #requestPresetHint,
#requestsViewList > article,
#requestsViewList > div,
#activityLogViewList > div,
#systemHealthOverview > .system-health-overview-card,
#systemHealthChecks > div,
#systemHealthEvents > div,
#adminDirectoryOverview > .admin-directory-overview-card,
#adminDirectoryUsers > div,
#adminDirectoryFirms > div,
#adminDirectoryLinkedFilter,
#firmProfileModal .firm-profile-panel,
#firmProfileModal .firm-profile-business-section,
#firmProfileModal .firm-profile-insights-panel,
#firmProfileModal .firm-profile-similar-panel
) > * {
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #adminDirectoryOverview {
display: grid !important;
grid-template-columns: none !important;
grid-template-rows: repeat(2, minmax(56px, auto)) !important;
grid-auto-flow: column !important;
grid-auto-columns: max-content !important;
gap: 5px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 2px 1px 8px !important;
margin-bottom: 14px !important;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
}
body:not(.home-landing-active) #adminDirectoryOverview::-webkit-scrollbar {
height: 0;
}
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card {
min-width: 104px !important;
width: max-content !important;
max-width: none !important;
min-height: 56px !important;
padding: 7px 10px !important;
border-radius: 15px !important;
gap: 3px !important;
scroll-snap-align: start;
}
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card:first-child {
min-width: 156px !important;
}
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card .admin-directory-overview-label {
font-size: 8px !important;
line-height: 1.15 !important;
letter-spacing: 0.03em !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card .admin-directory-overview-value {
font-size: 18px !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card:first-child .admin-directory-overview-value {
font-size: 15px !important;
line-height: 1.08 !important;
}
body:not(.home-landing-active) #adminDirectoryOverview > .admin-directory-overview-card .admin-directory-overview-helper {
display: none !important;
}
}
body:not(.home-landing-active) #requestsView:not(.hidden) {
display: flex !important;
flex-direction: column !important;
height: calc(100dvh - 132px) !important;
min-height: 0 !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
position: sticky !important;
top: 0 !important;
z-index: 35 !important;
flex: 0 0 auto !important;
padding: 16px 0 14px !important;
margin-bottom: 0 !important;
background: linear-gradient(180deg, rgba(2, 8, 20, 0.94) 0%, rgba(2, 8, 20, 0.72) 100%) !important;
border-bottom: 1px solid rgba(143, 211, 255, 0.18) !important;
backdrop-filter: blur(10px) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head :is(h2, p) {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
text-shadow: 0 8px 20px rgba(0, 0, 0, 0.42) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head p:first-child {
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
}
body:not(.home-landing-active) #requestsViewList {
flex: 1 1 auto !important;
min-height: 0 !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
align-content: start !important;
padding: 16px 6px 28px 0 !important;
scrollbar-width: thin !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode {
grid-template-columns: minmax(0, 1fr) !important;
}
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
@media (min-width: 1024px) {
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (min-width: 1536px) {
body:not(.home-landing-active) #requestsViewList.request-grid-mode {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
body:not(.home-landing-active) #requestsView .request-board-card {
min-height: 246px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 0 !important;
color: #ffffff !important;
background:
linear-gradient(180deg, rgba(4, 14, 34, 0.88) 0%, rgba(5, 16, 36, 0.94) 100%),
var(--global-star-image) center center / cover no-repeat !important;
border-color: rgba(143, 211, 255, 0.42) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 0 0 1px rgba(147, 197, 253, 0.12),
0 22px 48px -34px rgba(2, 8, 20, 0.78) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-board-card {
min-height: auto !important;
}
body:not(.home-landing-active) #requestsView .request-board-card::after {
opacity: 0.34 !important;
filter: saturate(1.1) brightness(1.04) !important;
}
body:not(.home-landing-active) #requestsView .request-card-title {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
text-shadow: 0 10px 24px rgba(0, 0, 0, 0.48) !important;
}
body:not(.home-landing-active) #requestsView :is(
.request-card-meta,
.request-card-side-time,
.request-card-side-count,
.request-card-side-unread,
.request-card-detail-box,
.request-card-detail-box *,
.request-card-close-box,
.request-card-close-box *,
.request-map-mini p,
.request-board-map-panel h3,
.request-board-map-panel p
) {
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #requestsView :is(.request-card-detail-box, .request-card-close-box) {
background: rgba(255, 255, 255, 0.08) !important;
border-color: rgba(191, 219, 254, 0.26) !important;
}
body:not(.home-landing-active) #requestsView :is(
button,
button *,
.request-board-control-btn,
.request-board-control-btn *,
.request-board-select,
.request-board-select *,
.request-owner-action-btn,
.request-owner-action-btn *,
#requestBoardCount,
#requestBoardCount *,
.request-nearby-pill,
.request-nearby-pill *,
.request-map-pill,
.request-map-pill *,
span[class*="bg-white"],
span[class*="bg-slate-50"],
span[class*="bg-slate-100"],
span[class*="bg-emerald-50"],
span[class*="bg-sky-50"],
span[class*="bg-amber-50"],
span[class*="bg-rose-50"],
span[class*="bg-violet-50"]
) {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #requestsView :is(
button,
.request-board-control-btn,
.request-board-select,
.request-owner-action-btn,
#requestBoardCount,
.request-nearby-pill,
.request-map-pill,
span[class*="bg-white"],
span[class*="bg-slate-50"],
span[class*="bg-slate-100"],
span[class*="bg-emerald-50"],
span[class*="bg-sky-50"],
span[class*="bg-amber-50"],
span[class*="bg-rose-50"],
span[class*="bg-violet-50"]
) {
background: #ffffff !important;
border-color: rgba(203, 213, 225, 0.96) !important;
}
body:not(.home-landing-active) #requestsView :is(.request-board-control-btn.is-active, #requestNearbyBtn.is-active) {
background: linear-gradient(135deg, #e0f2fe 0%, #ffffff 58%, #dbeafe 100%) !important;
border-color: #93c5fd !important;
box-shadow: 0 0 0 2px rgba(147, 197, 253, 0.2), 0 18px 34px -28px rgba(37, 99, 235, 0.52) !important;
}
body:not(.home-landing-active) #requestsView .request-board-summary-strip,
body:not(.home-landing-active) #requestsView .request-board-summary-strip * {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel {
grid-column: 1 / -1 !important;
background: linear-gradient(180deg, rgba(3, 16, 38, 0.86) 0%, rgba(4, 20, 44, 0.82) 100%) !important;
border-color: rgba(125, 211, 252, 0.32) !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView:not(.hidden) {
height: calc(100dvh - 104px) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
position: relative !important;
padding: 10px 0 12px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child {
align-items: stretch !important;
width: 100% !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child > div:first-child,
body:not(.home-landing-active) #requestsView .request-board-toolbar {
justify-content: flex-start !important;
width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-view-toggle {
width: 100% !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body:not(.home-landing-active) #requestsView :is(.request-board-control-btn, .request-board-select) {
min-height: 38px !important;
font-size: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-board-card {
min-height: 230px !important;
padding: 18px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: minmax(0, 1fr) !important;
}
}
#adminSecurityModal {
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
padding: 12px;
}
#adminSecurityModal .admin-security-panel {
overflow-x: hidden !important;
overflow-y: auto !important;
max-height: min(95vh, calc(100dvh - 24px)) !important;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}
@media (max-width: 767px) {
#adminSecurityModal {
z-index: 6200 !important;
display: block !important;
align-items: flex-start;
padding:
max(8px, env(safe-area-inset-top))
max(8px, env(safe-area-inset-right))
max(88px, calc(env(safe-area-inset-bottom) + 72px))
max(8px, env(safe-area-inset-left));
}
#adminSecurityModal .admin-security-panel {
width: min(100%, calc(100vw - 12px)) !important;
max-height: none !important;
min-height: calc(100dvh - 16px) !important;
margin: 0 auto;
overflow: visible !important;
padding: 20px 18px 120px !important;
}
}
@media (max-width: 959px) and (orientation: landscape) {
#adminSecurityModal {
z-index: 6200 !important;
display: block !important;
align-items: flex-start;
padding: 8px 8px 18px;
}
#adminSecurityModal .admin-security-panel {
width: min(100%, calc(100vw - 16px)) !important;
max-height: none !important;
min-height: calc(100dvh - 16px) !important;
overflow: visible !important;
padding-bottom: 88px !important;
}
}
/* Final firm card / firm profile contrast overrides */
body:not(.home-landing-active) #firmList .supplier-card {
border-color: rgba(236, 244, 255, 0.72) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
0 0 0 1px rgba(236, 244, 255, 0.22),
0 28px 60px -40px rgba(5, 16, 34, 0.58) !important;
}
@media (min-width: 760px) {
body:not(.home-landing-active) #firmList.list-mode .supplier-card {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight {
border-color: rgba(245, 184, 46, 1) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
0 0 0 1px rgba(255, 215, 0, 0.92),
0 0 0 4px rgba(245, 184, 46, 0.22),
0 0 26px rgba(255, 200, 44, 0.28),
0 28px 60px -40px rgba(5, 16, 34, 0.58) !important;
}
body:not(.home-landing-active) #firmList .supplier-card:not(.supplier-card-highlight):not([data-pinned="true"]),
body:not(.home-landing-active) .firm-map-selected-card:not(.supplier-card-highlight):not([data-pinned="true"]) {
position: relative;
isolation: isolate;
border-color: rgba(178, 219, 255, 0.72) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.16),
0 0 0 1px rgba(96, 165, 250, 0.22),
0 18px 34px -28px rgba(37, 99, 235, 0.46) !important;
}
body:not(.home-landing-active) #firmList .supplier-card:not(.supplier-card-highlight):not([data-pinned="true"])::before,
body:not(.home-landing-active) .firm-map-selected-card:not(.supplier-card-highlight):not([data-pinned="true"])::before {
content: "";
position: absolute;
inset: -1.5px;
border-radius: inherit;
padding: 1.5px;
background: linear-gradient(135deg, rgba(178, 219, 255, 0.82) 0%, rgba(96, 165, 250, 0.34) 52%, rgba(178, 219, 255, 0.64) 100%);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 0;
opacity: 0.62;
}
body:not(.home-landing-active) #firmList .supplier-card:not(.supplier-card-highlight):not([data-pinned="true"]):hover,
body:not(.home-landing-active) .firm-map-selected-card:not(.supplier-card-highlight):not([data-pinned="true"]):hover {
border-color: rgba(178, 219, 255, 0.9) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.18),
0 0 0 1px rgba(96, 165, 250, 0.32),
0 0 20px rgba(96, 165, 250, 0.16),
0 22px 42px -30px rgba(37, 99, 235, 0.5) !important;
}
body:not(.home-landing-active) #firmList .supplier-card:not(.supplier-card-highlight):not([data-pinned="true"]) > *,
body:not(.home-landing-active) .firm-map-selected-card:not(.supplier-card-highlight):not([data-pinned="true"]) > * {
position: relative;
z-index: 1;
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight .vip-plan-surface,
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight .vip-plan-surface {
border-color: rgba(255, 211, 64, 0.98) !important;
box-shadow:
inset 0 1px 0 rgba(255, 248, 196, 0.42),
inset 0 -8px 18px rgba(111, 67, 0, 0.16),
0 0 0 1px rgba(255, 219, 88, 0.76),
0 0 0 3px rgba(245, 184, 46, 0.22),
0 0 26px rgba(255, 193, 7, 0.34),
0 18px 34px -26px rgba(111, 67, 0, 0.44) !important;
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight .vip-plan-surface::after,
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight .vip-plan-surface::after {
border-color: rgba(255, 239, 142, 0.82) !important;
box-shadow:
inset 0 1px 0 rgba(255, 250, 214, 0.28),
0 0 0 1px rgba(245, 184, 46, 0.18),
inset 0 14px 18px rgba(255, 239, 142, 0.08) !important;
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight .supplier-logo.vip-logo-frame,
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight .supplier-logo.vip-logo-frame {
border-color: rgba(255, 224, 92, 1) !important;
box-shadow:
inset 0 0 0 2px rgba(255, 245, 182, 0.82),
0 0 0 2px rgba(255, 211, 64, 0.62),
0 0 0 4px rgba(245, 184, 46, 0.18),
0 16px 30px -20px rgba(255, 193, 7, 0.58) !important;
}
@media (max-width: 759px) {
body:not(.home-landing-active) #firmList.list-mode .supplier-card.supplier-card-highlight .vip-plan-surface,
body:not(.home-landing-active) #firmList.list-mode .supplier-card.supplier-card-highlight .vip-plan-surface-list {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
clip-path: none !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body:not(.home-landing-active) #firmList.list-mode .supplier-card.supplier-card-highlight .vip-plan-surface::before,
body:not(.home-landing-active) #firmList.list-mode .supplier-card.supplier-card-highlight .vip-plan-surface::after,
body:not(.home-landing-active) #firmList.list-mode .supplier-card.supplier-card-highlight .vip-plan-surface-list::before,
body:not(.home-landing-active) #firmList.list-mode .supplier-card.supplier-card-highlight .vip-plan-surface-list::after {
content: none !important;
display: none !important;
}
}
body:not(.home-landing-active) #firmList .supplier-card .supplier-grid-quote p,
body:not(.home-landing-active) #firmList .supplier-card .supplier-list-quote p,
body:not(.home-landing-active) .firm-map-selected-card .supplier-grid-quote p {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line .location-link,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line p,
body:not(.home-landing-active) #firmList.list-mode .supplier-card .location-line .location-link,
body:not(.home-landing-active) #firmList.list-mode .supplier-card .location-line p,
body:not(.home-landing-active) .firm-map-selected-card .grid-card-meta-line .location-link,
body:not(.home-landing-active) .firm-map-selected-card .grid-card-meta-line p {
color: #ffffff !important;
text-shadow: 0 8px 20px rgba(2, 8, 20, 0.34) !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card .supplier-grid-header,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card .grid-card-heading,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card .grid-card-inline-location {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card .grid-card-title {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
flex-wrap: nowrap !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line .location-link,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-line p {
display: block !important;
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card .grid-card-meta-icons {
flex: 0 0 auto !important;
min-width: max-content !important;
margin-left: 4px !important;
}
body:not(.home-landing-active) #firmList.list-mode .supplier-card .firm-vip-badge-anchor > button {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface {
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface .supplier-grid-header,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface .supplier-grid-header {
min-height: 0 !important;
align-items: flex-start !important;
gap: 10px !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface .supplier-logo,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface .supplier-logo {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
border-radius: 0.95rem !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface .grid-card-title,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface .grid-card-title {
font-size: 17px !important;
line-height: 1.08 !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface .grid-card-meta-line,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface .grid-card-meta-line {
gap: 5px !important;
margin-top: 2px !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface .grid-card-meta-line .location-link,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface .grid-card-meta-line p,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface .grid-card-meta-line .location-link,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface .grid-card-meta-line p {
font-size: 11px !important;
line-height: 1.08 !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface .grid-card-meta-icons,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface .grid-card-meta-icons {
gap: 4px !important;
margin-left: 3px !important;
}
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface .grid-card-meta-icons .favorite-firm-btn,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface .grid-card-meta-icons .top-status-icon,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card.supplier-card-highlight .vip-plan-surface .grid-card-meta-icons .map-inline-btn,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface .grid-card-meta-icons .favorite-firm-btn,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface .grid-card-meta-icons .top-status-icon,
body:not(.home-landing-active) #firmList:not(.list-mode) .supplier-grid-card[data-pinned="true"] .vip-plan-surface .grid-card-meta-icons .map-inline-btn {
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
}
body:not(.home-landing-active) #firmList .supplier-card .contact-role,
body:not(.home-landing-active) .firm-map-selected-card .contact-role,
body:not(.home-landing-active) .firm-map-contact-role {
color: #8fd3ff !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmList .supplier-card .contact-lock-note,
body:not(.home-landing-active) .firm-map-selected-card .contact-lock-note {
color: #8fd3ff !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-similar-panel {
display: none !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-pending-overview-panel {
background:
linear-gradient(180deg, rgba(6, 26, 58, 0.94) 0%, rgba(3, 17, 41, 0.96) 100%),
radial-gradient(circle at top right, rgba(56, 189, 248, 0.16) 0%, rgba(56, 189, 248, 0) 42%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(143, 211, 255, 0.52) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-pending-snapshot-card {
background:
linear-gradient(180deg, rgba(6, 26, 58, 0.9) 0%, rgba(3, 17, 41, 0.94) 100%),
radial-gradient(circle at top right, rgba(56, 189, 248, 0.12) 0%, rgba(56, 189, 248, 0) 40%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(143, 211, 255, 0.42) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-pending-overview-panel .firm-pending-snapshot-card [class*="bg-[#031129]"],
body:not(.home-landing-active) #firmProfileModal .firm-pending-overview-panel .firm-pending-snapshot-card [class*="bg-[#020814]"] {
background:
linear-gradient(180deg, rgba(4, 19, 48, 0.88) 0%, rgba(3, 14, 34, 0.92) 100%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(143, 211, 255, 0.34) !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-pending-overview-panel .inline-flex {
box-shadow: 0 14px 30px -24px rgba(2, 8, 20, 0.5);
}
body:not(.home-landing-active) #firmProfileModal .firm-pending-overview-title {
color: #ffffff !important;
text-shadow: 0 8px 20px rgba(2, 8, 20, 0.42) !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-admin-moderation-card {
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
border-color: rgba(251, 191, 36, 0.86) !important;
color: #111827 !important;
text-shadow: none !important;
box-shadow: 0 24px 52px -36px rgba(15, 23, 42, 0.34), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-admin-moderation-card :is(h4, p, span) {
text-shadow: none !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-admin-moderation-card .firm-admin-moderation-title,
body:not(.home-landing-active) #firmProfileModal .firm-admin-moderation-card .firm-admin-moderation-copy {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-moderation-timeline-title {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel {
border-color: rgba(236, 244, 255, 0.44) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.06),
0 0 0 1px rgba(236, 244, 255, 0.12),
0 26px 54px -40px rgba(2, 8, 20, 0.78) !important;
}
body:not(.home-landing-active) #firmProfileModal :is(.firm-profile-surface, .firm-profile-stat-card, .firm-profile-metric-card) {
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
border-color: rgba(219, 231, 245, 0.96) !important;
color: #0f172a !important;
box-shadow: 0 18px 34px -28px rgba(8, 20, 42, 0.18) !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-location,
body:not(.home-landing-active) #firmProfileModal :is(.firm-profile-pill, .firm-profile-chip-muted),
body:not(.home-landing-active) #firmProfileModal :is(.firm-profile-pill, .firm-profile-chip-muted) * {
color: #0f172a !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-location {
background: #ffffff !important;
border-color: rgba(190, 214, 245, 0.72) !important;
box-shadow: 0 14px 28px -24px rgba(8, 20, 42, 0.2) !important;
}
body:not(.home-landing-active) #firmProfileModal :is(.firm-profile-section-label, .firm-profile-stat-label) {
color: #86efac !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-surface-label-cyan {
color: #8fd3ff !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel > .mt-5.grid.gap-4 > .firm-profile-surface .firm-profile-section-label {
color: #8fd3ff !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-contacts-panel > div > .firm-profile-section-label,
body:not(.home-landing-active) #firmProfileModal .firm-profile-quick-info-panel > .firm-profile-section-label,
body:not(.home-landing-active) #firmProfileModal .firm-profile-quick-info-panel .firm-profile-stat-label {
color: #8fd3ff !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-surface .firm-profile-body-copy,
body:not(.home-landing-active) #firmProfileModal .firm-profile-surface :is(.text-slate-900, .text-slate-800, .text-slate-700, .text-slate-600, .text-slate-500),
body:not(.home-landing-active) #firmProfileModal .firm-profile-stat-card .firm-profile-stat-value,
body:not(.home-landing-active) #firmProfileModal .firm-profile-metric-card .firm-profile-stat-value {
color: #0f172a !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel .firm-profile-location,
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel .firm-profile-pill,
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel .firm-profile-chip-muted,
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel .favorites-apply-btn,
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel .favorites-apply-btn.firm-profile-primary-action {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
text-align: center !important;
color: #111827 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel .firm-profile-location *,
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel .firm-profile-pill *,
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel .firm-profile-chip-muted *,
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel .favorites-apply-btn *,
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel .favorites-apply-btn.firm-profile-primary-action * {
color: currentColor !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #firmProfileModal .firm-profile-panel :is(.firm-profile-location, .firm-profile-pill, .firm-profile-chip-muted, .favorites-apply-btn) i {
margin-right: 0 !important;
margin-left: 0 !important;
flex: 0 0 auto !important;
}
/* VIP firma kartlari altin varak gecisli cerceve - 20260516 */
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight,
body:not(.home-landing-active) #firmList .firm-card[data-pinned="true"],
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight,
body:not(.home-landing-active) .firm-map-selected-card[data-pinned="true"] {
border-color: rgba(255, 218, 84, 0.98) !important;
background-image: none !important;
background: rgba(4, 20, 48, 0.56) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.18),
0 0 0 1px rgba(255, 224, 92, 0.86),
0 0 0 4px rgba(245, 184, 46, 0.24),
0 0 28px rgba(255, 202, 44, 0.34),
0 28px 60px -40px rgba(92, 56, 0, 0.62) !important;
}
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight,
body:not(.home-landing-active) .firm-map-selected-card[data-pinned="true"] {
background:
linear-gradient(180deg, rgba(8, 16, 31, 0.14) 0%, rgba(8, 16, 31, 0.24) 100%),
linear-gradient(black, black) center center / cover no-repeat,
#142238 !important;
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight::before,
body:not(.home-landing-active) #firmList .firm-card[data-pinned="true"]::before,
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight::before,
body:not(.home-landing-active) .firm-map-selected-card[data-pinned="true"]::before {
background: linear-gradient(135deg, rgba(255, 248, 198, 1) 0%, rgba(255, 211, 64, 0.98) 18%, rgba(184, 124, 12, 0.94) 42%, rgba(255, 239, 142, 1) 64%, rgba(147, 96, 0, 0.92) 82%, rgba(255, 226, 104, 0.98) 100%) !important;
opacity: 0.98 !important;
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight .vip-plan-surface,
body:not(.home-landing-active) #firmList .firm-card[data-pinned="true"] .vip-plan-surface,
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight .vip-plan-surface,
body:not(.home-landing-active) .firm-map-selected-card[data-pinned="true"] .vip-plan-surface {
background-image: none !important;
background: rgba(4, 20, 48, 0.56) !important;
border-color: rgba(255, 224, 92, 0.94) !important;
box-shadow:
inset 0 0 0 1px rgba(255, 239, 142, 0.46),
0 0 0 1px rgba(255, 211, 64, 0.36) !important;
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight .vip-plan-surface::before,
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight .vip-plan-surface::after,
body:not(.home-landing-active) #firmList .firm-card[data-pinned="true"] .vip-plan-surface::before,
body:not(.home-landing-active) #firmList .firm-card[data-pinned="true"] .vip-plan-surface::after,
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight .vip-plan-surface::before,
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight .vip-plan-surface::after,
body:not(.home-landing-active) .firm-map-selected-card[data-pinned="true"] .vip-plan-surface::before,
body:not(.home-landing-active) .firm-map-selected-card[data-pinned="true"] .vip-plan-surface::after {
content: none !important;
display: none !important;
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight .vip-plan-surface,
body:not(.home-landing-active) #firmList .firm-card[data-pinned="true"] .vip-plan-surface,
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight .vip-plan-surface,
body:not(.home-landing-active) .firm-map-selected-card[data-pinned="true"] .vip-plan-surface {
background: transparent !important;
background-image: none !important;
border-color: transparent !important;
box-shadow: none !important;
clip-path: none !important;
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight .supplier-logo.vip-logo-frame,
body:not(.home-landing-active) #firmList .firm-card[data-pinned="true"] .supplier-logo.vip-logo-frame,
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight .supplier-logo.vip-logo-frame,
body:not(.home-landing-active) .firm-map-selected-card[data-pinned="true"] .supplier-logo.vip-logo-frame {
border-color: rgba(226, 232, 240, 0.8) !important;
box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.16) !important;
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight,
body:not(.home-landing-active) #firmList .firm-card[data-pinned="true"],
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight,
body:not(.home-landing-active) .firm-map-selected-card[data-pinned="true"],
body:not(.home-landing-active) #firmList.list-mode .supplier-card.supplier-card-highlight {
background:
linear-gradient(180deg, rgba(2, 8, 20, 0.98) 0%, rgba(1, 6, 15, 0.98) 100%),
#020814 !important;
background-image:
linear-gradient(180deg, rgba(2, 8, 20, 0.98) 0%, rgba(1, 6, 15, 0.98) 100%) !important;
background-color: #020814 !important;
}
body:not(.home-landing-active) #firmList .supplier-card.supplier-card-highlight .vip-plan-surface,
body:not(.home-landing-active) #firmList .firm-card[data-pinned="true"] .vip-plan-surface,
body:not(.home-landing-active) .firm-map-selected-card.supplier-card-highlight .vip-plan-surface,
body:not(.home-landing-active) .firm-map-selected-card[data-pinned="true"] .vip-plan-surface {
background: transparent !important;
background-image: none !important;
background-color: transparent !important;
}
@media (min-width: 960px) {
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid {
--desktop-toolbar-scale: 1;
--desktop-toolbar-gap: max(4px, calc(7px * var(--desktop-toolbar-scale)));
--desktop-toolbar-title-width: max(114px, calc(148px * var(--desktop-toolbar-scale)));
--desktop-toolbar-title-height: max(38px, calc(46px * var(--desktop-toolbar-scale)));
--desktop-toolbar-type-width: max(92px, calc(114px * var(--desktop-toolbar-scale)));
--desktop-toolbar-tag-width: max(102px, calc(122px * var(--desktop-toolbar-scale)));
--desktop-toolbar-city-width: max(92px, calc(108px * var(--desktop-toolbar-scale)));
--desktop-toolbar-select-height: max(38px, calc(46px * var(--desktop-toolbar-scale)));
--desktop-toolbar-icon-size: max(38px, calc(46px * var(--desktop-toolbar-scale)));
--desktop-toolbar-text-height: max(38px, calc(46px * var(--desktop-toolbar-scale)));
--desktop-toolbar-radius: max(12px, calc(16px * var(--desktop-toolbar-scale)));
--desktop-toolbar-title-icon: max(20px, calc(24px * var(--desktop-toolbar-scale)));
--desktop-toolbar-copy-size: max(10.2px, calc(12.4px * var(--desktop-toolbar-scale)));
--desktop-toolbar-icon-font: max(13px, calc(16px * var(--desktop-toolbar-scale)));
--desktop-toolbar-select-font: max(10px, calc(11px * var(--desktop-toolbar-scale)));
--desktop-toolbar-text-font: max(10px, calc(11.5px * var(--desktop-toolbar-scale)));
--desktop-toolbar-pill-font: max(10px, calc(12px * var(--desktop-toolbar-scale)));
--desktop-toolbar-expanded-search: max(120px, calc(164px * var(--desktop-toolbar-scale)));
overflow-x: auto !important;
overflow-y: visible !important;
scrollbar-width: none !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid {
--desktop-toolbar-gap: max(3px, calc(5px * var(--desktop-toolbar-scale)));
--desktop-toolbar-title-width: max(100px, calc(132px * var(--desktop-toolbar-scale)));
--desktop-toolbar-title-height: max(36px, calc(42px * var(--desktop-toolbar-scale)));
--desktop-toolbar-type-width: max(82px, calc(102px * var(--desktop-toolbar-scale)));
--desktop-toolbar-tag-width: max(88px, calc(106px * var(--desktop-toolbar-scale)));
--desktop-toolbar-city-width: max(80px, calc(96px * var(--desktop-toolbar-scale)));
--desktop-toolbar-select-height: max(36px, calc(42px * var(--desktop-toolbar-scale)));
--desktop-toolbar-icon-size: max(36px, calc(40px * var(--desktop-toolbar-scale)));
--desktop-toolbar-text-height: max(36px, calc(40px * var(--desktop-toolbar-scale)));
--desktop-toolbar-radius: max(11px, calc(14px * var(--desktop-toolbar-scale)));
--desktop-toolbar-title-icon: max(17px, calc(21px * var(--desktop-toolbar-scale)));
--desktop-toolbar-copy-size: max(9.2px, calc(11px * var(--desktop-toolbar-scale)));
--desktop-toolbar-icon-font: max(11px, calc(13px * var(--desktop-toolbar-scale)));
--desktop-toolbar-select-font: max(9px, calc(10px * var(--desktop-toolbar-scale)));
--desktop-toolbar-text-font: max(9px, calc(10.4px * var(--desktop-toolbar-scale)));
--desktop-toolbar-pill-font: max(9px, calc(10px * var(--desktop-toolbar-scale)));
--desktop-toolbar-expanded-search: max(92px, calc(124px * var(--desktop-toolbar-scale)));
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid {
--desktop-toolbar-gap: max(3px, calc(4px * var(--desktop-toolbar-scale)));
--desktop-toolbar-title-width: max(102px, calc(126px * var(--desktop-toolbar-scale)));
--desktop-toolbar-title-height: max(36px, calc(42px * var(--desktop-toolbar-scale)));
--desktop-toolbar-type-width: max(80px, calc(96px * var(--desktop-toolbar-scale)));
--desktop-toolbar-tag-width: max(86px, calc(102px * var(--desktop-toolbar-scale)));
--desktop-toolbar-city-width: max(78px, calc(92px * var(--desktop-toolbar-scale)));
--desktop-toolbar-select-height: max(36px, calc(42px * var(--desktop-toolbar-scale)));
--desktop-toolbar-icon-size: max(36px, calc(42px * var(--desktop-toolbar-scale)));
--desktop-toolbar-text-height: max(36px, calc(42px * var(--desktop-toolbar-scale)));
--desktop-toolbar-radius: max(11px, calc(14px * var(--desktop-toolbar-scale)));
--desktop-toolbar-title-icon: max(18px, calc(21px * var(--desktop-toolbar-scale)));
--desktop-toolbar-copy-size: max(9.4px, calc(11px * var(--desktop-toolbar-scale)));
--desktop-toolbar-icon-font: max(11px, calc(13px * var(--desktop-toolbar-scale)));
--desktop-toolbar-select-font: max(9px, calc(10px * var(--desktop-toolbar-scale)));
--desktop-toolbar-text-font: max(9px, calc(10.5px * var(--desktop-toolbar-scale)));
--desktop-toolbar-pill-font: max(9px, calc(10.5px * var(--desktop-toolbar-scale)));
--desktop-toolbar-expanded-search: max(96px, calc(118px * var(--desktop-toolbar-scale)));
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-main-row,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-primary-group,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-filter-group,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-feature-zone,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-right-rail,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-view-switch {
gap: var(--desktop-toolbar-gap) !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-primary-group {
justify-content: flex-start !important;
min-width: min-content !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-filter-group {
flex: 0 0 auto !important;
min-width: max-content !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-right-rail {
margin-left: 0 !important;
padding-left: 0 !important;
justify-content: flex-start !important;
flex: 1 1 auto !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #mobileNearbyFilterBtn,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #nearbyFilterBtn,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #searchShell,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-shell {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #nearbyFilterBtn,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #searchShell {
flex: 0 0 var(--desktop-toolbar-icon-size) !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense {
--desktop-toolbar-gap: 3px;
--desktop-toolbar-title-width: 92px;
--desktop-toolbar-title-height: 34px;
--desktop-toolbar-type-width: 78px;
--desktop-toolbar-tag-width: 84px;
--desktop-toolbar-city-width: 76px;
--desktop-toolbar-select-height: 34px;
--desktop-toolbar-icon-size: 34px;
--desktop-toolbar-text-height: 34px;
--desktop-toolbar-radius: 11px;
--desktop-toolbar-title-icon: 17px;
--desktop-toolbar-copy-size: 9px;
--desktop-toolbar-icon-font: 11px;
--desktop-toolbar-select-font: 8.8px;
--desktop-toolbar-text-font: 8.8px;
--desktop-toolbar-pill-font: 8.8px;
--desktop-toolbar-expanded-search: 96px;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid::-webkit-scrollbar {
display: none !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .toolbar-feature-zone,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .toolbar-admin-group {
gap: 3px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .toolbar-select,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .toolbar-select-shell .toolbar-select {
padding-left: 24px !important;
padding-right: 16px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .toolbar-select-icon {
left: 6px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense #authUserAvatar {
width: 24px !important;
height: 24px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-feature-zone,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-admin-group {
gap: var(--desktop-toolbar-gap) !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-view-switch {
display: flex !important;
align-items: center !important;
gap: var(--desktop-toolbar-gap) !important;
flex: 0 0 auto !important;
box-shadow: none !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-view-switch .view-btn,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-icon-btn,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #authUserPanel,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #adminLogoutBtn,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #searchShell,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-shell,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-toggle-btn {
width: var(--desktop-toolbar-icon-size) !important;
min-width: var(--desktop-toolbar-icon-size) !important;
max-width: var(--desktop-toolbar-icon-size) !important;
height: var(--desktop-toolbar-icon-size) !important;
min-height: var(--desktop-toolbar-icon-size) !important;
max-height: var(--desktop-toolbar-icon-size) !important;
border-radius: var(--desktop-toolbar-radius) !important;
flex: 0 0 var(--desktop-toolbar-icon-size) !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #authUserAvatar {
width: max(24px, calc(26px * var(--desktop-toolbar-scale))) !important;
height: max(24px, calc(26px * var(--desktop-toolbar-scale))) !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-icon-btn i,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .view-btn i,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-toggle-btn i {
font-size: var(--desktop-toolbar-icon-font) !important;
line-height: 1 !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .toolbar-view-switch {
display: flex !important;
align-items: center !important;
gap: 4px !important;
flex: 0 0 auto !important;
box-shadow: none !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .toolbar-view-switch .view-btn,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .toolbar-icon-btn,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense #authUserPanel,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense #adminLogoutBtn,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense #searchShell,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .search-shell,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .search-toggle-btn {
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
border-radius: 11px !important;
flex: 0 0 34px !important;
}
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .toolbar-icon-btn i,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .view-btn i,
body.admin-toolbar-active:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid.desktop-toolbar-admin-dense .search-toggle-btn i {
font-size: 11px !important;
line-height: 1 !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-main-row {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: nowrap !important;
width: 100% !important;
min-width: 0 !important;
gap: var(--desktop-toolbar-gap) !important;
overflow: visible !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-primary-group {
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
gap: var(--desktop-toolbar-gap) !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 0 0 2px 0 !important;
scrollbar-width: none !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-primary-group::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-filter-group {
gap: var(--desktop-toolbar-gap) !important;
min-width: 0 !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-right-rail {
flex: 0 1 auto !important;
min-width: 0 !important;
width: auto !important;
max-width: 100% !important;
gap: var(--desktop-toolbar-gap) !important;
margin-left: auto !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 0 0 2px 0 !important;
scrollbar-width: none !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-right-rail::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-feature-zone,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-admin-group {
display: flex !important;
align-items: center !important;
gap: var(--desktop-toolbar-gap) !important;
min-width: max-content !important;
padding: 0 !important;
overflow: visible !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-primary-group > *,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-filter-group > *,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-right-rail > *,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-feature-zone > *,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-admin-group > * {
flex: 0 0 auto !important;
margin: 0 !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-main-row,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-primary-group,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-filter-group,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-right-rail,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-feature-zone,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-admin-group,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-view-switch {
gap: var(--desktop-toolbar-gap) !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-primary-group {
flex: 0 1 auto !important;
min-width: min-content !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-right-rail {
margin-left: 0 !important;
padding-left: 0 !important;
flex: 1 1 auto !important;
justify-content: flex-start !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-feature-zone {
min-width: max-content !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #mobileNearbyFilterBtn,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #nearbyFilterBtn,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #searchShell,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-shell {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #nearbyFilterBtn,
body.auth-toolbar-active:not(.admin-toolbar-active):not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #searchShell {
flex: 0 0 var(--desktop-toolbar-icon-size) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-title {
width: var(--desktop-toolbar-title-width) !important;
min-width: var(--desktop-toolbar-title-width) !important;
max-width: var(--desktop-toolbar-title-width) !important;
height: var(--desktop-toolbar-title-height) !important;
border-radius: var(--desktop-toolbar-radius) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-title-content {
gap: max(5px, calc(7px * var(--desktop-toolbar-scale))) !important;
padding: 0 max(8px, calc(10px * var(--desktop-toolbar-scale))) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-title-icon {
width: var(--desktop-toolbar-title-icon) !important;
height: var(--desktop-toolbar-title-icon) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-title-copy {
font-size: var(--desktop-toolbar-copy-size) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-shell.type-shell {
width: var(--desktop-toolbar-type-width) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-shell.tag-shell {
width: var(--desktop-toolbar-tag-width) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-shell.city-shell {
width: var(--desktop-toolbar-city-width) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-shell.sort-shell {
width: var(--desktop-toolbar-icon-size) !important;
min-width: var(--desktop-toolbar-icon-size) !important;
height: var(--desktop-toolbar-icon-size) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-shell .toolbar-select {
height: var(--desktop-toolbar-select-height) !important;
border-radius: var(--desktop-toolbar-radius) !important;
font-size: var(--desktop-toolbar-select-font) !important;
padding-left: max(28px, calc(38px * var(--desktop-toolbar-scale))) !important;
padding-right: max(24px, calc(32px * var(--desktop-toolbar-scale))) !important;
background-position: 0 0, right max(8px, calc(10px * var(--desktop-toolbar-scale))) center !important;
background-size: auto, max(12px, calc(14px * var(--desktop-toolbar-scale))) max(12px, calc(14px * var(--desktop-toolbar-scale))) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-shell.sort-shell .toolbar-select {
padding-left: 0 !important;
padding-right: 0 !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-icon {
left: max(8px, calc(12px * var(--desktop-toolbar-scale))) !important;
width: max(16px, calc(20px * var(--desktop-toolbar-scale))) !important;
height: max(16px, calc(20px * var(--desktop-toolbar-scale))) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-icon-btn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .view-btn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-toggle-btn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #mobileNearbyFilterBtn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #nearbyFilterBtn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #authUserPanel,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #adminLogoutBtn {
width: var(--desktop-toolbar-icon-size) !important;
min-width: var(--desktop-toolbar-icon-size) !important;
height: var(--desktop-toolbar-icon-size) !important;
min-height: var(--desktop-toolbar-icon-size) !important;
border-radius: var(--desktop-toolbar-radius) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-icon-btn i,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .view-btn i,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-toggle-btn i,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-title-icon i,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-icon i {
font-size: var(--desktop-toolbar-icon-font) !important;
line-height: 1 !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-text-btn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-manage-btn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #authLoginBtn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #authRegisterBtn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #quickManageBtn {
height: var(--desktop-toolbar-text-height) !important;
min-height: var(--desktop-toolbar-text-height) !important;
border-radius: var(--desktop-toolbar-radius) !important;
padding: 0 max(10px, calc(14px * var(--desktop-toolbar-scale))) !important;
font-size: var(--desktop-toolbar-text-font) !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #searchShell,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-shell {
width: var(--desktop-toolbar-icon-size) !important;
min-width: var(--desktop-toolbar-icon-size) !important;
height: var(--desktop-toolbar-icon-size) !important;
min-height: var(--desktop-toolbar-icon-size) !important;
overflow: hidden !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #searchShell .search-toggle-btn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-shell .search-toggle-btn {
width: var(--desktop-toolbar-icon-size) !important;
min-width: var(--desktop-toolbar-icon-size) !important;
height: var(--desktop-toolbar-icon-size) !important;
min-height: var(--desktop-toolbar-icon-size) !important;
border-radius: var(--desktop-toolbar-radius) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #searchShell .search-expand-input,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-shell .search-expand-input {
width: var(--desktop-toolbar-icon-size) !important;
min-width: var(--desktop-toolbar-icon-size) !important;
height: var(--desktop-toolbar-icon-size) !important;
min-height: var(--desktop-toolbar-icon-size) !important;
border-radius: var(--desktop-toolbar-radius) !important;
padding-left: max(38px, calc(44px * var(--desktop-toolbar-scale))) !important;
font-size: var(--desktop-toolbar-pill-font) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #searchShell.expanded,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #searchShell.expanded .search-expand-input,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-shell.expanded,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .search-shell.expanded .search-expand-input {
width: var(--desktop-toolbar-expanded-search) !important;
min-width: var(--desktop-toolbar-expanded-search) !important;
}
}
@media (max-width: 959px) {
#firmList.list-mode .supplier-card .firm-vip-badge-anchor {
width: 100% !important;
padding-right: 0 !important;
}
#firmList.list-mode .supplier-card .list-card-location-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
}
#firmList.list-mode .supplier-card .list-card-location-text {
flex: 1 1 auto !important;
min-width: 0 !important;
}
#firmList.list-mode .supplier-card .list-card-location-text .location-line {
position: static !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
}
#firmList.list-mode .supplier-card .list-card-location-text .location-link,
#firmList.list-mode .supplier-card .list-card-location-text p {
display: block !important;
width: 100% !important;
min-width: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
#firmList.list-mode .supplier-card .list-card-location-text .location-inline-icons {
display: none !important;
}
#firmList.list-mode .supplier-card .list-card-location-icons {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 4px !important;
flex: 0 0 auto !important;
min-width: 44px !important;
margin-left: auto !important;
}
#firmList.list-mode .supplier-card .list-card-location-icons .top-status-icon,
#firmList.list-mode .supplier-card .list-card-location-icons .map-inline-btn {
width: 20px !important;
height: 20px !important;
flex: 0 0 20px !important;
}
#firmList.list-mode .supplier-card .location-line {
position: static !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
}
#firmList.list-mode .supplier-card .firm-vip-badge-anchor {
position: relative !important;
padding-right: 0 !important;
overflow: visible !important;
}
#firmList.list-mode .supplier-card .firm-vip-badge-anchor > .mt-1,
#firmList.list-mode .supplier-card .firm-vip-badge-anchor > .list-card-location-row {
width: 100% !important;
}
#firmList.list-mode .supplier-card .location-line .location-inline-icons {
display: none !important;
}
}
:is(#favoritesModal, #notificationsModal) .favorites-shell {
background:
linear-gradient(180deg, rgba(6, 18, 39, 0.985) 0%, rgba(8, 22, 47, 0.965) 100%),
radial-gradient(circle at top right, rgba(96, 165, 250, 0.16) 0%, rgba(96, 165, 250, 0) 42%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(112, 158, 226, 0.34) !important;
box-shadow:
0 44px 110px -48px rgba(2, 8, 20, 0.94),
inset 0 1px 0 rgba(255,255,255,0.05) !important;
color: #f8fbff !important;
}
:is(#favoritesModal, #notificationsModal) .favorites-shell::before {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 24%),
radial-gradient(circle at top right, rgba(125, 211, 252, 0.1) 0%, rgba(125, 211, 252, 0) 42%),
linear-gradient(90deg, rgba(37, 99, 235, 0.12) 0%, rgba(37, 99, 235, 0.04) 26%, rgba(255, 255, 255, 0) 56%) !important;
opacity: 0.92 !important;
}
:is(#favoritesModal, #notificationsModal) .favorites-header {
border-bottom-color: rgba(112, 158, 226, 0.2) !important;
}
:is(#favoritesModal, #notificationsModal) .favorites-header-copy p,
:is(#favoritesModal, #notificationsModal) .favorites-section-head p {
color: #7fcfff !important;
text-shadow: none !important;
}
:is(#favoritesModal, #notificationsModal) .favorites-header-copy h3,
:is(#favoritesModal, #notificationsModal) .favorites-section-head h4,
:is(#favoritesModal, #notificationsModal) .favorites-item-title {
color: #f8fbff !important;
text-shadow: none !important;
}
:is(#favoritesModal, #notificationsModal) .favorites-item-meta,
:is(#favoritesModal, #notificationsModal) .favorites-empty {
color: #c2d7f5 !important;
text-shadow: none !important;
}
:is(#favoritesModal, #notificationsModal) .favorites-section,
:is(#favoritesModal, #notificationsModal) .favorites-item,
:is(#favoritesModal, #notificationsModal) .favorites-empty {
background:
linear-gradient(180deg, rgba(9, 24, 50, 0.88) 0%, rgba(11, 29, 59, 0.82) 100%),
radial-gradient(circle at top right, rgba(96, 165, 250, 0.1) 0%, rgba(96, 165, 250, 0) 42%) !important;
border-color: rgba(104, 152, 223, 0.3) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.05),
0 24px 48px -40px rgba(2, 8, 20, 0.82) !important;
color: #f8fbff !important;
}
:is(#favoritesModal, #notificationsModal) .favorites-empty {
border-style: dashed !important;
}
:is(#favoritesModal, #notificationsModal) .favorites-badge,
:is(#favoritesModal, #notificationsModal) .favorites-close-btn,
:is(#favoritesModal, #notificationsModal) .favorites-mini-btn,
:is(#favoritesModal, #notificationsModal) .favorites-apply-btn,
#favoritesModal #favoriteFirmsList > .mb-3 > span,
#notificationsModal #notificationsList > .mb-4 > span {
background: #ffffff !important;
color: #111827 !important;
border-color: rgba(221, 228, 241, 0.94) !important;
-webkit-text-fill-color: #111827 !important;
box-shadow: 0 16px 30px -24px rgba(2, 8, 20, 0.44) !important;
text-shadow: none !important;
}
:is(#favoritesModal, #notificationsModal) .favorites-badge {
min-width: 42px;
min-height: 42px;
padding: 0 14px;
justify-content: center;
border-radius: 999px;
font-size: 16px;
letter-spacing: -0.02em;
text-transform: none;
}
:is(#favoritesModal, #notificationsModal) .favorites-close-btn:hover,
:is(#favoritesModal, #notificationsModal) .favorites-mini-btn:hover,
:is(#favoritesModal, #notificationsModal) .favorites-apply-btn:hover {
transform: translateY(-1px);
}
:is(#favoritesModal, #notificationsModal) .favorites-mini-btn.danger {
background: linear-gradient(135deg, #fff4f6 0%, #fff9fa 46%, #ffecef 100%) !important;
color: #c2415a !important;
-webkit-text-fill-color: #c2415a !important;
border-color: #f5c9d1 !important;
}
#favoritesModal #favoriteFirmsList > .mb-3 > span > span:last-child,
#notificationsModal #notificationsList > .mb-4 > span > span:last-child {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
text-shadow: none !important;
}
body.home-landing-active #favoritesModal .favorites-shell,
body.home-landing-active #notificationsModal .favorites-shell,
body:not(.home-landing-active) #favoritesModal .favorites-shell,
body:not(.home-landing-active) #notificationsModal .favorites-shell {
background:
linear-gradient(180deg, rgba(6, 18, 39, 0.985) 0%, rgba(8, 22, 47, 0.965) 100%),
radial-gradient(circle at top right, rgba(96, 165, 250, 0.16) 0%, rgba(96, 165, 250, 0) 42%),
linear-gradient(black, black) center/cover no-repeat !important;
border-color: rgba(112, 158, 226, 0.34) !important;
box-shadow:
0 44px 110px -48px rgba(2, 8, 20, 0.94),
inset 0 1px 0 rgba(255,255,255,0.05) !important;
color: #f8fbff !important;
}
body.home-landing-active #favoritesModal .favorites-shell::before,
body.home-landing-active #notificationsModal .favorites-shell::before,
body:not(.home-landing-active) #favoritesModal .favorites-shell::before,
body:not(.home-landing-active) #notificationsModal .favorites-shell::before {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 24%),
radial-gradient(circle at top right, rgba(125, 211, 252, 0.1) 0%, rgba(125, 211, 252, 0) 42%),
linear-gradient(90deg, rgba(37, 99, 235, 0.12) 0%, rgba(37, 99, 235, 0.04) 26%, rgba(255, 255, 255, 0) 56%) !important;
opacity: 0.92 !important;
}
body.home-landing-active #favoritesModal .favorites-header,
body.home-landing-active #notificationsModal .favorites-header,
body:not(.home-landing-active) #favoritesModal .favorites-header,
body:not(.home-landing-active) #notificationsModal .favorites-header {
border-bottom-color: rgba(112, 158, 226, 0.2) !important;
}
body.home-landing-active #favoritesModal :is(.favorites-header-copy p, .favorites-section-head p),
body.home-landing-active #notificationsModal :is(.favorites-header-copy p, .favorites-section-head p),
body:not(.home-landing-active) #favoritesModal :is(.favorites-header-copy p, .favorites-section-head p),
body:not(.home-landing-active) #notificationsModal :is(.favorites-header-copy p, .favorites-section-head p) {
color: #7fcfff !important;
text-shadow: none !important;
}
body.home-landing-active #favoritesModal :is(.favorites-header-copy h3, .favorites-section-head h4, .favorites-item-title),
body.home-landing-active #notificationsModal :is(.favorites-header-copy h3, .favorites-section-head h4, .favorites-item-title),
body:not(.home-landing-active) #favoritesModal :is(.favorites-header-copy h3, .favorites-section-head h4, .favorites-item-title),
body:not(.home-landing-active) #notificationsModal :is(.favorites-header-copy h3, .favorites-section-head h4, .favorites-item-title) {
color: #f8fbff !important;
text-shadow: none !important;
}
body.home-landing-active #favoritesModal :is(.favorites-item-meta, .favorites-empty),
body.home-landing-active #notificationsModal :is(.favorites-item-meta, .favorites-empty),
body:not(.home-landing-active) #favoritesModal :is(.favorites-item-meta, .favorites-empty),
body:not(.home-landing-active) #notificationsModal :is(.favorites-item-meta, .favorites-empty) {
color: #c2d7f5 !important;
text-shadow: none !important;
}
body.home-landing-active #favoritesModal :is(.favorites-section, .favorites-item, .favorites-empty),
body.home-landing-active #notificationsModal :is(.favorites-section, .favorites-item, .favorites-empty),
body:not(.home-landing-active) #favoritesModal :is(.favorites-section, .favorites-item, .favorites-empty),
body:not(.home-landing-active) #notificationsModal :is(.favorites-section, .favorites-item, .favorites-empty) {
background:
linear-gradient(180deg, rgba(9, 24, 50, 0.88) 0%, rgba(11, 29, 59, 0.82) 100%),
radial-gradient(circle at top right, rgba(96, 165, 250, 0.1) 0%, rgba(96, 165, 250, 0) 42%) !important;
border-color: rgba(104, 152, 223, 0.3) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.05),
0 24px 48px -40px rgba(2, 8, 20, 0.82) !important;
color: #f8fbff !important;
}
body.home-landing-active #favoritesModal .favorites-empty,
body.home-landing-active #notificationsModal .favorites-empty,
body:not(.home-landing-active) #favoritesModal .favorites-empty,
body:not(.home-landing-active) #notificationsModal .favorites-empty {
border-style: dashed !important;
}
body.home-landing-active #favoritesModal :is(.favorites-badge, .favorites-close-btn, .favorites-mini-btn, .favorites-apply-btn),
body.home-landing-active #notificationsModal :is(.favorites-badge, .favorites-close-btn, .favorites-mini-btn, .favorites-apply-btn, #notificationsClearBtn),
body.home-landing-active #favoritesModal #favoriteFirmsList > .mb-3 > span,
body.home-landing-active #notificationsModal #notificationsList > .mb-4 > span,
body:not(.home-landing-active) #favoritesModal :is(.favorites-badge, .favorites-close-btn, .favorites-mini-btn, .favorites-apply-btn),
body:not(.home-landing-active) #notificationsModal :is(.favorites-badge, .favorites-close-btn, .favorites-mini-btn, .favorites-apply-btn, #notificationsClearBtn),
body:not(.home-landing-active) #favoritesModal #favoriteFirmsList > .mb-3 > span,
body:not(.home-landing-active) #notificationsModal #notificationsList > .mb-4 > span {
background: #ffffff !important;
background-image: none !important;
color: #111827 !important;
border-color: rgba(221, 228, 241, 0.94) !important;
-webkit-text-fill-color: #111827 !important;
box-shadow: 0 16px 30px -24px rgba(2, 8, 20, 0.44) !important;
text-shadow: none !important;
}
body.home-landing-active #favoritesModal #favoriteFirmsList > .mb-3 > span > span:last-child,
body.home-landing-active #notificationsModal #notificationsList > .mb-4 > span > span:last-child,
body.home-landing-active #notificationsModal #notificationsClearBtn,
body:not(.home-landing-active) #favoritesModal #favoriteFirmsList > .mb-3 > span > span:last-child,
body:not(.home-landing-active) #notificationsModal #notificationsList > .mb-4 > span > span:last-child,
body:not(.home-landing-active) #notificationsModal #notificationsClearBtn {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
text-shadow: none !important;
}
/* Talep Havuzu final layout pass - keep this block after all theme overrides. */
body:not(.home-landing-active) #requestsView:not(.hidden) {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
height: calc(100dvh - 132px) !important;
min-height: 0 !important;
overflow: hidden !important;
background: var(--global-star-main) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
position: sticky !important;
top: 0 !important;
z-index: 45 !important;
display: grid !important;
grid-template-columns: minmax(280px, 1fr) minmax(340px, 0.82fr) !important;
align-items: end !important;
gap: 18px !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 18px 20px !important;
border: 1px solid rgba(143, 211, 255, 0.24) !important;
border-radius: 28px !important;
background:
linear-gradient(180deg, rgba(3, 12, 28, 0.92) 0%, rgba(5, 17, 38, 0.9) 100%),
var(--global-star-image) center center / cover no-repeat !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 26px 54px -42px rgba(2,8,20,0.82) !important;
backdrop-filter: blur(10px) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:first-child {
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child {
width: 100% !important;
align-items: flex-end !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child > div:first-child,
body:not(.home-landing-active) #requestsView .request-board-toolbar {
width: 100% !important;
justify-content: flex-end !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head :is(h2, p) {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
text-shadow: 0 8px 20px rgba(0, 0, 0, 0.44) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head p:first-child {
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
letter-spacing: 0.22em !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head h2 {
font-size: clamp(28px, 2.35vw, 42px) !important;
line-height: 0.96 !important;
}
body:not(.home-landing-active) #requestsView .request-view-toggle {
display: inline-flex !important;
gap: 4px !important;
padding: 4px !important;
border-radius: 20px !important;
border: 1px solid rgba(143, 211, 255, 0.34) !important;
background: rgba(3, 12, 28, 0.72) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
body:not(.home-landing-active) #requestsView :is(button.h-11, .request-board-control-btn, .request-board-select, #requestBoardCount) {
min-height: 42px !important;
border-radius: 17px !important;
border: 1px solid rgba(203, 213, 225, 0.96) !important;
background: #ffffff !important;
background-image: none !important;
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: 0.08em !important;
box-shadow: 0 16px 32px -26px rgba(2, 8, 20, 0.58) !important;
}
body:not(.home-landing-active) #requestsView :is(button.h-11, .request-board-control-btn, .request-board-select, #requestBoardCount) * {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-select {
width: min(100%, 330px) !important;
padding: 0 34px 0 16px !important;
}
body:not(.home-landing-active) #requestsView :is(.request-board-control-btn.is-active, #requestNearbyBtn.is-active) {
border-color: rgba(143, 211, 255, 0.96) !important;
background: linear-gradient(135deg, #e0f2fe 0%, #ffffff 54%, #dbeafe 100%) !important;
box-shadow: 0 0 0 2px rgba(143, 211, 255, 0.22), 0 18px 34px -26px rgba(37, 99, 235, 0.5) !important;
}
body:not(.home-landing-active) #requestsViewList {
flex: 1 1 auto !important;
min-height: 0 !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
align-content: start !important;
gap: 16px !important;
padding: 0 8px 34px 0 !important;
scrollbar-width: thin !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode {
grid-template-columns: minmax(0, 1fr) !important;
}
body:not(.home-landing-active) #requestsView .request-board-summary-strip {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-summary-strip > span {
background: #ffffff !important;
border-color: rgba(203, 213, 225, 0.96) !important;
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
box-shadow: 0 14px 28px -24px rgba(2, 8, 20, 0.46) !important;
}
body:not(.home-landing-active) #requestsView .request-board-card {
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
padding: clamp(18px, 1.45vw, 24px) !important;
border-radius: 30px !important;
color: #ffffff !important;
background:
linear-gradient(180deg, rgba(4, 14, 34, 0.9) 0%, rgba(5, 16, 36, 0.94) 100%),
var(--global-star-image) center center / cover no-repeat !important;
background-image:
linear-gradient(180deg, rgba(4, 14, 34, 0.9) 0%, rgba(5, 16, 36, 0.94) 100%),
var(--global-star-image) !important;
border-color: rgba(143, 211, 255, 0.46) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.1),
0 0 0 1px rgba(147,197,253,0.12),
0 26px 54px -40px rgba(2,8,20,0.86) !important;
}
body:not(.home-landing-active) #requestsView .request-board-card::after {
opacity: 0.24 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-board-card .request-card-title,
body:not(.home-landing-active) #requestsView #requestsViewList .request-board-card h3.request-card-title.text-slate-900.text-xl.font-black {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
text-shadow: 0 10px 24px rgba(0, 0, 0, 0.5) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-board-card :is(.request-card-meta, .request-card-side-time, .request-card-side-count, .request-card-side-unread) {
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
opacity: 1 !important;
text-shadow: 0 8px 18px rgba(0, 0, 0, 0.32) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-board-card :is(
button,
button *,
.request-owner-action-btn,
.request-owner-action-btn *,
.request-nearby-pill,
.request-nearby-pill *,
.request-map-pill,
.request-map-pill *,
span[class*="bg-white"],
span[class*="bg-slate-50"],
span[class*="bg-slate-100"],
span[class*="bg-emerald-50"],
span[class*="bg-sky-50"],
span[class*="bg-amber-50"],
span[class*="bg-rose-50"],
span[class*="bg-violet-50"]
) {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-board-card :is(
.request-owner-action-btn,
.request-nearby-pill,
.request-map-pill,
span[class*="bg-white"],
span[class*="bg-slate-50"],
span[class*="bg-slate-100"],
span[class*="bg-emerald-50"],
span[class*="bg-sky-50"],
span[class*="bg-amber-50"],
span[class*="bg-rose-50"],
span[class*="bg-violet-50"]
) {
background: #ffffff !important;
border-color: rgba(203, 213, 225, 0.96) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow {
background: rgba(255, 255, 255, 0.96) !important;
border-color: rgba(203, 213, 225, 0.96) !important;
padding: 12px !important;
border-radius: 20px !important;
box-shadow: 0 18px 36px -32px rgba(2, 8, 20, 0.44) !important;
overflow-x: auto !important;
scrollbar-width: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow > div:first-child {
flex-wrap: nowrap !important;
gap: 8px !important;
min-width: max-content !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow :is(span, div) {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow .h-px {
width: 12px !important;
min-width: 12px !important;
background: rgba(148, 163, 184, 0.45) !important;
}
body:not(.home-landing-active) #requestsView :is(.request-card-detail-box, .request-card-close-box) {
background: rgba(255,255,255,0.1) !important;
border-color: rgba(191,219,254,0.3) !important;
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
}
body:not(.home-landing-active) #requestsView :is(.request-card-detail-box, .request-card-detail-box *, .request-card-close-box, .request-card-close-box *) {
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel {
grid-column: 1 / -1 !important;
background:
linear-gradient(180deg, rgba(3, 16, 38, 0.9) 0%, rgba(4, 20, 44, 0.86) 100%),
var(--global-star-image) center center / cover no-repeat !important;
border-color: rgba(125, 211, 252, 0.34) !important;
}
@media (max-width: 1180px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
grid-template-columns: 1fr !important;
align-items: start !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child,
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child > div:first-child,
body:not(.home-landing-active) #requestsView .request-board-toolbar {
align-items: stretch !important;
justify-content: flex-start !important;
}
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView:not(.hidden) {
height: calc(100dvh - 104px) !important;
gap: 12px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
position: relative !important;
padding: 14px !important;
border-radius: 22px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head h2 {
font-size: 27px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child > div:first-child {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-board-toolbar {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-view-toggle {
width: 100% !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body:not(.home-landing-active) #requestsView .request-board-select {
width: 100% !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-board-card {
border-radius: 22px !important;
padding: 12px !important;
}
body:not(.home-landing-active) #requestsView .request-board-card > div:first-child {
flex-direction: row !important;
align-items: flex-start !important;
}
body:not(.home-landing-active) #requestsView .request-board-card > div:first-child > div:last-child {
width: auto !important;
min-width: 72px !important;
text-align: right !important;
}
body:not(.home-landing-active) #requestsView .request-card-side-rail {
min-width: 78px !important;
min-height: 118px !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-board-card .request-card-title {
font-size: 15px !important;
line-height: 1.08 !important;
margin-top: 2px !important;
}
body:not(.home-landing-active) #requestsView .request-board-card .request-card-thumb {
width: 58px !important;
height: 58px !important;
border-radius: 14px !important;
margin-top: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-board-card .request-card-side-time {
font-size: 10px !important;
letter-spacing: 0.08em !important;
}
body:not(.home-landing-active) #requestsView .request-board-card .request-card-side-count,
body:not(.home-landing-active) #requestsView .request-board-card .request-card-side-unread {
font-size: 10px !important;
margin-top: 4px !important;
}
body:not(.home-landing-active) #requestsView .request-card-compact-summary {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin-top: 10px !important;
max-width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-card-compact-pill {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
max-width: 100% !important;
min-height: 28px !important;
padding: 0 10px !important;
border-radius: 999px !important;
border: 1px solid rgba(143, 211, 255, 0.28) !important;
background: rgba(7, 20, 44, 0.76) !important;
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
font-size: 10px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
}
body:not(.home-landing-active) #requestsView .request-card-compact-pill i {
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
font-size: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-card-compact-pill strong {
display: inline-block !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: inherit !important;
-webkit-text-fill-color: inherit !important;
}
body:not(.home-landing-active) #requestsView .request-card-expandable {
display: block !important;
margin-top: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-board-card.is-expanded .request-card-expandable {
display: block !important;
margin-top: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-board-card.request-card-list {
min-height: 0 !important;
padding-right: 12px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-board-card {
min-height: 118px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-board-card,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-board-card {
min-height: 154px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-board-card .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-board-card .request-card-thumb {
width: 52px !important;
height: 52px !important;
margin-top: 6px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-board-card .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-board-card .request-card-title {
font-size: 13px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-board-card .request-card-compact-summary,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-board-card .request-card-compact-summary {
max-width: 100% !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-board-card .request-card-compact-summary .request-card-compact-pill:nth-child(n+2),
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-board-card .request-card-compact-summary .request-card-compact-pill:nth-child(n+2) {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel {
padding: 14px !important;
border-radius: 24px !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel h3 {
font-size: 16px !important;
line-height: 1.15 !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel > div:first-child {
gap: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel .request-map-location-card {
padding: 12px 14px !important;
border-radius: 16px !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel .request-map-location-card p:first-child {
font-size: 13px !important;
line-height: 1.25 !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel .request-map-location-card p:last-child {
font-size: 11px !important;
line-height: 1.35 !important;
}
}
/* Talep Havuzu hard polish - 20260507.
This block intentionally lives last so broad workspace/theme rules cannot wash out the request board. */
body:not(.home-landing-active) #requestsView:not(.hidden) {
display: flex !important;
flex-direction: column !important;
gap: 18px !important;
height: auto !important;
min-height: calc(100dvh - 128px) !important;
overflow: visible !important;
background: transparent !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
position: relative !important;
top: auto !important;
z-index: 10 !important;
display: grid !important;
grid-template-columns: minmax(260px, 1fr) minmax(360px, auto) !important;
align-items: center !important;
gap: 18px !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 18px 20px !important;
border-radius: 28px !important;
border: 1px solid rgba(143, 211, 255, 0.32) !important;
background:
linear-gradient(180deg, rgba(3, 12, 28, 0.88) 0%, rgba(5, 17, 38, 0.84) 100%),
linear-gradient(black, black) center center / cover no-repeat !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
0 24px 52px -40px rgba(2, 8, 20, 0.82) !important;
backdrop-filter: blur(10px) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:first-child {
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child {
width: min(100%, 690px) !important;
min-width: 0 !important;
justify-self: end !important;
align-items: flex-end !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child > div:first-child {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-end !important;
gap: 8px !important;
width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-board-toolbar {
display: grid !important;
grid-template-columns: auto auto minmax(220px, 320px) !important;
align-items: center !important;
justify-content: end !important;
gap: 8px !important;
width: 100% !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head h2 {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(28px, 2.15vw, 38px) !important;
line-height: 1 !important;
opacity: 1 !important;
text-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head p {
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
opacity: 1 !important;
text-shadow: 0 8px 20px rgba(0, 0, 0, 0.42) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head p:first-child {
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
letter-spacing: 0.22em !important;
}
body:not(.home-landing-active) #requestsView .request-view-toggle {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 4px !important;
padding: 4px !important;
border-radius: 20px !important;
border: 1px solid rgba(143, 211, 255, 0.34) !important;
background: rgba(2, 8, 20, 0.58) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
body:not(.home-landing-active) #requestsView :is(button.h-11, .request-board-control-btn, .request-board-select, #requestBoardCount) {
min-height: 40px !important;
height: 40px !important;
border-radius: 16px !important;
border: 1px solid rgba(203, 213, 225, 0.96) !important;
background: #ffffff !important;
background-image: none !important;
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: 0.07em !important;
box-shadow: 0 16px 32px -26px rgba(2, 8, 20, 0.58) !important;
}
body:not(.home-landing-active) #requestsView :is(button.h-11, .request-board-control-btn, .request-board-select, #requestBoardCount) * {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-select {
width: 100% !important;
padding: 0 34px 0 16px !important;
}
body:not(.home-landing-active) #requestsView #requestBoardCount {
align-self: flex-end !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
padding: 0 18px !important;
}
body:not(.home-landing-active) #requestsView :is(.request-board-control-btn.is-active, #requestNearbyBtn.is-active) {
border-color: rgba(147, 197, 253, 0.98) !important;
background: linear-gradient(135deg, #e0f2fe 0%, #ffffff 58%, #dbeafe 100%) !important;
box-shadow: 0 0 0 2px rgba(147, 197, 253, 0.22), 0 18px 34px -26px rgba(37, 99, 235, 0.5) !important;
}
body:not(.home-landing-active) #requestsViewList {
flex: none !important;
display: grid !important;
width: 100% !important;
min-height: 0 !important;
overflow: visible !important;
align-content: start !important;
gap: 18px !important;
padding: 0 0 36px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: repeat(auto-fill, minmax(min(430px, 100%), 1fr)) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode {
grid-template-columns: minmax(0, 1fr) !important;
}
body:not(.home-landing-active) #requestsView .request-board-summary-strip {
grid-column: 1 / -1 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-summary-strip > span,
body:not(.home-landing-active) #requestsView .request-board-summary-strip > span * {
background: #ffffff !important;
border-color: rgba(203, 213, 225, 0.96) !important;
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card {
display: flex !important;
flex-direction: column !important;
min-height: 0 !important;
padding: clamp(18px, 1.35vw, 24px) !important;
border-radius: 30px !important;
border: 1px solid rgba(143, 211, 255, 0.46) !important;
background:
linear-gradient(180deg, rgba(4, 14, 34, 0.82) 0%, rgba(5, 16, 36, 0.9) 100%),
linear-gradient(black, black) center center / cover no-repeat !important;
color: #ffffff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.1),
0 0 0 1px rgba(147,197,253,0.12),
0 24px 52px -36px rgba(2,8,20,0.82) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card::after {
opacity: 0.18 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card .request-card-title,
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card h3.request-card-title.text-xl.font-black {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
text-shadow: 0 10px 24px rgba(0, 0, 0, 0.54) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card :is(.request-card-meta, .request-card-side-time, .request-card-side-count, .request-card-side-unread) {
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
opacity: 1 !important;
text-shadow: 0 8px 18px rgba(0, 0, 0, 0.34) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card :is(
button,
button *,
.request-owner-action-btn,
.request-owner-action-btn *,
.request-nearby-pill,
.request-nearby-pill *,
.request-map-pill,
.request-map-pill *,
span[class*="bg-white"],
span[class*="bg-slate-50"],
span[class*="bg-slate-100"],
span[class*="bg-emerald-50"],
span[class*="bg-sky-50"],
span[class*="bg-amber-50"],
span[class*="bg-rose-50"],
span[class*="bg-violet-50"]
) {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card :is(
button,
.request-owner-action-btn,
.request-nearby-pill,
.request-map-pill,
span[class*="bg-white"],
span[class*="bg-slate-50"],
span[class*="bg-slate-100"],
span[class*="bg-emerald-50"],
span[class*="bg-sky-50"],
span[class*="bg-amber-50"],
span[class*="bg-rose-50"],
span[class*="bg-violet-50"]
) {
background: #ffffff !important;
border-color: rgba(203, 213, 225, 0.96) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow {
margin-top: 16px !important;
padding: 11px 12px !important;
border-radius: 20px !important;
border-color: rgba(203, 213, 225, 0.96) !important;
background: rgba(255, 255, 255, 0.97) !important;
box-shadow: 0 18px 36px -32px rgba(2, 8, 20, 0.44) !important;
overflow-x: auto !important;
scrollbar-width: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow > div:first-child {
flex-wrap: nowrap !important;
gap: 6px !important;
min-width: max-content !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow :is(span, div) {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow .h-px {
width: 12px !important;
min-width: 12px !important;
background: rgba(148, 163, 184, 0.48) !important;
}
body:not(.home-landing-active) #requestsView :is(.request-card-detail-box, .request-card-close-box) {
background: rgba(255,255,255,0.1) !important;
border-color: rgba(191,219,254,0.3) !important;
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
}
body:not(.home-landing-active) #requestsView :is(.request-card-detail-box, .request-card-detail-box *, .request-card-close-box, .request-card-close-box *) {
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel {
grid-column: 1 / -1 !important;
background:
linear-gradient(180deg, rgba(3, 16, 38, 0.88) 0%, rgba(4, 20, 44, 0.84) 100%),
linear-gradient(black, black) center center / cover no-repeat !important;
border-color: rgba(125, 211, 252, 0.34) !important;
}
@media (max-width: 1023px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
grid-template-columns: 1fr !important;
align-items: start !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child {
width: 100% !important;
justify-self: stretch !important;
align-items: stretch !important;
}
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView:not(.hidden) {
min-height: 0 !important;
gap: 12px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
padding: 14px !important;
border-radius: 22px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head h2 {
font-size: 27px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head p.mt-2 {
display: none !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child > div:first-child {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
padding-bottom: 1px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child > div:first-child::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child > div:first-child > button {
flex: 0 0 auto !important;
min-width: max-content !important;
}
body:not(.home-landing-active) #requestsView .request-board-toolbar {
grid-template-columns: minmax(0, 1fr) auto !important;
justify-content: stretch !important;
}
body:not(.home-landing-active) #requestsView .request-view-toggle {
width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-board-select {
grid-column: 1 / -1 !important;
}
body:not(.home-landing-active) #requestsView #requestBoardCount {
display: none !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: minmax(0, 1fr) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card {
border-radius: 24px !important;
padding: 16px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card > div:first-child {
flex-direction: column !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card > div:first-child > div:last-child {
width: 100% !important;
text-align: left !important;
}
}
/* Talep Havuzu density pass - 20260508. */
body:not(.home-landing-active) #requestsView {
--request-card-gap: 14px;
}
body:not(.home-landing-active) #requestsViewList {
gap: var(--request-card-gap) !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode {
grid-template-columns: minmax(0, 1fr) !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode > article.request-board-card,
body:not(.home-landing-active) #requestsViewList.request-map-mode > article.request-board-card {
aspect-ratio: 1 / 1 !important;
min-height: 0 !important;
height: auto !important;
overflow: hidden !important;
padding: clamp(14px, 1vw, 18px) !important;
border-radius: 26px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode > article.request-board-card {
min-height: 0 !important;
padding: 13px 15px !important;
border-radius: 20px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode > article.request-board-card > div:first-child {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: start !important;
gap: 12px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title {
max-width: calc(100% - 88px) !important;
font-size: clamp(17px, 1.25vw, 22px) !important;
line-height: 1.06 !important;
letter-spacing: 0 !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title {
max-width: calc(100% - 76px) !important;
font-size: 17px !important;
line-height: 1.08 !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-meta,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-meta {
max-width: calc(100% - 84px) !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
font-size: 11px !important;
line-height: 1.45 !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-meta {
display: -webkit-box !important;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
font-size: 11px !important;
line-height: 1.35 !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode > article.request-board-card > div:first-child,
body:not(.home-landing-active) #requestsViewList.request-map-mode > article.request-board-card > div:first-child {
gap: 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode > article.request-board-card > div:first-child > div:last-child,
body:not(.home-landing-active) #requestsViewList.request-map-mode > article.request-board-card > div:first-child > div:last-child {
max-width: 92px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-side-time,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-side-time,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-side-time {
font-size: 10px !important;
line-height: 1.2 !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-side-count,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-side-count,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-side-count {
margin-top: 4px !important;
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb {
position: relative !important;
top: auto !important;
right: auto !important;
z-index: 1 !important;
display: flex !important;
margin: 12px 0 0 auto !important;
width: 80px !important;
height: 80px !important;
border-radius: 20px !important;
overflow: hidden !important;
border: 1px solid rgba(191, 219, 254, 0.72) !important;
background: rgba(2, 8, 20, 0.55) !important;
box-shadow: 0 14px 30px -22px rgba(2, 8, 20, 0.8), inset 0 1px 0 rgba(255,255,255,0.12) !important;
align-self: flex-end !important;
}
body:not(.home-landing-active) #requestsView .request-card-side-rail {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 12px !important;
width: 112px !important;
min-width: 112px !important;
min-height: 164px !important;
align-self: stretch !important;
}
body:not(.home-landing-active) #requestsView .request-card-side-top {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
gap: 6px !important;
width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-card-side-time,
body:not(.home-landing-active) #requestsView .request-card-side-count,
body:not(.home-landing-active) #requestsView .request-card-side-unread {
position: relative !important;
z-index: 3 !important;
text-align: right !important;
}
body:not(.home-landing-active) #requestsView .request-card-title-box {
margin-top: 12px !important;
padding: 10px 12px !important;
border-radius: 18px !important;
border: 1px solid rgba(143, 211, 255, 0.26) !important;
background: linear-gradient(135deg, rgba(6, 16, 36, 0.68), rgba(12, 34, 70, 0.3)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
body:not(.home-landing-active) #requestsView .request-card-title-box .request-card-title {
margin: 0 !important;
max-width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb img {
width: 100% !important;
height: 100% !important;
display: block !important;
object-fit: cover !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb {
width: 72px !important;
height: 72px !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-flow,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-flow {
margin-top: auto !important;
padding: 7px 8px !important;
border-radius: 16px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-flow span,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-flow span {
padding: 6px 8px !important;
font-size: 8px !important;
letter-spacing: 0.08em !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-flow .h-px,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-flow .h-px {
width: 8px !important;
min-width: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-flow,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-detail-box,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-close-box,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-attention-alert,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-quotes-section,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-detail-box,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-close-box,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-attention-alert,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-quotes-section,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-detail-box,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-close-box,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-attention-alert,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-quotes-section {
display: none !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-board-card .mt-4.flex.flex-wrap.gap-2 {
display: none !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-board-card .mt-4.flex.flex-wrap.items-center.gap-3,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-board-card .mt-4.flex.flex-wrap.items-center.gap-3,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-board-card .mt-4.flex.flex-wrap.items-center.gap-3 {
margin-top: 10px !important;
gap: 7px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-board-card .mt-4.flex.flex-wrap.items-center.gap-3 button,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-board-card .mt-4.flex.flex-wrap.items-center.gap-3 button,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-board-card .mt-4.flex.flex-wrap.items-center.gap-3 button {
height: 32px !important;
padding: 0 11px !important;
border-radius: 12px !important;
font-size: 9px !important;
}
body:not(.home-landing-active) #requestsView #requestNearbyBtn {
min-width: 108px !important;
}
body:not(.home-landing-active) #requestsView #requestNearbyBtn::before {
content: "\f3c5";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel {
padding: 16px !important;
border-radius: 24px !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel h3 {
font-size: 18px !important;
line-height: 1.08 !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel p {
font-size: 11px !important;
line-height: 1.45 !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel .request-map-location-card {
background: #ffffff !important;
border-color: rgba(203, 213, 225, 0.96) !important;
box-shadow: 0 14px 30px -24px rgba(2, 8, 20, 0.44) !important;
}
body:not(.home-landing-active) #requestsView .request-board-map-panel .request-map-location-card :is(p, i, span) {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
}
@media (max-width: 1279px) {
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView {
--request-card-gap: 10px;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: minmax(0, 1fr) !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode > article.request-board-card,
body:not(.home-landing-active) #requestsViewList.request-map-mode > article.request-board-card {
aspect-ratio: auto !important;
min-height: 210px !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb {
width: 58px !important;
height: 58px !important;
border-radius: 15px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title {
max-width: calc(100% - 70px) !important;
font-size: 18px !important;
}
}
/* Talep Havuzu thumbnail/filter alignment - 20260508. */
body:not(.home-landing-active) #requestsView .requests-view-head {
position: sticky !important;
top: 0 !important;
z-index: 80 !important;
padding-block: 12px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head p.mt-2 {
display: none !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head h2 {
font-size: clamp(24px, 1.7vw, 32px) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child {
width: min(100%, 760px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb {
width: 88px !important;
height: 88px !important;
border-radius: 20px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title {
max-width: calc(100% - 124px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-meta,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-meta {
max-width: calc(100% - 124px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb {
width: 72px !important;
height: 72px !important;
border-radius: 17px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-meta {
max-width: calc(100% - 88px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode > article.request-board-card {
padding-right: 94px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode > article.request-board-card,
body:not(.home-landing-active) #requestsViewList.request-map-mode > article.request-board-card {
padding-right: clamp(16px, 1.2vw, 20px) !important;
}
@media (min-width: 1280px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
grid-template-columns: minmax(220px, 0.72fr) minmax(650px, 1fr) !important;
}
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
top: 0 !important;
padding: 8px !important;
border-radius: 18px !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head p:first-child {
display: none !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head h2 {
font-size: 22px !important;
line-height: 1 !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child {
gap: 7px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child > div:first-child {
gap: 6px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > div:last-child > div:first-child > button {
height: 34px !important;
min-height: 34px !important;
padding-inline: 12px !important;
border-radius: 13px !important;
font-size: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-board-toolbar {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 6px !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
padding-bottom: 1px !important;
}
body:not(.home-landing-active) #requestsView .request-board-toolbar::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-view-toggle {
flex: 0 0 auto !important;
width: auto !important;
min-width: 178px !important;
}
body:not(.home-landing-active) #requestsView .request-board-control-btn,
body:not(.home-landing-active) #requestsView .request-board-select {
height: 34px !important;
min-height: 34px !important;
border-radius: 13px !important;
font-size: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-board-select {
flex: 0 0 132px !important;
width: 132px !important;
padding-left: 12px !important;
}
body:not(.home-landing-active) #requestsView #requestNearbyBtn {
flex: 0 0 auto !important;
min-width: 98px !important;
}
body:not(.home-landing-active) #requestsView .request-card-side-rail {
width: 92px !important;
min-width: 92px !important;
min-height: 146px !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb {
width: 66px !important;
height: 66px !important;
border-radius: 16px !important;
margin-top: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title {
max-width: calc(100% - 102px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-meta,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-meta,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-meta {
max-width: calc(100% - 102px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode > article.request-board-card {
padding-right: 92px !important;
}
}
/* Talep modalları ve liste görseli okunurluk düzeltmesi - 20260508. */
#quoteModal #quoteModalRequestMeta,
#requestMessagesModal #requestMessagesMeta,
#requestMessagesModal #requestMessagesList {
background: #ffffff !important;
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
}
#quoteModal #quoteModalRequestMeta *,
#requestMessagesModal #requestMessagesMeta *,
#requestMessagesModal #requestMessagesList * {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
}
#quoteModal :is(input:not([type="file"]), textarea, select),
#requestMessagesModal :is(input:not([type="file"]), textarea, select) {
background: #ffffff !important;
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
border-color: #cbd5e1 !important;
text-shadow: none !important;
opacity: 1 !important;
}
#quoteModal :is(input:not([type="file"]), textarea)::placeholder,
#requestMessagesModal :is(input:not([type="file"]), textarea)::placeholder {
color: #334155 !important;
-webkit-text-fill-color: #334155 !important;
opacity: 1 !important;
}
#requestMessagesModal #requestMessagesQuotePanel .request-thread-quote-message,
#requestMessagesModal #requestMessagesList .request-thread-quote-preview {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
opacity: 1 !important;
text-shadow: none !important;
font-weight: 900 !important;
}
#quoteModal :is(input:not([type="file"]), textarea)::placeholder {
color: #94a3b8 !important;
-webkit-text-fill-color: #94a3b8 !important;
opacity: 0.64 !important;
font-weight: 600 !important;
}
#quoteModal :is(#quoteCancelBtn, button[class*="bg-white"], button[class*="bg-slate-50"], button[class*="bg-slate-100"]),
#requestMessagesModal :is(#requestMessagesCancelBtn, button[class*="bg-white"], button[class*="bg-slate-50"], button[class*="bg-slate-100"]) {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
text-shadow: none !important;
opacity: 1 !important;
}
#quoteModal :is(#quoteCancelBtn, button[class*="bg-white"], button[class*="bg-slate-50"], button[class*="bg-slate-100"]) *,
#requestMessagesModal :is(#requestMessagesCancelBtn, button[class*="bg-white"], button[class*="bg-slate-50"], button[class*="bg-slate-100"]) * {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
}
#notificationsModal .notifications-topic-strip {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 6px;
margin: -4px 0 16px;
width: 100%;
}
#notificationsModal .notifications-topic-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
min-height: 36px;
width: 100%;
min-width: 0;
padding: 0 6px;
border-radius: 999px;
border: 1px solid rgba(199, 219, 241, 0.86);
background: rgba(255, 255, 255, 0.88);
color: #111827;
font-size: 9px;
font-weight: 900;
letter-spacing: 0.04em;
text-transform: uppercase;
box-shadow: 0 14px 28px -24px rgba(37, 99, 235, 0.2);
transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
#notificationsModal .notifications-topic-btn span:not(.notifications-topic-btn-count) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#notificationsModal .notifications-topic-btn:hover {
transform: translateY(-1px);
border-color: rgba(147, 197, 253, 0.92);
}
#notificationsModal .notifications-topic-btn.is-active {
border-color: rgba(96, 165, 250, 0.96);
background: linear-gradient(135deg, #edf5fd 0%, #f8fbff 46%, #dbeafe 100%);
box-shadow: 0 20px 34px -26px rgba(37, 99, 235, 0.32);
}
#notificationsModal .notifications-topic-btn i {
color: #28527e;
-webkit-text-fill-color: #28527e;
font-size: 11px;
}
#notificationsModal .notifications-topic-btn-count {
display: inline-flex;
min-width: 20px;
flex: 0 0 auto;
justify-content: center;
padding: 4px 6px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.96);
color: #111827;
-webkit-text-fill-color: #111827;
font-size: 10px;
font-weight: 900;
line-height: 1;
box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.72);
}
#notificationsModal .notifications-summary-strip {
margin-top: 0;
}
#notificationsModal .notifications-summary-chip {
cursor: default;
}
@media (max-width: 720px) {
#notificationsModal .notifications-topic-strip {
display: flex;
flex-wrap: nowrap;
gap: 7px;
margin: 0 -2px 16px;
overflow-x: auto;
overflow-y: hidden;
padding: 1px 2px 8px;
scroll-snap-type: x proximity;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
#notificationsModal .notifications-topic-strip::-webkit-scrollbar {
display: none;
}
#notificationsModal .notifications-topic-btn {
flex: 0 0 auto;
width: auto;
min-width: max-content;
gap: 6px;
min-height: 36px;
padding: 0 11px;
font-size: 10px;
letter-spacing: 0.02em;
scroll-snap-align: start;
}
#notificationsModal .notifications-topic-btn span:not(.notifications-topic-btn-count) {
overflow: visible;
text-overflow: clip;
white-space: nowrap;
}
#notificationsModal .notifications-topic-btn i {
display: inline-flex;
font-size: 10px;
}
#notificationsModal .notifications-topic-btn-count {
min-width: 20px;
padding: 4px 6px;
font-size: 10px;
}
}
body:not(.home-landing-active) #requestsViewList.request-list-mode > article.request-board-card {
min-height: 142px !important;
padding-right: 22px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb {
width: 76px !important;
height: 76px !important;
z-index: 2 !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode :is(.request-card-side-time, .request-card-side-count) {
position: relative !important;
z-index: 6 !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 7px !important;
max-width: 100% !important;
margin-top: 12px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item {
min-width: 0 !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
padding: 7px 9px !important;
border-radius: 14px !important;
border: 1px solid rgba(143, 211, 255, 0.24) !important;
background: linear-gradient(135deg, rgba(6, 16, 36, 0.68), rgba(12, 34, 70, 0.38)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 26px -24px rgba(2,8,20,0.9) !important;
backdrop-filter: blur(8px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i {
flex: 0 0 auto !important;
width: 22px !important;
height: 22px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
background: rgba(143, 211, 255, 0.12) !important;
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
font-size: 10px !important;
text-shadow: 0 0 12px rgba(143, 211, 255, 0.26) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-copy {
min-width: 0 !important;
display: block !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label {
display: block !important;
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
font-size: 8px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: 0.13em !important;
text-transform: uppercase !important;
opacity: 0.92 !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong {
display: block !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
font-size: 10px !important;
line-height: 1.25 !important;
font-weight: 900 !important;
letter-spacing: -0.01em !important;
text-shadow: 0 8px 18px rgba(0,0,0,0.35) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta {
display: flex !important;
flex-wrap: wrap !important;
max-width: 100% !important;
gap: 6px !important;
margin-top: 9px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta {
margin-top: 12px !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item {
min-height: 58px !important;
align-items: center !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item strong {
white-space: normal !important;
line-height: 1.15 !important;
max-height: 2.3em !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title-box {
max-width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 16px !important;
margin-bottom: 14px !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-left {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-end !important;
gap: 12px !important;
flex-shrink: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badges {
display: contents !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge {
display: inline-flex !important;
align-items: center !important;
min-height: 42px !important;
padding: 0 18px !important;
border-radius: 999px !important;
border: 1px solid rgba(143, 211, 255, 0.22) !important;
background: linear-gradient(135deg, rgba(7, 23, 49, 0.94), rgba(10, 30, 60, 0.84)) !important;
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
font-size: 13px !important;
font-weight: 900 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 36px -28px rgba(2, 8, 20, 0.9) !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge.is-status::before {
content: "" !important;
width: 10px !important;
height: 10px !important;
border-radius: 999px !important;
background: #7dd3fc !important;
box-shadow: 0 0 14px rgba(125, 211, 252, 0.88) !important;
margin-right: 12px !important;
flex: 0 0 auto !important;
}
body:not(.home-landing-active) #requestsView .request-card-datetime {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
gap: 8px !important;
min-width: 148px !important;
}
body:not(.home-landing-active) #requestsView .request-card-datetime span {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
font-size: 13px !important;
font-weight: 900 !important;
letter-spacing: 0.04em !important;
}
body:not(.home-landing-active) #requestsView .request-card-datetime i {
color: #60a5fa !important;
-webkit-text-fill-color: #60a5fa !important;
font-size: 15px !important;
}
body:not(.home-landing-active) #requestsView .request-card-main-panel {
position: relative !important;
border-radius: 28px !important;
border: 1px solid rgba(143, 211, 255, 0.2) !important;
background: linear-gradient(180deg, rgba(6, 16, 36, 0.52), rgba(7, 20, 43, 0.7)) !important;
padding: 28px !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 250px !important;
gap: 22px !important;
align-items: start !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-copy {
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-kicker {
margin: 0 0 14px !important;
color: #5fb9ff !important;
-webkit-text-fill-color: #5fb9ff !important;
font-size: 15px !important;
font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
}
body:not(.home-landing-active) #requestsView .request-card-title-box {
margin-top: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-title-box .request-card-title,
body:not(.home-landing-active) #requestsView .request-card-title {
font-size: clamp(30px, 2.8vw, 44px) !important;
line-height: 1.05 !important;
letter-spacing: -0.05em !important;
max-width: 100% !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-divider {
margin: 22px 0 18px !important;
height: 1px !important;
background: linear-gradient(90deg, rgba(143, 211, 255, 0.34), rgba(143, 211, 255, 0.08)) !important;
}
body:not(.home-landing-active) #requestsView .request-card-quote-total {
color: #5fb9ff !important;
-webkit-text-fill-color: #5fb9ff !important;
font-size: 18px !important;
font-weight: 900 !important;
letter-spacing: -0.03em !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb {
width: 250px !important;
height: 250px !important;
margin: 0 0 0 auto !important;
border-radius: 28px !important;
border: 1px solid rgba(191, 219, 254, 0.68) !important;
align-self: start !important;
}
body:not(.home-landing-active) #requestsView .request-card-stage-shell {
margin-top: 20px !important;
border-radius: 24px !important;
border: 1px solid rgba(143, 211, 255, 0.18) !important;
background: linear-gradient(180deg, rgba(7, 20, 43, 0.78), rgba(6, 16, 36, 0.74)) !important;
padding: 22px 22px 18px !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-heading {
margin-bottom: 18px !important;
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
font-size: 14px !important;
font-weight: 900 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow {
margin-top: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
border-radius: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow-track {
display: flex !important;
align-items: center !important;
gap: 0 !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
scrollbar-width: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow-track::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step {
display: inline-flex !important;
align-items: center !important;
gap: 14px !important;
flex: 0 0 auto !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-icon {
width: 54px !important;
height: 54px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(180deg, rgba(31, 111, 214, 0.34), rgba(18, 53, 100, 0.86)) !important;
border: 1px solid rgba(143, 211, 255, 0.28) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 18px 34px -28px rgba(96, 165, 250, 0.72) !important;
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
font-size: 20px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step.is-active .request-stage-step-icon {
background: linear-gradient(180deg, rgba(85, 170, 255, 0.5), rgba(22, 64, 124, 0.92)) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-label {
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
font-size: 14px !important;
font-weight: 900 !important;
letter-spacing: 0.03em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-line {
width: 72px !important;
min-width: 72px !important;
height: 1px !important;
margin: 0 18px !important;
background: linear-gradient(90deg, rgba(255,255,255,0.44), rgba(255,255,255,0.08)) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-summary {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin-top: 18px !important;
color: #f8fbff !important;
-webkit-text-fill-color: #f8fbff !important;
font-size: 14px !important;
font-weight: 800 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-summary-dot {
width: 13px !important;
height: 13px !important;
border-radius: 999px !important;
background: #4ade80 !important;
box-shadow: 0 0 14px rgba(74, 222, 128, 0.9) !important;
flex: 0 0 auto !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta {
margin-top: 24px !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 16px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item {
min-height: 112px !important;
padding: 18px !important;
border-radius: 20px !important;
align-items: flex-start !important;
gap: 14px !important;
background: linear-gradient(180deg, rgba(7, 20, 43, 0.78), rgba(6, 16, 36, 0.74)) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i {
width: 48px !important;
height: 48px !important;
font-size: 18px !important;
background: linear-gradient(180deg, rgba(31, 111, 214, 0.28), rgba(18, 53, 100, 0.84)) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label {
display: block !important;
font-size: 12px !important;
line-height: 1 !important;
margin-bottom: 10px !important;
color: #69bcff !important;
-webkit-text-fill-color: #69bcff !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong {
white-space: normal !important;
font-size: 18px !important;
line-height: 1.15 !important;
max-height: none !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-card-expandable {
margin-top: 18px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-main-panel,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-main-panel {
padding: 22px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 170px !important;
gap: 18px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-thumb {
width: 150px !important;
height: 150px !important;
border-radius: 22px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title-box .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title-box .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title {
font-size: clamp(24px, 2vw, 34px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (max-width: 1279px) {
body:not(.home-landing-active) #requestsView .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 190px !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb {
width: 170px !important;
height: 170px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .request-card-topbar {
flex-direction: column !important;
gap: 14px !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right {
width: 100% !important;
justify-content: space-between !important;
align-items: flex-start !important;
}
body:not(.home-landing-active) #requestsView .request-card-datetime {
min-width: 0 !important;
gap: 5px !important;
}
body:not(.home-landing-active) #requestsView .request-card-datetime span {
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsView .request-card-main-panel {
padding: 16px !important;
border-radius: 22px !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-hero-panel {
grid-template-columns: 1fr !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-thumb {
width: 96px !important;
height: 96px !important;
margin: 0 0 0 auto !important;
border-radius: 20px !important;
}
body:not(.home-landing-active) #requestsView .request-card-title-box .request-card-title,
body:not(.home-landing-active) #requestsView .request-card-title {
font-size: 20px !important;
line-height: 1.06 !important;
}
body:not(.home-landing-active) #requestsView .request-card-kicker {
margin-bottom: 10px !important;
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-divider {
margin: 14px 0 12px !important;
}
body:not(.home-landing-active) #requestsView .request-card-quote-total {
font-size: 15px !important;
}
body:not(.home-landing-active) #requestsView .request-card-stage-shell {
margin-top: 14px !important;
padding: 14px !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-heading {
margin-bottom: 12px !important;
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step {
gap: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-icon {
width: 38px !important;
height: 38px !important;
font-size: 14px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-label {
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-line {
width: 28px !important;
min-width: 28px !important;
margin: 0 8px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-summary {
margin-top: 12px !important;
font-size: 11px !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
margin-top: 16px !important;
max-width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item {
min-height: 84px !important;
padding: 12px !important;
border-radius: 16px !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i {
width: 34px !important;
height: 34px !important;
font-size: 13px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label {
font-size: 10px !important;
margin-bottom: 6px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong {
font-size: 13px !important;
}
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item {
flex: 0 1 auto !important;
max-width: 185px !important;
padding: 6px 8px !important;
border-radius: 999px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item i {
width: 18px !important;
height: 18px !important;
font-size: 9px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-label {
display: none !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item strong {
font-size: 10px !important;
max-width: 130px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode > article.request-board-card {
min-height: 158px !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsViewList.request-list-mode > article.request-board-card {
min-height: 164px !important;
padding-right: 16px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb {
width: 72px !important;
height: 72px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta {
grid-template-columns: minmax(0, 1fr) !important;
max-width: calc(100% - 92px) !important;
gap: 6px !important;
margin-top: 9px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item {
padding: 6px 8px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label {
display: none !important;
}
body :is(#favoritesModal, #notificationsModal) {
align-items: flex-start !important;
justify-content: center !important;
overflow-y: auto !important;
padding: 10px 8px calc(18px + env(safe-area-inset-bottom)) !important;
-webkit-overflow-scrolling: touch !important;
}
body :is(#favoritesModal, #notificationsModal).open {
display: flex !important;
}
body :is(#favoritesModal, #notificationsModal) .favorites-shell {
width: min(100vw - 12px, 100%) !important;
max-height: none !important;
min-height: 0 !important;
margin: 0 auto !important;
}
body :is(#favoritesModal, #notificationsModal) .favorites-body {
max-height: none !important;
overflow: visible !important;
}
}
/* Talep liste modu sıkıştırma - 20260509 */
body:not(.home-landing-active) #requestsViewList.request-list-mode > article.request-board-card {
padding: 16px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-topbar {
gap: 10px !important;
margin-bottom: 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-topbar-left {
gap: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-top-badge {
min-height: 34px !important;
padding: 0 14px !important;
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-top-badge.is-status::before {
width: 8px !important;
height: 8px !important;
margin-right: 9px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-topbar-right {
gap: 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-datetime {
min-width: 118px !important;
gap: 4px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-datetime span {
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-main-panel {
padding: 16px !important;
border-radius: 22px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 116px !important;
gap: 14px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-kicker {
margin-bottom: 8px !important;
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title-box .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title {
font-size: clamp(18px, 1.4vw, 26px) !important;
line-height: 1.08 !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-divider {
margin: 10px 0 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-quote-total {
font-size: 14px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb {
width: 108px !important;
height: 108px !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-stage-shell {
margin-top: 12px !important;
padding: 14px !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-heading {
margin-bottom: 10px !important;
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-step {
gap: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-step-icon {
width: 34px !important;
height: 34px !important;
font-size: 13px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-step-label {
font-size: 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-step-line {
width: 20px !important;
min-width: 20px !important;
margin: 0 6px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-summary {
margin-top: 10px !important;
font-size: 11px !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
margin-top: 12px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item {
min-height: 74px !important;
padding: 10px 12px !important;
border-radius: 16px !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item i {
width: 32px !important;
height: 32px !important;
font-size: 12px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-label {
font-size: 9px !important;
margin-bottom: 5px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item strong {
font-size: 11px !important;
line-height: 1.15 !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-topbar {
gap: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-topbar-right {
width: 100% !important;
justify-content: space-between !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-top-badge {
min-height: 30px !important;
padding: 0 11px !important;
font-size: 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-main-panel {
padding: 14px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 92px !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb {
width: 84px !important;
height: 84px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title-box .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title {
font-size: 17px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-stage-shell {
padding: 12px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item {
min-height: 68px !important;
padding: 9px 10px !important;
}
}
/* Talep kartı referans düzeni - son override 20260509 */
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta {
display: grid !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-label {
display: block !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item {
max-width: none !important;
border-radius: 20px !important;
padding: 18px !important;
min-height: 112px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item i {
width: 48px !important;
height: 48px !important;
font-size: 18px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item strong {
font-size: 18px !important;
max-width: none !important;
white-space: normal !important;
overflow: visible !important;
max-height: none !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode > article.request-board-card,
body:not(.home-landing-active) #requestsViewList.request-map-mode > article.request-board-card,
body:not(.home-landing-active) #requestsViewList.request-grid-mode > article.request-board-card {
min-height: auto !important;
padding-right: 22px !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
max-width: 100% !important;
gap: 10px !important;
margin-top: 16px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-label {
display: block !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item {
min-height: 84px !important;
padding: 12px !important;
border-radius: 16px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item i {
width: 34px !important;
height: 34px !important;
font-size: 13px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item strong {
font-size: 13px !important;
}
}
/* Liste modu final compact override - 20260509 */
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-main-panel {
padding: 16px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 116px !important;
gap: 14px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb {
width: 108px !important;
height: 108px !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title-box .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title {
font-size: clamp(18px, 1.4vw, 26px) !important;
line-height: 1.08 !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-stage-shell {
margin-top: 12px !important;
padding: 14px !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
margin-top: 12px !important;
max-width: 100% !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item {
min-height: 74px !important;
max-width: none !important;
padding: 10px 12px !important;
border-radius: 16px !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item i {
width: 32px !important;
height: 32px !important;
font-size: 12px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-label {
display: block !important;
font-size: 9px !important;
margin-bottom: 5px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item strong {
font-size: 11px !important;
line-height: 1.15 !important;
max-width: none !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-expandable .mt-4.flex.flex-wrap.items-center.gap-3 {
margin-top: 10px !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-expandable .mt-4.flex.flex-wrap.items-center.gap-3 button,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-owner-action-btn {
height: 32px !important;
min-height: 32px !important;
padding: 0 12px !important;
border-radius: 12px !important;
font-size: 10px !important;
line-height: 1 !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 92px !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb {
width: 84px !important;
height: 84px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item {
min-height: 68px !important;
padding: 9px 10px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-expandable .mt-4.flex.flex-wrap.items-center.gap-3 button,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-owner-action-btn {
height: 30px !important;
min-height: 30px !important;
padding: 0 10px !important;
font-size: 9px !important;
}
}
/* Talep Havuzu toolbar reference layout - 20260509 */
body:not(.home-landing-active) #requestsView .requests-view-head {
display: grid !important;
grid-template-columns: minmax(230px, 0.32fr) minmax(720px, 1fr) !important;
align-items: center !important;
gap: clamp(22px, 3.4vw, 54px) !important;
min-height: clamp(190px, 18vw, 350px) !important;
padding: clamp(24px, 4vw, 58px) clamp(22px, 3vw, 46px) !important;
border-radius: 36px !important;
border: 1px solid rgba(143, 211, 255, 0.52) !important;
background:
linear-gradient(180deg, rgba(3, 12, 30, 0.83) 0%, rgba(2, 10, 24, 0.86) 100%),
linear-gradient(black, black) center center / cover no-repeat !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.10),
inset 0 0 0 1px rgba(143, 211, 255, 0.10),
0 30px 70px -48px rgba(2, 8, 20, 0.92) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title {
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title p:first-child {
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
font-size: clamp(12px, 1.15vw, 22px) !important;
line-height: 1 !important;
letter-spacing: 0.28em !important;
text-shadow: 0 10px 24px rgba(0,0,0,0.42) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title h2 {
margin-top: 12px !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(34px, 3vw, 54px) !important;
line-height: 0.95 !important;
letter-spacing: -0.04em !important;
text-shadow: 0 16px 34px rgba(0,0,0,0.52) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title p.mt-2 {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-actions {
width: 100% !important;
min-width: 0 !important;
justify-self: stretch !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: clamp(12px, 1.45vw, 28px) !important;
}
body:not(.home-landing-active) #requestsView .request-board-row {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
align-items: center !important;
gap: clamp(8px, 0.95vw, 18px) !important;
width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-view-toggle {
display: block !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-select,
body:not(.home-landing-active) #requestsView #requestBoardCount {
width: 100% !important;
min-width: 0 !important;
height: clamp(48px, 4.1vw, 78px) !important;
min-height: clamp(48px, 4.1vw, 78px) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: clamp(7px, 0.72vw, 14px) !important;
padding: 0 clamp(12px, 1.45vw, 26px) !important;
border-radius: 999px !important;
border: 1px solid rgba(226, 232, 240, 0.98) !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
text-shadow: none !important;
font-size: clamp(10px, 0.78vw, 16px) !important;
font-weight: 950 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
line-height: 1 !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.98),
0 18px 40px -30px rgba(2, 8, 20, 0.68) !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #requestsView .request-board-pill *,
body:not(.home-landing-active) #requestsView #requestBoardCount *,
body:not(.home-landing-active) #requestsView .request-board-select {
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-pill i,
body:not(.home-landing-active) #requestsView .request-board-stat i {
flex: 0 0 auto !important;
font-size: 0.95em !important;
}
body:not(.home-landing-active) #requestsView .request-board-pill span,
body:not(.home-landing-active) #requestsView .request-board-stat span {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView .request-board-pill.is-active,
body:not(.home-landing-active) #requestsView #requestNearbyBtn.is-active {
border-color: rgba(96, 165, 250, 1) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.98),
0 0 0 2px rgba(56, 189, 248, 0.34),
0 0 0 5px rgba(37, 99, 235, 0.24),
0 18px 42px -28px rgba(37, 99, 235, 0.70) !important;
}
body:not(.home-landing-active) #requestsView .request-board-select-shell {
position: relative !important;
display: block !important;
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-board-select {
appearance: none !important;
-webkit-appearance: none !important;
padding-right: clamp(34px, 3vw, 58px) !important;
text-align: center !important;
text-align-last: center !important;
}
body:not(.home-landing-active) #requestsView .request-board-select-shell i {
position: absolute !important;
right: clamp(14px, 1.4vw, 28px) !important;
top: 50% !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
font-size: clamp(10px, 0.9vw, 16px) !important;
}
body:not(.home-landing-active) #requestsView .request-board-stat {
cursor: default !important;
}
body:not(.home-landing-active) #requestsView .request-board-stat-value {
margin-left: auto !important;
font-variant-numeric: tabular-nums !important;
}
@media (max-width: 1360px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
grid-template-columns: minmax(210px, 0.28fr) minmax(700px, 1fr) !important;
gap: 18px !important;
min-height: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-board-row {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
padding: 14px !important;
border-radius: 22px !important;
}
body:not(.home-landing-active) #requestsView .request-board-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-select,
body:not(.home-landing-active) #requestsView #requestBoardCount {
height: 42px !important;
min-height: 42px !important;
padding-inline: 12px !important;
font-size: 10px !important;
}
}
/* Talep Havuzu 6x2 grid lock - 20260509 */
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-row,
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-toolbar,
body:not(.home-landing-active) #requestsView .requests-view-head #requestBoardStats {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
align-items: stretch !important;
justify-items: stretch !important;
gap: clamp(8px, 0.72vw, 14px) !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-row > *,
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-toolbar > *,
body:not(.home-landing-active) #requestsView .requests-view-head #requestBoardStats > * {
grid-column: auto !important;
grid-row: auto !important;
justify-self: stretch !important;
align-self: stretch !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head .request-view-toggle {
display: contents !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head :is(.request-board-pill, .request-board-select, #requestBoardCount, #requestNearbyBtn) {
height: clamp(44px, 3.15vw, 62px) !important;
min-height: clamp(44px, 3.15vw, 62px) !important;
max-height: 62px !important;
padding: 0 clamp(8px, 0.92vw, 16px) !important;
font-size: clamp(9px, 0.74vw, 14px) !important;
letter-spacing: 0.01em !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head :is(.request-board-pill, #requestBoardCount, #requestNearbyBtn) span,
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-stat strong {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-stat {
justify-content: flex-start !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-stat-value {
margin-left: auto !important;
flex: 0 0 auto !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-select-shell {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-select {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
padding-left: 10px !important;
padding-right: 30px !important;
}
@media (max-width: 980px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
grid-template-columns: 1fr !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-row,
body:not(.home-landing-active) #requestsView .requests-view-head .request-board-toolbar,
body:not(.home-landing-active) #requestsView .requests-view-head #requestBoardStats {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
/* Talep Havuzu final 12 button placement - 20260509 */
body:not(.home-landing-active) #requestsView .requests-view-head {
grid-template-columns: minmax(250px, 0.34fr) minmax(760px, 1fr) !important;
align-items: center !important;
}
body:not(.home-landing-active) #requestsView .request-board-actions {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
grid-template-rows: repeat(2, clamp(44px, 3.1vw, 62px)) !important;
grid-auto-flow: row !important;
align-items: stretch !important;
justify-items: stretch !important;
gap: clamp(8px, 0.75vw, 14px) !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > * {
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 100% !important;
min-height: 0 !important;
align-self: stretch !important;
justify-self: stretch !important;
flex: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 clamp(8px, 0.7vw, 14px) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: clamp(6px, 0.55vw, 10px) !important;
border-radius: 999px !important;
font-size: clamp(9px, 0.66vw, 13px) !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select-shell {
position: relative !important;
display: block !important;
height: 100% !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
appearance: none !important;
-webkit-appearance: none !important;
padding-left: 12px !important;
padding-right: 34px !important;
text-align: center !important;
text-align-last: center !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select-shell i {
position: absolute !important;
right: 14px !important;
top: 50% !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid :is(.request-board-pill, .request-board-pill span, .request-board-stat strong, #requestBoardCount) {
overflow: visible !important;
text-overflow: clip !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-stat {
justify-content: center !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-stat-value {
margin-left: clamp(8px, 0.72vw, 14px) !important;
flex: 0 0 auto !important;
font-variant-numeric: tabular-nums !important;
}
@media (max-width: 1180px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
grid-template-columns: 1fr !important;
gap: 22px !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-template-rows: repeat(4, 44px) !important;
}
}
@media (max-width: 640px) {
body:not(.home-landing-active) #requestsView .request-board-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-template-rows: repeat(6, 42px) !important;
}
}
/* Talep Havuzu override guard: keep toolbar as exactly 6 x 2. */
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
justify-self: stretch !important;
align-items: stretch !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
grid-template-rows: repeat(2, clamp(44px, 3.1vw, 62px)) !important;
grid-auto-flow: row !important;
gap: clamp(8px, 0.75vw, 14px) !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
align-items: stretch !important;
justify-items: stretch !important;
justify-content: stretch !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > * {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
align-self: stretch !important;
justify-self: stretch !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(3) { grid-column: 3 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(4) { grid-column: 4 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(5) { grid-column: 5 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(6) { grid-column: 6 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(7) { grid-column: 1 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(8) { grid-column: 2 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(9) { grid-column: 3 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(10) { grid-column: 4 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(11) { grid-column: 5 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :nth-child(12) { grid-column: 6 !important; grid-row: 2 !important; }
@media (max-width: 1180px) {
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
grid-template-rows: repeat(2, 44px) !important;
}
}
@media (max-width: 640px) {
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-template-columns: repeat(6, minmax(70px, 1fr)) !important;
grid-template-rows: repeat(2, 42px) !important;
overflow-x: auto !important;
}
}
/* Talep Havuzu frame height trim - 20260509 */
body:not(.home-landing-active) #requestsView .requests-view-head {
min-height: clamp(95px, 9vw, 175px) !important;
padding-top: clamp(12px, 2vw, 29px) !important;
padding-bottom: clamp(12px, 2vw, 29px) !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
min-height: 0 !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
}
}
/* Talep Havuzu title-row alignment and full button labels - 20260509 */
body:not(.home-landing-active) #requestsView .requests-view-head {
--request-pool-row-height: clamp(52px, 3.45vw, 70px);
--request-pool-row-gap: clamp(10px, 0.95vw, 18px);
grid-template-columns: minmax(250px, 0.24fr) minmax(0, 1fr) !important;
column-gap: clamp(20px, 2.2vw, 38px) !important;
align-items: center !important;
min-height: clamp(118px, 10.5vw, 205px) !important;
padding-top: clamp(14px, 2.2vw, 30px) !important;
padding-bottom: clamp(14px, 2.2vw, 30px) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title {
display: grid !important;
grid-template-rows: repeat(2, var(--request-pool-row-height)) !important;
gap: var(--request-pool-row-gap) !important;
align-self: center !important;
align-items: center !important;
margin: 0 !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title p:first-child,
body:not(.home-landing-active) #requestsView .requests-view-title h2 {
margin: 0 !important;
align-self: center !important;
font-size: clamp(21px, 1.38vw, 30px) !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title p:first-child {
grid-row: 1 !important;
letter-spacing: 0.14em !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title h2 {
grid-row: 2 !important;
letter-spacing: 0 !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title p.mt-2 {
display: none !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-template-columns: repeat(6, minmax(140px, 1fr)) !important;
grid-template-rows: repeat(2, var(--request-pool-row-height)) !important;
gap: var(--request-pool-row-gap) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
min-height: var(--request-pool-row-height) !important;
height: 100% !important;
padding: 0 clamp(12px, 1vw, 20px) !important;
font-size: clamp(10px, 0.72vw, 13px) !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill span,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-stat strong {
flex: 0 0 auto !important;
max-width: none !important;
min-width: 0 !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #requestsView #requestNearbyBtn::before {
content: none !important;
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-stat-value {
margin-left: clamp(6px, 0.55vw, 11px) !important;
}
@media (max-width: 1180px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
grid-template-columns: minmax(230px, 0.22fr) minmax(0, 1fr) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-template-columns: repeat(6, minmax(126px, 1fr)) !important;
}
}
/* Talep Havuzu compact fit and matching title colors - 20260509 */
body:not(.home-landing-active) #requestsView .requests-view-head {
--request-pool-row-height: clamp(48px, 2.85vw, 58px);
--request-pool-row-gap: clamp(5px, 0.42vw, 8px);
--request-pool-column-gap: clamp(6px, 0.55vw, 10px);
grid-template-columns: minmax(220px, 0.20fr) minmax(0, 1fr) !important;
column-gap: clamp(12px, 1.4vw, 24px) !important;
min-height: clamp(112px, 8vw, 158px) !important;
padding-top: clamp(8px, 1vw, 16px) !important;
padding-bottom: clamp(8px, 1vw, 16px) !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title p:first-child,
body:not(.home-landing-active) #requestsView .requests-view-title h2 {
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
}
body:not(.home-landing-active) #requestsView .request-board-actions {
overflow: hidden !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
grid-template-rows: repeat(2, var(--request-pool-row-height)) !important;
column-gap: var(--request-pool-column-gap) !important;
row-gap: var(--request-pool-row-gap) !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
min-height: var(--request-pool-row-height) !important;
padding: 0 clamp(8px, 0.68vw, 12px) !important;
font-size: clamp(8.8px, 0.58vw, 11px) !important;
gap: clamp(4px, 0.36vw, 7px) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
padding-left: clamp(8px, 0.68vw, 12px) !important;
padding-right: clamp(22px, 1.7vw, 32px) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select-shell i {
right: clamp(8px, 0.68vw, 12px) !important;
}
@media (max-width: 1180px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
grid-template-columns: minmax(200px, 0.19fr) minmax(0, 1fr) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
}
/* Talep kartı bilgi kutuları: metin büyütme ve merkezleme - 20260509 */
body:not(.home-landing-active) #requestsView .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta {
align-items: stretch !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item {
min-height: clamp(92px, 6.4vw, 126px) !important;
padding: clamp(14px, 1.25vw, 24px) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: clamp(14px, 1.1vw, 22px) !important;
text-align: left !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item i {
width: clamp(46px, 3.4vw, 62px) !important;
height: clamp(46px, 3.4vw, 62px) !important;
min-width: clamp(46px, 3.4vw, 62px) !important;
font-size: clamp(18px, 1.25vw, 24px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-copy,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-copy,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-copy,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-copy {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
gap: 6px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-label {
display: block !important;
margin: 0 !important;
font-size: clamp(13px, 0.92vw, 18px) !important;
line-height: 1.05 !important;
letter-spacing: 0.14em !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item strong {
display: block !important;
font-size: clamp(16px, 1.18vw, 24px) !important;
line-height: 1.08 !important;
max-width: none !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item {
min-height: 86px !important;
padding: 12px !important;
gap: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-label {
font-size: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item strong {
font-size: 14px !important;
}
}
/* Talep final refinements: form image, details, quotes and mobile fit - 20260510 */
#requestModal .request-form-side .request-image-upload {
width: 100% !important;
min-height: clamp(210px, 22vw, 300px) !important;
}
#requestModal .request-image-picker {
min-height: clamp(210px, 22vw, 300px) !important;
border-radius: 24px !important;
gap: 12px !important;
font-size: 14px !important;
}
#requestModal .request-image-picker i {
font-size: 34px !important;
}
#requestModal .request-image-preview {
min-height: clamp(220px, 23vw, 310px) !important;
border-radius: 24px !important;
}
#requestModal .request-image-preview img {
height: clamp(220px, 23vw, 310px) !important;
}
#requestModal .request-details-counter-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin-top: 8px !important;
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
#requestModal .request-details-counter-row strong {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-variant-numeric: tabular-nums !important;
}
body:not(.home-landing-active) #requestsView .request-card-detail-preview {
margin-top: 12px !important;
max-width: 100% !important;
border-radius: 16px !important;
border: 1px solid rgba(143, 211, 255, 0.24) !important;
background: rgba(2, 8, 20, 0.28) !important;
padding: 12px 14px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-detail-preview p {
margin: 0 0 6px !important;
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 950 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsView .request-card-detail-preview div {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(12px, 0.85vw, 15px) !important;
line-height: 1.35 !important;
font-weight: 800 !important;
overflow-wrap: anywhere !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge:is(button) {
appearance: none !important;
-webkit-appearance: none !important;
cursor: pointer !important;
}
body:not(.home-landing-active) #requestsView .request-card-quote-badge {
border-color: rgba(143, 211, 255, 0.36) !important;
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
}
body:not(.home-landing-active) #requestsView .request-card-quotes-jump {
cursor: pointer !important;
}
body:not(.home-landing-active) #requestsView .request-quotes-section-focus {
animation: requestQuoteFocusPulse 1.4s ease-out 1;
}
@keyframes requestQuoteFocusPulse {
0% { filter: drop-shadow(0 0 0 rgba(125, 211, 252, 0)); }
35% { filter: drop-shadow(0 0 18px rgba(125, 211, 252, 0.55)); }
100% { filter: drop-shadow(0 0 0 rgba(125, 211, 252, 0)); }
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item {
min-height: clamp(78px, 5.2vw, 104px) !important;
padding: clamp(10px, 0.9vw, 16px) !important;
gap: clamp(10px, 0.82vw, 16px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item i {
width: clamp(38px, 2.8vw, 50px) !important;
height: clamp(38px, 2.8vw, 50px) !important;
min-width: clamp(38px, 2.8vw, 50px) !important;
font-size: clamp(15px, 1.05vw, 20px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-label {
font-size: clamp(10px, 0.72vw, 14px) !important;
letter-spacing: 0.12em !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item strong {
font-size: clamp(13px, 0.96vw, 19px) !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView {
max-width: 100% !important;
overflow-x: hidden !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
grid-template-columns: 1fr !important;
row-gap: 10px !important;
min-height: 0 !important;
padding: 10px !important;
border-radius: 22px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title {
grid-template-rows: auto auto !important;
gap: 4px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title p:first-child,
body:not(.home-landing-active) #requestsView .requests-view-title h2 {
font-size: 18px !important;
line-height: 1.05 !important;
}
body:not(.home-landing-active) #requestsView .request-board-actions {
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
padding-bottom: 4px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
width: max-content !important;
min-width: 700px !important;
grid-template-columns: repeat(6, 110px) !important;
grid-template-rows: repeat(2, 42px) !important;
column-gap: 6px !important;
row-gap: 6px !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
min-height: 42px !important;
font-size: 9px !important;
padding: 0 8px !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
padding-right: 22px !important;
}
body:not(.home-landing-active) #requestsViewList > article.request-board-card {
border-radius: 22px !important;
padding: 12px !important;
}
body:not(.home-landing-active) #requestsView .request-card-main-panel {
padding: 12px !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #requestsView .request-card-detail-preview {
padding: 10px !important;
}
body:not(.home-landing-active) #requestModal .request-image-upload,
body:not(.home-landing-active) #requestModal .request-image-picker {
min-height: 170px !important;
}
body:not(.home-landing-active) #requestModal .request-image-preview,
body:not(.home-landing-active) #requestModal .request-image-preview img {
min-height: 180px !important;
height: 180px !important;
}
}
/* Talep remaining fixes - 20260510 */
body:not(.home-landing-active) #requestsView .requests-view-head {
display: grid !important;
grid-template-columns: minmax(210px, 0.2fr) minmax(0, 1fr) !important;
align-items: center !important;
column-gap: clamp(12px, 1.2vw, 22px) !important;
min-height: clamp(104px, 7.2vw, 146px) !important;
padding: clamp(7px, 0.9vw, 14px) clamp(16px, 2vw, 34px) !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-board-actions {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
justify-self: stretch !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
grid-template-rows: repeat(2, clamp(44px, 2.65vw, 54px)) !important;
column-gap: clamp(5px, 0.45vw, 9px) !important;
row-gap: clamp(4px, 0.35vw, 7px) !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
align-items: stretch !important;
justify-items: stretch !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
min-height: 0 !important;
height: 100% !important;
padding: 0 clamp(7px, 0.55vw, 11px) !important;
font-size: clamp(8.5px, 0.56vw, 10.5px) !important;
letter-spacing: 0 !important;
overflow: hidden !important;
text-overflow: clip !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #requestsView .request-card-quote-total {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item {
min-height: clamp(66px, 4.6vw, 88px) !important;
padding: clamp(8px, 0.75vw, 13px) !important;
gap: clamp(8px, 0.65vw, 13px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item i {
width: clamp(32px, 2.35vw, 42px) !important;
height: clamp(32px, 2.35vw, 42px) !important;
min-width: clamp(32px, 2.35vw, 42px) !important;
font-size: clamp(13px, 0.88vw, 17px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-label {
font-size: clamp(8.5px, 0.62vw, 12px) !important;
letter-spacing: 0.1em !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item strong {
font-size: clamp(12px, 0.82vw, 16px) !important;
line-height: 1.12 !important;
}
#requestModal .request-form-side .request-image-upload,
#requestModal .request-image-picker {
min-height: clamp(240px, 26vw, 360px) !important;
}
#requestModal .request-image-preview,
#requestModal .request-image-preview img {
min-height: clamp(250px, 27vw, 370px) !important;
height: clamp(250px, 27vw, 370px) !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
align-items: stretch !important;
row-gap: 10px !important;
min-height: 0 !important;
padding: 10px !important;
border-radius: 22px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title {
display: block !important;
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title p:first-child,
body:not(.home-landing-active) #requestsView .requests-view-title h2 {
display: block !important;
font-size: 18px !important;
line-height: 1.05 !important;
white-space: nowrap !important;
margin: 0 !important;
}
body:not(.home-landing-active) #requestsView .requests-view-title h2 {
margin-top: 4px !important;
}
body:not(.home-landing-active) #requestsView .request-board-actions {
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
padding-bottom: 4px !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid,
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
width: max-content !important;
min-width: 804px !important;
max-width: none !important;
grid-template-columns: repeat(6, 128px) !important;
grid-template-rows: repeat(2, 42px) !important;
column-gap: 7px !important;
row-gap: 7px !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
height: 42px !important;
min-height: 42px !important;
font-size: 9.5px !important;
padding: 0 8px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item {
min-height: 64px !important;
padding: 9px !important;
}
}
/* Talep kart üst rozetleri tek satır - 20260510 */
body:not(.home-landing-active) #requestsView .request-card-topbar-left {
flex: 1 1 auto !important;
min-width: 0 !important;
align-items: center !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges {
display: flex !important;
flex: 1 1 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges .request-card-top-badge {
flex: 0 0 auto !important;
white-space: nowrap !important;
min-height: 38px !important;
padding: 0 16px !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .request-card-topbar {
gap: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges {
gap: 7px !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges .request-card-top-badge {
min-height: 34px !important;
padding: 0 12px !important;
font-size: 10px !important;
}
}
/* Talep kartı üst aksiyon butonları - 20260510 */
body:not(.home-landing-active) #requestsView .request-card-secondary-badges .request-card-top-action {
justify-content: center !important;
border-color: rgba(226, 232, 240, 0.96) !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
text-shadow: none !important;
cursor: pointer !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.98),
0 18px 40px -30px rgba(2, 8, 20, 0.72) !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges .request-card-top-action.is-primary {
border-color: rgba(147, 197, 253, 0.92) !important;
background: linear-gradient(135deg, #edf5fd 0%, #ffffff 52%, #e2eef9 100%) !important;
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges .request-card-top-action:hover {
border-color: rgba(96, 165, 250, 0.98) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.98),
0 0 0 2px rgba(96, 165, 250, 0.18),
0 18px 42px -28px rgba(37, 99, 235, 0.62) !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar {
margin-bottom: clamp(8px, 0.75vw, 12px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-expandable,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-expandable,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-expandable,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-expandable {
margin-top: clamp(6px, 0.55vw, 10px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-expandable > .request-quotes-section.mt-4 {
margin-top: clamp(6px, 0.55vw, 10px) !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .request-card-secondary-badges .request-card-top-action {
min-height: 34px !important;
padding: 0 12px !important;
font-size: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-card-expandable,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-expandable,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-expandable,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-expandable {
margin-top: 6px !important;
}
}
/* Mobil talep kartı başlık ve detay hizası - 20260510 */
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-hero-panel {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(96px, 27vw, 118px) !important;
grid-template-rows: auto auto auto !important;
column-gap: 10px !important;
row-gap: 8px !important;
align-items: start !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-copy,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-copy,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-hero-copy,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-hero-copy {
display: contents !important;
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-kicker,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-kicker,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-kicker,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-kicker {
grid-column: 1 !important;
grid-row: 1 !important;
margin: 0 0 6px !important;
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-title-box,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title-box,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title-box,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title-box {
grid-column: 1 !important;
grid-row: 2 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
line-height: 1.06 !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-thumb {
grid-column: 2 !important;
grid-row: 1 / span 2 !important;
justify-self: end !important;
align-self: start !important;
width: clamp(96px, 27vw, 118px) !important;
height: clamp(96px, 27vw, 118px) !important;
margin: 0 !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #requestsView .request-card-detail-preview,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-detail-preview,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-detail-preview,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-detail-preview {
grid-column: 1 / -1 !important;
grid-row: 3 !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 2px !important;
padding: 14px 16px !important;
border-radius: 18px !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-divider,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-divider,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-hero-divider,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-hero-divider {
display: none !important;
}
}
/* Masaüstü giriş logo zemin temizleme - 20260511 */
@media (min-width: 768px) {
body.home-landing-active .home-category-visual {
background: transparent !important;
box-shadow: none !important;
}
body.home-landing-active .home-category-visual::before {
content: none !important;
display: none !important;
}
body.home-landing-active .home-category-visual::after {
content: none !important;
display: none !important;
}
body.home-landing-active .home-category-image {
position: relative !important;
z-index: 1 !important;
mix-blend-mode: screen !important;
transform: scale(1.22) !important;
filter: saturate(1.24) contrast(1.14) brightness(1.22) drop-shadow(0 12px 24px rgba(0, 0, 0, 0.34)) !important;
}
}
/* Mobil giriş kategori logoları ortak zemin - 20260510 */
@media (max-width: 767px) {
body.home-landing-active .home-category-card {
background:
linear-gradient(180deg, rgba(5, 11, 56, 0.08) 0%, rgba(3, 7, 44, 0.12) 100%),
url('/assets/kategori-logo-zemin-optimized.jpg?v=20260606-zemin-opt1') center center / cover no-repeat !important;
}
body.home-landing-active .home-category-visual {
border-radius: 12px !important;
inset: 5px !important;
left: 5px !important;
top: 5px !important;
right: 5px !important;
bottom: 5px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
}
body.home-landing-active .home-category-visual::before {
content: none !important;
display: none !important;
}
body.home-landing-active .home-category-image {
position: relative !important;
z-index: 1 !important;
object-fit: contain !important;
object-position: center center !important;
mix-blend-mode: screen !important;
background: transparent !important;
filter: saturate(1.2) contrast(1.1) brightness(1.14) drop-shadow(0 10px 18px rgba(0, 0, 0, 0.28)) !important;
}
body.home-landing-active .home-category-name {
z-index: 2 !important;
background: linear-gradient(180deg, #050b38 0%, #03072c 100%) !important;
border-radius: 9px !important;
bottom: 5px !important;
height: 24px !important;
min-height: 24px !important;
padding: 0 5px !important;
width: calc(100% - 12px) !important;
max-width: calc(100% - 12px) !important;
font-size: clamp(8px, 2.22vw, 10px) !important;
line-height: 1 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
}
/* Talep pazarı ve teklif kartı yeni düzen - 20260511 */
body:not(.home-landing-active) #requestsView #requestBoardCount.hidden,
body:not(.home-landing-active) #requestsView #requestBoardNoQuoteStat.hidden,
body:not(.home-landing-active) #requestsView #requestCreateBtn.hidden,
body:not(.home-landing-active) #requestsView #requestScopeListBtn.hidden,
body:not(.home-landing-active) #requestsView #requestScopeSelectShell.hidden,
body:not(.home-landing-active) #allPendingApprovalBtn {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
grid-template-rows: repeat(2, clamp(46px, 2.85vw, 58px)) !important;
column-gap: clamp(8px, 0.7vw, 14px) !important;
row-gap: clamp(8px, 0.7vw, 14px) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-stat {
cursor: pointer !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
font-size: clamp(10px, 0.72vw, 14px) !important;
padding-inline: clamp(12px, 0.9vw, 18px) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-stat-value {
margin-left: clamp(8px, 0.62vw, 12px) !important;
}
body:not(.home-landing-active) #requestsView .request-board-admin-scope:not(.hidden) {
display: block !important;
}
body:not(.home-landing-active) #requestsView .request-board-admin-scope .request-board-select {
cursor: pointer !important;
}
body:not(.home-landing-active) #requestsView .request-board-pill.is-active,
body:not(.home-landing-active) #requestsView .request-board-stat.is-active,
body:not(.home-landing-active) #requestsView #requestSortToggleBtn.is-active {
background: linear-gradient(180deg, #edf7ff 0%, #ffffff 100%) !important;
border-color: rgba(96, 165, 250, 0.96) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.98),
0 0 0 2px rgba(56, 189, 248, 0.28),
0 18px 42px -28px rgba(37, 99, 235, 0.72) !important;
}
body:not(.home-landing-active) #requestsView .request-board-card {
border-radius: clamp(28px, 2.3vw, 42px) !important;
border-color: rgba(143, 211, 255, 0.42) !important;
background:
linear-gradient(180deg, rgba(4, 17, 39, 0.72) 0%, rgba(3, 13, 32, 0.86) 100%),
linear-gradient(black, black) center center / cover no-repeat !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
inset 0 0 0 1px rgba(143, 211, 255, 0.08),
0 32px 80px -52px rgba(2, 8, 20, 0.94) !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: clamp(12px, 1vw, 20px) !important;
margin-bottom: clamp(14px, 1.2vw, 24px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-left {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: clamp(10px, 0.9vw, 16px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge.is-status {
min-height: clamp(46px, 3.3vw, 64px) !important;
padding-inline: clamp(18px, 1.5vw, 28px) !important;
border: 0 !important;
background: transparent !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(19px, 1.85vw, 34px) !important;
letter-spacing: 0 !important;
text-shadow: 0 16px 34px rgba(0,0,0,0.48) !important;
box-shadow: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge.is-status::before {
content: "";
width: 9px;
height: 9px;
border-radius: 999px;
margin-right: 12px;
background: #78d4ff;
box-shadow: 0 0 18px rgba(120, 212, 255, 0.72);
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges {
flex: 0 1 auto !important;
width: auto !important;
gap: clamp(8px, 0.75vw, 14px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges .request-card-top-badge {
min-height: clamp(42px, 3vw, 56px) !important;
border-radius: 999px !important;
padding-inline: clamp(16px, 1.25vw, 26px) !important;
font-size: clamp(11px, 0.86vw, 16px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-main-panel {
padding: clamp(22px, 2vw, 40px) !important;
border-radius: clamp(24px, 2vw, 36px) !important;
border-color: rgba(143, 211, 255, 0.34) !important;
background: linear-gradient(180deg, rgba(7, 28, 62, 0.58) 0%, rgba(3, 13, 32, 0.42) 100%) !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(150px, 0.28fr) !important;
align-items: start !important;
gap: clamp(18px, 2vw, 44px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-title {
max-width: 760px !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(30px, 3.2vw, 56px) !important;
line-height: 1.12 !important;
letter-spacing: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-quote-link {
display: inline-flex !important;
width: fit-content !important;
margin-top: clamp(16px, 1.3vw, 24px) !important;
border: 0 !important;
background: transparent !important;
color: #63bdff !important;
-webkit-text-fill-color: #63bdff !important;
font-size: clamp(16px, 1.35vw, 26px) !important;
font-weight: 950 !important;
line-height: 1 !important;
cursor: pointer !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-divider {
margin-top: clamp(18px, 1.4vw, 26px) !important;
opacity: 0.56 !important;
}
body:not(.home-landing-active) #requestsView .request-card-detail-preview {
margin-top: clamp(16px, 1.2vw, 22px) !important;
max-width: 100% !important;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
body:not(.home-landing-active) #requestsView .request-card-detail-preview.request-detail-focus {
border-color: rgba(125, 211, 252, 0.95) !important;
box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.22), inset 0 1px 0 rgba(255,255,255,0.10) !important;
}
body:not(.home-landing-active) #requestsView .request-card-stage-shell {
margin-top: clamp(18px, 1.4vw, 26px) !important;
padding: clamp(18px, 1.5vw, 28px) !important;
border-radius: clamp(18px, 1.6vw, 28px) !important;
border: 1px solid rgba(143, 211, 255, 0.34) !important;
background: rgba(5, 18, 42, 0.56) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow-track {
align-items: center !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta {
margin-top: clamp(16px, 1.3vw, 24px) !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 900px) {
body:not(.home-landing-active) #requestsView .request-board-actions {
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid,
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
width: max-content !important;
min-width: 760px !important;
grid-template-columns: repeat(5, 144px) !important;
grid-template-rows: repeat(2, 42px) !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar,
body:not(.home-landing-active) #requestsView .request-card-topbar-left {
flex-wrap: wrap !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge.is-status {
width: 100% !important;
justify-content: flex-start !important;
padding-inline: 0 !important;
font-size: 22px !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) minmax(120px, 34vw) !important;
}
body:not(.home-landing-active) #requestsView .request-card-title {
font-size: 28px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 560px) {
body:not(.home-landing-active) #requestsView .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 112px !important;
gap: 12px !important;
}
body:not(.home-landing-active) #requestsView .request-card-title {
font-size: 23px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta {
grid-template-columns: 1fr !important;
}
}
/* Talep kartı üst buton eşitleme - 20260511 */
body:not(.home-landing-active) #requestsView .request-card-topbar {
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-left,
body:not(.home-landing-active) #requestsView .request-card-secondary-badges,
body:not(.home-landing-active) #requestsView .request-card-topbar-right,
body:not(.home-landing-active) #requestsView .request-card-admin-actions {
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right,
body:not(.home-landing-active) #requestsView .request-card-admin-actions {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge.is-status,
body:not(.home-landing-active) #requestsView .request-card-secondary-badges .request-card-top-badge,
body:not(.home-landing-active) #requestsView .request-card-topbar-right .request-owner-action-btn {
width: clamp(112px, 6.8vw, 132px) !important;
min-width: clamp(112px, 6.8vw, 132px) !important;
max-width: clamp(112px, 6.8vw, 132px) !important;
height: clamp(40px, 2.65vw, 48px) !important;
min-height: clamp(40px, 2.65vw, 48px) !important;
max-height: clamp(40px, 2.65vw, 48px) !important;
padding: 0 10px !important;
border-radius: 999px !important;
border: 1px solid rgba(226, 232, 240, 0.96) !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
text-shadow: none !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.98),
0 16px 36px -30px rgba(2, 8, 20, 0.72) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
font-size: clamp(9px, 0.62vw, 12px) !important;
font-weight: 950 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
flex: 0 0 clamp(112px, 6.8vw, 132px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge.is-status::before {
width: 7px !important;
height: 7px !important;
min-width: 7px !important;
margin: 0 5px 0 0 !important;
flex: 0 0 7px !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right .request-owner-action-btn.is-warning,
body:not(.home-landing-active) #requestsView .request-card-topbar-right .request-owner-action-btn.is-danger {
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
border-color: rgba(226, 232, 240, 0.96) !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}
@media (max-width: 900px) {
body:not(.home-landing-active) #requestsView .request-card-topbar-left,
body:not(.home-landing-active) #requestsView .request-card-secondary-badges {
flex-wrap: nowrap !important;
overflow-x: auto !important;
scrollbar-width: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-left::-webkit-scrollbar,
body:not(.home-landing-active) #requestsView .request-card-secondary-badges::-webkit-scrollbar {
display: none !important;
}
}
/* Admin onay kapsam butonu oval görünüm - 20260511 */
body:not(.home-landing-active) #pendingApprovalFilterBar .pending-approval-scope-pill {
height: 42px !important;
min-height: 42px !important;
border-radius: 999px !important;
padding: 0 18px !important;
border: 1px solid rgba(226, 232, 240, 0.98) !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.98),
0 16px 36px -30px rgba(2, 8, 20, 0.72) !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #pendingApprovalFilterBar .pending-approval-scope-select {
height: 100% !important;
border: 0 !important;
border-radius: 999px !important;
background: transparent !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
font-size: 11px !important;
font-weight: 950 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
cursor: pointer !important;
outline: none !important;
}
body:not(.home-landing-active) #pendingApprovalFilterBar .pending-approval-scope-pill i {
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
}
/* Talep pazarı buton ve admin liste seçimi eşitleme - 20260511 */
body:not(.home-landing-active) #requestsView .request-board-grid,
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
grid-template-rows: repeat(2, clamp(46px, 3vw, 58px)) !important;
gap: clamp(8px, 0.7vw, 12px) !important;
align-items: stretch !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > .hidden,
body:not(.home-landing-active) #requestsView #requestScopeListBtn.hidden,
body:not(.home-landing-active) #requestsView #requestScopeSelectShell.hidden {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > * {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
align-self: stretch !important;
justify-self: stretch !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > #requestBoardOpenStat { grid-column: 1 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestBoardMessageStat { grid-column: 2 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestMineBtn { grid-column: 3 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestCreateBtn { grid-column: 4 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestScopeListBtn,
body:not(.home-landing-active) #requestsView .request-board-grid > #requestScopeSelectShell { grid-column: 5 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestSortToggleBtn { grid-column: 1 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestNearbyBtn { grid-column: 2 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestClosedMineBtn { grid-column: 3 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestBoardCsvBtn { grid-column: 4 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestBoardBackBtn { grid-column: 5 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select-shell {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: clamp(6px, 0.45vw, 9px) !important;
padding: 0 clamp(12px, 0.95vw, 18px) !important;
border-radius: 999px !important;
border: 1px solid rgba(226, 232, 240, 0.98) !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.98),
0 18px 40px -32px rgba(2, 8, 20, 0.72) !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
font-size: clamp(11px, 0.76vw, 15px) !important;
font-weight: 950 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill.is-active,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select-shell.is-active {
border-color: rgba(147, 197, 253, 0.98) !important;
background: linear-gradient(180deg, #e8f6ff 0%, #f8fbff 100%) !important;
box-shadow:
inset 0 0 0 2px rgba(59, 130, 246, 0.45),
0 0 0 2px rgba(125, 211, 252, 0.22),
0 18px 40px -30px rgba(37, 99, 235, 0.78) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill span,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill strong {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill i,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select-shell i {
flex: 0 0 auto !important;
font-size: 0.95em !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
border: 0 !important;
border-radius: 999px !important;
padding: 0 clamp(30px, 1.7vw, 40px) 0 clamp(12px, 0.95vw, 18px) !important;
background: transparent !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
box-shadow: none !important;
outline: none !important;
appearance: none !important;
-webkit-appearance: none !important;
cursor: pointer !important;
text-align: center !important;
text-align-last: center !important;
font: inherit !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select-shell > i {
position: absolute !important;
right: clamp(12px, 0.8vw, 16px) !important;
top: 50% !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
}
@media (max-width: 900px) {
body:not(.home-landing-active) #requestsView .request-board-grid,
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
width: max-content !important;
min-width: 760px !important;
grid-template-columns: repeat(5, 144px) !important;
grid-template-rows: repeat(2, 42px) !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-pill,
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select-shell {
font-size: 11px !important;
padding-inline: 10px !important;
}
}
/* Liste görünümünde harita/web ikonlarını konum yazısı sonuna al - 20260511 */
#firmList.list-mode .supplier-card .list-card-location-row {
display: block !important;
width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
#firmList.list-mode .supplier-card .list-card-location-row .location-line {
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
flex-wrap: nowrap !important;
width: max-content !important;
max-width: 100% !important;
min-width: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
}
#firmList.list-mode .supplier-card .list-card-location-row .location-link,
#firmList.list-mode .supplier-card .list-card-location-row .location-line > p {
display: block !important;
flex: 0 1 auto !important;
width: auto !important;
max-width: calc(100% - 54px) !important;
min-width: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
#firmList.list-mode .supplier-card .list-card-location-row .location-inline-icons {
position: static !important;
top: auto !important;
right: auto !important;
transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 4px !important;
flex: 0 0 auto !important;
min-width: 0 !important;
margin-left: 2px !important;
}
#firmList.list-mode .supplier-card .list-card-location-row .location-inline-icons .map-inline-btn {
width: 22px !important;
height: 22px !important;
flex: 0 0 22px !important;
}
#firmList.list-mode .supplier-card .list-card-location-row .location-inline-icons .map-inline-btn i {
font-size: 9px !important;
}
#firmList.list-mode .supplier-card .list-card-location-icons {
display: none !important;
}
@media (max-width: 759px) and (orientation: portrait) {
#firmList.list-mode .supplier-card .list-card-location-row .location-line {
gap: 4px !important;
}
#firmList.list-mode .supplier-card .list-card-location-row .location-link,
#firmList.list-mode .supplier-card .list-card-location-row .location-line > p {
max-width: calc(100% - 48px) !important;
}
#firmList.list-mode .supplier-card .list-card-location-row .location-inline-icons {
gap: 3px !important;
margin-left: 1px !important;
}
#firmList.list-mode .supplier-card .list-card-location-row .location-inline-icons .map-inline-btn {
width: 20px !important;
height: 20px !important;
flex-basis: 20px !important;
}
#firmList.list-mode .supplier-card .list-card-location-row .location-inline-icons .map-inline-btn i {
font-size: 8px !important;
}
}
/* Teklif kategorisi akış arayüzü - 20260511 */
body:not(.home-landing-active) #requestsView .request-card-main-panel {
border-radius: clamp(26px, 2.35vw, 40px) !important;
border: 1px solid rgba(143, 211, 255, 0.34) !important;
background:
linear-gradient(180deg, rgba(7, 25, 54, 0.64) 0%, rgba(4, 14, 34, 0.74) 100%) !important;
padding: clamp(24px, 2.35vw, 42px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) minmax(180px, 0.28fr) !important;
gap: clamp(18px, 2.4vw, 52px) !important;
align-items: start !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb {
width: clamp(160px, 15vw, 260px) !important;
height: clamp(160px, 15vw, 260px) !important;
border-radius: clamp(24px, 2vw, 34px) !important;
justify-self: end !important;
}
body:not(.home-landing-active) #requestsView .request-card-stage-shell {
margin-top: clamp(18px, 1.7vw, 28px) !important;
padding: clamp(20px, 1.8vw, 30px) !important;
border-radius: clamp(22px, 1.85vw, 32px) !important;
border: 1px solid rgba(143, 211, 255, 0.36) !important;
background: linear-gradient(180deg, rgba(7, 36, 76, 0.58) 0%, rgba(4, 17, 39, 0.72) 100%) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.07),
0 22px 48px -42px rgba(37, 99, 235, 0.52) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-heading {
margin: 0 0 clamp(16px, 1.4vw, 24px) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(16px, 1.3vw, 24px) !important;
line-height: 1.1 !important;
font-weight: 950 !important;
letter-spacing: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow-track {
display: flex !important;
align-items: center !important;
gap: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-segment {
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step {
appearance: none !important;
-webkit-appearance: none !important;
min-width: clamp(150px, 10vw, 210px) !important;
height: clamp(52px, 3.8vw, 70px) !important;
padding: 0 clamp(12px, 0.9vw, 20px) !important;
border-radius: 999px !important;
border: 1px solid rgba(143, 211, 255, 0.18) !important;
background: linear-gradient(180deg, rgba(7, 25, 54, 0.72) 0%, rgba(5, 18, 42, 0.86) 100%) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: clamp(10px, 0.8vw, 16px) !important;
cursor: pointer !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
0 18px 34px -30px rgba(2, 8, 20, 0.74) !important;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step:hover,
body:not(.home-landing-active) #requestsView .request-stage-step.is-current {
border-color: rgba(125, 211, 252, 0.86) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.12),
0 0 0 2px rgba(96, 165, 250, 0.16),
0 20px 44px -32px rgba(37, 99, 235, 0.72) !important;
transform: translateY(-1px) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-icon {
width: clamp(38px, 3vw, 54px) !important;
height: clamp(38px, 3vw, 54px) !important;
min-width: clamp(38px, 3vw, 54px) !important;
border-radius: 999px !important;
background: linear-gradient(180deg, rgba(52, 144, 235, 0.54) 0%, rgba(18, 65, 124, 0.92) 100%) !important;
border-color: rgba(125, 211, 252, 0.36) !important;
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step.is-active .request-stage-step-icon,
body:not(.home-landing-active) #requestsView .request-stage-step.is-current .request-stage-step-icon {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-label {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(12px, 0.9vw, 17px) !important;
font-weight: 950 !important;
letter-spacing: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-line {
width: clamp(42px, 5.2vw, 92px) !important;
min-width: clamp(42px, 5.2vw, 92px) !important;
height: 1px !important;
margin: 0 clamp(8px, 0.9vw, 16px) !important;
background: repeating-linear-gradient(90deg, rgba(255,255,255,0.72) 0 3px, transparent 3px 7px) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-panel {
margin-top: clamp(14px, 1.3vw, 22px) !important;
border-radius: clamp(18px, 1.45vw, 24px) !important;
border: 1px solid rgba(143, 211, 255, 0.32) !important;
background: linear-gradient(180deg, rgba(5, 20, 46, 0.76) 0%, rgba(3, 13, 32, 0.82) 100%) !important;
padding: clamp(14px, 1.25vw, 22px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin-bottom: 12px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-head span {
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
font-size: 12px !important;
font-weight: 950 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-head strong {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 13px !important;
font-weight: 950 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-request h5 {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(17px, 1.25vw, 24px) !important;
font-weight: 950 !important;
line-height: 1.12 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-request p {
margin-top: 8px !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(12px, 0.9vw, 16px) !important;
line-height: 1.45 !important;
font-weight: 800 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-meta-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
margin-top: 14px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-meta-grid span {
min-width: 0 !important;
border-radius: 999px !important;
border: 1px solid rgba(143, 211, 255, 0.2) !important;
background: rgba(2, 8, 20, 0.22) !important;
padding: 10px 12px !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 12px !important;
font-weight: 900 !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-empty {
display: flex !important;
align-items: center !important;
gap: 12px !important;
border-radius: 18px !important;
border: 1px solid rgba(143, 211, 255, 0.2) !important;
background: rgba(2, 8, 20, 0.22) !important;
padding: 14px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-empty > i {
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
font-size: 20px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-empty h5 {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 14px !important;
font-weight: 950 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-empty p {
margin-top: 3px !important;
color: #cfe9ff !important;
-webkit-text-fill-color: #cfe9ff !important;
font-size: 12px !important;
font-weight: 700 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-action {
margin-left: auto !important;
height: 38px !important;
padding: 0 14px !important;
border-radius: 999px !important;
border: 1px solid rgba(226, 232, 240, 0.96) !important;
background: #ffffff !important;
color: #070d1f !important;
-webkit-text-fill-color: #070d1f !important;
font-size: 11px !important;
font-weight: 950 !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-quotes {
display: grid !important;
gap: 10px !important;
}
@media (max-width: 900px) {
body:not(.home-landing-active) #requestsView .request-stage-step {
min-width: 142px !important;
height: 48px !important;
gap: 8px !important;
padding-inline: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-icon {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
font-size: 13px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-label {
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-line {
width: 28px !important;
min-width: 28px !important;
margin-inline: 6px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-meta-grid {
grid-template-columns: 1fr !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-empty {
align-items: flex-start !important;
flex-wrap: wrap !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-action {
margin-left: 0 !important;
}
}
/* Teklif kategorisi birebir referans zorlaması - 20260511 */
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-flow,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-flow,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-flow {
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-detail-preview,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-detail-preview,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-detail-preview,
body:not(.home-landing-active) #requestsView .request-card-detail-preview {
display: none !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-main-panel,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-main-panel,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-main-panel,
body:not(.home-landing-active) #requestsView .request-card-main-panel {
position: relative !important;
border-radius: clamp(30px, 2.8vw, 46px) !important;
border: 1px solid rgba(143, 211, 255, 0.42) !important;
background:
radial-gradient(circle at 18% 18%, rgba(46, 139, 255, 0.18) 0%, rgba(46, 139, 255, 0) 36%),
linear-gradient(180deg, rgba(7, 26, 58, 0.72) 0%, rgba(4, 14, 34, 0.84) 100%) !important;
padding: clamp(30px, 3vw, 54px) clamp(34px, 3.4vw, 62px) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
inset 0 0 0 1px rgba(143, 211, 255, 0.06),
0 28px 74px -56px rgba(2, 8, 20, 0.9) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-hero-panel,
body:not(.home-landing-active) #requestsView .request-card-hero-panel {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(210px, 19vw, 330px) !important;
gap: clamp(30px, 5vw, 88px) !important;
align-items: start !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-kicker,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-kicker,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-kicker,
body:not(.home-landing-active) #requestsView .request-card-kicker {
margin: 0 0 clamp(16px, 1.4vw, 24px) !important;
color: #5fb9ff !important;
-webkit-text-fill-color: #5fb9ff !important;
font-size: clamp(16px, 1.35vw, 25px) !important;
font-weight: 950 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title,
body:not(.home-landing-active) #requestsView .request-card-title {
max-width: 760px !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(38px, 4vw, 64px) !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
overflow: visible !important;
white-space: normal !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-divider,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-hero-divider,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-hero-divider,
body:not(.home-landing-active) #requestsView .request-card-hero-divider {
display: block !important;
width: min(100%, 560px) !important;
height: 1px !important;
margin: clamp(28px, 2.5vw, 42px) 0 clamp(22px, 2vw, 34px) !important;
background: linear-gradient(90deg, rgba(143, 211, 255, 0.35), rgba(143, 211, 255, 0.04)) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-quote-link,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-hero-quote-link,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-hero-quote-link,
body:not(.home-landing-active) #requestsView .request-card-hero-quote-link {
display: inline-flex !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #5fb9ff !important;
-webkit-text-fill-color: #5fb9ff !important;
font-size: clamp(20px, 1.8vw, 30px) !important;
font-weight: 950 !important;
line-height: 1 !important;
text-transform: lowercase !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-thumb,
body:not(.home-landing-active) #requestsView .request-card-thumb {
width: clamp(190px, 19vw, 330px) !important;
height: clamp(190px, 19vw, 330px) !important;
border-radius: clamp(26px, 2.4vw, 42px) !important;
border: 1px solid rgba(191, 219, 254, 0.78) !important;
justify-self: end !important;
align-self: start !important;
margin: 0 !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-stage-shell,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-stage-shell,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-stage-shell,
body:not(.home-landing-active) #requestsView .request-card-stage-shell {
display: block !important;
margin-top: clamp(28px, 2.6vw, 46px) !important;
padding: clamp(26px, 2.35vw, 42px) !important;
border-radius: clamp(24px, 2vw, 34px) !important;
border: 1px solid rgba(143, 211, 255, 0.4) !important;
background: linear-gradient(180deg, rgba(8, 37, 79, 0.62) 0%, rgba(4, 18, 44, 0.76) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.07) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-heading,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-heading,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-heading,
body:not(.home-landing-active) #requestsView .request-stage-heading {
margin: 0 0 clamp(20px, 1.6vw, 28px) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(18px, 1.4vw, 26px) !important;
line-height: 1.05 !important;
font-weight: 950 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-flow :is(span, div),
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-flow :is(span, div),
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-flow :is(span, div),
body:not(.home-landing-active) #requestsView .request-stage-flow :is(span, div) {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-flow-track,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-flow-track,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-flow-track,
body:not(.home-landing-active) #requestsView .request-stage-flow-track {
display: flex !important;
align-items: center !important;
gap: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-segment,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-segment,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-segment,
body:not(.home-landing-active) #requestsView .request-stage-segment {
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-step,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-step,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-step,
body:not(.home-landing-active) #requestsView .request-stage-step {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: clamp(12px, 1vw, 18px) !important;
min-width: clamp(168px, 13vw, 238px) !important;
height: clamp(60px, 4.8vw, 82px) !important;
padding: 0 clamp(14px, 1.2vw, 24px) !important;
border-radius: 999px !important;
border: 1px solid rgba(143, 211, 255, 0.2) !important;
background: linear-gradient(180deg, rgba(7, 24, 55, 0.78), rgba(4, 16, 39, 0.88)) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-step-icon,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-step-icon,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-step-icon,
body:not(.home-landing-active) #requestsView .request-stage-step-icon {
width: clamp(46px, 3.6vw, 62px) !important;
height: clamp(46px, 3.6vw, 62px) !important;
min-width: clamp(46px, 3.6vw, 62px) !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(180deg, rgba(52, 144, 235, 0.58), rgba(14, 57, 112, 0.94)) !important;
border: 1px solid rgba(143, 211, 255, 0.36) !important;
color: #8fd3ff !important;
-webkit-text-fill-color: #8fd3ff !important;
font-size: clamp(17px, 1.25vw, 23px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-step-label,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-step-label,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-step-label,
body:not(.home-landing-active) #requestsView .request-stage-step-label {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(14px, 1.1vw, 21px) !important;
font-weight: 950 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-step-line,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-step-line,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-step-line,
body:not(.home-landing-active) #requestsView .request-stage-step-line {
display: inline-block !important;
width: clamp(54px, 7vw, 118px) !important;
min-width: clamp(54px, 7vw, 118px) !important;
height: 1px !important;
margin: 0 clamp(10px, 1vw, 18px) !important;
background: repeating-linear-gradient(90deg, rgba(255,255,255,0.72) 0 3px, transparent 3px 8px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-summary,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-summary,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-summary,
body:not(.home-landing-active) #requestsView .request-stage-summary {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin-top: clamp(22px, 1.8vw, 32px) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(18px, 1.45vw, 28px) !important;
font-weight: 850 !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsView .request-card-premium-meta {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: clamp(14px, 1.2vw, 22px) !important;
margin-top: clamp(28px, 2.3vw, 44px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item {
min-height: clamp(130px, 9vw, 170px) !important;
padding: clamp(20px, 1.8vw, 30px) !important;
border-radius: clamp(18px, 1.4vw, 26px) !important;
border: 1px solid rgba(143, 211, 255, 0.28) !important;
background: linear-gradient(180deg, rgba(7, 28, 62, 0.72), rgba(4, 17, 39, 0.86)) !important;
display: flex !important;
align-items: center !important;
gap: clamp(16px, 1.2vw, 24px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i {
width: clamp(54px, 4.3vw, 76px) !important;
height: clamp(54px, 4.3vw, 76px) !important;
min-width: clamp(54px, 4.3vw, 76px) !important;
font-size: clamp(20px, 1.55vw, 28px) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label {
display: block !important;
margin-bottom: 8px !important;
color: #69bcff !important;
-webkit-text-fill-color: #69bcff !important;
font-size: clamp(12px, 0.95vw, 17px) !important;
font-weight: 950 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(19px, 1.55vw, 28px) !important;
line-height: 1.15 !important;
max-width: none !important;
white-space: normal !important;
}
@media (max-width: 900px) {
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-main-panel,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-main-panel,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-main-panel,
body:not(.home-landing-active) #requestsView .request-card-main-panel {
padding: 18px !important;
border-radius: 24px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-hero-panel,
body:not(.home-landing-active) #requestsView .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 120px !important;
gap: 12px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title,
body:not(.home-landing-active) #requestsView .request-card-title {
font-size: 28px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-thumb,
body:not(.home-landing-active) #requestsView .request-card-thumb {
width: 112px !important;
height: 112px !important;
border-radius: 20px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-stage-shell,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-stage-shell,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-stage-shell,
body:not(.home-landing-active) #requestsView .request-card-stage-shell {
padding: 16px !important;
margin-top: 18px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-step,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-step,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-step,
body:not(.home-landing-active) #requestsView .request-stage-step {
min-width: 140px !important;
height: 48px !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-stage-step-line,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-stage-step-line,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-stage-step-line,
body:not(.home-landing-active) #requestsView .request-stage-step-line {
width: 28px !important;
min-width: 28px !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta,
body:not(.home-landing-active) #requestsView .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item {
min-height: 92px !important;
padding: 12px !important;
}
}
/* Talep kartı taşma düzeltmesi - 20260511 */
body:not(.home-landing-active) #requestsViewList > article.request-board-card,
body:not(.home-landing-active) #requestsView > article.request-board-card {
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar,
body:not(.home-landing-active) #requestsViewList .request-card-topbar {
width: 100% !important;
max-width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
flex-wrap: wrap !important;
margin: 0 0 clamp(12px, 1vw, 18px) !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-left,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-left {
flex: 1 1 min(720px, 100%) !important;
min-width: 0 !important;
max-width: 100% !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges,
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges {
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: 100% !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-right {
flex: 0 1 auto !important;
min-width: 0 !important;
max-width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 8px !important;
flex-wrap: wrap !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-admin-actions,
body:not(.home-landing-active) #requestsViewList .request-card-admin-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 8px !important;
flex-wrap: wrap !important;
min-width: 0 !important;
max-width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge,
body:not(.home-landing-active) #requestsViewList .request-card-top-badge,
body:not(.home-landing-active) #requestsView .request-owner-action-btn,
body:not(.home-landing-active) #requestsViewList .request-owner-action-btn {
max-width: 180px !important;
min-width: 0 !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 14px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #requestsView .request-card-main-panel,
body:not(.home-landing-active) #requestsViewList .request-card-main-panel {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList .request-card-hero-panel {
width: 100% !important;
max-width: 100% !important;
grid-template-columns: minmax(0, 1fr) clamp(160px, 17vw, 280px) !important;
gap: clamp(18px, 2.6vw, 44px) !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-copy,
body:not(.home-landing-active) #requestsViewList .request-card-hero-copy {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-title,
body:not(.home-landing-active) #requestsViewList .request-card-title {
max-width: 100% !important;
font-size: clamp(34px, 3.1vw, 56px) !important;
line-height: 1.08 !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList .request-card-thumb {
width: clamp(150px, 16vw, 260px) !important;
height: clamp(150px, 16vw, 260px) !important;
max-width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-card-stage-shell,
body:not(.home-landing-active) #requestsViewList .request-card-stage-shell {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow,
body:not(.home-landing-active) #requestsViewList .request-stage-flow {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow-track,
body:not(.home-landing-active) #requestsViewList .request-stage-flow-track {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: clamp(8px, 1.1vw, 18px) !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-stage-segment,
body:not(.home-landing-active) #requestsViewList .request-stage-segment {
position: relative !important;
display: flex !important;
align-items: center !important;
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step,
body:not(.home-landing-active) #requestsViewList .request-stage-step {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: clamp(50px, 3.7vw, 64px) !important;
padding: 0 clamp(8px, 0.8vw, 14px) !important;
justify-content: center !important;
gap: clamp(6px, 0.65vw, 10px) !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-icon,
body:not(.home-landing-active) #requestsViewList .request-stage-step-icon {
width: clamp(34px, 2.7vw, 46px) !important;
height: clamp(34px, 2.7vw, 46px) !important;
min-width: clamp(34px, 2.7vw, 46px) !important;
font-size: clamp(13px, 1vw, 18px) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-label,
body:not(.home-landing-active) #requestsViewList .request-stage-step-label {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
font-size: clamp(11px, 0.9vw, 16px) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-line,
body:not(.home-landing-active) #requestsViewList .request-stage-step-line {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-segment:not(:last-child)::after,
body:not(.home-landing-active) #requestsViewList .request-stage-segment:not(:last-child)::after {
content: "" !important;
position: absolute !important;
left: calc(100% + 2px) !important;
top: 50% !important;
width: clamp(4px, 0.45vw, 9px) !important;
height: 1px !important;
transform: translateY(-50%) !important;
background: repeating-linear-gradient(90deg, rgba(255,255,255,0.7) 0 3px, transparent 3px 7px) !important;
pointer-events: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta {
width: 100% !important;
max-width: 100% !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: clamp(10px, 1vw, 16px) !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item {
min-width: 0 !important;
max-width: 100% !important;
min-height: clamp(92px, 6.8vw, 130px) !important;
padding: clamp(12px, 1.1vw, 18px) !important;
gap: clamp(10px, 0.9vw, 16px) !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item i {
width: clamp(38px, 3.2vw, 54px) !important;
height: clamp(38px, 3.2vw, 54px) !important;
min-width: clamp(38px, 3.2vw, 54px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-copy,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-copy {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item strong {
display: block !important;
max-width: 100% !important;
font-size: clamp(14px, 1.15vw, 21px) !important;
overflow-wrap: anywhere !important;
}
@media (max-width: 1180px) {
body:not(.home-landing-active) #requestsView .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 132px !important;
gap: 12px !important;
}
body:not(.home-landing-active) #requestsView .request-card-title,
body:not(.home-landing-active) #requestsViewList .request-card-title {
font-size: 28px !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList .request-card-thumb {
width: 118px !important;
height: 118px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow-track,
body:not(.home-landing-active) #requestsViewList .request-stage-flow-track {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-segment::after,
body:not(.home-landing-active) #requestsViewList .request-stage-segment::after {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* Premium talep dashboard arayüzü - 20260511 */
body:not(.home-landing-active) #requestsView:not(.hidden) {
background:
radial-gradient(circle at 22% 4%, rgba(77, 163, 255, 0.16) 0%, rgba(77, 163, 255, 0) 34%),
radial-gradient(circle at 86% 16%, rgba(90, 176, 255, 0.12) 0%, rgba(90, 176, 255, 0) 32%),
linear-gradient(180deg, #020817 0%, #04122b 52%, #020817 100%) !important;
}
body:not(.home-landing-active) #requestsViewList {
gap: clamp(22px, 1.7vw, 34px) !important;
padding: 4px 8px 42px 0 !important;
}
body:not(.home-landing-active) #requestsViewList > article.request-board-card,
body:not(.home-landing-active) #requestsView > article.request-board-card {
position: relative !important;
isolation: isolate !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
border-radius: 32px !important;
border: 1px solid rgba(120, 180, 255, 0.25) !important;
background:
radial-gradient(circle at 12% 6%, rgba(77, 163, 255, 0.13) 0%, rgba(77, 163, 255, 0) 34%),
radial-gradient(circle at 88% 96%, rgba(43, 234, 123, 0.06) 0%, rgba(43, 234, 123, 0) 30%),
linear-gradient(180deg, #071326 0%, #04101f 100%) !important;
box-shadow:
0 0 60px rgba(0, 140, 255, 0.15),
0 34px 90px -64px rgba(0, 0, 0, 0.94),
inset 0 0 40px rgba(0, 100, 255, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
backdrop-filter: blur(12px) !important;
padding: clamp(22px, 2.1vw, 38px) !important;
}
body:not(.home-landing-active) #requestsViewList > article.request-board-card::before,
body:not(.home-landing-active) #requestsView > article.request-board-card::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: -2 !important;
pointer-events: none !important;
background-image:
radial-gradient(circle, rgba(184, 199, 224, 0.26) 0 1px, transparent 1.4px),
radial-gradient(circle, rgba(77, 163, 255, 0.16) 0 1px, transparent 1.6px) !important;
background-size: 88px 88px, 42px 42px !important;
background-position: 8px 20px, 19px 13px !important;
opacity: 0.16 !important;
}
body:not(.home-landing-active) #requestsViewList > article.request-board-card::after,
body:not(.home-landing-active) #requestsView > article.request-board-card::after {
content: "" !important;
position: absolute !important;
left: 8% !important;
right: 8% !important;
bottom: -120px !important;
height: 230px !important;
z-index: -1 !important;
pointer-events: none !important;
background: radial-gradient(ellipse at center, rgba(77, 163, 255, 0.16) 0%, rgba(77, 163, 255, 0) 70%) !important;
filter: blur(18px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar,
body:not(.home-landing-active) #requestsViewList .request-card-topbar {
position: relative !important;
z-index: 3 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: clamp(16px, 1.5vw, 28px) !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 clamp(24px, 2.2vw, 38px) !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-left,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-left {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: clamp(12px, 1.05vw, 18px) !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge.is-status,
body:not(.home-landing-active) #requestsViewList .request-card-top-badge.is-status {
width: auto !important;
min-width: min(100%, 290px) !important;
max-width: 100% !important;
height: auto !important;
min-height: 58px !important;
flex: 0 1 auto !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: none !important;
text-shadow: 0 18px 36px rgba(0, 0, 0, 0.42) !important;
font-size: clamp(28px, 2.75vw, 48px) !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: -1px !important;
text-transform: uppercase !important;
justify-content: flex-start !important;
gap: 14px !important;
overflow: visible !important;
white-space: normal !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge.is-status::before,
body:not(.home-landing-active) #requestsViewList .request-card-top-badge.is-status::before {
content: "" !important;
display: inline-flex !important;
width: 10px !important;
height: 10px !important;
min-width: 10px !important;
margin: 0 !important;
border-radius: 999px !important;
background: #6bd4ff !important;
box-shadow: 0 0 22px rgba(90, 176, 255, 0.95) !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges,
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges {
display: flex !important;
align-items: center !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: min(100%, 260px) !important;
max-width: 100% !important;
gap: clamp(10px, 0.9vw, 16px) !important;
flex-wrap: wrap !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges > :is(.request-card-top-badge, span, button),
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges > :is(.request-card-top-badge, span, button) {
width: auto !important;
min-width: clamp(122px, 9.2vw, 178px) !important;
max-width: 100% !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
padding: 0 clamp(18px, 1.25vw, 26px) !important;
border-radius: 999px !important;
border: 1px solid rgba(120, 180, 255, 0.25) !important;
background: rgba(5, 15, 35, 0.85) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.06),
0 20px 48px -38px rgba(0, 0, 0, 0.82) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
font-size: clamp(12px, 0.9vw, 16px) !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges > :is(.request-card-top-badge, span, button):hover,
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges > :is(.request-card-top-badge, span, button):hover {
transform: translateY(-2px) !important;
border-color: rgba(90, 176, 255, 0.66) !important;
box-shadow: 0 0 24px rgba(77, 163, 255, 0.22), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges .request-card-detail-jump,
body:not(.home-landing-active) #requestsView .request-card-secondary-badges .request-card-detail-jump.is-active,
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges .request-card-detail-jump,
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges .request-card-detail-jump.is-active {
min-width: clamp(122px, 8.2vw, 150px) !important;
background: #ffffff !important;
border-color: rgba(255,255,255,0.86) !important;
color: #246bff !important;
-webkit-text-fill-color: #246bff !important;
box-shadow:
0 0 30px rgba(255,255,255,0.35),
0 18px 42px -28px rgba(77, 163, 255, 0.62),
inset 0 1px 0 rgba(255,255,255,0.98) !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-right {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: clamp(10px, 0.85vw, 16px) !important;
flex-wrap: wrap !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-card-admin-actions,
body:not(.home-landing-active) #requestsViewList .request-card-admin-actions {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right .request-owner-action-btn,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-right .request-owner-action-btn {
width: auto !important;
min-width: clamp(96px, 6.5vw, 132px) !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 16px !important;
border-radius: 999px !important;
border: 1px solid rgba(255,255,255,0.18) !important;
background: rgba(5, 15, 35, 0.78) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: 0.02em !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
body:not(.home-landing-active) #requestsView .request-card-datetime,
body:not(.home-landing-active) #requestsViewList .request-card-datetime {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
min-width: max-content !important;
padding-left: clamp(4px, 0.6vw, 12px) !important;
margin: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-datetime span,
body:not(.home-landing-active) #requestsViewList .request-card-datetime span {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(15px, 1.2vw, 22px) !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #requestsView .request-card-datetime i,
body:not(.home-landing-active) #requestsViewList .request-card-datetime i {
width: 24px !important;
color: #4da3ff !important;
-webkit-text-fill-color: #4da3ff !important;
font-size: clamp(18px, 1.35vw, 25px) !important;
filter: drop-shadow(0 0 10px rgba(77, 163, 255, 0.78)) !important;
}
body:not(.home-landing-active) #requestsView .request-card-main-panel,
body:not(.home-landing-active) #requestsViewList .request-card-main-panel {
position: relative !important;
z-index: 2 !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
border-radius: 28px !important;
border: 1px solid rgba(120, 180, 255, 0.22) !important;
background:
radial-gradient(circle at 28% 8%, rgba(77, 163, 255, 0.13) 0%, rgba(77, 163, 255, 0) 34%),
linear-gradient(180deg, #07162d 0%, #05111f 100%) !important;
padding: clamp(28px, 2.6vw, 52px) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.07),
inset 0 0 32px rgba(77, 163, 255, 0.07),
0 28px 74px -58px rgba(0, 0, 0, 0.92) !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList .request-card-hero-panel {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(180px, 19vw, 300px) !important;
align-items: start !important;
gap: clamp(28px, 4.8vw, 92px) !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-copy,
body:not(.home-landing-active) #requestsViewList .request-card-hero-copy,
body:not(.home-landing-active) #requestsView .request-card-title-box,
body:not(.home-landing-active) #requestsViewList .request-card-title-box {
min-width: 0 !important;
max-width: 100% !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-card-kicker,
body:not(.home-landing-active) #requestsViewList .request-card-kicker {
margin: 0 0 clamp(18px, 1.45vw, 26px) !important;
color: #5da8ff !important;
-webkit-text-fill-color: #5da8ff !important;
font-size: clamp(15px, 1.35vw, 24px) !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
text-shadow: 0 0 22px rgba(77, 163, 255, 0.24) !important;
}
body:not(.home-landing-active) #requestsView .request-card-title,
body:not(.home-landing-active) #requestsViewList .request-card-title {
width: 100% !important;
max-width: min(100%, 780px) !important;
margin: 0 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(38px, 4.25vw, 72px) !important;
line-height: 1.08 !important;
font-weight: 900 !important;
letter-spacing: -1px !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
overflow-wrap: anywhere !important;
text-shadow: 0 24px 54px rgba(0, 0, 0, 0.46) !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-divider,
body:not(.home-landing-active) #requestsViewList .request-card-hero-divider {
display: block !important;
width: min(100%, 590px) !important;
height: 1px !important;
margin: clamp(24px, 2vw, 36px) 0 clamp(22px, 1.8vw, 32px) !important;
background: linear-gradient(90deg, rgba(93,168,255,0.5), rgba(93,168,255,0.04)) !important;
box-shadow: 0 0 18px rgba(77, 163, 255, 0.14) !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-quote-link,
body:not(.home-landing-active) #requestsViewList .request-card-hero-quote-link {
display: inline-flex !important;
width: fit-content !important;
margin: clamp(24px, 1.9vw, 34px) 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #4da3ff !important;
-webkit-text-fill-color: #4da3ff !important;
font-size: clamp(19px, 1.65vw, 30px) !important;
line-height: 1 !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
text-transform: lowercase !important;
text-shadow: 0 0 20px rgba(77, 163, 255, 0.26) !important;
cursor: pointer !important;
}
body:not(.home-landing-active) #requestsView .request-card-detail-preview,
body:not(.home-landing-active) #requestsViewList .request-card-detail-preview {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList .request-card-thumb {
width: clamp(180px, 19vw, 300px) !important;
height: clamp(180px, 19vw, 300px) !important;
max-width: 100% !important;
border-radius: 32px !important;
border: 1px solid rgba(255,255,255,0.15) !important;
background:
radial-gradient(circle at 48% 34%, rgba(90,176,255,0.2), rgba(90,176,255,0) 54%),
linear-gradient(180deg, rgba(7, 28, 62, 0.86), rgba(3, 12, 28, 0.94)) !important;
box-shadow:
0 0 36px rgba(77, 163, 255, 0.2),
0 30px 66px -48px rgba(0, 0, 0, 0.86),
inset 0 1px 0 rgba(255,255,255,0.08) !important;
justify-self: end !important;
align-self: start !important;
overflow: hidden !important;
animation: requestLogoFloat 5s ease-in-out infinite !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb img,
body:not(.home-landing-active) #requestsViewList .request-card-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
filter: saturate(1.08) contrast(1.05) drop-shadow(0 20px 34px rgba(0, 0, 0, 0.32)) !important;
}
@keyframes requestLogoFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-5px); }
}
body:not(.home-landing-active) #requestsView .request-card-stage-shell,
body:not(.home-landing-active) #requestsViewList .request-card-stage-shell {
margin-top: clamp(34px, 3vw, 54px) !important;
padding: clamp(24px, 2.35vw, 42px) !important;
border-radius: 28px !important;
border: 1px solid rgba(120, 180, 255, 0.25) !important;
background:
radial-gradient(circle at 12% 0%, rgba(77, 163, 255, 0.16), rgba(77, 163, 255, 0) 48%),
linear-gradient(180deg, rgba(7, 29, 61, 0.72), rgba(4, 16, 37, 0.86)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.07),
inset 0 0 24px rgba(77, 163, 255, 0.06),
0 22px 56px -46px rgba(77, 163, 255, 0.46) !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-stage-heading,
body:not(.home-landing-active) #requestsViewList .request-stage-heading {
margin: 0 0 clamp(22px, 1.9vw, 34px) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(18px, 1.6vw, 28px) !important;
line-height: 1.08 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow,
body:not(.home-landing-active) #requestsViewList .request-stage-flow {
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow-track,
body:not(.home-landing-active) #requestsViewList .request-stage-flow-track {
position: relative !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: clamp(16px, 2.4vw, 54px) !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-stage-segment,
body:not(.home-landing-active) #requestsViewList .request-stage-segment {
position: relative !important;
display: flex !important;
align-items: center !important;
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step,
body:not(.home-landing-active) #requestsViewList .request-stage-step {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: clamp(64px, 5.2vw, 84px) !important;
min-height: clamp(64px, 5.2vw, 84px) !important;
padding: 0 clamp(14px, 1.2vw, 24px) !important;
border-radius: 999px !important;
border: 1px solid rgba(120, 180, 255, 0.18) !important;
background: rgba(5, 15, 35, 0.76) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: clamp(10px, 0.9vw, 16px) !important;
cursor: pointer !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.06),
0 18px 44px -34px rgba(0, 0, 0, 0.78) !important;
transition: all 0.3s ease !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step:hover,
body:not(.home-landing-active) #requestsView .request-stage-step.is-active,
body:not(.home-landing-active) #requestsView .request-stage-step.is-current,
body:not(.home-landing-active) #requestsViewList .request-stage-step:hover,
body:not(.home-landing-active) #requestsViewList .request-stage-step.is-active,
body:not(.home-landing-active) #requestsViewList .request-stage-step.is-current {
transform: translateY(-2px) !important;
border-color: rgba(90, 176, 255, 0.58) !important;
box-shadow:
0 0 26px rgba(77, 163, 255, 0.2),
inset 0 1px 0 rgba(255,255,255,0.09) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-icon,
body:not(.home-landing-active) #requestsViewList .request-stage-step-icon {
width: clamp(46px, 3.8vw, 64px) !important;
height: clamp(46px, 3.8vw, 64px) !important;
min-width: clamp(46px, 3.8vw, 64px) !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(180deg, rgba(77, 163, 255, 0.52), rgba(7, 29, 61, 0.9)) !important;
border: 1px solid rgba(90, 176, 255, 0.36) !important;
color: #9ed6ff !important;
-webkit-text-fill-color: #9ed6ff !important;
font-size: clamp(17px, 1.35vw, 24px) !important;
box-shadow: 0 0 22px rgba(77, 163, 255, 0.18), inset 0 1px 0 rgba(255,255,255,0.1) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-label,
body:not(.home-landing-active) #requestsViewList .request-stage-step-label {
min-width: 0 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(13px, 1.1vw, 20px) !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-line,
body:not(.home-landing-active) #requestsViewList .request-stage-step-line {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-segment:not(:last-child)::after,
body:not(.home-landing-active) #requestsViewList .request-stage-segment:not(:last-child)::after {
content: "" !important;
position: absolute !important;
z-index: -1 !important;
left: calc(100% + 5px) !important;
top: 50% !important;
width: clamp(8px, 1.85vw, 42px) !important;
height: 1px !important;
transform: translateY(-50%) !important;
background: repeating-linear-gradient(90deg, rgba(184, 199, 224, 0.68) 0 3px, transparent 3px 8px) !important;
box-shadow: 0 0 12px rgba(77, 163, 255, 0.2) !important;
pointer-events: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-summary,
body:not(.home-landing-active) #requestsViewList .request-stage-summary {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin-top: clamp(24px, 1.9vw, 34px) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(18px, 1.55vw, 28px) !important;
font-weight: 800 !important;
line-height: 1 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-summary-dot,
body:not(.home-landing-active) #requestsViewList .request-stage-summary-dot {
width: 12px !important;
height: 12px !important;
border-radius: 999px !important;
background: #2bea7b !important;
box-shadow: 0 0 20px rgba(43, 234, 123, 0.7) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: clamp(14px, 1.35vw, 24px) !important;
width: 100% !important;
max-width: 100% !important;
margin-top: clamp(24px, 2.1vw, 40px) !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item {
min-width: 0 !important;
min-height: clamp(120px, 8.8vw, 166px) !important;
padding: clamp(20px, 1.65vw, 30px) !important;
border-radius: 22px !important;
border: 1px solid rgba(120, 180, 255, 0.12) !important;
background:
radial-gradient(circle at 18% 18%, rgba(77, 163, 255, 0.14), rgba(77, 163, 255, 0) 46%),
rgba(7, 24, 45, 0.74) !important;
display: flex !important;
align-items: center !important;
gap: clamp(16px, 1.25vw, 24px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.055), 0 20px 50px -42px rgba(0, 0, 0, 0.78) !important;
transition: all 0.3s ease !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item:hover,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item:hover {
transform: translateY(-4px) !important;
border-color: rgba(90, 176, 255, 0.34) !important;
box-shadow: 0 0 26px rgba(77, 163, 255, 0.15), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item i {
width: clamp(56px, 4.4vw, 78px) !important;
height: clamp(56px, 4.4vw, 78px) !important;
min-width: clamp(56px, 4.4vw, 78px) !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(180deg, rgba(77, 163, 255, 0.42), rgba(11, 44, 95, 0.9)) !important;
color: #95d7ff !important;
-webkit-text-fill-color: #95d7ff !important;
font-size: clamp(20px, 1.65vw, 29px) !important;
box-shadow: 0 0 26px rgba(77, 163, 255, 0.16), inset 0 1px 0 rgba(255,255,255,0.1) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-copy,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-copy {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-label {
display: block !important;
margin: 0 0 9px !important;
color: #5da8ff !important;
-webkit-text-fill-color: #5da8ff !important;
font-size: clamp(11px, 0.9vw, 16px) !important;
font-weight: 900 !important;
letter-spacing: 0.13em !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item strong {
display: block !important;
max-width: 100% !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(20px, 1.55vw, 28px) !important;
line-height: 1.16 !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-panel,
body:not(.home-landing-active) #requestsViewList .request-stage-detail-panel {
margin-top: clamp(20px, 1.65vw, 30px) !important;
border-radius: 22px !important;
border: 1px solid rgba(120, 180, 255, 0.18) !important;
background: linear-gradient(180deg, rgba(7, 24, 45, 0.78), rgba(4, 16, 31, 0.9)) !important;
padding: clamp(18px, 1.4vw, 26px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 20px 50px -42px rgba(0,0,0,0.76) !important;
}
body:not(.home-landing-active) #requestsView .request-stage-detail-quotes > div,
body:not(.home-landing-active) #requestsViewList .request-stage-detail-quotes > div {
border-color: rgba(120, 180, 255, 0.18) !important;
background: linear-gradient(180deg, rgba(7, 24, 45, 0.86), rgba(4, 16, 31, 0.92)) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
@media (max-width: 1280px) {
body:not(.home-landing-active) #requestsView .request-card-topbar,
body:not(.home-landing-active) #requestsViewList .request-card-topbar {
grid-template-columns: minmax(0, 1fr) !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-right {
justify-content: space-between !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) clamp(150px, 18vw, 220px) !important;
gap: clamp(18px, 3vw, 42px) !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList .request-card-thumb {
width: clamp(150px, 18vw, 220px) !important;
height: clamp(150px, 18vw, 220px) !important;
}
}
@media (max-width: 980px) {
body:not(.home-landing-active) #requestsViewList > article.request-board-card,
body:not(.home-landing-active) #requestsView > article.request-board-card {
border-radius: 26px !important;
padding: 16px !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges,
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges {
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
padding-bottom: 2px !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges::-webkit-scrollbar,
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges::-webkit-scrollbar {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges > :is(.request-card-top-badge, span, button),
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges > :is(.request-card-top-badge, span, button) {
flex: 0 0 136px !important;
min-width: 136px !important;
height: 48px !important;
min-height: 48px !important;
font-size: 11px !important;
padding: 0 14px !important;
}
body:not(.home-landing-active) #requestsView .request-card-main-panel,
body:not(.home-landing-active) #requestsViewList .request-card-main-panel {
border-radius: 22px !important;
padding: 18px !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) clamp(104px, 28vw, 150px) !important;
gap: 14px !important;
}
body:not(.home-landing-active) #requestsView .request-card-title,
body:not(.home-landing-active) #requestsViewList .request-card-title {
font-size: clamp(27px, 7.2vw, 38px) !important;
letter-spacing: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList .request-card-thumb {
width: clamp(104px, 28vw, 150px) !important;
height: clamp(104px, 28vw, 150px) !important;
border-radius: 22px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow-track,
body:not(.home-landing-active) #requestsViewList .request-stage-flow-track {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-segment::after,
body:not(.home-landing-active) #requestsViewList .request-stage-segment::after {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step,
body:not(.home-landing-active) #requestsViewList .request-stage-step {
height: 54px !important;
min-height: 54px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-icon,
body:not(.home-landing-active) #requestsViewList .request-stage-step-icon {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item {
min-height: 92px !important;
padding: 14px !important;
}
}
@media (max-width: 560px) {
body:not(.home-landing-active) #requestsView .request-card-top-badge.is-status,
body:not(.home-landing-active) #requestsViewList .request-card-top-badge.is-status {
min-height: 40px !important;
font-size: 26px !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-right {
justify-content: flex-start !important;
}
body:not(.home-landing-active) #requestsView .request-card-datetime,
body:not(.home-landing-active) #requestsViewList .request-card-datetime {
width: 100% !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 104px !important;
}
body:not(.home-landing-active) #requestsView .request-card-kicker,
body:not(.home-landing-active) #requestsViewList .request-card-kicker {
font-size: 13px !important;
margin-bottom: 10px !important;
}
body:not(.home-landing-active) #requestsView .request-card-title,
body:not(.home-landing-active) #requestsViewList .request-card-title {
font-size: 25px !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList .request-card-thumb {
width: 104px !important;
height: 104px !important;
}
body:not(.home-landing-active) #requestsView .request-card-stage-shell,
body:not(.home-landing-active) #requestsViewList .request-card-stage-shell {
padding: 14px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow-track,
body:not(.home-landing-active) #requestsViewList .request-stage-flow-track,
body:not(.home-landing-active) #requestsView .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta {
grid-template-columns: 1fr !important;
}
}
@media (min-width: 981px) {
body:not(.home-landing-active) #requestsView .request-card-topbar-left,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-left,
body:not(.home-landing-active) #requestsView .request-card-secondary-badges,
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges {
flex-wrap: nowrap !important;
}
body:not(.home-landing-active) #requestsView .request-card-secondary-badges,
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges {
flex: 0 1 auto !important;
}
}
body:not(.home-landing-active) #requestsView .request-card-expandable,
body:not(.home-landing-active) #requestsViewList .request-card-expandable {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step,
body:not(.home-landing-active) #requestsViewList .request-stage-step {
position: relative !important;
z-index: 1 !important;
}
body:not(.home-landing-active) #requestsView .request-stage-segment:not(:last-child)::after,
body:not(.home-landing-active) #requestsViewList .request-stage-segment:not(:last-child)::after {
z-index: 0 !important;
}
/* Talep sayfası iki kart yoğun görünüm - 20260511 */
body:not(.home-landing-active) #requestsView:not(.hidden) {
gap: 10px !important;
min-height: calc(100dvh - 126px) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
padding: 10px 14px !important;
border-radius: 22px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head h2 {
font-size: clamp(21px, 1.55vw, 28px) !important;
}
body:not(.home-landing-active) #requestsViewList,
body:not(.home-landing-active) #requestsViewList.request-list-mode,
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
align-items: start !important;
padding-bottom: 18px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card,
body:not(.home-landing-active) #requestsViewList > article.request-board-card {
height: clamp(258px, calc((100dvh - 236px) / 2), 342px) !important;
min-height: 0 !important;
max-height: 342px !important;
aspect-ratio: auto !important;
overflow: hidden !important;
padding: clamp(10px, 0.9vw, 14px) !important;
border-radius: 22px !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar,
body:not(.home-landing-active) #requestsViewList .request-card-topbar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 8px !important;
align-items: start !important;
margin-bottom: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-left,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-left,
body:not(.home-landing-active) #requestsView .request-card-secondary-badges,
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges {
min-width: 0 !important;
display: flex !important;
flex-wrap: nowrap !important;
gap: 5px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-top-badge,
body:not(.home-landing-active) #requestsViewList .request-card-top-badge,
body:not(.home-landing-active) #requestsView .request-card-secondary-badges > :is(span, button),
body:not(.home-landing-active) #requestsViewList .request-card-secondary-badges > :is(span, button) {
min-width: 0 !important;
max-width: 118px !important;
height: 26px !important;
min-height: 26px !important;
padding: 0 8px !important;
border-radius: 999px !important;
font-size: 8px !important;
line-height: 1 !important;
letter-spacing: 0.06em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-right,
body:not(.home-landing-active) #requestsView .request-card-datetime,
body:not(.home-landing-active) #requestsViewList .request-card-datetime {
min-width: 0 !important;
max-width: 116px !important;
font-size: 8px !important;
line-height: 1.1 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView .request-card-main-panel,
body:not(.home-landing-active) #requestsViewList .request-card-main-panel {
display: flex !important;
flex-direction: column !important;
min-height: 0 !important;
height: calc(100% - 34px) !important;
overflow: hidden !important;
padding: clamp(9px, 0.8vw, 12px) !important;
border-radius: 18px !important;
gap: 7px !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList .request-card-hero-panel {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(58px, 7vw, 86px) !important;
gap: 8px !important;
align-items: start !important;
min-height: 0 !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-copy,
body:not(.home-landing-active) #requestsViewList .request-card-hero-copy {
min-width: 0 !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-kicker,
body:not(.home-landing-active) #requestsViewList .request-card-kicker {
margin: 0 0 4px !important;
font-size: 8px !important;
line-height: 1 !important;
letter-spacing: 0.12em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView .request-card-title,
body:not(.home-landing-active) #requestsViewList .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-title,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-title {
max-width: 100% !important;
margin: 0 !important;
font-size: clamp(13px, 1.05vw, 18px) !important;
line-height: 1.06 !important;
letter-spacing: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
overflow-wrap: anywhere !important;
}
body:not(.home-landing-active) #requestsView .request-card-title-box,
body:not(.home-landing-active) #requestsViewList .request-card-title-box {
margin-top: 4px !important;
padding: 7px 8px !important;
border-radius: 12px !important;
max-width: 100% !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-meta,
body:not(.home-landing-active) #requestsViewList .request-card-meta {
max-width: 100% !important;
margin-top: 4px !important;
font-size: 9px !important;
line-height: 1.25 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-quote-link,
body:not(.home-landing-active) #requestsViewList .request-card-hero-quote-link {
margin-top: 5px !important;
font-size: 10px !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-divider,
body:not(.home-landing-active) #requestsViewList .request-card-hero-divider,
body:not(.home-landing-active) #requestsView .request-card-detail-preview,
body:not(.home-landing-active) #requestsViewList .request-card-detail-preview,
body:not(.home-landing-active) #requestsView .request-stage-detail-panel,
body:not(.home-landing-active) #requestsViewList .request-stage-detail-panel,
body:not(.home-landing-active) #requestsView .request-stage-summary,
body:not(.home-landing-active) #requestsViewList .request-stage-summary {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-list-mode .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-grid-mode .request-card-thumb,
body:not(.home-landing-active) #requestsViewList.request-map-mode .request-card-thumb {
width: clamp(58px, 7vw, 86px) !important;
height: clamp(58px, 7vw, 86px) !important;
margin: 0 !important;
border-radius: 15px !important;
animation: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-stage-shell,
body:not(.home-landing-active) #requestsViewList .request-card-stage-shell {
flex: 0 0 auto !important;
margin-top: 2px !important;
padding: 7px !important;
border-radius: 14px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-stage-heading,
body:not(.home-landing-active) #requestsViewList .request-stage-heading {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow,
body:not(.home-landing-active) #requestsViewList .request-stage-flow {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-stage-flow-track,
body:not(.home-landing-active) #requestsViewList .request-stage-flow-track {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 4px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step,
body:not(.home-landing-active) #requestsViewList .request-stage-step {
height: 28px !important;
min-height: 28px !important;
padding: 0 4px !important;
gap: 3px !important;
border-radius: 999px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-icon,
body:not(.home-landing-active) #requestsViewList .request-stage-step-icon {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
font-size: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-label,
body:not(.home-landing-active) #requestsViewList .request-stage-step-label {
font-size: 7px !important;
line-height: 1 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView .request-stage-segment:not(:last-child)::after,
body:not(.home-landing-active) #requestsViewList .request-stage-segment:not(:last-child)::after {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 5px !important;
margin-top: 2px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item {
min-height: 34px !important;
padding: 5px 6px !important;
border-radius: 11px !important;
gap: 5px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item i,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item i {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
font-size: 8px !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-label,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-label {
margin: 0 0 2px !important;
font-size: 6px !important;
line-height: 1 !important;
letter-spacing: 0.05em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView .request-card-premium-meta-item strong,
body:not(.home-landing-active) #requestsViewList .request-card-premium-meta-item strong {
font-size: 9px !important;
line-height: 1.08 !important;
display: -webkit-box !important;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
overflow-wrap: anywhere !important;
}
body:not(.home-landing-active) #requestsView .request-card-compact-summary,
body:not(.home-landing-active) #requestsViewList .request-card-compact-summary {
display: none !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsViewList,
body:not(.home-landing-active) #requestsViewList.request-list-mode,
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-board-card,
body:not(.home-landing-active) #requestsViewList > article.request-board-card {
height: 238px !important;
max-height: 238px !important;
padding: 8px !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #requestsView .request-card-topbar-right,
body:not(.home-landing-active) #requestsViewList .request-card-topbar-right {
display: none !important;
}
body:not(.home-landing-active) #requestsView .request-card-main-panel,
body:not(.home-landing-active) #requestsViewList .request-card-main-panel {
height: calc(100% - 28px) !important;
padding: 7px !important;
}
body:not(.home-landing-active) #requestsView .request-card-hero-panel,
body:not(.home-landing-active) #requestsViewList .request-card-hero-panel {
grid-template-columns: minmax(0, 1fr) 42px !important;
gap: 5px !important;
}
body:not(.home-landing-active) #requestsView .request-card-thumb,
body:not(.home-landing-active) #requestsViewList .request-card-thumb {
width: 42px !important;
height: 42px !important;
border-radius: 12px !important;
}
body:not(.home-landing-active) #requestsView .request-card-title,
body:not(.home-landing-active) #requestsViewList .request-card-title {
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsView .request-stage-step-label,
body:not(.home-landing-active) #requestsViewList .request-stage-step-label {
display: none !important;
}
}
/* Sıfırdan talep ekranı tasarımı - 20260511 */
body:not(.home-landing-active) #requestsView:not(.hidden) {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
min-height: calc(100dvh - 126px) !important;
background: var(--global-star-main) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
padding: 10px 14px !important;
border-radius: 22px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head h2 {
font-size: clamp(22px, 1.7vw, 32px) !important;
}
body:not(.home-landing-active) #requestsViewList,
body:not(.home-landing-active) #requestsViewList.request-list-mode,
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
padding: 0 0 28px !important;
}
body:not(.home-landing-active) #requestsViewList > article.request-redesign-card {
position: relative !important;
display: grid !important;
grid-template-rows: auto minmax(0, 1fr) auto auto auto !important;
aspect-ratio: 1 / 1 !important;
height: clamp(760px, 48vw, 960px) !important;
min-height: clamp(760px, 48vw, 960px) !important;
overflow: hidden !important;
padding: clamp(14px, 1.1vw, 20px) !important;
border-radius: clamp(22px, 1.8vw, 30px) !important;
border: 1px solid rgba(118, 182, 245, 0.46) !important;
background:
linear-gradient(180deg, rgba(4, 16, 38, 0.9), rgba(2, 11, 28, 0.96)),
linear-gradient(black, black) center / cover no-repeat !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.1),
0 0 0 1px rgba(96,165,250,0.14),
0 24px 58px -42px rgba(0,0,0,0.86) !important;
color: #ffffff !important;
}
body:not(.home-landing-active) #requestsViewList > article.request-redesign-card * {
box-sizing: border-box !important;
min-width: 0 !important;
}
.request-redesign-header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(142px, 13vw, 190px) !important;
grid-template-areas:
"actions side"
"copy side" !important;
align-items: start !important;
gap: clamp(12px, 1.2vw, 18px) !important;
margin-bottom: 12px !important;
}
.request-redesign-status {
display: grid !important;
grid-area: actions !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: start !important;
gap: 8px !important;
overflow: hidden !important;
}
.request-redesign-status :is(.request-card-top-badge, .request-redesign-chip, .request-redesign-detail, span[class*="inline-flex"]) {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 1 auto !important;
min-width: 72px !important;
max-width: 100% !important;
height: 36px !important;
padding: 0 10px !important;
border-radius: 999px !important;
border: 1px solid rgba(117, 174, 231, 0.55) !important;
background: rgba(5, 20, 48, 0.78) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(10px, 0.78vw, 13px) !important;
font-weight: 1000 !important;
line-height: 1 !important;
letter-spacing: 0.03em !important;
text-transform: uppercase !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
.request-redesign-status .request-card-top-badge.is-status {
justify-content: center !important;
min-width: 126px !important;
max-width: 178px !important;
height: 36px !important;
border: 1px solid rgba(117, 174, 231, 0.55) !important;
background: rgba(5, 20, 48, 0.78) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
font-size: clamp(10px, 0.78vw, 13px) !important;
text-shadow: none !important;
}
.request-redesign-status .request-card-top-badge.is-status::before {
content: none !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
margin-right: 0 !important;
border-radius: 999px !important;
background: #67d1ff !important;
box-shadow: 0 0 18px rgba(103,209,255,0.86) !important;
}
.request-redesign-detail {
background: #ffffff !important;
color: #0966d8 !important;
-webkit-text-fill-color: #0966d8 !important;
border-color: rgba(191, 219, 254, 0.98) !important;
box-shadow: 0 0 22px rgba(96,165,250,0.35) !important;
}
.request-redesign-header-actions {
display: contents !important;
}
.request-redesign-header-actions button,
.request-redesign-header-actions .request-card-top-badge,
.request-redesign-header-actions .request-owner-action-btn,
.request-redesign-quote-chip {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 70px !important;
max-width: 150px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
padding: 0 10px !important;
border-radius: 999px !important;
border: 1px solid rgba(203, 213, 225, 0.94) !important;
background: #ffffff !important;
background-image: none !important;
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
font-size: 10px !important;
font-weight: 1000 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
box-shadow: 0 12px 24px -18px rgba(0, 0, 0, 0.62) !important;
}
.request-redesign-header-actions button * {
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
}
.request-redesign-side {
grid-area: side !important;
display: grid !important;
gap: 12px !important;
justify-items: end !important;
align-content: start !important;
}
.request-redesign-time {
display: grid !important;
gap: 7px !important;
width: clamp(108px, 9vw, 140px) !important;
}
.request-redesign-time span {
display: grid !important;
grid-template-columns: clamp(22px, 1.9vw, 30px) minmax(0, 1fr) !important;
align-items: center !important;
gap: 10px !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(12px, 0.86vw, 16px) !important;
font-weight: 1000 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.request-redesign-time i {
color: #56aeff !important;
-webkit-text-fill-color: #56aeff !important;
font-size: clamp(17px, 1.35vw, 24px) !important;
}
.request-redesign-body {
grid-area: copy !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(12px, 1.4vw, 22px) !important;
align-items: start !important;
min-height: 0 !important;
padding: clamp(13px, 1vw, 18px) !important;
border-radius: 22px !important;
border: 1px solid rgba(117, 174, 231, 0.34) !important;
background: rgba(4, 20, 48, 0.56) !important;
overflow: hidden !important;
}
.request-redesign-kicker {
margin: 0 0 clamp(9px, 0.8vw, 14px) !important;
color: #56aeff !important;
-webkit-text-fill-color: #56aeff !important;
font-size: clamp(8px, 0.65vw, 11px) !important;
font-weight: 1000 !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
.request-redesign-title {
margin: 0 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(18px, 1.55vw, 26px) !important;
line-height: 1.12 !important;
font-weight: 1000 !important;
letter-spacing: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-shadow: 0 16px 38px rgba(0,0,0,0.52) !important;
}
.request-redesign-divider {
width: min(100%, 440px) !important;
height: 1px !important;
margin: clamp(12px, 1.1vw, 18px) 0 !important;
background: linear-gradient(90deg, rgba(143,211,255,0.46), rgba(143,211,255,0.03)) !important;
}
.request-redesign-quote-count {
display: inline-flex !important;
padding: 0 10px !important;
border: 1px solid rgba(203, 213, 225, 0.94) !important;
background: #ffffff !important;
color: #0b1220 !important;
-webkit-text-fill-color: #0b1220 !important;
font-size: 10px !important;
font-weight: 1000 !important;
}
.request-redesign-preview {
margin: 8px 0 0 !important;
color: rgba(226, 241, 255, 0.86) !important;
-webkit-text-fill-color: rgba(226, 241, 255, 0.86) !important;
font-size: clamp(9px, 0.72vw, 12px) !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.request-redesign-tags {
display: flex !important;
gap: 6px !important;
flex-wrap: wrap !important;
margin-top: 10px !important;
max-height: 30px !important;
overflow: hidden !important;
}
.request-redesign-tags > * {
height: 24px !important;
min-height: 24px !important;
padding: 0 8px !important;
font-size: 8px !important;
}
.request-redesign-media {
margin: 0 !important;
width: clamp(118px, 11vw, 170px) !important;
height: clamp(118px, 11vw, 170px) !important;
border-radius: 20px !important;
border: 1px solid rgba(191,219,254,0.46) !important;
overflow: hidden !important;
background: rgba(2,8,20,0.52) !important;
box-shadow: 0 26px 54px -38px rgba(0,0,0,0.86) !important;
}
.request-redesign-media img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.request-redesign-side-media {
width: clamp(118px, 11vw, 160px) !important;
height: clamp(118px, 11vw, 160px) !important;
border-radius: 18px !important;
}
.request-redesign-flow {
margin-top: 12px !important;
padding: 12px !important;
border-radius: 18px !important;
border: 1px solid rgba(117,174,231,0.34) !important;
background: rgba(4, 20, 48, 0.48) !important;
overflow: hidden !important;
}
.request-redesign-flow-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin-bottom: 12px !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(10px, 0.82vw, 14px) !important;
font-weight: 1000 !important;
text-transform: uppercase !important;
}
.request-redesign-flow-head span {
color: rgba(226,241,255,0.78) !important;
-webkit-text-fill-color: rgba(226,241,255,0.78) !important;
font-size: clamp(10px, 0.85vw, 14px) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.request-redesign-card .request-stage-flow,
.request-redesign-card .request-stage-flow-track {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
.request-redesign-card .request-stage-flow-track {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.request-redesign-card .request-stage-step {
width: 100% !important;
height: 40px !important;
min-height: 40px !important;
padding: 0 7px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
border: 1px solid rgba(117,174,231,0.34) !important;
background: rgba(2, 13, 32, 0.62) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
overflow: hidden !important;
}
.request-redesign-card .request-stage-step-icon {
width: 28px !important;
min-width: 28px !important;
height: 28px !important;
font-size: 12px !important;
}
.request-redesign-card .request-stage-step-label {
display: inline-block !important;
max-width: calc(100% - 34px) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(8px, 0.72vw, 12px) !important;
font-weight: 1000 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.request-redesign-card .request-stage-summary {
display: none !important;
}
.request-redesign-meta {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 9px !important;
margin-top: 12px !important;
}
.request-redesign-info {
display: flex !important;
align-items: center !important;
gap: 9px !important;
min-height: 68px !important;
padding: 10px !important;
border-radius: 16px !important;
border: 1px solid rgba(117,174,231,0.28) !important;
background: rgba(4, 20, 48, 0.48) !important;
overflow: hidden !important;
}
.request-redesign-info i {
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(63, 132, 214, 0.42) !important;
color: #9bd3ff !important;
-webkit-text-fill-color: #9bd3ff !important;
font-size: 15px !important;
}
.request-redesign-info em {
display: block !important;
margin-bottom: 5px !important;
color: #8ecbff !important;
-webkit-text-fill-color: #8ecbff !important;
font-style: normal !important;
font-size: 9px !important;
font-weight: 1000 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.request-redesign-info strong {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(12px, 0.95vw, 16px) !important;
line-height: 1.18 !important;
font-weight: 900 !important;
}
.request-redesign-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 10px !important;
max-height: 42px !important;
overflow: hidden !important;
}
.request-redesign-actions button {
height: 34px !important;
min-height: 34px !important;
padding: 0 12px !important;
border-radius: 13px !important;
font-size: 9px !important;
font-weight: 1000 !important;
letter-spacing: 0.05em !important;
}
.request-redesign-extra {
display: none !important;
}
@media (max-width: 900px) {
body:not(.home-landing-active) #requestsViewList > article.request-redesign-card {
height: auto !important;
min-height: 620px !important;
}
.request-redesign-header,
.request-redesign-body {
grid-template-columns: minmax(0, 1fr) !important;
}
.request-redesign-time {
display: none !important;
}
.request-redesign-media {
width: 100% !important;
height: 180px !important;
}
.request-redesign-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-redesign-card.request-board-card,
body:not(.home-landing-active) #requestsView #requestsViewList.request-list-mode > article.request-redesign-card.request-board-card,
body:not(.home-landing-active) #requestsView #requestsViewList.request-grid-mode > article.request-redesign-card.request-board-card,
body:not(.home-landing-active) #requestsView #requestsViewList.request-map-mode > article.request-redesign-card.request-board-card {
aspect-ratio: 1 / 1 !important;
width: 100% !important;
height: clamp(680px, calc((100vw - 600px) / 2), 860px) !important;
min-height: clamp(680px, calc((100vw - 600px) / 2), 860px) !important;
max-height: none !important;
align-self: start !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status > .request-card-top-badge.is-status,
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status > .request-redesign-chip {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: fit-content !important;
min-width: 0 !important;
max-width: 100% !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
padding: 0 18px !important;
border-radius: 999px !important;
border: 1px solid rgba(117, 174, 231, 0.7) !important;
background: rgba(5, 20, 48, 0.82) !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 14px !important;
font-weight: 1000 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
text-shadow: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status > .request-card-top-badge.is-status::before {
content: none !important;
display: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status > :is(.request-redesign-detail, .request-redesign-quote-chip),
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-header-actions > :is(button, .request-card-top-badge, .request-owner-action-btn) {
width: fit-content !important;
min-width: 0 !important;
max-width: 100% !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
padding: 0 16px !important;
font-size: 13px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-rows: 30px !important;
gap: 6px !important;
align-content: start !important;
max-height: 66px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status > :is(.request-card-top-badge.is-status, .request-redesign-chip, .request-redesign-detail, .request-redesign-quote-chip),
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-header-actions > :is(button, .request-card-top-badge, .request-owner-action-btn) {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
padding: 0 7px !important;
border-radius: 999px !important;
font-size: 8px !important;
line-height: 1 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status :is(button, span, .request-card-top-badge, .request-redesign-chip, .request-redesign-detail, .request-redesign-quote-chip, .request-owner-action-btn) {
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 1 !important;
align-items: center !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-copy {
height: clamp(118px, 11vw, 160px) !important;
min-height: clamp(118px, 11vw, 160px) !important;
max-height: clamp(118px, 11vw, 160px) !important;
padding: 10px 12px !important;
border-radius: 18px !important;
border: 1px solid rgba(117, 174, 231, 0.34) !important;
background: rgba(4, 20, 48, 0.48) !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-copy .request-redesign-preview {
display: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-divider {
margin: 8px 0 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-body {
align-self: start !important;
margin-top: 0 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-side-media {
margin-top: clamp(34px, 3vw, 48px) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-body .request-redesign-meta {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 7px !important;
margin-top: 0 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-body .request-redesign-info {
min-height: 56px !important;
padding: 7px 8px !important;
border-radius: 13px !important;
gap: 7px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-body .request-redesign-info i {
width: 28px !important;
min-width: 28px !important;
height: 28px !important;
font-size: 11px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-body .request-redesign-info em {
margin-bottom: 2px !important;
font-size: 7px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-body .request-redesign-info strong {
font-size: 10px !important;
line-height: 1.12 !important;
}
.request-redesign-bottom-copy {
margin-top: 12px !important;
min-height: 94px !important;
padding: 11px 14px !important;
border-radius: 16px !important;
border: 1px solid rgba(117, 174, 231, 0.34) !important;
background: rgba(4, 20, 48, 0.48) !important;
color: rgba(226, 241, 255, 0.9) !important;
-webkit-text-fill-color: rgba(226, 241, 255, 0.9) !important;
font-size: clamp(9px, 0.76vw, 12px) !important;
line-height: 1.25 !important;
overflow: hidden !important;
display: block !important;
}
.request-redesign-bottom-copy .request-redesign-kicker {
margin: 0 0 5px !important;
font-size: 8px !important;
}
.request-redesign-bottom-copy .request-redesign-title {
margin: 0 0 5px !important;
font-size: clamp(15px, 1.25vw, 22px) !important;
line-height: 1.08 !important;
-webkit-line-clamp: 2 !important;
}
.request-redesign-bottom-copy strong,
.request-redesign-bottom-copy span {
display: block !important;
color: rgba(226, 241, 255, 0.9) !important;
-webkit-text-fill-color: rgba(226, 241, 255, 0.9) !important;
font-size: clamp(8px, 0.68vw, 11px) !important;
line-height: 1.22 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-bottom-copy.hidden {
display: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-detail.is-open {
border-color: rgba(96, 165, 250, 0.95) !important;
box-shadow: 0 0 18px rgba(96,165,250,0.42) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status {
grid-auto-rows: 39px !important;
gap: 8px !important;
max-height: 86px !important;
transform: translate(18px, 14px) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status > :is(.request-card-top-badge.is-status, .request-redesign-chip, .request-redesign-detail, .request-redesign-quote-chip),
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-header-actions > :is(button, .request-card-top-badge, .request-owner-action-btn),
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status :is(button, span, .request-card-top-badge, .request-redesign-chip, .request-redesign-detail, .request-redesign-quote-chip, .request-owner-action-btn) {
height: 39px !important;
min-height: 39px !important;
max-height: 39px !important;
padding: 0 10px !important;
font-size: 10px !important;
line-height: 1 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status > :is(button, span, .request-card-top-badge, .request-redesign-chip, .request-redesign-detail, .request-redesign-quote-chip),
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-header-actions > :is(button, .request-card-top-badge, .request-owner-action-btn) {
border-radius: 10px !important;
border-width: 1px !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 22px -18px rgba(0,0,0,0.58) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-auto-rows: auto !important;
gap: 8px !important;
max-height: none !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row > :is(button, span, .request-card-top-badge, .request-redesign-chip, .request-redesign-detail, .request-redesign-quote-chip, .request-owner-action-btn) {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: 160px !important;
height: 39px !important;
min-height: 39px !important;
max-height: 39px !important;
padding: 0 13px !important;
border-radius: 10px !important;
border: 1px solid rgba(117, 174, 231, 0.74) !important;
background: rgba(5, 20, 48, 0.84) !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 10px !important;
font-weight: 1000 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 22px -18px rgba(0,0,0,0.58) !important;
text-shadow: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row > :is(button, span, .request-card-top-badge, .request-redesign-chip, .request-redesign-detail, .request-redesign-quote-chip, .request-owner-action-btn) * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-bottom > :is(button, .request-card-top-badge, .request-owner-action-btn) {
max-width: 190px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 6px !important;
width: 100% !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > :is(button, span, .request-card-top-badge, .request-redesign-chip, .request-redesign-detail, .request-redesign-quote-chip, .request-owner-action-btn) {
flex: 0 1 auto !important;
max-width: 128px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
padding: 0 10px !important;
font-size: 9px !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid :is(
.request-board-pill,
.request-board-control-btn,
.request-board-stat,
.request-board-select-shell,
.request-board-select
) {
border-radius: 16px !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid :is(
.request-board-pill.is-active,
.request-board-control-btn.is-active,
.request-board-stat.is-active,
.request-board-select-shell.is-active
) {
border-radius: 16px !important;
}
body.home-landing-active .home-category-visual {
left: 50% !important;
top: 46% !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.home-landing-active .home-category-image {
object-fit: contain !important;
object-position: center center !important;
}
@media (max-width: 767px) {
body.home-landing-active .home-category-visual {
inset: 5px 5px 24px 5px !important;
left: 5px !important;
top: 5px !important;
right: 5px !important;
bottom: 24px !important;
width: auto !important;
height: auto !important;
transform: none !important;
border: 0 !important;
box-shadow: none !important;
outline: 0 !important;
}
body.home-landing-active .home-category-visual::before,
body.home-landing-active .home-category-visual::after {
content: none !important;
display: none !important;
}
}
body:not(.home-landing-active) #requestsViewList,
body:not(.home-landing-active) #requestsViewList.request-list-mode,
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
align-items: start !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-redesign-card.request-board-card,
body:not(.home-landing-active) #requestsView #requestsViewList.request-list-mode > article.request-redesign-card.request-board-card,
body:not(.home-landing-active) #requestsView #requestsViewList.request-grid-mode > article.request-redesign-card.request-board-card,
body:not(.home-landing-active) #requestsView #requestsViewList.request-map-mode > article.request-redesign-card.request-board-card {
display: block !important;
aspect-ratio: auto !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
align-self: start !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView #requestBoardCount {
display: none !important;
}
/* Talep Pazarı son düzen katmanı - 20260512 */
body:not(.home-landing-active) #requestsView .request-board-grid,
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
display: grid !important;
grid-template-columns: repeat(5, minmax(118px, 1fr)) !important;
grid-template-rows: repeat(2, 42px) !important;
align-items: center !important;
justify-content: stretch !important;
gap: 8px !important;
width: min(100%, 1280px) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > :is(.request-board-pill, .request-board-control-btn, .request-board-stat, .request-board-select-shell) {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
flex: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
padding: 0 14px !important;
border-radius: 14px !important;
border: 1px solid rgba(117, 174, 231, 0.74) !important;
background: rgba(5, 20, 48, 0.86) !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 10px !important;
font-weight: 1000 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 22px -18px rgba(0,0,0,0.58) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > #requestBoardOpenStat { grid-column: 1 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestBoardMessageStat { grid-column: 2 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestMineBtn { grid-column: 3 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestCreateBtn { grid-column: 4 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestScopeListBtn,
body:not(.home-landing-active) #requestsView .request-board-grid > #requestScopeSelectShell { grid-column: 5 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestSortToggleBtn { grid-column: 1 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestNearbyBtn { grid-column: 2 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestClosedMineBtn { grid-column: 3 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestBoardCsvBtn { grid-column: 4 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > #requestBoardBackBtn { grid-column: 5 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .request-board-grid > :is(.request-board-pill.is-active, .request-board-control-btn.is-active, .request-board-stat.is-active, .request-board-select-shell.is-active) {
border-color: rgba(147, 197, 253, 0.98) !important;
background: linear-gradient(135deg, #ffffff 0%, #eef7ff 52%, #dff0ff 100%) !important;
color: #07111f !important;
-webkit-text-fill-color: #07111f !important;
box-shadow: 0 0 0 2px rgba(96,165,250,0.38), 0 0 24px rgba(96,165,250,0.28), inset 0 1px 0 rgba(255,255,255,0.95) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > :is(.request-board-pill, .request-board-control-btn, .request-board-stat, .request-board-select-shell) :is(i, span, strong) {
color: inherit !important;
-webkit-text-fill-color: inherit !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select {
height: 100% !important;
min-height: 0 !important;
padding: 0 24px 0 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: inherit !important;
-webkit-text-fill-color: inherit !important;
box-shadow: none !important;
outline: none !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid .request-board-select-shell > i {
right: 10px !important;
}
body.admin-toolbar-active.home-landing-active .home-category-card {
position: relative !important;
}
body.admin-toolbar-active.home-landing-active .home-category-count {
display: none !important;
}
@media (max-width: 767px) {
body.admin-toolbar-active.home-landing-active .home-category-count {
display: none !important;
}
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single {
flex-wrap: wrap !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > :is(button, span, .request-card-top-badge, .request-redesign-chip, .request-redesign-quote-chip, .request-owner-action-btn) {
width: auto !important;
flex: 0 0 auto !important;
max-width: 190px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
border-radius: 12px !important;
}
.request-redesign-info.is-extra-detail i {
background: rgba(59, 130, 246, 0.28) !important;
color: #bfdbfe !important;
-webkit-text-fill-color: #bfdbfe !important;
}
.request-redesign-detail-actions {
display: flex !important;
justify-content: flex-start !important;
margin-top: 10px !important;
}
.request-redesign-detail-bottom {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 36px !important;
min-height: 36px !important;
padding: 0 18px !important;
border-radius: 12px !important;
border: 1px solid rgba(117, 174, 231, 0.74) !important;
background: rgba(5, 20, 48, 0.86) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 10px !important;
font-weight: 1000 !important;
text-transform: uppercase !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 22px -18px rgba(0,0,0,0.58) !important;
}
.request-redesign-media-button {
appearance: none !important;
cursor: zoom-in !important;
padding: 0 !important;
}
.request-image-lightbox {
position: fixed !important;
inset: 0 !important;
z-index: 9000 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 18px !important;
background: rgba(2, 8, 20, 0.82) !important;
backdrop-filter: blur(10px) !important;
}
.request-image-lightbox.hidden {
display: none !important;
}
.request-image-lightbox-panel {
position: relative !important;
display: grid !important;
gap: 12px !important;
width: min(92vw, 860px) !important;
max-height: 92vh !important;
padding: 16px !important;
border-radius: 24px !important;
border: 1px solid rgba(147, 197, 253, 0.5) !important;
background: rgba(4, 20, 48, 0.96) !important;
box-shadow: 0 32px 80px -42px rgba(0,0,0,0.9), 0 0 40px rgba(96,165,250,0.18) !important;
}
.request-image-lightbox-stage {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: min(72vh, 640px) !important;
overflow: auto !important;
border-radius: 18px !important;
background: rgba(2, 8, 20, 0.64) !important;
cursor: grab !important;
touch-action: none !important;
}
.request-image-lightbox-stage.is-dragging {
cursor: grabbing !important;
}
.request-image-lightbox-stage img {
display: block !important;
max-width: 100% !important;
max-height: 72vh !important;
object-fit: contain !important;
transform-origin: center center !important;
transition: transform 0.08s ease !important;
user-select: none !important;
-webkit-user-drag: none !important;
will-change: transform !important;
}
.request-image-lightbox-close,
.request-image-lightbox-zoom button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 38px !important;
min-width: 38px !important;
border-radius: 12px !important;
border: 1px solid rgba(147, 197, 253, 0.7) !important;
background: rgba(5, 20, 48, 0.9) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-weight: 1000 !important;
}
.request-image-lightbox-close {
position: absolute !important;
top: 14px !important;
right: 14px !important;
z-index: 4 !important;
width: 46px !important;
height: 46px !important;
border-radius: 14px !important;
background: rgba(5, 20, 48, 0.96) !important;
box-shadow: 0 0 0 1px rgba(147,197,253,0.42), 0 14px 28px -18px rgba(0,0,0,0.82) !important;
}
.request-image-lightbox-zoom {
display: flex !important;
justify-content: center !important;
gap: 8px !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView:not(.hidden) {
gap: 8px !important;
min-height: auto !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head {
padding: 10px !important;
border-radius: 18px !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid,
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-template-rows: auto !important;
justify-content: stretch !important;
gap: 6px !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > :is(#requestMineBtn, #requestBoardOpenStat, #requestBoardMessageStat, #requestClosedMineBtn, #requestScopeListBtn, #requestScopeSelectShell, #requestCreateBtn, #requestSortToggleBtn, #requestNearbyBtn, #requestBoardCsvBtn, #requestBoardBackBtn) {
grid-column: auto !important;
grid-row: auto !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > :is(.request-board-pill, .request-board-control-btn, .request-board-stat, .request-board-select-shell) {
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
padding: 0 9px !important;
border-radius: 11px !important;
font-size: 8px !important;
gap: 5px !important;
max-width: calc(50vw - 22px) !important;
}
body:not(.home-landing-active) #requestsViewList,
body:not(.home-landing-active) #requestsViewList.request-list-mode,
body:not(.home-landing-active) #requestsViewList.request-grid-mode,
body:not(.home-landing-active) #requestsViewList.request-map-mode {
grid-template-columns: minmax(0, 1fr) !important;
gap: 10px !important;
padding-bottom: 14px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList > article.request-redesign-card.request-board-card,
body:not(.home-landing-active) #requestsView #requestsViewList.request-list-mode > article.request-redesign-card.request-board-card,
body:not(.home-landing-active) #requestsView #requestsViewList.request-grid-mode > article.request-redesign-card.request-board-card,
body:not(.home-landing-active) #requestsView #requestsViewList.request-map-mode > article.request-redesign-card.request-board-card {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 10px !important;
border-radius: 18px !important;
}
.request-redesign-header {
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"actions"
"side"
"copy" !important;
gap: 8px !important;
margin-bottom: 8px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status {
transform: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single {
gap: 5px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > :is(button, span, .request-card-top-badge, .request-redesign-chip, .request-redesign-quote-chip, .request-owner-action-btn) {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
padding: 0 7px !important;
border-radius: 9px !important;
font-size: 8px !important;
max-width: calc(50vw - 32px) !important;
}
.request-redesign-side {
grid-template-columns: minmax(0, 1fr) 92px !important;
align-items: start !important;
justify-items: stretch !important;
}
.request-redesign-time {
width: auto !important;
}
.request-redesign-time span {
font-size: 10px !important;
gap: 6px !important;
}
.request-redesign-media,
.request-redesign-side-media {
width: 92px !important;
height: 92px !important;
justify-self: end !important;
margin-top: 0 !important;
border-radius: 14px !important;
}
.request-redesign-body {
padding: 8px !important;
border-radius: 14px !important;
}
.request-redesign-meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 6px !important;
margin-top: 0 !important;
}
.request-redesign-info {
min-height: 48px !important;
padding: 6px !important;
gap: 6px !important;
border-radius: 12px !important;
}
.request-redesign-info i {
width: 26px !important;
min-width: 26px !important;
height: 26px !important;
font-size: 10px !important;
}
.request-redesign-info em {
font-size: 6.5px !important;
}
.request-redesign-info strong {
font-size: 9px !important;
line-height: 1.1 !important;
}
.request-redesign-bottom-copy {
min-height: 0 !important;
padding: 9px !important;
margin-top: 8px !important;
}
.request-redesign-detail-bottom {
height: 32px !important;
min-height: 32px !important;
padding: 0 14px !important;
font-size: 9px !important;
}
.request-image-lightbox-panel {
width: 96vw !important;
padding: 10px !important;
border-radius: 18px !important;
}
.request-image-lightbox-stage {
min-height: 58vh !important;
}
}
/* Talep Pazarı buton rengi son düzeltme - 20260512 */
body:not(.home-landing-active) #requestsView .request-board-grid > :is(
.request-board-pill,
.request-board-control-btn,
.request-board-stat,
.request-board-select-shell
),
body:not(.home-landing-active) #requestsView .request-board-grid > :is(
.request-board-pill,
.request-board-control-btn,
.request-board-stat,
.request-board-select-shell
):not(.is-active) {
border-color: rgba(117, 174, 231, 0.72) !important;
background: rgba(5, 20, 48, 0.9) !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
0 0 0 1px rgba(96,165,250,0.12),
0 14px 28px -24px rgba(0,0,0,0.72) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > :is(
.request-board-pill,
.request-board-control-btn,
.request-board-stat,
.request-board-select-shell
) :is(i, span, strong),
body:not(.home-landing-active) #requestsView .request-board-select {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > :is(
.request-board-pill.is-active,
.request-board-control-btn.is-active,
.request-board-stat.is-active,
.request-board-select-shell.is-active
),
body:not(.home-landing-active) #requestsView .request-board-grid > :is(
.request-board-pill,
.request-board-control-btn,
.request-board-stat,
.request-board-select-shell
):active {
border-color: rgba(159, 216, 255, 0.98) !important;
background: linear-gradient(135deg, #2f93ff 0%, #67c6ff 100%) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow:
0 0 0 2px rgba(96, 165, 250, 0.42),
0 0 24px rgba(103, 198, 255, 0.58),
inset 0 1px 0 rgba(255,255,255,0.34) !important;
}
body:not(.home-landing-active) #requestsView .request-board-grid > :is(
.request-board-pill.is-active,
.request-board-control-btn.is-active,
.request-board-stat.is-active,
.request-board-select-shell.is-active
) :is(i, span, strong),
body:not(.home-landing-active) #requestsView .request-board-grid > .request-board-select-shell.is-active .request-board-select {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Aynı alan için yüksek özgüllük: eski beyaz !important katmanını ez */
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > :is(
#requestMineBtn,
#requestBoardOpenStat,
#requestBoardMessageStat,
#requestClosedMineBtn,
#requestScopeListBtn,
#requestScopeSelectShell,
#requestCreateBtn,
#requestSortToggleBtn,
#requestNearbyBtn,
#requestBoardCsvBtn,
#requestBoardBackBtn
) {
border: 1px solid rgba(117, 174, 231, 0.78) !important;
background: linear-gradient(180deg, rgba(8, 26, 58, 0.96), rgba(3, 14, 34, 0.98)) !important;
background-color: #061a3a !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
0 0 0 1px rgba(96,165,250,0.14),
0 16px 28px -24px rgba(0,0,0,0.8) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > :is(
#requestMineBtn,
#requestBoardOpenStat,
#requestBoardMessageStat,
#requestClosedMineBtn,
#requestScopeListBtn,
#requestScopeSelectShell,
#requestCreateBtn,
#requestSortToggleBtn,
#requestNearbyBtn,
#requestBoardCsvBtn,
#requestBoardBackBtn
) :is(i, span, strong) {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestScopeSelectShell .request-board-select,
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestScopeSelectShell .request-board-select option {
background: #061a3a !important;
background-color: #061a3a !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > :is(
#requestMineBtn.is-active,
#requestBoardOpenStat.is-active,
#requestBoardMessageStat.is-active,
#requestClosedMineBtn.is-active,
#requestScopeListBtn.is-active,
#requestScopeSelectShell.is-active,
#requestCreateBtn.is-active,
#requestSortToggleBtn.is-active,
#requestNearbyBtn.is-active,
#requestBoardCsvBtn.is-active,
#requestBoardBackBtn.is-active
),
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > :is(
#requestMineBtn,
#requestBoardOpenStat,
#requestBoardMessageStat,
#requestClosedMineBtn,
#requestScopeListBtn,
#requestScopeSelectShell,
#requestCreateBtn,
#requestSortToggleBtn,
#requestNearbyBtn,
#requestBoardCsvBtn,
#requestBoardBackBtn
):active {
border-color: rgba(159, 216, 255, 1) !important;
background: linear-gradient(135deg, #1e7bff 0%, #56bdff 100%) !important;
background-color: #2f93ff !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow:
0 0 0 2px rgba(96,165,250,0.42),
0 0 24px rgba(86,189,255,0.62),
inset 0 1px 0 rgba(255,255,255,0.34) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestScopeSelectShell,
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestScopeSelectShell.is-active,
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestScopeSelectShell:active {
border-color: rgba(117, 174, 231, 0.78) !important;
background: linear-gradient(180deg, rgba(8, 26, 58, 0.96), rgba(3, 14, 34, 0.98)) !important;
background-color: #061a3a !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
0 0 0 1px rgba(96,165,250,0.14),
0 16px 28px -24px rgba(0,0,0,0.8) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestScopeSelectShell .request-board-select {
width: 100% !important;
height: 100% !important;
border: 0 !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
/* Talep Pazarı buton ölçü/hiza son düzeltme - 20260512 */
body:not(.home-landing-active) #requestsView .requests-view-head {
align-items: center !important;
padding: 14px 24px !important;
min-height: 154px !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-board-actions {
align-self: center !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
min-height: 114px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
grid-template-rows: repeat(2, 52px) !important;
gap: 10px 12px !important;
align-items: stretch !important;
width: min(100%, 1320px) !important;
max-height: none !important;
overflow: visible !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > :is(
#requestMineBtn,
#requestBoardOpenStat,
#requestBoardMessageStat,
#requestClosedMineBtn,
#requestScopeListBtn,
#requestScopeSelectShell,
#requestCreateBtn,
#requestSortToggleBtn,
#requestNearbyBtn,
#requestBoardCsvBtn,
#requestBoardBackBtn
) {
width: 100% !important;
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
padding: 0 16px !important;
border-radius: 18px !important;
line-height: 1 !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestScopeSelectShell .request-board-select {
border-radius: 18px !important;
padding: 0 32px 0 16px !important;
line-height: 52px !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .requests-view-head {
padding: 14px !important;
min-height: 0 !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #requestsView .request-board-actions {
width: 100% !important;
min-height: 0 !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-template-rows: auto !important;
gap: 8px !important;
width: 100% !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > :is(
#requestMineBtn,
#requestBoardOpenStat,
#requestBoardMessageStat,
#requestClosedMineBtn,
#requestScopeListBtn,
#requestScopeSelectShell,
#requestCreateBtn,
#requestSortToggleBtn,
#requestNearbyBtn,
#requestBoardCsvBtn,
#requestBoardBackBtn
) {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
border-radius: 14px !important;
padding: 0 10px !important;
}
}
/* Kart aksiyonları ve mobil Talep Pazarı kaydırma - 20260512 */
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 7px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > :is(button, span, .request-card-top-badge, .request-redesign-chip, .request-owner-action-btn) {
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
padding: 0 10px !important;
border-radius: 12px !important;
font-size: 9px !important;
flex: 0 0 auto !important;
max-width: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > .request-redesign-chip {
width: 102px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > .request-redesign-offer-message {
width: 132px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > .request-card-top-action.is-primary {
width: 112px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > .request-owner-action-btn:not(.is-warning):not(.is-danger) {
width: 104px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > .request-owner-action-btn.is-warning {
width: 154px !important;
}
@media (min-width: 768px) {
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > .request-owner-action-btn:not(.is-warning):not(.is-danger) {
order: 20 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-button-row-single > .request-owner-action-btn.is-warning {
order: 21 !important;
}
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView .request-board-actions {
overflow-x: auto !important;
overflow-y: hidden !important;
justify-content: flex-start !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: thin !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
display: grid !important;
grid-auto-flow: column !important;
grid-template-rows: repeat(2, 40px) !important;
grid-template-columns: none !important;
grid-auto-columns: 138px !important;
justify-content: start !important;
align-items: stretch !important;
width: max-content !important;
min-width: max-content !important;
gap: 8px !important;
padding-bottom: 4px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > :is(
#requestMineBtn,
#requestBoardOpenStat,
#requestBoardMessageStat,
#requestClosedMineBtn,
#requestScopeListBtn,
#requestScopeSelectShell,
#requestCreateBtn,
#requestSortToggleBtn,
#requestNearbyBtn,
#requestBoardCsvBtn,
#requestBoardBackBtn
) {
grid-column: auto !important;
grid-row: auto !important;
width: 138px !important;
min-width: 138px !important;
max-width: 138px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child {
grid-auto-flow: row !important;
grid-template-columns: repeat(5, 138px) !important;
grid-template-rows: repeat(2, 40px) !important;
}
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestBoardOpenStat { grid-column: 1 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestBoardMessageStat { grid-column: 2 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestMineBtn { grid-column: 3 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestCreateBtn { grid-column: 4 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestScopeListBtn,
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestScopeSelectShell { grid-column: 5 !important; grid-row: 1 !important; }
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestSortToggleBtn { grid-column: 1 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestNearbyBtn { grid-column: 2 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestClosedMineBtn { grid-column: 3 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestBoardCsvBtn { grid-column: 4 !important; grid-row: 2 !important; }
body:not(.home-landing-active) #requestsView .requests-view-head > .request-board-actions:last-child > .request-board-grid:first-child > #requestBoardBackBtn { grid-column: 5 !important; grid-row: 2 !important; }
}
/* Talep kartı birleşik buton/bilgi grid düzeni - 20260512 */
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-status-empty {
display: none !important;
}
.request-redesign-mobile-layout {
display: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 9px !important;
margin-top: 0 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-header-unified {
grid-template-areas: "copy side" !important;
grid-template-rows: auto !important;
align-items: start !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control {
width: 100% !important;
min-height: 64px !important;
height: auto !important;
text-align: left !important;
cursor: default !important;
border: 1px solid rgba(117,174,231,0.28) !important;
background: rgba(4, 20, 48, 0.48) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: inset 0 0 0 1px rgba(55, 117, 185, 0.12) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-visual-control {
display: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card button.request-redesign-control {
cursor: pointer !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card button.request-redesign-control:hover {
border-color: rgba(125, 211, 252, 0.52) !important;
background: rgba(7, 31, 73, 0.72) !important;
box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22), 0 14px 30px -24px rgba(96, 165, 250, 0.74) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control:is(.is-action, .is-warning) {
background: rgba(4, 20, 48, 0.48) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control:is(.is-action, .is-warning) em {
color: #8ecbff !important;
-webkit-text-fill-color: #8ecbff !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control:is(.is-action, .is-warning) strong {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control.is-category i {
background: rgba(59, 130, 246, 0.28) !important;
color: #bfdbfe !important;
-webkit-text-fill-color: #bfdbfe !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control.is-action i {
background: rgba(37, 99, 235, 0.34) !important;
color: #dbeafe !important;
-webkit-text-fill-color: #dbeafe !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control.is-warning i {
background: rgba(245, 158, 11, 0.28) !important;
color: #fde68a !important;
-webkit-text-fill-color: #fde68a !important;
}
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-layout {
display: none !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 8px !important;
align-items: start !important;
margin-bottom: 10px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-left,
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-right {
display: grid !important;
gap: 7px !important;
min-width: 0 !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-right {
justify-items: stretch !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-time {
display: grid !important;
gap: 4px !important;
justify-self: end !important;
width: min(100%, 132px) !important;
margin-bottom: 1px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-time span {
display: grid !important;
grid-template-columns: 19px minmax(0, 1fr) !important;
align-items: center !important;
gap: 5px !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 10px !important;
font-weight: 1000 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-time i {
color: #56aeff !important;
-webkit-text-fill-color: #56aeff !important;
font-size: 15px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-media {
width: min(100%, 132px) !important;
aspect-ratio: 1 / 1 !important;
height: auto !important;
justify-self: end !important;
margin: 0 !important;
border-radius: 15px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-control {
width: 100% !important;
min-height: 46px !important;
height: 46px !important;
padding: 6px !important;
border-radius: 13px !important;
gap: 6px !important;
border: 1px solid rgba(117,174,231,0.38) !important;
background: rgba(4, 20, 48, 0.58) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-align: left !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-control i {
width: 25px !important;
min-width: 25px !important;
height: 25px !important;
font-size: 10px !important;
background: rgba(37, 99, 235, 0.34) !important;
color: #dbeafe !important;
-webkit-text-fill-color: #dbeafe !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-control em {
margin-bottom: 2px !important;
font-size: 6.5px !important;
color: #8ecbff !important;
-webkit-text-fill-color: #8ecbff !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-control strong {
font-size: 9px !important;
line-height: 1.08 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card button.request-redesign-mobile-control {
cursor: pointer !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-mobile-control.is-category i {
background: rgba(59, 130, 246, 0.28) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 6px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-header-unified {
display: grid !important;
grid-template-areas:
"side"
"copy" !important;
grid-template-columns: minmax(0, 1fr) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control {
min-height: 48px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-visual-control {
display: flex !important;
min-height: 64px !important;
height: 64px !important;
padding: 0 !important;
border-radius: 16px !important;
overflow: hidden !important;
border-color: rgba(117,174,231,0.38) !important;
background: rgba(4, 20, 48, 0.58) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-visual-control img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-header-unified {
position: relative !important;
grid-template-areas: "copy" !important;
grid-template-columns: minmax(0, 1fr) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-side {
display: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-side .request-redesign-time {
display: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-side-media {
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
aspect-ratio: auto !important;
justify-self: end !important;
margin-left: auto !important;
border-radius: 16px !important;
border-color: rgba(117,174,231,0.38) !important;
pointer-events: auto !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-side-media img {
object-fit: cover !important;
}
}
/* Mobil talep gorseli: cerceveyi bosluksuz doldur - 20260513 */
@media (max-width: 767px) {
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-items: stretch !important;
gap: 7px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-control {
min-height: 58px !important;
height: 58px !important;
max-height: 58px !important;
border-radius: 14px !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-visual-control {
display: flex !important;
position: relative !important;
width: 100% !important;
min-width: 0 !important;
min-height: 58px !important;
height: 58px !important;
max-height: 58px !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 14px !important;
overflow: hidden !important;
align-items: stretch !important;
justify-content: stretch !important;
border-color: rgba(117,174,231,0.55) !important;
background-color: #041430 !important;
box-shadow: inset 0 0 0 1px rgba(125, 211, 252, 0.14) !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-visual-control img {
display: block !important;
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
min-width: 100% !important;
min-height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
border: 0 !important;
border-radius: 0 !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
}
body:not(.home-landing-active) #requestsView #requestsViewList .request-redesign-card .request-redesign-side {
display: none !important;
}
}
/* Liste modu masaustu: sagdaki yetkili bloklari tum firma kartlarinda ayni hizada kalsin. */
@media (min-width: 1280px) {
body:not(.home-landing-active) #firmList.list-mode .supplier-shell {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(330px, 22vw, 390px) !important;
align-items: stretch !important;
gap: 18px !important;
}
body:not(.home-landing-active) #firmList.list-mode .supplier-main {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
flex: initial !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #firmList.list-mode .supplier-side {
grid-column: 2 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: initial !important;
align-self: stretch !important;
justify-content: center !important;
padding-left: 18px !important;
border-left: 1px solid rgba(226, 232, 240, 0.72) !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #firmList.list-mode .supplier-person-line,
body:not(.home-landing-active) #firmList.list-mode .contact-stack {
width: 100% !important;
min-width: 0 !important;
}
body:not(.home-landing-active) #firmList.list-mode .contact-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
align-items: center !important;
width: 100% !important;
}
body:not(.home-landing-active) #firmList.list-mode .contact-main,
body:not(.home-landing-active) #firmList.list-mode .contact-copy {
min-width: 0 !important;
overflow: hidden !important;
}
body:not(.home-landing-active) #firmList.list-mode .contact-name,
body:not(.home-landing-active) #firmList.list-mode .contact-role {
display: block !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
}
@media (min-width: 960px) and (max-width: 1279px) {
body:not(.home-landing-active) #firmList.list-mode .supplier-shell {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(286px, 30vw, 340px) !important;
align-items: stretch !important;
gap: 14px !important;
}
body:not(.home-landing-active) #firmList.list-mode .supplier-main {
min-width: 0 !important;
overflow: hidden !important;
flex: initial !important;
}
body:not(.home-landing-active) #firmList.list-mode .supplier-side {
grid-column: 2 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: initial !important;
padding-left: 14px !important;
}
}
body:not(.home-landing-active) .toolbar-select-shell.sort-shell {
align-items: center !important;
justify-content: center !important;
}
body:not(.home-landing-active) .toolbar-select-shell.sort-shell .toolbar-select {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
padding: 0 !important;
color: transparent !important;
text-indent: -9999px !important;
text-align: center !important;
text-align-last: center !important;
}
body:not(.home-landing-active) .toolbar-select-shell.sort-shell .toolbar-select-icon {
inset: 0 !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
box-shadow: none !important;
border-radius: inherit !important;
}
body:not(.home-landing-active) .toolbar-select-shell.sort-shell .toolbar-select-icon i {
display: block !important;
line-height: 1 !important;
margin: 0 !important;
}
@media (min-width: 960px) {
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-shell.sort-shell {
width: var(--desktop-toolbar-icon-size) !important;
min-width: var(--desktop-toolbar-icon-size) !important;
max-width: var(--desktop-toolbar-icon-size) !important;
height: var(--desktop-toolbar-icon-size) !important;
min-height: var(--desktop-toolbar-icon-size) !important;
max-height: var(--desktop-toolbar-icon-size) !important;
flex: 0 0 var(--desktop-toolbar-icon-size) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-shell.sort-shell .toolbar-select {
border-radius: var(--desktop-toolbar-radius) !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-shell.sort-shell .toolbar-select-icon i {
font-size: var(--desktop-toolbar-icon-font) !important;
}
}
@media (max-width: 759px) and (orientation: portrait) {
body.user-guest:not(.home-landing-active) .toolbar-primary-group {
grid-template-columns: minmax(104px, 1fr) repeat(5, minmax(0, var(--mobile-fit-control, clamp(36px, 10vw, 40px)))) !important;
}
body.user-guest:not(.home-landing-active) .toolbar-title {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.user-guest:not(.home-landing-active) #view-list {
grid-column: 2 !important;
grid-row: 1 !important;
}
body.user-guest:not(.home-landing-active) #view-grid {
grid-column: 3 !important;
grid-row: 1 !important;
}
body.user-guest:not(.home-landing-active) #view-map {
grid-column: 4 !important;
grid-row: 1 !important;
}
body.user-guest:not(.home-landing-active) .toolbar-primary-group #mobileNearbyFilterBtn {
grid-column: 5 !important;
grid-row: 1 !important;
display: inline-flex !important;
}
body.user-guest:not(.home-landing-active) .toolbar-primary-group .toolbar-select-shell.sort-shell {
grid-column: 6 !important;
grid-row: 1 !important;
}
body:not(.home-landing-active) .toolbar-primary-group .toolbar-select-shell.sort-shell {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--mobile-fit-control, clamp(36px, 10vw, 40px)) !important;
min-height: var(--mobile-fit-control, clamp(36px, 10vw, 40px)) !important;
max-height: var(--mobile-fit-control, clamp(36px, 10vw, 40px)) !important;
justify-self: stretch !important;
flex: none !important;
}
body:not(.home-landing-active) .toolbar-primary-group .toolbar-select-shell.sort-shell .toolbar-select {
border-radius: 13px !important;
}
body:not(.home-landing-active) .toolbar-primary-group .toolbar-select-shell.sort-shell .toolbar-select-icon i {
font-size: 14px !important;
}
}
/* Final toolbar order lock: nearby first, sort immediately after it. */
@media (min-width: 960px) {
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #mobileNearbyFilterBtn {
display: none !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #nearbyFilterBtn {
display: inline-flex !important;
}
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid #nearbyFilterBtn,
body:not(.home-landing-active) .toolbar-actions.desktop-toolbar-fluid .toolbar-select-shell.sort-shell:not(.hidden) {
width: var(--desktop-toolbar-icon-size) !important;
min-width: var(--desktop-toolbar-icon-size) !important;
max-width: var(--desktop-toolbar-icon-size) !important;
height: var(--desktop-toolbar-icon-size) !important;
min-height: var(--desktop-toolbar-icon-size) !important;
max-height: var(--desktop-toolbar-icon-size) !important;
flex: 0 0 var(--desktop-toolbar-icon-size) !important;
align-items: center !important;
justify-content: center !important;
}
}
@media (max-width: 759px) and (orientation: portrait) {
body:not(.home-landing-active) .toolbar-primary-group {
--mobile-main-icon-size: clamp(36px, 10.2vw, 42px);
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: minmax(106px, 1fr) repeat(5, minmax(0, var(--mobile-main-icon-size))) !important;
grid-auto-rows: var(--mobile-main-icon-size) !important;
gap: 5px !important;
align-items: stretch !important;
overflow: visible !important;
}
body:not(.home-landing-active) .toolbar-title {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
height: var(--mobile-main-icon-size) !important;
min-height: var(--mobile-main-icon-size) !important;
max-height: var(--mobile-main-icon-size) !important;
}
body:not(.home-landing-active) .toolbar-primary-group .toolbar-view-switch {
grid-column: 2 / span 3 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
height: var(--mobile-main-icon-size) !important;
min-height: var(--mobile-main-icon-size) !important;
max-height: var(--mobile-main-icon-size) !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 5px !important;
align-items: stretch !important;
justify-content: stretch !important;
}
body:not(.home-landing-active) .toolbar-primary-group #view-list,
body:not(.home-landing-active) .toolbar-primary-group #view-grid,
body:not(.home-landing-active) .toolbar-primary-group #view-map,
body:not(.home-landing-active) .toolbar-primary-group #mobileNearbyFilterBtn,
body:not(.home-landing-active) .toolbar-primary-group .toolbar-select-shell.sort-shell:not(.hidden) {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--mobile-main-icon-size) !important;
min-height: var(--mobile-main-icon-size) !important;
max-height: var(--mobile-main-icon-size) !important;
flex: none !important;
align-items: center !important;
justify-content: center !important;
justify-self: stretch !important;
}
body:not(.home-landing-active) .toolbar-primary-group #view-list,
body:not(.home-landing-active) .toolbar-primary-group #view-grid,
body:not(.home-landing-active) .toolbar-primary-group #view-map {
grid-column: auto !important;
grid-row: auto !important;
}
body:not(.home-landing-active) .toolbar-primary-group #mobileNearbyFilterBtn {
grid-column: 5 !important;
grid-row: 1 !important;
display: inline-flex !important;
}
body:not(.home-landing-active) .toolbar-primary-group .toolbar-select-shell.sort-shell:not(.hidden) {
grid-column: 6 !important;
grid-row: 1 !important;
display: inline-flex !important;
}
body:not(.home-landing-active) .toolbar-primary-group .toolbar-select-shell.sort-shell .toolbar-select,
body:not(.home-landing-active) .toolbar-primary-group .toolbar-select-shell.sort-shell .toolbar-select-icon {
border-radius: 13px !important;
}
body:not(.home-landing-active) #nearbyFilterBtn {
display: none !important;
}
}
@media (min-width: 768px) {
body.home-landing-active .home-category-name {
width: calc(100% - 18px) !important;
max-width: calc(100% - 18px) !important;
font-size: clamp(16px, 1.14vw, 20px) !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
}
#languageToggleBtn {
font-size: 11px !important;
font-weight: 950 !important;
letter-spacing: 0.04em !important;
line-height: 1 !important;
text-transform: uppercase !important;
position: relative !important;
z-index: 90 !important;
pointer-events: auto !important;
cursor: pointer !important;
}
#languageToggleBtn .language-toggle-code {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
pointer-events: none;
}
body.home-landing-active.user-authenticated #toolbarFeatureZone {
display: flex !important;
width: auto !important;
min-width: auto !important;
max-width: none !important;
gap: 4px !important;
overflow: visible !important;
}
body.home-landing-active.user-authenticated #toolbarFeatureZone > *:not(#languageToggleBtn) {
display: none !important;
}
body.home-landing-active.user-authenticated #toolbarFeatureZone > #languageToggleBtn {
display: inline-flex !important;
}
@media (min-width: 900px) {
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarActions {
overflow: visible !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarActions .toolbar-main-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"primary"
"rail" !important;
width: 100% !important;
min-width: 0 !important;
row-gap: 8px !important;
column-gap: 0 !important;
align-items: start !important;
overflow: visible !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarPrimaryGroup {
grid-area: primary !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
overflow: visible !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarRightRail {
grid-area: rail !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin-left: 0 !important;
padding: 0 0 2px 0 !important;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarRightRail::-webkit-scrollbar {
display: none !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarFeatureZone,
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #authControls {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 6px !important;
min-width: max-content !important;
overflow: visible !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarPrimaryGroup > #authUserPanel {
margin-left: auto !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarPrimaryGroup > #adminLogoutBtn {
margin-left: 0 !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarActions :is(.toolbar-icon-btn, .view-btn, .search-toggle-btn) {
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
border-radius: 16px !important;
flex: 0 0 46px !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarActions .toolbar-text-btn {
height: 46px !important;
min-height: 46px !important;
border-radius: 16px !important;
padding: 0 14px !important;
font-size: 11.4px !important;
flex: 0 0 auto !important;
white-space: nowrap !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #toolbarActions #quickManageBtn {
min-width: 148px !important;
}
body.user-authenticated:not(.admin-toolbar-active):not(.home-landing-active) #authUserAvatar {
width: 34px !important;
height: 34px !important;
}
}