/* ==================================================
   RHTC MEMBERS AREA
   Login, Dashboard, Notices, Events
   Documents, Directory
   ================================================== */
/* SHARED COMPONENTS */
.section-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.section-hdr h3{margin:0;color:var(--midnight-navy);font-size:16px;}
/* LOGIN */
#members-login{
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:60vh;
    padding:40px 20px;
}
.login-box{background:white;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.12);padding:40px 32px;width:100%;max-width:380px;text-align:center;}
.login-box h2{margin:0 0 6px;color:var(--midnight-navy);font-size:22px;}
.login-box p{color:#666;font-size:14px;margin-bottom:24px;}
.login-box input{width:100%;padding:11px 14px;border:1.5px solid #ddd;border-radius:6px;font-size:15px;margin-bottom:12px;outline:none;font-family:Arial,sans-serif;box-sizing:border-box;}
.login-box input:focus{border-color:var(--midnight-navy);}
.login-btn{width:100%;background:var(--midnight-navy);color:white;border:none;padding:12px;border-radius:6px;font-size:15px;font-weight:bold;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-family:Arial,sans-serif;}
.login-btn:hover{background:var(--accent-pink);}
.login-error{color:var(--accent-pink);font-size:13px;margin-top:10px;display:none;}
.login-badge{display:inline-block;background:var(--light-blue);color:var(--midnight-navy);font-size:11px;font-weight:bold;padding:3px 10px;border-radius:20px;margin-bottom:18px;text-transform:uppercase;letter-spacing:1px;}
/* DASHBOARD SHELL */
#members-dashboard{display:none;}
.members-header{background:var(--midnight-navy);color:white;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.members-header h2{margin:0;font-size:16px;}
.members-header span{font-size:12px;color:#aaa;}
.btn-logout{background:rgba(255,51,102,.2);color:#ff3366;border:1px solid #ff3366;padding:6px 14px;border-radius:4px;font-size:12px;cursor:pointer;font-weight:bold;text-transform:uppercase;letter-spacing:.5px;font-family:Arial,sans-serif;}
.btn-logout:hover{background:var(--accent-pink);color:white;}
.admin-pill{background:var(--accent-pink);color:white;font-size:10px;font-weight:bold;padding:2px 8px;border-radius:10px;margin-left:8px;text-transform:uppercase;}
.viewer-pill{background:#444;color:#ccc;font-size:10px;font-weight:bold;padding:2px 8px;border-radius:10px;margin-left:8px;text-transform:uppercase;}
/* MEMBERS TABS */
.members-tabs{display:flex;overflow-x:auto;background:#f0f2fa;border-bottom:2px solid #dde;scrollbar-width:none;}
.members-tabs::-webkit-scrollbar{display:none;}
.mtab{flex-shrink:0;padding:12px 18px;font-size:13px;font-weight:bold;color:#666;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:Arial,sans-serif;}
.mtab:hover{color:var(--midnight-navy);}
.mtab.active{color:var(--midnight-navy);border-bottom-color:var(--accent-pink);}
.mpanel{display:none;padding:24px 20px;max-width:900px;margin:0 auto;}
.mpanel.active{display:block;}
/* NOTICEBOARD */
.notice-card{background:white;border-radius:8px;padding:20px 24px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.07);border-left:4px solid var(--midnight-navy);}
.notice-card.pinned{border-left-color:var(--accent-pink);}
.notice-card h3{margin:0 0 6px;color:var(--midnight-navy);font-size:16px;}
.notice-meta{font-size:12px;color:#888;margin-bottom:10px;}
.notice-card p{margin:0;line-height:1.6;font-size:14px;color:#444;}
.pin-label{background:var(--accent-pink);color:white;font-size:10px;font-weight:bold;padding:2px 7px;border-radius:10px;margin-left:8px;text-transform:uppercase;}
/* EVENTS */
.event-item{background:white;border-radius:8px;padding:16px 20px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.07);display:flex;gap:16px;align-items:flex-start;}
.event-date-box{background:var(--midnight-navy);color:white;border-radius:6px;text-align:center;padding:8px 12px;min-width:52px;flex-shrink:0;}
.eday{font-size:20px;font-weight:bold;line-height:1;}
.emon{font-size:11px;text-transform:uppercase;letter-spacing:1px;}
.event-info h4{margin:0 0 4px;color:var(--midnight-navy);font-size:15px;}
.event-info p{margin:0;font-size:13px;color:#666;line-height:1.5;}
.event-tag{display:inline-block;font-size:11px;font-weight:bold;padding:2px 8px;border-radius:10px;margin-bottom:5px;text-transform:uppercase;}
.tag-show{background:#e6e8f5;color:var(--midnight-navy);}
.tag-meeting{background:#fff0f4;color:var(--accent-pink);}
.tag-social{background:#f0fff4;color:#2a7a4a;}
/* DOCUMENTS */
.doc-section-title{color:var(--midnight-navy);font-size:15px;border-bottom:2px solid var(--midnight-navy);padding-bottom:8px;margin-bottom:12px;margin-top:24px;}
.doc-section-title:first-child{margin-top:0;}
.doc-item{background:white;border-radius:6px;padding:12px 16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.06);flex-wrap:wrap;gap:8px;}
.doc-item span{font-size:14px;color:var(--midnight-navy);}
.doc-item a{background:var(--midnight-navy);color:white;padding:6px 14px;border-radius:4px;font-size:12px;font-weight:bold;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;}
.doc-item a:hover{background:var(--accent-pink);}
/* DIRECTORY */
.dir-card{background:white;border-radius:8px;padding:16px 20px;margin-bottom:10px;box-shadow:0 2px 6px rgba(0,0,0,.07);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.dir-card h4{margin:0 0 3px;color:var(--midnight-navy);font-size:15px;}
.dir-card p{margin:0;font-size:13px;color:#666;}
.dir-role{font-size:11px;font-weight:bold;color:var(--accent-pink);text-transform:uppercase;letter-spacing:.5px;}