/* VVC Building R17.4 — dedicated mobile compositions for each operational level. */
:root{--role-gold:#ffc400;--role-ink:#141a21;--role-line:#e1e6eb;--role-bg:#f4f6f8}
.app-view{background:var(--role-bg)}
.home-hero{min-height:214px;padding-bottom:42px;background:linear-gradient(145deg,#ffc400 0,#ffd84f 64%,#f0ad00 100%);color:#141a21}
.home-toprow .mobile-brand{width:168px;height:62px}.home-toprow .mobile-brand>span,.login-view .mobile-brand>span{display:none}
.home-toprow .design-lock-logo{width:164px;height:62px;max-width:none;object-fit:contain;object-position:left center}
.login-view .mobile-brand.big{width:248px;height:118px;margin-inline:auto}.login-view .mobile-brand.big .design-lock-logo{width:248px;height:118px;max-width:none;object-fit:contain}
.role-workspace-card{position:relative;display:grid;gap:3px;margin:-29px 0 14px;padding:16px 17px;border:1px solid rgba(17,24,32,.08);border-radius:18px;background:#171c23;color:#fff;box-shadow:0 10px 28px rgba(17,24,32,.16);overflow:hidden}
.role-workspace-card:after{content:"";position:absolute;right:-20px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,0,.44),rgba(255,196,0,0) 68%)}
.role-workspace-card span{position:relative;z-index:1;color:#ffc400;font-size:9px;font-weight:900;letter-spacing:.12em}.role-workspace-card b{position:relative;z-index:1;font-size:19px}.role-workspace-card small{position:relative;z-index:1;color:#c9d0d8;font-size:11px;line-height:1.4}
.mobile-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mobile-quick-grid button{min-height:90px;border:1px solid var(--role-line);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(17,24,32,.05)}.mobile-quick-grid button i{display:grid;place-items:center;width:37px;height:37px;margin:0 auto 7px;border-radius:12px;background:#fff3cd;color:#ca8100;font-style:normal;font-size:19px}.mobile-quick-grid button span{font-size:11px;font-weight:800;color:#303841}
.shift-card,.summary-card,.home-notify-lock,#notificationPermissionCard,.gps-note{border:1px solid var(--role-line);border-radius:18px;box-shadow:0 7px 22px rgba(17,24,32,.055)}
.simple-header{background:#171c23;color:#fff}.simple-header .back-btn,.simple-header .icon-btn{color:#fff}
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #dfe4e9;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}.bottom-nav button{min-width:0}.bottom-nav button.active{color:#cb8100}.bottom-nav button.active:before{background:#ffc400}
.menu-profile-lock em{display:block;margin-top:4px;color:#a07100;font-size:10px;font-style:normal;font-weight:750}.menu-lock-list button.hidden,.mobile-quick-grid button.hidden,.enterprise-tool.hidden{display:none}
.enterprise-tools{margin-top:18px}.enterprise-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.enterprise-tool{border:1px solid var(--role-line);border-radius:16px;box-shadow:0 6px 18px rgba(17,24,32,.05)}

/* Employee: personal, calm, own-data first. */
.mobile-role-employee .role-workspace-card{background:linear-gradient(135deg,#174d35,#1f7652)}
.mobile-role-employee .role-workspace-card span{color:#ffe071}.mobile-role-employee #screenTeam{display:none}
.mobile-role-employee .team-request-card,.mobile-role-employee #teamRequestApprovalSection{display:none}

/* Project director: project command view. */
.mobile-role-project_director .home-hero{background:linear-gradient(145deg,#171c23 0,#2b333d 70%,#5c4800 100%);color:#fff}
.mobile-role-project_director .notification-btn{color:#fff}.mobile-role-project_director .role-workspace-card{border-color:#e4b726;background:linear-gradient(135deg,#7c5a00,#b27b00)}
.mobile-role-project_director .role-workspace-card span{color:#fff2a9}.mobile-role-project_director .mobile-quick-grid button i{background:#fff4d5}

/* Multi-project manager: executive density without employee check-in clutter. */
.mobile-role-manager .home-hero{background:linear-gradient(145deg,#17382c,#265e49 70%,#b38600 130%);color:#fff}
.mobile-role-manager .notification-btn{color:#fff}.mobile-role-manager .role-workspace-card{background:linear-gradient(135deg,#1d2935,#334353)}

/* Admin: system workspace; operational actions stay permission-filtered. */
.mobile-role-admin .home-hero{background:linear-gradient(145deg,#101318,#262c34 68%,#6f5500 118%);color:#fff}
.mobile-role-admin .notification-btn{color:#fff}.mobile-role-admin .role-workspace-card{border-color:#e2b72c;background:linear-gradient(135deg,#000,#282828)}

@media(max-width:370px){.home-toprow .mobile-brand{width:145px}.home-toprow .design-lock-logo{width:142px}.mobile-quick-grid{gap:8px}.mobile-quick-grid button{min-height:82px;padding-inline:4px}.role-workspace-card{padding:14px}}