#housing-panel{padding:24px;max-width:1600px;margin:auto;direction:rtl;color:#15373d}#housing-panel[hidden]{display:none!important}.housing-toolbar,.housing-filters,.housing-summary,.housing-pager{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-block:12px}.housing-toolbar h2{flex:1 1 250px}.housing-filters{border:1px solid #cbdcda;border-radius:10px;padding:16px;background:#f7faf9}.housing-filters label{display:flex;flex-direction:column;gap:6px;min-width:140px;flex:1}.housing-filters input,.housing-filters select{min-height:40px;max-width:100%;padding:6px}.housing-summary span{background:#e8f3ef;border:1px solid #c2dbd1;border-radius:8px;padding:12px;min-width:125px}.housing-note{line-height:1.8;color:#475f63}.housing-table{overflow:auto;max-height:65vh;border:1px solid #ccdadb;border-radius:8px}.housing-table table{border-collapse:collapse;width:100%;min-width:1000px;font-size:14px}.housing-table th,.housing-table td{padding:10px;border-bottom:1px solid #dbe4e5;text-align:right;white-space:pre-wrap;overflow-wrap:anywhere;max-width:260px}.housing-table th{position:sticky;top:0;background:#164f4d;color:white;z-index:1}.housing-table tbody tr:nth-child(even){background:#f4f8f7}.housing-table tr[data-review=true]{background:#fff3db}.housing-table td[data-ltr=true]{direction:ltr;text-align:right}.housing-pager{justify-content:center}.housing-empty{padding:24px}#housing-panel button{min-height:38px}.housing-date{font-weight:bold;color:#17594f}@media(max-width:700px){#housing-panel{padding:12px}.housing-toolbar button{flex:1}.housing-summary span{flex:1;min-width:110px}.housing-filters label{min-width:120px}}

.housing-populations{display:flex;gap:14px;flex-wrap:wrap;margin-block:14px}.housing-population{flex:1;min-width:210px;padding:16px;border:1px solid #c9dcd8;border-radius:10px;background:#f4faf7}.housing-population[data-group=travelers]{background:#fff7e9;border-color:#e8d2a8}.housing-population>button{width:100%;font-size:17px;font-weight:bold}.housing-population p{color:#45616a}.housing-population-list{max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:5px}.housing-population-list button{text-align:right;font-size:14px;padding:8px;flex-shrink:0}.housing-operations{border:2px solid #a8ccc3;border-radius:12px;padding:18px;margin-block:16px;background:#fcfefd}.housing-operations[hidden]{display:none!important}.housing-operations form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.housing-operations fieldset{width:100%;display:flex;gap:12px;flex-wrap:wrap;border:1px solid #d6e4df;padding:12px}.housing-operations fieldset label{display:flex;flex-direction:column;gap:6px;min-width:145px}.housing-operations fieldset label[hidden]{display:none!important}.housing-operations select,.housing-operations input{min-height:38px;padding:5px}.housing-operations input[type=checkbox]{min-height:auto}.housing-person{background:#eaf4f0;padding:12px;margin-block:10px;border-radius:8px}.housing-person:empty{display:none}.housing-room-notice,.housing-movement-summary{flex-basis:100%;line-height:1.8;font-weight:bold}.housing-operations details{margin-top:14px}.housing-operations summary{cursor:pointer;font-weight:bold;padding:8px}.housing-operations .housing-table{margin-top:10px;max-height:35vh}

.housing-sheet { direction:rtl; margin:16px 0; }
.housing-sheet-tools { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px; background:#eaf2f8; border-radius:8px; }
.housing-sheet-columns { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr); gap:18px; align-items:start; }
.housing-sheet-columns section { min-width:0; overflow:auto; border:1px solid #d1dbe4; border-radius:8px; padding:10px; }
.housing-sheet table { width:100%; border-collapse:collapse; font-size:14px; }
.housing-sheet th,.housing-sheet td { padding:8px; border:1px solid #dbe2e8; text-align:right; }
.housing-sheet th { background:#eaf2f8; }.housing-sheet h4 { padding:10px; margin:14px 0 0; background:#173f5f; color:#fff; }
.housing-sheet-room { background:#f1f6f4; font-weight:600; }
.housing-sheet-entry form { margin:0; }.housing-sheet-entry input { width:100%; box-sizing:border-box; min-height:38px; padding:8px; border:1px solid #779caf; border-radius:4px; }
.housing-sheet-results { display:grid; gap:4px; max-height:260px; overflow:auto; }.housing-sheet-results button { text-align:start; white-space:normal; }
@media(max-width:1000px){.housing-sheet-columns{grid-template-columns:1fr;}}

/* Compact housing sheet: preserve the same data and operations. */
#housing-sheet { margin:8px 0; font-size:12px; }
#housing-sheet .housing-sheet-columns { gap:10px; grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr); }
#housing-sheet .housing-sheet-columns section { padding:6px; }
#housing-sheet table { font-size:12px; line-height:1.35; }
#housing-sheet th,#housing-sheet td { padding:3px 5px; }
#housing-sheet h3 { font-size:15px; margin:5px 0 8px; }
#housing-sheet h4 { font-size:13px; padding:5px 8px; margin:8px 0 0; }
#housing-sheet .housing-sheet-entry input { min-height:27px; height:27px; padding:3px 6px; font-size:12px; }
#housing-sheet button[data-cancel-employee] { font-size:10px; line-height:1.25; padding:2px 5px; min-height:0; height:auto; min-width:0; white-space:nowrap; border-radius:3px; }
#housing-sheet .housing-sheet-tools { gap:6px; padding:7px; }
#housing-sheet .housing-sheet-tools select,#housing-sheet .housing-sheet-tools input { font-size:12px; min-height:28px; padding:3px 5px; }
#housing-sheet .housing-sheet-results button { font-size:12px; padding:4px 6px; }
@media(max-width:1000px){#housing-sheet .housing-sheet-columns{grid-template-columns:1fr;}}

#housing-sheet .housing-flat-rent{font-weight:600;white-space:nowrap;vertical-align:top;background:#f4f8f7;}
#housing-sheet .housing-rent-summary{font-size:12px;margin:6px 0;color:#173f5f;}

/* Apartment groups stay the same color across refreshes and filters. */
#housing-sheet tr[data-flat-tone="green"] { --flat-row:#edf7ec; --flat-label:#cce5c5; --room-two:#f9dce5; }
#housing-sheet tr[data-flat-tone="blue"] { --flat-row:#eaf3fc; --flat-label:#cde5fa; --room-two:#dceeff; }
#housing-sheet tr[data-flat-tone] > td { background:var(--flat-row); color:#163b45; }
#housing-sheet tr[data-flat-tone] > td[data-location="flat"],
#housing-sheet tr[data-flat-tone] > td.housing-flat-rent { background:var(--flat-label); font-weight:700; }
#housing-sheet tr[data-flat-tone] > td[data-location="room"] { font-weight:700; }
#housing-sheet tr[data-room-number="1"] > td[data-location="room"] { background:#fff2b3; }
#housing-sheet tr[data-room-number="2"] > td[data-location="room"] { background:var(--room-two); }
#housing-sheet tr[data-flat-start="true"] > td { border-top:3px solid #789b9c; }
#housing-sheet tr[data-flat-tone] input { background:rgba(255,255,255,.65); }
@media print { #housing-sheet tr[data-flat-tone] > td { print-color-adjust:exact; -webkit-print-color-adjust:exact; } }
