/* Original Gestion Verde banner, retaining this app's navigation and account actions. */
body { background: linear-gradient(125deg, #eff0ec 0%, #fafbf9 45%, #e8ece9 100%); }
.topbar { display: flex; height: 62px; min-height: 62px; padding: 0 16px; gap: 16px; background: linear-gradient(90deg, #61a523 0%, #3eb29b 47%, #9ad9db 69%, #fff 85%); border: 0; box-shadow: none; backdrop-filter: none; }
.topbar::before { display: none; }
.topbar-left { flex: 1 1 0; padding: 0; gap: 8px; }
.topbar-right { flex: 1 1 0; padding: 0; gap: 12px; justify-content: flex-end; background: transparent; }
.topbar-title { flex: 0 1 auto; font-family: Arial, sans-serif; font-size: 20px; font-weight: 400; line-height: 1.2; color: #fff; white-space: nowrap; }
.topbar .hamburger-button, .topbar .topbar-icon-button, .topbar .topbar-power { width: 44px; min-width: 44px; height: 44px; min-height: 44px; border: 0; border-radius: 2px; padding: 3px; background: transparent; box-shadow: none; font-size: 34px; text-shadow: none; }
.topbar .hamburger-button { order: -2; display: flex; align-items: center; justify-content: center; gap: 0; background: transparent; }
.topbar .hamburger-button span { width: 32px; height: 4px; background: white; }
.topbar .hamburger-button img { width: 38px; height: 38px; object-fit: contain; }
.topbar .home-icon-button { order: -1; }
.topbar .topbar-icon-button { color: white; }
.topbar .topbar-icon-button svg { width: 36px; height: 36px; }
.topbar .member-topbar-action { color: #fff; touch-action: manipulation; }
.topbar .member-topbar-action img { width: 38px; height: 38px; object-fit: contain; }
.topbar .home-icon-button img { width: 38px; height: 38px; object-fit: contain; }
.topbar .back-icon-button img { width: 38px; height: 38px; object-fit: contain; }
.topbar .topbar-power img { width: 38px; height: 38px; object-fit: contain; }
.topbar #scan-member-button { min-height: 30px; border: 1px solid #ffffff88; border-radius: 3px; background: #ffffff18; color: #fff; padding: 4px 8px; font-size: 11px; }
.header-association-logo { display: block; width: 172px; height: auto; max-height: 46px; object-fit: contain; }
.topbar #profile-button { padding: 4px 6px; border: 0; border-radius: 0; background: transparent; box-shadow: none; min-height: 44px; }
.topbar #profile-button:hover { background: #ffffff55; }
.topbar #profile-name { font-size: 14px; }
.topbar #profile-role { font-size: 10px; }
.topbar #profile-button .profile-user-icon { display: none; }
.topbar .system-kill-switch { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; min-width: 38px; min-height: 38px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #235c78; font-size: 16px; font-weight: 900; line-height: 1; }
.topbar .system-kill-switch:hover { background: #ffffff55; color: #b42318; }
.topbar .topbar-power { color: #235c78; }
.topbar button:hover { opacity: .85; transform: none; box-shadow: none; }
@media (max-width: 1100px) { .header-association-logo { width: 130px; } .topbar { gap: 8px; padding: 0 10px; } .topbar-right { gap: 4px; } .topbar-title { font-size: 17px; } }
@media (max-width: 800px) { .topbar { flex-wrap: wrap; height: auto; padding: 8px 10px; } .topbar-left, .topbar-right { flex: 1 1 auto; } .topbar-title { order: 3; width: 100%; flex: 1 0 100%; text-align: center; font-size: 16px; padding: 5px 0; } .header-association-logo { width: 105px; } }
@media (max-width: 480px) { .topbar { gap: 4px; } .topbar-left { gap: 3px; } .topbar-right { gap: 2px; } .header-association-logo { width: 78px; } .topbar #profile-button { max-width: 78px; } .topbar #profile-name { max-width: 60px; overflow: hidden; text-overflow: ellipsis; } .topbar #scan-member-button { font-size: 10px; padding: 3px 5px; } .topbar .system-kill-switch { flex-basis: 34px; width: 34px; height: 34px; min-width: 34px; min-height: 34px; font-size: 13px; } }