body {
    background-color: #e8eef2;
    background-image: url('/images/img_bg_classcloud.png');
    background-repeat: repeat;
    background-attachment: fixed;
    min-height: 100vh;
    background-size: 50%;
}

/* Site-breed patroon; Mud-panels/grids houden eigen achtergrond voor leesbaarheid */
.cc-site-shell,
.cc-site-shell .mud-main-content {
    background: transparent !important;
}

.cls_table td {
    border: solid 1px #000000;
}

/* TinyMCE (CCField ft14): dropdowns en dialogen boven MudBlazor / stacking contexts */
.tox-tinymce-aux,
.tox-dialog-wrap,
.tox-dialog,
.tox-silver-sink {
    z-index: 300000 !important;
}

/* Mediaselector vanuit TinyMCE image-dialog: MudBlazor tijdelijk boven TinyMCE */
body.cc-ft14-mud-dialog-open .mud-overlay.mud-overlay-dialog {
    z-index: 300050 !important;
}

body.cc-ft14-mud-dialog-open .mud-dialog-container,
body.cc-ft14-mud-dialog-open .mud-dialog {
    z-index: 300052 !important;
}

/* Editor-host: niet door parent overflow afsnijden (toolbar-menus) */
.ccfield-ft14-host {
    position: relative;
    z-index: 1;
    overflow: visible;
}

.ccframes-page {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.ccframes-appbar {
    flex: 0 0 auto;
}

.ccframes-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: scroll;
    display: flex;
}

.ccframes-content > * {
    flex: 1 1 auto;
    min-height: 0;
}

.ccframes-footer {
    flex: 0 0 auto;
    padding: 5px 8px;
    border-top: 1px solid rgba(0,0,0,.12);
}

.ccgrid-root {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1;
    min-height: 0;
}

.ccgrid-toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ccgrid-grid {
    margin-top: 8px;
    width: 100%;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ccgrid-grid smart-grid {
    width: 100% !important;
    flex: 1 1 auto;
    min-height: 0;
    max-width: 100%;
}

/* Compact search bar so it doesn't steal vertical space */
.ccgrid-search .mud-input-control,
.ccgrid-search .mud-input-control-input-container,
.ccgrid-search .mud-input-root {
    margin-top: 0;
    margin-bottom: 0;
}

/* Keep adornment icon fully visible in compact mode */
.ccgrid-search .mud-input-root {
    min-height: 36px;
    align-items: center;
}

.ccgrid-search .mud-input-adornment {
    align-self: center;
    line-height: 1;
}

/* Compacte MudSimpleTable */
.cc-simple-table-tight table tr > th,
.cc-simple-table-tight table tr > td {
    padding: 2px 4px !important;
    line-height: 1.1;
}

.cc-simple-table-tight .mud-input-control {
    margin-top: 0;
    margin-bottom: 0;
}

.ccfield-ft14-size {
    font-size: 0.75rem;
    margin-top: 4px;
    padding: 4px 8px;
    border-radius: 4px;
}

.ccfield-ft14-size--ok {
    color: #666;
    background: #f5f5f5;
}

.ccfield-ft14-size--warn {
    color: #5d4037;
    background: #fff3e0;
}

.ccfield-ft14-size--block {
    color: #b71c1c;
    background: #ffebee;
    font-weight: 600;
}

/* Image via Mediano */
/* TinyMCE image dialog: extra ruimte voor mediaknop */
.ccfield-ft14-media-info {
    font-size: 13px;
    color: #555;
    margin: 4px 0;
}
body.cc-ft14-mud-dialog-open .mud-overlay.mud-overlay-dialog,
body.cc-ft14-mud-dialog-open .mud-dialog-container {
    z-index: 300050 !important;
}