.rate-home-mobile-back { display: none; } @media (max-width: 680px) { #tab-rate-card { width: 100%; max-width: 100%; margin: 0; padding: 0; overflow-x: clip; background: #f7f9fc; } #tab-rate-card > .panel-card { margin: 0; padding: 0; border: 0; border-radius: 0; background: #f7f9fc; box-shadow: none; } #tab-rate-card .rate-home-dashboard { display: block; min-height: calc(100dvh - 62px); background: #f7f9fc; } #tab-rate-card .rate-home-sidebar { display: none; } #tab-rate-card .rate-home-main { display: block; width: 100%; min-width: 0; } #tab-rate-card .rate-home-body { display: block; width: 100%; padding: 0 12px calc(84px + env(safe-area-inset-bottom)); } #tab-rate-card .rate-home-heading-row { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: center; margin: 0 -12px 0; padding: 18px 12px 20px 58px; border: 0; border-radius: 0 0 20px 20px; color: #fff; background: linear-gradient(135deg,#1976e9,#23a0f3); box-shadow: 0 7px 20px rgba(22,112,218,.22); } #tab-rate-card .rate-home-heading-row::after { position: absolute; right: 8%; top: -58px; width: 190px; height: 190px; border-radius: 50%; background: rgba(255,255,255,.08); content: ""; pointer-events: none; } #tab-rate-card .rate-home-heading-row > div:first-of-type { position: relative; z-index: 1; min-width: 0; } #tab-rate-card .rate-home-heading-row h1 { margin: 0; color: #fff; font-size: 21px; line-height: 1.2; } #tab-rate-card .rate-home-heading-row p { max-width: 520px; margin: 5px 0 0; color: rgba(255,255,255,.92); font-size: 11px; line-height: 1.45; } #tab-rate-card .rate-home-mobile-back { position: absolute; z-index: 3; left: 10px; top: 50%; display: grid; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: rgba(255,255,255,.13); place-items: center; transform: translateY(-50%); font-size: 20px; } #tab-rate-card .rate-home-heading-actions { position: relative; z-index: 2; display: block; } #tab-rate-card .rate-home-primary-btn { min-height: 46px; padding: 0 13px; border: 1px solid rgba(255,255,255,.28); border-radius: 12px; color: #fff; background: linear-gradient(135deg,#3157f2,#2439df); box-shadow: 0 7px 15px rgba(34,55,185,.25); white-space: nowrap; } #tab-rate-card .rate-home-secondary-btn { display: none; } #tab-rate-card .rate-home-stat-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin: 14px 0 18px; } #tab-rate-card .rate-home-stat-card { display: grid; grid-template-columns: 46px minmax(0,1fr); min-width: 0; min-height: 116px; align-items: center; gap: 10px; padding: 12px 10px; border: 1px solid #dce5f2; border-radius: 14px; background: #fff; box-shadow: 0 4px 14px rgba(29,56,105,.05); } #tab-rate-card .rate-home-stat-icon { width: 46px; height: 54px; border-radius: 13px; font-size: 23px; } #tab-rate-card .rate-home-stat-card div { min-width: 0; } #tab-rate-card .rate-home-stat-card small { display: block; color: #263759; font-size: 11px; line-height: 1.3; font-weight: 800; overflow-wrap: anywhere; } #tab-rate-card .rate-home-stat-card strong { display: block; margin-top: 4px; color: #101c56; font-size: 25px; line-height: 1; } #tab-rate-card .rate-home-stat-card span:not(.rate-home-stat-icon) { display: block; margin-top: 6px; color: #68758c; font-size: 9px; line-height: 1.25; overflow-wrap: anywhere; } #tab-rate-card .rate-home-content-grid { display: block; } #tab-rate-card .rate-home-card.rate-home-actions { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } #tab-rate-card .rate-home-section-head { margin: 0 0 9px; padding: 0 2px; } #tab-rate-card .rate-home-section-head h2 { color: #101c56; font-size: 18px; } #tab-rate-card .rate-home-action-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; } #tab-rate-card .rate-home-action-row { display: grid; grid-template-columns: 44px minmax(0,1fr) 15px; min-width: 0; min-height: 108px; align-items: center; gap: 9px; padding: 11px 9px; border: 1px solid #dce5f2; border-radius: 14px; color: #17234c; background: #fff; text-align: left; box-shadow: 0 4px 13px rgba(29,56,105,.05); } #tab-rate-card .rate-home-action-row:first-child { border-top: 1px solid #dce5f2; } #tab-rate-card .rate-home-action-row:last-child { grid-column: 1 / -1; min-height: 88px; } #tab-rate-card .rate-home-action-icon { display: grid; width: 44px; height: 58px; border-radius: 13px; place-items: center; font-size: 21px; } #tab-rate-card .rate-home-action-row > span:nth-child(2) { min-width: 0; } #tab-rate-card .rate-home-action-row strong { display: block; color: #121d4d; font-size: 13px; line-height: 1.25; overflow-wrap: anywhere; } #tab-rate-card .rate-home-action-row small { display: -webkit-box; overflow: hidden; margin-top: 5px; color: #60708f; font-size: 10px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow-wrap: anywhere; } #tab-rate-card .rate-home-action-row > i:last-child { justify-self: end; color: #62759a; font-size: 15px; } #tab-rate-card .rate-home-side { display: none; } } @media (max-width: 680px) { #tab-rate-card .rate-card-workspace-shell.rate-card-mobile-analytics-active { width: 100%; max-width: 100%; padding: 0 12px calc(82px + env(safe-area-inset-bottom)); overflow-x: clip; background: #f5f9fe; } #tab-rate-card .rate-card-mobile-analytics-active > .rate-card-workspace-heading { position: sticky; top: 0; z-index: 44; display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 116px; margin: 0 -12px 12px; padding: 17px 12px 17px 16px; border: 0; border-radius: 0 0 18px 18px; color: #fff; background: linear-gradient(135deg,#0875ed,#139df0); box-shadow: 0 7px 20px rgba(22,112,218,.2); } #tab-rate-card .rate-card-mobile-analytics-active > .rate-card-workspace-heading::after { position: absolute; right: 20px; top: 14px; display: grid; width: 62px; height: 62px; border-radius: 14px; color: #fff; background: rgba(255,255,255,.15); content: "\F17E"; font-family: "bootstrap-icons"; font-size: 29px; place-items: center; pointer-events: none; } #tab-rate-card .rate-card-mobile-analytics-active > .rate-card-workspace-heading > div:first-child { min-width: 0; padding-right: 64px; } #tab-rate-card .rate-card-mobile-analytics-active > .rate-card-workspace-heading .eyebrow { margin: 0 0 3px; color: rgba(255,255,255,.85); font-size: 9px; letter-spacing: .1em; } #tab-rate-card .rate-card-mobile-analytics-active > .rate-card-workspace-heading h3 { color: #fff; font-size: 21px; } #tab-rate-card .rate-card-mobile-analytics-active .rate-card-mobile-workspace-subtitle { display: block; max-width: 310px; margin: 5px 0 0; color: rgba(255,255,255,.92); font-size: 10px; line-height: 1.4; } #tab-rate-card .rate-card-mobile-analytics-active > .rate-card-workspace-heading .status-pill { display: none; } #tab-rate-card .rate-card-mobile-analytics-active #rateCardBackToHomeBtn { position: absolute; right: 10px; bottom: 8px; left: 10px; display: inline-flex; width: auto; min-height: 38px; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 10px; color: #075bd7; background: rgba(255,255,255,.94); font-size: 11px; } #tab-rate-card .rate-card-mobile-analytics-active > .rate-card-admin-nav { display: none; } #tab-rate-card .rate-card-mobile-analytics-active .rate-card-admin-layout { display: block; padding: 0; } #tab-rate-card .rate-card-mobile-analytics-active .rate-card-admin-section-share { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-shell { gap: 10px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-header { display: block; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-header-main { display: none; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-date-chip { width: 100%; min-height: 46px; justify-content: flex-start; padding: 0 12px; border-radius: 11px; font-size: 12px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-date-chip .bi-chevron-down { margin-left: auto; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-kpi-card { min-width: 0; min-height: 112px; grid-template-columns: 38px minmax(0,1fr); gap: 8px; padding: 11px 9px; border-radius: 13px; box-shadow: 0 4px 13px rgba(28,53,99,.05); } #tab-rate-card .rate-card-mobile-analytics-active .analytics-kpi-icon { width: 38px; height: 38px; font-size: 16px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-kpi-label { font-size: 10px; line-height: 1.25; overflow-wrap: anywhere; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-kpi-copy strong, #tab-rate-card .rate-card-mobile-analytics-active .analytics-kpi-card-aov .analytics-kpi-copy strong { margin-top: 4px; font-size: 20px; line-height: 1.1; white-space: normal; overflow-wrap: anywhere; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-kpi-copy small { margin-top: 6px; font-size: 8px; line-height: 1.25; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-card { overflow: visible; border: 0; background: transparent; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-head { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; padding: 4px 0 0; border: 0; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-head h5 { font-size: 16px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; width: 100%; gap: 7px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-select-wrap { min-width: 0; min-height: 44px; border-radius: 10px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-select-wrap select { width: 100%; min-width: 0; font-size: 16px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-export-btn { min-height: 44px; padding: 0 13px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-table-wrap { overflow: visible; border: 0; background: transparent; box-shadow: none; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table, #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody { display: block; width: 100%; min-width: 0; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table thead { display: none; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody tr { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; width: 100%; margin: 0 0 9px; padding: 11px; border: 1px solid #dce5f2; border-radius: 13px; background: #fff; box-shadow: 0 4px 13px rgba(28,53,99,.05); } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody td { display: grid; min-width: 0; padding: 9px 6px; border: 0; border-top: 1px solid #e4eaf4; background: transparent; font-size: 11px; text-align: left; overflow-wrap: anywhere; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody td::before { display: block; margin-bottom: 3px; color: #71809d; font-size: 8px; font-weight: 750; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody td:nth-child(2)::before { content: "Hits"; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody td:nth-child(3)::before { content: "Orders"; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody td:nth-child(4)::before { content: "Submit Rate"; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody td:nth-child(5)::before { content: "Customers"; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody td:nth-child(6)::before { content: "Total Qty"; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody td:nth-child(7)::before { content: "Order Value"; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody td:nth-child(8)::before { content: "Top Items"; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-link-cell { grid-column: 1 / -1; display: grid; grid-template-columns: 38px minmax(0,1fr); min-width: 0; gap: 9px; padding: 0 0 10px; border-top: 0; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-link-badge { width: 38px; height: 38px; border-radius: 50%; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-link-copy strong { font-size: 13px; line-height: 1.25; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-link-copy .muted { max-width: 100%; font-size: 9px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-submit-cell strong { font-size: 11px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-submit-track { width: 100%; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-top-items-cell { grid-column: 1 / -1; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-top-items-box { min-width: 0; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-actions-cell { display: none; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-pagination-foot { padding: 2px 2px 0; font-size: 10px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-pagination-controls .small-btn { min-width: 38px; min-height: 38px; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody tr:has(.empty-state) { display: block; } #tab-rate-card .rate-card-mobile-analytics-active .analytics-performance-table tbody tr:has(.empty-state) td { display: block; padding: 20px; border: 0; } } @media (max-width: 350px) { #tab-rate-card .rate-card-mobile-analytics-active .analytics-kpi-grid { grid-template-columns: minmax(0,1fr); } } @media (max-width: 680px) { #tab-rate-card .rate-card-workspace-shell.rate-card-mobile-orders-active { width: 100%; max-width: 100%; padding: 0 12px calc(82px + env(safe-area-inset-bottom)); overflow-x: clip; background: #f5f9fe; } #tab-rate-card .rate-card-mobile-orders-active > .rate-card-workspace-heading { position: sticky; top: 0; z-index: 44; display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 116px; margin: 0 -12px 12px; padding: 17px 12px 17px 16px; border: 0; border-radius: 0 0 18px 18px; color: #fff; background: linear-gradient(135deg,#0875ed,#139df0); box-shadow: 0 7px 20px rgba(22,112,218,.2); } #tab-rate-card .rate-card-mobile-orders-active > .rate-card-workspace-heading::after { position: absolute; right: 20px; top: 14px; display: grid; width: 62px; height: 62px; border-radius: 14px; color: #fff; background: rgba(255,255,255,.15); content: "\F23D"; font-family: "bootstrap-icons"; font-size: 30px; place-items: center; pointer-events: none; } #tab-rate-card .rate-card-mobile-orders-active > .rate-card-workspace-heading > div:first-child { min-width: 0; padding-right: 64px; } #tab-rate-card .rate-card-mobile-orders-active > .rate-card-workspace-heading .eyebrow { margin: 0 0 3px; color: rgba(255,255,255,.85); font-size: 9px; letter-spacing: .1em; } #tab-rate-card .rate-card-mobile-orders-active > .rate-card-workspace-heading h3 { color: #fff; font-size: 21px; } #tab-rate-card .rate-card-mobile-orders-active .rate-card-mobile-workspace-subtitle { display: block; max-width: 310px; margin: 5px 0 0; color: rgba(255,255,255,.92); font-size: 10px; line-height: 1.4; } #tab-rate-card .rate-card-mobile-orders-active > .rate-card-workspace-heading .status-pill { display: none; } #tab-rate-card .rate-card-mobile-orders-active #rateCardBackToHomeBtn { position: absolute; right: 10px; bottom: 8px; left: 10px; display: inline-flex; width: auto; min-height: 38px; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 10px; color: #075bd7; background: rgba(255,255,255,.94); font-size: 11px; } #tab-rate-card .rate-card-mobile-orders-active > .rate-card-admin-nav { display: none; } #tab-rate-card .rate-card-mobile-orders-active .rate-card-admin-layout { display: block; padding: 0; } #tab-rate-card .rate-card-mobile-orders-active .rate-card-admin-section-orders { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-shell { gap: 9px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-head { display: flex; justify-content: flex-end; padding: 0; border: 0; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-title-block { display: none; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-refresh-btn { min-height: 42px; padding: 0 12px; border: 1px solid #cbdaf0; border-radius: 10px; color: #075bd7; background: #fff; box-shadow: none; font-size: 11px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-search-wrap { width: 100%; min-width: 0; min-height: 44px; padding: 0 10px; border-radius: 10px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-search-wrap > input[type="search"] { font-size: 16px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-filter-wrap { min-width: 108px; min-height: 44px; padding: 0 9px; border-radius: 10px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-filter-wrap select { width: 100%; min-width: 0; font-size: 16px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-bulk-actions { grid-column: 1 / -1; width: 100%; min-height: 42px; justify-content: space-between; margin: 0; padding: 0 2px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-bulk-actions .danger { min-height: 40px; padding: 0 11px; border-radius: 9px; font-size: 10px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-grid-scroll { overflow: visible; padding: 0; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-grid { display: block; width: 100%; min-width: 0; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-header-bar { display: none; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-list { gap: 9px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-row-card { position: relative; display: grid; grid-template-columns: 32px minmax(0,1fr) auto; gap: 8px; width: 100%; padding: 11px; border-radius: 13px; box-shadow: 0 4px 13px rgba(28,53,99,.05); } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-selection-cell { grid-column: 1; grid-row: 1; padding-top: 3px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-selection-cell input { width: 20px; height: 20px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-order-cell { display: contents; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-order-id-wrap { grid-column: 2; grid-row: 1; min-width: 0; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-order-icon { display: none; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-order-id-btn { display: block; min-width: 0; max-width: 100%; padding: 0; color: #172554; font-size: 11px; line-height: 1.3; text-align: left; overflow-wrap: anywhere; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-order-id-btn::after { display: block; margin-top: 5px; color: #075bd7; content: "View Details ›"; font-size: 9px; font-weight: 750; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-order-meta { grid-column: 2; grid-row: 2; margin: -3px 0 0; font-size: 9px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-order-items-meta { display: none; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-action-stack { grid-column: 1 / -1; grid-row: 6; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-top: 1px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-action-stack .customer-orders-convert-btn, #tab-rate-card .rate-card-mobile-orders-active .customer-orders-action-stack .customer-orders-delete-btn { width: 100%; min-height: 40px; padding: 0 5px; font-size: 10px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-customer-cell { grid-column: 1 / 3; grid-row: 3; padding-top: 7px; border-top: 1px solid #e5ebf4; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-avatar { width: 38px; height: 38px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-customer-head strong { font-size: 12px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-customer-head .muted { font-size: 9px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-customer-meta { margin: 5px 0 0 47px; gap: 3px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-customer-meta > span { font-size: 9px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-qty-cell { grid-column: 3; grid-row: 3; align-self: center; text-align: right; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-qty-pill { min-width: 0; height: auto; padding: 4px 7px; font-size: 10px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-qty-pill::after { content: " qty"; font-weight: 650; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-amount-cell { grid-column: 3; grid-row: 4; align-self: center; text-align: right; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-amount-cell strong { font-size: 13px; white-space: nowrap; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-amount-cell .muted { max-width: 130px; font-size: 8px; white-space: normal; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-link-cell { grid-column: 1 / 3; grid-row: 4; min-width: 0; align-items: center; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-link-badge { width: 34px; height: 34px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-link-cell strong { font-size: 11px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-link-cell .muted { font-size: 9px; overflow-wrap: anywhere; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-status-cell { grid-column: 3; grid-row: 1 / 3; min-width: 88px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-status-select { width: 100%; min-width: 0; min-height: 38px; padding: 0 5px; border-radius: 9px; font-size: 11px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-status-cell .muted { display: none; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-footer { grid-template-columns: minmax(0,1fr) auto; gap: 7px; padding: 8px; border-radius: 11px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-footer p { font-size: 9px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-pagination-controls { justify-self: end; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-pagination-btn { min-width: 38px; min-height: 38px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-rows-wrap { grid-column: 1 / -1; justify-self: end; font-size: 9px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-rows-wrap select { min-height: 36px; font-size: 16px; } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-list > .empty-state { padding: 24px 14px; border: 1px solid #dce5f2; border-radius: 13px; background: #fff; } } @media (max-width: 370px) { #tab-rate-card .rate-card-mobile-orders-active .customer-orders-toolbar { grid-template-columns: minmax(0,1fr); } #tab-rate-card .rate-card-mobile-orders-active .customer-orders-filter-wrap { width: 100%; } } @media (max-width: 680px) { #tab-rate-card .rate-card-workspace-shell.rate-card-mobile-settings-active { width: 100%; max-width: 100%; padding: 0 12px calc(82px + env(safe-area-inset-bottom)); overflow-x: clip; background: #f5f9fe; } #tab-rate-card .rate-card-mobile-settings-active > .rate-card-workspace-heading { position: sticky; top: 0; z-index: 44; display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 116px; margin: 0 -12px 12px; padding: 17px 12px 17px 16px; border: 0; border-radius: 0 0 18px 18px; color: #fff; background: linear-gradient(135deg,#0875ed,#139df0); box-shadow: 0 7px 20px rgba(22,112,218,.2); } #tab-rate-card .rate-card-mobile-settings-active > .rate-card-workspace-heading::after { position: absolute; right: 20px; top: 14px; display: grid; width: 62px; height: 62px; border-radius: 14px; color: #fff; background: rgba(255,255,255,.15); content: "\F3E5"; font-family: "bootstrap-icons"; font-size: 29px; place-items: center; pointer-events: none; } #tab-rate-card .rate-card-mobile-settings-active > .rate-card-workspace-heading > div:first-child { min-width: 0; padding-right: 64px; } #tab-rate-card .rate-card-mobile-settings-active > .rate-card-workspace-heading .eyebrow { margin: 0 0 3px; color: rgba(255,255,255,.85); font-size: 9px; letter-spacing: .1em; } #tab-rate-card .rate-card-mobile-settings-active > .rate-card-workspace-heading h3 { color: #fff; font-size: 21px; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-mobile-workspace-subtitle { display: block; max-width: 310px; margin: 5px 0 0; color: rgba(255,255,255,.92); font-size: 10px; line-height: 1.4; } #tab-rate-card .rate-card-mobile-settings-active > .rate-card-workspace-heading .status-pill { display: none; } #tab-rate-card .rate-card-mobile-settings-active #rateCardBackToHomeBtn { position: absolute; right: 10px; bottom: 8px; left: 10px; display: inline-flex; width: auto; min-height: 38px; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 10px; color: #075bd7; background: rgba(255,255,255,.94); font-size: 11px; } #tab-rate-card .rate-card-mobile-settings-active > .rate-card-admin-nav { display: none; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-layout { display: block; padding: 0; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-section-settings { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-section-settings > .rate-card-admin-section-head { position: relative; display: grid; grid-template-columns: minmax(0,1fr); min-height: 82px; margin: 0 0 9px; padding: 14px 12px 12px 66px; border: 1px solid #dce5f2; border-radius: 13px; background: #fff; box-shadow: 0 4px 13px rgba(28,53,99,.05); } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-section-settings > .rate-card-admin-section-head::before { position: absolute; left: 12px; top: 14px; display: grid; width: 43px; height: 43px; border-radius: 12px; color: #6f45df; background: #f0eaff; content: "\F38B"; font-family: "bootstrap-icons"; font-size: 21px; place-items: center; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-section-head .eyebrow { margin: 0; font-size: 8px; letter-spacing: .1em; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-section-head h3 { margin-top: 3px; font-size: 16px; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-section-head .status-pill { justify-self: start; min-height: 24px; margin-top: 5px; padding: 3px 8px; font-size: 8px; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-section-settings > .form-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 9px; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-section-settings > .form-grid > label, #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-settings { min-width: 0; margin: 0; padding: 12px; border: 1px solid #dce5f2; border-radius: 13px; background: #fff; box-shadow: 0 4px 13px rgba(28,53,99,.05); } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-section-settings > .form-grid > label { display: grid; gap: 7px; color: #172554; font-size: 12px; font-weight: 750; } #tab-rate-card .rate-card-mobile-settings-active #rateCardDefaultTermsSetting { width: 100%; max-width: 100%; min-height: 116px; padding: 10px; font-size: 16px; line-height: 1.45; resize: vertical; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-settings legend { max-width: calc(100% - 12px); padding: 0 5px; color: #102257; font-size: 14px; line-height: 1.3; font-weight: 850; white-space: normal; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-settings .helper-text { margin: 1px 0 10px; color: #5f7094; font-size: 9px; line-height: 1.45; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-settings > .form-grid { grid-template-columns: minmax(0,1fr); gap: 9px; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-settings > .form-grid > label { min-width: 0; font-size: 11px; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-toggle { min-height: 46px; padding: 7px 9px; border: 1px solid #e1e8f3; border-radius: 10px; background: #f9fbff; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-toggle input { width: 20px; height: 20px; } #tab-rate-card .rate-card-mobile-settings-active #rateListDiscountPercentageDisplayModeSetting { width: 100%; max-width: 100%; min-height: 44px; margin-top: 6px; font-size: 16px; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-grid { width: 100%; gap: 0; overflow: hidden; border: 1px solid #e0e7f2; border-radius: 10px; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-head, #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-row { grid-template-columns: minmax(0,1fr) 58px 66px; gap: 0; min-width: 0; border: 0; border-radius: 0; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-head { padding: 8px 7px; background: #f2f6fc; font-size: 8px; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-head strong:nth-child(n+2) { text-align: center; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-row { min-height: 46px; padding: 0 7px; border-top: 1px solid #e6ebf3; background: #fff; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-row > span { align-self: center; min-width: 0; padding-right: 5px; font-size: 10px; line-height: 1.25; overflow-wrap: anywhere; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-row label { min-height: 44px; align-items: center; border-left: 1px solid #edf1f6; } #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-row input { width: 20px; height: 20px; } #tab-rate-card .rate-card-mobile-settings-active .rate-card-admin-section-settings > .action-row { display: block; margin: 10px 0 0; padding: 9px; border: 1px solid #dce5f2; border-radius: 13px; background: #fff; box-shadow: 0 4px 13px rgba(28,53,99,.05); } #tab-rate-card .rate-card-mobile-settings-active #saveRateCardDefaultTermsBtn { width: 100%; min-height: 50px; border: 0; border-radius: 11px; color: #fff; background: linear-gradient(135deg,#0c68ed,#0756d9); box-shadow: 0 7px 17px rgba(7,86,217,.2); font-size: 12px; font-weight: 850; } #tab-rate-card .rate-card-mobile-settings-active #saveRateCardDefaultTermsBtn::before { content: "\F525"; font-family: "bootstrap-icons"; margin-right: 7px; font-size: 15px; } } @media (max-width: 350px) { #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-head, #tab-rate-card .rate-card-mobile-settings-active .rate-list-capture-row { grid-template-columns: minmax(0,1fr) 52px 58px; } } @media (max-width: 360px) { #tab-rate-card .rate-home-heading-row { grid-template-columns: minmax(0,1fr); padding-bottom: 14px; } #tab-rate-card .rate-home-primary-btn { width: 100%; justify-content: center; } #tab-rate-card .rate-home-stat-grid { grid-template-columns: minmax(0,1fr); } #tab-rate-card .rate-home-stat-card { min-height: 92px; } #tab-rate-card .rate-home-action-list { grid-template-columns: minmax(0,1fr); } #tab-rate-card .rate-home-action-row:last-child { grid-column: 1; } } .rate-card-mobile-wizard, .rate-card-mobile-step-navigation, .rate-card-mobile-edit-actions, .rate-card-mobile-share-wizard, .rate-card-mobile-share-navigation, .rate-card-mobile-share-edit-actions { display: none; } .rate-card-mobile-workspace-subtitle { display: none; } @media (max-width: 680px) { #tab-rate-card .rate-card-workspace-shell.rate-card-builder-active { width: 100%; max-width: 100%; padding: 0 12px calc(92px + env(safe-area-inset-bottom)); overflow-x: clip; background: #f3f8fd; } #tab-rate-card .rate-card-builder-active > .rate-card-workspace-heading { position: sticky; top: 0; z-index: 44; display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 58px; margin: 0 -12px; padding: 7px 11px; border: 0; border-bottom: 1px solid #dce8f5; border-radius: 0; background: rgba(255,255,255,.98); } #tab-rate-card .rate-card-builder-active > .rate-card-workspace-heading .eyebrow { display: none; } #tab-rate-card .rate-card-builder-active > .rate-card-workspace-heading h3 { color: #0756c9; font-size: 17px; } #tab-rate-card .rate-card-builder-active > .rate-card-workspace-heading .status-pill { display: none; } #tab-rate-card .rate-card-builder-active #rateCardBackToHomeBtn { width: 42px; min-width: 42px; height: 42px; overflow: hidden; padding: 0; border: 0; border-radius: 50%; color: #0756c9; background: #edf5ff; font-size: 0; } #tab-rate-card .rate-card-builder-active #rateCardBackToHomeBtn i { margin: 0; font-size: 18px; } #tab-rate-card .rate-card-builder-active > .rate-card-admin-nav { display: none; } #tab-rate-card .rate-card-builder-active .rate-card-admin-layout { display: block; width: 100%; min-width: 0; padding: 0; } #tab-rate-card .rate-card-builder-active .rate-card-mobile-wizard { display: block; margin: 0 -12px 10px; } #tab-rate-card .rate-card-mobile-wizard > header { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 58px; min-height: 118px; align-items: center; gap: 12px; overflow: hidden; padding: 17px 18px; color: #fff; background: linear-gradient(135deg,#0875ed,#0099ed); } #tab-rate-card .rate-card-mobile-wizard > header::after { position: absolute; right: -32px; top: -58px; width: 165px; height: 165px; border-radius: 50%; background: rgba(255,255,255,.11); content: ""; } #tab-rate-card .rate-card-mobile-wizard > header div, #tab-rate-card .rate-card-mobile-wizard > header > i { position: relative; z-index: 1; } #tab-rate-card .rate-card-mobile-wizard > header span { font-size: 9px; font-weight: 850; letter-spacing: .08em; opacity: .85; } #tab-rate-card .rate-card-mobile-wizard > header h1 { margin: 4px 0; font-size: 22px; } #tab-rate-card .rate-card-mobile-wizard > header p { margin: 0; font-size: 11px; line-height: 1.4; opacity: .93; } #tab-rate-card .rate-card-mobile-wizard > header > i { display: grid; width: 56px; height: 70px; border-radius: 10px; color: #0875ed; background: #fff; box-shadow: 0 8px 18px rgba(2,63,139,.2); place-items: center; font-size: 28px; transform: rotate(-4deg); } #tab-rate-card .rate-card-mobile-wizard nav { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: -1px 6px 0; padding: 10px 5px 12px; border: 1px solid #dbe6f4; border-radius: 0 0 14px 14px; background: #fff; box-shadow: 0 5px 15px rgba(25,54,104,.06); } #tab-rate-card .rate-card-mobile-wizard nav::before { position: absolute; top: 25px; right: 17%; left: 17%; height: 2px; background: #dbe4f0; content: ""; } #tab-rate-card .rate-card-mobile-wizard nav button { position: relative; z-index: 1; display: grid; justify-items: center; gap: 3px; min-width: 0; padding: 0 2px; border: 0; color: #66738e; background: transparent; font: inherit; text-align: center; } #tab-rate-card .rate-card-mobile-wizard nav i { display: grid; width: 31px; height: 31px; border: 1px solid #cfdaea; border-radius: 50%; color: #53627e; background: #f7f9fc; place-items: center; font-size: 11px; font-style: normal; font-weight: 850; } #tab-rate-card .rate-card-mobile-wizard nav strong { font-size: 10px; line-height: 1.2; } #tab-rate-card .rate-card-mobile-wizard nav small { font-size: 8px; line-height: 1.25; } #tab-rate-card .rate-card-mobile-wizard nav button.is-active { color: #075bd7; } #tab-rate-card .rate-card-mobile-wizard nav button.is-active i { border-color: #0a68e8; color: #fff; background: #0a68e8; } #tab-rate-card .rate-card-mobile-wizard nav button.is-complete i { border-color: #16a66c; color: #fff; background: #16a66c; } #tab-rate-card .rate-card-builder-active .rate-builder-hero { display: block; margin: 0 0 10px; padding: 0; border: 0; background: transparent; box-shadow: none; } #tab-rate-card .rate-card-builder-active .rate-builder-intro { display: none; } #tab-rate-card .rate-card-builder-active .rate-builder-summary { width: 100%; padding: 10px; border: 1px solid #dce6f2; border-radius: 13px; background: #fff; box-shadow: 0 4px 13px rgba(28,53,99,.05); } #tab-rate-card .rate-card-builder-active .rate-builder-summary h3 { margin-bottom: 8px; font-size: 13px; } #tab-rate-card .rate-card-builder-active .rate-builder-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; } #tab-rate-card .rate-card-builder-active .rate-builder-summary-grid > div { min-width: 0; padding: 8px; } #tab-rate-card .rate-card-builder-active .rate-builder-summary-grid span { font-size: 9px; overflow-wrap: anywhere; } #tab-rate-card .rate-card-builder-active .rate-builder-summary-grid strong { font-size: 12px; overflow-wrap: anywhere; } #tab-rate-card .rate-card-builder-active.rate-card-mobile-step-2 .rate-builder-summary { display: none; } #tab-rate-card .rate-card-builder-active .rate-card-admin-section-config { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } #tab-rate-card .rate-card-builder-active .rate-builder-grid { display: block; } #tab-rate-card .rate-card-builder-active .rate-builder-block { width: 100%; min-width: 0; margin: 0 0 10px; padding: 12px; border: 1px solid #dce6f2; border-radius: 13px; background: #fff; box-shadow: 0 4px 13px rgba(28,53,99,.05); } #tab-rate-card .rate-card-builder-active .rate-builder-block-title { font-size: 13px; } #tab-rate-card .rate-card-builder-active .rate-builder-controls-grid, #tab-rate-card .rate-card-builder-active .rate-builder-internal-rate-grid { grid-template-columns: minmax(0,1fr); gap: 10px; } #tab-rate-card .rate-card-builder-active .rate-builder-controls-grid > *, #tab-rate-card .rate-card-builder-active .rate-builder-internal-rate-grid > * { grid-column: 1 !important; min-width: 0; } #tab-rate-card .rate-card-builder-active input, #tab-rate-card .rate-card-builder-active select, #tab-rate-card .rate-card-builder-active textarea { max-width: 100%; font-size: 16px; } #tab-rate-card .rate-card-builder-active .rate-builder-toggle-card { min-height: 46px; } #tab-rate-card .rate-card-builder-active .rate-card-category-tools { grid-template-columns: minmax(0,1fr) auto; } #tab-rate-card .rate-card-builder-active .rate-card-category-list { max-height: none; } #tab-rate-card .rate-card-builder-active .rate-builder-data-toolbar, #tab-rate-card .rate-card-builder-active .rate-builder-output-toolbar { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; } #tab-rate-card .rate-card-builder-active .rate-builder-toolbar button { width: 100%; min-height: 46px; justify-content: flex-start; } #tab-rate-card .rate-card-builder-active .rate-builder-block-controls, #tab-rate-card .rate-card-builder-active .rate-builder-block-categories, #tab-rate-card .rate-card-builder-active .rate-builder-data-block, #tab-rate-card .rate-card-builder-active .rate-builder-output-block, #tab-rate-card .rate-card-builder-active .rate-card-admin-section-preview, #tab-rate-card .rate-card-builder-active .rate-builder-bottom-bar { display: none; } #tab-rate-card .rate-card-builder-active.rate-card-mobile-step-1 .rate-builder-block-controls { display: block; } #tab-rate-card .rate-card-builder-active.rate-card-mobile-step-2 .rate-builder-block-categories, #tab-rate-card .rate-card-builder-active.rate-card-mobile-step-2 .rate-builder-data-block { display: block; } #tab-rate-card .rate-card-builder-active.rate-card-mobile-step-3 .rate-builder-output-block { display: block; } #tab-rate-card .rate-card-builder-active.rate-card-mobile-step-3 .rate-card-admin-section-preview { display: block; margin: 0 0 10px; padding: 12px; border-radius: 13px; } #tab-rate-card .rate-card-builder-active.rate-card-mobile-step-3 .rate-builder-bottom-bar { position: fixed; z-index: 60; right: 0; bottom: calc(62px + env(safe-area-inset-bottom)); left: 0; display: grid; padding: 9px 12px; border-top: 1px solid #dce5ef; background: rgba(255,255,255,.98); box-shadow: 0 -8px 20px rgba(22,45,88,.09); } #tab-rate-card .rate-card-builder-active .rate-builder-bottom-summary { display: none; } #tab-rate-card .rate-card-builder-active .rate-builder-bottom-actions { display: grid; grid-template-columns: .75fr 1.6fr; gap: 8px; } #tab-rate-card .rate-card-builder-active .rate-builder-bottom-actions button { min-width: 0; min-height: 50px; } #tab-rate-card .rate-card-builder-active .rate-builder-generate-btn span small { display: block; } #tab-rate-card .rate-card-builder-active .rate-preview-toolbar { grid-template-columns: minmax(0,1fr); gap: 7px; } #tab-rate-card .rate-card-builder-active .rate-preview-table-wrap { overflow-x: auto; } #tab-rate-card .rate-card-builder-active .rate-card-table { min-width: 620px; } #tab-rate-card .rate-card-builder-active .rate-card-mobile-step-navigation { position: fixed; z-index: 60; right: 0; bottom: calc(62px + env(safe-area-inset-bottom)); left: 0; display: grid; grid-template-columns: .8fr 1.4fr; gap: 8px; padding: 9px 12px; border-top: 1px solid #dce5ef; background: rgba(255,255,255,.98); box-shadow: 0 -8px 20px rgba(22,45,88,.09); } #tab-rate-card .rate-card-builder-active.rate-card-mobile-step-3 .rate-card-mobile-step-navigation { display: none; } #tab-rate-card .rate-card-mobile-step-navigation button, #tab-rate-card .rate-card-mobile-edit-actions button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #ccd8e8; border-radius: 11px; color: #34445f; background: #fff; font: inherit; font-weight: 800; } #tab-rate-card .rate-card-mobile-step-navigation button.is-primary { border-color: #0868e9; color: #fff; background: #0868e9; } #tab-rate-card .rate-card-builder-active .rate-card-mobile-edit-actions { display: none; } #tab-rate-card .rate-card-builder-active.rate-card-mobile-step-3 .rate-card-mobile-edit-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 78px; } } @media (max-width: 680px) { #tab-rate-card .rate-card-workspace-shell.rate-card-mobile-link-list-active { width: 100%; max-width: 100%; padding: 0 12px calc(82px + env(safe-area-inset-bottom)); overflow-x: clip; background: #f5f9fe; } #tab-rate-card .rate-card-mobile-link-list-active > .rate-card-workspace-heading { position: sticky; top: 0; z-index: 44; display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 116px; margin: 0 -12px 12px; padding: 17px 12px 17px 16px; border: 0; border-radius: 0 0 18px 18px; color: #fff; background: linear-gradient(135deg,#0875ed,#139df0); box-shadow: 0 7px 20px rgba(22,112,218,.2); } #tab-rate-card .rate-card-mobile-link-list-active > .rate-card-workspace-heading::after { position: absolute; right: 20px; top: 14px; width: 62px; height: 62px; border-radius: 50%; background: rgba(255,255,255,.15); content: "\F470"; font-family: "bootstrap-icons"; font-size: 29px; line-height: 62px; text-align: center; pointer-events: none; } #tab-rate-card .rate-card-mobile-link-list-active > .rate-card-workspace-heading > div:first-child { min-width: 0; padding-right: 64px; } #tab-rate-card .rate-card-mobile-link-list-active > .rate-card-workspace-heading .eyebrow { margin: 0 0 3px; color: rgba(255,255,255,.85); font-size: 9px; letter-spacing: .1em; } #tab-rate-card .rate-card-mobile-link-list-active > .rate-card-workspace-heading h3 { color: #fff; font-size: 21px; } #tab-rate-card .rate-card-mobile-link-list-active .rate-card-mobile-workspace-subtitle { display: block; max-width: 320px; margin: 5px 0 0; color: rgba(255,255,255,.92); font-size: 10px; line-height: 1.4; } #tab-rate-card .rate-card-mobile-link-list-active > .rate-card-workspace-heading .status-pill { display: none; } #tab-rate-card .rate-card-mobile-link-list-active #rateCardBackToHomeBtn { position: absolute; right: 10px; bottom: 8px; left: 10px; display: inline-flex; width: auto; min-height: 38px; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 10px; color: #075bd7; background: rgba(255,255,255,.94); font-size: 11px; } #tab-rate-card .rate-card-mobile-link-list-active > .rate-card-admin-nav { display: none; } #tab-rate-card .rate-card-mobile-link-list-active .rate-card-admin-layout { display: block; padding: 0; } #tab-rate-card .rate-card-mobile-link-list-active .rate-card-admin-section-share { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-workflow-shell, #tab-rate-card .rate-card-mobile-link-list-active .share-link-library { margin: 0; } #tab-rate-card .rate-card-mobile-link-list-active #rateListShareLinkHint { margin: 0 0 9px; padding: 9px 10px; border-radius: 10px; font-size: 10px; } #tab-rate-card .rate-card-mobile-link-list-active #rateListShareLinkEditHint:not([hidden]) { margin: 0 0 9px; padding: 9px 10px; border-radius: 10px; } #tab-rate-card .rate-card-mobile-link-list-active #rateListShareLinkListPanel > .data-table { overflow: visible; border: 0; background: transparent; box-shadow: none; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table, #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody { display: block; width: 100%; min-width: 0; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table thead { display: none; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody tr { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; width: 100%; margin: 0 0 10px; padding: 11px 10px 9px; overflow: visible; border: 1px solid #d9e5f3; border-radius: 14px; background: #fff; box-shadow: 0 4px 14px rgba(25,53,101,.06); } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td { display: block; min-width: 0; padding: 9px 7px; border: 0; border-top: 1px solid #e7edf5; white-space: normal; overflow-wrap: anywhere; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-label-cell { grid-column: 1 / -1; min-height: 58px; padding: 2px 96px 9px 43px; border-top: 0; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-label-cell::before { position: absolute; left: 9px; top: 10px; display: grid; width: 32px; height: 32px; border: 1px solid #d5e5fa; border-radius: 50%; color: #0868e9; background: #edf5ff; content: "\F470"; font-family: "bootstrap-icons"; place-items: center; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-label-link { display: block; overflow: hidden; color: #13275d; font-size: 14px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-label-cell .share-link-list-subline { overflow: hidden; margin-top: 4px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(2)::before, #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(3)::before, #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(4)::before, #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(5)::before, #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(7)::before, #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(8)::before { display: block; margin-bottom: 4px; color: #667695; font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(2)::before { content: "Type"; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(3)::before { content: "Categories"; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(4)::before { content: "Rate Mode"; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(5)::before { content: "Expiry"; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(7)::before { content: "Hits"; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(8)::before { content: "Updated"; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-type-cell strong, #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-rate-cell strong, #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-updated-cell strong, #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-category-head strong { font-size: 11px; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-subline, #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-updated-cell span { font-size: 9px; line-height: 1.35; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-icon { display: none; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-category-head { display: block; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-category-head .bi-chevron-down { display: none; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-expiry-cell .share-link-list-icon-text { gap: 5px; font-size: 10px; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody td:nth-child(6) { position: absolute; right: 43px; top: 9px; padding: 0; border: 0; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-status { padding: 5px 8px; border-radius: 999px; font-size: 9px; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-hits { font-size: 13px; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-action-cell { position: absolute; right: 7px; top: 7px; min-width: 34px; padding: 0; border: 0; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-actions-menu .action-menu-summary { min-width: 34px; min-height: 34px; border: 0; background: transparent; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-actions-menu[open] { z-index: 80; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-actions-menu .action-menu-list { right: 0; min-width: 184px; z-index: 90; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-footer { padding: 2px 2px 0; font-size: 10px; } #tab-rate-card .rate-card-mobile-link-list-active .share-link-list-pagination .small-btn { min-width: 38px; min-height: 38px; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody tr:has(.empty-state) { display: block; } #tab-rate-card .rate-card-mobile-link-list-active table.share-link-list-table tbody tr:has(.empty-state) td { padding: 20px; border: 0; } } @media (max-width: 680px) { #tab-rate-card .rate-card-admin-section-share:has(#rateListShareBuilderPanel:not([hidden])) { margin: 0 -12px; padding: 0 12px calc(88px + env(safe-area-inset-bottom)); border: 0; border-radius: 0; background: #f3f8fd; box-shadow: none; } #tab-rate-card #rateListShareBuilderPanel .share-link-workflow-head, #tab-rate-card #rateListShareBuilderPanel > .share-link-workflow-progress { display: none; } #tab-rate-card #rateListShareBuilderPanel .rate-card-mobile-share-wizard { display: block; margin: 0 -12px 10px; } #tab-rate-card .rate-card-mobile-share-wizard > header { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 56px; min-height: 112px; align-items: center; gap: 12px; overflow: hidden; padding: 16px 17px; color: #fff; background: linear-gradient(135deg,#0875ed,#0099ed); } #tab-rate-card .rate-card-mobile-share-wizard > header::after { position: absolute; right: -28px; top: -55px; width: 155px; height: 155px; border-radius: 50%; background: rgba(255,255,255,.12); content: ""; } #tab-rate-card .rate-card-mobile-share-wizard > header div, #tab-rate-card .rate-card-mobile-share-wizard > header > i { position: relative; z-index: 1; } #tab-rate-card .rate-card-mobile-share-wizard > header span { font-size: 9px; font-weight: 850; letter-spacing: .08em; opacity: .86; } #tab-rate-card .rate-card-mobile-share-wizard > header h1 { margin: 4px 0; font-size: 20px; } #tab-rate-card .rate-card-mobile-share-wizard > header p { margin: 0; font-size: 10px; line-height: 1.4; opacity: .93; } #tab-rate-card .rate-card-mobile-share-wizard > header > i { display: grid; width: 54px; height: 54px; border-radius: 50%; color: #fff; background: rgba(255,255,255,.2); place-items: center; font-size: 27px; } #tab-rate-card .rate-card-mobile-share-wizard nav { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: -1px 5px 0; padding: 10px 3px 12px; border: 1px solid #dbe6f4; border-radius: 0 0 14px 14px; background: #fff; box-shadow: 0 5px 15px rgba(25,54,104,.06); } #tab-rate-card .rate-card-mobile-share-wizard nav::before { position: absolute; top: 24px; right: 12%; left: 12%; height: 2px; background: #dbe4f0; content: ""; } #tab-rate-card .rate-card-mobile-share-wizard nav button { position: relative; z-index: 1; display: grid; min-width: 0; justify-items: center; gap: 3px; padding: 0 1px; border: 0; color: #66738e; background: transparent; font: inherit; text-align: center; } #tab-rate-card .rate-card-mobile-share-wizard nav i { display: grid; width: 29px; height: 29px; border: 1px solid #cfdaea; border-radius: 50%; color: #53627e; background: #f7f9fc; place-items: center; font-size: 10px; font-style: normal; font-weight: 850; } #tab-rate-card .rate-card-mobile-share-wizard nav strong { font-size: 8px; line-height: 1.15; overflow-wrap: anywhere; } #tab-rate-card .rate-card-mobile-share-wizard nav small { font-size: 7px; line-height: 1.2; } #tab-rate-card .rate-card-mobile-share-wizard nav button.is-active { color: #075bd7; } #tab-rate-card .rate-card-mobile-share-wizard nav button.is-active i { border-color: #0a68e8; color: #fff; background: #0a68e8; } #tab-rate-card .rate-card-mobile-share-wizard nav button.is-complete i { border-color: #16a66c; color: #fff; background: #16a66c; } #tab-rate-card #rateListShareBuilderPanel .share-link-summary-strip, #tab-rate-card #rateListShareBuilderPanel .share-link-card, #tab-rate-card #rateListShareBuilderPanel .share-link-side-column { display: none; } #tab-rate-card #rateListShareBuilderPanel .share-link-workflow-grid { display: block; } #tab-rate-card #rateListShareBuilderPanel .share-link-main-column { display: block; } #tab-rate-card #rateListShareBuilderPanel .share-link-card { width: 100%; margin: 0 0 9px; border: 1px solid #dce6f2; border-radius: 13px; background: #fff; box-shadow: 0 4px 13px rgba(28,53,99,.05); } #tab-rate-card #rateListShareBuilderPanel .share-link-card-head { min-height: 48px; padding: 9px 11px; pointer-events: none; } #tab-rate-card #rateListShareBuilderPanel .share-link-card-head::after { display: none; } #tab-rate-card #rateListShareBuilderPanel .share-link-card-title-wrap strong { font-size: 13px; } #tab-rate-card #rateListShareBuilderPanel .share-link-card-body { display: block; padding: 9px 10px 11px; } #tab-rate-card #rateListShareBuilderPanel .form-grid { grid-template-columns: minmax(0,1fr); gap: 10px; } #tab-rate-card #rateListShareBuilderPanel .form-grid > * { grid-column: 1 !important; min-width: 0; } #tab-rate-card #rateListShareBuilderPanel input, #tab-rate-card #rateListShareBuilderPanel select, #tab-rate-card #rateListShareBuilderPanel textarea { max-width: 100%; font-size: 16px; } #tab-rate-card #rateListShareBuilderPanel .payment-reminder-public-handle-row, #tab-rate-card #rateListShareBuilderPanel .generated-link-inline, #tab-rate-card #rateListShareBuilderPanel .discount-rule-entry-row { grid-template-columns: minmax(0,1fr); gap: 7px; } #tab-rate-card #rateListShareBuilderPanel .payment-reminder-public-handle-row button, #tab-rate-card #rateListShareBuilderPanel .generated-link-inline button, #tab-rate-card #rateListShareBuilderPanel .discount-rule-entry-row button { width: 100%; min-height: 44px; } #tab-rate-card #rateListShareBuilderPanel .rate-card-category-row { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; } #tab-rate-card #rateListShareBuilderPanel .rate-card-category-row .action-cluster { display: grid; grid-template-columns: 1fr 1fr; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-1 .share-link-card:has(#rateListShareSectionSetup), #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-1 .share-link-card:has(#rateListShareSectionIdentity) { display: block; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-1 .rate-card-mobile-share-display-field { display: none !important; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-2 .share-link-card:has(#rateListShareSectionSetup) { display: block; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-2 #rateListShareSectionSetup > .form-grid > * { display: none !important; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-2 #rateListShareSectionSetup > .form-grid > .rate-card-mobile-share-display-field { display: grid !important; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-2 #rateListShareSectionSetup > .form-grid > label.rate-card-mobile-share-display-field { display: grid !important; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-2 #rateListShareSectionSetup > .form-grid > label.rate-card-toggle.rate-card-mobile-share-display-field { display: flex !important; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-3 .share-link-card:has(#rateListShareSectionExperience), #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-3 .share-link-card:has(#rateListShareSectionRules), #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-3 .share-link-card:has(#rateListShareSectionDiscount) { display: block; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-4 .share-link-summary-strip { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 0 0 9px; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-4 .share-link-summary-strip article { min-width: 0; padding: 9px; border-radius: 10px; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-4 .share-link-summary-strip article:last-child { grid-column: 1 / -1; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-4 .share-link-card:has(#rateListShareSectionPublish) { display: block; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-4 .share-link-side-column { display: grid; gap: 8px; margin-top: 9px; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-4 .share-link-side-help { display: none; } #tab-rate-card #rateListShareBuilderPanel .share-link-side-card { padding: 11px; border-radius: 12px; } #tab-rate-card #rateListShareBuilderPanel .share-link-preview-canvas { min-height: 150px; } #tab-rate-card #rateListShareBuilderPanel .rate-card-mobile-share-navigation { position: fixed; z-index: 61; right: 0; bottom: calc(62px + env(safe-area-inset-bottom)); left: 0; display: grid; grid-template-columns: .8fr 1.45fr; gap: 8px; padding: 9px 12px; border-top: 1px solid #dce5ef; background: rgba(255,255,255,.98); box-shadow: 0 -8px 20px rgba(22,45,88,.09); } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-4 .rate-card-mobile-share-navigation { display: none; } #tab-rate-card .rate-card-mobile-share-navigation button, #tab-rate-card .rate-card-mobile-share-edit-actions button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #ccd8e8; border-radius: 11px; color: #34445f; background: #fff; font: inherit; font-weight: 800; } #tab-rate-card .rate-card-mobile-share-navigation button.is-primary { border-color: #0868e9; color: #fff; background: #0868e9; } #tab-rate-card #rateListShareBuilderPanel .rate-card-mobile-share-edit-actions { display: none; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-4 .rate-card-mobile-share-edit-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; margin-bottom: 10px; } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-4 .share-link-workflow-actions { position: fixed; z-index: 61; right: 0; bottom: calc(62px + env(safe-area-inset-bottom)); left: 0; display: grid; grid-template-columns: .7fr 1.4fr; gap: 8px; margin: 0; padding: 9px 12px; border-top: 1px solid #dce5ef; background: rgba(255,255,255,.98); box-shadow: 0 -8px 20px rgba(22,45,88,.09); } #tab-rate-card #rateListShareBuilderPanel.rate-card-mobile-share-step-4 .share-link-workflow-actions button { min-height: 50px; } }