.dejna-dtf{
  /* Light mode defaults (works on white WP pages) */
  --bg:#ffffff;
  --panel:#ffffff;
  --line:rgba(0,0,0,.12);
  --text:#111827;
  --muted:#6b7280;
  --radius:18px;
  --brand:#22c55e;

  color:var(--text);
}

@media (prefers-color-scheme: dark){
  .dejna-dtf{
    --bg:#0b1020;
    --panel:rgba(255,255,255,.03);
    --line:rgba(255,255,255,.12);
    --text:#e5e7eb;
    --muted:#9ca3af;
  }
}

.dejna-dtf *{box-sizing:border-box}

.dejna-hero{padding:22px 0 12px}
.dejna-hero h2{margin:0 0 10px;font-size:1.9rem;line-height:1.1;color:var(--text)}
.dejna-lead{margin:0 0 12px;color:var(--muted)}

.dejna-note{
  border:1px solid rgba(56,189,248,.25);
  background:rgba(56,189,248,.10);
  padding:12px 14px;border-radius:14px
}

.dejna-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:14px;
  align-items:start;
  padding:10px 0 30px;
}

.dejna-card{
  border:1px solid var(--line);
  background:var(--panel);
  border-radius:var(--radius);
  padding:14px;
}

.dejna-card h3{margin:0 0 10px;font-size:1.2rem;color:var(--text)}

.dejna-form{margin:0}

.dejna-field{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.dejna-field span{font-weight:400;color:var(--text)}

.dejna-form textarea,
.dejna-form input,
.dejna-form select{
  border-radius:14px;
  border:1px solid var(--line);
  background:#ffffff;
  color:var(--text);
  padding:11px 12px;
  outline:none;
  width:100%;
}

@media (prefers-color-scheme: dark){
  .dejna-form textarea,
  .dejna-form input,
  .dejna-form select{
    background:rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.14);
    color:var(--text);
  }
}

.dejna-form textarea:focus,
.dejna-form input:focus,
.dejna-form select:focus{
  border-color: rgba(56,189,248,.60);
  box-shadow: 0 0 0 4px rgba(56,189,248,.14);
}

.dejna-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.dejna-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}

.dejna-btn{
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.10);
  background:linear-gradient(135deg, rgba(34,197,94,.92), rgba(56,189,248,.72));
  color:#061018;
  font-weight:900;
  cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
}

@media (prefers-color-scheme: dark){
  .dejna-btn{
    border:1px solid rgba(255,255,255,.14);
  }
}

.dejna-btn--ghost{
  background:transparent;
  color:var(--text);
  font-weight:800;
  border:1px solid var(--line);
}

.dejna-muted{color:var(--muted);font-size:.95rem}

.dejna-status{margin-top:10px;min-height:22px;color:#059669;font-weight:700}
.dejna-status.err{color:#dc2626}

.dejna-details{margin-top:12px}
.dejna-details summary{cursor:pointer;font-weight:900;color:var(--text)}
.dejna-details ul{margin:10px 0 0;padding-left:18px;color:var(--muted)}

@media(max-width:980px){
  .dejna-grid{grid-template-columns:1fr}
  .dejna-row2{grid-template-columns:1fr}
}