.tcs-wide{max-width:1100px}
.tp-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;background:#ECF7E1;border-radius:8px;padding:8px 12px;margin-bottom:14px}
.tp-stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}
.tp-stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.tp-stat b{display:block;font-size:1.7rem;line-height:1.1}
.tp-stat.tp-red{border-color:var(--err);background:#FDECEA;color:var(--err)}
.tp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tp-tabs button{padding:8px 14px;border:1px solid #94A3B8;border-radius:999px;background:#fff;font:inherit;font-weight:600;cursor:pointer}
.tp-tabs button[aria-pressed=true]{border-color:var(--forest);background:#ECF7E1;color:var(--forest)}
.tp-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.tp-table th,.tp-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;font-size:.93rem;vertical-align:top}
.tp-table th{background:#F1F5F9;font-weight:700}
.tp-table tr.tp-row{cursor:pointer}
.tp-table tr.tp-row:hover{background:#F8FAFC}
.tp-table tr.tp-late{background:#FDECEA}
.tp-table tr.tp-late td:first-child{box-shadow:inset -4px 0 0 var(--err)}
.tp-tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.8rem;font-weight:700;background:#E2E8F0}
.tp-tag.urgent{background:#FFF2B3}
.tp-tag.critical{background:#F9C6C0;color:#7A1810}
.tp-tag.late{background:var(--err);color:#fff}
.tp-detail{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:14px}
.tp-detail h2{margin:0 0 8px}
.tp-kv{display:grid;gap:6px 16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:10px 0}
.tp-kv span{display:block;color:#475569;font-size:.82rem}
.tp-kv b{font-weight:600}
.tp-box{background:#F8FAFC;border:1px solid var(--line);border-radius:8px;padding:10px;white-space:pre-wrap}
.tp-files li,.tp-tl li{margin:4px 0}
.tp-actions{border-top:1px solid var(--line);margin-top:14px;padding-top:6px}
.tp-btn-danger{background:var(--err);border-color:var(--err)}
.tp-btn-danger:hover{background:#8E1B12}
.tp-warn{background:#FFFBE0;border:1px solid #E5D800;border-radius:8px;padding:8px 12px;margin-top:8px;font-weight:600}
@media(max-width:700px){.tp-table thead{display:none}.tp-table,.tp-table tbody,.tp-table tr,.tp-table td{display:block;width:100%}.tp-table tr{border-bottom:2px solid var(--line)}}
.tcs-hero~#tp-body>.tcs-card{margin-top:-46px;position:relative;z-index:2;box-shadow:0 22px 44px -26px rgba(15,23,42,.55);border-radius:16px;padding:22px}
.tcs-hero~#tp-body>.tcs-card h2{font-size:1.4rem;color:var(--forest)}
.tcs-hero~#tp-body>.tcs-card .tcs-btn{width:100%;font-size:1.1rem;padding:14px 20px;border-radius:12px;background:linear-gradient(135deg,var(--forest),#0C7E41)}
.tcs-hero~#tp-body>.tcs-card input{font-size:1.2rem;padding:13px 14px;border-width:2px}
.tcs-hero~.tcs-msg{position:relative;z-index:3}