13 lines
1.3 KiB
CSS
13 lines
1.3 KiB
CSS
.operator-shell { --brand: #9a6d32; --brand-dark: #765122; --brand-soft: #f5ead9; --canvas: #f7f5f1; }
|
|
.operator-hero { background-image: linear-gradient(118deg, rgba(52, 38, 24, .96), rgba(107, 76, 39, .84) 64%, rgba(145, 108, 64, .7)), url('/static/portal/guest/home/assets/wealth_architecture_hero.jpg'); }
|
|
.operator-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr); gap: var(--space-4); }
|
|
.operator-mail { padding: var(--space-4); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); align-items: start; border-bottom: 1px solid var(--line); }
|
|
.operator-mail:last-child { border-bottom: 0; }
|
|
.operator-mail__title { margin: 0; font-size: 15px; font-weight: 680; overflow-wrap: anywhere; }
|
|
.operator-mail__meta { margin: 4px 0 0; color: var(--muted); font-size: var(--fs-small); line-height: 1.55; }
|
|
.operator-mail__status { align-self: center; color: var(--brand-dark); background: var(--brand-soft); }
|
|
.operator-status__card { padding: var(--space-4); background: var(--surface-soft); border-radius: var(--radius-sm); }
|
|
.operator-status__card strong { display: block; margin-bottom: 5px; font-size: 18px; }
|
|
.operator-status__card p { margin: 0; color: var(--muted); font-size: var(--fs-small); line-height: 1.65; }
|
|
@media (max-width: 760px) { .operator-grid { grid-template-columns: 1fr; } }
|