.dist-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.dist-card{border:1px solid #557784;background:#14303d;color:#dce7ec;border-radius:9px;padding:11px 5px;cursor:pointer;font-size:12px}.dist-card.selected{border-color:#d0c287;background:#34444b;font-weight:750}.dist-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0}.dist-summary>div{background:#142b37;border-radius:8px;border:1px solid #42606a55;padding:11px;min-width:0}.dist-summary small{font-size:12px;color:#a5bcc7;display:block}.dist-summary strong{font-size:clamp(14px,1.2vw,20px);overflow-wrap:anywhere;color:#f3f2e0}.dist-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:11px 0}.dist-controls label{display:grid;gap:5px;font-size:13px;min-width:130px;flex:1}.dist-controls select{min-height:40px;background:#193443;border:1px solid #5d7b84;color:#effafd;border-radius:7px;padding:7px}.dist-overlay{display:flex;align-items:center;gap:7px;margin:11px 0;font-size:13px}@media(max-width:620px){.dist-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dist-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dist-controls{display:grid;grid-template-columns:1fr}.dist-controls label{min-width:0}}