/* ─── pages.css — Events, Training, Documents, Good Standing ─── */

.page-hero { background: linear-gradient(150deg,#0f0173 0%,#1a3a6e 100%); padding:24px 18px 22px; }
.page-hero h1 { color:#fff; font-size:20px; font-weight:700; margin:0 0 5px; }
.page-hero p  { color:rgba(255,255,255,0.6); font-size:12px; margin:0; }

.list-card {
	background:#fff; border-radius:13px;
	border:0.5px solid rgba(0,0,0,0.06);
	margin-bottom:10px; overflow:hidden;
	text-decoration:none; display:block;
	-webkit-tap-highlight-color:transparent;
	transition:transform 0.15s;
}
.list-card:active { transform:scale(0.97); }
.list-card-body { padding:14px 15px; }
.list-card-body h4 { font-size:14px; font-weight:700; color:#0f0173; margin:0 0 6px; line-height:1.4; }
.list-card-body .lc-meta { display:flex; flex-direction:column; gap:3px; }
.list-card-body .lc-meta span { font-size:11.5px; color:#666; display:flex; align-items:center; gap:5px; }
.list-card-body .lc-meta svg { width:12px; height:12px; flex-shrink:0; opacity:0.5; }
.list-card-accent { border-left:3px solid #1a56db; }
.list-card-green  { border-left:3px solid #16a34a; }
.list-card-amber  { border-left:3px solid #d97706; }

.empty-state { background:#fff; border-radius:13px; padding:30px 20px; text-align:center; font-size:13px; color:#888; border:0.5px solid rgba(0,0,0,0.06); }

.doc-link { background:#fff; border-radius:12px; padding:14px 15px; display:flex; align-items:center; gap:13px; text-decoration:none; border:0.5px solid rgba(0,0,0,0.06); margin-bottom:9px; -webkit-tap-highlight-color:transparent; transition:transform 0.15s; }
.doc-link:active { transform:scale(0.97); }
.doc-link-icon { width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.doc-link-icon svg { width:19px; height:19px; }
.doc-link-text { flex:1; }
.doc-link-text strong { display:block; font-size:13px; font-weight:600; color:#0f0173; margin-bottom:2px; }
.doc-link-text span { font-size:11px; color:#888; }
.doc-link-arrow svg { width:16px; height:16px; color:#ccc; }

.info-card { background:#fff; border-radius:13px; padding:15px; font-size:13px; color:#444; line-height:1.75; border:0.5px solid rgba(0,0,0,0.06); }
.info-card h4 { font-size:14px; font-weight:700; color:#0f0173; margin:0 0 8px; }

.step-list { list-style:none; padding:0; margin:0; }
.step-list li { display:flex; gap:12px; padding:12px 0; border-bottom:0.5px solid #f0f0f0; font-size:12.5px; color:#444; line-height:1.6; }
.step-list li:last-child { border-bottom:none; }
.step-list li .sn { width:24px; height:24px; border-radius:50%; background:#0f0173; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px; }

.action-btn { display:flex; align-items:center; justify-content:center; gap:8px; background:#1a56db; color:#fff; border-radius:12px; padding:14px; font-size:14px; font-weight:600; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.action-btn:active { opacity:0.85; }
.action-btn svg { width:18px; height:18px; }