.opa-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(360px,1.4fr);gap:16px;align-items:start}.opa-layout>.panel{margin-top:0}.opa-list{display:grid;gap:7px;max-height:60vh;margin-top:15px;overflow:auto}.opa-customer-row{display:grid;gap:3px;padding:12px 13px;border:1px solid var(--line);background:#0c1210;color:var(--soft);text-align:left}.opa-customer-row:hover{border-color:#24c8894d;background:#14211c;box-shadow:none;transform:none}.opa-customer-row span,.opa-contact span,.opa-event span{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.opa-new{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.opa-new summary{color:var(--green);font-weight:750;cursor:pointer}.opa-contact-list,.opa-event-list{display:grid;gap:9px}.opa-contact,.opa-event{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#0c1210}.opa-event{border-left:3px solid var(--green)}.opa-contact button,.opa-secondary{justify-self:start;min-height:36px;background:#1c2924;color:var(--soft)}.opa-layout h3{margin:26px 0 8px;font-size:16px}.opa-layout .panel-head span{color:var(--muted);font-size:11px}@media(max-width:980px){.opa-layout{grid-template-columns:1fr}.opa-list{max-height:34vh}}@media(max-width:560px){.opa-layout{gap:12px}.opa-list{max-height:42vh}}