.panel-card{padding:18px;border-radius:var(--panel-radius);border:1px solid var(--panel-line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));box-shadow:var(--panel-shadow);min-width:0}
.panel-card--soft{background:rgba(255,255,255,.02)}
.panel-btn,.button,button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid var(--panel-accent-muted);background:var(--panel-accent-soft);color:var(--panel-text);cursor:pointer;text-decoration:none;line-height:1.2;min-height:42px;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:nowrap;text-align:center;flex-shrink:0;margin:0}
.panel-btn *, .button *, button *{pointer-events:none}
.button.secondary,.secondary,.panel-btn--ghost{border-color:var(--panel-line);background:rgba(255,255,255,.04);color:var(--panel-text)}
.panel-btn--icon,.icon-button{width:40px;height:40px;padding:0;flex:0 0 40px;border-radius:12px}
.icon-button .ui-icon{width:16px;height:16px}
.icon-button--danger{border-color:rgba(255,73,64,.24)!important;background:rgba(255,73,64,.1)!important}
.icon-button--danger:hover{background:rgba(255,73,64,.16)!important;border-color:rgba(255,73,64,.32)!important}
.panel-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--panel-line);font-size:.75rem;line-height:1.2}
.panel-badge--success{background:rgba(100,206,130,.1);border-color:rgba(100,206,130,.25)}
.panel-badge--warning{background:rgba(246,185,73,.1);border-color:rgba(246,185,73,.25)}
.panel-badge--neutral{background:rgba(255,255,255,.04)}
.panel-user-card{display:flex;gap:12px;align-items:center;min-width:0}
.panel-user-card img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#111}
.panel-user-card__body{min-width:0}
.panel-user-card__name{font-weight:700;overflow-wrap:anywhere}
.panel-user-card__meta{margin-top:4px;color:var(--panel-text-soft);overflow-wrap:anywhere}
.top-actions .button,.top-actions button,.top-actions .panel-btn{margin:0}

.actions .button,.top-actions .button,.actions button,.top-actions button{margin:0}


.icon-button{
    position:relative;
    min-width:40px;
    overflow:visible;
}

.icon-button[data-tooltip]::before,
.icon-button[data-tooltip]::after,
[data-tooltip].icon-button::before,
[data-tooltip].icon-button::after{
    position:absolute;
    opacity:0;
    pointer-events:none;
    transition:opacity .16s ease, transform .16s ease;
    z-index:50;
}

.icon-button[data-tooltip]::before,
[data-tooltip].icon-button::before{
    content:attr(data-tooltip);
    left:50%;
    bottom:calc(100% + 10px);
    transform:translateX(-50%) translateY(4px);
    white-space:nowrap;
    padding:7px 10px;
    border-radius:10px;
    border:1px solid var(--panel-line);
    background:rgba(14,14,14,.96);
    color:var(--panel-text);
    font-size:12px;
    line-height:1.2;
    box-shadow:0 10px 24px rgba(0,0,0,.28);
}

.icon-button[data-tooltip]::after,
[data-tooltip].icon-button::after{
    content:'';
    left:50%;
    bottom:calc(100% + 4px);
    transform:translateX(-50%) translateY(4px);
    border:6px solid transparent;
    border-top-color:rgba(14,14,14,.96);
}

.icon-button[data-tooltip]:hover::before,
.icon-button[data-tooltip]:hover::after,
.icon-button[data-tooltip]:focus-visible::before,
.icon-button[data-tooltip]:focus-visible::after,
[data-tooltip].icon-button:hover::before,
[data-tooltip].icon-button:hover::after,
[data-tooltip].icon-button:focus-visible::before,
[data-tooltip].icon-button:focus-visible::after{
    opacity:1;
}

.icon-button[data-tooltip]:hover::before,
.icon-button[data-tooltip]:focus-visible::before,
[data-tooltip].icon-button:hover::before,
[data-tooltip].icon-button:focus-visible::before{
    transform:translateX(-50%) translateY(0);
}

.icon-button[data-tooltip]:hover::after,
.icon-button[data-tooltip]:focus-visible::after,
[data-tooltip].icon-button:hover::after,
[data-tooltip].icon-button:focus-visible::after{
    transform:translateX(-50%) translateY(0);
}

.table-scroll{overflow-x:auto;overflow-y:auto;max-width:100%;-webkit-overflow-scrolling:touch}.table-scroll table,.table-scroll td,.table-scroll th{overflow:visible}
.table-scroll td:last-child,.table-scroll th:last-child{min-width:64px}
body.is-sidebar-collapsed [data-sidebar-toggle] .ui-icon{transform:rotate(180deg);transition:transform .18s ease}
body:not(.is-sidebar-collapsed) [data-sidebar-toggle] .ui-icon{transform:rotate(0deg);transition:transform .18s ease}
.topbar > div > .muted,.topbar .page-note{margin-top:10px}
.actions.panel-top-gap{margin-top:14px}

.table-actions-cell{white-space:nowrap}
.table-actions-cell .icon-button[data-tooltip]::before,.table-actions-cell [data-tooltip].icon-button::before{left:auto;right:0;transform:translateY(4px)}
.table-actions-cell .icon-button[data-tooltip]::after,.table-actions-cell [data-tooltip].icon-button::after{left:auto;right:14px;transform:translateY(4px)}
.table-actions-cell .icon-button[data-tooltip]:hover::before,.table-actions-cell .icon-button[data-tooltip]:focus-visible::before,.table-actions-cell [data-tooltip].icon-button:hover::before,.table-actions-cell [data-tooltip].icon-button:focus-visible::before{transform:translateY(0)}
.table-actions-cell .icon-button[data-tooltip]:hover::after,.table-actions-cell .icon-button[data-tooltip]:focus-visible::after,.table-actions-cell [data-tooltip].icon-button:hover::after,.table-actions-cell [data-tooltip].icon-button:focus-visible::after{transform:translateY(0)}

.table-scroll > table{min-width:100%}