/* Multipage structure preview — keeps existing Hilens visual language */
.nav a.active { background: rgba(255,255,255,.14); color: #fff; }
.page-link-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:18px; margin-top:22px; }
.page-link-grid a { text-decoration:none; color:inherit; }
.crm-pipeline { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:12px; margin:20px 0; }
.crm-pipeline div, .role-card, .report-card, .timeline-card { padding:18px; border-radius:22px; background:rgba(255,255,255,.72); border:1px solid rgba(15,23,42,.08); box-shadow:0 14px 30px rgba(15,23,42,.06); }
.crm-pipeline strong, .crm-pipeline span { display:block; }
.crm-pipeline span { margin-top:8px; color:var(--muted); font-size:13px; line-height:1.4; }
.crm-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; align-items:start; }
.crm-list { margin:0; padding-left:20px; color:var(--muted); line-height:1.85; }
.history-log { padding:16px; border-radius:18px; background:#f8fafc; color:#475569; line-height:1.75; font-size:14px; }
.role-grid-wide, .report-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.manager-table { display:grid; border:1px solid rgba(15,23,42,.08); border-radius:20px; overflow:hidden; background:#fff; }
.manager-table > div { display:grid; grid-template-columns:1.1fr .9fr .9fr 1.4fr; gap:12px; padding:14px 16px; border-bottom:1px solid rgba(15,23,42,.08); }
.manager-table > div:first-child { background:#f8fafc; font-weight:800; }
.manager-table > div:last-child { border-bottom:0; }
.demo-chart { height:210px; padding:12px; border-radius:20px; background:#f8fafc; }
.demo-chart svg { width:100%; height:100%; }
.chart-grid { fill:none; stroke:#e2e8f0; stroke-width:2; }
.chart-trend { fill:none; stroke:#94a3b8; stroke-width:4; stroke-dasharray:10 10; }
.chart-line { fill:none; stroke:#c28b2c; stroke-width:7; stroke-linecap:round; stroke-linejoin:round; }
.ai-task-card { padding:20px; border-radius:24px; background:linear-gradient(135deg,#101827,#2f3a4f); color:#fff; }
.ai-task-card span { color:#f7d48b; font-weight:900; }
.ai-task-card strong { display:block; margin:8px 0; font-size:24px; line-height:1.15; }
.ai-task-card p { color:rgba(255,255,255,.72); }
@media (max-width: 980px){ .page-link-grid,.crm-pipeline,.crm-layout,.role-grid-wide,.report-grid{grid-template-columns:1fr}.manager-table>div{grid-template-columns:1fr} }