/* ============================================================
   Investor Relations Plugin — Public / Shortcode Styles
   ============================================================ */

/* ── Wrapper ─────────────────────────────────────────────────────────────── */
.ir-sc-wrap {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13.5px;
    border: 1px solid #dcdcde;
    border-radius: 6px;
    overflow: hidden;
    margin: 16px 0;
    background: #fff;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.ir-sc-header {
    background: #1d2d44;
    color: #fff;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 3px solid var(--wp-admin-theme-color, #2271b1);
}
.ir-sc-badge {
    background: var(--wp-admin-theme-color, #2271b1);
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    padding: 2px 8px;
    border-radius: 4px;
    font-family: monospace;
    letter-spacing: 1px;
}
.ir-sc-name { font-size: 13.5px; font-weight: 600; }
.ir-sc-meta { margin-left: auto; font-size: 11px; opacity: .7; }

/* ── Filters ─────────────────────────────────────────────────────────────── */
.ir-sc-filters {
    padding: 10px 16px;
    background: #f6f7f7;
    border-bottom: 1px solid #dcdcde;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.ir-sc-filter-label { font-size: 12px; color: #646970; font-weight: 600; }
.ir-sc-filter-select {
    font-size: 12.5px;
    padding: 4px 8px;
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background: #fff;
    color: #1d2327;
}

/* ── Table ───────────────────────────────────────────────────────────────── */
.ir-sc-table-wrap { overflow-x: auto; }
.ir-sc-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.ir-sc-table thead th {
    background: #f0f2f4;
    text-align: left;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #646970;
    border-bottom: 2px solid #dcdcde;
    white-space: nowrap;
}
.ir-sc-table tbody td {
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: top;
}
.ir-sc-table tbody tr:last-child td { border-bottom: none; }
.ir-sc-table tbody tr:hover td { background: #f6f7f7; }

.ir-sc-col-date     { width: 108px; white-space: nowrap; color: #646970; font-size: 12px; }
.ir-sc-col-category { width: 180px; font-size: 12px; color: #50575e; }
.ir-sc-col-title a  { color: var(--wp-admin-theme-color, #2271b1); text-decoration: none; font-size: 13px; }
.ir-sc-col-title a:hover { text-decoration: underline; }

/* ── Error / Empty ───────────────────────────────────────────────────────── */
.ir-sc-error {
    padding: 12px 16px;
    background: #fcf0f1;
    color: #d63638;
    font-size: 13px;
    border-bottom: 1px solid #f9c0c1;
}
.ir-sc-empty {
    padding: 24px 16px;
    text-align: center;
    color: #646970;
    font-size: 13px;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.ir-sc-footer {
    padding: 7px 16px;
    background: #f6f7f7;
    border-top: 1px solid #dcdcde;
    font-size: 11px;
    color: #a7aaad;
}
.ir-sc-footer a { color: #a7aaad; text-decoration: none; }
.ir-sc-footer a:hover { color: var(--wp-admin-theme-color, #2271b1); }

/* ── Dark theme ──────────────────────────────────────────────────────────── */
.ir-theme-dark {
    background: #1d2327;
    border-color: #3c434a;
}
.ir-theme-dark .ir-sc-header      { background: #101517; border-bottom-color: #d4a017; }
.ir-theme-dark .ir-sc-filters     { background: #2c3338; border-bottom-color: #3c434a; }
.ir-theme-dark .ir-sc-filter-label { color: #a7aaad; }
.ir-theme-dark .ir-sc-filter-select { background: #2c3338; color: #e0e0e0; border-color: #646970; }
.ir-theme-dark .ir-sc-table thead th { background: #2c3338; color: #a7aaad; border-bottom-color: #3c434a; }
.ir-theme-dark .ir-sc-table tbody td { border-bottom-color: #2c3338; color: #e0e0e0; }
.ir-theme-dark .ir-sc-table tbody tr:hover td { background: #2c3338; }
.ir-theme-dark .ir-sc-col-date    { color: #a7aaad; }
.ir-theme-dark .ir-sc-col-category { color: #c3c4c7; }
.ir-theme-dark .ir-sc-col-title a { color: #72aee6; }
.ir-theme-dark .ir-sc-footer      { background: #101517; border-top-color: #3c434a; }
.ir-theme-dark .ir-sc-empty       { color: #a7aaad; }