/* Space identity uses a pale fill and dark text; status colours remain independent. */
.calendar-grid .event[style],.month-event[style],.resource-event[style] { background:var(--space-tint);border-left:3px solid var(--space-color);color:var(--space-ink); }
#view-calendar .month-mobile-event[style] { background:var(--space-tint);border-color:var(--space-color);color:var(--space-ink); }
.admin-dialog .space-color-field { display:grid;gap:10px;min-width:0; }
.space-color-field>span { font-size:12px;font-weight:600;color:#596177; }
.space-color-presets { display:flex;flex-wrap:wrap;gap:7px; }
.admin-dialog .space-color-presets button { flex:0 0 28px;width:28px;height:28px;padding:0;border:3px solid white;outline:1px solid var(--line);border-radius:50%;background:var(--swatch);cursor:pointer; }
.admin-dialog .space-color-presets button[aria-pressed=true] { outline:2px solid var(--brand-text);outline-offset:1px; }
.admin-dialog .space-color-presets button:focus-visible { outline:2px dashed var(--brand-text);outline-offset:3px; }
.space-color-custom { display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px; }
.admin-dialog .space-color-custom label { min-width:0;font-size:11px; }
.admin-dialog input[type=color] { padding:4px;width:100%;height:40px;cursor:pointer; }
.space-color-preview { display:grid;gap:5px;padding:11px;border-radius:8px;background:var(--space-tint);border-left:3px solid var(--space-color);color:var(--space-ink); }
.space-color-preview strong { font-size:12px; }.space-color-preview small { font-size:10px; }
.space-color-field .admin-help { margin:0;font-size:10px; }
.space-equipment { padding:18px 0;border-block:1px solid var(--line);margin:18px 0; }
.space-equipment-heading { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.space-equipment-heading h3 { margin:0;font-size:15px; }.space-equipment-heading>span { font-size:11px;color:var(--muted); }
.space-equipment-selected { display:flex;flex-wrap:wrap;gap:7px;margin:12px 0; }
.admin-dialog .space-equipment-selected button { display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:6px 9px;border:1px solid var(--brand-border);border-radius:7px;background:var(--brand-soft);color:var(--brand-text);font-size:12px;cursor:pointer; }
.space-equipment-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:220px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin-top:10px; }
.admin-dialog .space-equipment-list label { display:flex;align-items:center;gap:9px;min-height:42px;padding:9px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:12px; }
.admin-dialog .space-equipment-list label:has(input:checked) { border-color:var(--brand-border);background:var(--brand-soft); }
.admin-dialog .space-equipment-list input { width:16px;height:16px;padding:0;flex-shrink:0;accent-color:var(--brand-text); }
.space-equipment-list label>span { min-width:0;overflow-wrap:anywhere; }.space-equipment-list small { display:block;margin-top:3px;color:var(--muted);font-size:10px; }

@media(max-width:600px){.space-equipment-list { grid-template-columns:minmax(0,1fr); }.admin-dialog .space-equipment-selected button { min-height:40px; }.admin-dialog .space-color-presets button { flex-basis:32px;width:32px;height:32px; }}

/* Keep the colour editor in its own section rather than stretching the status field. */
#admin-room-form .admin-form-grid { align-items:start; }
.admin-dialog .space-color-field { grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px;padding-top:16px;border-top:1px solid var(--line); }
.space-color-field>span,.space-color-field>.admin-help { grid-column:1/-1; }
.space-color-presets,.space-color-custom { grid-column:1; }
.space-color-preview { grid-column:2;grid-row:2/span 2;align-content:center; }
.admin-dialog .space-color-custom label { display:grid;gap:7px; }
.admin-dialog .space-color-custom input { width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fdfdff;color:var(--ink);font-size:13px; }
.admin-dialog .space-color-custom input[type=color] { padding:4px; }
@media(max-width:600px){.admin-dialog .space-color-field { grid-template-columns:minmax(0,1fr); }.space-color-preview { grid-column:1;grid-row:auto; }}

.space-equipment-heading-actions,.equipment-page-actions { display:flex;align-items:center;flex-wrap:wrap;gap:10px; }
.space-equipment-heading-actions>span { font-size:11px;color:var(--muted); }
.admin-dialog .space-equipment-heading-actions .secondary-button { min-height:36px;padding:7px 11px;font-size:12px; }
#view-admin-equipment .equipment-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
.equipment-alias { display:inline-block;padding:4px 8px;margin:3px 4px 3px 0;border-radius:6px;background:#f2f4f8;font-size:11px;color:var(--muted); }
.equipment-return-note { padding:11px 14px;margin:0 0 16px;border:1px solid var(--brand-border);border-radius:9px;background:var(--brand-soft);font-size:12px;color:var(--brand-text);line-height:1.7; }
#view-admin-equipment .equipment-table { min-width:640px; }
@media(max-width:600px){#view-admin-equipment .equipment-summary { grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }#view-admin-equipment .equipment-summary>div { padding:12px; }#view-admin-equipment .equipment-summary strong { font-size:24px; }.equipment-page-actions { width:100%; }.equipment-page-actions>button { flex:1; }.space-equipment-heading { flex-wrap:wrap; }}

/* Stable column and action widths prevent status changes from shifting the table. */
#view-admin-equipment .equipment-table { table-layout:fixed; }
.equipment-col-name { width:18%; }.equipment-col-usage { width:15%; }.equipment-col-status { width:14%; }.equipment-col-actions { width:200px; }
#view-admin-equipment .equipment-table td { overflow-wrap:anywhere; }
#view-admin-equipment .equipment-table .admin-row-actions button[data-toggle-equipment] { min-width:46px; }
#view-admin-equipment .equipment-table .admin-row-actions button[data-edit-equipment] { min-width:46px; }
.equipment-confirm-copy { padding:0 24px;font-size:14px;line-height:1.8; }
