/* Faction filters use their own silhouettes, without the generic tab frame. */
body .employee-filters{align-items:center;gap:14px;min-height:40px}
body .employee-filters button.employee-faction-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;padding:2px!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;outline:none!important;cursor:pointer;transition:filter .16s ease,opacity .16s ease;opacity:.7;filter:drop-shadow(0 0 2px #9bd8ee55)}
body .employee-faction-icon img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
body .employee-filters button.employee-faction-icon:is(:hover,:focus-visible,[aria-pressed="true"]){opacity:1;filter:drop-shadow(0 0 4px #98d7ee99) drop-shadow(0 0 8px #75b8d044)}
body .employee-faction-icon::before,body .employee-faction-icon::after,body .employee-faction-icon>.ui-clean-frame,body .employee-faction-icon>.adaptive-frame,body .employee-faction-icon>.ornate-frame{display:none!important;content:none!important}
@media(max-width:760px){body .employee-filters{gap:12px}body .employee-filters button.employee-faction-icon{width:40px;height:40px;flex-basis:40px}}