/* ================================
   ISOLAMENTO DO DASHBOARD
   ================================ */
.uss-dashboard-page {
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    padding: 20px 30px !important; /* evita ficar colado no topo */
}

/* Títulos */
.uss-dashboard-page h1,
.uss-dashboard-page h2,
.uss-dashboard-page h3,
.uss-dashboard-page h4 {
    margin: 0 0 10px 0 !important;
    font-weight: 600 !important;
}

.uss-dashboard-page h2 {
    font-size: 22px !important;
}

.uss-dashboard-page h3 {
    font-size: 18px !important;
}

.uss-dashboard-page p {
    font-size: 14px !important;
    margin: 4px 0 !important; /* corrige quebra do tema */
    padding: 0 !important;
    line-height: 1.3 !important;
}

/* ================================
   LAYOUT PRINCIPAL
   ================================ */
.uss-dashboard {
    display: flex !important;
    gap: 20px !important;
}

/* ================================
   SIDEBAR
   ================================ */
.uss-sidebar {
    width: 220px !important;
    background: #1e1e2f !important;
    color: #fff !important;
    padding: 20px !important;
    border-radius: 8px !important;
    height: fit-content !important;
}

.uss-sidebar h3 {
    margin-top: 0 !important;
    font-size: 18px !important;
}

.uss-sidebar a {
    display: block !important;
    color: #fff !important;
    padding: 10px 0 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #333 !important;
    transition: 0.2s !important;
}

.uss-sidebar a:hover {
    color: #00d4ff !important;
}

/* ================================
   CONTEÚDO
   ================================ */
.uss-content {
    flex: 1 !important;
}

.uss-content h2 {
    margin-top: 0 !important;
    padding-top: 5px !important;
}

/* ================================
   CARDS
   ================================ */
.uss-cards {
    display: flex !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}

.uss-card {
    flex: 1 !important;
    background: #fff !important;
    color: #222 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
    border: 1px solid #e5e5e5 !important; /* igual aos cards das streams */
}

.uss-card h4 {
    margin: 0 0 10px !important;
    font-size: 16px !important;
    color: #222 !important;
}

.uss-card p {
    font-size: 22px !important;
    margin: 0 !important;
    font-weight: bold !important;
    color: #111 !important;
}

/* ================================
   TABELAS (caso use no futuro)
   ================================ */
.uss-users-table th,
.uss-users-table td {
    vertical-align: middle !important;
}

.uss-user-actions .button-small {
    padding: 3px 8px !important;
    font-size: 11px !important;
    margin-right: 4px !important;
}
.uss-login-box h2 {
    color: #000;
    font-size: 3em;
}
.uss-login-box label{
    color: #535353;!important
}
.uss-login-register a {
    text-align: left; !important;
    color: #000
}