﻿/* Master data screens (md-inventory). Shared look: accounting.css gl-* classes. */

/* ---------- UI-PROP-04 Room Types & Amenities (.md-rt-) ---------- */
.md-rt-tabs { display: flex; gap: 4px; padding: 0 12px; border-bottom: 1px solid #EEF1F5; background: #FBFCFD; overflow-x: auto; }
.md-rt-tabs button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; font: inherit; font-size: .9rem; font-weight: 600;
    color: #667085; padding: 10px 12px; border-bottom: 3px solid transparent; cursor: pointer; white-space: nowrap; }
.md-rt-tabs button:hover { color: #1F5468; }
.md-rt-tabs button.on { color: #1F5468; border-bottom-color: #1F5468; }
.md-rt-tabs button .n { background: #EEF2F6; color: #475467; border-radius: 999px; padding: 0 8px; font-size: .74rem; }
.md-rt-tabs button.on .n { background: #E1EFFE; color: #1E56A0; }
table.gl-table td.md-rt-ord { width: 64px; padding: 2px; white-space: nowrap; }
table.gl-table td.md-rt-ord .mud-icon-button { padding: 2px; }
table.gl-table tbody tr.md-rt-dim td, table.gl-table tbody tr.md-bf-dim td { color: #98A2B3; }
.md-rt-sub, .md-bf-sub { display: block; font-size: .74rem; font-weight: 400; color: #7A8796; white-space: normal; }
.md-rt-link, .md-bf-link { color: #1E56A0; font-weight: 700; text-decoration: none; font-family: "Roboto Mono", ui-monospace, monospace; }
.md-rt-link:hover, .md-bf-link:hover { text-decoration: underline; }
.md-rt-empty, .md-bf-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; white-space: normal; }
.md-rt-totals, .md-bf-totals { display: flex; flex-direction: column; gap: 4px; }
.md-rt-totals div, .md-bf-totals div { display: flex; justify-content: space-between; gap: 8px; }
.md-rt-msel .mud-input-control { margin-top: 0; background: #fff; }

/* room type dialog */
.md-rt-dlg { display: flex; flex-direction: column; gap: 4px; }
.md-rt-sec { margin: 14px 0 6px; padding-bottom: 4px; border-bottom: 1px solid #EEF1F5; font-size: .78rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .06em; color: #475467; display: flex; align-items: center; gap: 8px; }
.md-rt-sec:first-child { margin-top: 0; }
.md-rt-count { font-weight: 600; text-transform: none; letter-spacing: 0; color: #7A8796; }
.md-rt-agroup { padding: 6px 8px; border-radius: 8px; }
.md-rt-agroup .lbl { display: flex; align-items: center; gap: 4px; font-size: .78rem; font-weight: 600; color: #667085; margin-bottom: 4px; }
.md-rt-agroup .chips { display: flex; flex-wrap: wrap; gap: 6px; }
.md-rt-agroup.acc { background: #EEF5FB; border: 1px solid #CFE0EF; margin: 4px 0; }
.md-rt-agroup.acc .lbl { color: #1E56A0; }
.md-rt-chip { display: inline-flex; align-items: center; gap: 4px; border: 1px solid #D0D5DD; background: #fff; color: #344054; border-radius: 999px;
    padding: 4px 12px; font: inherit; font-size: .82rem; cursor: pointer; min-height: 32px; }
.md-rt-chip .mud-icon-root { font-size: 1rem; }
.md-rt-chip:hover { border-color: #1F5468; }
.md-rt-chip.on { background: #1F5468; border-color: #1F5468; color: #fff; }
.md-rt-chip.acc { border-color: #9EC1E3; }
.md-rt-chip.acc.on { background: #1E56A0; border-color: #1E56A0; }
.md-rt-chip.off { border-style: dashed; }
.md-rt-chip:disabled { opacity: .5; cursor: default; }
.md-rt-iconfield { display: flex; align-items: flex-start; gap: 8px; }
.md-rt-iconfield > :first-child { flex: 1 1 auto; min-width: 0; }
.md-rt-iconprev { flex: 0 0 40px; height: 40px; margin-top: 6px; border: 1px solid #E3E8EE; border-radius: 8px; display: inline-flex; align-items: center;
    justify-content: center; color: #1F5468; background: #FBFCFD; }

/* ---------- UI-PROP-02 Buildings & Floors (.md-bf-) ---------- */
table.gl-table tbody tr.md-bf-subrow > td { background: #F7F9FB; padding: 0 8px 10px; white-space: normal; }
table.gl-table tbody tr.md-bf-subrow:hover > td { background: #F7F9FB; }
.md-bf-floors { border: 1px solid #E3E8EE; border-radius: 8px; overflow-x: auto; background: #fff; margin-top: 2px; }
table.gl-table.md-bf-ftable thead th { position: static; background: #E8EEF4; color: #344054; font-size: .7rem; padding: 7px 10px; }
table.gl-table.md-bf-ftable tbody td { padding: 5px 10px; }
table.gl-table.md-bf-ftable tbody tr:last-child td { border-bottom: 0; }
table.gl-table td.md-bf-ord { padding: 2px; white-space: nowrap; }
table.gl-table td.md-bf-ord .mud-icon-button { padding: 2px; }
.md-bf-tag { display: inline-block; margin-left: 4px; border-radius: 6px; padding: 0 6px; font-size: .7rem; font-family: Roboto, sans-serif;
    background: #DDF5EA; color: #127A4B; }
.md-bf-tag.bsm { background: #EFE7FF; color: #5B3DB5; }
.md-bf-none { color: #667085; text-align: center; padding: 12px !important; white-space: normal !important; }

@media (max-width: 600px) {
    .md-rt-tabs { padding: 0 4px; }
    .md-rt-tabs button { padding: 10px 8px; font-size: .85rem; }
}
@media print {
    .md-rt-tabs, .md-rt-ord, .md-bf-ord { display: none !important; }
}
