/* Extra styles for the crown admin panels on Internship, Hostels, Find Office and Live Events (see assets/js/crown-sections.js). */
.kc-search{flex:1 1 160px;min-width:0;padding:10px 12px;border:1px solid #d9d9d9;border-radius:10px !important;font:inherit;font-size:14px;color:#1f1f1f;background:#fff !important}
.kc-details{margin-top:12px;border:1px solid #e6e6e6;border-radius:12px !important;padding:2px 12px 12px;background:#fafafa !important}
.kc-details>summary{cursor:pointer;font-weight:700;font-size:13px;padding:10px 0;color:#444}
.kc-photo{display:flex;gap:12px;align-items:center;margin-top:6px}
.kc-photo-prev{width:110px;height:78px;border-radius:10px !important;overflow:hidden;background:#eee !important;display:grid;place-items:center;text-align:center;font-size:12px;color:#777;flex:none}
.kc-photo-prev img{width:100%;height:100%;object-fit:cover;display:block}
.kc-photo-btns{display:flex;gap:6px;flex-wrap:wrap}
html[data-theme="dark"] .kc-search{background:#14161b !important;color:#f0f0f0;border-color:#3a3d46}
html[data-theme="dark"] .kc-details{background:#14161b !important;border-color:#33363f}
html[data-theme="dark"] .kc-details>summary{color:#cfd1d6}
html[data-theme="dark"] .kc-photo-prev{background:#14161b !important;color:#a5a8b0}

/* Photos added by an admin (nothing changes for hostels / offices that have no admin photo) */
.photo img.kc-hostel-photo{display:block !important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kc-modal-photo{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:12px;margin:0 0 12px}
.office-card-photo{display:block;width:100%;height:130px;object-fit:cover;border-radius:12px;margin:0 0 12px}
.office-photo-wrap{max-width:1100px;margin:0 auto 14px;padding:0 16px}
.office-photo-wrap img{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:16px}

/* the floating notification bell (z-index 4000) must never sit on top of an admin dialog and cover its buttons */
.kc-overlay{z-index:4100}
.kc-toast{z-index:4200}