:root {
    --primary-color: #151557;
    --secondary-color: #95a5a6;
    --hover-color: #f8f9fa;
}

body {
    font-size: 13px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    overflow: hidden; /* Main window doesn't scroll; iframes do */
}

/* Compact layout */
.m-0 { margin: 0 !important; }
.p-1 { padding: 4px !important; }

/* 3 Column Layout */
.layout-container {
    display: flex;
    height: calc(100vh - 100px); /* Adjust for header/footer */
}

.col-left { width: 25%; border-right: 1px solid #ddd; overflow-y: auto; }
.col-mid { width: 50%; border-right: 1px solid #ddd; overflow-y: auto; }
.col-right { width: 25%; overflow-y: auto; }

/* Table Hover */
.table-hover tbody tr:hover {
    background-color: var(--hover-color) !important;
    cursor: pointer;
    transition: 0.2s;
}

/* Fixed Header & Footer */
header { height: 50px; background: var(--primary-color); color: white; position: fixed; width: 100%; top: 0; z-index: 1000; }
footer { height: 40px; background: #eee; position: fixed; bottom: 0; width: 100%; border-top: 1px solid #ddd; padding: 5px; }

/* Nav Pills */
.nav-pills .nav-link { border-radius: 0; color: white; padding: 10px 20px; }
.nav-pills .nav-link.active { background-color: rgba(255,255,255,0.2); }

iframe { width: 100%; height: calc(100vh - 90px); border: none; }