/*
 * Project:     DMsHelper
 * File:        Tools.css
 * Description: Scoped styles for Super User maintenance / utility views.
 *              Loaded globally via _Layout.cshtml.
 *              Add a clearly labelled section here for each new utility controller
 *              (AreaType, EquipmentType, EquipmentList, Class, Race, etc.) rather
 *              than creating individual per-controller CSS files.
 * File Location: \wwwroot\css\Tools.css
 * Created:     06/14/2024 GRK  Initial Release
 * History:     06/14/2026 GRK: Added AreaType section — thumbnail and image-path helpers
 *                   for the Area Type and Structure Type index tables.
 *              06/15/2026 GRK: Added tools-modal-body and areatype-thumb--lg for the
 *                   inline _AreaTypeEdit modal partial.
 */


/* ============================================================
   SHARED MODAL CHROME  (used by all Tools modal partials)
   ============================================================ */

/* ── Modal inner wrapper — white card with breathing room ── */
.tools-modal-body {
	background-color: white;
	padding: 1rem 1.25rem 1.25rem;
	border-radius: 6px;
}


/* ============================================================
   AREA TYPE  (Views/AreaType/*)
   ============================================================ */

/* ── Thumbnail image in the DefaultImage column ── */
.areatype-thumb {
	display: block;
	margin: 0 auto 0.2rem;
	height: 2.5em;
	width: 2.5em;
	object-fit: contain;
	border-radius: 0.25em;
	border: 1px solid var(--dh-parchment-dark);
	background: white;
}

/* ── Larger preview inside the edit modal ── */
.areatype-thumb--lg {
	height: 5em;
	width: 5em;
}

/* ── Small path label below the thumbnail ── */
.areatype-imgpath {
	font-size: 0.65rem;
	color: var(--dh-ink-light);
	word-break: break-all;
	max-width: 10rem;
	margin: 0 auto;
}