/*
 * POT: GLOBALNO/gradniki/agenti/agenti.css
 * NAMEN: Stilizacija AI agent gradnikov
 */

.agent-gradnik {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 300px;
  background: var(--kartica);
  border: 1px solid var(--rob);
  border-radius: var(--radij-l);
  overflow: hidden;
}

.ag-glava {
  display: flex;
  align-items: center;
  gap: var(--razmik-s);
  padding: var(--razmik-s) var(--razmik-m);
  background: var(--povrsina);
  border-bottom: 1px solid var(--rob);
  flex-shrink: 0;
}
.ag-ikona { font-size: 14px; color: var(--besedilo-d); }
.ag-ime   { font-size: var(--velikost-s); font-weight: var(--teza-krepka); color: var(--besedilo-s); flex: 1; }
.ag-status { font-size: 10px; color: var(--zelena); }

.ag-sporocila {
  flex: 1;
  overflow-y: auto;
  padding: var(--razmik-m);
  display: flex;
  flex-direction: column;
  gap: var(--razmik-s);
}
.ag-msg {
  padding: var(--razmik-s) var(--razmik-m);
  border-radius: var(--radij-m);
  font-size: var(--velikost-s);
  line-height: 1.5;
  max-width: 90%;
}
.ag-msg-varuh {
  background: var(--ozadje-2);
  border: 1px solid var(--rob);
  color: var(--besedilo);
  align-self: flex-start;
}
.ag-msg-varuh-pise {
  background: var(--ozadje-2);
  border: 1px solid var(--rob);
  color: var(--besedilo-d);
  align-self: flex-start;
  font-style: italic;
}
.ag-msg-uporabnik {
  background: var(--zlata-dim);
  border: 1px solid var(--zlata-dim);
  color: var(--besedilo-s);
  align-self: flex-end;
}

.ag-ukazi {
  padding: var(--razmik-s) var(--razmik-m);
  display: flex;
  flex-wrap: wrap;
  gap: var(--razmik-xs);
  border-top: 1px solid var(--rob);
  flex-shrink: 0;
}
.ag-ukaz-gumb {
  background: none;
  border: 1px solid var(--rob);
  border-radius: var(--radij-s);
  padding: 3px var(--razmik-s);
  color: var(--besedilo-d);
  font-size: var(--velikost-xs);
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s;
  text-align: left;
}
.ag-ukaz-gumb:hover { border-color: var(--zlata-temna); color: var(--besedilo-s); }

.ag-vnosnica {
  display: flex;
  gap: var(--razmik-xs);
  padding: var(--razmik-s) var(--razmik-m);
  border-top: 1px solid var(--rob);
  flex-shrink: 0;
}
.ag-input {
  flex: 1;
  background: var(--ozadje);
  border: 1px solid var(--rob);
  border-radius: var(--radij-s);
  padding: 5px var(--razmik-s);
  color: var(--besedilo);
  font-size: var(--velikost-s);
  outline: none;
}
.ag-input:focus { border-color: var(--zlata-temna); }
.ag-gumb {
  border: none;
  border-radius: var(--radij-s);
  padding: 5px 10px;
  color: #fff;
  cursor: pointer;
  font-size: var(--velikost-s);
  font-weight: var(--teza-krepka);
  transition: opacity 0.2s;
}
.ag-gumb:hover { opacity: 0.85; }