/*
 * ClubHoster Client Area Overrides
 *
 * Safe, additive styling that keeps the existing ClientExec database/schema
 * and application logic unchanged.
 */

:root {
    --ch-primary: #3DA7F1;
    --ch-accent:  #FF7A18;
    --ch-bg:      #f6f8fc;
    --ch-card:    #ffffff;
    --ch-text:    #0f172a;
    --ch-muted:   #64748b;
    --ch-border:  #e5e7eb;
    --ch-radius:  12px;
    --ch-shadow:  0 10px 25px rgba(2, 6, 23, 0.08);
}

body {
    background: var(--ch-bg);
    color: var(--ch-text);
}

a {
    color: var(--ch-primary);
}

a:hover,
a:focus {
    color: #1f86cd;
}

/* Buttons */
.btn,
button,
input[type="submit"],
input[type="button"] {
    border-radius: 10px !important;
}

.btn-primary,
.btn-success {
    background: var(--ch-primary) !important;
    border-color: var(--ch-primary) !important;
}

.btn-primary:hover,
.btn-success:hover {
    filter: brightness(0.95);
}

.btn-warning {
    background: var(--ch-accent) !important;
    border-color: var(--ch-accent) !important;
}

/* Form controls */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea {
    border-radius: 10px !important;
    border-color: var(--ch-border) !important;
}

input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: var(--ch-primary) !important;
    box-shadow: 0 0 0 3px rgba(61, 167, 241, 0.15) !important;
}

/* Cards */
.panel,
.card,
.info-card,
.dashboard-box,
.dashboard-right-bar,
.dashboard-left-bar,
.ce-box,
.ce-content {
    border-radius: var(--ch-radius) !important;
}

.panel,
.card,
.info-card {
    background: var(--ch-card);
    border: 1px solid var(--ch-border);
    box-shadow: var(--ch-shadow);
}

/* Sidebar contrast (used in the ClubHoster dashboard template) */
.dashboard-left-bar.sidebar {
    background: #0b1220;
}

.dashboard-left-bar.sidebar a,
.dashboard-left-bar.sidebar .greeting,
.dashboard-left-bar.sidebar .username,
.dashboard-left-bar.sidebar h4,
.dashboard-left-bar.sidebar p {
    color: #fff !important;
}

.dashboard-left-bar.sidebar .info-card {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.15);
    box-shadow: none;
}

.dashboard-left-bar.sidebar .sidebar-header {
    background: rgba(61, 167, 241, 0.18);
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

/* Tables */
table {
    border-color: var(--ch-border) !important;
}

/* Helper for the Support PIN blocks */
.clubhoster-support-pin code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}