/* Sakrijte podatke sa slike - drop zona i greska koriste foto-drop/foto-greska iz sta-fotografija-otkriva.css */
.ssl [hidden] { display: none !important; }

.ssl-drop-naslov { font-weight: 600; margin: 0 0 .35rem; }
.ssl-drop-info { margin: 0; opacity: .8; font-size: .92rem; }

.ssl-radno { margin-top: 1rem; }
.ssl-uputstvo { margin: 0 0 .75rem; }

.ssl-alatke {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  margin-bottom: .75rem;
}
.ssl-rezim {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1rem;
  border: 1px solid rgba(127, 127, 127, .35);
  border-radius: 8px;
  padding: .35rem .75rem .5rem;
  margin: 0 .5rem 0 0;
}
.ssl-rezim legend { font-size: .85rem; padding: 0 .25rem; opacity: .85; }
.ssl-rezim label { display: inline-flex; gap: .35rem; align-items: center; cursor: pointer; }

.ssl-upozorenje {
  border-left: 4px solid #d98e04;
  background: rgba(217, 142, 4, .12);
  padding: .6rem .8rem;
  border-radius: 4px;
  margin-bottom: .75rem;
}

.ssl-platno-okvir {
  border: 1px solid rgba(127, 127, 127, .35);
  border-radius: 8px;
  padding: .25rem;
  background: rgba(127, 127, 127, .08);
}
.ssl-platno {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  touch-action: none;
  cursor: crosshair;
  user-select: none;
  -webkit-user-select: none;
}
.ssl-info { font-size: .85rem; opacity: .8; margin: .4rem 0 .75rem; }

.ssl-lista { margin: 0 0 1rem; padding-left: 0; list-style: none; }
.ssl-stavka {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  padding: .4rem .5rem;
  border: 1px solid rgba(127, 127, 127, .25);
  border-radius: 6px;
  margin-bottom: .35rem;
}
.ssl-stavka.je-izabrana { border-color: #e11d48; box-shadow: inset 3px 0 0 #e11d48; }
.ssl-stavka-izbor {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  padding: .2rem .25rem;
  margin-right: auto;
}
.ssl-stavka-rezim { font: inherit; padding: .2rem .35rem; }

.ssl-izvoz {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}
.ssl-izvoz .ssl-napomena,
.ssl-izvoz .ssl-spremno { flex-basis: 100%; margin: .25rem 0 0; }
.ssl-spremno { font-weight: 600; }
.ssl-napomena { font-size: .88rem; opacity: .85; }

.ssl-edu { margin-top: 2rem; }
.ssl-edu ul { padding-left: 1.2rem; }

@media (max-width: 480px) {
  .ssl-alatke > button { flex: 1 1 auto; }
  .ssl-rezim { margin-right: 0; width: 100%; }
}