/* TOPMET 2026.219 – jednolita identyfikacja wizualna ról */
.tm-role-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px;vertical-align:middle;max-width:100%}
.tm-role-badge{--role-bg:#f0f0ec;--role-fg:#353535;--role-border:#d4d4cc;display:inline-flex;align-items:center;justify-content:center;max-width:100%;border:1px solid var(--role-border);border-radius:999px;background:var(--role-bg);color:var(--role-fg)!important;font-size:11px;font-weight:700;line-height:1.3;padding:4px 9px;white-space:normal;text-align:center;overflow-wrap:anywhere}
.tm-role--administrator{--role-bg:#fff0ee;--role-fg:#992f2c;--role-border:#f2c8c2}
.tm-role--supervisor{--role-bg:#eeeafd;--role-fg:#553c91;--role-border:#d8cdf6}
.tm-role--reports{--role-bg:#e9f3fd;--role-fg:#235581;--role-border:#c3dcef}
.tm-role--report_download{--role-bg:#e6f6f2;--role-fg:#176c62;--role-border:#bde5db}
.tm-role--cost_dashboard{--role-bg:#fff5d2;--role-fg:#775700;--role-border:#e9d27c}
.tm-role--cost_map{--role-bg:#edf3e3;--role-fg:#496a24;--role-border:#d0dfb8}
.tm-role--cost_map_pl{--role-bg:#fcecf5;--role-fg:#913d6d;--role-border:#ecc6db}
.tm-role--shipment_optimizer{--role-bg:#fceee0;--role-fg:#8a4c20;--role-border:#efd2b5}
.tm-role--shipment_optimizer_int{--role-bg:#e7f3f6;--role-fg:#236778;--role-border:#b9dce5}
.tm-role-badge--compact{font-size:9px;padding:2px 5px;white-space:nowrap}
.tm-user-role-summary{display:block;max-width:210px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}
.tm-user-role-summary .tm-role-badges{display:inline-flex;flex-wrap:nowrap;max-width:100%;overflow:hidden;vertical-align:middle}
.tm-user-role-summary .tm-role-badge{flex:0 0 auto}
.user-dropdown-head .tm-role-badges,.profile95-header .tm-role-badges{display:flex}
.tm-role-readonly{display:flex;align-items:center;height:auto;min-height:38px;background:#f8f8f6!important}
.role-choice.tm-role--administrator>span,.role-choice.tm-role--supervisor>span,.role-choice.tm-role--reports>span,.role-choice.tm-role--report_download>span,.role-choice.tm-role--cost_dashboard>span,.role-choice.tm-role--cost_map>span,.role-choice.tm-role--cost_map_pl>span,.role-choice.tm-role--shipment_optimizer>span,.role-choice.tm-role--shipment_optimizer_int>span{border-left:3px solid var(--role-border)}
.role-choice[class*="tm-role--"] i{color:var(--role-fg)!important}
.role-choice[class*="tm-role--"] input:checked+span{background:var(--role-bg)!important;border-color:var(--role-border)!important;box-shadow:inset 0 0 0 1px var(--role-border)!important}
@media(max-width:575.98px){.tm-user-role-summary{max-width:130px!important}.tm-role-badges{gap:4px}.tm-role-badge{font-size:10px;padding:3px 7px}}
@media(prefers-contrast:more){.tm-role-badge{border-width:2px}}

/* Etap 229: nowe uprawnienie kalkulatora w stylistyce TOPMET */
.tm-role--transport_costs{--role-bg:#fff8d8;--role-fg:#695500;--role-border:#edd77c}
.role-choice.tm-role--transport_costs>span{border-left:3px solid var(--role-border)}