Assessor_2.0/src/styles/policy-analysis.css

28 lines
3.7 KiB
CSS

/* Project-bound GPO evaluation. Findings and severity-free review hints remain
visually and semantically separated. */
.policy-analysis-panel { margin-top: var(--legacy-space-6); padding-top: var(--legacy-space-5); border-top: var(--border-hair) solid var(--line); }
.policy-analysis-boundary { margin: 0 0 var(--legacy-space-4); padding: var(--legacy-space-3); border-left: 3px solid var(--warning); color: var(--heading); background: var(--panel-soft); font-size: var(--ui-control-size); line-height: 1.5; }
.policy-analysis-empty { padding-block: 28px; }
.policy-analysis-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--legacy-space-2); margin-bottom: var(--legacy-space-4); }
.policy-analysis-summary article { display: grid; gap: var(--legacy-space-1); padding: var(--legacy-space-3); border: var(--border-hair) solid var(--line); background: var(--panel-raised); }
.policy-analysis-summary span { color: var(--muted); font-size: var(--ui-control-size); }
.policy-analysis-summary strong { color: var(--heading); font-family: var(--font-mono); font-size: var(--ui-heading-size); }
.policy-analysis-columns { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--legacy-space-4); align-items: start; }
.policy-analysis-columns > section { min-width: 0; padding: var(--legacy-space-3); border: var(--border-hair) solid var(--line); background: var(--panel); }
.policy-analysis-subheading { display: flex; align-items: center; justify-content: space-between; gap: var(--legacy-space-2); margin-bottom: var(--legacy-space-2); }
.policy-analysis-subheading h4 { margin: 0; color: var(--heading); font-size: var(--ui-body-size); }
.policy-analysis-subheading span { color: var(--muted); font-family: var(--font-mono); font-size: var(--ui-control-size); }
.policy-analysis-muted { margin: 0; color: var(--muted); font-size: var(--ui-control-size); line-height: 1.5; }
.policy-evaluation-list, .policy-review-list { display: grid; gap: var(--legacy-space-2); }
.policy-evaluation-list article { padding: var(--legacy-space-3); border: var(--border-hair) solid var(--line); border-left: 3px solid var(--legacy-accent); background: var(--panel-raised); }
.policy-evaluation-list header, .policy-evaluation-list footer { display: flex; justify-content: space-between; gap: var(--legacy-space-2); color: var(--muted); font-size: var(--ui-control-size); }
.policy-evaluation-list header strong, .policy-evaluation-list footer strong { color: var(--heading); }
.policy-evaluation-list article > div { display: flex; flex-wrap: wrap; gap: var(--legacy-space-1) var(--legacy-space-3); margin: var(--legacy-space-2) 0; color: var(--muted); font-size: var(--ui-control-size); }
.policy-review-item { border: var(--border-hair) solid var(--line); border-left: 3px solid var(--warning); background: var(--panel-raised); }
.policy-review-item summary { display: flex; justify-content: space-between; gap: var(--legacy-space-3); padding: var(--legacy-space-2) var(--legacy-space-3); cursor: pointer; }
.policy-review-item summary strong { color: var(--heading); font-size: var(--ui-control-size); }
.policy-review-item summary span { color: var(--muted); font-size: var(--ui-small-size); text-align: right; }
.policy-review-detail { display: grid; gap: var(--legacy-space-1); padding: var(--legacy-space-2) var(--legacy-space-3) var(--legacy-space-3); border-top: var(--border-hair) dashed var(--line); color: var(--muted); font-size: var(--ui-small-size); overflow-wrap: anywhere; }
.policy-review-detail code { display: inline-block; margin: 0 var(--legacy-space-1) var(--legacy-space-1) 0; color: var(--heading); }
@media (max-width: 900px) { .policy-analysis-columns { grid-template-columns: 1fr; } }