body {
	padding: 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}

h1 {
	font-size: 16px;
	margin-top: 0;
}

p {
	color: rgb(107, 114, 128);
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.card {
	max-width: 620px;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid lightgray;
	border-radius: 16px;
}

.card p:last-child {
	margin-bottom: 0;
}

/* Print styles for Inspection Reports */
@media print {
    .no-print, app-sidebar, app-topbar, .no-print * {
        display: none !important;
    }
    
    body {
        padding: 0;
        background: white;
    }
    
    .print-only {
        display: block !important;
    }
    
    .inspection-report {
        max-width: 100%;
        margin: 0;
        padding: 20px;
    }
    
    .page-break {
        page-break-after: always;
    }
    
    .print-header {
        border-bottom: 2px solid #000;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    
    .print-section {
        margin-bottom: 20px;
    }
    
    .question-answer {
        border: 1px solid #ddd;
        padding: 10px;
        margin-bottom: 10px;
        break-inside: avoid;
    }
}

.print-only {
    display: none;
}

/* Inspection Report specific styles */
.inspection-report {
    background: white;
    padding: 40px;
    max-width: 800px;
    margin: 0 auto;
}

.report-summary-tile {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
}

.defect-high { border-left: 4px solid #dc2626; }
.defect-medium { border-left: 4px solid #f59e0b; }
.defect-low { border-left: 4px solid #3b82f6; }