/* Member-facing pages; kept separate from the administrator design. */
.member-workspace { --member-ink:#102f42; --member-muted:#607888; --member-line:#dce9e9; background:#f2f7f7; color:var(--member-ink); }
.member-workspace .member-sidebar { width:272px; padding:24px 14px 18px; box-shadow:8px 0 32px #082f4910; }
.member-workspace .member-workspace-content { margin-left:272px; }
.member-workspace .sidebar-brand { padding:0 8px 20px; }
.member-workspace .sidebar-brand img { max-width:190px; max-height:58px; object-fit:contain; }
.member-workspace .sidebar-member { margin:18px 0 20px; padding:13px 11px; border:1px solid #ffffff24; border-radius:13px; background:#ffffff0d; }
.member-workspace .member-avatar { border-radius:11px; color:#07534d; background:#d5f7ed; }
.member-workspace .sidebar-caption { padding:8px 12px; color:#a8d8d6; }
.member-workspace .member-navigation { gap:3px; padding:5px 0 22px; }
.member-workspace .member-navigation a { min-height:43px; padding:9px 12px; border-radius:9px; font-size:13px; line-height:1.3; }
.member-workspace .member-navigation a span { flex:0 0 22px; font-size:19px; }
.member-workspace .member-navigation a[aria-current] { box-shadow:inset 3px 0 #53e3cf; background:#ffffff24; }
.member-workspace .sidebar-bottom { padding-top:13px; }
.member-workspace .member-topbar { min-height:73px; padding:13px clamp(20px,3vw,38px); border-bottom:1px solid var(--member-line); }
.member-workspace .member-topbar strong { color:var(--member-ink); font-size:15px; }
.member-workspace .member-topbar small { color:#66818d; }
.member-workspace .page-main { max-width:1480px; min-height:calc(100vh - 140px); padding:clamp(20px,2.8vw,38px); }
.member-workspace .site-footer { width:calc(100% - 64px); }
.member-workspace .member-dashboard-heading { align-items:end; gap:16px; margin-bottom:21px; }
.member-workspace .member-welcome-copy h1 { margin:5px 0; color:var(--member-ink); font-size:clamp(25px,2.3vw,32px); line-height:1.22; letter-spacing:-.035em; }
.member-workspace .member-welcome-copy p { color:var(--member-muted); font-size:13px; }
.member-workspace .step-label { color:#087f78; font-size:10px; font-weight:800; letter-spacing:.13em; }
.member-workspace .button-primary, .member-workspace .button-secondary { min-height:42px; border-radius:9px; font-size:14px; font-weight:700; }
.member-workspace .button-primary { background:#087f78; box-shadow:0 7px 16px #087f7826; }
.member-workspace .button-primary:hover { background:#066e69; }
.member-workspace .button-secondary { border-color:#b8d5d1; background:#fff; color:#0b645e; }
.member-workspace .button-secondary:hover { background:#edf9f6; }
.member-workspace .member-quick-nav { gap:14px; margin:0 0 19px; }
.member-workspace .member-quick-nav a { position:relative; min-height:137px; gap:8px; padding:20px; border:1px solid var(--member-line); border-radius:14px; background:#fff; box-shadow:0 5px 18px #082f4907; }
.member-workspace .member-quick-nav a::before { content:""; width:32px; height:3px; border-radius:4px; background:#9adbd2; }
.member-workspace .member-quick-nav a > span { color:#476872; font-size:11px; }
.member-workspace .member-quick-nav strong { margin:1px 0 0; color:var(--member-ink); font-size:29px; line-height:1.2; font-variant-numeric:tabular-nums; }
.member-workspace .member-quick-nav .summary-action { font-size:19px; }
.member-workspace .member-quick-nav small { color:#70858e; font-size:12px; }
.member-workspace .member-section, .member-workspace .dashboard-shell { margin-top:18px; padding:clamp(18px,2vw,25px); border:1px solid var(--member-line); border-radius:15px; background:#fff; box-shadow:0 6px 22px #082f4908; }
.member-workspace .dashboard-shell { margin-top:0; }
.member-workspace .member-section-heading { gap:15px; margin-bottom:17px; }
.member-workspace .member-section-heading h2, .member-workspace .section-heading h2 { margin:4px 0; color:var(--member-ink); font-size:18px; line-height:1.35; }
.member-workspace .member-section-heading p { color:var(--member-muted); font-size:12px; }
.member-workspace .member-number-badge { border-radius:9px; font-size:12px; }
.member-workspace .member-detail-grid { gap:16px; }
.member-workspace .member-detail-card { padding:19px; border:1px solid var(--member-line); border-radius:12px; background:#fcfefe; }
.member-workspace .member-detail-card h3 { margin-bottom:12px; color:var(--member-ink); font-size:15px; }
.member-workspace .member-detail-card dl { gap:0 18px; }
.member-workspace .member-detail-card dl > div { padding:11px 0; border-top-color:#e8eff0; }
.member-workspace .member-detail-card dt { color:#657f89; font-size:11px; }
.member-workspace .member-detail-card dd { color:#1a3a4d; font-size:13px; line-height:1.5; }
.member-workspace .member-detail-actions { border:1px solid #cce7e1; background:#f2fbf8; }
.member-workspace .home-language-switch { margin:18px 0 0; }
.member-workspace .home-language-switch a { min-height:39px; padding:8px 16px; border-color:#bddbd8; border-radius:9px; color:#0d625b; font-size:12px; }
.member-workspace .home-language-switch a[aria-current] { color:#fff; background:#087f78; border-color:#087f78; }
.member-workspace .home-introduction { border-left:4px solid #0d9488; background:linear-gradient(120deg,#f0faf8,#fff); }
.member-workspace .home-introduction h2 { color:var(--member-ink); font-size:clamp(17px,1.8vw,21px); line-height:1.65; }
.member-workspace .home-information-grid { gap:17px; }
.member-workspace .home-information h2 { margin-bottom:10px; color:var(--member-ink); font-size:18px; }
.member-workspace .home-information li { padding:6px 0 6px 3px; color:#3c5868; font-size:14px; line-height:1.65; }
.member-workspace .dashboard-top { align-items:end; gap:16px; margin-bottom:20px; }
.member-workspace .dashboard-top h1, .member-workspace .request-form-shell h1 { margin:5px 0; color:var(--member-ink); font-size:clamp(25px,2.3vw,32px); line-height:1.22; }
.member-workspace .dashboard-top p, .member-workspace .request-form-shell .form-heading p { color:var(--member-muted); font-size:13px; }
.member-workspace .member-message-list, .member-workspace .member-request-list, .member-workspace .document-list { gap:12px; }
.member-workspace .member-message, .member-workspace .member-request-card, .member-workspace .member-document-card { padding:19px; border:1px solid var(--member-line); border-radius:12px; background:#fcfefe; }
.member-workspace .member-message.message-unread { border-color:#85d5c9; background:#f0fbf8; }
.member-workspace .member-message h3 { color:var(--member-ink); font-size:15px; }
.member-workspace .member-message > p, .member-workspace .member-request-card > p { color:#3f5a68; font-size:13px; line-height:1.65; }
.member-workspace .member-request-card .section-heading { gap:12px; }
.member-workspace .member-request-card .section-heading strong { color:var(--member-ink); font-size:14px; }
.member-workspace .staff-response { border-left-color:#0d9488; background:#eff9f6; }
.member-workspace .member-document-card { gap:16px; }
.member-workspace .document-file-icon { flex-basis:43px; width:43px; height:43px; border-radius:10px; }
.member-workspace .member-document-content h2 { color:var(--member-ink); font-size:15px; }
.member-workspace .member-document-content p { font-size:13px; }
.member-workspace .member-document-content small { font-size:11px; }
.member-workspace .empty-state { margin:0; padding:27px 18px; border:1px dashed #c8dfdc; border-radius:11px; background:#f8fcfb; color:#637d86; text-align:center; }
.member-workspace .count-pill { color:#0b746c; background:#e4f8f3; }
.member-workspace .pagination-wrap { margin-top:18px; }
.member-workspace .request-form-shell { max-width:980px; margin-left:0; }
.member-workspace .request-form { gap:17px; margin-top:21px; }
.member-workspace .request-form .form-two-columns { gap:15px 18px; }
.member-workspace .field-group { min-width:0; gap:6px; }
.member-workspace .field-group label { color:#244252; font-size:13px; font-weight:700; }
.member-workspace .field-group input, .member-workspace .field-group select { width:100%; height:43px; min-height:43px; padding:8px 12px; border:1px solid #bfd4d5; border-radius:9px; background:#fff; color:#19384a; font-size:14px; }
.member-workspace .field-group textarea { width:100%; min-height:115px; padding:10px 12px; border:1px solid #bfd4d5; border-radius:9px; background:#fff; color:#19384a; font:inherit; font-size:14px; resize:vertical; }
.member-workspace .field-group input::placeholder, .member-workspace .field-group textarea::placeholder { color:#859ba3; opacity:1; }
.member-workspace .field-group input:focus-visible, .member-workspace .field-group select:focus-visible, .member-workspace .field-group textarea:focus-visible { border-color:#0d9488; outline:3px solid #0d94882e; }
.member-workspace .field-help { color:#667f88; font-size:12px; }
.member-workspace .field-error { color:#bb3030; font-size:12px; }
.member-workspace .form-actions { margin-top:3px; padding-top:18px; border-top:1px solid #edf1f2; flex-wrap:wrap; }
.member-workspace .manual-hms-note { border-color:#b6ded8; background:#f0faf8; }
.member-workspace .table-wrap { border-color:var(--member-line); border-radius:11px; }
.member-workspace .dependants-table { min-width:1050px; }
.member-workspace .dependants-table th { padding:12px 14px; border-bottom:1px solid #e0ecea; background:#f3faf8; color:#54747c; font-size:10px; }
.member-workspace .dependants-table td { padding:14px; border-bottom-color:#eaf0f1; color:#365363; font-size:13px; }
.member-workspace .dependants-table td strong { color:#18394b; }
.member-workspace .dependants-table .table-subtitle { font-size:11px; }
.member-workspace .page-back-link { margin-top:15px; }
.member-login-page .page-main { justify-content:center; }
.member-login-page .member-login-card, .member-login-page .otp-layout { border-top:5px solid #0d9488; border-radius:20px; box-shadow:0 24px 65px #061e3299; }
.member-login-page .member-login-card { padding:clamp(26px,5vw,40px); }
.member-login-page .member-login-brand { margin-bottom:23px; padding-bottom:22px; }
.member-login-page .member-login-brand img { max-height:65px; }
.member-login-page .member-login-heading h1 { font-size:clamp(27px,3vw,34px); }
.member-login-page .member-login-form { gap:16px; margin-top:27px; }
.member-login-page .member-login-form .field-group input { min-height:48px; height:48px; border-color:#bfd4d5; border-radius:9px; }
.member-login-page .member-login-form .button-primary { min-height:49px; margin-top:2px; }
.member-login-page .member-login-note { margin-top:23px; padding-top:18px; }
.member-login-page .otp-layout { width:100%; padding:clamp(26px,5vw,40px); }
.member-login-page .otp-layout .member-login-brand { margin-bottom:20px; }
.member-login-page .otp-layout .otp-icon { width:46px; height:46px; margin-bottom:15px; border-radius:12px; }
.member-login-page .otp-layout h1 { color:#102f42; font-size:clamp(27px,3vw,34px); }
.member-login-page .otp-layout .otp-intro { font-size:13px; }
.member-login-page .otp-layout .otp-form { margin-top:24px; }
.member-login-page .otp-layout #otp { min-height:60px; }
.otp-layout .button-primary { width:100%; justify-content:center; }
@media(max-width:1250px) {
 .member-workspace .member-quick-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:980px) {
 .member-workspace .member-sidebar { width:280px; max-width:calc(100% - 40px); }
 .member-workspace .member-workspace-content { margin-left:0; }
 .member-workspace .page-main { padding:24px; }
}
@media(max-width:760px) {
 .member-workspace .home-information-grid { grid-template-columns:1fr; gap:0; }
 .member-workspace .member-detail-grid { grid-template-columns:1fr; }
}
@media(max-width:620px) {
 .member-workspace .member-topbar { min-height:66px; padding:10px 16px; }
 .member-workspace .page-main { padding:19px 14px 30px; }
 .member-workspace .member-dashboard-heading, .member-workspace .dashboard-top { flex-direction:column; align-items:stretch; margin-bottom:17px; }
 .member-workspace .member-header-actions, .member-workspace .member-header-actions > a, .member-workspace .dashboard-top > a { width:100%; }
 .member-workspace .member-quick-nav { gap:10px; }
 .member-workspace .member-quick-nav a { min-height:126px; padding:15px; }
 .member-workspace .member-quick-nav strong { font-size:25px; }
 .member-workspace .member-quick-nav .summary-action { font-size:18px; }
 .member-workspace .member-section, .member-workspace .dashboard-shell { padding:17px 14px; }
 .member-workspace .member-section-heading { align-items:flex-start; flex-wrap:wrap; }
 .member-workspace .member-detail-card { padding:15px; }
 .member-workspace .member-message, .member-workspace .member-request-card, .member-workspace .member-document-card { padding:15px; }
 .member-workspace .member-document-card { flex-wrap:wrap; }
 .member-workspace .member-document-card > a { width:100%; }
 .member-workspace .request-form .form-two-columns { grid-template-columns:1fr; }
 .member-workspace .form-actions > * { flex:1 1 auto; }
 .member-workspace .field-group input, .member-workspace .field-group select, .member-workspace .field-group textarea { font-size:16px; }
 .member-workspace .table-wrap { border:0; overflow:visible; }
 .member-workspace .dependants-table { min-width:0; }
 .member-workspace .dependants-table tr { margin-bottom:10px; padding:8px 12px; border:1px solid var(--member-line); border-radius:10px; background:#fff; }
 .member-workspace .dependants-table td { grid-template-columns:110px minmax(0,1fr); gap:7px; padding:8px 0; border-bottom:1px solid #eef3f3; }
 .member-workspace .dependants-table td:last-child { border-bottom:0; }
 .member-workspace .dependants-table td::before { color:#69828c; font-size:11px; }
}
@media(max-width:390px) {
 .member-workspace .member-quick-nav { grid-template-columns:1fr; }
 .member-workspace .member-quick-nav a { min-height:105px; }
 .member-workspace .dependants-table td { grid-template-columns:90px minmax(0,1fr); }
}
