:root {
    color-scheme: dark;
    --mc-bg: #0b100e;
    --mc-surface: #121a16;
    --mc-surface-soft: #16201a;
    --mc-border: #243129;
    --mc-green: #79d98b;
    --mc-text: #f3f7f4;
    --mc-muted: #98a69d;
}

html, body {
    font-family: Inter, "Segoe UI", sans-serif;
    background: var(--mc-bg);
    color: var(--mc-text);
    margin: 0;
    overflow-x: hidden;
}

body {
    background-image:
        radial-gradient(circle at 75% 0%, rgba(68, 123, 77, .08), transparent 34rem),
        linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
    background-size: auto, 32px 32px, 32px 32px;
}

a { color: #8ed99b; }

.mc-appbar {
    border-bottom: 1px solid var(--mc-border);
    backdrop-filter: blur(16px);
    background-color: rgba(14, 21, 18, .94) !important;
}

.server-selector {
    border-color: #34463a !important;
    color: #bfcbc2 !important;
    text-transform: none !important;
}

.mc-drawer {
    border-right: 1px solid var(--mc-border) !important;
}

.mc-drawer .mud-drawer-content {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.brand-block {
    min-height: 65px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0 22px;
    border-bottom: 1px solid var(--mc-border);
}

.brand-mark {
    position: relative;
    width: 32px;
    height: 32px;
    background: #6ecb80;
    border-radius: 7px;
    box-shadow: inset 0 -6px 0 rgba(0,0,0,.16), 0 0 24px rgba(121,217,139,.15);
}

.brand-mark::before, .brand-mark::after, .brand-mark span {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #142118;
    top: 10px;
}

.brand-mark::before { left: 7px; }
.brand-mark::after { right: 7px; }
.brand-mark span { left: 13px; top: 18px; width: 7px; height: 7px; }

.brand-name {
    font-size: .86rem;
    letter-spacing: .18em;
    font-weight: 800;
    line-height: 1.1;
}

.brand-subtitle {
    color: var(--mc-green);
    font-size: .64rem;
    letter-spacing: .35em;
    font-weight: 700;
    margin-top: 3px;
}

.mc-nav { padding: 18px 12px 8px; }
.mc-nav .mud-nav-link {
    border-radius: 9px;
    margin: 2px 0;
    color: #adbbb1;
}
.mc-nav .mud-nav-link:hover { background: rgba(121,217,139,.06); color: #edf5ef; }
.mc-nav .mud-nav-link.active {
    color: #b7f0c1;
    background: rgba(121,217,139,.11);
    box-shadow: inset 3px 0 0 var(--mc-green);
}
.mc-nav .mud-nav-link.active .mud-nav-link-icon { color: var(--mc-green); }

.nav-heading {
    color: #627068 !important;
    letter-spacing: .15em !important;
    padding: 22px 14px 7px;
    font-size: .65rem !important;
}

.drawer-footer {
    margin: auto 16px 16px;
    padding: 14px;
    display: flex;
    gap: 11px;
    align-items: center;
    background: #111914;
    border: 1px solid var(--mc-border);
    border-radius: 10px;
}
.drawer-footer-icon { color: var(--mc-green); line-height: 0; }
.drawer-footer-title { font-size: .76rem; color: #cfdbd2; font-weight: 650; }
.drawer-footer-copy { font-size: .68rem; color: #748079; margin-top: 2px; }

.mc-main { min-height: 100vh; }
.page-container { padding: 108px 36px 48px !important; box-sizing: border-box; width: 100%; }

.page-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 27px;
}
.page-heading h3 { font-size: clamp(1.8rem, 3vw, 2.35rem); }
.page-heading .mud-button-root { text-transform: none; font-weight: 650; }

.setup-alert {
    background: rgba(64, 123, 154, .07) !important;
    border-color: rgba(126, 183, 232, .25) !important;
    margin-bottom: 26px;
    box-sizing: border-box;
    max-width: 100%;
}
.alert-content { display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 100%; min-width: 0; }
.alert-content > div { min-width: 0; }
.alert-content .mud-button-root { white-space: nowrap; text-transform: none; }

.metric-grid, .dashboard-grid { margin-bottom: 2px; }
.metric-card, .panel-card {
    background: linear-gradient(145deg, rgba(21,31,25,.95), rgba(15,23,19,.95)) !important;
    border: 1px solid var(--mc-border);
    border-radius: 14px !important;
}
.metric-card {
    min-height: 168px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}
.metric-card::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    right: -32px;
    top: -32px;
    background: rgba(121,217,139,.035);
}
.metric-card .mud-typography-overline { color: #829087; letter-spacing: .12em; display: block; margin: 15px 0 4px; }
.metric-card .mud-typography-h5 { font-weight: 670; }
.metric-icon {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    color: var(--mc-green);
    background: rgba(121,217,139,.09);
}
.metric-icon.muted { color: #9ba8a0; background: rgba(155,168,160,.08); }
.metric-value-row { display: flex; align-items: center; gap: 9px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; }
.status-dot.neutral { background: #6c7971; box-shadow: 0 0 0 4px rgba(108,121,113,.1); }
.status-dot.online { background: var(--mc-green); box-shadow: 0 0 0 4px rgba(121,217,139,.12); }

.panel-card { padding: 22px; min-height: 100%; }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.quick-actions { display: grid; gap: 10px; }
.quick-actions .mud-button-root { justify-content: flex-start; text-transform: none; padding: 10px 13px; border-color: #2e3d33; }

.server-hero { position: relative; overflow: hidden; }
.server-hero::after { content: ""; position: absolute; width: 250px; height: 250px; right: -100px; bottom: -135px; border-radius: 50%; background: radial-gradient(circle, rgba(121,217,139,.09), transparent 68%); pointer-events: none; }
.server-overview { margin-top: 25px; display: grid; gap: 18px; }
.motd-block { padding: 18px; border-radius: 11px; border: 1px solid #2a3b30; background: rgba(121,217,139,.035); }
.motd-block span { display: block; color: #748279; letter-spacing: .12em; font-size: .67rem; font-weight: 700; margin-bottom: 7px; }
.motd-block strong { font-size: 1.15rem; color: #e8f1ea; }
.connection-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--mc-border); border-radius: 10px; background: var(--mc-border); }
.connection-grid > div { padding: 13px 15px; background: #121b16; }
.connection-grid span, .connection-grid strong { display: block; }
.connection-grid span { color: var(--mc-muted); font-size: .72rem; margin-bottom: 4px; }
.connection-grid strong { font-size: .84rem; overflow-wrap: anywhere; }

.inline-loading { min-height: 140px; display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--mc-muted); }
.player-panel { min-height: 440px; }
.player-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; margin-top: 24px; }
.player-card { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--mc-border); background: rgba(255,255,255,.018); border-radius: 11px; }
.player-card .status-dot { margin-left: auto; }
.player-card strong, .player-card small { display: block; }
.player-card small { color: var(--mc-muted); margin-top: 2px; }
.player-avatar { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 8px; background: rgba(121,217,139,.1); color: var(--mc-green); font-weight: 800; text-transform: uppercase; }

.access-form { display: grid; gap: 13px; }
.access-form .mud-button-root { justify-self: start; text-transform: none; }
.access-list { display: grid; gap: 8px; margin-top: 20px; }
.access-list > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 7px 8px 7px 14px; border: 1px solid var(--mc-border); border-radius: 9px; background: rgba(255,255,255,.016); }
.access-list strong, .access-list small { display: block; }
.access-list small { color: var(--mc-muted); margin-top: 3px; }

.console-shell { overflow: hidden; border: 1px solid #2a3a31; border-radius: 14px !important; background: #090d0b !important; }
.console-titlebar { min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 0 17px; color: #c1cdc5; border-bottom: 1px solid #213027; background: #111914; font-size: .79rem; }
.console-titlebar > span:last-child { margin-left: auto; color: #68766d; }
.console-light { width: 8px; height: 8px; border-radius: 50%; background: var(--mc-green); box-shadow: 0 0 10px rgba(121,217,139,.5); }
.console-history { min-height: 430px; max-height: 60vh; overflow: auto; padding: 20px; font-family: "Cascadia Mono", Consolas, monospace; }
.console-hint { color: #6f7c74; font-size: .82rem; }
.console-hint code { color: #a5d8ae; }
.console-entry { display: flex; gap: 9px; align-items: baseline; margin: 13px 0 5px; color: #d6e2d9; }
.console-entry code { color: #edf7ef; }
.console-time { color: #657269; font-size: .72rem; }
.console-prompt { color: var(--mc-green); font-family: "Cascadia Mono", Consolas, monospace; font-weight: 800; }
.console-response { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0 0 15px 68px; color: #9eb1a3; font: .8rem/1.55 "Cascadia Mono", Consolas, monospace; }
.console-response.error { color: #ff948a; }
.console-input-row { display: flex; align-items: center; gap: 10px; padding: 10px 15px; border-top: 1px solid #213027; background: #0f1612; }
.console-input { flex: 1; }
.console-input input { font-family: "Cascadia Mono", Consolas, monospace; }
.console-input-row .mud-button-root { text-transform: none; }

.control-card { min-height: 360px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 11px; }
.control-state-icon { width: 76px; height: 76px; display: grid; place-items: center; margin-bottom: 7px; border-radius: 22px; color: #77847c; background: rgba(119,132,124,.08); border: 1px solid #303d35; }
.control-state-icon.online { color: var(--mc-green); background: rgba(121,217,139,.08); border-color: rgba(121,217,139,.25); }
.control-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 20px; }
.control-actions .mud-button-root { text-transform: none; }

.monitor-list { display: grid; gap: 1px; margin-top: 20px; border: 1px solid var(--mc-border); border-radius: 10px; overflow: hidden; background: var(--mc-border); }
.monitor-list > div { display: grid; grid-template-columns: 12px 75px 80px 80px minmax(120px, 1fr); align-items: center; gap: 12px; padding: 11px 14px; background: #111914; font-size: .79rem; }
.monitor-list > div span { color: var(--mc-muted); }

.player-search-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.player-search-row .mud-input-control { max-width: 420px; }
.data-table { overflow-x: auto; border: 1px solid var(--mc-border); border-radius: 10px; }
.data-table-head, .data-table-row { min-width: 820px; display: grid; grid-template-columns: 1.35fr .65fr 1fr 1fr .75fr; align-items: center; gap: 16px; padding: 12px 15px; }
.data-table-head { color: #748279; background: #0f1713; font-size: .68rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.data-table-row { color: #b5c1b8; text-decoration: none; border-top: 1px solid var(--mc-border); font-size: .8rem; transition: background .15s ease; }
.data-table-row:hover { color: #eaf3ec; background: rgba(121,217,139,.035); }
.data-table-row > span:nth-child(2) { display: flex; align-items: center; gap: 8px; }
.table-player { display: flex; align-items: center; gap: 11px; }
.player-avatar.small { width: 30px; height: 30px; font-size: .76rem; }
.player-avatar.profile { width: 58px; height: 58px; font-size: 1.25rem; }
.profile-heading { display: flex; align-items: center; gap: 16px; }
.notes-editor { display: grid; gap: 12px; margin-top: 22px; }
.notes-editor .mud-button-root { justify-self: start; text-transform: none; }
.session-list { display: grid; gap: 1px; margin-top: 20px; border: 1px solid var(--mc-border); background: var(--mc-border); border-radius: 10px; overflow: hidden; }
.session-list > div { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 13px; padding: 12px 14px; background: #111914; }
.session-list strong, .session-list small { display: block; }
.session-list small { color: var(--mc-muted); margin-top: 3px; }

.restore-confirmation { display: grid; gap: 12px; width: 100%; }
.restore-confirmation > div:first-child strong, .restore-confirmation > div:first-child span { display: block; }
.restore-confirmation > div:first-child span { margin-top: 3px; opacity: .85; }
.restore-confirmation > div:last-child, .confirm-actions { display: flex; gap: 8px; }
.backup-list { display: grid; gap: 8px; margin-top: 20px; }
.backup-list > div { display: flex; align-items: center; gap: 13px; padding: 12px; border: 1px solid var(--mc-border); border-radius: 10px; background: rgba(255,255,255,.015); }
.backup-list > div > span { min-width: 0; }
.backup-list strong, .backup-list small { display: block; overflow-wrap: anywhere; }
.backup-list small { color: var(--mc-muted); margin-top: 4px; }
.backup-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; color: var(--mc-green); background: rgba(121,217,139,.08); border-radius: 9px; }
.backup-actions { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.backup-actions .mud-button-root { text-transform: none; }

.audit-list { display: grid; gap: 1px; border: 1px solid var(--mc-border); background: var(--mc-border); border-radius: 10px; overflow: hidden; }
.audit-list > div { display: flex; align-items: center; gap: 13px; padding: 12px 14px; background: #111914; }
.audit-list > div > span { min-width: 0; }
.audit-list strong, .audit-list small { display: block; }
.audit-list small { color: var(--mc-muted); margin-top: 3px; overflow-wrap: anywhere; }
.audit-list time { margin-left: auto; color: #78867d; font-size: .73rem; white-space: nowrap; }
.audit-state { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; }
.audit-state .mud-icon-root { font-size: 17px; }
.audit-state.success { color: var(--mc-green); background: rgba(121,217,139,.08); }
.audit-state.failed { color: #ff948a; background: rgba(255,148,138,.08); }

.experience-heading-actions { display: flex; gap: 10px; }
.experience-heading-actions .mud-button-root { text-transform: none; }
.preset-panel { margin-bottom: 22px; }
.preset-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }
.preset-card { min-height: 92px; display: flex; align-items: flex-start; gap: 12px; padding: 15px; color: #cbd7ce; text-align: left; cursor: pointer; border: 1px solid var(--mc-border); border-radius: 11px; background: rgba(255,255,255,.016); transition: border-color .15s ease, background .15s ease, transform .15s ease; }
.preset-card:hover { border-color: #3a5141; background: rgba(121,217,139,.035); transform: translateY(-1px); }
.preset-card.selected { border-color: rgba(121,217,139,.55); background: rgba(121,217,139,.07); }
.preset-card .mud-icon-root { color: var(--mc-green); margin-top: 2px; }
.preset-card strong, .preset-card small { display: block; }
.preset-card strong { font-size: .88rem; }
.preset-card small { color: var(--mc-muted); margin-top: 5px; line-height: 1.35; }
.experience-toolbar { display: grid; gap: 13px; margin: 24px 0; }
.experience-toolbar > .mud-input-control { max-width: 520px; }
.experience-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.experience-filters button { padding: 7px 13px; color: #98a69d; cursor: pointer; border: 1px solid #2b3a31; border-radius: 999px; background: #111914; font: 650 .75rem Inter, "Segoe UI", sans-serif; }
.experience-filters button:hover { color: #dce6df; border-color: #3b4c41; }
.experience-filters button.active { color: #bdf0c5; border-color: rgba(121,217,139,.45); background: rgba(121,217,139,.08); }
.experience-section { margin: 30px 0; }
.experience-section-heading { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 13px; }
.experience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.experience-card { min-height: 210px; display: flex; flex-direction: column; gap: 16px; padding: 17px; border: 1px solid var(--mc-border); border-radius: 12px !important; background: linear-gradient(145deg, rgba(20,29,24,.97), rgba(15,22,18,.97)) !important; transition: border-color .15s ease, box-shadow .15s ease; }
.experience-card.changed { border-color: rgba(121,217,139,.62); box-shadow: inset 0 0 0 1px rgba(121,217,139,.08); }
.experience-card.unavailable { opacity: .52; }
.experience-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-height: 72px; }
.experience-card-heading strong, .experience-card-heading small { display: block; }
.experience-card-heading strong { color: #e3ebe5; font-size: .9rem; }
.experience-card-heading small { color: var(--mc-muted); margin-top: 5px; font-size: .72rem; line-height: 1.4; }
.apply-badge { flex: 0 0 auto; padding: 4px 6px; border-radius: 5px; font-size: .58rem; font-weight: 800; letter-spacing: .08em; }
.apply-badge.live { color: #a8eab3; background: rgba(121,217,139,.1); }
.apply-badge.restart { color: #f1c984; background: rgba(241,201,132,.09); }
.setting-key { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; color: #68776d; }
.setting-key code { font-size: .65rem; color: #718077; overflow-wrap: anywhere; }
.setting-key button { padding: 0; color: var(--mc-green); cursor: pointer; border: 0; background: none; font: 650 .7rem Inter, sans-serif; }
.setting-unavailable { display: grid; place-items: center; flex: 1; color: #748178; border: 1px dashed #334038; border-radius: 8px; font-size: .73rem; }

.empty-state {
    min-height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 12px;
}
.empty-state.compact { min-height: 216px; }
.empty-state .empty-copy { max-width: 560px; }
.empty-illustration {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    color: #76857b;
    background: #111a15;
    border: 1px dashed #304037;
    margin-bottom: 3px;
}
.workspace-card { min-height: 520px; }

.setup-loading {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 18px;
}

.installation-consent { display: grid; gap: 18px; margin-top: 28px; }
.installation-consent .mud-button-root { justify-self: start; text-transform: none; }
.installation-details { display: grid; gap: 1px; margin-top: 24px; border: 1px solid var(--mc-border); border-radius: 10px; overflow: hidden; }
.installation-details > div { display: flex; justify-content: space-between; gap: 20px; padding: 13px 15px; background: rgba(255,255,255,.018); }
.installation-details span { color: var(--mc-muted); }
.server-action-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.server-action-row .mud-button-root { text-transform: none; }
.safety-list { display: grid; gap: 16px; }
.safety-list > div { display: flex; gap: 13px; align-items: flex-start; }
.safety-list .mud-icon-root { color: var(--mc-green); margin-top: 2px; }
.safety-list span, .safety-list strong, .safety-list small { display: block; }
.safety-list strong { color: #dfe8e1; font-size: .88rem; }
.safety-list small { color: var(--mc-muted); margin-top: 3px; }

.getting-started { margin-top: 22px; }
.setup-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 24px;
}
.setup-step {
    display: flex;
    gap: 12px;
    align-items: center;
    background: rgba(255,255,255,.018);
    border: 1px solid #26332b;
    border-radius: 10px;
    padding: 14px;
    color: #89968d;
}
.setup-step > span {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid #3a4940;
    font-size: .78rem;
    font-weight: 700;
}
.setup-step strong { display: block; color: #c6d1c9; font-size: .82rem; }
.setup-step small { display: block; font-size: .71rem; margin-top: 3px; }
.setup-step.done > span { background: var(--mc-green); border-color: var(--mc-green); color: #0c160f; }
.setup-step.current { border-color: rgba(121,217,139,.35); background: rgba(121,217,139,.045); }
.setup-step.current > span { border-color: var(--mc-green); color: var(--mc-green); }

#blazor-error-ui {
    background: #54201d;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0,0,0,.4);
    display: none;
    left: 0;
    padding: .8rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 1rem; top: .7rem; }

.valid.modified:not([type=checkbox]) { outline: 1px solid #79d98b; }
.invalid { outline: 1px solid #ff897d; }
.validation-message { color: #ff897d; }
.blazor-error-boundary { background: #54201d; color: white; padding: 1rem; }
.blazor-error-boundary::after { content: "An error has occurred."; }

@media (max-width: 959px) {
    .page-container { padding: 94px 20px 32px !important; }
    .server-selector { max-width: 220px; }
}

@media (max-width: 700px) {
    .page-heading { align-items: flex-start; flex-direction: column; }
    .page-heading .mud-button-root { width: 100%; }
    .alert-content { align-items: flex-start; flex-direction: column; }
    .setup-steps { grid-template-columns: 1fr; }
    .getting-started .panel-heading { flex-direction: column; }
    .server-selector { display: none !important; }
    .metric-grid, .dashboard-grid {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    .metric-grid > .mud-grid-item, .dashboard-grid > .mud-grid-item {
        padding-left: 0 !important;
    }
    .setup-alert .mud-alert-message { min-width: 0; overflow-wrap: anywhere; }
    .connection-grid { grid-template-columns: 1fr; }
    .console-titlebar > span:last-child { display: none; }
    .console-response { margin-left: 0; }
    .monitor-list > div { grid-template-columns: 12px 65px 1fr; }
    .monitor-list > div span:nth-child(4), .monitor-list > div span:nth-child(5) { display: none; }
    .player-search-row { align-items: stretch; flex-direction: column; }
    .player-search-row .mud-input-control { max-width: none; }
    .backup-list > div { align-items: flex-start; flex-wrap: wrap; }
    .backup-actions { width: 100%; justify-content: flex-end; }
    .audit-list > div { align-items: flex-start; }
    .audit-list time { display: none; }
    .experience-heading-actions { width: 100%; flex-direction: column; }
    .preset-grid, .experience-grid { grid-template-columns: 1fr; }
    .experience-toolbar > .mud-input-control { max-width: none; }
}

@media (min-width: 701px) and (max-width: 1199px) {
    .preset-grid, .experience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.bedrock-apply-row {
    justify-content: space-between;
    margin: 1.25rem 0 .5rem;
}

.bedrock-console-response {
    margin-top: 1rem;
    min-height: 3rem;
    white-space: pre-wrap;
}

.addon-hero { overflow: hidden; }
.addon-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem 1.25rem;
    margin: 1.25rem 0;
}
.addon-feature { align-items: center; display: flex; gap: .65rem; color: #c6d1c9; }
.addon-actions { margin-bottom: .65rem; }
.addon-settings { margin-top: 1.5rem; }
.addon-settings-grid {
    align-items: center;
    display: grid;
    gap: 1rem 1.5rem;
    grid-template-columns: minmax(240px, 1fr) minmax(180px, .55fr) minmax(180px, .55fr);
    margin-top: 1rem;
}
.addon-setting-copy strong, .addon-setting-copy small { display: block; }
.addon-setting-copy small { color: #89968d; line-height: 1.45; margin-top: .25rem; }
.addon-events-section { margin-top: 1.5rem; }
.addon-event-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.addon-event-card {
    align-items: center;
    background: rgba(22, 29, 25, .78);
    border: 1px solid #2f3d34;
    border-radius: 12px;
    display: grid;
    gap: 1rem;
    grid-template-columns: 44px 1fr auto;
    padding: 1rem;
}
.addon-event-icon {
    align-items: center;
    background: rgba(121,217,139,.09);
    border: 1px solid rgba(121,217,139,.2);
    border-radius: 10px;
    color: var(--mc-green);
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}
.addon-event-copy strong, .addon-event-copy small { display: block; }
.addon-event-copy small { color: #89968d; margin-top: .25rem; }
.addon-safety { margin-top: 1.5rem; }

.invite-builder { display: grid; gap: 1rem; }
.invite-result { display: grid; gap: 1.1rem; }
.invite-credentials { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--mc-border); border-radius: 10px; background: var(--mc-border); }
.invite-credentials > div { min-width: 0; padding: .8rem 1rem; background: #111914; }
.invite-credentials span, .invite-credentials strong { display: block; }
.invite-credentials span { color: var(--mc-muted); font-size: .7rem; margin-bottom: .25rem; text-transform: uppercase; letter-spacing: .08em; }
.invite-credentials strong { overflow-wrap: anywhere; }
.invite-placeholder { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: .7rem; }
.user-directory { margin-top: 1.5rem; }
.managed-user-list { display: grid; gap: .55rem; margin-top: 1.25rem; }
.managed-user-list > div { display: flex; align-items: center; gap: .8rem; padding: .75rem; border: 1px solid var(--mc-border); border-radius: 10px; background: rgba(255,255,255,.016); }
.managed-user-list > div > span { min-width: 0; }
.managed-user-list strong, .managed-user-list small { display: block; overflow-wrap: anywhere; }
.managed-user-list small { color: var(--mc-muted); margin-top: .15rem; }
.managed-user-list .mud-chip { margin-left: auto; }

@media (max-width: 700px) {
    .addon-feature-grid, .addon-event-grid { grid-template-columns: 1fr; }
    .addon-settings-grid { align-items: stretch; grid-template-columns: 1fr; }
    .addon-event-card { grid-template-columns: 40px 1fr; }
    .addon-event-card .mud-button-root { grid-column: 1 / -1; width: 100%; }
}