/* Centrl Control 1.0.51 · deliberate, scoped premium treatment of communication & alarms.
   No selectors outside the Control interface. Existing behaviour remains in centrl.js. */
#centrl-control .centrl-comm-premium{
  grid-template-columns:260px minmax(0,770px) minmax(0,1fr)!important;
  gap:15px!important;
  max-width:none!important;
  align-items:stretch!important;
  min-height:520px;
}
#centrl-control .centrl-comm-premium .centrl-contact-list{
  border:1px solid #d6e1ef!important;border-radius:20px!important;
  background:linear-gradient(160deg,#f2f6fc,#eaf1fa)!important;
  box-shadow:0 14px 34px rgba(14,38,76,.07),inset 0 1px 0 #fff!important;
  padding:9px!important;gap:7px!important;
}
#centrl-control .centrl-contacts-head{
  padding:10px 12px 12px;display:flex;align-items:center;justify-content:space-between;
  gap:8px;border-bottom:1px solid #dbe5f2;margin:0 3px 6px;
}
#centrl-control .centrl-contacts-head span{font-size:10px;font-weight:950;letter-spacing:.17em;color:#657b9b}
#centrl-control .centrl-contacts-head b{font-size:11px;color:#244c86;background:#ddeaf9;border:1px solid #cbdcf2;border-radius:999px;min-width:25px;min-height:25px;display:grid;place-items:center}
#centrl-control .centrl-comm-premium .centrl-contact{
  position:relative;display:flex!important;gap:11px!important;align-items:center!important;
  padding:12px!important;min-height:64px;
  background:rgba(255,255,255,.56)!important;
  color:#182b49!important;border:1px solid rgba(207,222,240,.65)!important;
  border-radius:15px!important;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;
}
#centrl-control .centrl-comm-premium .centrl-contact:hover{background:#fff!important;transform:translateX(2px)}
#centrl-control .centrl-comm-premium .centrl-contact.active{
  border-color:#6ea2e5!important;
  background:linear-gradient(135deg,#ffffff,#e8f2ff)!important;
  box-shadow:0 0 0 2px rgba(44,112,202,.10),0 9px 18px rgba(23,68,124,.10)!important;
}
#centrl-control .centrl-comm-premium .contact-avatar,#centrl-control .centrl-chat-head .chat-head-avatar{
  width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:12px;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:17px;font-weight:950;
  background:linear-gradient(150deg,#294d83,#101f3a);border:1px solid rgba(174,211,251,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 12px rgba(29,57,103,.15);
}
#centrl-control .centrl-comm-premium .contact-info{min-width:0;flex:1!important;display:block}
#centrl-control .centrl-comm-premium .contact-info b{font-size:13px!important;font-weight:900!important;letter-spacing:-.01em;color:#122543!important}
#centrl-control .centrl-comm-premium .contact-info small{font-size:10px!important;margin-top:4px!important;line-height:1.3;color:#637a9b!important}
#centrl-control .centrl-comm-premium .contact-dot{width:9px;height:9px;flex:0 0 9px;box-shadow:0 0 0 4px rgba(148,163,184,.11)}
#centrl-control .centrl-comm-premium .contact-dot.online{box-shadow:0 0 0 4px rgba(30,190,108,.13),0 0 7px rgba(30,190,108,.2)}
#centrl-control .centrl-comm-premium .centrl-chat-pane{
  border:1px solid #cedbec!important;border-radius:21px!important;
  box-shadow:0 16px 37px rgba(14,38,76,.09)!important;
  background:#fff!important;max-width:none!important;min-width:0!important;overflow:hidden!important;
}
#centrl-control .centrl-comm-premium .centrl-chat-head{
  background:linear-gradient(105deg,#132540,#1c3c6a)!important;
  border:0!important;padding:14px 19px!important;
  align-items:center!important;min-height:78px;
}
#centrl-control .centrl-chat-head .chat-head-identity{display:flex;align-items:center;gap:13px;min-width:0}
#centrl-control .centrl-chat-head .chat-head-avatar{background:linear-gradient(145deg,#3867a2,#214274);flex-basis:41px;width:41px;height:41px}
#centrl-control .centrl-chat-head .chat-head-identity>span:last-child{display:block;min-width:0}
#centrl-control .centrl-chat-head b{color:#fff!important;font-size:16px;font-weight:900!important;line-height:1.15}
#centrl-control .centrl-chat-head .chat-head-identity>span:last-child>span{color:#b4cce9!important;font-size:11px!important;margin-top:4px!important}
#centrl-control .centrl-chat-head .centrl-state{color:#e7efff!important;-webkit-text-fill-color:#e7efff!important;font-weight:900!important;font-size:10px!important;letter-spacing:.06em;border-radius:999px!important;padding:7px 10px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(202,220,244,.22)!important}
#centrl-control .centrl-comm-premium .centrl-message-list{
  background:linear-gradient(170deg,#f7faff,#f0f5fb 85%)!important;
  padding:22px 19px!important;gap:13px!important;min-height:290px;
}
#centrl-control .centrl-comm-premium .centrl-message{
  border:1px solid #d9e4f2!important;box-shadow:0 6px 14px rgba(28,52,89,.065)!important;
  padding:12px 14px!important;border-radius:16px!important;line-height:1.48!important;
  max-width:min(83%,560px)!important;
}
#centrl-control .centrl-comm-premium .centrl-message.mine{background:linear-gradient(140deg,#e1eeff,#d3e5fd)!important;border-color:#accdf6!important;border-bottom-right-radius:5px!important}
#centrl-control .centrl-comm-premium .centrl-message.theirs{background:#fff!important;border-bottom-left-radius:5px!important}
#centrl-control .centrl-comm-premium .centrl-message .message-who{color:#315788!important;font-weight:900!important}
#centrl-control .centrl-comm-premium .centrl-message .message-body{color:#1b2b45!important;font-size:13px!important;line-height:1.55}
#centrl-control .centrl-comm-premium .centrl-compose-wrap{
  background:linear-gradient(180deg,#fff,#f4f8fd)!important;
  border-top:1px solid #dce6f3!important;padding:11px 14px 13px;
}
#centrl-control .centrl-comm-premium .centrl-compose{
  background:transparent!important;border:0!important;padding:0!important;align-items:stretch;gap:10px;
}
#centrl-control .centrl-comm-premium .centrl-compose textarea{
  background:#fff!important;border:1.5px solid #c6d7ec!important;border-radius:14px!important;
  min-height:59px!important;line-height:1.5;padding:12px 14px!important;color:#162944!important;
  box-shadow:inset 0 1px 2px rgba(20,43,72,.03)!important;
}
#centrl-control .centrl-comm-premium .centrl-compose textarea:focus{border-color:#4b8cd5!important;outline:2px solid rgba(45,122,211,.13)!important}
#centrl-control .centrl-comm-premium #send-control-message{
  background:linear-gradient(135deg,#295cbd,#18429b)!important;border:1px solid #2354a9!important;
  border-radius:13px!important;padding:0 24px!important;min-width:106px;box-shadow:0 9px 18px rgba(25,73,159,.18)!important;color:#fff!important;
}
#centrl-control .centrl-comm-premium .control-media-tools{padding:7px 0 0!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#centrl-control .centrl-comm-premium #control-media-add{border-radius:11px!important;background:#eff5fc!important;border-color:#c8d9ef!important;color:#294c7d!important;box-shadow:none!important}
#centrl-control .centrl-comm-premium .centrl-media-item{border-radius:12px;box-shadow:0 6px 14px rgba(17,40,72,.08)}
#centrl-control .centrl-comm-premium .centrl-chat-empty{color:#617897!important;font-weight:700}

