/* LoansDB Cloud Build 1621 - extracted CSS */ .adminOnly{display:none;} body:not(.role-admin) .adminOnly{display:none !important;} .kpiPairWrap{margin-bottom:18px;} :root { --bg:#0f1217; --card:#161b22; --text:#e6edf3; --muted:#8b949e; --line:#30363d; --accent:#2f81f7; --danger:#ff6b6b; --ok:#00ae3f; } *{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} a{color:var(--accent)} .wrap{max-width:1180px;margin:0 auto;padding:18px} .topbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px} .brand{display:flex;gap:12px;align-items:center} .brand .logo svg{height:36px;width:auto;display:block} .brand h1{font-size:18px;margin:0;font-weight:800;letter-spacing:.2px} .pills{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .pill{border:1px solid var(--line);background:transparent;color:var(--muted);padding:6px 10px;border-radius:999px;font-size:12px} .pill strong{color:var(--text);font-weight:700} .button{border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 12px;border-radius:10px;cursor:pointer} .button.primary{background:var(--accent);border-color:transparent} .button.danger{border-color:rgba(255,107,107,.5);color:#ffdede} .button:disabled{opacity:.55;cursor:not-allowed} .card{background:var(--card);border:1px solid var(--line);border-radius:14px} .inner{padding:14px} .row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end} .rowTop{align-items:flex-start} .col{flex:1;min-width:240px} label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px} input,select{background-color:#1e1e1e !important;color:#fff !important;border:1px solid #fff !important;} select option{background-color:#1e1e1e !important;color:#fff !important;} /* fixes white dropdown */ .small{font-size:12px;color:var(--muted)} .tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .tab{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer} .tab.active{background:#0f141c;border-color:rgba(47,129,247,.55)} .tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px;margin-top:12px} table{width:100%;border-collapse:collapse;min-width:980px} th,td{padding:10px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top} th{font-size:12px;color:var(--muted);position:sticky;top:0;background:#0f141c;z-index:1} .kpiTotalRow td{font-weight:800;background:#11161d;border-top:2px solid var(--line);} tfoot .kpiTotalRow td{position:static !important;} .tablewrap{overflow:visible;} #kpiBreakdown_goodheld .tablewrap, #kpiBreakdown_today .tablewrap, #kpiBreakdown_wtd .tablewrap, #kpiBreakdown_promises .tablewrap, #kpiBreakdown_tomorrow .tablewrap, #kpiBreakdown_in2 .tablewrap, #kpiBreakdown_pickupcleanup .tablewrap, #kpiSection_firstweekfallout .fwfBreakdownWrap{max-height:none !important;overflow:visible !important;} #kpiBreakdown_goodheld table, #kpiBreakdown_today table, #kpiBreakdown_wtd table, #kpiBreakdown_promises table, #kpiBreakdown_tomorrow table, #kpiBreakdown_in2 table, #kpiBreakdown_pickupcleanup table, #kpiSection_firstweekfallout table{min-width:0 !important;width:100% !important;table-layout:fixed;} #kpiBreakdown_goodheld th,#kpiBreakdown_goodheld td, #kpiBreakdown_today th,#kpiBreakdown_today td, #kpiBreakdown_wtd th,#kpiBreakdown_wtd td, #kpiBreakdown_promises th,#kpiBreakdown_promises td, #kpiBreakdown_tomorrow th,#kpiBreakdown_tomorrow td, #kpiBreakdown_in2 th,#kpiBreakdown_in2 td, #kpiBreakdown_pickupcleanup th,#kpiBreakdown_pickupcleanup td, #kpiSection_firstweekfallout th,#kpiSection_firstweekfallout td{white-space:normal;word-break:break-word;overflow-wrap:anywhere;} #kpiBreakdown_goodheld th.right,#kpiBreakdown_goodheld td.right, #kpiBreakdown_today th.right,#kpiBreakdown_today td.right, #kpiBreakdown_wtd th.right,#kpiBreakdown_wtd td.right, #kpiBreakdown_promises th.right,#kpiBreakdown_promises td.right, #kpiBreakdown_tomorrow th.right,#kpiBreakdown_tomorrow td.right, #kpiBreakdown_in2 th.right,#kpiBreakdown_in2 td.right, #kpiBreakdown_pickupcleanup th.right,#kpiBreakdown_pickupcleanup td.right, #kpiSection_firstweekfallout th.right,#kpiSection_firstweekfallout td.right{white-space:nowrap;overflow-wrap:normal;} .badge{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--muted)} .toast{position:fixed;left:16px;bottom:16px;max-width:520px;background:rgba(15,18,23,.98); border:1px solid var(--line);border-left:4px solid var(--accent);padding:12px 12px;border-radius:12px;display:none;z-index:9999} .toast.error{border-left-color:var(--danger)} .toast.ok{border-left-color:var(--ok)} .toast .title{font-weight:800;margin:0 0 4px 0} hr{border:0;border-top:1px solid var(--line);margin:12px 0} .inline-input{width:100%;min-width:120px} td .inline-select, td .inline-input{padding:8px 10px;border-radius:10px;border:1px solid #ffffff;background:#0f141c;color:var(--text)} .right{margin-left:auto} /* Cleaner filter layout */ .filterWrap{display:flex;flex-direction:column;gap:10px} .filterRow{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end} .checkSection{border:1px solid var(--line);border-radius:12px;padding:10px;background:#0f141c} .checkTitle{font-size:11px;color:var(--muted);margin:0 0 8px 0;text-transform:uppercase;letter-spacing:.6px} .checkGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 12px;align-items:center} .chk{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--text)} .chk input{transform:translateY(1px)} .filterMeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .mini{font-size:11px;color:var(--muted)} /* v59 layout: keep table full width by moving filters below date/search */ .filtersBelow{margin-top:10px} .filtersBelowHead{font-size:12px;color:var(--muted);margin:0 0 6px 0} .filtersBelowGrid{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch} .filtersBelowGrid .checkSection{flex:1;min-width:260px} /* KPI helpers */ .cardTitle{font-weight:700;margin-bottom:8px;} .kpiLine{display:flex;justify-content:space-between;gap:10px;padding:3px 0;} .kpiVal{font-weight:700;} .btn{border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 12px;border-radius:10px;cursor:pointer} .btn:hover{border-color:rgba(47,129,247,.55)} /* v125: KPI layout cleanup */ .kpiGrid{ display:grid; grid-template-columns:repeat(3, minmax(220px, 1fr)); gap:12px; align-items:stretch; } @media (max-width: 1100px){ .kpiGrid{ grid-template-columns:repeat(2, minmax(220px, 1fr)); } } @media (max-width: 720px){ .kpiGrid{ grid-template-columns:repeat(1, minmax(220px, 1fr)); } } .kpiGrid .card{ margin:0 !important; width:auto !important; min-width:0 !important; } .kpiGrid .card h3{ font-size:16px; line-height:1.2; } .kpiGrid .kpiLine{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; } /* v126: WTD cards match Today layout */ #kpiSection_wtd .card{ min-height: 120px; } #kpiSection_wtd .kpiLine{ margin-top: 10px; } /* v127: stretch WTD KPI cards full width */ #kpiSection_wtd .row{ display:flex; gap:12px; align-items:stretch; flex-wrap:nowrap; } #kpiSection_wtd .row .card{ flex:1 1 0; width:auto !important; min-width:0 !important; } @media (max-width: 900px){ #kpiSection_wtd .row{ flex-wrap:wrap; } #kpiSection_wtd .row .card{ flex:1 1 280px; } } /* v128: Today performance layout like WTD (full-width 3 cards) */ #kpiSection_today .row{ display:flex; gap:12px; align-items:stretch; flex-wrap:nowrap; } #kpiSection_today .row .card{ flex:1 1 0; width:auto !important; min-width:0 !important; } @media (max-width: 900px){ #kpiSection_today .row{ flex-wrap:wrap; } #kpiSection_today .row .card{ flex:1 1 280px; } } /* v146: move WTD breakdown below WTD cards */ #kpiSection_wtd .tablewrap{ max-height: none; overflow: visible; border-radius: 12px; } /* v156: robust tab visibility */ .tabContent{display:none;} .tabContent.active{display:block;} /* KPI visibility handled by tab system */ #kpisTab{display:inline-block !important;} /* v312: KPI Preset editor table should fit sidebar (override global table min-width) */ #kpiPresetAdminCard .tablewrap{max-height:320px; overflow:auto; border-radius:12px;} #kpiPresetAdminCard table{min-width:0 !important; width:100% !important;} #kpiPresetAdminCard th, #kpiPresetAdminCard td{padding:8px 8px; font-size:12px;} #kpiPresetAdminCard th{position:sticky; top:0; background:#0f141c; z-index:2;} #kpiPresetAdminCard td input.inline-input{min-width:0 !important; width:100% !important;} #kpiPresetAdminCard td{white-space:normal;} #kpiPresetAdminCard .btn{padding:8px 10px;} /* v312: Settings tab layout cleanup (use full width, remove "blank black" right area) */ #tab_settings .settingsGrid{display:grid; grid-template-columns: 360px 1fr; gap:14px; align-items:start; width:100%;} @media (max-width: 1100px){ #tab_settings .settingsGrid{grid-template-columns:1fr;} } #tab_settings .settingsCol{min-width:0;} #tab_settings .settingsColRight{min-width:0;} #tab_settings .card{width:100%;} #tab_settings #kpiPresetAdminCard{width:100%;} #tab_settings #kpiPresetAdminCard .tablewrap{max-height:420px;} /* v312: ensure existing presets table is visible and not collapsed */ #kpiPresetAdminCard .tablewrap{min-height:220px; background:rgba(0,0,0,0.15); border:1px solid rgba(255,255,255,0.08);} #kpiPresetAdminCard table{border-collapse:separate; border-spacing:0 10px;} #kpiPresetAdminCard tbody tr td{vertical-align:middle;} /* v312: make KPI presets table impossible to miss + force full-width card */ #tab_settings #kpiPresetAdminCard{width:100% !important; max-width:1100px; margin-left:0; margin-right:auto;} #tab_settings #kpiPresetAdminCard .settingsGrid{grid-template-columns: 440px 1fr;} #tab_settings #kpiPresetAdminCard .settingsColRight{padding-left:14px; border-left:1px solid rgba(255,255,255,0.08);} #tab_settings #kpiPresetAdminCard .tablewrap{background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.10); padding:10px;} #tab_settings #kpiPresetAdminCard table{width:100% !important;} #tab_settings #kpiPresetAdminCard tbody tr{background:rgba(0,0,0,0.22);} #tab_settings #kpiPresetAdminCard tbody tr td{padding:10px 8px;} #tab_settings #kpiPresetAdminCard tbody tr td:last-child{white-space:nowrap;} /* v312: KPI presets editor - avoid narrow right column by stacking table under form */ #kpiPresetAdminCard .settingsGrid{grid-template-columns: 1fr !important;} #kpiPresetAdminCard .settingsColRight{padding-left:0 !important; border-left:none !important; margin-top:12px;} #kpiPresetAdminCard .tablewrap{max-height:520px;} /* v312: Settings page cleanup - responsive grid, wider preset editor, less empty space */ #tab_settings .settingsWrap{ max-width:1100px; margin:0 auto; padding-bottom:24px; display:grid; grid-template-columns: 1fr; gap:16px; align-items:start; } @media (max-width: 1100px){ #tab_settings .settingsWrap{grid-template-columns:1fr;} } #tab_settings .settingsWrap > .card{width:100% !important; margin:0 !important;} /* Make KPI presets editor span full width so table is readable */ #tab_settings #kpiPresetAdminCard{grid-column:1 / -1; width:100% !important;} #tab_settings #kpiPresetAdminCard .tablewrap{max-height:520px; overflow:auto;} #tab_settings #kpiPresetAdminCard table{min-width:0 !important; width:100% !important;} #tab_settings #kpiPresetAdminCard th, #tab_settings #kpiPresetAdminCard td{font-size:12px; padding:10px 8px;} #tab_settings #kpiPresetAdminCard td input.inline-input{width:100% !important; min-width:0 !important;} /* Keep Config card compact */ #tab_settings #configCard .row{gap:10px;} /* Admin card to right column on desktop */ #tab_settings #storesAdminCard{grid-column:2;} @media (max-width: 1100px){ #tab_settings #storesAdminCard{grid-column:1;} } /* Status options card to left column */ #tab_settings #statusOptionsCard{grid-column:1;} @media (max-width: 1100px){ #tab_settings #statusOptionsCard{grid-column:1;} } /* v312: Settings layout - clean stacked full-width cards (no huge blank space) */ #tab_settings .settingsWrap{ max-width:1100px !important; margin:0 auto !important; padding:14px 14px 28px !important; display:block !important; } #tab_settings .settingsWrap > *{max-width:1100px !important;} #tab_settings .card{ width:100% !important; margin:0 0 16px 0 !important; } /* Configuration card: keep inputs side-by-side when possible */ #tab_settings #configCard .row{display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end;} #tab_settings #configCard .row .col{min-width:260px; flex:1;} /* KPI Presets card: readable editor + table */ #tab_settings #kpiPresetAdminCard{width:100% !important;} #tab_settings #kpiPresetAdminCard .settingsGrid{grid-template-columns:1fr !important;} #tab_settings #kpiPresetAdminCard .tablewrap{ max-height:520px; overflow:auto; border-radius:12px; } #tab_settings #kpiPresetAdminCard table{min-width:0 !important; width:100% !important;} #tab_settings #kpiPresetAdminCard th, #tab_settings #kpiPresetAdminCard td{font-size:12px; padding:10px 8px;} #tab_settings #kpiPresetAdminCard td input.inline-input{width:100% !important; min-width:0 !important;} /* Make any admin/store tables fit the page */ #tab_settings table{min-width:0 !important; width:100% !important;} /* v312: widen KPI presets card and remove gap before admin access */ #tab_settings #kpiPresetAdminCard{max-width:1100px !important; width:100% !important;} #tab_settings #kpiPresetAdminCard .inner{width:100% !important;} #tab_settings #kpiPresetAdminCard .row{flex-wrap:wrap;} #tab_settings #kpiPresetAdminCard input.input, #tab_settings #kpiPresetAdminCard select.input{width:100% !important;} #tab_settings #kpiPresetAdminCard .tablewrap{max-height:560px;} /* Make the existing presets table full-width and readable */ #tab_settings #kpiPresetAdminCard th:nth-child(1){width:44%;} #tab_settings #kpiPresetAdminCard th:nth-child(2){width:20%;} #tab_settings #kpiPresetAdminCard th:nth-child(3){width:20%;} #tab_settings #kpiPresetAdminCard th:nth-child(4){width:16%;} /* Pull Admin access card up (ensure normal flow, no centering offset) */ #tab_settings #adminAccessCard{width:100% !important; max-width:1100px !important; margin:16px 0 16px 0 !important; float:none !important; clear:both !important; position:relative !important; left:auto !important; right:auto !important; top:auto !important;} #tab_settings #adminAccessCard .row{align-items:flex-end;} /* v312: Admin access placement + remove any top offset */ #adminAccessCard{margin-top:0 !important; padding-top:0 !important;} /* v312: Settings - force full-width stacked cards so no horizontal "gap" columns */ #tab_settings .settingsWrap{ max-width:1100px !important; margin:0 auto !important; padding:14px 14px 28px !important; display:block !important; } #tab_settings .settingsWrap > .card, #tab_settings .settingsWrap > div > .card{ width:100% !important; max-width:1100px !important; margin:0 0 16px 0 !important; } /* Ensure KPI presets and Admin access are full width and aligned left */ #kpiPresetAdminCard, #adminAccessCard{ width:100% !important; max-width:1100px !important; margin-left:0 !important; margin-right:0 !important; float:none !important; clear:both !important; position:relative !important; left:auto !important; right:auto !important; top:auto !important; } /* Widen KPI presets inner elements */ #kpiPresetAdminCard .inner{width:100% !important;} #kpiPresetAdminCard input.input, #kpiPresetAdminCard select.input{width:100% !important;} #kpiPresetAdminCard .tablewrap{max-height:560px;} #kpiPresetAdminCard table{min-width:0 !important; width:100% !important;} /* v312: Put KPI presets + Admin access side-by-side aligned to top (removes big blank gap) */ #tab_settings .settingsRowTop{ display:grid; grid-template-columns: 1fr; gap:16px; align-items:start; width:100%; max-width:1100px; margin:12px auto 16px auto; } @media (max-width: 1100px){ #tab_settings .settingsRowTop{grid-template-columns:1fr;} } #tab_settings .settingsRowTop > .card{width:100% !important; margin:0 !important;} #tab_settings #adminAccessCard{margin-top:0 !important;} #tab_settings #kpiPresetAdminCard{max-width:none !important;} /* v312: place Admin access at top right next to KPI presets (no big gap) */ #tab_settings .settingsRowTop{ display:grid; grid-template-columns: 1.2fr 0.8fr; gap:16px; align-items:start; max-width:1100px; margin:0 0 16px 0; } @media (max-width: 1100px){ #tab_settings .settingsRowTop{grid-template-columns:1fr;} } #tab_settings .settingsRowTop > .card{width:100% !important; margin:0 !important;} #tab_settings #adminAccessCard{align-self:start; margin-top:0 !important;} /* v362 layout overrides (make KPI cards spread across the row consistently) */ .row{display:flex; gap:12px; flex-wrap:wrap; align-items:stretch;} .card{flex:1 1 320px; padding:14px;} #kpiSection_promises .row{width:100%;} #kpiSection_promises .card{min-height:140px;} /* v430: First Week Fallout - keep the two KPI cards side-by-side (no global layout changes) */ #kpiSection_firstweekfallout .row{display:flex; gap:12px; align-items:stretch; flex-wrap:nowrap;} #kpiSection_firstweekfallout .row .card{flex:1 1 0; width:auto !important; min-width:0 !important; padding:14px;} @media (max-width: 900px){ #kpiSection_firstweekfallout .row{flex-wrap:wrap;} #kpiSection_firstweekfallout .row .card{flex:1 1 280px;} } /* v431: First Week Fallout breakdown table full-width (no horizontal scroll) */ #kpiSection_firstweekfallout #kpiFwfBreakdownBody { font-size: 13px; } #kpiSection_firstweekfallout .fwfBreakdownWrap { overflow-x: visible !important; overflow: visible !important; max-height: none !important; } #kpiSection_firstweekfallout table.fwfBreakdownTable { width: 100% !important; table-layout: fixed; } #kpiSection_firstweekfallout table.fwfBreakdownTable th, #kpiSection_firstweekfallout table.fwfBreakdownTable td { padding: 6px 8px; white-space: normal; word-break: break-word; } #kpiSection_firstweekfallout table.fwfBreakdownTable th.right, #kpiSection_firstweekfallout table.fwfBreakdownTable td.right { white-space: nowrap; } #kpiSection_firstweekfallout table.fwfBreakdownTable th:nth-child(1), #kpiSection_firstweekfallout table.fwfBreakdownTable td:nth-child(1){ width: 26%; } #kpiSection_firstweekfallout table.fwfBreakdownTable th:nth-child(2), #kpiSection_firstweekfallout table.fwfBreakdownTable td:nth-child(2){ width: 14%; } #kpiSection_firstweekfallout table.fwfBreakdownTable th:nth-child(3), #kpiSection_firstweekfallout table.fwfBreakdownTable td:nth-child(3){ width: 20%; } #kpiSection_firstweekfallout table.fwfBreakdownTable th:nth-child(4), #kpiSection_firstweekfallout table.fwfBreakdownTable td:nth-child(4){ width: 20%; } #kpiSection_firstweekfallout table.fwfBreakdownTable th:nth-child(5), #kpiSection_firstweekfallout table.fwfBreakdownTable td:nth-child(5){ width: 20%; } /* v439: Align First Week Fallout ALL-stores label to left */ #kpiSection_firstweekfallout #kpiFwfBottomAllLabel { text-align:left; margin-left:0; padding-left:0; width:100%; } #kpiSection_firstweekfallout #kpiFwfBottomAllLabel .cardTitle { text-align:left; } /* v445: All KPI sections view should show ONLY ALL-stores breakdowns container */ body.allOnlyView #kpiAllStoreBreakdowns{ display:block !important; } body.allOnlyView #kpiAllStoreBreakdownsBody{ display:block !important; } body.allOnlyView #kpiAllStoreBreakdownsBody > *{ display:block !important; } #kpiAllStoreBreakdowns, #kpiAllStoreBreakdownsBody{display:none !important;} .sortable{cursor:pointer; user-select:none;} .sort-ind{opacity:.6; margin-left:6px; font-size:12px;} tr.active-edit-row td { background: #4a3913 !important; box-shadow: inset 0 1px 0 #f0b43c, inset 0 -1px 0 #f0b43c; } tr.active-edit-row td, tr.active-edit-row select, tr.active-edit-row input { color: #fff6dd !important; } tr.active-edit-row select, tr.active-edit-row input { border-color: #f0b43c !important; } /* ===== Date Picker Icon Fix v1075 ===== */ input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1) brightness(2) !important; cursor: pointer; opacity: 1 !important; } input[type="date"]::-webkit-calendar-picker-indicator:hover { filter: invert(1) brightness(2.5) !important; } /* ---- extracted style block ---- */ /* Force these KPI headers to match the others */ h3, .cardTitle, .kpiTitle { font-weight: 700 !important; } /* specifically target the three sections in case theme overrides exist */ #kpiTomorrowSection .cardTitle, #kpiIn2DaysSection .cardTitle, #kpiSection_firstweekfallout .cardTitle { font-weight: 700 !important; } /* ---- extracted style block ---- */ /* Force bold for the three specific KPI titles even if rendered as plain text nodes */ #kpiSection_customersTomorrow, #kpiSection_customersIn2, #kpiSection_firstweekfallout, #kpiSection_customersTomorrow *, #kpiSection_customersIn2 *, #kpiSection_firstweekfallout * { font-weight: 700 !important; } /* fallback: directly target the visible text strings if sections render dynamically */ div:has(> table) > div:contains("Customers Due Tomorrow"), div:has(> table) > div:contains("Customers Due in 2 Days"), div:has(> table) > div:contains("First Week Fallout Collected") { font-weight:700 !important; } /* ---- extracted style block ---- */ /* Force bold specifically for the generated Tomorrow / In 2 Days breakdown titles */ #kpiBreakdown_tomorrow .kpiBreakdownTitle, #kpiBreakdown_tomorrow .cardTitle, #kpiBreakdown_in2 .kpiBreakdownTitle, #kpiBreakdown_in2 .cardTitle, #kpiBreakdown_tomorrow, #kpiBreakdown_in2 { font-weight: 700 !important; } /* ---- extracted style block ---- */ #kpiBreakdownBody tr.v788HideDupTotal, #kpiDueTodayBreakdownBody tr.v788HideDupTotal{ display:none !important; } /* ---- extracted style block ---- */ #kpiBreakdownBody tr.v788HideDupTotal, #kpiDueTodayBreakdownBody tr.v788HideDupTotal{ display:none !important; } /* ---- extracted style block ---- */ /* Admin/DM only: the first 2 KPI tables are ending with two TOTAL rows. Hide the second-to-last row in those 2 bodies so only the final TOTAL remains. */ body.v788-admin-fix #kpiBreakdownBody tr:nth-last-child(2), body.v788-admin-fix #kpiDueTodayBreakdownBody tr:nth-last-child(2){ display:none !important; } /* ---- extracted style block ---- */ /* Keep only the final TOTAL row in the first 2 KPI bodies. Safe for store logins too because a single TOTAL row is also the last child. */ #kpiBreakdownBody tr.kpiTotalRow:not(:last-child), #kpiDueTodayBreakdownBody tr.kpiTotalRow:not(:last-child){ display:none !important; } /* ---- extracted style block ---- */ /* These first two KPI tables already render a TOTAL row in tbody. Hide the footer TOTAL row so only one TOTAL row remains. */ #kpiBreakdownFoot, #kpiDueTodayBreakdownFoot{ display:none !important; } /* ---- extracted style block ---- */ /* Restore compact 2-column status grid on Loans only */ #statusFilterGrid{ display:grid !important; grid-template-columns:repeat(2, minmax(150px, 1fr)) !important; gap:10px 18px !important; align-items:start !important; } #statusFilterGrid .chk{ display:flex !important; align-items:flex-start !important; gap:8px !important; white-space:normal !important; line-height:1.25 !important; } #apptQuickFilterGrid{ display:grid !important; grid-template-columns:repeat(2, minmax(150px, 1fr)) !important; gap:10px 18px !important; align-items:start !important; } #apptQuickFilterGrid .chk{ display:flex !important; align-items:flex-start !important; gap:8px !important; white-space:normal !important; line-height:1.25 !important; } @media (max-width: 700px){ #statusFilterGrid, #apptQuickFilterGrid{ grid-template-columns:repeat(1, minmax(150px, 1fr)) !important; } } /* Hide filter card on KPI and Settings */ body.v965-hide-filterCard #filterCard{ display:none !important; } /* Remove Appointments tab */ #apptsTab, #appointmentsTab, [data-tab="appointments"], [data-tab="appts"]{ display:none !important; } /* ---- extracted style block ---- */ #v1306CurrentPickupTable tfoot td { font-weight:800; background:#11161d; border-top:2px solid var(--line); } /* ---- extracted style block ---- */ body.v1306-loans #filterCard { display:block !important; } body.v1306-not-loans #filterCard { display:none !important; } /* ---- extracted style block ---- */ body.v1307-loans #filterCard, body.v1307-loans .filtersCard, body.v1307-loans #loanFiltersWrap, body.v1307-loans [data-section="loan-filters"] { display:block !important; visibility:visible !important; opacity:1 !important; } body.v1307-not-loans #filterCard, body.v1307-not-loans .filtersCard, body.v1307-not-loans #loanFiltersWrap, body.v1307-not-loans [data-section="loan-filters"] { display:none !important; visibility:hidden !important; opacity:0 !important; } /* ---- extracted style block ---- */ body.v1308-loans #filterCard { display:block !important; visibility:visible !important; opacity:1 !important; } body.v1308-not-loans #filterCard { display:none !important; visibility:hidden !important; opacity:0 !important; } /* ---- extracted style block ---- */ body.v1309-loans #filterCard { display:block !important; visibility:visible !important; opacity:1 !important; } body.v1309-not-loans #filterCard { display:none !important; visibility:hidden !important; opacity:0 !important; } #tab_kpis[style*="display: block"] ~ #filterCard, #tab_kpis[style*="display:block"] ~ #filterCard, #tab_settings[style*="display: block"] ~ #filterCard, #tab_settings[style*="display:block"] ~ #filterCard { display:none !important; } /* ---- extracted style block ---- */ .adminDeleteCell, .adminDeleteHead { text-align:center; } .adminDeleteBtn { border:1px solid #7f1d1d; background:#1f0f12; color:#fecaca; border-radius:8px; padding:6px 10px; cursor:pointer; font-weight:600; } .adminDeleteBtn:hover { background:#2b1116; } tr.appt .adminDeleteCell { display:none !important; } body:not(.role-admin) .adminDeleteHead, body:not(.role-admin) .adminDeleteCell { display:none !important; } /* ---- extracted style block ---- */ .container, .wrap, .page, #app { max-width: 2050px !important; width: 99% !important; } #buildBadge{ position: fixed !important; top: 14px !important; left: 50% !important; transform: translateX(-50%) !important; right: auto !important; z-index: 999999 !important; } #tab_loans .tablewrap{ overflow-x: hidden !important; overflow-y: visible !important; padding-right: 26px !important; box-sizing: border-box !important; max-width: 100% !important; } #tab_loans table{ width: calc(100% - 26px) !important; margin-right: 26px !important; table-layout: fixed !important; } #tab_loans th, #tab_loans td{ padding: 10px 8px !important; font-size: 13px !important; vertical-align: top !important; white-space: normal !important; word-break: break-word !important; } #tab_loans th:nth-child(1), #tab_loans td:nth-child(1) { width: 4% !important; } #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width: 10% !important; } #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width: 7% !important; } #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width: 9% !important; } #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width: 7% !important; } #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width: 7% !important; } #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width: 6% !important; } #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width: 5% !important; } #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width: 8% !important; } #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width: 10% !important; } #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width: 7% !important; } #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width: 8% !important; } #tab_loans th.build1332-delete-head, #tab_loans td.build1332-delete-cell{ width: 88px !important; min-width: 88px !important; max-width: 88px !important; text-align: center !important; white-space: nowrap !important; word-break: normal !important; } #tab_loans .build1332-delete-btn{ width: 70px !important; min-width: 70px !important; padding: 6px 0 !important; display: inline-block !important; white-space: nowrap !important; } #tab_loans input[type="date"], #tab_loans select{ width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } /* ---- extracted style block ---- */ .container, .wrap, .page, #app { max-width: 2150px !important; width: 99% !important; } #tab_loans .tablewrap{ overflow-x: hidden !important; overflow-y: visible !important; padding-right: 26px !important; box-sizing: border-box !important; max-width: 100% !important; } #tab_loans table{ width: calc(100% - 26px) !important; margin-right: 26px !important; table-layout: fixed !important; } #tab_loans th, #tab_loans td{ padding: 10px 8px !important; font-size: 13px !important; vertical-align: top !important; white-space: normal !important; word-break: break-word !important; } #tab_loans th:nth-child(1), #tab_loans td:nth-child(1) { width: 4% !important; } #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width: 10% !important; } #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width: 7% !important; } #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width: 9% !important; } #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width: 7% !important; } #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width: 7% !important; } #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width: 6% !important; } #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width: 4% !important; } #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width: 10% !important; } #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width: 11% !important; } #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width: 8% !important; } #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width: 8% !important; } #tab_loans th.build1332-delete-head, #tab_loans td.build1332-delete-cell{ width: 88px !important; min-width: 88px !important; max-width: 88px !important; text-align: center !important; white-space: nowrap !important; word-break: normal !important; } #tab_loans select{ width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; font-size: 13px !important; padding-left: 10px !important; padding-right: 28px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #tab_loans input[type="date"]{ width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; font-size: 13px !important; padding-left: 10px !important; padding-right: 28px !important; } #tab_loans .build1332-delete-btn{ width: 70px !important; min-width: 70px !important; padding: 6px 0 !important; display: inline-block !important; white-space: nowrap !important; } #buildBadge{ position: fixed !important; top: 14px !important; left: 50% !important; transform: translateX(-50%) !important; right: auto !important; z-index: 999999 !important; } /* ---- extracted style block ---- */ .container, .wrap, .page, #app { max-width: 2300px !important; width: 99% !important; } #tab_loans table{ table-layout: auto !important; } #tab_loans th, #tab_loans td{ white-space: nowrap !important; padding: 10px 10px !important; } #tab_loans th:nth-child(9), #tab_loans td:nth-child(9){ min-width:160px !important; } #tab_loans th:nth-child(10), #tab_loans td:nth-child(10){ min-width:160px !important; } #tab_loans th:nth-child(11), #tab_loans td:nth-child(11){ min-width:140px !important; } #tab_loans select, #tab_loans input[type="date"]{ min-width:140px !important; } #buildBadge{ position: fixed !important; top: 14px !important; left: 50% !important; transform: translateX(-50%) !important; } /* ---- extracted style block ---- */ /* Fit all loans columns on screen without horizontal scroll */ .container, .wrap, .page, #app { max-width: 2200px !important; width: 99% !important; } #buildBadge{ position: fixed !important; top: 14px !important; left: 50% !important; transform: translateX(-50%) !important; right: auto !important; z-index: 999999 !important; } #tab_loans .tablewrap{ overflow-x: hidden !important; overflow-y: visible !important; max-width: 100% !important; padding-right: 0 !important; box-sizing: border-box !important; } #tab_loans table{ width: 100% !important; table-layout: fixed !important; margin-right: 0 !important; } #tab_loans th, #tab_loans td{ padding: 8px 6px !important; font-size: 12px !important; vertical-align: top !important; white-space: normal !important; word-break: break-word !important; overflow-wrap: anywhere !important; } /* Balance widths to keep everything visible on one screen */ #tab_loans th:nth-child(1), #tab_loans td:nth-child(1) { width: 4% !important; } /* Store */ #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width: 11% !important; } /* Model */ #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width: 8% !important; } /* Loan ID */ #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width: 10% !important; } /* Customer */ #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width: 8% !important; } /* Phone */ #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width: 7% !important; } /* Due Date */ #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width: 6% !important; } /* Prin Bal */ #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width: 5% !important; } /* Days Late */ #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width: 11% !important; } /* Status */ #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width: 11% !important; } /* Appt */ #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width: 8% !important; } /* Time */ #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width: 8% !important; } /* Updated */ /* Delete column from existing delete patch */ #tab_loans th.build1332-delete-head, #tab_loans td.build1332-delete-cell{ width: 84px !important; min-width: 84px !important; max-width: 84px !important; text-align: center !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; } #tab_loans .build1332-delete-btn{ width: 68px !important; min-width: 68px !important; max-width: 68px !important; padding: 6px 0 !important; display: inline-block !important; white-space: nowrap !important; } /* Let dropdowns/date fields fit their cells without forcing scroll */ #tab_loans select, #tab_loans input[type="date"]{ width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; font-size: 12px !important; } /* ---- extracted style block ---- */ /* Keep all columns on page, but give Status and Time more room */ #tab_loans table{ width:100% !important; table-layout:fixed !important; } #tab_loans th, #tab_loans td{ padding:8px 6px !important; font-size:12px !important; vertical-align:top !important; } /* Wrap less important text columns to free space */ #tab_loans th:nth-child(2), #tab_loans td:nth-child(2), /* Model */ #tab_loans th:nth-child(3), #tab_loans td:nth-child(3), /* Loan ID */ #tab_loans th:nth-child(4), #tab_loans td:nth-child(4), /* Customer */ #tab_loans th:nth-child(5), #tab_loans td:nth-child(5), /* Phone */ #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) /* Updated */{ white-space:normal !important; word-break:break-word !important; overflow-wrap:anywhere !important; } /* Keep editable controls visible */ #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width:12% !important; } /* Status */ #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width:11% !important; } /* Appt */ #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width:9% !important; } /* Time */ /* Slightly tighten some other columns */ #tab_loans th:nth-child(1), #tab_loans td:nth-child(1) { width:4% !important; } /* Store */ #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width:10% !important; } /* Model */ #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width:8% !important; } /* Loan ID */ #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width:10% !important; } /* Customer */ #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width:8% !important; } /* Phone */ #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width:7% !important; } /* Due Date */ #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width:6% !important; } /* Prin Bal */ #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width:4% !important; } /* Days Late */ #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width:8% !important; } /* Updated */ /* Delete column */ #tab_loans th.build1332-delete-head, #tab_loans td.build1332-delete-cell{ width:82px !important; min-width:82px !important; max-width:82px !important; text-align:center !important; white-space:nowrap !important; } /* Controls */ #tab_loans select, #tab_loans input[type="date"]{ width:100% !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; font-size:12px !important; } /* Native selects may ellipsize; reduce inner padding to show more text */ #tab_loans select{ padding-left:8px !important; padding-right:24px !important; } #buildBadge{ position:fixed !important; top:14px !important; left:50% !important; transform:translateX(-50%) !important; right:auto !important; z-index:999999 !important; } /* ---- extracted style block ---- */ /* Keep everything on page, but give Time more room */ #tab_loans table{ width:100% !important; table-layout:fixed !important; } #tab_loans th, #tab_loans td{ padding:8px 6px !important; font-size:12px !important; vertical-align:top !important; } /* Rebalance widths */ #tab_loans th:nth-child(1), #tab_loans td:nth-child(1) { width:4% !important; } /* Store */ #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width:10% !important; } /* Model */ #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width:8% !important; } /* Loan ID */ #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width:10% !important; } /* Customer */ #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width:8% !important; } /* Phone */ #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width:7% !important; } /* Due Date */ #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width:6% !important; } /* Prin Bal */ #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width:4% !important; } /* Days Late */ #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width:11% !important; } /* Status */ #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width:11% !important; } /* Appt */ #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width:10% !important; } /* Time */ #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width:7% !important; } /* Updated */ /* Let lower-priority columns wrap harder to free space */ #tab_loans th:nth-child(2), #tab_loans td:nth-child(2), #tab_loans th:nth-child(3), #tab_loans td:nth-child(3), #tab_loans th:nth-child(4), #tab_loans td:nth-child(4), #tab_loans th:nth-child(5), #tab_loans td:nth-child(5), #tab_loans th:nth-child(12), #tab_loans td:nth-child(12){ white-space:normal !important; word-break:break-word !important; overflow-wrap:anywhere !important; } /* Controls */ #tab_loans select, #tab_loans input[type="date"]{ width:100% !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; font-size:12px !important; } /* Time dropdown specifically: smaller text and tighter padding so full time shows */ #tab_loans td:nth-child(11) select{ font-size:11px !important; padding-left:6px !important; padding-right:22px !important; letter-spacing:0 !important; white-space:nowrap !important; } /* Delete column from existing delete patch */ #tab_loans th.build1332-delete-head, #tab_loans td.build1332-delete-cell{ width:82px !important; min-width:82px !important; max-width:82px !important; text-align:center !important; white-space:nowrap !important; } #buildBadge{ position:fixed !important; top:14px !important; left:50% !important; transform:translateX(-50%) !important; right:auto !important; z-index:999999 !important; } /* ---- extracted style block ---- */ /* ===== v1372 FIT ALL COLUMNS / NO OVERLAP / NO CUTOFF ===== */ /* This targets only the Loans table so KPI tables are not affected. */ #tab_loans .tablewrap { overflow-x: hidden !important; width: 100% !important; max-width: 100% !important; } #tab_loans table { width: 100% !important; max-width: 100% !important; min-width: 0 !important; table-layout: fixed !important; border-collapse: collapse !important; } #tab_loans th, #tab_loans td { padding: 6px 5px !important; font-size: clamp(10px, 0.72vw, 12px) !important; line-height: 1.18 !important; vertical-align: middle !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; word-break: normal !important; overflow-wrap: anywhere !important; } /* Exact percentage widths total 100%. */ #tab_loans th:nth-child(1), #tab_loans td:nth-child(1) { width: 3.5% !important; } #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width: 10.5% !important; } #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width: 8.0% !important; } #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width: 9.5% !important; } #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width: 8.0% !important; } #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width: 6.6% !important; } #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width: 6.8% !important; } #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width: 5.4% !important; } #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width: 3.8% !important; text-align:center !important; } #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width: 13.0% !important; } #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width: 7.0% !important; } #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width: 6.0% !important; } #tab_loans th:nth-child(13), #tab_loans td:nth-child(13) { width: 7.0% !important; } #tab_loans th:nth-child(14), #tab_loans td:nth-child(14) { width: 4.9% !important; } /* Make form controls fit their cells without overlapping. */ #tab_loans td select, #tab_loans td input { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; font-size: clamp(10px, 0.72vw, 12px) !important; padding: 5px 6px !important; border-radius: 8px !important; } /* Date inputs need enough room for text + calendar icon. */ #tab_loans td:nth-child(11) input { padding-left: 4px !important; padding-right: 2px !important; } /* Delete button compact but readable. */ #tab_loans .adminDeleteBtn, #tab_loans button.adminDeleteBtn { width: 100% !important; min-width: 0 !important; padding: 6px 4px !important; font-size: clamp(10px, 0.7vw, 12px) !important; white-space: normal !important; border-radius: 8px !important; } /* Keep Days Late intentionally small. */ #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { font-size: clamp(10px, 0.7vw, 12px) !important; } /* Updated column can wrap date/time on two lines instead of getting cut off. */ #tab_loans th:nth-child(13), #tab_loans td:nth-child(13) { white-space: normal !important; line-height: 1.15 !important; } @media (max-width: 1200px) { #tab_loans th, #tab_loans td { padding: 5px 4px !important; font-size: 10.5px !important; } #tab_loans td select, #tab_loans td input { font-size: 10.5px !important; padding: 4px 4px !important; } } /* ---- extracted style block ---- */ /* ===== v1378 FINAL WIDTH TUNE ===== */ /* Reduce Days Late and give Appt date room to show full date. */ #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width: 2.8% !important; max-width: 2.8% !important; min-width: 36px !important; text-align: center !important; padding-left: 2px !important; padding-right: 2px !important; } /* Status slightly smaller to make room */ #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width: 11.5% !important; } /* Appt wider so mm/dd/yyyy does not cut off */ #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width: 8.6% !important; min-width: 115px !important; } /* Time slightly smaller */ #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width: 5.2% !important; } /* Updated slightly smaller but still wraps */ #tab_loans th:nth-child(13), #tab_loans td:nth-child(13) { width: 6.4% !important; } /* Make the Appt date input show the full date */ #tab_loans td:nth-child(11) input { font-size: 12px !important; padding: 5px 2px !important; letter-spacing: -0.3px !important; } /* Keep date picker icon visible but compact */ #tab_loans td:nth-child(11) input[type="date"]::-webkit-calendar-picker-indicator { margin-left: 0 !important; padding: 0 !important; width: 14px !important; height: 14px !important; } /* Delete stays compact */ #tab_loans th:nth-child(14), #tab_loans td:nth-child(14) { width: 4.5% !important; } /* ---- extracted style block ---- */ /* Build 1596: widen the actual Time column after Pickup Report fields were removed. Current Loans table columns: Store, Model, Loan ID, Customer, Phone, Due Date, Next Pay Date, Prin Bal, Days Late, Status, Appt, Time, Updated, Delete. */ #tab_loans table{ table-layout:fixed !important; width:100% !important; } /* Column 12 is Time on the Loans table */ #tab_loans th:nth-child(12), #tab_loans td:nth-child(12){ width:120px !important; min-width:120px !important; max-width:120px !important; white-space:nowrap !important; word-break:normal !important; overflow-wrap:normal !important; } #tab_loans td:nth-child(12) select, #tab_loans td:nth-child(12) .inline-select{ width:100% !important; min-width:110px !important; max-width:100% !important; box-sizing:border-box !important; font-size:12px !important; padding-left:8px !important; padding-right:26px !important; white-space:nowrap !important; } /* Keep Updated a little tighter so Time has room */ #tab_loans th:nth-child(13), #tab_loans td:nth-child(13){ width:90px !important; max-width:90px !important; white-space:normal !important; word-break:break-word !important; overflow-wrap:anywhere !important; } /* ---- extracted style block ---- */ td:nth-child(12), th:nth-child(12) { white-space: normal !important; line-height: 1.2; } /* ---- extracted style block ---- */ body:not(.role-admin) .adminOnlyExportAllData { display: none !important; visibility: hidden !important; } /* ---- extracted style block ---- */ /* Build 1596: fix Time column cutoff after Delete column was added. Loans table columns: 1 Store, 2 Model, 3 Loan ID, 4 Customer, 5 Phone, 6 Due Date, 7 Next Pay Date, 8 Prin Bal, 9 Days Late, 10 Status, 11 Appt, 12 Time, 13 Updated, 14 Delete. */ #tab_loans .tablewrap{ overflow-x:hidden !important; max-width:100% !important; } #tab_loans table{ width:100% !important; max-width:100% !important; min-width:0 !important; table-layout:fixed !important; } #tab_loans th, #tab_loans td{ padding-left:4px !important; padding-right:4px !important; box-sizing:border-box !important; } /* Rebalance the right side so Time can show full values like 10:00 AM / 11:30 AM. */ #tab_loans th:nth-child(1), #tab_loans td:nth-child(1) { width:3.2% !important; } #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width:8.4% !important; } #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width:7.6% !important; } #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width:8.8% !important; } #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width:7.6% !important; } #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width:6.4% !important; } #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width:6.4% !important; } #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width:5.0% !important; } #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width:3.2% !important; text-align:center !important; } #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width:13.4% !important; } #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width:8.3% !important; } #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width:8.4% !important; min-width:126px !important; max-width:none !important; white-space:nowrap !important; overflow:visible !important; } #tab_loans th:nth-child(13), #tab_loans td:nth-child(13) { width:6.8% !important; min-width:0 !important; max-width:none !important; white-space:normal !important; word-break:break-word !important; overflow-wrap:anywhere !important; line-height:1.15 !important; } #tab_loans th:nth-child(14), #tab_loans td:nth-child(14) { width:6.5% !important; min-width:0 !important; max-width:none !important; } /* The older wrap-updated patch hit column 12 by mistake. Keep Time on one line. */ #tab_loans th:nth-child(12), #tab_loans td:nth-child(12), #tab_loans td:nth-child(12) select, #tab_loans td:nth-child(12) .inline-select{ white-space:nowrap !important; word-break:normal !important; overflow-wrap:normal !important; } #tab_loans td:nth-child(12) select, #tab_loans td:nth-child(12) .inline-select{ width:100% !important; min-width:118px !important; max-width:100% !important; box-sizing:border-box !important; font-size:12px !important; padding-left:8px !important; padding-right:18px !important; letter-spacing:-0.1px !important; } /* Let Updated wrap; keep Delete compact enough to fit. */ #tab_loans .adminDeleteBtn, #tab_loans button.adminDeleteBtn{ width:100% !important; min-width:0 !important; padding:6px 3px !important; font-size:12px !important; white-space:nowrap !important; } /* ---- extracted style block ---- */ /* Build 1596: fix Loans table Time / Updated overlap. Columns: 11 Appt, 12 Time, 13 Updated, 14 Delete. */ #tab_loans .tablewrap{ overflow-x:hidden !important; max-width:100% !important; } #tab_loans table{ table-layout:fixed !important; width:100% !important; max-width:100% !important; min-width:0 !important; } #tab_loans th,#tab_loans td{ padding-left:4px !important; padding-right:4px !important; box-sizing:border-box !important; } #tab_loans th:nth-child(1), #tab_loans td:nth-child(1) { width:3.0% !important; } #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width:8.2% !important; } #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width:7.6% !important; } #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width:8.8% !important; } #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width:7.4% !important; } #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width:6.2% !important; } #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width:6.2% !important; } #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width:4.8% !important; } #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width:3.0% !important; text-align:center !important; } #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width:13.0% !important; } #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width:8.3% !important; } #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width:8.8% !important; white-space:nowrap !important; overflow:hidden !important; } #tab_loans th:nth-child(13), #tab_loans td:nth-child(13) { width:7.0% !important; white-space:normal !important; line-height:1.1 !important; font-size:12px !important; word-break:normal !important; overflow-wrap:normal !important; } #tab_loans th:nth-child(14), #tab_loans td:nth-child(14) { width:5.7% !important; } #tab_loans td:nth-child(12) input, #tab_loans td:nth-child(12) select, #tab_loans td:nth-child(12) .inline-input, #tab_loans td:nth-child(12) .inline-select{ width:100% !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; font-size:12px !important; padding-left:8px !important; padding-right:18px !important; } #tab_loans .adminDeleteBtn,#tab_loans .v1390DeleteBtn{ width:100% !important; min-width:0 !important; padding:5px 3px !important; font-size:10.5px !important; white-space:normal !important; } /* ---- extracted style block ---- */ /* v1415: Delete is built directly in rowTr; keep it small and stable */ body:not(.role-admin) #tab_loans .adminDeleteHead, body:not(.role-admin) #tab_loans .adminDeleteCell{ display:none !important; } body.role-admin #tab_loans .adminDeleteHead, body.role-admin #tab_loans .adminDeleteCell{ display:table-cell !important; visibility:visible !important; } #tab_loans .adminDeleteHead, #tab_loans .adminDeleteCell{ width:58px !important; min-width:58px !important; max-width:58px !important; text-align:center !important; padding-left:3px !important; padding-right:3px !important; vertical-align:middle !important; } #tab_loans .adminDeleteBtn{ min-width:44px !important; max-width:50px !important; height:24px !important; padding:2px 6px !important; font-size:10px !important; line-height:1 !important; border-radius:6px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; white-space:nowrap !important; background:#c81e1e !important; color:#fff !important; border:0 !important; font-weight:700 !important; cursor:pointer !important; } #tab_loans th:nth-child(14), #tab_loans td:nth-child(14){ width:58px !important; min-width:58px !important; max-width:58px !important; } /* ---- extracted style block ---- */ body:not(.role-admin) #tab_loans .adminDeleteHead, body:not(.role-admin) #tab_loans .adminDeleteCell{ display:none !important; } body.role-admin #tab_loans .adminDeleteHead, body.role-admin #tab_loans .adminDeleteCell{ display:table-cell !important; visibility:visible !important; } #tab_loans .adminDeleteHead, #tab_loans .adminDeleteCell{ width:58px !important; min-width:58px !important; max-width:58px !important; text-align:center !important; padding-left:3px !important; padding-right:3px !important; vertical-align:middle !important; } #tab_loans .adminDeleteBtn{ min-width:44px !important; max-width:50px !important; height:24px !important; padding:2px 6px !important; font-size:10px !important; line-height:1 !important; border-radius:6px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; white-space:nowrap !important; background:#c81e1e !important; color:#fff !important; border:0 !important; font-weight:700 !important; cursor:pointer !important; } /* ---- extracted style block ---- */ #fastStorePickerBtn{ position:relative !important; padding-right:22px !important; } #fastStorePickerBtn:after{ content:'▼'; position:absolute; right:6px; top:50%; transform:translateY(-50%); font-size:10px; pointer-events:none; color:#fff; } /* ---- extracted style block ---- */ /* Force small delete buttons everywhere */ button.delete-btn, .delete-btn, button[data-action="delete"], td:last-child button, button[class*="delete"]{ width:44px !important; min-width:44px !important; max-width:44px !important; height:24px !important; min-height:24px !important; max-height:24px !important; padding:0 4px !important; font-size:11px !important; line-height:11px !important; border-radius:6px !important; overflow:hidden !important; white-space:nowrap !important; } /* Keep delete column narrow */ th:last-child, td:last-child{ width:52px !important; min-width:52px !important; max-width:52px !important; } /* ---- extracted style block ---- */ /* v1431: First Week Fallout layout matches Current Pickup Week KPI table style */ #v1431FirstWeekFalloutWrap{ margin-top:16px; } #v1431FirstWeekFalloutTable{ width:100% !important; min-width:0 !important; table-layout:fixed !important; } #v1431FirstWeekFalloutTable th, #v1431FirstWeekFalloutTable td{ white-space:normal !important; word-break:break-word !important; overflow-wrap:anywhere !important; text-align:left; } #v1431FirstWeekFalloutTable tfoot td{ font-weight:800; background:#11161d; border-top:2px solid var(--line); } #v1431FirstWeekFalloutWrap .tablewrap{ overflow:visible !important; max-height:none !important; } /* ---- extracted style block ---- */ /* v1432: keep First Week Fallout last column readable */ #v1431FirstWeekFalloutTable{ table-layout:auto !important; } #v1431FirstWeekFalloutTable th, #v1431FirstWeekFalloutTable td{ white-space:nowrap !important; word-break:normal !important; overflow-wrap:normal !important; } #v1431FirstWeekFalloutTable th:last-child, #v1431FirstWeekFalloutTable td:last-child{ min-width:135px !important; width:135px !important; max-width:none !important; white-space:normal !important; word-break:normal !important; overflow-wrap:normal !important; } #v1431FirstWeekFalloutTable th:last-child{ line-height:1.15 !important; } /* ---- extracted style block ---- */ .s0 { fill: #000000 } .s1 { fill: #00ae3f } .s2 { fill: #ffe800 } .s3 { fill: #ffffff } .btn{border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 12px;border-radius:10px;cursor:pointer} .btn:hover{border-color:rgba(47,129,247,.55)} /* v362 layout overrides (make KPI cards spread across the row consistently) */ .row{display:flex; gap:12px; flex-wrap:wrap; align-items:stretch;} .card{flex:1 1 320px; padding:14px;} #kpiSection_promises .row{width:100%;} #kpiSection_promises .card{min-height:140px;} .sortable{cursor:pointer; user-select:none;} .sort-ind{opacity:.6; margin-left:6px; font-size:12px;} /* ---- extracted style block ---- */ /* v590 targeted KPI repairs */ #kpiBreakdown_wtd .tablewrap, #kpiBreakdown_promises .tablewrap, #kpiBreakdown_tomorrow .tablewrap, #kpiBreakdown_in2 .tablewrap, #kpiBreakdown_pickupcleanup .tablewrap, #kpiSection_firstweekfallout .fwfBreakdownWrap{ max-height:none !important; overflow:visible !important; } .kpiTotalRow td{font-weight:800 !important; background:rgba(255,255,255,0.05) !important; border-top:2px solid rgba(255,255,255,0.18) !important;} #kpiSection_firstweekfallout table, #kpiBreakdown_pickupcleanup table{min-width:0 !important;width:100% !important;table-layout:fixed;} #kpiSection_firstweekfallout th, #kpiSection_firstweekfallout td, #kpiBreakdown_pickupcleanup th, #kpiBreakdown_pickupcleanup td{white-space:normal;word-break:break-word;} #kpiSection_firstweekfallout th.right, #kpiSection_firstweekfallout td.right, #kpiBreakdown_pickupcleanup th.right, #kpiBreakdown_pickupcleanup td.right{white-space:nowrap;} /* ---- extracted style block ---- */ #kpiSection_firstweekfallout .fwfBreakdownWrap{overflow-x:auto !important; overflow-y:visible !important; max-width:100%;} #kpiSection_firstweekfallout .fwfBreakdownTable{width:100% !important; table-layout:fixed !important;} #kpiSection_firstweekfallout .fwfBreakdownTable th, #kpiSection_firstweekfallout .fwfBreakdownTable td{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #kpiSection_firstweekfallout .fwfBreakdownTable th:first-child, #kpiSection_firstweekfallout .fwfBreakdownTable td:first-child{width:13%;} #kpiSection_firstweekfallout .fwfBreakdownTable th:not(:first-child), #kpiSection_firstweekfallout .fwfBreakdownTable td:not(:first-child){width:14.5%;} /* ---- extracted style block ---- */ #kpiSectionFilter, label[for="kpiSectionFilter"] { display: none !important; } /* Hide summary cards/notes so only the breakdown tables remain */ #kpiSection_goodheld > .row, #kpiSection_goodheld > .small, #kpiSection_goodheld > .rowWrap, #kpiSection_goodheld #btnRefreshKpis, #kpiSection_today > .cardTitle, #kpiSection_today > .small, #kpiSection_today > .row, #kpiSection_wtd > .cardTitle, #kpiSection_wtd > .small, #kpiSection_wtd > .row, #kpiSection_promises > .cardTitle, #kpiSection_promises > .small, #kpiSection_promises > .row, #kpiSection_tomorrow > .kpiSectionTitle, #kpiSection_tomorrow > .small, #kpiSection_tomorrow > .row, #kpiSection_in2 > .kpiSectionTitle, #kpiSection_in2 > .small, #kpiSection_in2 > .row, #kpiSection_pickupcleanup > .cardTitle, #kpiSection_pickupcleanup > .small, #kpiSection_pickupcleanup > .row, #kpiSection_firstweekfallout > .cardTitle, #kpiSection_firstweekfallout > .small, #kpiSection_firstweekfallout > .row, #kpiFwfBottomAllLabel { display: none !important; } /* ---- extracted style block ---- */ /* Keep tables only for these sections */ #kpiSection_tomorrow > .kpiSectionTitle, #kpiSection_tomorrow > .small, #kpiSection_tomorrow > .kpiGrid, #kpiSection_in2 > .kpiSectionTitle, #kpiSection_in2 > .small, #kpiSection_in2 > .kpiGrid, #kpiSection_pickupcleanup > .cardTitle, #kpiSection_pickupcleanup > .small, #kpiSection_pickupcleanup > .row { display: none !important; } /* Hide extra notes above Good Held / Due Today tables */ #kpiBreakdown_goodheld > .small, #kpiBreakdown_today > .small, #kpiBreakdown_tomorrow > .small, #kpiBreakdown_in2 > .small, #kpiBreakdown_pickupcleanup > .small { display: none !important; } /* Ensure table wrappers stay visible */ #kpiBreakdown_tomorrow, #kpiBreakdown_in2, #kpiBreakdown_pickupcleanup { display: block !important; } /* ---- extracted style block ---- */ /* Hide the auto-appended extra TOTAL row on these two KPI tables */ #kpiBreakdownBody tr.kpiTotalRow, #kpiDueTodayBreakdownBody tr.kpiTotalRow { display: none !important; } /* ---- extracted style block ---- */ /* Make First Week Fallout Collected match the other KPI table sections */ #kpiSection_firstweekfallout > .cardTitle:first-of-type, #kpiSection_firstweekfallout > .small, #kpiSection_firstweekfallout > .row { display: none !important; } #kpiSection_firstweekfallout #kpiFwfSourceLabel { display: none !important; } #kpiSection_firstweekfallout #kpiFwfBottomAllLabel { display: block !important; margin-top: 0 !important; margin-bottom: 6px !important; } /* ---- extracted style block ---- */ /* Keep store login KPI layout in same order/format as admin tables-only layout */ body.v788-store-kpis #kpiSectionFilter, body.v788-store-kpis label[for="kpiSectionFilter"]{ display:none !important; } /* ---- extracted style block ---- */ /* Admin: restore KPI order and consistent TOTAL styling without affecting store login */ body.v788-admin-kpis #kpiBreakdownBody tr:last-child td, body.v788-admin-kpis #kpiDueTodayBreakdownBody tr:last-child td, body.v788-admin-kpis #kpiWtdBreakdownBody tr:last-child td, body.v788-admin-kpis #kpiPromisesBreakdownBody tr:last-child td, body.v788-admin-kpis #kpiTomorrowBreakdownBody tr:last-child td, body.v788-admin-kpis #kpiIn2BreakdownBody tr:last-child td, body.v788-admin-kpis #kpiPickupCleanupBreakdownBody tr:last-child td, body.v788-admin-kpis #kpiFwfBreakdownBody tr:last-child td{ font-weight: 800 !important; background: #232a33 !important; border-top: 2px solid var(--line) !important; } /* ---- extracted style block ---- */ /* Make sure the KPI date range card shows on the KPI page */ #tab_kpis #kpiRangeCard{ display:block !important; visibility:visible !important; opacity:1 !important; } #tab_kpis #kpiPresetSelect, #tab_kpis #kpiApplyPresetBtn, #tab_kpis #kpiClearPresetBtn, #tab_kpis #kpiRangeLabel{ display:block !important; visibility:visible !important; opacity:1 !important; } /* ---- extracted style block ---- */ /* Keep the last data row above TOTAL looking like a normal row */ #kpiBreakdownBody > tr:last-child, #kpiBreakdownBody > tr:last-child:hover, #kpiDueTodayBreakdownBody > tr:last-child, #kpiDueTodayBreakdownBody > tr:last-child:hover{ background: transparent !important; background-color: transparent !important; box-shadow: none !important; outline: none !important; } #kpiBreakdownBody > tr:last-child > td, #kpiBreakdownBody > tr:last-child:hover > td, #kpiDueTodayBreakdownBody > tr:last-child > td, #kpiDueTodayBreakdownBody > tr:last-child:hover > td{ background: transparent !important; background-color: transparent !important; color: inherit !important; font-weight: 400 !important; box-shadow: none !important; outline: none !important; } /* ---- extracted style block ---- */ /* Hide duplicate lower KPI date inputs under the top two picker groups */ #stableBKpiPickerWrap .stableBBlock > input[type="date"], #stableBKpiPickerWrap .stableBBlock > .input, #stableBKpiPickerWrap .stableBBlock > label.small, #stableBKpiPickerWrap .stableBBlock > div.small, #stableBKpiPickerWrap .stableBBlock > div:not(.stableBTitle):not(.stableBGrid):not(.stableBBtnWrap):not(.stableBField){ /* intentionally broad but scoped to the custom picker wrapper */ } #stableBKpiPickerWrap .stableBBlock .stableBGrid ~ *{ display:none !important; } /* ---- extracted style block ---- */ #kpiBreakdownFoot, #kpiDueTodayBreakdownFoot{ display: table-footer-group !important; } #kpiBreakdownFoot tr, #kpiDueTodayBreakdownFoot tr{ display: table-row !important; font-weight: 700 !important; } /* ---- extracted style block ---- */ #buildBadge{ position: fixed !important; top: 14px !important; left: 50% !important; transform: translateX(-50%) !important; right: auto !important; z-index: 999999 !important; background: rgba(15,20,28,.95) !important; border: 1px solid rgba(255,255,255,.16) !important; border-radius: 999px !important; padding: 7px 12px !important; font-weight: 700 !important; font-size: 12px !important; line-height: 1 !important; box-shadow: 0 6px 18px rgba(0,0,0,.22) !important; pointer-events: none !important; } .build1332-delete-head, .build1332-delete-cell{ text-align:center !important; width:84px !important; min-width:84px !important; max-width:84px !important; } .build1332-delete-btn{ border:1px solid #7f1d1d; background:#7f1d1d; color:#fff; border-radius:8px; padding:6px 10px; cursor:pointer; font-weight:700; width:70px; } .build1332-delete-btn:hover{ filter:brightness(1.08); } /* ---- extracted style block ---- */ .build1354-kpi-export-wrap{display:flex;justify-content:flex-end;margin:0 0 10px 0;} .build1354-kpi-export-btn{border:1px solid var(--line);background:#0f141c;color:var(--text);border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer;} /* ---- extracted style block ---- */ body:not(.role-admin) #importAdminWrap, body:not(.role-admin) #clearWrap, body:not(.role-admin) .adminOnly { display:none !important; } /* ---- extracted style block ---- */ /* Give Status more room so Broken Promise / Wrong Due Date show fully */ #tab_loans table{ width:100% !important; table-layout:fixed !important; } #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width:10% !important; } /* Model */ #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width:8% !important; } /* Loan ID */ #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width:10% !important; } /* Customer */ #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width:8% !important; } /* Phone */ #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width:7% !important; } /* Due Date */ #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width:6% !important; } /* Prin Bal */ #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width:4% !important; } /* Days Late */ #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width:14.5% !important; } /* Status wider */ #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width:9.5% !important; } /* Appt */ #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width:7.5% !important; } /* Time */ #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width:6.5% !important; } /* Updated */ #tab_loans td:nth-child(9) select{ width:100% !important; font-size:11px !important; padding-left:7px !important; padding-right:20px !important; white-space:nowrap !important; text-overflow:clip !important; } /* ---- extracted style block ---- */ /* Hide delete column/buttons unless the page is in admin mode */ body:not(.build1361-admin-mode) #tab_loans th:last-child, body:not(.build1361-admin-mode) #tab_loans td:last-child{ display:none !important; } /* ---- extracted style block ---- */ .build1364-delete-head,.build1364-delete-cell{ text-align:center !important; width:90px !important; min-width:90px !important; white-space:nowrap !important; } .build1364-delete-btn{ border:1px solid #7f1d1d !important; background:#991b1b !important; color:#fff !important; border-radius:8px !important; padding:6px 10px !important; cursor:pointer !important; font-weight:700 !important; } body:not(.role-admin) .build1364-delete-head,body:not(.role-admin) .build1364-delete-cell{ display:none !important; } /* ---- extracted style block ---- */ body.role-admin.build1366-delete-hidden .build1364-delete-head, body.role-admin.build1366-delete-hidden .build1364-delete-cell, body.role-admin.build1366-delete-hidden .build1332-delete-head, body.role-admin.build1366-delete-hidden .build1332-delete-cell, body.role-admin.build1366-delete-hidden .adminDeleteHead, body.role-admin.build1366-delete-hidden .adminDeleteCell{ display:none !important; } #build1366DeleteSettingCard{ margin:0 0 16px 0 !important; } #build1366DeleteSettingCard .build1366ToggleRow{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; justify-content:space-between; } #build1366DeleteSettingCard .build1366Status{ font-weight:800; } /* ---- extracted style block ---- */ /* Final column map after removing Pickup Match: 1 Store, 2 Model, 3 Loan ID, 4 Customer, 5 Phone, 6 Due Date, 7 Next Pay Date, 8 Prin Bal, 9 Days Late, 10 Status, 11 Appt, 12 Time, 13 Updated, 14 Delete. */ #tab_loans .tablewrap{ overflow-x:hidden !important; max-width:100% !important; } #tab_loans table{ width:100% !important; table-layout:fixed !important; } #tab_loans th, #tab_loans td{ padding-left:5px !important; padding-right:5px !important; box-sizing:border-box !important; } #tab_loans th:nth-child(1), #tab_loans td:nth-child(1) { width:3.5% !important; } #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width:9.0% !important; } #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width:8.3% !important; } #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width:10.0% !important; } #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width:7.8% !important; } #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width:6.8% !important; } #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width:6.8% !important; } #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width:5.2% !important; } #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width:3.5% !important; max-width:3.5% !important; text-align:center !important; padding-left:2px !important; padding-right:2px !important; } #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width:15.0% !important; } #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width:9.8% !important; min-width:112px !important; } #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width:7.3% !important; min-width:84px !important; } #tab_loans th:nth-child(13), #tab_loans td:nth-child(13) { width:6.5% !important; } #tab_loans th:nth-child(14), #tab_loans td:nth-child(14), #tab_loans th.adminDeleteHead, #tab_loans td.adminDeleteCell{ width:74px !important; min-width:74px !important; max-width:74px !important; text-align:center !important; padding-left:4px !important; padding-right:4px !important; } #tab_loans td:nth-child(10) select, #tab_loans td:nth-child(11) input[type="date"], #tab_loans td:nth-child(12) select{ width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; font-size:12px !important; padding:6px 8px !important; white-space:nowrap !important; } #tab_loans td:nth-child(11) input[type="date"]{ padding-left:4px !important; padding-right:2px !important; } #tab_loans td:nth-child(9){ white-space:nowrap !important; word-break:normal !important; overflow-wrap:normal !important; } @media (max-width: 1250px){ #tab_loans th, #tab_loans td{ font-size:10.5px !important; padding-left:3px !important; padding-right:3px !important; } #tab_loans td:nth-child(10) select, #tab_loans td:nth-child(11) input[type="date"], #tab_loans td:nth-child(12) select{ font-size:10.5px !important; padding-left:4px !important; padding-right:4px !important; } } /* ---- extracted style block ---- */ /* Column map: 1 Store, 2 Model, 3 Loan ID, 4 Customer, 5 Phone, 6 Due Date, 7 Next Pay Date, 8 Prin Bal, 9 Days Late, 10 Status, 11 Appt, 12 Time, 13 Updated, 14 Delete. */ #tab_loans .tablewrap{ overflow-x:hidden !important; max-width:100% !important; } #tab_loans table{ width:100% !important; min-width:0 !important; table-layout:fixed !important; } #tab_loans th, #tab_loans td{ box-sizing:border-box !important; padding-left:4px !important; padding-right:4px !important; overflow:hidden !important; text-overflow:clip !important; } /* Balanced widths total 100%, including Delete, so fields do not overlap and no scroll is needed. */ #tab_loans th:nth-child(1), #tab_loans td:nth-child(1) { width:3.3% !important; } #tab_loans th:nth-child(2), #tab_loans td:nth-child(2) { width:8.7% !important; } #tab_loans th:nth-child(3), #tab_loans td:nth-child(3) { width:8.0% !important; } #tab_loans th:nth-child(4), #tab_loans td:nth-child(4) { width:9.6% !important; } #tab_loans th:nth-child(5), #tab_loans td:nth-child(5) { width:7.4% !important; } #tab_loans th:nth-child(6), #tab_loans td:nth-child(6) { width:6.5% !important; } #tab_loans th:nth-child(7), #tab_loans td:nth-child(7) { width:6.4% !important; } #tab_loans th:nth-child(8), #tab_loans td:nth-child(8) { width:5.0% !important; } #tab_loans th:nth-child(9), #tab_loans td:nth-child(9) { width:3.4% !important; text-align:center !important; } #tab_loans th:nth-child(10), #tab_loans td:nth-child(10) { width:14.0% !important; } #tab_loans th:nth-child(11), #tab_loans td:nth-child(11) { width:8.4% !important; } #tab_loans th:nth-child(12), #tab_loans td:nth-child(12) { width:8.0% !important; } #tab_loans th:nth-child(13), #tab_loans td:nth-child(13) { width:6.2% !important; } #tab_loans th:nth-child(14), #tab_loans td:nth-child(14), #tab_loans th.adminDeleteHead, #tab_loans td.adminDeleteCell { width:5.1% !important; } /* Inputs/selects fit inside their own cells instead of pushing into the next column. */ #tab_loans td:nth-child(10) select, #tab_loans td:nth-child(11) input[type="date"], #tab_loans td:nth-child(12) select{ width:100% !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; font-size:12px !important; padding:6px 5px !important; } #tab_loans td:nth-child(13){ white-space:normal !important; line-height:1.1 !important; font-size:11px !important; overflow-wrap:anywhere !important; } #tab_loans td:nth-child(14) .adminDeleteBtn, #tab_loans td.adminDeleteCell .adminDeleteBtn{ width:100% !important; min-width:0 !important; padding-left:4px !important; padding-right:4px !important; } @media (max-width:1250px){ #tab_loans th, #tab_loans td{ font-size:10px !important; padding-left:2px !important; padding-right:2px !important; } #tab_loans td:nth-child(10) select, #tab_loans td:nth-child(11) input[type="date"], #tab_loans td:nth-child(12) select{ font-size:10.5px !important; padding-left:3px !important; padding-right:3px !important; } #tab_loans td:nth-child(13){ font-size:10px !important; } } /* ---- extracted style block ---- */ #tab_loans th.v1390DeleteHead, #tab_loans td.v1390DeleteCell{ width:5.1% !important; min-width:58px !important; max-width:74px !important; text-align:center !important; padding-left:3px !important; padding-right:3px !important; } #tab_loans .v1390DeleteBtn{ width:100% !important; min-width:0 !important; border:1px solid #7f1d1d !important; background:#991b1b !important; color:#fff !important; border-radius:8px !important; padding:5px 3px !important; cursor:pointer !important; font-weight:700 !important; font-size:10.5px !important; line-height:1.1 !important; white-space:normal !important; } body:not(.role-admin) #tab_loans th.v1390DeleteHead, body:not(.role-admin) #tab_loans td.v1390DeleteCell, body.v1390-delete-hidden #tab_loans th.v1390DeleteHead, body.v1390-delete-hidden #tab_loans td.v1390DeleteCell{ display:none !important; } /* ---- extracted style block ---- */ /* First Week Fallout: only show the last/correct TOTAL row. No heavy JS, no login freeze. */ #kpiFwfBreakdownBody tr.kpiTotalRow:not(:last-child), #kpiFwfBreakdownBody tr.totalRow:not(:last-child) { display:none !important; visibility:hidden !important; height:0 !important; max-height:0 !important; overflow:hidden !important; padding:0 !important; margin:0 !important; border:0 !important; } #kpiFwfBreakdownBody tr.kpiTotalRow:last-child td, #kpiFwfBreakdownBody tr.totalRow:last-child td { font-weight:800 !important; background:#11161d !important; background-color:#11161d !important; border-top:2px solid var(--line) !important; transition:none !important; animation:none !important; } /* ---- extracted style block ---- */ /* Widen Time column controls so full times like 10:00 AM / 12:30 PM show */ td input[type="time"], td input[placeholder*="time" i], td select[name*="time" i], td select[id*="time" i], td input[name*="time" i], td input[id*="time" i] { min-width: 115px !important; width: 115px !important; max-width: 130px !important; box-sizing: border-box !important; white-space: nowrap !important; } /* Time column fallback: the column directly before Updated */ table th:nth-last-child(2), table td:nth-last-child(2) { min-width: 120px !important; width: 120px !important; } table th:nth-last-child(2) select, table td:nth-last-child(2) select, table th:nth-last-child(2) input, table td:nth-last-child(2) input { min-width: 115px !important; width: 115px !important; } /* Keep Updated readable */ table th:last-child, table td:last-child { min-width: 100px !important; } /* ---- extracted style block ---- */ /* Do not style native dropdown/calendar popups. Keep controls browser-native. */ select, input[type="date"] { appearance: auto !important; -webkit-appearance: auto !important; pointer-events: auto !important; opacity: 1 !important; visibility: visible !important; } /* Widen Time column controls so full times show */ td input[type="time"], td input[placeholder*="time" i], td select[name*="time" i], td select[id*="time" i], td input[name*="time" i], td input[id*="time" i], table th:nth-last-child(2) select, table td:nth-last-child(2) select, table th:nth-last-child(2) input, table td:nth-last-child(2) input { min-width: 115px !important; width: 115px !important; max-width: 130px !important; box-sizing: border-box !important; } /* ---- extracted style block ---- */ /* Keep native controls readable and responsive */ select, input[type="date"] { appearance: auto !important; -webkit-appearance: auto !important; pointer-events: auto !important; } /* Make native dropdown options readable */ select option { background: #ffffff !important; color: #000000 !important; } /* Time field width fix */ td input[type="time"], td input[placeholder*="time" i], td select[name*="time" i], td select[id*="time" i], td input[name*="time" i], td input[id*="time" i], table th:nth-last-child(2) select, table td:nth-last-child(2) select, table th:nth-last-child(2) input, table td:nth-last-child(2) input { min-width: 115px !important; width: 115px !important; max-width: 130px !important; box-sizing: border-box !important; } /* Build 1596 custom controls */ .v1596-menu { position: fixed; z-index: 999999; background: #ffffff; color: #000000; border: 1px solid #777; border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,.35); max-height: 260px; overflow-y: auto; min-width: 160px; font-family: system-ui, Arial, sans-serif; font-size: 14px; } .v1596-menu button { display: block; width: 100%; background: #ffffff; color: #000000; border: 0; padding: 8px 10px; text-align: left; cursor: pointer; font: inherit; } .v1596-menu button:hover, .v1596-menu button:focus { background: #e8f0fe; outline: none; } .v1596-calendar { position: fixed; z-index: 999999; background: #ffffff; color: #000000; border: 1px solid #777; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.35); padding: 10px; width: 250px; font-family: system-ui, Arial, sans-serif; } .v1596-cal-head { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin-bottom: 8px; color: #000000; } .v1596-cal-head button { background: #f1f1f1; color: #000000; border: 1px solid #aaa; border-radius: 5px; padding: 4px 8px; cursor: pointer; } .v1596-cal-title { font-weight: 700; color: #000000; } .v1596-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; } .v1596-cal-grid div { text-align: center; padding: 5px 0; color: #000000; } .v1596-cal-day { background: #ffffff; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; } .v1596-cal-day:hover { background: #e8f0fe; } .v1596-cal-muted { color: #999 !important; } /* Performance + Dark Dropdown Upgrade */ :root{ --dropdown-bg:#111827; --dropdown-border:#334155; --dropdown-highlight:#2563eb; --dropdown-text:#ffffff; } select, .inline-select, input[type="date"], input[type="time"]{ background:var(--dropdown-bg) !important; color:var(--dropdown-text) !important; border:1px solid var(--dropdown-border) !important; will-change:auto; transform:translateZ(0); backface-visibility:hidden; } select option{ background:var(--dropdown-bg) !important; color:#fff !important; } select option:checked, select option:hover{ background:var(--dropdown-highlight) linear-gradient(0deg,var(--dropdown-highlight),var(--dropdown-highlight)) !important; color:#fff !important; } *:focus{ outline:2px solid var(--dropdown-highlight) !important; outline-offset:1px; } .table-wrap, .card, select, input{ contain:layout style paint; } /* Build 1596: dark custom store dropdown + dark custom calendar (matches old dark build) */ .v1596-menu{ background:#0f141c !important; color:#ffffff !important; border:1px solid #334155 !important; border-radius:10px !important; box-shadow:0 12px 32px rgba(0,0,0,.65) !important; scrollbar-color:#334155 #0f141c; } .v1596-menu button{ background:#0f141c !important; color:#ffffff !important; border:0 !important; border-bottom:1px solid rgba(51,65,85,.65) !important; } .v1596-menu button:hover, .v1596-menu button:focus{ background:#2563eb !important; color:#ffffff !important; outline:none !important; } .v1596-calendar{ background:#0f141c !important; color:#ffffff !important; border:1px solid #334155 !important; border-radius:12px !important; box-shadow:0 12px 32px rgba(0,0,0,.65) !important; } .v1596-cal-head{color:#ffffff !important;} .v1596-cal-title{color:#ffffff !important;} .v1596-cal-head button{ background:#111827 !important; color:#ffffff !important; border:1px solid #334155 !important; border-radius:8px !important; } .v1596-cal-head button:hover, .v1596-cal-head button:focus{ background:#2563eb !important; color:#ffffff !important; outline:none !important; } .v1596-cal-grid div{color:#ffffff !important;} .v1596-cal-day{ background:#111827 !important; color:#ffffff !important; border:1px solid #334155 !important; border-radius:7px !important; } .v1596-cal-day:hover, .v1596-cal-day:focus{ background:#2563eb !important; color:#ffffff !important; } .v1596-cal-muted{color:#64748b !important;} /* Build 1596: smaller locked dark calendar + white date picker controls */ html.v1596-calendar-open, body.v1596-calendar-open{ overflow:hidden !important; } input[data-v1596-date="1"], input[type="date"]{ background:#1f1f1f !important; color:#ffffff !important; caret-color:#ffffff !important; border:1px solid #d1d5db !important; color-scheme:dark !important; } input[data-v1596-date="1"]::placeholder, input[type="date"]::placeholder{ color:#cbd5e1 !important; opacity:1 !important; } input[type="date"]::-webkit-calendar-picker-indicator{ filter: invert(1) brightness(2) !important; opacity:1 !important; } .v1596-calendar{ width:210px !important; max-width:210px !important; padding:7px !important; border-radius:9px !important; font-size:13px !important; line-height:1.1 !important; background:#0f141c !important; color:#ffffff !important; border:1px solid #334155 !important; box-shadow:0 10px 24px rgba(0,0,0,.60) !important; } .v1596-cal-head{ gap:4px !important; margin-bottom:6px !important; } .v1596-cal-title{ font-size:15px !important; font-weight:700 !important; } .v1596-cal-head button{ min-width:24px !important; height:24px !important; padding:1px 6px !important; border-radius:6px !important; font-size:13px !important; } .v1596-cal-grid{ gap:2px !important; } .v1596-cal-grid div{ padding:3px 0 !important; min-height:22px !important; line-height:20px !important; font-size:13px !important; } .v1596-cal-day{ border-radius:5px !important; min-height:22px !important; } /* Build 1596: white calendar popup, white date text/icons, and calendar attached to field while page scrolls */ html.v1596-calendar-open, body.v1596-calendar-open{ overflow:auto !important; position:static !important; } input[data-v1596-date="1"], input[type="date"]{ background-color:#1f1f1f !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; caret-color:#ffffff !important; border:1px solid #d1d5db !important; color-scheme:dark !important; padding-right:30px !important; } input[data-v1596-date="1"]::placeholder, input[type="date"]::placeholder{ color:#ffffff !important; opacity:1 !important; -webkit-text-fill-color:#ffffff !important; } input[type="date"]::-webkit-calendar-picker-indicator{ filter:invert(1) brightness(3) contrast(1.2) !important; opacity:1 !important; cursor:pointer !important; } .v1596-date-wrap{ position:relative !important; display:inline-block !important; } .v1596-date-wrap > input[data-v1596-date="1"]{ width:100% !important; box-sizing:border-box !important; } .v1596-date-btn{ position:absolute !important; right:6px !important; top:50% !important; transform:translateY(-50%) !important; width:18px !important; height:18px !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:18px 18px !important; opacity:1 !important; z-index:2 !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important; } .v1596-calendar{ position:fixed !important; width:210px !important; max-width:210px !important; padding:7px !important; border-radius:9px !important; font-size:13px !important; line-height:1.1 !important; background:#0f141c !important; color:#ffffff !important; border:1px solid #334155 !important; box-shadow:0 10px 24px rgba(0,0,0,.60) !important; } /* Build 1596 final calendar behavior */ input[data-v1596-date="1"]{ background-color:#1f1f1f !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; caret-color:#ffffff !important; border:1px solid #d1d5db !important; color-scheme:dark !important; } .v1596-date-btn{ opacity:1 !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important; } .v1596-calendar{ position:absolute !important; width:210px !important; max-width:210px !important; padding:7px !important; border-radius:9px !important; font-size:13px !important; line-height:1.1 !important; background:#ffffff !important; color:#000000 !important; border:1px solid #9ca3af !important; box-shadow:0 10px 24px rgba(0,0,0,.35) !important; } .v1596-cal-head, .v1596-cal-title, .v1596-cal-grid div{ color:#000000 !important; } .v1596-cal-head button, .v1596-cal-day, .v1596-cal-today{ background:#f8fafc !important; color:#000000 !important; border:1px solid #cbd5e1 !important; } .v1596-cal-head button:hover, .v1596-cal-head button:focus, .v1596-cal-day:hover, .v1596-cal-day:focus, .v1596-cal-today:hover, .v1596-cal-today:focus{ background:#2563eb !important; color:#ffffff !important; outline:none !important; } .v1596-cal-muted{ color:#9ca3af !important; } .v1596-cal-todaybar{ margin-top:6px !important; display:flex !important; justify-content:center !important; } .v1596-cal-today{ width:100% !important; border-radius:6px !important; min-height:24px !important; font-weight:700 !important; cursor:pointer !important; } /* Build 1596: pointer cursor for date picker fields and calendar icons */ input[data-v1596-date="1"], input[data-v1596-date="1"] *, .v1596-date-wrap, .v1596-date-wrap *, .v1596-date-btn, .v1596-calendar, .v1596-calendar button, .v1596-cal-day, .v1596-cal-today { cursor: pointer !important; } input[data-v1596-date="1"]:hover, .v1596-date-wrap:hover input[data-v1596-date="1"]{ cursor: pointer !important; } /* Build 1596: keep Appt/date picker fields white and prevent later scripts from turning them dark */ input[data-v1596-date="1"], input[placeholder="mm/dd/yyyy"], .v1596-date-wrap > input[data-v1596-date="1"]{ background:#ffffff !important; background-color:#ffffff !important; color:#000000 !important; -webkit-text-fill-color:#000000 !important; caret-color:#000000 !important; color-scheme:light !important; border:1px solid #d1d5db !important; cursor:pointer !important; } input[data-v1596-date="1"]::placeholder, input[placeholder="mm/dd/yyyy"]::placeholder{ color:#111827 !important; opacity:1 !important; -webkit-text-fill-color:#111827 !important; } .v1596-date-wrap, .v1596-date-wrap *, .v1596-date-btn{ cursor:pointer !important; } .v1596-date-btn{ opacity:1 !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important; } .v1596-calendar{ background:#ffffff !important; color:#000000 !important; border:1px solid #9ca3af !important; } .v1596-cal-head, .v1596-cal-title, .v1596-cal-grid div{ color:#000000 !important; } .v1596-cal-head button, .v1596-cal-day, .v1596-cal-today{ background:#f8fafc !important; color:#000000 !important; border:1px solid #cbd5e1 !important; } .v1596-cal-head button:hover, .v1596-cal-day:hover, .v1596-cal-today:hover{ background:#2563eb !important; color:#ffffff !important; } /* Build 1596 final: dark date fields, white icons/text, white popup calendar, no forced white text boxes */ input[data-v1596-date="1"], input[placeholder="mm/dd/yyyy"], .v1596-date-wrap > input[data-v1596-date="1"]{ background:#1f1f1f !important; background-color:#1f1f1f !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; caret-color:#ffffff !important; color-scheme:dark !important; border:1px solid #d1d5db !important; cursor:pointer !important; } input[data-v1596-date="1"]::placeholder, input[placeholder="mm/dd/yyyy"]::placeholder{ color:#ffffff !important; opacity:1 !important; -webkit-text-fill-color:#ffffff !important; } .v1596-date-wrap, .v1596-date-wrap *, .v1596-date-btn{ cursor:pointer !important; } .v1596-date-btn{ opacity:1 !important; pointer-events:none !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important; } .v1596-calendar{ position:absolute !important; width:210px !important; max-width:210px !important; padding:7px !important; border-radius:9px !important; font-size:13px !important; line-height:1.1 !important; background:#ffffff !important; color:#000000 !important; border:1px solid #9ca3af !important; box-shadow:0 10px 24px rgba(0,0,0,.35) !important; z-index:999999 !important; } .v1596-cal-head, .v1596-cal-title, .v1596-cal-grid div{ color:#000000 !important; } .v1596-cal-head button, .v1596-cal-day, .v1596-cal-today{ background:#f8fafc !important; color:#000000 !important; border:1px solid #cbd5e1 !important; cursor:pointer !important; } .v1596-cal-head button:hover, .v1596-cal-head button:focus, .v1596-cal-day:hover, .v1596-cal-day:focus, .v1596-cal-today:hover, .v1596-cal-today:focus{ background:#2563eb !important; color:#ffffff !important; outline:none !important; } .v1596-cal-muted{ color:#9ca3af !important; } .v1596-cal-todaybar{ margin-top:6px !important; display:flex !important; justify-content:center !important; } .v1596-cal-today{ width:100% !important; border-radius:6px !important; min-height:24px !important; font-weight:700 !important; } html.v1596-calendar-open, body.v1596-calendar-open{ overflow:auto !important; position:static !important; } /* Build 1596: dark compact date fields immediately at page load; white calendar icons without delay */ input[type="date"], input[data-v1596-date="1"], input[placeholder="mm/dd/yyyy"], .v1596-date-wrap > input[data-v1596-date="1"]{ background:#1f1f1f !important; background-color:#1f1f1f !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; caret-color:#ffffff !important; color-scheme:dark !important; border:1px solid #d1d5db !important; cursor:pointer !important; height:28px !important; min-height:28px !important; line-height:20px !important; padding:3px 24px 3px 6px !important; font-size:12px !important; } input[type="date"]::-webkit-calendar-picker-indicator{ filter: invert(1) brightness(2.5) !important; cursor:pointer !important; opacity:1 !important; width:16px !important; height:16px !important; margin:0 !important; padding:0 !important; } #tab_loans td:nth-child(11) input, #tab_loans td:nth-child(11) .v1596-date-wrap, .tablewrap td input[data-v1596-date="1"], .tablewrap td .v1596-date-wrap{ width:96px !important; min-width:96px !important; max-width:96px !important; } .v1596-date-wrap{ display:inline-block !important; position:relative !important; width:96px !important; min-width:96px !important; max-width:96px !important; } .v1596-date-wrap input{ width:96px !important; min-width:96px !important; max-width:96px !important; } .v1596-date-btn{ right:5px !important; width:16px !important; height:16px !important; background-size:16px 16px !important; cursor:pointer !important; } /* Keep search/text boxes dark, not white */ input:not([type="date"]):not([data-v1596-date="1"]):not([placeholder="mm/dd/yyyy"]){ background-color:#1e1e1e !important; color:#fff !important; -webkit-text-fill-color:#fff !important; } /* Build 1596: immediate compact dark Appt date fields with permanent white calendar icon */ #tab_loans td:nth-child(11) input, #tab_loans td:nth-child(11) input[type="date"], #tab_loans td:nth-child(11) input[data-v1596-date="1"], #tab_loans td:nth-child(11) input[placeholder="mm/dd/yyyy"], #tab_loans td:nth-child(11) .v1596-date-wrap > input{ background:#1f1f1f !important; background-color:#1f1f1f !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; caret-color:#ffffff !important; color-scheme:dark !important; border:1px solid #d1d5db !important; cursor:pointer !important; width:90px !important; min-width:90px !important; max-width:90px !important; height:26px !important; min-height:26px !important; line-height:18px !important; padding:2px 22px 2px 6px !important; font-size:12px !important; box-sizing:border-box !important; } #tab_loans td:nth-child(11) .v1596-date-wrap{ position:relative !important; display:inline-block !important; width:90px !important; min-width:90px !important; max-width:90px !important; cursor:pointer !important; } #tab_loans td:nth-child(11) input[type="date"]::-webkit-calendar-picker-indicator, input[data-v1596-date="1"]::-webkit-calendar-picker-indicator, input[placeholder="mm/dd/yyyy"]::-webkit-calendar-picker-indicator{ filter:invert(1) brightness(3) contrast(1.4) !important; opacity:1 !important; cursor:pointer !important; width:16px !important; height:16px !important; margin:0 !important; padding:0 !important; } #tab_loans td:nth-child(11) .v1596-date-btn, .v1596-date-wrap .v1596-date-btn{ position:absolute !important; right:4px !important; top:50% !important; transform:translateY(-50%) !important; width:16px !important; height:16px !important; background-size:16px 16px !important; background-repeat:no-repeat !important; background-position:center !important; opacity:1 !important; pointer-events:none !important; cursor:pointer !important; z-index:5 !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important; } #tab_loans td:nth-child(11) input::placeholder, input[data-v1596-date="1"]::placeholder, input[placeholder="mm/dd/yyyy"]::placeholder{ color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; opacity:1 !important; } /* Keep normal text/search boxes dark, never white */ input:not([type="date"]):not([data-v1596-date="1"]):not([placeholder="mm/dd/yyyy"]), textarea{ background-color:#1e1e1e !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; } /* Build 1596: make sign-in fields readable on dark screen */ #authCard input, #authCard input[type="email"], #authCard input[type="password"], #email, #password { background:#0f141c !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; border:1px solid #334155 !important; border-radius:8px !important; padding:9px 10px !important; box-shadow:0 0 0 1000px #0f141c inset !important; caret-color:#ffffff !important; } #authCard input::placeholder, #email::placeholder, #password::placeholder { color:#94a3b8 !important; -webkit-text-fill-color:#94a3b8 !important; opacity:1 !important; } #authCard input:-webkit-autofill, #authCard input:-webkit-autofill:hover, #authCard input:-webkit-autofill:focus, #email:-webkit-autofill, #password:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #0f141c inset !important; -webkit-text-fill-color:#ffffff !important; caret-color:#ffffff !important; } /* Build 1596 loans total row alignment */ #loanRows tr.build1594TotalRow, #tab_loans tbody tr.build1594TotalRow{ background:#20252c !important; border-top:2px solid rgba(255,255,255,.16) !important; font-weight:800 !important; } #loanRows tr.build1594TotalRow td, #tab_loans tbody tr.build1594TotalRow td{ white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important; color:#fff !important; padding:8px 10px !important; } #loanRows tr.build1594TotalRow td.right, #tab_loans tbody tr.build1594TotalRow td.right{ text-align:right !important; } /* Build 1596 totals row: single-line, aligned, no wrap */ tr.build1595TotalRow td { white-space: nowrap !important; font-weight: 800 !important; } tr.build1595TotalRow td.right { text-align: right !important; } table tfoot tr.build1595TotalRow { background: rgba(255,255,255,.06) !important; } /* Build 1596 stable loans total row */ #tab_loans table tfoot tr.build1596TotalRow td, table tfoot tr.build1596TotalRow td{ white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; font-weight: 800 !important; } #tab_loans table tfoot tr.build1596TotalRow td.right, table tfoot tr.build1596TotalRow td.right{ text-align: right !important; } /* Build 1621: Hide Paid label matches bold checkbox filters */ #statusFilterGrid label.hide-paid-label, #statusFilterGrid label:has(#hidePaid){font-weight:700 !important;} /* Build 1628: force Admin Delete column to follow the Settings toggle */ #tab_loans th.v1628DeleteHead, #tab_loans td.v1628DeleteCell{ width:62px !important; min-width:62px !important; max-width:70px !important; text-align:center !important; padding-left:3px !important; padding-right:3px !important; vertical-align:middle !important; } #tab_loans .v1628DeleteBtn{ width:100% !important; min-width:0 !important; max-width:58px !important; height:24px !important; padding:2px 5px !important; font-size:10px !important; line-height:1 !important; border-radius:6px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; white-space:nowrap !important; background:#c81e1e !important; color:#fff !important; border:0 !important; font-weight:700 !important; cursor:pointer !important; } body.v1628-admin-delete-on #tab_loans th.v1628DeleteHead, body.v1628-admin-delete-on #tab_loans td.v1628DeleteCell{ display:table-cell !important; visibility:visible !important; } body.v1628-admin-delete-off #tab_loans th.v1628DeleteHead, body.v1628-admin-delete-off #tab_loans td.v1628DeleteCell, body:not(.role-admin) #tab_loans th.v1628DeleteHead, body:not(.role-admin) #tab_loans td.v1628DeleteCell{ display:none !important; } /* Build 1631: keep the Loans table stable when Admin Delete is visible. Clicking a row/dropdown should not make the grid shift, shake, or reflow. */ #tab_loans .tablewrap, #tab_loans table, #tab_loans thead, #tab_loans tbody, #tab_loans tr, #tab_loans th, #tab_loans td, #tab_loans select, #tab_loans input, #tab_loans button { transition:none !important; animation:none !important; } #tab_loans table { table-layout:fixed !important; border-collapse:collapse !important; } #tab_loans tr.active-edit-row td { box-shadow:none !important; outline:none !important; } #tab_loans tr.active-edit-row select, #tab_loans tr.active-edit-row input { box-shadow:none !important; outline:none !important; } #tab_loans th.adminDeleteHead, #tab_loans td.adminDeleteCell, #tab_loans th:nth-child(14), #tab_loans td:nth-child(14) { width:74px !important; min-width:74px !important; max-width:74px !important; box-sizing:border-box !important; overflow:hidden !important; } #tab_loans .adminDeleteBtn { width:54px !important; min-width:54px !important; max-width:54px !important; box-sizing:border-box !important; } /* Build 1632: stop the Delete button itself from shaking during row/dropdown clicks. */ #tab_loans th.v1628DeleteHead, #tab_loans td.v1628DeleteCell{ width:62px !important; min-width:62px !important; max-width:62px !important; box-sizing:border-box !important; text-align:center !important; padding-left:3px !important; padding-right:3px !important; overflow:hidden !important; transform:none !important; transition:none !important; animation:none !important; } #tab_loans .v1628DeleteBtn, #tab_loans button.v1628DeleteBtn{ width:54px !important; min-width:54px !important; max-width:54px !important; height:24px !important; min-height:24px !important; max-height:24px !important; padding:0 !important; margin:0 auto !important; box-sizing:border-box !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; vertical-align:middle !important; line-height:24px !important; font-size:10px !important; font-weight:700 !important; white-space:nowrap !important; transform:none !important; transition:none !important; animation:none !important; outline:none !important; box-shadow:none !important; position:static !important; flex:0 0 54px !important; } #tab_loans .v1628DeleteBtn:hover, #tab_loans .v1628DeleteBtn:focus, #tab_loans .v1628DeleteBtn:active, #tab_loans tr.active-edit-row .v1628DeleteBtn, #tab_loans tr:hover .v1628DeleteBtn{ width:54px !important; min-width:54px !important; max-width:54px !important; height:24px !important; min-height:24px !important; max-height:24px !important; padding:0 !important; margin:0 auto !important; transform:none !important; transition:none !important; animation:none !important; outline:none !important; box-shadow:none !important; top:auto !important; left:auto !important; } /* Build 1633: store selector dropdown follows its field while scrolling */ .v1596-menu[data-v1633-store-menu="1"]{ position:fixed !important; transform:none !important; will-change:top,left !important; } /* Build 1634: Store selector multi-select dropdown */ .store-multi-wrap{position:relative;display:inline-block;min-width:220px;z-index:1000;} .store-multi-button{width:220px;text-align:left;background:#0f1724;color:#fff;border:1px solid #26364d;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer;} .store-multi-button:after{content:'▾';float:right;opacity:.8;} .store-multi-menu{position:absolute;top:calc(100% + 4px);left:0;width:220px;max-height:330px;overflow-y:auto;background:#0f141c;border:1px solid #26364d;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.45);z-index:99999;padding:6px 0;overscroll-behavior:contain;} .store-multi-row{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;user-select:none;} .store-multi-row:hover{background:#142033;} .store-multi-row input{margin:0;} /* Build 1637: smaller TEXT ONLY inside Appt and Time fields. This does not change the input/select box width or height. */ #tab_loans td:nth-child(11) input, #tab_loans td:nth-child(11) select, #tab_loans td:nth-child(12) input, #tab_loans td:nth-child(12) select, table td:nth-child(11) input.inline-input, table td:nth-child(12) select.inline-select { font-size: 11px !important; line-height: 1.1 !important; letter-spacing: -0.2px !important; text-overflow: clip !important; white-space: nowrap !important; } /* Build 1640 - Date picker clear buttons */ .date-clear-wrap{display:flex;align-items:center;gap:6px;width:100%;} .date-clear-wrap input[type="date"]{flex:1;min-width:0;} .date-clear-btn{height:38px;padding:0 10px;border-radius:9px;border:1px solid var(--border,#2a3444);background:rgba(255,255,255,.03);color:var(--text,#fff);font-size:12px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;} .date-clear-btn:hover{background:rgba(255,255,255,.08);} .date-clear-btn:active{transform:translateY(1px);} /* Build 1640 - Clear button inside the custom calendar popup */ .v1596-cal-todaybar{display:flex !important; gap:8px !important; padding:8px 10px !important;} .v1596-cal-todaybar .v1596-cal-today, .v1596-cal-todaybar .v1596-cal-clear{flex:1 1 0 !important; height:34px !important; border-radius:8px !important; font-weight:800 !important;} .v1596-cal-clear{border:1px solid rgba(220,38,38,.45) !important; background:rgba(220,38,38,.08) !important; color:#991b1b !important; cursor:pointer !important;} .v1596-cal-clear:hover{background:rgba(220,38,38,.14) !important;} /* Build 1640 - Store selector clear selected stores option */ .store-multi-clear-selected{ width: calc(100% - 16px); margin: 6px 8px 8px; padding: 8px 10px; border: 1px solid rgba(75, 124, 255, 0.45); border-radius: 10px; background: rgba(15, 23, 42, 0.72); color: #dbeafe; font-size: 13px; font-weight: 700; text-align: center; cursor: pointer; } .store-multi-clear-selected:hover{ background: rgba(37, 99, 235, 0.26); border-color: rgba(96, 165, 250, 0.78); } /* Build 1644: Delete button no-shake hardening. Keep the admin delete column/buttons from resizing, animating, or forcing reflow when a row is clicked or a dropdown/input receives focus. */ #tab_loans table{ table-layout: fixed !important; border-collapse: collapse !important; } #tab_loans th.build1364-delete-head, #tab_loans td.build1364-delete-cell, #tab_loans th.adminDeleteHead, #tab_loans td.adminDeleteCell, #tab_loans th.v1628DeleteHead, #tab_loans td.v1628DeleteCell{ width: 64px !important; min-width: 64px !important; max-width: 64px !important; box-sizing: border-box !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; transform: none !important; transition: none !important; animation: none !important; } #tab_loans .build1364-delete-btn, #tab_loans .adminDeleteBtn, #tab_loans .v1628DeleteBtn, #tab_loans button[class*="delete"], #tab_loans button[class*="Delete"]{ width: 54px !important; min-width: 54px !important; max-width: 54px !important; height: 24px !important; min-height: 24px !important; max-height: 24px !important; padding: 0 !important; margin: 0 auto !important; line-height: 24px !important; font-size: 10px !important; box-sizing: border-box !important; transform: none !important; transition: none !important; animation: none !important; position: static !important; } #tab_loans tr:hover .build1364-delete-btn, #tab_loans tr:focus-within .build1364-delete-btn, #tab_loans tr:hover .adminDeleteBtn, #tab_loans tr:focus-within .adminDeleteBtn{ transform: none !important; width: 54px !important; min-width: 54px !important; max-width: 54px !important; } /* Build 1644: Stop row-click shake when delete buttons are showing. The previous active row highlight changed cell/input styling on click, which caused the loans grid to reflow/shake when the delete column was visible. Keep row size and field borders identical during clicks/focus. */ #tab_loans tr.active-edit-row td, #tab_loans tr.active-edit-row select, #tab_loans tr.active-edit-row input, #tab_loans tr.active-edit-row button{ box-shadow: none !important; outline: none !important; transform: none !important; transition: none !important; animation: none !important; } #tab_loans tr.active-edit-row select, #tab_loans tr.active-edit-row input{ border-width: 1px !important; box-sizing: border-box !important; } #tab_loans tr.active-edit-row td{ box-sizing: border-box !important; } body.v1628-admin-delete-on #tab_loans tr.active-edit-row td, body.v1628-admin-delete-on #tab_loans tr.active-edit-row select, body.v1628-admin-delete-on #tab_loans tr.active-edit-row input{ /* no click/focus highlight when delete buttons are visible */ box-shadow: none !important; outline: none !important; } /* Build 1645: stable row highlight with Delete buttons visible. Highlight uses background/text color only. No border, width, padding, transform, outline, or shadow changes are allowed on click/focus. */ #tab_loans tr.active-edit-row td, #loanRows tr.active-edit-row td{ background:#4a3913 !important; color:#fff6dd !important; box-shadow:none !important; outline:none !important; transform:none !important; transition:none !important; animation:none !important; box-sizing:border-box !important; } #tab_loans tr.active-edit-row select, #tab_loans tr.active-edit-row input, #loanRows tr.active-edit-row select, #loanRows tr.active-edit-row input{ color:#fff6dd !important; border-width:1px !important; border-color:var(--border, #2a3444) !important; box-shadow:none !important; outline:none !important; transform:none !important; transition:none !important; animation:none !important; box-sizing:border-box !important; } #tab_loans tr.active-edit-row button, #loanRows tr.active-edit-row button, #tab_loans tr.active-edit-row .v1628DeleteBtn, #tab_loans tr.active-edit-row .build1364-delete-btn, #tab_loans tr.active-edit-row .adminDeleteBtn{ transform:none !important; transition:none !important; animation:none !important; box-shadow:none !important; outline:none !important; } #tab_loans .v1628DeleteBtn, #tab_loans .build1364-delete-btn, #tab_loans .adminDeleteBtn, #tab_loans button[class*="delete"], #tab_loans button[class*="Delete"]{ width:54px !important; min-width:54px !important; max-width:54px !important; height:24px !important; min-height:24px !important; max-height:24px !important; padding:0 !important; margin:0 auto !important; line-height:24px !important; transform:none !important; transition:none !important; animation:none !important; } /* Build 1648: final no-shake delete-column and row-click highlight fix */ #tab_loans table{ table-layout:fixed !important; border-collapse:collapse !important; } #tab_loans th.v1646DeleteHead, #tab_loans td.v1646DeleteCell, #tab_loans th.v1628DeleteHead, #tab_loans td.v1628DeleteCell, #tab_loans th.adminDeleteHead, #tab_loans td.adminDeleteCell{ width:64px !important; min-width:64px !important; max-width:64px !important; box-sizing:border-box !important; text-align:center !important; white-space:nowrap !important; overflow:hidden !important; padding-left:4px !important; padding-right:4px !important; transform:none !important; transition:none !important; animation:none !important; } #tab_loans .v1646DeleteBtn, #tab_loans .v1628DeleteBtn, #tab_loans .adminDeleteBtn, #tab_loans button[class*="delete"], #tab_loans button[class*="Delete"]{ width:54px !important; min-width:54px !important; max-width:54px !important; height:24px !important; min-height:24px !important; max-height:24px !important; padding:0 !important; margin:0 auto !important; line-height:24px !important; font-size:10px !important; box-sizing:border-box !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; vertical-align:middle !important; transform:none !important; transition:none !important; animation:none !important; outline:none !important; box-shadow:none !important; position:static !important; } #tab_loans .v1646DeleteBtn:hover, #tab_loans .v1646DeleteBtn:focus, #tab_loans .v1646DeleteBtn:active, #tab_loans tr:hover .v1646DeleteBtn, #tab_loans tr.v1646-active-row .v1646DeleteBtn, #tab_loans tr.active-edit-row .v1646DeleteBtn{ width:54px !important; min-width:54px !important; max-width:54px !important; height:24px !important; min-height:24px !important; max-height:24px !important; padding:0 !important; margin:0 auto !important; transform:none !important; } #tab_loans tr.v1646-active-row td, #tab_loans tr.active-edit-row td, #loanRows tr.v1646-active-row td, #loanRows tr.active-edit-row td{ background:#4a3913 !important; color:#fff6dd !important; box-shadow:none !important; outline:none !important; transform:none !important; transition:none !important; animation:none !important; box-sizing:border-box !important; border-top-width:1px !important; border-bottom-width:1px !important; } #tab_loans tr.v1646-active-row input, #tab_loans tr.v1646-active-row select, #tab_loans tr.active-edit-row input, #tab_loans tr.active-edit-row select, #loanRows tr.v1646-active-row input, #loanRows tr.v1646-active-row select, #loanRows tr.active-edit-row input, #loanRows tr.active-edit-row select{ box-shadow:none !important; outline:none !important; transform:none !important; transition:none !important; animation:none !important; box-sizing:border-box !important; border-width:1px !important; padding-top:8px !important; padding-bottom:8px !important; } /* Build 1648: stop Delete-visible database shaking. No transitions, animations, hover growth, focus growth, or layout changes are allowed on the table, delete column, delete buttons, or active rows. */ #tab_loans, #tab_loans *, #loanRows, #loanRows *{ transition:none !important; animation:none !important; } #tab_loans table{ table-layout:fixed !important; border-collapse:collapse !important; } #tab_loans th[class*="Delete"], #tab_loans th[class*="delete"], #tab_loans td[class*="Delete"], #tab_loans td[class*="delete"], #tab_loans th.v1628DeleteHead, #tab_loans td.v1628DeleteCell, #tab_loans th.v1646DeleteHead, #tab_loans td.v1646DeleteCell, #tab_loans th.adminDeleteHead, #tab_loans td.adminDeleteCell{ width:64px !important; min-width:64px !important; max-width:64px !important; box-sizing:border-box !important; text-align:center !important; white-space:nowrap !important; overflow:hidden !important; padding-left:4px !important; padding-right:4px !important; transform:none !important; } #tab_loans button[class*="Delete"], #tab_loans button[class*="delete"], #tab_loans .adminDeleteBtn, #tab_loans .v1628DeleteBtn, #tab_loans .v1646DeleteBtn, #tab_loans .build1332-delete-btn, #tab_loans .build1364-delete-btn, #tab_loans .v1390DeleteBtn{ width:54px !important; min-width:54px !important; max-width:54px !important; height:24px !important; min-height:24px !important; max-height:24px !important; padding:0 !important; margin:0 auto !important; line-height:24px !important; box-sizing:border-box !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; position:static !important; transform:none !important; box-shadow:none !important; outline:none !important; } #tab_loans tr:hover td, #tab_loans tr:focus-within td, #tab_loans tr.active-edit-row td, #tab_loans tr.v1646-active-row td{ transform:none !important; box-sizing:border-box !important; } #tab_loans tr.active-edit-row td, #tab_loans tr.v1646-active-row td{ background:#4a3913 !important; color:#fff6dd !important; box-shadow:none !important; outline:none !important; }