.container-primary-info { width: 100%; margin-bottom: 2rem; border-radius: 20px; background: var(--mud-palette-surface); border: 1px solid var(--card-border-color); box-shadow: var(--card-box-shadow); } .container-primary-info.no-margin { margin-bottom: 0 !important; min-height: max-content; } .container-primary-info .divider { margin: .25rem 0; } .section-primary-info { display: flex; flex-direction: row; align-items: center; gap: 1.5rem; padding: .8rem 1.2rem .4rem; } .personal-info { display: flex; flex-direction: column; align-items: flex-start; line-height: normal; } .inspection-info{ display: flex; flex-direction: column; } .info-title { color: var(--mud-palette-text-primary); font-weight: 800; font-size: x-large; line-height: normal; } .info-subtitle { /* gray-darker (non gray-default) per superare il contrasto AA e restare leggibile al sole */ color: var(--mud-palette-gray-darker); font-size: medium; font-weight: 600; line-height: normal; } .info-title.compactView{ font-size: medium; } .section-info { display: flex; justify-content: space-between; flex-direction: row; padding: .4rem 1.2rem .8rem; } .section-inspection-info { display: flex; flex-direction: column; } .section-inspection-info > div { display: flex; flex-direction: column; line-height: normal; margin: .25rem 0; } .info-inspection-title { color: var(--mud-palette-gray-darker); font-weight: 800; } .info-inspection-text { color: var(--mud-palette-text-secondary); font-weight: 700; font-size: small; }