/* Streamcio 1.5.8 production bundle · exact 1.5.7 cascade + 1.5.8 effects/hotfixes. */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100vh;
    background: #11131a;
    color: #f4f6fb;
    font-family: Arial, sans-serif;
}

.sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: 240px;
    padding: 24px;
    background: #171a23;
    border-right: 1px solid #272b38;
}

.brand {
    margin-bottom: 28px;
    color: #a98cff;
    font-weight: 800;
    letter-spacing: 1px;
}

nav {
    display: grid;
    gap: 10px;
}

nav a,
.button {
    display: inline-block;
    padding: 11px 14px;
    border-radius: 10px;
    background: #6f55ff;
    color: white;
    text-decoration: none;
    font-weight: 700;
}

nav a {
    background: transparent;
    color: #d7daf0;
}

nav a:hover,
.button:hover {
    filter: brightness(1.1);
}

.button.secondary {
    background: #2a2f3d;
}

.content {
    margin-left: 240px;
    padding: 36px;
}

.card,
.guild-card,
.stat-card {
    background: #1b1f2b;
    border: 1px solid #2b3040;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.hero-card {
    max-width: 720px;
}

.muted-card {
    max-width: 720px;
    margin-top: 18px;
}

.page-header {
    margin-bottom: 24px;
}

.eyebrow {
    margin: 0 0 8px;
    color: #a98cff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h1,
h2,
p {
    margin-top: 0;
}

p {
    color: #c4c8d8;
    line-height: 1.6;
}

.alert {
    margin: 18px 0;
    padding: 14px 16px;
    border-radius: 12px;
}

.alert.error {
    background: rgba(255, 82, 82, 0.14);
    border: 1px solid rgba(255, 82, 82, 0.35);
}

.alert.success {
    background: rgba(60, 200, 120, 0.14);
    border: 1px solid rgba(60, 200, 120, 0.35);
}

.alert.warning {
    background: rgba(255, 197, 66, 0.14);
    border: 1px solid rgba(255, 197, 66, 0.35);
}

.user-box {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    display: grid;
    gap: 4px;
    padding-top: 16px;
    border-top: 1px solid #2b3040;
}

.user-box span,
.user-box small {
    color: #8f95aa;
}

.guild-grid,
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
}

.guild-card {
    display: grid;
    gap: 18px;
    color: white;
    text-decoration: none;
}

.stats-row,
.config-flags,
.color-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.stats-row span,
.color-row span,
.flag {
    padding: 8px 10px;
    border-radius: 999px;
    background: #272c3a;
    color: #d7daf0;
    font-size: 14px;
}

.flag.ok {
    background: rgba(60, 200, 120, 0.18);
    color: #8ff0b8;
}

.flag.missing {
    background: rgba(255, 197, 66, 0.16);
    color: #ffd77a;
}

.stat-card span {
    display: block;
    color: #aeb4c8;
    margin-bottom: 10px;
}

.stat-card strong {
    font-size: 34px;
}

.table-like {
    display: grid;
    gap: 10px;
}

.table-like div {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 0;
    border-bottom: 1px solid #2b3040;
}

.table-like span,
.clean-list li {
    color: #c4c8d8;
}

.clean-list {
    padding-left: 18px;
    line-height: 1.8;
}

.table-like div {
    align-items: center;
}

.table-like div strong {
    text-align: right;
}

.table-like div small {
    display: block;
    color: #7f879c;
    font-size: 12px;
    margin-left: 8px;
}

.muted {
    color: #8f95aa;
}

.missing-value {
    color: #ffd77a;
}

.notice {
    margin: 12px 0 18px;
    padding: 12px 14px;
    border-radius: 12px;
}

.notice p {
    margin: 0;
}

.notice.warning {
    background: rgba(255, 197, 66, 0.14);
    border: 1px solid rgba(255, 197, 66, 0.35);
}

.page-header.with-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.header-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.two-column-layout,
.management-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.form-grid,
.stack-form {
    display: grid;
    gap: 14px;
}

label {
    display: grid;
    gap: 8px;
    color: #d7daf0;
    font-weight: 700;
}

select,
textarea,
input[type="text"] {
    width: 100%;
    border: 1px solid #343a4d;
    border-radius: 12px;
    background: #121520;
    color: #f4f6fb;
    padding: 12px 14px;
    font: inherit;
}

textarea {
    resize: vertical;
    min-height: 86px;
}

.color-input-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

input[type="color"] {
    width: 70px;
    height: 44px;
    padding: 0;
    border: 1px solid #343a4d;
    border-radius: 12px;
    background: transparent;
}

/* v67-hotfix1: wspólny dark theme dla pól formularzy.
   Obejmuje input bez jawnego type, URL, email, search, number, select i textarea. */
input:not([type]),
input[type="text"],
input[type="url"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="password"],
select,
textarea,
.panel-input,
.panel-select,
.panel-textarea {
    width: 100%;
    border: 1px solid #343a4d;
    border-radius: 12px;
    background: #121520;
    color: #f4f6fb;
    padding: 12px 14px;
    font: inherit;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
    color-scheme: dark;
}

input:not([type])::placeholder,
input[type="text"]::placeholder,
input[type="url"]::placeholder,
input[type="email"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder,
.panel-input::placeholder,
.panel-textarea::placeholder {
    color: #8f95aa;
    opacity: 1;
}

input:not([type]):focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus,
.panel-input:focus,
.panel-select:focus,
.panel-textarea:focus {
    border-color: #7c5cff;
    box-shadow: 0 0 0 3px rgba(124, 92, 255, .18);
    background: #101420;
}

input:not([type]):disabled,
input[type="text"]:disabled,
input[type="url"]:disabled,
input[type="email"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
select:disabled,
textarea:disabled {
    opacity: .65;
    cursor: not-allowed;
}

select {
    appearance: auto;
    color-scheme: dark;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #f4f6fb;
    caret-color: #f4f6fb;
    box-shadow: 0 0 0 1000px #121520 inset;
    border-color: #343a4d;
    transition: background-color 9999s ease-in-out 0s;
}

.form-field-error,
input.form-field-error,
select.form-field-error,
textarea.form-field-error {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .14);
}

.field-error-text {
    color: #fca5a5;
    font-size: 12px;
    font-weight: 700;
}


.preset-grid,
.placeholder-grid,
.emoji-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.preset-color,
.copy-pill,
.emoji-copy,
.danger-button {
    border: 0;
    cursor: pointer;
    font: inherit;
}

.preset-color {
    padding: 9px 12px;
    border-radius: 999px;
    background: #272c3a;
    color: #f4f6fb;
}

.preset-color::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    border-radius: 50%;
    background: var(--preset-color);
    vertical-align: -1px;
}

.discord-preview {
    display: grid;
    gap: 12px;
}

.embed-preview {
    border-left: 5px solid var(--embed-color);
    border-radius: 12px;
    background: #232836;
    padding: 16px;
}

.embed-preview h3 {
    margin: 0 0 10px;
}

.embed-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.embed-fields span,
.text-preview {
    padding: 8px 10px;
    border-radius: 10px;
    background: #2b3040;
    color: #d7daf0;
}

.placeholder-grid {
    margin-top: 12px;
}

.copy-pill {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #272c3a;
    color: #f4f6fb;
    text-align: left;
}

.copy-pill small {
    color: #9ca3ba;
}

.message-list {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.message-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border: 1px solid #2b3040;
    border-radius: 14px;
    background: #171b27;
}

.message-row p {
    margin: 6px 0 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.message-row small {
    color: #8f95aa;
}

.danger-button {
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(231, 76, 60, 0.16);
    color: #ff9c91;
}

.emoji-grid {
    margin-top: 14px;
}

.emoji-copy {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 12px;
    background: #272c3a;
    color: #f4f6fb;
}

.emoji-copy img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.emoji-copy.copied,
.copy-pill.copied {
    outline: 2px solid rgba(60, 200, 120, 0.65);
}

@media (max-width: 760px) {
    .page-header.with-actions {
        display: grid;
    }

    .content {
        margin-left: 0;
        padding: 20px;
    }

    .sidebar {
        position: static;
        width: auto;
    }

    .user-box {
        position: static;
        margin-top: 22px;
    }
}

/* Lewy sidebar działa jak drzewko: Serwery -> wybrany serwer -> moduły. */
.sidebar {
    display: flex;
    flex-direction: column;
}

.sidebar-scroll {
    overflow-y: auto;
    padding-right: 4px;
    padding-bottom: 150px;
}

.main-nav {
    margin-bottom: 18px;
}

.nav-link.active,
.side-guild.active,
.module-tile.active {
    outline: 2px solid rgba(60, 200, 120, 0.8);
    box-shadow: 0 0 0 4px rgba(60, 200, 120, 0.10);
}

.side-tree-title {
    margin: 18px 0 10px;
    color: #8f95aa;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.side-guild-block {
    display: grid;
    gap: 8px;
    margin-bottom: 10px;
}

.side-guild,
.module-tile,
.logout-link {
    color: #f4f6fb;
    text-decoration: none;
}

.side-guild {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #2b3040;
    border-radius: 14px;
    background: #1b1f2b;
}

.side-guild small,
.module-tile small {
    color: #8f95aa;
    font-size: 12px;
}

.side-modules {
    display: grid;
    gap: 8px;
    padding-left: 14px;
    border-left: 1px solid #2b3040;
}

.module-tile {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid #2b3040;
    border-radius: 12px;
    background: #151923;
}

.module-tile:hover,
.side-guild:hover {
    border-color: #6f55ff;
}

.module-tile.disabled {
    opacity: 0.55;
    cursor: default;
}

.logout-link {
    color: #a98cff;
    font-weight: 700;
}

.dashboard-list {
    display: grid;
    gap: 14px;
}

.list-card {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(260px, 420px);
    gap: 18px;
    align-items: start;
    padding: 16px;
    border: 1px solid #2b3040;
    border-radius: 16px;
    background: #171b27;
}

.compact-list .list-card {
    grid-template-columns: minmax(240px, 1fr) auto;
}

.list-card h3 {
    margin: 0 0 8px;
}

.list-card p {
    margin-bottom: 10px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.list-card-actions {
    display: grid;
    gap: 10px;
}

.inline-edit-form {
    display: grid;
    gap: 10px;
}

.inline-edit-form textarea {
    min-height: 72px;
}

@media (max-width: 980px) {
    .list-card,
    .compact-list .list-card {
        grid-template-columns: 1fr;
    }
}

/* Kafelki modułów w Overview, podobny kierunek UX jak panel botów: ciemny card + aktywny akcent. */
.module-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.module-card {
    display: grid;
    gap: 8px;
    padding: 16px;
    border: 1px solid #2b3040;
    border-radius: 16px;
    background: #151923;
    color: #f4f6fb;
    text-decoration: none;
}

.module-card:hover {
    border-color: rgba(60, 200, 120, 0.8);
    box-shadow: 0 0 0 4px rgba(60, 200, 120, 0.10);
}

.module-card span {
    color: #8f95aa;
    font-size: 14px;
}

.log-card {
    min-width: 0;
}

.log-output {
    max-height: 420px;
    overflow: auto;
    margin: 0;
    padding: 14px;
    border: 1px solid #2b3040;
    border-radius: 12px;
    background: #0e1118;
    color: #cbd2e6;
    font: 13px/1.5 Consolas, "Courier New", monospace;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* v15: układ bardziej jak panel Discord/StartIT.
   Lewa kolumna z ikonkami serwerów jest oddzielona od panelu modułów wybranego serwera. */
.app-shell {
    min-height: 100vh;
}

.server-rail {
    position: fixed;
    inset: 0 auto 0 0;
    width: 72px;
    padding: 12px 10px;
    background: #0c0f16;
    border-right: 1px solid #202431;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    z-index: 30;
}

.rail-brand,
.server-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    color: #f4f6fb;
    background: #1b1f2b;
    border: 1px solid #2b3040;
    text-decoration: none;
    font-weight: 900;
    overflow: hidden;
    transition: border-color 0.15s ease, border-radius 0.15s ease, box-shadow 0.15s ease;
}

.rail-brand {
    color: #9be34b;
    background: radial-gradient(circle at 30% 20%, #2f3d20, #121720 70%);
}

.rail-guilds {
    display: grid;
    gap: 10px;
    width: 100%;
    justify-items: center;
    overflow-y: auto;
    padding: 4px 0;
}

.server-icon img,
.server-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.server-icon.active,
.server-icon:hover {
    border-radius: 13px;
    border-color: rgba(60, 200, 120, 0.95);
    box-shadow: 0 0 0 4px rgba(60, 200, 120, 0.12);
}

.server-list-shortcut {
    margin-top: auto;
    color: #9be34b;
}

.server-panel {
    position: fixed;
    inset: 0 auto 0 72px;
    width: 286px;
    padding: 22px 18px;
    background: linear-gradient(180deg, #171b23, #121620 58%, #10131a);
    border-right: 1px solid #272b38;
    display: flex;
    flex-direction: column;
    gap: 18px;
    z-index: 20;
}

.brand-block {
    display: grid;
    gap: 4px;
    margin-bottom: 2px;
}

.brand-block .brand {
    margin: 0;
}

.brand-block span {
    color: #8f95aa;
    font-size: 13px;
}

.active-server-card,
.empty-panel-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid #2b3040;
    border-radius: 18px;
    background: rgba(27, 31, 43, 0.9);
}

.empty-panel-card {
    display: grid;
}

.empty-panel-card small,
.active-server-card small {
    display: block;
    margin-top: 3px;
    color: #8f95aa;
}

.server-avatar.large {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #272c3a;
    color: #f4f6fb;
    font-weight: 900;
    border: 1px solid #343a4d;
    flex: 0 0 auto;
}

.server-panel .side-tree {
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
    padding-bottom: 120px;
}

.side-modules.flat {
    padding-left: 0;
    border-left: 0;
}

.server-panel .module-tile {
    min-height: 58px;
}

.server-panel .module-tile span {
    font-weight: 800;
}

.content {
    margin-left: 358px;
    padding: 42px;
    max-width: 1280px;
}

.guild-card-header {
    display: flex;
    gap: 14px;
    align-items: center;
}

.guild-card-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #272c3a;
    border: 1px solid #343a4d;
    font-weight: 900;
}

.guild-card-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Panel komend, podobny do list przełączników z inspiracji: ciemne rzędy i proste etykiety dostępu. */
.command-group {
    margin-bottom: 18px;
}

.command-list {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.command-row {
    display: grid;
    grid-template-columns: minmax(220px, 320px) 100px 1fr;
    gap: 16px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid #252a38;
    border-radius: 14px;
    background: #151923;
}

.command-name {
    font: 700 15px/1.4 Consolas, "Courier New", monospace;
    color: #f4f6fb;
}

.access-pill {
    justify-self: start;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(155, 227, 75, 0.13);
    color: #a9f66a;
    font-size: 12px;
    font-weight: 800;
}

.access-pill.admin {
    background: rgba(111, 85, 255, 0.16);
    color: #b9a8ff;
}

.access-pill.user {
    background: rgba(52, 152, 219, 0.16);
    color: #9ed6ff;
}

.prefix-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
}

.prefix-card {
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #2b3040;
    background: #151923;
}

@media (max-width: 980px) {
    .server-rail,
    .server-panel {
        position: static;
        width: auto;
    }

    .server-rail {
        flex-direction: row;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid #202431;
    }

    .rail-guilds {
        display: flex;
        overflow-x: auto;
    }

    .server-panel {
        border-right: 0;
        border-bottom: 1px solid #272b38;
    }

    .content {
        margin-left: 0;
        padding: 22px;
    }

    .command-row {
        grid-template-columns: 1fr;
    }
}

/* v17: karty serwerów mają więcej miejsca, aby nazwy i moduły nie wyglądały na ściśnięte. */
.guild-grid {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 22px;
    align-items: stretch;
}

.guild-card {
    min-height: 230px;
}

.guild-card h2 {
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.guild-card .stats-row,
.guild-card .config-flags {
    gap: 12px;
}

.content {
    max-width: 1540px;
}

/* v17: przełączniki ON/OFF modułów w stylu ciemnego panelu. */
.module-status-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 18px;
    padding: 16px 18px;
    border: 1px solid #2b3040;
    border-radius: 18px;
    background: linear-gradient(180deg, #171b27, #121620);
}

.module-status-card.enabled {
    border-color: rgba(155, 227, 75, 0.45);
    box-shadow: 0 0 0 4px rgba(155, 227, 75, 0.06);
}

.module-status-card.disabled {
    opacity: 0.86;
}

.module-status-card strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
}

.module-status-card p {
    margin: 6px 0 0;
    color: #9ca3ba;
}

.status-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: inline-block;
    margin-right: 8px;
}

.status-dot.on {
    background: #9be34b;
    box-shadow: 0 0 14px rgba(155, 227, 75, 0.55);
}

.status-dot.off {
    background: #5c6274;
}

.toggle-form {
    margin: 0;
}

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 32px;
    cursor: pointer;
}

.toggle-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.toggle-switch span {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: #343a4d;
    border: 1px solid #444b60;
    transition: 0.18s ease;
}

.toggle-switch span::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background: #f4f6fb;
    transition: 0.18s ease;
}

.toggle-switch input:checked + span {
    background: linear-gradient(90deg, #6ca822, #9be34b);
    border-color: rgba(155, 227, 75, 0.9);
    box-shadow: 0 0 18px rgba(155, 227, 75, 0.2);
}

.toggle-switch input:checked + span::before {
    transform: translateX(26px);
}

.switch-module-grid {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.switch-card {
    padding: 0;
    overflow: hidden;
}

.switch-card > a {
    display: grid;
    gap: 6px;
    padding: 18px 18px 0;
    color: #f4f6fb;
    text-decoration: none;
}

.switch-card .module-status-card {
    margin: 14px 12px 12px;
    padding: 12px 14px;
    border-radius: 14px;
}

.switch-card .module-status-card p {
    display: none;
}

.mini-state {
    float: right;
    margin-left: 8px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.mini-state.on {
    color: #9be34b;
    background: rgba(155, 227, 75, 0.12);
}

.mini-state.off {
    color: #aeb4c8;
    background: rgba(174, 180, 200, 0.12);
}

/* v18: responsywny panel na pełną szerokość przeglądarki.
   Wcześniej główna treść miała max-width, więc na szerokich monitorach zostawała duża pusta przestrzeń po prawej.
   Teraz szerokość liczymy od realnej szerokości okna minus lewy pasek serwerów i panel modułów. */
:root {
    --rail-width: 72px;
    --panel-width: 286px;
    --shell-left: calc(var(--rail-width) + var(--panel-width));
    --page-padding: clamp(22px, 2.2vw, 56px);
}

html,
body {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.app-shell {
    width: 100%;
    min-width: 0;
}

.server-rail {
    width: var(--rail-width);
}

.server-panel {
    left: var(--rail-width);
    width: var(--panel-width);
    max-height: 100vh;
}

.content {
    margin-left: var(--shell-left);
    width: calc(100vw - var(--shell-left));
    max-width: none;
    min-width: 0;
    padding: var(--page-padding);
}

/* Karty i sekcje mają używać całej dostępnej szerokości, ale bez rozsadzania układu długimi tekstami. */
.card,
.guild-card,
.stat-card,
.module-card,
.list-card,
.log-card,
.prefix-card,
.module-status-card {
    min-width: 0;
}

.hero-card,
.muted-card {
    max-width: none;
}

/* Gridy lepiej skalują się na monitorach 1440p, 2K i ultrawide. */
.guild-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(420px, 100%), 1fr));
    width: 100%;
}

.stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    width: 100%;
}

.module-grid,
.switch-module-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    width: 100%;
}

.two-column-layout,
.management-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(460px, 100%), 1fr));
    width: 100%;
}

.prefix-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    width: 100%;
}

.page-header.with-actions {
    align-items: flex-start;
}

.header-actions {
    justify-content: flex-end;
    max-width: 100%;
}

/* Tabele, logi i długie nazwy kanałów nie powinny rozpychać strony. */
.table-like div,
.message-row,
.guild-card-header,
.active-server-card {
    min-width: 0;
}

.table-like div strong,
.table-like div span,
.message-row p,
.guild-card h2,
.guild-card p,
.active-server-card strong,
.active-server-card small {
    overflow-wrap: anywhere;
}

.log-output {
    width: 100%;
    max-width: 100%;
}

/* Na bardzo szerokich ekranach formularze nie robią się za ciasne, bo kolumny same się rozkładają. */
@media (min-width: 1800px) {
    .two-column-layout,
    .management-grid {
        grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
    }

    .guild-grid {
        grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
    }
}

/* Tablet: zostawiamy rail i panel, ale zmniejszamy panel oraz padding treści. */
@media (max-width: 1200px) {
    :root {
        --panel-width: 260px;
        --page-padding: 24px;
    }

    .server-panel {
        padding: 18px 14px;
    }
}

/* Telefon i małe okna: układ przechodzi w pion, bez stałego lewego marginesu. */
@media (max-width: 980px) {
    :root {
        --rail-width: 0px;
        --panel-width: 0px;
        --shell-left: 0px;
    }

    .server-rail,
    .server-panel {
        position: static;
        width: 100%;
        max-height: none;
    }

    .content {
        margin-left: 0;
        width: 100%;
        padding: 22px;
    }
}

/* ============================================================
   v19 Dashboard Pro
   Więcej układu aplikacyjnego, pełna szerokość i wygodne karty.
   ============================================================ */
.top-status {
    position: sticky;
    top: 0;
    z-index: 10;
    float: right;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 8px 12px;
    border: 1px solid rgba(87, 242, 135, 0.35);
    border-radius: 999px;
    background: rgba(17, 19, 26, 0.85);
    color: #b7ffc9;
    font-weight: 800;
    backdrop-filter: blur(8px);
}

.status-dot,
.health-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #57f287;
    box-shadow: 0 0 16px rgba(87, 242, 135, 0.65);
}

.overview-hero {
    min-height: 160px;
    padding: 28px;
    border: 1px solid #2b3040;
    border-radius: 22px;
    background: radial-gradient(circle at top left, rgba(111, 85, 255, 0.22), transparent 35%), #171b26;
}

.hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.pro-stats {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-bottom: 18px;
}

.pro-module-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    align-items: stretch;
    margin-bottom: 18px;
}

.pro-card {
    display: grid;
    gap: 16px;
    min-height: 180px;
}

.pro-card strong {
    font-size: 20px;
}

.pro-card span {
    color: #aeb4c8;
}

.card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-self: end;
}

.button.ghost {
    background: transparent;
    border: 1px solid #343a4d;
}

.health-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
}

.health-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 12px;
    align-items: center;
    padding: 16px;
    border: 1px solid #2b3040;
    border-radius: 16px;
    background: #121520;
}

.health-card small {
    grid-column: 2;
    color: #9aa2b8;
}

.health-card.bad .health-dot {
    background: #ed4245;
    box-shadow: 0 0 16px rgba(237, 66, 69, 0.55);
}

.audit-table {
    display: grid;
    gap: 8px;
}

.audit-head,
.audit-row {
    display: grid;
    grid-template-columns: 190px minmax(120px, 180px) minmax(200px, 1fr) minmax(220px, 1.4fr);
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
}

.audit-head {
    background: #111520;
    color: #8f95aa;
    font-weight: 800;
}

.audit-row {
    background: #151925;
    border: 1px solid #252a39;
}

.audit-row small {
    color: #aeb4c8;
    overflow-wrap: anywhere;
}

.action-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    margin-bottom: 18px;
}

.action-card {
    border: 1px solid #2b3040;
    text-align: left;
}

.wide-left {
    grid-template-columns: minmax(420px, 1.35fr) minmax(320px, 0.65fr);
}

.sticky-preview {
    position: sticky;
    top: 24px;
    align-self: start;
}

.discord-embed-preview {
    display: grid;
    grid-template-columns: 6px 1fr;
    overflow: hidden;
    border: 1px solid #2f3548;
    border-radius: 16px;
    background: #121520;
}

.embed-accent {
    min-height: 180px;
}

.embed-body {
    padding: 18px;
}

.embed-body small,
.embed-body footer {
    color: #9aa2b8;
}

.embed-body h3 {
    margin: 8px 0 10px;
}

.field-builder {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid #2b3040;
    border-radius: 16px;
    background: #151925;
}

.field-row {
    display: grid;
    grid-template-columns: minmax(120px, 0.5fr) minmax(160px, 1fr);
    gap: 10px;
}

.card-lite {
    margin-top: 18px;
    padding: 14px;
    border: 1px solid #2b3040;
    border-radius: 16px;
    background: #151925;
}

.component-head {
    display: grid;
    gap: 4px;
    margin-bottom: 10px;
}

.component-head span {
    color: #8f95aa;
    font-size: 13px;
}

.emoji-search {
    margin-bottom: 10px;
}

.emoji-grid.compact {
    max-height: 230px;
    overflow: auto;
}

.saved-embed-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: 16px;
}

.saved-embed-card {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid #2b3040;
    border-radius: 18px;
    background: #151925;
}

.saved-embed-preview {
    display: grid;
    gap: 6px;
    padding: 14px;
    border-left: 6px solid #9146ff;
    border-radius: 12px;
    background: #111520;
}

.saved-embed-preview small {
    color: #aeb4c8;
}

.compact-form {
    gap: 10px;
}

.custom-command-row {
    grid-template-columns: minmax(120px, 180px) 70px 1fr auto;
}

.compact-table div {
    padding: 10px 0;
}

.compact-list li {
    display: grid;
    grid-template-columns: minmax(120px, 180px) 1fr auto;
    gap: 10px;
    align-items: center;
}

@media (max-width: 980px) {
    .wide-left {
        grid-template-columns: 1fr;
    }

    .sticky-preview {
        position: static;
    }

    .audit-head,
    .audit-row {
        grid-template-columns: 1fr;
    }

    .field-row {
        grid-template-columns: 1fr;
    }
}

/* v21, tabela użytkowników dashboardu */
.table-wrap {
    width: 100%;
    overflow-x: auto;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.data-table th,
.data-table td {
    padding: 12px 10px;
    border-bottom: 1px solid #252b3a;
    text-align: left;
    vertical-align: middle;
}

.data-table th {
    color: #aeb4c8;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.actions-cell {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.button.small {
    padding: 8px 12px;
    min-height: auto;
    font-size: 12px;
}

.button.danger {
    background: #3a1720;
    border-color: #ef4444;
    color: #fecdd3;
}

.button.danger:hover {
    background: #5b1d2b;
}

.badge-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid #2b3040;
    border-radius: 999px;
    background: #151925;
    color: #d8dcef;
}

.mini-info {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #2b3040;
    border-radius: 14px;
    background: #111520;
}

.mini-info span {
    color: #8f95aa;
    font-size: 12px;
    text-transform: uppercase;
}

/* v22, dostęp wielu użytkowników i wyszarzone serwery bez uprawnień */
.guild-grid.relaxed {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.disabled-guild,
.server-icon.disabled-server {
    filter: grayscale(1);
    opacity: 0.45;
    cursor: not-allowed;
}

.disabled-guild {
    position: relative;
    background: linear-gradient(135deg, rgba(31, 35, 48, 0.9), rgba(20, 23, 32, 0.92));
}

.flag.locked {
    background: rgba(146, 153, 171, 0.14);
    color: #aeb4c8;
}

.locked-note {
    margin: 10px 0 0;
    color: #9aa2b8;
    font-size: 13px;
}

/* v22, Tożsamość bota */
.identity-grid {
    grid-template-columns: minmax(320px, 0.8fr) minmax(420px, 1.2fr);
}

.bot-identity-preview {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px;
    border: 1px solid #2b3040;
    border-radius: 18px;
    background: #121520;
}

.bot-avatar-preview {
    width: 88px;
    height: 88px;
    border-radius: 24px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #6f55ff, #57f287);
    color: #fff;
    font-weight: 900;
    font-size: 28px;
}

.bot-avatar-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hint-box {
    margin-top: 16px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid #2b3040;
    background: #151925;
}

/* v22, Generator Embed: kolory i przyciski */
.preset-color::before {
    background: var(--preset, var(--preset-color, #9146ff));
    box-shadow: 0 0 12px var(--preset, var(--preset-color, #9146ff));
}

.preset-color {
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--preset, #9146ff) 45%, transparent);
}

.color-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--preset, #9146ff);
    box-shadow: 0 0 14px var(--preset, #9146ff);
    display: inline-block;
    flex: 0 0 auto;
}

.saved-embed-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.embed-edit-details {
    border: 1px solid #2b3040;
    border-radius: 14px;
    background: #111520;
    overflow: hidden;
}

.embed-edit-details summary {
    cursor: pointer;
    padding: 12px 14px;
    font-weight: 800;
    color: #d7daf0;
}

.embed-edit-details[open] summary {
    border-bottom: 1px solid #252b3a;
}

.embed-edit-details form {
    padding: 14px;
}

.button.danger-action {
    width: 100%;
    justify-content: center;
    background: linear-gradient(135deg, rgba(237, 66, 69, 0.22), rgba(237, 66, 69, 0.12));
    border: 1px solid rgba(237, 66, 69, 0.45);
    color: #ffd2d2;
}

.button.danger-action:hover {
    border-color: #ed4245;
    box-shadow: 0 0 0 3px rgba(237, 66, 69, 0.16);
}

@media (max-width: 980px) {
    .identity-grid {
        grid-template-columns: 1fr;
    }
}

/* v23, lepsze kopiowanie emotek i podgląd obrazów w embedach */
.copy-toast {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1000;
    padding: 10px 14px;
    border: 1px solid rgba(87, 242, 135, 0.45);
    border-radius: 14px;
    background: rgba(17, 22, 32, 0.96);
    color: #e7f9ee;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}
.copy-toast.visible {
    opacity: 1;
    transform: translateY(0);
}

.embed-media-preview {
    margin-top: 12px;
    max-width: 100%;
    border-radius: 12px;
    border: 1px solid #2b3040;
    object-fit: cover;
}

.embed-thumb-preview {
    width: 72px;
    height: 72px;
    border-radius: 14px;
    object-fit: cover;
    border: 1px solid #2b3040;
    float: right;
    margin-left: 12px;
}

.upload-help {
    color: #8f95aa;
    font-size: 12px;
    margin-top: -6px;
}

.file-log-god-only {
    border: 1px solid rgba(255, 184, 108, 0.25);
}

.event-log-row {
    display: grid;
    grid-template-columns: 150px 120px 1fr;
    gap: 12px;
    align-items: start;
    padding: 10px 0;
    border-bottom: 1px solid #252b3a;
}
.event-log-row span {
    color: #9098ad;
    font-size: 13px;
}
.event-log-row strong {
    color: #f4f6ff;
}
.event-log-row p {
    margin: 0;
    color: #c7ccdd;
}

@media (max-width: 900px) {
    .event-log-row {
        grid-template-columns: 1fr;
    }
}

/* v24, większe panele diagnostyki i managera plików */
.permission-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}
.permission-check {
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 16px;
    background: rgba(255,255,255,0.03);
}
.permission-check.ok { border-color: rgba(67, 255, 137, 0.35); }
.permission-check.bad { border-color: rgba(255, 86, 86, 0.45); background: rgba(255, 86, 86, 0.06); }
.permission-check span {
    display: inline-flex;
    margin: 8px 0;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 12px;
}
.permission-check.ok span { color: #8dffad; }
.permission-check.bad span { color: #ff9b9b; }
.upload-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}
.upload-card {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: rgba(255,255,255,0.03);
}
.upload-card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: #0d111b;
}
.warning-card {
    border-color: rgba(255, 196, 87, 0.35);
    background: rgba(255, 196, 87, 0.06);
}

/* v25, Upload Manager bez nachodzenia kart i długich URL-i */
.upload-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    align-items: stretch;
}
.upload-card {
    min-width: 0;
    overflow: hidden;
}
.upload-card strong,
.upload-card input[type="text"] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.upload-card input[type="text"] {
    font-size: 12px;
}
.upload-card .button,
.upload-card form {
    width: 100%;
}

/* v25, Generator Embed 2.0 */
.two-fields {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.field-builder-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.dynamic-field-row {
    grid-template-columns: minmax(120px, .8fr) minmax(160px, 1.2fr) 150px auto;
    align-items: end;
}
.dynamic-field-row select {
    height: 44px;
}
.embed-preview-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
    margin: 12px 0;
}
.preview-field-pill {
    display: grid;
    gap: 4px;
    padding: 10px;
    border: 1px solid #2b3040;
    border-radius: 12px;
    background: #171b27;
}
.preview-field-pill span {
    color: #cbd2e6;
    overflow-wrap: anywhere;
}
.checkbox-line {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: #d7daf0;
}
.checkbox-line input {
    width: 18px;
    height: 18px;
}
.safe-send-form {
    border: 1px solid rgba(155, 227, 75, .16);
    border-radius: 14px;
    padding: 12px;
    background: rgba(155, 227, 75, .04);
}
code {
    padding: 2px 6px;
    border-radius: 6px;
    background: #111520;
    color: #d7daf0;
}
@media (max-width: 980px) {
    .dynamic-field-row {
        grid-template-columns: 1fr;
    }
}
:root { --border: #2b3040; }

/* v26: YouTube 2.0 */
.youtube-type-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 18px;
}
.youtube-type-card {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.025);
    border-radius: 18px;
    padding: 18px;
    display: grid;
    gap: 14px;
}
.youtube-type-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}
.youtube-type-head h3 { margin: 0 0 4px 0; }
.youtube-type-head p { margin: 0; color: var(--muted); font-size: .9rem; }
.compact-switch { white-space: nowrap; }
.mini-preview { margin-top: 6px; }

/* v26: modal podglądu wysyłki embeda */
body.modal-open { overflow: hidden; }
.send-preview-modal[hidden] { display: none; }
.send-preview-modal {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 24px;
}
.send-preview-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 23, .78);
    backdrop-filter: blur(10px);
}
.send-preview-dialog {
    position: relative;
    width: min(840px, 96vw);
    max-height: 92vh;
    overflow: auto;
    border-radius: 22px;
    background: #111522;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 24px 80px rgba(0,0,0,.55);
    padding: 22px;
}
.send-preview-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
.send-preview-head h2 { margin: 0; }
.send-preview-meta {
    color: var(--muted);
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    padding: 10px 12px;
    border-radius: 12px;
    margin-bottom: 12px;
}
.send-preview-content {
    color: var(--text);
    background: rgba(88, 101, 242, .12);
    border: 1px solid rgba(88, 101, 242, .25);
    padding: 10px 12px;
    border-radius: 12px;
    margin-bottom: 12px;
    white-space: pre-wrap;
}
.send-modal-preview { margin-top: 12px; }
.send-preview-actions {
    margin-top: 18px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* v37: przełączniki logów administracyjnych */
.toggle-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    width: 100%;
}
.toggle-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
}
.toggle-card input {
    width: auto;
}
.small-toggle-card span {
    font-size: 0.9rem;
}

/* v38 Autorangi */
.stack-list { display: grid; gap: 18px; }
.nested-card { border: 1px solid rgba(255,255,255,.08); border-radius: 18px; padding: 18px; background: rgba(255,255,255,.035); }
.card-headline-row { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.inline-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.slim-gap { gap: 14px; }
.compact-form { gap: 10px; }
.compact-table > div { grid-template-columns: 1fr 1fr auto; align-items: center; }
.button.tiny { padding: 6px 10px; font-size: 12px; }
.send-panel-form { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 16px; }
@media (max-width: 720px) {
    .card-headline-row { flex-direction: column; }
    .inline-actions { justify-content: flex-start; }
    .compact-table > div { grid-template-columns: 1fr; }
}

/* v39: Pierwsza konfiguracja */
.setup-status-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.setup-status-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.setup-status-card .setup-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(255,255,255,0.08);
    font-size: 24px;
    flex: 0 0 auto;
}

.setup-wizard-layout {
    align-items: start;
}

.setup-form .setup-checkbox {
    grid-column: 1 / -1;
}

.setup-preview {
    display: grid;
    gap: 16px;
}

.setup-category {
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.035);
    border-radius: 18px;
    padding: 16px;
}

.setup-category strong {
    display: block;
    margin-bottom: 4px;
    font-size: 1.05rem;
}

.setup-category span {
    color: var(--muted);
    font-size: .92rem;
}

.setup-category ul {
    list-style: none;
    padding: 0;
    margin: 14px 0 0;
    display: grid;
    gap: 8px;
}

.setup-category li {
    padding: 9px 10px;
    background: rgba(0,0,0,0.2);
    border-radius: 12px;
}

.inline-form.danger-zone {
    margin-top: 12px;
}

@media (max-width: 980px) {
    .setup-status-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   v50 Dashboard UX refresh
   Chowany sidebar, topbar użytkownika, moduł Komendy w zakładkach.
   ============================================================ */
:root {
    --topbar-height: 72px;
    --panel-collapsed-width: 0px;
    --muted: #9aa2b8;
    --text: #f4f6fb;
}

body.sidebar-collapsed {
    --panel-width: 0px;
    --shell-left: var(--rail-width);
}

body.sidebar-collapsed .server-panel {
    transform: translateX(calc(-1 * var(--panel-width, 286px) - 12px));
    pointer-events: none;
    opacity: 0;
}

.server-panel {
    transition: transform .18s ease, opacity .18s ease;
}

.compact-brand {
    grid-template-columns: 1fr auto;
    align-items: center;
}

.icon-button {
    width: 40px;
    height: 40px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #2b3040;
    border-radius: 12px;
    background: #151923;
    color: #f4f6fb;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
}

.icon-button:hover {
    border-color: #6f55ff;
}

.desktop-sidebar-button {
    display: inline-grid;
}

.mobile-menu-button {
    display: none;
}

.app-topbar {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-height: var(--topbar-height);
    margin: calc(-1 * var(--page-padding)) calc(-1 * var(--page-padding)) 28px;
    padding: 14px var(--page-padding);
    background: rgba(17, 19, 26, 0.82);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    backdrop-filter: blur(14px);
}

.topbar-left,
.topbar-user {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.topbar-context {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.topbar-context span {
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-context small,
.topbar-user small {
    color: #8f95aa;
}

.topbar-user {
    padding: 8px 10px;
    border: 1px solid #2b3040;
    border-radius: 16px;
    background: rgba(21, 25, 35, .88);
}

.topbar-user img,
.topbar-user-initial {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: #272c3a;
    object-fit: cover;
    font-weight: 900;
}

.topbar-user strong {
    display: block;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-user .logout-link {
    padding-left: 10px;
    border-left: 1px solid #2b3040;
}

.server-panel .user-box,
.top-status {
    display: none !important;
}

.server-panel .side-tree {
    padding-bottom: 18px;
}

.server-panel .module-tile {
    min-height: 52px;
    padding: 9px 12px;
}

.server-panel .module-tile small {
    line-height: 1.25;
}

.active-server-card {
    flex: 0 0 auto;
}

.server-card-text {
    min-width: 0;
}

/* Komendy, zakładki i kreator */
.module-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 18px;
    padding: 8px;
    border: 1px solid #2b3040;
    border-radius: 18px;
    background: #121620;
}

.tab-button {
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #aeb4c8;
    padding: 10px 14px;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
}

.tab-button.active,
.tab-button:hover {
    color: #f4f6fb;
    background: #272c3a;
}

.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;
}

.command-workspace {
    display: grid;
    grid-template-columns: minmax(420px, 1.1fr) minmax(320px, .75fr);
    gap: 18px;
    align-items: start;
}

.builder-side-stack {
    display: grid;
    gap: 18px;
    position: sticky;
    top: calc(var(--topbar-height) + 18px);
}

.section-head.split,
.form-footer-row,
.command-manage-head,
.list-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.field-help,
.small {
    color: #8f95aa;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}

input[type="number"],
input[type="file"],
input[type="url"] {
    width: 100%;
    border: 1px solid #343a4d;
    border-radius: 12px;
    background: #121520;
    color: #f4f6fb;
    padding: 12px 14px;
    font: inherit;
}

.form-grid.two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.soft-details {
    border: 1px solid #2b3040;
    border-radius: 14px;
    background: #111520;
    overflow: hidden;
}

.soft-details summary {
    cursor: pointer;
    padding: 13px 14px;
    font-weight: 900;
}

.soft-details[open] summary {
    border-bottom: 1px solid #252b3a;
}

.details-body {
    padding: 14px;
}

.template-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.compact-templates {
    grid-template-columns: 1fr;
}

.template-card,
.placeholder-chip {
    border: 1px solid #2b3040;
    border-radius: 14px;
    background: #151923;
    color: #f4f6fb;
    padding: 12px;
    text-align: left;
    cursor: pointer;
    display: grid;
    gap: 6px;
    font: inherit;
}

.template-card:hover,
.placeholder-chip:hover {
    border-color: #6f55ff;
    box-shadow: 0 0 0 4px rgba(111, 85, 255, .12);
}

.template-card span,
.placeholder-chip small {
    color: #9aa2b8;
    font-size: 12px;
    line-height: 1.35;
}

.placeholder-chip-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
}

.placeholder-chip strong {
    font: 700 12px/1.4 Consolas, "Courier New", monospace;
    overflow-wrap: anywhere;
}

.discord-command-preview {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid #2b3040;
    border-radius: 14px;
    background: #111520;
}

.discord-command-preview p {
    margin: 0;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(88, 101, 242, .12);
    color: #dfe5ff;
    white-space: pre-wrap;
}

.manageable-command-list {
    gap: 14px;
}

.command-manage-card {
    display: grid;
    gap: 10px;
    border: 1px solid #2b3040;
    border-radius: 16px;
    background: #151923;
    padding: 16px;
}

.command-manage-head > div:first-child {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.danger-link {
    border: 0;
    background: transparent;
    color: #ff9c91;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    padding: 0;
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: #151923;
    border: 1px solid #2b3040;
    color: #d8dcef;
    font-weight: 800;
}

.command-lists-layout {
    margin-bottom: 18px;
}

.list-create-form {
    margin-top: 12px;
}

.list-help-card .emoji-component.card-lite {
    margin-top: 16px;
}

.weight-examples {
    display: grid;
    gap: 8px;
    margin: 12px 0;
}

.weight-examples span {
    padding: 9px 10px;
    border-radius: 12px;
    background: #111520;
    color: #d7daf0;
}

.better-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(520px, 100%), 1fr));
    gap: 18px;
}

.list-card-v50 {
    grid-template-columns: 1fr;
}

.list-items {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.list-item-row {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid #252b3a;
    border-radius: 12px;
    background: #111520;
}

.list-item-row span {
    overflow-wrap: anywhere;
    color: #d7daf0;
}

.upload-preview {
    padding: 10px;
    border: 1px solid #2b3040;
    border-radius: 12px;
    background: #111520;
    color: #aeb4c8;
}

.upload-preview img {
    width: 100%;
    max-height: 180px;
    object-fit: contain;
    border-radius: 10px;
    background: #0d111b;
}

.relaxed-header {
    margin-bottom: 18px;
}

@media (max-width: 1200px) {
    .command-workspace {
        grid-template-columns: 1fr;
    }
    .builder-side-stack {
        position: static;
    }
}

@media (max-width: 980px) {
    .desktop-sidebar-button,
    .sidebar-collapse-button {
        display: none;
    }
    .mobile-menu-button {
        display: inline-grid;
    }
    .server-rail {
        display: none;
    }
    .server-panel {
        position: fixed;
        inset: 0 auto 0 0;
        width: min(330px, 88vw);
        max-height: 100vh;
        transform: translateX(-105%);
        opacity: 1;
        pointer-events: auto;
        z-index: 4000;
    }
    body.mobile-sidebar-open .server-panel {
        transform: translateX(0);
    }
    body.mobile-sidebar-open .mobile-sidebar-backdrop {
        display: block;
    }
    .mobile-sidebar-backdrop {
        position: fixed;
        inset: 0;
        z-index: 3990;
        background: rgba(0,0,0,.58);
        backdrop-filter: blur(4px);
    }
    .content {
        padding: 18px;
    }
    .app-topbar {
        margin: -18px -18px 20px;
        padding: 12px 18px;
    }
    .topbar-user small,
    .topbar-user .logout-link {
        display: none;
    }
    .topbar-user strong {
        max-width: 120px;
    }
    .form-grid.two,
    .field-row,
    .list-item-row {
        grid-template-columns: 1fr;
    }
    .section-head.split,
    .form-footer-row,
    .command-manage-head,
    .list-card-head {
        flex-direction: column;
    }
}
@media (max-width: 980px) {
    body.sidebar-collapsed .server-panel {
        transform: translateX(-105%);
        opacity: 1;
        pointer-events: auto;
    }
    body.mobile-sidebar-open.sidebar-collapsed .server-panel,
    body.mobile-sidebar-open .server-panel {
        transform: translateX(0);
    }
}

/* ============================================================
   v51 Dashboard polish
   Server picker, Overview refresh, calmer sidebar, Custom Commands UX.
   ============================================================ */

/* mniej rzucający się w oczy scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(154, 162, 184, .28) transparent;
}
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
*::-webkit-scrollbar-track {
    background: transparent;
}
*::-webkit-scrollbar-thumb {
    background: rgba(154, 162, 184, .18);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
    background: rgba(154, 162, 184, .34);
    background-clip: padding-box;
}
.server-panel .side-tree,
.rail-guilds {
    scrollbar-color: rgba(154, 162, 184, .18) transparent;
}

/* sidebar po v51, trochę lżej i mniej kartonowo */
.server-panel {
    background: linear-gradient(180deg, rgba(23, 27, 35, .97), rgba(16, 19, 26, .97));
}
.server-panel .module-tile {
    border-color: rgba(255,255,255,.055);
    background: rgba(255,255,255,.025);
    box-shadow: none;
}
.server-panel .module-tile.active {
    outline: 0;
    border-color: rgba(111, 85, 255, .85);
    background: linear-gradient(135deg, rgba(111,85,255,.18), rgba(60,200,120,.05));
    box-shadow: inset 3px 0 0 rgba(111, 85, 255, .85);
}
.server-panel .module-tile:hover {
    border-color: rgba(111, 85, 255, .55);
    background: rgba(111, 85, 255, .075);
}
.active-server-card {
    border-color: rgba(111, 85, 255, .22);
    background: rgba(111, 85, 255, .07);
}
.side-tree-title {
    color: #b2b8ce;
    opacity: .8;
}

/* Server picker */
.guild-picker-hero {
    min-height: calc(100vh - var(--topbar-height) - 80px);
    display: grid;
    align-content: start;
    gap: 18px;
    padding: clamp(18px, 2vw, 28px);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 28px;
    background:
        radial-gradient(circle at 75% 0%, rgba(111,85,255,.28), transparent 30%),
        radial-gradient(circle at 10% 100%, rgba(60,200,120,.09), transparent 24%),
        #121620;
}
.guild-picker-topline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
}
.guild-picker-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 14px;
    flex-wrap: wrap;
}
.guild-search-label {
    min-width: min(420px, 100%);
}
.guild-filter-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.filter-chip {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
    padding: 9px 12px;
    color: #cfd4e8;
    background: rgba(255,255,255,.035);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}
.filter-chip.active,
.filter-chip:hover {
    background: rgba(111,85,255,.22);
    border-color: rgba(111,85,255,.55);
    color: #fff;
}
.server-picker-panel {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 24px;
    background: rgba(21, 25, 35, .78);
    box-shadow: 0 18px 60px rgba(0,0,0,.25);
    overflow: hidden;
}
.picker-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255,255,255,.07);
    color: #dbe0f4;
    font-weight: 900;
}
.picker-panel-head small {
    color: #8f95aa;
}
.server-bubble-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 20px 18px;
    padding: clamp(18px, 2.6vw, 34px);
}
.server-bubble-card {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 14px 10px;
    border: 1px solid transparent;
    border-radius: 22px;
    color: #f4f6fb;
    text-align: center;
    text-decoration: none;
    transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.server-bubble-card:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.035);
    border-color: rgba(111,85,255,.35);
}
.server-bubble-card.locked {
    opacity: .58;
    filter: grayscale(.5);
}
.server-bubble-avatar {
    width: 112px;
    height: 112px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #0d111b;
    border: 3px solid rgba(255,255,255,.38);
    box-shadow: 0 14px 32px rgba(0,0,0,.28);
    font-size: 28px;
    font-weight: 900;
}
.server-bubble-card.configured .server-bubble-avatar {
    border-color: rgba(87,242,135,.95);
}
.server-bubble-card.attention .server-bubble-avatar {
    border-color: rgba(255,197,66,.85);
}
.server-bubble-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.server-bubble-card strong {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.server-status-chip,
.status-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: #d7daf0;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}
.server-status-chip.configured,
.status-chip.ok {
    background: rgba(87,242,135,.13);
    color: #9dffbf;
}
.server-status-chip.attention,
.status-chip.warning {
    background: rgba(255,197,66,.14);
    color: #ffe19a;
}
.server-status-chip.locked,
.status-chip.missing {
    background: rgba(255,255,255,.06);
    color: #a8afc6;
}
.server-mini-stats {
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}
.server-mini-stats span {
    padding: 4px 7px;
    border-radius: 999px;
    background: rgba(0,0,0,.2);
    color: #b8bfd4;
    font-size: 12px;
}
.guild-empty-filter {
    padding: 0 24px 24px;
}

/* Overview v51 */
.overview-hero-v51 {
    background:
        linear-gradient(135deg, rgba(111,85,255,.24), rgba(155,227,75,.06)),
        #171b26;
}
.overview-section-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin: 4px 0 12px;
}
.overview-section-head h2,
.overview-section-head p {
    margin-bottom: 4px;
}
.overview-module-grid-v51 {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
.overview-module-card {
    min-height: 158px;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 12px;
    border-color: rgba(255,255,255,.07);
    background: rgba(255,255,255,.026);
}
.overview-module-card.enabled {
    border-color: rgba(155, 227, 75, .32);
    background: linear-gradient(180deg, rgba(155,227,75,.055), rgba(255,255,255,.022));
}
.overview-module-card.disabled {
    opacity: .72;
}
.module-card-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}
.module-card-main strong {
    display: block;
    font-size: 17px;
}
.module-card-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}
.module-config-link {
    align-self: end;
    justify-self: start;
    color: #b9a9ff;
    text-decoration: none;
    font-weight: 900;
}
.module-config-link:hover {
    color: #fff;
}
.overview-action-panel {
    margin: 18px 0;
}
.quick-action-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
    margin-top: 14px;
}
.quick-action {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 13px 14px;
    color: #f4f6fb;
    background: #121620;
    text-decoration: none;
    font-weight: 900;
}
.quick-action:hover {
    border-color: rgba(111,85,255,.6);
    background: rgba(111,85,255,.13);
}
.config-status-list {
    display: grid;
    gap: 8px;
}
.config-status-row {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) minmax(160px, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.config-status-row span,
.config-status-row strong {
    min-width: 0;
    overflow-wrap: anywhere;
}
.activity-feed {
    display: grid;
    gap: 10px;
}
.activity-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
}
.activity-item p {
    margin: 2px 0 0;
    color: #c4c8d8;
}
.activity-item small {
    color: #8f95aa;
    white-space: nowrap;
}
.activity-dot {
    width: 9px;
    height: 9px;
    margin-top: 6px;
    border-radius: 999px;
    background: #9be34b;
    box-shadow: 0 0 12px rgba(155,227,75,.45);
}

/* Custom Commands v51 */
.command-creator-v51 {
    display: grid;
    gap: 18px;
}
.command-preview-top {
    border-color: rgba(111,85,255,.24);
    background: linear-gradient(135deg, rgba(111,85,255,.12), rgba(255,255,255,.025));
}
.command-workspace-v51 {
    grid-template-columns: minmax(460px, 1fr) minmax(340px, 420px);
}
.large-preview {
    font-size: 15px;
}
.builder-tools-v51 {
    gap: 14px;
}
.command-tools-card {
    display: grid;
    gap: 12px;
}
.tool-section {
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
    background: rgba(0,0,0,.12);
    overflow: hidden;
}
.tool-section summary {
    cursor: pointer;
    padding: 12px 14px;
    font-weight: 900;
}
.tool-section[open] summary {
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.tool-section > :not(summary) {
    margin: 12px 14px;
}
.compact-placeholder-grid {
    grid-template-columns: 1fr;
}
.insert-list-grid {
    display: grid;
    gap: 8px;
}
.insert-list-chip {
    display: grid;
    gap: 4px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;
    background: #151923;
    color: #f4f6fb;
    text-align: left;
    cursor: pointer;
    font: inherit;
}
.insert-list-chip:hover {
    border-color: rgba(111,85,255,.6);
}
.insert-list-chip small {
    color: #9aa2b8;
}
.sticky-form-actions {
    position: sticky;
    bottom: 0;
    margin: 0 -24px -24px;
    padding: 14px 24px;
    background: rgba(27, 31, 43, .94);
    border-top: 1px solid rgba(255,255,255,.07);
    backdrop-filter: blur(12px);
}
.list-create-form label,
.command-builder-card label {
    line-height: 1.35;
}

@media (max-width: 1200px) {
    .command-workspace-v51 {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 980px) {
    .guild-picker-topline,
    .guild-picker-toolbar,
    .overview-section-head {
        display: grid;
    }
    .server-bubble-grid {
        grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
    }
    .server-bubble-avatar {
        width: 88px;
        height: 88px;
    }
    .config-status-row,
    .activity-item {
        grid-template-columns: 1fr;
    }
    .sticky-form-actions {
        position: static;
        margin: 0;
        padding: 0;
        background: transparent;
        border-top: 0;
    }
}
.access-pill.owner {
    background: rgba(111,85,255,.18);
    color: #cfc4ff;
}

/* ============================================================
   v52 Overview cleanup
   Moduły bez karty w karcie, mniej tekstu, osobne akcje ręczne.
   ============================================================ */
.overview-hero-v52 {
    margin-bottom: 22px;
    border: 1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 12% 0%, rgba(111,85,255,.20), transparent 26%),
        linear-gradient(135deg, rgba(111,85,255,.12), rgba(255,255,255,.018)),
        #151925;
    box-shadow: none;
}

.overview-hero-v52 h1 {
    margin-bottom: 8px;
}

.compact-pills {
    gap: 8px;
    margin-top: 14px;
}

.clean-block-head {
    margin: 8px 0 12px;
}

.clean-block-head h2,
.compact-section-head-v52 h2 {
    margin-bottom: 3px;
}

.clean-block-head p,
.compact-section-head-v52 p {
    margin: 0;
    color: #9da4bb;
}

.module-grid-v52 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.module-tile-v52 {
    min-width: 0;
    min-height: 142px;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
    box-shadow: none;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.module-tile-v52:hover {
    transform: translateY(-1px);
    border-color: rgba(111,85,255,.42);
    background: linear-gradient(180deg, rgba(111,85,255,.07), rgba(255,255,255,.02));
}

.module-tile-v52.is-off {
    opacity: .76;
}

.module-tile-v52.needs-config {
    border-color: rgba(255,197,66,.22);
}

.module-tile-head-v52 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.module-title-row-v52 {
    min-width: 0;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.module-icon-v52 {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(111,85,255,.12);
    border: 1px solid rgba(111,85,255,.18);
    font-size: 16px;
}

.module-title-row-v52 strong {
    display: block;
    font-size: 16px;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.module-title-row-v52 small {
    display: block;
    margin-top: 4px;
    color: #9da4bb;
    line-height: 1.35;
}

.module-toggle-compact-v52 {
    flex: 0 0 auto;
}

.mini-toggle-v52.toggle-switch {
    width: 44px;
    height: 24px;
}

.mini-toggle-v52.toggle-switch span {
    background: #2b3040;
    border-color: rgba(255,255,255,.12);
    box-shadow: none;
}

.mini-toggle-v52.toggle-switch span::before {
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
}

.mini-toggle-v52.toggle-switch input:checked + span {
    background: rgba(155,227,75,.75);
    border-color: rgba(155,227,75,.55);
    box-shadow: none;
}

.mini-toggle-v52.toggle-switch input:checked + span::before {
    transform: translateX(20px);
}

.module-tile-meta-v52 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.status-chip.neutral {
    background: rgba(255,255,255,.055);
    color: #aeb4c8;
}

.module-count-v52 {
    color: #aeb4c8;
    font-size: 13px;
}

.module-config-button-v52 {
    align-self: end;
    justify-self: start;
    padding: 8px 10px;
    border-radius: 10px;
}

.soft-card-v52 {
    border-color: rgba(255,255,255,.075);
    background: rgba(255,255,255,.026);
    box-shadow: none;
}

.manual-actions-v52 {
    margin: 18px 0;
}

.manual-action-grid-v52 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.manual-action-form-v52 {
    margin: 0;
}

.manual-action-form-v52 button,
.manual-action-link-v52 {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    background: #121620;
    color: #eef1ff;
    font: inherit;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.manual-action-form-v52 button:hover,
.manual-action-link-v52:hover {
    border-color: rgba(111,85,255,.48);
    background: rgba(111,85,255,.12);
}

.overview-bottom-grid-v52 {
    align-items: start;
}

.config-status-list-v52 {
    display: grid;
    gap: 4px;
}

.config-status-row-v52 {
    display: grid;
    grid-template-columns: minmax(120px, .9fr) minmax(120px, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 42px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,.055);
}

.config-status-row-v52 span,
.config-status-row-v52 strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.config-status-row-v52 span {
    color: #d9def2;
    font-weight: 700;
}

.config-status-row-v52 strong {
    color: #b5bdd5;
    font-weight: 800;
    text-align: right;
}

.activity-feed-v52 {
    display: grid;
    gap: 8px;
}

.activity-item-v52 {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255,255,255,.055);
}

.activity-item-v52 p {
    margin: 2px 0 0;
    color: #c4c8d8;
}

.activity-item-v52 small {
    color: #8f95aa;
    white-space: nowrap;
}

.activity-dot-v52 {
    width: 8px;
    height: 8px;
    margin-top: 7px;
    border-radius: 999px;
    background: rgba(155,227,75,.85);
}

/* mniej jaskrawy scrollbar w sidebarze i panelach */
.server-panel,
.sidebar-scroll,
.side-tree,
.rail-guilds {
    scrollbar-width: thin;
    scrollbar-color: rgba(154,162,184,.14) transparent;
}

.server-panel::-webkit-scrollbar-thumb,
.sidebar-scroll::-webkit-scrollbar-thumb,
.side-tree::-webkit-scrollbar-thumb,
.rail-guilds::-webkit-scrollbar-thumb {
    background: rgba(154,162,184,.12);
}

.server-panel:hover::-webkit-scrollbar-thumb,
.sidebar-scroll:hover::-webkit-scrollbar-thumb,
.side-tree:hover::-webkit-scrollbar-thumb,
.rail-guilds:hover::-webkit-scrollbar-thumb {
    background: rgba(154,162,184,.24);
}

@media (max-width: 1100px) {
    .module-grid-v52 {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }

    .config-status-row-v52 {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .config-status-row-v52 strong {
        text-align: left;
    }
}

@media (max-width: 720px) {
    .module-grid-v52,
    .manual-action-grid-v52 {
        grid-template-columns: 1fr;
    }

    .overview-hero-v52 .header-actions {
        width: 100%;
    }
}

/* ============================================================
   v53 Navigation cleanup
   Sidebar groups, cleaner Overview shortcuts, calmer module layout.
   ============================================================ */
.side-tree-v53 {
    display: grid;
    gap: 12px;
    padding-bottom: 22px;
}

.side-group-v53 {
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 16px;
    background: rgba(255,255,255,.018);
    overflow: hidden;
}

.side-group-v53 summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 12px;
    color: #e8ecff;
    font-weight: 900;
}

.side-group-v53 summary::-webkit-details-marker {
    display: none;
}

.side-group-v53 summary::before {
    content: '›';
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    color: #9aa2b8;
    transition: transform .16s ease;
}

.side-group-v53[open] summary::before {
    transform: rotate(90deg);
}

.side-group-v53 summary span {
    flex: 1;
}

.side-group-v53 summary em {
    color: #7f879c;
    font-size: 11px;
    font-style: normal;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.side-group-body-v53 {
    display: grid;
    gap: 6px;
    padding: 0 8px 10px;
}

.server-panel .nav-item-v53.module-tile {
    min-height: 46px;
    padding: 8px 10px;
    border-radius: 12px;
    border-color: transparent;
    background: transparent;
}

.server-panel .nav-item-v53.module-tile.active {
    background: rgba(111,85,255,.14);
    border-color: rgba(111,85,255,.32);
    box-shadow: inset 3px 0 0 rgba(111,85,255,.85);
}

.server-panel .nav-item-v53.module-tile:hover {
    background: rgba(111,85,255,.075);
    border-color: rgba(111,85,255,.20);
}

.module-nav-v53 span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.module-state-dot-v53 {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 999px;
    flex: 0 0 auto;
    background: #566074;
    box-shadow: none;
}

.module-state-dot-v53.on {
    background: #9be34b;
    box-shadow: 0 0 0 4px rgba(155,227,75,.08);
}

.module-state-dot-v53.off {
    background: #626a7d;
}

.overview-hero-v53 {
    gap: 20px;
}

.overview-quick-actions-v53 {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.quick-more-v53 {
    position: relative;
}

.quick-more-v53 summary {
    list-style: none;
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 11px 14px;
    border-radius: 10px;
    background: #2a2f3d;
    color: white;
    cursor: pointer;
    font-weight: 900;
}

.quick-more-v53 summary::-webkit-details-marker {
    display: none;
}

.quick-more-v53 summary::after {
    content: '▾';
    margin-left: 8px;
    color: #aeb4c8;
    font-size: 11px;
}

.quick-more-menu-v53 {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 50;
    min-width: 220px;
    display: grid;
    gap: 4px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: #151923;
    box-shadow: 0 18px 50px rgba(0,0,0,.35);
}

.quick-more-menu-v53 a {
    color: #eef1ff;
    text-decoration: none;
    font-weight: 800;
    padding: 10px 11px;
    border-radius: 10px;
}

.quick-more-menu-v53 a:hover {
    background: rgba(111,85,255,.12);
}

.module-grid-v53 {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 12px;
}

.module-card-v53 {
    min-height: 132px;
    padding: 15px;
    border-color: rgba(255,255,255,.06);
    background: rgba(255,255,255,.022);
}

.module-card-v53:hover {
    transform: none;
    border-color: rgba(111,85,255,.30);
    background: rgba(255,255,255,.035);
}

.module-card-v53 .module-icon-v52 {
    background: rgba(111,85,255,.09);
    border-color: rgba(111,85,255,.12);
}

.module-card-v53.needs-config {
    border-color: rgba(255,197,66,.20);
}

.manual-actions-v53 {
    margin-top: 20px;
}

@media (max-width: 980px) {
    .side-group-v53 summary em {
        display: none;
    }
}

@media (max-width: 720px) {
    .overview-quick-actions-v53 {
        width: 100%;
        justify-content: stretch;
    }
    .overview-quick-actions-v53 > a,
    .overview-quick-actions-v53 .quick-more-v53,
    .overview-quick-actions-v53 .quick-more-v53 summary {
        width: 100%;
    }
    .quick-more-menu-v53 {
        position: static;
        margin-top: 8px;
    }
}

/* ============================================================
   v54 Sidebar group expansion fix
   Rozwinięte grupy pokazują pełną zawartość, a przewija się cały panel.
   ============================================================ */
.server-panel {
    overflow: hidden;
}

.server-panel .side-tree,
.server-panel .side-tree-v53 {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    padding-bottom: 36px;
}

.side-group-v53 {
    overflow: visible;
}

.side-group-v53[open] {
    height: auto;
    min-height: auto;
}

.side-group-v53[open] .side-group-body-v53 {
    display: grid;
    height: auto;
    max-height: none;
    overflow: visible;
}

.server-panel .side-group-body-v53 .nav-item-v53.module-tile {
    min-height: 44px;
    height: auto;
    overflow: visible;
}

.server-panel .side-group-body-v53 .nav-item-v53.module-tile span,
.server-panel .side-group-body-v53 .nav-item-v53.module-tile small {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

@media (max-width: 980px) {
    .server-panel {
        overflow: hidden;
    }

    .server-panel .side-tree,
    .server-panel .side-tree-v53 {
        flex: 1 1 auto;
        max-height: calc(100vh - 190px);
        overflow-y: auto;
    }
}

/* v55, Custom Commands UX cleanup */
.command-creator-clean {
    display: grid;
    gap: 18px;
}

.template-bar-card {
    padding: 16px 18px;
}

.template-bar {
    display: grid;
    grid-template-columns: minmax(220px, 340px) minmax(260px, 1fr);
    gap: 16px;
    align-items: center;
}

.template-bar div {
    display: grid;
    gap: 4px;
}

.template-bar small {
    color: #9aa2b8;
}

.clean-builder-card {
    max-width: 980px;
}

.clean-builder-card [hidden],
.edit-command-details [hidden] {
    display: none !important;
}

.advanced-command-options summary::after {
    content: "opcjonalne";
    margin-left: 10px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(111, 85, 255, .16);
    color: #cfc4ff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.smart-input-wrap {
    position: relative;
}

.smart-input-wrap textarea,
.smart-input-wrap input[type="text"] {
    padding-right: 92px;
}

.smart-input-actions {
    position: absolute;
    top: 9px;
    right: 9px;
    display: flex;
    gap: 6px;
    padding: 4px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
    background: rgba(18, 21, 32, .92);
    backdrop-filter: blur(8px);
}

.smart-tool-btn {
    width: 32px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #dfe4ff;
    cursor: pointer;
    font: 900 13px/1 inherit;
}

.smart-tool-btn:hover,
.smart-tool-btn:focus-visible {
    background: rgba(111, 85, 255, .24);
    outline: none;
}

.smart-popover {
    position: fixed;
    z-index: 2000;
    max-height: min(560px, calc(100vh - 32px));
    overflow: auto;
    border: 1px solid #343a4d;
    border-radius: 16px;
    background: #151925;
    box-shadow: 0 18px 60px rgba(0,0,0,.46);
    padding: 12px;
}

.smart-popover-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.smart-popover-head button {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 9px;
    background: #272c3a;
    color: #f4f6fb;
    cursor: pointer;
}

.smart-popover-section {
    display: grid;
    gap: 7px;
    padding: 10px 0;
    border-top: 1px solid rgba(255,255,255,.06);
}

.smart-popover-section:first-of-type {
    border-top: 0;
}

.smart-popover-section > small {
    color: #9aa2b8;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.smart-popover-section button {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;
    background: #111520;
    color: #f4f6fb;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.smart-popover-section button:hover {
    border-color: rgba(111,85,255,.65);
    background: rgba(111,85,255,.12);
}

.smart-popover-section code {
    color: #d7ccff;
    overflow-wrap: anywhere;
}

.smart-popover-section span {
    color: #9aa2b8;
    font-size: 12px;
}

.emoji-smart-popover .emoji-grid.compact {
    max-height: 320px;
    overflow: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(82px, 1fr));
    gap: 8px;
}

.emoji-smart-popover .emoji-copy {
    justify-content: center;
    flex-direction: column;
    min-height: 76px;
    padding: 8px;
}

.emoji-smart-popover .emoji-copy small {
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.color-picker-shell {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.color-picker-shell input[type="color"] {
    width: 54px;
    height: 38px;
    border-radius: 12px;
}

.color-pipette-button {
    width: 38px;
    height: 38px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #343a4d;
    border-radius: 12px;
    background: #121520;
    color: #dfe4ff;
    cursor: pointer;
}

.color-pipette-button:hover {
    border-color: rgba(111,85,255,.65);
    background: rgba(111,85,255,.14);
}

.color-pipette-button svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.empty-state-card {
    border-style: dashed;
}

@media (max-width: 760px) {
    .template-bar {
        grid-template-columns: 1fr;
    }
    .smart-input-wrap textarea,
    .smart-input-wrap input[type="text"] {
        padding-right: 14px;
        padding-bottom: 54px;
    }
    .smart-input-actions {
        top: auto;
        bottom: 9px;
    }
}

/* ===== v56: Smart fields fixed inline controls ===== */
.form-field {
    display: grid;
    gap: 8px;
}

.field-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #f4f6fb;
    font-weight: 800;
}

.smart-field-v56 {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.smart-field-v56 textarea,
.smart-field-v56 input[type="text"] {
    width: 100% !important;
    min-height: 84px;
    padding-right: 108px !important;
    box-sizing: border-box;
}

.smart-field-tools-v56 {
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
    z-index: 5;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(13, 17, 27, .92) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.25);
    backdrop-filter: blur(8px);
}

.smart-tool-btn-v56 {
    width: 34px !important;
    height: 32px !important;
    min-width: 34px;
    border: 0 !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.04) !important;
    color: #edf0ff !important;
    font: 900 13px/1 inherit !important;
    cursor: pointer;
}

.smart-tool-btn-v56:hover,
.smart-tool-btn-v56:focus-visible {
    background: rgba(139, 92, 246, .28) !important;
    color: #fff !important;
    outline: 2px solid rgba(139, 92, 246, .35);
    outline-offset: 1px;
}

.smart-popover.open {
    display: block;
}

.list-items-panel-v56 {
    margin: 14px 0 16px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 16px;
    background: rgba(9, 12, 20, .34);
}

.list-items-panel-head-v56 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.list-items-panel-head-v56 strong {
    color: #f4f6fb;
}

.list-items-panel-head-v56 small {
    color: #9aa2b8;
}

.list-items-v56 {
    display: grid;
    gap: 8px;
}

.list-item-row-v56 {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    background: rgba(15, 19, 31, .72);
}

.list-item-row-v56 span {
    overflow-wrap: anywhere;
}

.empty-list-note-v56 {
    margin: 0;
}

.list-add-details-v56 {
    margin-top: 10px;
}

.list-add-details-v56 summary {
    cursor: pointer;
}

@media (max-width: 760px) {
    .smart-field-v56 textarea,
    .smart-field-v56 input[type="text"] {
        padding-right: 16px !important;
        padding-bottom: 58px !important;
    }
    .smart-field-tools-v56 {
        top: auto !important;
        bottom: 10px !important;
    }
    .list-item-row-v56 {
        grid-template-columns: 1fr;
    }
}

/* ===== v57: smart pickers globally ===== */
.smart-field-v57 input[type="text"] {
    min-height: 44px !important;
    height: 44px;
    padding-right: 96px !important;
}

.smart-field-v57 textarea {
    padding-right: 96px !important;
}

.smart-field-v57 .smart-field-tools-v56 {
    right: 8px !important;
    top: 8px !important;
}

.smart-field-v57 input[type="text"] + .smart-field-tools-v56 {
    top: 6px !important;
}

.function-smart-popover [data-smart-functions-content] {
    display: grid;
    gap: 12px;
}

@media (max-width: 760px) {
    .smart-field-v57 input[type="text"] {
        padding-right: 14px !important;
        padding-bottom: 48px;
        height: auto;
        min-height: 88px !important;
    }
}

/* v59: floating, draggable emoji/function pickers */
.smart-popover.floating-smart-popover-v59 {
    position: fixed !important;
    z-index: 9999 !important;
    max-height: min(560px, calc(100vh - 24px));
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.smart-popover.floating-smart-popover-v59 .smart-popover-head {
    cursor: grab;
    user-select: none;
    flex: 0 0 auto;
}

.smart-popover.floating-smart-popover-v59.dragging .smart-popover-head {
    cursor: grabbing;
}

.smart-popover.floating-smart-popover-v59 [data-smart-functions-content],
.smart-popover.floating-smart-popover-v59 .emoji-grid.compact {
    overflow: auto;
    min-height: 0;
}

.smart-popover.floating-smart-popover-v59 [data-smart-functions-content] {
    padding-right: 2px;
}

.smart-popover.floating-smart-popover-v59 .emoji-search {
    flex: 0 0 auto;
}

.smart-popover.floating-smart-popover-v59 .emoji-grid.compact {
    max-height: min(360px, calc(100vh - 170px));
}

.smart-popover.floating-smart-popover-v59[data-placement="top"] {
    transform-origin: bottom right;
}

.smart-popover.floating-smart-popover-v59[data-placement="bottom"] {
    transform-origin: top right;
}


/* v61 maintenance banner */
.maintenance-banner {
    margin: 14px 0 18px;
    padding: 12px 14px;
    border: 1px solid rgba(245, 158, 11, .45);
    background: rgba(245, 158, 11, .10);
    color: #fde68a;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}
.maintenance-banner strong {
    color: #fbbf24;
    margin-right: 6px;
}

/* v63: Owner Health controls */
.card-heading-row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 16px;
}
.compact-actions-v63 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.inline-status-v63 {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(148, 163, 184, .10);
    border: 1px solid rgba(148, 163, 184, .18);
    color: #cbd5e1;
    font-size: .92rem;
}
.inline-status-v63.is-error {
    color: #fecaca;
    border-color: rgba(248, 113, 113, .35);
    background: rgba(248, 113, 113, .10);
}
.bot-control-grid-v63 strong {
    overflow-wrap: anywhere;
}
.owner-live-logs-v63 .log-box,
.live-log-box-v63 {
    max-height: 560px;
    overflow: auto;
    white-space: pre-wrap;
}
.log-filter-v63,
.log-tail-select-v63 select {
    min-height: 38px;
}
.log-filter-v63 {
    min-width: 190px;
}
.log-tail-select-v63 {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: #cbd5e1;
    font-size: .9rem;
}
.button.danger {
    background: rgba(239, 68, 68, .18);
    border-color: rgba(239, 68, 68, .38);
    color: #fecaca;
}
.button.danger:hover {
    background: rgba(239, 68, 68, .26);
}
@media (max-width: 900px) {
    .card-heading-row {
        flex-direction: column;
    }
    .compact-actions-v63 {
        justify-content: flex-start;
    }
}


/* v64 invite i permissions center */
.invite-shortcut {
    background: rgba(60, 200, 120, 0.12);
    border-color: rgba(60, 200, 120, 0.55);
    color: #9be34b;
}
.invite-shortcut:hover {
    background: rgba(60, 200, 120, 0.2);
}
.invite-inline-card,
.invite-permission-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid rgba(60, 200, 120, 0.28);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(60, 200, 120, 0.10), rgba(111, 85, 255, 0.08));
}
.invite-inline-card p,
.invite-permission-card p {
    margin: 4px 0 0;
}
.permission-check.neutral {
    border-color: rgba(255,255,255,0.12);
}
.permission-check.neutral span {
    color: #cfd4e8;
}
.permission-summary-list {
    display: grid;
    gap: 10px;
}
.permission-summary-list div {
    display: grid;
    grid-template-columns: minmax(180px, 260px) 1fr;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255,255,255,0.07);
}
.permission-summary-list div:last-child {
    border-bottom: 0;
}
.permission-summary-list strong {
    color: #f4f6fb;
}
.permission-summary-list span {
    color: #aeb5ca;
}
.success-card {
    border-color: rgba(60, 200, 120, 0.38);
    background: rgba(60, 200, 120, 0.07);
}
@media (max-width: 760px) {
    .invite-inline-card,
    .invite-permission-card {
        align-items: stretch;
        flex-direction: column;
    }
    .permission-summary-list div {
        grid-template-columns: 1fr;
    }
}

/* v65: Custom Commands UX polish */
.discord-command-preview p {
    display: block;
    min-height: 40px;
}

.discord-custom-emoji-preview {
    width: 1.45em;
    height: 1.45em;
    margin: 0 .06em;
    object-fit: contain;
    vertical-align: -0.34em;
    border-radius: 4px;
}

.command-preview-warnings {
    margin-top: 2px;
    padding: 10px 12px;
    border: 1px solid rgba(245, 158, 11, .42);
    border-radius: 12px;
    background: rgba(245, 158, 11, .10);
    color: #ffe2a8;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.smart-popover.floating-smart-popover-v59 {
    max-height: min(520px, calc(100vh - 24px));
    min-height: 180px;
}

.smart-popover.floating-smart-popover-v59 .smart-popover-head {
    position: sticky;
    top: 0;
    z-index: 3;
    margin: -12px -12px 10px;
    padding: 12px;
    background: rgba(21, 25, 37, .98);
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.smart-popover.floating-smart-popover-v59 .smart-popover-head button {
    display: inline-grid;
    place-items: center;
    font-size: 18px;
    font-weight: 900;
}

.smart-popover.floating-smart-popover-v59 .smart-popover-head button:hover,
.smart-popover.floating-smart-popover-v59 .smart-popover-head button:focus-visible {
    background: rgba(239, 68, 68, .22);
    outline: 2px solid rgba(239, 68, 68, .32);
}

.smart-function-search-v65 {
    width: 100%;
    margin: 0 0 10px;
    flex: 0 0 auto;
}

.smart-popover.floating-smart-popover-v59 [data-smart-functions-content] {
    flex: 1 1 auto;
    max-height: min(350px, calc(100vh - 188px));
    padding-right: 4px;
}

.smart-popover.floating-smart-popover-v59 .emoji-grid.compact {
    flex: 1 1 auto;
    max-height: min(350px, calc(100vh - 188px));
    padding-right: 4px;
}

.smart-popover.floating-smart-popover-v59 [data-smart-functions-content],
.smart-popover.floating-smart-popover-v59 .emoji-grid.compact {
    scrollbar-width: thin;
    scrollbar-color: rgba(139, 92, 246, .7) rgba(255,255,255,.07);
}

.smart-popover.floating-smart-popover-v59 [data-smart-functions-content]::-webkit-scrollbar,
.smart-popover.floating-smart-popover-v59 .emoji-grid.compact::-webkit-scrollbar {
    width: 10px;
}

.smart-popover.floating-smart-popover-v59 [data-smart-functions-content]::-webkit-scrollbar-thumb,
.smart-popover.floating-smart-popover-v59 .emoji-grid.compact::-webkit-scrollbar-thumb {
    background: rgba(139, 92, 246, .65);
    border-radius: 999px;
}

.smart-popover.floating-smart-popover-v59 [data-smart-functions-content]::-webkit-scrollbar-track,
.smart-popover.floating-smart-popover-v59 .emoji-grid.compact::-webkit-scrollbar-track {
    background: rgba(255,255,255,.07);
    border-radius: 999px;
}

.smart-popover-section[hidden] {
    display: none !important;
}

@media (max-width: 640px) {
    .smart-popover.floating-smart-popover-v59 {
        left: 10px !important;
        right: 10px !important;
        top: auto !important;
        bottom: 10px !important;
        width: calc(100vw - 20px) !important;
        max-height: min(620px, calc(100vh - 20px));
        border-radius: 20px;
    }

    .smart-popover.floating-smart-popover-v59 [data-smart-functions-content],
    .smart-popover.floating-smart-popover-v59 .emoji-grid.compact {
        max-height: min(430px, calc(100vh - 210px));
    }
}

/* v65-hotfix2: ukrywanie elementów pickerów musi wygrać z regułami display:flex/block. */
.smart-popover[hidden],
.smart-popover.open[hidden],
.smart-popover [hidden],
.smart-popover-section[hidden],
.smart-popover-section button[hidden],
.emoji-grid button[hidden] {
    display: none !important;
}


/* v66: Custom Commands Studio 2.0 */
.rich-source-hidden-v66 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    left: -9999px !important;
}

.rich-command-editor-v66 {
    width: 100%;
    min-height: 118px;
    max-height: 360px;
    overflow: auto;
    padding: 13px 100px 13px 14px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    background: rgba(8, 11, 18, .86);
    color: #f4f6fb;
    outline: none;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.rich-command-editor-v66:focus {
    border-color: rgba(139, 92, 246, .78);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, .16);
    background: rgba(10, 14, 24, .94);
}

.rich-command-editor-v66.is-empty::before {
    content: attr(data-rich-placeholder);
    color: #7f879c;
    pointer-events: none;
}

.rich-discord-emoji-v66 {
    width: 1.45em;
    height: 1.45em;
    vertical-align: -0.34em;
    margin: 0 .08em;
    border-radius: 4px;
    object-fit: contain;
}

.rich-placeholder-token-v66 {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin: 0 .08em;
    padding: .12em .46em;
    border: 1px solid rgba(139, 92, 246, .46);
    border-radius: 999px;
    background: rgba(139, 92, 246, .16);
    color: #e7ddff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .92em;
    white-space: nowrap;
}

.command-studio-validator {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    font-size: 13px;
}

.command-studio-validator strong {
    display: block;
    margin-bottom: 4px;
}

.command-studio-validator.ok {
    border: 1px solid rgba(34, 197, 94, .34);
    background: rgba(34, 197, 94, .10);
    color: #c8facc;
}

.command-studio-validator.warn {
    border: 1px solid rgba(245, 158, 11, .42);
    background: rgba(245, 158, 11, .10);
    color: #ffe2a8;
}

.command-studio-validator ul {
    margin: 6px 0 0 18px;
    padding: 0;
}

.command-studio-hint-card,
.command-test-row,
.command-revision-item {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
}

.command-studio-hint-card span,
.command-revision-item small {
    color: #9aa2b8;
}

.command-test-row {
    margin-top: 12px;
    flex-wrap: wrap;
}

.command-test-row label {
    flex: 1 1 260px;
    margin: 0;
}

.command-revision-list {
    display: grid;
    gap: 10px;
}

.command-revision-item form {
    margin: 0;
}


/* v67, Helpdesk Streamcio */
.topbar-support-link-v67 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    margin-right: 12px;
    padding: 9px 12px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 999px;
    color: #e5e7eb;
    text-decoration: none;
    background: rgba(15, 23, 42, 0.75);
    font-weight: 800;
    font-size: 13px;
}
.topbar-support-link-v67:hover,
.topbar-support-link-v67.active {
    border-color: rgba(124, 92, 255, 0.75);
    background: rgba(124, 92, 255, 0.18);
}
.topbar-support-link-v67 em {
    display: inline-flex;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #7c5cff;
    color: #fff;
    font-size: 11px;
    font-style: normal;
}
.support-layout-v67 {
    display: grid;
    grid-template-columns: minmax(360px, 0.9fr) minmax(420px, 1.1fr);
    gap: 20px;
}
.support-detail-grid-v67 {
    display: grid;
    grid-template-columns: minmax(520px, 1fr) 340px;
    gap: 20px;
}
.support-ticket-list-v67,
.support-messages-v67,
.support-events-v67 {
    display: grid;
    gap: 12px;
}
.support-ticket-row-v67 {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.55);
    color: inherit;
    text-decoration: none;
}
.support-ticket-row-v67:hover {
    border-color: rgba(124, 92, 255, 0.65);
    background: rgba(124, 92, 255, 0.10);
}
.support-ticket-row-v67 small,
.support-message-v67 small,
.support-events-v67 small {
    display: block;
    color: #94a3b8;
    margin-top: 4px;
}
.support-ticket-meta-v67,
.support-ticket-summary-v67 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.support-pill-v67 {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 900;
    background: rgba(148, 163, 184, 0.14);
    border: 1px solid rgba(148, 163, 184, 0.20);
    color: #e5e7eb;
    white-space: nowrap;
}
.support-pill-v67.status-new { background: rgba(59, 130, 246, 0.16); color: #bfdbfe; }
.support-pill-v67.status-in_progress { background: rgba(124, 92, 255, 0.18); color: #ddd6fe; }
.support-pill-v67.status-waiting_user { background: rgba(245, 158, 11, 0.16); color: #fde68a; }
.support-pill-v67.status-waiting_owner { background: rgba(236, 72, 153, 0.16); color: #fbcfe8; }
.support-pill-v67.status-closed { background: rgba(34, 197, 94, 0.16); color: #bbf7d0; }
.support-pill-v67.status-rejected { background: rgba(239, 68, 68, 0.16); color: #fecaca; }
.support-pill-v67.priority-urgent { background: rgba(239, 68, 68, 0.20); color: #fecaca; }
.support-pill-v67.priority-high { background: rgba(245, 158, 11, 0.18); color: #fed7aa; }
.support-message-v67 {
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.50);
}
.support-message-v67.owner { border-color: rgba(124, 92, 255, 0.45); background: rgba(124, 92, 255, 0.10); }
.support-message-v67.internal { border-style: dashed; background: rgba(245, 158, 11, 0.08); }
.support-message-v67 p {
    white-space: pre-wrap;
    margin: 10px 0 0;
    line-height: 1.55;
}
.support-reply-v67,
.support-owner-form-v67 {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}
.support-defs-v67 {
    display: grid;
    grid-template-columns: 95px 1fr;
    gap: 8px 12px;
    font-size: 13px;
}
.support-defs-v67 dt { color: #94a3b8; }
.support-defs-v67 dd { margin: 0; color: #e5e7eb; }
.break-word { word-break: break-word; }
.empty-state-v67 {
    padding: 24px;
    text-align: center;
    color: #94a3b8;
    border: 1px dashed rgba(148, 163, 184, 0.25);
    border-radius: 16px;
}
.support-filter-v67 select { min-width: 160px; }

.support-create-v67 input:not([type]),
.support-create-v67 input[type="text"],
.support-create-v67 input[type="url"],
.support-create-v67 select,
.support-create-v67 textarea,
.support-filter-v67 select,
.support-reply-v67 textarea,
.support-owner-form-v67 select,
.support-owner-form-v67 textarea {
    background: #121520;
    color: #f4f6fb;
}

@media (max-width: 1100px) {
    .support-layout-v67,
    .support-detail-grid-v67 { grid-template-columns: 1fr; }
    .topbar-support-link-v67 span { display: none; }
}

/* 1.0.1 - dokumentacja i badge wersji */
.topbar-release-v101 {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    margin-left: 14px;
    padding: 7px 10px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.56);
}
.topbar-release-v101 strong {
    font-size: 12px;
    color: #f8fafc;
    line-height: 1;
}
.topbar-release-v101 small {
    color: #94a3b8;
    line-height: 1.2;
}
.topbar-docs-link-v101,
.topbar-support-link-v67 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 999px;
    color: #e5e7eb;
    text-decoration: none;
    background: rgba(15, 23, 42, 0.75);
    font-weight: 800;
    font-size: 13px;
}
.topbar-docs-link-v101 {
    margin-left: auto;
    margin-right: 10px;
}
.topbar-docs-link-v101:hover,
.topbar-docs-link-v101.active,
.topbar-support-link-v67:hover,
.topbar-support-link-v67.active {
    border-color: rgba(124, 92, 255, 0.75);
    background: rgba(124, 92, 255, 0.18);
}
.docs-header-v101 {
    align-items: center;
}
.docs-release-badge-v101 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    padding: 14px 16px;
    min-width: 180px;
    border-radius: 18px;
    border: 1px solid rgba(124, 92, 255, 0.30);
    background: linear-gradient(180deg, rgba(124, 92, 255, 0.14), rgba(15, 23, 42, 0.9));
    box-shadow: 0 16px 40px rgba(3, 7, 18, 0.28);
}
.docs-release-badge-v101 strong {
    font-size: 20px;
    color: #f8fafc;
}
.docs-release-badge-v101 span {
    color: #c4b5fd;
    font-weight: 700;
}
.docs-layout-v101 {
    display: grid;
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    gap: 20px;
}
.docs-sidebar-v101,
.docs-article-v101 {
    display: grid;
    gap: 18px;
    align-content: start;
}
.docs-nav-section-v101 {
    display: grid;
    gap: 10px;
}
.docs-nav-section-v101 h3,
.docs-search-results-v101 h3,
.docs-block-v101 h3 {
    margin: 0;
}
.docs-nav-list-v101,
.docs-search-results-v101 {
    display: grid;
    gap: 10px;
}
.docs-nav-link-v101,
.docs-related-card-v101 {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    text-decoration: none;
    color: inherit;
    background: rgba(15, 23, 42, 0.55);
    transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.docs-nav-link-v101:hover,
.docs-nav-link-v101.active,
.docs-related-card-v101:hover {
    border-color: rgba(124, 92, 255, 0.55);
    background: rgba(124, 92, 255, 0.10);
    transform: translateY(-1px);
}
.docs-nav-link-v101 small,
.docs-related-card-v101 small {
    color: #94a3b8;
    line-height: 1.45;
}
.docs-article-lead-v101 {
    display: grid;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}
.docs-article-lead-v101 h2,
.docs-block-v101 p {
    margin: 0;
}
.docs-block-v101 {
    display: grid;
    gap: 10px;
}
.docs-list-v101,
.docs-steps-v101 {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 8px;
    line-height: 1.6;
}
.docs-list-v101.warning li::marker,
.docs-steps-v101 li::marker {
    color: #c4b5fd;
}
.docs-actions-v101 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.docs-related-grid-v101 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}
@media (max-width: 1180px) {
    .docs-layout-v101 { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
    .topbar-release-v101 { display: none; }
    .topbar-docs-link-v101 span,
    .topbar-support-link-v67 span { display: none; }
    .docs-release-badge-v101 { align-items: flex-start; min-width: 0; }
}

/* 1.0.2 - login landing, opis Streamcio i animowany bocik */
.login-hero-v102 {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    align-items: center;
    gap: 30px;
    overflow: hidden;
}
.login-hero-v102::before {
    content: "";
    position: absolute;
    inset: -120px -80px auto auto;
    width: 360px;
    height: 360px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(124, 92, 255, 0.18), transparent 68%);
    pointer-events: none;
}
.login-hero-copy-v102 {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 14px;
    max-width: 720px;
}
.login-hero-copy-v102 h1 {
    margin-bottom: 0;
}
.login-lead-v102 {
    color: #cbd5e1;
    max-width: 64ch;
    line-height: 1.7;
    margin: 0 0 4px;
}
.login-bot-scene-v102 {
    position: relative;
    min-height: 250px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 26px;
    background:
        radial-gradient(circle at 20% 25%, rgba(124, 92, 255, 0.22), transparent 36%),
        radial-gradient(circle at 80% 70%, rgba(52, 211, 153, 0.12), transparent 38%),
        rgba(15, 23, 42, 0.52);
    display: grid;
    place-items: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 20px 60px rgba(2, 6, 23, 0.18);
    overflow: hidden;
}
.login-bot-scene-v102::before,
.login-bot-scene-v102::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 14% 20%, rgba(255,255,255,.50) 0 1px, transparent 2px),
        radial-gradient(circle at 78% 18%, rgba(255,255,255,.34) 0 1px, transparent 2px),
        radial-gradient(circle at 62% 78%, rgba(255,255,255,.42) 0 1px, transparent 2px),
        radial-gradient(circle at 28% 72%, rgba(255,255,255,.28) 0 1px, transparent 2px),
        radial-gradient(circle at 92% 58%, rgba(255,255,255,.45) 0 1px, transparent 2px);
    opacity: .45;
    animation: loginStarsV102 12s ease-in-out infinite;
}
.login-bot-scene-v102::after {
    transform: scale(1.15);
    opacity: .28;
    animation-duration: 18s;
}
.login-orb-v102 {
    position: absolute;
    border-radius: 999px;
    filter: blur(1px);
    opacity: .34;
    animation: loginFloatV102 9s ease-in-out infinite;
}
.login-orb-v102.one {
    width: 140px;
    height: 140px;
    top: 24px;
    left: 28px;
    background: radial-gradient(circle, rgba(124, 92, 255, .72), transparent 70%);
}
.login-orb-v102.two {
    width: 110px;
    height: 110px;
    right: 34px;
    bottom: 18px;
    animation-delay: -3s;
    background: radial-gradient(circle, rgba(52, 211, 153, .62), transparent 72%);
}
.login-bot-v102 {
    position: relative;
    width: 126px;
    height: 140px;
    z-index: 1;
    animation: loginFloatV102 5.2s ease-in-out infinite;
}
.login-bot-head-v102 {
    position: absolute;
    left: 22px;
    top: 0;
    width: 82px;
    height: 66px;
    border-radius: 24px;
    border: 1px solid rgba(124, 92, 255, .42);
    background: linear-gradient(180deg, rgba(124, 92, 255, 0.30), rgba(15, 23, 42, 0.95));
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    box-shadow: 0 18px 50px rgba(124, 92, 255, 0.22);
}
.login-bot-head-v102::before,
.login-bot-head-v102::after {
    content: "";
    position: absolute;
    top: -14px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(124, 92, 255, .62);
    background: rgba(15, 23, 42, .7);
}
.login-bot-head-v102::before { left: 14px; }
.login-bot-head-v102::after { right: 14px; }
.login-eye-v102 {
    width: 10px;
    height: 19px;
    border-radius: 999px;
    background: linear-gradient(180deg, #fff, #a5b4fc);
    box-shadow: 0 0 16px rgba(255,255,255,0.48);
    animation: loginBlinkV102 4.8s infinite;
}
.login-bot-body-v102 {
    position: absolute;
    left: 36px;
    top: 74px;
    width: 54px;
    height: 46px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, .16);
    background: rgba(15, 23, 42, .9);
}
.login-bot-body-v102::before,
.login-bot-body-v102::after {
    content: "";
    position: absolute;
    top: 18px;
    width: 20px;
    height: 3px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .82);
}
.login-bot-body-v102::before { left: -16px; transform: rotate(30deg); }
.login-bot-body-v102::after { right: -16px; transform: rotate(-30deg); }
.login-bot-ring-v102 {
    position: absolute;
    inset: auto 0 0 0;
    margin: auto;
    width: 126px;
    height: 126px;
    border-radius: 999px;
    border: 1px dashed rgba(124, 92, 255, 0.35);
    animation: loginSpinV102 14s linear infinite;
}
.login-bot-caption-v102 {
    position: absolute;
    z-index: 2;
    left: 18px;
    bottom: 18px;
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(52, 211, 153, 0.24);
    background: rgba(6, 78, 59, 0.18);
    backdrop-filter: blur(12px);
}
.login-bot-caption-v102 strong { color: #d1fae5; }
.login-bot-caption-v102 span { color: #94a3b8; font-size: 12px; }
.streamcio-intro-v102 {
    display: grid;
    gap: 20px;
}
.streamcio-intro-v102 h2 {
    margin: 4px 0 8px;
}
.intro-grid-v102 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.intro-grid-v102 article {
    display: grid;
    gap: 8px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.52);
}
.intro-grid-v102 article strong {
    color: #f8fafc;
}
.intro-grid-v102 article span {
    color: #94a3b8;
    line-height: 1.55;
}
@keyframes loginSpinV102 { to { transform: rotate(360deg); } }
@keyframes loginFloatV102 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
@keyframes loginBlinkV102 {
    0%, 44%, 48%, 100% { transform: scaleY(1); opacity: 1; }
    46% { transform: scaleY(.15); opacity: .72; }
}
@keyframes loginStarsV102 {
    0%, 100% { transform: translateY(0); opacity: .40; }
    50% { transform: translateY(-6px); opacity: .72; }
}
@media (max-width: 1080px) {
    .login-hero-v102 { grid-template-columns: 1fr; }
    .login-bot-scene-v102 { min-height: 230px; }
    .intro-grid-v102 { grid-template-columns: 1fr; }
}

/* 1.0.3 - profil użytkownika, dropdown i Co nowego */
.topbar-invite-link-v103 {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(52, 211, 153, 0.38);
    color: #bbf7d0;
    background: rgba(6, 78, 59, 0.22);
    text-decoration: none;
    font-size: 20px;
    font-weight: 900;
}
.topbar-invite-link-v103:hover {
    border-color: rgba(52, 211, 153, 0.7);
    background: rgba(6, 78, 59, 0.34);
}
.topbar-user-card-v103 {
    position: relative;
    min-width: 300px;
}
.profile-card-button-v103 {
    position: relative;
    width: 100%;
    min-height: 54px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 18px;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.78);
    color: #f8fafc;
    cursor: pointer;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
.profile-card-button-v103:hover,
.topbar-user-card-v103.open .profile-card-button-v103 {
    border-color: color-mix(in srgb, var(--profile-accent, #7c5cff) 65%, rgba(148, 163, 184, 0.18));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--profile-accent, #7c5cff) 18%, transparent);
}
.profile-card-bg-v103 {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(6, 8, 18, 0.46), rgba(6, 8, 18, 0.78)),
        var(--profile-banner, linear-gradient(135deg, color-mix(in srgb, var(--profile-accent, #7c5cff) 70%, #0f172a), #101827));
    background-size: cover;
    background-position: center;
    opacity: 0.98;
}
.profile-card-bg-v103::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(255,255,255,0.14), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.05), transparent);
}
.profile-avatar-wrap-v103,
.profile-card-copy-v103,
.profile-badges-v103,
.profile-chevron-v103,
.profile-status-v103 {
    position: relative;
    z-index: 1;
}
.profile-avatar-wrap-v103 {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
}
.profile-avatar-v103,
.profile-avatar-fallback-v103 {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    object-fit: cover;
    display: grid;
    place-items: center;
    background: #272c3a;
    border: 2px solid rgba(8, 12, 24, 0.92);
    font-weight: 900;
    color: #fff;
}
.profile-decoration-v103 {
    position: absolute;
    inset: -8px;
    width: 58px;
    height: 58px;
    object-fit: contain;
    pointer-events: none;
}
.profile-status-v103 {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 3px rgba(8, 12, 24, 0.9);
}
.profile-card-copy-v103 {
    min-width: 0;
    display: grid;
    gap: 2px;
}
.profile-card-copy-v103 strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    letter-spacing: .01em;
}
.profile-card-copy-v103 small {
    display: flex;
    gap: 6px;
    align-items: center;
    min-width: 0;
    color: #cbd5e1;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.profile-card-copy-v103 b {
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(255,255,255,0.16);
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.profile-badges-v103 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: flex-end;
}
.profile-badges-v103 em {
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    color: #f5f3ff;
    background: color-mix(in srgb, var(--profile-accent, #7c5cff) 28%, rgba(15, 23, 42, .86));
    border: 1px solid rgba(255,255,255,0.16);
    text-transform: uppercase;
}
.profile-chevron-v103 {
    color: #e5e7eb;
    font-weight: 900;
    transform: translateY(-1px);
}
.user-dropdown-v103 {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    width: min(290px, 92vw);
    z-index: 80;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.20);
    background: rgba(13, 18, 30, 0.98);
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.55);
    backdrop-filter: blur(18px);
}
.user-dropdown-head-v103 {
    padding: 10px 10px 12px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    margin-bottom: 8px;
    display: grid;
    gap: 2px;
}
.user-dropdown-head-v103 strong { color: #f8fafc; }
.user-dropdown-head-v103 small { color: #94a3b8; }
.user-dropdown-v103 a,
.user-dropdown-v103 button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 11px;
    border-radius: 12px;
    color: #e5e7eb;
    text-decoration: none;
    background: transparent;
    border: 0;
    font: inherit;
    cursor: pointer;
    text-align: left;
}
.user-dropdown-v103 a:hover,
.user-dropdown-v103 button:hover {
    background: rgba(124, 92, 255, 0.13);
    color: #fff;
}
.user-dropdown-v103 .danger {
    color: #fecaca;
}
.whats-new-overlay-v103 {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(12px);
}
.whats-new-card-v103 {
    position: relative;
    width: min(560px, 100%);
    padding: 28px;
    border-radius: 26px;
    border: 1px solid rgba(124, 92, 255, 0.30);
    background:
        radial-gradient(circle at 88% 10%, rgba(124, 92, 255, 0.18), transparent 32%),
        rgba(13, 18, 30, 0.98);
    box-shadow: 0 28px 90px rgba(2, 6, 23, 0.64);
}
.whats-new-card-v103 h2 {
    margin: 0 0 12px;
}
.whats-new-card-v103 ul {
    display: grid;
    gap: 9px;
    margin: 16px 0 22px;
    padding-left: 18px;
    color: #cbd5e1;
    line-height: 1.6;
}
.whats-new-card-v103 li::marker {
    color: #c4b5fd;
}
.whats-new-close-v103 {
    position: absolute;
    right: 16px;
    top: 14px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.8);
    color: #e5e7eb;
    cursor: pointer;
    font-size: 20px;
}
.whats-new-actions-v103 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}
.modal-open-v103 {
    overflow: hidden;
}
@media (max-width: 1200px) {
    .profile-badges-v103 { display: none; }
    .topbar-user-card-v103 { min-width: 235px; }
}
@media (max-width: 980px) {
    .topbar-invite-link-v103 { display: none; }
    .topbar-user-card-v103 { min-width: 54px; }
    .profile-card-button-v103 {
        grid-template-columns: 42px;
        width: 54px;
        padding: 7px;
    }
    .profile-card-copy-v103,
    .profile-chevron-v103 { display: none; }
}

/* 1.0.4 - hotfix ukrywania popupów z własnym display */
.user-dropdown-v103[hidden],
.whats-new-overlay-v103[hidden] {
    display: none !important;
}


/* 1.0.6 - Profil hotfix: nameplate zamiast bannera w topbarze + widok /profile */
.profile-card-bg-v103 {
    background:
        linear-gradient(90deg, rgba(6, 8, 18, 0.42), rgba(6, 8, 18, 0.84)),
        var(--profile-nameplate, linear-gradient(135deg, color-mix(in srgb, var(--profile-nameplate-palette, var(--profile-accent, #7c5cff)) 72%, #111827), #111827));
    background-size: cover;
    background-position: center;
}
.profile-card-bg-v103::before {
    content: "";
    position: absolute;
    inset: 8px 10px auto 62px;
    height: 24px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 42%, transparent), transparent),
        rgba(255,255,255,0.08);
    opacity: .72;
}
.profile-card-copy-v103 strong,
.profile-display-name-v106 {
    color: var(--profile-name-color-a, #f8fafc);
}
.topbar-user-card-v103[style*="--profile-name-color-b"] .profile-card-copy-v103 strong,
.profile-page-v106[style*="--profile-name-color-b"] .profile-display-name-v106 {
    background: linear-gradient(90deg, var(--profile-name-color-a, #f8fafc), var(--profile-name-color-b, #c4b5fd));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.profile-card-copy-v103 b img,
.profile-chip-row-v106 span img {
    width: 14px;
    height: 14px;
    object-fit: contain;
    margin-right: 4px;
}
.profile-page-v106 {
    display: grid;
    gap: 22px;
}
.profile-layout-v106 {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
    gap: 18px;
    align-items: stretch;
}
.profile-hero-card-v106,
.profile-panel-v106,
.profile-detail-v106 {
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 26px;
    background: rgba(15, 23, 42, 0.72);
    box-shadow: 0 22px 70px rgba(2, 6, 23, 0.28);
    overflow: hidden;
}
.profile-hero-card-v106 {
    position: relative;
    min-height: 310px;
}
.profile-hero-banner-v106 {
    height: 132px;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.05), rgba(2, 6, 23, 0.82)),
        var(--profile-banner, radial-gradient(circle at 22% 20%, color-mix(in srgb, var(--profile-accent, #7c5cff) 52%, transparent), transparent 35%), linear-gradient(135deg, #141827, #0b1020));
    background-size: cover;
    background-position: center;
}
.profile-nameplate-strip-v106 {
    position: relative;
    margin: -24px 24px 0;
    min-height: 48px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 42%, rgba(15,23,42,.94)), rgba(15,23,42,.9));
    box-shadow: 0 16px 40px rgba(2, 6, 23, 0.30);
}
.profile-nameplate-strip-v106 img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .92;
}
.profile-nameplate-strip-v106 span {
    position: relative;
    z-index: 1;
    font-size: 12px;
    color: #e5e7eb;
    font-weight: 800;
    letter-spacing: .02em;
}
.profile-hero-body-v106 {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 28px 24px 26px;
}
.profile-hero-avatar-v106 {
    position: relative;
    flex: 0 0 auto;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
}
.profile-hero-avatar-v106 > img:not(.profile-hero-decoration-v106),
.profile-hero-avatar-v106 > b {
    width: 78px;
    height: 78px;
    border-radius: 24px;
    object-fit: cover;
    display: grid;
    place-items: center;
    background: #272c3a;
    border: 3px solid rgba(8, 12, 24, 0.95);
    color: #fff;
    font-size: 28px;
}
.profile-hero-decoration-v106 {
    position: absolute;
    inset: -12px;
    width: 116px;
    height: 116px;
    object-fit: contain;
    pointer-events: none;
}
.profile-hero-copy-v106 h2 {
    margin: 0;
    font-size: clamp(24px, 3vw, 36px);
}
.profile-hero-copy-v106 p {
    margin: 4px 0 14px;
    color: #94a3b8;
}
.profile-chip-row-v106 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.profile-chip-row-v106 span {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.14);
    background: color-mix(in srgb, var(--profile-accent, #7c5cff) 18%, rgba(15,23,42,.85));
    color: #f8fafc;
    font-size: 12px;
    font-weight: 800;
}
.profile-panel-v106,
.profile-detail-v106 {
    padding: 22px;
}
.profile-panel-v106 h3,
.profile-detail-v106 h3 {
    margin: 0 0 16px;
}
.profile-data-list-v106 {
    display: grid;
    gap: 12px;
    margin: 0;
}
.profile-data-list-v106 div {
    display: grid;
    gap: 3px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}
.profile-data-list-v106 dt {
    color: #94a3b8;
    font-size: 12px;
}
.profile-data-list-v106 dd {
    margin: 0;
    color: #f8fafc;
    font-weight: 700;
    word-break: break-word;
}
.profile-grid-v106 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.profile-check-list-v106 {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 10px;
}
.profile-check-list-v106 .ok { color: #bbf7d0; }
.profile-check-list-v106 .muted { color: #94a3b8; }
@media (max-width: 1050px) {
    .profile-layout-v106,
    .profile-grid-v106 { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .profile-hero-body-v106 { align-items: flex-start; flex-direction: column; }
    .profile-nameplate-strip-v106 { margin-left: 16px; margin-right: 16px; }
}


/* 1.0.6 login/profile visual hotfix 3 - tabliczka jako efekt, bez surowej nazwy assetu */
.profile-card-button-v103 {
    background: rgba(10, 15, 27, 0.92);
}
.profile-card-bg-v103 {
    background:
        radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--profile-accent, #7c5cff) 18%, transparent), transparent 34%),
        linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(7, 11, 22, .98));
    opacity: 1;
}
.profile-card-bg-v103::before {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 54%;
    border-radius: 0;
    background:
        linear-gradient(180deg, transparent 0%, rgba(2, 6, 23, .24) 36%, rgba(2, 6, 23, .72) 100%),
        var(--profile-nameplate, linear-gradient(90deg, transparent, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 18%, transparent), transparent));
    background-size: cover;
    background-position: center;
    opacity: .52;
    pointer-events: none;
}
.profile-card-bg-v103::after {
    background:
        linear-gradient(90deg, rgba(2, 6, 23, .72), rgba(2, 6, 23, .22) 44%, rgba(2, 6, 23, .78)),
        linear-gradient(180deg, rgba(255,255,255,0.04), transparent);
}
.profile-card-copy-v103 b {
    background: rgba(255,255,255,0.11);
    border: 1px solid rgba(255,255,255,0.16);
}
.profile-nameplate-strip-v106 {
    display: none !important;
}
.profile-hero-card-v106 {
    min-height: 340px;
}
.profile-hero-banner-v106 {
    height: 128px;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.02), rgba(2, 6, 23, 0.55) 72%, rgba(2, 6, 23, .86)),
        var(--profile-banner, radial-gradient(circle at 22% 20%, color-mix(in srgb, var(--profile-accent, #7c5cff) 52%, transparent), transparent 35%), linear-gradient(135deg, #141827, #0b1020));
    background-size: cover;
    background-position: center;
}
.profile-hero-body-v106 {
    position: relative;
    min-height: 190px;
    padding: 34px 24px 30px;
    isolation: isolate;
    background:
        linear-gradient(90deg, rgba(8, 12, 24, .94), rgba(8, 12, 24, .68) 52%, rgba(8, 12, 24, .94)),
        linear-gradient(135deg, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 18%, rgba(15,23,42,.82)), rgba(15,23,42,.88));
}
.profile-hero-nameplate-bg-v106 {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(2, 6, 23, .86), rgba(2, 6, 23, .28) 48%, rgba(2, 6, 23, .72)),
        linear-gradient(180deg, rgba(2, 6, 23, .24), rgba(2, 6, 23, .84)),
        var(--profile-nameplate, radial-gradient(circle at 74% 24%, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 34%, transparent), transparent 36%));
    background-size: cover;
    background-position: center;
    opacity: .88;
    pointer-events: none;
}
.profile-hero-nameplate-bg-v106::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 28%, color-mix(in srgb, var(--profile-accent, #7c5cff) 22%, transparent), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.035), transparent 42%);
}
.profile-hero-copy-v106,
.profile-hero-avatar-v106 {
    position: relative;
    z-index: 1;
}
.profile-hero-copy-v106 p {
    color: #d1d5db;
}
.profile-panel-v106,
.profile-detail-v106 {
    background: rgba(15, 23, 42, 0.78);
}
@media (max-width: 720px) {
    .profile-hero-body-v106 { min-height: 230px; }
}

/* 1.0.6 profile scaling hotfix - lepsze skalowanie nameplate/cherry blossom */
.profile-card-bg-v103::before {
    height: 46%;
    background:
        linear-gradient(90deg, rgba(2, 6, 23, .74), rgba(2, 6, 23, .18) 50%, rgba(2, 6, 23, .62)),
        var(--profile-nameplate, linear-gradient(90deg, transparent, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 16%, transparent), transparent));
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    opacity: .40;
}
.profile-hero-card-v106 {
    min-height: 0;
}
.profile-hero-banner-v106 {
    height: clamp(96px, 9.5vw, 132px);
    background-size: cover;
    background-position: center 38%;
}
.profile-hero-body-v106 {
    min-height: clamp(150px, 12vw, 178px);
    padding: clamp(24px, 2.2vw, 32px) clamp(20px, 2.2vw, 30px);
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(8, 12, 24, .96), rgba(8, 12, 24, .76) 46%, rgba(8, 12, 24, .94)),
        radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 18%, transparent), transparent 34%),
        rgba(8, 12, 24, .96);
}
.profile-hero-nameplate-bg-v106 {
    inset: 14px clamp(18px, 2vw, 30px) 14px clamp(18px, 2vw, 30px);
    border-radius: 24px;
    background:
        linear-gradient(90deg, rgba(2, 6, 23, .80), rgba(2, 6, 23, .28) 52%, rgba(2, 6, 23, .70)),
        radial-gradient(circle at 22% 50%, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 24%, transparent), transparent 34%),
        var(--profile-nameplate, linear-gradient(135deg, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 24%, rgba(15,23,42,.92)), rgba(15,23,42,.88)));
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    opacity: .74;
}
.profile-hero-nameplate-bg-v106::after {
    background:
        linear-gradient(90deg, rgba(255,255,255,.04), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.035), transparent 46%);
}
.profile-hero-copy-v106 {
    min-width: 0;
    max-width: min(620px, calc(100% - 120px));
}
.profile-hero-copy-v106 h2 {
    font-size: clamp(25px, 2.4vw, 34px);
}
.profile-hero-avatar-v106 {
    margin-left: clamp(0px, .7vw, 8px);
}
.profile-hero-avatar-v106 > img:not(.profile-hero-decoration-v106),
.profile-hero-avatar-v106 > b {
    width: 74px;
    height: 74px;
    border-radius: 23px;
}
.profile-hero-decoration-v106 {
    inset: -10px;
    width: 108px;
    height: 108px;
}
@media (min-width: 1200px) {
    .profile-hero-nameplate-bg-v106 {
        background-size: auto 112%;
    }
}
@media (max-width: 720px) {
    .profile-hero-body-v106 {
        min-height: 210px;
    }
    .profile-hero-nameplate-bg-v106 {
        inset: 12px;
        background-size: auto 100%;
        background-position: right center;
    }
    .profile-hero-copy-v106 {
        max-width: 100%;
    }
}

/* 1.0.6 profile rounding hotfix - karta profilu bez ostrego prostokąta nameplate */
.profile-hero-card-v106 {
    border-radius: 30px;
    overflow: hidden;
    background: rgba(8, 12, 24, 0.96);
    box-shadow:
        0 24px 80px rgba(2, 6, 23, 0.34),
        inset 0 1px 0 rgba(255,255,255,0.035);
}
.profile-hero-banner-v106 {
    height: clamp(112px, 9.5vw, 136px);
    border-radius: 0;
    background-position: center 36%;
}
.profile-hero-body-v106 {
    position: relative;
    min-height: clamp(176px, 13vw, 208px);
    padding: clamp(30px, 2.5vw, 40px) clamp(26px, 3vw, 38px);
    border-top: 1px solid rgba(255,255,255,0.045);
    background:
        radial-gradient(circle at 18% 48%, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 18%, transparent), transparent 34%),
        rgba(8, 12, 24, 0.96);
}
.profile-hero-nameplate-bg-v106 {
    inset: 0;
    border-radius: 0 0 30px 30px;
    overflow: hidden;
    clip-path: inset(0 round 0 0 30px 30px);
    border: 0;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        inset 0 -1px 0 rgba(255,255,255,0.025);
    background:
        linear-gradient(90deg, rgba(2, 6, 23, .88), rgba(2, 6, 23, .36) 48%, rgba(2, 6, 23, .72)),
        linear-gradient(180deg, rgba(2, 6, 23, .18), rgba(2, 6, 23, .78)),
        var(--profile-nameplate, linear-gradient(135deg, color-mix(in srgb, var(--profile-nameplate-palette, #7c5cff) 24%, rgba(15,23,42,.92)), rgba(15,23,42,.88)));
    background-size: auto 118%;
    background-position: right center;
    background-repeat: no-repeat;
    opacity: .76;
}
.profile-hero-nameplate-bg-v106::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        radial-gradient(circle at 15% 42%, color-mix(in srgb, var(--profile-accent, #7c5cff) 24%, transparent), transparent 32%),
        linear-gradient(90deg, rgba(255,255,255,.045), transparent 42%);
    pointer-events: none;
}
.profile-hero-nameplate-bg-v106::after {
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.026), transparent 46%);
}
.profile-hero-avatar-v106,
.profile-hero-copy-v106 {
    position: relative;
    z-index: 1;
}
.profile-hero-avatar-v106 > img:not(.profile-hero-decoration-v106),
.profile-hero-avatar-v106 > b {
    border-radius: 24px;
    box-shadow:
        0 12px 34px rgba(2, 6, 23, 0.42),
        0 0 0 1px rgba(255,255,255,0.08);
}
.profile-chip-row-v106 span {
    border-radius: 999px;
    background: color-mix(in srgb, var(--profile-accent, #7c5cff) 20%, rgba(15,23,42,.72));
    backdrop-filter: blur(10px);
}
@media (max-width: 720px) {
    .profile-hero-card-v106 {
        border-radius: 24px;
    }
    .profile-hero-nameplate-bg-v106 {
        border-radius: 0 0 24px 24px;
        clip-path: inset(0 round 0 0 24px 24px);
        background-size: auto 104%;
    }
    .profile-hero-body-v106 {
        min-height: 230px;
        padding: 26px 20px 28px;
    }
}

/* 1.1.0 - Centrum serwera */
.server-center-hero-v110 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 22px;
    align-items: stretch;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 30px;
    background:
        radial-gradient(circle at 12% 10%, rgba(145,70,255,.28), transparent 34%),
        radial-gradient(circle at 84% 20%, rgba(45,212,191,.16), transparent 32%),
        linear-gradient(135deg, rgba(15,23,42,.96), rgba(2,6,23,.96));
    box-shadow: 0 24px 70px rgba(2,6,23,.32);
    overflow: hidden;
}
.server-center-hero-copy-v110 h1 {
    margin: 0;
    font-size: clamp(32px, 4vw, 54px);
    letter-spacing: -.04em;
}
.server-center-hero-copy-v110 p {
    max-width: 760px;
    color: rgba(226,232,240,.76);
}
.server-center-pills-v110 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}
.server-center-pills-v110 span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 999px;
    background: rgba(15,23,42,.62);
    color: rgba(226,232,240,.82);
    font-size: 13px;
}
.server-score-card-v110 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 24px;
    background: rgba(15,23,42,.62);
    backdrop-filter: blur(14px);
}
.server-score-ring-v110 {
    --score: 0%;
    width: 138px;
    height: 138px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(#2dd4bf var(--score), rgba(255,255,255,.1) 0);
    box-shadow: inset 0 0 0 10px rgba(15,23,42,.86);
}
.server-score-ring-v110 strong {
    width: 104px;
    height: 104px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(2,6,23,.92);
    font-size: 28px;
}
.server-score-card-v110 small {
    display: block;
    margin-top: 4px;
    color: rgba(226,232,240,.62);
}
.server-overview-stats-v110 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}
.server-overview-stats-v110 article {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 20px;
    background: rgba(15,23,42,.72);
}
.server-overview-stats-v110 span,
.server-overview-stats-v110 small {
    display: block;
    color: rgba(226,232,240,.62);
}
.server-overview-stats-v110 strong {
    display: block;
    margin: 8px 0 4px;
    font-size: 30px;
    letter-spacing: -.03em;
}
.server-center-grid-v110 {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: 18px;
    margin-bottom: 18px;
}
.server-checklist-v110,
.server-issues-v110,
.server-module-panel-v110,
.quick-actions-card-v110,
.channel-summary-v110,
.activity-card-v110 {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(15,23,42,.74);
}
.checklist-list-v110,
.issue-list-v110 {
    display: grid;
    gap: 10px;
}
.checklist-item-v110 {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    background: rgba(2,6,23,.34);
    color: inherit;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.checklist-item-v110:hover {
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.15);
    background: rgba(2,6,23,.5);
}
.checklist-item-v110 strong,
.issue-card-v110 strong {
    display: block;
}
.checklist-item-v110 small,
.issue-card-v110 p {
    display: block;
    margin-top: 3px;
    color: rgba(226,232,240,.62);
}
.checklist-item-v110 em {
    padding: 5px 9px;
    border-radius: 999px;
    font-style: normal;
    font-size: 12px;
    background: rgba(255,255,255,.08);
    color: rgba(226,232,240,.78);
}
.checklist-dot-v110 {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(148,163,184,.9);
}
.checklist-item-v110.is-ok .checklist-dot-v110,
.server-module-card-v110.is-ok::before,
.issue-card-v110.is-ok::before {
    background: #22c55e;
}
.checklist-item-v110.is-warning .checklist-dot-v110,
.server-module-card-v110.is-warning::before,
.issue-card-v110.is-warning::before {
    background: #f59e0b;
}
.checklist-item-v110.is-error .checklist-dot-v110,
.server-module-card-v110.is-error::before,
.issue-card-v110.is-error::before {
    background: #ef4444;
}
.issue-card-v110 {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px 14px 14px 18px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    background: rgba(2,6,23,.34);
}
.issue-card-v110::before,
.server-module-card-v110::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 3px;
    border-radius: 999px;
    background: rgba(148,163,184,.9);
}
.empty-state-v110 {
    padding: 20px;
    border: 1px dashed rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(2,6,23,.24);
}
.empty-state-v110 p {
    margin-bottom: 0;
    color: rgba(226,232,240,.62);
}
.server-module-panel-v110 {
    margin-bottom: 18px;
    padding: 22px;
    border-radius: 24px;
}
.server-module-grid-v110 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.server-module-card-v110 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 220px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    background: rgba(2,6,23,.32);
}
.server-module-card-v110 header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.module-title-row-v110 {
    display: flex;
    gap: 12px;
    min-width: 0;
}
.module-title-row-v110 > span {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: rgba(255,255,255,.08);
}
.module-title-row-v110 small,
.module-health-v110 em,
.module-ok-v110,
.module-missing-v110 {
    color: rgba(226,232,240,.62);
}
.module-health-v110 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.module-missing-v110 {
    display: grid;
    gap: 4px;
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
}
.module-ok-v110 {
    margin: 0;
    font-size: 13px;
}
.server-module-card-v110 .button {
    margin-top: auto;
    align-self: flex-start;
}
.quick-action-grid-v110 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.quick-action-grid-v110 button,
.quick-action-grid-v110 a {
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    background: rgba(255,255,255,.06);
    color: rgba(226,232,240,.92);
    text-decoration: none;
    cursor: pointer;
}
.quick-action-grid-v110 .primary-action-v110 {
    background: linear-gradient(135deg, #9146ff, #7c3aed);
    border-color: rgba(255,255,255,.16);
    color: white;
}
.config-status-link-v110 {
    color: inherit;
    text-decoration: none;
}
.compact-config-list-v110 .config-status-row-v52 {
    min-height: 42px;
}
.activity-card-v110 {
    margin-top: 18px;
}
.panel-toast-stack-v110 {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 90;
    display: grid;
    gap: 10px;
    width: min(380px, calc(100vw - 32px));
    pointer-events: none;
}
.panel-toast-v110 {
    transform: translateY(8px);
    opacity: 0;
    display: grid;
    gap: 3px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 16px;
    background: rgba(15,23,42,.94);
    box-shadow: 0 18px 44px rgba(2,6,23,.38);
    transition: opacity .2s ease, transform .2s ease;
}
.panel-toast-v110.visible {
    transform: translateY(0);
    opacity: 1;
}
.panel-toast-v110 span {
    color: rgba(226,232,240,.72);
}
.panel-toast-v110.is-success {
    border-color: rgba(34,197,94,.34);
}
.panel-toast-v110.is-warning {
    border-color: rgba(245,158,11,.38);
}
.panel-toast-v110.is-error {
    border-color: rgba(239,68,68,.38);
}
.unsaved-bar-v110 {
    position: fixed;
    left: 50%;
    bottom: 22px;
    z-index: 85;
    transform: translate(-50%, 18px);
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(720px, calc(100vw - 32px));
    padding: 12px 14px;
    border: 1px solid rgba(245,158,11,.34);
    border-radius: 18px;
    background: rgba(15,23,42,.96);
    box-shadow: 0 18px 44px rgba(2,6,23,.42);
    transition: opacity .2s ease, transform .2s ease;
}
.unsaved-bar-v110.visible {
    transform: translate(-50%, 0);
    opacity: 1;
    pointer-events: auto;
}
.unsaved-bar-v110 span {
    flex: 1;
    color: rgba(226,232,240,.7);
}
.unsaved-bar-v110 button {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    color: white;
    padding: 8px 12px;
    cursor: pointer;
}
@media (max-width: 1100px) {
    .server-center-hero-v110,
    .server-center-grid-v110 {
        grid-template-columns: 1fr;
    }
    .server-module-grid-v110,
    .server-overview-stats-v110 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 720px) {
    .server-center-hero-v110,
    .server-module-panel-v110 {
        border-radius: 22px;
        padding: 18px;
    }
    .server-overview-stats-v110,
    .server-module-grid-v110,
    .quick-action-grid-v110 {
        grid-template-columns: 1fr;
    }
    .issue-card-v110 {
        grid-template-columns: 1fr;
    }
    .unsaved-bar-v110 {
        flex-direction: column;
        align-items: stretch;
    }
}

/* ============================================================
   v111 TikTok UX + sidebar scaling fix
   ============================================================ */
.tiktok-hero-v111 {
    align-items: flex-start;
}

.tiktok-status-grid-v111 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.tiktok-stat-card-v111 {
    display: grid;
    gap: 6px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    background: rgba(255,255,255,.026);
}

.tiktok-stat-card-v111 span {
    color: #9aa2b8;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tiktok-stat-card-v111 strong {
    color: #f4f6fb;
    font-size: 22px;
    font-weight: 950;
}

.tiktok-stat-card-v111 small {
    color: #8f95aa;
    overflow-wrap: anywhere;
}

.tiktok-layout-v111 .card {
    min-width: 0;
}

.toggle-list-v111 {
    display: grid;
    gap: 8px;
}

.toggle-row-v111 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;
    background: rgba(255,255,255,.025);
    color: #e8ecff;
    font-weight: 800;
}

.toggle-row-v111 input {
    width: auto;
}

.tiktok-preview-v111 {
    display: grid;
    gap: 12px;
}

.tiktok-player-placeholder-v111 {
    display: grid;
    place-items: center;
    min-height: 170px;
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: 16px;
    background: radial-gradient(circle at 50% 30%, rgba(254,44,85,.18), rgba(255,255,255,.03) 62%);
    color: #f4f6fb;
    font-weight: 950;
}

.tiktok-buttons-preview-v111 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.tiktok-buttons-preview-v111 span {
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(88,101,242,.16);
    color: #eef1ff;
    font-size: 12px;
    font-weight: 900;
}

/* Poprawka skalowania panelu bocznego z 1.1.1. */
.server-panel {
    min-height: 0;
    overflow: hidden;
}

.server-panel .brand-block,
.server-panel .active-server-card,
.server-panel .empty-panel-card {
    flex: 0 0 auto;
}

.server-panel .side-tree,
.server-panel .side-tree-v53 {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    align-content: start;
    padding-right: 6px;
    padding-bottom: 18px;
}

.side-tree-v53 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.side-group-v53 {
    flex: 0 0 auto;
    min-height: 0;
    height: auto;
}

.side-group-v53:not([open]) {
    height: auto;
}

.side-group-v53 summary {
    min-height: 48px;
    align-items: center;
}

.side-group-v53 summary span {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.15;
}

.side-group-v53 summary em {
    flex: 0 0 auto;
    white-space: nowrap;
}

.side-group-v53:not([open]) .side-group-body-v53 {
    display: none;
}

.side-group-v53[open] .side-group-body-v53 {
    display: grid;
    gap: 6px;
    max-height: none;
    overflow: visible;
}

.server-panel .side-group-body-v53 .nav-item-v53.module-tile {
    min-height: 42px;
    padding: 8px 10px;
}

.server-panel .side-group-body-v53 .nav-item-v53.module-tile span,
.server-panel .side-group-body-v53 .nav-item-v53.module-tile small {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-height: 760px) {
    .server-panel {
        gap: 10px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .brand-block.compact-brand {
        margin-bottom: 0;
    }

    .active-server-card,
    .empty-panel-card {
        padding: 10px;
        border-radius: 14px;
    }

    .server-avatar.large {
        width: 42px;
        height: 42px;
        border-radius: 13px;
    }

    .side-tree-v53 {
        gap: 8px;
    }

    .side-group-v53 summary {
        min-height: 42px;
        padding: 9px 10px;
    }

    .server-panel .side-group-body-v53 .nav-item-v53.module-tile {
        min-height: 38px;
        padding: 7px 9px;
    }

    .server-panel .module-tile small {
        font-size: 11px;
    }
}

@media (max-width: 720px) {
    .tiktok-status-grid-v111,
    .tiktok-layout-v111 {
        grid-template-columns: 1fr;
    }
}


/* 1.1.2 - Twitch UX refresh */
.twitch-header-v112 .eyebrow {
    color: #b997ff;
}

.twitch-status-grid-v112 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.twitch-status-card-v112 {
    border: 1px solid rgba(145, 70, 255, .22);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(31, 34, 48, .95), rgba(19, 22, 32, .96));
    padding: 18px;
    min-height: 150px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}

.twitch-status-card-v112 span,
.twitch-status-card-v112 p,
.section-title-row-v112 p,
.form-hint-v112 {
    color: #aeb4c8;
}

.twitch-status-card-v112 span {
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.twitch-status-card-v112 strong {
    display: block;
    font-size: 22px;
    color: #f5f1ff;
    margin-bottom: 8px;
}

.twitch-status-card-v112.is-ready {
    border-color: rgba(76, 230, 158, .32);
}

.twitch-status-card-v112.needs-work {
    border-color: rgba(255, 197, 66, .32);
}

.twitch-config-layout-v112,
.twitch-add-layout-v112 {
    align-items: stretch;
}

.twitch-preview-v112 {
    gap: 14px;
}

.twitch-content-preview-v112 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.role-pill-v112 {
    border-radius: 999px;
    padding: 6px 10px;
    background: rgba(145, 70, 255, .18);
    color: #d9c9ff;
    font-weight: 800;
}

.role-pill-v112.muted {
    background: rgba(255, 255, 255, .06);
    color: #9ca4bb;
}

.twitch-test-card-v112 {
    margin-top: 18px;
}

.twitch-streamers-card-v112 {
    margin-top: 18px;
}

.section-title-row-v112 {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.section-title-row-v112 h2,
.section-title-row-v112 p {
    margin: 0;
}

.section-title-row-v112 h2 {
    margin-bottom: 6px;
}

.count-badge-v112 {
    flex: 0 0 auto;
    border: 1px solid rgba(145, 70, 255, .32);
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(145, 70, 255, .12);
    color: #d9c9ff;
    font-weight: 800;
}

.twitch-streamer-grid-v112 {
    display: grid;
    gap: 14px;
}

.twitch-streamer-card-v112 {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 18px;
    align-items: start;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    background:
        radial-gradient(circle at top left, rgba(145, 70, 255, .14), transparent 34%),
        #171b27;
    padding: 16px;
}

.twitch-streamer-main-v112 {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.twitch-avatar-v112 {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #9146ff, #5d36d8);
    color: white;
    font-size: 22px;
    font-weight: 900;
    box-shadow: 0 12px 30px rgba(145, 70, 255, .25);
}

.twitch-streamer-copy-v112 {
    min-width: 0;
}

.twitch-name-row-v112 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
}

.twitch-name-row-v112 h3 {
    margin: 0;
    font-size: 20px;
}

.mini-link-v112 {
    color: #b997ff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.mini-link-v112:hover {
    text-decoration: underline;
}

.twitch-message-preview-v112 {
    margin: 0 0 12px;
    color: #e7e9f7;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    line-height: 1.55;
}

.twitch-message-preview-v112.muted,
.stream-state-pill-v112.muted {
    color: #9ca4bb;
}

.twitch-status-line-v112 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.stream-state-pill-v112 {
    border-radius: 999px;
    padding: 7px 10px;
    background: rgba(255, 255, 255, .06);
    color: #d7daf0;
    font-size: 13px;
    font-weight: 800;
}

.stream-state-pill-v112.ready {
    background: rgba(76, 230, 158, .14);
    color: #9cf3c3;
}

.stream-state-pill-v112.sent {
    background: rgba(255, 197, 66, .16);
    color: #ffd77a;
}

.stream-state-pill-v112.message {
    background: rgba(145, 70, 255, .16);
    color: #d9c9ff;
}

.twitch-card-actions-v112 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.twitch-card-actions-v112 form {
    margin: 0;
}

.stream-modal-v112 {
    width: min(620px, calc(100vw - 32px));
    border: 1px solid rgba(145, 70, 255, .28);
    border-radius: 22px;
    background: #151923;
    color: #f4f6fb;
    padding: 0;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .58);
    overflow: visible;
}

.stream-modal-v112::backdrop {
    background: rgba(5, 7, 13, .72);
    backdrop-filter: blur(4px);
}

.stream-modal-box-v112 {
    display: grid;
    gap: 16px;
    padding: 20px;
}

.stream-modal-head-v112,
.stream-modal-actions-v112 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.stream-modal-head-v112 small {
    display: block;
    color: #aeb4c8;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.stream-modal-head-v112 h3 {
    margin: 0;
}

.icon-button-v112 {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
    color: #f4f6fb;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
}

.empty-state-v112 {
    border: 1px dashed rgba(255, 255, 255, .14);
    border-radius: 18px;
    padding: 24px;
    text-align: center;
    color: #aeb4c8;
}

.empty-state-v112 h3 {
    color: #f4f6fb;
    margin-top: 0;
}

@media (max-width: 980px) {
    .twitch-streamer-card-v112 {
        grid-template-columns: 1fr;
    }
    .twitch-card-actions-v112 {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .section-title-row-v112,
    .stream-modal-head-v112,
    .stream-modal-actions-v112 {
        flex-direction: column;
        align-items: stretch;
    }
    .twitch-streamer-main-v112 {
        flex-direction: column;
    }
    .twitch-card-actions-v112 .button,
    .twitch-card-actions-v112 .danger-button,
    .twitch-card-actions-v112 form {
        width: 100%;
    }
}

/* ===== 1.1.3 Twitch rules/cache polish ===== */
.twitch-header-v113 .eyebrow {
    color: #c9b8ff;
}

.twitch-status-grid-v113 {
    align-items: stretch;
}

.field-hint-v113 {
    display: block;
    margin-top: 6px;
    color: #9ca4bb;
    font-size: 12px;
    font-weight: 700;
}

.twitch-avatar-img-v113 {
    object-fit: cover;
    font-size: 0;
}

.twitch-login-v113 {
    margin: -4px 0 10px;
    color: #9ca4bb;
    font-size: 13px;
    font-weight: 800;
}

.twitch-meta-grid-v113 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 8px;
    margin: 12px 0;
}

.twitch-meta-grid-v113 span {
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    color: #aeb4c8;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 800;
}

.twitch-meta-grid-v113 strong {
    color: #f4f6fb;
}

.switch-row-v113 {
    display: flex !important;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 10px 12px;
    background: rgba(255,255,255,.035);
}

.switch-row-v113 input {
    width: 18px;
    height: 18px;
}

.twitch-add-card-v112 .smart-field-v57 textarea,
.stream-modal-v112 .smart-field-v57 textarea {
    min-height: 112px;
    cursor: text;
}

.twitch-add-card-v112 .smart-field-tools-v56,
.stream-modal-v112 .smart-field-tools-v56 {
    z-index: 2;
}


/* 1.1.3 final - Twitch: standardowe smart pole jak w powitaniach, bez label wrappera i focus hacków. */

.twitch-message-field-v113 .smart-input-wrap {
    width: 100%;
}

.twitch-message-field-v113 .rich-command-editor-v66 {
    width: 100%;
    min-height: 116px;
    padding: 13px 66px 13px 14px;
    box-sizing: border-box;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(8, 11, 18, .86);
    color: var(--text, #f6f7fb);
}

.twitch-message-field-v113 .rich-command-editor-v66:focus {
    border-color: rgba(145, 70, 255, .82);
    box-shadow: 0 0 0 3px rgba(145, 70, 255, .16);
    outline: none;
}

.twitch-message-field-v113 .smart-input-actions {
    z-index: 6;
}

.twitch-message-field-v113 .rich-command-editor-v66 img.discord-custom-emoji-preview,
.twitch-message-field-v113 .rich-command-editor-v66 img.rich-discord-emoji-v66 {
    width: 1.45em;
    height: 1.45em;
    vertical-align: -0.34em;
    object-fit: contain;
    border-radius: 4px;
}

@media (max-width: 760px) {
    .twitch-message-field-v113 .rich-command-editor-v66 {
        padding-right: 16px;
        padding-bottom: 58px;
    }
}


/* 1.1.3 hotfix - picker emotek w modalu Twitch ponad oknem edycji. */
.stream-modal-v112 .smart-popover.floating-smart-popover-v59 {
    z-index: 100000 !important;
}

.stream-modal-box-v112 {
    overflow: visible;
}

/* 1.2.0 · Centrum zaproszeń */
.invite-head-v120 h1 { margin-bottom: 8px; }
.invite-grid-v120 { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .7fr); gap: 18px; align-items: start; }
.card-head-row-v120 { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.card-head-row-v120 h2, .card-head-row-v120 p { margin: 0; }
.compact-grid-v120 { gap: 12px; }
.switch-line-v120 { display: flex !important; flex-direction: row !important; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 12px; background: rgba(255,255,255,.03); }
.switch-line-v120 input { width: auto; }
.invite-recipient-tools-v120 { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; }
.invite-member-picker-v120 { border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 12px; background: rgba(255,255,255,.03); }
.invite-member-picker-v120 summary { cursor: pointer; font-weight: 800; }
.invite-member-picker-v120 input { margin: 12px 0; }
.invite-member-grid-v120 { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; max-height: 320px; overflow: auto; padding-right: 4px; }
.invite-member-chip-v120 { text-align: left; border: 1px solid rgba(255,255,255,.08); background: rgba(8, 12, 24, .7); color: var(--text); border-radius: 12px; padding: 9px 10px; cursor: pointer; }
.invite-member-chip-v120:hover { border-color: rgba(124,92,255,.7); transform: translateY(-1px); }
.invite-member-chip-v120 span { display: block; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.invite-member-chip-v120 small { display: block; color: var(--muted); font-size: .75rem; }
.invite-demo-embed-v120 { border-left: 4px solid #7c5cff; border-radius: 14px; padding: 14px; background: rgba(8, 12, 24, .75); margin: 12px 0 16px; }
.invite-demo-embed-v120 p { color: var(--muted); }
.invite-demo-buttons-v120 { display: flex; gap: 8px; flex-wrap: wrap; }
.invite-demo-buttons-v120 span { border-radius: 10px; padding: 8px 10px; background: rgba(255,255,255,.08); font-weight: 800; }
.invite-list-grid-v120 { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 14px; margin-top: 16px; }
.invite-list-card-v120 { border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(8,12,24,.52); padding: 14px; }
.invite-list-card-v120 strong { display: block; font-size: 1.05rem; }
.invite-list-card-v120 small { color: var(--muted); }
.inline-form-v120 { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin: 12px 0; }
.invite-member-list-v120 { display: grid; gap: 6px; margin: 10px 0; max-height: 220px; overflow: auto; }
.invite-member-list-v120 form { display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; padding: 7px 8px; background: rgba(255,255,255,.03); }
.invite-member-list-v120 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.invite-member-list-v120 button { border: 0; border-radius: 8px; background: rgba(255,90,90,.16); color: #ffb7b7; cursor: pointer; font-weight: 900; }
@media (max-width: 980px) { .invite-grid-v120 { grid-template-columns: 1fr; } .invite-recipient-tools-v120, .inline-form-v120 { grid-template-columns: 1fr; } }


/* 1.2.0 hotfix - Centrum zaproszeń: treść zaproszenia używa wzorca smart pola z Powitań, bez label wrappera psującego LPM. */
.invite-message-field-v120 .smart-input-wrap {
    margin-top: 0;
}

.invite-message-field-v120 .rich-command-editor-v66 {
    min-height: 138px;
}

/* 1.2.0 hotfix - Centrum zaproszeń: wyszukiwarka użytkowników i bezpieczne listy odbiorców bez ISE */
.invite-list-member-add-v120 input[type="search"] {
    min-width: min(320px, 100%);
}
.invite-member-picker-v120 summary {
    cursor: pointer;
}

/* 1.2.0 hotfix - Centrum zaproszeń: odbiorcy jako kafelki bez pokazywania Discord ID w UI. */
.invite-recipient-box-v120 textarea[hidden] {
    display: none !important;
}
.invite-recipient-tiles-v120,
.invite-member-tiles-v120 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 48px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 10px;
    background: rgba(255,255,255,.03);
}
.invite-selected-tile-v120 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    border: 1px solid rgba(124,92,255,.35);
    border-radius: 999px;
    padding: 7px 9px 7px 12px;
    background: rgba(124,92,255,.13);
    color: var(--text);
    font-weight: 800;
}
.invite-selected-tile-v120 span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.invite-selected-tile-v120 button {
    width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: rgba(255,90,90,.18);
    color: #ffc4c4;
    cursor: pointer;
    font-weight: 900;
    line-height: 1;
}
.invite-selected-tile-v120 button:hover {
    background: rgba(255,90,90,.28);
}
.invite-member-list-v120.invite-member-tiles-v120 {
    display: flex;
    max-height: 220px;
    overflow: auto;
}
.invite-member-list-v120.invite-member-tiles-v120 form {
    width: auto;
}
.invite-member-chip-v120 small:empty {
    display: none;
}


/* 1.2.0 hotfix - Centrum zaproszeń: avatary Discorda w wyszukiwarce i kafelkach odbiorców. */
.invite-avatar-v120 {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-grid;
    place-items: center;
    background: rgba(124,92,255,.24);
    border: 1px solid rgba(255,255,255,.1);
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
}
.invite-avatar-v120 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.invite-member-chip-v120 {
    display: flex;
    align-items: center;
    gap: 10px;
}
.invite-member-chip-text-v120 {
    min-width: 0;
    display: block;
}
.invite-member-chip-text-v120 strong {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.invite-member-chip-v120 > span:not(.invite-avatar-v120) {
    min-width: 0;
}
.invite-selected-tile-v120 {
    padding-left: 7px;
}
.invite-selected-tile-v120 .invite-avatar-v120 {
    width: 26px;
    height: 26px;
    font-size: .7rem;
}
.invite-member-list-v120.invite-member-tiles-v120 form {
    padding-left: 7px;
}

/* 1.2.1 - Centrum zaproszeń: realne ukrywanie kafelków podczas wyszukiwania. */
.invite-member-chip-v120[hidden],
.invite-member-chip-v120.is-hidden-by-search-v121 {
    display: none !important;
}
.invite-member-search-empty-v121[hidden] {
    display: none !important;
}
.invite-member-search-empty-v121 {
    grid-column: 1 / -1;
    border: 1px dashed rgba(255,255,255,.14);
    border-radius: 12px;
    padding: 12px;
    color: var(--muted);
    background: rgba(255,255,255,.03);
}

/* 1.2.2 · Publiczne strony prawne: Terms of Service i Privacy Policy. */
.legal-footer-v122 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 28px 0 6px;
    color: var(--muted);
    font-size: 13px;
}
.legal-footer-v122 a,
.login-legal-note-v122 a {
    color: var(--text);
    text-decoration: none;
    border-bottom: 1px solid rgba(124, 92, 255, .45);
}
.legal-footer-v122 a:hover,
.login-legal-note-v122 a:hover {
    color: #ffffff;
    border-bottom-color: rgba(124, 92, 255, .9);
}
.login-legal-note-v122 {
    margin: 14px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
}
.legal-header-v122 {
    align-items: stretch;
}
.legal-badge-v122 {
    min-width: 170px;
}
.legal-page-v122 {
    max-width: 980px;
    margin: 0 auto;
    line-height: 1.72;
}
.legal-page-v122 h2 {
    margin: 28px 0 10px;
    font-size: 20px;
}
.legal-page-v122 p {
    margin: 0 0 12px;
    color: var(--text);
}
.legal-page-v122 strong {
    color: #ffffff;
}
.legal-draft-alert-v122 {
    margin-bottom: 24px;
}
.legal-page-actions-v122 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}
@media (max-width: 720px) {
    .legal-footer-v122 {
        flex-wrap: wrap;
        padding: 0 12px;
    }
    .legal-page-actions-v122 .button {
        width: 100%;
        justify-content: center;
    }
}


/* 1.2.3 · Zgodność i bezpieczeństwo: opt-out zaproszeń, limity wysyłek i audyt Discord Developer. */
.invite-demo-buttons-v120 span:last-child{white-space:nowrap;}

/* 1.3.0 · Streamy społeczności */
.community-streams-header-v130 .eyebrow { color: var(--accent, #57f287); }
.community-streams-status-grid-v130 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}
.community-streams-card-v130,
.community-streams-history-item-v130 {
    background: rgba(255,255,255,0.045);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 1rem;
    box-shadow: 0 12px 32px rgba(0,0,0,0.16);
}
.community-streams-card-v130 span,
.community-streams-history-item-v130 span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted, #9aa4b2);
}
.community-streams-card-v130 strong,
.community-streams-history-item-v130 strong {
    display: block;
    margin-top: .35rem;
    font-size: 1.15rem;
}
.community-streams-card-v130 p,
.community-streams-history-item-v130 p,
.community-streams-history-item-v130 small {
    color: var(--muted, #9aa4b2);
}
.community-streams-card-v130.is-ready { border-color: rgba(87,242,135,.35); }
.community-streams-card-v130.needs-work { border-color: rgba(255,198,92,.35); }
.community-streams-layout-v130 { align-items: start; }
.full-row-v130 { grid-column: 1 / -1; }
.community-streams-preview-v130 { margin-top: 1rem; }
.community-streams-history-grid-v130 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .85rem;
}
.community-streams-history-item-v130.is-live { border-color: rgba(87,242,135,.38); }
.community-streams-history-item-v130 a { display: inline-block; margin: .25rem 0; }
@media (max-width: 980px) {
    .community-streams-status-grid-v130 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .community-streams-status-grid-v130 { grid-template-columns: 1fr; }
}

/* 1.3.2 · Streamy społeczności: podgląd nowych embedów */
.community-streams-embed-demo-v132 {
    padding: 1rem;
    border-radius: 18px;
    background: rgba(15,23,42,.55);
}
.community-streams-content-demo-v132 {
    margin: 0 0 .75rem;
    color: var(--text, #e5e7eb);
}
.community-streams-embed-preview-v132 {
    border-left: 4px solid #9146ff;
}
.community-streams-embed-preview-v132 small {
    display: block;
    color: var(--muted, #94a3b8);
    font-weight: 800;
    letter-spacing: .02em;
    margin-bottom: .35rem;
}

/* 1.3.6 · Przyjazne strony błędów i szybkie zgłoszenia */
.error-page-head-v136 {
    align-items: flex-start;
    gap: 18px;
}
.page-actions-v136 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}
.error-card-v136 {
    display: grid;
    gap: 18px;
}
.error-status-v136 {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
}
.error-status-v136 strong {
    display: grid;
    place-items: center;
    min-width: 72px;
    min-height: 72px;
    border-radius: 22px;
    font-size: 1.8rem;
    background: rgba(255, 255, 255, 0.08);
}
.error-status-v136 span {
    font-size: 1.2rem;
    font-weight: 800;
}
.error-meta-grid-v136 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.error-meta-grid-v136 > div {
    padding: 13px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.error-meta-grid-v136 small,
.error-path-v136 small {
    display: block;
    margin-bottom: 5px;
    color: var(--muted);
    font-size: .8rem;
}
.error-meta-grid-v136 strong {
    word-break: break-word;
}
.error-path-v136 code {
    display: block;
    padding: 13px 14px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow-wrap: anywhere;
}
.error-actions-v136 {
    display: grid;
    gap: 8px;
    align-items: start;
}
.error-actions-v136 form {
    margin: 0;
}
.danger-button-v136 {
    background: linear-gradient(135deg, #ff5d7a, #ff8a5d);
    color: #fff;
    border: 0;
}
@media (max-width: 900px) {
    .error-meta-grid-v136 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 620px) {
    .error-meta-grid-v136 {
        grid-template-columns: 1fr;
    }
    .page-actions-v136 {
        justify-content: flex-start;
    }
}


/* 1.3.7 · Diagnostyka modułów */
.module-diagnostics-grid-v137 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 22px;
}
.module-diagnostic-card-v137 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.diagnostic-check-list-v137 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.diagnostic-check-row-v137 {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 10px 12px;
    background: rgba(255,255,255,0.035);
}
.diagnostic-check-row-v137 strong { display: block; }
.diagnostic-check-row-v137 small { color: var(--muted); }
.diagnostic-check-row-v137.error { border-color: rgba(239,68,68,0.35); }
.diagnostic-check-row-v137.warning { border-color: rgba(245,158,11,0.35); }
.diagnostic-card-actions-v137 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: auto;
}
.button.tiny {
    padding: 6px 10px;
    font-size: 0.8rem;
}
@media (max-width: 980px) {
    .module-diagnostics-grid-v137 { grid-template-columns: 1fr; }
    .diagnostic-check-row-v137 { grid-template-columns: 28px minmax(0, 1fr); }
    .diagnostic-check-row-v137 .button { grid-column: 2; width: max-content; }
}

/* 1.3.8 · Stabilizacja diagnostyki */
.diagnostic-summary-v138 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
}
.diagnostic-summary-card-v138 {
    padding: 16px;
    min-height: 96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}
.diagnostic-summary-card-v138 strong {
    display: block;
    font-size: 2rem;
    line-height: 1;
}
.diagnostic-summary-card-v138 span,
.diagnostic-card-meta-v138,
.diagnostic-disabled-test-v138 {
    color: var(--muted);
}
.diagnostic-summary-card-v138.ok { border-color: rgba(34,197,94,0.28); }
.diagnostic-summary-card-v138.warning { border-color: rgba(245,158,11,0.28); }
.diagnostic-summary-card-v138.error { border-color: rgba(239,68,68,0.28); }
.diagnostic-card-meta-v138 {
    display: block;
    margin-top: 4px;
}
.diagnostic-disabled-test-v138 {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 999px;
    background: rgba(255,255,255,0.035);
    font-size: 0.88rem;
}
.diagnostic-actions-v138 div {
    grid-template-columns: minmax(0, 1fr) 110px minmax(0, 1.4fr);
}
.diagnostic-action-status-v138.pending { color: #f59e0b; }
.diagnostic-action-status-v138.done { color: #22c55e; }
.diagnostic-action-status-v138.failed { color: #ef4444; }
@media (max-width: 900px) {
    .diagnostic-summary-v138 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .diagnostic-summary-v138 { grid-template-columns: 1fr; }
    .diagnostic-actions-v138 div { grid-template-columns: 1fr; gap: 4px; }
}

/* 1.4.0 · Asystent startowy serwera */
.setup-status-grid-v140 {
    margin-bottom: 22px;
}

.setup-wizard-steps-v140 {
    display: grid;
    gap: 18px;
}

.setup-step-card-v140 {
    overflow: hidden;
}

.setup-identity-preview-v140 {
    margin: 14px 0 16px;
}

.setup-module-grid-v140 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.setup-module-card-v140 {
    align-items: flex-start;
}

.setup-module-card-v140 span {
    display: grid;
    gap: 4px;
}

.setup-module-card-v140 small,
.compact-note-v140 p {
    color: var(--muted);
}

.setup-log-preview-v140 {
    margin-top: 16px;
}

.setup-log-status-v140 {
    margin-top: 16px;
}

.log-create-card-v140 {
    margin-bottom: 18px;
}

.diagnostic-summary-v140 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.diagnostic-summary-card-v138.disabled {
    border-color: rgba(148,163,184,0.24);
}

.module-diagnostic-disabled {
    border-color: rgba(148,163,184,0.24);
    opacity: .86;
}

.diagnostic-check-row-v137.disabled {
    border-color: rgba(148,163,184,0.22);
}

@media (max-width: 900px) {
    .setup-module-grid-v140,
    .diagnostic-summary-v140 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .setup-module-grid-v140,
    .diagnostic-summary-v140 {
        grid-template-columns: 1fr;
    }
}

/* Streamcio 1.4.0, popup asystenta startowego */
.setup-modal-open-v140 {
    overflow: hidden;
}

.setup-modal-overlay-v140[hidden] {
    display: none !important;
}

.setup-modal-overlay-v140 {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(5, 7, 18, 0.72);
    backdrop-filter: blur(10px);
}

.setup-modal-card-v140 {
    width: min(920px, 96vw);
    max-height: min(860px, 92vh);
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 24px;
    background: var(--panel, #101426);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.45);
    padding: 22px;
}

.setup-modal-head-v140 {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 18px;
}

.setup-modal-head-v140 h2 {
    margin: 4px 0 8px;
}

.setup-modal-head-v140 p {
    margin: 0;
    color: var(--muted, #aeb6c8);
}

.setup-modal-close-v140 {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
}

.setup-modal-progress-v140 {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}

.setup-progress-dot-v140 {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: inherit;
    cursor: pointer;
}

.setup-progress-dot-v140.active {
    border-color: rgba(116, 150, 255, 0.95);
    background: rgba(116, 150, 255, 0.24);
}

.setup-modal-step-v140 {
    display: none;
}

.setup-modal-step-v140.active {
    display: block;
}

.setup-modal-step-v140 h3 {
    margin: 6px 0 8px;
    font-size: 1.4rem;
}

.setup-modal-step-v140 > p {
    color: var(--muted, #aeb6c8);
}

.setup-choice-grid-v140 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.setup-choice-grid-v140 label {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 12px;
    align-items: start;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.05);
}

.setup-choice-grid-v140 span,
.setup-choice-grid-v140 small {
    grid-column: 2;
}

.setup-choice-grid-v140 small {
    color: var(--muted, #aeb6c8);
}

.setup-module-grid-modal-v140 {
    max-height: 330px;
    overflow: auto;
    padding-right: 6px;
}

.setup-final-form-v140 {
    margin-top: 18px;
}

.setup-modal-actions-v140 {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 760px) {
    .setup-modal-overlay-v140 {
        align-items: stretch;
        padding: 10px;
    }

    .setup-modal-card-v140 {
        width: 100%;
        max-height: 96vh;
        padding: 16px;
        border-radius: 18px;
    }

    .setup-choice-grid-v140,
    .setup-module-grid-modal-v140 {
        grid-template-columns: 1fr;
    }
}

/* 1.4.0 hotfix: komunikat akcji w popupie Asystenta bez przeładowania strony */
.setup-modal-message-v140 {
    margin: 0 24px 14px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.78);
    font-weight: 700;
}

.setup-modal-message-v140.success {
    border-color: rgba(34, 197, 94, 0.45);
    background: rgba(22, 101, 52, 0.20);
}

.setup-modal-message-v140.error {
    border-color: rgba(248, 113, 113, 0.48);
    background: rgba(127, 29, 29, 0.20);
}

.setup-modal-message-v140.info {
    border-color: rgba(59, 130, 246, 0.42);
    background: rgba(30, 64, 175, 0.18);
}

/* 1.4.1, porządki wizualne panelu */
.diagnostic-accordion-grid-v141 {
    gap: 12px;
}

.diagnostic-accordion-card-v141 {
    padding: 0;
    overflow: hidden;
}

.diagnostic-accordion-summary-v141 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    cursor: pointer;
    list-style: none;
}

.diagnostic-accordion-summary-v141::-webkit-details-marker {
    display: none;
}

.diagnostic-accordion-title-v141 {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    min-width: 0;
}

.diagnostic-accordion-icon-v141 {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    flex: 0 0 auto;
}

.diagnostic-accordion-title-v141 h2 {
    margin: 0 0 4px;
}

.diagnostic-accordion-title-v141 p {
    margin: 0 0 6px;
    color: var(--muted, #aeb6c8);
}

.diagnostic-accordion-state-v141 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.diagnostic-expand-hint-v141 {
    color: var(--muted, #aeb6c8);
    font-size: 12px;
    font-weight: 800;
}

.diagnostic-accordion-card-v141[open] .diagnostic-expand-hint-v141::after {
    content: " · zwiń";
}

.diagnostic-accordion-card-v141:not([open]) .diagnostic-expand-hint-v141::after {
    content: " · rozwiń";
}

.diagnostic-accordion-body-v141 {
    padding: 0 18px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.inline-help-v141 {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.inline-help-v141 h3,
.logs-side-settings-v141 h3 {
    margin: 0 0 10px;
}

.compact-clean-list-v141 {
    margin-bottom: 0;
}

.twitch-add-card-compact-v141 {
    max-width: none;
}

.logs-settings-form-v141 {
    display: block;
}

.logs-layout-v141 {
    align-items: start;
}

.logs-side-settings-v141 {
    align-self: stretch;
}

.logs-toggle-grid-v141 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 18px;
}

.logs-color-grid-v141 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

@media (max-width: 1100px) {
    .logs-toggle-grid-v141,
    .logs-color-grid-v141 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .diagnostic-accordion-summary-v141,
    .diagnostic-accordion-state-v141 {
        align-items: flex-start;
        flex-direction: column;
    }

    .logs-toggle-grid-v141,
    .logs-color-grid-v141 {
        grid-template-columns: 1fr;
    }
}

/* 1.4.3 · Owner Health, lista serwerów bota */
.pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 4px 9px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(148, 163, 184, 0.10);
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.pill.small {
    padding: 3px 7px;
    font-size: 11px;
}

.pill.ok {
    border-color: rgba(34, 197, 94, 0.30);
    background: rgba(34, 197, 94, 0.14);
    color: #bbf7d0;
}

.pill.warning {
    border-color: rgba(245, 158, 11, 0.35);
    background: rgba(245, 158, 11, 0.14);
    color: #fde68a;
}

.pill.off {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(148, 163, 184, 0.10);
    color: #94a3b8;
}

.owner-guilds-v143 .data-table td {
    vertical-align: top;
}

.owner-guilds-v143 .compact-actions-v63 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.owner-guilds-v143 .compact-actions-v63 form {
    margin: 0;
}

.owner-guilds-summary-v143 {
    margin: 16px 0;
}

.muted-row {
    opacity: 0.72;
}

/* 1.4.5 · Owner audit log panelu */
.pill.bad,
.pill.error {
    border-color: rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.14);
    color: #fecaca;
}

.owner-panel-audit-v145 .data-table td {
    vertical-align: top;
}

/* 1.5.0 - Statystyki serwera w Overview */
.server-stats-card-v150 {
    position: relative;
    overflow: hidden;
    margin: 18px 0;
    padding: 20px;
    border: 1px solid rgba(124, 92, 255, 0.20);
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 0%, rgba(45, 212, 191, 0.12), transparent 30%),
        radial-gradient(circle at 90% 10%, rgba(124, 92, 255, 0.18), transparent 32%),
        rgba(15, 23, 42, 0.76);
    box-shadow: 0 22px 70px rgba(2, 6, 23, 0.32);
}
.server-stats-card-bg-v150 {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,.035), transparent);
}
.server-stats-head-v150 {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
.server-stats-head-v150 h2 {
    margin: 0 0 6px;
    font-size: 24px;
}
.server-stats-head-v150 p {
    margin: 0;
    color: rgba(226,232,240,.68);
}
.server-stats-toggle-v150 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 999px;
    background: rgba(2,6,23,.34);
}
.server-stats-toggle-v150 small {
    color: rgba(226,232,240,.72);
    font-weight: 700;
}
.server-stats-values-v150 {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}
.server-stats-values-v150 article {
    min-height: 112px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(2, 6, 23, 0.34);
}
.server-stats-values-v150 span {
    display: block;
    color: rgba(226,232,240,.62);
    font-size: 13px;
}
.server-stats-values-v150 strong {
    display: block;
    margin-top: 10px;
    font-size: clamp(22px, 2.4vw, 32px);
    line-height: 1.08;
    letter-spacing: -.04em;
    overflow-wrap: anywhere;
}
.server-stats-card-v150.is-disabled .server-stats-values-v150 {
    filter: blur(3px);
    opacity: .48;
    user-select: none;
}
.server-stats-disabled-note-v150 {
    position: relative;
    z-index: 2;
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid rgba(251, 191, 36, 0.18);
    border-radius: 16px;
    background: rgba(251, 191, 36, 0.08);
    color: rgba(254, 243, 199, 0.92);
}
.server-stats-disabled-note-v150 span {
    color: rgba(254, 243, 199, 0.72);
}
.setup-stats-card-v150 {
    grid-column: 1 / -1;
    border-color: rgba(45, 212, 191, 0.22);
    background: rgba(20, 184, 166, 0.08);
}
.stats-notice-card-v150 p {
    color: rgba(226,232,240,.72);
    line-height: 1.65;
}
@media (max-width: 1180px) {
    .server-stats-values-v150 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .server-stats-head-v150 { flex-direction: column; }
    .server-stats-toggle-v150 { width: 100%; justify-content: space-between; }
    .server-stats-values-v150 { grid-template-columns: 1fr; }
}


/* 1.5.1 silent Owner preview · pixel closer to target screenshot */
.owner-preview-entry-v151 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 16px 0 18px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(124, 92, 255, .28);
    background: linear-gradient(135deg, rgba(17, 24, 39, .82), rgba(3, 13, 31, .86));
    box-shadow: 0 16px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
.owner-preview-entry-v151 div { display: flex; flex-direction: column; gap: 4px; }
.owner-preview-entry-v151 strong { color: #f8fafc; }
.owner-preview-entry-v151 span { color: #94a3b8; font-size: 13px; }

.overview-exact-v151 {
    --exact-bg: rgba(4, 14, 32, .74);
    --exact-card: rgba(7, 18, 40, .82);
    --exact-card2: rgba(10, 24, 52, .62);
    --exact-line: rgba(148, 163, 184, .13);
    --exact-text: #eef4ff;
    --exact-muted: #8ea0b8;
    --exact-blue: #22d3ee;
    --exact-purple: #8b5cf6;
    --exact-green: #22c55e;
    --exact-red: #fb4d5d;
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: var(--exact-text);
}
.overview-exact-v151 * { box-sizing: border-box; }
.overview-exact-card-v151,
.overview-exact-hero-v151 {
    border: 1px solid var(--exact-line);
    background:
        radial-gradient(circle at top right, rgba(34, 211, 238, .07), transparent 38%),
        linear-gradient(180deg, rgba(10, 25, 54, .78), rgba(3, 11, 28, .82));
    box-shadow: 0 16px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter: blur(12px);
}
.overview-exact-card-v151 { border-radius: 12px; padding: 14px; min-width: 0; }
.overview-exact-card-v151 h2 { margin: 0; font-size: 15px; letter-spacing: -.02em; color: #f7fbff; }
.overview-exact-card-v151 p { margin: 3px 0 0; color: var(--exact-muted); font-size: 12px; }

.overview-exact-hero-v151 {
    display: grid;
    grid-template-columns: minmax(250px, 1.5fr) repeat(4, minmax(128px, .75fr)) minmax(250px, 1.55fr);
    align-items: stretch;
    gap: 0;
    border-radius: 20px;
    overflow: hidden;
    min-height: 108px;
}
.overview-exact-server-v151,
.overview-exact-top-metric-v151,
.overview-exact-progress-card-v151 {
    min-width: 0;
    padding: 20px 20px;
    border-right: 1px solid rgba(148, 163, 184, .09);
}
.overview-exact-progress-card-v151 { border-right: 0; }
.overview-exact-server-v151 { display: flex; align-items: center; gap: 16px; }
.overview-exact-avatar-v151 {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(168,85,247,.45), rgba(34,211,238,.18));
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    box-shadow: 0 14px 36px rgba(168,85,247,.24);
    flex: 0 0 auto;
}
.overview-exact-avatar-v151 img { width: 100%; height: 100%; object-fit: cover; }
.overview-exact-server-copy-v151 h1 { margin: 0; font-size: 21px; color: #fff; letter-spacing: -.03em; }
.overview-exact-server-copy-v151 p { margin: 6px 0 0; color: #38e58a; font-size: 12px; font-weight: 700; }
.overview-exact-server-copy-v151 p i,
.overview-exact-ring-card-v151 p i {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 999px;
    background: var(--exact-green);
    box-shadow: 0 0 14px rgba(34,197,94,.8);
}
.overview-exact-server-copy-v151 small { display: block; margin-top: 4px; color: var(--exact-muted); font-size: 12px; }
.overview-exact-top-metric-v151 { display: flex; align-items: center; gap: 14px; }
.overview-exact-icon-v151,
.overview-exact-today-icon-v151 {
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #c4b5fd;
    background: rgba(139,92,246,.13);
    border: 1px solid rgba(139,92,246,.16);
    flex: 0 0 auto;
}
.overview-exact-icon-v151 { width: 38px; height: 38px; font-weight: 900; }
.overview-exact-icon-v151.cyan { color: #67e8f9; background: rgba(34,211,238,.10); border-color: rgba(34,211,238,.16); }
.overview-exact-icon-v151.amber { color: #fbbf24; background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.16); }
.overview-exact-icon-v151.blue { color: #38bdf8; background: rgba(14,165,233,.10); border-color: rgba(14,165,233,.16); }
.overview-exact-top-metric-v151 small,
.overview-exact-progress-card-v151 small { display: block; color: #a6b3c6; font-size: 12px; margin-bottom: 4px; }
.overview-exact-top-metric-v151 strong { display: inline-block; color: #fff; font-size: 25px; line-height: 1.05; letter-spacing: -.03em; }
.overview-exact-top-metric-v151 em { color: #cbd5e1; font-size: 12px; font-style: normal; margin-left: 4px; }
.overview-exact-progress-card-v151 { position: relative; }
.overview-exact-progress-card-v151 span { display: block; color: #cbd5e1; font-size: 12px; margin-bottom: 10px; }
.overview-exact-progress-card-v151 strong { position: absolute; top: 28px; right: 20px; color: #dbeafe; font-size: 13px; }
.overview-exact-progress-card-v151 div { height: 7px; border-radius: 999px; background: rgba(148,163,184,.16); overflow: hidden; margin-right: 78px; }
.overview-exact-progress-card-v151 div i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#38bdf8,#22d3ee); box-shadow: 0 0 16px rgba(34,211,238,.45); }
.overview-exact-progress-card-v151 a { display: inline-block; margin-top: 14px; color: #e2e8f0; font-size: 12px; text-decoration: none; }

.overview-exact-grid-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 410px;
    gap: 10px;
    align-items: start;
}
.overview-exact-main-v151,
.overview-exact-side-v151 { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.overview-exact-card-head-v151 { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.overview-exact-card-head-v151.compact { margin-bottom: 10px; }
.overview-exact-card-head-v151 p { margin: 4px 0 0; }

.overview-exact-today-v151 { position: relative; overflow: hidden; }
.overview-exact-today-v151.is-muted .overview-exact-today-grid-v151 { filter: blur(2px); opacity: .5; }
.overview-exact-muted-note-v151 {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 12px;
    margin: 0 0 10px;
    border-radius: 12px;
    background: rgba(139,92,246,.10);
    border: 1px solid rgba(139,92,246,.18);
    color: #cbd5e1;
    position: relative;
    z-index: 2;
}
.overview-exact-muted-note-v151 strong { color: #fff; font-size: 13px; white-space: nowrap; }
.overview-exact-muted-note-v151 span { color: #9aa9bd; font-size: 12px; }
.overview-exact-today-grid-v151 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}
.overview-exact-today-grid-v151 article {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 86px;
    padding: 14px;
    border-radius: 10px;
    background: rgba(7, 18, 40, .72);
    border: 1px solid rgba(148, 163, 184, .10);
}
.overview-exact-today-icon-v151 { width: 30px; height: 30px; font-size: 14px; }
.overview-exact-today-icon-v151.blue { color: #60a5fa; background: rgba(59,130,246,.13); border-color: rgba(59,130,246,.20); }
.overview-exact-today-icon-v151.purple { color: #c084fc; background: rgba(139,92,246,.13); border-color: rgba(139,92,246,.20); }
.overview-exact-today-icon-v151.cyan { color: #22d3ee; background: rgba(34,211,238,.10); border-color: rgba(34,211,238,.18); }
.overview-exact-today-grid-v151 small { display: block; color: #b5c0d1; font-size: 12px; }
.overview-exact-today-grid-v151 strong { display: block; margin: 8px 0 4px; color: #fff; font-size: 25px; line-height: 1; letter-spacing: -.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; }
.overview-exact-today-grid-v151 em { color: #38e58a; font-size: 12px; font-style: normal; }

.overview-exact-activity-row-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 10px;
}
.overview-exact-chart-v151 svg { width: 100%; height: 230px; display: block; overflow: visible; }
.overview-exact-chart-v151 svg .grid line { stroke: rgba(148,163,184,.13); stroke-dasharray: 3 5; }
.overview-exact-chart-v151 svg .line { fill: none; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(168,85,247,.42)); }
.overview-exact-chart-v151 svg .line.purple { stroke: url(#overviewExactPurple); }
.overview-exact-chart-v151 svg .line.cyan { stroke: url(#overviewExactCyan); stroke-width: 3; filter: drop-shadow(0 0 7px rgba(34,211,238,.35)); }
.overview-exact-chart-v151 svg text { fill: #8ea0b8; font-size: 12px; }
.overview-exact-legend-v151 { display: flex; align-items: center; gap: 7px; color: #a6b3c6; font-size: 12px; }
.overview-exact-legend-v151 span { width: 8px; height: 8px; border-radius: 999px; display: inline-block; }
.overview-exact-legend-v151 span.purple { background: #a855f7; box-shadow: 0 0 10px rgba(168,85,247,.7); }
.overview-exact-legend-v151 span.cyan { background: #22d3ee; box-shadow: 0 0 10px rgba(34,211,238,.7); margin-left: 10px; }
.overview-exact-ring-card-v151 { text-align: center; }
.overview-exact-ring-v151 {
    --score: 80%;
    width: 148px;
    height: 148px;
    margin: 12px auto 14px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    position: relative;
    background: conic-gradient(#22d3ee var(--score), #2563eb calc(var(--score) + 3%), rgba(30,41,59,.85) 0);
    box-shadow: 0 0 26px rgba(34,211,238,.16);
}
.overview-exact-ring-v151::before { content: ""; position: absolute; inset: 13px; border-radius: inherit; background: #071427; border: 1px solid rgba(148,163,184,.08); }
.overview-exact-ring-v151 strong,
.overview-exact-ring-v151 span { position: relative; z-index: 1; display: block; }
.overview-exact-ring-v151 strong { color: #fff; font-size: 29px; line-height: 1; }
.overview-exact-ring-v151 span { color: #cbd5e1; font-size: 12px; margin-top: -46px; }
.overview-exact-ring-card-v151 p { color: #cbd5e1; }

.overview-exact-three-v151 { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: 10px; }
.overview-exact-list-v151,
.overview-exact-feed-v151,
.overview-exact-side-issue-list-v151 { display: flex; flex-direction: column; gap: 8px; }
.overview-exact-list-v151 a,
.overview-exact-feed-v151 article,
.overview-exact-side-issue-list-v151 a {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 9px 10px;
    border-radius: 10px;
    color: inherit;
    text-decoration: none;
    background: rgba(3, 10, 26, .36);
    border: 1px solid rgba(148,163,184,.07);
}
.overview-exact-list-v151 a > span,
.overview-exact-feed-v151 article > span {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 12px rgba(34,197,94,.75);
}
.overview-exact-list-v151 a.is-error > span,
.overview-exact-list-v151 a.is-warning > span { background: #fb4d5d; box-shadow: 0 0 12px rgba(251,77,93,.65); }
.overview-exact-list-v151 strong,
.overview-exact-feed-v151 strong,
.overview-exact-side-issue-list-v151 strong { color: #f8fafc; font-size: 12.5px; line-height: 1.15; }
.overview-exact-list-v151 em { color: #39e58a; font-style: normal; font-size: 12px; justify-self: end; }
.overview-exact-list-v151 a.is-error em,
.overview-exact-list-v151 a.is-warning em { color: #fb7185; }
.overview-exact-list-v151 p,
.overview-exact-feed-v151 p,
.overview-exact-side-issue-list-v151 p { margin: 0; color: var(--exact-muted); font-size: 12px; }
.overview-exact-feed-v151 article { grid-template-columns: auto minmax(0,1fr) auto; }
.overview-exact-feed-v151 p { margin-top: 2px; }
.overview-exact-feed-v151 small { color: #94a3b8; font-size: 11.5px; white-space: nowrap; }
.overview-exact-badge-v151 { display: grid; place-items: center; min-width: 28px; height: 24px; padding: 0 8px; border-radius: 8px; background: rgba(239,68,68,.65); color: #fff; font-size: 12px; }
.overview-exact-footer-link-v151 { display: block; margin-top: 10px; padding: 10px; border-radius: 9px; text-align: center; color: #e2e8f0; text-decoration: none; background: rgba(3,10,26,.30); font-size: 12px; }

.overview-exact-history-v151 { min-height: 410px; }
.overview-exact-side-v151 .overview-exact-card-v151 { padding: 14px; }
.overview-exact-side-issue-list-v151 a { grid-template-columns: 30px minmax(0,1fr) auto; }
.overview-exact-side-issue-list-v151 a span { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: rgba(239,68,68,.15); color: #ffb4bd; }
.overview-exact-side-issue-list-v151 small { display: block; margin-top: 2px; color: #94a3b8; font-size: 11.5px; }
.overview-exact-side-issue-list-v151 em { color: #94a3b8; font-style: normal; font-size: 20px; }

.overview-exact-modules-v151 { padding-bottom: 12px; }
.overview-exact-modules-count-v151 { display: flex; align-items: center; gap: 8px; color: #cbd5e1; font-size: 12px; }
.overview-exact-modules-count-v151 strong { color: #fff; font-size: 15px; }
.overview-exact-module-grid-v151 { display: grid; grid-template-columns: repeat(9, minmax(114px, 1fr)); gap: 9px; }
.overview-exact-module-grid-v151 article {
    min-height: 82px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    padding: 11px;
    border-radius: 10px;
    background: rgba(7,18,40,.62);
    border: 1px solid rgba(148,163,184,.10);
}
.overview-exact-module-grid-v151 article a { display: grid; grid-template-columns: 24px minmax(0,1fr); grid-template-areas: "icon name" "status status"; gap: 6px 8px; color: inherit; text-decoration: none; min-width: 0; }
.overview-exact-module-grid-v151 article a span { grid-area: icon; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: rgba(139,92,246,.12); }
.overview-exact-module-grid-v151 article a strong { grid-area: name; color: #f8fafc; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.overview-exact-module-grid-v151 article a small { grid-area: status; width: max-content; max-width: 100%; padding: 4px 7px; border-radius: 7px; background: rgba(34,197,94,.12); color: #34d399; font-size: 10.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.overview-exact-module-grid-v151 article.is-error a small,
.overview-exact-module-grid-v151 article.is-warning a small { background: rgba(239,68,68,.13); color: #fb7185; }
.overview-exact-module-grid-v151 article.is-disabled { opacity: .58; }
.overview-exact-module-grid-v151 form { align-self: flex-end; }

@media (max-width: 1680px) {
    .overview-exact-hero-v151 { grid-template-columns: minmax(260px, 1.4fr) repeat(4, minmax(120px, .75fr)) minmax(220px, 1.4fr); }
    .overview-exact-grid-v151 { grid-template-columns: minmax(0, 1fr) 360px; }
    .overview-exact-module-grid-v151 { grid-template-columns: repeat(5, minmax(120px, 1fr)); }
}
@media (max-width: 1320px) {
    .overview-exact-hero-v151 { grid-template-columns: 1fr 1fr; }
    .overview-exact-server-v151 { grid-column: 1 / -1; }
    .overview-exact-grid-v151,
    .overview-exact-activity-row-v151,
    .overview-exact-three-v151 { grid-template-columns: 1fr; }
    .overview-exact-today-grid-v151 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 760px) {
    .owner-preview-entry-v151,
    .overview-exact-card-head-v151,
    .overview-exact-muted-note-v151,
    .overview-exact-modules-count-v151 { flex-direction: column; align-items: stretch; }
    .overview-exact-hero-v151,
    .overview-exact-today-grid-v151,
    .overview-exact-module-grid-v151 { grid-template-columns: 1fr; }
    .overview-exact-server-v151,
    .overview-exact-top-metric-v151,
    .overview-exact-progress-card-v151 { border-right: 0; border-bottom: 1px solid rgba(148,163,184,.09); }
}


/* 1.5.1 silent Owner preview - sidebar exact pass */
body.owner-overview-v2-shell {
    background:
        radial-gradient(circle at 75% 0%, rgba(34, 211, 238, .10), transparent 28%),
        radial-gradient(circle at 10% 10%, rgba(168, 85, 247, .12), transparent 24%),
        #070d18;
}
body.owner-overview-v2-shell .server-rail {
    display: none;
}
body.owner-overview-v2-shell .server-panel {
    left: 0;
    width: 292px;
    padding: 18px 18px 16px;
    background:
        linear-gradient(180deg, rgba(7, 13, 24, .98), rgba(5, 10, 20, .985)),
        radial-gradient(circle at 20% 0%, rgba(168, 85, 247, .14), transparent 35%);
    border-right: 1px solid rgba(148, 163, 184, .12);
    box-shadow: 18px 0 50px rgba(0,0,0,.26);
    gap: 0;
}
body.owner-overview-v2-shell .content {
    margin-left: 292px;
    width: calc(100vw - 292px);
    padding: 0 26px 34px;
}
body.owner-overview-v2-shell .app-topbar {
    height: 58px;
    min-height: 58px;
    padding: 0 0 0 2px;
    background: rgba(7, 13, 24, .58);
    border-bottom: 1px solid rgba(148, 163, 184, .09);
    backdrop-filter: blur(14px);
}
body.owner-overview-v2-shell .desktop-sidebar-button {
    display: none;
}
.owner-exact-sidebar-v151 {
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #edf2ff;
}
.owner-exact-brand-v151 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}
.owner-exact-brand-v151 strong {
    display: block;
    color: #d69cff;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 1.3px;
    font-weight: 950;
    text-shadow: 0 0 20px rgba(168,85,247,.38);
}
.owner-exact-brand-v151 span {
    display: block;
    margin-top: 6px;
    color: #a9b2ca;
    font-size: 13px;
}
.owner-exact-main-nav-v151 {
    display: grid;
    gap: 5px;
    margin-bottom: 16px;
}
.owner-exact-main-nav-v151 a,
.owner-exact-side-link-v151,
.owner-exact-module-link-v151,
.owner-exact-server-card-v151 {
    color: #edf2ff;
    text-decoration: none;
}
.owner-exact-main-nav-v151 a {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 12px;
    background: transparent;
    border: 1px solid transparent;
    color: #dce4f7;
    font-weight: 850;
}
.owner-exact-main-nav-v151 a span,
.owner-exact-side-link-v151 > span {
    width: 22px;
    display: inline-grid;
    place-items: center;
    color: #b9c3dc;
    opacity: .9;
}
.owner-exact-main-nav-v151 a:hover,
.owner-exact-side-link-v151:hover,
.owner-exact-module-link-v151:hover {
    background: rgba(124, 58, 237, .11);
    border-color: rgba(124, 58, 237, .28);
}
.owner-exact-main-nav-v151 a.active,
.owner-exact-side-link-v151.active {
    background: linear-gradient(135deg, rgba(124,58,237,.34), rgba(59,130,246,.13));
    border-color: rgba(168,85,247,.62);
    box-shadow: inset 3px 0 0 rgba(168,85,247,.95), 0 0 0 1px rgba(168,85,247,.08);
}
.owner-exact-server-card-v151 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    margin: 6px 0 16px;
    border-radius: 16px;
    border: 1px solid rgba(124,58,237,.27);
    background: linear-gradient(135deg, rgba(124,58,237,.19), rgba(34,211,238,.055));
    box-shadow: 0 14px 34px rgba(0,0,0,.18);
}
.owner-exact-server-avatar-v151 {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    overflow: hidden;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.12);
    font-weight: 950;
}
.owner-exact-server-avatar-v151 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.owner-exact-server-card-v151 strong {
    display: block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
}
.owner-exact-server-card-v151 small {
    display: block;
    margin-top: 4px;
    color: #9da8c3;
    font-size: 11px;
}
.owner-exact-nav-block-v151 {
    display: grid;
    gap: 6px;
    padding: 0 0 14px;
    margin: 0 0 14px;
    border-bottom: 1px solid rgba(148, 163, 184, .11);
}
.owner-exact-sidebar-v151 .owner-exact-nav-block-v151:last-child {
    flex: 1 1 auto;
    overflow: hidden auto;
    padding-bottom: 8px;
    margin-bottom: 0;
    border-bottom: 0;
}
.owner-exact-section-title-v151 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 2px 2px 4px;
    color: #8995b4;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .9px;
    font-weight: 950;
}
.owner-exact-section-title-v151::after {
    content: "";
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, rgba(148,163,184,.25), transparent);
}
.owner-exact-section-title-v151 em {
    order: 3;
    color: #9aa5bf;
    font-style: normal;
    white-space: nowrap;
}
.owner-exact-side-link-v151 {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 12px;
    border: 1px solid transparent;
    background: transparent;
}
.owner-exact-side-link-v151 strong,
.owner-exact-module-link-v151 strong {
    display: block;
    font-size: 13px;
    font-weight: 900;
    color: #f5f7ff;
}
.owner-exact-side-link-v151 small {
    display: block;
    margin-top: 2px;
    color: #8f9ab6;
    font-size: 11px;
}
.owner-exact-module-link-v151 {
    min-height: 26px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 3px 8px;
    border-radius: 9px;
    border: 1px solid transparent;
}
.owner-exact-module-link-v151 i {
    width: 11px;
    height: 11px;
    border-radius: 999px;
    flex: 0 0 auto;
    background: #64748b;
    box-shadow: 0 0 0 4px rgba(100,116,139,.08);
}
.owner-exact-module-link-v151 i.on {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34,197,94,.10), 0 0 16px rgba(34,197,94,.44);
}
.owner-exact-module-link-v151 i.off {
    background: #64748b;
}
.owner-exact-module-link-v151 strong {
    font-size: 12.5px;
}
.owner-exact-tools-v151 {
    min-height: 0;
}
.owner-exact-tools-v151 .owner-exact-side-link-v151 {
    min-height: 34px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.owner-exact-tools-v151 .owner-exact-side-link-v151 strong {
    font-size: 12.5px;
}
body.owner-overview-v2-shell.sidebar-collapsed .server-panel {
    transform: translateX(-292px);
}
body.owner-overview-v2-shell.sidebar-collapsed .content {
    margin-left: 0;
    width: 100vw;
}
@media (max-height: 820px) {
    body.owner-overview-v2-shell .server-panel {
        padding-top: 12px;
        padding-bottom: 10px;
    }
    .owner-exact-brand-v151 {
        margin-bottom: 12px;
    }
    .owner-exact-main-nav-v151 {
        gap: 2px;
        margin-bottom: 10px;
    }
    .owner-exact-server-card-v151 {
        margin-bottom: 10px;
        padding: 9px;
    }
    .owner-exact-nav-block-v151 {
        gap: 4px;
        margin-bottom: 9px;
        padding-bottom: 9px;
    }
    .owner-exact-side-link-v151 {
        min-height: 38px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .owner-exact-module-link-v151 {
        min-height: 23px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}
@media (max-width: 980px) {
    body.owner-overview-v2-shell .server-rail {
        display: none;
    }
    body.owner-overview-v2-shell .server-panel {
        position: fixed;
        left: 0;
        width: min(292px, 86vw);
        transform: translateX(-105%);
        transition: transform .18s ease;
        z-index: 60;
    }
    body.owner-overview-v2-shell.mobile-sidebar-open .server-panel {
        transform: translateX(0);
    }
    body.owner-overview-v2-shell .content {
        margin-left: 0;
        width: 100vw;
        padding: 0 16px 26px;
    }
    body.owner-overview-v2-shell .desktop-sidebar-button {
        display: none;
    }
}

/* 1.5.1 silent Owner preview - sidebar scroll + collapsible sections hotfix */
body.owner-overview-v2-shell .server-panel {
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
}
body.owner-overview-v2-shell .owner-exact-sidebar-v151 {
    height: 100%;
    max-height: 100vh;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    padding-bottom: 28px;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, .34) transparent;
}
body.owner-overview-v2-shell .owner-exact-sidebar-v151::-webkit-scrollbar {
    width: 7px;
}
body.owner-overview-v2-shell .owner-exact-sidebar-v151::-webkit-scrollbar-track {
    background: transparent;
}
body.owner-overview-v2-shell .owner-exact-sidebar-v151::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, .22);
    border-radius: 999px;
}
body.owner-overview-v2-shell .owner-exact-sidebar-v151:hover::-webkit-scrollbar-thumb {
    background: rgba(168, 85, 247, .42);
}
.owner-exact-collapsible-v151 {
    display: block;
}
.owner-exact-collapsible-v151 > summary.owner-exact-section-title-v151 {
    cursor: pointer;
    list-style: none;
    user-select: none;
    border-radius: 10px;
    padding: 7px 7px 7px 2px;
    transition: background .16s ease, color .16s ease;
}
.owner-exact-collapsible-v151 > summary.owner-exact-section-title-v151::-webkit-details-marker {
    display: none;
}
.owner-exact-collapsible-v151 > summary.owner-exact-section-title-v151:hover {
    background: rgba(124, 58, 237, .10);
    color: #b9c6e8;
}
.owner-exact-collapsible-v151 > summary.owner-exact-section-title-v151 b {
    order: 4;
    width: 18px;
    height: 18px;
    display: inline-grid;
    place-items: center;
    margin-left: 4px;
    color: #b6c0d9;
    font-size: 15px;
    font-weight: 950;
    line-height: 1;
    border-radius: 999px;
    background: rgba(148, 163, 184, .08);
    transform: rotate(0deg);
    transition: transform .16s ease, background .16s ease;
}
.owner-exact-collapsible-v151:not([open]) > summary.owner-exact-section-title-v151 b {
    transform: rotate(-90deg);
}
.owner-exact-group-content-v151 {
    display: grid;
    gap: 6px;
    padding-top: 2px;
}
.owner-exact-modules-content-v151 {
    gap: 4px;
}
.owner-exact-collapsible-v151:not([open]) {
    padding-bottom: 10px;
}
.owner-exact-collapsible-v151:not([open]) .owner-exact-group-content-v151 {
    display: none;
}
body.owner-overview-v2-shell .owner-exact-sidebar-v151 .owner-exact-nav-block-v151:last-child {
    flex: initial;
    overflow: visible;
}
body.owner-overview-v2-shell.sidebar-collapsed .owner-exact-sidebar-v151 {
    overflow: hidden;
}
@media (max-width: 980px) {
    body.owner-overview-v2-shell .server-panel {
        height: 100vh;
        max-height: 100vh;
    }
    body.owner-overview-v2-shell .owner-exact-sidebar-v151 {
        max-height: 100vh;
        padding-bottom: 42px;
    }
}

/* 1.5.1 silent Owner preview - Identity panel exact pass */
.identity-v2-page {
    padding: 22px 0 32px;
    color: #eef3ff;
}
.identity-v2-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin: 0 0 20px;
}
.identity-v2-eyebrow {
    margin: 0 0 8px;
    color: #8f8df8;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 11px;
    font-weight: 900;
}
.identity-v2-header h1 {
    margin: 0;
    color: #f8fbff;
    font-size: clamp(26px, 2.2vw, 36px);
    line-height: 1.1;
    font-weight: 950;
}
.identity-v2-header p {
    margin: 10px 0 0;
    color: #aab5cf;
    font-size: 14px;
}
.identity-v2-tabs {
    min-width: min(520px, 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(17,24,39,.86), rgba(10,16,29,.92));
    box-shadow: 0 18px 50px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
}
.identity-v2-tabs a {
    flex: 1;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #9faacc;
    text-decoration: none;
    border-radius: 17px;
    font-weight: 850;
    font-size: 13px;
}
.identity-v2-tabs a.active {
    color: #fff;
    background: linear-gradient(135deg, rgba(124,58,237,.92), rgba(100,82,255,.68));
    box-shadow: 0 10px 28px rgba(124,58,237,.28), inset 0 1px 0 rgba(255,255,255,.2);
}
.identity-v2-grid {
    display: grid;
    grid-template-columns: minmax(360px, .82fr) minmax(480px, 1fr);
    gap: 18px;
}
.identity-v2-bottom-grid {
    display: grid;
    grid-template-columns: minmax(280px, .85fr) minmax(280px, .85fr) minmax(360px, 1.1fr);
    gap: 18px;
    margin-top: 18px;
}
.identity-v2-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .15);
    border-radius: 18px;
    background:
        radial-gradient(circle at 0 0, rgba(124,58,237,.16), transparent 38%),
        linear-gradient(180deg, rgba(15,23,42,.88), rgba(8,14,27,.94));
    box-shadow: 0 20px 60px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.05);
    padding: 26px;
}
.identity-v2-card h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
    color: #f8fbff;
    font-weight: 950;
}
.identity-v2-card-titleline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
}
.identity-v2-live-dot {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #b8c3de;
    font-size: 12px;
    font-weight: 800;
}
.identity-v2-live-dot i {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 14px rgba(34,197,94,.7);
}
.identity-v2-preview-layout {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    align-items: center;
    gap: 30px;
}
.identity-v2-avatar-ring {
    width: 176px;
    height: 176px;
    border-radius: 999px;
    padding: 5px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #8b5cf6, #22d3ee, #f97316);
    box-shadow: 0 0 36px rgba(124,58,237,.55), 0 0 80px rgba(59,130,246,.16);
}
.identity-v2-avatar-ring img,
.identity-v2-mini-avatar img,
.identity-v2-history-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.identity-v2-avatar-ring > span {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(10, 16, 29, .96);
    font-size: 64px;
    font-weight: 950;
    color: #c4b5fd;
}
.identity-v2-bot-meta h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 950;
}
.identity-v2-bot-meta h3 em,
.identity-v2-server-preview strong em {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 8px;
    padding: 3px 7px;
    border-radius: 6px;
    background: linear-gradient(135deg, #8b5cf6, #6366f1);
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 950;
}
.identity-v2-bot-meta > p {
    margin: 8px 0 24px;
    color: #aab5cf;
    font-size: 14px;
}
.identity-v2-server-preview {
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 360px;
    padding: 14px 16px;
    border-radius: 15px;
    border: 1px solid rgba(148,163,184,.13);
    background: rgba(15,23,42,.72);
}
.identity-v2-mini-avatar,
.identity-v2-history-avatar {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    overflow: hidden;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: rgba(124,58,237,.18);
    color: #c4b5fd;
    font-weight: 950;
}
.identity-v2-server-preview strong {
    display: block;
    color: #fff;
    font-size: 14px;
}
.identity-v2-server-preview small {
    display: inline-block;
    margin-left: 8px;
    color: #8792ad;
    font-size: 11px;
}
.identity-v2-server-preview p {
    margin: 6px 0 0;
    color: #cbd5e1;
    font-size: 13px;
}
.identity-v2-muted-note {
    margin: 28px 0 0;
    color: #8f9ab6;
    font-size: 12px;
}
.identity-v2-edit-card {
    padding-bottom: 22px;
}
.identity-v2-form {
    display: grid;
    gap: 18px;
    margin-top: 18px;
}
.identity-v2-field {
    display: grid;
    gap: 9px;
    color: #b8c3de;
    font-size: 13px;
    font-weight: 850;
}
.identity-v2-input-wrap {
    position: relative;
    display: block;
}
.identity-v2-input-wrap input {
    width: 100%;
    min-height: 44px;
    padding: 0 64px 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(148,163,184,.14);
    background: rgba(3,7,18,.62);
    color: #f8fbff;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.identity-v2-input-wrap input:focus {
    border-color: rgba(139,92,246,.72);
    box-shadow: 0 0 0 4px rgba(124,58,237,.16);
}
.identity-v2-input-wrap small {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #7f8ca8;
    font-size: 11px;
}
.identity-v2-dropzone {
    min-height: 124px;
    display: grid;
    place-items: center;
    gap: 6px;
    text-align: center;
    border: 1px dashed rgba(148,163,184,.35);
    border-radius: 14px;
    background: rgba(15,23,42,.32);
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.identity-v2-dropzone:hover,
.identity-v2-dropzone.dragging {
    border-color: rgba(139,92,246,.78);
    background: rgba(124,58,237,.11);
    transform: translateY(-1px);
}
.identity-v2-dropzone input {
    display: none;
}
.identity-v2-cloud {
    color: #8b5cf6;
    font-size: 38px;
    line-height: 1;
    text-shadow: 0 0 20px rgba(124,58,237,.36);
}
.identity-v2-dropzone strong {
    color: #cbd5e1;
    font-size: 13px;
}
.identity-v2-dropzone small {
    color: #7f8ca8;
    font-size: 11px;
}
.identity-v2-dropzone b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-top: 4px;
    padding: 0 18px;
    border-radius: 10px;
    border: 1px solid rgba(148,163,184,.22);
    background: rgba(3,7,18,.52);
    color: #f8fbff;
    font-size: 12px;
}
.identity-v2-form-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.identity-v2-save {
    min-width: 260px;
    background: linear-gradient(135deg, #8b5cf6, #6d5dfc);
    box-shadow: 0 16px 36px rgba(124,58,237,.26);
}
.identity-v2-hints-card {
    background:
        radial-gradient(circle at 90% 100%, rgba(124,58,237,.25), transparent 42%),
        linear-gradient(180deg, rgba(15,23,42,.88), rgba(8,14,27,.94));
}
.identity-v2-card ul {
    display: grid;
    gap: 15px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}
.identity-v2-card li {
    position: relative;
    padding-left: 26px;
    color: #b8c3de;
    font-size: 13px;
}
.identity-v2-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #8b5cf6;
    font-weight: 950;
}
.identity-v2-permissions-card p {
    margin: 18px 0 20px;
    color: #aab5cf;
    line-height: 1.55;
    font-size: 13px;
}
.identity-v2-permission-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.identity-v2-permission-pills span {
    padding: 9px 14px;
    border-radius: 999px;
    border: 1px solid rgba(148,163,184,.13);
    background: rgba(15,23,42,.62);
    color: #dce4f7;
    font-size: 12px;
    font-weight: 800;
}
.identity-v2-history-card .identity-v2-card-titleline {
    margin-bottom: 16px;
}
.identity-v2-card-titleline a {
    color: #c7d2fe;
    text-decoration: none;
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid rgba(148,163,184,.13);
    background: rgba(15,23,42,.42);
}
.identity-v2-history-list {
    display: grid;
    gap: 10px;
}
.identity-v2-history-list article {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 14px;
    background: rgba(15,23,42,.62);
    border: 1px solid rgba(148,163,184,.10);
}
.identity-v2-history-list article > div:nth-child(2) {
    min-width: 0;
    flex: 1 1 auto;
}
.identity-v2-history-list strong {
    display: block;
    color: #f8fbff;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.identity-v2-history-list small {
    display: block;
    margin-top: 4px;
    color: #8f9ab6;
    font-size: 11px;
}
.identity-v2-history-list em {
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(34,197,94,.16);
    color: #86efac;
    font-size: 10px;
    font-style: normal;
    font-weight: 950;
    text-transform: uppercase;
}
@media (max-width: 1360px) {
    .identity-v2-grid,
    .identity-v2-bottom-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 860px) {
    .identity-v2-header {
        flex-direction: column;
    }
    .identity-v2-tabs {
        min-width: 0;
        width: 100%;
    }
    .identity-v2-preview-layout {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }
    .identity-v2-server-preview {
        text-align: left;
    }
    .identity-v2-form-actions {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    .identity-v2-save {
        min-width: 0;
        width: 100%;
    }
}

/* ===== 1.5.1 silent Owner preview: Diagnostyka modułów exact ===== */
.owner-diag-v151 {
    display: grid;
    gap: 18px;
    color: #e7ecff;
}
.owner-diag-header-v151 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.owner-diag-eyebrow-v151 {
    margin: 0 0 8px;
    color: #8fa2ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.owner-diag-header-v151 h1 {
    margin: 0;
    color: #f8fbff;
    font-size: clamp(28px, 3vw, 42px);
    letter-spacing: -.04em;
}
.owner-diag-header-v151 p {
    margin: 6px 0 0;
    color: #aeb9d4;
    font-size: 15px;
}
.owner-diag-header-actions-v151 {
    position: relative;
    z-index: 20;
    display: flex;
    justify-content: flex-end;
}
.owner-diag-permissions-menu-v151 {
    position: relative;
}
.owner-diag-permissions-menu-v151 summary {
    list-style: none;
}
.owner-diag-permissions-menu-v151 summary::-webkit-details-marker {
    display: none;
}
.owner-diag-permission-button-v151 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    min-width: 178px;
    border-radius: 12px;
    border: 1px solid rgba(147,112,255,.42);
    background: linear-gradient(135deg, rgba(100,62,230,.18), rgba(8,14,31,.82));
    color: #f2f5ff;
    cursor: pointer;
    box-shadow: 0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.owner-diag-permission-button-v151 strong {
    font-size: 13px;
    font-weight: 900;
}
.owner-diag-permission-button-v151 em {
    margin-left: auto;
    min-width: 22px;
    min-height: 22px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    background: rgba(239,68,68,.25);
    color: #fecaca;
    font-size: 11px;
    font-style: normal;
    font-weight: 950;
}
.owner-diag-permissions-dropdown-v151 {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: min(440px, calc(100vw - 40px));
    max-height: min(680px, calc(100vh - 110px));
    overflow: auto;
    padding: 16px;
    border-radius: 20px;
    border: 1px solid rgba(112,144,255,.28);
    background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,13,29,.98));
    box-shadow: 0 34px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.03) inset;
}
.owner-diag-permissions-head-v151 strong,
.owner-diag-permissions-dropdown-v151 h3 {
    display: block;
    color: #f8fbff;
    font-size: 13px;
    margin: 0;
}
.owner-diag-permissions-head-v151 small {
    display: block;
    margin-top: 4px;
    color: #95a1bd;
    font-size: 11px;
    line-height: 1.45;
}
.owner-diag-permissions-dropdown-v151 h3 {
    margin: 16px 0 8px;
    color: #aebcff;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 11px;
}
.owner-diag-permission-alert-v151 {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    color: #fcd34d;
    background: rgba(245,158,11,.12);
    border: 1px solid rgba(245,158,11,.22);
    font-size: 12px;
}
.owner-diag-permission-list-v151 {
    display: grid;
    gap: 8px;
}
.owner-diag-permission-row-v151 {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 10px;
    align-items: start;
    padding: 10px 11px;
    border-radius: 13px;
    border: 1px solid rgba(148,163,184,.12);
    background: rgba(15,23,42,.58);
}
.owner-diag-permission-row-v151 input {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    accent-color: #22c55e;
}
.owner-diag-permission-row-v151 strong {
    display: block;
    color: #e8edff;
    font-size: 12px;
}
.owner-diag-permission-row-v151 small {
    display: block;
    margin-top: 3px;
    color: #8f9ab6;
    font-size: 10px;
    line-height: 1.35;
}
.owner-diag-permission-row-v151.missing {
    border-color: rgba(239,68,68,.28);
    background: rgba(127,29,29,.13);
}
.owner-diag-permission-row-v151.ok {
    border-color: rgba(34,197,94,.18);
}
.owner-diag-permission-link-v151 {
    display: block;
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(147,112,255,.26);
    color: #c4b5fd;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
}
.owner-diag-kpis-v151 {
    display: grid;
    grid-template-columns: minmax(260px, 1.8fr) repeat(5, minmax(128px, 1fr));
    gap: 18px;
}
.owner-diag-kpi-v151 {
    min-height: 142px;
    padding: 22px;
    border-radius: 16px;
    border: 1px solid rgba(112,144,255,.17);
    background: radial-gradient(circle at 20% 12%, rgba(139,92,246,.16), transparent 34%), linear-gradient(180deg, rgba(15,23,42,.8), rgba(8,13,29,.68));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 46px rgba(0,0,0,.25);
}
.owner-diag-kpi-v151 b {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 24px;
    border-radius: 14px;
    background: rgba(139,92,246,.14);
    color: #a78bfa;
    font-size: 20px;
    font-style: normal;
}
.owner-diag-kpi-v151 strong {
    display: block;
    color: #f8fbff;
    font-size: 34px;
    line-height: 1;
    letter-spacing: -.05em;
}
.owner-diag-kpi-v151 span,
.owner-diag-kpi-v151 small {
    color: #aab4ce;
    font-size: 13px;
}
.owner-diag-kpi-v151 small {
    float: right;
    margin-top: -16px;
}
.owner-diag-kpi-v151.ok b { color: #5eead4; background: rgba(20,184,166,.14); }
.owner-diag-kpi-v151.warning b { color: #fbbf24; background: rgba(245,158,11,.13); }
.owner-diag-kpi-v151.error b { color: #93c5fd; background: rgba(59,130,246,.13); }
.owner-diag-kpi-v151.disabled b { color: #60a5fa; background: rgba(14,165,233,.13); }
.owner-diag-kpi-main-v151 {
    display: grid;
    align-content: center;
    background: radial-gradient(circle at 12% 22%, rgba(139,92,246,.34), transparent 36%), linear-gradient(135deg, rgba(20,24,52,.98), rgba(8,13,29,.85));
}
.owner-diag-kpi-main-v151 span {
    display: block;
    color: #c8d1ea;
    font-weight: 850;
}
.owner-diag-kpi-main-v151 strong {
    margin-top: 8px;
    font-size: 50px;
    color: #a855f7;
    text-shadow: 0 0 20px rgba(168,85,247,.28);
}
.owner-diag-healthbar-v151 {
    height: 10px;
    margin-top: 18px;
    border-radius: 999px;
    background: rgba(148,163,184,.16);
    overflow: hidden;
}
.owner-diag-healthbar-v151 i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #8b5cf6, #a855f7, #67e8f9);
    box-shadow: 0 0 18px rgba(103,232,249,.38);
}
.owner-diag-grid-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 18px;
    align-items: start;
}
.owner-diag-left-v151,
.owner-diag-right-v151 {
    display: grid;
    gap: 18px;
}
.owner-diag-card-v151,
.owner-diag-cache-v151 {
    border-radius: 16px;
    border: 1px solid rgba(112,144,255,.17);
    background: linear-gradient(180deg, rgba(15,23,42,.74), rgba(8,13,29,.66));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 46px rgba(0,0,0,.22);
}
.owner-diag-modules-v151 {
    overflow: hidden;
}
.owner-diag-card-title-v151 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 24px 16px;
    border-bottom: 1px solid rgba(148,163,184,.11);
}
.owner-diag-card-title-v151 h2,
.owner-diag-side-title-v151 h2,
.owner-diag-actions-v151 h2 {
    margin: 0;
    color: #f8fbff;
    font-size: 18px;
    letter-spacing: -.02em;
}
.owner-diag-card-title-v151 p {
    margin: 4px 0 0;
    color: #94a3b8;
    font-size: 12px;
}
.owner-diag-toolbar-v151 {
    display: flex;
    gap: 10px;
    align-items: center;
}
.owner-diag-toolbar-v151 label,
.owner-diag-toolbar-v151 select {
    min-height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(148,163,184,.16);
    background: rgba(15,23,42,.58);
    color: #dbe6ff;
}
.owner-diag-toolbar-v151 label {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 260px;
    padding: 0 12px;
}
.owner-diag-toolbar-v151 input,
.owner-diag-toolbar-v151 select {
    border: 0;
    outline: 0;
    background: transparent;
    color: #dbe6ff;
}
.owner-diag-toolbar-v151 input { width: 100%; }
.owner-diag-toolbar-v151 select { padding: 0 12px; width: 142px; }
.owner-diag-module-table-v151 {
    display: grid;
}
.owner-diag-module-row-v151 {
    display: grid;
    grid-template-columns: 28px 54px minmax(220px, 1.2fr) 112px minmax(190px,.9fr) 130px 44px 86px 82px;
    gap: 14px;
    align-items: center;
    padding: 14px 24px;
    border-bottom: 1px solid rgba(148,163,184,.10);
}
.owner-diag-module-row-v151:last-child { border-bottom: 0; }
.owner-diag-grip-v151 { color: #7b87a4; font-weight: 900; letter-spacing: -3px; }
.owner-diag-module-icon-v151 {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,.16);
    background: radial-gradient(circle at 45% 20%, rgba(139,92,246,.25), rgba(15,23,42,.82));
    font-size: 28px;
}
.owner-diag-module-info-v151 { min-width: 0; }
.owner-diag-module-info-v151 strong {
    display: block;
    color: #f8fbff;
    font-size: 15px;
}
.owner-diag-module-info-v151 small,
.owner-diag-module-info-v151 em {
    display: block;
    color: #95a1bd;
    font-size: 11px;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.owner-diag-module-info-v151 em {
    margin-top: 4px;
    color: #c4ccdf;
    font-style: normal;
}
.owner-diag-status-pill-v151 {
    justify-self: start;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 950;
    background: rgba(148,163,184,.12);
    color: #cbd5e1;
}
.owner-diag-status-pill-v151.ok { background: rgba(34,197,94,.15); color: #86efac; }
.owner-diag-status-pill-v151.warning,
.owner-diag-status-pill-v151.error { background: rgba(239,68,68,.20); color: #fca5a5; }
.owner-diag-status-pill-v151.disabled { background: rgba(100,116,139,.18); color: #cbd5e1; }
.owner-diag-mini-stats-v151 {
    display: grid;
    gap: 5px;
    color: #9ca8c2;
    font-size: 10px;
}
.owner-diag-mini-stats-v151 span {
    display: flex;
    align-items: center;
    gap: 6px;
}
.owner-diag-mini-stats-v151 b {
    margin-left: auto;
    color: #e2e8f0;
}
.owner-diag-mini-stats-v151 .dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    display: inline-block;
}
.owner-diag-mini-stats-v151 .dot.ok { background: #4ade80; }
.owner-diag-mini-stats-v151 .dot.warn { background: #facc15; }
.owner-diag-mini-stats-v151 .dot.err { background: #fb7185; }
.owner-diag-progress-v151 {
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(71,85,105,.45);
}
.owner-diag-progress-v151 i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #64748b;
}
.owner-diag-progress-v151 i.ok { background: linear-gradient(90deg,#22c55e,#4ade80); }
.owner-diag-progress-v151 i.warning,
.owner-diag-progress-v151 i.error { background: linear-gradient(90deg,#ef4444,#fb7185); }
.owner-diag-progress-label-v151 {
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 800;
}
.owner-diag-details-v151 {
    position: relative;
}
.owner-diag-details-v151 summary,
.owner-diag-detail-link-v151,
.owner-diag-repair-v151 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid rgba(148,163,184,.20);
    color: #e5edff;
    background: rgba(15,23,42,.54);
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}
.owner-diag-details-v151 summary::-webkit-details-marker { display: none; }
.owner-diag-repair-v151 {
    border-color: rgba(139,92,246,.48);
    background: linear-gradient(135deg,#8b5cf6,#6d28d9);
    box-shadow: 0 12px 24px rgba(109,40,217,.24);
}
.owner-diag-check-popover-v151 {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    width: 340px;
    max-height: 360px;
    overflow: auto;
    z-index: 30;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid rgba(112,144,255,.22);
    background: rgba(8,13,29,.98);
    box-shadow: 0 28px 70px rgba(0,0,0,.56);
}
.owner-diag-check-line-v151 {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 8px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(148,163,184,.08);
}
.owner-diag-check-line-v151:last-child { border-bottom: 0; }
.owner-diag-check-line-v151 b { color: #4ade80; }
.owner-diag-check-line-v151.error b { color: #fb7185; }
.owner-diag-check-line-v151.warning b { color: #facc15; }
.owner-diag-check-line-v151 strong { display:block; color:#eef4ff; font-size:12px; }
.owner-diag-check-line-v151 small { display:block; color:#8f9ab6; font-size:10px; line-height:1.35; }
.owner-diag-cache-v151 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 22px 24px;
    background: radial-gradient(circle at 10% 40%, rgba(139,92,246,.18), transparent 34%), rgba(15,23,42,.72);
}
.owner-diag-cache-v151 > div {
    display: flex;
    align-items: center;
    gap: 14px;
}
.owner-diag-cache-v151 span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #a78bfa;
    background: rgba(139,92,246,.16);
    font-size: 22px;
}
.owner-diag-cache-v151 strong { display:block; color:#f8fbff; }
.owner-diag-cache-v151 small { display:block; color:#94a3b8; margin-top:4px; }
.owner-diag-cache-button-v151 {
    min-height: 42px;
    padding: 0 20px;
    border-radius: 11px;
    border: 1px solid rgba(139,92,246,.55);
    color: #f4efff;
    background: rgba(88,28,135,.42);
    font-weight: 900;
    cursor: pointer;
}
.owner-diag-right-v151 .owner-diag-card-v151 {
    padding: 20px;
}
.owner-diag-side-title-v151 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}
.owner-diag-side-title-v151 b {
    min-width: 24px;
    min-height: 24px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(239,68,68,.22);
    color: #fca5a5;
    font-size: 12px;
}
.owner-diag-side-title-v151.ok b { background: rgba(34,197,94,.16); color:#86efac; }
.owner-diag-side-title-v151.disabled b { background: rgba(100,116,139,.22); color:#cbd5e1; }
.owner-diag-problem-list-v151,
.owner-diag-action-list-v151 {
    display: grid;
    gap: 10px;
}
.owner-diag-problem-v151 {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 12px;
    background: rgba(15,23,42,.56);
    border: 1px solid rgba(148,163,184,.10);
    color: inherit;
    text-decoration: none;
}
.owner-diag-problem-v151 > span {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(239,68,68,.13);
}
.owner-diag-problem-v151 strong { display:block; color:#f8fbff; font-size:12px; }
.owner-diag-problem-v151 small { display:block; color:#98a4bf; margin-top:3px; font-size:10px; }
.owner-diag-problem-v151 em {
    padding: 5px 8px;
    border-radius: 8px;
    background: rgba(239,68,68,.18);
    color: #fca5a5;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}
.owner-diag-side-link-v151 {
    display: block;
    margin-top: 14px;
    padding: 11px 12px;
    border-radius: 12px;
    border: 1px solid rgba(148,163,184,.13);
    text-align: center;
    color: #c084fc;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
}
.owner-diag-chip-list-v151 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}
.owner-diag-chip-list-v151 span {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(100,116,139,.18);
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 800;
}
.owner-diag-chip-list-v151 span.ok,
.owner-diag-chip-list-v151 .ok {
    background: rgba(34,197,94,.16);
    color: #86efac;
}
.owner-diag-action-list-v151 div {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(148,163,184,.08);
}
.owner-diag-action-list-v151 div:last-child { border-bottom: 0; }
.owner-diag-action-list-v151 strong { color:#f8fbff; font-size:12px; }
.owner-diag-action-list-v151 span { font-size:12px; font-weight:900; color:#93c5fd; }
.owner-diag-action-list-v151 span.done,
.owner-diag-action-list-v151 span.ok { color:#86efac; }
.owner-diag-action-list-v151 span.error,
.owner-diag-action-list-v151 span.failed { color:#fca5a5; }
.owner-diag-action-list-v151 small { color:#8f9ab6; font-size:11px; }
.owner-diag-module-row-v151.is-hidden { display: none; }
@media (max-width: 1540px) {
    .owner-diag-kpis-v151 { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .owner-diag-grid-v151 { grid-template-columns: 1fr; }
    .owner-diag-module-row-v151 { grid-template-columns: 24px 50px minmax(200px,1fr) 110px minmax(170px,.8fr) 120px 44px 82px 78px; }
}
@media (max-width: 1180px) {
    .owner-diag-module-row-v151 { grid-template-columns: 36px 1fr auto; }
    .owner-diag-grip-v151,
    .owner-diag-mini-stats-v151,
    .owner-diag-progress-v151,
    .owner-diag-progress-label-v151 { display: none; }
    .owner-diag-module-icon-v151 { grid-row: span 2; }
    .owner-diag-status-pill-v151 { justify-self: end; }
    .owner-diag-details-v151,
    .owner-diag-repair-v151,
    .owner-diag-detail-link-v151 { grid-column: 2 / -1; justify-self: start; }
}
@media (max-width: 760px) {
    .owner-diag-header-v151,
    .owner-diag-card-title-v151,
    .owner-diag-cache-v151 { flex-direction: column; align-items: stretch; }
    .owner-diag-kpis-v151 { grid-template-columns: 1fr; }
    .owner-diag-toolbar-v151 { flex-direction: column; align-items: stretch; }
    .owner-diag-toolbar-v151 label,
    .owner-diag-toolbar-v151 select { width: 100%; }
}

/* silent Owner diagnostics scale fix + Owner welcome visual refresh */
body.owner-overview-v2-shell .owner-exact-module-link-v151.active {
    background: rgba(124, 58, 237, .16);
    border-color: rgba(168, 85, 247, .36);
    box-shadow: inset 3px 0 0 rgba(168, 85, 247, .9);
}

/* Diagnostyka: lepsze skalowanie i dropdown uprawnień bez osobnej strony */
body.owner-overview-v2-shell .owner-diag-v151 {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    padding-top: 10px;
}
body.owner-overview-v2-shell .owner-diag-header-v151 {
    position: relative;
    z-index: 80;
    align-items: center;
}
body.owner-overview-v2-shell .owner-diag-header-actions-v151 {
    flex: 0 0 auto;
}
body.owner-overview-v2-shell .owner-diag-permissions-dropdown-v151 {
    width: min(360px, calc(100vw - 34px));
    max-height: min(520px, calc(100vh - 94px));
    padding: 13px;
    border-radius: 16px;
    scrollbar-width: thin;
    scrollbar-color: rgba(168, 85, 247, .5) rgba(15, 23, 42, .7);
}
.owner-diag-permission-row-v151 {
    grid-template-columns: 24px 1fr;
    padding: 9px 10px;
}
.owner-diag-checkbox-v151 {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    display: inline-grid;
    place-items: center;
    border-radius: 6px;
    border: 1px solid rgba(148,163,184,.28);
    color: #94a3b8;
    background: rgba(15,23,42,.88);
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
}
.owner-diag-permission-row-v151.ok .owner-diag-checkbox-v151 {
    border-color: rgba(34,197,94,.65);
    color: #dcfce7;
    background: linear-gradient(135deg, rgba(22,163,74,.95), rgba(34,197,94,.68));
    box-shadow: 0 0 0 4px rgba(34,197,94,.10), 0 0 18px rgba(34,197,94,.30);
}
.owner-diag-permission-row-v151.missing .owner-diag-checkbox-v151 {
    border-color: rgba(239,68,68,.60);
    color: #fee2e2;
    background: rgba(127,29,29,.70);
}
.owner-diag-permission-row-v151.neutral .owner-diag-checkbox-v151 {
    border-color: rgba(245,158,11,.50);
    color: #fde68a;
    background: rgba(120,53,15,.45);
}
body.owner-overview-v2-shell .owner-diag-grid-v151 {
    grid-template-columns: minmax(0, 1fr) clamp(320px, 22vw, 390px);
    gap: 16px;
    min-width: 0;
}
body.owner-overview-v2-shell .owner-diag-left-v151,
body.owner-overview-v2-shell .owner-diag-right-v151,
body.owner-overview-v2-shell .owner-diag-card-v151,
body.owner-overview-v2-shell .owner-diag-module-table-v151 {
    min-width: 0;
}
body.owner-overview-v2-shell .owner-diag-module-row-v151 {
    grid-template-columns: 22px 46px minmax(180px, 1.15fr) 96px minmax(148px, .8fr) minmax(92px, .55fr) 38px 78px 72px;
    gap: 10px;
    padding: 12px 16px;
}
body.owner-overview-v2-shell .owner-diag-card-title-v151 {
    padding: 18px 18px 14px;
}
body.owner-overview-v2-shell .owner-diag-toolbar-v151 label {
    width: min(230px, 26vw);
}
body.owner-overview-v2-shell .owner-diag-toolbar-v151 select {
    width: 132px;
}
body.owner-overview-v2-shell .owner-diag-module-icon-v151 {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 24px;
}
body.owner-overview-v2-shell .owner-diag-mini-stats-v151 {
    font-size: 9.5px;
}
body.owner-overview-v2-shell .owner-diag-details-v151 summary,
body.owner-overview-v2-shell .owner-diag-detail-link-v151,
body.owner-overview-v2-shell .owner-diag-repair-v151 {
    min-height: 34px;
    padding: 0 12px;
    font-size: 11px;
}
body.owner-overview-v2-shell .owner-diag-right-v151 .owner-diag-card-v151 {
    padding: 16px;
}
body.owner-overview-v2-shell .owner-diag-side-link-v151 {
    margin-top: 12px;
}
@media (max-width: 1780px) {
    body.owner-overview-v2-shell .owner-diag-kpis-v151 {
        grid-template-columns: minmax(260px, 1.8fr) repeat(4, minmax(130px, 1fr));
    }
    body.owner-overview-v2-shell .owner-diag-kpi-v151.total { display: none; }
}
@media (max-width: 1500px) {
    body.owner-overview-v2-shell .owner-diag-grid-v151 { grid-template-columns: 1fr; }
    body.owner-overview-v2-shell .owner-diag-right-v151 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 1100px) {
    body.owner-overview-v2-shell .owner-diag-right-v151 { grid-template-columns: 1fr; }
}

/* Powitania Owner preview */
.owner-welcome-v151 {
    display: grid;
    gap: 18px;
    color: #e7ecff;
    padding-top: 10px;
}
.owner-welcome-top-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 48vw);
    gap: 22px;
    align-items: start;
}
.owner-welcome-title-v151 p {
    margin: 0 0 10px;
    color: #a78bfa;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.owner-welcome-title-v151 h1 {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #f8fbff;
    font-size: clamp(32px, 3vw, 44px);
    letter-spacing: -.04em;
}
.owner-welcome-title-v151 small {
    display: block;
    margin-top: 12px;
    color: #aeb9d4;
    font-size: 14px;
    line-height: 1.5;
}
.owner-welcome-status-v151,
.owner-welcome-card-v151 {
    border-radius: 18px;
    border: 1px solid rgba(112,144,255,.18);
    background: linear-gradient(180deg, rgba(15,23,42,.78), rgba(8,13,29,.68));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 18px 46px rgba(0,0,0,.22);
}
.owner-welcome-status-v151 {
    min-height: 118px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 24px 28px;
}
.owner-welcome-status-v151 > div {
    position: relative;
    padding-left: 28px;
}
.owner-welcome-live-dot-v151 {
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #64748b;
    box-shadow: 0 0 0 6px rgba(100,116,139,.09);
}
.owner-welcome-live-dot-v151.on {
    background: #22c55e;
    box-shadow: 0 0 0 6px rgba(34,197,94,.11), 0 0 18px rgba(34,197,94,.42);
}
.owner-welcome-status-v151 strong,
.owner-welcome-status-v151 em {
    display: block;
}
.owner-welcome-status-v151 strong { color: #f8fbff; font-size: 16px; }
.owner-welcome-status-v151 em {
    margin-top: 3px;
    color: #86efac;
    font-style: normal;
    font-weight: 900;
    font-size: 13px;
}
.owner-welcome-status-v151.disabled em { color: #cbd5e1; }
.owner-welcome-status-v151 p {
    margin: 18px 0 0;
    color: #9aa6c2;
    font-size: 13px;
}
.owner-welcome-main-v151 {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 18px;
}
.owner-welcome-card-v151 {
    padding: 24px;
}
.owner-welcome-card-head-v151 {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
}
.owner-welcome-card-head-v151 > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: #c4b5fd;
    background: rgba(124,58,237,.18);
    border: 1px solid rgba(168,85,247,.18);
    font-weight: 950;
}
.owner-welcome-card-head-v151.compact { align-items: center; }
.owner-welcome-card-head-v151 h2 {
    margin: 0;
    color: #f8fbff;
    font-size: 20px;
    letter-spacing: -.025em;
}
.owner-welcome-card-head-v151 p {
    margin: 5px 0 0;
    color: #95a1bd;
    font-size: 13px;
    line-height: 1.45;
}
.owner-welcome-form-v151 {
    display: grid;
    gap: 18px;
}
.owner-welcome-form-v151 label {
    display: grid;
    gap: 8px;
    color: #c8d1ea;
    font-size: 13px;
    font-weight: 750;
}
.owner-welcome-form-v151 select,
.owner-welcome-add-card-v151 textarea,
.owner-welcome-text-preview-v151 {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(148,163,184,.18);
    background: rgba(7, 12, 24, .62);
    color: #e7ecff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.owner-welcome-form-v151 select { min-height: 48px; padding: 0 14px; }
.owner-welcome-color-row-v151 {
    display: flex;
    align-items: center;
    gap: 12px;
}
.owner-welcome-color-row-v151 input[type="color"] {
    width: 58px;
    height: 42px;
    padding: 2px;
    border-radius: 10px;
    border: 1px solid rgba(148,163,184,.18);
    background: rgba(15,23,42,.62);
}
.owner-welcome-color-row-v151 strong {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(148,163,184,.16);
    background: rgba(15,23,42,.54);
    color: #f8fbff;
    font-size: 13px;
}
.owner-welcome-link-color-v151 {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(148,163,184,.17);
    background: rgba(15,23,42,.58);
    color: #fbbf24;
    cursor: pointer;
}
.owner-welcome-presets-v151 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.owner-welcome-preset-v151 {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 0 9px;
    border-radius: 999px;
    color: #dbe6ff;
    background: rgba(15,23,42,.44);
    border: 1px solid rgba(148,163,184,.13);
    font-size: 12px;
}
.owner-welcome-preset-v151 i {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    display: inline-block;
    background: var(--preset-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--preset-color), transparent 78%);
}
.owner-welcome-save-v151 {
    min-height: 48px;
    justify-content: center;
    background: linear-gradient(135deg, #7c3aed, #6437ff) !important;
    box-shadow: 0 16px 30px rgba(99, 102, 241, .22);
}
.owner-welcome-discord-card-v151 {
    display: grid;
    gap: 16px;
}
.owner-welcome-embed-preview-v151 {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) minmax(170px, 34%);
    gap: 18px;
    align-items: center;
    min-height: 170px;
    padding: 26px 22px 22px 28px;
    border-radius: 16px;
    border: 1px solid rgba(148,163,184,.12);
    background: rgba(7,12,24,.52);
    overflow: hidden;
}
.owner-welcome-embed-preview-v151::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 5px;
    border-radius: 999px;
    background: var(--embed-color, #ff69b4);
    box-shadow: 0 0 18px color-mix(in srgb, var(--embed-color), transparent 45%);
}
.owner-welcome-embed-avatar-v151 {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: radial-gradient(circle at 30% 20%, rgba(255,105,180,.7), rgba(15,23,42,.9));
    border: 1px solid rgba(255,255,255,.12);
}
.owner-welcome-embed-copy-v151 h3 {
    margin: 0 0 14px;
    color: #f8fbff;
    font-size: 25px;
}
.owner-welcome-embed-copy-v151 p {
    margin: 0 0 18px;
    color: #cbd5e1;
    font-size: 14px;
}
.owner-welcome-embed-copy-v151 div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.owner-welcome-embed-copy-v151 span {
    padding: 9px 12px;
    border-radius: 10px;
    background: rgba(148,163,184,.10);
    color: #cbd5e1;
    font-size: 12px;
}
.owner-welcome-embed-art-v151 {
    min-height: 126px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background:
        radial-gradient(circle at 75% 24%, rgba(251,191,36,.95) 0 8%, transparent 9%),
        radial-gradient(circle at 25% 68%, rgba(236,72,153,.34), transparent 38%),
        linear-gradient(135deg, rgba(88,28,135,.9), rgba(15,23,42,.85));
    border: 1px solid rgba(255,255,255,.10);
    font-size: 42px;
}
.owner-welcome-embed-art-v151 b { position: absolute; transform: translate(-42px,-28px); font-size: 28px; }
.owner-welcome-embed-art-v151 em { font-style: normal; filter: drop-shadow(0 0 18px rgba(168,85,247,.55)); }
.owner-welcome-discord-card-v151 label {
    color: #c8d1ea;
    font-size: 13px;
}
.owner-welcome-text-preview-v151 {
    min-height: 64px;
    display: flex;
    align-items: center;
    padding: 0 18px;
    color: #cbd5e1;
}
.owner-welcome-vars-v151 {
    padding: 22px 24px;
}
.owner-welcome-vars-v151 .owner-welcome-card-head-v151 {
    margin-bottom: 16px;
}
.owner-welcome-vars-more-v151 {
    margin-left: auto;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(148,163,184,.16);
    background: rgba(15,23,42,.55);
    color: #f8fbff;
    font-weight: 850;
}
.owner-welcome-token-row-v151 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.owner-welcome-token-row-v151 span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    background: rgba(148,163,184,.09);
    color: #cbd5e1;
    font-size: 13px;
}
.owner-welcome-token-row-v151 b {
    color: #c084fc;
}
.owner-welcome-add-grid-v151 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 18px;
}
.owner-welcome-add-card-v151 textarea {
    min-height: 94px;
    padding: 14px 16px;
    resize: vertical;
}
.owner-welcome-list-v151 {
    margin-top: 14px;
    max-height: 260px;
    overflow: auto;
    padding-right: 4px;
}
.owner-welcome-list-v151 .message-list {
    display: grid;
    gap: 9px;
}
.owner-welcome-list-v151 .message-row {
    border: 1px solid rgba(148,163,184,.12);
    background: rgba(7,12,24,.42);
    border-radius: 12px;
    padding: 11px;
}
.owner-welcome-list-v151 .message-row p {
    color: #dbe6ff;
    font-size: 12px;
}
@media (max-width: 1420px) {
    .owner-welcome-main-v151,
    .owner-welcome-top-v151,
    .owner-welcome-add-grid-v151 { grid-template-columns: 1fr; }
}

/* Silent Owner preview - Streamy Twitch / Streamy Kick visual refresh */
body.owner-live-v2-shell .content {
    padding-top: 0;
}
.owner-live-module-v151 {
    --live-accent-rgb: 145, 70, 255;
    width: 100%;
    min-width: 0;
    max-width: 1460px;
    margin: 0 auto 34px;
    color: #eef4ff;
    container-name: owner-live;
    container-type: inline-size;
}
.owner-live-kick-v151 { --live-accent-rgb: 83, 252, 24; }
.owner-live-module-v151 .page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin: 12px 0 18px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.owner-live-module-v151 .page-header .eyebrow {
    margin: 0 0 6px;
    color: rgb(var(--live-accent-rgb));
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.owner-live-module-v151 .page-header h1 {
    margin: 0;
    color: #f8fbff;
    font-size: clamp(26px, 2.2vw, 38px);
    line-height: 1.05;
    letter-spacing: -.045em;
}
.owner-live-module-v151 .page-header p {
    margin: 7px 0 0;
    color: #9ba8c2;
    font-size: 13px;
    line-height: 1.45;
}
.owner-live-module-v151 .header-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 2px;
}
.owner-live-module-v151 .header-actions .button,
.owner-live-module-v151 .header-actions .button.secondary {
    min-height: 34px;
    padding: 0 16px;
    border-radius: 9px;
    border: 1px solid rgba(148,163,184,.16);
    background: linear-gradient(180deg, rgba(26,34,52,.92), rgba(17,24,39,.92));
    color: #edf2ff;
    box-shadow: 0 10px 28px rgba(0,0,0,.2);
}
body.owner-live-v2-shell .module-toggle-card {
    margin: 0 0 16px;
    border: 1px solid rgba(var(--live-accent-rgb), .28);
    border-radius: 15px;
    min-height: 70px;
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--live-accent-rgb), .13), transparent 38%),
        linear-gradient(135deg, rgba(8, 22, 18, .74), rgba(11, 18, 32, .86));
    box-shadow: 0 18px 45px rgba(0,0,0,.23), inset 0 0 0 1px rgba(255,255,255,.025);
}
body.owner-live-v2-shell .module-toggle-card h2,
body.owner-live-v2-shell .module-toggle-card strong {
    color: #f8fbff;
}
body.owner-live-v2-shell .module-toggle-card .status-dot,
body.owner-live-v2-shell .module-toggle-card .status-indicator,
body.owner-live-v2-shell .module-toggle-card [class*="dot"] {
    background: rgb(var(--live-accent-rgb));
    box-shadow: 0 0 16px rgba(var(--live-accent-rgb), .52);
}
.owner-live-module-v151 .twitch-status-grid-v112,
.owner-live-module-v151 .twitch-status-grid-v113 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, 1.1vw, 14px);
    margin: 0 0 14px;
}
.owner-live-module-v151 .twitch-status-card-v112 {
    position: relative;
    min-height: 108px;
    padding: 18px 18px 16px 72px;
    border: 1px solid rgba(var(--live-accent-rgb), .16);
    border-radius: 13px;
    background:
        radial-gradient(circle at 12% 22%, rgba(var(--live-accent-rgb), .16), transparent 32%),
        linear-gradient(180deg, rgba(14, 24, 42, .94), rgba(10, 16, 29, .96));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.018), 0 18px 44px rgba(0,0,0,.22);
}
.owner-live-module-v151 .twitch-status-card-v112::before {
    content: "✓";
    position: absolute;
    left: 18px;
    top: 24px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: rgb(var(--live-accent-rgb));
    background: rgba(var(--live-accent-rgb), .13);
    box-shadow: 0 0 26px rgba(var(--live-accent-rgb), .16);
    font-size: 20px;
    font-weight: 900;
}
.owner-live-module-v151 .twitch-status-card-v112:nth-child(2)::before { content: "#"; }
.owner-live-module-v151 .twitch-status-card-v112:nth-child(3)::before { content: "@"; }
.owner-live-module-v151 .twitch-status-card-v112:nth-child(4)::before { content: "♧"; }
.owner-live-module-v151 .twitch-status-card-v112 span {
    margin: 0 0 7px;
    color: #a89bcf;
    font-size: 10px;
    letter-spacing: .08em;
}
.owner-live-kick-v151 .twitch-status-card-v112 span { color: #9ee995; }
.owner-live-module-v151 .twitch-status-card-v112 strong {
    margin: 0 0 5px;
    color: #f8fbff;
    font-size: 23px;
    letter-spacing: -.02em;
}
.owner-live-module-v151 .twitch-status-card-v112 p {
    margin: 0;
    color: #a8b3ca;
    font-size: 12px;
    line-height: 1.35;
}
.owner-live-module-v151 .twitch-config-layout-v112,
.owner-live-module-v151 .two-column-layout.twitch-config-layout-v112 {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.24fr);
    gap: clamp(10px, 1.1vw, 14px);
    align-items: stretch;
    margin: 0 0 14px;
}
.owner-live-module-v151 .card,
.owner-live-module-v151 .twitch-config-card-v112,
.owner-live-module-v151 .twitch-preview-card-v112,
.owner-live-module-v151 .twitch-add-card-v112,
.owner-live-module-v151 .twitch-streamers-card-v112 {
    border: 1px solid rgba(148,163,184,.13);
    border-radius: 13px;
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--live-accent-rgb), .095), transparent 35%),
        linear-gradient(180deg, rgba(13, 23, 40, .93), rgba(8, 14, 26, .96));
    box-shadow: 0 18px 45px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.018);
}
.owner-live-module-v151 .card h2,
.owner-live-module-v151 .twitch-config-card-v112 h2,
.owner-live-module-v151 .twitch-preview-card-v112 h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    color: #f8fbff;
    font-size: 17px;
    letter-spacing: -.02em;
}
.owner-live-module-v151 .card h2::before {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: rgba(var(--live-accent-rgb), .14);
    color: rgb(var(--live-accent-rgb));
    font-size: 14px;
    box-shadow: 0 0 22px rgba(var(--live-accent-rgb), .12);
}
.owner-live-module-v151 .twitch-config-card-v112 h2::before { content: "⚙"; }
.owner-live-module-v151 .twitch-preview-card-v112 h2::before { content: "◉"; }
.owner-live-module-v151 .twitch-add-card-v112 h2::before { content: "♧"; }
.owner-live-module-v151 .twitch-streamers-card-v112 h2::before { content: "♧"; }
.owner-live-module-v151 .card p,
.owner-live-module-v151 .twitch-preview-card-v112 p,
.owner-live-module-v151 .twitch-config-card-v112 p,
.owner-live-module-v151 .section-title-row-v112 p {
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.45;
}
.owner-live-module-v151 .form-grid {
    display: grid;
    gap: 10px;
}
.owner-live-module-v151 label,
.owner-live-module-v151 .twitch-message-field-v113 span {
    color: #c3cce0;
    font-size: 12px;
    font-weight: 700;
}
.owner-live-module-v151 input,
.owner-live-module-v151 textarea,
.owner-live-module-v151 select {
    min-height: 35px;
    border-radius: 8px;
    border: 1px solid rgba(148,163,184,.16);
    background: rgba(5, 10, 20, .54);
    color: #eef4ff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.owner-live-module-v151 textarea { min-height: 62px; }
.owner-live-module-v151 .color-input-row {
    gap: 10px;
}
.owner-live-module-v151 .color-input-row input[type="color"] {
    width: 58px;
    min-height: 32px;
    padding: 2px;
    border-radius: 7px;
}
.owner-live-module-v151 .preset-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 2px 0 3px;
}
.owner-live-module-v151 .preset-color {
    height: 29px;
    padding: 0 13px 0 25px;
    border-radius: 999px;
    border: 1px solid rgba(148,163,184,.13);
    background: rgba(15, 23, 42, .58);
    color: #d7def0;
    position: relative;
    font-size: 12px;
}
.owner-live-module-v151 .preset-color::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    width: 9px;
    height: 9px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: var(--preset-color);
    box-shadow: 0 0 0 2px rgba(255,255,255,.06);
}
.owner-live-module-v151 .button,
.owner-live-module-v151 button.button {
    min-height: 36px;
    border-radius: 8px;
    border: 1px solid rgba(var(--live-accent-rgb), .32);
    background: linear-gradient(135deg, rgba(var(--live-accent-rgb), .95), rgba(var(--live-accent-rgb), .70));
    color: #fff;
    font-weight: 850;
    box-shadow: 0 12px 28px rgba(var(--live-accent-rgb), .18);
}
.owner-live-module-v151 .button.secondary,
.owner-live-module-v151 button.button.secondary {
    background: rgba(15, 23, 42, .72);
    border-color: rgba(148,163,184,.18);
    color: #e8edf8;
    box-shadow: none;
}
.owner-live-module-v151 .danger-button {
    min-height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(248,113,113,.22);
    background: rgba(127,29,29,.23);
    color: #fb7185;
    font-weight: 850;
}
.owner-live-module-v151 .discord-preview.twitch-preview-v112 {
    display: grid;
    gap: 12px;
    padding: 0;
    border: 0;
    background: transparent;
}
.owner-live-module-v151 .text-preview.twitch-content-preview-v112 {
    min-height: 35px;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(148,163,184,.085);
    border: 1px solid rgba(148,163,184,.06);
}
.owner-live-module-v151 .role-pill-v112 {
    padding: 3px 8px;
    border-radius: 6px;
    color: #fff;
    background: rgba(var(--live-accent-rgb), .38);
    font-size: 11px;
}
.owner-live-kick-v151 .role-pill-v112 { color: #0c1c0f; background: rgba(83,252,24,.75); }
.owner-live-module-v151 .embed-preview {
    position: relative;
    min-height: 112px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(170px, 230px);
    gap: clamp(12px, 1.4vw, 18px);
    align-items: center;
    padding: 18px 18px 18px 20px;
    border-radius: 12px;
    border: 1px solid rgba(148,163,184,.11);
    border-left: 4px solid var(--live-accent);
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--live-accent-rgb), .14), transparent 38%),
        rgba(8, 14, 26, .64);
}
.owner-live-module-v151 .embed-preview h3 {
    margin: 0 0 8px;
    color: #f9fbff;
    font-size: 19px;
}
.owner-live-module-v151 .embed-preview h3::after {
    content: " NA ŻYWO";
    display: inline-block;
    margin-left: 9px;
    padding: 3px 7px;
    border-radius: 5px;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
}
.owner-live-kick-v151 .embed-preview h3::after { background: #22c55e; }
.owner-live-module-v151 .embed-preview p {
    margin: 0 0 12px;
    color: #cbd5e1;
}
.owner-live-module-v151 .embed-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.owner-live-module-v151 .embed-fields span {
    padding: 8px 11px;
    border-radius: 8px;
    background: rgba(148,163,184,.09);
    color: #dce7fb;
    font-size: 12px;
    font-weight: 760;
}
.owner-live-preview-art-v151 {
    grid-column: 2;
    grid-row: 1 / span 3;
    height: 92px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    overflow: hidden;
    position: relative;
    background:
        radial-gradient(circle at 70% 35%, rgba(255,255,255,.20), transparent 11%),
        linear-gradient(135deg, rgba(var(--live-accent-rgb), .84), rgba(9,15,30,.88));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 16px 38px rgba(0,0,0,.28);
}
.owner-live-preview-art-v151::before,
.owner-live-preview-art-v151::after {
    content: "";
    position: absolute;
    inset: auto 12px 12px 12px;
    height: 28px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    filter: blur(.2px);
}
.owner-live-preview-art-v151::after {
    inset: 14px 18px auto auto;
    width: 76px;
    height: 44px;
    border-radius: 12px;
    background: rgba(0,0,0,.22);
}
.owner-live-preview-art-v151 span {
    position: relative;
    z-index: 1;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(0,0,0,.24);
    font-size: 28px;
    font-weight: 950;
}
.owner-live-preview-art-v151 b {
    position: absolute;
    right: 12px;
    bottom: 10px;
    z-index: 1;
    color: rgba(255,255,255,.82);
    font-size: 11px;
    letter-spacing: .08em;
}
.owner-live-module-v151 .inline-help-v141 {
    margin-top: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(148,163,184,.11);
    border-radius: 12px;
    background: rgba(8, 14, 26, .56);
}
.owner-live-module-v151 .inline-help-v141 h3 {
    margin: 0 0 10px;
    color: #f8fbff;
    font-size: 15px;
}
.owner-live-module-v151 .inline-help-v141 .clean-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px 20px;
    margin: 0;
    padding: 0;
}
.owner-live-module-v151 .inline-help-v141 .clean-list li {
    position: relative;
    padding-left: 24px;
    color: #bdc8db;
    font-size: 12px;
    line-height: 1.4;
}
.owner-live-module-v151 .inline-help-v141 .clean-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(var(--live-accent-rgb), .17);
    color: rgb(var(--live-accent-rgb));
    font-size: 11px;
    font-weight: 900;
}
.owner-live-module-v151 .twitch-add-card-v112 {
    margin: 0 0 12px;
    padding: 14px 18px;
}
.owner-live-module-v151 .twitch-add-card-v112 h2,
.owner-live-module-v151 .twitch-add-card-v112 p {
    margin-bottom: 8px;
}
.owner-live-module-v151 .twitch-add-card-v112 .stack-form {
    display: grid;
    grid-template-columns: minmax(190px, .55fr) minmax(260px, 1fr) minmax(170px, 230px);
    gap: clamp(9px, 1vw, 12px);
    align-items: end;
}
.owner-live-module-v151 .twitch-add-card-v112 .stack-form > p,
.owner-live-module-v151 .twitch-add-card-v112 .stack-form > h2 {
    display: none;
}
.owner-live-module-v151 .twitch-add-card-v112 textarea {
    min-height: 35px;
    resize: vertical;
}
.owner-live-module-v151 .twitch-streamers-card-v112 {
    margin-top: 0;
    padding: 16px;
}
.owner-live-module-v151 .section-title-row-v112 {
    margin: 0 0 12px;
    align-items: center;
}
.owner-live-module-v151 .count-badge-v112 {
    border-color: rgba(var(--live-accent-rgb), .28);
    background: rgba(var(--live-accent-rgb), .13);
    color: #f0fdf4;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 12px;
}
.owner-live-module-v151 .twitch-streamer-grid-v112 {
    gap: 11px;
}
.owner-live-module-v151 .twitch-streamer-card-v112,
.owner-live-module-v151 .twitch-streamer-card-v113 {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 12px;
    border-color: rgba(var(--live-accent-rgb), .18);
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--live-accent-rgb), .16), transparent 34%),
        linear-gradient(180deg, rgba(13, 23, 40, .95), rgba(8, 14, 26, .98));
}
.owner-live-module-v151 .twitch-streamer-main-v112 {
    align-items: center;
}
.owner-live-module-v151 .twitch-avatar-v112 {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(var(--live-accent-rgb), .95), rgba(168,85,247,.74));
    box-shadow: 0 0 0 1px rgba(255,255,255,.10), 0 0 26px rgba(var(--live-accent-rgb), .24);
}
.owner-live-module-v151 .twitch-name-row-v112 h3 {
    font-size: 16px;
}
.owner-live-module-v151 .mini-link-v112 {
    color: #c4b5fd;
    font-size: 12px;
}
.owner-live-kick-v151 .mini-link-v112 { color: #baffb1; }
.owner-live-module-v151 .twitch-login-v113 {
    margin: -4px 0 4px;
    color: #9ca7bd;
    font-size: 12px;
}
.owner-live-module-v151 .twitch-message-preview-v112 {
    margin: 0 0 8px;
    color: #e6edf9;
    font-size: 13px;
}
.owner-live-module-v151 .twitch-meta-grid-v113 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 8px 0;
}
.owner-live-module-v151 .twitch-meta-grid-v113 span,
.owner-live-module-v151 .stream-state-pill-v112 {
    padding: 6px 9px;
    border-radius: 7px;
    border: 1px solid rgba(148,163,184,.10);
    background: rgba(148,163,184,.075);
    font-size: 11px;
}
.owner-live-module-v151 .stream-state-pill-v112.ready {
    border-color: rgba(34,197,94,.17);
    background: rgba(34,197,94,.17);
    color: #86efac;
}
.owner-live-module-v151 .stream-state-pill-v112.message {
    border-color: rgba(168,85,247,.18);
    background: rgba(168,85,247,.17);
    color: #d8b4fe;
}
.owner-live-module-v151 .stream-state-pill-v112.muted {
    background: rgba(59,130,246,.11);
    color: #93c5fd;
}
.owner-live-module-v151 .twitch-card-actions-v112 {
    display: grid;
    width: 100%;
    max-width: 430px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: end;
    gap: 8px;
}
.owner-live-module-v151 .twitch-card-actions-v112 .button,
.owner-live-module-v151 .twitch-card-actions-v112 .danger-button {
    width: 100%;
    min-height: 31px;
    padding: 6px 9px;
    font-size: 11px;
    line-height: 1.2;
    white-space: normal;
    text-align: center;
}
.owner-live-module-v151 .stream-modal-v112 {
    border-color: rgba(var(--live-accent-rgb), .30);
    background: #0b1220;
}
body.owner-twitch-v2-shell .owner-exact-module-link-v151[href$="/streams"],
body.owner-kick-v2-shell .owner-exact-module-link-v151[href$="/kick"] {
    background: linear-gradient(90deg, rgba(var(--live-accent-rgb), .19), rgba(var(--live-accent-rgb), .06));
    border-color: rgba(var(--live-accent-rgb), .28);
}
/* Skalowanie Owner-only według realnej szerokości modułu, nie całego viewportu. */
.owner-live-module-v151 .card,
.owner-live-module-v151 section,
.owner-live-module-v151 form,
.owner-live-module-v151 label,
.owner-live-module-v151 .twitch-streamer-main-v112,
.owner-live-module-v151 .twitch-streamer-copy-v112,
.owner-live-module-v151 .twitch-card-actions-v112,
.owner-live-module-v151 .embed-preview {
    min-width: 0;
}
.owner-live-module-v151 .twitch-status-card-v112 strong,
.owner-live-module-v151 .twitch-status-card-v112 p,
.owner-live-module-v151 .twitch-name-row-v112 h3,
.owner-live-module-v151 .twitch-message-preview-v112,
.owner-live-module-v151 .twitch-meta-grid-v113 span {
    overflow-wrap: anywhere;
}
.owner-live-module-v151 .twitch-card-actions-v112 form,
.owner-live-module-v151 .twitch-card-actions-v112 form button {
    width: 100%;
    min-width: 0;
}
.owner-live-module-v151 .module-status-card {
    min-width: 0;
}

@container owner-live (max-width: 1180px) {
    .owner-live-module-v151 .twitch-status-grid-v112,
    .owner-live-module-v151 .twitch-status-grid-v113 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container owner-live (max-width: 1080px) {
    .owner-live-module-v151 .twitch-config-layout-v112,
    .owner-live-module-v151 .two-column-layout.twitch-config-layout-v112 {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-live-module-v151 .twitch-add-card-v112 .stack-form {
        grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    }
    .owner-live-module-v151 .twitch-add-card-v112 .stack-form > .button {
        grid-column: 1 / -1;
    }
    .owner-live-module-v151 .twitch-streamer-card-v112,
    .owner-live-module-v151 .twitch-streamer-card-v113 {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-live-module-v151 .twitch-card-actions-v112 {
        max-width: 640px;
        justify-content: start;
    }
}

@container owner-live (max-width: 760px) {
    .owner-live-module-v151 .page-header {
        flex-direction: column;
        gap: 14px;
    }
    .owner-live-module-v151 .header-actions {
        width: 100%;
        flex-wrap: wrap;
    }
    .owner-live-module-v151 .header-actions .button {
        flex: 1 1 180px;
        text-align: center;
    }
    .owner-live-module-v151 .module-status-card {
        align-items: flex-start;
        gap: 12px;
    }
    .owner-live-module-v151 .embed-preview {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-live-preview-art-v151 {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
        min-height: 92px;
    }
    .owner-live-module-v151 .inline-help-v141 .clean-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-live-module-v151 .twitch-add-card-v112 .stack-form {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-live-module-v151 .twitch-add-card-v112 .stack-form > .button {
        grid-column: auto;
        width: 100%;
    }
    .owner-live-module-v151 .section-title-row-v112 {
        align-items: flex-start;
        flex-direction: column;
    }
    .owner-live-module-v151 .count-badge-v112 {
        align-self: flex-start;
    }
    .owner-live-module-v151 .twitch-card-actions-v112 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container owner-live (max-width: 520px) {
    .owner-live-module-v151 .twitch-status-grid-v112,
    .owner-live-module-v151 .twitch-status-grid-v113 {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-live-module-v151 .twitch-status-card-v112 {
        min-height: 0;
        padding: 15px 14px 14px 62px;
    }
    .owner-live-module-v151 .twitch-status-card-v112::before {
        left: 14px;
        top: 18px;
        width: 34px;
        height: 34px;
    }
    .owner-live-module-v151 .header-actions .button {
        flex-basis: 100%;
        width: 100%;
    }
    .owner-live-module-v151 .module-status-card {
        flex-direction: column;
    }
    .owner-live-module-v151 .module-status-card .toggle-form {
        align-self: flex-start;
    }
    .owner-live-module-v151 .twitch-streamer-main-v112 {
        align-items: flex-start;
        flex-direction: column;
    }
    .owner-live-module-v151 .twitch-meta-grid-v113 {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-live-module-v151 .twitch-card-actions-v112 {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Fallback dla starszych przeglądarek bez container queries. */
@supports not (container-type: inline-size) {
    @media (max-width: 1372px) {
        .owner-live-module-v151 .twitch-config-layout-v112,
        .owner-live-module-v151 .two-column-layout.twitch-config-layout-v112,
        .owner-live-module-v151 .twitch-streamer-card-v112,
        .owner-live-module-v151 .twitch-streamer-card-v113 {
            grid-template-columns: 1fr;
        }
    }
    @media (max-width: 1052px) {
        .owner-live-module-v151 .twitch-add-card-v112 .stack-form,
        .owner-live-module-v151 .embed-preview,
        .owner-live-module-v151 .inline-help-v141 .clean-list {
            grid-template-columns: 1fr;
        }
        .owner-live-preview-art-v151 {
            grid-column: 1;
            grid-row: auto;
        }
    }
}


/* 1.5.0 silent Owner preview · normalizacja sidebara, topbara i formularza live */
body.owner-overview-v2-shell .server-panel,
body.owner-overview-v2-shell .content {
    transition: transform .2s ease, opacity .2s ease, margin-left .2s ease, width .2s ease;
}

body.owner-overview-v2-shell .app-topbar {
    height: auto;
    min-height: 66px;
    margin: 0 -26px 22px;
    padding: 8px 26px;
    gap: 10px;
    background: rgba(7, 13, 24, .88);
    border-bottom-color: rgba(148, 163, 184, .12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

body.owner-overview-v2-shell .topbar-left {
    flex: 1 1 auto;
    gap: 10px;
    min-width: 0;
}

body.owner-overview-v2-shell .desktop-sidebar-button {
    display: inline-grid;
    flex: 0 0 40px;
    border-color: rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .72);
}

body.owner-overview-v2-shell.sidebar-collapsed .desktop-sidebar-button {
    border-color: rgba(168, 85, 247, .58);
    background: rgba(124, 58, 237, .18);
    box-shadow: 0 0 0 3px rgba(124, 58, 237, .10);
}

body.owner-overview-v2-shell .topbar-context {
    max-width: clamp(150px, 22vw, 340px);
}

body.owner-overview-v2-shell .topbar-release-v101,
body.owner-overview-v2-shell .topbar-docs-link-v101,
body.owner-overview-v2-shell .topbar-support-link-v67 {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 auto;
}

body.owner-overview-v2-shell .topbar-user-card-v103 {
    flex: 0 1 300px;
    min-width: 250px;
    max-width: 320px;
}

body.owner-overview-v2-shell .profile-card-button-v103 {
    min-height: 48px;
    border-radius: 14px;
}

body.owner-overview-v2-shell .owner-exact-brand-v151 .sidebar-collapse-button {
    flex: 0 0 40px;
}

.owner-live-module-v151 .twitch-add-card-v112 {
    padding: 18px 20px 20px;
}

.owner-live-module-v151 .twitch-add-card-v112 h2 {
    margin-bottom: 6px;
}

.owner-live-module-v151 .twitch-add-card-v112 > p {
    max-width: 900px;
    margin-bottom: 14px;
    line-height: 1.45;
}

.owner-live-module-v151 .twitch-add-card-v112 .stack-form {
    display: grid;
    grid-template-columns: minmax(220px, .72fr) minmax(320px, 1.28fr) minmax(180px, 220px);
    gap: 14px;
    align-items: end;
}

.owner-live-module-v151 .twitch-add-card-v112 .stack-form > label,
.owner-live-module-v151 .twitch-add-card-v112 .twitch-message-field-v113 {
    display: grid;
    gap: 7px;
    min-width: 0;
    margin: 0;
}

.owner-live-module-v151 .twitch-add-card-v112 input[type="text"] {
    height: 48px;
    min-height: 48px;
    padding: 0 14px;
}

.owner-live-module-v151 .twitch-add-card-v112 .twitch-message-field-v113 .rich-command-editor-v66 {
    height: 48px;
    min-height: 48px;
    max-height: 144px;
    overflow-y: auto;
    padding: 12px 58px 10px 14px;
    border-radius: 12px;
    line-height: 1.4;
}

.owner-live-module-v151 .twitch-add-card-v112 .twitch-message-field-v113 .smart-input-actions {
    top: 6px !important;
    right: 7px !important;
    padding: 3px;
    border-radius: 10px;
}

.owner-live-module-v151 .twitch-add-card-v112 .twitch-message-field-v113 .smart-tool-btn-v56 {
    width: 32px !important;
    height: 30px !important;
    min-width: 32px;
}

.owner-live-module-v151 .twitch-add-card-v112 .stack-form > .button {
    grid-column: auto;
    width: 100%;
    min-height: 48px;
    padding: 0 18px;
    align-self: end;
    justify-content: center;
    white-space: nowrap;
}

@container owner-live (max-width: 900px) {
    .owner-live-module-v151 .twitch-add-card-v112 .stack-form {
        grid-template-columns: minmax(210px, .8fr) minmax(280px, 1.2fr);
    }

    .owner-live-module-v151 .twitch-add-card-v112 .stack-form > .button {
        grid-column: 1 / -1;
        width: min(240px, 100%);
        justify-self: end;
    }
}

@container owner-live (max-width: 640px) {
    .owner-live-module-v151 .twitch-add-card-v112 {
        padding: 16px;
    }

    .owner-live-module-v151 .twitch-add-card-v112 .stack-form {
        grid-template-columns: minmax(0, 1fr);
    }

    .owner-live-module-v151 .twitch-add-card-v112 .stack-form > .button {
        grid-column: auto;
        width: 100%;
        justify-self: stretch;
    }

    .owner-live-module-v151 .twitch-add-card-v112 .twitch-message-field-v113 .rich-command-editor-v66 {
        height: 58px;
        min-height: 58px;
        padding-right: 58px;
        padding-bottom: 10px;
    }
}

@media (max-width: 1320px) {
    body.owner-overview-v2-shell .topbar-context small,
    body.owner-overview-v2-shell .topbar-release-v101 small {
        display: none;
    }

    body.owner-overview-v2-shell .topbar-user-card-v103 {
        flex-basis: 240px;
        min-width: 220px;
    }
}

@media (max-width: 980px) {
    body.owner-overview-v2-shell .app-topbar {
        margin: 0 -16px 20px;
        padding: 8px 16px;
    }

    body.owner-overview-v2-shell .desktop-sidebar-button {
        display: none;
    }

    body.owner-overview-v2-shell .mobile-menu-button {
        display: inline-grid;
    }

    body.owner-overview-v2-shell .topbar-docs-link-v101 span,
    body.owner-overview-v2-shell .topbar-support-link-v67 span {
        display: inline;
    }

    body.owner-overview-v2-shell .topbar-user-card-v103 {
        flex: 0 0 54px;
        min-width: 54px;
        max-width: 54px;
    }
}

@media (max-width: 720px) {
    body.owner-overview-v2-shell .app-topbar {
        gap: 8px;
    }

    body.owner-overview-v2-shell .topbar-context small,
    body.owner-overview-v2-shell .topbar-release-v101,
    body.owner-overview-v2-shell .topbar-docs-link-v101 {
        display: none;
    }

    body.owner-overview-v2-shell .topbar-context {
        max-width: min(42vw, 210px);
    }

    body.owner-overview-v2-shell .topbar-support-link-v67 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 480px) {
    body.owner-overview-v2-shell .topbar-context {
        display: none;
    }

    body.owner-overview-v2-shell .topbar-support-link-v67 span {
        max-width: 96px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@supports not (container-type: inline-size) {
    @media (max-width: 1192px) {
        .owner-live-module-v151 .twitch-add-card-v112 .stack-form {
            grid-template-columns: minmax(210px, .8fr) minmax(280px, 1.2fr);
        }

        .owner-live-module-v151 .twitch-add-card-v112 .stack-form > .button {
            grid-column: 1 / -1;
            width: min(240px, 100%);
            justify-self: end;
        }
    }

    @media (max-width: 932px) {
        .owner-live-module-v151 .twitch-add-card-v112 .stack-form {
            grid-template-columns: minmax(0, 1fr);
        }

        .owner-live-module-v151 .twitch-add-card-v112 .stack-form > .button {
            grid-column: auto;
            width: 100%;
            justify-self: stretch;
        }
    }
}

/* 1.5.0 silent Owner preview · Streamy społeczności */
body.owner-community-v2-shell .owner-exact-module-link-v151[href$="/community-streams"] {
    background: linear-gradient(90deg, rgba(88, 101, 242, .22), rgba(88, 101, 242, .06));
    border-color: rgba(129, 140, 248, .34);
    box-shadow: inset 3px 0 0 rgba(129, 140, 248, .92), 0 0 24px rgba(88, 101, 242, .08);
}

.owner-community-module-v151 {
    --community-accent: #5865f2;
    --community-accent-rgb: 88, 101, 242;
    display: grid;
    gap: 0;
}

.owner-community-module-v151 .community-streams-header-v130 .eyebrow {
    color: #818cf8;
}

.owner-community-module-v151 .community-streams-status-grid-v130 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(10px, 1vw, 14px);
    margin: 0 0 14px;
}

.owner-community-module-v151 .community-streams-card-v130 {
    position: relative;
    min-width: 0;
    min-height: 112px;
    padding: 18px 16px 16px 68px;
    border: 1px solid rgba(99, 102, 241, .18);
    border-radius: 13px;
    background:
        radial-gradient(circle at 10% 18%, rgba(88, 101, 242, .17), transparent 34%),
        linear-gradient(180deg, rgba(14, 24, 42, .95), rgba(8, 14, 27, .97));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.018), 0 18px 44px rgba(0,0,0,.22);
}

.owner-community-module-v151 .community-streams-card-v130::before {
    content: "✓";
    position: absolute;
    left: 17px;
    top: 22px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #a5b4fc;
    background: rgba(88, 101, 242, .15);
    box-shadow: 0 0 26px rgba(88, 101, 242, .18);
    font-size: 18px;
    font-weight: 950;
}

.owner-community-module-v151 .community-streams-card-v130:nth-child(2)::before { content: "#"; }
.owner-community-module-v151 .community-streams-card-v130:nth-child(3)::before { content: "◎"; }
.owner-community-module-v151 .community-streams-card-v130:nth-child(4)::before { content: "◇"; }
.owner-community-module-v151 .community-streams-card-v130:nth-child(5)::before { content: "◉"; }

.owner-community-module-v151 .community-streams-card-v130.needs-work {
    border-color: rgba(245, 158, 11, .34);
    background:
        radial-gradient(circle at 10% 18%, rgba(245, 158, 11, .14), transparent 34%),
        linear-gradient(180deg, rgba(25, 23, 35, .95), rgba(10, 15, 27, .97));
}

.owner-community-module-v151 .community-streams-card-v130.needs-work::before {
    content: "!";
    color: #fbbf24;
    background: rgba(245, 158, 11, .14);
    box-shadow: 0 0 24px rgba(245, 158, 11, .16);
}

.owner-community-module-v151 .community-streams-card-v130.is-ready {
    border-color: rgba(34, 197, 94, .28);
}

.owner-community-module-v151 .community-streams-card-v130.is-ready::before {
    color: #86efac;
    background: rgba(34, 197, 94, .14);
    box-shadow: 0 0 24px rgba(34, 197, 94, .16);
}

.owner-community-module-v151 .community-streams-card-v130 span {
    display: block;
    margin: 0 0 7px;
    color: #a5b4fc;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.owner-community-module-v151 .community-streams-card-v130 strong {
    display: block;
    margin: 0 0 5px;
    color: #f8fbff;
    font-size: clamp(16px, 1.2vw, 20px);
    line-height: 1.15;
    letter-spacing: -.02em;
    overflow-wrap: anywhere;
}

.owner-community-module-v151 .community-streams-card-v130 p {
    margin: 0;
    color: #9da9c1;
    font-size: 11.5px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.owner-community-module-v151 .community-streams-layout-v130 {
    display: grid;
    grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);
    gap: clamp(10px, 1vw, 14px);
    align-items: stretch;
    margin: 0 0 14px;
}

.owner-community-module-v151 .community-streams-settings-card-v130,
.owner-community-module-v151 .community-streams-preview-card-v130,
.owner-community-module-v151 .community-streams-history-card-v130 {
    min-width: 0;
    padding: 18px;
}

.owner-community-module-v151 .community-streams-settings-card-v130 h2::before { content: "⚙"; }
.owner-community-module-v151 .community-streams-preview-card-v130 h2::before { content: "◉"; }
.owner-community-module-v151 .community-streams-history-card-v130 h2::before { content: "◌"; }

.owner-community-module-v151 .community-streams-settings-card-v130 > p,
.owner-community-module-v151 .community-streams-preview-card-v130 > p,
.owner-community-module-v151 .community-streams-history-card-v130 .section-title-row-v112 p {
    margin: 0 0 14px;
}

.owner-community-module-v151 .community-streams-settings-card-v130 > .notice {
    margin: 0 0 14px;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 11.5px;
    line-height: 1.4;
}

.owner-community-module-v151 .community-streams-settings-card-v130 .form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.owner-community-module-v151 .community-streams-settings-card-v130 .form-grid > label {
    display: grid;
    align-content: start;
    gap: 7px;
    min-width: 0;
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: 11px;
    background: rgba(5, 10, 20, .28);
}

.owner-community-module-v151 .community-streams-settings-card-v130 .form-grid select,
.owner-community-module-v151 .community-streams-settings-card-v130 .form-grid input {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    padding-left: 11px;
    padding-right: 11px;
}

.owner-community-module-v151 .community-streams-settings-card-v130 .field-hint-v113 {
    display: block;
    margin: 0;
    color: #8390aa;
    font-size: 10.5px;
    line-height: 1.35;
}

.owner-community-module-v151 .community-streams-settings-card-v130 .form-grid > .button {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 42px;
    margin-top: 2px;
    justify-content: center;
}

.owner-community-module-v151 .community-streams-preview-card-v130 > .clean-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}

.owner-community-module-v151 .community-streams-preview-card-v130 > .clean-list li {
    position: relative;
    min-width: 0;
    padding-left: 23px;
    color: #bdc8db;
    font-size: 11.5px;
    line-height: 1.4;
}

.owner-community-module-v151 .community-streams-preview-card-v130 > .clean-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #a5b4fc;
    background: rgba(88, 101, 242, .16);
    font-size: 10px;
    font-weight: 950;
}

.owner-community-module-v151 .community-streams-preview-v130,
.owner-community-module-v151 .community-streams-embed-demo-v132 {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.owner-community-module-v151 .community-streams-content-demo-v132 {
    margin: 0;
    padding: 9px 12px;
    border: 1px solid rgba(148, 163, 184, .07);
    border-radius: 9px;
    color: #e4e9f5;
    background: rgba(148, 163, 184, .08);
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.owner-community-module-v151 .community-streams-embed-preview-v132 {
    border-left-color: #5865f2;
    grid-template-columns: minmax(0, 1fr) minmax(170px, 230px);
}

.owner-community-module-v151 .community-streams-embed-preview-v132 > small {
    grid-column: 1;
    margin: 0 0 -2px;
    color: #a5b4fc;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.owner-community-module-v151 .community-streams-embed-preview-v132 h3,
.owner-community-module-v151 .community-streams-embed-preview-v132 p,
.owner-community-module-v151 .community-streams-embed-preview-v132 .embed-fields {
    grid-column: 1;
}

.owner-community-module-v151 .owner-community-preview-art-v151 {
    grid-column: 2;
    grid-row: 1 / span 4;
    background:
        radial-gradient(circle at 67% 32%, rgba(255,255,255,.22), transparent 12%),
        linear-gradient(135deg, rgba(88, 101, 242, .96), rgba(49, 46, 129, .88) 56%, rgba(8, 14, 28, .96));
}

.owner-community-module-v151 .owner-community-preview-art-v151 span {
    background: rgba(255,255,255,.11);
    box-shadow: 0 0 0 1px rgba(255,255,255,.10), 0 0 30px rgba(129,140,248,.30);
}

.owner-community-module-v151 .community-streams-history-card-v130 {
    margin: 0;
}

.owner-community-module-v151 .community-streams-history-card-v130 .section-title-row-v112 {
    margin: 0 0 14px;
}

.owner-community-module-v151 .community-streams-history-grid-v130 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 11px;
}

.owner-community-module-v151 .community-streams-history-item-v130 {
    position: relative;
    min-width: 0;
    min-height: 142px;
    padding: 15px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 12px;
    background:
        radial-gradient(circle at 100% 0%, rgba(88, 101, 242, .11), transparent 38%),
        rgba(7, 13, 25, .64);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.owner-community-module-v151 .community-streams-history-item-v130.is-live {
    border-color: rgba(34, 197, 94, .34);
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 197, 94, .13), transparent 38%),
        rgba(7, 20, 22, .66);
}

.owner-community-module-v151 .community-streams-history-item-v130 > span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin: 0 0 10px;
    padding: 0 9px;
    border-radius: 999px;
    color: #cbd5e1;
    background: rgba(100, 116, 139, .16);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .06em;
}

.owner-community-module-v151 .community-streams-history-item-v130.is-live > span {
    color: #86efac;
    background: rgba(34, 197, 94, .15);
    box-shadow: 0 0 18px rgba(34, 197, 94, .10);
}

.owner-community-module-v151 .community-streams-history-item-v130 strong {
    display: block;
    margin: 0 0 6px;
    color: #f8fbff;
    font-size: 16px;
    overflow-wrap: anywhere;
}

.owner-community-module-v151 .community-streams-history-item-v130 p,
.owner-community-module-v151 .community-streams-history-item-v130 small {
    display: block;
    margin: 0;
    color: #93a0b9;
    font-size: 11px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.owner-community-module-v151 .community-streams-history-item-v130 a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin: 10px 0;
    padding: 0 11px;
    border: 1px solid rgba(129, 140, 248, .25);
    border-radius: 8px;
    color: #c7d2fe;
    background: rgba(88, 101, 242, .12);
    font-size: 11px;
    font-weight: 850;
    text-decoration: none;
}

.owner-community-empty-v151 {
    min-height: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 18px;
    border: 1px dashed rgba(129, 140, 248, .24);
    border-radius: 13px;
    background:
        radial-gradient(circle at 50% 0%, rgba(88, 101, 242, .11), transparent 50%),
        rgba(7, 13, 25, .44);
}

.owner-community-empty-v151 > span {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #a5b4fc;
    background: rgba(88, 101, 242, .14);
    box-shadow: 0 0 24px rgba(88, 101, 242, .12);
    font-size: 24px;
}

.owner-community-empty-v151 strong,
.owner-community-empty-v151 small {
    display: block;
}

.owner-community-empty-v151 strong {
    color: #f8fbff;
    font-size: 14px;
}

.owner-community-empty-v151 small {
    margin-top: 5px;
    color: #8e9ab2;
    font-size: 11px;
}

.owner-community-module-v151 .community-streams-card-v130,
.owner-community-module-v151 .community-streams-settings-card-v130,
.owner-community-module-v151 .community-streams-preview-card-v130,
.owner-community-module-v151 .community-streams-history-card-v130,
.owner-community-module-v151 .community-streams-history-item-v130,
.owner-community-module-v151 form,
.owner-community-module-v151 label,
.owner-community-module-v151 select,
.owner-community-module-v151 input,
.owner-community-module-v151 .embed-preview,
.owner-community-module-v151 .embed-fields {
    min-width: 0;
}

@container owner-live (max-width: 900px) {
    .owner-community-module-v151 .community-streams-status-grid-v130 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130 {
        grid-column: span 2;
    }

    .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130:nth-child(4),
    .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130:nth-child(5) {
        grid-column: span 3;
    }
}

@container owner-live (max-width: 980px) {
    .owner-community-module-v151 .community-streams-layout-v130 {
        grid-template-columns: minmax(0, 1fr);
    }
}

@container owner-live (max-width: 760px) {
    .owner-community-module-v151 .community-streams-settings-card-v130 .form-grid,
    .owner-community-module-v151 .community-streams-preview-card-v130 > .clean-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .owner-community-module-v151 .community-streams-embed-preview-v132 {
        grid-template-columns: minmax(0, 1fr);
    }

    .owner-community-module-v151 .owner-community-preview-art-v151 {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
        min-height: 92px;
    }
}

@container owner-live (max-width: 540px) {
    .owner-community-module-v151 .community-streams-status-grid-v130,
    .owner-community-module-v151 .community-streams-settings-card-v130 .form-grid,
    .owner-community-module-v151 .community-streams-preview-card-v130 > .clean-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130,
    .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130:nth-child(4),
    .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130:nth-child(5) {
        grid-column: auto;
    }

    .owner-community-module-v151 .community-streams-card-v130 {
        min-height: 0;
        padding: 15px 14px 14px 61px;
    }

    .owner-community-module-v151 .community-streams-card-v130::before {
        left: 14px;
        top: 17px;
        width: 34px;
        height: 34px;
    }

    .owner-community-module-v151 .community-streams-settings-card-v130,
    .owner-community-module-v151 .community-streams-preview-card-v130,
    .owner-community-module-v151 .community-streams-history-card-v130 {
        padding: 15px;
    }

    .owner-community-empty-v151 {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@supports not (container-type: inline-size) {
    @media (max-width: 1192px) {
        .owner-community-module-v151 .community-streams-status-grid-v130 {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
        .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130 {
            grid-column: span 2;
        }
        .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130:nth-child(4),
        .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130:nth-child(5) {
            grid-column: span 3;
        }
    }

    @media (max-width: 1272px) {
        .owner-community-module-v151 .community-streams-layout-v130 {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    @media (max-width: 1052px) {
        .owner-community-module-v151 .community-streams-settings-card-v130 .form-grid,
        .owner-community-module-v151 .community-streams-preview-card-v130 > .clean-list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 832px) {
        .owner-community-module-v151 .community-streams-status-grid-v130,
        .owner-community-module-v151 .community-streams-settings-card-v130 .form-grid,
        .owner-community-module-v151 .community-streams-preview-card-v130 > .clean-list {
            grid-template-columns: minmax(0, 1fr);
        }
        .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130,
        .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130:nth-child(4),
        .owner-community-module-v151 .community-streams-status-grid-v130 > .community-streams-card-v130:nth-child(5) {
            grid-column: auto;
        }
    }
}

/* 1.5.0 silent Owner preview · TikTok */
body.owner-tiktok-v2-shell .owner-exact-module-link-v151[href$="/tiktok"] {
    background: linear-gradient(90deg, rgba(254, 44, 85, .22), rgba(37, 244, 238, .05));
    border-color: rgba(254, 44, 85, .34);
    box-shadow: inset 3px 0 0 rgba(254, 44, 85, .92), 0 0 24px rgba(254, 44, 85, .08);
}

.owner-tiktok-module-v151 {
    --tiktok-pink: #fe2c55;
    --tiktok-cyan: #25f4ee;
    display: grid;
    gap: 0;
}

.owner-tiktok-title-v151 {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.owner-tiktok-logo-v151,
.owner-tiktok-mini-logo-v151,
.owner-tiktok-video-logo-v151 {
    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    text-shadow: -3px 0 0 var(--tiktok-cyan), 3px 0 0 var(--tiktok-pink);
}

.owner-tiktok-logo-v151 {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    margin-top: 6px;
    font-size: 34px;
    line-height: 1;
    transform: rotate(-8deg);
}

.owner-tiktok-module-v151 .owner-tiktok-header-v151 .eyebrow {
    color: #ff6b8a;
}

body.owner-tiktok-v2-shell .module-status-card {
    min-height: 70px;
    margin-bottom: 12px;
    padding: 14px 17px;
    border-radius: 11px;
    background:
        radial-gradient(circle at 0% 0%, rgba(254, 44, 85, .09), transparent 40%),
        linear-gradient(180deg, rgba(10, 18, 32, .96), rgba(7, 13, 25, .98));
}

body.owner-tiktok-v2-shell .module-status-card.enabled {
    border-color: rgba(74, 222, 128, .38);
    box-shadow: 0 0 0 1px rgba(74, 222, 128, .04), 0 14px 36px rgba(0,0,0,.18);
}

body.owner-tiktok-v2-shell .module-status-card strong {
    font-size: 15px;
}

body.owner-tiktok-v2-shell .module-status-card p {
    margin-top: 4px;
    font-size: 11px;
}

.owner-tiktok-status-grid-v151 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 10px;
}

.owner-tiktok-stat-v151 {
    min-width: 0;
    min-height: 86px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 10px;
    background:
        radial-gradient(circle at 0% 0%, rgba(254, 44, 85, .075), transparent 42%),
        linear-gradient(180deg, rgba(12, 22, 38, .95), rgba(8, 14, 27, .98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 12px 30px rgba(0,0,0,.15);
}

.owner-tiktok-stat-icon-v151 {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #d8b4fe;
    background: rgba(124, 58, 237, .14);
    box-shadow: 0 0 20px rgba(124, 58, 237, .09);
    font-size: 18px;
    font-weight: 950;
}

.owner-tiktok-stat-v151:nth-child(2) .owner-tiktok-stat-icon-v151 {
    color: #67e8f9;
    background: rgba(6, 182, 212, .13);
}

.owner-tiktok-stat-v151:nth-child(3) .owner-tiktok-stat-icon-v151 {
    color: #f472b6;
    background: rgba(236, 72, 153, .13);
}

.owner-tiktok-stat-v151:nth-child(4) .owner-tiktok-stat-icon-v151 {
    color: #67e8f9;
    background: rgba(14, 165, 233, .13);
}

.owner-tiktok-stat-v151 small,
.owner-tiktok-stat-v151 strong,
.owner-tiktok-stat-v151 p {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.owner-tiktok-stat-v151 small {
    margin: 0 0 3px;
    color: #9aa8c1;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.owner-tiktok-stat-v151 strong {
    margin: 0 0 2px;
    color: #f8fbff;
    font-size: 16px;
    line-height: 1.15;
}

.owner-tiktok-stat-v151 p {
    margin: 0;
    color: #8491aa;
    font-size: 10px;
    line-height: 1.35;
}

.owner-tiktok-main-grid-v151 {
    display: grid;
    grid-template-columns: minmax(320px, .62fr) minmax(0, 1fr);
    gap: 9px;
    margin: 0 0 9px;
    align-items: stretch;
}

.owner-tiktok-module-v151 .card {
    min-width: 0;
    margin: 0;
    padding: 14px;
    border-radius: 10px;
}

.owner-tiktok-module-v151 .card h2 {
    margin-bottom: 6px;
    font-size: 15px;
}

.owner-tiktok-module-v151 .card h2::before {
    width: 23px;
    height: 23px;
    border-radius: 7px;
    font-size: 12px;
}

.owner-tiktok-settings-v151 h2::before { content: "◆"; }
.owner-tiktok-preview-card-v151 h2::before { content: "◉"; }
.owner-tiktok-add-v151 h2::before { content: "♣"; }
.owner-tiktok-test-v151 h2::before { content: "⚡"; }
.owner-tiktok-accounts-v151 h2::before { content: "♣"; }
.owner-tiktok-latest-v151 h2::before { content: "◷"; }

.owner-tiktok-module-v151 .card > p {
    margin: 0 0 10px;
    color: #8f9cb4;
    font-size: 10px;
    line-height: 1.4;
}

.owner-tiktok-settings-form-v151,
.owner-tiktok-add-form-v151,
.owner-tiktok-test-form-v151 {
    display: grid;
    gap: 7px;
}

.owner-tiktok-settings-form-v151 label,
.owner-tiktok-add-form-v151 label,
.owner-tiktok-test-form-v151 label {
    display: grid;
    gap: 4px;
    min-width: 0;
    color: #c7d0e2;
    font-size: 10px;
    font-weight: 750;
}

.owner-tiktok-module-v151 input,
.owner-tiktok-module-v151 select {
    width: 100%;
    min-width: 0;
    min-height: 31px;
    height: 31px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 10px;
}

.owner-tiktok-module-v151 .field-hint-v113 {
    margin-top: -1px;
    color: #748199;
    font-size: 8.5px;
    line-height: 1.35;
}

.owner-tiktok-color-row-v151 {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 8px;
}

.owner-tiktok-module-v151 .owner-tiktok-color-row-v151 input[type="color"] {
    width: 54px;
    height: 31px;
    min-height: 31px;
    padding: 2px;
}

.owner-tiktok-color-row-v151 [data-color-value] {
    min-width: 0;
    min-height: 31px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 6px;
    background: rgba(5, 10, 20, .5);
    color: #dce5f5;
    font-size: 10px;
    font-weight: 800;
}

.owner-tiktok-toggle-list-v151 {
    display: grid;
    gap: 5px;
    margin-top: 1px;
}

.owner-tiktok-check-v151 {
    min-height: 30px;
    display: flex !important;
    align-items: center;
    gap: 8px !important;
    padding: 6px 8px;
    border: 1px solid rgba(148, 163, 184, .11);
    border-radius: 6px;
    background: rgba(7, 13, 25, .42);
}

.owner-tiktok-check-v151 input {
    width: 13px;
    height: 13px;
    min-height: 13px;
    flex: 0 0 13px;
    accent-color: #7c3aed;
}

.owner-tiktok-check-v151 span {
    min-width: 0;
    color: #cbd5e1;
    font-size: 10px;
    overflow-wrap: anywhere;
}

.owner-tiktok-style-block-v151 {
    display: grid;
    gap: 6px;
    margin-top: 1px;
}

.owner-tiktok-style-block-v151 > strong {
    color: #cbd5e1;
    font-size: 10px;
}

.owner-tiktok-module-v151 .preset-grid {
    gap: 5px;
    margin: 0;
}

.owner-tiktok-module-v151 .preset-color {
    height: 25px;
    padding: 0 9px 0 21px;
    font-size: 9px;
}

.owner-tiktok-module-v151 .preset-color::before {
    left: 8px;
    width: 7px;
    height: 7px;
}

.owner-tiktok-save-v151,
.owner-tiktok-action-card-v151 .button {
    width: 100%;
    min-height: 31px !important;
    height: 31px;
    padding: 0 12px;
    margin-top: 1px;
    justify-content: center;
    font-size: 10px;
}

.owner-tiktok-preview-card-v151 {
    display: flex;
    flex-direction: column;
}

.owner-tiktok-preview-shell-v151 {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(190px, .8fr);
    gap: 9px;
    margin-top: 1px;
}

.owner-tiktok-message-v151 {
    min-width: 0;
    padding: 12px 12px 10px 15px;
    border-left: 3px solid var(--embed-color, #fe2c55);
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(23, 33, 53, .98), rgba(15, 23, 42, .96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.owner-tiktok-message-head-v151 {
    min-width: 0;
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr) auto;
    align-items: start;
    gap: 9px;
}

.owner-tiktok-mini-logo-v151 {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #050a14;
    font-size: 22px;
}

.owner-tiktok-message-head-v151 strong,
.owner-tiktok-message-head-v151 small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.owner-tiktok-message-head-v151 strong {
    color: #f8fbff;
    font-size: 11px;
}

.owner-tiktok-message-head-v151 small {
    margin-top: 5px;
    color: #9ba7bc;
    font-size: 9.5px;
    line-height: 1.35;
}

.owner-tiktok-message-head-v151 time {
    color: #8290aa;
    font-size: 8px;
}

.owner-tiktok-preview-stats-v151 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 10px;
}

.owner-tiktok-preview-stats-v151 > span {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding: 7px 8px;
    border-radius: 6px;
    background: rgba(8, 15, 29, .42);
}

.owner-tiktok-preview-stats-v151 b {
    color: #eef4ff;
    font-size: 10px;
    overflow-wrap: anywhere;
}

.owner-tiktok-preview-stats-v151 small {
    color: #7f8ba2;
    font-size: 7.5px;
}

.owner-tiktok-preview-buttons-v151 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
}

.owner-tiktok-preview-buttons-v151 span {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(79, 70, 229, .42), rgba(67, 56, 202, .34));
    color: #eef2ff;
    font-size: 9px;
    font-weight: 800;
}

.owner-tiktok-video-v151 {
    position: relative;
    min-width: 0;
    min-height: 154px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(168, 85, 247, .32);
    border-radius: 9px;
    background:
        radial-gradient(circle at 66% 48%, rgba(37, 244, 238, .20), transparent 23%),
        radial-gradient(circle at 76% 48%, rgba(254, 44, 85, .22), transparent 29%),
        linear-gradient(135deg, #050817, #140817 52%, #080b18);
}

.owner-tiktok-video-v151::before,
.owner-tiktok-video-v151::after {
    content: "";
    position: absolute;
    inset: auto -10% -40% auto;
    width: 210px;
    height: 110px;
    border-radius: 50%;
    background: rgba(254, 44, 85, .11);
    filter: blur(30px);
}

.owner-tiktok-video-v151::after {
    inset: -35% auto auto -20%;
    background: rgba(37, 244, 238, .10);
}

.owner-tiktok-video-logo-v151 {
    z-index: 1;
    font-size: 74px;
    transform: rotate(-8deg);
}

.owner-tiktok-video-v151 > small {
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 1;
    min-height: 19px;
    display: inline-flex;
    align-items: center;
    padding: 0 6px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 4px;
    background: rgba(0,0,0,.35);
    color: #cbd5e1;
    font-size: 8px;
}

.owner-tiktok-antispam-v151 {
    margin-top: 9px;
    padding-top: 9px;
    border-top: 1px solid rgba(148, 163, 184, .10);
}

.owner-tiktok-antispam-v151 h3 {
    margin: 0 0 6px;
    color: #e6ebf5;
    font-size: 11px;
}

.owner-tiktok-antispam-v151 ul {
    display: grid;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.owner-tiktok-antispam-v151 li {
    position: relative;
    padding-left: 15px;
    color: #9ba7bc;
    font-size: 9px;
    line-height: 1.35;
}

.owner-tiktok-antispam-v151 li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #4ade80;
    font-weight: 950;
}

.owner-tiktok-actions-grid-v151,
.owner-tiktok-bottom-grid-v151 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin: 0 0 9px;
}

.owner-tiktok-action-card-v151 {
    min-height: 0;
}

.owner-tiktok-add-form-v151 {
    grid-template-columns: minmax(0, 1fr);
}

.owner-tiktok-test-form-v151 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.owner-tiktok-test-channel-v151 {
    grid-column: 1 / -1;
}

.owner-tiktok-test-form-v151 > .button {
    grid-column: 1 / -1;
}

.owner-tiktok-bottom-grid-v151 {
    margin-bottom: 0;
}

.owner-tiktok-account-list-v151 {
    display: grid;
    gap: 6px;
}

.owner-tiktok-account-v151 {
    min-width: 0;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border: 1px solid rgba(148, 163, 184, .10);
    border-radius: 8px;
    background: rgba(7, 13, 25, .42);
}

.owner-tiktok-account-avatar-v151 {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f8fbff;
    background: rgba(255,255,255,.06);
}

.owner-tiktok-account-v151 strong,
.owner-tiktok-account-v151 small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.owner-tiktok-account-v151 strong {
    color: #f5f7fb;
    font-size: 10px;
}

.owner-tiktok-account-v151 small {
    margin-top: 3px;
    color: #8390a8;
    font-size: 8px;
}

.owner-tiktok-account-v151 small i {
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-right: 4px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 9px rgba(74, 222, 128, .45);
}

.owner-tiktok-account-v151 form {
    width: auto;
}

.owner-tiktok-account-v151 .danger-button {
    min-width: 56px;
    min-height: 29px;
    padding: 0 11px;
    font-size: 9px;
}

.owner-tiktok-latest-row-v151 {
    min-width: 0;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0 6px;
}

.owner-tiktok-latest-row-v151 strong,
.owner-tiktok-latest-row-v151 small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.owner-tiktok-latest-row-v151 strong {
    color: #f8fbff;
    font-size: 10px;
}

.owner-tiktok-latest-row-v151 small {
    margin-top: 5px;
    color: #93a0b8;
    font-size: 9px;
    line-height: 1.35;
}

.owner-tiktok-latest-row-v151 > span {
    flex: 0 0 auto;
    color: #79869e;
    font-size: 8px;
}

.owner-tiktok-latest-stats-v151 {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 14px;
    padding-top: 5px;
    border-top: 1px solid rgba(148, 163, 184, .08);
}

.owner-tiktok-latest-stats-v151 span {
    color: #d3d9e7;
    font-size: 9px;
}

.owner-tiktok-empty-v151 {
    min-height: 54px;
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px dashed rgba(148, 163, 184, .13);
    border-radius: 8px;
    color: #8794aa;
    background: rgba(7, 13, 25, .30);
    font-size: 9px;
}

.owner-tiktok-module-v151 section,
.owner-tiktok-module-v151 article,
.owner-tiktok-module-v151 form,
.owner-tiktok-module-v151 label,
.owner-tiktok-module-v151 div,
.owner-tiktok-module-v151 select,
.owner-tiktok-module-v151 input {
    min-width: 0;
}

@container owner-live (max-width: 1080px) {
    .owner-tiktok-main-grid-v151 {
        grid-template-columns: minmax(290px, .72fr) minmax(0, 1fr);
    }

    .owner-tiktok-preview-shell-v151 {
        grid-template-columns: minmax(0, 1fr);
    }

    .owner-tiktok-video-v151 {
        min-height: 125px;
    }
}

@container owner-live (max-width: 880px) {
    .owner-tiktok-status-grid-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .owner-tiktok-main-grid-v151,
    .owner-tiktok-actions-grid-v151,
    .owner-tiktok-bottom-grid-v151 {
        grid-template-columns: minmax(0, 1fr);
    }

    .owner-tiktok-preview-shell-v151 {
        grid-template-columns: minmax(0, 1.25fr) minmax(180px, .75fr);
    }
}

@container owner-live (max-width: 640px) {
    .owner-tiktok-preview-shell-v151,
    .owner-tiktok-test-form-v151 {
        grid-template-columns: minmax(0, 1fr);
    }

    .owner-tiktok-test-channel-v151,
    .owner-tiktok-test-form-v151 > .button {
        grid-column: auto;
    }

    .owner-tiktok-video-v151 {
        min-height: 132px;
    }
}

@container owner-live (max-width: 500px) {
    .owner-tiktok-title-v151 {
        gap: 8px;
    }

    .owner-tiktok-logo-v151 {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 28px;
    }

    .owner-tiktok-status-grid-v151 {
        grid-template-columns: minmax(0, 1fr);
    }

    .owner-tiktok-stat-v151 {
        min-height: 72px;
    }

    .owner-tiktok-preview-stats-v151 {
        grid-template-columns: minmax(0, 1fr);
    }

    .owner-tiktok-account-v151 {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .owner-tiktok-account-v151 form {
        grid-column: 1 / -1;
    }

    .owner-tiktok-account-v151 .danger-button {
        width: 100%;
    }

    .owner-tiktok-latest-row-v151 {
        flex-direction: column;
    }

    .owner-tiktok-latest-stats-v151 {
        justify-content: flex-start;
    }
}

@supports not (container-type: inline-size) {
    @media (max-width: 1172px) {
        .owner-tiktok-preview-shell-v151 {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    @media (max-width: 1052px) {
        .owner-tiktok-status-grid-v151 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .owner-tiktok-main-grid-v151,
        .owner-tiktok-actions-grid-v151,
        .owner-tiktok-bottom-grid-v151 {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    @media (max-width: 712px) {
        .owner-tiktok-status-grid-v151,
        .owner-tiktok-test-form-v151 {
            grid-template-columns: minmax(0, 1fr);
        }
    }
}

/* 1.5.0 silent Owner preview · TikTok readability + Top Klipy */
body.owner-clips-v2-shell .owner-exact-module-link-v151[href$="/clips"] {
    background: linear-gradient(90deg, rgba(34, 211, 238, .20), rgba(124, 58, 237, .07));
    border-color: rgba(34, 211, 238, .30);
    box-shadow: inset 3px 0 0 rgba(34, 211, 238, .92), 0 0 24px rgba(34, 211, 238, .08);
}

/* TikTok był zbyt drobny na szerokim ekranie. Te reguły dotyczą tylko Owner preview. */
.owner-tiktok-module-v151 {
    gap: 0;
}
.owner-tiktok-logo-v151 {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    font-size: 38px;
}
.owner-tiktok-status-grid-v151 {
    gap: 12px;
    margin-bottom: 14px;
}
.owner-tiktok-stat-v151 {
    min-height: 104px;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    padding: 16px 17px;
    border-radius: 13px;
}
.owner-tiktok-stat-icon-v151 {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    font-size: 20px;
}
.owner-tiktok-stat-v151 small {
    margin-bottom: 5px;
    font-size: 10.5px;
}
.owner-tiktok-stat-v151 strong {
    margin-bottom: 4px;
    font-size: 20px;
}
.owner-tiktok-stat-v151 p {
    font-size: 11.5px;
}
.owner-tiktok-main-grid-v151,
.owner-tiktok-actions-grid-v151,
.owner-tiktok-bottom-grid-v151 {
    gap: 13px;
    margin-bottom: 13px;
}
.owner-tiktok-main-grid-v151 {
    grid-template-columns: minmax(360px, .78fr) minmax(0, 1.32fr);
}
.owner-tiktok-module-v151 .card {
    padding: 18px;
    border-radius: 13px;
}
.owner-tiktok-module-v151 .card h2 {
    margin-bottom: 8px;
    font-size: 17px;
}
.owner-tiktok-module-v151 .card h2::before {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    font-size: 14px;
}
.owner-tiktok-module-v151 .card > p {
    margin-bottom: 13px;
    font-size: 11.5px;
    line-height: 1.5;
}
.owner-tiktok-settings-form-v151,
.owner-tiktok-add-form-v151,
.owner-tiktok-test-form-v151 {
    gap: 10px;
}
.owner-tiktok-settings-form-v151 label,
.owner-tiktok-add-form-v151 label,
.owner-tiktok-test-form-v151 label {
    gap: 6px;
    font-size: 11.5px;
}
.owner-tiktok-module-v151 input,
.owner-tiktok-module-v151 select {
    min-height: 39px;
    height: 39px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 11.5px;
}
.owner-tiktok-module-v151 .field-hint-v113 {
    font-size: 10px;
}
.owner-tiktok-color-row-v151 {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 10px;
}
.owner-tiktok-module-v151 .owner-tiktok-color-row-v151 input[type="color"],
.owner-tiktok-color-row-v151 [data-color-value] {
    min-height: 39px;
    height: 39px;
}
.owner-tiktok-color-row-v151 [data-color-value] {
    font-size: 11.5px;
}
.owner-tiktok-toggle-list-v151 {
    gap: 7px;
}
.owner-tiktok-check-v151 {
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 8px;
}
.owner-tiktok-check-v151 input {
    width: 15px;
    height: 15px;
    min-height: 15px;
    flex-basis: 15px;
}
.owner-tiktok-check-v151 span,
.owner-tiktok-style-block-v151 > strong {
    font-size: 11px;
}
.owner-tiktok-module-v151 .preset-grid {
    gap: 7px;
}
.owner-tiktok-module-v151 .preset-color {
    height: 30px;
    padding: 0 11px 0 25px;
    font-size: 10px;
}
.owner-tiktok-module-v151 .preset-color::before {
    left: 10px;
    width: 8px;
    height: 8px;
}
.owner-tiktok-save-v151,
.owner-tiktok-action-card-v151 .button {
    min-height: 39px !important;
    height: 39px;
    font-size: 11.5px;
}
.owner-tiktok-preview-shell-v151 {
    grid-template-columns: minmax(0, 1.35fr) minmax(240px, .78fr);
    gap: 13px;
}
.owner-tiktok-message-v151 {
    padding: 16px 16px 14px 19px;
    border-radius: 11px;
}
.owner-tiktok-message-head-v151 {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 11px;
}
.owner-tiktok-mini-logo-v151 {
    width: 37px;
    height: 37px;
    border-radius: 10px;
    font-size: 26px;
}
.owner-tiktok-message-head-v151 strong {
    font-size: 13px;
}
.owner-tiktok-message-head-v151 small {
    font-size: 11px;
}
.owner-tiktok-message-head-v151 time {
    font-size: 9px;
}
.owner-tiktok-preview-stats-v151 {
    gap: 8px;
    margin-top: 12px;
}
.owner-tiktok-preview-stats-v151 > span {
    padding: 9px 10px;
    border-radius: 8px;
}
.owner-tiktok-preview-stats-v151 b {
    font-size: 11.5px;
}
.owner-tiktok-preview-stats-v151 small {
    font-size: 9px;
}
.owner-tiktok-preview-buttons-v151 {
    gap: 8px;
    margin-top: 11px;
}
.owner-tiktok-preview-buttons-v151 span {
    min-height: 29px;
    padding: 0 12px;
    border-radius: 7px;
    font-size: 10.5px;
}
.owner-tiktok-video-v151 {
    min-height: 190px;
    border-radius: 11px;
}
.owner-tiktok-video-logo-v151 {
    font-size: 86px;
}
.owner-tiktok-video-v151 > small {
    min-height: 22px;
    font-size: 9px;
}
.owner-tiktok-antispam-v151 {
    margin-top: 12px;
    padding-top: 12px;
}
.owner-tiktok-antispam-v151 h3 {
    margin-bottom: 8px;
    font-size: 13px;
}
.owner-tiktok-antispam-v151 ul {
    gap: 5px;
}
.owner-tiktok-antispam-v151 li {
    padding-left: 18px;
    font-size: 10.5px;
}
.owner-tiktok-account-list-v151 {
    gap: 8px;
}
.owner-tiktok-account-v151 {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 11px;
    padding: 11px 12px;
    border-radius: 10px;
}
.owner-tiktok-account-avatar-v151 {
    width: 36px;
    height: 36px;
}
.owner-tiktok-account-v151 strong {
    font-size: 12px;
}
.owner-tiktok-account-v151 small {
    font-size: 9.5px;
}
.owner-tiktok-account-v151 .danger-button {
    min-height: 34px;
    font-size: 10px;
}
.owner-tiktok-latest-row-v151 {
    padding: 11px 0 8px;
}
.owner-tiktok-latest-row-v151 strong {
    font-size: 12px;
}
.owner-tiktok-latest-row-v151 small,
.owner-tiktok-latest-stats-v151 span {
    font-size: 10.5px;
}
.owner-tiktok-latest-row-v151 > span {
    font-size: 9.5px;
}
.owner-tiktok-empty-v151 {
    min-height: 68px;
    padding: 13px;
    font-size: 10.5px;
}

.owner-clips-module-v151 {
    --clips-purple: #9146ff;
    --clips-cyan: #22d3ee;
    display: grid;
    gap: 0;
}
.owner-clips-title-v151 {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.owner-clips-logo-v151 {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    margin-top: 4px;
    border: 1px solid rgba(34, 211, 238, .28);
    border-radius: 15px;
    color: #67e8f9;
    background: linear-gradient(145deg, rgba(34, 211, 238, .16), rgba(124, 58, 237, .15));
    box-shadow: 0 0 28px rgba(34, 211, 238, .12);
    font-size: 25px;
}
.owner-clips-status-grid-v151 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 14px;
}
.owner-clips-stat-v151 {
    min-width: 0;
    min-height: 106px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 16px 17px;
    border: 1px solid rgba(34, 211, 238, .13);
    border-radius: 13px;
    background:
        radial-gradient(circle at 0% 0%, rgba(34, 211, 238, .09), transparent 42%),
        linear-gradient(180deg, rgba(13, 23, 40, .95), rgba(8, 14, 26, .97));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 15px 34px rgba(0,0,0,.18);
}
.owner-clips-stat-icon-v151 {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #67e8f9;
    background: rgba(34, 211, 238, .12);
    box-shadow: 0 0 22px rgba(34, 211, 238, .11);
    font-size: 19px;
    font-weight: 950;
}
.owner-clips-stat-v151:nth-child(2) .owner-clips-stat-icon-v151,
.owner-clips-stat-v151:nth-child(4) .owner-clips-stat-icon-v151 {
    color: #c084fc;
    background: rgba(145, 70, 255, .13);
}
.owner-clips-stat-v151 small,
.owner-clips-stat-v151 strong,
.owner-clips-stat-v151 p {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}
.owner-clips-stat-v151 small {
    margin-bottom: 5px;
    color: #91a0ba;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.owner-clips-stat-v151 strong {
    margin-bottom: 4px;
    color: #f8fbff;
    font-size: 20px;
    line-height: 1.15;
}
.owner-clips-stat-v151 p {
    margin: 0;
    color: #8997af;
    font-size: 11.5px;
    line-height: 1.4;
}
.owner-clips-main-grid-v151,
.owner-clips-actions-grid-v151 {
    display: grid;
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
    gap: 13px;
    margin: 0 0 13px;
    align-items: stretch;
}
.owner-clips-actions-grid-v151 {
    grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr);
}
.owner-clips-module-v151 .card {
    min-width: 0;
    margin: 0 0 13px;
    padding: 18px;
    border-radius: 13px;
}
.owner-clips-main-grid-v151 .card,
.owner-clips-actions-grid-v151 .card {
    margin-bottom: 0;
}
.owner-clips-module-v151 .card h2::before {
    content: "✦";
}
.owner-clips-settings-v151 h2::before { content: "⚙"; }
.owner-clips-preview-v151 h2::before { content: "◉"; }
.owner-clips-add-v151 h2::before { content: "♧"; }
.owner-clips-test-v151 h2::before { content: "↗"; }
.owner-clips-streamers-v151 h2::before { content: "♧"; }
.owner-clips-messages-v151 h2::before { content: "▤"; }
.owner-clips-module-v151 .card > p,
.owner-clips-section-head-v151 p {
    margin: 0 0 13px;
    color: #93a1b8;
    font-size: 11.5px;
    line-height: 1.48;
}
.owner-clips-settings-form-v151,
.owner-clips-add-form-v151,
.owner-clips-test-form-v151 {
    display: grid;
    gap: 10px;
}
.owner-clips-settings-form-v151 label,
.owner-clips-add-form-v151 label,
.owner-clips-test-form-v151 label {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: #c8d2e4;
    font-size: 11.5px;
    font-weight: 750;
}
.owner-clips-module-v151 input,
.owner-clips-module-v151 select {
    width: 100%;
    min-width: 0;
    min-height: 39px;
    height: 39px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 11.5px;
}
.owner-clips-color-row-v151 {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 10px;
}
.owner-clips-color-row-v151 input[type="color"] {
    width: 62px;
    min-height: 39px;
    height: 39px;
    padding: 2px;
}
.owner-clips-color-row-v151 [data-color-value] {
    min-width: 0;
    min-height: 39px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 8px;
    background: rgba(5, 10, 20, .5);
    color: #dce5f5;
    font-size: 11.5px;
    font-weight: 800;
}
.owner-clips-style-block-v151 {
    display: grid;
    gap: 7px;
}
.owner-clips-style-block-v151 > strong {
    color: #cbd5e1;
    font-size: 11px;
}
.owner-clips-module-v151 .preset-grid {
    gap: 7px;
    margin: 0;
}
.owner-clips-module-v151 .preset-color {
    min-height: 30px;
    padding: 0 11px 0 25px;
    font-size: 10px;
}
.owner-clips-module-v151 .preset-color::before {
    left: 10px;
    width: 8px;
    height: 8px;
}
.owner-clips-save-v151,
.owner-clips-add-form-v151 .button,
.owner-clips-test-form-v151 .button {
    width: 100%;
    min-height: 39px !important;
    height: 39px;
    justify-content: center;
    font-size: 11.5px;
}
.owner-clips-preview-v151 {
    display: flex;
    flex-direction: column;
}
.owner-clips-preview-shell-v151 {
    min-width: 0;
    display: grid;
    gap: 11px;
    flex: 1;
}
.owner-clips-embed-v151 {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(230px, .8fr);
    gap: 14px;
    padding: 16px 16px 16px 19px;
    border-left: 4px solid var(--embed-color, #9146ff);
    border-radius: 11px;
    background: linear-gradient(135deg, rgba(23, 33, 53, .98), rgba(15, 23, 42, .96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}
.owner-clips-embed-copy-v151 {
    min-width: 0;
    align-self: center;
}
.owner-clips-rank-v151 {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    padding: 0 10px;
    margin-bottom: 10px;
    border-radius: 999px;
    color: #fef3c7;
    background: rgba(245, 158, 11, .13);
    border: 1px solid rgba(245, 158, 11, .20);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .05em;
}
.owner-clips-embed-copy-v151 h3 {
    margin: 0 0 8px;
    color: #f8fbff;
    font-size: 20px;
    line-height: 1.2;
}
.owner-clips-embed-copy-v151 p {
    margin: 0 0 15px;
    color: #a1aec3;
    font-size: 12px;
}
.owner-clips-meta-v151 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.owner-clips-meta-v151 span {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    border-radius: 8px;
    background: rgba(8, 15, 29, .50);
    color: #dbe6f7;
    font-size: 10.5px;
    font-weight: 750;
}
.owner-clips-thumbnail-v151 {
    position: relative;
    min-height: 180px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, .20);
    border-radius: 10px;
    background:
        radial-gradient(circle at 65% 35%, rgba(34, 211, 238, .26), transparent 24%),
        radial-gradient(circle at 35% 70%, rgba(145, 70, 255, .30), transparent 34%),
        linear-gradient(135deg, #0a1022, #171033 58%, #061524);
}
.owner-clips-thumbnail-v151::after {
    content: "";
    position: absolute;
    inset: 10px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
}
.owner-clips-thumbnail-v151 > span {
    z-index: 1;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    padding-left: 4px;
    border-radius: 50%;
    color: #fff;
    background: rgba(15, 23, 42, .76);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 0 34px rgba(34, 211, 238, .18);
    font-size: 24px;
}
.owner-clips-thumbnail-v151 small {
    position: absolute;
    right: 12px;
    bottom: 10px;
    z-index: 1;
    color: #dbeafe;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .07em;
}
.owner-clips-preview-note-v151 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.owner-clips-preview-note-v151 span {
    min-width: 0;
    padding: 9px 11px;
    border-radius: 8px;
    background: rgba(8, 15, 29, .44);
    color: #9eabc0;
    font-size: 10.5px;
    overflow-wrap: anywhere;
}
.owner-clips-add-form-v151 {
    grid-template-columns: minmax(0, 1fr) minmax(150px, .32fr);
    align-items: end;
}
.owner-clips-test-form-v151 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
}
.owner-clips-test-form-v151 .button {
    grid-column: 1 / -1;
}
.owner-clips-section-head-v151 {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}
.owner-clips-section-head-v151 h2 {
    margin-bottom: 5px !important;
}
.owner-clips-section-head-v151 p {
    margin-bottom: 0;
}
.owner-clips-section-head-v151 > span {
    flex: 0 0 auto;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    border-radius: 999px;
    color: #a5f3fc;
    background: rgba(34, 211, 238, .09);
    border: 1px solid rgba(34, 211, 238, .16);
    font-size: 10px;
    font-weight: 800;
}
.owner-clips-streamer-list-v151 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}
.owner-clips-streamer-v151 {
    min-width: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 11px 12px;
    border: 1px solid rgba(148, 163, 184, .11);
    border-radius: 10px;
    background: rgba(7, 13, 25, .43);
}
.owner-clips-streamer-avatar-v151 {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #f5f3ff;
    background: linear-gradient(145deg, rgba(145, 70, 255, .30), rgba(34, 211, 238, .18));
    border: 1px solid rgba(192, 132, 252, .20);
    font-size: 14px;
    font-weight: 900;
}
.owner-clips-streamer-v151 strong,
.owner-clips-streamer-v151 small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}
.owner-clips-streamer-v151 strong {
    color: #f8fbff;
    font-size: 12px;
}
.owner-clips-streamer-v151 small {
    margin-top: 4px;
    color: #8492aa;
    font-size: 9.5px;
}
.owner-clips-streamer-v151 form {
    width: auto;
}
.owner-clips-streamer-v151 .danger-button {
    min-width: 62px;
    min-height: 34px;
    padding: 0 11px;
    font-size: 10px;
}
.owner-clips-message-list-v151 {
    display: grid;
    gap: 8px;
}
.owner-clips-message-row-v151 {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(130px, .5fr) minmax(180px, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(148, 163, 184, .10);
    border-radius: 9px;
    background: rgba(7, 13, 25, .38);
}
.owner-clips-message-row-v151 span {
    color: #f1f5f9;
    font-size: 11px;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.owner-clips-message-row-v151 small {
    color: #8492aa;
    font-size: 10px;
}
.owner-clips-message-row-v151 strong {
    color: #c4b5fd;
    font-size: 10.5px;
    overflow-wrap: anywhere;
}
.owner-clips-empty-v151 {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    border: 1px dashed rgba(148, 163, 184, .15);
    border-radius: 10px;
    color: #8794aa;
    background: rgba(7, 13, 25, .30);
    font-size: 10.5px;
    text-align: center;
}
.owner-clips-module-v151 section,
.owner-clips-module-v151 article,
.owner-clips-module-v151 form,
.owner-clips-module-v151 label,
.owner-clips-module-v151 div,
.owner-clips-module-v151 select,
.owner-clips-module-v151 input {
    min-width: 0;
}

@container owner-live (max-width: 1120px) {
    .owner-tiktok-main-grid-v151,
    .owner-clips-main-grid-v151 {
        grid-template-columns: minmax(330px, .9fr) minmax(0, 1.1fr);
    }
    .owner-tiktok-preview-shell-v151,
    .owner-clips-embed-v151 {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-clips-thumbnail-v151 {
        min-height: 150px;
    }
}
@container owner-live (max-width: 920px) {
    .owner-clips-status-grid-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .owner-clips-main-grid-v151,
    .owner-clips-actions-grid-v151 {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-clips-embed-v151 {
        grid-template-columns: minmax(0, 1.25fr) minmax(210px, .75fr);
    }
    .owner-clips-test-form-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@container owner-live (max-width: 660px) {
    .owner-tiktok-preview-shell-v151,
    .owner-clips-embed-v151,
    .owner-clips-preview-note-v151,
    .owner-clips-add-form-v151,
    .owner-clips-test-form-v151,
    .owner-clips-streamer-list-v151 {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-clips-test-form-v151 .button {
        grid-column: auto;
    }
    .owner-clips-message-row-v151 {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }
}
@container owner-live (max-width: 500px) {
    .owner-clips-title-v151 {
        gap: 9px;
    }
    .owner-clips-logo-v151 {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 11px;
        font-size: 20px;
    }
    .owner-clips-status-grid-v151 {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-clips-stat-v151 {
        min-height: 86px;
    }
    .owner-clips-section-head-v151,
    .owner-clips-streamer-v151 {
        align-items: stretch;
    }
    .owner-clips-section-head-v151 {
        flex-direction: column;
    }
    .owner-clips-streamer-v151 {
        grid-template-columns: 38px minmax(0, 1fr);
    }
    .owner-clips-streamer-v151 form {
        grid-column: 1 / -1;
    }
    .owner-clips-streamer-v151 .danger-button {
        width: 100%;
    }
}

@supports not (container-type: inline-size) {
    @media (max-width: 1180px) {
        .owner-clips-main-grid-v151,
        .owner-clips-actions-grid-v151 {
            grid-template-columns: minmax(0, 1fr);
        }
    }
    @media (max-width: 980px) {
        .owner-clips-status-grid-v151,
        .owner-clips-test-form-v151,
        .owner-clips-streamer-list-v151 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (max-width: 720px) {
        .owner-clips-status-grid-v151,
        .owner-clips-test-form-v151,
        .owner-clips-streamer-list-v151 {
            grid-template-columns: minmax(0, 1fr);
        }
    }
}

/* TikTok readability patch: przy wąskiej przestrzeni wracamy do jednej kolumny. */
@container owner-live (max-width: 920px) {
    .owner-tiktok-main-grid-v151,
    .owner-tiktok-actions-grid-v151,
    .owner-tiktok-bottom-grid-v151 {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-tiktok-preview-shell-v151 {
        grid-template-columns: minmax(0, 1.25fr) minmax(210px, .75fr);
    }
}
@container owner-live (max-width: 660px) {
    .owner-tiktok-preview-shell-v151,
    .owner-tiktok-test-form-v151 {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-tiktok-test-channel-v151,
    .owner-tiktok-test-form-v151 > .button {
        grid-column: auto;
    }
}

/* Silent Owner preview - YouTube 2.0 visual refresh */
body.owner-youtube-v2-shell .owner-exact-module-link-v151[href$="/youtube"] {
    border-color: rgba(255, 54, 87, .38);
    background: linear-gradient(90deg, rgba(255, 54, 87, .15), rgba(255, 54, 87, .035));
    box-shadow: inset 3px 0 0 #ff3657, 0 0 24px rgba(255, 54, 87, .08);
}
.owner-youtube-module-v151 {
    --yt-red: #ff3657;
    --yt-red-rgb: 255, 54, 87;
    --yt-cyan: #27c9ff;
    width: 100%;
    min-width: 0;
}
.owner-youtube-title-v151 {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}
.owner-youtube-logo-v151 {
    width: 50px;
    height: 43px;
    flex: 0 0 50px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 78, 100, .5);
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(145deg, #ff3657, #a41029 78%);
    box-shadow: 0 0 28px rgba(255, 54, 87, .27), inset 0 1px 0 rgba(255,255,255,.18);
    font-size: 19px;
    text-shadow: 0 2px 8px rgba(0,0,0,.35);
}
body.owner-youtube-v2-shell .module-status-card {
    min-height: 78px;
    margin-bottom: 14px;
    border-color: rgba(255, 54, 87, .28);
    background:
        radial-gradient(circle at 0 0, rgba(255, 54, 87, .11), transparent 34%),
        linear-gradient(135deg, rgba(15, 20, 36, .96), rgba(8, 17, 30, .96));
}
body.owner-youtube-v2-shell .module-status-card.enabled {
    border-color: rgba(95, 210, 107, .36);
    background:
        radial-gradient(circle at 0 0, rgba(70, 210, 105, .11), transparent 34%),
        linear-gradient(135deg, rgba(11, 24, 27, .96), rgba(8, 17, 30, .96));
}

.owner-youtube-status-grid-v151 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}
.owner-youtube-stat-v151 {
    min-width: 0;
    min-height: 102px;
    padding: 16px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    border: 1px solid rgba(96, 123, 174, .18);
    border-radius: 14px;
    background:
        radial-gradient(circle at 10% 18%, rgba(255, 54, 87, .09), transparent 34%),
        linear-gradient(180deg, rgba(14, 24, 43, .96), rgba(9, 16, 30, .98));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.018), 0 16px 38px rgba(0,0,0,.18);
}
.owner-youtube-stat-icon-v151 {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #ff607a;
    background: rgba(255, 54, 87, .13);
    box-shadow: 0 0 24px rgba(255, 54, 87, .11);
    font-size: 20px;
    font-weight: 900;
}
.owner-youtube-stat-v151:nth-child(2) .owner-youtube-stat-icon-v151,
.owner-youtube-stat-v151:nth-child(3) .owner-youtube-stat-icon-v151 {
    color: #38cfff;
    background: rgba(39, 201, 255, .12);
    box-shadow: 0 0 24px rgba(39, 201, 255, .1);
}
.owner-youtube-stat-v151:nth-child(4) .owner-youtube-stat-icon-v151 {
    color: #a875ff;
    background: rgba(139, 82, 255, .13);
}
.owner-youtube-stat-v151 small,
.owner-youtube-stat-v151 strong,
.owner-youtube-stat-v151 p {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}
.owner-youtube-stat-v151 small {
    color: #a9b8d2;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.owner-youtube-stat-v151 strong {
    margin-top: 4px;
    color: #f8fbff;
    font-size: clamp(18px, 1.35vw, 24px);
    line-height: 1.08;
}
.owner-youtube-stat-v151 p {
    margin: 5px 0 0;
    color: #8291aa;
    font-size: 11px;
    line-height: 1.35;
}

.owner-youtube-intro-grid-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
    gap: 14px;
    margin-bottom: 14px;
}
.owner-youtube-module-v151 .card {
    min-width: 0;
    border: 1px solid rgba(88, 111, 158, .2);
    border-radius: 15px;
    background:
        radial-gradient(circle at 0 0, rgba(255, 54, 87, .045), transparent 35%),
        linear-gradient(180deg, rgba(12, 22, 39, .97), rgba(8, 15, 28, .98));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.018), 0 18px 44px rgba(0,0,0,.2);
}
.owner-youtube-module-v151 .card h2 {
    margin: 0;
    color: #f5f8ff;
    font-size: 17px;
    line-height: 1.2;
}
.owner-youtube-module-v151 .card > p,
.owner-youtube-section-head-v151 p {
    margin: 6px 0 0;
    color: #91a0ba;
    font-size: 12px;
    line-height: 1.45;
}
.owner-youtube-accounts-card-v151,
.owner-youtube-how-v151,
.owner-youtube-types-section-v151,
.owner-youtube-test-v151 {
    padding: 17px;
}
.owner-youtube-accounts-card-v151 h2::before,
.owner-youtube-how-v151 h2::before,
.owner-youtube-types-section-v151 h2::before,
.owner-youtube-test-v151 h2::before {
    display: inline-grid;
    width: 28px;
    height: 28px;
    margin-right: 9px;
    place-items: center;
    border-radius: 9px;
    color: #ff607a;
    background: rgba(255, 54, 87, .12);
    font-size: 13px;
    vertical-align: -7px;
}
.owner-youtube-accounts-card-v151 h2::before { content: "♧"; }
.owner-youtube-how-v151 h2::before { content: "◎"; color: #a977ff; background: rgba(137, 79, 255, .13); }
.owner-youtube-types-section-v151 h2::before { content: "▣"; }
.owner-youtube-test-v151 h2::before { content: "➤"; color: #28caff; background: rgba(39, 201, 255, .13); }

.owner-youtube-add-form-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(180px, .6fr);
    gap: 10px;
    margin-top: 14px;
}
.owner-youtube-add-form-v151 label,
.owner-youtube-fields-v151 label,
.owner-youtube-color-block-v151 label,
.owner-youtube-test-form-v151 label {
    min-width: 0;
    display: grid;
    gap: 6px;
    color: #dce5f7;
    font-size: 11px;
    font-weight: 800;
}
.owner-youtube-module-v151 input,
.owner-youtube-module-v151 select {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid rgba(94, 117, 163, .25);
    border-radius: 9px;
    color: #f4f7ff;
    background: rgba(5, 12, 24, .9);
    font-size: 12px;
}
.owner-youtube-module-v151 input:focus,
.owner-youtube-module-v151 select:focus {
    border-color: rgba(255, 73, 102, .65);
    box-shadow: 0 0 0 3px rgba(255, 54, 87, .1);
}
.owner-youtube-add-form-v151 > .button {
    grid-column: 1 / -1;
    min-height: 42px;
}
.owner-youtube-account-list-v151 {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}
.owner-youtube-account-v151 {
    min-width: 0;
    padding: 10px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(94, 117, 163, .15);
    border-radius: 11px;
    background: rgba(5, 12, 24, .58);
}
.owner-youtube-account-avatar-v151 {
    width: 38px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, #f33351, #8e1025);
    box-shadow: 0 0 18px rgba(255,54,87,.16);
    font-size: 13px;
}
.owner-youtube-account-v151 strong,
.owner-youtube-account-v151 small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.owner-youtube-account-v151 strong { color: #f5f8ff; font-size: 12px; }
.owner-youtube-account-v151 small { margin-top: 3px; color: #8291aa; font-size: 10px; }
.owner-youtube-account-v151 form { margin: 0; }
.owner-youtube-account-v151 .danger-button {
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid rgba(255,75,95,.25);
    border-radius: 8px;
    color: #ff8999;
    background: rgba(91, 18, 31, .28);
}
.owner-youtube-empty-v151 {
    margin-top: 12px;
    padding: 14px;
    border: 1px dashed rgba(112, 136, 181, .22);
    border-radius: 11px;
    color: #8493ad;
    background: rgba(5, 12, 24, .42);
    font-size: 11px;
    text-align: center;
}

.owner-youtube-how-v151 ul {
    display: grid;
    gap: 10px;
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}
.owner-youtube-how-v151 li {
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}
.owner-youtube-how-v151 li > span {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(142, 89, 255, .28);
    border-radius: 10px;
    color: #b692ff;
    background: rgba(108, 55, 214, .12);
    font-size: 11px;
    font-weight: 900;
}
.owner-youtube-how-v151 li p { margin: 0; }
.owner-youtube-how-v151 li strong,
.owner-youtube-how-v151 li small { display: block; }
.owner-youtube-how-v151 li strong { color: #e8efff; font-size: 12px; }
.owner-youtube-how-v151 li small { margin-top: 3px; color: #8796b0; font-size: 11px; line-height: 1.4; }

.owner-youtube-types-section-v151 { margin-bottom: 14px; }
.owner-youtube-section-head-v151 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}
.owner-youtube-section-head-v151 > span {
    flex: 0 0 auto;
    padding: 6px 10px;
    border: 1px solid rgba(255, 73, 102, .2);
    border-radius: 999px;
    color: #ff8da0;
    background: rgba(255, 54, 87, .08);
    font-size: 10px;
    font-weight: 800;
}
.owner-youtube-types-form-v151 { display: grid; gap: 12px; }
.owner-youtube-type-grid-v151 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.owner-youtube-type-card-v151 {
    --yt-type: 255, 54, 87;
    min-width: 0;
    padding: 13px;
    border: 1px solid rgba(var(--yt-type), .32);
    border-radius: 13px;
    background:
        radial-gradient(circle at 10% 0%, rgba(var(--yt-type), .1), transparent 35%),
        linear-gradient(180deg, rgba(15, 23, 40, .96), rgba(8, 15, 29, .98));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.018);
}
.owner-youtube-type-short-v151 { --yt-type: 255, 155, 48; }
.owner-youtube-type-live-v151 { --yt-type: 255, 65, 105; }
.owner-youtube-type-premiere-v151 { --yt-type: 244, 206, 72; }
.owner-youtube-type-head-v151 {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}
.owner-youtube-type-head-v151 > div {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}
.owner-youtube-type-icon-v151 {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(var(--yt-type), .13);
    font-size: 15px;
}
.owner-youtube-type-head-v151 p { margin: 0; min-width: 0; }
.owner-youtube-type-head-v151 strong,
.owner-youtube-type-head-v151 small { display: block; }
.owner-youtube-type-head-v151 strong { color: #f7f9ff; font-size: 13px; }
.owner-youtube-type-head-v151 small { margin-top: 3px; color: #7f8da6; font-size: 9px; line-height: 1.25; }
.owner-youtube-type-switch-v151 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #a9b6cb;
    font-size: 9px;
    font-weight: 900;
}
.owner-youtube-type-switch-v151 input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
.owner-youtube-type-switch-v151 i {
    position: relative;
    width: 35px;
    height: 20px;
    border-radius: 999px;
    background: #26324b;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.owner-youtube-type-switch-v151 i::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #dbe4f6;
    transition: transform .18s ease, background .18s ease;
}
.owner-youtube-type-switch-v151 input:checked + i {
    background: linear-gradient(90deg, rgba(var(--yt-type), .88), rgba(var(--yt-type), .56));
    box-shadow: 0 0 14px rgba(var(--yt-type), .24);
}
.owner-youtube-type-switch-v151 input:checked + i::after {
    transform: translateX(15px);
    background: #fff;
}
.owner-youtube-fields-v151 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.owner-youtube-message-field-v151 { grid-column: 1 / -1; }
.owner-youtube-type-card-v151 input,
.owner-youtube-type-card-v151 select {
    min-height: 36px;
    padding: 0 9px;
    font-size: 10px;
}
.owner-youtube-color-block-v151 {
    display: grid;
    gap: 7px;
    margin-top: 9px;
}
.owner-youtube-color-row-v151 {
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}
.owner-youtube-color-row-v151 input[type="color"] {
    width: 37px;
    min-height: 32px;
    height: 32px;
    padding: 3px;
}
.owner-youtube-color-row-v151 span {
    color: #cbd6e9;
    font-size: 10px;
    font-weight: 800;
}
.owner-youtube-preset-row-v151 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.owner-youtube-preset-row-v151 .preset-color {
    width: 18px;
    height: 18px;
    min-height: 18px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    background: var(--preset-color);
    font-size: 0;
}
.owner-youtube-preview-v151 {
    min-width: 0;
    margin-top: 10px;
    padding: 10px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    border-left: 3px solid var(--embed-color, #ff3657);
    border-radius: 9px;
    background: rgba(24, 34, 55, .8);
}
.owner-youtube-preview-v151 > span {
    width: 30px;
    height: 27px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(145deg, #ef334f, #931127);
    font-size: 10px;
}
.owner-youtube-preview-v151 strong,
.owner-youtube-preview-v151 small { display: block; min-width: 0; overflow-wrap: anywhere; }
.owner-youtube-preview-v151 strong { color: #f8fbff; font-size: 10px; }
.owner-youtube-preview-v151 small { margin-top: 3px; color: #8d9bb2; font-size: 9px; line-height: 1.35; }
.owner-youtube-save-v151 { width: 100%; min-height: 43px; }

.owner-youtube-test-form-v151 {
    display: grid;
    grid-template-columns: minmax(150px, 1.05fr) minmax(130px, .8fr) minmax(110px, .55fr) minmax(170px, 1.05fr) minmax(190px, .85fr);
    align-items: end;
    gap: 10px;
}
.owner-youtube-test-form-v151 > .button { min-height: 42px; }
.owner-youtube-module-v151 section,
.owner-youtube-module-v151 article,
.owner-youtube-module-v151 form,
.owner-youtube-module-v151 label,
.owner-youtube-module-v151 div,
.owner-youtube-module-v151 input,
.owner-youtube-module-v151 select {
    min-width: 0;
}

@container owner-live (max-width: 1180px) {
    .owner-youtube-status-grid-v151,
    .owner-youtube-type-grid-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .owner-youtube-test-form-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .owner-youtube-test-form-v151 > .button { grid-column: 1 / -1; }
}
@container owner-live (max-width: 860px) {
    .owner-youtube-intro-grid-v151 { grid-template-columns: minmax(0, 1fr); }
}
@container owner-live (max-width: 620px) {
    .owner-youtube-status-grid-v151,
    .owner-youtube-type-grid-v151,
    .owner-youtube-add-form-v151,
    .owner-youtube-test-form-v151,
    .owner-youtube-fields-v151 {
        grid-template-columns: minmax(0, 1fr);
    }
    .owner-youtube-message-field-v151,
    .owner-youtube-add-form-v151 > .button,
    .owner-youtube-test-form-v151 > .button { grid-column: auto; }
    .owner-youtube-section-head-v151 { flex-direction: column; }
    .owner-youtube-account-v151 { grid-template-columns: 38px minmax(0, 1fr); }
    .owner-youtube-account-v151 form { grid-column: 1 / -1; }
    .owner-youtube-account-v151 .danger-button { width: 100%; }
    .owner-youtube-type-head-v151 { align-items: center; }
}
@container owner-live (max-width: 440px) {
    .owner-youtube-title-v151 { align-items: flex-start; gap: 9px; }
    .owner-youtube-logo-v151 { width: 40px; height: 36px; flex-basis: 40px; border-radius: 10px; font-size: 14px; }
    .owner-youtube-stat-v151 { grid-template-columns: 40px minmax(0, 1fr); min-height: 88px; padding: 13px; }
    .owner-youtube-stat-icon-v151 { width: 40px; height: 40px; border-radius: 12px; }
}
@supports not (container-type: inline-size) {
    @media (max-width: 1280px) {
        .owner-youtube-status-grid-v151,
        .owner-youtube-type-grid-v151 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .owner-youtube-test-form-v151 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .owner-youtube-test-form-v151 > .button { grid-column: 1 / -1; }
    }
    @media (max-width: 900px) {
        .owner-youtube-intro-grid-v151 { grid-template-columns: minmax(0, 1fr); }
    }
    @media (max-width: 680px) {
        .owner-youtube-status-grid-v151,
        .owner-youtube-type-grid-v151,
        .owner-youtube-add-form-v151,
        .owner-youtube-test-form-v151,
        .owner-youtube-fields-v151 { grid-template-columns: minmax(0, 1fr); }
    }
}
.owner-youtube-preset-row-v151 .preset-color::before { display: none; }
.owner-youtube-type-switch-v151 > span { font-size: 0; }
.owner-youtube-type-switch-v151 > span::after { content: "OFF"; font-size: 9px; }
.owner-youtube-type-switch-v151 input:checked ~ span::after { content: "ON"; }

/* Silent Owner preview - Logi + Autorangi */
.owner-logs-module-v151,
.owner-autoroles-module-v151 {
    max-width: 1500px;
}

.owner-module-title-v151 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.owner-module-logo-v151 {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--live-accent-rgb), .30);
    border-radius: 15px;
    color: rgb(var(--live-accent-rgb));
    background:
        radial-gradient(circle at 30% 20%, rgba(var(--live-accent-rgb), .28), transparent 52%),
        rgba(var(--live-accent-rgb), .09);
    box-shadow: 0 0 30px rgba(var(--live-accent-rgb), .15), inset 0 0 0 1px rgba(255,255,255,.025);
    font-size: 23px;
    font-weight: 950;
}

.owner-module-stat-grid-v151 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 14px;
}

.owner-module-stat-v151 {
    min-width: 0;
    min-height: 105px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    padding: 16px;
    border: 1px solid rgba(var(--live-accent-rgb), .17);
    border-radius: 13px;
    background:
        radial-gradient(circle at 8% 15%, rgba(var(--live-accent-rgb), .14), transparent 36%),
        linear-gradient(180deg, rgba(14,24,42,.95), rgba(9,15,28,.97));
    box-shadow: 0 18px 44px rgba(0,0,0,.21), inset 0 0 0 1px rgba(255,255,255,.018);
}

.owner-module-stat-v151 > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: rgb(var(--live-accent-rgb));
    background: rgba(var(--live-accent-rgb), .13);
    box-shadow: 0 0 23px rgba(var(--live-accent-rgb), .12);
    font-size: 19px;
    font-weight: 950;
}

.owner-module-stat-v151 div {
    min-width: 0;
}

.owner-module-stat-v151 small {
    display: block;
    margin-bottom: 4px;
    color: #a8b4ca;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.owner-module-stat-v151 strong {
    display: block;
    overflow: hidden;
    color: #f7f9ff;
    font-size: clamp(19px, 1.7vw, 25px);
    line-height: 1.08;
    letter-spacing: -.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-module-stat-v151 p {
    margin: 5px 0 0;
    color: #8290a9;
    font-size: 11px;
    line-height: 1.35;
}

.owner-module-section-head-v151 {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.owner-module-section-head-v151 > div {
    min-width: 0;
}

.owner-module-section-head-v151 h2 {
    margin: 0 0 5px !important;
}

.owner-module-section-head-v151 p {
    margin: 0;
    color: #8795ad;
    font-size: 11px;
    line-height: 1.45;
}

.owner-module-section-head-v151 > span {
    flex: 0 0 auto;
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border: 1px solid rgba(var(--live-accent-rgb), .22);
    border-radius: 999px;
    color: rgb(var(--live-accent-rgb));
    background: rgba(var(--live-accent-rgb), .09);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
}

.owner-module-primary-action-v151,
.owner-logs-save-v151 {
    min-height: 40px;
    border-color: rgba(var(--live-accent-rgb), .48) !important;
    background: linear-gradient(100deg, rgba(var(--live-accent-rgb), .94), rgba(111, 67, 255, .95)) !important;
    box-shadow: 0 12px 30px rgba(var(--live-accent-rgb), .20) !important;
}

.owner-module-warning-v151 {
    margin-top: 12px;
    padding: 12px 13px;
    border: 1px solid rgba(245,158,11,.22);
    border-radius: 10px;
    background: rgba(245,158,11,.075);
}

.owner-module-warning-v151 strong {
    display: block;
    color: #facc6b;
    font-size: 11px;
}

.owner-module-warning-v151 p {
    margin: 4px 0 0;
    color: #a9b2c5;
    font-size: 10px;
    line-height: 1.45;
}

.owner-module-empty-v151 {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 17px;
    border: 1px dashed rgba(148,163,184,.18);
    border-radius: 11px;
    color: #8190a9;
    background: rgba(5,10,20,.31);
    text-align: center;
}

.owner-module-empty-v151 > span {
    color: rgb(var(--live-accent-rgb));
    font-size: 25px;
}

.owner-module-empty-v151 strong {
    display: block;
    color: #dce5f5;
}

.owner-module-empty-v151 p {
    margin: 3px 0 0;
    font-size: 11px;
}

/* Autorangi */
.owner-autoroles-create-grid-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
    gap: 13px;
    margin-bottom: 14px;
}

.owner-autoroles-side-v151 {
    min-width: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 13px;
}

.owner-autoroles-create-form-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 11px;
}

.owner-autoroles-create-form-v151 label,
.owner-autoroles-button-form-v151 label,
.owner-logs-create-form-v151 label,
.owner-logs-channel-fields-v151 label,
.owner-logs-colors-v151 label {
    min-width: 0;
    display: grid;
    gap: 6px;
    color: #dbe5f5;
    font-size: 10px;
    font-weight: 850;
}

.owner-autoroles-create-form-v151 input,
.owner-autoroles-create-form-v151 select,
.owner-autoroles-create-form-v151 textarea,
.owner-autoroles-button-form-v151 input,
.owner-autoroles-button-form-v151 select,
.owner-logs-create-form-v151 input,
.owner-logs-create-form-v151 select,
.owner-logs-channel-fields-v151 select {
    min-height: 39px;
    border-radius: 8px;
}

.owner-autoroles-channel-v151,
.owner-autoroles-description-v151,
.owner-autoroles-create-form-v151 > .button {
    grid-column: 1 / -1;
}

.owner-autoroles-description-v151 textarea {
    min-height: 104px;
    resize: vertical;
}

.owner-autoroles-how-v151 ol {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.owner-autoroles-how-v151 li {
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.owner-autoroles-how-v151 li > span {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--live-accent-rgb), .24);
    border-radius: 9px;
    color: rgb(var(--live-accent-rgb));
    background: rgba(var(--live-accent-rgb), .10);
    font-size: 10px;
    font-weight: 950;
}

.owner-autoroles-how-v151 li p {
    margin: 0;
}

.owner-autoroles-how-v151 li strong,
.owner-autoroles-how-v151 li small {
    display: block;
}

.owner-autoroles-how-v151 li strong {
    color: #eaf0fb;
    font-size: 11px;
}

.owner-autoroles-how-v151 li small {
    margin-top: 2px;
    color: #8794aa;
    font-size: 10px;
    line-height: 1.4;
}

.owner-autoroles-discord-preview-v151 {
    --embed-color: #3498DB;
    min-width: 0;
    padding: 14px 14px 13px 17px;
    border-left: 4px solid var(--embed-color);
    border-radius: 7px;
    background: linear-gradient(180deg, rgba(26,35,54,.92), rgba(19,28,44,.94));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}

.owner-autoroles-discord-preview-v151 strong {
    color: var(--embed-color);
    font-size: 14px;
}

.owner-autoroles-discord-preview-v151 > p {
    margin: 7px 0 13px;
    color: #d8e1ef;
    font-size: 11px;
    line-height: 1.45;
}

.owner-autoroles-discord-preview-v151 > button,
.owner-autoroles-preview-buttons-v151 span {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(180deg, #2ca5f5, #168bd7);
    font-size: 10px;
    font-weight: 850;
    pointer-events: none;
}

.owner-autoroles-panels-section-v151 {
    margin-bottom: 14px;
}

.owner-autoroles-panel-list-v151 {
    display: grid;
    gap: 13px;
}

.owner-autoroles-panel-v151 {
    overflow: hidden;
    border: 1px solid rgba(var(--live-accent-rgb), .18);
    border-radius: 12px;
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--live-accent-rgb), .08), transparent 32%),
        rgba(6,12,23,.48);
}

.owner-autoroles-panel-v151.is-disabled {
    opacity: .72;
}

.owner-autoroles-panel-head-v151 {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 15px;
    border-bottom: 1px solid rgba(148,163,184,.10);
}

.owner-autoroles-panel-title-v151 {
    min-width: 0;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
}

.owner-autoroles-panel-icon-v151 {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: rgb(var(--live-accent-rgb));
    background: rgba(var(--live-accent-rgb), .13);
}

.owner-autoroles-panel-title-row-v151 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.owner-autoroles-panel-title-row-v151 h3 {
    margin: 0;
    color: #f5f8ff;
    font-size: 15px;
}

.owner-autoroles-panel-title-row-v151 em {
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    padding: 0 7px;
    border-radius: 999px;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}

.owner-autoroles-panel-title-row-v151 em.on {
    color: #7ef4a1;
    background: rgba(34,197,94,.12);
}

.owner-autoroles-panel-title-row-v151 em.off {
    color: #fca5a5;
    background: rgba(239,68,68,.12);
}

.owner-autoroles-panel-title-v151 p {
    margin: 5px 0;
    color: #a8b3c8;
    font-size: 11px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.owner-autoroles-panel-title-v151 small {
    color: #6f7d95;
    font-size: 9px;
    overflow-wrap: anywhere;
}

.owner-autoroles-panel-actions-v151 {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
}

.owner-autoroles-panel-actions-v151 .button,
.owner-autoroles-panel-actions-v151 .danger-button {
    min-height: 32px;
    padding: 0 11px;
}

.owner-autoroles-panel-grid-v151 {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, .82fr) minmax(280px, .9fr);
    gap: 12px;
    padding: 15px;
}

.owner-autoroles-panel-grid-v151 > div {
    min-width: 0;
    padding: 13px;
    border: 1px solid rgba(148,163,184,.10);
    border-radius: 10px;
    background: rgba(4,9,18,.32);
}

.owner-autoroles-panel-grid-v151 h4 {
    margin: 0 0 10px;
    color: #e6edf9;
    font-size: 12px;
}

.owner-autoroles-button-form-v151 {
    display: grid;
    gap: 9px;
}

.owner-autoroles-button-list-v151 {
    display: grid;
    gap: 7px;
}

.owner-autoroles-button-row-v151 {
    min-width: 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(148,163,184,.10);
    border-radius: 8px;
    background: rgba(19,28,44,.54);
}

.owner-autoroles-button-row-v151 > span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(var(--live-accent-rgb), .10);
}

.owner-autoroles-button-row-v151 strong,
.owner-autoroles-button-row-v151 small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-autoroles-button-row-v151 strong {
    color: #e8eef9;
    font-size: 10px;
}

.owner-autoroles-button-row-v151 small {
    margin-top: 2px;
    color: #78879f;
    font-size: 9px;
}

.owner-autoroles-button-row-v151 .danger-button {
    width: 28px;
    min-width: 28px;
    min-height: 28px;
    padding: 0;
}

.owner-autoroles-live-preview-v151 > small {
    display: block;
    margin-bottom: 8px;
    color: #7f8ca1;
    font-size: 9px;
    font-weight: 850;
    text-transform: uppercase;
}

.owner-autoroles-preview-buttons-v151 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.owner-autoroles-preview-buttons-v151 span {
    min-height: 27px;
    padding: 0 9px;
}

.owner-autoroles-preview-buttons-v151 span.placeholder {
    color: #7f8ba0;
    background: rgba(148,163,184,.10);
}

.owner-autoroles-publish-v151 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 15px 15px;
    border-top: 1px solid rgba(148,163,184,.10);
}

.owner-autoroles-publish-v151 p {
    margin: 0;
    color: #77869e;
    font-size: 10px;
}

.owner-autoroles-publish-v151 .button {
    flex: 0 0 auto;
    min-height: 34px;
}

/* Logi */
.owner-logs-setup-grid-v151,
.owner-logs-settings-grid-v151,
.owner-logs-technical-grid-v151 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-bottom: 14px;
}

.owner-logs-create-form-v151 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.owner-logs-create-form-v151 > label:first-of-type,
.owner-logs-create-form-v151 > .alert,
.owner-logs-create-form-v151 > .button {
    grid-column: 1 / -1;
}

.owner-logs-create-form-v151 label small,
.owner-logs-channel-fields-v151 label small {
    color: #738198;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.35;
}

.owner-logs-status-list-v151 {
    display: grid;
    gap: 7px;
}

.owner-logs-status-row-v151 {
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid rgba(148,163,184,.10);
    border-radius: 9px;
    color: inherit;
    background: rgba(5,10,20,.34);
    text-decoration: none;
    transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.owner-logs-status-row-v151:hover {
    transform: translateX(2px);
    border-color: rgba(var(--live-accent-rgb), .28);
    background: rgba(var(--live-accent-rgb), .055);
}

.owner-logs-status-icon-v151 {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #7c8aa1;
    background: rgba(148,163,184,.08);
    font-weight: 950;
}

.owner-logs-status-row-v151.ok .owner-logs-status-icon-v151 {
    color: #5ee68a;
    background: rgba(34,197,94,.11);
}

.owner-logs-status-row-v151.warning .owner-logs-status-icon-v151 {
    color: #f6c45b;
    background: rgba(245,158,11,.11);
}

.owner-logs-status-row-v151 strong,
.owner-logs-status-row-v151 small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-logs-status-row-v151 strong {
    color: #e7edf8;
    font-size: 10px;
}

.owner-logs-status-row-v151 small {
    margin-top: 2px;
    color: #748299;
    font-size: 9px;
}

.owner-logs-status-row-v151 em {
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    padding: 0 7px;
    border-radius: 999px;
    color: #7c8aa1;
    background: rgba(148,163,184,.08);
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
}

.owner-logs-status-row-v151.ok em {
    color: #67ec92;
    background: rgba(34,197,94,.10);
}

.owner-logs-status-row-v151.warning em {
    color: #f9c768;
    background: rgba(245,158,11,.10);
}

.owner-logs-settings-form-v151 {
    margin-bottom: 14px;
}

.owner-logs-settings-grid-v151 {
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
    margin-bottom: 10px;
}

.owner-logs-channel-fields-v151 {
    display: grid;
    gap: 9px;
}

.owner-logs-toggle-grid-v151 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.owner-logs-toggle-v151 {
    min-width: 0;
    min-height: 34px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px 8px;
    border: 1px solid rgba(148,163,184,.10);
    border-radius: 8px;
    background: rgba(5,10,20,.34);
    cursor: pointer;
}

.owner-logs-toggle-v151 input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.owner-logs-toggle-v151 i {
    width: 16px;
    height: 16px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(148,163,184,.26);
    border-radius: 5px;
    background: rgba(7,12,23,.8);
}

.owner-logs-toggle-v151 input:checked + i {
    border-color: rgba(var(--live-accent-rgb), .52);
    background: linear-gradient(135deg, rgb(var(--live-accent-rgb)), #7655ff);
    box-shadow: 0 0 14px rgba(var(--live-accent-rgb), .18);
}

.owner-logs-toggle-v151 input:checked + i::before {
    content: "✓";
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 950;
}

.owner-logs-toggle-v151 span {
    min-width: 0;
    overflow: hidden;
    color: #c9d3e3;
    font-size: 9px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-logs-colors-v151 {
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid rgba(148,163,184,.10);
}

.owner-logs-colors-v151 h3 {
    margin: 0 0 9px;
    color: #e7edf8;
    font-size: 12px;
}

.owner-logs-colors-v151 > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.owner-logs-colors-v151 .color-input-row {
    min-height: 38px;
}

.owner-logs-save-v151 {
    width: 100%;
}

.owner-logs-events-card-v151,
.owner-logs-audit-card-v151 {
    margin-bottom: 14px;
}

.owner-logs-event-table-v151 {
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.10);
    border-radius: 10px;
}

.owner-logs-event-head-v151,
.owner-logs-event-table-v151 article {
    min-width: 0;
    display: grid;
    grid-template-columns: 170px minmax(170px, .55fr) minmax(0, 1.45fr);
    gap: 14px;
    align-items: center;
    padding: 9px 11px;
}

.owner-logs-event-head-v151 {
    color: #7f8ca2;
    background: rgba(148,163,184,.055);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.owner-logs-event-table-v151 article {
    border-top: 1px solid rgba(148,163,184,.075);
}

.owner-logs-event-table-v151 article:nth-child(odd) {
    background: rgba(5,10,20,.24);
}

.owner-logs-event-table-v151 time,
.owner-logs-event-table-v151 strong,
.owner-logs-event-table-v151 p {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.owner-logs-event-table-v151 time {
    color: #748198;
    font-size: 9px;
}

.owner-logs-event-table-v151 strong {
    color: #dce5f3;
    font-size: 9px;
}

.owner-logs-event-table-v151 p {
    color: #9aa7bb;
    font-size: 9px;
    line-height: 1.4;
}

.owner-logs-file-card-v151 {
    min-width: 0;
}

.owner-logs-file-card-v151 pre {
    max-height: 300px;
    overflow: auto;
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(148,163,184,.10);
    border-radius: 9px;
    color: #99d9f7;
    background: #050a12;
    font: 9px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.owner-logs-error-file-v151 pre {
    color: #f5a5ab;
}

.owner-logs-audit-list-v151 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.owner-logs-audit-list-v151 article {
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(148,163,184,.09);
    border-radius: 9px;
    background: rgba(5,10,20,.30);
}

.owner-logs-audit-list-v151 article > span {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: rgb(var(--live-accent-rgb));
    background: rgba(var(--live-accent-rgb), .10);
}

.owner-logs-audit-list-v151 strong,
.owner-logs-audit-list-v151 small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-logs-audit-list-v151 strong {
    color: #dce5f3;
    font-size: 10px;
}

.owner-logs-audit-list-v151 small {
    margin-top: 2px;
    color: #728096;
    font-size: 9px;
}

@container owner-live (max-width: 1180px) {
    .owner-module-stat-grid-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .owner-autoroles-create-grid-v151,
    .owner-logs-settings-grid-v151 {
        grid-template-columns: 1fr;
    }

    .owner-autoroles-side-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
    }

    .owner-autoroles-panel-grid-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .owner-autoroles-live-preview-v151 {
        grid-column: 1 / -1;
    }

    .owner-logs-toggle-grid-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container owner-live (max-width: 820px) {
    .owner-logs-setup-grid-v151,
    .owner-logs-technical-grid-v151,
    .owner-autoroles-side-v151,
    .owner-autoroles-panel-grid-v151 {
        grid-template-columns: 1fr;
    }

    .owner-autoroles-live-preview-v151 {
        grid-column: auto;
    }

    .owner-logs-event-head-v151 {
        display: none;
    }

    .owner-logs-event-table-v151 article {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 11px;
    }

    .owner-logs-audit-list-v151 {
        grid-template-columns: 1fr;
    }
}

@container owner-live (max-width: 620px) {
    .owner-live-module-v151 .page-header,
    .owner-autoroles-panel-head-v151,
    .owner-autoroles-publish-v151,
    .owner-module-section-head-v151 {
        flex-direction: column;
        align-items: stretch;
    }

    .owner-live-module-v151 .header-actions,
    .owner-autoroles-panel-actions-v151 {
        width: 100%;
    }

    .owner-live-module-v151 .header-actions .button,
    .owner-autoroles-panel-actions-v151 form,
    .owner-autoroles-panel-actions-v151 .button,
    .owner-autoroles-panel-actions-v151 .danger-button,
    .owner-autoroles-publish-v151 .button {
        width: 100%;
    }

    .owner-module-title-v151 {
        align-items: flex-start;
    }

    .owner-module-logo-v151 {
        width: 42px;
        height: 42px;
    }

    .owner-module-stat-grid-v151,
    .owner-autoroles-create-form-v151,
    .owner-logs-create-form-v151,
    .owner-logs-colors-v151 > div {
        grid-template-columns: 1fr;
    }

    .owner-autoroles-channel-v151,
    .owner-autoroles-description-v151,
    .owner-autoroles-create-form-v151 > .button,
    .owner-logs-create-form-v151 > label:first-of-type,
    .owner-logs-create-form-v151 > .alert,
    .owner-logs-create-form-v151 > .button {
        grid-column: auto;
    }

    .owner-logs-toggle-grid-v151 {
        grid-template-columns: 1fr;
    }
}

/* Silent Owner readability correction - Logi + Autorangi */
.owner-logs-module-v151,
.owner-autoroles-module-v151 {
    max-width: 1560px;
}

.owner-logs-module-v151 .page-header .eyebrow,
.owner-autoroles-module-v151 .page-header .eyebrow {
    font-size: 12px;
}

.owner-logs-module-v151 .page-header p,
.owner-autoroles-module-v151 .page-header p {
    max-width: 820px;
    font-size: 14px;
    line-height: 1.55;
}

.owner-logs-module-v151 .card,
.owner-autoroles-module-v151 .card {
    padding: 21px 22px;
}

.owner-logs-module-v151 .card h2,
.owner-autoroles-module-v151 .card h2,
.owner-module-section-head-v151 h2 {
    font-size: 19px;
    line-height: 1.2;
}

.owner-module-section-head-v151 {
    margin-bottom: 17px;
}

.owner-module-section-head-v151 p {
    max-width: 760px;
    font-size: 13px;
    line-height: 1.55;
}

.owner-module-section-head-v151 > span {
    min-height: 29px;
    padding: 0 11px;
    font-size: 10px;
}

.owner-module-stat-grid-v151 {
    gap: 14px;
    margin-bottom: 16px;
}

.owner-module-stat-v151 {
    min-height: 112px;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 15px;
    padding: 18px;
}

.owner-module-stat-v151 > span {
    width: 48px;
    height: 48px;
    font-size: 21px;
}

.owner-module-stat-v151 small {
    margin-bottom: 5px;
    font-size: 11px;
    letter-spacing: .07em;
}

.owner-module-stat-v151 strong {
    font-size: clamp(24px, 1.75vw, 30px);
}

.owner-module-stat-v151 p {
    margin-top: 6px;
    color: #9aa8bd;
    font-size: 12.5px;
    line-height: 1.45;
}

.owner-module-primary-action-v151,
.owner-logs-save-v151 {
    min-height: 46px;
    font-size: 13px;
}

.owner-module-warning-v151 {
    margin-top: 15px;
    padding: 14px 15px;
}

.owner-module-warning-v151 strong {
    font-size: 13px;
}

.owner-module-warning-v151 p {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.55;
}

.owner-module-empty-v151 {
    min-height: 100px;
    padding: 20px;
}

.owner-module-empty-v151 strong {
    font-size: 14px;
}

.owner-module-empty-v151 p {
    margin-top: 5px;
    font-size: 12.5px;
}

/* Autorangi readability */
.owner-autoroles-create-grid-v151 {
    align-items: start;
    gap: 16px;
    margin-bottom: 16px;
}

.owner-autoroles-side-v151 {
    align-self: start;
    gap: 16px;
}

.owner-autoroles-create-form-v151 {
    gap: 14px 13px;
}

.owner-autoroles-create-form-v151 label,
.owner-autoroles-button-form-v151 label {
    gap: 8px;
    color: #e2e9f6;
    font-size: 13px;
    line-height: 1.35;
}

.owner-autoroles-create-form-v151 input,
.owner-autoroles-create-form-v151 select,
.owner-autoroles-create-form-v151 textarea,
.owner-autoroles-button-form-v151 input,
.owner-autoroles-button-form-v151 select {
    min-height: 46px;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 10px;
    font-size: 13px;
}

.owner-autoroles-description-v151 textarea {
    min-height: 128px;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 1.55;
}

.owner-autoroles-create-form-v151 > .button,
.owner-autoroles-button-form-v151 .button {
    min-height: 46px;
    font-size: 13px;
}

.owner-autoroles-how-v151 ol {
    gap: 15px;
}

.owner-autoroles-how-v151 li {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
}

.owner-autoroles-how-v151 li > span {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 12px;
}

.owner-autoroles-how-v151 li strong {
    font-size: 14px;
    line-height: 1.35;
}

.owner-autoroles-how-v151 li small {
    margin-top: 4px;
    color: #9aa8bd;
    font-size: 12px;
    line-height: 1.5;
}

.owner-autoroles-discord-preview-v151 {
    padding: 18px 18px 17px 21px;
    border-left-width: 5px;
    border-radius: 9px;
}

.owner-autoroles-discord-preview-v151 strong {
    font-size: 17px;
}

.owner-autoroles-discord-preview-v151 > p {
    margin: 9px 0 16px;
    font-size: 13px;
    line-height: 1.55;
}

.owner-autoroles-discord-preview-v151 > button,
.owner-autoroles-preview-buttons-v151 span {
    min-height: 38px;
    padding: 0 16px;
    border-radius: 7px;
    font-size: 12px;
}

.owner-autoroles-panels-section-v151 {
    margin-bottom: 16px;
}

.owner-autoroles-panel-list-v151 {
    gap: 16px;
}

.owner-autoroles-panel-head-v151 {
    padding: 18px;
}

.owner-autoroles-panel-title-v151 {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
}

.owner-autoroles-panel-icon-v151 {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    font-size: 18px;
}

.owner-autoroles-panel-title-row-v151 h3 {
    font-size: 17px;
}

.owner-autoroles-panel-title-row-v151 em {
    min-height: 24px;
    padding: 0 9px;
    font-size: 9px;
}

.owner-autoroles-panel-title-v151 p {
    margin: 7px 0;
    font-size: 13px;
    line-height: 1.5;
}

.owner-autoroles-panel-title-v151 small {
    font-size: 11px;
    line-height: 1.45;
}

.owner-autoroles-panel-actions-v151 .button,
.owner-autoroles-panel-actions-v151 .danger-button {
    min-height: 38px;
    padding: 0 14px;
    font-size: 12px;
}

.owner-autoroles-panel-grid-v151 {
    gap: 14px;
    padding: 18px;
}

.owner-autoroles-panel-grid-v151 > div {
    padding: 16px;
    border-radius: 11px;
}

.owner-autoroles-panel-grid-v151 h4 {
    margin-bottom: 13px;
    font-size: 14px;
}

.owner-autoroles-button-form-v151 {
    gap: 12px;
}

.owner-autoroles-button-list-v151 {
    gap: 9px;
}

.owner-autoroles-button-row-v151 {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 10px;
}

.owner-autoroles-button-row-v151 > span {
    width: 34px;
    height: 34px;
}

.owner-autoroles-button-row-v151 strong {
    font-size: 12px;
}

.owner-autoroles-button-row-v151 small {
    margin-top: 3px;
    font-size: 10.5px;
}

.owner-autoroles-button-row-v151 .danger-button {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
}

.owner-autoroles-live-preview-v151 > small {
    margin-bottom: 10px;
    font-size: 10px;
}

.owner-autoroles-preview-buttons-v151 {
    gap: 8px;
}

.owner-autoroles-preview-buttons-v151 span {
    min-height: 33px;
    padding: 0 12px;
}

.owner-autoroles-publish-v151 {
    padding: 15px 18px 18px;
}

.owner-autoroles-publish-v151 p {
    color: #94a1b6;
    font-size: 12px;
    line-height: 1.45;
}

.owner-autoroles-publish-v151 .button {
    min-height: 40px;
    font-size: 12px;
}

/* Logs readability */
.owner-logs-setup-grid-v151,
.owner-logs-settings-grid-v151,
.owner-logs-technical-grid-v151 {
    align-items: start;
    gap: 16px;
    margin-bottom: 16px;
}

.owner-logs-create-form-v151 {
    gap: 13px;
}

.owner-logs-create-form-v151 label,
.owner-logs-channel-fields-v151 label,
.owner-logs-colors-v151 label {
    gap: 8px;
    color: #e2e9f6;
    font-size: 13px;
    line-height: 1.35;
}

.owner-logs-create-form-v151 input,
.owner-logs-create-form-v151 select,
.owner-logs-channel-fields-v151 select {
    min-height: 46px;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 10px;
    font-size: 13px;
}

.owner-logs-create-form-v151 label small,
.owner-logs-channel-fields-v151 label small {
    color: #8f9db3;
    font-size: 11.5px;
    line-height: 1.5;
}

.owner-logs-status-list-v151 {
    gap: 9px;
}

.owner-logs-status-row-v151 {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 12px;
    min-height: 58px;
    padding: 10px 12px;
}

.owner-logs-status-icon-v151 {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    font-size: 16px;
}

.owner-logs-status-row-v151 strong {
    font-size: 13px;
}

.owner-logs-status-row-v151 small {
    margin-top: 4px;
    color: #93a0b5;
    font-size: 11px;
}

.owner-logs-status-row-v151 em {
    min-height: 24px;
    padding: 0 9px;
    font-size: 9px;
}

.owner-logs-settings-form-v151 {
    margin-bottom: 16px;
}

.owner-logs-settings-grid-v151 {
    margin-bottom: 12px;
}

.owner-logs-channel-fields-v151 {
    gap: 13px;
}

.owner-logs-toggle-grid-v151 {
    gap: 9px;
}

.owner-logs-toggle-v151 {
    min-height: 44px;
    grid-template-columns: 21px minmax(0, 1fr);
    gap: 10px;
    padding: 9px 10px;
    border-radius: 9px;
}

.owner-logs-toggle-v151 i {
    width: 20px;
    height: 20px;
    border-radius: 6px;
}

.owner-logs-toggle-v151 input:checked + i::before {
    font-size: 12px;
}

.owner-logs-toggle-v151 span {
    overflow: visible;
    color: #d6deeb;
    font-size: 12px;
    line-height: 1.35;
    text-overflow: clip;
    white-space: normal;
}

.owner-logs-colors-v151 {
    margin-top: 17px;
    padding-top: 16px;
}

.owner-logs-colors-v151 h3 {
    margin-bottom: 12px;
    font-size: 16px;
}

.owner-logs-colors-v151 > div {
    gap: 12px;
}

.owner-logs-colors-v151 .color-input-row {
    min-height: 46px;
}

.owner-logs-events-card-v151,
.owner-logs-audit-card-v151 {
    margin-bottom: 16px;
}

.owner-logs-event-head-v151,
.owner-logs-event-table-v151 article {
    grid-template-columns: 185px minmax(190px, .6fr) minmax(0, 1.4fr);
    gap: 16px;
    padding: 12px 14px;
}

.owner-logs-event-head-v151 {
    font-size: 10px;
}

.owner-logs-event-table-v151 time {
    font-size: 11.5px;
}

.owner-logs-event-table-v151 strong {
    font-size: 12px;
}

.owner-logs-event-table-v151 p {
    font-size: 12px;
    line-height: 1.5;
}

.owner-logs-file-card-v151 pre {
    max-height: 340px;
    padding: 15px;
    font: 11px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.owner-logs-audit-list-v151 {
    gap: 10px;
}

.owner-logs-audit-list-v151 article {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 11px;
    min-height: 58px;
    padding: 11px;
}

.owner-logs-audit-list-v151 article > span {
    width: 36px;
    height: 36px;
}

.owner-logs-audit-list-v151 strong {
    font-size: 12px;
}

.owner-logs-audit-list-v151 small {
    margin-top: 4px;
    font-size: 10.5px;
}

@container owner-live (max-width: 1180px) {
    .owner-autoroles-create-grid-v151,
    .owner-logs-settings-grid-v151 {
        gap: 15px;
    }

    .owner-autoroles-side-v151 {
        align-items: start;
    }

    .owner-logs-toggle-grid-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container owner-live (max-width: 820px) {
    .owner-logs-module-v151 .card,
    .owner-autoroles-module-v151 .card {
        padding: 19px;
    }

    .owner-module-stat-v151 {
        min-height: 104px;
    }

    .owner-logs-event-table-v151 article {
        gap: 6px;
        padding: 14px;
    }

    .owner-logs-event-table-v151 article::before {
        color: #718099;
        font-size: 10px;
    }
}

@container owner-live (max-width: 620px) {
    .owner-logs-module-v151 .page-header p,
    .owner-autoroles-module-v151 .page-header p {
        font-size: 13px;
    }

    .owner-module-stat-v151 {
        min-height: 98px;
        grid-template-columns: 42px minmax(0, 1fr);
        padding: 15px;
    }

    .owner-module-stat-v151 > span {
        width: 42px;
        height: 42px;
    }

    .owner-module-stat-v151 strong {
        font-size: 24px;
    }

    .owner-logs-toggle-grid-v151,
    .owner-logs-colors-v151 > div {
        grid-template-columns: 1fr;
    }

    .owner-logs-status-row-v151 {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .owner-logs-status-row-v151 em {
        grid-column: 2;
        justify-self: start;
    }
}

/* ============================================================
   Silent Owner preview, Custom Commands tabs visual pass
   Scope: owner only. Existing admin view remains unchanged.
   ============================================================ */
.owner-commands-module-v152 {
    --cmd-bg: rgba(8, 15, 29, .84);
    --cmd-card: linear-gradient(145deg, rgba(14, 27, 49, .94), rgba(8, 16, 31, .96));
    --cmd-card-soft: rgba(13, 24, 43, .82);
    --cmd-border: rgba(103, 132, 183, .22);
    --cmd-border-strong: rgba(139, 92, 246, .48);
    --cmd-text: #f7f9ff;
    --cmd-muted: #9fb0cf;
    --cmd-blue: #38bdf8;
    --cmd-purple: #8b5cf6;
    --cmd-cyan: #22d3ee;
    container-type: inline-size;
    color: var(--cmd-text);
}

.owner-commands-module-v152 .page-header {
    position: relative;
    margin: 8px 0 22px;
    padding: 6px 0 14px;
    align-items: flex-end;
}

.owner-commands-module-v152 .page-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(139, 92, 246, .72), rgba(34, 211, 238, .42), transparent 78%);
}

.owner-commands-module-v152 .page-header .eyebrow {
    margin-bottom: 4px;
    color: #b794ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.owner-commands-module-v152 .page-header h1 {
    margin: 0;
    font-size: clamp(34px, 3.2vw, 48px);
    line-height: 1;
    letter-spacing: -.04em;
}

.owner-commands-module-v152 .page-header > div:first-child > p:last-child {
    max-width: 880px;
    margin-top: 9px;
    color: var(--cmd-muted);
    font-size: 14px;
    line-height: 1.55;
}

.owner-commands-module-v152 .header-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.owner-commands-module-v152 .header-actions .button {
    min-height: 42px;
    padding: 0 18px;
    border-color: rgba(99, 179, 237, .35);
    background: rgba(12, 24, 44, .82);
    box-shadow: inset 0 1px rgba(255,255,255,.035);
}

.owner-commands-module-v152 .header-actions .button:first-child {
    border-color: rgba(56, 189, 248, .58);
    box-shadow: 0 0 22px rgba(34, 211, 238, .10), inset 0 1px rgba(255,255,255,.05);
}

.owner-commands-module-v152 .module-tabs {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    margin-bottom: 18px;
    padding: 6px;
    border: 1px solid rgba(95, 121, 166, .24);
    border-radius: 17px;
    background: rgba(7, 14, 27, .78);
    box-shadow: inset 0 1px rgba(255,255,255,.025), 0 14px 32px rgba(0,0,0,.16);
    overflow: hidden;
}

.owner-commands-module-v152 .tab-button {
    position: relative;
    min-height: 47px;
    padding: 11px 16px 11px 42px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #9eabc3;
    font-size: 14px;
    text-align: left;
    transition: color .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.owner-commands-module-v152 .tab-button::before {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    text-align: center;
    color: #8796b1;
    font-size: 15px;
}

.owner-commands-module-v152 .tab-button[data-tab-target="creator"]::before { content: "✣"; }
.owner-commands-module-v152 .tab-button[data-tab-target="existing"]::before { content: "▤"; }
.owner-commands-module-v152 .tab-button[data-tab-target="lists"]::before { content: "▣"; }
.owner-commands-module-v152 .tab-button[data-tab-target="slash"]::before { content: "</>"; font-size: 10px; font-weight: 900; }

.owner-commands-module-v152 .tab-button:hover {
    color: #eef4ff;
    border-color: rgba(94, 129, 190, .22);
    background: rgba(24, 38, 65, .56);
}

.owner-commands-module-v152 .tab-button.active {
    color: #fff;
    border-color: rgba(168, 85, 247, .48);
    background:
        linear-gradient(180deg, rgba(126, 74, 217, .30), rgba(82, 45, 152, .16)),
        rgba(19, 31, 54, .92);
    box-shadow: 0 0 26px rgba(139, 92, 246, .14), inset 0 -2px rgba(217, 70, 239, .62);
}

.owner-commands-module-v152 .tab-button.active::before {
    color: #d8b4fe;
}

.owner-commands-module-v152 .card,
.owner-commands-module-v152 .list-card {
    border: 1px solid var(--cmd-border);
    background: var(--cmd-card);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .18), inset 0 1px rgba(255,255,255,.025);
}

.owner-commands-module-v152 .card h2,
.owner-commands-module-v152 .list-card h2 {
    color: #fff;
    font-size: 20px;
    letter-spacing: -.02em;
}

.owner-commands-module-v152 .card p,
.owner-commands-module-v152 .list-card p,
.owner-commands-module-v152 .field-help,
.owner-commands-module-v152 .muted,
.owner-commands-module-v152 .small {
    color: var(--cmd-muted);
}

.owner-commands-module-v152 label,
.owner-commands-module-v152 .field-label {
    color: #eaf0ff;
    font-size: 13px;
    font-weight: 800;
}

.owner-commands-module-v152 input[type="text"],
.owner-commands-module-v152 input[type="number"],
.owner-commands-module-v152 input[type="file"],
.owner-commands-module-v152 input[type="url"],
.owner-commands-module-v152 select {
    min-height: 45px;
    border-color: rgba(99, 123, 166, .28);
    background: rgba(5, 12, 24, .88);
    color: #f6f8ff;
    font-size: 14px;
}

.owner-commands-module-v152 input:focus,
.owner-commands-module-v152 select:focus,
.owner-commands-module-v152 textarea:focus,
.owner-commands-module-v152 .rich-command-editor-v66:focus {
    border-color: rgba(139, 92, 246, .78);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, .14), 0 0 20px rgba(56, 189, 248, .06);
}

.owner-commands-module-v152 .button {
    min-height: 42px;
    padding: 0 17px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 900;
    background: linear-gradient(100deg, #4f8df7, #6f49ef 58%, #8b3cf6);
    box-shadow: 0 8px 24px rgba(92, 74, 238, .18);
}

.owner-commands-module-v152 .button.secondary {
    border: 1px solid rgba(88, 142, 220, .28);
    background: rgba(17, 33, 58, .88);
    box-shadow: none;
}

.owner-commands-module-v152 .button.tiny,
.owner-commands-module-v152 .button.small {
    min-height: 35px;
    padding: 0 13px;
}

.owner-commands-module-v152 .badge,
.owner-commands-module-v152 .access-pill {
    border-color: rgba(98, 132, 190, .30);
    background: rgba(32, 52, 87, .70);
    color: #cfe1ff;
}

/* Creator, use the accepted visual language as the source for all tabs. */
.owner-commands-module-v152 .command-creator-clean {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(360px, .78fr);
    grid-template-areas:
        "template preview"
        "builder preview";
    gap: 16px;
    align-items: start;
}

.owner-commands-module-v152 .template-bar-card {
    grid-area: template;
    padding: 16px 18px;
}

.owner-commands-module-v152 .command-preview-top {
    grid-area: preview;
    position: sticky;
    top: 76px;
    min-height: 430px;
    padding: 22px;
    border-color: rgba(56, 189, 248, .24);
    background:
        radial-gradient(circle at 0 0, rgba(34, 211, 238, .10), transparent 35%),
        linear-gradient(145deg, rgba(14, 29, 52, .96), rgba(8, 16, 31, .96));
}

.owner-commands-module-v152 .clean-builder-card {
    grid-area: builder;
    max-width: none;
    padding: 22px;
    border-color: rgba(139, 92, 246, .34);
}

.owner-commands-module-v152 .template-bar {
    grid-template-columns: minmax(190px, .64fr) minmax(260px, 1.2fr);
}

.owner-commands-module-v152 .discord-command-preview {
    gap: 11px;
    padding: 16px;
    border-color: rgba(97, 126, 176, .24);
    background: rgba(6, 13, 26, .80);
}

.owner-commands-module-v152 .discord-command-preview code {
    display: block;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,.035);
    color: #fff;
    font-size: 15px;
}

.owner-commands-module-v152 .discord-command-preview p {
    min-height: 76px;
    border-left: 3px solid #38bdf8;
    background: rgba(39, 56, 96, .40);
    color: #e7efff;
    font-size: 14px;
    line-height: 1.55;
}

.owner-commands-module-v152 .rich-command-editor-v66 {
    min-height: 126px;
    border-color: rgba(99, 123, 166, .28);
    background: rgba(5, 12, 24, .88);
    font-size: 14px;
}

.owner-commands-module-v152 .advanced-command-options,
.owner-commands-module-v152 .soft-details {
    border-color: rgba(98, 126, 175, .22);
    background: rgba(5, 13, 26, .60);
}

.owner-commands-module-v152 .soft-details summary {
    min-height: 45px;
    display: flex;
    align-items: center;
    color: #eaf0ff;
}

.owner-commands-module-v152 .command-studio-hint-card {
    border-color: rgba(91, 123, 177, .22);
    background: rgba(31, 48, 79, .48);
}

.owner-commands-module-v152 .sticky-form-actions {
    margin: 2px -22px -22px;
    padding: 15px 22px;
    background: rgba(8, 17, 32, .96);
}

/* Existing commands */
.owner-commands-module-v152 [data-tab-panel="existing"] > .card {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.owner-commands-module-v152 [data-tab-panel="existing"] > .card > .section-head {
    margin-bottom: 14px;
    padding: 18px 20px;
    border: 1px solid var(--cmd-border);
    border-radius: 16px;
    background:
        radial-gradient(circle at 100% 0, rgba(139, 92, 246, .13), transparent 30%),
        var(--cmd-card);
}

.owner-commands-module-v152 .manageable-command-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.owner-commands-module-v152 .command-manage-card {
    position: relative;
    align-content: start;
    min-width: 0;
    padding: 18px;
    border-color: var(--cmd-border);
    border-radius: 16px;
    background:
        radial-gradient(circle at 100% 0, rgba(56, 189, 248, .07), transparent 35%),
        var(--cmd-card);
    box-shadow: 0 14px 34px rgba(0,0,0,.16);
}

.owner-commands-module-v152 .command-manage-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    border-radius: 16px 0 0 16px;
    background: linear-gradient(180deg, #38bdf8, #8b5cf6);
    opacity: .8;
}

.owner-commands-module-v152 .command-manage-head {
    align-items: center;
    padding-left: 4px;
}

.owner-commands-module-v152 .command-manage-head .command-name {
    padding: 8px 11px;
    border: 1px solid rgba(139, 92, 246, .28);
    border-radius: 10px;
    background: rgba(139, 92, 246, .11);
    color: #f0e8ff;
    font-size: 15px;
}

.owner-commands-module-v152 .inline-actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.owner-commands-module-v152 .danger-link {
    min-height: 35px;
    padding: 0 12px;
    border: 1px solid rgba(239, 68, 68, .28);
    border-radius: 10px;
    background: rgba(127, 29, 29, .12);
    color: #fca5a5;
}

.owner-commands-module-v152 .command-test-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    margin-top: 4px;
    padding: 13px;
    background: rgba(27, 43, 72, .46);
}

.owner-commands-module-v152 .command-test-row label {
    min-width: 0;
}

.owner-commands-module-v152 .command-manage-card > .muted.small {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid rgba(92, 121, 170, .16);
    border-radius: 11px;
    background: rgba(4, 11, 22, .46);
    line-height: 1.5;
}

.owner-commands-module-v152 .command-revision-item {
    align-items: flex-start;
    border-color: rgba(91, 123, 177, .18);
    background: rgba(17, 31, 53, .68);
}

.owner-commands-module-v152 .edit-command-details .details-body {
    gap: 13px;
}

/* Response lists */
.owner-commands-module-v152 .command-lists-layout {
    grid-template-columns: minmax(0, 1.55fr) minmax(310px, .65fr);
    gap: 16px;
    align-items: start;
}

.owner-commands-module-v152 [data-tab-panel="lists"] .command-lists-layout > .card {
    padding: 20px;
}

.owner-commands-module-v152 .list-help-card {
    position: sticky;
    top: 76px;
    border-color: rgba(56, 189, 248, .24);
    background:
        radial-gradient(circle at 100% 0, rgba(34, 211, 238, .11), transparent 35%),
        var(--cmd-card);
}

.owner-commands-module-v152 .weight-examples {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.owner-commands-module-v152 .weight-examples span {
    min-height: 60px;
    display: grid;
    place-items: center;
    padding: 10px;
    border: 1px solid rgba(91, 123, 177, .20);
    background: rgba(18, 34, 58, .72);
    color: #dce8ff;
    text-align: center;
}

.owner-commands-module-v152 .better-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.owner-commands-module-v152 .list-card-v50 {
    min-width: 0;
    padding: 18px;
    border-color: var(--cmd-border);
    border-radius: 16px;
    background:
        radial-gradient(circle at 0 0, rgba(139, 92, 246, .08), transparent 32%),
        var(--cmd-card);
}

.owner-commands-module-v152 .list-card-head {
    align-items: center;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(98, 126, 175, .17);
}

.owner-commands-module-v152 .list-card-head strong {
    color: #fff;
    font-size: 17px;
}

.owner-commands-module-v152 .list-card-head span {
    display: block;
    margin-top: 5px;
    color: var(--cmd-muted);
    font-size: 12px;
}

.owner-commands-module-v152 .list-items-panel-v56 {
    margin: 13px 0;
    padding: 13px;
    border: 1px solid rgba(91, 123, 177, .18);
    border-radius: 13px;
    background: rgba(5, 12, 24, .52);
}

.owner-commands-module-v152 .list-items-panel-head-v56 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.owner-commands-module-v152 .list-item-row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    min-height: 46px;
    border-color: rgba(91, 123, 177, .18);
    background: rgba(18, 34, 58, .64);
}

.owner-commands-module-v152 .list-add-details-v56 + .list-add-details-v56 {
    margin-top: 10px;
}

/* Slash commands */
.owner-commands-module-v152 [data-tab-panel="slash"].active {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.owner-commands-module-v152 [data-tab-panel="slash"] > .card:first-child {
    grid-column: 1 / -1;
    padding: 20px;
    border-color: rgba(56, 189, 248, .28);
    background:
        radial-gradient(circle at 95% 0, rgba(56, 189, 248, .12), transparent 28%),
        var(--cmd-card);
}

.owner-commands-module-v152 [data-tab-panel="slash"] > .command-group {
    min-width: 0;
    padding: 18px;
    border-radius: 16px;
}

.owner-commands-module-v152 .command-group > h2 {
    margin-bottom: 5px;
    font-size: 18px;
}

.owner-commands-module-v152 .command-group > p {
    min-height: 38px;
    margin-bottom: 13px;
    font-size: 13px;
    line-height: 1.5;
}

.owner-commands-module-v152 .command-list {
    gap: 8px;
}

.owner-commands-module-v152 .command-row {
    display: grid;
    grid-template-columns: minmax(150px, .72fr) auto minmax(0, 1.4fr);
    align-items: center;
    gap: 10px;
    min-height: 49px;
    padding: 10px 11px;
    border: 1px solid rgba(91, 123, 177, .17);
    border-radius: 11px;
    background: rgba(7, 15, 29, .62);
}

.owner-commands-module-v152 .command-row:hover {
    border-color: rgba(56, 189, 248, .32);
    background: rgba(15, 31, 55, .78);
}

.owner-commands-module-v152 .command-row .command-name {
    overflow-wrap: anywhere;
    color: #dce8ff;
    font-size: 13px;
}

.owner-commands-module-v152 .command-row .muted {
    min-width: 0;
    font-size: 12px;
    line-height: 1.45;
}

@container (max-width: 1120px) {
    .owner-commands-module-v152 .command-creator-clean {
        grid-template-columns: minmax(0, 1.35fr) minmax(330px, .8fr);
    }
    .owner-commands-module-v152 .manageable-command-list,
    .owner-commands-module-v152 .better-list-grid {
        grid-template-columns: 1fr;
    }
    .owner-commands-module-v152 .command-lists-layout {
        grid-template-columns: minmax(0, 1.2fr) minmax(280px, .72fr);
    }
}

@container (max-width: 900px) {
    .owner-commands-module-v152 .command-creator-clean {
        grid-template-columns: 1fr;
        grid-template-areas:
            "template"
            "builder"
            "preview";
    }
    .owner-commands-module-v152 .command-preview-top,
    .owner-commands-module-v152 .list-help-card {
        position: static;
        min-height: 0;
    }
    .owner-commands-module-v152 .command-lists-layout,
    .owner-commands-module-v152 [data-tab-panel="slash"].active {
        grid-template-columns: 1fr;
    }
    .owner-commands-module-v152 [data-tab-panel="slash"] > .card:first-child {
        grid-column: auto;
    }
    .owner-commands-module-v152 .module-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container (max-width: 620px) {
    .owner-commands-module-v152 .page-header,
    .owner-commands-module-v152 .section-head.split,
    .owner-commands-module-v152 .command-manage-head,
    .owner-commands-module-v152 .list-card-head,
    .owner-commands-module-v152 .form-footer-row {
        align-items: stretch;
        flex-direction: column;
    }
    .owner-commands-module-v152 .header-actions,
    .owner-commands-module-v152 .header-actions .button {
        width: 100%;
    }
    .owner-commands-module-v152 .module-tabs {
        grid-template-columns: 1fr;
    }
    .owner-commands-module-v152 .tab-button {
        width: 100%;
    }
    .owner-commands-module-v152 .template-bar,
    .owner-commands-module-v152 .form-grid.two,
    .owner-commands-module-v152 .command-test-row,
    .owner-commands-module-v152 .command-row,
    .owner-commands-module-v152 .list-item-row,
    .owner-commands-module-v152 .weight-examples {
        grid-template-columns: 1fr;
    }
    .owner-commands-module-v152 .command-test-row .button,
    .owner-commands-module-v152 .sticky-form-actions .button,
    .owner-commands-module-v152 .list-create-form .button {
        width: 100%;
    }
    .owner-commands-module-v152 .inline-actions {
        width: 100%;
        flex-wrap: wrap;
    }
    .owner-commands-module-v152 .inline-actions form,
    .owner-commands-module-v152 .inline-actions .button,
    .owner-commands-module-v152 .inline-actions .danger-link {
        flex: 1 1 auto;
    }
    .owner-commands-module-v152 .sticky-form-actions {
        position: static;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }
}

/* ============================================================
   Silent Owner preview, Manual Actions + Embed Generator 2.0
   Scope: Owner only. Legacy administrator views remain unchanged.
   ============================================================ */
.owner-actions-module-v153,
.owner-embeds-module-v153 {
    --tool-card: linear-gradient(145deg, rgba(14, 27, 49, .96), rgba(7, 15, 29, .97));
    --tool-card-soft: rgba(11, 22, 40, .88);
    --tool-border: rgba(101, 132, 184, .24);
    --tool-muted: #9fb0ce;
    --tool-text: #f8faff;
    --tool-blue: #3b82f6;
    --tool-cyan: #22d3ee;
    --tool-purple: #8b5cf6;
    container-type: inline-size;
    color: var(--tool-text);
}

.owner-actions-module-v153 .page-header,
.owner-embeds-module-v153 .page-header {
    position: relative;
    margin: 8px 0 22px;
    padding: 6px 0 16px;
    align-items: flex-end;
}

.owner-actions-module-v153 .page-header::after,
.owner-embeds-module-v153 .page-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(139, 92, 246, .78), rgba(34, 211, 238, .46), transparent 82%);
}

.owner-actions-module-v153 .page-header .eyebrow,
.owner-embeds-module-v153 .page-header .eyebrow,
.owner-actions-section-head-v153 .eyebrow,
.owner-actions-queue-head-v153 .eyebrow,
.owner-card-head-v153 .eyebrow {
    margin: 0 0 4px;
    color: #b99cff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.owner-actions-module-v153 .page-header h1,
.owner-embeds-module-v153 .page-header h1 {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0;
    font-size: clamp(34px, 3.1vw, 48px);
    line-height: 1;
    letter-spacing: -.045em;
}

.owner-page-icon-v153 {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(96, 165, 250, .42);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(35, 68, 130, .72), rgba(31, 23, 83, .86));
    color: #71c9ff;
    font-size: 23px;
    box-shadow: 0 0 28px rgba(59, 130, 246, .14), inset 0 1px rgba(255,255,255,.06);
}

.owner-actions-module-v153 .page-header > div:first-child > p:last-child,
.owner-embeds-module-v153 .page-header > div:first-child > p:last-child {
    max-width: 920px;
    margin-top: 10px;
    color: var(--tool-muted);
    font-size: 14px;
    line-height: 1.55;
}

.owner-actions-module-v153 .header-actions,
.owner-embeds-module-v153 .header-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.owner-actions-module-v153 .header-actions .button,
.owner-embeds-module-v153 .header-actions .button {
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid rgba(92, 139, 211, .3);
    border-radius: 11px;
    background: rgba(12, 24, 44, .86);
    color: #eef4ff;
    font-size: 13px;
    font-weight: 800;
    box-shadow: inset 0 1px rgba(255,255,255,.035);
}

.owner-actions-module-v153 .card,
.owner-embeds-module-v153 .card {
    border: 1px solid var(--tool-border);
    background: var(--tool-card);
    box-shadow: 0 16px 42px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.025);
}

.owner-actions-module-v153 .button,
.owner-embeds-module-v153 .button {
    min-height: 43px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 900;
    background: linear-gradient(100deg, #4f8df7, #6f49ef 58%, #8b3cf6);
    box-shadow: 0 9px 25px rgba(92, 74, 238, .19);
}

.owner-actions-module-v153 .button:hover,
.owner-embeds-module-v153 .button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(92, 74, 238, .27);
}

.owner-actions-module-v153 .button.secondary,
.owner-embeds-module-v153 .button.secondary {
    border: 1px solid rgba(88, 142, 220, .3);
    background: rgba(17, 33, 58, .9);
    box-shadow: none;
}

/* Manual actions */
.owner-actions-stats-v153 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
    margin-bottom: 22px;
}

.owner-actions-stats-v153 article {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    min-height: 108px;
    padding: 17px;
    border: 1px solid rgba(91, 124, 178, .25);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(15, 29, 52, .96), rgba(7, 16, 31, .98));
    box-shadow: inset 0 1px rgba(255,255,255,.025);
}

.owner-actions-stats-v153 article > span {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(35, 90, 162, .52), rgba(69, 39, 135, .54));
    color: #72c9ff;
    font-size: 23px;
    box-shadow: inset 0 1px rgba(255,255,255,.06);
}

.owner-actions-stats-v153 small {
    display: block;
    color: #aebddd;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.owner-actions-stats-v153 strong {
    display: block;
    margin: 1px 0 2px;
    color: #fff;
    font-size: 27px;
    line-height: 1;
}

.owner-actions-stats-v153 em {
    display: block;
    color: #8fa2c5;
    font-size: 12px;
    font-style: normal;
    line-height: 1.35;
}

.owner-actions-section-head-v153,
.owner-actions-queue-head-v153 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.owner-actions-section-head-v153 {
    margin: 0 0 14px;
}

.owner-actions-section-head-v153 h2,
.owner-actions-queue-head-v153 h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    letter-spacing: -.025em;
}

.owner-actions-section-head-v153 > p {
    max-width: 560px;
    margin: 0;
    color: var(--tool-muted);
    font-size: 13px;
    text-align: right;
}

.owner-action-grid-v153 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
}

.owner-action-card-v153 {
    position: relative;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    align-items: start;
    gap: 12px 14px;
    min-height: 210px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(98, 128, 181, .27);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(15, 29, 52, .98), rgba(7, 15, 29, .98));
    box-shadow: 0 15px 36px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.03);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.owner-action-card-v153::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(#5ee7ff, #7c3aed);
    opacity: .78;
}

.owner-action-card-v153:hover {
    transform: translateY(-3px);
    border-color: rgba(100, 189, 255, .45);
    box-shadow: 0 22px 46px rgba(0,0,0,.24), 0 0 28px rgba(56,189,248,.07);
}

.owner-action-icon-v153 {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(112, 91, 242, .45);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(68, 39, 151, .64), rgba(24, 46, 91, .72));
    color: #d5c7ff;
    font-size: 24px;
    box-shadow: 0 0 24px rgba(104, 62, 244, .12), inset 0 1px rgba(255,255,255,.06);
}

.owner-action-copy-v153 strong {
    display: block;
    margin: 2px 0 7px;
    color: #fff;
    font-size: 17px;
    line-height: 1.2;
}

.owner-action-copy-v153 > span {
    display: block;
    color: #9eafcc;
    font-size: 13px;
    line-height: 1.5;
}

.owner-action-card-v153 .button {
    grid-column: 1 / -1;
    width: 100%;
    align-self: end;
}

.owner-action-card-v153.accent-kick::before { background: linear-gradient(#53fc18, #118e3a); }
.owner-action-card-v153.accent-kick .owner-action-icon-v153 { color: #6fff43; border-color: rgba(83,252,24,.35); background: rgba(22,79,42,.48); }
.owner-action-card-v153.accent-tiktok::before { background: linear-gradient(#25f4ee, #fe2c55); }
.owner-action-card-v153.accent-tiktok .owner-action-icon-v153 { color: #44f6f0; border-color: rgba(37,244,238,.42); }
.owner-action-card-v153.accent-youtube::before { background: linear-gradient(#ff4b55, #ad1022); }
.owner-action-card-v153.accent-youtube .owner-action-icon-v153 { color: #ff757d; border-color: rgba(255,75,85,.38); background: rgba(91,23,43,.48); }
.owner-action-card-v153.accent-clear::before { background: linear-gradient(#67e8f9, #2563eb); }

.owner-actions-queue-v153 {
    padding: 20px;
}

.owner-actions-queue-head-v153 {
    margin-bottom: 15px;
}

.owner-actions-queue-head-v153 > span {
    padding: 6px 11px;
    border: 1px solid rgba(56,189,248,.28);
    border-radius: 999px;
    background: rgba(14,52,81,.55);
    color: #7dd3fc;
    font-size: 11px;
    font-weight: 900;
}

.owner-actions-table-v153 {
    border: 1px solid rgba(87, 112, 156, .24);
    border-radius: 13px;
    overflow: hidden;
    background: rgba(4, 11, 22, .58);
}

.owner-actions-table-v153 .audit-head,
.owner-actions-table-v153 .audit-row {
    grid-template-columns: 180px 220px 105px minmax(300px, 1fr);
    gap: 15px;
    padding: 13px 15px;
}

.owner-actions-table-v153 .audit-head {
    color: #93a6c7;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.owner-actions-table-v153 .audit-row {
    min-height: 57px;
    color: #dfe8f8;
    font-size: 13px;
}

.owner-actions-table-v153 .audit-row small {
    color: #a5b4cf;
    font-size: 12px;
    line-height: 1.45;
}

.owner-empty-state-v153 {
    display: grid;
    justify-items: center;
    gap: 7px;
    min-height: 150px;
    padding: 30px;
    border: 1px dashed rgba(105, 131, 177, .28);
    border-radius: 14px;
    background: rgba(5, 12, 23, .48);
    text-align: center;
}

.owner-empty-state-v153 > span {
    color: #6aaeff;
    font-size: 31px;
}

.owner-empty-state-v153 strong { color: #fff; font-size: 16px; }
.owner-empty-state-v153 p { margin: 0; color: var(--tool-muted); font-size: 13px; }

/* Embed generator */
.owner-embed-workspace-v153 {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(420px, .94fr);
    align-items: start;
    gap: 16px;
}

.owner-embed-editor-v153,
.owner-embed-preview-card-v153,
.owner-saved-embeds-v153 {
    padding: 20px;
    border-radius: 17px;
}

.owner-card-head-v153 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 15px;
}

.owner-card-head-v153 > div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.owner-card-head-v153 > div > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(55, 83, 166, .55), rgba(73, 32, 139, .56));
    color: #79d4ff;
    font-size: 18px;
}

.owner-card-head-v153 h2 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.02em;
}

.owner-card-head-v153 > em {
    padding: 5px 9px;
    border: 1px solid rgba(82, 153, 235, .28);
    border-radius: 999px;
    background: rgba(16, 49, 82, .5);
    color: #72c8ff;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.owner-embed-form-v153 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.owner-embed-form-v153 > label,
.owner-embed-form-v153 .form-grid label,
.owner-embeds-module-v153 .compact-form label,
.owner-embeds-module-v153 .safe-send-form label {
    display: grid;
    gap: 7px;
    color: #edf3ff;
    font-size: 12px;
    font-weight: 850;
}

.owner-embed-form-v153 > label:nth-of-type(3),
.owner-embed-form-v153 > .color-input-row,
.owner-embed-form-v153 > label:nth-of-type(4),
.owner-embed-form-v153 > .form-grid,
.owner-embed-form-v153 > .upload-help,
.owner-embed-form-v153 > label:nth-of-type(5),
.owner-embed-form-v153 > .field-builder,
.owner-embed-form-v153 > .button {
    grid-column: 1 / -1;
}

.owner-embeds-module-v153 input[type="text"],
.owner-embeds-module-v153 input[type="url"],
.owner-embeds-module-v153 input[type="file"],
.owner-embeds-module-v153 select,
.owner-embeds-module-v153 textarea {
    border-color: rgba(97, 124, 171, .29);
    background: rgba(4, 11, 22, .9);
    color: #f8faff;
    font-size: 13px;
}

.owner-embeds-module-v153 input[type="text"],
.owner-embeds-module-v153 input[type="url"],
.owner-embeds-module-v153 input[type="file"],
.owner-embeds-module-v153 select {
    min-height: 44px;
}

.owner-embeds-module-v153 textarea {
    min-height: 104px;
    line-height: 1.55;
}

.owner-embeds-module-v153 input:focus,
.owner-embeds-module-v153 select:focus,
.owner-embeds-module-v153 textarea:focus {
    border-color: rgba(139,92,246,.78);
    box-shadow: 0 0 0 3px rgba(139,92,246,.14);
}

.owner-embed-form-v153 .form-grid.two-fields {
    gap: 12px;
}

.owner-embed-form-v153 .color-input-row {
    display: grid;
    grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
    align-items: end;
    gap: 14px;
    padding: 12px;
    border: 1px solid rgba(92, 117, 159, .2);
    border-radius: 12px;
    background: rgba(8, 17, 31, .64);
}

.owner-embed-form-v153 .preset-row {
    min-height: 44px;
    align-items: center;
}

.owner-embed-form-v153 .preset-color {
    width: 25px;
    height: 25px;
}

.owner-embed-form-v153 .upload-help {
    margin: -3px 0 0;
    color: #8799b8;
    font-size: 11px;
    line-height: 1.45;
}

.owner-embed-form-v153 .field-builder {
    padding: 14px;
    border: 1px solid rgba(92, 119, 166, .22);
    border-radius: 13px;
    background: rgba(7, 15, 29, .62);
}

.owner-embed-form-v153 .field-builder-head strong {
    color: #f5f8ff;
    font-size: 15px;
}

.owner-embed-form-v153 .field-row {
    grid-template-columns: minmax(150px, .8fr) minmax(220px, 1.25fr) 150px 84px;
    gap: 9px;
}

.owner-embed-form-v153 > .button {
    min-height: 48px;
    font-size: 14px;
}

.owner-embed-preview-card-v153 {
    position: sticky;
    top: 18px;
    min-height: 520px;
}

.owner-preview-note-v153 {
    margin: -4px 0 15px;
    color: var(--tool-muted);
    font-size: 12px;
    line-height: 1.5;
}

.owner-discord-message-head-v153 {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 10px;
}

.owner-discord-message-head-v153 > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 7px;
    min-width: 0;
}

.owner-discord-message-head-v153 strong {
    color: #f5f7ff;
    font-size: 14px;
}

.owner-discord-message-head-v153 strong b {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 4px;
    background: #5865f2;
    color: #fff;
    font-size: 9px;
    line-height: 1.2;
}

.owner-discord-message-head-v153 small {
    color: #79869d;
    font-size: 10px;
}

.owner-streamcio-avatar-v153 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 46px;
    height: 42px;
    border: 1px solid rgba(162,115,255,.25);
    border-radius: 16px;
    background: linear-gradient(165deg, #43258a, #080d21 68%);
    box-shadow: 0 0 24px rgba(108,45,255,.38), inset 0 0 16px rgba(107,39,255,.3);
}

.owner-streamcio-avatar-v153::before,
.owner-streamcio-avatar-v153::after {
    content: "";
    position: absolute;
    top: -7px;
    width: 13px;
    height: 13px;
    border-radius: 80% 20% 60% 40%;
    background: #322070;
}

.owner-streamcio-avatar-v153::before { left: 7px; transform: rotate(-18deg); }
.owner-streamcio-avatar-v153::after { right: 7px; transform: scaleX(-1) rotate(-18deg); }

.owner-streamcio-avatar-v153 i {
    width: 6px;
    height: 13px;
    margin: 0 4px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 0 11px rgba(255,255,255,.78);
    animation: owner-streamcio-blink-v153 4.6s ease-in-out infinite;
    transform-origin: center;
}

.owner-streamcio-avatar-v153 i:last-child { animation-delay: .08s; }

@keyframes owner-streamcio-blink-v153 {
    0%, 44%, 50%, 100% { transform: scaleY(1); }
    47% { transform: scaleY(.08); }
}

.owner-embed-preview-card-v153 .discord-embed-preview {
    min-height: 300px;
    padding: 17px 18px 17px 22px;
    border: 1px solid rgba(91, 116, 159, .26);
    border-left: 0;
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(20, 34, 59, .98), rgba(14, 25, 45, .98));
    box-shadow: inset 0 1px rgba(255,255,255,.03), 0 18px 38px rgba(0,0,0,.18);
}

.owner-embed-preview-card-v153 .embed-accent {
    width: 5px;
    border-radius: 7px 0 0 7px;
}

.owner-embed-preview-card-v153 .embed-body > small {
    color: #c6d0e5;
    font-size: 12px;
    font-weight: 800;
}

.owner-embed-preview-card-v153 .embed-body h3 {
    margin: 7px 0 9px;
    color: #fff;
    font-size: 21px;
}

.owner-embed-preview-card-v153 .embed-body p {
    color: #c2cbe0;
    font-size: 13px;
    line-height: 1.55;
}

.owner-embed-preview-card-v153 .preview-field-pill {
    min-height: 58px;
    padding: 9px 10px;
    border-radius: 8px;
    background: rgba(6, 14, 27, .5);
}

.owner-embed-preview-card-v153 .embed-body footer {
    margin-top: 18px;
    padding-top: 12px;
    border-top: 1px solid rgba(112, 132, 166, .18);
    color: #98a5bd;
    font-size: 11px;
}

.owner-saved-embeds-v153 {
    margin-top: 16px;
}

.owner-saved-embeds-v153 .saved-embed-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.owner-saved-embeds-v153 .saved-embed-card {
    padding: 14px;
    border: 1px solid rgba(93, 119, 165, .24);
    border-radius: 14px;
    background: rgba(7, 15, 29, .62);
}

.owner-saved-embeds-v153 .saved-embed-preview {
    padding: 13px 14px;
    border-radius: 10px;
    background: rgba(15, 27, 48, .9);
}

.owner-saved-embeds-v153 .saved-embed-head strong {
    color: #fff;
    font-size: 15px;
}

.owner-saved-embeds-v153 .saved-embed-head span,
.owner-saved-embeds-v153 .saved-embed-preview small {
    color: #9eacc7;
    font-size: 12px;
}

.owner-saved-embeds-v153 .embed-edit-details {
    margin-top: 12px;
    border: 1px solid rgba(91, 119, 164, .2);
    border-radius: 10px;
    background: rgba(8, 17, 31, .66);
}

.owner-saved-embeds-v153 .embed-edit-details summary {
    padding: 12px 13px;
    color: #dfe7f7;
    font-size: 13px;
    font-weight: 850;
}

.owner-saved-embeds-v153 .compact-form,
.owner-saved-embeds-v153 .safe-send-form {
    gap: 10px;
    padding: 13px;
}

.owner-saved-embeds-v153 .danger-action {
    width: 100%;
    margin-top: 9px;
}

.owner-embeds-module-v153 .send-preview-dialog {
    border: 1px solid rgba(104, 137, 194, .3);
    background: linear-gradient(145deg, #111e34, #07101f);
    box-shadow: 0 30px 90px rgba(0,0,0,.55), 0 0 40px rgba(88,67,220,.12);
}

.owner-modal-message-head-v153 {
    margin-top: 14px;
}

@container (max-width: 1240px) {
    .owner-actions-stats-v153,
    .owner-action-grid-v153 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .owner-embed-workspace-v153 { grid-template-columns: 1fr; }
    .owner-embed-preview-card-v153 { position: static; min-height: 0; }
}

@container (max-width: 820px) {
    .owner-actions-module-v153 .page-header,
    .owner-embeds-module-v153 .page-header,
    .owner-actions-section-head-v153,
    .owner-actions-queue-head-v153 { align-items: flex-start; }

    .owner-actions-table-v153 { overflow-x: auto; }
    .owner-actions-table-v153 .audit-head,
    .owner-actions-table-v153 .audit-row { min-width: 900px; }

    .owner-embed-form-v153,
    .owner-saved-embeds-v153 .saved-embed-grid { grid-template-columns: 1fr; }

    .owner-embed-form-v153 > label,
    .owner-embed-form-v153 > .color-input-row,
    .owner-embed-form-v153 > label:nth-of-type(4) { grid-column: 1; }

    .owner-embed-form-v153 .field-row { grid-template-columns: 1fr 1fr; }
    .owner-embed-form-v153 .field-row select,
    .owner-embed-form-v153 .field-row .button { width: 100%; }
}

@container (max-width: 620px) {
    .owner-actions-module-v153 .page-header,
    .owner-embeds-module-v153 .page-header,
    .owner-actions-section-head-v153,
    .owner-actions-queue-head-v153,
    .owner-card-head-v153 { flex-direction: column; align-items: stretch; }

    .owner-actions-module-v153 .page-header h1,
    .owner-embeds-module-v153 .page-header h1 { font-size: 32px; }

    .owner-page-icon-v153 { width: 40px; height: 40px; border-radius: 13px; font-size: 19px; }

    .owner-actions-module-v153 .header-actions,
    .owner-embeds-module-v153 .header-actions { width: 100%; }

    .owner-actions-module-v153 .header-actions .button,
    .owner-embeds-module-v153 .header-actions .button { flex: 1 1 130px; }

    .owner-actions-stats-v153,
    .owner-action-grid-v153 { grid-template-columns: 1fr; }

    .owner-action-card-v153 { min-height: 190px; }

    .owner-actions-section-head-v153 > p { text-align: left; }

    .owner-embed-editor-v153,
    .owner-embed-preview-card-v153,
    .owner-saved-embeds-v153,
    .owner-actions-queue-v153 { padding: 16px; }

    .owner-embed-form-v153 .form-grid.two-fields,
    .owner-embed-form-v153 .color-input-row,
    .owner-embed-form-v153 .field-row { grid-template-columns: 1fr; }

    .owner-card-head-v153 > em { align-self: flex-start; }

    .owner-discord-message-head-v153 { align-items: flex-start; }
    .owner-streamcio-avatar-v153 { width: 42px; height: 38px; }
}

@media (prefers-reduced-motion: reduce) {
    .owner-streamcio-avatar-v153 i { animation: none !important; }
    .owner-action-card-v153,
    .owner-actions-module-v153 .button,
    .owner-embeds-module-v153 .button { transition: none !important; }
}

/* Silent Owner preview · Centrum zaproszeń */
.owner-invites-v2-shell .content {
    container-type: inline-size;
}

.owner-invites-module-v151 {
    --invite-v151-accent: #7c4dff;
    --invite-v151-accent-2: #45b7ff;
    --invite-v151-border: rgba(106, 129, 176, .24);
    --invite-v151-surface: linear-gradient(145deg, rgba(14, 25, 45, .96), rgba(8, 16, 31, .98));
    display: grid;
    gap: 18px;
    color: #f6f8ff;
}

.owner-invites-header-v151 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
}

.owner-invites-title-wrap-v151 {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    min-width: 0;
}

.owner-invites-title-icon-v151 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(124, 77, 255, .45);
    border-radius: 16px;
    color: #a88cff;
    background: radial-gradient(circle at 30% 20%, rgba(128, 89, 255, .35), rgba(39, 31, 95, .55));
    box-shadow: 0 0 26px rgba(102, 62, 255, .17), inset 0 1px rgba(255,255,255,.06);
    font-size: 23px;
}

.owner-invites-kicker-v151 {
    margin: 0 0 3px;
    color: #a688ff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
}

.owner-invites-header-v151 h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(31px, 3vw, 43px);
    line-height: 1.02;
    letter-spacing: -.035em;
}

.owner-invites-header-v151 p:not(.owner-invites-kicker-v151) {
    max-width: 860px;
    margin: 8px 0 0;
    color: #aeb9cf;
    font-size: 14px;
    line-height: 1.55;
}

.owner-invites-header-actions-v151 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.owner-invites-header-actions-v151 a,
.owner-invites-header-actions-v151 button {
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid var(--invite-v151-border);
    border-radius: 12px;
    color: #eef4ff;
    background: rgba(15, 26, 47, .82);
    box-shadow: inset 0 1px rgba(255,255,255,.035);
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.owner-invites-header-actions-v151 a:hover,
.owner-invites-header-actions-v151 button:hover {
    border-color: rgba(124, 77, 255, .65);
    background: rgba(36, 32, 78, .9);
}

.owner-invites-alert-v151 {
    margin: 0;
}

.owner-invites-tabs-v151 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.owner-invites-tab-v151 {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 10px 12px;
    min-width: 0;
    min-height: 116px;
    padding: 14px;
    border: 1px solid var(--invite-v151-border);
    border-radius: 15px;
    color: #edf3ff;
    background: var(--invite-v151-surface);
    box-shadow: inset 0 1px rgba(255,255,255,.03), 0 14px 34px rgba(0,0,0,.14);
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.owner-invites-tab-v151:hover {
    transform: translateY(-2px);
    border-color: rgba(124, 77, 255, .58);
    box-shadow: 0 18px 38px rgba(0,0,0,.2), 0 0 24px rgba(97, 60, 255, .1);
}

.owner-invites-tab-v151.active {
    border-color: #8d65ff;
    box-shadow: 0 0 0 1px rgba(141,101,255,.24), 0 0 28px rgba(105,62,255,.15);
}

.owner-invites-tab-icon-v151 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: #a889ff;
    background: rgba(89, 51, 180, .22);
    font-size: 19px;
}

.owner-invites-tab-v151 > span:nth-child(2) {
    min-width: 0;
}

.owner-invites-tab-v151 strong,
.owner-invites-tab-v151 small {
    display: block;
}

.owner-invites-tab-v151 strong {
    color: #fff;
    font-size: 14px;
}

.owner-invites-tab-v151 small {
    margin-top: 4px;
    color: #94a2bc;
    font-size: 11px;
    line-height: 1.35;
}

.owner-invites-tab-v151 em {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 31px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(90deg, #6d42ef, #7c3cff);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
}

.owner-invites-panel-v151 {
    margin: 0;
}

.owner-invites-layout-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 320px);
    gap: 14px;
    align-items: start;
}

.owner-invites-card-v151 {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--invite-v151-border);
    border-radius: 16px;
    background: var(--invite-v151-surface);
    box-shadow: inset 0 1px rgba(255,255,255,.03), 0 20px 44px rgba(0,0,0,.16);
}

.owner-invites-card-head-v151 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 15px;
}

.owner-invites-card-head-v151 > div {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}

.owner-invites-card-head-v151 h2,
.owner-invites-help-v151 h2 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.25;
}

.owner-invites-card-head-v151 p,
.owner-invites-help-v151 > section > p {
    margin: 4px 0 0;
    color: #93a2bc;
    font-size: 12px;
    line-height: 1.5;
}

.owner-invites-card-icon-v151 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    color: #b59cff;
    background: rgba(103, 62, 214, .24);
    font-size: 14px;
}

.owner-invites-limit-v151 {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 9px;
    border-radius: 999px;
    color: #75f2a7;
    background: rgba(24, 171, 91, .15);
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.owner-invites-compose-grid-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .72fr);
    gap: 15px;
    align-items: start;
}

.owner-invites-fields-v151,
.owner-invites-preview-column-v151,
.owner-invites-form-v151 {
    display: grid;
    gap: 11px;
    min-width: 0;
}

.owner-invites-module-v151 label,
.owner-invites-module-v151 .form-field {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: #f2f5ff;
    font-size: 12px;
    font-weight: 800;
}

.owner-invites-module-v151 label > span:first-child,
.owner-invites-module-v151 .field-label {
    color: #eef3ff;
    font-size: 12px;
    font-weight: 850;
}

.owner-invites-module-v151 label b,
.owner-invites-module-v151 .field-label b {
    color: #ff6f9f;
}

.owner-invites-module-v151 input[type="text"],
.owner-invites-module-v151 input[type="search"],
.owner-invites-module-v151 input[type="date"],
.owner-invites-module-v151 input[type="time"],
.owner-invites-module-v151 select,
.owner-invites-module-v151 textarea {
    width: 100%;
    min-height: 43px;
    border: 1px solid rgba(91, 113, 155, .3);
    border-radius: 9px;
    color: #f5f7ff;
    background: rgba(5, 12, 25, .8);
    font: inherit;
    font-size: 12px;
    outline: none;
}

.owner-invites-module-v151 input,
.owner-invites-module-v151 select {
    padding: 0 11px;
}

.owner-invites-module-v151 textarea {
    padding: 11px 12px;
    line-height: 1.55;
    resize: vertical;
}

.owner-invites-module-v151 input:focus,
.owner-invites-module-v151 select:focus,
.owner-invites-module-v151 textarea:focus {
    border-color: rgba(124, 77, 255, .78);
    box-shadow: 0 0 0 3px rgba(124, 77, 255, .1);
}

.owner-invites-module-v151 .field-help,
.owner-invites-module-v151 label small {
    color: #7888a5;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.45;
}

.owner-invites-message-v151 textarea {
    min-height: 104px;
}

.owner-invites-fields-row-v151 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.owner-invites-fields-row-three-v151 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.owner-invites-check-v151 {
    grid-template-columns: auto 1fr !important;
    align-items: center;
    min-height: 43px;
    padding: 9px 11px;
    border: 1px solid rgba(88, 111, 152, .24);
    border-radius: 9px;
    background: rgba(14, 25, 44, .6);
}

.owner-invites-check-v151 input {
    width: 16px;
    height: 16px;
    accent-color: #7c4dff;
}

.owner-invites-check-v151 span {
    color: #d5dcef !important;
    font-size: 11px !important;
    line-height: 1.4;
}

.owner-invites-preview-title-v151,
.owner-invites-recipient-header-v151 {
    color: #eef3ff;
    font-size: 12px;
    font-weight: 900;
}

.owner-invites-discord-v151 {
    padding: 12px;
    border: 1px solid rgba(88, 111, 154, .25);
    border-radius: 11px;
    background: linear-gradient(145deg, #111c31, #0c1629);
}

.owner-invites-discord-author-v151 {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
}

.owner-invites-discord-author-v151 > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #d8cbff;
    background: #5e3ec9;
}

.owner-invites-discord-author-v151 strong {
    font-size: 11px;
}

.owner-invites-discord-author-v151 em {
    padding: 2px 5px;
    border-radius: 4px;
    color: #fff;
    background: #5865f2;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
}

.owner-invites-discord-embed-v151 {
    padding: 12px 13px;
    border-left: 4px solid #7c4dff;
    border-radius: 8px;
    background: rgba(21, 34, 57, .95);
}

.owner-invites-discord-embed-v151 h3 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 15px;
}

.owner-invites-discord-embed-v151 p {
    margin: 0 0 11px;
    color: #c4cde0;
    font-size: 11px;
    line-height: 1.45;
}

.owner-invites-discord-embed-v151 dl {
    display: grid;
    gap: 6px;
    margin: 0 0 11px;
}

.owner-invites-discord-embed-v151 dl > div {
    display: grid;
    gap: 2px;
}

.owner-invites-discord-embed-v151 dt {
    color: #fff;
    font-size: 10px;
    font-weight: 850;
}

.owner-invites-discord-embed-v151 dd {
    margin: 0;
    color: #b7c2d8;
    font-size: 10px;
}

.owner-invites-response-buttons-v151 {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.owner-invites-response-buttons-v151 span {
    min-height: 28px;
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    color: #edf2ff;
    background: #26314a;
    font-size: 9px;
    font-weight: 800;
}

.owner-invites-recipient-header-v151 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2px;
}

.owner-invites-recipient-header-v151 small {
    color: #7f8da7;
    font-size: 10px;
}

.owner-invites-recipient-tools-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
}

.owner-invites-recipient-tools-v151 button,
.owner-invites-submit-v151,
.owner-invites-group-create-v151 button,
.owner-invites-empty-v151 button {
    border: 0;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(90deg, #6548f2, #7a36fa);
    font: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.owner-invites-recipient-tools-v151 button {
    padding: 0 10px;
}

.owner-invites-recipient-box-v151 {
    min-height: 47px;
    padding: 8px;
    border: 1px solid rgba(89, 112, 155, .24);
    border-radius: 9px;
    background: rgba(6, 13, 26, .62);
}

.owner-invites-member-picker-v151 {
    border: 1px solid rgba(89, 112, 155, .24);
    border-radius: 9px;
    background: rgba(7, 14, 28, .58);
}

.owner-invites-member-picker-v151 summary {
    padding: 10px 11px;
    color: #dce4f4;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
}

.owner-invites-member-picker-v151[open] {
    padding: 0 9px 9px;
}

.owner-invites-member-picker-v151[open] summary {
    margin: 0 -9px 9px;
}

.owner-invites-member-picker-v151 .invite-member-grid-v120 {
    max-height: 230px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.owner-invites-member-picker-v151 .invite-member-chip-v120 {
    min-width: 0;
}

.owner-invites-submit-v151 {
    min-height: 44px;
    width: 100%;
    margin-top: 1px;
    box-shadow: 0 9px 24px rgba(101, 72, 242, .18);
}

.owner-invites-help-v151 {
    display: grid;
    gap: 14px;
}

.owner-invites-help-v151 .owner-invites-card-v151 {
    padding: 17px;
}

.owner-invites-answer-row-v151 {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 9px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(95, 116, 156, .16);
}

.owner-invites-answer-row-v151:last-child {
    border-bottom: 0;
}

.owner-invites-answer-row-v151 span {
    padding: 6px 8px;
    border-radius: 7px;
    color: #f7f9ff;
    background: rgba(20, 31, 52, .95);
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.owner-invites-answer-row-v151 small {
    color: #8492aa;
    font-size: 10px;
    line-height: 1.35;
}

.owner-invites-info-v151 ul {
    display: grid;
    gap: 9px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.owner-invites-info-v151 li {
    position: relative;
    padding-left: 18px;
    color: #b0bbcf;
    font-size: 11px;
    line-height: 1.45;
}

.owner-invites-info-v151 li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #8b62ff;
    font-weight: 950;
}

.owner-invites-groups-top-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr);
    gap: 12px;
}

.owner-invites-group-create-v151 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
}

.owner-invites-group-create-v151 button {
    min-height: 43px;
    padding: 0 15px;
}

.owner-invites-tip-v151 {
    padding: 13px 14px;
    border: 1px solid rgba(82, 133, 211, .24);
    border-radius: 11px;
    background: rgba(31, 57, 94, .22);
}

.owner-invites-tip-v151 strong {
    color: #dce9ff;
    font-size: 12px;
}

.owner-invites-tip-v151 p {
    margin: 5px 0 0;
    color: #91a2bd;
    font-size: 11px;
    line-height: 1.45;
}

.owner-invites-list-grid-v151 {
    margin-top: 14px;
}

.owner-invites-list-card-v151 {
    padding: 14px;
    border-color: rgba(95, 118, 160, .26);
    background: rgba(6, 14, 28, .62);
}

.owner-invites-list-card-v151 .inline-form-v120 {
    grid-template-columns: minmax(0, 1fr) auto;
}

.owner-invites-table-wrap-v151 {
    border: 1px solid rgba(88, 109, 149, .22);
    border-radius: 12px;
    overflow: auto;
}

.owner-invites-table-v151 {
    min-width: 900px;
}

.owner-invites-table-v151 th {
    color: #a8b5ca;
    font-size: 10px;
}

.owner-invites-table-v151 td {
    min-height: 44px;
    color: #cbd4e5;
    font-size: 11px;
}

.owner-invites-positive-v151 {
    color: #6cf0a1 !important;
    font-weight: 900;
}

.owner-invites-negative-v151 {
    color: #ff8095 !important;
    font-weight: 900;
}

.owner-invites-stats-grid-v151 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 11px;
}

.owner-invites-stats-grid-v151 article {
    display: grid;
    gap: 8px;
    min-height: 135px;
    padding: 15px;
    border: 1px solid rgba(91, 114, 156, .24);
    border-radius: 13px;
    background: rgba(7, 15, 29, .65);
}

.owner-invites-stats-grid-v151 article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    color: #a88cff;
    background: rgba(96, 58, 205, .22);
}

.owner-invites-stats-grid-v151 article small {
    color: #8f9db6;
    font-size: 11px;
}

.owner-invites-stats-grid-v151 article strong {
    align-self: end;
    color: #fff;
    font-size: 27px;
}

.owner-invites-stats-grid-v151 article.positive strong { color: #67eda0; }
.owner-invites-stats-grid-v151 article.negative strong { color: #ff7b92; }

.owner-invites-empty-v151 {
    display: grid;
    justify-items: center;
    gap: 8px;
    min-height: 220px;
    padding: 35px 20px;
    text-align: center;
}

.owner-invites-empty-v151 > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(124,77,255,.32);
    border-radius: 18px;
    color: #a88cff;
    background: rgba(76, 42, 158, .2);
    font-size: 26px;
}

.owner-invites-empty-v151 strong {
    color: #fff;
    font-size: 16px;
}

.owner-invites-empty-v151 p {
    max-width: 580px;
    margin: 0;
    color: #8e9bb2;
    font-size: 12px;
    line-height: 1.5;
}

.owner-invites-empty-v151 button {
    min-height: 38px;
    margin-top: 7px;
    padding: 0 16px;
}

@container (max-width: 1320px) {
    .owner-invites-tabs-v151 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .owner-invites-compose-grid-v151 { grid-template-columns: 1fr; }
    .owner-invites-layout-v151 { grid-template-columns: minmax(0, 1fr) 290px; }
    .owner-invites-stats-grid-v151 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@container (max-width: 980px) {
    .owner-invites-layout-v151,
    .owner-invites-groups-top-v151 { grid-template-columns: 1fr; }
    .owner-invites-help-v151 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .owner-invites-group-create-v151 { grid-template-columns: 1fr 1fr; }
    .owner-invites-group-create-v151 button { grid-column: 1 / -1; }
}

@container (max-width: 720px) {
    .owner-invites-header-v151,
    .owner-invites-card-head-v151 { flex-direction: column; }
    .owner-invites-header-actions-v151 { width: 100%; }
    .owner-invites-header-actions-v151 a,
    .owner-invites-header-actions-v151 button { flex: 1 1 140px; }
    .owner-invites-tabs-v151,
    .owner-invites-stats-grid-v151,
    .owner-invites-help-v151 { grid-template-columns: 1fr; }
    .owner-invites-tab-v151 { min-height: 104px; }
    .owner-invites-fields-row-v151,
    .owner-invites-fields-row-three-v151,
    .owner-invites-group-create-v151 { grid-template-columns: 1fr; }
    .owner-invites-group-create-v151 button { grid-column: auto; }
    .owner-invites-member-picker-v151 .invite-member-grid-v120 { grid-template-columns: 1fr; }
    .owner-invites-recipient-tools-v151 { grid-template-columns: 1fr; }
    .owner-invites-recipient-tools-v151 button { min-height: 39px; }
}

@container (max-width: 480px) {
    .owner-invites-card-v151 { padding: 14px; }
    .owner-invites-title-icon-v151 { width: 43px; height: 43px; border-radius: 14px; }
    .owner-invites-header-v151 h1 { font-size: 30px; }
    .owner-invites-tab-v151 { padding: 12px; }
    .owner-invites-discord-embed-v151 { padding: 11px; }
    .owner-invites-response-buttons-v151 { flex-direction: column; align-items: stretch; }
    .owner-invites-response-buttons-v151 span { text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    .owner-invites-tab-v151 { transition: none !important; }
}

/* ===== Silent Owner corrections 1-14 · v160 ===== */

/* Powitania: jedna próbka koloru i neutralny podgląd. */
.owner-welcome-preset-v151 {
    position: relative;
    padding-left: 30px;
}
.owner-welcome-preset-v151::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: var(--preset-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--preset-color), transparent 78%);
}
.owner-welcome-preset-v151 i { display: none !important; }
.owner-welcome-embed-avatar-v151 {
    color: #fff;
    font-weight: 900;
    background: linear-gradient(145deg, rgba(124,58,237,.75), rgba(15,23,42,.95));
}
.owner-welcome-server-badge-v160 {
    min-width: 0;
    min-height: 116px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 16px;
    border: 1px solid rgba(139,92,246,.25);
    border-radius: 14px;
    background: radial-gradient(circle at 50% 25%, rgba(139,92,246,.25), transparent 55%), rgba(15,23,42,.76);
}
.owner-welcome-server-badge-v160 > span {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(145deg, #7c3aed, #312e81);
    font-size: 24px;
    font-weight: 950;
}
.owner-welcome-server-badge-v160 > small {
    max-width: 100%;
    color: #aebbd1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Twitch, Kick i Streamy społeczności: realistyczny podgląd bez sztucznej grafiki. */
.owner-live-module-v151 .embed-preview,
.owner-community-module-v151 .community-streams-embed-preview-v132 {
    grid-template-columns: minmax(0, 1fr) !important;
}
.owner-live-module-v151 .embed-preview > :not(.owner-live-preview-art-v151),
.owner-community-module-v151 .community-streams-embed-preview-v132 > :not(.owner-community-preview-art-v151) {
    grid-column: 1 !important;
}
.owner-live-preview-art-v151,
.owner-community-preview-art-v151 { display: none !important; }

/* Prawdziwe znaki serwisów. */
.owner-brand-logo-v160 {
    display: inline-grid;
    place-items: center;
    overflow: hidden;
    text-shadow: none !important;
    transform: none !important;
}
.owner-brand-logo-v160 img,
.overview-module-icon-v160 img,
.owner-diag-brand-icon-v160 img,
.owner-action-brand-v160 img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.owner-tiktok-logo-v151.owner-brand-logo-v160 { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 14px; }
.owner-tiktok-mini-logo-v151.owner-brand-logo-v160 { width: 36px; height: 36px; border-radius: 10px; }
.owner-tiktok-video-logo-v151.owner-brand-logo-v160 { width: 82px; height: 82px; border-radius: 20px; }
.owner-tiktok-account-avatar-v151.owner-brand-logo-v160 { width: 38px; height: 38px; border-radius: 11px; }

/* Jeden standard pickera koloru dla TikTok, Top Klipów, YouTube i Generatora Embed. */
.owner-color-row-v160 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 10px !important;
}
.owner-color-row-v160 .color-picker-shell {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.owner-color-row-v160 input[type="color"] {
    width: 58px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 3px !important;
    border-radius: 10px !important;
}
.owner-color-row-v160 .color-pipette-button {
    width: 42px;
    height: 42px;
    border-radius: 10px;
}
.owner-color-row-v160 [data-color-value] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 10px;
    background: rgba(5,10,20,.58);
    color: #e3ebf8;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .02em;
}
.owner-color-presets-v160 .preset-grid,
.owner-color-presets-v160.owner-youtube-preset-row-v151,
.owner-embed-color-v160 .preset-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.owner-color-presets-v160 .preset-color,
.owner-embed-color-v160 .preset-color {
    position: relative;
    min-height: 31px;
    border: 1px solid rgba(148,163,184,.18);
    background: rgba(15,23,42,.65);
    box-shadow: none;
}
.owner-color-presets-v160 .preset-color::before,
.owner-embed-color-v160 .preset-color::before {
    content: "";
    display: block !important;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    background: var(--preset-color, var(--preset, #9146ff));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--preset-color, var(--preset, #9146ff)), transparent 78%);
}
.owner-tiktok-style-block-v151.owner-color-presets-v160 .preset-color,
.owner-clips-style-block-v151.owner-color-presets-v160 .preset-color {
    padding-left: 29px;
}
.owner-tiktok-style-block-v151.owner-color-presets-v160 .preset-color::before,
.owner-clips-style-block-v151.owner-color-presets-v160 .preset-color::before {
    left: 12px;
    transform: translateY(-50%);
}
.owner-youtube-preset-row-v151.owner-color-presets-v160 .preset-color,
.owner-embed-color-v160 .preset-color {
    width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0;
    border-radius: 999px;
    font-size: 0;
}
.owner-youtube-preset-row-v151.owner-color-presets-v160 .preset-color::before,
.owner-embed-color-v160 .preset-color::before { left: 50%; }
.owner-youtube-color-row-v151.owner-color-row-v160 { display: flex !important; }
.owner-embed-color-v160 {
    grid-template-columns: minmax(220px, auto) minmax(0, 1fr) !important;
    align-items: end !important;
}
.owner-embed-color-v160 > label { align-content: start; }
.owner-embed-color-v160 > label .color-picker-shell { margin-top: 7px; }

/* Zwijanie zdarzeń bota. */
.owner-logs-events-details-v160 { padding: 0 !important; overflow: hidden; }
.owner-logs-events-summary-v160 {
    list-style: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 28px;
    align-items: center;
    gap: 14px;
    padding: 20px 22px;
    cursor: pointer;
    user-select: none;
}
.owner-logs-events-summary-v160::-webkit-details-marker { display: none; }
.owner-logs-events-summary-v160 h2 { margin: 0 0 4px; }
.owner-logs-events-summary-v160 p { margin: 0; color: #9caac1; }
.owner-logs-events-summary-v160 > span {
    padding: 6px 10px;
    border: 1px solid rgba(56,189,248,.25);
    border-radius: 999px;
    color: #67e8f9;
    background: rgba(14,165,233,.08);
    font-size: 11px;
    font-weight: 900;
}
.owner-logs-events-summary-v160 > b { color: #9eb0c9; font-size: 20px; transition: transform .18s ease; }
.owner-logs-events-details-v160[open] .owner-logs-events-summary-v160 > b { transform: rotate(180deg); }
.owner-logs-events-content-v160 { padding: 0 22px 22px; border-top: 1px solid rgba(148,163,184,.10); }

/* Autorangi i Generator Embed: stabilny fokus oraz graficzne emotki w polach. */
.rich-command-editor-v66.is-single-line-v160 {
    min-height: 44px;
    height: 44px;
    max-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.owner-autoroles-create-form-v151 .rich-command-editor-v66,
.owner-embed-form-v153 .rich-command-editor-v66,
.owner-embeds-module-v153 .compact-form .rich-command-editor-v66,
.owner-embeds-module-v153 .safe-send-form .rich-command-editor-v66 {
    border-color: rgba(97,124,171,.29);
    background: rgba(4,11,22,.9);
}
.owner-autoroles-description-v151 .rich-command-editor-v66 { min-height: 132px; }
.owner-embed-form-v153 > label:has(textarea[name="description"]) .rich-command-editor-v66 { min-height: 116px; }
.owner-embed-form-v153 .smart-input-wrap,
.owner-autoroles-create-form-v151 .smart-input-wrap { min-width: 0; }
.owner-embed-form-v153 .field-row .smart-input-wrap { min-width: 0; }
.owner-embed-form-v153 .field-row .rich-command-editor-v66.is-single-line-v160 { width: 100%; }

/* Przyciski nagłówka Komend. */
.owner-command-header-action-v160 {
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 18px !important;
    line-height: 1 !important;
    text-align: center;
}
.owner-command-header-action-v160 > span:last-child { display: inline-flex; align-items: center; }

/* Ikony Akcji ręcznych. */
.owner-action-brand-v160 { position: relative; padding: 7px; }
.owner-action-brand-v160 img { border-radius: 10px; }
.owner-action-brand-v160 > b {
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border: 2px solid #0b1323;
    border-radius: 999px;
    color: #fff;
    background: #22c55e;
    font-size: 12px;
}

/* Realny wykres Overview. */
.overview-real-chart-v160 { min-width: 0; }
.overview-real-chart-v160 svg .overview-real-point-v160 circle {
    stroke: rgba(8,14,27,.95);
    stroke-width: 2;
}
.overview-real-chart-v160 svg .overview-real-point-v160 circle.purple { fill: #a855f7; }
.overview-real-chart-v160 svg .overview-real-point-v160 circle.cyan { fill: #22d3ee; }
.overview-real-chart-v160 svg .overview-real-point-v160 text { fill: #8ea0b8; font-size: 11px; }
.overview-real-chart-summary-v160 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: -5px;
}
.overview-real-chart-summary-v160 span {
    padding: 6px 9px;
    border-radius: 8px;
    color: #9cabc1;
    background: rgba(15,23,42,.54);
    font-size: 11px;
}
.overview-real-chart-empty-v160 {
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 24px;
    text-align: left;
    border: 1px dashed rgba(148,163,184,.18);
    border-radius: 14px;
    background: rgba(8,14,27,.38);
}
.overview-real-chart-empty-v160 > span { color: #8b5cf6; font-size: 28px; }
.overview-real-chart-empty-v160 strong { display: block; color: #f8fbff; }
.overview-real-chart-empty-v160 p { margin: 4px 0 0; color: #91a0b7; }
.overview-module-icon-v160 {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 42px;
}
.overview-module-icon-v160 img { border-radius: 11px; }

/* Diagnostyka: rozpoznawalne znaki serwisów. */
.owner-diag-brand-icon-v160 { padding: 5px; overflow: hidden; }
.owner-diag-brand-icon-v160 img { border-radius: 10px; }

@media (max-width: 720px) {
    .owner-embed-color-v160 { grid-template-columns: minmax(0, 1fr) !important; }
    .owner-logs-events-summary-v160 { grid-template-columns: minmax(0, 1fr) auto 24px; padding: 17px; }
    .owner-logs-events-content-v160 { padding: 0 17px 17px; }
    .owner-command-header-action-v160 { flex: 1 1 150px; }
}


/* ===== v161: smart pola jak w Powitaniach, bez contenteditable wewnątrz label ===== */
.owner-smart-field-v161 {
    min-width: 0;
    display: grid;
    gap: 8px;
    align-content: start;
}
.owner-smart-field-v161 > .field-label {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    color: #e2e9f6;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 850;
    cursor: default;
}
.owner-autoroles-create-form-v151 > .owner-smart-field-v161,
.owner-autoroles-button-form-v151 > .owner-smart-field-v161,
.owner-embed-form-v153 > .owner-smart-field-v161,
.owner-embeds-module-v153 .compact-form > .owner-smart-field-v161,
.owner-embeds-module-v153 .safe-send-form > .owner-smart-field-v161 {
    min-width: 0;
}
.owner-embed-form-v153 > .owner-embed-description-v161,
.owner-embed-form-v153 > .owner-embed-author-v161,
.owner-embed-form-v153 > .owner-embed-footer-v161 {
    grid-column: 1 / -1;
}
.owner-embed-description-v161 .rich-command-editor-v66 {
    min-height: 116px;
}
.owner-autoroles-description-v151.owner-smart-field-v161 {
    grid-column: 1 / -1;
}
.owner-autoroles-description-v151.owner-smart-field-v161 .rich-command-editor-v66 {
    min-height: 132px;
}
@media (max-width: 760px) {
    .owner-embed-form-v153 > .owner-smart-field-v161 {
        grid-column: 1 / -1;
    }
}


/* Owner preview shared space theme and wide-screen readability. */
body.owner-overview-v2-shell {
    position: relative;
    isolation: isolate;
    min-height: 100dvh;
    overflow-x: hidden;
    background:
        radial-gradient(circle 680px at 62% 8%, rgba(91, 48, 255, .11), transparent 72%),
        radial-gradient(circle at 92% 40%, rgba(0, 126, 255, .10), transparent 28%),
        radial-gradient(circle at 5% 36%, rgba(112, 39, 225, .10), transparent 26%),
        #020611;
}
body.owner-overview-v2-shell::before {
    content: "";
    position: fixed;
    inset: -12%;
    z-index: -3;
    pointer-events: none;
    opacity: .56;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.88) 0 1px, transparent 1.7px),
        radial-gradient(circle, rgba(117,86,255,.78) 0 1.15px, transparent 2px),
        radial-gradient(circle, rgba(41,204,255,.76) 0 .85px, transparent 1.6px);
    background-size: 190px 170px, 280px 230px, 360px 290px;
    background-position: 20px 40px, 90px 120px, 160px 20px;
    will-change: transform, opacity;
    animation: owner-space-stars-v162 58s linear infinite, owner-space-twinkle-v162 6s ease-in-out infinite alternate;
}
body.owner-overview-v2-shell::after {
    content: "";
    position: fixed;
    inset: -18%;
    z-index: -2;
    pointer-events: none;
    opacity: .72;
    background:
        radial-gradient(ellipse 36% 18% at 5% 42%, rgba(101, 34, 255, .20), transparent 72%),
        radial-gradient(ellipse 38% 20% at 96% 33%, rgba(0, 139, 255, .17), transparent 72%),
        linear-gradient(115deg, rgba(2, 6, 17, .70), rgba(2, 6, 17, .16) 48%, rgba(2, 6, 17, .70));
    will-change: transform, opacity;
    animation: owner-space-aurora-v162 18s ease-in-out infinite alternate;
}
@keyframes owner-space-stars-v162 {
    to { transform: translate3d(90px, -130px, 0) rotate(.35deg); }
}
@keyframes owner-space-twinkle-v162 {
    from { opacity: .42; }
    to { opacity: .64; }
}
@keyframes owner-space-aurora-v162 {
    to { transform: translate3d(70px, -18px, 0) scale(1.05); opacity: .86; }
}
body.owner-overview-v2-shell .server-panel {
    position: fixed;
    z-index: 20;
}
body.owner-overview-v2-shell .content {
    position: relative;
    z-index: 0;
}

@media (min-width: 1700px) {
    body.owner-overview-v2-shell .server-panel { width: 320px; padding: 22px 20px 18px; }
    body.owner-overview-v2-shell .content { margin-left: 320px; width: calc(100vw - 320px); padding: 0 34px 44px; }
    body.owner-overview-v2-shell .app-topbar { margin-left: -34px; margin-right: -34px; padding-left: 34px; padding-right: 34px; min-height: 72px; }
    body.owner-overview-v2-shell .owner-exact-brand-v151 strong { font-size: 24px; }
    body.owner-overview-v2-shell .owner-exact-brand-v151 span { font-size: 14px; }
    body.owner-overview-v2-shell .owner-live-module-v151,
    body.owner-overview-v2-shell .owner-logs-module-v151,
    body.owner-overview-v2-shell .owner-autoroles-module-v151 { max-width: 1700px; }
    body.owner-overview-v2-shell .owner-live-module-v151 .page-header h1 { font-size: clamp(32px, 2.1vw, 44px); }
    body.owner-overview-v2-shell .owner-live-module-v151 .page-header p { font-size: 14px; }
}


/* v162 hotfix: keep Owner shell layout stable and animate only the background. */
@media (prefers-reduced-motion: reduce) {
    body.owner-overview-v2-shell::before,
    body.owner-overview-v2-shell::after { animation: none !important; }
}

/* v163 Owner shell: larger sidebar/topbar and upper landing-style cosmic flow. */
.owner-space-flow-v163 {
    display: none;
}
body.owner-overview-v2-shell {
    background:
        radial-gradient(ellipse 54% 32% at 8% 5%, rgba(100, 28, 255, .16), transparent 72%),
        radial-gradient(ellipse 58% 32% at 94% 7%, rgba(0, 132, 255, .14), transparent 72%),
        radial-gradient(circle 840px at 54% -12%, rgba(77, 42, 190, .13), transparent 72%),
        #020611;
    background-attachment: fixed;
}
body.owner-overview-v2-shell::after {
    inset: 0;
    opacity: .46;
    background: linear-gradient(180deg, rgba(2,6,17,.04), rgba(2,6,17,.54) 62%, rgba(2,6,17,.78));
    animation: none;
}
body.owner-overview-v2-shell .owner-space-flow-v163 {
    display: block;
    position: fixed;
    inset: 18px 0 auto;
    height: 470px;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    opacity: .72;
    mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}
body.owner-overview-v2-shell .owner-space-flow-v163 i {
    position: absolute;
    width: 78vw;
    min-width: 980px;
    height: 290px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: rgba(117, 52, 255, .40);
    box-shadow: 0 -5px 28px rgba(102, 38, 255, .18), inset 0 8px 26px rgba(93, 38, 255, .06);
    filter: drop-shadow(0 0 10px rgba(97, 47, 255, .20));
    will-change: transform, opacity;
}
body.owner-overview-v2-shell .owner-space-flow-v163 i:nth-child(1) { left: -19vw; top: 90px; transform: rotate(12deg); animation: owner-flow-left-v163 17s ease-in-out infinite alternate; }
body.owner-overview-v2-shell .owner-space-flow-v163 i:nth-child(2) { left: -10vw; top: 152px; border-top-color: rgba(27, 179, 255, .24); animation: owner-flow-left-soft-v163 22s ease-in-out infinite alternate-reverse; }
body.owner-overview-v2-shell .owner-space-flow-v163 i:nth-child(3) { right: -20vw; top: 60px; border-top-color: rgba(33, 141, 255, .36); transform: rotate(-12deg); animation: owner-flow-right-v163 19s ease-in-out infinite alternate; }
body.owner-overview-v2-shell .owner-space-flow-v163 i:nth-child(4) { right: -9vw; top: 136px; border-top-color: rgba(143, 48, 255, .25); animation: owner-flow-right-soft-v163 25s ease-in-out infinite alternate-reverse; }
@keyframes owner-flow-left-v163 { to { transform: translate3d(95px,-24px,0) rotate(8deg) scale(1.04); opacity:.58; } }
@keyframes owner-flow-left-soft-v163 { to { transform: translate3d(135px,20px,0) rotate(-5deg) scale(.96); opacity:.72; } }
@keyframes owner-flow-right-v163 { to { transform: translate3d(-110px,22px,0) rotate(-7deg) scale(1.05); opacity:.60; } }
@keyframes owner-flow-right-soft-v163 { to { transform: translate3d(-145px,-18px,0) rotate(6deg) scale(.95); opacity:.70; } }

@media (min-width: 1280px) {
    body.owner-overview-v2-shell .server-panel {
        width: 324px;
        padding: 22px 20px 18px;
    }
    body.owner-overview-v2-shell .content {
        margin-left: 324px;
        width: calc(100vw - 324px);
        padding: 0 30px 42px;
    }
    body.owner-overview-v2-shell .app-topbar {
        min-height: 74px;
        height: auto;
        margin: 0 -30px 24px;
        padding: 10px 30px;
        gap: 12px;
    }
    body.owner-overview-v2-shell .owner-exact-brand-v151 { margin-bottom: 22px; }
    body.owner-overview-v2-shell .owner-exact-brand-v151 strong { font-size: 26px; }
    body.owner-overview-v2-shell .owner-exact-brand-v151 span { font-size: 14px; }
    body.owner-overview-v2-shell .owner-exact-main-nav-v151 { gap: 7px; margin-bottom: 20px; }
    body.owner-overview-v2-shell .owner-exact-main-nav-v151 a {
        min-height: 44px;
        padding: 10px 12px;
        font-size: 14px;
    }
    body.owner-overview-v2-shell .owner-exact-main-nav-v151 a span,
    body.owner-overview-v2-shell .owner-exact-side-link-v151 > span { width: 24px; font-size: 15px; }
    body.owner-overview-v2-shell .owner-exact-server-card-v151 { padding: 14px; margin-bottom: 20px; }
    body.owner-overview-v2-shell .owner-exact-server-avatar-v151 { width: 54px; height: 54px; }
    body.owner-overview-v2-shell .owner-exact-server-card-v151 strong { max-width: 200px; font-size: 15px; }
    body.owner-overview-v2-shell .owner-exact-server-card-v151 small { font-size: 12px; }
    body.owner-overview-v2-shell .owner-exact-section-title-v151 { font-size: 11.5px; margin-bottom: 7px; }
    body.owner-overview-v2-shell .owner-exact-side-link-v151,
    body.owner-overview-v2-shell .owner-exact-module-link-v151 {
        min-height: 42px;
        padding: 9px 11px;
        font-size: 13.5px;
    }
    body.owner-overview-v2-shell .owner-exact-module-link-v151 small,
    body.owner-overview-v2-shell .owner-exact-side-link-v151 small { font-size: 11px; }
    body.owner-overview-v2-shell .sidebar-collapse-button,
    body.owner-overview-v2-shell .desktop-sidebar-button,
    body.owner-overview-v2-shell .mobile-menu-button { width: 44px; height: 44px; min-width: 44px; }
    body.owner-overview-v2-shell .topbar-context span { font-size: 15px; }
    body.owner-overview-v2-shell .topbar-context small { font-size: 11px; }
    body.owner-overview-v2-shell .topbar-release-v101,
    body.owner-overview-v2-shell .topbar-docs-link-v101,
    body.owner-overview-v2-shell .topbar-support-link-v67 { min-height: 44px; padding-inline: 14px; font-size: 13px; }
    body.owner-overview-v2-shell .profile-card-button-v103 { min-height: 54px; }
    body.owner-overview-v2-shell .topbar-user-card-v103 { min-width: 280px; max-width: 340px; }
}

@media (min-width: 1900px) {
    body.owner-overview-v2-shell .server-panel { width: 360px; padding: 26px 22px 20px; }
    body.owner-overview-v2-shell .content { margin-left: 360px; width: calc(100vw - 360px); padding: 0 38px 48px; }
    body.owner-overview-v2-shell .app-topbar { min-height: 82px; margin: 0 -38px 28px; padding: 12px 38px; }
    body.owner-overview-v2-shell .owner-exact-brand-v151 strong { font-size: 29px; }
    body.owner-overview-v2-shell .owner-exact-brand-v151 span { font-size: 15px; }
    body.owner-overview-v2-shell .owner-exact-main-nav-v151 a { min-height: 48px; font-size: 15px; }
    body.owner-overview-v2-shell .owner-exact-side-link-v151,
    body.owner-overview-v2-shell .owner-exact-module-link-v151 { min-height: 45px; font-size: 14px; }
    body.owner-overview-v2-shell .owner-exact-server-avatar-v151 { width: 58px; height: 58px; }
    body.owner-overview-v2-shell .topbar-context span { font-size: 16px; }
    body.owner-overview-v2-shell .topbar-release-v101,
    body.owner-overview-v2-shell .topbar-docs-link-v101,
    body.owner-overview-v2-shell .topbar-support-link-v67 { min-height: 48px; font-size: 14px; }
    body.owner-overview-v2-shell .profile-card-button-v103 { min-height: 58px; }
}

@media (prefers-reduced-motion: reduce) {
    body.owner-overview-v2-shell .owner-space-flow-v163 i { animation: none !important; }
}

/* =====================================================================
   Streamcio 1.5.5 · Aktualizacja wizualna
   Publiczny shell, kosmiczne tło i dopracowane skalowanie diagnostyki.
   ===================================================================== */
body.streamcio-v155-shell {
    color-scheme: dark;
}

/* Starsze podstrony zachowują swój układ, ale pracują w nowej oprawie. */
body.streamcio-v155-shell .content > :not(.app-topbar):not(.legal-footer-v122):not(.panel-toast-source-v110):not(.maintenance-banner) {
    position: relative;
    z-index: 2;
}

/* Diagnostyka nie może wyglądać jak pomniejszona tabela na szerokim monitorze. */
body.streamcio-v155-shell .owner-diag-v151 {
    max-width: 1880px;
    margin-inline: auto;
    gap: 22px;
}
body.streamcio-v155-shell .owner-diag-card-v151,
body.streamcio-v155-shell .owner-diag-kpi-v151,
body.streamcio-v155-shell .owner-diag-cache-v151 {
    backdrop-filter: blur(18px);
}

@media (min-width: 1280px) {
    body.streamcio-v155-shell .owner-diag-header-v151 h1 {
        font-size: clamp(34px, 2.45vw, 48px);
    }
    body.streamcio-v155-shell .owner-diag-header-v151 p {
        font-size: 16px;
        line-height: 1.55;
    }
    body.streamcio-v155-shell .owner-diag-kpis-v151 {
        gap: 16px;
    }
    body.streamcio-v155-shell .owner-diag-kpi-v151 {
        min-height: 132px;
        padding: 20px;
    }
    body.streamcio-v155-shell .owner-diag-kpi-v151 b {
        width: 44px;
        height: 44px;
        margin-bottom: 18px;
        font-size: 21px;
    }
    body.streamcio-v155-shell .owner-diag-kpi-v151 strong {
        font-size: 36px;
    }
    body.streamcio-v155-shell .owner-diag-kpi-v151 span,
    body.streamcio-v155-shell .owner-diag-kpi-v151 small {
        font-size: 13px;
    }
    body.streamcio-v155-shell .owner-diag-grid-v151 {
        grid-template-columns: minmax(0, 1fr) clamp(340px, 23vw, 430px);
        gap: 20px;
    }
    body.streamcio-v155-shell .owner-diag-card-title-v151 {
        padding: 22px 22px 18px;
    }
    body.streamcio-v155-shell .owner-diag-card-title-v151 h2,
    body.streamcio-v155-shell .owner-diag-side-title-v151 h2 {
        font-size: 18px;
    }
    body.streamcio-v155-shell .owner-diag-card-title-v151 p {
        font-size: 12.5px;
        line-height: 1.5;
    }
    body.streamcio-v155-shell .owner-diag-module-row-v151 {
        grid-template-columns: 22px 50px minmax(230px, 1.25fr) 110px minmax(175px, .82fr) minmax(120px, .58fr) 44px 86px 82px;
        gap: 12px;
        min-height: 72px;
        padding: 14px 18px;
    }
    body.streamcio-v155-shell .owner-diag-module-icon-v151 {
        width: 46px;
        height: 46px;
        border-radius: 14px;
    }
    body.streamcio-v155-shell .owner-diag-module-info-v151 strong {
        font-size: 14px;
    }
    body.streamcio-v155-shell .owner-diag-module-info-v151 small {
        font-size: 11.5px;
        line-height: 1.45;
    }
    body.streamcio-v155-shell .owner-diag-module-info-v151 em {
        font-size: 10.5px;
        line-height: 1.4;
    }
    body.streamcio-v155-shell .owner-diag-status-pill-v151 {
        min-height: 30px;
        padding-inline: 11px;
        font-size: 11px;
    }
    body.streamcio-v155-shell .owner-diag-mini-stats-v151 {
        gap: 5px;
        font-size: 10px;
        line-height: 1.35;
    }
    body.streamcio-v155-shell .owner-diag-details-v151 summary,
    body.streamcio-v155-shell .owner-diag-detail-link-v151,
    body.streamcio-v155-shell .owner-diag-repair-v151 {
        min-height: 38px;
        padding-inline: 13px;
        font-size: 11.5px;
    }
    body.streamcio-v155-shell .owner-diag-right-v151 .owner-diag-card-v151 {
        padding: 20px;
    }
    body.streamcio-v155-shell .owner-diag-problem-v151 {
        padding: 12px;
    }
    body.streamcio-v155-shell .owner-diag-problem-v151 strong,
    body.streamcio-v155-shell .owner-diag-action-list-v151 strong {
        font-size: 12.5px;
    }
}

@media (min-width: 1900px) {
    body.streamcio-v155-shell .owner-diag-v151 {
        gap: 26px;
    }
    body.streamcio-v155-shell .owner-diag-kpis-v151 {
        grid-template-columns: minmax(330px, 1.75fr) repeat(5, minmax(155px, 1fr));
        gap: 20px;
    }
    body.streamcio-v155-shell .owner-diag-kpi-v151 {
        min-height: 150px;
        padding: 24px;
    }
    body.streamcio-v155-shell .owner-diag-kpi-main-v151 strong {
        font-size: 56px;
    }
    body.streamcio-v155-shell .owner-diag-module-row-v151 {
        grid-template-columns: 24px 54px minmax(280px, 1.35fr) 118px minmax(200px, .86fr) minmax(145px, .62fr) 48px 94px 90px;
        min-height: 80px;
        padding: 16px 20px;
    }
    body.streamcio-v155-shell .owner-diag-module-icon-v151 {
        width: 50px;
        height: 50px;
    }
    body.streamcio-v155-shell .owner-diag-module-info-v151 strong {
        font-size: 15px;
    }
    body.streamcio-v155-shell .owner-diag-module-info-v151 small {
        font-size: 12px;
    }
    body.streamcio-v155-shell .owner-diag-right-v151 .owner-diag-card-v151 {
        padding: 22px;
    }
}

/* Na mniejszych szerokościach priorytetem jest czytelność, nie utrzymanie tabeli. */
@media (max-width: 1500px) {
    body.streamcio-v155-shell .owner-diag-grid-v151 {
        grid-template-columns: 1fr;
    }
    body.streamcio-v155-shell .owner-diag-right-v151 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}
@media (max-width: 900px) {
    body.streamcio-v155-shell .owner-diag-right-v151 {
        grid-template-columns: 1fr;
    }
}

/* 1.5.5 · Diagnostyka: szeroki sidebar zmniejsza realną przestrzeń tabeli.
   Do 2199 px przenosimy karty boczne pod tabelę zamiast ściskać kolumny. */
@media (max-width: 2199px) {
    body.streamcio-v155-shell .owner-diag-grid-v151 {
        grid-template-columns: minmax(0, 1fr);
    }
    body.streamcio-v155-shell .owner-diag-right-v151 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }
}
@media (max-width: 1500px) {
    body.streamcio-v155-shell .owner-diag-right-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 900px) {
    body.streamcio-v155-shell .owner-diag-right-v151 {
        grid-template-columns: 1fr;
    }
}

/* Streamcio 1.5.7 hotfix · Centrum zaproszeń: czytelne skalowanie i grupy bez przeładowania. */
.owner-invites-v2-shell .content {
    min-width: 0;
}

.owner-invites-module-v151 {
    width: 100%;
    max-width: 1780px;
    margin: 0 auto 48px;
    gap: clamp(20px, 1.35vw, 28px);
}

.owner-invites-tabs-v151 {
    gap: clamp(12px, .9vw, 18px);
}

.owner-invites-tab-v151 {
    min-height: 126px;
    padding: 17px;
}

.owner-invites-tab-icon-v151 {
    width: 42px;
    height: 42px;
    font-size: 21px;
}

.owner-invites-tab-v151 strong {
    font-size: 15px;
}

.owner-invites-tab-v151 small {
    font-size: 12px;
}

.owner-invites-card-v151 {
    padding: clamp(19px, 1.25vw, 26px);
    border-radius: 18px;
}

.owner-invites-card-head-v151 h2,
.owner-invites-help-v151 h2 {
    font-size: clamp(19px, 1.15vw, 23px);
}

.owner-invites-card-head-v151 p,
.owner-invites-help-v151 > section > p {
    font-size: 13px;
}

.owner-invites-module-v151 label,
.owner-invites-module-v151 .form-field,
.owner-invites-module-v151 label > span:first-child,
.owner-invites-module-v151 .field-label {
    font-size: 13px;
}

.owner-invites-module-v151 input[type="text"],
.owner-invites-module-v151 input[type="search"],
.owner-invites-module-v151 input[type="date"],
.owner-invites-module-v151 input[type="time"],
.owner-invites-module-v151 select,
.owner-invites-module-v151 textarea {
    min-height: 47px;
    border-radius: 11px;
    font-size: 13px;
}

.owner-invites-module-v151 .field-help,
.owner-invites-module-v151 label small {
    font-size: 11px;
}

.owner-invites-layout-v151 {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 370px);
    gap: clamp(16px, 1vw, 22px);
}

.owner-invites-compose-grid-v151 {
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .78fr);
    gap: clamp(16px, 1vw, 22px);
}

.owner-invites-groups-top-v151 {
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    gap: 16px;
}

.owner-invites-group-create-v151 {
    gap: 12px;
}

.owner-invites-group-create-v151 button,
.owner-invites-recipient-tools-v151 button,
.owner-invites-submit-v151 {
    min-height: 47px;
    font-size: 12px;
}

.owner-invites-list-grid-v151 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 390px), 1fr));
    gap: 16px;
    margin-top: 18px;
}

.owner-invites-list-card-v151 {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 280px;
    padding: 18px;
    border-radius: 15px;
}

.owner-invites-list-card-v151 .card-head-row-v120 strong {
    font-size: 15px;
}

.owner-invites-list-card-v151 .card-head-row-v120 small,
.owner-invites-list-card-v151 > .muted {
    font-size: 12px;
}

.owner-invites-list-card-v151 .inline-form-v120 {
    gap: 9px;
    margin-top: 13px;
}

.owner-invites-list-card-v151 .inline-form-v120 .button {
    min-height: 45px;
    padding-inline: 15px;
}

.owner-invites-list-card-v151 .invite-member-list-v120 {
    max-height: 270px;
    margin: 13px 0;
    padding-right: 4px;
}

.owner-invites-list-card-v151 .invite-selected-tile-v120 {
    min-height: 43px;
    padding: 8px 9px;
    border-radius: 11px;
}

.owner-invites-list-card-v151 .invite-selected-tile-v120 > span:not(.invite-avatar-v120) {
    font-size: 12px;
}

.owner-invites-list-card-v151 .invite-avatar-v120 {
    width: 29px;
    height: 29px;
}

.owner-invites-list-card-v151 > form:last-child {
    margin-top: auto;
    padding-top: 4px;
}

.owner-invites-list-card-v151.is-updating-v157 {
    border-color: rgba(124, 77, 255, .58);
    box-shadow: 0 0 0 1px rgba(124, 77, 255, .14), 0 16px 38px rgba(0, 0, 0, .2);
}

@media (min-width: 1700px) {
    .owner-invites-header-v151 h1 {
        font-size: 46px;
    }

    .owner-invites-header-v151 p:not(.owner-invites-kicker-v151) {
        font-size: 15px;
    }

    .owner-invites-tabs-v151 {
        grid-template-columns: repeat(5, minmax(190px, 1fr));
    }

    .owner-invites-tab-v151 {
        min-height: 136px;
        padding: 20px;
    }

    .owner-invites-list-grid-v151 {
        grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
        gap: 19px;
    }
}

@media (max-width: 1180px) {
    .owner-invites-layout-v151,
    .owner-invites-compose-grid-v151,
    .owner-invites-groups-top-v151 {
        grid-template-columns: 1fr;
    }

    .owner-invites-help-v151 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .owner-invites-module-v151 {
        margin-bottom: 30px;
    }

    .owner-invites-tab-v151 {
        min-height: 96px;
    }

    .owner-invites-help-v151,
    .owner-invites-list-grid-v151 {
        grid-template-columns: 1fr;
    }

    .owner-invites-list-card-v151 {
        min-height: 0;
    }
}


/* Streamcio 1.5.8 · user-controlled visual effects. */
.effects-control-v158 {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    margin: 4px 6px 8px;
    border: 1px solid rgba(151, 135, 255, .18);
    border-radius: 12px;
    background: rgba(10, 13, 30, .72);
}
.effects-control-v158 label {
    color: rgba(235, 238, 255, .72);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.effects-control-v158 select {
    width: 100%;
    min-height: 36px;
    padding: 7px 34px 7px 10px;
    border: 1px solid rgba(151, 135, 255, .24);
    border-radius: 9px;
    color: #f4f3ff;
    background: #11152a;
    font: inherit;
    cursor: pointer;
}
.effects-control-v158 small {
    color: rgba(215, 219, 243, .56);
    font-size: 11px;
    line-height: 1.35;
}

/* Reduced mode keeps the visual identity but lowers continuous GPU work. */
html[data-effects="reduced"] .owner-space-flow-v163,
html[data-effects="reduced"] .lp-flow-lines,
html[data-effects="reduced"] .ogp-flow-lines,
html[data-effects="reduced"] .lp-particles,
html[data-effects="reduced"] .lp-aurora,
html[data-effects="reduced"] .lp-glow,
html[data-effects="reduced"] .ogp-glow {
    animation-duration: 42s !important;
    opacity: .34 !important;
}
html[data-effects="reduced"] .lp-cursor-glow {
    display: none !important;
}
html[data-effects="reduced"] .owner-space-flow-v163 i,
html[data-effects="reduced"] .lp-flow-lines i,
html[data-effects="reduced"] .ogp-flow-lines i {
    filter: blur(1px) !important;
}

/* Off mode removes only decorative motion, not functional transitions. */
html[data-effects="off"] .owner-space-flow-v163,
html[data-effects="off"] .lp-flow-lines,
html[data-effects="off"] .lp-particles,
html[data-effects="off"] .lp-cursor-glow,
html[data-effects="off"] .lp-aurora,
html[data-effects="off"] .ogp-flow-lines,
html[data-effects="off"] .ogp-stars,
html[data-effects="off"] .ogp-glow {
    display: none !important;
}
html[data-effects="off"] .lp-glow,
html[data-effects="off"] .lp-stars,
html[data-effects="off"] .owner-overview-v2-shell::before,
html[data-effects="off"] .streamcio-v155-shell::before {
    animation: none !important;
}
html[data-effects="off"] .lp-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
    html:not([data-effects="full"]) .owner-space-flow-v163,
    html:not([data-effects="full"]) .lp-flow-lines,
    html:not([data-effects="full"]) .lp-particles,
    html:not([data-effects="full"]) .lp-cursor-glow,
    html:not([data-effects="full"]) .lp-aurora,
    html:not([data-effects="full"]) .ogp-flow-lines {
        display: none !important;
    }
}


/* Streamcio 1.5.8 hotfix · globalna czytelność po podziale frontendu.
   Bez transform/zoom: powiększamy realne kontrolki, tekst i obszary robocze. */

body.streamcio-v155-shell .content {
    min-width: 0;
}

body.streamcio-v155-shell :is(
    .overview-exact-v151,
    .owner-welcome-v151,
    .owner-live-module-v151,
    .owner-diag-v151,
    .owner-commands-module-v152,
    .owner-actions-module-v153,
    .owner-embeds-module-v153,
    .owner-invites-module-v151,
    .management-grid,
    .page-header
) {
    width: 100%;
    max-width: 1880px;
    margin-inline: auto;
}

@media (min-width: 1440px) {
    body.streamcio-v155-shell .content {
        padding-right: clamp(30px, 2.2vw, 46px);
        padding-left: clamp(30px, 2.2vw, 46px);
    }

    body.streamcio-v155-shell .app-topbar {
        margin-right: calc(clamp(30px, 2.2vw, 46px) * -1);
        margin-left: calc(clamp(30px, 2.2vw, 46px) * -1);
        padding-right: clamp(30px, 2.2vw, 46px);
        padding-left: clamp(30px, 2.2vw, 46px);
    }

    body.streamcio-v155-shell .page-header h1,
    body.streamcio-v155-shell .owner-welcome-title-v151 h1,
    body.streamcio-v155-shell .owner-invites-header-v151 h1,
    body.streamcio-v155-shell .owner-diag-header-v151 h1 {
        font-size: clamp(34px, 2.15vw, 46px);
        line-height: 1.08;
    }

    body.streamcio-v155-shell .page-header > div > p:not(.eyebrow),
    body.streamcio-v155-shell .owner-welcome-title-v151 > p,
    body.streamcio-v155-shell .owner-invites-header-v151 > p,
    body.streamcio-v155-shell .owner-diag-header-v151 > p {
        font-size: 15px;
        line-height: 1.6;
    }

    body.streamcio-v155-shell :is(input[type="text"], input[type="url"], input[type="search"], input[type="date"], input[type="time"], input[type="number"], input[type="file"], select) {
        min-height: 46px;
        font-size: 14px;
    }

    body.streamcio-v155-shell textarea,
    body.streamcio-v155-shell .rich-command-editor-v66 {
        font-size: 14px;
        line-height: 1.55;
    }

    body.streamcio-v155-shell .button,
    body.streamcio-v155-shell button:not(.emoji-copy):not(.icon-button):not(.smart-tool-btn):not(.whats-new-close-v103) {
        min-height: 43px;
        font-size: 13px;
    }

    body.streamcio-v155-shell :is(.card, .owner-invites-card-v151, .owner-diag-card-v151) {
        border-radius: 18px;
    }
}

@media (min-width: 1900px) {
    body.streamcio-v155-shell :is(
        .overview-exact-v151,
        .owner-welcome-v151,
        .owner-live-module-v151,
        .owner-diag-v151,
        .owner-commands-module-v152,
        .owner-actions-module-v153,
        .owner-embeds-module-v153,
        .owner-invites-module-v151,
        .management-grid,
        .page-header
    ) {
        max-width: 1980px;
    }

    body.streamcio-v155-shell :is(input[type="text"], input[type="url"], input[type="search"], input[type="date"], input[type="time"], input[type="number"], input[type="file"], select) {
        min-height: 49px;
        font-size: 15px;
    }

    body.streamcio-v155-shell textarea,
    body.streamcio-v155-shell .rich-command-editor-v66 {
        font-size: 15px;
    }

    body.streamcio-v155-shell .button,
    body.streamcio-v155-shell button:not(.emoji-copy):not(.icon-button):not(.smart-tool-btn):not(.whats-new-close-v103) {
        min-height: 46px;
        font-size: 14px;
    }
}

@media (max-width: 1100px) {
    body.streamcio-v155-shell :is(
        .overview-exact-v151,
        .owner-welcome-v151,
        .owner-live-module-v151,
        .owner-diag-v151,
        .owner-commands-module-v152,
        .owner-actions-module-v153,
        .owner-embeds-module-v153,
        .owner-invites-module-v151,
        .management-grid,
        .page-header
    ) {
        max-width: none;
    }
}


/* Streamcio 1.6.0 - Autorangi 2.0 */
.ar2-page { max-width: 1700px; }
.ar2-stats article { min-height: 112px; }
.ar2-create-grid { align-items: start; }
.ar2-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.ar2-form-grid > label,
.ar2-form-grid > div { min-width: 0; }
.ar2-form-grid label {
    display: grid;
    gap: 7px;
    color: rgba(238, 243, 255, .78);
    font-size: .82rem;
    font-weight: 700;
}
.ar2-form-grid input,
.ar2-form-grid select,
.ar2-form-grid textarea,
.ar2-add-item-form input,
.ar2-add-item-form select,
.ar2-item-form input,
.ar2-item-form select {
    width: 100%;
    min-height: 42px;
    border: 1px solid rgba(137, 164, 222, .18);
    border-radius: 10px;
    background: rgba(14, 21, 40, .78);
    color: #f3f6ff;
    padding: 10px 12px;
}
.ar2-form-grid textarea { resize: vertical; min-height: 112px; }
.ar2-full { grid-column: 1 / -1; }
.ar2-recent-colors { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 7px; }
.ar2-recent-colors button {
    width: 25px;
    height: 25px;
    border-radius: 8px;
    border: 2px solid rgba(255,255,255,.2);
    background: var(--chip);
    cursor: pointer;
    box-shadow: 0 5px 12px rgba(0,0,0,.2);
}
.ar2-recent-colors button:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.7); }
.ar2-panel-list { gap: 20px; }
.ar2-panel {
    overflow: hidden;
    border: 1px solid rgba(115, 147, 217, .18);
    background: linear-gradient(180deg, rgba(18, 27, 51, .95), rgba(11, 17, 34, .96));
}
.ar2-panel-head { gap: 16px; }
.ar2-sync-state,
.ar2-synced-state {
    border-radius: 999px;
    padding: 4px 8px;
    font-size: .68rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .02em;
}
.ar2-sync-state { color: #ffd89a; background: rgba(244, 166, 53, .13); border: 1px solid rgba(244, 166, 53, .25); }
.ar2-synced-state { color: #8be7ba; background: rgba(55, 196, 128, .11); border: 1px solid rgba(55, 196, 128, .22); }
.ar2-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.2fr) minmax(290px, .85fr);
    gap: 16px;
    padding: 16px;
}
.ar2-settings-card,
.ar2-items-card,
.ar2-preview-history > * {
    border: 1px solid rgba(126, 151, 207, .15);
    border-radius: 14px;
    background: rgba(9, 15, 31, .58);
    padding: 15px;
}
.ar2-settings-card h4,
.ar2-items-card h4 { margin: 0 0 14px; color: #f5f7ff; }
.ar2-section-title { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ar2-section-title h4 { margin-bottom: 3px; }
.ar2-section-title small { color: rgba(224, 232, 255, .55); }
.ar2-section-title > span { color: #a8c4ff; font-weight: 800; }
.ar2-add-item-form {
    display: grid;
    grid-template-columns: minmax(160px, 1.2fr) minmax(130px, 1fr) 90px 118px auto;
    gap: 8px;
    align-items: end;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(126, 151, 207, .12);
}
.ar2-add-item-form label { display: grid; gap: 6px; font-size: .72rem; color: rgba(232, 238, 255, .68); font-weight: 700; }
.ar2-sort-list { display: grid; gap: 8px; margin-top: 13px; }
.ar2-item-row {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    border: 1px solid rgba(126, 151, 207, .14);
    border-radius: 11px;
    padding: 8px;
    background: rgba(23, 32, 57, .58);
}
.ar2-item-row.is-dragging { opacity: .42; border-color: rgba(93, 145, 255, .7); }
.ar2-drag-handle {
    height: 38px;
    border: 0;
    border-radius: 8px;
    color: rgba(217, 227, 255, .55);
    background: rgba(255,255,255,.04);
    cursor: grab;
    font-weight: 900;
}
.ar2-drag-handle:active { cursor: grabbing; }
.ar2-item-form {
    display: grid;
    grid-template-columns: minmax(145px, 1.2fr) minmax(110px, 1fr) 84px 105px auto;
    gap: 7px;
    align-items: center;
}
.ar2-item-form input,
.ar2-item-form select { min-height: 38px; padding: 8px 9px; }
.ar2-reorder-form { display: flex; justify-content: flex-end; margin-top: 10px; }
.ar2-reorder-form .button { opacity: .72; }
.ar2-reorder-form.is-dirty .button { opacity: 1; box-shadow: 0 0 0 2px rgba(79, 140, 255, .18); }
.ar2-preview-history { display: grid; gap: 12px; align-content: start; }
.ar2-preview-history .owner-autoroles-live-preview-v151 { margin: 0; }
.ar2-preview-disabled .owner-autoroles-discord-preview-v151 { opacity: .76; }
.ar2-select-preview { display: flex !important; justify-content: space-between; min-width: 180px; background: #202225 !important; color: #eef1f5 !important; border: 1px solid #42464d !important; }
.ar2-style-primary { background: #5865f2 !important; }
.ar2-style-secondary { background: #4e5058 !important; }
.ar2-style-success { background: #248046 !important; }
.ar2-style-danger { background: #da373c !important; }
.owner-autoroles-preview-buttons-v151 span.is-disabled { opacity: .48; filter: saturate(.4); }
.ar2-disabled-footer { display: block; margin-top: 12px; color: rgba(225, 229, 237, .56); }
.ar2-history {
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(126,151,207,.18);
    border-radius: 12px;
    background: rgba(7, 14, 29, .42);
}
.ar2-history > summary {
    display: grid;
    gap: 9px;
    min-height: 52px;
    padding: 13px 14px;
    cursor: pointer;
    color: #edf2ff;
    font-weight: 800;
    list-style: none;
    user-select: none;
}
.ar2-history-summary-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.ar2-history-latest-entry {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding-top: 9px;
    border-top: 1px solid rgba(126,151,207,.1);
    color: rgba(224,232,255,.68);
    font-weight: 400;
    text-align: left;
}
.ar2-history-latest-entry strong {
    overflow: hidden;
    color: #eef3ff;
    font-size: .78rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ar2-history-latest-entry small {
    overflow: hidden;
    color: rgba(221,230,255,.5);
    font-size: .72rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ar2-history-latest-entry.is-empty {
    color: rgba(221,230,255,.48);
    font-size: .76rem;
}
.ar2-history[open] .ar2-history-latest-entry {
    display: none;
}
.ar2-history-empty-expanded {
    margin: 0;
    padding: 12px 14px;
}

.ar2-history > summary::-webkit-details-marker { display: none; }
.ar2-history-title { color: #edf2ff !important; }
.ar2-history-meta { display: inline-flex; align-items: center; gap: 10px; color: #8eb4ff !important; }
.ar2-history-meta b {
    min-width: 28px;
    padding: 3px 8px;
    border: 1px solid rgba(79,140,255,.34);
    border-radius: 999px;
    background: rgba(79,140,255,.1);
    color: #9ec0ff;
    font-size: .72rem;
    text-align: center;
}
.ar2-history-arrow { color: #9ec0ff; font-style: normal; transition: transform .18s ease; }
.ar2-history[open] .ar2-history-arrow { transform: rotate(180deg); }
.ar2-history[open] > summary { border-bottom: 1px solid rgba(126,151,207,.12); }
.ar2-history-list { display: grid; gap: 0; max-height: 360px; overflow: auto; }
.ar2-history-list > article { padding: 11px 13px; border-bottom: 1px solid rgba(126,151,207,.08); }
.ar2-history-list strong { display: block; color: #eef3ff; font-size: .78rem; }
.ar2-history-list small { color: rgba(221,230,255,.5); }
.ar2-history-list details { margin-top: 8px; }
.ar2-history-list details summary { color: #8fb5ff; cursor: pointer; font-size: .72rem; }
.ar2-history-list pre { white-space: pre-wrap; word-break: break-word; font-size: .67rem; color: rgba(226,234,255,.65); }
.ar2-sync-form { margin: 0 16px 16px; }
.ar2-module-history { margin-top: 18px; }
.ar2-history-table { display: grid; }
.ar2-history-table article { display: flex; justify-content: space-between; gap: 18px; padding: 12px 2px; border-bottom: 1px solid rgba(126,151,207,.1); }
.ar2-history-table article > div { display: grid; gap: 3px; }
.ar2-history-table strong { color: #edf3ff; }
.ar2-history-table span { color: rgba(224,232,255,.67); font-size: .82rem; }
.ar2-history-table small { color: rgba(224,232,255,.48); white-space: nowrap; }

@media (max-width: 1380px) {
    .ar2-workspace { grid-template-columns: 1fr 1fr; }
    .ar2-preview-history { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
    .ar2-add-item-form { grid-template-columns: 1fr 1fr; }
    .ar2-add-item-form .button { align-self: stretch; }
    .ar2-item-form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
    .ar2-form-grid,
    .ar2-workspace,
    .ar2-preview-history { grid-template-columns: 1fr; }
    .ar2-preview-history { grid-column: auto; }
    .ar2-add-item-form,
    .ar2-item-form { grid-template-columns: 1fr; }
    .ar2-item-row { grid-template-columns: 28px 1fr auto; align-items: start; }
    .ar2-history-table article { display: grid; gap: 5px; }
    .ar2-history-table small { white-space: normal; }
}

/* Streamcio 1.6.0 hotfix - skalowanie Autorang i podglad emoji-only */
.ar2-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ar2-stats .owner-module-stat-v151 {
    min-height: 104px;
}
.ar2-form-grid [hidden] {
    display: none !important;
}
.ar2-workspace {
    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.6fr);
    align-items: start;
}
.ar2-settings-card,
.ar2-items-card,
.ar2-preview-history {
    min-width: 0;
}
.ar2-preview-history {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
}
.ar2-add-item-form {
    grid-template-columns: minmax(190px, 1.35fr) minmax(180px, 1fr) minmax(180px, .9fr) minmax(135px, .8fr);
}
.ar2-add-item-form > .button {
    grid-column: 1 / -1;
    justify-self: end;
    min-width: 150px;
}
.ar2-item-hint {
    margin: 9px 0 0;
    color: rgba(221, 230, 255, .55);
    font-size: .72rem;
    line-height: 1.45;
}
.ar2-item-hint.is-error {
    color: #ffadb4;
}
.ar2-item-form {
    grid-template-columns: minmax(180px, 1.35fr) minmax(180px, 1fr) minmax(180px, .9fr) minmax(130px, .75fr);
}
.ar2-item-form > .button {
    grid-column: 1 / -1;
    justify-self: end;
    min-width: 92px;
}
.ar2-add-item-form .smart-input-wrap,
.ar2-item-form .smart-input-wrap,
.ar2-add-item-form .rich-command-editor-v66,
.ar2-item-form .rich-command-editor-v66 {
    min-width: 0;
    width: 100%;
}
.ar2-add-item-form .rich-command-editor-v66,
.ar2-item-form .rich-command-editor-v66 {
    min-height: 42px;
    height: 42px;
    max-height: 42px;
    padding: 9px 44px 9px 10px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.ar2-add-item-form .smart-input-actions,
.ar2-item-form .smart-input-actions {
    right: 5px;
}
.ar2-add-item-form .smart-tool-btn,
.ar2-item-form .smart-tool-btn {
    width: 32px;
    height: 32px;
    min-width: 32px;
}
.owner-autoroles-preview-buttons-v151 {
    align-items: center;
}
.owner-autoroles-preview-buttons-v151 .ar2-preview-button {
    gap: 6px;
    min-width: 32px;
    padding-inline: 11px;
}
.owner-autoroles-preview-buttons-v151 .ar2-preview-button.is-emoji-only {
    padding-inline: 9px;
}
.owner-autoroles-preview-buttons-v151 .ar2-preview-button > span {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    color: inherit;
    font: inherit;
    line-height: 1;
}
.owner-autoroles-preview-buttons-v151 .ar2-preview-button-emoji[hidden],
.owner-autoroles-preview-buttons-v151 .ar2-preview-button-label[hidden] {
    display: none !important;
}
.owner-autoroles-preview-buttons-v151 .ar2-preview-button-emoji .discord-custom-emoji-preview {
    width: 18px;
    height: 18px;
    margin: 0;
    vertical-align: middle;
    border-radius: 4px;
}

@media (max-width: 1200px) {
    .ar2-workspace {
        grid-template-columns: 1fr;
    }
    .ar2-preview-history {
        grid-column: auto;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 980px) {
    .ar2-stats {
        grid-template-columns: 1fr;
    }
    .ar2-add-item-form,
    .ar2-item-form,
    .ar2-preview-history {
        grid-template-columns: 1fr;
    }
    .ar2-add-item-form > .button,
    .ar2-item-form > .button {
        grid-column: auto;
        justify-self: stretch;
        width: 100%;
    }
}
.ar2-item-row > form:last-child {
    min-width: 38px;
    margin: 0;
    align-self: start;
}
.ar2-item-row > form:last-child .danger-button {
    width: 38px;
    min-width: 38px;
    height: 38px;
    padding: 0;
    display: grid;
    place-items: center;
}


/* Streamcio 1.6.0 hotfix 2 - uporzadkowanie Autorang, zwijanie i graficzne emoji w polach */
.ar2-collapsible-card > .ar2-collapsible-body[hidden],
.ar2-panel > .ar2-collapsible-body[hidden] {
    display: none !important;
}
.ar2-collapse-head {
    align-items: center;
    margin-bottom: 14px;
}
.ar2-collapse-actions {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
}
.ar2-collapse-actions > span {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(79, 140, 255, .28);
    border-radius: 999px;
    color: #8eb4ff;
    font-size: .68rem;
    font-weight: 850;
    background: rgba(79, 140, 255, .08);
}
.ar2-collapse-toggle {
    min-width: 94px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.ar2-collapse-toggle b {
    color: rgba(219, 229, 255, .72);
    font-size: .9rem;
    line-height: 1;
}
.ar2-collapsible-card.is-collapsed > .ar2-collapse-head {
    margin-bottom: 0;
}
.ar2-panel.is-collapsed .ar2-panel-head {
    border-bottom-color: transparent;
}
.ar2-panel.is-collapsed .owner-autoroles-panel-title-v151 p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.owner-autoroles-panel-actions-v151 {
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* Czytelny uklad formularzy bez pustych, przypadkowych kolumn. */
.ar2-form-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
}
.ar2-field-channel,
.ar2-field-component,
.ar2-field-mode,
.ar2-field-limit,
.ar2-field-required {
    grid-column: span 6;
}
.ar2-title-field {
    grid-column: span 7;
}
.ar2-color-field {
    grid-column: span 5;
}
.ar2-full {
    grid-column: 1 / -1;
}
.ar2-color-controls {
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 11px;
    flex-wrap: wrap;
    padding: 5px 0;
}
.ar2-color-controls .color-input-row {
    flex: 0 0 auto;
}
.ar2-color-controls .ar2-recent-colors {
    margin: 0;
    flex: 1 1 140px;
}
.owner-autoroles-create-form-v151 > .button {
    width: 100%;
}
.ar2-settings-card .ar2-panel-form > .button {
    margin-top: 14px;
}

/* Tytul i pola emoji korzystaja z graficznego edytora custom emoji. */
.ar2-title-field .smart-input-wrap,
.ar2-title-field .rich-command-editor-v66,
.ar2-add-item-form .smart-input-wrap,
.ar2-item-form .smart-input-wrap {
    width: 100%;
    min-width: 0;
}
.ar2-title-field .rich-command-editor-v66,
.ar2-add-item-form .rich-command-editor-v66.is-single-line-v160,
.ar2-item-form .rich-command-editor-v66.is-single-line-v160 {
    min-height: 42px;
    height: 42px;
    max-height: 42px;
    padding: 9px 45px 9px 11px;
    border-radius: 10px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.ar2-title-field .rich-command-editor-v66 img.discord-custom-emoji-preview,
.ar2-add-item-form .rich-command-editor-v66 img.discord-custom-emoji-preview,
.ar2-item-form .rich-command-editor-v66 img.discord-custom-emoji-preview {
    width: 22px;
    height: 22px;
    margin: 0 2px;
    vertical-align: middle;
    border-radius: 5px;
}
.owner-autoroles-discord-preview-v151 strong .discord-custom-emoji-preview,
.owner-autoroles-panel-title-row-v151 .discord-custom-emoji-preview {
    width: 22px;
    height: 22px;
    margin: 0 2px;
    vertical-align: -5px;
    border-radius: 5px;
}
.owner-autoroles-panel-title-v151 > div {
    min-width: 0;
}
.owner-autoroles-panel-title-row-v151 h3 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
}

/* Rozwiniety panel wykorzystuje szerokosc, podglad i historia pozostaja nizej. */
.ar2-panel-body {
    border-top: 1px solid rgba(126, 151, 207, .12);
}
.ar2-workspace {
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.38fr);
    gap: 18px;
}
.ar2-preview-history {
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 18px;
}
.ar2-settings-card,
.ar2-items-card,
.ar2-preview-history > * {
    padding: 17px;
}
.ar2-item-row {
    align-items: start;
}
.ar2-item-form {
    row-gap: 9px;
}

@media (max-width: 1180px) {
    .ar2-workspace,
    .ar2-preview-history {
        grid-template-columns: 1fr;
    }
    .ar2-preview-history {
        grid-column: auto;
    }
}
@media (max-width: 820px) {
    .ar2-form-grid {
        grid-template-columns: 1fr;
    }
    .ar2-field-channel,
    .ar2-field-component,
    .ar2-field-mode,
    .ar2-field-limit,
    .ar2-field-required,
    .ar2-title-field,
    .ar2-color-field,
    .ar2-full {
        grid-column: 1;
    }
    .ar2-collapse-head,
    .ar2-panel-head {
        align-items: stretch;
    }
    .ar2-collapse-actions,
    .owner-autoroles-panel-actions-v151 {
        width: 100%;
        justify-content: stretch;
    }
    .ar2-collapse-actions .button,
    .owner-autoroles-panel-actions-v151 > .button,
    .owner-autoroles-panel-actions-v151 form,
    .owner-autoroles-panel-actions-v151 form .button,
    .owner-autoroles-panel-actions-v151 form .danger-button {
        flex: 1 1 auto;
        width: 100%;
    }
}
.owner-autoroles-create-form-v151 > .ar2-form-grid {
    grid-column: 1 / -1;
    width: 100%;
}

@container owner-live (max-width: 1120px) {
    .ar2-workspace {
        grid-template-columns: 1fr;
    }
    .ar2-preview-history {
        grid-column: auto;
        grid-template-columns: 1fr 1fr;
    }
}
@container owner-live (max-width: 760px) {
    .ar2-preview-history,
    .ar2-add-item-form,
    .ar2-item-form {
        grid-template-columns: 1fr;
    }
    .ar2-add-item-form > .button,
    .ar2-item-form > .button {
        grid-column: auto;
        justify-self: stretch;
        width: 100%;
    }
}


/* Streamcio 1.6.0 hotfix 3 - picker emoji dopasowany do pola w Autorangach */
.smart-popover.floating-smart-popover-v59.autoroles-field-popover-v160 {
    min-width: 0;
    max-width: calc(100vw - 24px);
    padding: 10px;
}
.smart-popover.floating-smart-popover-v59.autoroles-field-popover-v160 .smart-popover-head {
    min-width: 0;
    margin-bottom: 8px;
}
.smart-popover.floating-smart-popover-v59.autoroles-field-popover-v160 .smart-popover-head strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .78rem;
}
.smart-popover.floating-smart-popover-v59.autoroles-field-popover-v160 .emoji-search {
    width: 100%;
    min-width: 0;
}
.smart-popover.floating-smart-popover-v59.autoroles-field-popover-v160 .emoji-grid.compact {
    grid-template-columns: repeat(auto-fill, minmax(52px, 1fr));
    gap: 6px;
}
.smart-popover.floating-smart-popover-v59.autoroles-field-popover-v160 .emoji-copy {
    min-width: 0;
    min-height: 62px;
    padding: 6px 4px;
}
.smart-popover.floating-smart-popover-v59.autoroles-field-popover-v160 .emoji-copy img {
    width: 26px;
    height: 26px;
}
.smart-popover.floating-smart-popover-v59.autoroles-field-popover-v160 .emoji-copy small {
    max-width: 100%;
    font-size: 9px;
}

/* Streamcio 1.6.0 - grafika panelu Autorang, schemat 034 */
.ar2-thumbnail-field{min-width:0;margin:0;padding:14px;border:1px solid rgba(126,151,207,.16);border-radius:12px;background:rgba(7,14,31,.38)}
.ar2-thumbnail-field legend{padding:0 6px;color:#edf3ff;font-weight:800;font-size:.82rem}
.ar2-thumbnail-field legend span{margin-left:6px;color:rgba(221,230,255,.48);font-weight:600;font-size:.7rem}
.ar2-thumbnail-controls{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) auto;gap:10px;align-items:end}
.ar2-thumbnail-controls label{min-width:0}
.ar2-thumbnail-controls input[type="url"],.ar2-thumbnail-controls input[type="file"]{width:100%;min-width:0}
.ar2-thumbnail-field>small{display:block;margin-top:8px;color:rgba(221,230,255,.5);font-size:.7rem;line-height:1.45}
.ar2-remove-thumbnail{min-height:42px;white-space:nowrap}
.ar2-embed-preview-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.ar2-embed-preview-copy{min-width:0}
.ar2-thumbnail-preview{width:92px;height:92px;object-fit:contain;border-radius:10px;background:rgba(0,0,0,.12)}
.ar2-thumbnail-preview[hidden]{display:none!important}
@media(max-width:900px){.ar2-thumbnail-controls{grid-template-columns:1fr}.ar2-remove-thumbnail{width:100%}.ar2-thumbnail-preview{width:72px;height:72px}}

/* ============================================================
   Streamcio 1.7.0 · Automatyczne odpowiedzi
   ============================================================ */
.auto-responses-page{display:grid;gap:18px;min-width:0}.auto-responses-header{align-items:flex-start}.auto-header-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(var(--auto-accent-rgb),.28);border-radius:999px;background:rgba(var(--auto-accent-rgb),.08);font-size:11px;font-weight:800;letter-spacing:.08em}.auto-lookup-warning p{margin:5px 0 0}.auto-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.auto-stat{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-height:88px;padding:15px}.auto-stat>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(var(--auto-accent-rgb),.11);border:1px solid rgba(var(--auto-accent-rgb),.2);font-size:20px}.auto-stat strong,.auto-stat small{display:block}.auto-stat strong{font-size:22px;line-height:1}.auto-stat small{margin-top:6px;color:var(--muted);font-size:11px}.auto-create-card{overflow:hidden;padding:0}.auto-create-card>summary,.auto-rule-card>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;list-style:none}.auto-create-card>summary::-webkit-details-marker,.auto-rule-card>summary::-webkit-details-marker{display:none}.auto-create-card>summary{padding:18px 20px;border-bottom:1px solid transparent}.auto-create-card[open]>summary{border-bottom-color:var(--border)}.auto-create-card>summary>div{display:flex;align-items:center;gap:12px}.auto-create-card>summary>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(var(--auto-accent-rgb),.12);color:#9fc0ff;font-size:23px}.auto-create-card summary strong,.auto-create-card summary small{display:block}.auto-create-card summary small{margin-top:4px;color:var(--muted)}.auto-create-card>summary>b,.auto-rule-card>summary>b{transition:transform .2s ease}.auto-create-card[open]>summary>b,.auto-rule-card[open]>summary>b{transform:rotate(180deg)}.auto-rule-form{display:grid;gap:16px;padding:20px}.auto-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.auto-span-2{grid-column:1/-1}.auto-field{display:grid;align-content:start;gap:7px;min-width:0}.auto-field>span,.auto-discord-test-form label>span{font-size:11px;font-weight:750;color:#dce7f8}.auto-field input,.auto-field select,.auto-field textarea,.auto-discord-test-form input,.auto-discord-test-form select,.auto-simulator input{width:100%;min-width:0}.auto-field textarea{resize:vertical;line-height:1.5}.auto-field small,.auto-discord-test-form small{color:var(--muted);font-size:10px;line-height:1.4}.auto-field select[multiple]{min-height:132px}.auto-inline-number{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:7px}.auto-inline-number b{display:grid;place-items:center;min-height:42px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted);font-size:11px}.auto-check-card{display:flex;align-items:flex-start;gap:10px;min-height:72px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);cursor:pointer}.auto-check-card input{width:18px;height:18px;margin-top:2px}.auto-check-card strong,.auto-check-card small{display:block}.auto-check-card strong{font-size:11px}.auto-check-card small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}.auto-placeholders{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:11px 12px;border:1px dashed rgba(var(--auto-accent-rgb),.28);border-radius:12px;background:rgba(var(--auto-accent-rgb),.045)}.auto-placeholders strong{margin-right:3px;font-size:10px;color:var(--muted)}.auto-placeholders code{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.07);font-size:10px;color:#b9d0ff}.auto-embed-fields{margin:0;padding:14px;border:1px solid var(--border);border-radius:14px}.auto-embed-fields legend{padding:0 8px;font-size:11px;font-weight:800;color:#b9d0ff}.auto-embed-fields[hidden]{display:none}.auto-simulator{display:grid;gap:11px;padding:14px;border:1px solid rgba(var(--auto-accent-rgb),.22);border-radius:14px;background:linear-gradient(135deg,rgba(var(--auto-accent-rgb),.075),rgba(255,255,255,.018))}.auto-simulator strong,.auto-simulator small{display:block}.auto-simulator small{margin-top:4px;color:var(--muted);font-size:10px}.auto-simulator-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.auto-simulator output{display:block;min-height:38px;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.18);color:#cbd8eb;font-size:11px;line-height:1.45}.auto-simulator output.is-match{border-left:3px solid #57f287;color:#dfffea}.auto-simulator output.is-no-match{border-left:3px solid #ed4245;color:#ffdfe1}.auto-primary-action{justify-self:start;min-width:180px}.auto-rules-section{padding:0;overflow:hidden}.auto-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border)}.auto-section-head h2{margin:2px 0 0}.auto-section-head>span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.055);color:var(--muted);font-size:10px}.auto-rule-list{display:grid;gap:12px;padding:16px}.auto-rule-card{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.018)}.auto-rule-card.is-disabled{opacity:.72}.auto-rule-card>summary{padding:15px 16px}.auto-rule-summary-main{display:flex;align-items:center;gap:12px;min-width:0}.auto-rule-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:rgba(var(--auto-accent-rgb),.11);color:#a8c6ff;font-size:19px}.auto-rule-summary-main>div{min-width:0}.auto-rule-title{display:flex;align-items:center;gap:8px;min-width:0}.auto-rule-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auto-rule-title em{padding:3px 6px;border-radius:999px;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.06em}.auto-rule-title em.on{background:rgba(87,242,135,.12);color:#75f39a}.auto-rule-title em.off{background:rgba(237,66,69,.12);color:#ff8c8e}.auto-rule-summary-main p{margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9b7cc;font-size:10px}.auto-rule-summary-main small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.auto-rule-body{display:grid;gap:0;border-top:1px solid var(--border)}.auto-quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 0}.auto-quick-actions form{margin:0}.auto-quick-actions .button,.auto-quick-actions .danger-button{min-height:34px;padding:7px 12px;font-size:10px}.auto-discord-test-form{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;margin:0 20px 20px;padding:14px;border:1px dashed rgba(var(--auto-accent-rgb),.25);border-radius:13px;background:rgba(var(--auto-accent-rgb),.04)}.auto-discord-test-form>div strong,.auto-discord-test-form>div small{display:block}.auto-discord-test-form>div small{margin-top:4px}.auto-discord-test-form label{display:grid;gap:6px}.auto-safety-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:20px;align-items:start}.auto-safety-card>div{display:flex;gap:12px}.auto-safety-card>div>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:rgba(87,242,135,.1)}.auto-safety-card p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.auto-safety-card ul{margin:0;padding-left:18px;color:#bdc9da;font-size:10px;line-height:1.8}.auto-field.is-scope-hidden{display:none}
@media(max-width:1100px){.auto-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-discord-test-form{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-discord-test-form>div,.auto-discord-test-form>button{grid-column:1/-1}.auto-safety-card{grid-template-columns:1fr}}
@media(max-width:760px){.auto-form-grid,.auto-stats-grid,.auto-discord-test-form{grid-template-columns:1fr}.auto-span-2,.auto-discord-test-form>div,.auto-discord-test-form>button{grid-column:auto}.auto-simulator-row{grid-template-columns:1fr}.auto-rule-form{padding:15px}.auto-create-card>summary,.auto-section-head{padding:15px}.auto-rule-list{padding:12px}.auto-quick-actions{padding:12px 15px 0}.auto-discord-test-form{margin:0 15px 15px}.auto-rule-title{align-items:flex-start;flex-direction:column;gap:5px}.auto-rule-summary-main p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.auto-primary-action{width:100%}}

/* ============================================================
   Streamcio 1.7.0 hotfix UI · prostsze Automatyczne odpowiedzi
   ============================================================ */
.auto-simple-stack{display:grid;gap:16px}.auto-name-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);gap:14px;align-items:end}.auto-enabled-toggle{display:flex;align-items:center;gap:11px;min-height:68px;padding:11px 13px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025);cursor:pointer}.auto-enabled-toggle>input{position:absolute;opacity:0;pointer-events:none}.auto-enabled-toggle>span:last-child{min-width:0}.auto-enabled-toggle strong,.auto-enabled-toggle small{display:block}.auto-enabled-toggle strong{font-size:11px;color:#e8f0ff}.auto-enabled-toggle small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35}.auto-toggle-track{position:relative;display:block;width:42px;height:24px;flex:0 0 42px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.09);transition:.18s ease}.auto-toggle-track i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#aab5c7;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:.18s ease}.auto-enabled-toggle>input:checked+.auto-toggle-track{border-color:rgba(87,242,135,.45);background:rgba(87,242,135,.19)}.auto-enabled-toggle>input:checked+.auto-toggle-track i{left:21px;background:#57f287}.auto-enabled-toggle>input:focus-visible+.auto-toggle-track{outline:2px solid rgba(var(--auto-accent-rgb),.7);outline-offset:2px}.auto-basic-section{display:grid;gap:14px;padding:17px;border:1px solid rgba(126,151,207,.16);border-radius:15px;background:linear-gradient(145deg,rgba(10,18,38,.46),rgba(255,255,255,.016))}.auto-basic-heading{display:flex;align-items:flex-start;gap:11px}.auto-basic-heading>span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:1px solid rgba(var(--auto-accent-rgb),.26);border-radius:9px;background:rgba(var(--auto-accent-rgb),.11);color:#b7ceff;font-size:11px;font-weight:900}.auto-basic-heading strong,.auto-basic-heading small{display:block}.auto-basic-heading strong{font-size:13px;color:#f0f5ff}.auto-basic-heading small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}.auto-choice-grid,.auto-simple-options,.auto-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auto-choice-card,.auto-option-card{display:flex;align-items:flex-start;gap:10px;min-height:69px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.024);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.auto-choice-card:hover,.auto-option-card:hover{border-color:rgba(var(--auto-accent-rgb),.35);background:rgba(var(--auto-accent-rgb),.045)}.auto-choice-card input,.auto-option-card input{width:17px;height:17px;flex:0 0 17px;margin-top:2px;accent-color:rgb(var(--auto-accent-rgb))}.auto-choice-card strong,.auto-choice-card small,.auto-option-card strong,.auto-option-card small{display:block}.auto-choice-card strong,.auto-option-card strong{font-size:11px;color:#e7efff}.auto-choice-card small,.auto-option-card small{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.4}.auto-choice-card:has(input:checked),.auto-option-card:has(input:checked){border-color:rgba(var(--auto-accent-rgb),.48);background:rgba(var(--auto-accent-rgb),.075);box-shadow:inset 0 0 0 1px rgba(var(--auto-accent-rgb),.08)}.auto-basic-section .auto-placeholders{grid-column:auto}.auto-advanced-card{overflow:hidden;border:1px solid rgba(126,151,207,.17);border-radius:14px;background:rgba(255,255,255,.015)}.auto-advanced-card>summary{display:flex;align-items:center;gap:12px;padding:14px 15px;cursor:pointer;list-style:none}.auto-advanced-card>summary::-webkit-details-marker{display:none}.auto-advanced-card>summary>div{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.auto-advanced-card>summary>div>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:rgba(var(--auto-accent-rgb),.09);color:#a9c5ff}.auto-advanced-card summary strong,.auto-advanced-card summary small{display:block}.auto-advanced-card summary strong{font-size:11px}.auto-advanced-card summary small{margin-top:4px;color:var(--muted);font-size:9px}.auto-advanced-card summary em{padding:4px 7px;border-radius:999px;background:rgba(250,166,26,.12);color:#ffd08a;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.04em}.auto-advanced-card summary>b{transition:transform .18s ease}.auto-advanced-card[open] summary>b{transform:rotate(180deg)}.auto-advanced-body{padding:15px;border-top:1px solid var(--border)}.auto-form-actions{display:flex;justify-content:flex-end;padding-top:2px}.auto-form-actions .auto-primary-action{min-width:190px}.auto-rule-summary-main small{white-space:normal}.auto-simulator{padding:13px}.auto-simulator-row .button{min-width:105px}.auto-embed-fields{background:rgba(255,255,255,.018)}
@media(max-width:900px){.auto-name-row{grid-template-columns:1fr}.auto-scope-grid{grid-template-columns:1fr}}
@media(max-width:760px){.auto-choice-grid,.auto-simple-options{grid-template-columns:1fr}.auto-basic-section{padding:14px}.auto-advanced-card>summary{align-items:flex-start;flex-wrap:wrap}.auto-advanced-card summary em{margin-left:42px}.auto-form-actions .auto-primary-action{width:100%}}

/* ============================================================
   Streamcio 1.7.1 · Synchronizacja wysłanych embedów
   ============================================================ */
.sent-embed-details{overflow:hidden;margin-top:12px;border:1px solid rgba(126,151,207,.18);border-radius:13px;background:rgba(255,255,255,.018)}
.sent-embed-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none}
.sent-embed-details>summary::-webkit-details-marker{display:none}
.sent-embed-details>summary span{min-width:0}
.sent-embed-details>summary strong,.sent-embed-details>summary small{display:block}
.sent-embed-details>summary strong{font-size:11px;color:#edf3ff}
.sent-embed-details>summary small{margin-top:4px;color:var(--muted);font-size:9px}
.sent-embed-details>summary b{transition:transform .18s ease}
.sent-embed-details[open]>summary b{transform:rotate(180deg)}
.sent-embed-body{display:grid;gap:12px;padding:13px;border-top:1px solid var(--border)}
.sent-embed-list{display:grid;gap:9px}
.sent-embed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--border);border-left:3px solid #5865f2;border-radius:11px;background:rgba(4,9,20,.28)}
.sent-embed-row.sent-status-missing{border-left-color:#ed4245}
.sent-embed-row.sent-status-forbidden{border-left-color:#faa61a}
.sent-embed-row.sent-status-error{border-left-color:#f47fff}
.sent-embed-info{min-width:0}
.sent-embed-row-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sent-embed-row-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.sent-embed-status{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:rgba(88,101,242,.13);color:#aeb7ff;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.sent-status-missing .sent-embed-status{background:rgba(237,66,69,.13);color:#ff9799}
.sent-status-forbidden .sent-embed-status{background:rgba(250,166,26,.13);color:#ffd08a}
.sent-status-error .sent-embed-status{background:rgba(244,127,255,.13);color:#f9b6ff}
.sent-embed-info small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.sent-embed-info p{margin:7px 0 0;color:#ffb9bb;font-size:9px;line-height:1.45;word-break:break-word}
.sent-embed-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.sent-embed-actions form{margin:0}
.sent-embed-actions .button{min-height:32px;padding:7px 10px;font-size:9px;white-space:nowrap}
.sent-embed-update-all{display:flex;justify-content:flex-end;margin:0}
.sent-embed-update-all .button{min-height:36px;font-size:10px}
.sent-embed-empty{padding:12px;border:1px dashed rgba(126,151,207,.22);border-radius:11px;background:rgba(126,151,207,.035)}
.sent-embed-empty strong{font-size:11px}
.sent-embed-empty p{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:760px){.sent-embed-row{grid-template-columns:1fr}.sent-embed-actions{justify-content:flex-start}.sent-embed-update-all .button{width:100%}}

/* Streamcio 1.7.2 hotfix · czytelne uprawnienia i auto-naprawa */
.overview-permission-banner-v172{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}.overview-permission-banner-v172>div{display:grid;gap:4px;min-width:0}.overview-permission-banner-v172 strong,.overview-permission-banner-v172 span,.overview-permission-banner-v172 small{display:block}.overview-permission-banner-v172 small{opacity:.82}.permission-row-actions-v172{display:flex;align-items:flex-end;justify-content:flex-end;gap:9px;flex-wrap:wrap}.permission-row-actions-v172 form{margin:0}.permission-row-focused-v172{outline:2px solid rgba(96,165,250,.75);outline-offset:2px;box-shadow:0 0 0 5px rgba(59,130,246,.12)}.permission-auto-repair-unavailable-v172{max-width:220px;text-align:right;color:var(--muted)}.permission-repaired-action-v172{display:flex;align-items:center;justify-content:space-between;gap:16px}.permission-repaired-action-v172>div{display:grid;gap:4px}.permission-repaired-action-v172 form{margin:0}.alert small{display:block;margin-top:5px}
@media(max-width:760px){.overview-permission-banner-v172,.permission-repaired-action-v172{align-items:stretch;flex-direction:column}.overview-permission-banner-v172 .button,.permission-repaired-action-v172 .button{width:100%}.permission-row-actions-v172{align-items:flex-start;justify-content:flex-start;flex-direction:column}.permission-auto-repair-unavailable-v172{text-align:left}}
.overview-permission-actions-v172{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.overview-permission-actions-v172 form{margin:0}
@media(max-width:760px){.overview-permission-actions-v172{align-items:stretch;flex-direction:column}.overview-permission-actions-v172 .button{width:100%}}

/* Streamcio 1.7.2 hotfix 50001 · ręczny pierwszy krok widoczności */
.permission-manual-repair-v172{display:grid;gap:7px;max-width:390px;padding:11px 12px;border:1px solid rgba(245,158,11,.3);border-radius:12px;background:rgba(245,158,11,.08);text-align:left}.permission-manual-repair-v172 strong{font-size:.86rem}.permission-manual-repair-v172 p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.permission-manual-repair-v172 .button{justify-self:end}.alert.warning{white-space:pre-line}
@media(max-width:760px){.permission-manual-repair-v172{max-width:none}.permission-manual-repair-v172 .button{justify-self:stretch;width:100%}}

/* Streamcio 1.7.4 · warunki wysyłania transmisji */
.form-section-v174{
    display:grid;
    gap:12px;
    margin:2px 0;
    padding:14px;
    border:1px solid var(--border);
    border-radius:13px;
    background:rgba(255,255,255,.018);
}
.form-section-v174 h4{margin:0;font-size:.92rem;color:var(--text)}
.form-section-v174 label{display:grid;gap:7px;min-width:0}
.form-section-v174 input{width:100%;min-width:0}
.form-section-v174 .form-hint-v112{margin:0;color:var(--muted);font-size:.76rem;line-height:1.5}