/* Admin: "Skjul salonger" (button in the top bar + panel). Builds on .app-modal from app.css. */

/* secondary/outline variant of the .ff-refresh buttons */
.ff-refresh.ff-adminbtn { background: transparent; color: #472449; border: 1.5px solid #baadbb; box-shadow: none; padding: 8.5px 16px; }
.ff-refresh.ff-adminbtn:hover { background: #4724490d; box-shadow: none; }
.ff--dark .ff-refresh.ff-adminbtn { background: transparent; color: #f1dff2; border-color: #6a5070; }
.ff--dark .ff-refresh.ff-adminbtn:hover { background: #f1dff214; }

.adm-modal { align-items: start; overflow-y: auto; }
.adm-card { width: min(560px, 100%); box-sizing: border-box; max-height: calc(100dvh - 32px); grid-template-rows: auto auto auto auto minmax(0, 1fr) auto; margin: auto 0; }
.adm-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.adm-head h2 { margin: 0; font-size: 20px; color: #472449; }
.adm-x { flex: none; width: 36px; height: 36px; border-radius: 999px; border: 1px solid #baadbb; background: #fff; color: #472449; font: inherit; font-size: 14px; cursor: pointer; }
.adm-x:focus-visible, .adm-search:focus-visible { outline: 2px solid #ea412a; outline-offset: 1px; }

.adm-search { width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; padding: 10px 12px; border: 1px solid #baadbb; border-radius: 10px; background: #fff; color: #1f1f1f; }

.adm-status { margin: 0; font-size: 14px; line-height: 1.4; color: #1f6b3d; background: #eaf6ee; border-radius: 10px; padding: 8px 12px; }
.adm-status.is-bad { color: #9b2c2c; background: #fdecea; }
.adm-status[hidden] { display: none; }

.adm-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; margin: 0 -8px; padding: 0 8px; font-size: 14px; color: #5e6370; }
.adm-sec { margin: 10px 0 6px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #5e6370; }
.adm-sec:first-child { margin-top: 0; }
.adm-none { margin: 0 0 6px; font-size: 14px; color: #5e6370; }
.adm-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.adm-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 10px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; }
.adm-row.is-hidden { background: #fff4f2; border-color: #f0b4a8; }
.adm-row-txt { display: flex; flex-direction: column; min-width: 0; }
.adm-row-txt b { color: #472449; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-row-txt span { font-size: 13px; color: #5e6370; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* toggle switch: checked = visible */
.adm-switch { flex: none; position: relative; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px; font-weight: 600; color: #472449; }
.adm-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.adm-track { position: relative; width: 40px; height: 24px; border-radius: 999px; background: #c9bfca; transition: background .15s; }
.adm-track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #0000004d; transition: transform .15s; }
.adm-switch input:checked + .adm-track { background: #1f8a4c; }
.adm-switch input:checked + .adm-track::after { transform: translateX(16px); }
.adm-switch input:focus-visible + .adm-track { outline: 2px solid #ea412a; outline-offset: 2px; }
.adm-switch input:disabled + .adm-track { opacity: .5; cursor: progress; }
@media (prefers-reduced-motion: reduce) { .adm-track, .adm-track::after { transition: none; } }

@media (max-width: 420px) {
  .adm-card { padding: 18px 16px; }
}