.role-home{display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(190px,.7fr);align-items:center;gap:22px;margin-bottom:16px;padding:16px 18px;border:1px solid #cbdde9;border-left:5px solid #3979b7;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#eef5fc);box-shadow:0 5px 16px rgba(26,65,96,.06)}
.role-home.salesperson{border-color:#c8e2da;border-left-color:#169579;background:linear-gradient(135deg,#f8fcfb,#edf8f5)}
.role-identity{display:flex;align-items:center;gap:13px}.role-identity>div{display:grid;gap:3px}.role-identity>div>b{font-size:18px;color:#17384d}.role-identity>div>span{font-size:13px;color:#587181}
.role-badge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:8px 9px;border-radius:9px;background:#2f6fae;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em}.salesperson .role-badge{background:#168c74}
.role-workflow{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(47,111,174,.18);border-radius:10px;background:rgba(255,255,255,.72);white-space:nowrap}.role-workflow span{font-size:12px;font-weight:700;color:#35566b}.role-workflow i{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:3px;border-radius:50%;background:#dceafa;color:#2e659b;font-style:normal;font-size:10px}.role-workflow>b{color:#8ca4b5}.salesperson .role-workflow i{background:#d9f0e9;color:#13765f}
.role-access{display:grid;gap:2px;padding-left:14px;border-left:1px solid #cedce5;color:#607986;font-size:12px;line-height:1.35}.role-access>b{color:#264a60;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
@media(max-width:1050px){.role-home{grid-template-columns:1fr auto}.role-access{grid-column:1/-1;padding:8px 0 0;border-left:0;border-top:1px solid #d9e4eb}}
@media(max-width:700px){.role-home{grid-template-columns:1fr;gap:13px}.role-identity{align-items:flex-start;flex-direction:column}.role-workflow{width:100%;justify-content:space-between;box-sizing:border-box}.role-access{grid-column:auto}.role-workflow>b{display:none}}
