/* Search */
.comunicipi-sut-search{
  position: relative;
  max-width: 520px;
  margin: 12px 0 18px 0;
}
.comunicipi-sut-label{
  display:block;
  font-weight:600;
  margin-bottom:6px;
}
.comunicipi-sut-input{
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #c8c8c8;
  border-radius: 10px;
}
.comunicipi-sut-hint{
  font-size: 12px;
  opacity: .85;
  margin-top: 6px;
}
.comunicipi-sut-dropdown{
  position:absolute;
  top: calc(100% + 6px);
  left:0;
  right:0;
  background:#fff;
  border:1px solid #ddd;
  border-radius:12px;
  box-shadow: 0 10px 26px rgba(0,0,0,.10);
  max-height: 320px;
  overflow:auto;
  z-index: 99999;
}
.comunicipi-sut-item{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  cursor:pointer;
}
.comunicipi-sut-item:hover{ background:#f6f6f6; }

/* Blocks */
.comunicipi-sut-section{
  margin: 14px 0;
}
.comunicipi-sut-section-title{
  font-weight:800;
  margin: 0 0 10px 0;
}
.comunicipi-sut-section-body{
  min-height: 24px;
}
.comunicipi-sut-loading{ opacity:.8; }
.comunicipi-sut-error{ color:#b00020; }
.comunicipi-sut-empty{ opacity:.8; }

/* Cards */
.comunicipi-sut-cards{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.comunicipi-sut-card{
  border:1px solid #e6e6e6;
  border-radius:14px;
  background:#fff;
  box-shadow: 0 8px 20px rgba(0,0,0,.05);
  position:relative;
  padding:12px;
}
.comunicipi-sut-card-badge{
  position:absolute;
  top:10px;
  right:12px;
  font-size:12px;
  opacity:.6;
}
.comunicipi-sut-card-body{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.comunicipi-sut-row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  line-height:1.25;
}
.comunicipi-sut-label-inline{
  flex:0 0 42%;
  font-weight:700;
  opacity:.85;
  word-break:break-word;
  font-size: 12px;
}
.comunicipi-sut-value{
  flex:1 1 auto;
  word-break:break-word;
  font-size: 14px;
}
.comunicipi-sut-pre{
  margin:0;
  white-space:pre-wrap;
  word-break:break-word;
  font-size:12px;
  opacity:.9;
}
@media (max-width: 640px){
  .comunicipi-sut-row{ flex-direction:column; gap:4px; }
  .comunicipi-sut-label-inline{ flex: 0 0 auto; }
}