.ksla-wrap{max-width:1100px;margin:20px auto;padding:0;}
.ksla-head{margin-bottom:14px}
.ksla-title{margin:0 0 6px 0;font-size:20px}
.ksla-note{margin:0;color:#555}
.ksla-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:980px){.ksla-grid{grid-template-columns:1.1fr 1.6fr 1.1fr}}
.ksla-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:14px}
.ksla-label{font-weight:600;margin-bottom:10px}
.ksla-select{width:100%;padding:10px;border-radius:10px;border:1px solid #d1d5db}
.ksla-sub{margin-top:8px;font-size:13px;color:#666}
.ksla-locations{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:560px){.ksla-locations{grid-template-columns:1fr 1fr}}
.ksla-loc{border:1px solid #e5e7eb;border-radius:12px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px}
.ksla-loc.is-used{opacity:.55;cursor:not-allowed}
.ksla-loc.is-selected{outline:2px solid #fb1942;border-color:#fb1942}
.ksla-loc-title{display:flex;justify-content:space-between;gap:10px;font-weight:600}
.ksla-pill{font-size:12px;border:1px solid #e5e7eb;border-radius:999px;padding:2px 8px;color:#444;white-space:nowrap}
.ksla-stats{font-size:12px;color:#555;display:flex;flex-wrap:wrap;gap:8px}
.ksla-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ksla-btn{background:#fb1942;color:#fff;border:none;border-radius:10px;padding:10px 12px;cursor:pointer}
.ksla-btn[disabled]{opacity:.55;cursor:not-allowed}
.ksla-btn-secondary{background:#111;color:#fff}
.ksla-result{margin-top:10px;font-size:13px;color:#111}
.ksla-summary{font-size:13px;color:#111}
.ksla-muted{color:#666}
.ksla-hint{margin-top:10px;font-size:12px;color:#555}


.ksla-loc{border:1px solid #e5e7eb;border-radius:12px;padding:10px;cursor:pointer;user-select:none;margin-bottom:10px}
.ksla-loc:hover{border-color:#cbd5e1}
.ksla-loc.is-selected{border-color:#111827;box-shadow:0 0 0 2px rgba(17,24,39,.08)}
.ksla-loc.is-used{border-color:#dc2626;background:#fff5f5;cursor:not-allowed}
.ksla-loc.is-used .ksla-pill{background:#dc2626;color:#fff}
.ksla-pill{display:inline-block;font-size:12px;padding:3px 8px;border-radius:999px;background:#f3f4f6;margin-left:8px}
.ksla-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12px;color:#555}
.ksla-stats span{background:#f8fafc;border:1px solid #eef2f7;border-radius:999px;padding:3px 8px}

.ksla-finish{margin-top:12px}
.ksla-note-user{width:100%;min-height:74px;padding:10px;border-radius:10px;border:1px solid #e5e7eb;resize:vertical;margin-bottom:10px}
.ksla-ok{color:#065f46;font-weight:600}
.ksla-bad{color:#991b1b;font-weight:600}

/* v1.2.0 additions */
.ksla-loc{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ksla-loc__right{font-size:20px;line-height:1;color:#111827;opacity:.7;margin-top:2px}
.ksla-loc.taken{border-color:#ef4444;background:#fff5f5}
.ksla-loc.taken .name{color:#b91c1c}
.ksla-loc.taken .ksla-loc__right{color:#b91c1c;opacity:1}
.ksla-tags{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}
.ksla-tag{font-size:12px;border:1px solid #e5e7eb;border-radius:999px;padding:2px 8px;background:#f9fafb;color:#111827}
.ksla-muted{color:#6b7280}
.ksla-insights{margin:8px 0 10px;padding:10px;border:1px dashed #d1d5db;border-radius:12px;background:#fafafa;color:#111827;font-size:13px}
.ksla-insights__title{font-weight:700;margin-bottom:4px}
.ksla-insights__sub{color:#6b7280;margin-bottom:8px}
.ksla-insights__list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}
.ksla-insights__row{display:flex;justify-content:space-between;gap:10px}
.ksla-insights__name{font-weight:700}
.ksla-insights__meta{color:#6b7280;font-size:12px;white-space:nowrap}
.ksla-insights__reasons{color:#111827;font-size:12px}
.ksla-insights__tip{margin-top:8px;color:#6b7280;font-size:12px}
.ksla-msg{padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff}
.ksla-msg--info{background:#f9fafb}
.ksla-msg--ok{border-color:#22c55e;background:#f0fdf4}
.ksla-msg--err{border-color:#ef4444;background:#fff5f5}


/* v1.3.0 charts */
.ksla-meta{margin-top:6px;color:#111827;font-size:13px}
.ksla-bar{margin-top:8px;height:10px;border-radius:999px;overflow:hidden;border:1px solid #e5e7eb;background:#fff;display:flex}
.ksla-bar__h{background:#22c55e;height:100%}
.ksla-bar__a{background:#3b82f6;height:100%}
.ksla-bar__w{background:#f59e0b;height:100%}
.ksla-bar-legend{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px;color:#6b7280;font-size:12px}
.ksla-mini-bar{margin-top:6px;height:8px;border-radius:999px;overflow:hidden;border:1px solid #e5e7eb;background:#fff;display:flex}
.ksla-mini-bar__h{background:#22c55e;height:100%}
.ksla-mini-bar__a{background:#3b82f6;height:100%}
.ksla-mini-bar__w{background:#f59e0b;height:100%}


/* Insights header grid + sortable arrows */
.ksla-insights__head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:10px;align-items:center;margin:10px 0 6px}
.ksla-insights__h{font-weight:600}
.ksla-sort{cursor:pointer;user-select:none}
.ksla-arrows{font-size:11px;margin-left:6px}
.ksla-insight-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:10px;padding:10px;border-radius:10px}
.ksla-insight-item:hover{background:#f7f7f9}
.ksla-insight-item.is-active{outline:2px solid #fb1942}


/* Clickable insights */
.ksla-sort{ cursor:pointer; user-select:none; }
.ksla-insight-item{ cursor:pointer; }
.ksla-insight-item:hover{ background: rgba(0,0,0,0.03); }
.ksla-arrows{ font-weight:700; margin-left:6px; }
/* ===== KSLA Admin Help (fits existing UI, mobile-friendly) ===== */
.ksla-adminHelp{
  margin: 12px 0 12px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid #dbeafe;              /* light blue border */
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
  color: #111827;
}

.ksla-adminHelp__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 10px;
}

.ksla-adminHelp__title{
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

.ksla-adminHelp__badge{
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(104,152,198,.14);
  color: #0f2a44;
  border: 1px solid rgba(104,152,198,.28);
  white-space: nowrap;
}

.ksla-adminHelp__desc{
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: #374151;
}

.ksla-adminHelp__desc b{
  color: #111827;
}

.ksla-adminHelp__list{
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 10px;
}

.ksla-adminHelp__item{
  display:flex;
  gap: 8px;
  align-items:flex-start;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  font-size: 12.5px;
  color: #374151;
}

.ksla-adminHelp__icon{
  width: 18px;
  height: 18px;
  border-radius: 6px;
  display:grid;
  place-items:center;
  background: rgba(104,152,198,.14);
  border: 1px solid rgba(104,152,198,.22);
  color: #0f2a44;
  flex: 0 0 auto;
  margin-top: 1px;
  font-size: 12px;
}

/* Mobile: less “skučen”, one column list */
@media (max-width: 560px){
  .ksla-adminHelp{
    padding: 12px 12px;
  }
  .ksla-adminHelp__list{
    grid-template-columns: 1fr;
  }
}

/* Improve finish spacing on mobile */
.ksla-finish{
  margin-top: 14px;
}

.ksla-note-user{
  margin-top: 10px;
}

/* Make submit button full-width on mobile to avoid crowding */
@media (max-width: 520px){
  #ksla-btn-submit{
    width: 100%;
  }
}