/* Shared module: layout-panels — auto-split from the old single styles.css, 37 rule block(s). Do not duplicate class names across files. */

.page-actions select,.filter-row select,.filter-row input,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #cbdce6;background:#fff;border-radius:10px;padding:9px 11px;outline:none;color:var(--ink)}

.grid{display:grid;gap:15px}

.panel{background:#fff;border:1px solid #dae7ee;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}

.split{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}

.filter-row{display:flex;flex-wrap:wrap;gap:9px;padding:12px 15px;background:#f8fbfd;border-bottom:1px solid #e4edf2}

@media (max-width:900px){
.split{grid-template-columns:1fr}
}

body[data-theme="dark"] .panel,body[data-theme="dark"] .kpi-card,body[data-theme="dark"] .sensor-card,body[data-theme="dark"] .gate-card,body[data-theme="dark"] .modal,body[data-theme="dark"] .dropdown{background:#0b2132!important;color:#e8f3f8!important;border-color:#234052!important}

body[data-theme="dark"] .filter-row,body[data-theme="dark"] .data-table th,body[data-theme="dark"] .profile-summary,body[data-theme="dark"] .gate-rules{background:#0d283a!important;color:#b9cfda!important;border-color:#234052!important}

body[data-theme="dark"] .page-actions select,body[data-theme="dark"] .filter-row select,body[data-theme="dark"] .filter-row input,body[data-theme="dark"] .form-grid input,body[data-theme="dark"] .form-grid select,body[data-theme="dark"] .form-grid textarea,body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#081c2a;color:#e7f2f7;border-color:#2a4c60}

.panel>.table-wrap>table:not(.permission-matrix table){width:100%;border-collapse:collapse}

.panel>.table-wrap{width:100%;min-width:0}

.dashboard-main,
.split,
.linked-manhole-grid,
.dam-control-grid{
  align-items:stretch!important;
}

.dashboard-main > .panel,
.split > .panel,
.linked-manhole-grid > .panel,
.dam-control-grid > .panel{
  align-self:stretch!important;
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
}

.dashboard-main > .panel > .panel-head,
.split > .panel > .panel-head,
.linked-manhole-grid > .panel > .panel-head,
.dam-control-grid > .panel > .panel-head{
  flex:0 0 auto;
}

.dashboard-main > .panel > .filter-row,
.split > .panel > .filter-row,
.linked-manhole-grid > .panel > .filter-row,
.dam-control-grid > .panel > .filter-row{
  flex:0 0 auto;
}

.dashboard-main > .panel > .panel-body,
.split > .panel > .panel-body,
.linked-manhole-grid > .panel > .panel-body,
.dam-control-grid > .panel > .panel-body{
  flex:1 1 auto;
  min-height:0;
}

.dashboard-main > .panel > .table-wrap,
.split > .panel > .table-wrap,
.linked-manhole-grid > .panel > .table-wrap,
.dam-control-grid > .panel > .table-wrap{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
}

.dashboard-main > .panel:has(.map),
.dashboard-main > .panel:has(.natural-map),
.dashboard-main > .panel:has(.map-engine-v24),
.split > .panel:has(.map),
.split > .panel:has(.natural-map),
.split > .panel:has(.map-engine-v24){
  height:100%;
}

.dashboard-main > .panel:not(:has(.map)):has(.table-wrap),
.split > .panel:not(:has(.map)):has(.table-wrap){
  height:100%;
}

@media (max-width:1250px){
.dashboard-main > .panel,
  .linked-manhole-grid > .panel{
    height:auto;
    min-height:0;
  }
}

@media (max-width:1250px){
.dashboard-main > .panel > .table-wrap,
  .linked-manhole-grid > .panel > .table-wrap{
    flex:0 1 auto;
    max-height:none;
  }
}

.dashboard-main > .panel,
.linked-manhole-grid > .panel,
.content-split > .panel,
.two-col > .panel,
.split-layout > .panel,
.map-table-grid > .panel,
.table-map-grid > .panel,
.panel-grid > .panel{
  height:100%;
  display:flex;
  flex-direction:column;
  min-height:0;
}

.dashboard-main > .panel > .panel-body,
.linked-manhole-grid > .panel > .panel-body,
.content-split > .panel > .panel-body,
.two-col > .panel > .panel-body,
.split-layout > .panel > .panel-body,
.map-table-grid > .panel > .panel-body,
.table-map-grid > .panel > .panel-body,
.panel-grid > .panel > .panel-body{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  min-height:0;
}

.panel:has(> .panel-body > .map),
.panel:has(> .panel-body > .mini-map),
.panel:has(> .panel-body > .natural-map),
.panel:has(> .panel-body > .map-engine-v24){
  min-height:100%;
}

.linked-manhole-grid > .panel{
  min-height:560px;
}

@media (max-width:900px){
.dashboard-main > .panel,
  .linked-manhole-grid > .panel,
  .content-split > .panel,
  .two-col > .panel,
  .split-layout > .panel,
  .map-table-grid > .panel,
  .table-map-grid > .panel,
  .panel-grid > .panel{
    height:auto!important;
    min-height:0!important;
  }
}

.panel + .dashboard-main,
.panel + .linked-manhole-grid,
.panel + .content-split,
.panel + .two-col,
.panel + .split-layout,
.panel + .map-table-grid,
.panel + .table-map-grid,
.panel + .panel-grid,
.manhole-routes-panel + .linked-manhole-grid{
  margin-top:14px!important;
}

main > .panel + .panel,
#content > .panel + .panel,
.page-content > .panel + .panel,
.content > .panel + .panel{
  margin-top:14px;
}

.dashboard-main + .panel,
.linked-manhole-grid + .panel,
.content-split + .panel,
.two-col + .panel,
.split-layout + .panel,
.map-table-grid + .panel,
.table-map-grid + .panel,
.panel-grid + .panel{
  margin-top:14px!important;
}

.panel{
  border:1px solid rgba(96,157,188,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 1px 0 rgba(0,0,0,.12);
}

.panel .panel,
.panel .table-wrap + .panel{
  margin-top:0;
}

body:not(.theme-dark) .panel{
  border-color:rgba(81,137,164,.30);
  box-shadow:0 1px 3px rgba(15,55,76,.06);
}

@media (max-width:900px){
.panel + .dashboard-main,
  .panel + .linked-manhole-grid,
  .panel + .content-split,
  .panel + .two-col,
  .panel + .split-layout,
  .panel + .map-table-grid,
  .panel + .table-map-grid,
  .panel + .panel-grid,
  main > .panel + .panel,
  #content > .panel + .panel,
  .page-content > .panel + .panel,
  .content > .panel + .panel,
  .dashboard-main + .panel,
  .linked-manhole-grid + .panel,
  .content-split + .panel,
  .two-col + .panel,
  .split-layout + .panel,
  .map-table-grid + .panel,
  .table-map-grid + .panel,
  .panel-grid + .panel,
  .critical-routes-panel{
    margin-top:10px!important;
  }
}

.filter-row input[placeholder*="بحث"],
.filter-row input[placeholder*="Search"],
.panel input[type="search"],
.panel input[placeholder*="بحث"],
.panel input[placeholder*="Search"]{
  min-height:36px!important;
  height:36px!important;
  padding:7px 10px!important;
  font-size:11px!important;
  color:var(--ink)!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  outline:0!important;
  box-shadow:none!important;
}

body.theme-dark .filter-row input[placeholder*="بحث"],
body.theme-dark .filter-row input[placeholder*="Search"],
body.theme-dark .panel input[type="search"],
body.theme-dark .panel input[placeholder*="بحث"],
body.theme-dark .panel input[placeholder*="Search"]{
  background:#0d2c3e!important;
  color:#ecf7fb!important;
  border-color:#24516a!important;
}

.mr74-doc-stack > .panel{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

#damMgmtBody>.panel,#damMgmtBody>.dam-mgmt-two,#damMgmtBody>.grid{margin-bottom:14px}