.otc-hero{display:flex;justify-content:space-between;align-items:center;padding:26px;background:linear-gradient(135deg,#5138cc,#7658eb);color:#fff}.otc-hero small{font-weight:800;letter-spacing:1.4px}.otc-hero h2{font-size:27px;margin:7px 0}.otc-hero p{color:#eeeaff}.otc-list{display:grid;gap:14px}.otc-item{display:grid;grid-template-columns:auto 1fr auto;gap:15px;border:1px solid #e4e7ec;border-radius:16px;padding:16px}.otc-icon{width:45px;height:45px;border-radius:13px;background:#f0ecff;color:#6747df;display:grid;place-items:center;font-size:21px}.otc-main{display:grid;gap:4px}.otc-main small,.otc-state small{color:#7a8494}.otc-main p{color:#475467;line-height:1.5;max-height:72px;overflow:auto;margin:7px 0}.otc-main em{font-style:normal;color:#b54708;font-weight:700}.otc-state{display:grid;justify-items:end;gap:8px}.otc-actions{grid-column:2/-1;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.otc-actions label{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #d9dce5;border-radius:9px;cursor:pointer}.otc-actions input{display:none}.otc-actions .danger{color:#b42318;background:#fff1f0}.otc-actions a{padding:9px 12px;border:1px solid #d9dce5;border-radius:9px;color:#475467;text-decoration:none}@media(max-width:800px){.otc-hero{align-items:flex-start;gap:15px;flex-direction:column}.otc-item{grid-template-columns:auto 1fr}.otc-state{grid-column:1/-1;justify-items:start}.otc-actions{grid-column:1/-1}.otc-actions>*{flex:1;text-align:center;justify-content:center}}