:root{
  --tk-bg:#f6f8fb;
  --tk-card:#ffffff;
  --tk-border:rgba(15,23,42,.10);
  --tk-text:#0f172a;
  --tk-muted:#64748b;
  --tk-primary:#4f46e5;
  --tk-danger:#ef4444;
  --tk-radius:18px;
  --tk-shadow:0 14px 36px rgba(15,23,42,.08);
}
.teknora-kanban-app,.teknora-kanban-app *{box-sizing:border-box}
.teknora-kanban-app{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--tk-text)}
.tkv2-wrap{max-width:1320px;margin:24px auto;padding:0 14px}
.tkv2-top{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;background:var(--tk-card);border:1px solid var(--tk-border);border-radius:24px;padding:18px;box-shadow:var(--tk-shadow)}
.tkv2-brand{display:flex;align-items:center;gap:14px;min-width:220px}
.tkv2-logo{width:78px;height:52px;border-radius:14px;background:linear-gradient(135deg,#e0e7ff,#f8fafc);display:flex;align-items:center;justify-content:center;font-weight:800;color:#4f46e5;font-size:13px}
.tkv2-brand h2{margin:0;font-size:20px;line-height:1.1}
.tkv2-brand p{margin:4px 0 0;color:var(--tk-muted);font-size:13px}
.tkv2-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}
.tkv2-controls input,.tkv2-controls select,.tkv2-controls button{
  border:1px solid var(--tk-border);
  background:#fff;
  border-radius:16px;
  padding:11px 14px;
  font-size:14px;
  line-height:1.1;
}
.tkv2-controls button{font-weight:700;cursor:pointer}
.tkv2-btn-primary{background:var(--tk-primary)!important;color:#fff;border-color:transparent!important}
.tkv2-btn-danger{background:var(--tk-danger)!important;color:#fff;border-color:transparent!important}
.tkv2-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.tkv2-kpi{background:var(--tk-card);border:1px solid var(--tk-border);border-radius:20px;padding:18px;box-shadow:var(--tk-shadow)}
.tkv2-kpi b{display:block;font-size:13px;color:var(--tk-muted)}
.tkv2-kpi span{display:block;font-size:32px;font-weight:800;margin-top:4px}
.tkv2-board{margin-top:16px;display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px}
.tkv2-col{background:var(--tk-card);border:1px solid var(--tk-border);border-radius:20px;min-height:360px;box-shadow:var(--tk-shadow);display:flex;flex-direction:column}
.tkv2-col-head{padding:14px 14px 12px;border-bottom:1px solid var(--tk-border);display:flex;justify-content:space-between;align-items:center}
.tkv2-col-head strong{font-size:16px}
.tkv2-badge{font-size:12px;color:var(--tk-muted);background:rgba(100,116,139,.10);padding:4px 9px;border-radius:999px}
.tkv2-list{padding:12px;display:flex;flex-direction:column;gap:10px;flex:1}
.tkv2-empty{color:var(--tk-muted);font-size:13px}
.tkv2-card{background:#fff;border:1px solid var(--tk-border);border-radius:18px;padding:12px;box-shadow:0 8px 20px rgba(15,23,42,.05);cursor:grab}
.tkv2-card.dragging{opacity:.45}
.tkv2-card h4{margin:0 0 6px;font-size:14px;line-height:1.3}
.tkv2-meta{display:flex;flex-wrap:wrap;gap:6px}
.tkv2-chip{font-size:11px;border:1px solid var(--tk-border);background:#f8fafc;border-radius:999px;padding:4px 8px;color:var(--tk-muted)}
.tkv2-modal{position:fixed;inset:0;background:rgba(15,23,42,.5);display:none;align-items:center;justify-content:center;padding:16px;z-index:999999}
.tkv2-modal.show{display:flex}
.tkv2-modal-card{width:min(760px,100%);background:#fff;border-radius:24px;border:1px solid var(--tk-border);box-shadow:var(--tk-shadow);padding:18px}
.tkv2-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.tkv2-modal-head h3{margin:0}
.tkv2-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tkv2-grid .full{grid-column:1/-1}
.tkv2-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--tk-muted)}
.tkv2-grid input,.tkv2-grid select,.tkv2-grid textarea{border:1px solid var(--tk-border);border-radius:14px;padding:11px 12px;font-size:14px}
.tkv2-grid textarea{min-height:96px;resize:vertical}
.tkv2-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap}
.tkv2-toast{position:fixed;right:16px;bottom:16px;background:#111827;color:#fff;padding:11px 13px;border-radius:14px;display:none;max-width:460px;z-index:1000000}
.tkv2-toast.show{display:block}
.tkv2-foot{margin-top:16px;text-align:center;color:var(--tk-muted);font-size:12px}
@media (max-width:1100px){
  .tkv2-kpis{grid-template-columns:repeat(2,1fr)}
  .tkv2-board{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .tkv2-top{flex-direction:column}
  .tkv2-controls{justify-content:flex-start}
  .tkv2-kpis,.tkv2-board{grid-template-columns:1fr}
  .tkv2-grid{grid-template-columns:1fr}
}

.tkv2-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.tkv2-card-actions{display:flex;gap:6px;flex-wrap:wrap}
.tkv2-mini-btn{border:1px solid var(--tk-border);background:#fff;border-radius:10px;padding:5px 8px;font-size:11px;cursor:pointer;color:var(--tk-muted)}
.tkv2-mini-btn.danger{color:#b91c1c;border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.05)}
.tkv2-mini-btn.archive{color:#1d4ed8;border-color:rgba(59,130,246,.22);background:rgba(59,130,246,.05)}