.environment-banner{position:fixed;top:0;right:0;z-index:9999;padding:4px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.2);border-bottom-left-radius:6px;transition:all .3s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.environment-banner:hover{transform:translateY(2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.environment-banner.development{background:linear-gradient(135deg,#f59e0b,#d97706);color:white;animation:pulse-development 2s infinite}.environment-banner.staging{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;animation:pulse-staging 3s infinite}.environment-banner .icon{margin-right:4px;font-size:14px}@keyframes pulse-development{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes pulse-staging{0%,to{opacity:1;transform:scale(1)}33%{opacity:.9;transform:scale(1.01)}66%{opacity:.95;transform:scale(1.015)}}@media (max-width:640px){.environment-banner{font-size:10px;padding:3px 8px;border-bottom-left-radius:4px}.environment-banner .icon{font-size:12px}}.environment-banner.expanded{border-bottom-left-radius:0!important}.environment-banner+.environment-banner{animation:slideDown .3s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:.95;transform:translateY(0)}}@media print{.environment-banner{display:none!important}}