/* Alarms: concise information hierarchy, never force full-blue incident blocks. */
#centrl-control .centrl-alarm-premium .centrl-panel-head{align-items:flex-end!important;margin-bottom:18px}
#centrl-control .centrl-alarm-premium .centrl-panel-head h2{font-size:clamp(23px,2vw,30px)!important;letter-spacing:-.035em}
#centrl-control .centrl-alarm-premium .alarm-heading-sub{margin:6px 0 0;font-size:12px;color:#647996!important}
#centrl-control .centrl-alarm-premium .centrl-alarm-toolbar{justify-content:flex-end!important;gap:12px!important}
#centrl-control .centrl-alarm-premium .alarm-sort-label{display:grid;gap:4px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#617898}
#centrl-control .centrl-alarm-premium .alarm-sort-label select{background:#f9fbff!important;border-radius:12px!important;min-height:43px!important;border:1px solid #c8d8eb!important;color:#263e60!important;font-size:12px;font-weight:800!important;text-transform:none;letter-spacing:0;box-shadow:0 4px 10px rgba(30,65,111,.035)!important}
#centrl-control .centrl-alarm-premium #manual-alarm{border-radius:12px!important;min-height:44px!important;align-self:end!important;box-shadow:0 7px 14px rgba(31,81,161,.12)!important}
#centrl-control .centrl-alarm-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 24px}
#centrl-control .centrl-alarm-overview .alarm-stat{
  position:relative;min-height:106px;padding:16px 17px 14px;border:1px solid #dae4f1;border-radius:17px;
  background:linear-gradient(145deg,#ffffff,#f5f8fd);box-shadow:0 11px 25px rgba(14,38,79,.055),inset 0 1px 0 #fff;overflow:hidden;
}
#centrl-control .centrl-alarm-overview .alarm-stat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#3c6aab}
#centrl-control .centrl-alarm-overview .alarm-stat.stat-prio::before{background:#e85b51}
#centrl-control .centrl-alarm-overview .alarm-stat.stat-progress::before{background:#d39b41}
#centrl-control .centrl-alarm-overview .alarm-stat.stat-done::before{background:#35a67e}
#centrl-control .centrl-alarm-overview .alarm-stat>span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.095em;color:#617593}
#centrl-control .centrl-alarm-overview .alarm-stat strong{display:block;font-size:31px;font-weight:950;line-height:1.1;letter-spacing:-.05em;color:#162b4b;margin:6px 0 5px}
#centrl-control .centrl-alarm-overview .alarm-stat small{display:block;font-size:10px;color:#8595aa;font-weight:700}
#centrl-control .centrl-alarm-group-label{display:flex;align-items:center;gap:10px;margin:8px 0 12px;padding-bottom:11px;border-bottom:1px solid #e3eaf4;color:#233954}
#centrl-control .centrl-alarm-group-label b{font-size:15px;font-weight:900}
#centrl-control .centrl-group-dot{width:9px;height:9px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12)}
#centrl-control .centrl-group-counter{min-width:26px;height:25px;padding:0 7px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#3b5a82;background:#eaf1fa;border-radius:999px}
#centrl-control .centrl-alarm-premium .centrl-alarm-list{gap:10px!important}
#centrl-control .centrl-alarm-premium .centrl-alarm-row{
  position:relative;display:grid!important;grid-template-columns:5px 44px minmax(0,1fr) minmax(132px,180px) 14px!important;
  gap:13px!important;align-items:center!important;text-align:left!important;min-height:98px!important;
  padding:13px 17px 13px 0!important;border:1px solid #d8e4f1!important;border-radius:17px!important;
  background:linear-gradient(120deg,#ffffff,#f8fbff)!important;color:#223752!important;-webkit-text-fill-color:initial!important;
  box-shadow:0 8px 22px rgba(17,46,91,.055)!important;transition:border-color .15s,transform .15s,box-shadow .15s;
}
#centrl-control .centrl-alarm-premium .centrl-alarm-row:hover{transform:translateY(-1px)!important;border-color:#9abadd!important;box-shadow:0 12px 22px rgba(17,46,91,.095)!important}
#centrl-control .centrl-alarm-premium .alarm-accent{height:100%;width:4px;align-self:stretch;border-radius:16px 0 0 16px;background:#6b93c4}
#centrl-control .centrl-alarm-premium .centrl-alarm-row.in_progress .alarm-accent{background:#df9d36}
#centrl-control .centrl-alarm-premium .centrl-alarm-row.closed .alarm-accent{background:#35a67e}
#centrl-control .centrl-alarm-premium .centrl-alarm-row:has(.prio-1) .alarm-accent{background:#e45757}
#centrl-control .centrl-alarm-premium .alarm-index{background:#eaf1fa!important;border:1px solid #d7e5f3;border-radius:10px;padding:8px 5px;font-size:11px;color:#4b668a!important;justify-self:center;font-weight:900;min-width:38px;text-align:center}
#centrl-control .centrl-alarm-premium .alarm-main{min-width:0}
#centrl-control .centrl-alarm-premium .alarm-source{font-size:10px!important;letter-spacing:.13em!important;color:#7286a1!important;opacity:1!important}
#centrl-control .centrl-alarm-premium .alarm-main strong{display:block;font-size:16px!important;line-height:1.24!important;color:#172a48!important;margin:4px 0 0!important;font-weight:900!important}
#centrl-control .centrl-alarm-premium .alarm-main small{font-size:11px!important;margin-top:5px;color:#7184a0!important;opacity:1!important;max-width:600px}
#centrl-control .centrl-alarm-premium .alarm-side{display:flex;align-items:flex-end!important;justify-content:center!important;gap:4px;min-width:0!important;text-align:right!important;font-size:11px!important;color:#516886!important}
#centrl-control .centrl-alarm-premium .alarm-prio{padding:4px 11px!important;border-radius:999px!important;font-weight:950!important;font-size:10px!important;line-height:1.25!important}
#centrl-control .centrl-alarm-premium .alarm-prio.prio-1{background:#fee5e5!important;color:#a5262d!important}
#centrl-control .centrl-alarm-premium .alarm-prio.prio-2{background:#fff0dc!important;color:#985b16!important;-webkit-text-fill-color:#985b16!important}
#centrl-control .centrl-alarm-premium .alarm-prio.prio-3{background:#e6f2ff!important;color:#1e5e9f!important}
#centrl-control .centrl-alarm-premium .alarm-status{color:#345a85!important;font-size:11px!important;font-weight:900!important}
#centrl-control .centrl-alarm-premium .alarm-team{color:#344e70!important;font-size:10px!important}
#centrl-control .centrl-alarm-premium .alarm-time{color:#7589a3!important;font-variant-numeric:tabular-nums}
#centrl-control .centrl-alarm-premium .alarm-open-chevron{color:#728ba9;font-size:22px;font-weight:700}
#centrl-control .centrl-alarm-premium .centrl-alarm-zero{display:grid;place-items:center;gap:4px;min-height:148px;border:1px dashed #c8d7e9;border-radius:17px;background:#f7fbff;color:#526b8b;text-align:center}
#centrl-control .centrl-alarm-premium .centrl-alarm-zero>span{display:grid;place-items:center;background:#e3f5ea;color:#208456;width:38px;height:38px;border-radius:50%;font-size:22px}
#centrl-control .centrl-alarm-premium .centrl-alarm-zero strong{color:#2b4768;font-size:15px}
#centrl-control .centrl-alarm-premium .centrl-alarm-zero small{font-size:11px}
#centrl-control .centrl-alarm-premium .centrl-history{border-top:1px solid #e1e9f4!important;margin-top:24px!important;padding-top:14px!important}
#centrl-control .centrl-alarm-premium .centrl-history summary{font-size:13px!important;font-weight:900!important;color:#3f5979!important;padding:8px 0!important}
#centrl-control .centrl-alarm-premium .centrl-alarm-list.history{opacity:1!important}
@media(max-width:1180px){
  #centrl-control .centrl-comm-premium{grid-template-columns:220px minmax(0,1fr)!important}
  #centrl-control .centrl-comm-premium .centrl-comm-spacer{display:none!important}
}
@media(max-width:860px){
  #centrl-control .centrl-alarm-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  #centrl-control .centrl-comm-premium{grid-template-columns:1fr!important;height:auto!important;min-height:0!important}
  #centrl-control .centrl-comm-premium .centrl-contact-list{max-height:240px!important;display:flex!important;overflow:auto!important}
  #centrl-control .centrl-comm-premium .centrl-chat-pane{min-height:440px!important}
}
@media(max-width:610px){
  #centrl-control .centrl-alarm-premium .centrl-panel-head{align-items:stretch!important}
  #centrl-control .centrl-alarm-overview{gap:8px}
  #centrl-control .centrl-alarm-overview .alarm-stat{min-height:100px;padding:13px 12px}
  #centrl-control .centrl-alarm-premium .centrl-alarm-row{grid-template-columns:4px 35px minmax(0,1fr) 13px!important;gap:9px!important;padding:12px 9px 12px 0!important}
  #centrl-control .centrl-alarm-premium .alarm-side{grid-column:3;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:flex-start!important;gap:6px!important;text-align:left!important}
  #centrl-control .centrl-alarm-premium .alarm-open-chevron{grid-column:4;grid-row:1/3;justify-self:center}
  #centrl-control .centrl-alarm-premium .alarm-accent{grid-row:1/3}
  #centrl-control .centrl-alarm-premium .alarm-index{grid-row:1/3;align-self:start}
  #centrl-control .centrl-alarm-premium .alarm-main{grid-column:3}
  #centrl-control .centrl-comm-premium .centrl-message{max-width:91%!important}
  #centrl-control .centrl-comm-premium .centrl-compose{flex-direction:column}
  #centrl-control .centrl-comm-premium #send-control-message{min-height:44px!important}
}
