.tk2-shell{display:grid;gap:16px;color:#172033}
.tk2-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#b91c1c,#f97316);color:#fff;box-shadow:0 20px 48px rgba(185,28,28,.22)}
.tk2-hero h2{margin:8px 0 8px;font-size:30px;line-height:1.15}
.tk2-hero p{margin:0;max-width:780px;color:rgba(255,255,255,.86);font-weight:800;line-height:1.75}
.tk2-chip{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;background:rgba(255,255,255,.17);font-size:12px;font-weight:1000}
.tk2-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;min-width:360px}
.tk2-hero-stats>div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
.tk2-hero-stats span{display:block;font-size:12px;font-weight:1000;color:rgba(255,255,255,.72)}
.tk2-hero-stats b{display:block;margin-top:6px;font-size:22px;color:#fff}
.tk2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.tk2-toolbar label{display:flex;align-items:center;gap:10px;font-weight:1000;color:#334155}
.tk2-toolbar input{min-width:160px}
.tk2-tabs{display:flex;gap:8px;flex-wrap:wrap}
.tk2-tabs button{border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:999px;padding:9px 15px;font-weight:1000;cursor:pointer}
.tk2-tabs button.active{background:#111827;color:#fff;border-color:#111827;box-shadow:0 12px 28px rgba(17,24,39,.18)}
.tk2-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tk2-kpis.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk2-kpi{padding:16px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06);min-height:102px}
.tk2-kpi span{display:block;color:#64748b;font-weight:1000;font-size:13px}
.tk2-kpi b{display:block;margin:8px 0 5px;color:#111827;font-size:24px;line-height:1.15}
.tk2-kpi small{color:#64748b;font-weight:850}
.tk2-kpi.money{background:linear-gradient(135deg,#fff7ed,#fff)}
.tk2-kpi.blue{background:linear-gradient(135deg,#eff6ff,#fff)}
.tk2-kpi.green{background:linear-gradient(135deg,#ecfdf5,#fff)}
.tk2-kpi.orange{background:linear-gradient(135deg,#fffbeb,#fff)}
.tk2-kpi.red{background:linear-gradient(135deg,#fff1f2,#fff)}
.tk2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tk2-span-2{grid-column:span 2}
.tk2-panel{padding:17px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.tk2-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.tk2-section-head h3{margin:0;color:#111827;font-size:20px}
.tk2-section-head span{color:#94a3b8;font-weight:900}
.tk2-advice-list,.tk2-action-list,.tk2-platform-mini,.tk2-reply-list{display:grid;gap:10px}
.tk2-advice{display:grid;gap:10px;padding:14px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc}
.tk2-advice>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.tk2-advice span{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:1000;background:#e2e8f0;color:#334155}
.tk2-advice b{font-size:17px;color:#111827}
.tk2-advice small{color:#64748b;font-weight:900}
.tk2-advice p{margin:0;color:#334155;font-weight:850;line-height:1.65}
.tk2-advice footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tk2-advice strong{color:#0f766e;font-weight:1000;line-height:1.55}
.tk2-advice.danger{background:#fff1f2;border-color:#fecdd3}
.tk2-advice.danger span{background:#be123c;color:#fff}
.tk2-advice.warn{background:#fffbeb;border-color:#fde68a}
.tk2-advice.warn span{background:#d97706;color:#fff}
.tk2-advice.safe{background:#ecfdf5;border-color:#bbf7d0}
.tk2-advice.safe span{background:#16a34a;color:#fff}
.tk2-advice.wait{background:#eff6ff;border-color:#bfdbfe}
.tk2-advice.wait span{background:#2563eb;color:#fff}
.tk2-advice.done{opacity:.6}
.tk2-platform-mini-card{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}
.tk2-platform-mini-card img,.tk2-platform-head img{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #e2e8f0;padding:5px}
.tk2-platform-mini-card b{display:block;color:#111827}
.tk2-platform-mini-card span,.tk2-platform-mini-card small{color:#64748b;font-weight:850}
.tk2-platform-mini-card small{grid-column:2}
.tk2-platform-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.tk2-platform-head h3{margin:0;color:#111827;font-size:20px}
.tk2-platform-head span{color:#64748b;font-weight:900}
.tk2-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tk2-metrics div{padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}
.tk2-metrics span{display:block;color:#64748b;font-size:12px;font-weight:1000}
.tk2-metrics b{display:block;margin-top:5px;color:#111827;font-size:17px}
.tk2-table-wrap{overflow:auto}
.tk2-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.tk2-table th{position:sticky;top:0;background:#f8fafc;text-align:left;color:#475569;padding:12px 10px;font-weight:1000;border-bottom:1px solid #e2e8f0;white-space:nowrap}
.tk2-table td{padding:11px 10px;border-bottom:1px solid #e5e7eb;color:#253044;font-weight:800;white-space:nowrap}
.tk2-table tr:hover td{background:#f8fafc}
.tk2-reply{display:grid;gap:8px;padding:13px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc}
.tk2-reply b{color:#111827}
.tk2-reply p{margin:0;color:#334155;line-height:1.7;font-weight:850}
.tk2-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tk2-form-grid label{display:grid;gap:7px;color:#334155;font-weight:1000}
.tk2-note{margin-top:14px;padding:12px 14px;border-radius:16px;background:#fff7ed;border:1px dashed #fdba74;color:#7c2d12;font-weight:850;line-height:1.75}
.tk2-actions{display:flex;justify-content:flex-end;margin-top:14px}
.tk2-empty{padding:28px;border-radius:18px;background:#f8fafc;border:1px dashed #cbd5e1;color:#94a3b8;text-align:center;font-weight:1000}
.tk2-collector-form{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:end}
.tk2-collector-form label{display:grid;gap:7px;color:#334155;font-weight:1000}
.tk2-collector-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tk2-collector-auto{display:grid;grid-template-columns:auto 150px auto 1fr;gap:10px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}
.tk2-collector-auto label{display:grid;gap:6px;color:#334155;font-weight:1000}
.tk2-auto-switch{display:flex!important;align-items:center;gap:9px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;white-space:nowrap}
.tk2-auto-switch input{width:18px;height:18px;accent-color:#16a34a}
.tk2-auto-help{display:grid;gap:4px;color:#64748b;font-weight:850;line-height:1.45}
.tk2-auto-help b{color:#0f766e}
.tk2-auto-help strong{color:#b91c1c}
.tk2-auto-help small{color:#64748b}
.tk2-collector-status{display:grid;gap:5px;margin-top:12px;padding:13px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}
.tk2-collector-status b{color:#111827}
.tk2-collector-status span,.tk2-collector-status small{color:#64748b;font-weight:850}
.tk2-collector-status.capturing{background:#ecfdf5;border-color:#bbf7d0}
.tk2-collector-status.opened,.tk2-collector-status.opening{background:#eff6ff;border-color:#bfdbfe}
.tk2-collector-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.tk2-collector-metric{min-height:90px;padding:13px;border-radius:16px;background:#fff;border:1px solid #e2e8f0}
.tk2-collector-metric span{display:block;color:#64748b;font-size:12px;font-weight:1000}
.tk2-collector-metric b{display:block;margin-top:6px;color:#111827;font-size:20px;line-height:1.15}
.tk2-collector-metric small{display:block;margin-top:6px;color:#94a3b8;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk2-collector-samples{display:grid;gap:10px;max-height:680px;overflow:auto}
.tk2-collector-sample{display:grid;gap:7px;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}
.tk2-collector-sample b{color:#111827;font-size:12px;line-height:1.4;word-break:break-all}
.tk2-collector-sample small{color:#64748b;font-weight:850}
.tk2-collector-sample div{display:flex;gap:6px;flex-wrap:wrap}
.tk2-collector-sample span{padding:5px 8px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:12px;font-weight:1000}
@media(max-width:1400px){
  .tk2-hero{align-items:flex-start;flex-direction:column}
  .tk2-hero-stats{min-width:0;width:100%}
  .tk2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk2-grid{grid-template-columns:1fr}
  .tk2-span-2{grid-column:auto}
  .tk2-collector-form,.tk2-collector-auto{grid-template-columns:1fr}
  .tk2-collector-buttons{justify-content:flex-start}
  .tk2-collector-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .tk2-hero h2{font-size:24px}
  .tk2-hero-stats,.tk2-kpis,.tk2-kpis.compact,.tk2-form-grid,.tk2-metrics,.tk2-collector-metrics{grid-template-columns:1fr}
  .tk2-advice>div{grid-template-columns:1fr}
  .tk2-toolbar{align-items:flex-start;flex-direction:column}
}