.staff-ribbon{display:block;flex-shrink:0;width:200px;max-width:100%;aspect-ratio:6/1;background-image:url('/assets/generated-badges/staff-ribbons.png?v=1');background-size:100% 400%;background-repeat:no-repeat;background-position:center 0;border:0;margin:0 0 5px;vertical-align:middle}.staff-moderator{background-position:center 33.333333%}.staff-editor{background-position:center 66.666667%}.staff-support{background-position:center 100%}.post-user .staff-ribbon{width:150px;margin:0 auto 5px}.member-dropdown .staff-ribbon{width:175px;margin-top:10px}.member-hover-ranks .staff-ribbon{width:160px}.staff-ribbon:focus-visible{outline:2px solid #c65b0a;outline-offset:3px}.staff-role-preview{margin:15px 0;padding:16px;border:1px solid #e5dfd7;border-radius:8px;background:#faf8f5}.staff-role-preview p{font-size:12px;line-height:1.7;color:#777}@media(max-width:760px){.post-user .staff-ribbon{width:145px;margin:0 0 5px}.own-profile-title .staff-ribbon{max-width:175px}}
nav .nav-links [hidden],nav .ad-link[hidden],.premium-nav-link[hidden]{display:none!important}.control-announcement-link{display:inline-block;color:#ad5a23;margin:10px;font-size:12px}
/* Ünvanlar aynı kutu ve görünür genişlikle gösterilir. */
.staff-ribbon{background-size:120% 400%;aspect-ratio:5/1;width:200px;height:40px;max-width:100%;margin:0 0 6px}
.own-profile-rank,.member-overview-rank,.member-dropdown-identity,.member-hover-ranks,.post-user .user-rank{--title-width:200px}
.own-profile-rank .staff-ribbon,.own-profile-rank .raster-badge:not(.achievement-dot),.member-overview-rank .staff-ribbon,.member-overview-rank .raster-badge:not(.achievement-dot),.member-dropdown-identity .staff-ribbon,.member-dropdown-identity .raster-badge:not(.achievement-dot),.member-hover-ranks .staff-ribbon,.member-hover-ranks .raster-badge:not(.achievement-dot),.post-user .user-rank .staff-ribbon,.post-user .user-rank .tayfa-ribbon.raster-badge,.post-user .user-rank .premium-ribbon.raster-badge{width:var(--title-width)!important;max-width:100%!important;flex-shrink:0}
.own-profile-rank .staff-ribbon,.member-overview-rank .staff-ribbon,.member-dropdown-identity .staff-ribbon,.member-hover-ranks .staff-ribbon,.post-user .user-rank .staff-ribbon{height:auto;aspect-ratio:5/1}
.post-user .user-rank{--title-width:160px}.member-hover-ranks{--title-width:180px}.member-dropdown-identity{--title-width:180px}
.own-profile-rank .tayfa-ribbon.raster-badge,.own-profile-rank .premium-ribbon.raster-badge,.member-overview-rank .tayfa-ribbon.raster-badge,.member-overview-rank .premium-ribbon.raster-badge{height:40px!important;object-fit:contain}
.own-profile-rank .raster-badge>img,.member-overview-rank .raster-badge>img{max-height:40px!important;object-fit:contain!important}
@media(max-width:760px){.own-profile-rank,.member-overview-rank{--title-width:180px}.own-profile-title .staff-ribbon{max-width:100%}}
/* Metal çerçeve raster kalır; ünvan yazısı küçük ölçekte net metindir. */
.staff-ribbon{position:relative;isolation:isolate}
.staff-ribbon>.staff-ribbon-label{position:absolute;left:30%;right:28%;top:35%;height:42%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#292b2d,#161819);border-radius:2px;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-shadow:0 1px 1px #000;white-space:nowrap;padding:0!important;margin:0!important;transform:none!important;box-shadow:0 0 2px 1px #17191a}
.staff-support>.staff-ribbon-label{font-size:9px!important}
.post-user .staff-ribbon>.staff-ribbon-label{font-size:9px!important}.post-user .staff-support>.staff-ribbon-label{font-size:8px!important}

.staff-ribbon.staff-ribbon-image,.staff-ribbon.staff-ribbon-custom{background-image:none}
.staff-ribbon-image>img{display:block;width:100%;height:100%;object-fit:contain}
.staff-ribbon-custom>.staff-ribbon-label{inset:0;height:100%;border:1px solid #946138;border-radius:6px;white-space:normal;text-align:center;overflow-wrap:anywhere}
.staff-role-upload-preview{display:block;width:min(100%,200px);aspect-ratio:5/1;object-fit:contain}
.staff-role-permissions{margin:14px 0;border:1px solid #ddd;border-radius:6px}
.staff-role-permissions legend{padding:0 5px}