.otDemo{margin:0;background:#f5f7f9;color:#172331;font-family:Arial,sans-serif;letter-spacing:0}.otDemo [hidden]{display:none!important}.demoHeader{display:flex;align-items:center;gap:20px;background:white;border-bottom:3px solid #268758;padding:16px 24px}.demoHeader img{width:120px;height:58px;object-fit:contain}.demoHeader strong{display:block;font-size:20px}.demoHeader span{display:block;font-size:12px;font-weight:bold;color:#286748;margin-top:6px}.demoHeader nav{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.otDemo main{max-width:1440px;margin:auto;padding:24px}.otDemo #demoLogin,.otDemo #demoChange{max-width:420px;margin:48px auto}.otDemo h1{font-size:24px}.otDemo form label{display:block}.otDemo #demoLoginForm,.otDemo #demoChangeForm{display:grid;gap:18px}.otDemo #demoError{color:#a52323;white-space:pre-wrap}.otDemo #signingStage{display:block}.otDemo button,.otDemo input,.otDemo select{min-height:40px}.otDemo .tsPdfInput{min-height:0}.otDemo .tsHead{flex-wrap:wrap}.otDemo .tsHead h2{font-size:22px}.otDemo .tsScroll td:last-child{display:flex;gap:6px;flex-wrap:wrap}.otDemo .primary{background:#176b4b;color:#fff;border-color:#176b4b}.otDemo .primary:hover{background:#115038}.otDemo .secondary{background:#fff;color:#22334a}.otDemo .tsListFilter{margin:16px 0}.otDemo .templateField{min-height:0}@media(max-width:700px){.demoHeader{padding:12px;gap:12px;flex-wrap:wrap}.demoHeader nav{margin:0;width:100%}.otDemo main{padding:12px}.demoHeader strong{font-size:18px}.otDemo .tsHead h2{font-size:20px}.otDemo .tsHead .actions{width:100%}}