/**
 * ReviewMojo Admin Dashboard — FINAL
 * Matches reviewmojo-dashboard-final-mock.html exactly
 */

/* ------------------------------
   Dashboard variables & wrapper
--------------------------------*/
.reviewmojo-dashboard{
    --rm-bg:#f4f6f8;
    --rm-card:#ffffff;
    --rm-text:#1f2933;
    --rm-muted:#6b7280;

    /* Slightly desaturated (calmer) */
    --rm-green:#22a06b;
    --rm-amber:#c97a2b;
    --rm-red:#d24b45;

    --rm-border:#e5e7eb;
    --rm-cardW:255px;

    background:var(--rm-bg);
    padding:28px;
    max-width:1200px;
}

.reviewmojo-dashboard *{ box-sizing:border-box; }
.reviewmojo-dashboard{ color:var(--rm-text); }

/* ------------------------------
   Page heading
--------------------------------*/
.reviewmojo-dashboard h1{
    font-size:1.6rem;
    font-weight:700; /* heavier like the mock */
    margin:0 0 6px;
}

/* ------------------------------
   Section headings
--------------------------------*/
.reviewmojo-dashboard .reviewmojo-sub{
    color:var(--rm-muted);
    font-size:.9rem;
    margin:0 0 28px;
}

.reviewmojo-dashboard .reviewmojo-section{
    margin-bottom:36px;
}

.reviewmojo-dashboard .reviewmojo-section h2{
    font-size:1.15rem;
    font-weight:700; /* heavier like the mock */
    margin:0 0 14px;
}

/* ------------------------------
   GRID LAYOUT
--------------------------------*/
.reviewmojo-dashboard .reviewmojo-cards,
.reviewmojo-dashboard .reviewmojo-negative-cards{
    display:grid;
    grid-template-columns:repeat(auto-fill, var(--rm-cardW));
    gap:16px;
    justify-content:start;
    align-items:start;
}

/* ------------------------------
   TRUE CARDS ONLY
--------------------------------*/
.reviewmojo-dashboard .reviewmojo-card{
    width:var(--rm-cardW);
    background:var(--rm-card);
    border-radius:12px;
    padding:18px 20px;
    box-shadow:0 8px 18px rgba(0,0,0,.06);
    border:none;
    text-align:left;
}

/* REMOVE legacy card styling from WRAPPERS */
.reviewmojo-dashboard .reviewmojo-section > .reviewmojo-card{
    background:transparent;
    box-shadow:none;
    padding:0;
    width:auto;
}

/* ------------------------------
   Key Metrics (borders + rhythm)
--------------------------------*/
/* Harden these so nothing "helpful" overrides them */
.reviewmojo-dashboard .reviewmojo-card.reviewmojo-card-good{ border-left:4px solid var(--rm-green) !important; }
.reviewmojo-dashboard .reviewmojo-card.reviewmojo-card-bad{  border-left:4px solid var(--rm-red)   !important; }
.reviewmojo-dashboard .reviewmojo-card.reviewmojo-card-warn{ border-left:4px solid var(--rm-amber) !important; }

.reviewmojo-metric{
    font-size:2.1rem;
    font-weight:800;
    margin:6px 0 2px;
    line-height:1;
}

.reviewmojo-label{
    font-size:.8rem;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--rm-muted);
    margin:0; /* keeps label snug like the mock */
}

.reviewmojo-small{
    font-size:.92rem;
    margin-top:6px;
    line-height:1.25;
}

/* Slightly tighten the "stack" spacing to match the mock */
.reviewmojo-metric + .reviewmojo-small{
    margin-top:6px;
}
.reviewmojo-small + .reviewmojo-small{
    margin-top:6px;
}

.reviewmojo-percent{ font-weight:700; }
.reviewmojo-winline{ font-weight:750; }

/* Match Private Feedback height */
.reviewmojo-keymetrics-cards .reviewmojo-card{
    min-height:148px;
}

/* ------------------------------
   Review Site Click cards
--------------------------------*/
.reviewmojo-site-card{ padding:16px 18px; }

.reviewmojo-site-split{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:12px;
}

.reviewmojo-site-left{
    border-right:1px solid var(--rm-border);
    padding-right:12px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.reviewmojo-site-name{
    font-size:.95rem;
    font-weight:750;
    margin:0 0 8px;
}

.reviewmojo-site-clicks{
    font-size:2rem;
    font-weight:850;
    margin:0;
    line-height:1;
}

.reviewmojo-site-clicks-sub{
    color:var(--rm-muted);
    font-size:.85rem;
    margin-top:6px;
}

.reviewmojo-site-right{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-left:4px;
}

.reviewmojo-split-stat{ padding:6px 0; }
.reviewmojo-split-num{
    font-size:1.05rem;
    font-weight:850;
    line-height:1.05;
}
.reviewmojo-split-lbl{
    font-size:.85rem;
    color:var(--rm-muted);
    margin-top:4px;
}
.reviewmojo-hr{
    height:1px;
    background:var(--rm-border);
    margin:10px 0;
}

/* ------------------------------
   Footer note
--------------------------------*/
.reviewmojo-footer-note{
    font-size:.8rem;
    color:var(--rm-muted);
    margin-top:8px;
}