/* ==========================================================
   ROCK YOUR TIME®
   CARDS
========================================================== */

/* ----------------------------------------------------------
   BASE CARD
---------------------------------------------------------- */

.ryt-card{

    background:var(--ryt-card);

    border:1px solid var(--ryt-border);

    border-radius:var(--ryt-radius-lg);

    box-shadow:var(--ryt-shadow-sm);

    padding:var(--ryt-space-xl);

    transition:
        transform var(--ryt-speed-normal),
        box-shadow var(--ryt-speed-normal);

}

.ryt-card:hover{

    transform:translateY(-3px);

    box-shadow:var(--ryt-shadow-md);

}

/* ----------------------------------------------------------
   PAGE CARD
---------------------------------------------------------- */

.ryt-page-card{

    background:var(--ryt-card);

    border-radius:var(--ryt-radius-lg);

    border:1px solid var(--ryt-border);

    padding:var(--ryt-space-xl);

    box-shadow:var(--ryt-shadow-sm);

}

.ryt-page-card-header{

    margin-bottom:var(--ryt-space-lg);

}

.ryt-page-card-header h3{

    margin-bottom:6px;

}

/* ----------------------------------------------------------
   SUMMARY CARD
---------------------------------------------------------- */

.summary-card{

    background:var(--ryt-card);

    border-radius:var(--ryt-radius-lg);

    padding:28px;

    border:1px solid var(--ryt-border);

    box-shadow:var(--ryt-shadow-sm);

    transition:all var(--ryt-speed-normal);

}

.summary-card:hover{

    transform:translateY(-4px);

    box-shadow:var(--ryt-shadow-md);

}

.summary-card h2{

    margin-top:10px;

    margin-bottom:0;

    font-size:2rem;

}

/* ----------------------------------------------------------
   DASHBOARD CARD
---------------------------------------------------------- */

.dashboard-card{

    background:var(--ryt-card);

    border-radius:var(--ryt-radius-lg);

    padding:32px;

    border:1px solid var(--ryt-border);

    box-shadow:var(--ryt-shadow-sm);

}

/* ----------------------------------------------------------
   RECOMMENDATION CARD
---------------------------------------------------------- */

.recommendation-card{

    background:var(--ryt-card);

    border-left:6px solid var(--ryt-primary);

    border-radius:var(--ryt-radius-lg);

    padding:32px;

    box-shadow:var(--ryt-shadow-sm);

    transition:all var(--ryt-speed-normal);

}

.recommendation-card-link{
    display:block;
    color:inherit;
    text-decoration:none;
    cursor:pointer;
}

.recommendation-card-link:hover{
    color:inherit;
}

.recommendation-card-link:focus-visible{
    outline:3px solid var(--ryt-primary, #2563eb);
    outline-offset:4px;
}

.recommendation-card:hover{

    transform:translateY(-5px);

    box-shadow:var(--ryt-shadow-lg);

}

.confidence-badge{

    background:var(--ryt-gradient-primary);

    color:white;

    padding:8px 16px;

    border-radius:var(--ryt-radius-round);

    font-size:.9rem;

    font-weight:700;

}

/* ----------------------------------------------------------
   PORTFOLIO CARD
---------------------------------------------------------- */

.portfolio-card{

    background:var(--ryt-card);

    border:1px solid var(--ryt-border);

    border-radius:var(--ryt-radius-lg);

    padding:32px;

    box-shadow:var(--ryt-shadow-sm);

}

/* ----------------------------------------------------------
   ADMIN CARD
---------------------------------------------------------- */

.admin-card{

    background:white;

    border:1px solid var(--ryt-border);

    border-radius:var(--ryt-radius-lg);

    padding:28px;

    box-shadow:var(--ryt-shadow-sm);

}

/* ----------------------------------------------------------
   CARD TITLES
---------------------------------------------------------- */

.card-title{

    font-size:1.3rem;

    font-weight:700;

    margin-bottom:8px;

}

.card-subtitle{

    color:var(--ryt-text-light);

    margin-bottom:24px;

}

/* ----------------------------------------------------------
   LABELS
---------------------------------------------------------- */

.owner-label{

    color:var(--ryt-text-light);

    font-size:.8rem;

    font-weight:600;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.owner-value{

    font-size:1.6rem;

    font-weight:700;

    color:var(--ryt-primary);

}

/* ----------------------------------------------------------
   SIMPLE STAT ROW
---------------------------------------------------------- */

.owner-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 0;

    border-bottom:1px solid var(--ryt-border);

}

.owner-item:last-child{

    border-bottom:none;

}

/* ----------------------------------------------------------
   ALERT CARD
---------------------------------------------------------- */

.alert-card{

    background:#FFFBEA;

    border-left:5px solid var(--ryt-warning);

    padding:20px;

    border-radius:var(--ryt-radius-md);

}

.success-card{

    background:#F0FFF4;

    border-left:5px solid var(--ryt-success);

    padding:20px;

    border-radius:var(--ryt-radius-md);

}

.error-card{

    background:#FFF5F5;

    border-left:5px solid var(--ryt-danger);

    padding:20px;

    border-radius:var(--ryt-radius-md);

}