/* AgentGarrison white-label report — standalone printable document. The one dynamic value (the user's accent colour) arrives as the --ag-report-accent custom property set on the element. */ * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #1A2B2E; background: #fff; font-size: 13px; } .report-page { max-width: 900px; margin: 0 auto; padding: 40px; } .report-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 24px; border-bottom: 2px solid var(--ag-report-accent); margin-bottom: 32px; } .report-header__brand { font-size: 22px; font-weight: 800; color: var(--ag-report-accent); } .report-header__logo img { max-height: 48px; } .report-header__meta { text-align: right; font-size: 11px; color: #5C7880; } .report-section { margin-bottom: 36px; } .report-section__title { font-size: 15px; font-weight: 700; color: #1A2B2E; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid #E0E8EA; } .score-row { display: flex; align-items: center; gap: 24px; } .score-ring-wrap { flex-shrink: 0; } .score-ring { width: 100px; height: 100px; } .score-meta { flex: 1; } .score-number { font-size: 36px; font-weight: 800; color: var(--ag-report-accent); } .score-grade { font-size: 16px; color: #5C7880; margin-left: 6px; } .pillars-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; } .pillar-item { padding: 10px 14px; background: #F7F9FA; border-radius: 6px; border: 1px solid #E0E8EA; } .pillar-label { font-size: 11px; color: #5C7880; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; } .pillar-score { font-size: 18px; font-weight: 700; margin-top: 2px; } .stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .stat-box { padding: 16px; background: #F7F9FA; border-radius: 8px; border: 1px solid #E0E8EA; text-align: center; } .stat-box__number { font-size: 28px; font-weight: 800; color: var(--ag-report-accent); } .stat-box__label { font-size: 11px; color: #5C7880; margin-top: 4px; } table { width: 100%; border-collapse: collapse; font-size: 12px; } th { background: #F7F9FA; padding: 8px 12px; text-align: left; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; color: #5C7880; border-bottom: 1px solid #E0E8EA; } td { padding: 9px 12px; border-bottom: 1px solid #F0F0F0; } tr:last-child td { border-bottom: none; } .bar-wrap { height: 8px; background: #E0E8EA; border-radius: 4px; overflow: hidden; display: inline-block; width: 100px; vertical-align: middle; margin-left: 8px; } .bar-fill { height: 100%; border-radius: 4px; background: var(--ag-report-accent); } .report-footer { margin-top: 40px; padding-top: 16px; border-top: 1px solid #E0E8EA; display: flex; justify-content: space-between; font-size: 11px; color: #9DB1B7; } @media print { body { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .no-print { display: none !important; } .report-page { padding: 20px; } }