@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Roboto+Mono:wght@400;500;600&display=swap";.audio-uploader{width:100%}.uploader-title{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,rgba(37,99,235,.2),transparent) 1}.uploader-title h2{font-size:1.5rem;font-weight:800;color:#1e293b;letter-spacing:-.01em}.uploader-title .title-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(37,99,235,.3))}.upload-area{position:relative;border:3px dashed rgba(37,99,235,.2);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;background:linear-gradient(135deg,#fff,#f8fafc);transition:all var(--transition-base);overflow:hidden;box-shadow:0 4px 24px #2563eb14,0 0 0 1px #ffffff80 inset}.upload-area:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6,#f97316);opacity:0;transition:opacity var(--transition-base);box-shadow:0 2px 8px #2563eb4d}.upload-area:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity var(--transition-base);animation:rotate 20s linear infinite}.upload-area:hover{border-color:#2563eb66;background:linear-gradient(135deg,#fff,#f1f5f9);transform:translateY(-3px);box-shadow:0 8px 32px #2563eb26,0 0 0 1px #fffc inset}.upload-area:hover:before{opacity:.8}.upload-area:hover:after{opacity:1}.upload-area.drag-active{border-color:#2563eb;border-style:solid;background:linear-gradient(135deg,#2563eb0d,#f973160d);transform:scale(1.01);box-shadow:0 12px 40px #2563eb40,0 0 0 2px #2563eb33,0 0 0 1px #fffc inset}.upload-area.drag-active:before{opacity:1}.upload-area.drag-active:after{opacity:1}.upload-content{position:relative;z-index:1}.upload-icon-container{width:120px;height:120px;margin:0 auto var(--space-xl);background:linear-gradient(135deg,#fff,#f8fafc);border:3px solid rgba(37,99,235,.15);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);box-shadow:0 4px 20px #2563eb1a,0 0 0 1px #ffffff80 inset;position:relative;overflow:hidden}.upload-icon-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2563eb1a,#f973161a);opacity:0;transition:opacity var(--transition-base)}.upload-area:hover .upload-icon-container{border-color:#2563eb4d;transform:scale(1.05) rotate(2deg);box-shadow:0 8px 32px #2563eb33,0 0 0 1px #fffc inset}.upload-area:hover .upload-icon-container:before{opacity:1}.upload-icon{width:80px;height:80px;transition:transform var(--transition-base);filter:drop-shadow(0 4px 8px rgba(37,99,235,.3));position:relative;z-index:1}.upload-icon path,.upload-icon polygon{transition:all var(--transition-base)}.upload-area:hover .upload-icon{transform:scale(1.1)}.upload-area:hover .upload-icon path{fill:#3b82f6}.upload-content h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:var(--space-sm);letter-spacing:-.01em}.upload-content p{color:#64748b;margin:var(--space-xs) 0;font-size:1.05rem;font-weight:500}.upload-hint{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:#fff;border:1px solid rgba(37,99,235,.15);border-radius:var(--radius-full);font-size:.9rem;color:#475569;font-weight:600;box-shadow:0 2px 8px #2563eb14;transition:all var(--transition-base)}.upload-hint:before{content:"📁";font-size:1.1rem}.upload-hint:hover{border-color:#2563eb4d;background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1f}.file-info{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#fff;border:2px solid rgba(37,99,235,.2);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;animation:fadeIn .3s ease-out;box-shadow:0 4px 16px #2563eb1a;position:relative;overflow:hidden}.file-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#3b82f6);opacity:.8}.file-name{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:#1e293b;font-size:1rem}.file-name:before{content:"🎵";font-size:1.2rem}.file-size{color:#64748b;font-size:.9rem;font-family:var(--font-mono);font-weight:600}.section-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0}.divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.2),transparent)}.divider-text{color:#64748b;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.manual-input-section{margin-top:var(--space-lg)}.manual-input-toggle{width:100%;padding:var(--space-md) var(--space-lg);background:#fff;border:2px solid rgba(37,99,235,.15);border-radius:var(--radius-lg);color:#475569;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--transition-base);box-shadow:0 2px 8px #2563eb14;cursor:pointer}.manual-input-toggle:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #2563eb4d}.manual-input-toggle.active{background:linear-gradient(135deg,#2563eb,#3b82f6,#f97316);border-color:transparent;color:#fff;box-shadow:0 4px 20px #2563eb66}.manual-input-area{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);animation:fadeIn .3s ease-out}.manual-transcript-input{width:100%;min-height:200px;padding:var(--space-lg);border:2px solid rgba(37,99,235,.15);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:1rem;line-height:1.7;resize:vertical;color:#1e293b;background:#fff;transition:all var(--transition-base);box-shadow:0 2px 8px #2563eb0d}.manual-transcript-input::placeholder{color:#94a3b8;font-weight:400}.manual-transcript-input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb1a,0 4px 16px #2563eb1a}.input-actions{display:flex;gap:var(--space-md)}.process-manual-button{flex:1;padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,#2563eb,#3b82f6,#f97316);color:#fff;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--transition-base);box-shadow:0 4px 16px #2563eb4d;border:none;cursor:pointer;letter-spacing:.01em}.process-manual-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 32px #2563eb66,0 0 0 4px #2563eb1a}.process-manual-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.cancel-manual-button{padding:var(--space-md) var(--space-lg);background:#fff;border:2px solid rgba(37,99,235,.15);color:#475569;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;transition:all var(--transition-base);box-shadow:0 2px 8px #0000000d;cursor:pointer}.cancel-manual-button:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #ef44444d}.upload-processing-indicator{margin-top:var(--space-xl);padding:var(--space-2xl);background:linear-gradient(135deg,#2563eb0d,#f973160d);border:2px solid rgba(37,99,235,.15);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden;animation:fadeIn .3s ease-out}.upload-processing-indicator:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6,#f97316);animation:shimmer 2s infinite;box-shadow:0 2px 8px #2563eb4d}.upload-spinner-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);position:relative;z-index:1}.upload-spinner{width:56px;height:56px;border-radius:50%;position:relative}.upload-spinner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid rgba(37,99,235,.1)}.upload-spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid transparent;border-top-color:#2563eb;border-right-color:#f97316;animation:spin .8s linear infinite}.upload-processing-text{color:#1e293b;font-size:1.15rem;font-weight:700;letter-spacing:.01em}.upload-processing-subtext{color:#64748b;font-size:.95rem;margin-top:var(--space-xs);font-weight:500}.upload-progress-container{width:100%;max-width:400px;margin-top:var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.upload-progress-bar{width:100%;height:8px;background:#2563eb1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6,#f97316);background-size:200% 100%;border-radius:var(--radius-full);transition:width .3s ease;animation:progressGradient 2s ease infinite;box-shadow:0 0 10px #2563eb66}@keyframes progressGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.upload-progress-text{color:#2563eb;font-size:.875rem;font-weight:700;font-family:var(--font-mono, monospace)}.upload-transcript-display{margin-top:var(--space-xl);background:#fff;border:2px solid rgba(37,99,235,.15);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 24px #2563eb14,0 0 0 1px #ffffff80 inset;animation:fadeIn .3s ease-out;position:relative}.upload-transcript-display:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6);opacity:.8;z-index:1}.transcript-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:2px solid rgba(37,99,235,.1);position:relative;z-index:1}.transcript-header-actions{display:flex;align-items:center;gap:var(--space-md)}.transcript-header h3{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.01em}.transcript-length{font-size:.85rem;color:#64748b;font-weight:600;font-family:var(--font-mono);background:#2563eb1a;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.transcript-text-container{max-height:400px;overflow-y:auto;position:relative}.transcript-text-container::-webkit-scrollbar{width:8px}.transcript-text-container::-webkit-scrollbar-track{background:#f8fafc}.transcript-text-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2563eb,#3b82f6);border-radius:var(--radius-full)}.transcript-text-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#2563eb)}.transcript-text-view{padding:var(--space-xl);font-size:1rem;line-height:1.8;color:#1e293b;font-family:var(--font-body);white-space:pre-wrap;word-wrap:break-word;background:#fff}.edit-transcript-button{padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 8px #2563eb33;display:flex;align-items:center;gap:var(--space-xs)}.edit-transcript-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.new-inspection-button{padding:var(--space-xs) var(--space-md);background:#64748b;color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.new-inspection-button:hover{background:#475569}.test-scenarios-section{margin:var(--space-xl) 0}.test-scenarios-toggle{width:100%;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px #8b5cf64d;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.test-scenarios-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.test-scenarios-toggle.active{background:linear-gradient(135deg,#6d28d9,#5b21b6)}.test-scenarios-list{margin-top:var(--space-lg);padding:var(--space-xl);background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);box-shadow:0 4px 20px #8b5cf61a}.test-scenarios-description{color:#475569;font-size:.95rem;margin-bottom:var(--space-lg);text-align:center;font-weight:500}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.scenario-button{padding:var(--space-md);background:#fff;border:2px solid rgba(139,92,246,.2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;display:flex;flex-direction:column;gap:var(--space-xs);box-shadow:0 2px 8px #8b5cf61a}.scenario-button:hover{transform:translateY(-2px);border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf633;background:linear-gradient(135deg,#faf5ff,#fff)}.scenario-number{font-size:.85rem;font-weight:700;color:#8b5cf6;background:#8b5cf61a;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);display:inline-block;width:fit-content}.scenario-name{font-size:.95rem;font-weight:600;color:#1e293b;line-height:1.4}@media (max-width: 768px){.scenarios-grid{grid-template-columns:1fr}}.transcript-edit-mode{display:flex;flex-direction:column;gap:var(--space-md)}.edit-controls{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:2px solid rgba(37,99,235,.1)}.save-transcript-button{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 8px #10b9814d;display:flex;align-items:center;gap:var(--space-xs)}.save-transcript-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.cancel-transcript-button{padding:var(--space-sm) var(--space-lg);background:#fff;border:2px solid rgba(37,99,235,.15);color:#475569;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-xs)}.cancel-transcript-button:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px)}.transcript-edit-textarea{width:100%;min-height:300px;padding:var(--space-xl);border:2px solid rgba(37,99,235,.15);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:1rem;line-height:1.8;resize:vertical;color:#1e293b;background:#fff;transition:all var(--transition-base);box-shadow:0 2px 8px #2563eb0d}.transcript-edit-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a,0 4px 16px #2563eb1a}@media (max-width: 768px){.upload-area{padding:var(--space-2xl) var(--space-lg)}.upload-icon-container{width:90px;height:90px}.upload-icon{width:64px;height:64px}.upload-content h3{font-size:1.25rem}.input-actions{flex-direction:column}.cancel-manual-button{order:1}}.conversion-progress-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl) var(--space-xl);background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:var(--radius-xl);border:2px solid rgba(59,130,246,.3);animation:fadeIn .3s ease-out;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset,0 0 60px #3b82f61a;position:relative;overflow:hidden}.conversion-progress-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#f97316);animation:shimmer 2s infinite linear;background-size:200% 100%}.conversion-icon{font-size:4rem;margin-bottom:var(--space-lg);animation:pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(59,130,246,.4))}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.conversion-progress-container h3{color:#f1f5f9;font-size:1.4rem;font-weight:700;margin-bottom:var(--space-sm);letter-spacing:-.01em}.conversion-file-name{color:#94a3b8;font-size:.95rem;margin-bottom:var(--space-lg);font-family:var(--font-mono);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversion-progress-bar{width:100%;max-width:400px;height:12px;background:#1e293bcc;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-md);border:1px solid rgba(59,130,246,.2);box-shadow:inset 0 2px 4px #0000004d}.conversion-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#f97316);background-size:200% 100%;border-radius:var(--radius-full);transition:width .3s ease;animation:gradientMove 2s ease infinite;box-shadow:0 0 20px #3b82f680}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.conversion-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.conversion-percent{color:#e2e8f0;font-size:1.1rem;font-weight:700;font-family:var(--font-mono)}.conversion-time-estimate{color:#94a3b8;font-size:.9rem;font-weight:500;font-family:var(--font-mono)}.conversion-hint{color:#64748b;font-size:.85rem;text-align:center;max-width:300px;margin-bottom:var(--space-md)}.skip-conversion-button{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:#ef44441a;border:2px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 8px #ef444433}.skip-conversion-button:hover{background:#ef444433;border-color:#ef444480;color:#fee2e2;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.conversion-complete-stats{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);animation:fadeIn .3s ease-out;box-shadow:0 4px 16px #10b98126}.stats-icon{font-size:1.5rem;animation:bounce .6s ease-out}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.stats-content{display:flex;flex-direction:column;gap:2px}.stats-title{color:#10b981;font-size:.95rem;font-weight:700}.stats-detail{color:#64748b;font-size:.85rem;font-family:var(--font-mono)}.stats-reduction{color:#10b981;font-weight:700;margin-left:var(--space-xs)}.upload-hint-video{display:block;margin-top:var(--space-sm);font-size:.85rem;color:#8b5cf6;font-weight:500;opacity:.9}@media (max-width: 768px){.conversion-progress-container{padding:var(--space-xl) var(--space-lg)}.conversion-icon{font-size:3rem}.conversion-progress-container h3{font-size:1.2rem}.conversion-progress-bar{max-width:100%}.conversion-complete-stats{flex-direction:column;text-align:center}}.live-listening-section{margin-top:var(--space-lg)}.live-listening-toggle{width:100%;padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,#059669,#10b981,#34d399);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-md);transition:all var(--transition-base);box-shadow:0 4px 20px #10b98159;cursor:pointer;position:relative;overflow:hidden}.live-listening-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.live-listening-toggle:hover:not(.disabled):before{transform:translate(100%)}.live-listening-toggle:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 8px 32px #10b98173}.live-listening-toggle.disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;opacity:.7}.live-listening-toggle .mic-icon{font-size:1.5rem;animation:micPulse 2s ease-in-out infinite}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.browser-warning{text-align:center;color:#f59e0b;font-size:.875rem;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#f59e0b1a;border-radius:var(--radius-md);border:1px solid rgba(245,158,11,.3)}.live-listening-area{background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid rgba(16,185,129,.4);border-radius:var(--radius-xl);padding:var(--space-xl);animation:fadeIn .3s ease-out;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset,0 0 60px #10b9811a;position:relative;overflow:hidden}.live-listening-area:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#34d399,#10b981);background-size:200% 100%;animation:gradientMove 2s ease infinite}.live-listening-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.listening-indicator{display:flex;align-items:center;gap:var(--space-sm);color:#94a3b8;font-size:.95rem;font-weight:600}.listening-indicator.active{color:#34d399}.pulse-dot{width:12px;height:12px;background:#64748b;border-radius:50%;position:relative}.listening-indicator.active .pulse-dot{background:#10b981;animation:pulseDot 1.5s ease-in-out infinite}@keyframes pulseDot{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 #10b98100}}.live-listening-controls{display:flex;gap:var(--space-sm)}.pause-listening-btn,.resume-listening-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none}.pause-listening-btn{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.pause-listening-btn:hover{background:#f59e0b4d;transform:translateY(-1px)}.resume-listening-btn{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.resume-listening-btn:hover{background:#10b9814d;transform:translateY(-1px)}.live-transcript-display{background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);min-height:120px;max-height:300px;overflow-y:auto}.live-transcript-display::-webkit-scrollbar{width:6px}.live-transcript-display::-webkit-scrollbar-track{background:#1e293b80;border-radius:var(--radius-full)}.live-transcript-display::-webkit-scrollbar-thumb{background:#10b98180;border-radius:var(--radius-full)}.live-transcript-content{font-size:1rem;line-height:1.7;color:#e2e8f0}.live-transcript-content .final-text{color:#f1f5f9}.live-transcript-content .interim-text{color:#10b981;font-style:italic;opacity:.8}.live-transcript-content .placeholder-text{color:#64748b;font-style:italic}.live-transcript-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(148,163,184,.15)}.char-count{font-size:.8rem;color:#64748b;font-family:var(--font-mono)}.mode-indicator{font-size:.8rem;color:#94a3b8;background:#94a3b81a;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.live-listening-actions{display:flex;gap:var(--space-md)}.confirm-live-btn{flex:1;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px #10b9814d}.confirm-live-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.confirm-live-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cancel-live-btn{padding:var(--space-md) var(--space-lg);background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.cancel-live-btn:hover{background:#ef444440;border-color:#ef444480;color:#fee2e2;transform:translateY(-2px)}@media (max-width: 768px){.live-listening-area{padding:var(--space-lg)}.live-listening-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.live-listening-actions{flex-direction:column}.cancel-live-btn{order:1}}.truvideo-logo{display:flex;align-items:center;gap:var(--space-md);font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.logo-icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon{display:block;filter:drop-shadow(0 2px 4px rgba(37,99,235,.3))}.speech-bubble{transition:all var(--transition-base)}.play-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.logo-text{display:flex;align-items:baseline;line-height:1}.logo-text-tru{color:#2563eb;font-weight:800}.logo-text-video{color:var(--color-text-primary);font-weight:700}[data-theme=dark] .logo-text-video{color:#fff}.logo-small .logo-icon{width:32px;height:32px}.logo-small .logo-text{font-size:1.2rem}.logo-medium .logo-icon{width:48px;height:48px}.logo-medium .logo-text{font-size:1.5rem}.logo-large .logo-icon{width:72px;height:72px}.logo-large .logo-text{font-size:2.25rem}.truvideo-logo:hover .speech-bubble{fill:#3b82f6;transform:scale(1.05)}.truvideo-logo:hover .logo-text-tru{color:#3b82f6}@media (max-width: 768px){.logo-medium .logo-icon{width:40px;height:40px}.logo-medium .logo-text{font-size:1.25rem}.logo-large .logo-icon{width:56px;height:56px}.logo-large .logo-text{font-size:1.75rem}}.ai-inspection-form{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1rem;line-height:1.6;color:#1e293b;max-width:1200px;margin:0 auto;padding:2rem;box-shadow:0 4px 20px #0000001a;border-radius:8px}.form-title-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.form-title-bar h1{margin:0;font-size:1.75rem;font-weight:700;color:#1e293b}.download-pdf-button,.print-button{background:#2563eb;color:#fff;border:none;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s;margin-left:.5rem}.status-legend{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1rem 1.5rem;background:#f8fafc;border-radius:6px;margin-bottom:2rem;border:1px solid #e2e8f0}.legend-title{font-weight:700;font-size:.875rem;color:#475569;text-transform:uppercase;letter-spacing:.5px}.legend-items{display:flex;flex-wrap:wrap;gap:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;font-weight:500}.status-indicator{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;font-weight:700;font-size:.875rem;flex-shrink:0}.status-indicator.status-green{background:#dcfce7;border:2px solid #16a34a;color:#16a34a}.status-indicator.status-yellow{background:#fef3c7;border:2px solid #f59e0b;color:#f59e0b}.status-indicator.status-red{background:#fee2e2;border:2px solid #dc2626;color:#dc2626}.status-indicator.status-na{background:#f1f5f9;border:2px solid #94a3b8;color:#94a3b8}.status-check{line-height:1}.status-empty{font-size:.75rem}.ai-form-section{margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;background:#fff}.ai-section-header{display:flex;align-items:center;gap:.75rem;background:#2563eb;color:#fff;padding:1rem 1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;font-weight:600}.ai-section-header:hover{background:#1d4ed8}.section-toggle-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.section-title{font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.section-content{padding:1.5rem;background:#fff}.header-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.header-item{display:flex;flex-direction:column;gap:.25rem}.header-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.header-value{font-size:1rem;font-weight:600;color:#1e293b}.context-item{margin-bottom:1rem}.context-item:last-child{margin-bottom:0}.context-label{font-weight:600;color:#475569;display:block;margin-bottom:.5rem}.context-value{color:#1e293b}.context-value-list{display:flex;flex-direction:column;gap:.5rem}.context-value-item{padding:.5rem;background:#f8fafc;border-radius:4px;border-left:3px solid #2563eb}.overall-status-card{padding:1.5rem;border-radius:6px;margin-bottom:1.5rem;border:2px solid}.overall-status-card.status-green{background:#dcfce7;border-color:#16a34a}.overall-status-card.status-yellow{background:#fef3c7;border-color:#f59e0b}.overall-status-card.status-red{background:#fee2e2;border-color:#dc2626}.overall-status-row,.overall-risk-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.overall-status-row:last-child,.overall-risk-row:last-child{margin-bottom:0}.overall-label,.risk-label{font-weight:600;color:#475569}.overall-value{font-size:1.25rem;font-weight:700;text-transform:uppercase}.risk-value{padding:.25rem .75rem;border-radius:4px;font-weight:700;font-size:.875rem;text-transform:uppercase}.risk-value.risk-low{background:#dcfce7;color:#16a34a}.risk-value.risk-medium{background:#fef3c7;color:#f59e0b}.risk-value.risk-high{background:#fee2e2;color:#dc2626}.key-findings{margin-top:1.5rem}.key-findings-label{font-weight:600;color:#475569;display:block;margin-bottom:.75rem}.key-findings-list{margin:0;padding-left:1.5rem;list-style:none}.key-findings-list li{margin-bottom:.5rem;padding-left:.5rem;position:relative}.key-findings-list li:before{content:"•";position:absolute;left:-.75rem;color:#2563eb;font-weight:700}.components-container{display:flex;flex-direction:column;gap:1rem}.component-card{background:#f8fafc;border-radius:6px;padding:1.25rem;border:1px solid #e2e8f0;transition:all .2s}.component-card.highlighted{border-left:4px solid #2563eb;box-shadow:0 4px 12px #2563eb26}.component-card.status-red{border-left:4px solid #dc2626;background:#fef2f2}.component-card.status-yellow{border-left:4px solid #f59e0b;background:#fffbeb}.component-card.status-green{border-left:4px solid #16a34a;background:#f0fdf4}.component-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.component-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.component-name{font-weight:700;font-size:1.1rem;color:#1e293b;flex:1}.advisory-badge{font-size:.75rem;font-weight:700;padding:.25rem .5rem;background:#fef3c7;color:#f59e0b;border-radius:4px;text-transform:uppercase}.component-meta-row{display:flex;gap:.75rem;flex-wrap:wrap}.severity-indicator,.confidence-indicator{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.severity-indicator.severity-high{background:#fee2e2;color:#dc2626}.severity-indicator.severity-medium{background:#fef3c7;color:#f59e0b}.severity-indicator.severity-low{background:#dbeafe;color:#2563eb}.severity-indicator.severity-none{background:#f1f5f9;color:#64748b}.confidence-indicator.confidence-high{background:#dcfce7;color:#16a34a}.confidence-indicator.confidence-medium{background:#fef3c7;color:#f59e0b}.confidence-indicator.confidence-low{background:#fee2e2;color:#dc2626}.component-body{display:flex;flex-direction:column;gap:.75rem}.component-field{display:flex;flex-direction:column;gap:.25rem}.field-label{font-weight:600;color:#475569;font-size:.875rem}.field-value{color:#1e293b;line-height:1.6}.customer-note{background:#eff6ff;padding:.75rem;border-radius:4px;border-left:3px solid #2563eb}.uncertainty-note{background:#fef3c7;padding:.75rem;border-radius:4px;border-left:3px solid #f59e0b}.measurements-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.measurement-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border-radius:4px;flex-wrap:wrap}.measurement-label{font-weight:600;color:#64748b}.measurement-value{font-weight:700;color:#2563eb;font-family:Courier New,monospace}.measurement-method{font-size:.875rem;color:#64748b;font-style:italic}.measurement-original{font-size:.875rem;color:#64748b;font-style:italic;margin-left:auto}.actions-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.action-badge{padding:.25rem .75rem;background:#fff;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem;color:#475569}.recommendation-field{padding:.75rem;border-radius:4px;border:2px solid}.recommendation-field.urgency-immediate{background:#fee2e2;border-color:#dc2626;color:#991b1b}.recommendation-field.urgency-soon{background:#fef3c7;border-color:#f59e0b;color:#92400e}.recommendation-field.urgency-monitor{background:#dbeafe;border-color:#2563eb;color:#1e40af}.evidence-field{background:#f8fafc;padding:.75rem;border-radius:4px;border-left:3px solid #64748b}.evidence-text{font-style:italic;color:#475569}.ui-annotation{font-size:.875rem;color:#64748b;font-style:italic;padding-top:.5rem;border-top:1px solid #e2e8f0}.domain-group{margin-bottom:2rem}.domain-group:last-child{margin-bottom:0}.domain-header{font-weight:800;font-size:.875rem;padding:.75rem 1rem;background:#f1f5f9;margin-bottom:1rem;border-radius:4px;text-transform:uppercase;letter-spacing:1px;color:#475569;border-left:4px solid #2563eb}.coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.coverage-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:4px;border:1px solid #e2e8f0}.coverage-item.inspected{border-left:4px solid #16a34a;background:#f0fdf4}.coverage-system{font-weight:600;color:#1e293b}.coverage-status{font-weight:700;font-size:.875rem}.coverage-item.inspected .coverage-status{color:#16a34a}.recommendations-container{display:flex;flex-direction:column;gap:1.5rem}.recommendation-group{padding:1.25rem;border-radius:6px;border:2px solid}.recommendation-group.urgent{background:#fef2f2;border-color:#dc2626}.recommendation-group.soon{background:#fffbeb;border-color:#f59e0b}.recommendation-group.monitor{background:#eff6ff;border-color:#2563eb}.recommendation-group-title{font-weight:800;font-size:.875rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.recommendation-group.urgent .recommendation-group-title{color:#dc2626}.recommendation-group.soon .recommendation-group-title{color:#f59e0b}.recommendation-group.monitor .recommendation-group-title{color:#2563eb}.recommendation-list{margin:0;padding-left:1.5rem;list-style:none}.recommendation-list li{margin-bottom:.75rem;padding-left:.5rem;position:relative;line-height:1.6}.recommendation-list li:before{content:"→";position:absolute;left:-1rem;color:currentColor;font-weight:700}.no-recommendations{padding:2rem;text-align:center;color:#64748b;font-style:italic}.quality-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quality-metric{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.quality-label{font-weight:600;color:#64748b}.quality-value{font-weight:700;color:#2563eb;font-family:Courier New,monospace}.quality-value.ambiguity-low{color:#16a34a}.form-footer{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.disclaimer{font-size:.875rem;color:#64748b;line-height:1.7;text-align:center;padding:1rem;background:#f8fafc;border-radius:4px}@media print{.no-print{display:none!important}.ai-inspection-form{box-shadow:none;padding:0}.ai-section-header{background:#2563eb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 768px){.ai-inspection-form{padding:1rem}.header-grid,.coverage-grid,.quality-metrics-grid{grid-template-columns:1fr}.component-title-row,.component-meta-row{flex-direction:column;align-items:flex-start}}.mazda-full-circle-form{max-width:11in;margin:0 auto;padding:25px 20px;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:10pt;line-height:1.4;color:#000;box-shadow:0 4px 20px #0000001a;border:1px solid #e0e0e0}.mazda-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid #000;position:relative}.mazda-header-left{flex:0 0 160px;display:flex;align-items:center}.mazda-header-center{flex:1;text-align:center;padding:0 15px}.mazda-header-right{flex:0 0 120px;text-align:right}.mazda-logo-container{width:160px;height:50px;display:flex;align-items:center;justify-content:flex-start;padding:4px;background:linear-gradient(to bottom,#fff,#f5f5f5);border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a}.mazda-logo{width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.mazda-main-title{font-size:18pt;font-weight:900;margin:0 0 6px;text-transform:uppercase;letter-spacing:1.5px;color:#000;line-height:1.2}.mazda-form-subtitle{font-size:9pt;color:#333;display:flex;gap:6px;align-items:center;justify-content:center;margin-top:4px}.mazda-subtitle-item{font-weight:600}.mazda-subtitle-separator{color:#999;font-weight:700}.mazda-form-item-number{font-size:8pt;color:#555;font-weight:700;padding:4px 8px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:3px;display:inline-block}.mazda-info-section{margin-bottom:15px;background-color:#fafafa;padding:12px;border:1px solid #ddd;border-radius:4px}.mazda-info-table{width:100%;border-collapse:separate;border-spacing:0;font-size:9pt}.mazda-info-table td{padding:6px 10px;border:none;vertical-align:middle}.mazda-info-label{font-weight:700;width:120px;white-space:nowrap;color:#333;padding-right:10px}.mazda-info-value{border-bottom:2px solid #000;min-width:140px;padding-left:6px;padding-bottom:3px;font-weight:500;background:transparent}.mazda-overall-status{display:flex;gap:20px;align-items:center;margin-bottom:15px;padding:12px 15px;border:2px solid #000;background:linear-gradient(to bottom,#fff,#f9f9f9);border-radius:4px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap}.mazda-status-option{display:flex;align-items:center;gap:6px;font-size:10pt;font-weight:600;padding:4px 8px;border-radius:3px;transition:background-color .2s}.mazda-status-option.status-active-red{background-color:#ffebee;border:2px solid #dc3545}.mazda-status-option.status-active-yellow{background-color:#fff8e1;border:2px solid #ffc107}.mazda-status-option.status-active-green{background-color:#e8f5e9;border:2px solid #28a745}.mazda-status-note{font-size:8pt;font-style:italic;color:#666;margin-left:auto;padding-left:12px;border-left:1px solid #ddd}.mazda-two-column-layout{display:grid;grid-template-columns:60% 40%;gap:20px;margin-bottom:20px}.mazda-left-column,.mazda-right-column{min-width:0}.mazda-full-width{grid-column:1 / -1}.mazda-section{margin-bottom:15px;page-break-inside:avoid;background:#fff;padding:12px;border:1px solid #e0e0e0;border-radius:4px}.mazda-section-title{font-size:12pt;font-weight:900;text-transform:uppercase;margin-bottom:12px;border-bottom:3px solid #000;padding-bottom:6px;letter-spacing:1px;color:#000}.mazda-subsection{margin-bottom:15px;padding:10px;background-color:#fafafa;border-left:4px solid #2563eb;border-radius:3px}.mazda-subsection-title{font-size:10pt;font-weight:700;margin-bottom:10px;text-transform:capitalize;color:#1e293b;padding-bottom:4px;border-bottom:1px solid #ddd}.mazda-inspection-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:10px;font-size:9pt;border:1px solid #ddd;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.mazda-inspection-table thead{background:linear-gradient(to bottom,#2c3e50,#34495e);border-bottom:2px solid #000}.mazda-inspection-table th{padding:8px 4px;text-align:center;font-weight:700;font-size:8pt;border-right:1px solid #1a252f;color:#fff;text-transform:uppercase;letter-spacing:.5px}.mazda-inspection-table th:last-child{border-right:none}.mazda-inspection-table td{padding:8px 6px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;vertical-align:middle}.mazda-inspection-table td:last-child{border-right:none}.mazda-form-row{background:#fff;transition:background-color .3s ease,box-shadow .3s ease}.mazda-form-row:nth-child(2n){background-color:#fafafa}.mazda-form-row:hover{background-color:#f0f7ff!important}.mazda-form-row.field-highlighted{background-color:#d1fae5!important;box-shadow:inset 0 0 0 2px #10b981;animation:field-pulse .6s ease-out}@keyframes field-pulse{0%{background-color:#6ee7b7;transform:scale(1.01)}50%{background-color:#a7f3d0}to{background-color:#d1fae5;transform:scale(1)}}.field-highlighted .mazda-info-value,.field-highlighted .mazda-value-col{font-weight:700;color:#047857}.mazda-form-row.status-row-red{background-color:#fff5f5!important}.mazda-form-row.status-row-yellow{background-color:#fffbeb!important}.mazda-form-row.status-row-green{background-color:#f0fff4!important}.mazda-check-col,.mazda-check-col-header{width:30px;text-align:center;padding:6px 3px!important}.red-col{background:linear-gradient(to bottom,#ffebee,#ffcdd2);border-right:2px solid #d32f2f!important}.yellow-col{background:linear-gradient(to bottom,#fff8e1,#ffecb3);border-right:2px solid #f57c00!important}.green-col{background:linear-gradient(to bottom,#e8f5e9,#c8e6c9);border-right:2px solid #388e3c!important}.mazda-label-col{padding-left:10px!important;font-weight:500;color:#1e293b;font-size:9pt}.mazda-label-col-header{text-align:left;padding-left:10px!important}.mazda-comments-col{padding-left:10px!important;font-style:italic;color:#555;min-width:150px;font-size:8.5pt}.mazda-comments-col-header{text-align:left;padding-left:10px!important}.mazda-checkbox{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;text-align:center;vertical-align:middle}.mazda-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid #000;text-align:center;font-size:12pt;font-weight:900;border-radius:3px;box-shadow:0 1px 3px #0003}.mazda-check.green{background:linear-gradient(to bottom,#4caf50,#388e3c);border-color:#2e7d32;color:#fff;box-shadow:0 2px 4px #2e7d324d}.mazda-check.yellow{background:linear-gradient(to bottom,#ffc107,#ff9800);border-color:#f57f17;color:#000;box-shadow:0 2px 4px #f57f174d}.mazda-check.red{background:linear-gradient(to bottom,#f44336,#c62828);border-color:#b71c1c;color:#fff;box-shadow:0 2px 4px #c628284d}.mazda-check.empty{background-color:#fff;border-color:#bbb;color:#999;box-shadow:none;font-size:10pt}.three-column-status{display:flex;gap:4px;justify-content:center;align-items:center}.status-indicator{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid transparent}.red-indicator{border-color:#dc3545;background-color:#fff5f5;color:#dc3545}.red-indicator.active{background-color:#dc3545;color:#fff}.yellow-indicator{border-color:#ffc107;background-color:#fffbeb;color:#856404}.yellow-indicator.active{background-color:#ffc107;color:#000}.green-indicator{border-color:#28a745;background-color:#f0fff4;color:#28a745}.green-indicator.active{background-color:#28a745;color:#fff}.mazda-measurement-section{margin-bottom:15px;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.mazda-measurement-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:10px;font-size:9pt;border:1px solid #ddd;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.mazda-measurement-table thead{background:linear-gradient(to bottom,#2c3e50,#34495e);border-bottom:2px solid #000}.mazda-measurement-table th{padding:10px 6px;text-align:center;font-weight:700;font-size:8pt;border-right:1px solid #1a252f;color:#fff;text-transform:uppercase;letter-spacing:.5px}.mazda-measurement-table th:last-child{border-right:none}.mazda-measurement-table td{padding:10px 8px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;vertical-align:middle}.mazda-measurement-table td:last-child{border-right:none}.status-header{width:60px}.status-header-labels{display:flex;gap:4px;justify-content:center}.header-red{color:#dc3545;font-size:10px}.header-yellow{color:#ffc107;font-size:10px}.header-green{color:#28a745;font-size:10px}.status-cell{width:60px;text-align:center;background-color:#f8f9fa}.mazda-value-col{text-align:center;font-weight:700;min-width:80px;font-size:10pt;color:#1e293b;background-color:#f8f9fa}.mazda-value-col-header{text-align:center}.mazda-value-col.value-red{background-color:#ffebee;color:#c62828;font-weight:800}.mazda-value-col.value-yellow{background-color:#fff8e1;color:#e65100;font-weight:800}.mazda-value-col.value-green{background-color:#e8f5e9;color:#2e7d32;font-weight:800}.original-value{font-size:8pt;color:#666;font-weight:400;display:block;font-style:italic}.mazda-reference-legend{margin-top:10px;padding:10px 12px;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);border:2px solid #ddd;border-radius:4px;font-size:8pt;box-shadow:inset 0 1px 3px #0000001a}.mazda-reference-legend h4{margin:0 0 8px;font-size:9pt;font-weight:700;color:#333;border-bottom:1px solid #ccc;padding-bottom:4px}.legend-section{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #ccc}.legend-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.legend-section strong{display:block;margin-bottom:4px;font-size:8pt}.legend-item{display:flex;align-items:center;gap:6px;margin-bottom:3px;padding:2px 4px;border-radius:2px}.legend-item.green{background-color:#28a7451a}.legend-item.yellow{background-color:#ffc1071a}.legend-item.red{background-color:#dc35451a}.legend-dot{font-size:12px;line-height:1}.legend-item.green .legend-dot{color:#28a745}.legend-item.yellow .legend-dot{color:#ffc107}.legend-item.red .legend-dot{color:#dc3545}.tire-diagram-container,.brake-diagram-container,.battery-diagram-container{text-align:center;margin:10px 0;padding:10px;background:#f8f9fa;border-radius:4px}.tire-diagram-image,.brake-diagram-image,.battery-diagram-image,.car-diagram-image{max-width:100%;max-height:100px;object-fit:contain}.mazda-recall-description{font-size:8.5pt;line-height:1.6;margin-bottom:8px;padding:8px;background-color:#fff9e6;border-left:4px solid #ffc107;border-radius:3px}.recall-legend-item{display:flex;align-items:center;gap:6px;margin-bottom:2px}.legend-color{font-size:12px;line-height:1}.legend-color.red{color:#dc3545}.legend-color.yellow{color:#ffc107}.legend-color.green{color:#28a745}.mazda-recall-description strong{font-weight:700}.mazda-recall-details{font-size:8.5pt;font-style:italic;color:#555;margin-top:6px;padding:6px 10px;background-color:#f8f9fa;border-radius:3px;border-left:3px solid #6c757d}.mazda-exterior-damage{margin:10px 0}.mazda-vehicle-diagram{margin:10px auto;text-align:center;padding:15px;background:linear-gradient(to bottom,#fff,#f8f9fa);border:2px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mazda-vehicle-svg{width:100%;max-width:300px;height:auto;display:block;margin:0 auto}.damage-corner circle{transition:all .3s ease}.damage-corner text{fill:#333;font-family:Arial,sans-serif}.mazda-damage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.mazda-damage-item{border:2px solid #ddd;padding:10px;text-align:center;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.mazda-damage-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:#2563eb}.mazda-damage-label{font-weight:700;font-size:9pt;margin-bottom:6px;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.mazda-damage-value{font-size:8.5pt;min-height:30px;border-bottom:2px solid #000;padding-top:6px;font-weight:500;color:#555}.mazda-comments-box{border:2px solid #000;padding:15px;min-height:100px;background:linear-gradient(to bottom,#fff,#fafafa);font-size:9pt;line-height:1.6;white-space:pre-wrap;border-radius:4px;box-shadow:inset 0 2px 4px #0000000d}.mazda-signature-section{margin-top:20px;padding-top:15px;border-top:2px solid #000;display:flex;align-items:center;gap:15px}.mazda-signature-label{font-weight:700;font-size:10pt;white-space:nowrap;color:#1e293b}.mazda-signature-line{border-bottom:2px solid #000;flex:1;height:35px;margin-top:0;background:repeating-linear-gradient(to bottom,transparent,transparent 32px,#000 32px,#000 34px)}.mazda-print-controls{margin-top:30px;text-align:center;padding:20px;background:linear-gradient(to bottom,#f8f9fa,#fff);border-top:2px solid #ddd;border-radius:4px;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.mazda-download-button,.mazda-print-button{color:#fff;border:none;padding:12px 24px;font-size:12pt;font-weight:700;border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px;min-width:160px;justify-content:center}.mazda-download-button{background:linear-gradient(to bottom,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.mazda-download-button:hover:not(:disabled){background:linear-gradient(to bottom,#059669,#047857);box-shadow:0 6px 16px #10b98180;transform:translateY(-2px)}.mazda-download-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.mazda-print-button{background:linear-gradient(to bottom,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb66}.mazda-print-button:hover{background:linear-gradient(to bottom,#1d4ed8,#1e40af);box-shadow:0 6px 16px #2563eb80;transform:translateY(-2px)}.mazda-download-button:active,.mazda-print-button:active{transform:translateY(0)}.button-icon{font-size:14pt;line-height:1}.button-spinner{font-size:14pt;animation:spin 1s linear infinite}@media print{.mazda-full-circle-form{padding:0;max-width:100%;box-shadow:none;border:none}.no-print{display:none!important}.mazda-section,.mazda-inspection-table,.mazda-measurement-table,.mazda-form-row{page-break-inside:avoid}.mazda-two-column-layout{display:grid;grid-template-columns:55% 45%}.mazda-print-button,.mazda-download-button{display:none}}@media (max-width: 900px){.mazda-two-column-layout{grid-template-columns:1fr}.mazda-right-column{order:2}.mazda-left-column{order:1}}@media (max-width: 768px){.mazda-full-circle-form{padding:10px;font-size:8pt}.mazda-form-header{flex-direction:column;gap:10px}.mazda-overall-status{flex-direction:column;align-items:flex-start;gap:8px}.mazda-info-table{font-size:7pt}.mazda-info-label{width:70px}.mazda-damage-grid{grid-template-columns:1fr}.mazda-inspection-table,.mazda-measurement-table{font-size:7pt}.mazda-check-col,.mazda-check-col-header{width:22px}.mazda-comments-col{min-width:80px}.status-indicator{width:12px;height:12px;font-size:8px}.three-column-status{gap:2px}}.inspection-form{background:#fff;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text-primary);max-width:1200px;margin:0 auto;padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:0 8px 40px #2563eb26,0 0 0 1px #2563eb1a;animation:fadeIn .6s ease-out;position:relative;overflow:hidden;transition:background .3s ease,box-shadow .3s ease}[data-theme=dark] .inspection-form{background:var(--color-bg-card);box-shadow:0 8px 40px #00000080,0 0 0 1px #3b82f633}.inspection-form:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--color-accent-gradient);box-shadow:0 2px 12px #2563eb66}.form-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) 0;margin-bottom:var(--space-xl);border-bottom:1px solid #e2e8f0;width:100%;box-sizing:border-box}@media (max-width: 768px){.form-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.form-logo-section{display:flex;align-items:center;flex-shrink:0}.form-header:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:var(--color-accent-gradient);opacity:.3}.form-title-section{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.form-title-section h1{font-size:1.5rem;font-weight:700;margin:0;color:#1e293b;letter-spacing:.01em}.form-meta-inline{display:flex;gap:var(--space-lg);font-size:.875rem;color:#64748b;font-weight:500}.form-meta-inline span{white-space:nowrap}.header-status-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#f8fafc;border-radius:var(--radius-lg);border:1px solid #e2e8f0;min-width:280px}.status-block-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.status-block-counts{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;justify-content:center}.status-count-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);min-width:60px}.status-count-item.status-green{background:#2563eb1a;border:1px solid #2563eb}.status-count-item.status-yellow{background:#f59e0b1a;border:1px solid #f59e0b}.status-count-item.status-red{background:#dc26261a;border:1px solid #dc2626}.status-count-item.status-na{background:#94a3b81a;border:1px solid #94a3b8}.status-count-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.status-count-value{font-size:1.5rem;font-weight:800;line-height:1}.status-count-item.status-green .status-count-value{color:#2563eb}.status-count-item.status-yellow .status-count-value{color:#f59e0b}.status-count-item.status-red .status-count-value{color:#dc2626}.status-count-item.status-na .status-count-value{color:#94a3b8}.status-block-total{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid #e2e8f0;width:100%;text-align:center}[data-theme=dark] .form-meta-section{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-card) 100%);box-shadow:0 2px 8px #0000004d}.meta-row{display:flex;align-items:center;gap:var(--space-sm);font-size:.95rem}.meta-label{font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.meta-value{font-family:var(--font-mono);color:var(--color-accent-primary);background:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-weight:700;border:1px solid var(--color-border);box-shadow:0 1px 4px #2563eb1a;transition:background .3s ease}[data-theme=dark] .meta-value{background:var(--color-bg-elevated);box-shadow:0 1px 4px #0000004d}.download-pdf-button,.print-button{background:#2563eb;color:#fff;border:none;padding:var(--space-sm) var(--space-lg);font-size:.875rem;font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);flex-shrink:0;white-space:nowrap;margin-left:var(--space-sm)}.download-pdf-button{background:linear-gradient(to bottom,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.download-pdf-button:hover:not(:disabled){background:linear-gradient(to bottom,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.download-pdf-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.print-button:hover{background:#1d4ed8}.form-legend{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);background:linear-gradient(135deg,#f8fafc,#fff);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-2xl);border-radius:var(--radius-xl);border:2px solid var(--color-border);box-shadow:0 4px 16px #2563eb1a;transition:background .3s ease,box-shadow .3s ease}[data-theme=dark] .form-legend{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-card) 100%);box-shadow:0 4px 16px #0006}.legend-title{font-weight:800;font-size:.9rem;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:var(--space-sm)}.legend-items{display:flex;flex-wrap:wrap;gap:var(--space-xl)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;color:var(--color-text-secondary);font-weight:600;padding:var(--space-xs) var(--space-md);background:#fff;border-radius:var(--radius-full);border:1px solid var(--color-border);box-shadow:0 2px 4px #0000000d;transition:background .3s ease}[data-theme=dark] .legend-item{background:var(--color-bg-elevated);box-shadow:0 2px 4px #0000004d}.form-checkbox{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:#fff;border:2px solid var(--color-border);font-size:1rem;font-weight:700;transition:all var(--transition-base);flex-shrink:0;box-shadow:0 2px 4px #0000001a}.form-checkbox.status-green{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb4d}.form-checkbox.status-yellow{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff;box-shadow:0 2px 8px #f59e0b4d}.form-checkbox.status-red{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc26264d}.form-checkbox.status-na{background:#fff;border-color:var(--color-border);color:var(--color-text-muted)}.check-mark{font-weight:700;line-height:1;font-size:1.1rem}.check-mark.yellow,.check-mark.red{color:#fff}.check-empty{width:10px;height:2px;background:var(--color-text-muted);border-radius:1px}.overall-status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl);margin-bottom:var(--space-2xl);border-radius:var(--radius-xl);font-weight:800;border:3px solid;box-shadow:0 8px 32px #2563eb33;position:relative;overflow:hidden}.overall-status:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.overall-status.status-green{background:linear-gradient(135deg,#2563eb1f,#2563eb0f);border-color:#2563eb;color:#1e40af}.overall-status.status-yellow{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border-color:#f59e0b;color:#b45309}.overall-status.status-red{background:linear-gradient(135deg,#dc26261f,#dc26260f);border-color:#dc2626;color:#991b1b}.overall-status.status-na{background:linear-gradient(135deg,#f8fafc,#fff);border-color:var(--color-border);color:var(--color-text-muted)}.overall-label{font-size:1rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:var(--space-sm)}.overall-value{font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;font-weight:900}.overall-counts{font-size:.95rem;font-weight:600;opacity:.9;margin-left:auto;padding:var(--space-sm) var(--space-md);background:#fff;border-radius:var(--radius-full);border:1px solid currentColor;opacity:.3}.form-section{margin-bottom:var(--space-xl);border-radius:var(--radius-xl);border:2px solid var(--color-border);background:#fff;overflow:hidden;transition:all var(--transition-base);box-shadow:0 4px 16px #2563eb14}.form-section:hover{border-color:var(--color-accent-primary);box-shadow:0 8px 32px #2563eb26,0 0 0 1px #2563eb1a;transform:translateY(-2px)}.form-section-header{display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:var(--space-lg) var(--space-xl);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);border-bottom:2px solid rgba(255,255,255,.1);font-weight:700}.form-section-header:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:inset 0 0 20px #ffffff1a}.section-expand{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#fff;transition:transform var(--transition-fast);background:#fff3;border-radius:var(--radius-sm)}.section-title{font-weight:800;font-size:1.1rem;letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-display);flex:1;display:flex;align-items:center;gap:var(--space-sm)}.section-content{padding:var(--space-xl);background:#fff;transition:background .3s ease}[data-theme=dark] .section-content{background:var(--color-bg-card)}.subsection{margin-bottom:var(--space-xl)}.subsection:last-child{margin-bottom:0}.subsection-title{font-weight:800;font-size:.9rem;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#f8fafc,#fff);margin-bottom:var(--space-lg);border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:1px;color:var(--color-accent-primary);border-left:4px solid var(--color-accent-primary);box-shadow:0 2px 8px #2563eb1a}.form-grid{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.form-row{display:flex;flex-direction:column;padding:var(--space-md);border-radius:var(--radius-md);background:#fff;border:1px solid #e2e8f0;transition:all var(--transition-base);width:100%;box-sizing:border-box;min-width:0;word-wrap:break-word;overflow-wrap:break-word}[data-theme=dark] .form-row{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-elevated) 100%);box-shadow:0 2px 8px #0000004d}.form-row:hover{background:#fff;border-color:var(--color-accent-primary);transform:translate(4px);box-shadow:0 4px 16px #2563eb26}[data-theme=dark] .form-row:hover{background:var(--color-bg-elevated);box-shadow:0 4px 16px #3b82f64d}.form-row.status-green{border-left:4px solid #2563eb;background:linear-gradient(135deg,#2563eb14,#fff)}[data-theme=dark] .form-row.status-green{background:linear-gradient(135deg,rgba(37,99,235,.15) 0%,var(--color-bg-card) 100%)}.form-row.status-yellow{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#f59e0b14,#fff)}[data-theme=dark] .form-row.status-yellow{background:linear-gradient(135deg,rgba(245,158,11,.15) 0%,var(--color-bg-card) 100%)}.form-row.status-red{border-left:4px solid #dc2626;background:linear-gradient(135deg,#dc262614,#fff)}[data-theme=dark] .form-row.status-red{background:linear-gradient(135deg,rgba(220,38,38,.15) 0%,var(--color-bg-card) 100%)}.form-row.status-na{border-left:5px solid var(--color-border)}.form-row-content{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;box-sizing:border-box;min-width:0}.form-row-main{display:flex;align-items:center;gap:var(--space-md);width:100%;box-sizing:border-box;min-width:0;flex-wrap:nowrap}.form-row-main .form-checkbox{flex-shrink:0}.form-row-label{font-weight:700;flex:1;color:var(--color-text-primary);font-size:1rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}[data-theme=dark] .form-row-label{color:var(--color-text-primary);font-weight:800}.form-row-notes{font-size:.9rem;color:var(--color-text-primary);font-style:italic;font-weight:500;margin-left:var(--space-sm);word-wrap:break-word;overflow-wrap:break-word;max-width:100%}[data-theme=dark] .form-row-notes{color:var(--color-text-secondary)}.form-row-matched{font-size:.85rem;color:var(--color-accent-primary);background:#2563eb26;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:700;border:1px solid rgba(37,99,235,.3);margin-left:var(--space-sm);display:inline-block;white-space:nowrap;flex-shrink:0}[data-theme=dark] .form-row-matched{background:#3b82f640;color:#60a5fa;border-color:#3b82f666}.form-row-source{font-size:.95rem;color:var(--color-text-primary);padding-left:var(--space-xl);line-height:1.7;margin-top:var(--space-md);font-style:normal;font-weight:500;padding:var(--space-md);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box;background:#00000005;border-radius:var(--radius-md);border-left:3px solid var(--color-border)}[data-theme=dark] .form-row-source{color:var(--color-text-secondary);background:#ffffff08;border-left-color:var(--color-border)}.form-row-source em{color:var(--color-text-primary);font-style:italic;font-weight:400}[data-theme=dark] .form-row-source em{color:var(--color-text-secondary)}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%}@media (max-width: 768px){.vehicle-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.vehicle-grid{grid-template-columns:1fr}}.vehicle-field{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:#f8fafc;border-radius:var(--radius-md);border:1px solid #e2e8f0;transition:all var(--transition-base)}[data-theme=dark] .vehicle-field{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-card) 100%);box-shadow:0 2px 8px #0000004d}.vehicle-field:hover{border-color:var(--color-accent-primary);transform:translateY(-2px);box-shadow:0 4px 16px #2563eb26}.vehicle-field .field-label{font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--color-accent-primary);letter-spacing:.5px}.vehicle-field .field-value{font-size:1.3rem;font-family:var(--font-mono);color:var(--color-text-primary);font-weight:700;padding:var(--space-sm) 0;border-bottom:2px solid var(--color-border)}.vehicle-field .field-value.vin{font-size:1.1rem;letter-spacing:2px;font-weight:800;color:var(--color-accent-primary)}.source-info-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:var(--radius-lg)}[data-theme=dark] .source-info-section{background:linear-gradient(135deg,#0ea5e91a,#06b6d40d);border-color:#0ea5e980}.source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);width:100%}@media (max-width: 992px){.source-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.source-grid{grid-template-columns:1fr}}.source-field{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:#ffffffe6}.context-field{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);margin-bottom:var(--space-md);background:#f8fafc;border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.context-field .field-label{font-weight:600;color:#475569;font-size:.9rem}.context-field .field-value{color:#1e293b;font-size:1rem}.field-value-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.field-value-list .list-item{padding:var(--space-sm);background:#fff;border-radius:var(--radius-sm);border:1px solid #e2e8f0}.field-value-list .note-item{font-style:italic;color:#64748b}.inspection-items-list{display:flex;flex-direction:column;gap:var(--space-lg)}.inspection-item-card{background:#f8fafc;border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid #e2e8f0;border-left:4px solid var(--color-accent);transition:all .2s ease}.inspection-item-card:hover{box-shadow:0 4px 12px #2563eb1a;border-left-color:var(--color-accent-hover)}.item-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid #e2e8f0}.item-category{font-weight:700;font-size:.85rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.item-result{margin-left:auto;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem}.status-text-ok{background:#dcfce7;color:#166534}.status-text-needs_attention{background:#fef3c7;color:#92400e}.status-text-failed{background:#fee2e2;color:#991b1b}.status-text-completed{background:#dbeafe;color:#1e40af}.item-body{display:flex;flex-direction:column;gap:var(--space-md)}.item-name{font-size:1.1rem;color:#1e293b}.item-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.actions-label{font-weight:600;color:#64748b;font-size:.9rem}.action-badge{padding:var(--space-xs) var(--space-sm);background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-sm);font-size:.85rem;color:#475569}.item-measurements{padding:var(--space-sm);background:#fff;border-radius:var(--radius-sm);border:1px solid #e2e8f0}.measurement{font-weight:600;color:var(--color-accent)}.item-evidence{padding:var(--space-sm);background:#fef3c7;border-left:3px solid #f59e0b;border-radius:var(--radius-sm);font-size:.9rem;color:#78350f}.item-notes{padding:var(--space-sm);background:#fff;border-radius:var(--radius-sm);border:1px solid #e2e8f0;font-size:.9rem;color:#475569}.comm-field{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);margin-bottom:var(--space-md);background:#f8fafc;border-radius:var(--radius-md);border-left:3px solid #8b5cf6}.comm-field .field-label{font-weight:600;color:#475569;font-size:.9rem}.comm-field .field-value{color:#1e293b;font-size:1rem}.vehicle-field.full-width{grid-column:1 / -1}border-radius: var(--radius-md); border: 1px solid rgba(14,165,233,.2); transition: all var(--transition-base); } [data-theme="dark"] .source-field{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-card) 100%);box-shadow:0 2px 8px #0000004d}.source-field:hover{border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 16px #0ea5e933}.source-field .field-label{font-size:.8rem;font-weight:800;text-transform:uppercase;color:#0369a1;letter-spacing:.5px}[data-theme=dark] .source-field .field-label{color:#38bdf8}.source-field .field-value{font-size:1.15rem;color:var(--color-text-primary);font-weight:600;padding:var(--space-sm) 0}.source-field .field-value.highlight{color:#0c4a6e;font-weight:700}[data-theme=dark] .source-field .field-value.highlight{color:#7dd3fc}.tire-grid,.brake-grid{max-width:700px;margin:0 auto}.tire-row,.brake-row{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.tire-spacer,.brake-spacer{width:100px;text-align:center;font-weight:800;font-size:.9rem;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:1px;padding:var(--space-sm);background:linear-gradient(135deg,#f8fafc,#fff);border-radius:var(--radius-md);border:2px solid var(--color-border)}.grid-cell{min-width:180px;padding:var(--space-xl);border-radius:var(--radius-xl);text-align:center;border:3px solid;background:#fff;transition:all var(--transition-base);box-shadow:0 4px 16px #2563eb1a;position:relative;overflow:hidden;width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}[data-theme=dark] .grid-cell{background:var(--color-bg-card);box-shadow:0 4px 16px #0006}.grid-cell:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:currentColor;opacity:.3}.grid-cell:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 32px #2563eb33}.grid-cell.status-green{background:linear-gradient(135deg,#2563eb1a,#fff);border-color:#2563eb;color:#1e40af}[data-theme=dark] .grid-cell.status-green{background:linear-gradient(135deg,rgba(37,99,235,.2) 0%,var(--color-bg-card) 100%);color:#3b82f6}.grid-cell.status-yellow{background:linear-gradient(135deg,#f59e0b1a,#fff);border-color:#f59e0b;color:#b45309}[data-theme=dark] .grid-cell.status-yellow{background:linear-gradient(135deg,rgba(245,158,11,.2) 0%,var(--color-bg-card) 100%);color:#fbbf24}.grid-cell.status-red{background:linear-gradient(135deg,#dc26261a,#fff);border-color:#dc2626;color:#991b1b}[data-theme=dark] .grid-cell.status-red{background:linear-gradient(135deg,rgba(220,38,38,.2) 0%,var(--color-bg-card) 100%);color:#ef4444}.grid-cell.status-na{background:linear-gradient(135deg,#f8fafc,#fff);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .grid-cell.status-na{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-card) 100%);color:var(--color-text-secondary)}.grid-cell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.grid-cell-label{font-weight:800;font-size:1rem;color:currentColor;letter-spacing:.5px;text-transform:uppercase;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}[data-theme=dark] .grid-cell-label{color:var(--color-text-primary)}.grid-cell-value{font-size:2.5rem;font-weight:900;font-family:var(--font-mono);margin:var(--space-md) 0;color:currentColor;text-shadow:0 2px 8px rgba(0,0,0,.1)}[data-theme=dark] .grid-cell-value{text-shadow:0 2px 8px rgba(0,0,0,.5)}.grid-cell-matched{font-size:.8rem;color:var(--color-accent-primary);margin:var(--space-xs) 0;font-weight:700;background:#2563eb26;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(37,99,235,.3);display:inline-block;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}[data-theme=dark] .grid-cell-matched{color:#60a5fa;background:#3b82f640;border-color:#3b82f666}.grid-cell-matched small{background:#2563eb1a;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(37,99,235,.2)}.grid-cell-source{font-size:.9rem;color:var(--color-text-primary);line-height:1.6;text-align:left;font-weight:500;margin-top:var(--space-md);padding:var(--space-md);padding-top:var(--space-md);border-top:2px solid var(--color-border);background:#00000005;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box;border-radius:var(--radius-md)}[data-theme=dark] .grid-cell-source{color:var(--color-text-secondary);background:#ffffff08}.grid-cell-source em{font-style:italic;color:var(--color-text-primary);font-weight:400}[data-theme=dark] .grid-cell-source em{color:var(--color-text-secondary)}.minimal-checklist{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:0 2px 8px #2563eb14;position:relative;overflow:hidden;transition:background .3s ease,box-shadow .3s ease}[data-theme=dark] .minimal-checklist{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-elevated) 100%);box-shadow:0 4px 20px #0006}.minimal-checklist:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-accent-gradient);box-shadow:0 2px 8px #2563eb4d}.checklist-header{font-weight:700;font-size:1rem;text-transform:uppercase;color:#1e293b;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid #e2e8f0;letter-spacing:.5px;display:flex;align-items:center;gap:var(--space-sm)}.checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);width:100%}@media (max-width: 480px){.checklist-grid{grid-template-columns:1fr}}.checklist-item{display:flex;flex-direction:column;padding:var(--space-md);background:#fff;border-radius:var(--radius-md);border:1px solid #e2e8f0;transition:all var(--transition-base);width:100%;box-sizing:border-box;min-width:0;word-wrap:break-word;overflow-wrap:break-word}[data-theme=dark] .checklist-item{background:var(--color-bg-card);box-shadow:0 2px 8px #0000004d}.checklist-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2563eb33}.checklist-item.status-green{border-left:4px solid #2563eb;background:linear-gradient(135deg,#2563eb14,#fff);box-shadow:0 2px 8px #2563eb26}.checklist-item.status-yellow{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#f59e0b14,#fff);box-shadow:0 2px 8px #f59e0b26}.checklist-item.status-red{border-left:4px solid #dc2626;background:linear-gradient(135deg,#dc262614,#fff);box-shadow:0 2px 8px #dc262626}.checklist-item.status-na{border-left:6px solid var(--color-border);background:linear-gradient(135deg,#f8fafc,#fff)}.checklist-main{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;width:100%;box-sizing:border-box;min-width:0}.checklist-label{flex:1;font-size:1rem;font-weight:800;color:var(--color-text-primary);letter-spacing:.3px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}[data-theme=dark] .checklist-label{color:var(--color-text-primary);font-weight:900}.checklist-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:900;color:var(--color-text-primary);min-width:100px;text-align:right;background:#fff;padding:var(--space-sm) var(--space-md);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box;border-radius:var(--radius-md);border:2px solid var(--color-border);box-shadow:0 2px 4px #0000000d;transition:background .3s ease}[data-theme=dark] .checklist-value{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:0 2px 4px #0000004d;border-color:var(--color-border)}.checklist-details{margin-top:var(--space-sm);padding-left:var(--space-xl)}.checklist-matched{font-size:.85rem;color:var(--color-accent-primary);background:#2563eb26;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:700;border:1px solid rgba(37,99,235,.3);display:inline-block}[data-theme=dark] .checklist-matched{color:#60a5fa;background:#3b82f640;border-color:#3b82f666}.checklist-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid #e2e8f0}.depth-scale{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-md);font-size:.875rem;font-weight:600;margin-top:var(--space-md)}.scale-good{color:#2563eb;padding:var(--space-xs) var(--space-sm);background:#2563eb14;border-radius:var(--radius-sm);border:1px solid #2563eb;font-size:.875rem}.scale-caution{color:#f59e0b;padding:var(--space-xs) var(--space-sm);background:#f59e0b14;border-radius:var(--radius-sm);border:1px solid #f59e0b;font-size:.875rem}.scale-replace{color:#dc2626;padding:var(--space-xs) var(--space-sm);background:#dc262614;border-radius:var(--radius-sm);border:1px solid #dc2626;font-size:.875rem}.tire-visual-diagram,.brake-visual-diagram{display:flex;justify-content:center;padding:var(--space-md);margin:var(--space-md) 0}.battery-main{margin-bottom:var(--space-xl);padding:var(--space-xl);border:2px solid var(--color-border);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:var(--radius-xl);box-shadow:0 4px 16px #2563eb1a;transition:background .3s ease,box-shadow .3s ease}[data-theme=dark] .battery-main{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-elevated) 100%);box-shadow:0 4px 16px #0006}.battery-test{display:flex;flex-wrap:wrap;gap:var(--space-xl);align-items:center}.test-result{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#fff;border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:0 2px 8px #2563eb1a;transition:background .3s ease}[data-theme=dark] .test-result{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0000004d}.test-label{font-weight:800;color:var(--color-text-primary);text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.test-status{font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.status-text-green{color:#10b981}.status-text-yellow{color:#f59e0b}.status-text-red{color:#ef4444}.status-text-na{color:var(--color-text-muted)}.test-detail{display:flex;gap:var(--space-sm);align-items:center;padding:var(--space-sm) var(--space-md);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border);transition:background .3s ease}[data-theme=dark] .test-detail{background:var(--color-bg-elevated)}.detail-label{font-size:.9rem;color:var(--color-text-secondary);font-weight:600}.detail-value{font-weight:800;font-family:var(--font-mono);color:var(--color-accent-primary);font-size:1.1rem}.battery-source{margin-top:var(--space-lg);font-size:.9rem;color:var(--color-text-secondary);padding-top:var(--space-lg);border-top:2px solid var(--color-border)}.battery-source em{font-style:italic}.battery-source strong{font-weight:600;color:var(--color-text-primary);margin-right:var(--space-sm)}.section-notes{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#2563eb0d;border-left:4px solid var(--color-accent-primary);border-radius:var(--radius-md);font-size:.95rem;line-height:1.6;color:var(--color-text-primary)}[data-theme=dark] .section-notes{background:#2563eb1a}.section-notes strong{font-weight:600;color:var(--color-accent-primary);margin-right:var(--space-sm)}.battery-conditions{border-top:2px solid var(--color-border);padding-top:var(--space-xl);margin-top:var(--space-xl)}.recommendations-section .section-content{background:#fff}.recommendations-content{display:flex;flex-direction:column;gap:var(--space-lg)}.recommendation-category{padding:var(--space-xl);border-radius:var(--radius-xl);border:3px solid;transition:all var(--transition-base);box-shadow:0 4px 16px #2563eb1a;position:relative;overflow:hidden}.recommendation-category:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:currentColor;opacity:.5}.recommendation-category:hover{transform:translate(6px);box-shadow:0 8px 32px #2563eb33}.recommendation-category.urgent{background:linear-gradient(135deg,#ef44440d,#fff);border-color:#ef4444;color:#dc2626}.recommendation-category.soon{background:linear-gradient(135deg,#f59e0b0d,#fff);border-color:#f59e0b;color:#d97706}.recommendation-category.monitor{background:linear-gradient(135deg,#2563eb0d,#fff);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.recommendation-category.scheduled{background:linear-gradient(135deg,#10b9810d,#fff);border-color:#10b981;color:#059669}.category-title{font-weight:800;font-size:.95rem;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:var(--space-sm)}.recommendation-category ul{margin:0;padding-left:var(--space-2xl);list-style:none}.recommendation-category li{margin-bottom:var(--space-sm);font-size:1rem;color:var(--color-text-primary);position:relative;padding-left:var(--space-lg);font-weight:500;line-height:1.6}.recommendation-category li:before{content:"→";position:absolute;left:0;color:currentColor;font-weight:700;font-size:1.2rem}.no-recommendations{padding:var(--space-3xl);text-align:center;color:var(--color-text-secondary);font-style:italic;font-size:1.1rem}.form-footer{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:3px solid;border-image:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary)) 1}.signature-section{display:flex;gap:var(--space-xl);margin-bottom:var(--space-2xl);flex-wrap:wrap}.signature-block{flex:1;min-width:180px}.signature-line{height:50px;border-bottom:3px solid var(--color-border);margin-bottom:var(--space-sm);background:linear-gradient(135deg,#f8fafc,#fff);border-radius:var(--radius-sm);transition:background .3s ease}[data-theme=dark] .signature-line{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-card) 100%)}.signature-label{font-size:.8rem;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px;font-weight:700}.form-disclaimer{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;text-align:center;padding:var(--space-xl);background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 2px 8px #2563eb14;transition:background .3s ease,box-shadow .3s ease}[data-theme=dark] .form-disclaimer{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-card) 100%);box-shadow:0 2px 8px #0000004d}.brake-additional-checks{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid #e2e8f0}.additional-header{font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--space-sm)}.additional-grid{display:flex;flex-direction:column;gap:var(--space-md)}.rotation-note{text-align:center;font-size:.875rem;color:#b45309;background:#f59e0b14;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid #f59e0b;font-weight:600;margin-top:var(--space-md);margin-top:var(--space-lg);box-shadow:0 4px 16px #f59e0b33}.tire-brake-layout{display:flex;flex-direction:column;gap:var(--space-lg)}@media print{.no-print{display:none!important}.inspection-form{border:none;padding:0;max-width:none;box-shadow:none;background:#fff;color:#000}.form-section{break-inside:avoid;border:1px solid #000}.form-section-header{background:#2563eb!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.grid-cell,.form-row,.overall-status,.recommendation-category{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 768px){.inspection-form{padding:var(--space-lg);border-radius:var(--radius-lg)}.form-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.form-logo-section,.form-title-section,.form-meta-section,.print-button{width:100%}.form-meta-section{text-align:left}.form-title-section h1{font-size:2rem}.form-title-section h1:after{display:none}.form-meta-section{text-align:left;width:100%}.print-button{margin-left:0;width:100%;padding:var(--space-md);font-size:1rem}.form-legend{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.legend-items{flex-direction:column;gap:var(--space-md);width:100%}.overall-status{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg)}.overall-counts{margin-left:0}.vehicle-grid{grid-template-columns:1fr;gap:var(--space-md)}.form-grid{gap:var(--space-sm)}.checklist-grid{gap:var(--space-md)}.tire-row,.brake-row{flex-direction:column;gap:var(--space-md);align-items:stretch}.tire-spacer,.brake-spacer{width:100%;text-align:center;padding:var(--space-md) 0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-sm)}.grid-cell{width:100%;min-width:unset}.signature-section{flex-direction:column;gap:var(--space-lg)}.signature-block{width:100%}.depth-scale{flex-direction:column;align-items:center;gap:var(--space-md)}.battery-test{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.section-content{padding:var(--space-lg)}.form-row{padding:var(--space-md)}.form-row-main{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.form-row-source{padding-left:0;margin-top:var(--space-sm)}.checklist-main{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.checklist-value{width:100%;text-align:left}.checklist-details{padding-left:0}}@media (max-width: 480px){.inspection-form{padding:var(--space-md)}.form-title-section h1{font-size:1.75rem}.form-subtitle{font-size:.95rem}.section-title{font-size:1rem}.grid-cell-value{font-size:2rem}.checklist-value{font-size:1.3rem}}.header-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%}@media (max-width: 768px){.header-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.header-grid{grid-template-columns:1fr}}.header-field{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:#f8fafc;border-radius:var(--radius-md);border:1px solid #e2e8f0}.header-field .field-label{font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--color-accent-primary);letter-spacing:.5px}.header-field .field-value{font-size:1.15rem;color:var(--color-text-primary);font-weight:600}.header-field .field-value.highlight{color:#0c4a6e;font-weight:700}.overall-risk{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.risk-label{font-weight:600;color:var(--color-text-secondary)}.risk-value{font-weight:800;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);text-transform:uppercase;font-size:.9rem}.risk-value.risk-low{background:#2563eb1a;color:#2563eb;border:1px solid #2563eb}.risk-value.risk-medium{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.risk-value.risk-high{background:#dc26261a;color:#dc2626;border:1px solid #dc2626}.key-points{margin-top:var(--space-xl);padding:var(--space-lg);background:#f8fafc;border-radius:var(--radius-md);border-left:4px solid var(--color-accent-primary)}.key-points strong{display:block;margin-bottom:var(--space-md);font-size:1rem;color:var(--color-text-primary)}.key-points ul{margin:0;padding-left:var(--space-xl);list-style:none}.key-points li{margin-bottom:var(--space-sm);padding-left:var(--space-md);position:relative;line-height:1.6}.key-points li:before{content:"•";position:absolute;left:0;color:var(--color-accent-primary);font-weight:700;font-size:1.2rem}.component-card{background:#f8fafc;border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid #e2e8f0;margin-bottom:var(--space-md);transition:all .2s ease}.component-card.highlighted{border-left:4px solid var(--color-accent-primary);box-shadow:0 4px 12px #2563eb26}.component-card.status-red{border-left:4px solid #dc2626;background:linear-gradient(135deg,#dc26260d,#f8fafc)}.component-card.status-yellow{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#f59e0b0d,#f8fafc)}.component-card.status-green{border-left:4px solid #2563eb;background:linear-gradient(135deg,#2563eb0d,#f8fafc)}.component-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:var(--space-sm)}.component-title-row{display:flex;align-items:center;gap:var(--space-md);flex:1;flex-wrap:wrap}.component-name{font-weight:700;font-size:1.1rem;color:var(--color-text-primary);flex:1}.component-domain{font-size:.75rem;font-weight:800;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.domain-engine{background:#2563eb1a;color:#2563eb;border:1px solid #2563eb}.domain-brakes{background:#dc26261a;color:#dc2626;border:1px solid #dc2626}.domain-tires{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.domain-battery{background:#10b9811a;color:#10b981;border:1px solid #10b981}.domain-fluids{background:#8b5cf61a;color:#8b5cf6;border:1px solid #8b5cf6}.domain-other{background:#94a3b81a;color:#94a3b8;border:1px solid #94a3b8}.component-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap}.severity-badge,.confidence-badge{font-size:.75rem;font-weight:700;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.severity-badge.severity-high{background:#dc26261a;color:#dc2626;border:1px solid #dc2626}.severity-badge.severity-medium{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.severity-badge.severity-low{background:#2563eb1a;color:#2563eb;border:1px solid #2563eb}.severity-badge.severity-none{background:#94a3b81a;color:#94a3b8;border:1px solid #94a3b8}.confidence-badge.confidence-high{background:#10b9811a;color:#10b981;border:1px solid #10b981}.confidence-badge.confidence-medium{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.confidence-badge.confidence-low{background:#94a3b81a;color:#94a3b8;border:1px solid #94a3b8}.component-body{display:flex;flex-direction:column;gap:var(--space-md)}.component-finding,.component-customer-note,.component-uncertainty{padding:var(--space-md);background:#fff;border-radius:var(--radius-sm);border:1px solid #e2e8f0;line-height:1.6}.component-uncertainty{background:#f59e0b0d;border-color:#f59e0b}.component-measurements{padding:var(--space-md);background:#fff;border-radius:var(--radius-sm);border:1px solid #e2e8f0}.measurements-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.measurement-item{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm);background:#f8fafc;border-radius:var(--radius-sm)}.measurement-label{font-weight:600;color:var(--color-text-secondary)}.measurement-value{font-weight:700;color:var(--color-accent-primary);font-family:var(--font-mono)}.measurement-method{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.measurement-original{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;margin-left:auto}.component-actions{padding:var(--space-md);background:#fff;border-radius:var(--radius-sm);border:1px solid #e2e8f0}.actions-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.component-evidence{padding:var(--space-md);background:#f59e0b0d;border-left:3px solid #f59e0b;border-radius:var(--radius-sm);font-size:.9rem;line-height:1.6}.component-evidence em{font-style:italic;color:var(--color-text-primary)}.component-recommendation{padding:var(--space-md);border-radius:var(--radius-sm);border:2px solid;font-weight:600}.component-recommendation.urgency-immediate{background:#dc26260d;border-color:#dc2626;color:#991b1b}.component-recommendation.urgency-soon{background:#f59e0b0d;border-color:#f59e0b;color:#92400e}.component-recommendation.urgency-monitor{background:#2563eb0d;border-color:#2563eb;color:#1e40af}.component-ui-annotation{padding:var(--space-sm);font-size:.9rem;color:var(--color-text-secondary);font-style:italic;border-top:1px solid #e2e8f0;margin-top:var(--space-sm);padding-top:var(--space-md)}.domain-group{margin-bottom:var(--space-xl)}.domain-header{font-weight:800;font-size:1rem;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#f8fafc,#fff);margin-bottom:var(--space-lg);border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:1px;color:var(--color-accent-primary);border-left:4px solid var(--color-accent-primary);box-shadow:0 2px 8px #2563eb1a}.components-list{display:flex;flex-direction:column;gap:var(--space-md)}.coverage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (max-width: 768px){.coverage-grid{grid-template-columns:1fr}}.coverage-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:#fff;border-radius:var(--radius-md);border:1px solid #e2e8f0}.coverage-item.inspected{border-left:4px solid #2563eb;background:linear-gradient(135deg,#2563eb0d,#fff)}.coverage-item.not-mentioned{border-left:4px solid #94a3b8;background:#f8fafc;opacity:.7}.coverage-system{font-weight:600;color:var(--color-text-primary)}.coverage-status{font-weight:700;font-size:.9rem}.coverage-item.inspected .coverage-status{color:#2563eb}.coverage-item.not-mentioned .coverage-status{color:#94a3b8}.quality-metrics{display:flex;flex-direction:column;gap:var(--space-md)}.quality-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:#fff;border-radius:var(--radius-md);border:1px solid #e2e8f0}.quality-label{font-weight:600;color:var(--color-text-secondary)}.quality-value{font-weight:700;color:var(--color-accent-primary);font-family:var(--font-mono)}.quality-value.ambiguity-low{color:#10b981}.quality-value.ambiguity-medium{color:#f59e0b}.quality-value.ambiguity-high{color:#dc2626}.inspection-form-container{width:100%;max-width:850px;margin:0 auto;background:#fff;background-color:#fff;box-sizing:border-box}.inspection-form-container.generating-pdf,.inspection-form-container.generating-pdf *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.inspection-form-container.generating-pdf,.inspection-form-container.generating-pdf .inspection-form{background:#fff!important;background-color:#fff!important}.inspection-form-container.generating-pdf,.inspection-form-container.generating-pdf *{box-shadow:none!important;opacity:1!important;filter:none!important}.inspection-form-container.generating-pdf span,.inspection-form-container.generating-pdf div,.inspection-form-container.generating-pdf p,.inspection-form-container.generating-pdf label,.inspection-form-container.generating-pdf h1,.inspection-form-container.generating-pdf h2,.inspection-form-container.generating-pdf h3{color:#000!important}.inspection-form-container.generating-pdf .section-header,.inspection-form-container.generating-pdf .subsection-header,.inspection-form-container.generating-pdf .item-label{background-color:#d3d3d3!important;color:#000!important}.inspection-form-container.generating-pdf .status-block.green,.inspection-form-container.generating-pdf .measurement-color-block.green{background-color:#1b5e20!important}.inspection-form-container.generating-pdf .status-block.yellow,.inspection-form-container.generating-pdf .measurement-color-block.yellow{background-color:#e65100!important}.inspection-form-container.generating-pdf .status-block.red,.inspection-form-container.generating-pdf .measurement-color-block.red{background-color:#b71c1c!important}.pdf-controls{display:flex;justify-content:center;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.pdf-download-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb4d;letter-spacing:.3px}.pdf-download-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#3b82f6);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.pdf-download-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.pdf-download-button:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.pdf-download-button .pdf-icon{font-size:18px}.pdf-download-button .pdf-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:pdf-spin .8s linear infinite}@keyframes pdf-spin{to{transform:rotate(360deg)}}.print-controls,.print-button{display:none}.inspection-form{background:#fff;padding:15px;font-size:8px;color:#000;line-height:1.25;width:100%;box-sizing:border-box}.header-section{margin-bottom:12px;width:100%;padding-bottom:8px;border-bottom:2px solid #000}.header-top{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;margin-bottom:10px;width:100%;position:relative;padding:8px 0}.mazda-logo{font-size:16pt;font-weight:700;color:#000;letter-spacing:2px;justify-self:start;font-family:Arial,sans-serif;text-transform:uppercase}.header-title{font-size:13pt;font-weight:700;text-transform:uppercase;color:#000;text-align:center;margin:0;grid-column:2;justify-self:center;white-space:nowrap;line-height:1.3;letter-spacing:1.5px;font-family:Arial,sans-serif;padding:4px 0}.header-fields{border:1px solid #000;padding:8px;display:flex;flex-direction:column;width:100%;background-color:#fafafa;border-radius:2px}.header-row{display:flex;flex-direction:row;gap:8px;margin-bottom:4px;width:100%;flex-wrap:wrap}.header-row:last-child{margin-bottom:0}.header-field{display:flex;flex-direction:row;align-items:center;gap:4px;flex:1 1 150px;font-size:9px;min-width:120px}.header-field label{font-weight:600;min-width:50px;flex-shrink:0;white-space:nowrap;display:inline-block;color:#333;font-family:Arial,sans-serif;font-size:9px}.header-field span{flex:1;border-bottom:1px solid #666;min-height:16px;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;box-sizing:border-box;color:#000;font-family:Arial,sans-serif}.legend-section{display:flex;gap:15px;margin:6px 0;padding:4px;font-size:7pt;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:4px}.status-circle{width:10px;height:10px;border-radius:50%;border:1px solid #000;display:inline-block;flex-shrink:0}.status-circle.red{background-color:#d32f2f}.status-circle.yellow{background-color:#fbc02d}.status-circle.green{background-color:#388e3c}.main-content-layout{display:grid;grid-template-columns:1fr 280px;gap:10px;margin-top:10px;align-items:start;width:100%;box-sizing:border-box}.left-column{display:flex;flex-direction:column;min-width:0}.right-column{display:flex;flex-direction:column;gap:5px;width:280px}.section-header{background-color:#d3d3d3;font-weight:700;padding:2px 4px;font-size:7.5pt;text-transform:uppercase;border:1px solid #000;margin-bottom:2px}.inspect-each-service{border:1px solid #000;padding:4px}.service-section{margin-bottom:6px}.service-section:last-child{margin-bottom:0}.subsection-header{background-color:#d3d3d3;font-weight:700;padding:1px 4px;font-size:8pt;border:1px solid #000;margin-bottom:3px}.subsection-subheader{background-color:#d3d3d3;font-weight:700;padding:2px 6px;font-size:7.5pt;border:1px solid #000;margin:4px 0 2px}.subsection-content{padding:2px}.item-group{margin-bottom:4px}.item-label{font-weight:700;font-size:7.5pt;margin-bottom:2px;background-color:#d3d3d3;padding:2px 6px;border:1px solid #000}.inspection-item{display:flex;align-items:center;gap:4px;font-size:7pt;margin-bottom:1px;line-height:1.3}.item-text{flex:1;word-wrap:break-word}.yn-option{width:12px;height:12px;border:1px solid #000;display:inline-flex;align-items:center;justify-content:center;font-size:7pt;font-weight:700;flex-shrink:0}.comments-group{margin-top:4px;border:1px solid #000;padding:3px}.comments-text{font-size:7pt;min-height:30px;white-space:pre-wrap;word-wrap:break-word}.right-column-section{display:flex;flex-direction:column;gap:6px}.right-section{border:1px solid #000;padding:3px;margin-bottom:3px}.tire-layout-container{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;gap:2px;margin:2px 0;min-height:100px;position:relative}.tire-position{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:7pt;gap:2px}.tire-lf{grid-column:1;grid-row:1;align-items:flex-start;justify-content:flex-start}.tire-rf{grid-column:3;grid-row:1;align-items:flex-end;justify-content:flex-start}.tire-lr{grid-column:1;grid-row:3;align-items:flex-start;justify-content:flex-end}.tire-rr{grid-column:3;grid-row:3;align-items:flex-end;justify-content:flex-end}.tire-brake-image{grid-column:2;grid-row:1 / 4;display:flex;align-items:center;justify-content:center;padding:2px}.brake-image{max-width:60px;max-height:100px;height:auto;width:auto;object-fit:contain}.tire-label{font-weight:700;font-size:7pt;margin:0}.tire-value-blocks{display:flex;flex-direction:row;align-items:center;gap:4px}.tire-measurement{font-size:6.5pt;margin:0;white-space:nowrap}.tire-options{font-size:7pt;margin-top:3px;text-align:center}.status-block-container{display:flex;flex-direction:column;gap:2px;margin:2px 0}.status-block{width:18px;height:18px;border:none;flex-shrink:0}.status-block.green{background-color:#1b5e20}.status-block.yellow{background-color:#e65100}.status-block.red{background-color:#b71c1c}.status-block.active{opacity:1}.status-block:not(.active){opacity:1}.status-block.green:not(.active){background-color:#c8e6c9}.status-block.yellow:not(.active){background-color:#ffe0b2}.status-block.red:not(.active){background-color:#ffcdd2}.status-block-container.status-na .status-block{opacity:1;background-color:#e0e0e0!important}.single-status-indicator{width:18px;height:18px;flex-shrink:0;border-radius:2px}.single-status-indicator.green{background-color:#1b5e20}.single-status-indicator.yellow{background-color:#e65100}.single-status-indicator.red{background-color:#b71c1c}.single-status-indicator.na{background-color:#e0e0e0}.brake-layout-container{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;gap:2px;margin:2px 0;min-height:100px;position:relative}.brake-position{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:7pt;gap:2px}.brake-lf{grid-column:1;grid-row:1;align-items:flex-start;justify-content:flex-start}.brake-rf{grid-column:3;grid-row:1;align-items:flex-end;justify-content:flex-start}.brake-lr{grid-column:1;grid-row:3;align-items:flex-start;justify-content:flex-end}.brake-rr{grid-column:3;grid-row:3;align-items:flex-end;justify-content:flex-end}.brake-image-container{grid-column:2;grid-row:1 / 4;display:flex;align-items:center;justify-content:center;padding:2px}.brake-section-image{max-width:60px;max-height:100px;height:auto;width:auto;object-fit:contain}.brake-label{font-weight:700;font-size:7pt;margin:0}.brake-value-blocks{display:flex;flex-direction:row;align-items:center;gap:4px}.brake-measurement{font-size:6.5pt;margin:0;white-space:nowrap}.brake-measurements-list{display:flex;flex-direction:column;gap:3px;margin-top:4px}.brake-measurement-item{display:flex;align-items:center;gap:6px;font-size:6.5pt;line-height:1.3}.measurement-color-block{width:18px;height:18px;border:none;flex-shrink:0}.brake-measurement-item.active .measurement-color-block.green{background-color:#1b5e20}.brake-measurement-item.active .measurement-color-block.yellow{background-color:#e65100}.brake-measurement-item.active .measurement-color-block.red{background-color:#b71c1c}.measurement-color-block.green{background-color:#c8e6c9}.measurement-color-block.yellow{background-color:#ffe0b2}.measurement-color-block.red{background-color:#ffcdd2}.measurement-text{flex:1;word-wrap:break-word;color:#000}.measurement-value{font-weight:700;color:#000}.brake-measurement-item.active{font-weight:700;background-color:#f5f5f5;border-radius:2px;padding:2px 4px}.brake-measurement-item.active .measurement-color-block{box-shadow:0 0 3px #0006}.battery-layout-container{display:grid;grid-template-columns:1fr auto 1fr;gap:4px;margin:2px 0;align-items:start}.battery-left{display:flex;flex-direction:column;gap:8px;font-size:7pt}.battery-state-of-health{display:flex;flex-direction:column;gap:4px}.battery-soh-value{font-size:10px;font-weight:700;color:#333;text-align:center;margin-top:2px}.battery-status-blocks{display:flex;flex-direction:column;gap:2px}.battery-label{font-weight:700;font-size:7pt;margin-bottom:2px}.battery-eloop{display:flex;flex-direction:column;gap:2px}.battery-value{font-size:6.5pt}.battery-image-container{display:flex;align-items:center;justify-content:center;padding:2px}.battery-section-image{max-width:60px;max-height:100px;height:auto;width:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:block}.battery-right{display:flex;flex-direction:column;gap:4px;font-size:6.5pt}.battery-detail-item{display:flex;flex-direction:column;gap:1px}.battery-detail-label{font-weight:700;font-size:6.5pt}.battery-detail-value{font-size:6.5pt}.exterior-diagram{display:flex;flex-direction:column;gap:2px;align-items:center}.car-image{width:100%;max-width:100%;max-height:80px;height:auto;display:block;border:1px solid #000;padding:1px;background:#fff;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:contain}.damage-legend{font-size:6pt;line-height:1.1;width:100%;margin-top:2px;display:grid;grid-template-columns:1fr 1fr;gap:1px 4px}.damage-legend div{margin-bottom:1px}.signature-section{margin-top:8px;border-top:1px solid #000;padding-top:4px;font-size:7pt}.signature-line{display:flex;align-items:center;gap:8px;margin-bottom:4px}.signature-line label{font-weight:700;min-width:120px}.signature-box{flex:1;border-bottom:1px solid #000;min-height:20px}.signature-date{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:7pt}.signature-date label{font-weight:700}.form-footer{display:flex;justify-content:space-between;margin-top:4px;padding-top:4px;border-top:1px solid #ccc;font-size:6.5pt}.form-id{font-weight:700}.form-copies{font-style:italic}@media print{.inspection-form-container{max-width:100%}.inspection-form{padding:5mm;font-size:7pt;background:#fff!important;color:#000!important}.print-controls{display:none!important}.main-content-layout{gap:6px}.section{page-break-inside:avoid}*{color:#000!important}.header-section,.section-header,.subsection-header,.item-label{background-color:#d3d3d3!important;color:#000!important}.header-fields,.inspect-each-service,.right-section{border-color:#000!important}}.pdf-generation{background:#fff!important}.pdf-generation *{color:#000!important}.pdf-generation .header-section,.pdf-generation .section-header,.pdf-generation .subsection-header,.pdf-generation .item-label{background-color:#d3d3d3!important;color:#000!important}.pdf-generation .header-fields,.pdf-generation .inspect-each-service,.pdf-generation .right-section{border-color:#000!important;background-color:#fff!important}@media (max-width: 900px){.main-content-layout{grid-template-columns:1fr 250px}.right-column{width:250px}.tire-grid{grid-template-columns:repeat(2,1fr)}.brake-grid{grid-template-columns:1fr}}.tire-reference-legend{display:flex;flex-direction:column;gap:3px;margin-top:6px;padding-top:4px;border-top:1px solid #ddd}.tire-legend-item{display:flex;align-items:center;gap:6px;font-size:6.5pt;line-height:1.3;padding:2px 4px;border-radius:2px;transition:background-color .2s}.tire-legend-item.active{font-weight:700;background-color:#f5f5f5}.legend-color-block{width:18px;height:18px;border:none;flex-shrink:0}.legend-color-block.green{background-color:#1b5e20}.legend-color-block.yellow{background-color:#e65100}.legend-color-block.red{background-color:#b71c1c}.tire-legend-item.active .legend-color-block.green,.battery-legend-item.active .legend-color-block.green{background-color:#1b5e20}.tire-legend-item.active .legend-color-block.yellow,.battery-legend-item.active .legend-color-block.yellow{background-color:#e65100}.tire-legend-item.active .legend-color-block.red,.battery-legend-item.active .legend-color-block.red{background-color:#b71c1c}.tire-legend-item.active .legend-color-block{box-shadow:0 0 3px #0006}.tire-legend-item:not(.active) .legend-color-block.green{background-color:#c8e6c9}.tire-legend-item:not(.active) .legend-color-block.yellow{background-color:#ffe0b2}.tire-legend-item:not(.active) .legend-color-block.red{background-color:#ffcdd2}.battery-reference-legend{display:flex;flex-direction:column;gap:3px;margin-top:6px;padding-top:4px;border-top:1px solid #ddd}.battery-legend-item{display:flex;align-items:center;gap:6px;font-size:6.5pt;line-height:1.3;padding:2px 4px;border-radius:2px;transition:background-color .2s}.battery-legend-item.active{font-weight:700;background-color:#f5f5f5}.battery-legend-item.active .legend-color-block{box-shadow:0 0 3px #0006}.battery-legend-item:not(.active) .legend-color-block.green{background-color:#c8e6c9}.battery-legend-item:not(.active) .legend-color-block.yellow{background-color:#ffe0b2}.battery-legend-item:not(.active) .legend-color-block.red{background-color:#ffcdd2}.service-form-output-wrapper{width:100%;box-sizing:border-box}.ai-fallback-notification{margin-bottom:var(--space-lg);border-radius:var(--radius-lg);overflow:hidden;animation:slideDown .3s ease-out}.notification-content{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-left:4px solid #f59e0b}.notification-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.notification-text{flex:1;color:#78350f}.notification-text strong{color:#92400e;font-weight:700}.notification-text p{margin:var(--space-xs) 0 0 0;line-height:1.6;font-size:.9rem}.notification-note{display:block;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(120,53,15,.2);font-size:.85rem;color:#92400e;font-style:italic}.notification-dismiss{flex-shrink:0;width:28px;height:28px;border:none;background:#78350f1a;border-radius:var(--radius-full);color:#78350f;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;line-height:1}.notification-dismiss:hover{background:#78350f33;transform:scale(1.1)}.service-form-output{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);animation:fadeIn .5s ease-out .3s both;width:100%;box-sizing:border-box}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.output-header h2{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.header-icon{font-size:1.5rem}.copy-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.95rem;font-weight:500;transition:all var(--transition-fast)}.copy-button:hover{background:var(--color-bg-elevated);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.copy-button.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}.collapsible-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-md);transition:all var(--transition-fast);width:100%;box-sizing:border-box}.section-header-with-actions{display:flex;align-items:center;gap:var(--space-md);background:var(--color-bg-secondary);padding-right:var(--space-md)}.section-header-with-actions .section-toggle{flex:1}.view-full-form-button{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 8px #2563eb4d;display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap;flex-shrink:0}.view-full-form-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2563eb66;background:linear-gradient(135deg,#3b82f6,#2563eb)}.collapsible-section:last-child{margin-bottom:0}.collapsible-section:hover{border-color:var(--color-border-hover)}.section-toggle-wrapper{display:flex;align-items:center;background:var(--color-bg-secondary);padding-right:var(--space-md)}.section-toggle{flex:1;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--color-text-primary);font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.section-toggle:hover{background:var(--color-bg-elevated)}.copy-button-inline{padding:var(--space-xs) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.copy-button-inline:hover{background:var(--color-bg-elevated);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.copy-button-inline.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}.toggle-icon{color:var(--color-accent-primary);font-size:.8rem;width:16px}.toggle-title{flex:1}.toggle-badge{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-card);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.toggle-status{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-good,.status-badge-green{background:#2563eb;color:#fff}.status-badge-bad,.status-badge-red{background:#dc2626;color:#fff}.status-badge-neutral,.status-badge-yellow{background:#f59e0b;color:#fff}.status-badge-na{background:#94a3b8;color:#fff}.toggle-stats{display:flex;gap:var(--space-xs);flex-wrap:wrap}.stat-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.stat-action{background:var(--color-danger-bg);color:var(--color-danger)}.stat-monitor{background:var(--color-warning-bg);color:var(--color-warning)}.stat-complete{background:var(--color-success-bg);color:var(--color-success)}.section-content{padding:var(--space-lg);background:var(--color-bg-card);animation:slideDown .2s ease-out;overflow-x:auto}.report-content{width:100%;overflow-x:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.summary-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-fast)}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.summary-card.status-good{border-left:4px solid var(--color-success)}.summary-card.status-bad{border-left:4px solid var(--color-danger)}.summary-card.status-neutral{border-left:4px solid var(--color-warning)}.summary-card.highlight-action{border-left:4px solid var(--color-danger);background:var(--color-danger-bg)}.summary-card.highlight-good{border-left:4px solid var(--color-success);background:var(--color-success-bg)}.summary-icon{font-size:1.8rem;margin-bottom:var(--space-sm)}.summary-label{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.summary-value.status-good{color:var(--color-success)}.summary-value.status-bad{color:var(--color-danger)}.summary-value.status-neutral{color:var(--color-warning)}.summary-value.action-count{color:var(--color-danger)}.summary-value.good-count{color:var(--color-success)}.checklist-form{display:flex;flex-direction:column;gap:var(--space-xl)}.checklist-category{background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.category-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.category-icon{font-size:1.2rem}.category-header h4{flex:1;margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.category-count{background:var(--color-bg-card);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.category-action .category-header{background:#ef44441a;border-bottom-color:#ef444433}.category-action .category-count{background:var(--color-danger);color:#fff}.category-monitor .category-header{background:#f59e0b1a;border-bottom-color:#f59e0b33}.category-monitor .category-count{background:var(--color-warning);color:#1a1a1a}.category-complete .category-header{background:#10b9811a;border-bottom-color:#10b98133}.category-complete .category-count{background:var(--color-success);color:#fff}.checklist-items{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.checklist-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.checklist-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.check-box{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.action-box{background:var(--color-danger-bg);border:2px solid var(--color-danger)}.monitor-box{background:var(--color-warning-bg);border:2px solid var(--color-warning)}.complete-box{background:var(--color-success);border:2px solid var(--color-success);color:#fff;font-weight:700}.item-details{flex:1;min-width:0}.item-main{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xs)}.item-label{font-size:1rem;font-weight:500;color:var(--color-text-primary);text-transform:capitalize}.completed-label{text-decoration:line-through;color:var(--color-text-muted)}.severity-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.severity-high{background:var(--color-danger);color:#fff}.severity-moderate{background:var(--color-warning);color:#1a1a1a}.severity-low{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.item-meta{display:flex;gap:var(--space-xs);flex-wrap:wrap}.meta-tag{padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.type-tag{background:var(--color-accent-primary);color:#fff}.component-tag{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.empty-checklist{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}.empty-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.form-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);border-left:4px solid var(--color-border);transition:all var(--transition-fast)}.form-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.form-item.item-good{border-left-color:var(--color-success);background:var(--color-success-bg)}.form-item.item-bad{border-left-color:var(--color-danger);background:var(--color-danger-bg)}.form-item.item-neutral{border-left-color:var(--color-warning);background:var(--color-warning-bg)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.item-index{background:var(--color-bg-card);width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--color-text-secondary)}.item-status{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase}.item-status.status-good{background:var(--color-success);color:#fff}.item-status.status-bad{background:var(--color-danger);color:#fff}.item-status.status-neutral{background:var(--color-warning);color:#1a1a1a}.item-fields{display:flex;flex-direction:column;gap:var(--space-sm)}.item-field{display:flex;gap:var(--space-sm);font-size:.9rem}.field-key{color:var(--color-text-muted);font-weight:500;min-width:90px}.field-value{color:var(--color-text-primary)}.item-confidence{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-muted)}.confidence-bar{flex:1;height:6px;background:var(--color-bg-card);border-radius:var(--radius-full);overflow:hidden}.confidence-fill{height:100%;background:var(--color-accent-gradient);border-radius:var(--radius-full);transition:width .5s ease}.json-section{background:#0d1117;padding:0}.json-content{padding:var(--space-lg);margin:0;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:#c9d1d9;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.service-form-output{padding:var(--space-lg);border-radius:var(--radius-lg)}.output-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.form-summary{grid-template-columns:repeat(2,1fr)}.section-toggle{padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.toggle-stats{width:100%;margin-top:var(--space-sm)}.checklist-item{flex-direction:column;gap:var(--space-sm)}.check-box{width:32px;height:32px}.items-grid{grid-template-columns:1fr}.item-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.processing-mode-toggle{margin:20px 0;padding:15px;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-container{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.toggle-label{font-size:14px;font-weight:600;color:#fff}.toggle-switch{display:flex;background:#0000004d;border-radius:25px;padding:4px;gap:4px}.toggle-option{padding:8px 20px;border:none;border-radius:20px;background:transparent;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.toggle-option:hover{background:#ffffff1a}.toggle-option.active{background:#fff;color:#1a1a2e;font-weight:600;box-shadow:0 2px 8px #0003}.api-key-status{font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;display:inline-block}.api-key-status{cursor:pointer;transition:all .2s}.api-key-status.status-ok{color:#4ade80;background:#4ade801a}.api-key-status.status-ok:hover{background:#4ade8033}.api-key-status.status-warning{color:#f59e0b;background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.api-key-status.status-warning:hover{background:#f59e0b40}.api-key-status.status-server{color:#60a5fa;background:#60a5fa1a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;overflow-y:auto}.api-key-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease;display:flex;flex-direction:column;overflow:hidden;margin:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.modal-body p{margin:0 0 16px;color:#4b5563;font-size:14px;line-height:1.5}.api-key-info-box{background:#eff6ff;border-left:4px solid #3b82f6;padding:12px 16px;border-radius:6px;margin-bottom:20px}.api-key-info-box p{margin:4px 0;color:#1e40af;font-size:14px}.api-key-info-box p:first-child{margin-top:0}.api-key-info-box p:last-child{margin-bottom:0}.api-key-input-wrapper{position:relative;margin-bottom:16px}.api-key-input{width:100%;padding:12px 45px 12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;font-family:Courier New,monospace;transition:border-color .2s}.api-key-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.toggle-key-visibility{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s;color:#6b7280}.toggle-key-visibility:hover{background:#f3f4f6;color:#1f2937}.current-key-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.current-key-label{margin:0;font-size:13px;color:#4b5563}.key-preview{font-family:Courier New,monospace;font-weight:600;color:#1f2937;background:#fff;padding:2px 6px;border-radius:4px;border:1px solid #d1d5db}.btn-clear-key{padding:6px 12px;border:1px solid #ef4444;border-radius:4px;background:#fff;color:#ef4444;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-clear-key:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.current-key-hint{font-size:12px;color:#6b7280;font-style:italic;margin-top:-8px;margin-bottom:8px}.api-key-help{font-size:12px;color:#6b7280;line-height:1.6}.api-key-help a{color:#3b82f6;text-decoration:none}.api-key-help a:hover{text-decoration:underline}.api-key-help code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:11px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;flex-shrink:0;background:#fff}.btn-cancel,.btn-submit{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#4b5563}.btn-cancel:hover{background:#e5e7eb}.btn-submit{background:#3b82f6;color:#fff}.btn-submit:hover:not(:disabled){background:#2563eb}.btn-submit:disabled{background:#d1d5db;cursor:not-allowed}.inspection-mode-toggle{margin:0;padding:0}.inspection-mode-toggle .toggle-container{display:flex;align-items:center;gap:12px}.inspection-mode-toggle .toggle-label{font-size:14px;font-weight:600;color:#64748b}.inspection-mode-toggle .toggle-switch{display:flex;background:#e2e8f0;border-radius:25px;padding:3px;gap:2px}.inspection-mode-toggle .toggle-option{padding:6px 16px;border:none;border-radius:20px;background:transparent;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.inspection-mode-toggle .toggle-option:hover{color:#334155}.inspection-mode-toggle .toggle-option.active{background:#fff;color:#1e293b;font-weight:600;box-shadow:0 1px 4px #0000001a}.inspection-mode-toggle .toggle-option.live.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.inspection-mode-toggle .toggle-option.live .live-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.inspection-mode-toggle .toggle-option.live.active .live-dot{background:#fff;opacity:1;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width: 768px){.inspection-mode-toggle .toggle-label{display:none}.inspection-mode-toggle .toggle-option{padding:5px 12px;font-size:12px}}.live-inspection-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.live-inspection-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f172af2;border-bottom:1px solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:1.5rem}.back-button{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#94a3b8;font-size:.9rem;cursor:pointer;transition:all .2s}.back-button:hover{background:#ffffff26;color:#fff}.live-inspection-header h1{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin:0}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;background:#ffffff1a}.connection-status .status-dot{width:8px;height:8px;border-radius:50%;transition:background-color .3s}.connection-status.connected{color:#34d399;background:#10b98126}.connection-status.connected .status-dot{background:#10b981;box-shadow:0 0 8px #10b98199;animation:pulse-green 2s infinite}.connection-status.connecting{color:#fbbf24;background:#fbbf2426}.connection-status.connecting .status-dot{background:#fbbf24;animation:pulse-yellow 1s infinite}.connection-status.disconnected{color:#94a3b8;background:#94a3b826}.connection-status.disconnected .status-dot{background:#64748b}.connection-status.error{color:#f87171;background:#f8717126}.connection-status.error .status-dot{background:#ef4444}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-yellow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.header-right{display:flex;align-items:center;gap:1rem}.download-pdf-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #10b9814d}.download-pdf-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.download-pdf-btn:disabled{opacity:.7;cursor:not-allowed}.download-pdf-btn svg{width:18px;height:18px}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.download-pdf-btn{padding:.5rem .8rem;font-size:.8rem}.download-pdf-btn svg{width:16px;height:16px}}@media (max-width: 480px){.download-pdf-btn span:not(.spinner-small){display:none}.download-pdf-btn{padding:.5rem;border-radius:50%}}.mode-badge{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.mode-badge.ai-based{background:linear-gradient(135deg,#8b5cf633,#a855f733);color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.mode-badge.rule-based{background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.mode-badge.openai{background:linear-gradient(135deg,#10a37f33,#10b98133);color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.processing-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#10b98133;border:1px solid rgba(16,185,129,.3);border-radius:20px;color:#6ee7b7;font-size:.85rem;font-weight:600}.processing-badge .spinner{width:14px;height:14px;border:2px solid rgba(16,185,129,.3);border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-inspection-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden}.voice-panel{display:flex;flex-direction:column;padding:2rem;background:linear-gradient(180deg,#0f172acc,#1e293be6);border-right:1px solid rgba(59,130,246,.2);overflow-y:auto}.voice-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.voice-panel-header h2{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0}.voice-stats{display:flex;gap:1rem}.voice-stats .stat{font-size:.85rem;color:#94a3b8}.voice-stats .stat strong{color:#60a5fa}.mic-section{display:flex;flex-direction:column;align-items:center;padding:2rem 0}.mic-button{width:120px;height:120px;border-radius:50%;border:3px solid rgba(59,130,246,.4);background:linear-gradient(135deg,#2563eb33,#3b82f64d);color:#60a5fa;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative}.mic-button:hover{transform:scale(1.05);border-color:#3b82f699;box-shadow:0 0 30px #3b82f64d}.mic-button.listening,.mic-button.recording{border-color:#10b981;background:linear-gradient(135deg,#10b98133,#0596694d);color:#34d399;animation:pulse-ring 1.5s infinite}.mic-button.connecting{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf2433,#f59e0b4d);color:#fcd34d;cursor:wait}.mic-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mic-button:disabled:hover{transform:none;box-shadow:none}.spinner-large{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fcd34d;border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 20px #10b98100}to{box-shadow:0 0 #10b98100}}.action-buttons{display:flex;gap:.75rem;margin-top:1rem;justify-content:center}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn:disabled{opacity:.5;cursor:not-allowed}.extract-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 10px #10b9814d}.extract-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #10b98166}.reset-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 10px #ef44444d}.reset-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ef444466}.retry-btn{margin-left:auto;padding:.3rem .8rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:inherit;font-size:.8rem;cursor:pointer}.retry-btn:hover{background:#ffffff4d}.extracting-tag{font-size:.75rem;padding:.2rem .5rem;background:#10b98133;border-radius:4px;color:#10b981;animation:pulse-opacity 1s infinite}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}.simple-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf626);border:1px solid rgba(139,92,246,.2);border-radius:10px;color:#c4b5fd;font-size:.85rem;font-weight:500}.reset-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;margin-top:1rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #ef44444d}.reset-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)}.reset-button svg{width:18px;height:18px}.mic-icon{width:40px;height:40px}.mic-icon svg{width:100%;height:100%}.mic-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.listening-indicator{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;color:#10b981;font-weight:600}.wave-container{display:flex;align-items:center;gap:4px;height:30px}.wave{width:4px;height:100%;background:linear-gradient(180deg,#10b981,#34d399);border-radius:2px;animation:wave 1s ease-in-out infinite}.wave:nth-child(1){animation-delay:0s}.wave:nth-child(2){animation-delay:.1s}.wave:nth-child(3){animation-delay:.2s}.wave:nth-child(4){animation-delay:.3s}.wave:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.transcript-section{flex:1;display:flex;flex-direction:column;margin-top:1.5rem}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.transcript-header h3{font-size:1rem;font-weight:600;color:#e2e8f0;margin:0}.clear-btn{padding:.3rem .6rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:.75rem;cursor:pointer;transition:all .2s}.clear-btn:hover{background:#ef444440}.transcript-content{flex:1;min-height:150px;max-height:250px;padding:1rem;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:12px;overflow-y:auto;font-size:.95rem;line-height:1.7}.transcript-content .final-text{color:#f1f5f9}.transcript-content .interim-text{color:#10b981;font-style:italic}.transcript-content .placeholder{color:#64748b;font-style:italic}.instructions{margin-top:1.5rem;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px}.instructions h4{font-size:.85rem;font-weight:600;color:#93c5fd;margin:0 0 .5rem}.instructions ul{margin:0;padding-left:1.25rem}.instructions li{font-size:.8rem;color:#94a3b8;line-height:1.6}.browser-warning,.api-key-warning{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:10px;color:#fbbf24;margin-bottom:1rem}.browser-warning span,.api-key-warning span{font-size:1.5rem}.browser-warning p,.api-key-warning p{margin:0;font-size:.9rem}.connection-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;margin-bottom:1rem}.connection-error span{font-size:1.2rem}.connection-error p{margin:0;font-size:.9rem}.openai-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#10a37f1a,#10b98126);border:1px solid rgba(16,185,129,.2);border-radius:10px;color:#6ee7b7;font-size:.85rem;font-weight:500}.openai-badge svg{fill:#10b981}.browser-warning p{margin:0;font-size:.9rem}.error-message{margin-top:1rem;padding:.75rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.9rem}.form-panel{display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}.form-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:2px solid rgba(37,99,235,.1);flex-shrink:0}.form-panel-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.form-status{font-size:.85rem;color:#64748b;font-weight:500}.form-panel-content{flex:1;padding:1rem;overflow-y:auto;overflow-x:hidden}.mazda-form-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.mazda-form-wrapper .mazda-full-circle-form{transform:scale(.75);transform-origin:top left;width:133.33%}@keyframes checkmark-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.mazda-form-wrapper .mazda-check{font-size:1.1em;font-weight:700}.mazda-form-wrapper .mazda-check.green{color:#16a34a;text-shadow:0 0 8px rgba(22,163,74,.5);animation:checkmark-pop .5s ease-out}.mazda-form-wrapper .mazda-check.yellow{color:#d97706;text-shadow:0 0 8px rgba(217,119,6,.5);animation:checkmark-pop .5s ease-out}.mazda-form-wrapper .mazda-check.red{color:#dc2626;text-shadow:0 0 8px rgba(220,38,38,.5);animation:checkmark-pop .5s ease-out}.mazda-form-wrapper .status-indicator.active{animation:status-flash .5s ease-out}@keyframes status-flash{0%{background-color:#2563eb4d;transform:scale(1.2)}to{background-color:transparent;transform:scale(1)}}.mazda-form-wrapper .mazda-form-row.updated{animation:row-highlight 1s ease-out}@keyframes row-highlight{0%{background-color:#2563eb26}to{background-color:transparent}}@media (max-width: 1024px){.live-inspection-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.voice-panel{border-right:none;border-bottom:1px solid rgba(59,130,246,.2);max-height:50vh}.mic-button{width:100px;height:100px}.transcript-content{max-height:120px}}@media (max-width: 640px){.live-inspection-header{flex-direction:column;gap:1rem;padding:1rem}.header-left,.header-right{width:100%;justify-content:center}.voice-panel{padding:1rem}.mic-button{width:80px;height:80px}.mic-icon{width:32px;height:32px}.mic-label{font-size:.65rem}}.app{min-height:100vh;display:flex;flex-direction:column;animation:fadeIn .6s ease-out;position:relative;background:linear-gradient(180deg,#fff,#f8fafc,#fff);overflow-x:hidden}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(37,99,235,.12) 0%,transparent 70%),radial-gradient(ellipse 100% 60% at 0% 100%,rgba(249,115,22,.08) 0%,transparent 60%),radial-gradient(ellipse 100% 60% at 100% 100%,rgba(59,130,246,.08) 0%,transparent 60%);pointer-events:none;z-index:0;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.8}}.app:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;z-index:0;opacity:.6}.app-header{position:relative;padding:var(--space-2xl) var(--space-xl) var(--space-3xl);background:linear-gradient(180deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(37,99,235,.1);box-shadow:0 8px 32px #2563eb14;z-index:10;overflow:hidden}.header-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(37,99,235,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(249,115,22,.08) 0%,transparent 50%);opacity:.6;z-index:0}.header-content{position:relative;z-index:1;max-width:1400px;margin:0 auto}.header-top-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,rgba(37,99,235,.3),transparent) 1}.logo-container,.header-controls{display:flex;align-items:center;gap:var(--space-md)}.header-title-section{text-align:center;max-width:900px;margin:0 auto}.app-header h1{font-size:3.5rem;font-weight:900;letter-spacing:-.04em;margin:0 0 var(--space-md) 0;background:linear-gradient(135deg,#1e293b,#2563eb 40%,#3b82f6 60%,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;line-height:1.1}.app-header h1:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:linear-gradient(135deg,#2563eb1a,#f973161a);filter:blur(20px);z-index:-1;opacity:.5}.app-header h1:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:150px;height:4px;background:linear-gradient(90deg,transparent,#2563eb,#f97316,transparent);border-radius:var(--radius-full);box-shadow:0 4px 12px #2563eb66}.header-tagline{font-size:1.15rem;color:#475569;max-width:800px;margin:var(--space-xl) auto 0;line-height:1.7;font-weight:400;letter-spacing:.01em}.app-main{flex:1;padding:var(--space-2xl) 0;position:relative;z-index:1;transition:opacity var(--transition-base)}.app-main.hidden{opacity:0;pointer-events:none;overflow:hidden}.main-layout{display:flex;flex-direction:column;gap:var(--space-2xl);max-width:1200px;margin:0 auto;padding:0 var(--space-xl);width:100%}.upload-section{background:#fff;border:2px solid rgba(37,99,235,.15);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:0 4px 24px #2563eb14,0 0 0 1px #ffffff80 inset;transition:all var(--transition-base);animation:fadeIn .5s ease-out .1s both;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.inspection-section{width:100%;box-sizing:border-box;margin-top:0}.inspection-section>*{width:100%;box-sizing:border-box}.upload-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6,#f97316);opacity:.8;box-shadow:0 2px 8px #2563eb4d}.upload-section:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);pointer-events:none;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-section:hover{border-color:#2563eb4d;box-shadow:0 8px 32px #2563eb26,0 0 0 1px #fffc inset;transform:translateY(-2px)}.error-message{display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid #ef4444;color:#dc2626;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;animation:fadeIn .3s ease-out;box-shadow:0 4px 16px #ef444433;position:relative;overflow:hidden}.error-message:before{content:"⚠️";font-size:1.5rem}.processing-indicator{background:#fff;border:2px solid rgba(37,99,235,.15);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center;box-shadow:0 4px 24px #2563eb14,0 0 0 1px #ffffff80 inset;animation:fadeIn .5s ease-out;position:relative;overflow:hidden}.processing-indicator:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6,#f97316);animation:shimmer 2s infinite;box-shadow:0 2px 8px #2563eb4d}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);position:relative;z-index:1}.spinner{width:64px;height:64px;border-radius:50%;position:relative}.spinner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid rgba(37,99,235,.1)}.spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid transparent;border-top-color:#2563eb;border-right-color:#f97316;animation:spin .8s linear infinite}.processing-text{color:#1e293b;font-size:1.25rem;font-weight:700;letter-spacing:.01em}.processing-subtext{color:#64748b;font-size:1rem;margin-top:var(--space-xs);font-weight:500}.inspection-placeholder{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid rgba(37,99,235,.1);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;display:flex;align-items:center;justify-content:center;min-height:300px;width:100%;box-sizing:border-box;transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:0 4px 24px #2563eb0f,0 0 0 1px #ffffff80 inset}.inspection-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.3),transparent);opacity:.5}.inspection-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(37,99,235,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(249,115,22,.04) 0%,transparent 50%);pointer-events:none}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);max-width:450px;position:relative;z-index:1}.placeholder-icon{width:120px;height:120px;margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb14,#f9731614);border-radius:var(--radius-xl);border:2px solid rgba(37,99,235,.1);animation:float 3s ease-in-out infinite}.placeholder-icon svg{width:80px;height:80px}.placeholder-content h2{font-size:2rem;font-weight:900;color:#1e293b;margin:0;letter-spacing:-.03em;background:linear-gradient(135deg,#1e293b,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.placeholder-content p{font-size:1.1rem;color:#475569;line-height:1.7;margin:0;font-weight:500;max-width:400px}.placeholder-features{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg);width:100%;max-width:350px}.feature-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#fff;border:1px solid rgba(37,99,235,.1);border-radius:var(--radius-lg);font-size:.95rem;color:#475569;font-weight:600;box-shadow:0 2px 8px #2563eb0d;transition:all var(--transition-base)}.feature-item:hover{border-color:#2563eb33;transform:translate(4px);box-shadow:0 4px 12px #2563eb1a}.feature-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-radius:50%;font-size:.85rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #2563eb4d}.app-footer{text-align:center;padding:var(--space-xl) var(--space-lg);border-top:1px solid rgba(37,99,235,.1);margin-top:auto;background:linear-gradient(180deg,#f8fafcf2,#fffffffa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.app-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,#2563eb,transparent);opacity:.6;box-shadow:0 2px 8px #2563eb33}.footer-text{color:#64748b;font-size:.95rem;font-weight:500;letter-spacing:.01em}.footer-text a{color:#2563eb;transition:color var(--transition-fast);font-weight:600}.footer-text a:hover{color:#f97316}@media (max-width: 1200px){.main-layout{max-width:100%;padding:0 var(--space-lg)}}@media (max-width: 768px){.app-header{padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.header-top-section{flex-direction:column;align-items:flex-start;gap:var(--space-lg);padding-bottom:var(--space-lg)}.header-controls{width:100%;justify-content:center}.app-header h1{font-size:2.5rem}.app-header h1:after{width:100px;height:3px}.header-tagline{font-size:1rem}.main-layout{padding:0 var(--space-lg);gap:var(--space-lg)}.upload-section,.processing-indicator,.inspection-section{padding:var(--space-xl);border-radius:var(--radius-lg);width:100%;box-sizing:border-box}.inspection-placeholder{min-height:250px;padding:var(--space-xl)}}@media (max-width: 480px){.app-header h1{font-size:2rem}.header-tagline{font-size:.9rem}.main-layout{padding:0 var(--space-md)}}.full-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#fff,#f8fafc);z-index:9999;overflow-y:auto;animation:fadeIn .3s ease-out}.full-form-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.full-form-header{position:sticky;top:0;z-index:10000;display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-2xl);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid rgba(37,99,235,.15);box-shadow:0 4px 20px #2563eb1a}.full-form-header h2{font-size:1.75rem;font-weight:900;color:#1e293b;margin:0;letter-spacing:-.02em;background:linear-gradient(135deg,#1e293b,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dismiss-full-form-button{padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px #ef44444d;display:flex;align-items:center;gap:var(--space-sm);letter-spacing:.01em}.dismiss-full-form-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)}.full-form-content{flex:1;padding:var(--space-2xl);max-width:1400px;margin:0 auto;width:100%}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-card: #ffffff;--color-bg-card-hover: #f1f5f9;--color-bg-elevated: #f8fafc;--color-accent-primary: #2563eb;--color-accent-secondary: #f97316;--color-accent-accent: #3b82f6;--color-accent-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #f97316 100%);--color-accent-glow: rgba(37, 99, 235, .3);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .15);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .1);--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: rgba(148, 163, 184, .2);--color-border-hover: rgba(37, 99, 235, .4)}:root{--font-display: "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Roboto Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}:root,[data-theme=light]{--shadow-sm: 0 2px 8px rgba(37, 99, 235, .1);--shadow-md: 0 4px 16px rgba(37, 99, 235, .15);--shadow-lg: 0 8px 32px rgba(37, 99, 235, .2);--shadow-glow: 0 0 40px rgba(37, 99, 235, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 100% 60% at 50% -10%,rgba(37,99,235,.08) 0%,transparent 60%),radial-gradient(ellipse 80% 50% at 20% 100%,rgba(249,115,22,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(59,130,246,.05) 0%,transparent 40%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(37,99,235,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:-1}#root{max-width:1400px;margin:0 auto;padding:var(--space-lg);position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-text-primary)}code,pre{font-family:var(--font-mono)}::selection{background:var(--color-accent-primary);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}.gradient-text{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--color-accent-glow)}50%{box-shadow:0 0 40px var(--color-accent-glow),0 0 60px #2563eb66}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){html{font-size:14px}#root{padding:var(--space-md)}}.generating-pdf{background:#fff!important;background-color:#fff!important;opacity:1!important;filter:none!important;transform:none!important;isolation:isolate!important;contain:paint!important}.generating-pdf,.generating-pdf *{opacity:1!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;mix-blend-mode:normal!important;will-change:auto!important}.generating-pdf:before,.generating-pdf:after{display:none!important;content:none!important}.generating-pdf .inspection-form,.generating-pdf .inspection-form-container{background-color:#fff!important;background:#fff!important}.generating-pdf .section-header,.generating-pdf .subsection-header,.generating-pdf .item-label{background-color:#d3d3d3!important;color:#000!important}.generating-pdf .status-block.green.active,.generating-pdf .measurement-color-block.green.active,.generating-pdf .legend-color-block.green.active{background-color:#1b5e20!important}.generating-pdf .status-block.yellow.active,.generating-pdf .measurement-color-block.yellow.active,.generating-pdf .legend-color-block.yellow.active{background-color:#e65100!important}.generating-pdf .status-block.red.active,.generating-pdf .measurement-color-block.red.active,.generating-pdf .legend-color-block.red.active{background-color:#b71c1c!important}.generating-pdf .status-block.green:not(.active),.generating-pdf .measurement-color-block.green:not(.active),.generating-pdf .legend-color-block.green:not(.active){background-color:#c8e6c9!important}.generating-pdf .status-block.yellow:not(.active),.generating-pdf .measurement-color-block.yellow:not(.active),.generating-pdf .legend-color-block.yellow:not(.active){background-color:#ffe0b2!important}.generating-pdf .status-block.red:not(.active),.generating-pdf .measurement-color-block.red:not(.active),.generating-pdf .legend-color-block.red:not(.active){background-color:#ffcdd2!important}.generating-pdf .status-circle.red{background-color:#d32f2f!important}.generating-pdf .status-circle.yellow{background-color:#fbc02d!important}.generating-pdf .status-circle.green{background-color:#388e3c!important}