/* Master data: Rooms & Beds (UI-PROP-03/08). Shared look: accounting.css gl-* classes. */

/* header */
.md-un-count { color: #475467; font-size: .84rem; font-weight: 600; }
.md-un-sel { display: inline-flex; align-items: center; gap: 6px; background: #E8F1FA; color: #1F5468; border-radius: 999px; padding: 2px 10px;
    font-size: .8rem; font-weight: 600; }
.md-un-link { border: 0; background: none; padding: 0; font: inherit; color: #1F5468; text-decoration: underline; cursor: pointer; font-size: .82rem; }

/* grid */
table.md-un-table th.md-un-cb, table.md-un-table td.md-un-cb { width: 34px; padding: 4px 6px 4px 12px; text-align: center; }
table.md-un-table input[type=checkbox] { width: 16px; height: 16px; accent-color: #1F5468; cursor: pointer; vertical-align: middle; }
table.md-un-table td.md-un-num { font-weight: 600; }
.md-un-open { border: 0; background: none; padding: 0; font: inherit; color: #1F5468; cursor: pointer; font-weight: 700; }
.md-un-open:hover { text-decoration: underline; }
.md-un-exp { border: 0; background: none; padding: 0; margin-right: 2px; width: 22px; height: 22px; display: inline-flex; align-items: center;
    justify-content: center; border-radius: 6px; color: #475467; cursor: pointer; vertical-align: middle; }
.md-un-exp:hover { background: #EEF1F5; }
.md-un-branch { display: inline-block; width: 22px; color: #C4CBD4; text-align: center; }
.md-un-kids { margin-left: 6px; border-radius: 999px; background: #EEF2F6; color: #475467; font-size: .7rem; font-weight: 700; padding: 1px 7px;
    font-family: inherit; }
table.md-un-table tr.md-un-bed td { background: #FBFCFD; }
table.md-un-table tr.md-un-bed:hover td { background: #F5F8FB; }
table.md-un-table tr.md-un-bed.sel td, table.md-un-table tr.sel td { background: #E8F1FA; }
table.md-un-table tr.md-un-retired td { color: #98A2B3; }
.md-un-dim { color: #98A2B3; }
.md-un-hk { display: inline-flex; align-items: center; gap: 5px; }
.md-un-blk { text-decoration: none; }
.md-un-blk:hover { filter: brightness(.96); }
table.md-un-table td.md-un-acts { padding: 2px 6px; white-space: nowrap; }
table.md-un-table td.md-un-acts .mud-icon-button { padding: 4px; }

/* side panel totals */
.md-un-totals { text-align: left; padding: 10px 12px; }
.md-un-totals .hd { font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #667085; margin-bottom: 6px; }
.md-un-totals .ln { display: flex; justify-content: space-between; gap: 8px; font-size: .86rem; padding: 2px 0; }
.md-un-totals .ln.sum { border-top: 1px dashed #E3E8EE; margin-top: 4px; padding-top: 5px; }

/* history */
.md-un-hist { list-style: none; margin: 0; padding: 0; max-height: 60vh; overflow: auto; }
.md-un-hist li { border-left: 3px solid #CFE0EF; padding: 6px 10px; margin-bottom: 8px; background: #FBFCFD; border-radius: 0 8px 8px 0; }
.md-un-hist .top { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: .86rem; }
.md-un-hist .top span { color: #667085; font-size: .78rem; }
.md-un-hist .det { color: #475467; font-size: .8rem; margin-top: 2px; overflow-wrap: anywhere; }

/* dialogs */
.md-un-sec { font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #667085; margin: 2px 0 6px; }
.md-un-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 6px; }
.md-un-rt { text-transform: none; letter-spacing: 0; font-weight: 600; }
.md-un-ro { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; background: #F7F9FB; border: 1px solid #E3E8EE; border-radius: 10px; padding: 8px 12px;
    font-size: .86rem; color: #344054; }
.md-un-alloc { margin: 6px 0 4px 18px; padding: 0; font-size: .84rem; max-height: 160px; overflow: auto; }
.md-un-err { color: #B42318; font-size: .82rem; }
.md-un-hdr { background: #F2F5F8; border: 1px solid #E3E8EE; border-radius: 8px; padding: 8px 10px; font-size: .76rem; overflow-wrap: anywhere;
    margin-bottom: 6px; }
.md-un-fail { border: 1px solid #F5C2BE; background: #FEF3F2; border-radius: 10px; padding: 8px 12px; color: #7A271A; font-size: .84rem; }
.md-un-fail .hd { display: flex; align-items: center; gap: 6px; font-weight: 600; }
.md-un-fail ul { margin: 6px 0 0 18px; padding: 0; max-height: 220px; overflow: auto; }
.md-un-res { display: flex; align-items: center; gap: 8px; font-size: .95rem; }
.md-un-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: min(60vw, 480px); }

/* generate preview */
.md-un-prev { border: 1px solid #E3E8EE; border-radius: 10px; padding: 10px 12px; background: #FBFCFD; }
.md-un-prev .hd { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; font-size: .9rem; }
.md-un-prev .nums { display: flex; flex-wrap: wrap; gap: 4px; max-height: 180px; overflow: auto; }
.md-un-prev .nums span { font-family: "Roboto Mono", ui-monospace, monospace; font-size: .76rem; background: #EEF5FB; color: #1F5468; border-radius: 6px;
    padding: 2px 6px; }
.md-un-prev .nums span.bad { background: #FDE2E1; color: #B42318; text-decoration: line-through; }
.md-un-prev .nums span.more { background: none; color: #667085; }
.md-un-prev .md-un-err { margin-top: 8px; }

/* combination */
.md-un-combo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
@media (max-width: 600px) { .md-un-combo { grid-template-columns: minmax(0, 1fr); } }
.md-un-combo .pane { border: 1px solid #E3E8EE; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; min-width: 0; }
.md-un-combo .hd { background: #34495E; color: #fff; font-size: .74rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; padding: 8px 10px; }
.md-un-combo .hd .gl-note { color: #CFD8E3; }
.md-un-search { border: 0; border-bottom: 1px solid #EEF1F5; padding: 8px 10px; font: inherit; font-size: .86rem; outline: none; }
.md-un-combo .list { max-height: 320px; overflow: auto; }
.md-un-combo .item { display: flex; align-items: center; gap: 8px; width: 100%; border: 0; border-bottom: 1px solid #F2F4F7; background: #fff; padding: 6px 10px;
    font: inherit; font-size: .86rem; text-align: left; cursor: pointer; color: #1D2939; min-height: 36px; }
.md-un-combo .item:hover { background: #F5F8FB; }
.md-un-combo .item.on { cursor: default; background: #F7FBF8; }
.md-un-combo .item .num { font-weight: 700; min-width: 64px; }
.md-un-combo .item .meta { flex: 1 1 auto; color: #667085; font-size: .8rem; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-un-combo .item .act.add { color: #2E9E62; }
.md-un-combo .item .mud-icon-button { padding: 3px; }

/* phone: the paired side-panel buttons stack instead of overflowing their 160px grid cell */
@media (max-width: 1100px) {
    .md-un > .gl-side .row2 { grid-template-columns: minmax(0, 1fr); }
    .md-un > .gl-side .gl-btn { min-width: 0; white-space: normal; }
}