:root {
  --black: #091211;
  --deep: #10211f;
  --surface: #122725;
  --surface-2: #173530;
  --outline: #315f55;
  --outline-soft: #23473f;
  --mint: #72dca3;
  --green: #4daa79;
  --text: #e8f3ee;
  --muted: #91a79f;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: radial-gradient(circle at 70% -10%, #1d4a3e 0, #0b1716 34%, var(--black) 75%); color: var(--text); font: 14px "DM Sans", sans-serif; }
button, input, textarea, select { font: inherit; } button { cursor: pointer; }
.app-shell { min-height: 100vh; display: flex; }
.sidebar { width: 250px; position: fixed; inset: 0 auto 0 0; z-index: 5; display: flex; flex-direction: column; padding: 25px 14px 16px; background: linear-gradient(180deg, #17332f, #0b1716 92%); border-right: 1px solid var(--outline); }
.brand { display: flex; align-items: center; gap: 10px; color: white; text-decoration: none; padding: 0 10px 4px; font: 600 21px Outfit, sans-serif; letter-spacing: 1.7px; }
.brand-mark, .avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--mint); color: #0c1b18; font: 700 15px Outfit, sans-serif; box-shadow: 0 0 0 3px #d3eee1, 0 0 0 5px #315b50; }
.brand-subtitle { margin: 7px 10px 23px; color: #82a89a; font-size: 9px; font-weight: 700; letter-spacing: 1.35px; }
.server-picker { width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px; color: white; text-align: left; background: #0e2421; border: 1px solid #3e7465; border-radius: 7px; }
.server-icon { display: grid; place-items: center; width: 27px; height: 27px; flex: 0 0 auto; overflow: hidden; border-radius: 50%; background: var(--green); color: #07120f; font-weight: 700; }.server-icon img,.server-option-icon img { display: block; width: 100%; height: 100%; object-fit: cover; }
.server-name { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; }.chevron { color: #8aaca1; font-size: 19px; }
.server-menu { position: absolute; z-index: 3; top: 122px; left: 14px; right: 14px; padding: 5px; background: #17332f; border: 1px solid #3e7465; border-radius: 8px; box-shadow: 0 14px 30px #020605aa; }.server-option { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 9px; color: #d0e2da; text-align: left; background: none; border: 0; border-radius: 5px; }.server-option-name { display: flex; align-items: center; min-width: 0; gap: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.server-option-icon { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 auto; overflow: hidden; color: #0b1916; font-size: 10px; font-style: normal; font-weight: 700; background: var(--green); border-radius: 50%; }.server-option small { margin-left: 8px; color: #8eb6a6; font-size: 10px; white-space: nowrap; }.server-option:hover,.server-option.active { background: #2b554b; color: white; }
.nav-links { padding: 24px 0; }.nav-label { margin: 0 10px 9px; color: #77978d; font-size: 10px; font-weight: 700; letter-spacing: 1.15px; }.nav-label:not(:first-child) { margin-top: 25px; }.nav-link { display: flex; align-items: center; gap: 12px; margin: 1px 0; padding: 10px 10px; color: #c4d7d0; text-decoration: none; font-weight: 500; border-left: 2px solid transparent; border-radius: 5px; }.nav-link span { width: 17px; text-align: center; color: #83b8a3; font-size: 16px; }.nav-link:hover { color: white; background: #193631; }.nav-link.active { color: white; background: #20443b; border-left-color: var(--mint); box-shadow: inset 0 0 17px #72dca311; }.sidebar-footer { margin-top: auto; }.profile-button { display: flex; align-items: center; gap: 9px; width: 100%; margin-top: 14px; padding: 15px 4px 0; color: white; text-align: left; background: none; border: 0; border-top: 1px solid var(--outline); }.avatar.small { width: 29px; height: 29px; background: #709b8b; box-shadow: none; font-size: 10px; }.profile-button strong,.profile-button small { display: block; }.profile-button strong { font-size: 13px; }.profile-button small { margin-top: 2px; color: #94aaa2; font-size: 11px; }.more { margin-left: auto; color: #94aaa2; letter-spacing: 1px; }
.main-content { width: calc(100% - 250px); min-height: 100vh; margin-left: 250px; }.topbar { height: 72px; display: flex; align-items: center; padding: 0 42px; background: #0d1b19c9; border-bottom: 1px solid var(--outline); }.breadcrumbs { display: flex; gap: 10px; color: #8aa69c; font-size: 13px; }.breadcrumbs strong { color: #e4f0eb; }.topbar-status { margin-left: auto; margin-right: 18px; color: #8ce0ad; font-size: 10px; font-weight: 700; letter-spacing: 1px; }.topbar-status i { display: inline-block; width: 6px; height: 6px; margin: 0 6px 1px 0; background: var(--mint); border-radius: 50%; box-shadow: 0 0 10px var(--mint); }.topbar-actions { display: flex; gap: 10px; }.icon-button { position: relative; width: 32px; height: 32px; color: #b3cac1; background: #102522; border: 1px solid var(--outline); border-radius: 7px; }.notifications i { position: absolute; top: 6px; right: 7px; width: 6px; height: 6px; background: #e98974; border: 1px solid #102522; border-radius: 50%; }.mobile-menu { display: none; }
.view { display: none; max-width: 1280px; margin: auto; padding: 42px; }.view.active { display: block; }.hero,.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }.eyebrow { margin: 0 0 8px; color: #82e2aa; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; }.hero h1,.page-heading h1 { margin: 0 0 8px; color: #f0f8f4; font: 600 30px/1.2 Outfit, sans-serif; letter-spacing: -.7px; }.muted { margin: 0; color: var(--muted); }.muted strong { color: #d3e8df; }.primary-button,.secondary-button,.text-button { padding: 11px 15px; font-weight: 600; border-radius: 7px; transition: .15s ease; }.primary-button { color: #091510; background: var(--green); border: 1px solid #9ae4b7; box-shadow: 0 0 0 1px #2a6c51, 0 7px 18px #265d4740; }.primary-button:hover { background: var(--mint); transform: translateY(-1px); }.primary-button span { margin-left: 9px; font-size: 17px; }.secondary-button { color: #b2e3c8; background: #1c4037; border: 1px solid #417662; }.text-button { padding-right: 0; color: #8fe0af; background: transparent; border: 0; }
.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 17px; margin: 31px 0 18px; }.stat-card,.panel { background: linear-gradient(145deg, #142724, #0e1b1a); border: 1px solid var(--outline); border-radius: 10px; box-shadow: 0 12px 30px #02080725; }.stat-card { position: relative; display: flex; gap: 14px; min-height: 134px; padding: 20px; overflow: hidden; }.stat-card:after { position: absolute; top: 0; right: 0; width: 64px; height: 1px; content: ""; background: var(--mint); }.stat-icon { display: grid; place-items: center; width: 39px; height: 39px; flex: none; color: #91e5b1; background: #183c34; border: 1px solid #306750; border-radius: 50%; font-size: 18px; }.stat-card p { margin: 0 0 5px; color: var(--muted); }.stat-card h2 { margin: 0 0 8px; font: 600 25px/1 Outfit,sans-serif; }.stat-card small { font-size: 11px; white-space: nowrap; }.positive,.online-dot { color: #7de0a7; }.online-dot:before { display: inline-block; width: 6px; height: 6px; margin: 0 5px 1px 0; content: ""; background: #72db9c; border-radius: 50%; box-shadow: 0 0 8px #72db9c; }
.dashboard-grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 18px; }.panel { padding: 24px; }.panel-heading { display: flex; align-items: start; justify-content: space-between; gap: 10px; margin-bottom: 18px; }.panel-heading h2 { margin: 0 0 4px; color: #e3f1eb; font: 600 17px Outfit,sans-serif; }.panel-heading p { margin: 0; color: var(--muted); font-size: 12px; }.panel-heading a { color: #8fe0af; font-size: 12px; font-weight: 600; text-decoration: none; }.activity-item { display: flex; align-items: center; gap: 12px; padding: 10px 3px; }.activity-item+.activity-item { border-top: 1px solid var(--outline-soft); }.activity-icon,.quick-icon { display: grid; place-items: center; width: 31px; height: 31px; color: #86ddaa; background: #173a32; border: 1px solid #306750; border-radius: 7px; }.activity-item div { flex: 1; }.activity-item strong { color: #e3f1eb; font-size: 12px; }.activity-item p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }.activity-item p b { color: #cce4da; }.activity-item time { color: #89a399; font-size: 11px; }.quick-panel { padding-bottom: 17px; }.quick-action { display: flex; align-items: center; gap: 11px; width: 100%; padding: 12px 0; color: var(--text); text-align: left; background: none; border: 0; border-top: 1px solid var(--outline-soft); }.quick-action:first-of-type { border-top: 0; }.quick-action span:nth-child(2) { flex: 1; }.quick-action strong,.quick-action small { display: block; }.quick-action strong { color: #e3f1eb; font-size: 12px; }.quick-action small { margin-top: 2px; color: var(--muted); font-size: 11px; }.quick-action b { color: #92a9a0; font-size: 20px; font-weight: 400; }.command-panel { margin-top: 18px; }.command-chart { display: grid; gap: 15px; }.command-row { display: grid; grid-template-columns: 75px 1fr 40px; align-items: center; gap: 14px; }.command-row code,.table-line code { color: #99edbb; font-weight: 700; font-size: 12px; }.bar { height: 8px; overflow: hidden; background: #18312c; border-radius: 5px; }.bar i { display: block; height: 100%; background: linear-gradient(90deg,#327b5f,#7ae0a4); border-radius: inherit; }.command-row strong { color: #b9d2c8; font-size: 11px; text-align: right; }
.page-heading { margin-bottom: 29px; }.toggle { display: inline-flex; align-items: center; gap: 9px; color: #cfe5db; font-size: 12px; font-weight: 600; }.toggle input { display: none; }.toggle span { position: relative; display: block; width: 38px; height: 22px; background: #35544c; border-radius: 20px; transition: .2s; }.toggle span:after { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; content: ""; background: white; border-radius: 50%; transition: .2s; }.toggle input:checked+span { background: var(--green); }.toggle input:checked+span:after { transform: translateX(16px); }.toggle.compact span { width: 33px; height: 19px; }.toggle.compact span:after { width: 13px; height: 13px; }.toggle.compact input:checked+span:after { transform: translateX(14px); }.settings-layout { display: grid; grid-template-columns: minmax(380px,1.12fr) minmax(280px,.88fr); gap: 22px; align-items: start; }.field { margin-bottom: 21px; }.field label { display: block; margin-bottom: 8px; color: #d3e7de; font-size: 12px; font-weight: 700; }.field input,.field textarea,.field select,.table-toolbar input,.table-toolbar select { width: 100%; padding: 10px 11px; color: #e0eee8; background: #0b1514; border: 1px solid var(--outline); border-radius: 7px; outline: none; }.field input:focus,.field textarea:focus,.field select:focus,.table-toolbar input:focus { border-color: var(--mint); box-shadow: 0 0 0 3px #5bba8b1f; }.field small { display: block; margin-top: 7px; color: #8ca39a; font-size: 11px; }.field code { padding: 1px 3px; color: #91e2b1; background: #173630; border-radius: 3px; }.optional { color: #8ca39a; font-weight: 400; }.form-actions,.rule-meta { display: flex; gap: 12px; align-items: center; justify-content: flex-end; padding-top: 18px; border-top: 1px solid var(--outline-soft); }.save-note { color: #7de0a7; font-size: 12px; }.preview-label { margin: 2px 0 9px; color: #91aaa0; font-size: 10px; font-weight: 700; letter-spacing: 1px; }.discord-preview { overflow: hidden; color: #d6d8df; background: #111e1c; border: 1px solid var(--outline); border-radius: 10px; }.preview-server { display: flex; align-items: center; gap: 8px; height: 45px; padding: 8px 12px; border-bottom: 1px solid var(--outline); font-size: 12px; font-weight: 600; }.preview-server .server-icon { width: 25px; height: 25px; font-size: 11px; }.discord-message { display: flex; gap: 9px; min-height: 189px; padding: 17px; font-size: 12px; line-height: 1.4; }.discord-message .avatar { box-shadow: none; }.discord-message b,.embed h3 { color: white; }.discord-message em { padding: 2px 4px; font-size: 8px; font-style: normal; background: #4a9d77; border-radius: 3px; }.embed { display: flex; margin-top: 7px; overflow: hidden; background: #0b1211; border-radius: 4px; }.embed>i { width: 4px; background: var(--green); }.embed>div { padding: 11px 12px; }.embed h3 { margin: 0 0 7px; font-size: 12px; }.embed p { margin: 0; color: #c7cad4; white-space: pre-line; font-size: 11px; }
.rules-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }.rule-title { display: flex; align-items: center; gap: 11px; }.rule-title>div { flex: 1; }.rule-title h2 { margin: 0 0 3px; color: #e3f1eb; font: 600 15px Outfit,sans-serif; }.rule-title p { margin: 0; color: var(--muted); font-size: 11px; }.rule-symbol { display: grid; place-items: center; width: 34px; height: 34px; color: #86e0aa; background: #183b34; border: 1px solid #306750; border-radius: 7px; font-weight: 700; }.rule-meta { justify-content: flex-start; margin-top: 20px; color: #8ba39a; font-size: 11px; }.table-panel { padding: 0; overflow: hidden; }.table-toolbar { display: flex; gap: 10px; padding: 18px; border-bottom: 1px solid var(--outline-soft); }.table-toolbar input { flex: 1; }.table-toolbar select { width: 170px; }.table-head,.table-line { display: grid; grid-template-columns: 150px 1fr 100px 62px; align-items: center; gap: 15px; padding: 15px 22px; }.table-head { color: #82a99b; background: #10201f; font-size: 10px; font-weight: 700; letter-spacing: .8px; }.table-line { color: #b0c4bb; border-top: 1px solid var(--outline-soft); font-size: 12px; }.table-line b { color: #d2e6dd; font-size: 11px; }.placeholder-view { min-height: 550px; padding-top: 160px; text-align: center; }.placeholder-view>span { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto 18px; color: #85e2ac; background: #183b34; border: 1px solid #306750; border-radius: 50%; font-size: 27px; }.placeholder-view h1 { margin: 0 0 7px; font: 600 25px Outfit,sans-serif; }.placeholder-view p { margin: 0; color: var(--muted); }.toast { position: fixed; right: 28px; bottom: 24px; z-index: 20; padding: 12px 16px; color: #fff; background: #183b34; border: 1px solid var(--mint); border-radius: 7px; box-shadow: 0 10px 25px #020807aa; opacity: 0; transform: translateY(90px); transition: .25s; }.toast.show { opacity: 1; transform: translateY(0); }
@media(max-width:1050px) { .sidebar { width: 225px; }.main-content { width: calc(100% - 225px); margin-left: 225px; }.stats-grid { grid-template-columns: repeat(2,1fr); }.dashboard-grid,.settings-layout { grid-template-columns: 1fr; }.rules-grid { grid-template-columns: 1fr; }.preview-wrap { max-width: 510px; } }
@media(max-width:700px) { .sidebar { transform: translateX(-100%); transition: .2s; }.sidebar.open { transform: translateX(0); box-shadow: 10px 0 30px #02080766; }.main-content { width: 100%; margin: 0; }.topbar { height: 60px; padding: 0 18px; }.mobile-menu { display: block; margin-right: 10px; color: #b5cdc3; background: none; border: 0; font-size: 20px; }.topbar-status { display: none; }.view { padding: 27px 18px; }.hero,.page-heading { align-items: flex-start; flex-direction: column; }.hero h1,.page-heading h1 { font-size: 25px; }.stats-grid { grid-template-columns: 1fr; gap: 10px; margin: 23px 0 12px; }.stat-card { min-height: 105px; }.panel { padding: 18px; }.command-panel { margin-top: 12px; }.command-row { grid-template-columns: 60px 1fr 38px; gap: 8px; }.table-toolbar { flex-direction: column; }.table-toolbar select { width: 100%; }.table-head,.table-line { grid-template-columns: 72px 1fr 43px; gap: 8px; padding: 13px 14px; }.table-head span:nth-child(2),.table-line span:nth-child(2),.table-head span:last-child { display: none; }.table-line .toggle { justify-self: end; }.primary-button { width: 100%; }.page-heading>.primary-button,.page-heading>.secondary-button { width: auto; } }
/* Finished welcome-message editor */
.welcome-notice{display:flex;align-items:flex-start;gap:10px;max-width:800px;margin:-10px 0 24px;padding:12px 14px;color:#c1d8ce;background:#13332c;border:1px solid #3c7564;border-radius:8px;font-size:12px;line-height:1.45}.welcome-notice span{display:grid;place-items:center;width:20px;height:20px;flex:none;color:#0c1d17;background:#77d8a0;border-radius:50%;font-size:11px}.welcome-notice p{margin:0}.welcome-notice strong{color:#e9f7f0}.welcome-layout{align-items:start}.welcome-editor{display:grid;gap:16px}.settings-form{padding:22px}.section-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:21px}.section-heading>div{flex:1}.section-heading h2{margin:0 0 4px;color:#e5f3ec;font:600 16px Outfit,sans-serif}.section-heading p{margin:0;color:var(--muted);font-size:12px}.section-number{display:grid;place-items:center;width:26px;height:26px;flex:none;color:#a9edc5;background:#173e34;border:1px solid #3d7965;border-radius:50%;font-size:10px;font-weight:700}.channel-field{margin-bottom:12px}.channel-hint{display:flex;gap:9px;padding:11px;color:#a5bdb4;background:#0d1917;border:1px solid #22493f;border-radius:7px}.channel-hint>span{display:grid;place-items:center;width:22px;height:22px;color:#86dfaa;background:#183d33;border-radius:5px;font-size:15px;font-weight:700}.channel-hint strong,.channel-hint p{display:block;font-size:11px}.channel-hint strong{color:#d6e9e0}.channel-hint p{margin:2px 0 0;color:#89a299}.variable-row{display:flex;flex-wrap:wrap;gap:7px;margin:-5px 0 12px}.variable-row button{padding:6px 8px;color:#9ee6bb;background:#173a32;border:1px solid #386e5d;border-radius:5px;font-size:11px;font-weight:600}.variable-row button:hover{color:#0b1d16;background:#7ee2a7;border-color:#a2f2c3}.embed-heading{align-items:center}.color-field{display:flex;align-items:center;gap:9px;margin-bottom:0}.color-field label{flex:1;margin-bottom:0}.color-field input{width:36px;height:30px;padding:2px;background:#0b1514;border-color:#315d55;cursor:pointer}.color-field code{min-width:68px;color:#a5eac0;background:#173630;font-size:11px;text-align:center}.preview-wrap{position:sticky;top:94px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin:2px 0 9px}.preview-header .preview-label{margin:0 0 3px}.preview-header strong{color:#bcd2c7;font-size:11px}.preview-state{padding:4px 7px;color:#8fe0af;background:#193c33;border:1px solid #3b735f;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.7px}.preview-channel{margin-left:auto;color:#829d93;font-size:10px;font-weight:400}.preview-footnote{margin:9px 1px;color:#87a096;font-size:11px}.preview-embed.disabled{display:none}.form-actions{margin-top:2px}.form-actions .secondary-button{margin-right:auto}@media(max-width:700px){.welcome-notice{margin-top:0}.preview-wrap{position:static}.embed-heading .toggle{margin-left:auto}.form-actions{flex-wrap:wrap}.form-actions .secondary-button{margin-right:0}.form-actions button{width:100%}}
/* Softer, lower-saturation Phantom green palette. */
:root{--surface:#142521;--surface-2:#1b302b;--outline:#3b514a;--outline-soft:#2b403a;--mint:#88b9a0;--green:#4f806a}.app-shell{background:linear-gradient(135deg,#0c1514,#0a1211)}body{background:radial-gradient(circle at 70% -10%,#1c3931 0,#0b1514 36%,var(--black) 75%)}.sidebar{background:linear-gradient(180deg,#19312d,#0b1514 92%)}.server-picker{border-color:#49675c}.server-icon,.primary-button{background:#4f806a}.brand-mark{background:#88b9a0;box-shadow:0 0 0 3px #d1e1d8,0 0 0 5px #415f55}.topbar-status,.eyebrow,.panel-heading a,.text-button{color:#9ac8b0}.topbar-status i,.online-dot:before{background:#8cbea4;box-shadow:0 0 8px #8cbea4}.primary-button{border-color:#a4cbbb}.primary-button:hover{background:#699b82}.nav-link span,.nav-link.active span{color:#91b5a4}.nav-link.active{background:#27443b;border-left-color:#89b79f}.stat-card:after{background:#7fac95}.stat-icon,.activity-icon,.quick-icon,.rule-symbol{color:#9dc9b1;background:#1c342d;border-color:#466c5e}.positive,.online-dot,.save-note{color:#94c8a9}.bar i{background:linear-gradient(90deg,#467961,#8bba9f)}.preview-state{color:#a5cbb8;background:#203a31;border-color:#51796a}.toggle input:checked+span{background:#5a9076}.variable-row button{color:#a8cfb9;background:#1c362e;border-color:#4b715f}.variable-row button:hover{color:#13221c;background:#94c7aa;border-color:#b5d9c5}.section-number{color:#b2d6c1;background:#203d33;border-color:#4d7765}.welcome-notice{background:#173129;border-color:#4a7061}.welcome-notice span{background:#91c7a8}.channel-hint>span{color:#a8d6ba;background:#203b31}.preview-embed>i{background:#5a9076}@media(max-width:700px){.sidebar{background:linear-gradient(180deg,#19312d,#0b1514 92%)}}
/* Moderation command center */
.moderation-health{display:flex;align-items:center;gap:12px;margin:-8px 0 21px;padding:14px 16px;color:#c1d8ce;background:#132b26;border:1px solid #3b5c51;border-radius:8px}.health-shield{display:grid;place-items:center;width:29px;height:29px;color:#d6eee1;background:#477961;border-radius:50%;font-weight:700}.moderation-health div{flex:1}.moderation-health strong{display:block;color:#e8f6ee;font-size:13px}.moderation-health p{margin:3px 0 0;color:#9db6ac;font-size:11px}.moderation-health p b{color:#d3e8df}.health-status{color:#a7c9b6;font-size:9px;font-weight:700;letter-spacing:1px}.health-status i{display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;background:#83b99b;border-radius:50%;box-shadow:0 0 8px #83b99b}.moderation-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-bottom:31px}.member-action-panel,.queue-panel{min-height:234px}.member-search{position:relative;margin-bottom:13px}.member-search span{position:absolute;left:12px;top:9px;color:#88a89a;font-size:16px}.member-search input{width:100%;padding:10px 12px 10px 32px;color:#e0eee8;background:#0b1514;border:1px solid var(--outline);border-radius:7px;outline:none}.member-search input:focus{border-color:#89b79f;box-shadow:0 0 0 3px #89b79f1a}.member-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.member-action{display:grid;place-items:center;gap:5px;min-height:58px;color:#bdd3c9;background:#16322c;border:1px solid #3b6054;border-radius:7px;font-size:11px}.member-action span{font-size:16px;line-height:1}.member-action:hover{color:#10211a;background:#81ae95}.member-action.danger{color:#dfafa6;border-color:#75524d;background:#302222}.member-action.danger:hover{color:#fff;background:#9b5a52}.action-note{margin:13px 0 0;color:#80988e;font-size:10px;line-height:1.4}.queue-item{display:flex;align-items:center;gap:10px;padding:11px 0}.queue-item+.queue-item{border-top:1px solid var(--outline-soft)}.queue-icon{display:grid;place-items:center;width:29px;height:29px;color:#a4cfb9;background:#193b32;border:1px solid #416c5d;border-radius:7px;font-size:14px}.queue-icon.staff{color:#e1c4a0;background:#382d20;border-color:#725b3d}.queue-item div{flex:1}.queue-item strong{display:block;color:#dfede7;font-size:12px}.queue-item p{margin:3px 0 0;color:#90a89e;font-size:10px}.queue-item time{color:#839d92;font-size:10px}.moderation-section{margin-top:29px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-title h2{margin:0 0 4px;color:#ecf7f2;font:600 20px Outfit,sans-serif}.section-title>div>p:last-child{margin:0;color:#92aaa0;font-size:12px}.moderation-section .eyebrow{margin-bottom:5px}.moderation-rules{grid-template-columns:repeat(4,1fr);gap:13px}.moderation-rules .rule-card{padding:17px}.moderation-rules .rule-title{align-items:flex-start}.moderation-rules .rule-title h2{font-size:14px}.moderation-rules .rule-title p{line-height:1.35}.moderation-rules .rule-meta{flex-wrap:wrap;gap:5px;margin-top:15px;padding-top:12px}.command-count{padding:5px 8px;color:#a5cbb8;background:#1a382f;border:1px solid #426a5a;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.8px}.command-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.command-card{min-height:155px;padding:17px}.command-card code{display:inline-block;padding:4px 6px;color:#afe1c5;background:#193a31;border:1px solid #416d5c;border-radius:4px;font-size:12px;font-weight:700}.command-card h3{margin:15px 0 5px;color:#e1eee8;font:600 14px Outfit,sans-serif}.command-card p{margin:0;color:#95aca3;font-size:11px;line-height:1.45}.featured-command{position:relative;border-color:#527a69;background:linear-gradient(145deg,#1a342c,#0e1b1a)}.command-tag{margin-left:6px;padding:3px 5px;color:#0f1e18;background:#8ebca3;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.6px}.command-subcommands{display:flex;gap:5px;margin-top:13px}.command-subcommands span{padding:3px 6px;color:#a2bfb2;background:#10221e;border:1px solid #31584c;border-radius:3px;font-size:9px}@media(max-width:1050px){.moderation-grid{grid-template-columns:1fr}.moderation-rules{grid-template-columns:repeat(2,1fr)}.command-catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.moderation-health{align-items:flex-start}.health-status{display:none}.member-actions{grid-template-columns:repeat(2,1fr)}.moderation-rules,.command-catalog{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.moderation-section .secondary-button{width:auto}}
/* Roles and roster */
.roster-sync-banner{display:flex;align-items:center;gap:12px;margin:-8px 0 21px;padding:14px 16px;color:#c1d8ce;background:#132b26;border:1px solid #3b5c51;border-radius:8px}.sync-icon{display:grid;place-items:center;width:30px;height:30px;color:#d6eee1;background:#477961;border-radius:50%;font-size:16px}.roster-sync-banner div{flex:1}.roster-sync-banner strong{display:block;color:#e8f6ee;font-size:13px}.roster-sync-banner p{margin:3px 0 0;color:#9db6ac;font-size:11px}.roster-sync-banner p b{color:#d3e8df}.sync-pill{padding:5px 8px;color:#a5cbb8;background:#1a382f;border:1px solid #426a5a;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.8px}.sync-pill i{display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;background:#83b99b;border-radius:50%;box-shadow:0 0 8px #83b99b}.roles-grid-top{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-bottom:30px}.membership-panel,.roster-summary{min-height:280px}.workflow-steps{display:grid;gap:10px}.workflow-step{display:flex;align-items:center;gap:10px;padding:8px 0}.workflow-step+.workflow-step{border-top:1px solid var(--outline-soft)}.workflow-step>span{display:grid;place-items:center;width:25px;height:25px;color:#a7c9b6;background:#193a31;border:1px solid #426a5a;border-radius:50%;font-size:10px;font-weight:700}.workflow-step div{flex:1}.workflow-step strong{display:block;color:#e1eee8;font-size:12px}.workflow-step p{margin:3px 0 0;color:#90a89e;font-size:10px}.workflow-step code{color:#abdfc2}.workflow-step .text-button{padding:7px 0;font-size:10px}.roster-stat{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 11px;padding:8px 0 17px;border-bottom:1px solid var(--outline-soft)}.roster-stat strong{grid-row:span 2;color:#e9f7f0;font:600 36px/.9 Outfit,sans-serif}.roster-stat span{color:#d5e8df;font-size:12px;font-weight:600}.roster-stat small{margin-top:4px;color:#8fc5a5;font-size:10px}.roster-breakdown{display:grid;gap:13px;padding-top:17px}.roster-breakdown div{position:relative;display:grid;grid-template-columns:1fr 26px;gap:7px;color:#a2b9af;font-size:11px}.roster-breakdown b{text-align:right;color:#d6e9e0;font-size:11px}.roster-breakdown i{grid-column:1/-1;display:block;height:5px;background:#3f8166;border-radius:4px}.role-section{margin-top:29px}.role-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.role-card{display:flex;align-items:flex-start;gap:9px;min-height:130px;padding:16px}.role-card>div{flex:1}.role-card h3{margin:0 0 5px;color:#e5f2ec;font:600 13px Outfit,sans-serif}.role-card p{margin:0;color:#91a89f;font-size:10px;line-height:1.4}.role-card>b{color:#c5ded3;font-size:12px}.role-dot{width:9px;height:9px;margin-top:3px;flex:none;background:#83b99b;border-radius:50%;box-shadow:0 0 7px #83b99b}.primary-role{border-color:#547b6a}.phantom-dot{background:#9dcdb1;box-shadow:0 0 8px #9dcdb1}.red-dot{background:#ca8880;box-shadow:none}.blue-dot{background:#829ec9;box-shadow:none}.teal-dot{background:#6baba1;box-shadow:none}.gold-dot{background:#c5a36f;box-shadow:none}.team-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.team-role{display:flex;align-items:center;gap:10px;min-height:86px;padding:14px}.team-role>span{display:grid;place-items:center;width:27px;height:27px;color:#a0cdb4;background:#193b32;border:1px solid #416c5d;border-radius:7px}.team-role div{flex:1}.team-role h3{margin:0 0 3px;color:#dcece5;font-size:12px}.team-role p{margin:0;color:#8da49b;font-size:10px}.team-role>b{color:#c8dfd4;font-size:11px}.role-sync-panel{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:16px;margin-top:29px}.role-sync-panel h2{margin:0 0 5px;color:#e8f4ee;font:600 17px Outfit,sans-serif}.role-sync-panel>div>p:last-child{margin:0;color:#91a99f;font-size:11px;line-height:1.45}.role-sync-panel .eyebrow{margin-bottom:5px}.sync-command{padding:13px;color:#9bb2a8;background:#0c1816;border:1px solid var(--outline-soft);border-radius:7px}.sync-command code{display:block;margin-bottom:6px;color:#afe0c5;font-size:12px;font-weight:700}.sync-command span{font-size:10px;line-height:1.35}@media(max-width:1050px){.roles-grid-top{grid-template-columns:1fr}.role-cards{grid-template-columns:repeat(3,1fr)}.team-role-grid{grid-template-columns:repeat(2,1fr)}.role-sync-panel{grid-template-columns:1fr}}@media(max-width:700px){.roster-sync-banner{align-items:flex-start}.sync-pill{display:none}.role-cards,.team-role-grid{grid-template-columns:1fr}.role-section .secondary-button{width:auto}}

/* Dashboard administrator access */
.access-notice{display:flex;align-items:flex-start;gap:11px;max-width:900px;margin:-8px 0 21px;padding:13px 15px;color:#bfd4ca;background:#132b26;border:1px solid #3b5c51;border-radius:8px}.access-notice>span{display:grid;place-items:center;width:25px;height:25px;flex:none;color:#bce0ca;background:#264b3f;border-radius:50%;font-size:14px}.access-notice strong{display:block;color:#e6f3ed;font-size:12px}.access-notice p{margin:3px 0 0;font-size:11px;line-height:1.45}.access-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:29px}.access-rule{display:flex;align-items:center;gap:11px;padding:16px}.access-rule>div{flex:1}.access-rule h2{margin:0 0 4px;color:#e4f1eb;font:600 14px Outfit,sans-serif}.access-rule p{margin:0;color:#90a89e;font-size:10px;line-height:1.4}.access-rule>b{color:#a4c9b5;font-size:9px;letter-spacing:.7px}.access-rule-icon{display:grid;place-items:center;width:30px;height:30px;background:#203d34;border-radius:7px;font-size:15px}.access-rule-icon.owner{color:#d7bd8c;background:#3d3323}.access-rule-icon.admin{color:#99cbb0}.access-rule-icon.manage{color:#a8b9d7;background:#2a3546}.admin-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:18px}.dashboard-roles{padding:8px}.dashboard-roles .panel-heading{padding:16px 16px 5px;margin-bottom:7px}.dashboard-role{display:flex;align-items:center;gap:10px;padding:11px 9px;border:1px solid transparent;border-radius:7px}.dashboard-role:hover{background:#153029}.dashboard-role.active{background:#193a31;border-color:#416b5b}.dashboard-role-icon{display:grid;place-items:center;width:28px;height:28px;color:#a0cdb4;background:#1e4237;border-radius:7px}.dashboard-role>div{flex:1}.dashboard-role strong{display:block;color:#dcebe4;font-size:12px}.dashboard-role p{margin:2px 0 0;color:#8fa79d;font-size:10px}.dashboard-role>b{color:#a4c2b4;font-size:9px;font-weight:600}.create-role-button{width:100%;margin-top:7px;padding:11px;color:#a6cbb8;background:#0e1c1a;border:1px dashed #476b5e;border-radius:6px;font-size:11px;font-weight:600}.permission-panel{min-height:370px}.permission-badge{padding:5px 8px;color:#a5cbb8;background:#1a382f;border:1px solid #426a5a;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.7px}.permission-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px}.permission-group h3{margin:0 0 10px;color:#9eb5aa;font-size:10px;letter-spacing:.7px;text-transform:uppercase}.permission-group label{display:flex;align-items:center;justify-content:space-between;padding:8px 0;color:#cbded5;border-top:1px solid var(--outline-soft);font-size:11px}.permission-group input{display:none}.permission-group i{width:15px;height:15px;background:#78ad91;border-radius:50%;position:relative}.permission-group i:after{content:'✓';position:absolute;left:3px;top:0;color:#10221a;font-size:10px;font-weight:700}.permission-note{margin:19px 0 0;padding-top:12px;color:#899f96;border-top:1px solid var(--outline-soft);font-size:10px;line-height:1.4}.assigned-users{margin-top:30px}.user-table{padding:0;overflow:hidden}.user-table-head,.user-table-line{display:grid;grid-template-columns:1.5fr 1fr 1fr .6fr 32px;align-items:center;gap:12px;padding:13px 20px}.user-table-head{color:#8aa59a;background:#10201f;font-size:9px;font-weight:700;letter-spacing:.8px}.user-table-line{border-top:1px solid var(--outline-soft)}.user-identity{display:flex;align-items:center;gap:9px}.user-identity strong,.user-identity small{display:block}.user-identity strong{color:#e0eee8;font-size:12px}.user-identity small{margin-top:2px;color:#8ca39a;font-size:10px}.source-pill,.role-pill{width:max-content;padding:4px 6px;border-radius:4px;font-size:9px;font-weight:600}.owner-source{color:#d9c396;background:#372e20}.manual-source{color:#9dbdaF;background:#1b3931}.administrator-role{color:#a6cfb8;background:#193b32}.muted-role{color:#9ba9a3;background:#28332f}.user-table time{color:#a2b8ae;font-size:10px}.row-menu{color:#a5bdb3;background:transparent;border:0;font-size:14px}.access-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px}.access-actions span{color:#91c7a8;font-size:11px}@media(max-width:1050px){.access-summary{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.user-table-head,.user-table-line{grid-template-columns:1.3fr 1fr 1fr .5fr 30px}}@media(max-width:700px){.access-summary{gap:9px}.permission-groups{grid-template-columns:1fr;gap:18px}.user-table-head{display:none}.user-table-line{grid-template-columns:1fr auto;gap:7px;padding:14px}.user-table-line>span,.user-table-line time{display:none}.user-table-line .role-pill{display:block}.user-table-line .user-identity{grid-column:1}.access-actions .primary-button{width:auto}}
.permission-group input:not(:checked)+i{background:#293d37;border:1px solid #486158}.permission-group input:not(:checked)+i:after{content:''}
/* Creator-only sub-user access controls */
.creator-lock{border-color:#557b6a}.creator-lock code{padding:2px 4px;color:#b9dfca;background:#153027;border-radius:3px;font-size:9px}.sub-user-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.sub-user-form{padding:22px}.sub-user-form .field{margin-bottom:16px}.sub-user-permissions{display:grid;gap:7px;margin:18px 0;padding-top:16px;border-top:1px solid var(--outline-soft)}.sub-user-permissions>p{margin:0 0 2px;color:#9fb6ab;font-size:10px;font-weight:700;letter-spacing:.7px}.sub-user-permissions label{display:flex;align-items:center;gap:8px;color:#c5d9d0;font-size:11px}.sub-user-permissions input{width:14px;height:14px;accent-color:#5d9479}.empty-user-list{display:grid;place-items:center;min-height:167px;padding:27px;color:#a0b7ad;text-align:center}.empty-user-list span{display:grid;place-items:center;width:31px;height:31px;margin-bottom:8px;color:#a7c9b6;background:#1d4036;border:1px solid #456d5d;border-radius:50%;font-size:17px}.empty-user-list strong{color:#d5e8df;font-size:12px}.empty-user-list p{margin:4px 0 0;font-size:10px}.assigned-users .panel-heading{margin-bottom:0;padding:17px 20px 8px}.assigned-users .user-table-head{border-top:1px solid var(--outline-soft)}@media(max-width:1050px){.sub-user-layout{grid-template-columns:1fr}}@media(max-width:700px){.sub-user-form{padding:18px}.sub-user-form .primary-button{width:100%}}
/* Slash-command directory */
.command-sync-banner{display:flex;align-items:center;gap:12px;margin:-8px 0 20px;padding:14px 16px;color:#c1d8ce;background:#132b26;border:1px solid #3b5c51;border-radius:8px}.command-sync-banner>span:first-child{display:grid;place-items:center;width:30px;height:30px;color:#c7e5d5;background:#477961;border-radius:50%;font-size:15px}.command-sync-banner div{flex:1}.command-sync-banner strong{display:block;color:#e8f6ee;font-size:13px}.command-sync-banner p{margin:3px 0 0;color:#9db6ac;font-size:11px}.command-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:28px}.command-stat{display:flex;align-items:center;gap:12px;padding:17px}.command-stat>span{color:#e4f4eb;font:600 29px/1 Outfit,sans-serif}.command-stat div{border-left:1px solid var(--outline-soft);padding-left:12px}.command-stat strong{display:block;color:#dcece5;font-size:12px}.command-stat p{margin:3px 0 0;color:#8fa79d;font-size:10px}.command-stat code{color:#aadebd}.command-directory{padding:0;overflow:hidden}.command-toolbar{border-bottom:1px solid var(--outline-soft)}.command-directory-head,.command-line{display:grid;grid-template-columns:1.05fr 1.5fr .7fr 42px;align-items:center;gap:15px;padding:13px 20px}.command-directory-head{color:#8aa59a;background:#10201f;font-size:9px;font-weight:700;letter-spacing:.8px}.command-line{min-height:65px;border-top:1px solid var(--outline-soft)}.command-line>div{display:flex;align-items:center;gap:7px}.command-line code{padding:4px 6px;color:#afe0c5;background:#193a31;border:1px solid #416d5c;border-radius:4px;font-size:11px;font-weight:700}.command-line p{margin:0;color:#a1b7ad;font-size:11px;line-height:1.4}.command-line p b{color:#d5e8df}.category-chip,.access-chip{width:max-content;padding:3px 5px;border-radius:3px;font-size:9px;font-weight:600}.category-chip{color:#a9cfba;background:#203a32}.access-chip{color:#b6c9c0;background:#293a35}.creator-command{background:#131e1b}.creator-command .category-chip{color:#d6c292;background:#392f21}.creator-access{color:#d7c398;background:#372e20}@media(max-width:800px){.command-overview{grid-template-columns:1fr}.command-directory-head{display:none}.command-line{grid-template-columns:1fr auto;gap:7px;padding:14px}.command-line p{grid-column:1/-1;grid-row:2}.command-line .access-chip{grid-column:1}.command-line .toggle{grid-column:2;grid-row:1;justify-self:end}.command-toolbar{flex-direction:column}.command-toolbar select{width:100%}}
/* Command cards replace the list-style directory. */
.command-directory{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}.command-directory .command-toolbar{padding:14px;background:linear-gradient(145deg,#142724,#0e1b1a);border:1px solid var(--outline);border-radius:10px}.command-directory-head{display:none}.command-directory-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.command-line{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:12px;min-height:166px;padding:18px;background:linear-gradient(145deg,#142724,#0e1b1a);border:1px solid var(--outline);border-radius:10px;transition:border-color .15s,transform .15s,box-shadow .15s}.command-line:hover{border-color:#6a957f;box-shadow:0 10px 23px #02080728;transform:translateY(-2px)}.command-line>div{grid-column:1;grid-row:1}.command-line>label{grid-column:2;grid-row:1;justify-self:end}.command-line>p{grid-column:1/-1;grid-row:2;align-self:start;font-size:12px;line-height:1.5}.command-line>.access-chip{grid-column:1;grid-row:3;align-self:end}.command-line.creator-command{background:linear-gradient(145deg,#1a211b,#101816);border-color:#625846}.command-line.creator-command:hover{border-color:#89775e}@media(max-width:800px){.command-directory-body{grid-template-columns:1fr}.command-line{min-height:150px}.command-line p{grid-column:1/-1;grid-row:2}.command-line .access-chip{grid-column:1;grid-row:3}.command-line .toggle{grid-column:2;grid-row:1}}
/* Scrim roster builder, based on the squad-block sheet layout. */
.scrim-page-actions{display:flex;gap:10px}.scrim-match-bar{display:grid;grid-template-columns:1fr 118px 145px auto;align-items:end;gap:12px;margin:30px 0 19px;padding:15px;background:linear-gradient(145deg,#172b25,#0f1c1a);border:1px solid var(--outline);border-radius:10px}.match-title-field label,.match-detail label{display:block;margin:0 0 6px;color:#97afa4;font-size:9px;font-weight:700;letter-spacing:.8px}.match-title-field input,.match-detail input,.command-assignment input{width:100%;padding:9px 10px;color:#e7f2ed;background:#0b1514;border:1px solid #3f6257;border-radius:6px;outline:none}.match-title-field input{font:600 16px Outfit,sans-serif}.match-title-field input:focus,.match-detail input:focus,.command-assignment input:focus{border-color:#85b79e;box-shadow:0 0 0 3px #85b79e1a}.roster-live-state{display:flex;align-items:center;gap:7px;padding:10px 4px;color:#abcab9;font-size:9px;font-weight:700;letter-spacing:.8px;white-space:nowrap}.roster-live-state i{width:6px;height:6px;background:#83b99b;border-radius:50%;box-shadow:0 0 7px #83b99b}.scrim-summary-grid{display:grid;grid-template-columns:1.12fr .92fr .96fr;gap:16px;margin-bottom:30px}.squad-order-panel,.roster-command-panel,.allotment-panel{min-height:267px}.squad-order-list{display:grid;gap:5px}.squad-order-list div{display:grid;grid-template-columns:29px 72px 1fr;align-items:center;gap:7px;padding:3px 0;border-top:1px solid var(--outline-soft)}.squad-order-list b{color:#c7dcd2;font-size:10px}.squad-order-list select{padding:4px;color:#d8e9e1;background:#17362d;border:1px solid #3c6a5a;border-radius:4px;font-size:9px;font-weight:700}.squad-order-list span{color:#a6bbb1;font-size:10px}.command-assignment{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:9px;padding:11px 0}.command-assignment+.command-assignment{border-top:1px solid var(--outline-soft)}.command-assignment label{color:#b9d0c5;font-size:11px;font-weight:700}.team-total{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--outline-soft)}.team-total>span{color:#94aaa0;font-size:11px}.team-total strong{color:#e5f3ec;font-size:12px}.team-total strong b:first-child{color:#9bd0b3;font-size:18px}.team-total i{grid-column:1/-1;display:block;height:7px;overflow:hidden;background:#1b302b;border-radius:4px}.team-total em{display:block;height:100%;width:0;background:linear-gradient(90deg,#4d856b,#96c9ac);border-radius:inherit;transition:width .2s}.allotment-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.allotment-list div{display:flex;align-items:center;gap:6px;padding:4px 0;color:#adbfB6;border-bottom:1px solid #243e37;font-size:10px}.allotment-list div>span:nth-child(2){flex:1}.allotment-list b{color:#d6e8df;font-size:10px}.allotment-dot{width:8px;height:8px;border-radius:50%;background:#8ebca3}.allotment-dot.squad-command{background:#c99b4b}.allotment-dot.squad-gold{background:#d5ad18}.allotment-dot.squad-white{background:#eceee9}.allotment-dot.squad-red{background:#bd625e}.allotment-dot.squad-green{background:#8cad6d}.allotment-dot.squad-orange{background:#dd8d42}.allotment-dot.squad-pink{background:#cc8a98}.allotment-dot.squad-teal{background:#6fbbb7}.allotment-dot.squad-purple{background:#7558a1}.allotment-dot.squad-grey{background:#8a8d8c}.allotment-dot.squad-crimson{background:#af5755}.allotment-dot.squad-blue{background:#6485ae}.allotment-total{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;color:#b6c9c0;border-top:1px solid var(--outline-soft);font-size:11px}.allotment-total strong{color:#e6f3ed}.scrim-roster-section{margin-top:29px}.scrim-squad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.scrim-squad{overflow:hidden;background:#101d1b;border:1px solid #416358;border-radius:8px}.scrim-squad header{display:flex;align-items:center;gap:8px;padding:10px 11px;background:#3c674f;border-bottom:2px solid #0b1514}.scrim-squad header input{width:100%;min-width:0;padding:0;color:#112018;background:transparent;border:0;outline:0;font:600 12px Outfit,sans-serif}.scrim-squad header span{color:#12211c;font-size:8px;font-weight:700;letter-spacing:.5px}.scrim-slots{padding:7px}.scrim-slot{display:grid;grid-template-columns:1fr 18px;align-items:center;gap:7px;padding:3px 0}.scrim-slot+.scrim-slot{border-top:1px solid #243d36}.scrim-slot select{width:100%;padding:4px 6px;color:#cee0d7;background:#182e29;border:1px solid #36584d;border-radius:9px;font-size:10px;outline:none}.scrim-slot input{display:none}.scrim-slot i{position:relative;display:block;width:16px;height:16px;border:1px solid #5c776d;border-radius:3px}.scrim-slot input:checked+i{background:#85b79e;border-color:#85b79e}.scrim-slot input:checked+i:after{position:absolute;left:4px;top:1px;content:'✓';color:#11221b;font-size:10px;font-weight:700}.squad-command header{background:#bf913f}.squad-gold header{background:#c6a11d}.squad-white header{background:#dfe3dd}.squad-red header{background:#bd625e}.squad-green header{background:#8da96e}.squad-orange header{background:#d68536}.squad-pink header{background:#c78491}.squad-teal header{background:#72b8b4}.squad-purple header{background:#70509a}.squad-grey header{background:#8b8e8b}.squad-crimson header{background:#ae5151}.squad-blue header{background:#6687ad}.squad-white header input,.squad-white header span{color:#17231f}.scrim-note{margin:14px 0 0;color:#87a096;font-size:11px;text-align:center}@media(max-width:1150px){.scrim-squad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scrim-summary-grid{grid-template-columns:1fr 1fr}.allotment-panel{grid-column:1/-1}}@media(max-width:800px){.scrim-match-bar{grid-template-columns:1fr 1fr}.match-title-field{grid-column:1/-1}.roster-live-state{display:none}.scrim-squad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scrim-summary-grid{grid-template-columns:1fr}.allotment-panel{grid-column:auto}}@media(max-width:500px){.scrim-page-actions{width:100%;flex-direction:column}.scrim-page-actions button{width:100%}.scrim-squad-grid{grid-template-columns:1fr}.scrim-match-bar{grid-template-columns:1fr}.match-detail{grid-column:auto}}
/* Exact roster-row treatment: kit/squad header, role label, ready box, and member field. */
.scrim-squad-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.scrim-squad header{display:grid;grid-template-columns:37px 1fr;align-items:center;gap:7px;padding:9px 10px}.scrim-squad header input{font-size:11px}.squad-type-label{padding:5px 10px;color:#cadbd2;background:#132520;border-bottom:1px solid #2e4b41;font-size:9px;font-weight:700;letter-spacing:.7px}.scrim-slots{padding:6px}.scrim-slot{grid-template-columns:62px 15px minmax(0,1fr);gap:5px;padding:3px 0}.scrim-slot select{padding:3px 5px;font-size:9px}.scrim-slot input[type="checkbox"]{display:none}.scrim-slot i{width:14px;height:14px}.scrim-slot input[type="checkbox"]:checked+i:after{left:3px;top:0;font-size:9px}.scrim-slot .slot-name-input{display:block;width:100%;min-width:0;padding:4px 5px;color:#d8e7e0;background:#0d1917;border:1px solid #2e5045;border-radius:4px;font-size:9px;outline:none}.scrim-slot .slot-name-input:focus{border-color:#83b99b;box-shadow:0 0 0 2px #83b99b1c}.scrim-slot .slot-name-input::placeholder{color:#647d73}@media(max-width:1250px){.scrim-squad-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.scrim-squad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.scrim-squad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.scrim-squad-grid{grid-template-columns:1fr}}
.vehicle-selector{display:grid;grid-template-columns:49px 1fr;align-items:center;gap:5px;padding:5px 7px;background:#0d1816;border-bottom:1px solid #29473e}.vehicle-selector>span{color:#9db4a9;font-size:8px;font-weight:700;letter-spacing:.5px}.vehicle-selector select{width:100%;min-width:0;padding:3px 4px;color:#d7e8df;background:#172d28;border:1px solid #385d50;border-radius:4px;font-size:8px;outline:none}.vehicle-selector select:focus{border-color:#83b99b}
/* Roster refinements: squad-order pickers, no ready-square, and member save prompt. */
.squad-order-list div{grid-template-columns:31px 1fr}.squad-order-list select{grid-column:2}.scrim-squad header{grid-template-columns:1fr}.scrim-slot{grid-template-columns:70px minmax(0,1fr)}.member-save-dialog{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#02080799}.member-save-dialog[hidden]{display:none}.member-save-dialog>div{width:min(390px,100%);padding:25px;background:linear-gradient(145deg,#19312b,#0e1a18);border:1px solid #608b78;border-radius:11px;box-shadow:0 20px 45px #000a}.member-save-dialog>div>span{display:grid;place-items:center;width:34px;height:34px;color:#cce6d8;background:#2c5a49;border-radius:50%;font-size:18px}.member-save-dialog h2{margin:15px 0 7px;color:#edf7f2;font:600 20px Outfit,sans-serif}.member-save-dialog p{margin:0;color:#a5bdb3;font-size:12px;line-height:1.5}.member-save-dialog p strong{color:#dcece4}.member-save-dialog>div>div{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.member-save-dialog .secondary-button{border:1px solid #416b5b}@media(max-width:500px){.member-save-dialog>div>div{flex-direction:column}.member-save-dialog button{width:100%}}
/* Scrim Team overview and roster-library sub-page. */
.scrim-team-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:30px}.leadership-panel,.new-roster-panel{min-height:230px}.leadership-empty{display:flex;align-items:center;gap:11px;padding:18px 0;border-top:1px solid var(--outline-soft);border-bottom:1px solid var(--outline-soft)}.leadership-empty>span,.new-roster-panel>span{display:grid;place-items:center;width:34px;height:34px;color:#a8cdb9;background:#1b3b32;border:1px solid #416c5b;border-radius:50%;font-size:16px}.leadership-empty div{flex:1}.leadership-empty strong{display:block;color:#e1eee8;font-size:12px}.leadership-empty p{margin:3px 0 0;color:#91a89f;font-size:11px;line-height:1.45}.leadership-panel>.text-button{margin-top:12px;font-size:11px}.new-roster-panel{display:flex;align-items:flex-start;flex-direction:column;width:100%;padding:24px;color:inherit;font-family:inherit;text-align:left;cursor:pointer}.new-roster-panel>span{margin-bottom:16px;font-size:20px}.new-roster-panel h2{margin:0 0 7px;color:#e8f4ee;font:600 18px Outfit,sans-serif}.new-roster-panel p{flex:1;margin:0;color:#91a89f;font-size:11px;line-height:1.45}.new-roster-panel small{margin-top:20px;color:#9ac8b0;font-size:10px;font-weight:700;letter-spacing:.4px}.new-roster-panel:hover{border-color:#79aa91;background:linear-gradient(145deg,#19342d,#10211e);transform:translateY(-2px)}.new-roster-panel:focus-visible{outline:2px solid #9ac8b0;outline-offset:3px}.scrim-roster-directory{margin-top:30px}.saved-roster-list{display:grid;gap:10px}.saved-roster-row{display:grid;grid-template-columns:1fr 140px 110px 90px;align-items:center;gap:15px;padding:15px 18px;background:linear-gradient(145deg,#142724,#0e1b1a);border:1px solid var(--outline);border-radius:8px}.saved-roster-row h3{margin:0 0 4px;color:#e2eee9;font:600 14px Outfit,sans-serif}.saved-roster-row p{margin:0;color:#8fa79d;font-size:10px}.saved-roster-meta{color:#c5d9d0;font-size:11px}.saved-roster-meta small{display:block;margin-bottom:3px;color:#8da69b;font-size:9px;font-weight:700;letter-spacing:.7px}.saved-roster-row .secondary-button{justify-self:end;padding:8px 11px;font-size:10px}.empty-roster-list{display:grid;place-items:center;min-height:180px;color:#9bb0a7;text-align:center;background:linear-gradient(145deg,#142724,#0e1b1a);border:1px dashed #45695d;border-radius:8px}.empty-roster-list>span{display:grid;place-items:center;width:32px;height:32px;margin-bottom:9px;color:#abd0bd;background:#1a3d33;border-radius:50%;font-size:17px}.empty-roster-list strong{display:block;color:#dceae4;font-size:12px}.empty-roster-list p{margin:4px 20px 0;font-size:10px}.back-link{display:inline-flex;align-items:center;min-height:34px;margin:0 0 14px;padding:0 12px;color:#abd3bd;background:#152d27;border:1px solid #547b6a;border-radius:7px;font-size:12px;font-weight:700;transition:.15s ease}.back-link:hover{color:#0e1d17;background:#8ab99f;border-color:#b4dac4;transform:translateX(-2px)}.back-link:focus-visible{outline:2px solid #b4dac4;outline-offset:3px}@media(max-width:800px){.scrim-team-grid{grid-template-columns:1fr}.saved-roster-row{grid-template-columns:1fr 1fr;gap:11px}.saved-roster-row>div:first-child{grid-column:1/-1}.saved-roster-row .secondary-button{grid-column:2;grid-row:2;justify-self:end}}
.scrim-squad.has-custom-banner header{background:var(--squad-banner)}
.delete-squad-select{min-width:138px;padding:10px 30px 10px 10px;color:#d5e6dd;background:#142925;border:1px solid #4e7162;border-radius:7px;font:600 10px Outfit,sans-serif;outline:none}.delete-squad-select:focus{border-color:#9ac8b0;box-shadow:0 0 0 3px #9ac8b024}.danger-button{padding:11px 13px;color:#e6bbb4;background:#342321;border:1px solid #875750;border-radius:7px;font-weight:700;transition:.15s ease}.danger-button:hover:not(:disabled){color:#fff;background:#9a5d55;border-color:#d89489}.danger-button:disabled,.delete-squad-select:disabled{opacity:.5;cursor:not-allowed}.delete-squad-dialog>div>span{color:#f0c1b8;background:#4a2b27}.delete-squad-field{display:grid;gap:6px;margin-top:18px}.delete-squad-field>span{color:#c7d8d0;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.delete-squad-field .delete-squad-select{width:100%;font-size:11px}.delete-squad-confirm{margin-top:15px!important;padding-top:13px;border-top:1px solid var(--outline-soft)}.delete-squad-confirm strong{color:#efc2ba!important}@media(max-width:500px){.delete-squad-select{width:100%}}
/* Shared dropdown treatment for all current and future dashboard selectors. */
select{padding:7px 9px;color:#dbeae3!important;background-color:#142925!important;border:1px solid #4e7162!important;border-radius:6px;color-scheme:dark;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}select:hover:not(:disabled){border-color:#719987!important}select:focus{border-color:#9ac8b0!important;box-shadow:0 0 0 3px #9ac8b024!important}select option{color:#dbeae3;background:#142925}select option:checked{color:#f1faf5;background:#37634f}
/* Role-based access and Custom Server Settings. */
.access-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:29px 0}.access-role-card{min-height:190px;padding:19px}.access-role-card h2{margin:14px 0 6px;color:#e8f4ee;font:600 16px Outfit,sans-serif}.access-role-card p{margin:0;color:#92a9a0;font-size:11px;line-height:1.45}.access-role-card>span:last-child{display:inline-block;margin-top:18px;padding:4px 6px;color:#a9cdbb;background:#193a31;border:1px solid #456d5d;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.7px}.access-role-card .text-button{margin-top:17px;font-size:10px}.sub-user-role-grid{display:grid;gap:9px;margin:17px 0;padding:0;border:0}.sub-user-role-grid legend{margin-bottom:9px;color:#9fb6ab;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.sub-user-role-grid label{display:flex;align-items:center;gap:9px;padding:10px;color:#c9ddd4;background:#10211e;border:1px solid #345a4d;border-radius:7px;cursor:pointer}.sub-user-role-grid input{width:15px;height:15px;accent-color:#78ad91}.sub-user-role-grid strong,.sub-user-role-grid small{display:block}.sub-user-role-grid strong{font-size:11px}.sub-user-role-grid small{margin-top:2px;color:#89a39a;font-size:10px}.sub-user-role-pills{display:flex;flex-wrap:wrap;gap:5px}.sub-user-role-pills b{padding:4px 6px;color:#b6dbc8;background:#193a31;border:1px solid #456e5e;border-radius:4px;font-size:9px;font-weight:600}.server-settings-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:28px}.server-config-panel,.server-restart-panel{padding:22px}.server-config-panel .field,.server-restart-panel .field{margin-top:17px}.server-config-note{display:flex;gap:9px;margin-top:19px;padding:12px;color:#a8bfb5;background:#10231f;border:1px solid #315b4d;border-radius:7px}.server-config-note span{color:#a7cfba}.server-config-note p{margin:0;font-size:11px;line-height:1.45}.server-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--outline-soft);cursor:pointer}.server-toggle strong,.server-toggle small{display:block}.server-toggle strong{color:#d8e8e0;font-size:12px}.server-toggle small{margin-top:3px;color:#8fa69c;font-size:10px}.server-toggle input{display:none}.server-toggle i{position:relative;width:35px;height:19px;flex:none;background:#2a4139;border:1px solid #526a61;border-radius:20px}.server-toggle i:after{position:absolute;top:2px;left:2px;width:13px;height:13px;content:"";background:#a6bdb2;border-radius:50%;transition:.15s}.server-toggle input:checked+i{background:#5d9479;border-color:#8ab69e}.server-toggle input:checked+i:after{left:17px;background:#ecf6f0}.server-status-card{display:flex;gap:10px;margin-top:18px;padding:13px;color:#a7bdb4;background:#10211e;border:1px dashed #446b5b;border-radius:7px}.server-status-card>span{display:grid;place-items:center;width:27px;height:27px;flex:none;color:#9dcdb1;background:#1c4035;border-radius:50%}.server-status-card strong{display:block;color:#dbece4;font-size:11px}.server-status-card p{margin:3px 0 0;font-size:10px;line-height:1.4}.mod-library-panel{margin-top:29px;padding:20px}.empty-mod-library{display:grid;place-items:center;min-height:150px;color:#9db4aa;text-align:center;border:1px dashed #456c5d;border-radius:8px}.empty-mod-library>span{display:grid;place-items:center;width:29px;height:29px;margin-bottom:8px;color:#a4d0b8;background:#1c4035;border-radius:50%;font-size:16px}.empty-mod-library strong{display:block;color:#dcebe4;font-size:12px}.empty-mod-library p{margin:4px 18px 0;font-size:10px}.mod-profile-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px;color:#dcebe4;background:#10211e;border:1px solid #365f51;border-radius:7px;text-align:left}.mod-profile-row+.mod-profile-row{margin-top:8px}.mod-profile-row>span{display:grid;place-items:center;width:27px;height:27px;color:#b4d9c5;background:#1e4438;border-radius:6px}.mod-profile-row strong,.mod-profile-row small{display:block}.mod-profile-row strong{font-size:12px}.mod-profile-row small{margin-top:3px;color:#8ea69c;font-size:10px}.mod-profile-row>b{color:#a9cfbb;font-size:10px}@media(max-width:1050px){.access-role-grid,.server-settings-grid{grid-template-columns:1fr}.access-role-card{min-height:auto}}@media(max-width:700px){.access-role-grid{gap:10px}.server-config-panel,.server-restart-panel,.mod-library-panel{padding:18px}.mod-library-panel .section-title .secondary-button{width:auto}}
.automation-section{margin-top:30px}.automation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.automation-card{min-height:188px;padding:17px;transition:border-color .15s ease,opacity .15s ease}.automation-card:hover{border-color:#628d79}.automation-card-top{display:flex;align-items:center;justify-content:space-between}.automation-symbol{display:grid;place-items:center;width:31px;height:31px;color:#a7d2bb;background:#1c4035;border:1px solid #466d5e;border-radius:7px;font-size:15px;font-weight:700}.automation-card h3{margin:15px 0 5px;color:#e4f1eb;font:600 14px Outfit,sans-serif}.automation-card p{min-height:31px;margin:0;color:#91a89e;font-size:10px;line-height:1.45}.automation-card small{display:block;margin-top:13px;color:#a9c9b9;font-size:9px;font-weight:700;letter-spacing:.4px}.automation-card .text-button{margin-top:12px;padding:0;font-size:10px}.automation-card.automation-off{opacity:.63}.automation-card.automation-off .automation-symbol{color:#8ea69c;background:#273732;border-color:#475c54}.automation-dialog>div{width:min(455px,100%)}.automation-dialog>div>span{color:#b7d9c6;background:#244b3e}.automation-dialog .field{margin-top:16px}.automation-dialog .field label{display:block;margin-bottom:6px;color:#b9d0c5;font-size:11px;font-weight:700}.automation-dialog select,.automation-dialog textarea{width:100%;color:#d9e9e1;background:#10211e;border:1px solid #41695a;border-radius:6px;outline:none}.automation-dialog textarea{padding:9px;resize:vertical;font:inherit;font-size:11px;line-height:1.45}.automation-dialog textarea:focus{border-color:#9ac8b0;box-shadow:0 0 0 3px #9ac8b024}@media(max-width:1050px){.automation-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.automation-grid{grid-template-columns:1fr}}
.automation-card .text-button{display:inline-flex;align-items:center;min-height:32px;margin-top:13px;padding:0 10px;color:#a9d2bc;background:#17362e;border:1px solid #4d7968;border-radius:6px;font-size:10px}.automation-card .text-button:hover{color:#11251d;background:#91c5a9;border-color:#b5dec6}
/* Individual member-automation editors */
.automation-dialog>div{width:min(880px,100%);max-height:min(830px,calc(100vh - 36px));overflow:auto}.automation-dialog .eyebrow{margin:14px 0 3px}.automation-dialog>div>h2{margin-bottom:6px}.automation-dialog-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(290px,.95fr);gap:22px;margin-top:20px}.automation-dialog .automation-message-field{margin-bottom:0}.automation-dialog textarea{min-height:128px}.automation-dialog .field small{margin-top:7px;font-size:10px;line-height:1.4}.automation-variable-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.automation-variable-row button{padding:5px 7px;color:#b6dac8;background:#18382f;border:1px solid #426e5d;border-radius:5px;font:700 9px/1 "DM Sans",sans-serif}.automation-variable-row button:hover{color:#10261d;background:#9bc7ad;border-color:#c4e2d0}.automation-options{padding:16px;background:#10211e;border:1px solid #345f51;border-radius:8px}.automation-options h3{margin:0 0 4px;color:#e3f1eb;font:600 14px Outfit,sans-serif}.automation-options>p{margin:0 0 15px;color:#91aaa0;font-size:10px;line-height:1.45}.automation-option-toggle{display:flex;align-items:flex-start;gap:9px;padding:11px 0;cursor:pointer}.automation-option-toggle+.automation-option-toggle{border-top:1px solid #294a40}.automation-option-toggle input{width:15px;height:15px;margin:2px 0 0;accent-color:#78ad91}.automation-option-toggle span{flex:1}.automation-option-toggle strong,.automation-option-toggle small{display:block}.automation-option-toggle strong{color:#d3e6dc;font-size:11px}.automation-option-toggle small{margin-top:3px;color:#8ea79c;font-size:10px;line-height:1.35}.automation-option-field{display:grid;gap:6px;margin-bottom:12px}.automation-option-field>span,.role-choice-builder>strong{color:#b7cfc3;font-size:10px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}.automation-option-field input,.automation-option-field select,.role-choice-builder input{width:100%;padding:9px;color:#dfede6;background:#0c1917;border:1px solid #3d695a;border-radius:6px;outline:none;font-size:11px}.automation-option-field input:focus,.automation-option-field select:focus,.role-choice-builder input:focus{border-color:#95c9ad;box-shadow:0 0 0 3px #95c9ad19}.role-choice-builder{display:grid;gap:7px;margin-top:17px;padding-top:14px;border-top:1px solid #294a40}.role-choice-builder small{margin:-2px 0 2px;color:#8da69b;font-size:10px}.automation-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid var(--outline-soft)}.automation-dialog-actions .secondary-button,.automation-dialog-actions .primary-button{width:auto}@media(max-width:800px){.automation-dialog-grid{grid-template-columns:1fr}.automation-dialog>div{max-height:calc(100vh - 22px)}}@media(max-width:520px){.automation-dialog{padding:10px}.automation-dialog>div{padding:18px}.automation-dialog-actions{flex-direction:column-reverse}.automation-dialog-actions .secondary-button,.automation-dialog-actions .primary-button{width:100%}}
/* Custom Squad server profile controls. */
.automation-option-field select[multiple]{min-height:132px;padding:5px}.automation-option-field small{color:#8da69b;font-size:10px;line-height:1.4}.ignored-resource-picker{margin-top:15px;padding-top:15px;border-top:1px solid #294a40}.ignored-resource-picker select{min-height:126px}.ignored-resource-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.ignored-resource-chips>small{width:100%;color:#809b8f;font-size:10px}.ignored-resource-chips button{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 7px;color:#c6dfd2;background:#193a31;border:1px solid #497563;border-radius:5px;font:600 10px/1 "DM Sans",sans-serif}.ignored-resource-chips button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ignored-resource-chips button b{font-size:15px;font-weight:400;line-height:9px}.ignored-resource-chips button:hover{color:#fff;background:#75463e;border-color:#b16e61}
.server-online-pill{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:16px;padding:7px 10px;color:#a9d7bc;background:#142d26;border:1px solid #477761;border-radius:5px;font:700 9px Outfit,sans-serif;letter-spacing:.75px}.server-online-pill i{width:6px;height:6px;background:#91d5ae;border-radius:50%;box-shadow:0 0 9px #91d5ae}.server-profile-section{margin-top:27px}.server-profile-grid,.server-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.server-profile-card{padding:20px}.server-profile-card.comp-profile{border-color:#4c8068;background:linear-gradient(145deg,#122a23,#10211e)}.server-profile-card.heli-profile{background:linear-gradient(145deg,#122724,#10211e)}.server-profile-card.s3o-profile{border-color:#806b4c;background:linear-gradient(145deg,#2a2515,#161d18)}.profile-card-top{display:flex;align-items:center;justify-content:space-between}.profile-card-top>span{display:grid;place-items:center;width:32px;height:32px;color:#bee7cd;background:#1b4839;border:1px solid #51826a;border-radius:7px;font-size:17px}.profile-card-top b{padding:4px 6px;color:#a9d6ba;background:#193b30;border:1px solid #43755e;border-radius:4px;font-size:9px;letter-spacing:.65px}.profile-card-top .profile-unavailable{color:#b0a48b;background:#302c20;border-color:#635942}.server-profile-card h2{margin:17px 0 6px;color:#ecf6f0;font:600 18px Outfit,sans-serif}.server-profile-card>p{min-height:33px;margin:0;color:#95ada2;font-size:11px;line-height:1.45}.server-profile-card dl{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;margin:18px 0}.server-profile-card dl div{padding:9px;background:#0d1d1a;border:1px solid #2d5347;border-radius:6px}.server-profile-card dt{color:#789489;font-size:9px;font-weight:700;letter-spacing:.55px;text-transform:uppercase}.server-profile-card dd{margin:4px 0 0;color:#d7e9df;font:600 10px Outfit,sans-serif}.server-profile-card button{width:100%;justify-content:center}.server-management-grid{margin-top:18px}.admin-file-panel,.server-change-scope{padding:20px}.admin-add-form{display:grid;grid-template-columns:1.3fr .8fr auto;gap:10px;align-items:end;margin:20px 0 14px}.admin-add-form .field{display:grid;gap:6px}.admin-add-form label{color:#a6c0b5;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.admin-add-form input,.admin-add-form select{min-width:0;width:100%}.admin-add-form .secondary-button{min-height:35px;white-space:nowrap}.server-admin-list{display:grid;gap:7px}.server-admin-row{display:grid;grid-template-columns:23px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 10px;background:#10221e;border:1px solid #315d4d;border-radius:6px}.server-admin-row>span{color:#abd7bd}.server-admin-row code{overflow:hidden;color:#dbece3;font-size:10px;text-overflow:ellipsis}.server-admin-row b{padding:3px 5px;color:#b4d7c2;background:#1e4739;border:1px solid #477260;border-radius:4px;font-size:9px;text-transform:uppercase}.server-admin-row button{padding:5px 7px;color:#dfb7ae;background:#352522;border:1px solid #745148;border-radius:4px;font-size:9px;font-weight:700}.server-admin-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:63px;color:#91a99e;background:#10211e;border:1px dashed #416a59;border-radius:6px;font-size:10px}.server-admin-empty p{margin:0}.admin-file-note{margin:13px 0 0;color:#78948a;font-size:10px;line-height:1.4}.server-change-scope h2{margin:8px 0 11px;color:#e8f3ed;font:600 16px Outfit,sans-serif}.server-change-scope ol{display:grid;gap:10px;margin:0;padding-left:18px;color:#a7beb4;font-size:11px;line-height:1.4}.server-change-scope li::marker{color:#86c5a1;font-weight:700}.comp-swap-dialog>div{width:min(455px,100%)}.comp-swap-dialog>div>span{color:#b8e0c6;background:#1f4a3c}.comp-swap-dialog .eyebrow{margin:14px 0 2px}.comp-swap-dialog .field{display:grid;gap:6px;margin-top:16px}.comp-swap-dialog label{color:#b4ccbf;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.comp-swap-dialog input{width:100%;padding:10px;color:#deeee5;background:#10211e;border:1px solid #416b5a;border-radius:6px;outline:none}.comp-swap-dialog input:focus{border-color:#9ac8b0;box-shadow:0 0 0 3px #9ac8b024}.comp-swap-dialog form>div:last-child{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.swap-error{margin:11px 0 0!important;color:#e5aaa0!important;font-size:10px!important}.comp-swap-dialog code{color:#c6e4d4}@media(max-width:800px){.server-profile-grid,.server-management-grid{grid-template-columns:1fr}.admin-add-form{grid-template-columns:1fr 1fr}.admin-add-form .secondary-button{grid-column:1/-1}}@media(max-width:480px){.admin-add-form{grid-template-columns:1fr}.server-admin-row{grid-template-columns:20px minmax(0,1fr) auto}.server-admin-row button{grid-column:2/-1}.server-online-pill{margin-top:9px}}
.server-management-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)}.admin-add-form{grid-template-columns:1.2fr 1.2fr .8fr auto}.server-admin-row{grid-template-columns:23px minmax(0,.85fr) minmax(0,1fr) auto auto}.server-admin-row strong,.server-admin-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-admin-row strong{color:#e0eee7;font-size:10px}.server-admin-row code{color:#a7c3b7;font-size:9px}@media(max-width:800px){.server-management-grid{grid-template-columns:1fr}}@media(max-width:480px){.server-admin-row{grid-template-columns:20px minmax(0,1fr) auto}.server-admin-row code{grid-column:2/-1}.server-admin-row button{grid-column:2/-1}}
.profile-identity{display:grid;grid-template-columns:132px minmax(0,1fr);gap:15px;align-items:stretch}.mod-logo{display:grid;place-items:center;min-height:94px;overflow:hidden;background:#102722;border:1px solid #396b59;border-radius:7px}.mod-logo img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.server-profile-card:hover .mod-logo img{transform:scale(1.04)}.profile-identity .profile-card-top{justify-content:flex-end}.profile-identity .profile-card-top b{display:inline-block}.profile-identity h2{margin:10px 0 6px}.profile-identity>div:last-child{min-width:0}.server-profile-card dl{grid-template-columns:1fr;max-width:235px;margin:16px 0}.server-profile-card dl div{min-height:43px}@media(max-width:480px){.profile-identity{grid-template-columns:1fr}.mod-logo{min-height:126px}.profile-identity .profile-card-top{justify-content:flex-start}}
.workshop-link{display:flex;align-items:center;justify-content:space-between;max-width:235px;min-height:43px;margin:16px 0;padding:9px 11px;color:#b9dfc9;background:#10231f;border:1px solid #396c59;border-radius:6px;font:600 10px Outfit,sans-serif;text-decoration:none;transition:.15s ease}.workshop-link:hover{color:#f1fff6;background:#1d4739;border-color:#82b69a}.workshop-link span{font-size:15px}.server-admin-row strong{font-size:12px;letter-spacing:.1px}
.mod-logo-fallback{color:#f1d17c;background:radial-gradient(circle at 33% 25%,#665226,#211e13 62%);border-color:#8b7746;font:800 28px/1 Outfit,sans-serif;letter-spacing:2px;text-shadow:0 2px 10px #000}

/* Permission-gated views and links must remain invisible even if a component sets display. */
[hidden]{display:none!important}

.sub-user-actions{display:flex;justify-content:flex-end;gap:6px}.sub-user-actions button{padding:5px 7px;color:#b8ddc8;background:#19392f;border:1px solid #4b7765;border-radius:4px;font-size:9px;font-weight:700}.sub-user-actions button:hover{color:#10251d;background:#99c8ae;border-color:#bfdfcc}.sub-user-actions button[data-sub-user-action="remove"]{color:#e0b6ad;background:#352522;border-color:#745148}.sub-user-actions button[data-sub-user-action="remove"]:hover{color:#2a1410;background:#e0a99d;border-color:#efc0b6}

.brand-mark{overflow:hidden;background:#10211e!important}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}