#pvAlarmCenterPage{
  overflow:auto!important;
  max-height:none!important;
}

#gesAlarmCenter{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
}

.ges-alarm-head,
.ges-alarm-toolbar,
.ges-alarm-kpi,
.ges-alarm-list-panel,
.ges-alarm-workspace{
  border:1px solid var(--line);
  background:var(--surface2);
}

.ges-alarm-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,107,122,.08),rgba(247,184,45,.045));
}

.ges-alarm-head-copy span,
.ges-alarm-head-copy strong,
.ges-alarm-head-copy small{
  display:block;
}

.ges-alarm-head-copy span{
  color:var(--red);
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
}

.ges-alarm-head-copy strong{
  margin-top:5px;
  color:var(--text);
  font-size:23px;
  letter-spacing:-.025em;
}

.ges-alarm-head-copy small{
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
}

.ges-alarm-head-actions,
.ges-alarm-tabs,
.ges-alarm-toolbar-actions{
  display:flex;
  align-items:center;
  gap:7px;
}

.ges-alarm-button,
.ges-alarm-tabs button,
.ges-alarm-filter,
.ges-ticket-form input,
.ges-ticket-form select,
.ges-ticket-form textarea{
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--text);
}

.ges-alarm-button,
.ges-alarm-tabs button{
  min-height:34px;
  padding:7px 12px;
  border-radius:10px;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}

.ges-alarm-button.primary{
  border-color:rgba(247,184,45,.35);
  background:rgba(247,184,45,.10);
  color:var(--gold);
}

.ges-alarm-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}

.ges-alarm-kpi{
  padding:12px 14px;
  border-radius:14px;
}

.ges-alarm-kpi span,
.ges-alarm-kpi strong,
.ges-alarm-kpi small{
  display:block;
}

.ges-alarm-kpi span{
  color:var(--muted);
  font-size:11px;
}

.ges-alarm-kpi strong{
  margin-top:6px;
  color:var(--text);
  font-size:25px;
}

.ges-alarm-kpi small{
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}

.ges-alarm-kpi.critical strong{color:var(--red)}
.ges-alarm-kpi.major strong{color:#ff9f43}
.ges-alarm-kpi.ticket strong{color:#388bfd}
.ges-alarm-kpi.plant strong{color:var(--gold)}

.ges-alarm-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 11px;
  border-radius:14px;
}

.ges-alarm-tabs{
  padding:3px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--surface);
}

.ges-alarm-tabs button{
  min-height:30px;
  border-color:transparent;
  background:transparent;
  color:var(--muted);
}

.ges-alarm-tabs button.active{
  border-color:rgba(56,139,253,.25);
  background:rgba(56,139,253,.11);
  color:#388bfd;
}

.ges-alarm-filter{
  min-height:34px;
  padding:7px 10px;
  border-radius:10px;
  font-size:11px;
  outline:none;
}

input.ges-alarm-filter{
  width:min(260px,32vw);
}

.ges-alarm-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
  gap:10px;
  min-height:470px;
}

.ges-alarm-list-panel,
.ges-alarm-workspace{
  min-width:0;
  border-radius:15px;
  overflow:hidden;
}

.ges-alarm-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
}

.ges-alarm-panel-head strong{
  color:var(--text);
  font-size:12px;
}

.ges-alarm-panel-head span{
  color:var(--muted);
  font-size:11px;
}

.ges-alarm-list{
  display:flex;
  flex-direction:column;
  gap:7px;
  max-height:620px;
  padding:10px;
  overflow:auto;
}

.ges-alarm-row{
  display:grid;
  grid-template-columns:5px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  color:var(--text);
  text-align:left;
  cursor:pointer;
}

.ges-alarm-row:hover,
.ges-alarm-row.selected{
  border-color:rgba(56,139,253,.42);
  background:rgba(56,139,253,.065);
}

.ges-alarm-severity{
  align-self:stretch;
  border-radius:999px;
  background:var(--gold);
}

.ges-alarm-row.severity-1 .ges-alarm-severity{background:var(--red)}
.ges-alarm-row.severity-2 .ges-alarm-severity{background:#ff9f43}
.ges-alarm-row.severity-3 .ges-alarm-severity{background:#ffd166}

.ges-alarm-row-copy{
  min-width:0;
}

.ges-alarm-row-copy strong,
.ges-alarm-row-copy span,
.ges-alarm-row-copy small{
  display:block;
}

.ges-alarm-row-copy strong{
  overflow:hidden;
  font-size:11px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.ges-alarm-row-copy span{
  margin-top:4px;
  color:#7db8ff;
  font-size:11px;
}

.ges-alarm-row-copy small{
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}

.ges-alarm-row-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
}

.ges-alarm-badge{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:3px 7px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface2);
  color:var(--muted);
  font-size:11px;
  font-weight:850;
}

.ges-alarm-badge.ticket{
  border-color:rgba(56,139,253,.30);
  color:#388bfd;
}

.ges-alarm-empty{
  display:grid;
  place-items:center;
  min-height:180px;
  padding:24px;
  border:1px dashed var(--line);
  border-radius:12px;
  color:var(--muted);
  font-size:11px;
  text-align:center;
}

.ges-alarm-workspace-body{
  padding:14px;
}

.ges-alarm-detail-kicker{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}

.ges-alarm-detail-title{
  margin-top:5px;
  color:var(--text);
  font-size:17px;
  line-height:1.25;
}

.ges-alarm-detail-meta{
  margin-top:6px;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}

.ges-alarm-detail-note{
  margin-top:10px;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--surface);
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}

.ges-ticket-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:12px;
}

.ges-ticket-form label{
  display:flex;
  flex-direction:column;
  gap:5px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}

.ges-ticket-form label.full{
  grid-column:1/-1;
}

.ges-ticket-form input,
.ges-ticket-form select,
.ges-ticket-form textarea{
  width:100%;
  min-height:34px;
  padding:8px 9px;
  border-radius:9px;
  font:inherit;
  font-size:11px;
  outline:none;
}

.ges-ticket-form textarea{
  min-height:70px;
  resize:vertical;
}

.ges-ticket-actions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  grid-column:1/-1;
}

.ges-ticket-history{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:12px;
}

.ges-ticket-history article{
  padding:8px 9px;
  border-left:2px solid rgba(56,139,253,.35);
  background:rgba(56,139,253,.04);
}

.ges-ticket-history strong,
.ges-ticket-history span{
  display:block;
  font-size:11px;
}

.ges-ticket-history span{
  margin-top:3px;
  color:var(--muted);
}

.ges-alarm-status-line{
  color:var(--muted);
  font-size:11px;
}

.ges-alarm-status-line.error{color:var(--red)}
.ges-alarm-status-line.ok{color:var(--green)}

html[data-theme="light"] .ges-alarm-row,
html[data-theme="light"] .ges-alarm-filter,
html[data-theme="light"] .ges-ticket-form input,
html[data-theme="light"] .ges-ticket-form select,
html[data-theme="light"] .ges-ticket-form textarea{
  background:#fff;
}

@media(max-width:1150px){
  .ges-alarm-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ges-alarm-layout{grid-template-columns:1fr}
  .ges-alarm-list{max-height:420px}
}

@media(max-width:820px){
  .ges-alarm-head,
  .ges-alarm-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  .ges-alarm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ges-alarm-toolbar-actions{flex-wrap:wrap}
  input.ges-alarm-filter{width:100%;flex:1 0 100%}
  .ges-ticket-form{grid-template-columns:1fr}
  .ges-ticket-form label.full,
  .ges-ticket-actions{grid-column:auto}
}