.designation-banner{background:linear-gradient(120deg,#06274b,#0b4f88)}.designation-visual{width:360px;display:flex;align-items:center;justify-content:center;gap:15px;color:#fff}.designation-visual>span{width:105px;height:82px;display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.1);font-weight:800}.designation-visual small{display:block;margin-top:4px;color:#b8ddff}.designation-visual>div{display:grid;grid-template-columns:repeat(2,85px);gap:8px}.designation-visual b{padding:10px 5px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(2,25,52,.35);font-size:11px;text-align:center}.designation-summary{grid-template-columns:repeat(4,1fr)!important}.designation-toolbar{grid-template-columns:minmax(250px,1fr) 180px 150px auto auto auto}.designation-identity i{background:#e5f1ff;color:#1269b8}.designation-grade{display:inline-block;min-width:34px;padding:5px 8px;border-radius:7px;background:#edf5ff;color:#145d9f;font-size:11px;font-weight:800;text-align:center}@media(max-width:1100px){.designation-visual{display:none}.designation-toolbar{grid-template-columns:1fr 170px}.designation-summary{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:700px){.designation-toolbar,.designation-summary{grid-template-columns:1fr!important}}