/* ===== HEADER STYLES ===== */
.navbar-brand{font-weight:bold;}
.notification-badge{position:relative;top:-2px;left:-5px;}
.user-info{font-size:0.9rem;}
.nav-link:hover{background-color:rgba(0,0,0,0.05);border-radius:5px;}

/* ===== LOGIN PAGE STYLES ===== */
.login-body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;align-items:center;}
.login-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,0.1);}
.login-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:15px 15px 0 0;}
.login-form-control:focus{border-color:#667eea;box-shadow:0 0 0 0.2rem rgba(102,126,234,0.25);}
.btn-login{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:25px;padding:12px 30px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}
.btn-login:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2);} 

/* ===== USER PROFILE STYLES ===== */
.nav-tabs .nav-link{color:#6c757d;}
.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;}
.card-header-tabs{margin-bottom:-0.5rem;}
.table th{border-top:none;font-weight:600;font-size:0.875rem;color:#495057;}
.badge{font-size:0.75rem;}

/* ===== VIEW CLIENT TIMELINE STYLES ===== */
.timeline{position:relative;padding-left:30px;}
.timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:#dee2e6;}
.timeline-item{position:relative;margin-bottom:20px;}
.timeline-marker{position:absolute;left:-22px;top:5px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;}
.timeline-content h6{margin-bottom:5px;font-weight:600;}

/* ===== WHATSAPP STYLES ===== */
.fab.fa-whatsapp{color:#25D366 !important;transition:transform 0.3s ease;}
.text-whatsapp{color:#25D366 !important;}
.btn-success{background-color:#25D366;border-color:#25D366;}
.btn-success:hover{background-color:#128C7E;border-color:#128C7E;}
.btn-outline-success{color:#25D366;border-color:#25D366;}
.btn-outline-success:hover{background-color:#25D366;border-color:#25D366;color:#fff;}
.border-success{border-color:#25D366 !important;}
.status-indicator:hover .fab.fa-whatsapp{transform:scale(1.1);}

/* Enhanced Interface Styling */
.card{box-shadow:0 4px 6px rgba(0,0,0,0.1);border-radius:12px;}
.status-indicator{animation:fadeIn 0.5s ease-in;}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.launch-section .btn-lg{font-size:1.25rem;border-radius:50px;box-shadow:0 4px 15px rgba(37,211,102,0.3);transition:all 0.3s ease;}
.launch-section .btn-lg:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,0.4);}
.session-info .alert{border-radius:10px;border:none;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:all 0.3s ease;}
.quick-actions .btn-group .btn,.quick-actions .btn-group-vertical .btn{border-radius:8px;margin:0 2px;transition:all 0.2s ease;}
.quick-actions .btn-group-vertical .btn{margin:2px 0;}
.quick-actions .btn:hover{transform:translateY(-1px);}

/* Status-specific styling */
.alert-success{background-color:rgba(37,211,102,0.1);border-left:4px solid #25D366;color:#128C7E;}
.alert-warning{background-color:rgba(255,193,7,0.1);border-left:4px solid #ffc107;color:#856404;}
.alert-info{background-color:rgba(13,202,240,0.1);border-left:4px solid #0dcaf0;color:#055160;}
.alert-secondary{background-color:rgba(108,117,125,0.1);border-left:4px solid #6c757d;color:#495057;}

/* Loading animation */
.launching{animation:pulse 1.5s infinite;}
@keyframes pulse{0%{opacity:1;}50%{opacity:0.7;}100%{opacity:1;}}

/* ===== INLINE STYLES CONVERTED TO CLASSES ===== */
.icon-email{color:#6D4AFF;}
.icon-ai{color:#10A37F;}
.card-danger-bg{background-color:#dc3545;}
.wallet-address{font-family:monospace;font-size:0.9em;}
.pre-wrap{white-space:pre-wrap;}
.hidden,.targets-hidden,.file-preview-hidden,.delete-form-hidden{display:none;}
.targets-visible{display:block;}
.icon-small{font-size:0.5rem;}

/* ===== UTILITY CLASSES ===== */
.d-none{display:none !important;}
.d-block{display:block !important;}
.font-monospace{font-family:monospace !important;}
.font-size-small{font-size:0.9em !important;}
.font-size-xs{font-size:0.5rem !important;}
.text-email{color:#6D4AFF !important;}
.text-ai{color:#10A37F !important;}

/* ===== CRYPTOCURRENCY PRICE STYLES ===== */
.crypto-price-card{transition:transform 0.2s ease, box-shadow 0.2s ease;border:none;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);}
.crypto-price-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15);}
.crypto-icon{font-size:1.5rem;}
.crypto-icon .fa-bitcoin{font-size:1.8rem;}
.price-change-positive{color:#28a745 !important;animation:priceUp 0.5s ease;}
.price-change-negative{color:#dc3545 !important;animation:priceDown 0.5s ease;}
@keyframes priceUp{0%{transform:scale(1);}50%{transform:scale(1.05);color:#20c997;}100%{transform:scale(1);}}
@keyframes priceDown{0%{transform:scale(1);}50%{transform:scale(1.05);color:#e74c3c;}100%{transform:scale(1);}}
#crypto-prices-container{min-height:120px;}
.crypto-loading{animation:cryptoSpin 1s linear infinite;}
@keyframes cryptoSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
#crypto-refresh-btn{transition:all 0.3s ease;}
#crypto-refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}
#crypto-refresh-btn:disabled{opacity:0.6;cursor:not-allowed;}
.crypto-btc{color:#f7931a !important;}
.crypto-eth{color:#627eea !important;}
.crypto-sol{color:#9945ff !important;}
.cache-status{font-size:0.8rem;opacity:0.8;}
.trend-up{background:linear-gradient(45deg,rgba(40,167,69,0.1),rgba(40,167,69,0.05));border-left:3px solid #28a745;}
.trend-down{background:linear-gradient(45deg,rgba(220,53,69,0.1),rgba(220,53,69,0.05));border-left:3px solid #dc3545;}
.trend-neutral{background:linear-gradient(45deg,rgba(108,117,125,0.1),rgba(108,117,125,0.05));border-left:3px solid #6c757d;}