/* Responsive, accessible private exam-photo controls. */
.ke-media-field{display:block;margin:8px 0 10px;padding:10px 12px;border:1px solid #3b7561;border-radius:9px;background:#0e342e;color:#e8fff5;font-size:12px}
.ke-media-field strong{display:block;margin-bottom:5px}
.ke-media-field input[type=file]{display:block;width:100%;max-width:100%;font-size:12px;color:inherit;margin:6px 0}
.ke-media-field small{display:block;opacity:.86;margin:6px 0 2px}
.ke-media-gallery{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:7px}
.ke-media-preview{max-width:230px;max-height:240px;object-fit:contain;display:block;background:#fff;border:1px solid #b9c6c4;border-radius:6px}
.ke-media-field .ke-media-preview{max-width:190px;max-height:170px}
.ke-media-card{padding:5px;border:1px solid #3a675b;border-radius:6px}
.ke-media-card a{display:block;font-size:11px;margin-top:3px;color:#b8ebff;text-decoration:underline}
.ke-media-info{font-size:11px;color:#cfefde}
.ke-media-alert{color:#ffdad5;font-size:12px}
@media(max-width:600px){.ke-media-preview{max-width:100%;max-height:220px}}

/* Compact, on-demand file controls for every mapel. */
#ke-native-panel details.ke-media-collapsible{display:block;margin:6px 0;background:transparent;padding:0;border:0;color:inherit;min-width:0}
#ke-native-panel details.ke-media-collapsible summary.ke-media-toggle{display:inline-block;cursor:pointer;border:1px solid #477f70;border-radius:7px;background:#183f37;color:#dff9ed;padding:5px 9px;line-height:1.4;font-weight:700;font-size:11px;white-space:nowrap;list-style:none}
#ke-native-panel details.ke-media-collapsible summary.ke-media-toggle::-webkit-details-marker{display:none}
#ke-native-panel details.ke-media-collapsible[open] summary.ke-media-toggle{background:#26584d}
#ke-native-panel details.ke-media-collapsible .ke-media-inner{margin-top:7px;padding:9px 10px;background:#0e342e;border:1px solid #3b7561;border-radius:8px}
#ke-native-panel .ke-media-option-row{display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin:5px 0 8px}
#ke-native-panel .ke-media-option-row>label{flex:1 1 185px;margin:0;min-width:0}
#ke-native-panel .ke-media-option-row>details.ke-media-collapsible{flex:0 0 auto;align-self:end;margin:0 0 2px}
#ke-native-panel .ke-media-option-row>details.ke-media-collapsible[open]{flex:1 0 100%;margin-top:4px}
@media(max-width:600px){#ke-native-panel .ke-media-option-row{gap:5px}#ke-native-panel .ke-media-option-row>label{flex:1 1 60%}#ke-native-panel details.ke-media-collapsible summary.ke-media-toggle{padding:5px 7px;font-size:11px}}