/* Voluncare member dashboard visual theme v1.6.69. Isolated from login and registration. */
body.vlc-dashboard-theme{background:#edf0f5!important;color:#151515!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;margin:0!important}
body.vlc-dashboard-theme .vlc-dashboard-stage{min-height:100svh;padding:26px 16px 40px;background:#edf0f5!important;display:flex;align-items:flex-start;justify-content:center}
body.vlc-dashboard-theme .vlc-dashboard-stage .vlc-dashboard-shell{--red:#e50920;--ink:#111;--muted:#667085;position:relative;isolation:isolate;width:100%;max-width:930px;margin:0!important;padding:0 0 44px!important;background:#fff!important;border:1px solid #e0e4ed!important;border-radius:22px!important;box-shadow:0 14px 40px rgba(40,55,85,.12)!important;overflow:hidden}
body.vlc-dashboard-theme .vlc-dashboard-shell:before,body.vlc-dashboard-theme .vlc-dashboard-shell:after{content:"";position:absolute;pointer-events:none;z-index:0;width:330px;height:165px;border-radius:0 0 85% 0;background:linear-gradient(135deg,#ffb4c4 0%,#f3a3b4 32%,#ef233b 33%,#f3213b 72%,#ffe0e5 73%)}
body.vlc-dashboard-theme .vlc-dashboard-shell:before{top:-40px;left:-100px;transform:rotate(-13deg)}
body.vlc-dashboard-theme .vlc-dashboard-shell:after{bottom:-65px;right:-105px;transform:rotate(167deg)}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-top{background:transparent!important;padding:24px 30px 0!important;min-height:125px;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1;border:0}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-dashboard-brand{display:flex;justify-content:center;align-items:center;margin:0 auto}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-dashboard-brand img{width:185px!important;height:80px!important;object-fit:contain!important;max-width:100%;filter:none}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-top>a{position:absolute;right:28px;top:26px;color:#111!important;background:#f0f1f4!important;border:0!important;border-radius:11px!important;padding:12px 17px!important;font-weight:750;font-size:13px;line-height:1.2;text-decoration:none}
body.vlc-dashboard-theme .vlc-theme-intro{position:relative;z-index:1;margin:4px 36px 20px}
body.vlc-dashboard-theme .vlc-theme-intro h1{font-size:clamp(25px,3.6vw,36px)!important;font-weight:850;line-height:1.2;letter-spacing:-.9px;color:#080808;margin:0 0 10px}
body.vlc-dashboard-theme .vlc-theme-intro p{font-size:15px;line-height:1.55;color:#667085;margin:0;max-width:600px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-hero{position:relative;z-index:1;margin:20px 36px!important;padding:23px!important;background:linear-gradient(115deg,#fff1f4,#fff7f8)!important;border:1px solid #ffc2cf!important;border-radius:17px!important;display:flex;align-items:center;gap:20px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-avatar,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-hero img{width:78px;height:78px;border-radius:16px;background:#f9d5de;color:#d70d2a;font-size:32px;font-weight:850}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-hero h2{color:#0a0a0a;font-size:24px!important;font-weight:850;line-height:1.25;margin:0 0 5px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-hero p{font-size:13px;color:#536075;margin:0 0 8px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-status{font-size:11px;border-radius:999px;padding:7px 12px;font-weight:750}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-status.status-pending{background:#ffebaa!important;color:#664700!important}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-pending-dashboard-notice{position:relative;z-index:1;background:#fff9e9!important;border:1px solid #ffd77b!important;border-radius:15px!important;margin:22px 36px!important;padding:20px 22px 20px 74px!important;color:#354154!important}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-pending-dashboard-notice:before{content:"◷";position:absolute;left:21px;top:28px;color:#ef9900;font-size:37px;line-height:1}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-pending-dashboard-notice h3{font-size:18px;color:#111;font-weight:800;margin:0 0 7px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-pending-dashboard-notice p{font-size:13px;line-height:1.6;margin:6px 0}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-grid{position:relative;z-index:1;margin:20px 36px!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-grid section{min-width:0;background:#fff;border:1px solid #dfe3ec;border-radius:16px;padding:22px!important}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-grid h3{font-size:18px;color:#111;font-weight:800;margin:0 0 14px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-grid p{overflow-wrap:anywhere;font-size:13px;color:#485265;line-height:1.65;margin:6px 0}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-grid b{color:#202938}
body.vlc-dashboard-theme .vlc-theme-actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 36px 8px}
body.vlc-dashboard-theme .vlc-theme-action{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:122px;padding:17px 9px;border-radius:17px;background:#fff0f3;color:#171923;text-decoration:none!important;border:1px solid #ffe4ea;transition:background .15s ease,transform .15s ease}
body.vlc-dashboard-theme a.vlc-theme-action:hover{background:#ffe0e7;transform:translateY(-2px)}
body.vlc-dashboard-theme .vlc-theme-action>span{font-size:29px;line-height:1.1;color:#e50920;margin-bottom:12px}
body.vlc-dashboard-theme .vlc-theme-action strong{font-size:13px;font-weight:800;line-height:1.4}
body.vlc-dashboard-theme .vlc-theme-action small{font-size:10px;color:#8c6870;margin-top:5px}
body.vlc-dashboard-theme .vlc-theme-action.is-locked{opacity:.72;cursor:not-allowed}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-stats{margin:20px 36px!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-stats>div{background:#fff5f7!important;border:1px solid #ffe2e8!important;border-radius:14px;padding:17px!important;min-height:90px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-stats strong{color:#db0d28!important;font-size:29px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-stats span{color:#606979!important;font-size:12px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-events-link,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-history,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-org-section{position:relative;z-index:1;margin-left:36px!important;margin-right:36px!important}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-history,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-org-section{background:#fff;border:1px solid #e2e5ec;border-radius:16px;padding:20px!important;margin-top:20px!important}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-btn{background:#e50920!important;color:#fff!important;border-radius:10px!important;font-weight:750}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-table{max-width:100%;overflow-x:auto}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-table table{min-width:550px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-card-content,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-profile-content,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-events-member-content{position:relative;z-index:1}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-card-content h2,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-profile-content h2,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-events-member-content h2{color:#111;font-weight:850}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-event-member-card,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-profile-photo-area{background:#fff8f9;border:1px solid #f7dbe1;border-radius:15px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-membership-summary{position:relative;z-index:1}
@media(max-width:650px){body.vlc-dashboard-theme .vlc-dashboard-stage{padding:0!important;background:#fff!important}body.vlc-dashboard-theme .vlc-dashboard-stage .vlc-dashboard-shell{border:0!important;border-radius:0!important;box-shadow:none!important;min-height:100svh}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-top{padding:19px 16px 0!important;min-height:110px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-dashboard-brand img{width:155px!important;height:73px!important}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-top>a{right:14px;top:20px;padding:10px!important;font-size:12px}body.vlc-dashboard-theme .vlc-theme-intro{margin:4px 19px 16px}body.vlc-dashboard-theme .vlc-theme-intro h1{font-size:26px!important}body.vlc-dashboard-theme .vlc-theme-intro p{font-size:13px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-hero{margin:18px 19px!important;padding:15px!important;gap:13px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-avatar,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-hero img{width:59px;height:59px;font-size:25px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-hero h2{font-size:19px!important}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-pending-dashboard-notice{margin:16px 19px!important;padding:17px 16px 17px 51px!important}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-pending-dashboard-notice:before{left:13px;top:20px;font-size:29px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-grid{margin:16px 19px!important;grid-template-columns:1fr;gap:12px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-grid section{padding:18px!important}body.vlc-dashboard-theme .vlc-theme-actions{margin:18px 19px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.vlc-dashboard-theme .vlc-theme-action{min-height:105px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-stats{margin:16px 19px!important;gap:8px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-stats>div{padding:11px!important;min-height:78px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-stats strong{font-size:23px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-stats span{font-size:10px}body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-events-link,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-history,body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-org-section{margin-left:19px!important;margin-right:19px!important}body.vlc-dashboard-theme .vlc-dashboard-shell:before{left:-145px;top:-55px}body.vlc-dashboard-theme .vlc-dashboard-shell:after{right:-145px;bottom:-75px}}

/* Official Voluncare dashboard icons, scoped to the member dashboard. */
body.vlc-dashboard-theme .vlc-theme-action > .vlc-icon{display:block!important;width:43px;height:43px;flex:0 0 43px;margin:0 0 11px!important;background-position:center;background-size:contain;background-repeat:no-repeat;font-size:0!important}
body.vlc-dashboard-theme .vlc-theme-action > .vlc-icon-events{background-image:url('../vlc-icon-events.png')}
body.vlc-dashboard-theme .vlc-theme-action > .vlc-icon-card{background-image:url('../vlc-icon-card.png')}
body.vlc-dashboard-theme .vlc-theme-action > .vlc-icon-profile{background-image:url('../vlc-icon-profile.png')}
body.vlc-dashboard-theme .vlc-theme-action > .vlc-icon-settings{background-image:url('../vlc-icon-settings.png')}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-top>a{display:inline-flex;align-items:center;gap:8px}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-top>a:before{content:"";display:inline-block;width:17px;height:17px;background:url('../vlc-icon-logout.png') center/contain no-repeat}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-card-icon{font-size:0!important;width:32px;height:32px;background:url('../vlc-icon-profile.png') center/contain no-repeat}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-member-grid section:nth-child(2) .vlc-card-icon{background-image:url('../vlc-icon-card.png')}
@media(max-width:650px){body.vlc-dashboard-theme .vlc-theme-action > .vlc-icon{width:37px;height:37px;flex-basis:37px}}

/* 1.6.72 visible icon fix */
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-theme-action .vlc-icon{display:block!important;width:43px!important;height:43px!important;min-height:43px!important;flex:0 0 43px!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important;opacity:1!important}
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-dashboard-brand img{width:155px!important;height:94px!important;object-fit:contain!important}
@media(max-width:650px){body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-theme-action .vlc-icon{width:37px!important;height:37px!important;min-height:37px!important;flex-basis:37px!important}}

/* v1.6.73: actual <img> elements prevent icon background CSS from being overridden. */
body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-theme-action > img.vlc-dashboard-menu-icon {
 display:block!important;position:relative!important;visibility:visible!important;
 opacity:1!important;width:48px!important;height:48px!important;
 min-width:48px!important;max-width:48px!important;min-height:48px!important;
 flex:0 0 48px!important;object-fit:contain!important;
 margin:0 auto 12px!important;padding:0!important;
 border:0!important;border-radius:0!important;background:none!important;
 box-shadow:none!important;filter:none!important;
}
@media(max-width:650px){
 body.vlc-dashboard-theme .vlc-dashboard-shell .vlc-theme-action > img.vlc-dashboard-menu-icon {
 width:40px!important;height:40px!important;min-width:40px!important;
 max-width:40px!important;min-height:40px!important;flex-basis:40px!important;
 }
}

/* Verified badge is rendered only for approved members in PHP. */
.vlc-dashboard-shell .vlc-member-hero h2 .vlc-verified-check {
 display:inline-flex!important;vertical-align:middle!important;
 width:20px!important;height:20px!important;margin-left:7px!important;
 align-items:center!important;justify-content:center!important;
}
.vlc-dashboard-shell .vlc-member-hero h2 .vlc-verified-check svg {
 display:block!important;width:20px!important;height:20px!important;
 flex:none!important;
}

/* v1.6.75: relawan's preferred division (not the official admin-assigned division). */
.vlc-member-profile-shell .vlc-profile-field select {
  display:block; box-sizing:border-box; width:100%; min-height:42px;
  padding:9px 12px; border:1px solid #d5d9df; border-radius:7px;
  background:#fff; color:#20232a; font:inherit; font-size:14px;
}
.vlc-member-profile-shell .vlc-profile-field select:focus {
  border-color:#e60023; outline:2px solid rgba(230,0,35,.12);
}