/* ============================================================
   KNOWN KINGDOMS — FULL SCREEN INTEL MODAL
   Two-pane layout with fixed obsidian sidebar
   ============================================================ */

.kingdoms-overlay {
    position: fixed;
    inset: 0;
    z-index: 6000;
    opacity: 1;
    transition: opacity 0.25s ease;
}

.kingdoms-overlay.hidden {
    opacity: 0;
    pointer-events: none;
}

.kingdoms-overlay-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
}

.kingdoms-overlay-content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    z-index: 10;
}

/* ============================
   HEADER
   ============================ */

.kingdoms-overlay-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #0d0b12;
    border-bottom: 2px solid #4b2e83;
    padding: 15px 20px;
    color: #e0d8ff;
}

.kingdoms-overlay-header h2 {
    margin: 0;
}

/* ============================
   BODY LAYOUT
   ============================ */

.kingdoms-overlay-body {
    display: flex;
    height: 100%;
}

/* ============================
   LEFT SIDEBAR (FIXED 320PX)
   ============================ */

.kingdoms-sidebar {
    width: 320px;
    background: #0d0b12;
    border-right: 2px solid #4b2e83;
    overflow-y: auto;
    padding: 10px 0;
}

.kingdoms-sidebar-header {
    padding: 10px 20px;
    font-size: 16px;
    color: #dcd0ff;
    border-bottom: 1px solid #3a2a5a;
}

.kingdoms-list {
    padding: 10px 0;
}

.kingdom-list-item {
    padding: 12px 20px;
    border-bottom: 1px solid #2a2238;
    cursor: pointer;
    transition: background 0.15s ease;
    color: #cfc3ff;
}

.kingdom-list-item:hover {
    background: #1a1522;
}

.kingdom-list-item.selected {
    background: #241b33;
    border-left: 4px solid #6a42b1;
}

.kingdom-list-main {
    display: flex;
    flex-direction: column;
}

.kingdom-list-name {
    font-size: 15px;
    margin-bottom: 4px;
}

.kingdom-list-meta {
    font-size: 12px;
    color: #a89acb;
}

.kingdom-list-time {
    margin-top: 6px;
    font-size: 11px;
    color: #8f7fb5;
}

/* ============================
   RIGHT PANE — REPORT VIEWER
   ============================ */

.kingdoms-detail {
    flex: 1;
    background: #15121d;
    overflow-y: auto;
    padding: 20px;
    color: #e0d8ff;
}

.kingdom-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #4b2e83;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.kingdom-detail-title {
    font-size: 20px;
    margin-bottom: 6px;
}

.kingdom-detail-meta {
    font-size: 14px;
    color: #b8a8e0;
}

.kingdom-detail-actions .btn {
    padding: 6px 12px;
}

/* ============================
   REPORT CARDS (EXPANDED)
   ============================ */

.kingdom-report-card {
    background: #1c1826;
    border: 1px solid #4b2e83;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    box-shadow: 0 0 12px rgba(80, 50, 140, 0.25);
}

.report-card-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.report-card-meta div {
    margin-bottom: 4px;
    font-size: 14px;
}

.report-card-actions .btn {
    margin-left: 8px;
}

.report-card-body div {
    margin-bottom: 6px;
    font-size: 14px;
}

/* ============================
   BUTTONS
   ============================ */

.btn {
    cursor: pointer;
    border-radius: 4px;
    font-family: "Cinzel", serif;
}

.btn.secondary {
    background: #2e2540;
    border: 1px solid #4b2e83;
    color: #dcd0ff;
}

.btn.danger {
    background: #4b1e2e;
    border: 1px solid #8a2f4a;
    color: #ffd6e0;
}

.btn.close-btn {
    background: transparent;
    border: none;
    color: #dcd0ff;
    font-size: 20px;
}