.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.room-nav-row{display:flex;align-items:center;gap:2px;border-radius:10px}.room-nav-row .nav-item{flex:1;min-width:0;padding-left:5px;gap:7px;margin:0}.room-nav-name{text-align:left;overflow-wrap:anywhere}.room-drag-handle{flex:0 0 26px;width:26px;min-height:44px;padding:0;border:0;border-radius:7px;background:transparent;color:#8a9883;font-size:23px;cursor:grab;touch-action:none;user-select:none}.room-drag-handle:hover,.room-drag-handle:focus-visible{background:var(--soft);color:var(--green)}.room-drag-handle:focus-visible{outline:2px solid var(--green);outline-offset:1px}.room-nav-row.dragging{background:var(--soft);box-shadow:0 0 0 2px var(--green)}.room-nav-row.dragging .room-drag-handle{cursor:grabbing}.room-nav{max-height:45vh;overflow-y:auto;overscroll-behavior:contain}.mobile-room-order{display:none}#roomOrderDialog{max-height:85dvh;overflow:auto}#roomOrderDialog .room-nav{max-height:55dvh}#roomOrderDialog .nav-item{flex-direction:row;justify-content:flex-start;font-size:14px;padding:12px 8px;gap:10px}#roomOrderDialog .room-drag-handle{flex-basis:44px;width:44px;min-height:48px}#roomOrderDialog p{line-height:1.6}@media(max-width:650px){.mobile-room-order{display:inline-block}#roomDirectory>.section-top{flex-wrap:wrap;gap:12px}}
.room-options-button{flex:0 0 25px;width:25px;min-height:44px;padding:0;border:0;border-radius:7px;background:transparent;color:#8a9883;font-size:20px;line-height:1;cursor:pointer}.room-options-button:hover,.room-options-button:focus-visible{background:var(--soft);color:var(--green)}.room-options-button:focus-visible{outline:2px solid var(--green)}.room-nav-row .room-dot{flex-shrink:0;margin-left:0;margin-right:0}.room-nav-row .nav-count{flex-shrink:0}.room-detail-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.room-delete-link{border:0;background:transparent;color:#a55b4f;font:inherit;font-size:11px;padding:12px 8px;cursor:pointer}.room-delete-link:hover{text-decoration:underline}#roomActions{position:fixed;inset:auto;margin:0;padding:7px;width:190px;max-width:calc(100vw - 16px);border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);box-shadow:0 8px 30px #29382c22}#roomActions .room-actions-name{padding:9px 10px;font-size:11px;color:#829075;overflow-wrap:anywhere}#roomActions button{display:block;width:100%;padding:12px 10px;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--green);font:inherit;font-size:12px}#roomActions button:hover,#roomActions button:focus-visible{background:var(--soft)}#roomActions .room-menu-delete{color:#a54940}.room-confirm-delete{padding:12px 18px;border-radius:8px;background:#a54940!important;color:white!important;border:0}#roomOrderDialog .room-options-button{flex-basis:36px;width:36px;min-height:48px}
.room-options-button{cursor:grab;touch-action:none;user-select:none;-webkit-touch-callout:none;font-size:22px;flex-basis:28px;width:28px}.room-nav-row.drag-ready,.room-nav-row.dragging{background:var(--soft);box-shadow:0 0 0 2px var(--green)}.room-nav-row.dragging .room-options-button{cursor:grabbing}#roomOrderDialog .room-options-button{flex-basis:44px;width:44px;min-height:48px}

.room-icon-field{border:0;padding:0;margin:22px 0}.room-icon-field legend{font-size:12px;font-weight:600;margin-bottom:10px}.room-icon-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.room-icon-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:76px;padding:10px 6px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--green);font-size:11px;white-space:normal}.room-icon-choice svg{width:25px;height:25px}.room-icon-choice[aria-checked="true"]{background:var(--soft);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.room-icon-choice:hover{background:var(--soft)}.room-icon-hint{font-size:11px;color:var(--muted);margin:12px 0 0}#roomDialog{max-height:calc(100dvh - 32px);overflow-y:auto}.room-card .room-icon{color:var(--green)!important;background:var(--soft)!important}

.room-group-heading{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 5px 12px;border:0;background:transparent;color:#8a9883;font:inherit;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-align:left;cursor:pointer;min-height:44px}.room-group-heading svg{width:15px;height:15px;transition:transform .15s}.room-group-heading[aria-expanded="false"] svg{transform:rotate(-90deg)}.room-group-heading[data-toggle-room-group="rooms"]{border-top:1px solid var(--line);margin-top:18px}.room-group-heading:hover{color:var(--green)}#roomOrderDialog .room-group-heading{font-size:11px}#roomNav>.room-nav-row[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.room-group-heading svg{transition:none}}

/* Keep the main room actions together; move maintenance into the options popover. */
.room-detail-toolbar{align-items:center}.room-detail-actions{flex-wrap:nowrap}.room-detail-menu-button{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;font-size:24px;line-height:1;cursor:pointer}.room-detail-menu-button[aria-expanded="true"]{background:var(--soft);border-color:var(--green)}
#roomActions button{border:1px solid var(--line);background:white;margin:5px 0;min-height:44px}#roomActions .room-menu-delete{border-color:#e5c6c1}
@media(max-width:650px){.room-detail-toolbar{gap:12px;margin-bottom:22px}.room-detail-toolbar>[data-back-rooms]{font-size:11px;padding:10px 13px}.room-detail-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px}.room-detail-actions>.primary{min-width:0;min-height:44px;padding:10px 8px;font-size:12px;gap:5px}.room-detail-actions>.primary svg{width:15px;height:15px}}