/* Triply-friendly UI for Partner Dashboard (Safe Filter build) */
:root{ --ttpd-primary: var(--tm-color-primary, var(--primary, var(--theme-color-primary, #ff6a00))); --ttpd-muted:#6b7280; --ttpd-border:#ececec; --ttpd-shadow:0 6px 18px rgba(0,0,0,.06); }
.ttpd-wrap{max-width:1200px;margin:24px auto;padding:0 12px;color:#111;font-family:inherit}
.ttpd-header{display:flex;align-items:center;gap:14px;margin-bottom:6px}
/* Match website header logo size: adjustable max-height for responsiveness */

@media (max-width:640px){  }
.ttpd-header h1{margin:0;font-size:28px}
.ttpd-filter{display:flex;gap:10px;align-items:end;margin:10px 0 16px;flex-wrap:wrap}
.ttpd-filter label{display:flex;flex-direction:column;font-weight:600;font-size:13px}
.ttpd-filter select{border:1px solid var(--ttpd-border);padding:10px 12px;border-radius:14px;background:#fff}
.ttpd-stats{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px;margin:6px 0 18px}
.ttpd-card{background:#fff;border:1px solid var(--ttpd-border);border-radius:18px;padding:14px 16px;box-shadow:var(--ttpd-shadow)}
.ttpd-card .label{font-size:12px;color:var(--ttpd-muted);text-transform:uppercase;letter-spacing:.3px}
.ttpd-card .value{font-weight:800;font-size:22px;margin-top:4px}
.ttpd-form{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:14px;background:#fafafa;border:1px solid var(--ttpd-border);border-radius:20px;padding:16px;margin-bottom:18px;box-shadow:var(--ttpd-shadow)}
.ttpd-form label{display:flex;flex-direction:column;font-weight:600;font-size:13px}
.ttpd-form input,.ttpd-form select,.ttpd-form textarea{margin-top:6px;border-radius:12px;border:1px solid var(--ttpd-border);padding:11px 12px;background:#fff}
.ttpd-form input:focus,.ttpd-form select:focus,.ttpd-form textarea:focus{outline:none;border-color:var(--ttpd-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--ttpd-primary) 25%, transparent)}
.ttpd-form .req{color:#e11d48}
.ttpd-form button{grid-column:1/-1;justify-self:start;border-radius:999px;background:var(--ttpd-primary);border:0;padding:11px 18px;font-weight:700;color:#fff;box-shadow:var(--ttpd-shadow);cursor:pointer}
.table-responsive{overflow-x:auto;border-radius:16px;border:1px solid var(--ttpd-border);box-shadow:var(--ttpd-shadow)}
.ttpd-table{min-width:760px;width:100%;border-collapse:separate;border-spacing:0;background:#fff}
.ttpd-table th{background:#f8fafc;border-bottom:1px solid var(--ttpd-border);padding:12px;text-align:left;font-size:13px;white-space:nowrap}
.ttpd-table td{border-bottom:1px solid var(--ttpd-border);padding:12px;text-align:left;white-space:nowrap}
@media(max-width:980px){.ttpd-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ttpd-form{grid-template-columns:1fr}}
.button.button-primary{background:var(--ttpd-primary);border:none;border-radius:999px;padding:10px 16px;font-weight:700}