/* Grup penceresi — DO window1 chrome (game.xml id=23, 330px) + ui SWF ikonları */
.grup-panel {
    --gp-w: 220px;
    --gp-t: 28px;
    --gp-l: 20px;
    --gp-l-head: calc(40px * var(--gp-t) / 36px);
    --gp-r: 14px;
    --gp-r-head: calc(79px * var(--gp-t) / 36px);
    --gp-r-chrome: 32px;
    --gp-b: 8px;
    --gp-input-w: 138px;
    --gp-input-h: 24px;
    --gp-input-shift-x: -8px;
    --gp-hex-row-x: calc(var(--gp-input-shift-x) - 6px);
    --gp-invite-row-w: calc(var(--gp-input-w) + var(--gp-hex-w) * 2 - 8px);
    --gp-member-row-w: var(--gp-invite-row-w);
    --gp-member-row-x: calc(var(--gp-input-shift-x) + 3px);
    --gp-hex-w: 28px;
    --gp-hex-icon: 28px;
    position: absolute;
    top: 80px;
    left: 20px;
    z-index: 20;
    overflow: visible;
    padding: 0;
    pointer-events: none;
    cursor: default;
    border: none;
    background: transparent;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.65);
    width: var(--gp-w) !important;
    min-width: var(--gp-w) !important;
    max-width: min(var(--gp-w), 92vw) !important;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
    box-sizing: border-box;
}
.ui-panel.grup-panel {
    width: var(--gp-w) !important;
    min-width: var(--gp-w) !important;
    max-width: min(var(--gp-w), 92vw) !important;
}
.grup-panel .gp-chrome-row {
    grid-column: 1;
    width: 100% !important;
    min-width: 100%;
    box-sizing: border-box;
}
.grup-panel .gp-chrome-row.gp-chrome-bot {
    grid-template-columns: var(--gp-l) minmax(0, 1fr) var(--gp-r-chrome) !important;
}
.grup-panel .grup-panel-c {
    grid-column: 1;
    grid-template-columns: var(--gp-l) minmax(0, 1fr);
    width: 100% !important;
    box-sizing: border-box;
}
.grup-panel .grup-panel-r {
    display: none;
}
.grup-panel .grup-panel-main {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    padding-top: 0;
    box-sizing: border-box;
}
.grup-panel .grup-window-footer {
    width: 100%;
    border-top: none;
    padding: 4px 4px 2px;
    gap: 0;
    margin-top: 0;
    align-items: flex-start;
    box-sizing: border-box;
}
.grup-panel .grup-window-body {
    width: 100%;
    box-sizing: border-box;
}
.grup-panel .grup-window-received-invites,
.grup-panel .grup-window-sent-invites {
    width: var(--gp-invite-row-w);
    max-width: var(--gp-invite-row-w);
    transform: translateX(var(--gp-input-shift-x));
}
.grup-panel .grup-window-input-wrap {
    width: 100%;
    padding: 0;
    margin: 0;
    align-items: center;
    box-sizing: border-box;
}
.grup-panel .grup-window-input {
    flex: 0 0 auto;
    width: var(--gp-input-w) !important;
    max-width: var(--gp-input-w) !important;
    min-width: 0;
    height: var(--gp-input-h);
    margin-right: 0;
    margin-left: 0;
    position: relative;
    transform: translateX(var(--gp-input-shift-x));
    line-height: calc(var(--gp-input-h) - 4px);
}
.grup-panel .gp-chrome-top.grup-window-header {
    margin-bottom: 0;
}
.grup-panel .grup-panel-window {
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0;
    max-height: none;
    background: transparent !important;
    border: none !important;
    border-radius: 0;
    box-shadow: none !important;
    overflow: visible !important;
    cursor: default;
    box-sizing: border-box;
}
.grup-panel.hidden {
    display: none;
    pointer-events: none !important;
}
.grup-panel-shell {
    position: relative;
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
    min-width: 0;
    min-height: 0;
    background: transparent;
    overflow: visible;
    box-sizing: border-box;
}
.grup-panel .grup-panel-br {
    width: var(--gp-r-chrome);
}
.grup-panel .grup-panel-tr {
    width: var(--gp-r-head);
}
.grup-panel .grup-panel-close-btn {
    right: 6px;
}
.grup-panel--members .grup-window-members {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: var(--gp-member-row-w);
    max-width: var(--gp-member-row-w);
    padding: 2px 0 0;
    transform: translateX(var(--gp-member-row-x));
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}
#grupPanel.grup-panel.grup-panel--leader {
    --gp-member-row-w: calc(var(--gp-input-w) + var(--gp-hex-w) * 2 - 15px);
}
#grupPanel.grup-panel.grup-panel--members:not(.grup-panel--leader) {
    --gp-member-row-w: calc(var(--gp-invite-row-w) - 10px);
}
#grupPanel.grup-panel.grup-panel--members:not(.grup-panel--leader) .grup-window-members {
    width: var(--gp-member-row-w) !important;
    max-width: var(--gp-member-row-w) !important;
}
#grupPanel.grup-panel.grup-panel--leader .grup-window-members {
    width: var(--gp-member-row-w) !important;
    max-width: var(--gp-member-row-w) !important;
    transform: translateX(var(--gp-member-row-x)) !important;
}
#grupPanel.grup-panel.grup-panel--leader .grup-window-member {
    width: 100% !important;
    max-width: 100% !important;
}
.grup-panel--members .grup-window-body {
    flex: 0 0 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 0 4px 2px;
}
.grup-panel:not(.grup-panel--members) .grup-window-body {
    flex: 0 0 auto;
    padding: 0 4px 2px;
    overflow: hidden;
}
.grup-panel-shell::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    bottom: 2px;
    background:
        #0a0c10
        url('img/Darkorbit/window1/25.png') 0 0 / 16px auto repeat;
    z-index: 0;
    pointer-events: none;
}
.gp-chrome-row {
    display: grid;
    grid-template-columns: var(--gp-l) minmax(0, 1fr) var(--gp-r);
    width: 100%;
    flex: 0 0 auto;
    position: relative;
    z-index: 3;
}
.gp-chrome-row.gp-chrome-top {
    grid-template-columns: var(--gp-l-head) minmax(0, 1fr) var(--gp-r-head);
}
.gp-chrome-top.grup-window-header {
    height: var(--gp-t);
    margin-bottom: -10px;
    z-index: 6;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    flex: 0 0 auto;
    display: grid;
    align-items: stretch;
    gap: 0;
    padding: 0;
    background: transparent;
    border: none;
    pointer-events: auto;
    position: relative;
    overflow: visible;
}
.gp-chrome-top.grup-window-header:active {
    cursor: grabbing;
}
.grup-panel-tl {
    position: relative;
    width: var(--gp-l-head);
    height: var(--gp-t);
    background: url('img/Darkorbit/window1/32.png') left top / 100% 100% no-repeat;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 0;
    box-sizing: border-box;
    overflow: visible;
    z-index: 8;
}
.grup-panel-icon-hex {
    position: relative;
    width: 34px;
    height: 39px;
    margin: -2px 0 0 -10px;
    padding: 0;
    border: none;
    background: transparent url('img/Darkorbit/actionMenu/85_comb01_selected.png.png') center / 32px 35px no-repeat;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    flex-shrink: 0;
}
.grup-panel-icon-hex:hover {
    filter: brightness(1.12);
}
.grup-panel-title-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
    pointer-events: none;
    transform: translate(-50%, -46%);
}
.grup-panel-t {
    height: var(--gp-t);
    min-width: 0;
    background: url('img/Darkorbit/window1/31.png') center / auto 100% repeat-x;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 5px 4px 0 3px;
    box-sizing: border-box;
}
.grup-window-title {
    flex: none;
    color: #f2d080;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    text-shadow: 0 0 8px rgba(240, 180, 60, 0.35), 0 1px 0 #000;
    white-space: nowrap;
    transform: translate(-4px, -1px);
}
.grup-panel-tr {
    position: relative;
    width: var(--gp-r-head);
    height: var(--gp-t);
    background: url('img/Darkorbit/window1/30.png') no-repeat right top;
    background-size: auto 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.grup-panel-close-btn {
    position: absolute;
    top: 2px;
    right: 8px;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent url('img/Darkorbit/ui/571_winCloseBtn_normal.png') center / 14px 14px no-repeat;
    color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    box-shadow: none;
    opacity: 0.85;
}
.grup-panel--solo .grup-panel-close-btn {
    opacity: 0.65;
}
.grup-panel-close-btn:hover {
    background-image: url('img/Darkorbit/ui/572_winCloseBtn_over.png');
}
.grup-panel-close-btn:active {
    background-image: url('img/Darkorbit/ui/573_winCloseBtn_down.png');
}
.grup-panel-c {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: var(--gp-l) minmax(0, 1fr) var(--gp-r);
    overflow: hidden;
}
.grup-panel-l {
    background: url('img/Darkorbit/window1/33.png') left top / 100% 100% repeat-y;
    pointer-events: none;
}
.grup-panel-r {
    background: url('img/Darkorbit/window1/28.png') right top / 100% 100% no-repeat;
    pointer-events: none;
}
.grup-panel-main {
    position: relative;
    z-index: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    max-height: 70vh;
}
.grup-window-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2px 4px 4px;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.grup-panel--solo .grup-window-body:not(:has(.grup-received-invite-row, .grup-sent-invite-row)) {
    display: none;
}
.grup-window-members:empty {
    display: none;
}
.grup-window-members {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-height: 0;
}
.grup-window-member {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 4px 0 5px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(90, 100, 110, 0.35);
    border-radius: 2px;
    box-sizing: border-box;
    overflow: hidden;
}
.grup-window-member-top {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex-wrap: nowrap;
}
.grup-window-member-slot {
    font-size: 9px;
    color: #9aa8b4;
    flex-shrink: 0;
    max-width: 34%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateX(3px);
}
.grup-window-member-name {
    flex: 1;
    min-width: 0;
    font-size: 11px;
    font-weight: 700;
    color: #dce8f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 1px 0 #000;
    transform: translateX(3px);
}
.grup-window-member-leader-crown {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
}
.grup-panel .grup-window-member-leader-crown:has(.grup-window-member-leader-img) {
    width: 14px !important;
    height: 14px !important;
}
.grup-window-member-leader-crown .grup-window-member-leader-img {
    display: block;
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    object-fit: contain !important;
}
.grup-window-member-bars-row {
    display: flex;
    align-items: center;
    gap: 5px;
}
.grup-window-member-ship-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    flex-shrink: 0;
}
.grup-window-member-bars {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
    max-width: none;
}
.grup-window-bar-track {
    position: relative;
    height: 7px;
    overflow: hidden;
    background: url('img/Darkorbit/ui/657_bar_background.png') left center / auto 100% repeat-x;
}
.grup-window-bar-fill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    min-width: 0;
    transition: width 0.15s ease;
}
.grup-window-bar-fill--hp {
    background: url('img/Darkorbit/ui/661_bar_green.png') left center / auto 100% repeat-x;
}
.grup-window-bar-fill--shield {
    background: url('img/Darkorbit/ui/663_bar_blue.png') left center / auto 100% repeat-x;
}
.grup-window-member-target {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    object-fit: contain;
    opacity: 0.85;
}
.grup-window-member-hades-wave {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border-radius: 2px;
    background: linear-gradient(180deg, #2bd25d 0%, #13953b 100%);
    border: 1px solid #6ff095;
    color: #e8ffe8;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    flex-shrink: 0;
}
.grup-window-member-hades-wave-placeholder {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
.grup-window-footer {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 4px 0;
    border-top: none;
    background: transparent;
}
.grup-window-input-wrap {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: var(--gp-input-h);
}
.grup-window-input {
    flex: 0 0 auto;
    width: var(--gp-input-w);
    max-width: var(--gp-input-w);
    min-width: 0;
    height: var(--gp-input-h);
    padding: 2px 7px;
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(130, 145, 160, 0.5);
    border-radius: 1px;
    color: #dce8f0;
    font-size: 10px;
    outline: none;
    -webkit-user-select: text !important;
    user-select: text !important;
    touch-action: manipulation;
    line-height: calc(var(--gp-input-h) - 4px);
    box-sizing: border-box;
}
.grup-panel-input-editable:empty::before {
    content: attr(data-placeholder);
    color: #5a6878;
    pointer-events: none;
    font-style: normal;
}
.grup-panel-input-editable:focus {
    border-color: #7a9ab8;
    outline: none;
}
.grup-window-hex-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.grup-window-hex-row-inner {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: nowrap;
}
.grup-window-hex-row--fixed {
    margin-top: 0;
    margin-left: 0;
    flex-shrink: 0;
}
.grup-panel .grup-window-hex-row {
    align-self: flex-start;
    justify-content: flex-start;
    width: auto;
    max-width: 100%;
    margin-left: 0;
    transform: translateX(var(--gp-hex-row-x));
}
.grup-do-hex-btn {
    position: relative;
    width: var(--gp-hex-w);
    height: var(--gp-hex-w);
    min-width: var(--gp-hex-w);
    min-height: var(--gp-hex-w);
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    appearance: none;
    -webkit-appearance: none;
}
.grup-do-hex-btn::before {
    display: none;
}
.grup-do-hex-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: var(--gp-hex-icon);
    height: var(--gp-hex-icon);
    transform: translate(-50%, -50%);
    background: center / contain no-repeat;
    pointer-events: none;
}
.grup-do-hex-btn[data-do-icon="sendinv"]::after { background-image: url('img/Darkorbit/ui/140_btn_sendinv_std.png.png'); }
.grup-do-hex-btn[data-do-icon="sendinv"]:hover::after { background-image: url('img/Darkorbit/ui/141_btn_sendinv_mo.png.png'); }
.grup-do-hex-btn[data-do-icon="sendinv"]:active::after { background-image: url('img/Darkorbit/ui/142_btn_sendinv_da.png.png'); }
.grup-do-hex-btn[data-do-icon="blockinv"]::after { background-image: url('img/Darkorbit/ui/170_btn_blockinv_std.png.png'); }
.grup-do-hex-btn[data-do-icon="blockinv"]:hover::after { background-image: url('img/Darkorbit/ui/171_btn_blockinv_mo.png.png'); }
.grup-do-hex-btn[data-do-icon="blockinv"]:active::after,
.grup-do-hex-btn[data-do-icon="blockinv"].mode-active::after { background-image: url('img/Darkorbit/ui/172_btn_blockinv_da.png.png'); }
.grup-do-hex-btn[data-do-icon="allowinv"]::after { background-image: url('img/Darkorbit/ui/173_btn_allowinv_std.png.png'); }
.grup-do-hex-btn[data-do-icon="allowinv"]:hover::after { background-image: url('img/Darkorbit/ui/174_btn_allowinv_mo.png.png'); }
.grup-do-hex-btn[data-do-icon="allowinv"]:active::after { background-image: url('img/Darkorbit/ui/175_btn_allowinv_da.png.png'); }
.grup-do-hex-btn[data-do-icon="leave"]::after { background-image: url('img/Darkorbit/ui/155_btn_leave_std.png.png'); }
.grup-do-hex-btn[data-do-icon="leave"]:hover::after { background-image: url('img/Darkorbit/ui/156_btn_leave_mo.png.png'); }
.grup-do-hex-btn[data-do-icon="leave"]:active::after { background-image: url('img/Darkorbit/ui/157_btn_leave_da.png.png'); }
.grup-do-hex-btn[data-do-icon="ping"]::after { background-image: url('img/Darkorbit/ui/152_btn_ping_std.png.png'); }
.grup-do-hex-btn[data-do-icon="ping"]:hover::after { background-image: url('img/Darkorbit/ui/153_btn_ping_mo.png.png'); }
.grup-do-hex-btn[data-do-icon="ping"]:active::after,
.grup-do-hex-btn[data-do-icon="ping"].mode-active::after { background-image: url('img/Darkorbit/ui/154_btn_ping_da.png.png'); }
.grup-do-hex-btn[data-do-icon="follow"]::after { background-image: url('img/Darkorbit/ui/167_btn_follow_std.png.png'); }
.grup-do-hex-btn[data-do-icon="follow"]:hover::after { background-image: url('img/Darkorbit/ui/168_btn_follow_mo.png.png'); }
.grup-do-hex-btn[data-do-icon="follow"]:active::after,
.grup-do-hex-btn[data-do-icon="follow"].mode-active::after { background-image: url('img/Darkorbit/ui/169_btn_follow_da.png.png'); }
.grup-do-hex-btn[data-do-icon="promote"]::after { background-image: url('img/Darkorbit/ui/149_btn_promote_std.png.png'); }
.grup-do-hex-btn[data-do-icon="promote"]:hover::after { background-image: url('img/Darkorbit/ui/150_btn_promote_mo.png.png'); }
.grup-do-hex-btn[data-do-icon="promote"]:active::after,
.grup-do-hex-btn[data-do-icon="promote"].mode-active::after { background-image: url('img/Darkorbit/ui/151_btn_promote_da.png.png'); }
.grup-do-hex-btn[data-do-icon="kick"]::after { background-image: url('img/Darkorbit/ui/158_btn_kick_std.png.png'); }
.grup-do-hex-btn[data-do-icon="kick"]:hover::after { background-image: url('img/Darkorbit/ui/159_btn_kick_mo.png.png'); }
.grup-do-hex-btn[data-do-icon="kick"]:active::after,
.grup-do-hex-btn[data-do-icon="kick"].mode-active::after { background-image: url('img/Darkorbit/ui/160_btn_kick_da.png.png'); }
.grup-do-hex-btn[data-do-icon="invgroup"]::after { background-image: url('img/Darkorbit/ui/161_btn_inv_group_std.png.png'); }
.grup-do-hex-btn[data-do-icon="invgroup"]:hover::after { background-image: url('img/Darkorbit/ui/162_btn_inv_group_mo.png.png'); }
.grup-do-hex-btn[data-do-icon="invgroup"]:active::after,
.grup-do-hex-btn[data-do-icon="invgroup"].mode-active::after { background-image: url('img/Darkorbit/ui/163_btn_inv_group_da.png.png'); }
.grup-hex-mic-btn .grup-hex-mic-svg {
    position: relative;
    z-index: 1;
    width: 16px;
    height: 16px;
    display: block;
    margin: 3px auto 0;
    pointer-events: none;
}
.grup-hex-mic-btn {
    color: #9aa8b4;
}
.grup-hex-mic-btn.active {
    color: #4ade80;
}
.grup-hex-mic-btn.muted {
    color: #ef4444;
}
.grup-hex-mic-btn.connecting {
    color: #fbbf24;
}
.grup-window-member-voice {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: #6b7280;
    transition: color 0.15s ease;
}
.grup-window-member-voice--speaking {
    color: #4ade80;
    filter: drop-shadow(0 0 4px rgba(74, 222, 128, 0.75));
}
.grup-window-member-voice svg {
    width: 12px;
    height: 12px;
}
.gp-chrome-bot {
    height: var(--gp-b);
    margin-top: -2px;
    z-index: 3;
}
.grup-panel-bl {
    background: url('img/Darkorbit/window1/35.png') left bottom / 100% 100% no-repeat;
}
.grup-panel-b {
    background: url('img/Darkorbit/window1/34.png') left bottom / 100% 100% no-repeat;
}
.grup-panel-br {
    background: url('img/Darkorbit/window1/63.png') right bottom / 100% 100% no-repeat;
}
.grup-panel-empty-msg {
    color: #7a8894;
    font-size: 11px;
    padding: 12px 6px;
    text-align: center;
}
.grup-window-received-invites:empty,
.grup-window-sent-invites:empty {
    display: none;
}
.grup-window-received-invites,
.grup-window-sent-invites {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.grup-received-invites-title,
.grup-sent-invites-title {
    display: none;
}
.grup-received-invite-row,
.grup-sent-invite-row {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 3px 0;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(90, 100, 110, 0.3);
    border-radius: 2px;
}
.grup-received-invite-actions {
    display: flex;
    gap: 0;
    flex-shrink: 0;
}
.grup-received-invite-icon,
.grup-received-invite-icon-img,
.grup-sent-invite-icon,
.grup-sent-invite-icon-img {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    object-fit: contain;
}
.grup-received-invite-name,
.grup-sent-invite-name {
    flex: 1;
    min-width: 0;
    font-size: 11px;
    color: #dce8f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    text-shadow: none;
}
.grup-received-invite-accept,
.grup-received-invite-decline {
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    box-shadow: none;
    transform: none;
    cursor: pointer;
    flex-shrink: 0;
    color: transparent;
    font-size: 0;
}
.grup-panel .grup-received-invite-accept,
.grup-panel .grup-received-invite-decline,
.grup-panel .grup-sent-invite-cancel {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    box-shadow: none !important;
    transform: none !important;
}
.grup-received-invite-accept {
    background-image: url('img/Darkorbit/ui/176_btn_acceptinv_std.png.png');
}
.grup-panel .grup-received-invite-accept:hover {
    background: url('img/Darkorbit/ui/177_btn_acceptinv_mo.png.png') center / 20px 20px no-repeat !important;
    box-shadow: none !important;
    transform: none !important;
}
.grup-received-invite-decline {
    background-image: url('img/Darkorbit/ui/146_btn_rejectinv_std.png.png');
}
.grup-panel .grup-received-invite-decline:hover {
    background: url('img/Darkorbit/ui/147_btn_rejectinv_mo.png.png') center / 20px 20px no-repeat !important;
    box-shadow: none !important;
    transform: none !important;
}
.grup-sent-invite-cancel {
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    background-image: url('img/Darkorbit/ui/143_btn_revokeinv_std.png.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    box-shadow: none;
    transform: none;
    cursor: pointer;
    flex-shrink: 0;
    color: transparent;
    font-size: 0;
}
.grup-panel .grup-sent-invite-cancel:hover {
    background: url('img/Darkorbit/ui/144_btn_revokeinv_mo.png.png') center / 20px 20px no-repeat !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Mobil — style.css override'ları ile uyum */
html.mobile-ayarlar-compact #grupPanel.grup-panel {
    width: min(var(--gp-w), 92vw) !important;
    min-width: 0 !important;
    max-width: min(var(--gp-w), 92vw) !important;
    overflow: visible !important;
}
html.mobile-ayarlar-compact #grupPanel .grup-panel-window,
html.mobile-ayarlar-compact #grupPanel .grup-panel-shell {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
html.mobile-ayarlar-compact #grupPanel .grup-panel-main {
    max-height: min(62vh, calc(100dvh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom))) !important;
}
html.mobile-ayarlar-compact #grupPanel .grup-window-header,
html.mobile-ayarlar-compact #grupPanel .gp-chrome-top.grup-window-header {
    height: 26px !important;
}
html.mobile-ayarlar-compact #grupPanel .grup-window-title {
    font-size: 11px !important;
}
html.mobile-ayarlar-compact #grupPanel .grup-window-member {
    padding: 3px 4px !important;
}
html.mobile-ayarlar-compact #grupPanel .grup-window-member-name {
    font-size: 10px !important;
}
html.mobile-ayarlar-compact #grupPanel .grup-window-bar-track {
    height: 5px !important;
}
html.mobile-ayarlar-compact #grupPanel .grup-do-hex-btn {
    width: var(--gp-hex-w) !important;
    height: var(--gp-hex-w) !important;
    min-width: var(--gp-hex-w) !important;
    min-height: var(--gp-hex-w) !important;
}