:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--border-color: #e5e7eb;--text-color: #1f2937;--text-secondary: #6b7280;--bg-gray: #f9fafb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color)}.hs-ferroz-catalog-container,.hs-ferroz-layout-container{max-width:80%!important}.hs-ferroz-catalog{max-width:100%;margin:0 auto;padding:20px}.search-section{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:24px;margin-bottom:24px}.search-section h2{font-size:1.5rem;margin-bottom:20px;color:var(--text-color)}.search-form{display:grid;gap:16px}.search-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:500;margin-bottom:4px;color:var(--text-secondary)}.form-group input,.form-group select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.search-button{padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.search-button:hover{background:var(--primary-hover)}.search-button:disabled{background:#9ca3af;cursor:not-allowed}.results-section{background:#fff;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.results-header{padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-gray)}.results-header h3{font-size:1.125rem;color:var(--text-color)}.results-count{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.results-table{width:100%;border-collapse:collapse}.results-table th{background:var(--bg-gray);padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.results-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:.875rem}.results-table tr:hover{background:var(--bg-gray)}.results-table tr:last-child td{border-bottom:none}.view-button{padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background .2s}.view-button:hover{background:var(--primary-hover)}.empty-state{padding:48px 24px;text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:16px}.empty-state-text{font-size:1rem;margin-bottom:8px}.empty-state-hint{font-size:.875rem;color:#9ca3af}.loading{text-align:center;padding:48px 24px;color:var(--text-secondary)}.error{padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#991b1b;margin-bottom:24px}.layout-detail{background:#fff;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:24px}.layout-detail-header{padding:20px 24px;background:var(--bg-gray);border-bottom:2px solid var(--border-color)}.layout-detail-header h2{font-size:1.5rem;margin-bottom:12px}.layout-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}.layout-info-item{font-size:.875rem}.layout-info-label{font-weight:600;color:var(--text-secondary)}.layout-canvas-container{padding:24px;background:#fff}.layout-canvas{border:1px solid var(--border-color);border-radius:4px;max-width:100%;background:#fff!important;margin:0 auto;display:block}.parts-list{padding:24px}.parts-list h3{font-size:1.125rem;margin-bottom:16px}.part-item{padding:12px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.part-info{flex:1}.part-numbers{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.parts-table-container{padding:24px}.parts-table{width:100%;border-collapse:collapse;border:1px solid var(--border-color)}.parts-table th{background:var(--bg-gray);padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-secondary);border:1px solid var(--border-color)}.parts-table td{padding:12px 16px;border:1px solid var(--border-color);font-size:.875rem;vertical-align:middle}.parts-table td img{display:block}.back-button{padding:8px 16px;background:#f3f4f6;color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;cursor:pointer;transition:background .2s;margin-bottom:16px}.back-button:hover{background:#e5e7eb}@media(max-width:768px){.search-row{grid-template-columns:1fr}.results-table{font-size:.75rem}.results-table th,.results-table td{padding:8px 12px}}.empty-state-action{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.empty-state-action p{margin-bottom:12px;color:var(--text-secondary)}.missing-data-cta{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:var(--bg-gray);border-top:1px solid var(--border-color)}.missing-data-cta p{margin:0;color:var(--text-secondary);font-size:.875rem}.report-missing-btn{padding:10px 20px;background:#f59e0b;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.report-missing-btn:hover{background:#d97706}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.report-modal{background:#fff;border-radius:8px;max-width:600px;width:100%;max-height:none;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-gray)}.report-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-color)}.report-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;line-height:1}.report-modal-close:hover{color:var(--text-color)}.report-modal-body{padding:24px}.report-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-gray)}.report-error{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:12px 16px;color:#991b1b;margin-bottom:20px;font-size:.875rem}.report-section{margin-bottom:24px}.report-section h4{margin:0 0 16px;font-size:1rem;color:var(--primary-color);border-bottom:2px solid var(--border-color);padding-bottom:8px}.report-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.report-field{display:flex;flex-direction:column}.report-field.full-width{grid-column:1 / -1}.report-field label{font-size:.875rem;font-weight:500;margin-bottom:4px;color:var(--text-secondary)}.report-field input,.report-field select,.report-field textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;transition:border-color .2s}.report-field input:focus,.report-field select:focus,.report-field textarea:focus{outline:none;border-color:var(--primary-color)}.report-field textarea{resize:vertical;min-height:80px}.report-field small{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.report-cancel-btn{padding:10px 20px;background:#fff;color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;cursor:pointer;transition:background .2s}.report-cancel-btn:hover{background:var(--bg-gray)}.report-submit-btn{padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.report-submit-btn:hover{background:var(--primary-hover)}.report-submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.report-success{text-align:center;padding:40px 24px}.success-icon{width:60px;height:60px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px}.report-success p{margin:0 0 16px;color:var(--text-secondary);line-height:1.6}.report-success .report-submit-btn{margin-top:20px}@media(max-width:600px){.report-row{grid-template-columns:1fr}.missing-data-cta{flex-direction:column;text-align:center}}