/* =========================================
   ISSUER DASHBOARD
========================================= */
#opencert-issuer-dashboard {
    max-width: 1200px;
    margin: 30px auto;
}

/* =========================================
   MAIN TABS
========================================= */
.opencert-main-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.main-tab-btn {
    padding: 10px 18px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    cursor: pointer;
}

.main-tab-btn.active {
    background: #2271b1;
    color: #fff;
}

/* =========================================
   MAIN TAB PANELS
========================================= */
.main-tab-panel {
    display: none;
    padding: 20px;
    border: 1px solid #ddd;
    background: #fff;
}

.main-tab-panel.active {
    display: block;
}

/* =========================================
   SUBTABS
========================================= */
.opencert-subtabs {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.subtab-btn {
    padding: 8px 12px;
    border: 1px solid #ccc;
    background: #fafafa;
    cursor: pointer;
}

.subtab-btn.active {
    background: #2271b1;
    color: #fff;
}

/* =========================================
   SUBTAB PANELS
========================================= */
.subtab-panel {
    display: none;
    padding: 15px;
    border: 1px solid #eee;
    background: #fff;
    margin-bottom: 20px;
}

.subtab-panel.active {
    display: block;
}

/* =========================================
   CONTENT STYLE
========================================= */
.subtab-panel p,
.subtab-panel h3 {
    text-align: justify;
}