/* HF233: one card / three mutually exclusive maintenance views. No global UI overrides. */
#page-projects .hf233-off{display:none!important}
#page-projects .hf233-tabs{display:flex;flex:0 0 auto;gap:7px;align-items:center;padding:10px 14px;border-bottom:1px solid #dce6f3;background:#f7faff;flex-wrap:wrap}
#page-projects .hf233-tab{padding:9px 15px;background:#fff;border:1px solid #cbd9e9;border-radius:9px;color:#25405b;font-size:14px;font-weight:700;cursor:pointer;min-height:40px}
#page-projects .hf233-tab:hover{background:#eaf5ff}
#page-projects .hf233-tab.is-active{color:#fff;background:#0f766e;border-color:#0f766e}
#page-projects>.card>.hf233-view{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 14px 20px}
#page-projects .hf233-intro{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:5px 2px 13px}
#page-projects .hf233-intro strong{color:#17395a;font-size:16px}
#page-projects .hf233-intro span{font-size:13px;color:#64748b}
#page-projects .hf233-filter-grid{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:12px;background:#f8fbff;border:1px solid #dae6f4;border-radius:10px}
#page-projects .hf233-filter-grid>label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;min-width:125px}
#page-projects .hf233-filter-grid input,#page-projects .hf233-filter-grid select{height:40px;min-width:145px;padding:6px 8px;font-size:14px;border:1px solid #cbd9e9;border-radius:8px;box-sizing:border-box;background:#fff;color:#24384a}
#page-projects .hf233-filter-grid label[hidden]{display:none!important}
#page-projects .hf233-filter-grid .btn{height:40px}
#page-projects .hf233-status{padding:12px 5px;color:#48647f;font-size:13px;min-height:18px}
#page-projects .hf233-stat-summary{display:flex;flex-wrap:wrap;gap:14px;padding:9px 12px;background:#e9f6f5;border-radius:8px;font-size:14px;font-weight:700;color:#0f554d}
#page-projects .hf233-table-wrap{margin-top:10px;overflow:auto;max-height:50vh;border:1px solid #e1e9f3;border-radius:8px}
#page-projects .hf233-table-wrap table{width:100%;min-width:770px;border-collapse:collapse}
#page-projects .hf233-table-wrap th,#page-projects .hf233-table-wrap td{padding:11px 12px;white-space:nowrap;text-align:left;border-bottom:1px solid #e1e9f3;font-size:13px}
#page-projects .hf233-table-wrap th{position:sticky;top:0;background:#f3f7fb}
#page-projects .hf233-help{padding:10px 5px;font-size:12px;line-height:1.7;color:#65768a}
#page-projects .hf233-year-editor{margin:0;min-height:0;overflow:visible}
#page-projects .hf233-year-editor .hf231-year-table{max-height:45vh}
#page-projects .hf233-year-editor .hf231-year-filters{padding:14px 0;gap:10px}
#page-projects .hf233-year-editor .hf231-year-status{padding:7px 0 12px}
@media(max-width:850px){#page-projects .hf233-tabs{gap:5px;padding:8px}#page-projects .hf233-tab{font-size:12px;padding:8px}#page-projects>.card>.hf233-view{min-height:430px}#page-projects .hf233-filter-grid>label{flex:1 1 150px}}
/* Override earlier fullscreen-table flex rule only while another maintenance tab is active. */
body #page-projects.active>.card>.tablewrap.hf233-off{display:none!important}
body #page-projects.active>.card>.hf233-view.hf233-off{display:none!important}

/* HF233-FIX1: HF186/HF188 live Master-Detail panel is the real visible
   project list. The legacy .tablewrap was already hidden by HF186. */
body #page-projects[data-hf233-active="statistics"]>.card>#hf186ProjectMasterDetail,
body #page-projects[data-hf233-active="maintenance"]>.card>#hf186ProjectMasterDetail,
body #page-projects[data-hf233-active="statistics"]>.card>.tablewrap,
body #page-projects[data-hf233-active="maintenance"]>.card>.tablewrap,
body #page-projects[data-hf233-active="statistics"]>.card>.cardhead>.toolbar,
body #page-projects[data-hf233-active="maintenance"]>.card>.cardhead>.toolbar{display:none!important}
body #page-projects[data-hf233-active="list"]>.card>.hf233-view{display:none!important}
body #page-projects[data-hf233-active="statistics"]>.card>#hf233-maintenance-view,
body #page-projects[data-hf233-active="maintenance"]>.card>#hf233-statistics-view{display:none!important}
body #page-projects[data-hf233-active="statistics"]>.card>#hf233-statistics-view,
body #page-projects[data-hf233-active="maintenance"]>.card>#hf233-maintenance-view{display:block!important;flex:1 1 auto!important;min-height:0!important;overflow:auto!important}