.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.metric-card { min-height: 134px; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); position: relative; overflow: hidden; }
.metric-card::after { content: ""; position: absolute; width: 70px; height: 70px; right: -30px; top: -30px; border-radius: 50%; background: #edeae1; }
.metric-warning::after { background: var(--gold-soft); }.metric-positive::after { background: var(--mint); }.metric-info::after { background: var(--blue-soft); }
.metric-card p { margin-bottom: 11px; color: var(--ink-soft); font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.metric-card strong { display: block; margin-bottom: 8px; font-family: Georgia, serif; font-size: 2.1rem; font-weight: 500; }.metric-card > span { color: #6c7b77; font-size: .75rem; }
.dashboard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.panel { padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }.panel-span-2 { grid-column: span 2; }.panel-span-3 { grid-column: span 3; }
.section-heading { margin-bottom: 18px; display: flex; align-items: start; justify-content: space-between; gap: 16px; }.section-heading h2 { margin-bottom: 4px; }.section-heading p { margin: 0; font-size: .8rem; }.section-heading > a, .text-link { color: var(--green); font-size: .78rem; font-weight: 750; text-decoration: none; }
.attention-list { display: grid; gap: 10px; }.attention-item { min-height: 76px; padding: 12px; border-radius: 13px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 14px; color: inherit; text-decoration: none; transition: background .15s; }.attention-item:hover { background: #f6f3eb; }
.attention-mark { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-family: Georgia, serif; font-size: .9rem; font-weight: 700; }.attention-mark-warning { background: var(--gold-soft); color: var(--gold); }.attention-mark-info { background: var(--blue-soft); color: var(--blue); }
.attention-item strong, .attention-item small { display: block; }.attention-item strong { font-size: .88rem; }.attention-item small { margin-top: 5px; color: var(--ink-soft); font-size: .73rem; }
.safeguard-panel { background: linear-gradient(145deg, #143d34, #0e2e28); color: white; border-color: #143d34; }.safeguard-panel p, .safeguard-panel .safeguard-meta span { color: #b8cdc6; }.safeguard-panel .button { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); color: white; }
.safeguard-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }.shield-mark { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: rgba(255,255,255,.1); color: #72d0a7; font-weight: 900; }.safeguard-meta { margin: 22px 0; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.13); display: flex; justify-content: space-between; font-size: .7rem; }
.content-table-wrap { overflow-x: auto; }.content-table { width: 100%; border-collapse: collapse; font-size: .77rem; }.content-table th { padding: 10px 12px; color: #7a8984; text-align: left; text-transform: uppercase; letter-spacing: .07em; font-size: .63rem; }.content-table td { padding: 14px 12px; border-top: 1px solid #ece9e0; color: var(--ink-soft); }.content-table td:first-child { min-width: 270px; }.content-table td:first-child a { color: var(--ink); font-weight: 750; text-decoration: none; }.content-table td:first-child small { display: block; margin-top: 3px; }
.connection-panel { text-align: center; }.connection-panel .section-heading { text-align: left; }.connection-panel h3 { margin-top: 12px; }.health-orbit { width: 88px; height: 88px; margin: 8px auto; border: 1px solid #a9d1c4; border-radius: 50%; display: grid; place-items: center; box-shadow: inset 0 0 0 8px #eef8f4, 0 0 0 4px #f8fcfa; }.health-orbit span { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; background: var(--green); color: white; font-weight: 900; }
.compact-stats { display: grid; grid-template-columns: 1fr 1fr; margin: 18px 0; border-block: 1px solid #ece9e0; }.compact-stats div { padding: 12px 5px; }.compact-stats div + div { border-left: 1px solid #ece9e0; }.compact-stats dt { color: #7d8b87; font-size: .65rem; }.compact-stats dd { margin: 4px 0 0; font-size: .75rem; font-weight: 750; }
.audit-mini-list { display: grid; }.audit-mini-row { min-height: 48px; display: grid; grid-template-columns: 8px 70px 130px 1fr auto; align-items: center; gap: 12px; border-top: 1px solid #ece9e0; font-size: .72rem; }.audit-mini-row code { color: #7c8a86; font-size: .65rem; }.event-dot { width: 7px; height: 7px; border-radius: 50%; background: #a6aaa5; }.event-info { background: var(--blue); }.event-warning { background: var(--gold); }.event-positive { background: var(--green); }.event-danger { background: var(--red); }