/* ===== WSD Frontend Styles ===== */

/* Notices */
.wsd-notice {
    padding: 12px 16px;
    border-radius: 6px;
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.6;
}
.wsd-notice p { margin: 0 0 4px; }
.wsd-notice p:last-child { margin-bottom: 0; }
.wsd-notice--promo      { background: #fff8e1; border-left: 4px solid #ffc107; }
.wsd-notice--subscriber { background: #e8f5e9; border-left: 4px solid #4caf50; }
.wsd-sub-link { font-weight: 600; }

/* Buttons */
.wsd-btn-free     { background: #2e7d32 !important; color: #fff !important; border-color: #1b5e20 !important; }
.wsd-btn-free:hover { background: #1b5e20 !important; }
.wsd-btn-sub      { background: #1565c0 !important; color: #fff !important; border-color: #0d47a1 !important; }
.wsd-btn-login    { background: #e65100 !important; color: #fff !important; }
.wsd-btn-disabled { background: #bdbdbd !important; color: #fff !important; cursor: not-allowed !important; pointer-events: none; }

/* My Account wrap */
.wsd-account-wrap { max-width: 680px; }
.wsd-account-wrap h3 { margin: 20px 0 12px; font-size: 16px; }

/* Stats grid */
.wsd-stats-grid {
    display: flex; gap: 12px; margin: 0 0 16px;
    flex-wrap: wrap;
}
.wsd-stat {
    flex: 1; min-width: 120px;
    text-align: center; padding: 16px 10px;
    border: 1px solid #e0e0e0; border-radius: 8px;
    background: #fafafa;
}
.wsd-stat--green { border-color: #a5d6a7; background: #f1f8e9; }
.wsd-stat__num   { display: block; font-size: 30px; font-weight: 700; color: #2e7d32; }
.wsd-stat--green .wsd-stat__num { color: #2e7d32; }
.wsd-stat__label { display: block; font-size: 12px; color: #757575; margin-top: 4px; }

/* Progress bar */
.wsd-progress-wrap { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.wsd-progress-bar  { flex: 1; height: 12px; background: #e0e0e0; border-radius: 6px; overflow: hidden; }
.wsd-progress-fill { height: 100%; border-radius: 6px; transition: width .4s ease; }
.wsd-progress-label { font-size: 12px; color: #757575; white-space: nowrap; }

.wsd-expiry { color: #555; font-size: 13px; margin: 4px 0 16px; }

/* History table */
.wsd-history-table          { font-size: 13px; width: 100%; }
.wsd-history-table th       { background: #f5f5f5; padding: 8px 12px; text-align: left; }
.wsd-history-table td       { padding: 8px 12px; border-bottom: 1px solid #f0f0f0; }
.wsd-history-table tr:last-child td { border-bottom: none; }