/**
 * EVO License Manager - Frontend CSS
 * 
 * @package EVO_License_Manager
 * @version 1.8.0
 */

/* =================================
   LOGIN
   ================================= */
.evo-lm-login {max-width: 500px;margin: 0 auto;padding: 30px;background: #fff;border-radius: 8px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.evo-lm-login h3 {text-align: center;margin-bottom: 10px;color: #333;}
.evo-lm-login-description {text-align: center;margin-bottom: 30px;color: #666;}
.evo-lm-login-form {width: 100%;}
.evo-lm-form-field {margin-bottom: 20px;}
.evo-lm-form-field label {display: block;margin-bottom: 5px;font-weight: 600;color: #333;}
.evo-lm-form-field input {width: 100%;padding: 12px;border: 2px solid #ddd;border-radius: 4px;font-size: 16px;transition: border-color 0.2s;}
.evo-lm-form-field input:focus {border-color: #0073aa;outline: none;}
.evo-lm-form-field .description {display: block;margin-top: 5px;color: #666;font-size: 12px;}
.evo-lm-form-actions {text-align: center;margin: 30px 0;}
.evo-lm-login-button {padding: 12px 30px !important;font-size: 16px !important;border-radius: 4px !important;}
.evo-lm-help-links {margin-top: 30px;padding-top: 20px;border-top: 1px solid #eee;font-size: 14px;}
.evo-lm-help-links ul {list-style: none;padding: 0;}
.evo-lm-help-links li {margin: 8px 0;padding-left: 20px;position: relative;}
.evo-lm-help-links li:before {content: "•";color: #0073aa;font-weight: bold;position: absolute;left: 0;}
.evo-lm-error {background: #fff2cd;color: #856404;padding: 15px;border-radius: 4px;margin-bottom: 20px;border-left: 4px solid #ffb900;}

/* =================================
   DASHBOARD
   ================================= */
.evo-lm-customer-dashboard {max-width: 1200px;margin: 0 auto;padding: 20px;}
.evo-lm-dashboard-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 2px solid #f0f0f0;}
.evo-lm-dashboard-header h3 {margin: 0;color: #333;font-size: 1.5em;}
.evo-lm-dashboard-actions {display: flex;gap: 10px;}
.evo-lm-dashboard-actions .button {background: #dc3545 !important;border-color: #dc3545 !important;color: white !important;padding: 8px 16px;text-decoration: none;border-radius: 4px;}
.evo-lm-dashboard-stats {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;margin-bottom: 30px;}
.evo-lm-stat {background: white;padding: 20px;border-radius: 8px;text-align: center;border-left: 4px solid #0073aa;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.evo-lm-stat .stat-number {display: block;font-size: 2em;font-weight: bold;color: #0073aa;margin-bottom: 5px;}
.evo-lm-stat .stat-label {color: #666;font-size: 14px;text-transform: uppercase;letter-spacing: 0.5px;}
.evo-lm-list {background: white;border-radius: 8px;padding: 20px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.evo-lm-list h4 {margin: 0 0 20px 0;color: #333;font-size: 1.3em;border-bottom: 1px solid #eee;padding-bottom: 10px;}

/* =================================
   LICENSE CARD
   ================================= */
.evo-lm-card {background: #f8f9fa;border-radius: 8px;padding: 20px;margin-bottom: 20px;border-left: 4px solid #00a32a;transition: transform 0.2s, box-shadow 0.2s;}
.evo-lm-card.active {border-left-color: #00a32a;}
.evo-lm-card.expired {border-left-color: #dc3545;opacity: 0.8;}
.evo-lm-card:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.evo-lm-card .license-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.evo-lm-card .license-header h5 {margin: 0;color: #333;font-size: 1.2em;}
.evo-lm-card .license-status {padding: 4px 12px;border-radius: 12px;font-size: 12px;font-weight: 500;text-transform: uppercase;}
.evo-lm-card .license-status.status-active {background: #e8f5e8;color: #2e7d32;}
.evo-lm-card .license-status.status-expired {background: #ffebee;color: #c62828;}
.evo-lm-card .license-details {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 15px;}
.evo-lm-card .license-info {margin-bottom: 20px !important;}
.evo-lm-card .license-info strong {display: block;font-size: 14px;color: #666;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 5px;}
.evo-lm-card .license-info code {background: #e9ecef;padding: 6px 10px;border-radius: 4px;font-family: monospace;font-size: 14px;display: inline-block;word-break: break-all;}
.evo-lm-card .license-activations {margin-bottom: 30px !important;}
.evo-lm-card .license-activations h6{margin-bottom: 0px;font-weight: 700;text-transform: uppercase;}

/* =================================
   RESPONSIVE
   ================================= */
@media (max-width: 768px) {
    .evo-lm-login {margin: 20px;padding: 20px;}
    .evo-lm-form-field input {font-size: 16px;}
    .evo-lm-dashboard-header {flex-direction: column;align-items: flex-start;gap: 15px;}
    .evo-lm-dashboard-stats {grid-template-columns: 1fr;}
    .evo-lm-card .license-details {grid-template-columns: 1fr;}
    .evo-lm-card .license-header {flex-direction: column;align-items: flex-start;gap: 10px;}
}