/**
 * Solo Settings CSS
 * Fájl: includes/assets/css/pages/solo-settings.css
 * A beállítások oldal kiegészítő stílusai.
 * (Az alap struktúra a solo-tab-system.css-ben van.)
 *
 * @version 1.0.0
 */

/* ====================================================================
   STATUS BADGE-EK (beállítások oldalon)
   ==================================================================== */

.status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.status-active    { background: #dcfce7; color: #166534; }
.status-trial     { background: #f3e8ff; color: #6b21a8; }
.status-grace     { background: #fef9c3; color: #854d0e; }
.status-pending   { background: #fff7ed; color: #9a3412; }
.status-suspended { background: #f1f5f9; color: #475569; }
.status-cancelled { background: #fef2f2; color: #991b1b; }

/* ====================================================================
   VESZÉLYZÓNA (előfizetés lemondás)
   ==================================================================== */

.solo-danger-zone {
    border: 1px solid #fecaca;
    border-radius: 10px;
    padding: 20px;
    background: #fff5f5;
}

.solo-danger-zone h4 {
    font-size: 15px;
    font-weight: 600;
    color: #dc2626;
    margin: 0 0 12px;
}

.solo-danger-list {
    font-size: 13px;
    color: #64748b;
    margin: 0 0 16px;
    padding-left: 20px;
    line-height: 2;
}

.solo-danger-list li.danger { color: #dc2626; }
.solo-danger-list li.safe   { color: #166534; }

/* ====================================================================
   ELŐFIZETÉS TÁBLÁZAT
   ==================================================================== */

.solo-sub-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
    font-size: 14px;
}

.solo-sub-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.solo-sub-table td:first-child {
    width: 38%;
    color: #64748b;
    font-weight: 500;
    font-size: 13px;
}

.solo-sub-table td:last-child {
    color: #1a2e4a;
    font-weight: 600;
}

/* ====================================================================
   DEMO BADGE
   ==================================================================== */

.demo-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    background: #ede9fe;
    color: #5b21b6;
    font-weight: 500;
}

/* ====================================================================
   TAB SZEKCIÓ FEJLÉCEK – hangsúlyosabb tagoltás
   ==================================================================== */

.solo-tab-section-title {
    font-size: 17px;
    font-weight: 700;
    color: #1a2e4a;
    margin: 0 0 6px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e2e8f0;
}

.solo-section-subtitle {
    font-size: 13px;
    font-weight: 400;
    color: #94a3b8;
    margin-left: 6px;
}

/* Szekciók közötti légzés */
.solo-settings-section {
    padding: 20px 0;
}

.solo-settings-section:first-child {
    padding-top: 4px;
}