/* Stage 6 compatibility layer.
   The Design System files are linked directly from site_base.html so a stale
   cached site.css can never hide the global shell or SVG icon rules. */

/* Compatibility layer for existing shared/core templates. App-specific UI remains
   intentionally untouched until its dedicated Stage 6 migration. */
.site-profile-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.site-profile-card{padding:22px}
.site-profile-card h1,.site-profile-card h2{color:var(--ui-navy-900)}
.site-profile-assignment-list{display:grid;gap:9px;margin-top:12px}
.site-profile-assignment-list>div{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:11px;background:var(--ui-surface-subtle)}
.site-profile-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--ui-border-subtle)}
.site-profile-heading h1{margin:0 0 4px;font-size:22px}.site-profile-heading p{margin:0;font-size:13px;color:var(--ui-text-secondary)}
.site-profile-hero-avatar{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--ui-navy-900);color:#fff;font-size:21px;font-weight:800;box-shadow:none}
.site-profile-actions{display:flex;align-items:center;gap:12px;margin-top:5px}
.site-access-card{background:var(--ui-surface)}
.site-profile-side-title span{font-size:12px;color:var(--ui-teal-700);font-weight:800}
.site-profile-side-title h2{margin:4px 0 16px;font-size:18px}
.site-account-type,.site-profile-center{display:grid;gap:4px;padding:12px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:#fff;margin-bottom:10px}
.site-account-type span,.site-profile-center span{font-size:12px;color:var(--ui-text-muted)}
.site-profile-center small{color:var(--ui-text-muted)}

@media(max-width:980px){
  .site-profile-grid{grid-template-columns:1fr}
  .site-form-grid{grid-template-columns:1fr}
  .site-form-grid .is-full{grid-column:auto}
}