PHP Refactor Target Scanner

Scanning 36 PHP files for hardcoded values and legacy CSS classes.

Manual Flex-Between (Should use utility)

File Line Context
admin-analytics.php Line 255 .data-list li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px dashed var(--border-light); }
admin-analytics.php Line 262 .admin-card-header { padding: 8px 15px; border-bottom: 1px solid var(--border-light); background: var(--bg-panel); display: flex; justify-content: space-between; align-items: center; }
admin-backups.php Line 226 .bu-file-list-item { font-family: monospace; font-size: 0.85rem; padding: 6px; border-bottom: 1px solid var(--border-light); display: flex; justify-content: space-between; color: var(--text-light);}
admin-catalog.php Line 37 .flex-between { display: flex; justify-content: space-between; align-items: center; }
admin-catalog.php Line 66 .pane-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; border-bottom: 1px solid var(--border-light); cursor: pointer; transition: background 0.2s; background: var(--bg-surface); gap: 10px; }
admin-catalog.php Line 86 .inspector-header { background: #f8fafc; padding: 20px 25px; border-bottom: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center; }
admin-mail.php Line 33
admin-mail.php Line 62
admin-notebook.php Line 28
admin-settings.php Line 88 .admin-card-header { padding: 20px; border-bottom: 2px solid #eee; background: #fdfdfd; display: flex; justify-content: space-between; align-items: center; }
admin-settings.php Line 119 .menu-builder-toolbar { background: #fff; padding: 15px 20px; border-bottom: 2px solid #eee; display: flex; justify-content: space-between; align-items: center; border-radius: 8px 8px 0 0; flex-wrap: wrap; gap: 10px; }
admin-settings.php Line 122 .cat-card-header { padding: 12px 15px; background: #fdfdfd; display: flex; justify-content: space-between; align-items: center; list-style: none; user-select: none; cursor: pointer; }
admin-settings.php Line 158 .backup-file-item { display: flex; justify-content: space-between; align-items: center; padding: 6px 12px; border-bottom: 1px solid #eee; font-family: monospace; font-size: 0.9em; }
admin-settings.php Line 164
admin-settings.php Line 199
admin-settings.php Line 236
admin-settings.php Line 417 itemsHtml += `🖥️ ${item.qty}x ${item.title}$${item.sell.toFixed(2)} (Sys Total)`;
admin-settings.php Line 418 item.parts.forEach(p => { let prof = (p.sell / 1.1) - p.cost; itemsHtml += `${p.qty}x ${p.title} [Link]C: $${p.cost.toFixed(2)} | S: $${p.sell.toFixed(2)} | P: $${prof.toFixed(2)}`; }); itemsHtml += ``;
admin-settings.php Line 419 } else { let prof = (item.sell / 1.1) - item.cost; itemsHtml += `📦 ${item.qty}x ${item.title}Leader LinkCost: $${item.cost.toFixed(2)} | Sell: $${item.sell.toFixed(2)}Profit: $${prof.toFixed(2)}`; }
admin-settings.php Line 581 function renderManageCustom() { const list = document.getElementById('manage-custom-list'); if(!list) return; list.innerHTML = ''; rawProducts.filter(p => p.isCustom).forEach(p => { list.innerHTML += `${p.title}Cost (Ex): $${p.raw_cost}EditDelete`; }); }
admin-templates.php Line 97
admin-templates.php Line 102
admin-templates.php Line 127
admin-templates.php Line 138
admin-templates.php Line 174
design-your-rig.php Line 227 .auto-swap-banner { background: #fff3cd; border-left: 4px solid #ffc107; padding: 15px 20px; margin-bottom: 20px; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; gap: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
design-your-rig.php Line 1783 html += `${item.title}Replace This`;
gear-store.php Line 81 .store-controls { display: flex; justify-content: space-between; align-items: center; background: var(--bg-surface, #ffffff); padding: 12px 20px; border-radius: 8px; border: 1px solid var(--border-light, #eaeaea); box-shadow: 0 4px 15px rgba(0,0,0,0.03);}
gear-store.php Line 184
gear-store.php Line 714 Group Total Cost (Ex): $${(buildCostEx * item.qty).toFixed(2)}
gear-store.php Line 715 Group Total Profit (Ex): $${(buildProfitEx * item.qty).toFixed(2)}
gear-store.php Line 721
gear-store.php Line 749
gear-store.php Line 772 Cart Total Cost (Ex): $${adminTotalCostEx.toFixed(2)}
gear-store.php Line 773 Cart Total Profit (Ex): $${adminTotalProfitEx.toFixed(2)}
our-pricelist.php Line 203 .admin-toolbar { background: #eaffea; border-bottom: 2px solid #27ae60; padding: 15px 20px; color: #155724; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px;}
our-pricelist.php Line 247 .cyoa-header { background: #000; color: #fff; padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;}
our-pricelist.php Line 248 .cyoa-controls { background: #fff; padding: 10px 30px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; box-shadow: 0 2px 10px rgba(0,0,0,0.05); z-index: 10;}
our-pricelist.php Line 314
our-pricelist.php Line 401
our-pricelist.php Line 502
our-pricelist.php Line 521
our-pricelist.php Line 598
our-pricelist.php Line 787 Cost (Ex): $${p.price_data.cost.toFixed(2)}
our-pricelist.php Line 788 Markup: ${p.price_data.percent}%
our-pricelist.php Line 789 Profit (Ex): $${p.price_data.profit.toFixed(2)}
our-pricelist.php Line 1129 list.innerHTML += `${item.rule.title}${item.title}$${item.price_data.public.toFixed(2)}Remove`;
our-pricelist.php Line 1160 cartList.innerHTML += `🖥️ ${item.title}$${(buildTotal * item.qty).toFixed(2)}Edit Build ✏️Remove${item.parts.map(p => `${p.rule.title}: ${p.title}`).join('')}`;
our-pricelist.php Line 1163 cartList.innerHTML += `${item.title}$${item.price_data.public.toFixed(2)} x $${(item.price_data.public * item.qty).toFixed(2)}X`;
our-pricelist.php Line 1192 list.innerHTML += `${p.title}Cost (Ex): $${p.raw_cost}EditDelete`;
product-detail.php Line 161
product-detail.php Line 165
product-detail.php Line 168
product-detail.php Line 171
product-detail.php Line 174
product-detail.php Line 177
product-detail.php Line 289

Hardcoded Pure Grays/Blacks/Whites

File Line Context
admin-analytics.php Line 267 .flair-cat { background: var(--status-info, #0ea5e9); color: #fff; }
admin-analytics.php Line 268 .flair-bld { background: #8b5cf6; color: #fff; }
admin-analytics.php Line 269 .flair-str { background: #eab308; color: #000; }
admin-analytics.php Line 270 .flair-frm { background: var(--status-success, #10b981); color: #fff; }
admin-analytics.php Line 271 .flair-qte { background: var(--primary-orange); color: #fff; }
admin-analytics.php Line 272 .flair-map { background: var(--status-danger, #ef4444); color: #fff; }
admin-analytics.php Line 273 .flair-eml { background: var(--status-success, #10b981); color: #fff; margin-left: auto; }
admin-builds.php Line 1138 return `
admin-builds.php Line 1144 Built-to-Order System
admin-builds.php Line 1147 #{{BUILD_CODE}}
admin-builds.php Line 1153
admin-builds.php Line 1167
admin-builds.php Line 1172 Scan to Load Build
admin-builds.php Line 1189 Total:
admin-builds.php Line 1241 let imgHtml = imgSrc ? `` : ``;
admin-builds.php Line 1249
admin-builds.php Line 1258 $${price.toFixed(2)}
admin-builds.php Line 1271 Build Notes:
admin-builds.php Line 1370 printWindow.document.write('');
admin-catalog.php Line 26 --bg-frontend-dark: #000000; --bg-frontend-charcoal: #111111;
admin-catalog.php Line 27 --text-frontend-light: #ffffff; --text-frontend-muted: #a0a0a0;
admin-catalog.php Line 28 --text-dark: #333333; --text-light: #ffffff;
admin-catalog.php Line 29 --bg-surface: #ffffff; --bg-panel: #f5f7fa; --border-light: #eaeaea;
admin-catalog.php Line 50 .btn-primary { background: var(--primary-orange); color: #fff; border: none; padding: 10px 20px; border-radius: 6px; font-weight: bold; cursor: pointer; text-transform: uppercase; transition: background 0.2s; text-align: center; white-space: nowrap; }
admin-catalog.php Line 82 .info-tooltip .tooltip-text { visibility: hidden; width: 220px; background-color: #1e293b; color: #fff; text-align: left; border-radius: 6px; padding: 10px; position: absolute; z-index: 50; bottom: 125%; right: 0; font-size: 0.75rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1); opacity: 0; transition: opacity 0.2s; pointer-events: none; border: 1px solid #334155; }
admin-catalog.php Line 225 🔄 Sync
admin-catalog.php Line 529 if(activeBtn) { activeBtn.style.background = 'var(--primary-orange)'; activeBtn.style.color = '#fff'; activeBtn.style.borderColor = 'var(--primary-orange)'; }
admin-debugger.php Line 29 Page Context, Cross-Page JS & Server Error Logs:
admin-debugger.php Line 43 toast.style.cssText = `background: ${bg}; color: #fff; padding: 12px 20px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); font-size: 0.95rem; font-weight: bold; opacity: 0; transform: translateX(50px); transition: all 0.4s ease; pointer-events: auto;`;
admin-diagnostics.php Line 33
admin-diagnostics.php Line 38 Message Body Attempted:
admin-leader.php Line 275 color: #fff;
admin-mail.php Line 37 ⬅ Close
admin-mail.php Line 42
admin-mail.php Line 44 ⚙️ Admin Mail Routing
admin-mail.php Line 56 💾 Save Routing
admin-mail.php Line 61
admin-mail.php Line 63 📧 Mail Dispatch Logs
admin-mail.php Line 64 Clear
admin-mail.php Line 75
admin-mail.php Line 91
admin-manager.php Line 78 'color' => $existing['data']['color'] ?? '#333333',
admin-manager.php Line 88 'color' => '#333333',
admin-manager.php Line 121
admin-manager.php Line 184 picker.style.background = '#fff';
admin-notebook.php Line 28
admin-notebook.php Line 30 ✓ Saved to Server
admin-settings.php Line 66 body { margin: 0; padding: 0; font-family: var(--font-main); background-color: #f4f7f6; color: #333; }
admin-settings.php Line 67 .admin-wrapper { font-family: var(--font-main); background:#f4f7f6; color:#333; min-height: 100vh; padding-bottom: 40px; padding-top: 40px;}
admin-settings.php Line 70 .btn-black { background-color: #000; color:#fff;} .btn-orange { background-color: #ff6600; color:#fff;} .btn-gray {background:#666; color:#fff;} .btn-green {background:#27ae60; color:#fff;} .btn-outline {background:transparent; border:2px solid #000; color:#000;} .btn-danger {background:#dc3545; color:#fff;} .btn-blue {background:#007bff; color:#fff;}
admin-settings.php Line 76 .dash-nav { display: flex; flex-direction: column; gap: 8px; width: 260px; flex-shrink: 0; background: #fff; border: 1px solid #ddd; padding: 20px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
admin-settings.php Line 80 .dash-tab:hover { background: #f4f7f6; color: #000; }
admin-settings.php Line 81 .dash-tab.active { background: var(--primary-orange); color: #fff; box-shadow: 0 4px 10px rgba(255, 102, 0, 0.2); }
admin-settings.php Line 84 .dash-panel { background: #fff; padding: 30px; border-radius: 8px; border: 1px solid #ddd; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
admin-settings.php Line 87 .admin-card { background:#fff; border-radius:8px; border:1px solid #ddd; box-shadow: 0 4px 15px rgba(0,0,0,0.03); overflow: hidden; margin-bottom: 20px; }
admin-settings.php Line 89 .admin-card-header h3 { margin: 0; color: #333; }
admin-settings.php Line 107 .saved-build-card { border: 1px solid #ddd; border-radius: 8px; background: #fff; padding: 15px; margin-bottom: 15px; display: flex; gap: 15px; flex-wrap: wrap; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
admin-settings.php Line 112 .modal-box { background: #fff; padding: 30px; border-radius: 12px; width: 90%; max-width: 600px; position: relative; max-height: 90vh; overflow-y: auto; box-shadow: 0 10px 40px rgba(0,0,0,0.3);}
admin-settings.php Line 116 .admin-tier-input { padding: 10px 12px; border: 2px solid #bbb; border-radius: 6px; background-color: #fff; font-size: 1rem; font-weight: bold; color: #333; transition: all 0.2s ease; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); }
admin-settings.php Line 119 .menu-builder-toolbar { background: #fff; padding: 15px 20px; border-bottom: 2px solid #eee; display: flex; justify-content: space-between; align-items: center; border-radius: 8px 8px 0 0; flex-wrap: wrap; gap: 10px; }
admin-settings.php Line 121 .cat-card { background: #fff; border: 1px solid #cbd5e1; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); overflow: hidden; transition: 0.2s; break-inside: avoid; margin-bottom: 20px; }
admin-settings.php Line 125 .cat-card-body { padding: 15px; display: grid; grid-template-columns: 1fr; gap: 8px; background: #fff; }
admin-settings.php Line 130 .mode-toggle.active { background: #1e293b; color: #fff; border-color: #1e293b; }
admin-settings.php Line 134 .quotes-table { width: 100%; border-collapse: collapse; margin-top: 15px; background: #fff; border: 1px solid #ddd; }
admin-settings.php Line 136 .quotes-table th { background: #f5f5f5; font-weight: bold; color: #333; }
admin-settings.php Line 149 .builder-step-card { display: flex; flex-direction: row; align-items: center; padding: 0; overflow: visible !important; background: #fff; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); transition: all 0.2s;}
admin-settings.php Line 156 .searchable-select-list { z-index: 99999 !important; display: none; position: absolute; top: 100%; left: 0; width: 100%; max-height: 250px; overflow-y: auto; background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); margin-top: 5px;}
admin-settings.php Line 199
admin-settings.php Line 201 ×
admin-settings.php Line 205
admin-settings.php Line 213
admin-settings.php Line 229
admin-settings.php Line 236
admin-settings.php Line 238 ×
admin-settings.php Line 242
admin-settings.php Line 250
admin-settings.php Line 263
admin-settings.php Line 303 toast.style.cssText = `background: ${bg}; color: #fff; padding: 12px 20px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); font-size: 0.95rem; font-weight: bold; display: flex; align-items: center; gap: 10px; opacity: 0; transform: translateX(50px); transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); pointer-events: auto;`;
admin-settings.php Line 385 html += `📁 Backup: ${folder}${noteHtml}${filesHtml}`;
admin-settings.php Line 510 function renderBrands() { const brands = [...new Set(rawProducts.map(p => p.brand))].sort().filter(b => b && b !== 'Unknown'); const bList = document.getElementById('bare-brands-list'); if(!bList) return; let html = ''; brands.forEach(b => { const isHidden = visibilityRules.global_hidden_brands.includes(b); const displayBrand = escapeAttr(decodeHTMLEntities(b)); html += `${displayBrand}`; }); bList.innerHTML = html; }
admin-settings.php Line 541 container.innerHTML += `☰Tier ${index + 1}:Cost up to $→ Markup %→ Round $×`;
admin-templates.php Line 79 .mode-btn:hover { background: #d0d0d0; color: #333; }
admin-templates.php Line 80 .mode-btn.active { background: var(--primary-orange); color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
admin-templates.php Line 84 .ai-textarea { width: 100%; box-sizing: border-box; padding: 8px; border-radius: 4px; border: 1px dashed #b3d4fc; background: rgba(255,255,255,0.8); font-family: monospace; font-size: 0.85rem; color: #333; resize: none; outline: none; }
admin-templates.php Line 85 .ai-textarea:focus { border-color: #2980b9; background: #fff; }
admin-templates.php Line 99 ⬅ Close
admin-templates.php Line 111
admin-templates.php Line 168
admin-templates.php Line 207 let liveHeaderHtml = "Loading Header...";
admin-templates.php Line 208 let liveFooterHtml = "Loading Footer...";
admin-templates.php Line 214 code: `\n\n Quote: #{{BUILD_CODE}}\n Total: \${{TOTAL}}\n`
admin-templates.php Line 218 code: `\nPROMO!`
admin-templates.php Line 327 const wrapper = `margin-bottom: 15px; padding: 15px; border: 1px dashed #ccc; background: #fff; border-radius: 4px; box-sizing: border-box; break-inside: avoid;`;
admin-templates.php Line 351 Dynamic CSS Component Preview
contact-us.php Line 8 .intro-section h3 { color: #333; font-size: 1.8rem; line-height: 1.4; }
contact-us.php Line 13 .contact-box { background: linear-gradient(180deg, #ff7f00 0%, #d5430e 100%); color: #fff; padding: 50px 20px; text-align: center; border-radius: 6px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
contact-us.php Line 19 .contact-form-section { background: #000; padding: 50px 20px 10px 20px; }
contact-us.php Line 24 .contact-form button { background: var(--primary-orange); color: #fff; border: none; padding: 15px 40px; font-size: 1.2rem; font-weight: bold; border-radius: 4px; cursor: pointer; align-self: flex-start; text-transform: uppercase; }
css-migrator.php Line 77 body { font-family: sans-serif; background: #f4f7f6; padding: 40px; color: #333; }
css-migrator.php Line 78 .box { background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); max-width: 800px; margin: 0 auto; }
css-migrator.php Line 79 .log { background: #1e1e1e; color: #fff; padding: 20px; border-radius: 6px; font-family: monospace; height: 400px; overflow-y: auto; line-height: 1.6; }
css-migrator.php Line 80 button { background: #ff6600; color: #fff; border: none; padding: 15px 30px; font-weight: bold; border-radius: 4px; cursor: pointer; font-size: 1.1rem; }
design-your-rig.php Line 162 position: sticky; top: var(--sticky-offset, 80px); z-index: 990; background: var(--bg-surface, #fff);
design-your-rig.php Line 171 background: var(--bg-surface, #fff);
design-your-rig.php Line 187 .step-label.review-step.complete-blue { background: #3498db !important; color: #fff !important; border-color: #3498db; }
design-your-rig.php Line 188 .step-label.review-step.complete-blue:hover { background: #2980b9 !important; color: #fff !important; }
design-your-rig.php Line 189 .step-label.review-step.active { background: #2c3e50 !important; color: #fff !important; border-color: #2c3e50; }
design-your-rig.php Line 199 .metric-value { font-size: clamp(0.9rem, 1.3vw, 1.15rem); font-weight: bold; color: var(--text-dark, #333); display: flex; align-items: baseline; gap: 5px; }
design-your-rig.php Line 206 .admin-btn.btn-black { background: #1e293b; color: #fff; }
design-your-rig.php Line 208 .admin-btn.btn-danger { background: #ef4444; color: #fff; }
design-your-rig.php Line 210 .admin-btn.btn-green { background: #10b981; color: #fff; }
design-your-rig.php Line 212 .admin-btn.btn-blue { background: #3b82f6; color: #fff; }
design-your-rig.php Line 214 .admin-btn.btn-orange { background: var(--primary-orange, #ff6600); color: #fff; }
design-your-rig.php Line 220 .modern-input { padding: 8px 12px; border: 1px solid #d1d5db; border-radius: 6px; font-family: var(--font-main, sans-serif); font-size: 0.90rem; color: #374151; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.05); transition: all 0.2s ease; outline: none; box-sizing: border-box; }
design-your-rig.php Line 224 .catalog-controls { margin-bottom: 15px; background: var(--bg-surface, #fff); padding: 10px 15px; border-radius: 8px; border: 1px solid var(--border-light, #ddd); box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
design-your-rig.php Line 233 .hybrid-code-input { border: none; background: transparent; font-family: monospace; font-size: 1.1rem; width: 80px; text-transform: uppercase; outline: none; font-weight: bold; color: var(--text-dark, #333); }
design-your-rig.php Line 251
design-your-rig.php Line 274 Choose Component
design-your-rig.php Line 303 ⊞
design-your-rig.php Line 722 new QRCode(qrTarget, { text: buildUrl, width: 180, height: 180, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H });
design-your-rig.php Line 818 let imgHtml = imgSrc ? `` : ``;
design-your-rig.php Line 823
design-your-rig.php Line 827 $${price.toFixed(2)}
design-your-rig.php Line 843 Build Notes:
design-your-rig.php Line 863
design-your-rig.php Line 868 Built-to-Order System
design-your-rig.php Line 870 #{{BUILD_CODE}}
design-your-rig.php Line 876
design-your-rig.php Line 885 {{QR_CODE_HTML}}
design-your-rig.php Line 886 Scan to Load BuildScan this QR code with your mobile device camera to instantly load this exact configuration into the PC builder.
design-your-rig.php Line 894 Total:\${{TOTAL}}
design-your-rig.php Line 937 printWindow.document.write('');
design-your-rig.php Line 955 qrCodeImg = ``;
design-your-rig.php Line 995 🔗 Copy Link
design-your-rig.php Line 996 📝 Notes
design-your-rig.php Line 997 💾 Save PDF
design-your-rig.php Line 998 🖨️ Print
design-your-rig.php Line 1125 toast.style.cssText = 'position:fixed; bottom:30px; right:30px; background:#27ae60; color:#fff; padding:15px 20px; border-radius:6px; box-shadow:0 4px 15px rgba(0,0,0,0.4); z-index:99999; transition:opacity 0.3s; opacity:0; pointer-events:none; max-width: 400px; display: flex; flex-direction: column; gap: 5px;';
design-your-rig.php Line 1525 container.innerHTML = `🚨 Application ErrorMessage: ${e.message}`;
design-your-rig.php Line 1592 html += `📝 Build Notes & InstructionsAdd any specific requirements or notes for this build. This automatically saves and will be included on your PDF specifications and quote requests.${buildNotes}`;
design-your-rig.php Line 1743 grid.innerHTML = html || `No parts found matching criteria.`;
design-your-rig.php Line 1746 document.getElementById('product-grid').innerHTML = `🚨 Catalog Render ErrorMessage: ${e.message}`;
gear-store.php Line 15 color: var(--text-dark, #333333);
gear-store.php Line 33 background: var(--bg-surface, #ffffff);
gear-store.php Line 45 .sidebar-search { width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 0.85rem; background: #fff; color: var(--text-dark, #333); box-sizing: border-box; margin-bottom: 10px; font-family: var(--font-main); }
gear-store.php Line 52 .filter-link:hover { background: #f0f0f0; color: #333; }
gear-store.php Line 53 .filter-link.active { background: var(--primary-orange); color: #fff; }
gear-store.php Line 81 .store-controls { display: flex; justify-content: space-between; align-items: center; background: var(--bg-surface, #ffffff); padding: 12px 20px; border-radius: 8px; border: 1px solid var(--border-light, #eaeaea); box-shadow: 0 4px 15px rgba(0,0,0,0.03);}
gear-store.php Line 82 .filter-select { padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px; font-size:0.9rem; background: #fff; color: var(--text-dark, #333); cursor: pointer; font-family: var(--font-main);}
gear-store.php Line 132 Showing 0 products
gear-store.php Line 135
gear-store.php Line 156 Grid
gear-store.php Line 175 🛒 Quote List 0
gear-store.php Line 182 Your Request List
gear-store.php Line 240 btn.style.background = adminShowHidden ? "#000" : "#444";
gear-store.php Line 241 btn.style.color = "#fff";
gear-store.php Line 492 btn.style.background = adminShowHidden ? "#000" : "#444";
gear-store.php Line 512 lbl.style.background = '#fff';
gear-store.php Line 630 let actionHtml = `🛒 Add to Cart`;
gear-store.php Line 714 Group Total Cost (Ex): $${(buildCostEx * item.qty).toFixed(2)}
gear-store.php Line 720
gear-store.php Line 724 $${(buildTotal * item.qty).toFixed(2)}
gear-store.php Line 751 ${item.title}
gear-store.php Line 752 $${item.price_data.public.toFixed(2)} x
gear-store.php Line 756 $${itemTotal.toFixed(2)}
gear-store.php Line 772 Cart Total Cost (Ex): $${adminTotalCostEx.toFixed(2)}
header.php Line 176 badge.style.cssText = 'position:fixed; bottom:20px; left:20px; background:#ef4444; color:#fff; padding:8px 16px; border-radius:20px; font-weight:bold; font-size:14px; text-decoration:none; z-index:999999; box-shadow:0 4px 10px rgba(0,0,0,0.3); transition: transform 0.2s;';
header.php Line 212 🔍 AI Inspect
header.php Line 213 💡 Tooltips
header.php Line 217
header.php Line 222
header.php Line 267
our-pricelist.php Line 196 body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; margin:0; padding:0; background:#f4f7f6; color:#333; }
our-pricelist.php Line 199 .page-hero { background: #1a1a1a; color: #fff; padding: 40px 20px; text-align: center; }
our-pricelist.php Line 206 .btn-black { background-color: #000; color:#fff;} .btn-orange { background-color: var(--primary-orange); color:#fff;} .btn-gray {background:#666; color:#fff;} .btn-green {background:#27ae60; color:#fff;} .btn-outline {background:transparent; border:2px solid #000; color:#000;} .btn-danger {background:#dc3545; color:#fff;} .btn-blue {background:#007bff; color:#fff;}
our-pricelist.php Line 208 .admin-toggle-btn { margin-top:10px; width:100%; padding:8px; font-size:0.85em; background:#333; color:#fff; border:none; cursor:pointer; font-weight:bold; border-radius:4px;}
our-pricelist.php Line 211 .hero-builder-cta { background: linear-gradient(135deg, #1a1a1a, #333); color: #fff; padding: 40px; border-radius: 12px; margin: 30px auto; text-align: center; cursor: pointer; border: 2px solid var(--primary-orange); box-shadow: 0 10px 30px rgba(255, 102, 0, 0.2); transition: transform 0.3s; position: relative; overflow: hidden; max-width:1300px;}
our-pricelist.php Line 215 .filter-bar { background: #fff; padding: 20px; border-radius: 8px; display: flex; flex-direction:column; gap: 15px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); border: 1px solid #eaeaea;}
our-pricelist.php Line 220 .prod-card { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 15px; display: flex; flex-direction: column; position: relative; transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; height: 100%; box-sizing: border-box;}
our-pricelist.php Line 223 .prod-img-box { width: 100%; height: 160px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; background: #fff; border-radius: 4px; overflow:hidden; flex-shrink: 0;}
our-pricelist.php Line 230 .add-cart-btn { background: #000; color: #fff; border: none; padding: 12px; border-radius: 6px; cursor: pointer; font-weight: bold; width: 100%; transition: background 0.2s; font-size:1rem; flex-shrink: 0; margin-top:auto;}
our-pricelist.php Line 235 .modal-box { background: #fff; padding: 30px; border-radius: 12px; width: 90%; max-width: 500px; position: relative; max-height: 90vh; overflow-y: auto; box-shadow: 0 10px 40px rgba(0,0,0,0.3);}
our-pricelist.php Line 237 .close-modal:hover { color: #000; }
our-pricelist.php Line 240 .prod-detail-img { flex: 1; min-width: 250px; background: #fff; border: 1px solid #eee; border-radius: 8px; display: flex; justify-content: center; align-items: center; padding: 20px;}
our-pricelist.php Line 247 .cyoa-header { background: #000; color: #fff; padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;}
our-pricelist.php Line 248 .cyoa-controls { background: #fff; padding: 10px 30px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; box-shadow: 0 2px 10px rgba(0,0,0,0.05); z-index: 10;}
our-pricelist.php Line 249 .cyoa-progress { background: #fff; padding: 15px 20px; border-bottom: 1px solid #ddd; display: flex; overflow-x: auto; gap: 12px; flex-shrink: 0; align-items:center; }
our-pricelist.php Line 250 .cyoa-step-pill { display: flex; align-items: center; gap: 12px; padding: 8px 15px; border-radius: 8px; background: #fff; border: 2px solid #ddd; cursor: pointer; min-width: 160px; flex-shrink:0;}
our-pricelist.php Line 253 .cyoa-step-thumb { width: 40px; height: 40px; object-fit: contain; background: #fff; border-radius: 4px; flex-shrink:0;}
our-pricelist.php Line 256 .cyoa-step-name { font-size: 0.9rem; font-weight: 800; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1;}
our-pricelist.php Line 259 .cyoa-sidebar { width: 350px; background: #fff; border-left: 1px solid #ddd; display: flex; flex-direction: column; flex-shrink:0;}
our-pricelist.php Line 264 .toast { position: fixed; bottom: -50px; left: 50%; transform: translateX(-50%); background: #2ecc71; color: #fff; padding: 12px 25px; border-radius: 30px; font-weight: bold; transition: bottom 0.3s; z-index: 9999; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
our-pricelist.php Line 271 .dash-tab.active { background: #000; color: #fff; }
our-pricelist.php Line 272 .dash-panel { display: none; background: #fff; padding: 30px; border-radius: 8px; border: 1px solid #ddd; }
our-pricelist.php Line 279 .searchable-select-list { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; border-radius: 6px; max-height: 250px; overflow-y: auto; z-index: 1000; box-shadow: 0 5px 15px rgba(0,0,0,0.1); margin-top: 5px; }
our-pricelist.php Line 285 .builder-step-card { background: #fff; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 15px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
our-pricelist.php Line 295 .power-pill { background:#fff; border:1px solid #bbb; padding:6px 10px; border-radius:20px; font-size:0.8rem; font-weight:bold; cursor:grab; text-align:center; box-shadow:0 2px 5px rgba(0,0,0,0.05); user-select:none;}
our-pricelist.php Line 336 Select a category on the left.
our-pricelist.php Line 375 Detected Unassigned GPUs
our-pricelist.php Line 387 Detected Unassigned CPUs
our-pricelist.php Line 484 Save Progress & Exit ×
our-pricelist.php Line 534 🛒 Quote List 0
our-pricelist.php Line 598
our-pricelist.php Line 728 if(card) { card.style.background = d.isHidden ? '#fee' : '#fff'; card.style.borderColor = d.isHidden ? 'red' : '#ccc'; if (card.classList.contains('prod-card')) card.classList.toggle('hidden-item', d.isHidden); }
our-pricelist.php Line 793 const customBadge = (isAdmin && p.isCustom) ? 'CUSTOM' : '';
our-pricelist.php Line 989 nextBtn.style.color = "#fff";
our-pricelist.php Line 992 nextBtn.style.background = "#000";
our-pricelist.php Line 1020 currentItems.forEach((ci) => { html += `${ci.image ? `` : ''}${ci.title}$${ci.price_data.public.toFixed(2)}Remove`; });
our-pricelist.php Line 1095 if(html === '') html = `No compatible parts found matching criteria.`;
our-pricelist.php Line 1386 blContainer.innerHTML += `
our-pricelist.php Line 1393 sl.innerHTML += `
our-pricelist.php Line 1410 html += `
our-products-new.php Line 13 return "" . htmlspecialchars($cat) . "" . htmlspecialchars($val) . "";
our-products-new.php Line 52 $specHtml .= "{$catLabel}✏️ " . htmlspecialchars($fName) . "";
our-products-new.php Line 54 $specHtml .= "{$catLabel}" . htmlspecialchars($fName) . "";
our-products-new.php Line 85 background-color: #000;
our-products-new.php Line 86 color: #fff;
our-products-new.php Line 89 .content-wrapper { background-color: #000; color: #fff; padding-bottom: 80px; }
our-products-new.php Line 92 .section-dark { background-color: #000; padding: 40px 20px; }
our-products-new.php Line 106 .text-block { color: #ffffff; font-family: var(--font-heading, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif); font-size: 2rem; letter-spacing: 1px; padding: 6px 14px; line-height: 1; text-transform: uppercase; font-weight: bold; white-space: nowrap; }
our-products-new.php Line 109 .section-icon { position: absolute; width: 80px; height: 80px; stroke: #ffffff; stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-linejoin: round; z-index: 1; opacity: 0.25; transform: rotate(6deg); pointer-events: none; top: -10px; right: 0px; }
our-products-new.php Line 120 .tier-card h3 { font-family: var(--font-heading, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif); font-size: 2.2rem; margin: 0 0 5px 0; color: #fff; letter-spacing: 1px; font-weight: bold; }
our-products-new.php Line 124 .spec-list li { padding: 8px 0; border-bottom: 1px solid #333; }
our-products-new.php Line 125 .view-btn { background: #ff6600; color: #fff; font-family: var(--font-heading, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif); font-size: 1.2rem; border: none; padding: 12px; cursor: pointer; letter-spacing: 1px; transition: background 0.2s; text-transform: uppercase; border-radius: 4px; font-weight: bold;}
our-products-new.php Line 131 .modal-box { background: #fff; padding: 30px; border-radius: 12px; width: 90%; max-width: 500px; position: relative; max-height: 90vh; overflow-y: auto; box-shadow: 0 10px 40px rgba(0,0,0,0.3);}
our-products-new.php Line 239 setTimeout(() => element.style.color = '#fff', 1000);
our-products.php Line 8 .intro-section h3 { color: #333; font-size: 1.8rem; margin-bottom: 20px; line-height: 1.4; }
our-products.php Line 11 .pdf-btn { background: #000; color: #fff; padding: 15px 30px; font-weight: bold; border-radius: 4px; text-transform: uppercase; display: inline-block; font-size: 1.1rem; }
our-products.php Line 12 .pdf-btn:hover { background: #333; }
our-products.php Line 14 .products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); background: #000; color: #fff; }
our-products.php Line 22 .support-banner { background: var(--primary-orange); color: #fff; padding: 60px 20px; text-align: center; }
our-products.php Line 23 .support-banner h2 { font-family: var(--font-heading); font-size: 3rem; text-transform: uppercase; margin-bottom: 15px; color: #000; font-weight: 400; letter-spacing: 1px; }
our-products.php Line 24 .support-banner h2 span { color: #fff; }
our-products.php Line 25 .support-banner h3 { font-size: 1.2rem; font-weight: 400; line-height: 1.5; color: #000; }
our-products.php Line 26 .support-banner a { color: #000; font-weight: bold; text-decoration: underline; }
our-team.php Line 8 .team-content h3 { color: #333; font-size: 1.8rem; margin-bottom: 30px; line-height: 1.4; }
product-detail.php Line 21
product-detail.php Line 24
product-detail.php Line 57 #upv-desc table { width: 100% !important; border-collapse: collapse; margin: 20px 0; background: #fff; }
product-detail.php Line 63 background: var(--bg-surface, #ffffff) !important;
product-detail.php Line 64 color: var(--text-dark, #333333) !important;
product-detail.php Line 160
product-detail.php Line 166 Raw Cost (Ex): $${cost.toFixed(2)}
product-detail.php Line 169 Markup (${markupPct}%): +$${exMarkupAmt.toFixed(2)}
product-detail.php Line 180
product-detail.php Line 224 supplierBadge = 'CUSTOM';
product-detail.php Line 244 const imgHtml = safeImgUrl ? `` : `No Image`;
product-detail.php Line 246 const selectedBadge = options.isSelected ? 'SELECTED' : '';
product-detail.php Line 247 const hiddenBadge = (isHidden && typeof isAdmin !== 'undefined' && isAdmin) ? `HIDDEN` : '';
product-detail.php Line 271 actionHtml = `${btnText}`;
product-detail.php Line 275
product-detail.php Line 323 badgeContainer.innerHTML = 'CUSTOM';
quote-modal.php Line 3
quote-modal.php Line 12 Name *
quote-modal.php Line 13
quote-modal.php Line 16 Email *
quote-modal.php Line 17
quote-modal.php Line 20 Phone
quote-modal.php Line 21
quote-modal.php Line 24 Notes
quote-modal.php Line 25
quote-modal.php Line 27 Send Quote Request
service-repairs.php Line 17 .bg-dark { background-color: #000; color: #fff; border-top: 1px solid #222; }
service-repairs.php Line 23 .bg-orange { background-color: var(--primary-orange); color: #fff; }
service-repairs.php Line 24 .bg-orange .service-text h2 { color: #000; }
service-repairs.php Line 26 .btn-book { background: var(--primary-orange); color: #fff; padding: 15px 30px; text-transform: uppercase; font-weight: bold; border-radius: 4px; display: inline-block; margin-top: 15px; font-size: 1.1rem; }
support-club.php Line 11 .support-text h2 { font-family: var(--font-heading); font-size: 3rem; text-transform: uppercase; color: #fff; line-height: 1.1; margin-bottom: 20px; letter-spacing: 1px; }
support-club.php Line 13 .support-text p { font-size: 1.1rem; margin-bottom: 20px; color: #fff; line-height: 1.6; }
support-club.php Line 17 .bg-orange .support-text h2 span { color: #000; }
support-club.php Line 21 .support-form button { background: var(--primary-orange); color: #fff; border: none; padding: 15px 30px; font-weight: bold; font-size: 1.1rem; border-radius: 4px; cursor: pointer; text-transform: uppercase; }
support-club.php Line 24 .casual-btn { background: #000; color: #fff; padding: 15px 30px; text-transform: uppercase; font-weight: bold; border-radius: 4px; display: inline-block; margin-top: 15px; font-size: 1.1rem; }
support-club.php Line 25 .casual-btn:hover { background: #333; }

Hardcoded Status Colors (Green/Red)

File Line Context
admin-analytics.php Line 270 .flair-frm { background: var(--status-success, #10b981); color: #fff; }
admin-analytics.php Line 272 .flair-map { background: var(--status-danger, #ef4444); color: #fff; }
admin-analytics.php Line 273 .flair-eml { background: var(--status-success, #10b981); color: #fff; margin-left: auto; }
admin-builds.php Line 76 .remove-cat { cursor: pointer; color: var(--status-danger, #ef4444); font-size: 1.1rem; line-height: 1; font-weight: bold; padding: 0 2px; }
admin-builds.php Line 124
admin-builds.php Line 402 status.style.color = 'var(--status-danger, #ef4444)';
admin-builds.php Line 417 status.style.color = 'var(--status-success, #10b981)';
admin-builds.php Line 421 status.style.color = 'var(--status-danger, #ef4444)';
admin-builds.php Line 425 status.style.color = 'var(--status-danger, #ef4444)';
admin-catalog.php Line 30 --status-success: #10b981; --status-danger: #ef4444;
admin-catalog.php Line 438 const item = dataArray[i]; const color = item.stock > 0 ? '#10b981' : '#ef4444';
admin-debugger.php Line 42 const bg = isSuccess ? '#10b981' : '#ef4444';
admin-diagnostics.php Line 31 $isSuccess = $log['status'] === 'Success'; $statusColor = $isSuccess ? '#27ae60' : '#e74c3c'; $metadata = $log['metadata'] ?? [];
admin-diagnostics.php Line 37 Mailer Error:
admin-mail.php Line 56 💾 Save Routing
admin-mail.php Line 72 $statusColor = $isSuccess ? '#27ae60' : '#e74c3c';
admin-mail.php Line 84
admin-notebook.php Line 30 ✓ Saved to Server
admin-quotes.php Line 108 Net Profit (Ex):
admin-quotes.php Line 172 let profColor = q.totals.profit_ex > 0 ? 'var(--status-success, #10b981)' : 'var(--text-light, #64748b)';
admin-quotes.php Line 232 itemsHtml += `${p.qty}x ${p.title} [Link]C: $${p.cost.toFixed(2)} | S: $${p.sell.toFixed(2)} | P: $${prof.toFixed(2)}`;
admin-quotes.php Line 239 Cost: $${item.cost.toFixed(2)} | Sell: $${item.sell.toFixed(2)}Profit: $${prof.toFixed(2)}
admin-settings.php Line 70 .btn-black { background-color: #000; color:#fff;} .btn-orange { background-color: #ff6600; color:#fff;} .btn-gray {background:#666; color:#fff;} .btn-green {background:#27ae60; color:#fff;} .btn-outline {background:transparent; border:2px solid #000; color:#000;} .btn-danger {background:#dc3545; color:#fff;} .btn-blue {background:#007bff; color:#fff;}
admin-settings.php Line 140 .status-Responded { background: #e6f4ea; color: #27ae60; border: 1px solid #c3e6cb; }
admin-settings.php Line 217 Net Profit (Ex):
admin-settings.php Line 301 const bg = type === 'Error' ? '#dc3545' : (type === 'Notice' ? '#64748b' : '#10b981');
admin-settings.php Line 360 container.innerHTML = 'Failed to load module. Please check your connection.';
admin-settings.php Line 407 let profColor = q.totals.profit_ex > 0 ? '#27ae60' : '#888';
admin-settings.php Line 418 item.parts.forEach(p => { let prof = (p.sell / 1.1) - p.cost; itemsHtml += `${p.qty}x ${p.title} [Link]C: $${p.cost.toFixed(2)} | S: $${p.sell.toFixed(2)} | P: $${prof.toFixed(2)}`; }); itemsHtml += ``;
admin-settings.php Line 419 } else { let prof = (item.sell / 1.1) - item.cost; itemsHtml += `📦 ${item.qty}x ${item.title}Leader LinkCost: $${item.cost.toFixed(2)} | Sell: $${item.sell.toFixed(2)}Profit: $${prof.toFixed(2)}`; }
admin-templates.php Line 130 ✓ Saved
design-your-rig.php Line 184 .step-label.completed { color: #27ae60 !important; }
design-your-rig.php Line 208 .admin-btn.btn-danger { background: #ef4444; color: #fff; }
design-your-rig.php Line 210 .admin-btn.btn-green { background: #10b981; color: #fff; }
design-your-rig.php Line 289
design-your-rig.php Line 329 Part Added!
design-your-rig.php Line 769 Suggested Swap: ${replacement.title} (+$${Math.abs(safePrice(replacement) - safePrice(missingItem)).toFixed(2)} diff)
design-your-rig.php Line 1125 toast.style.cssText = 'position:fixed; bottom:30px; right:30px; background:#27ae60; color:#fff; padding:15px 20px; border-radius:6px; box-shadow:0 4px 15px rgba(0,0,0,0.4); z-index:99999; transition:opacity 0.3s; opacity:0; pointer-events:none; max-width: 400px; display: flex; flex-direction: column; gap: 5px;';
design-your-rig.php Line 1128 toast.style.background = isSuccess ? '#27ae60' : '#c0392b';
design-your-rig.php Line 1559 Net Profit (Ex)$${adminTotalProfitEx.toFixed(2)}
design-your-rig.php Line 1583 html += `${item.stepTitle}
design-your-rig.php Line 1734 html += `Looking for these parts?Here is why they won't work with your current build. Click Swap & Fix Conflict to use one anyway (we'll automatically remove any conflicting parts for you).`;
design-your-rig.php Line 1783 html += `${item.title}Replace This`;
gear-store.php Line 64 .dyn-filter-btn.active { background: #e8f5e9; color: #27ae60; border-color: #27ae60; }
gear-store.php Line 715 Group Total Profit (Ex): $${(buildProfitEx * item.qty).toFixed(2)}
gear-store.php Line 726 Edit Build ✏️
gear-store.php Line 727 Remove
gear-store.php Line 757 ×
gear-store.php Line 773 Cart Total Profit (Ex): $${adminTotalProfitEx.toFixed(2)}
header.php Line 176 badge.style.cssText = 'position:fixed; bottom:20px; left:20px; background:#ef4444; color:#fff; padding:8px 16px; border-radius:20px; font-weight:bold; font-size:14px; text-decoration:none; z-index:999999; box-shadow:0 4px 10px rgba(0,0,0,0.3); transition: transform 0.2s;';
header.php Line 240 🚪 Logout
header.php Line 319
our-pricelist.php Line 203 .admin-toolbar { background: #eaffea; border-bottom: 2px solid #27ae60; padding: 15px 20px; color: #155724; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px;}
our-pricelist.php Line 206 .btn-black { background-color: #000; color:#fff;} .btn-orange { background-color: var(--primary-orange); color:#fff;} .btn-gray {background:#666; color:#fff;} .btn-green {background:#27ae60; color:#fff;} .btn-outline {background:transparent; border:2px solid #000; color:#000;} .btn-danger {background:#dc3545; color:#fff;} .btn-blue {background:#007bff; color:#fff;}
our-pricelist.php Line 209 .admin-toggle-btn.unhide { background:#27ae60; }
our-pricelist.php Line 251 .cyoa-step-pill.completed { border-color: #27ae60; background: #f4fdf7; }
our-pricelist.php Line 294 .power-bucket.drag-over { background: #eaffea; border-color: #27ae60; }
our-pricelist.php Line 988 nextBtn.style.background = "#27ae60";
our-pricelist.php Line 1019 let html = `Maximum Quantity Reached (${rule.maxQty})`;
our-pricelist.php Line 1260 Matches Rules Automatically ✓
our-pricelist.php Line 1385 const color = isHidden ? '#dc3545' : '#27ae60';
our-products-new.php Line 238 element.style.color = '#27ae60';
product-detail.php Line 178 Net Profit (Ex): $${actualProfitEx.toFixed(2)}
product-detail.php Line 247 const hiddenBadge = (isHidden && typeof isAdmin !== 'undefined' && isAdmin) ? `HIDDEN` : '';
product-detail.php Line 263 let failReasonHtml = options.failReason ? `⚠️ ${options.failReason}` : '';
quote-modal.php Line 29
quote-modal.php Line 30

Extreme Z-Indexes (Over 999)

File Line Context
admin-builds.php Line 81 .searchable-select-list { z-index: 1000; display: none; position: absolute; top: 100%; left: 0; width: 320px; max-height: 250px; overflow-y: auto; background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.25); margin-top: 5px;}
admin-catalog.php Line 43 .modal-overlay, .ui-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 20000; justify-content: center; align-items: center; backdrop-filter: blur(4px); }
admin-debugger.php Line 35
admin-leader.php Line 282 z-index: 1000;
admin-mail.php Line 28
admin-manager.php Line 95
admin-notebook.php Line 19
admin-settings.php Line 110 .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 2000; justify-content: center; align-items: center; backdrop-filter: blur(3px);}
admin-settings.php Line 156 .searchable-select-list { z-index: 99999 !important; display: none; position: absolute; top: 100%; left: 0; width: 100%; max-height: 250px; overflow-y: auto; background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); margin-top: 5px;}
admin-settings.php Line 297 container.style.cssText = 'position: fixed; bottom: 25px; right: 25px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; pointer-events: none;';
admin-templates.php Line 71 #ajax-flyer-modal { display: flex; flex-direction: column; position: fixed; top: 44px; left: 0; right: 0; bottom: 0; background: var(--bg-panel); z-index: 10000; overflow: hidden; }
admin-templates.php Line 89 .expanded-preview { position: fixed !important; top: 44px !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 100005 !important; border-radius: 0 !important; margin: 0 !important; }
design-your-rig.php Line 1125 toast.style.cssText = 'position:fixed; bottom:30px; right:30px; background:#27ae60; color:#fff; padding:15px 20px; border-radius:6px; box-shadow:0 4px 15px rgba(0,0,0,0.4); z-index:99999; transition:opacity 0.3s; opacity:0; pointer-events:none; max-width: 400px; display: flex; flex-direction: column; gap: 5px;';
header.php Line 176 badge.style.cssText = 'position:fixed; bottom:20px; left:20px; background:#ef4444; color:#fff; padding:8px 16px; border-radius:20px; font-weight:bold; font-size:14px; text-decoration:none; z-index:999999; box-shadow:0 4px 10px rgba(0,0,0,0.3); transition: transform 0.2s;';
header.php Line 226
header.php Line 267
header.php Line 330
our-pricelist.php Line 233 .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 2000; justify-content: center; align-items: center; backdrop-filter: blur(3px);}
our-pricelist.php Line 245 #builder-view { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #f8f9fa; z-index: 3000; flex-direction: column; overflow: hidden; }
our-pricelist.php Line 264 .toast { position: fixed; bottom: -50px; left: 50%; transform: translateX(-50%); background: #2ecc71; color: #fff; padding: 12px 25px; border-radius: 30px; font-weight: bold; transition: bottom 0.3s; z-index: 9999; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
our-pricelist.php Line 279 .searchable-select-list { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; border-radius: 6px; max-height: 250px; overflow-y: auto; z-index: 1000; box-shadow: 0 5px 15px rgba(0,0,0,0.1); margin-top: 5px; }
our-pricelist.php Line 539
our-pricelist.php Line 568
our-products-new.php Line 129 .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 2000; justify-content: center; align-items: center; backdrop-filter: blur(3px);}
product-detail.php Line 16

Hardcoded Primary Oranges

File Line Context
admin-builds.php Line 1141
admin-builds.php Line 1144 Built-to-Order System
admin-builds.php Line 1190 \${{TOTAL}}
admin-builds.php Line 1248 ${stepTitle}
admin-builds.php Line 1270
admin-catalog.php Line 25 --primary-orange: #ff7f00; --text-orange: #e66a00;
admin-catalog.php Line 51 .btn-primary:hover { background: #e67300; }
admin-mail.php Line 33
admin-mail.php Line 34 Mail Diagnostics
admin-settings.php Line 70 .btn-black { background-color: #000; color:#fff;} .btn-orange { background-color: #ff6600; color:#fff;} .btn-gray {background:#666; color:#fff;} .btn-green {background:#27ae60; color:#fff;} .btn-outline {background:transparent; border:2px solid #000; color:#000;} .btn-danger {background:#dc3545; color:#fff;} .btn-blue {background:#007bff; color:#fff;}
admin-settings.php Line 102 .searchable-select-optgroup { background: #f9f9f9; font-weight: bold; padding: 6px 12px; font-size: 0.8em; color: #ff6600; }
admin-settings.php Line 114 .tier-row.drag-over { border: 2px dashed #ff6600 !important; background: #fffaf5 !important; }
admin-settings.php Line 117 .admin-tier-input:focus { border-color: #ff6600; }
admin-settings.php Line 165 Control Panel
admin-templates.php Line 207 let liveHeaderHtml = "Loading Header...";
admin-templates.php Line 218 code: `\nPROMO!`
contact-us.php Line 13 .contact-box { background: linear-gradient(180deg, #ff7f00 0%, #d5430e 100%); color: #fff; padding: 50px 20px; text-align: center; border-radius: 6px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
contact-us.php Line 25 .contact-form button:hover { background: #e67300; }
css-migrator.php Line 80 button { background: #ff6600; color: #fff; border: none; padding: 15px 30px; font-weight: bold; border-radius: 4px; cursor: pointer; font-size: 1.1rem; }
css-migrator.php Line 87 Automated CSS Class Migrator
design-your-rig.php Line 182 .step-label.active { color: var(--primary-orange, #ff6600) !important; }
design-your-rig.php Line 183 .step-label.active::after { content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 3px; background: var(--primary-orange, #ff6600); border-radius: 3px; }
design-your-rig.php Line 200 .metric-value.highlight { color: var(--primary-orange, #ff6600); font-size: clamp(1.1rem, 1.5vw, 1.4rem); }
design-your-rig.php Line 214 .admin-btn.btn-orange { background: var(--primary-orange, #ff6600); color: #fff; }
design-your-rig.php Line 221 .modern-input:focus { border-color: var(--primary-orange, #ff6600); box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.15); }
design-your-rig.php Line 232 .hybrid-code-wrapper:focus-within { border-color: var(--primary-orange, #ff6600); }
design-your-rig.php Line 822 ${item.stepTitle}
design-your-rig.php Line 842
design-your-rig.php Line 866
design-your-rig.php Line 868 Built-to-Order System
design-your-rig.php Line 894 Total:\${{TOTAL}}
design-your-rig.php Line 1579 let qtyHtml = qty > 1 ? `(x${qty})` : '';
gear-store.php Line 43 .sidebar-title { font-family: var(--font-heading, sans-serif); font-size: 1.1rem; color: var(--text-orange, #ff7f00); margin: 0 0 10px 0; letter-spacing: 0.5px; text-transform: uppercase; font-weight: normal; }
our-pricelist.php Line 195 :root { --primary-orange: #ff6600; --font-heading: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
our-products-new.php Line 96 .intro-outro-block h2 { color: #ff6600; font-family: var(--font-heading, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif); font-size: 2rem; margin-bottom: 15px; text-transform: uppercase; }
our-products-new.php Line 121 .tier-card h4 { font-size: 0.95rem; text-transform: uppercase; color: #ff6600; margin: 0 0 15px 0; font-weight: bold; }
our-products-new.php Line 125 .view-btn { background: #ff6600; color: #fff; font-family: var(--font-heading, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif); font-size: 1.2rem; border: none; padding: 12px; cursor: pointer; letter-spacing: 1px; transition: background 0.2s; text-transform: uppercase; border-radius: 4px; font-weight: bold;}
product-detail.php Line 162 ⚙️ Applied: Tier ${tierIndex} (${maxTierLabel})
product-detail.php Line 181 STOCK:
service-repairs.php Line 27 .btn-book:hover { background: #e67300; }
service-repairs.php Line 42 We recommend a yearly service to keep your computer operating at its best. This service can extend the life of your computer, with regular annual checkups your computer will run better and last longer.
service-repairs.php Line 43 With a PCz4U service, we give your computer a good clean, scan your hard-drive, give your system a clean-up and make sure everything is running at 100%.
service-repairs.php Line 57 We know when you walk away with a PCz4U computer, you’re walking away with a great quality product. However, after some time, your computer may require some repairs to ensure you are getting the optimal performance. If you’re experiencing a slow running machine, unexpected freezing or shutdowns, slow loading webpages, or a machine that simply won’t turn on (eek!), you need to come and see us.
service-repairs.php Line 58 Our experienced service technicians will review your computer and recommend a service or repair to ensure it’s running at its best again.
service-repairs.php Line 84 Although we all love a shiny new computer, it can be frustrating transferring content from the old computer to the new computer. We can transfer all your content onto your new computer, including data, photos, videos, documents, old emails and more. This means when you start up your new computer, your data is all there for you to access.
support-club.php Line 22 .support-form button:hover { background: #e67300; }
support-club.php Line 42 Every new computer purchase will receive 12 months’ FREE REMOTE SUPPORT CLUB Valued at $210

Legacy/Duplicate Modal Classes

File Line Context
design-your-rig.php Line 1121 let toast = document.getElementById('mini-toast');
design-your-rig.php Line 1124 toast.id = 'mini-toast';
footer.php Line 52