.card:hover box-shadow: 0 12px 24px rgba(0,0,0,0.1);
.error-result h4 margin: 0 0 8px 0; color: #c4450c;
.header p margin: 0; opacity: 0.85; font-size: 1rem; gimpack gp 3300 manual pdf
.maintenance-list list-style: none; padding-left: 0;
footer text-align: center; font-size: 0.8rem; color: #5f7f9e; margin-top: 2rem; border-top: 1px solid #cbdde9; padding-top: 1.5rem; .card:hover box-shadow: 0 12px 24px rgba(0
/* Header */ .header background: linear-gradient(135deg, #1e3c72 0%, #2b4c7c 100%); color: white; padding: 1.5rem; border-radius: 28px; margin-bottom: 2rem; box-shadow: 0 8px 20px rgba(0,0,0,0.1);
if (bestMatch) document.getElementById('errorResultContainer').innerHTML = ` <div class="error-result"> <h4>🛠️ Suggested solution</h4> <p>$bestMatch.solution</p> <small>✔️ Based on GP 3300 manual diagnostic section.</small> </div>`; else document.getElementById('errorResultContainer').innerHTML = ` <div class="error-result"> <h4>🔎 No direct match</h4> <p>Try "wrinkle", "E02", "jam", "not heating". Or refer to full manual: general maintenance & cleaning often resolves issues.</p> <p><strong>Quick tip:</strong> Run a cleaning sheet and verify temp setting for your pouch thickness.</p> </div>`; .header p margin: 0
<div class="grid"> <!-- CARD 1: ERROR / SYMPTOM LOOKUP --> <div class="card"> <h2>🔍 Error & Symptom Finder</h2> <div class="search-area"> <input type="text" id="errorInput" placeholder="e.g., E01, not heating, jam, uneven lamination" autocomplete="off"> <button id="searchErrorBtn">🔎 Diagnose</button> </div> <div id="errorResultContainer"> <div class="error-result" style="background:#f8fafc;"> <h4>💡 Tip</h4> <p>Enter error code (E01, E02, E03) or describe a problem like "wrinkling", "pouch stuck", "cold spots".</p> </div> </div> </div>
th, td text-align: left; padding: 12px 6px; border-bottom: 1px solid #e4e9f0;
