.dtf-container{border:1px solid #e0e0e0;padding:16px;border-radius:8px}
.dtf-question{font-weight:600;margin-bottom:8px}
.dtf-options{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.dtf-btn{padding:8px 12px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}
.dtf-btn:hover{background:#f5f5f5}
.dtf-note{margin-top:10px;font-size:14px;background:#fafafa;border:1px dashed #ddd;border-radius:6px;padding:10px}
.dtf-history{margin-top:12px;border-top:1px dashed #ddd;padding-top:12px}
.dtf-qa{margin:4px 0}.dtf-qa .q{font-weight:600;display:block}.dtf-qa .a{display:block;margin-left:8px}
.dtf-result{padding:16px;background:#eef5ff;border:1px solid #cfe2ff;border-radius:10px;margin-top:12px;text-align:center}
.dtf-result-title{font-size:24px;font-weight:700;margin-bottom:8px}
.dtf-actions{margin-top:12px}
.dtf-actions-row{margin-top:8px}
.dtf-restart,.dtf-primary{padding:8px 12px;border:1px solid #bbb;border-radius:6px;background:#f8f8f8;cursor:pointer}
.dtf-primary{background:#1a73e8;border-color:#1a73e8;color:#fff}
.dtf-inputwrap,.dtf-selectwrap{display:flex;gap:8px;align-items:center;margin:8px 0;flex-wrap:wrap}
.dtf-input,.dtf-select{padding:6px 8px;border:1px solid #ccc;border-radius:6px}
.dtf-inputlabel{font-weight:600}

.dtf-progress{margin-bottom:12px}
.dtf-progress-text{font-size:13px;color:#555;margin-bottom:6px}
.dtf-progress-bar{height:8px;background:#eee;border-radius:4px;overflow:hidden}
.dtf-progress-fill{height:8px;background:#2271b1}

.dtf-result-text strong{font-weight:700}
.dtf-qa .q{font-weight:600}
.dtf-qa .a{display:block;margin-left:8px}

.dtf-note { margin-top: .5rem; font-size: 0.95em; line-height: 1.5; }
.dtf-note.dtf-note-collapsed { 
  display: -webkit-box; 
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical; 
  overflow: hidden;
}
.dtf-note-toggle { margin-top: .25rem; background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; font-size: .9em; }
.dtf-result-text strong { font-weight: 700; }
/* clamp + toggle */
.dtf-note { margin-top:10px; font-size:14px; background:#fafafa; border:1px dashed #ddd; border-radius:6px; padding:10px; position:relative; }
.dtf-note.dtf-clamped{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.dtf-note-toggle{
  margin-top:6px;
  background:transparent;
  border:0;
  color:#1a73e8;
  cursor:pointer;
  padding:0;
  font-size:13px;
}
.dtf-back{margin-top:4px;}
.dtf-hidden{ display:none !important; }
/* Na telefonih (max širina 768px) prikaži vedno celo razlago */
@media (max-width: 768px) {
  .dtf-note.dtf-clamped {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
  }
  .dtf-note-toggle {
    display: none; /* gumb "Pokaži več/manj" ni potreben */
  }
}
/* Prepiši obstoječe – razlaga naj bo vedno odprta */
.dtf-note.dtf-clamped {
  display:block !important;
  -webkit-line-clamp:unset !important;
  overflow:visible !important;
}
.dtf-note-toggle {
  display:none !important;
}