.av-shell{display:grid;gap:14px}.av-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.av-head h2{margin:0;font-size:24px}.av-head p{margin:4px 0 0;color:#68717e}.av-card{background:#fff;border:1px solid #dfe4e9;border-radius:14px;padding:16px}.av-tabs{display:flex;gap:5px;border-bottom:1px solid #dfe4e9}.av-tabs button{border:0;background:none;padding:12px 16px;font-weight:800}.av-tabs .on{color:#d7192d;border-bottom:3px solid #e51d32}.av-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#66707d}.av-state.bad{color:#9d1622}.av-spinner{width:28px;height:28px;border:3px solid #dfe4e9;border-top-color:#e51d32;border-radius:50%;animation:avspin .8s linear infinite}.av-table-wrap{overflow:auto}.av-table-wrap table{width:100%;border-collapse:collapse}.av-table-wrap th,.av-table-wrap td{text-align:left;border-bottom:1px solid #e6eaee;padding:12px 10px;font-size:12px;vertical-align:top}.av-table-wrap small,.av-connection span{display:block;color:#737d89;margin-top:3px}.av-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.av-template-grid article{border:1px solid #dfe4e9;border-radius:12px;padding:14px}.av-template-grid h3{margin:8px 0}.av-template-grid span{font-size:10px;font-weight:900;color:#08764c}.av-note{display:flex;gap:12px;padding:14px;border:1px solid #bce5cd;background:#effbf4;border-radius:12px}.av-note span{color:#466057}.av-backdrop{position:fixed;inset:0;background:#1118;z-index:10020}.av-drawer{position:fixed;z-index:10021;right:0;top:0;bottom:0;width:min(760px,100%);background:#fff;display:flex;flex-direction:column;box-shadow:-20px 0 50px #0002}.av-drawer>header,.av-drawer>footer{padding:16px 20px;border-bottom:1px solid #e3e7eb;display:flex;justify-content:space-between;gap:9px}.av-drawer>footer{border-top:1px solid #e3e7eb;border-bottom:0;justify-content:flex-end;flex-wrap:wrap}.av-drawer-body{overflow:auto;padding:20px}.av-grid,.av-response-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.av-grid label,.av-response-grid label,.av-connection-grid label{display:grid;gap:6px;font-weight:800;font-size:12px}.av-palette{display:flex;gap:7px;flex-wrap:wrap}.av-palette button{padding:8px;border:1px solid #ccd3da;background:#fff;border-radius:8px}.av-builder-list{display:grid;gap:8px;margin:14px 0}.av-builder-list article{display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:8px;align-items:center;border:1px solid #dfe4e9;padding:10px;border-radius:10px}.av-builder-list article label{display:grid;gap:4px;font-size:11px}.av-builder-list button{border:0;background:#f3f5f7;border-radius:7px;padding:7px}.av-required{display:flex!important;align-items:center}.av-drag{cursor:grab}.av-filters{display:grid;grid-template-columns:repeat(4,1fr) auto auto;gap:9px;align-items:end}.av-filters label{font-size:11px;font-weight:800}.av-filters input{width:100%;margin-top:5px;padding:9px;border:1px solid #ccd3da;border-radius:8px}.av-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.av-kpis article{background:#fff;border:1px solid #dfe4e9;border-radius:12px;padding:15px}.av-kpis b{display:block;font-size:25px;margin-top:7px}.av-report-grid,.av-connection-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.av-live-chart{height:280px;display:flex;gap:8px;align-items:end}.av-live-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;text-align:center;gap:5px}.av-live-chart i{display:block;background:linear-gradient(#ef3340,#a30f1d);border-radius:5px 5px 0 0}.av-live-chart b,.av-live-chart span{font-size:9px}.av-report-json{white-space:pre-wrap;max-height:300px;overflow:auto;background:#f7f8fa;padding:10px}.av-profit-list{display:grid}.av-profit-list a{display:flex;justify-content:space-between;padding:11px;border-bottom:1px solid #e6eaee;text-decoration:none;color:#17191c}.av-connection-grid label{margin:9px 0}.av-connection{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e6eaee}.av-accept{margin-top:22px;padding-top:15px;border-top:1px solid #e6eaee}@keyframes avspin{to{transform:rotate(360deg)}}
@media(max-width:680px){.av-head{flex-direction:column}.av-grid,.av-response-grid,.av-filters,.av-kpis,.av-report-grid,.av-connection-grid{grid-template-columns:1fr}.av-builder-list article{grid-template-columns:auto 1fr auto}.av-required{grid-column:2}.av-live-chart{overflow-x:auto}.av-profit-list a{align-items:flex-start;flex-direction:column}.av-drawer>footer .btn{flex:1}.av-note{flex-direction:column}}