/* =========================================
   OpenCert Issuer Dashboard Styles
   File: issuer-dash.css
========================================= */

#opencert-issuer-dashboard {
    max-width: 900px;
    margin: 20px auto;
}

/* MAIN TABS */
.opencert-tabs {
    margin-bottom: 20px;
}

.tab-btn {
    padding: 6px 12px;
    border: 1px solid #ccc;
    background: #a8a3a3;
    cursor: pointer;
}

.tab-btn.active {
    background: #0073aa;
    color: #fff;
}

/* MAIN PANELS */
.tab-panel {
    display: none;
    padding: 15px;
    border: 1px solid #ccc;
}

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

/* SUB TABS */
.subtab-btn {
    padding: 6px 10px;
    border: 1px solid #ccc;
    background: #eee;
    cursor: pointer;
    margin-right: 5px;
}

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

/* SUB PANELS */
.subtab-panel {
    display: none;
    margin-top: 10px;
}

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

/* FORM GRID */
.opencert-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

/* FORM FIELDS */
.opencert-form-grid input,
.opencert-form-grid select,
.opencert-form-grid textarea {
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
}

/* FILE INPUTS */
.opencert-form-grid input[type="file"] {
    padding: 4px;
}