/* FollowUp-specific components. Base layout, colors and icons reuse Views/Shared assets. */
body { font-family: 'Segoe UI',Tahoma,Arial,sans-serif; }
.page-head { display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:22px; }
.page-head h1 { font-size:1.58rem;font-weight:750;letter-spacing:-.03em;margin:4px 0 4px; }
.page-head p { margin:0;font-size:.91rem; }
.eyebrow { color:#2563eb;font-size:.71rem;font-weight:800;letter-spacing:.12em; }
.page-head-tag { background:#eff6ff;color:#1d4ed8;border-radius:9px;padding:9px 12px;font-size:.85rem;font-weight:700; }
.admin-top-name { font-size:.86rem;font-weight:650;color:#475569;max-width:185px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.logout-form {margin:0;display:inline-flex;}
.metric-card { background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#e5e7eb);border-radius:14px; padding:22px 18px; display:flex;align-items:center;gap:15px;box-shadow:0 6px 22px rgba(15,23,42,.04);height:100%; }
.metric-icon { width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:20px;flex:0 0 auto; }
.metric-icon.blue {background:#dbeafe;color:#1d4ed8}.metric-icon.green {background:#dcfce7;color:#15803d}.metric-icon.orange {background:#ffedd5;color:#c2410c}.metric-icon.purple {background:#ede9fe;color:#6d28d9}
.metric-label {font-size:.78rem;font-weight:650;color:var(--bs-secondary-color,#64748b);margin-bottom:4px}.metric-value {font-size:1.75rem;line-height:1.1;font-weight:780;}
.admin-panel {border:1px solid var(--bs-border-color,#e2e8f0);border-radius:14px;box-shadow:0 5px 20px rgba(15,23,42,.045);overflow:hidden;}
.admin-table thead th {padding:17px 22px;background:var(--bs-tertiary-bg,#f8fafc);color:var(--bs-secondary-color,#475569);font-weight:700;font-size:.79rem;letter-spacing:.03em;}
.admin-table tbody td {padding:17px 22px;font-size:.9rem;}.role-id {display:inline-flex;min-width:34px;height:32px;align-items:center;justify-content:center;background:var(--bs-tertiary-bg,#eff6ff);border-radius:8px;font-weight:700;}
.profile-heading {display:flex;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--bs-border-color,#e5e7eb);}
.profile-avatar {width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#dbeafe;color:#1d4ed8;font-size:27px;}
.profile-field {background:var(--bs-tertiary-bg,#f8fafc);border:1px solid var(--bs-border-color,#e2e8f0);padding:14px 16px;border-radius:10px;min-width:0;}
.profile-field span {display:block;color:var(--bs-secondary-color,#64748b);font-size:.78rem;margin-bottom:5px;}.profile-field strong {display:block;overflow-wrap:anywhere;font-size:.92rem;}
.followup-login {margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% 0%,#dbeafe 0%,transparent 40%),#f3f6fc;display:flex;align-items:center;justify-content:center;padding:22px;}
.auth-shell {width:100%;max-width:430px}.auth-card {padding:38px 36px;background:white;border-radius:20px;box-shadow:0 25px 70px rgba(15,23,42,.09);border:1px solid #e2e8f0;}
.auth-symbol {display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#1d4ed8;color:white;font-size:24px;margin-bottom:20px;}
.auth-card h1 {font-size:1.7rem;font-weight:760;color:#0f172a;margin-bottom:8px}.auth-card p {font-size:.89rem;}.auth-form {margin-top:26px;}.auth-form .form-label {font-weight:650;font-size:.87rem;color:#334155}.auth-form .form-control{min-height:46px;}.auth-submit{width:100%;min-height:46px;margin-top:8px;font-weight:700;}
.auth-footnote {text-align:center;margin-top:26px!important;margin-bottom:0;color:#64748b}.password-wrap {position:relative}.password-wrap .form-control {padding-right:45px}.password-reveal{border:0;background:transparent;color:#64748b;position:absolute;right:11px;top:50%;transform:translateY(-50%);padding:7px;cursor:pointer}.validation-summary ul{padding-left:18px;margin-bottom:10px;}
@media(max-width:767.98px){.page-content{padding:18px 13px}.auth-card{padding:29px 23px}.page-head h1{font-size:1.36rem}.metric-card{padding:16px}.metric-icon{width:45px;height:45px}.metric-value{font-size:1.55rem}.topbar{padding:10px 13px}.page-head-tag{display:none}}

.dashboard-stats > div { flex:0 0 auto;width:100%; }
@media(min-width:576px){.dashboard-stats > div{width:calc(50% - .5rem)}}
@media(min-width:1200px){.dashboard-stats > div{width:calc(25% - .75rem)}}
.form-text {font-size:.8rem;color:var(--bs-secondary-color,#64748b);margin-top:5px;}
@media(min-width:768px){.admin-panel .row.g-3 > .col-md-6{width:calc(50% - .5rem)}}