/* IB Dashboard page (renamed from ib-portal-dashboard.css) */
/* Tab group container */
.ibd-tab-group {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
}

/* Tabs */
.ibd-tab {
    border: 1.5px solid rgba(255,255,255,0.25);
    background: #fff;
    color: #222;
    border-radius: 0;
    padding: 0.5rem 1.1rem;
    font-size: 0.87rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}
.ibd-tab:first-child { border-radius: 10px 0 0 10px; }
.ibd-tab:last-child  { border-radius: 0 10px 10px 0; }
.ibd-tab.active {
    background: #ffbf2f;
    border-color: #ffbf2f;
    color: #111;
    font-weight: 700;
}
.ibd-tab:hover:not(.active) {
    background: #f5f5f5;
    color: #111;
}

/* Generate button */
.ibd-gen-btn {
    background: #ffbf2f;
    color: #111;
    border: none;
    white-space: nowrap;
}
.ibd-gen-btn:hover { background: #e6ac1a; color: #111; }

/* Stat cards */
.ibd-stat-card {
    border: none;
    border-radius: 16px !important;
    padding: 1.25rem !important;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ibd-stat-purple { background: #F7EFFF; }
.ibd-stat-green  { background: #E0FFE7; }
.ibd-stat-orange { background: #FFEFDA; }
.ibd-stat-blue   { background: #EFFAFC; }

.ibd-stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.ibd-icon-purple { background: #e8d8ff; color: #7c3aed; }
.ibd-icon-green  { background: #bbf7cc; color: #16a34a; }
.ibd-icon-orange { background: #ffd8a8; color: #d97706; }
.ibd-icon-blue   { background: #caf0f8; color: #0ea5e9; }

.ibd-stat-value { font-size: 2rem; color: #111; line-height: 1.2; font-weight: 700; }

/* Month dropdown */
.ibd-month-btn {
    border: 1.5px solid #dde2ef;
    background: #fff;
    color: #333;
    font-size: 0.84rem;
    border-radius: 20px;
    padding: 0.3rem 0.9rem;
}
.ibd-month-btn:hover,
.ibd-month-btn:focus,
.ibd-month-btn.show {
    background: #fff;
    color: #333;
    border-color: #aaa;
    box-shadow: none;
}

/* KPI rows */
.ibd-kpi-row { background: #F1F1F1; }
.ibd-kpi-value { font-size: 1.05rem; white-space: nowrap; }

/* Dark panels (matches screenshot) */
.ibd-panel{
    background: linear-gradient(180deg, rgba(63,49,99,0.95) 0%, rgba(43,35,70,0.90) 45%, rgba(23,18,36,0.98) 100%);
    border: 1px solid rgba(219,233,255,0.14);
    box-shadow:
        0 28px 60px rgba(0,0,0,0.45),
        inset 0 1px 0 rgba(255,255,255,0.10);
}

/* Table inside dark panel */
.ibd-panel .ibref-table thead th{
    background: #DBE9FF;
    color: #0A5BE2;
    border-top: 1px dashed rgba(219,233,255,0.22);
    border-bottom: 1px dashed rgba(219,233,255,0.22);
}
.ibd-panel .ibref-table tbody td{
    color: rgba(255,255,255,0.92);
    border-bottom: 1px dashed rgba(219,233,255,0.14);
}
.ibd-panel .ibref-table thead th:not(:last-child),
.ibd-panel .ibref-table tbody td:not(:last-child){
    border-right: 1px dashed rgba(219,233,255,0.14);
}
.ibd-panel .ibref-table thead th:first-child,
.ibd-panel .ibref-table tbody td:first-child{
    border-left: 1px dashed rgba(219,233,255,0.14);
}
.ibd-panel .ibref-table tbody tr:nth-child(odd) > td{
    background: rgba(0,0,0,0.10);
}
.ibd-panel .ibref-table tbody tr:nth-child(even) > td{
    background: rgba(255,255,255,0.04);
}

/* Recent Joined Clients: make table full-width (no inner rounding) */
.ibd-panel .table-responsive{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.ibd-panel .ibref-table{
    border-radius: 0 !important;
}
.ibd-panel .ibref-table thead th:first-child,
.ibd-panel .ibref-table thead th:last-child,
.ibd-panel .ibref-table tbody td:first-child,
.ibd-panel .ibref-table tbody td:last-child{
    border-radius: 0 !important;
}

/* Referral link rows inside dark panel */
.ibd-panel .ibd-ref-row{
    background: rgba(255,255,255,0.94) !important;
    border: 1px solid rgba(10,91,226,0.10);
    box-shadow:
        0 12px 26px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.75);
}
.ibd-panel .ibd-ref-id,
.ibd-panel .ibd-ref-amount{
    color: #111 !important;
}
.ibd-panel .ibd-ref-clicks,
.ibd-panel .ibd-ref-url,
.ibd-panel .ibd-ref-url span{
    color: rgba(17,17,17,0.72) !important;
}
.ibd-panel .ibd-ref-copy{ color: #0A5BE2; }

/* IB Referral style table */
.ibref-table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-bg: transparent;
    --bs-table-striped-color: inherit;
    border-collapse: separate;
    border-spacing: 0;
}

/* Status pills */
.ibref-status { font-size: 0.8rem; font-weight: 600; min-width: 88px; text-align: center; }
.ibref-status-active { background: #8BE59F; color: #1a7a3f; }
.ibref-status-pending { background: #DBE9FF; color: #555; }

/* Document icons */
.ibd-doc-wrap { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; }
.ibd-doc-green { color: #1e8c3a; }
.ibd-doc-red   { color: #e03c3c; }
.ibd-doc-blue  { color: #2e6fd8; }
.ibd-doc-badge { position: absolute; right: -2px; bottom: -2px; font-size: 0.75rem; }