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

/* =================================
   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: 5px;}
.evo-lm-card .license-info {margin-bottom: 5px !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;}

/* =================================
   VERSIONS TABLE
   ================================= */
.license-versions {margin-top:16px;}
.evo-lm-versions-table {width:100%;border-collapse:collapse;font-size:14px;}
.evo-lm-versions-table th {text-align:left;padding:8px 10px;background:#f0f4f8;color:#555;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #dde3ea;}
.evo-lm-versions-table td {padding:8px 10px;border-bottom:1px solid #eef0f3;vertical-align:middle;}
.evo-lm-versions-table tr:last-child td {border-bottom:none;}
.evo-lm-versions-table tr:hover td {background:#fafbfc;}
.evo-lm-versions-table td.version-actions {white-space:nowrap;}
.evo-lm-versions-table .button-small {padding:3px 10px !important;font-size:12px !important;height:auto !important;line-height:1.6 !important;margin-right:4px;}
.evo-lm-no-versions {color:#999;font-size:13px;font-style:italic;margin:12px 0 0;}

/* =================================
   CHANGELOG MODAL
   ================================= */
.evo-lm-modal {position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;}
.evo-lm-modal-overlay {position:absolute;inset:0;background:rgba(0,0,0,.55);}
.evo-lm-modal-content {position:relative;background:#fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.25);width:90%;max-width:680px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;}
.evo-lm-modal-header {display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #e0e0e0;background:#f0f4f8;flex-shrink:0;}
.evo-lm-modal-header h3 {margin:0;font-size:1em;color:#333;}
.evo-lm-modal-header h3 small {font-size:0.75em;font-weight:400;color:#888;margin-left:4px;}
.evo-lm-modal-close {background:none;border:none;font-size:14px;line-height:1;cursor:pointer;color:#000000;padding:0 4px !important;}
.evo-lm-modal-close:hover {color:#000;}
.evo-lm-modal-body {padding:20px;overflow-y:auto;flex:1;font-size: 0.8em;}
.evo-lm-modal-footer {padding:12px 20px;border-top:1px solid #e0e0e0;text-align:right;flex-shrink:0;}
.evo-lm-changelog .changelog-version {margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f0f0f0;}
.evo-lm-changelog .changelog-version:last-child {border-bottom:none;margin-bottom:0;}
.evo-lm-changelog h4 {margin:0 0 10px 0;color:#0073aa;font-size:0.8em;}
.evo-lm-changelog h4 small {color:#999;font-weight:400;}
.evo-lm-changelog .changelog-content {color:#444;line-height:1.6;font-size:1em;}
.evo-lm-changelog p {margin-bottom: 10px;}

/* =================================
   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;}
}