/* Stiluri pentru select-uri (mostenite, modernizate in iun 2026:
   fara inaltimi/latimi fixe care taiau textul, fara imagini de fundal
   de pe tinypic - linkuri http moarte, blocate oricum pe HTTPS). */

.styled-select {
   height: auto;
   overflow: visible;
   width: auto;
   max-width: 100%;
}

.styled-select select {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
   font-size: 14px;
   height: auto;
   padding: 6px 10px;
   width: 100%;
   max-width: 268px;
}

.styled-select.slate select {
   font-size: 16px;
}

/* -------------------- Rounded Corners */
.rounded {
   border-radius: 20px;
}

.semi-square {
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }
.orange  { background-color: #f92;}

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }
.orange select  { color: #eec111;}

#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 4px 10px;
   width: 100%;
}

#mainselection {
   overflow: hidden;
   width: 350px;
   max-width: 100%;
   border-radius: 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C;
}

/* Select-urile de filtrare din paginile de incidente/secretariat */
select#serviciu, select#abonat, select#localitate, select#motiv, select#sort,select#alegeSort,select#rez, select#prioritate {
   background-color: white;
   border: 1px solid #AAA;
   border-radius: 8px;
   color: #555;
   font-size: 0.875rem;
   padding: 6px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: auto;
   min-width: 120px;
   max-width: 100%;
}

select#soflow-color {
   color: #fff;
   background-color: #779126;
   border-radius: 20px;
   padding-left: 15px;
}

/*----------------------------- Blinking row -----------------*/
@keyframes urgent {
  from { background-color: red; }
  to { background-color: rgba(255, 6, 5, 0.2); }
}
.urgent {
  animation: urgent 1.5s infinite;
}