/* Property Manager page styles (kept minimal and aligned with index type) */
:root{
  --bg:#ffffff;
  --card:#f3f4f6;   /* light gray */
  --text:#0f172a;  /* slate-900 */
  --muted:#475569; /* slate-600 */
  --border:#e5e7eb;/* gray-200 */
  --shadow:0 10px 20px rgba(0,0,0,.06);
  --radius:16px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

.pm-body{background:var(--bg); color:var(--text); margin:0; font-family:var(--font); line-height:1.6;}
.pm-container{max-width: 1000px; margin: 32px auto; padding: 0 20px;}
.pm-card{background:var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px;}
.pm-header{display:flex; gap:16px; align-items:center; margin-bottom: 8px;}
.pm-avatar{width:76px; height:76px; object-fit:cover; border-radius:14px; flex:0 0 auto; box-shadow: 0 2px 8px rgba(0,0,0,.08);}
.pm-title{margin:0; font-size: clamp(24px, 3.4vw, 36px); line-height:1.2;}

.pm-kicker{color:var(--muted); margin-top:8px; margin-bottom: 8px;}
.pm-sub{margin: 18px 0 6px 0; font-size: 18px;}
.pm-list{margin: 8px 0 20px 22px;}
.pm-list li{margin: 4px 0;}
.pm-list a{text-decoration: none; color:#0b63ce;}
.pm-list a:hover{text-decoration: underline;}

.pm-sep{border:none; border-top:1px solid var(--border); margin: 18px 0;}
.pm-lang{color:var(--muted); margin-top: 14px;}
.pm-back{margin-top: 10px;}
.pm-back a{color:#0b63ce; text-decoration:none;}
.pm-back a:hover{text-decoration:underline;}

@media (max-width:560px){
  .pm-avatar{width:64px; height:64px;}
}