:root{--tspm-bg:#f4f7fb;--tspm-surface:#fff;--tspm-text:#172033;--tspm-muted:#607086;--tspm-border:#dce4ef;--tspm-primary:#243b6b;--tspm-primary-2:#36598f;--tspm-good:#dff5e7;--tspm-warn:#fff2c7;--tspm-bad:#fde0e0;--tspm-soft:#eef3fb;--tspm-radius:18px;--tspm-shadow:0 12px 35px rgba(22,34,51,.08)}
body:has(.tspm-public){background:linear-gradient(135deg,#eef3fb,#f8fbff);margin:0;color:var(--tspm-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.tspm,.tspm-public{color:var(--tspm-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.tspm h1,.tspm h2,.tspm h3,.tspm-public h1,.tspm-public h2,.tspm-public h3{color:var(--tspm-text);line-height:1.15;margin-top:0}.tspm h1{font-size:32px;font-weight:800;margin-bottom:8px}.tspm h2{font-size:24px;margin:22px 0 10px}.tspm h3{font-size:18px;margin:0 0 10px}.tspm a,.tspm-public a{color:var(--tspm-primary)}
.tspm .tspm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:20px 0}.tspm .tspm-grid-small{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.tspm-card{background:var(--tspm-surface);border:1px solid var(--tspm-border);border-radius:var(--tspm-radius);padding:20px;box-shadow:var(--tspm-shadow)}.tspm-card strong{display:block;font-size:34px;line-height:1;font-weight:800}.tspm-card span,.tspm-muted,.tspm-help{color:var(--tspm-muted)}.tspm-help{font-size:13px;margin-top:0}.tspm-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.tspm-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin:20px 0}.tspm-columns>div,.tspm-panel,.tspm-filter,.tspm-session-head{background:var(--tspm-surface);border:1px solid var(--tspm-border);border-radius:var(--tspm-radius);padding:18px;box-shadow:var(--tspm-shadow)}.tspm-session-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin:14px 0}.tspm-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.tspm input[type=text],.tspm input[type=email],.tspm input[type=url],.tspm input[type=number],.tspm input[type=date],.tspm input[type=datetime-local],.tspm textarea,.tspm select,.tspm-public input[type=text],.tspm-public input[type=email],.tspm-public input[type=url],.tspm-public input[type=number],.tspm-public input[type=date],.tspm-public textarea,.tspm-public select,.tspm-input{width:100%;max-width:760px;box-sizing:border-box;border:1px solid var(--tspm-border);border-radius:12px;padding:11px 13px;background:#fff;color:var(--tspm-text);box-shadow:none;min-height:42px}.tspm textarea,.tspm-public textarea{min-height:108px}.tspm label strong,.tspm-public label strong{display:block;margin-bottom:6px}.tspm input:focus,.tspm textarea:focus,.tspm select:focus,.tspm-public input:focus,.tspm-public textarea:focus,.tspm-public select:focus{outline:3px solid rgba(54,89,143,.18);border-color:var(--tspm-primary-2)}
.tspm-btn{appearance:none;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:10px 16px;min-height:40px;font-weight:750;line-height:1.2;cursor:pointer;box-shadow:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.tspm-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(22,34,51,.12)}.tspm-btn-primary{background:var(--tspm-primary);color:#fff!important}.tspm-btn-secondary{background:var(--tspm-soft);color:var(--tspm-primary)!important}.tspm-btn-ghost{background:#fff;color:var(--tspm-primary)!important;border:1px solid var(--tspm-border)}.tspm-btn-small{padding:7px 10px;min-height:32px;font-size:12px}.tspm-danger{color:#a31515!important;background:#fff0f0!important}
.tspm-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;background:#edf1f7;white-space:nowrap;font-size:12px;font-weight:750;margin:1px 0}.tspm-given,.tspm-open,.tspm-attended,.tspm-accepted,.tspm-signed{background:var(--tspm-good);color:#115a2b}.tspm-declined,.tspm-closed,.tspm-removed{background:var(--tspm-bad);color:#8f1717}.tspm-sent,.tspm-waiting,.tspm-not_sent,.tspm-draft,.tspm-pending{background:var(--tspm-warn);color:#765600}.tspm-archived{background:#e7e9ee;color:#424b57}.tspm-notice{background:#f8fbff;border:1px solid var(--tspm-border);border-left:6px solid var(--tspm-primary-2);border-radius:14px;padding:14px;margin:16px 0}.tspm-alert{border-radius:14px;padding:10px 14px;margin:12px 0;border:1px solid var(--tspm-border);box-shadow:var(--tspm-shadow)}.tspm-alert-success{background:var(--tspm-good)}.tspm-alert-warning{background:var(--tspm-warn)}
.tspm-data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--tspm-surface);border:1px solid var(--tspm-border);border-radius:16px;overflow:hidden;box-shadow:var(--tspm-shadow);margin:12px 0 24px}.tspm-data-table th{background:#edf3fb;color:var(--tspm-primary);font-size:12px;text-transform:uppercase;letter-spacing:.04em;text-align:left}.tspm-data-table th,.tspm-data-table td{padding:13px 14px;border-bottom:1px solid var(--tspm-border);vertical-align:top}.tspm-data-table tr:last-child td{border-bottom:0}.tspm-inline-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tspm-inline-form select{width:auto;min-width:130px}
.tspm-public{max-width:820px;margin:30px auto;background:var(--tspm-surface);border:1px solid var(--tspm-border);border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(22,34,51,.12)}.tspm-public h2{font-size:30px;margin-bottom:14px}.tspm-public form{margin-top:18px}.tspm-public p{line-height:1.55}.tspm-signature-block{background:#f8fbff;border:1px solid var(--tspm-border);border-radius:18px;padding:16px;margin:20px 0}.tspm-signature-pad{display:block;max-width:100%;height:auto;background:#fff;border:2px dashed #aebbd0;border-radius:14px;touch-action:none;box-sizing:border-box}.tspm-signature-pad.tspm-signature-active{border-color:var(--tspm-primary-2);box-shadow:0 0 0 4px rgba(54,89,143,.12)}.tspm-signature-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.tspm-signature-error{color:#a31515;font-weight:700}.tspm-signature-invalid .tspm-signature-pad{border-color:#a31515;box-shadow:0 0 0 4px rgba(163,21,21,.12)}
@media(max-width:782px){.tspm{margin-right:8px}.tspm h1{font-size:26px}.tspm-card strong{font-size:28px}.tspm-data-table{display:block;overflow-x:auto;white-space:nowrap}.tspm-public{margin:10px;padding:18px;border-radius:18px}.tspm-actions .tspm-btn,.tspm-public .tspm-btn{width:100%;text-align:center}.tspm-inline-form{display:block}.tspm-inline-form select,.tspm-inline-form .tspm-btn{margin-top:6px;width:100%}.tspm-columns{grid-template-columns:1fr}.tspm-signature-pad{width:100%!important}}
.tspm-step-list p{margin:10px 0;padding:10px 12px;background:#f8fbff;border:1px solid var(--tspm-border);border-radius:12px}.tspm-email-template{border:1px solid var(--tspm-border);border-radius:16px;padding:16px;margin:14px 0;background:#f8fbff}.tspm-failed{background:var(--tspm-bad);color:#8f1717}.tspm-sent{background:var(--tspm-warn);color:#765600}

/* v1.7.0 App Layout & Usability Pass */
.tspm-app{max-width:1400px}.tspm-app-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--tspm-border);border-radius:22px;padding:8px;margin:14px 0 20px;box-shadow:var(--tspm-shadow)}.tspm-app-nav a{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;text-decoration:none!important;color:var(--tspm-muted);font-weight:750}.tspm-app-nav a:hover,.tspm-app-nav .tspm-nav-active{background:var(--tspm-primary);color:#fff!important}.tspm-session-workspace{background:linear-gradient(135deg,#fff,#f8fbff)}.tspm-kpi{position:relative;overflow:hidden}.tspm-kpi:after{content:"";position:absolute;right:-20px;bottom:-30px;width:90px;height:90px;border-radius:999px;background:rgba(54,89,143,.07)}.tspm-tabs{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--tspm-border);border-radius:20px;padding:8px;margin:18px 0;box-shadow:var(--tspm-shadow)}.tspm-tabs a{padding:10px 14px;border-radius:999px;text-decoration:none!important;font-weight:800;color:var(--tspm-muted)}.tspm-tabs a:hover,.tspm-tabs .tspm-tab-active{background:var(--tspm-primary);color:#fff!important}.tspm-tab-panel{background:transparent;margin:0 0 20px}.tspm-empty{background:#fff;border:1px dashed #b8c7db;border-radius:22px;padding:26px;text-align:center;box-shadow:var(--tspm-shadow);margin:18px 0}.tspm-empty h3{margin-bottom:8px}.tspm-small-link{font-size:13px;font-weight:800;text-decoration:none!important}.tspm-import-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin:16px 0}.tspm-wizard-card{background:#fff;border:1px solid var(--tspm-border);border-radius:22px;padding:16px;box-shadow:var(--tspm-shadow)}.tspm-wizard-card .tspm-panel{box-shadow:none;border-radius:18px;margin:0}.tspm-wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 14px}.tspm-wizard-steps span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:34px;border-radius:999px;background:#edf3fb;color:var(--tspm-primary);font-size:12px;font-weight:800}.tspm-modal{display:none;position:fixed;inset:0;z-index:100000}.tspm-modal.tspm-modal-open{display:block}.tspm-modal-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.48);backdrop-filter:blur(2px)}.tspm-modal-dialog{position:relative;background:#fff;border:1px solid var(--tspm-border);border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.22);max-width:780px;max-height:86vh;overflow:auto;margin:7vh auto;padding:20px}.tspm-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid var(--tspm-border);padding-bottom:12px;margin-bottom:14px}.tspm-modal-close{appearance:none;border:0;background:#eef3fb;color:var(--tspm-primary);width:38px;height:38px;border-radius:999px;font-size:26px;line-height:1;cursor:pointer;font-weight:800}.tspm-modal .tspm-panel{box-shadow:none;border:0;padding:0}.tspm-modal .tspm-form{margin:0}.tspm-data-table td .tspm-btn{margin:2px}.tspm-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.tspm-filter label{min-width:220px}.tspm-csv-preview .tspm-wizard-steps{margin-bottom:18px}
@media(max-width:782px){.tspm-app-nav{position:sticky;top:0;z-index:20;overflow-x:auto;flex-wrap:nowrap}.tspm-app-nav a{white-space:nowrap}.tspm-tabs{overflow-x:auto;flex-wrap:nowrap}.tspm-tabs a{white-space:nowrap}.tspm-modal-dialog{margin:4vh 10px;max-height:92vh;padding:16px}.tspm-wizard-steps{grid-template-columns:1fr 1fr}.tspm-import-grid{grid-template-columns:1fr}.tspm-session-head .tspm-actions{width:100%}}

.tspm-code-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 14px}
.tspm-code-row code{display:inline-block;background:#f5f7fb;border:1px solid #d9e1ee;border-radius:12px;padding:10px 12px;max-width:100%;overflow:auto;white-space:nowrap}
.tspm-details summary{cursor:pointer;padding:4px 0 12px;font-size:16px;color:#172033}