/* Presentation only; server controls and access checks remain native. */
html { color-scheme:dark; }
body { min-height:100vh; background-repeat:no-repeat!important; }
body { background:#0c111c!important; color:#e7edf5!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif!important; background-image:radial-gradient(ellipse at 75% 0%,#18b6a514,transparent 48%)!important; }
h1,h2,h3 { letter-spacing:-.025em; }
#app .bg-neutral-900,#app .bg-gray-900 { background-color:#101824!important; }
#app .bg-neutral-800,#app .bg-gray-800 { background-color:#141e2c!important; }
#app .bg-neutral-700,#app .bg-gray-700 { background-color:#1b2939!important; }
#app .bg-neutral-600,#app .bg-gray-600 { background-color:#182334!important; }
#app [class*="SubNavigation-"] { background:#101824!important; border-bottom:1px solid #273449; box-shadow:none!important; }
#app [class*="SubNavigation-"] a { color:#9eafc3!important; padding-top:18px; padding-bottom:18px; }
#app [class*="SubNavigation-"] a.active { color:#48dfc7!important; border-color:#35cdb8!important; background:#36c8b90b; }
#app [class*="SubNavigation-"] a:hover { color:#effaf9!important; background:#1b2939!important; }
#app [class*="NavigationBar__"] > a:hover,#app [class*="NavigationBar__"] > a.active { background:#1b2939!important; border-color:#35cdb8!important; }
#app [class*="PageContentBlock"] { padding-top:36px; }
/* Only the outer server card gets a border. Styled descendants share the ServerRow prefix. */
#app a[class*="ServerRow__StatusIndicatorBox"] { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(330px,.8fr)!important; gap:10px 36px!important; padding:26px 30px!important; background:#151f2b!important; border:1px solid #304151!important; border-radius:16px!important; box-shadow:0 12px 32px #00000020; overflow:visible; color:#ecf3fa!important; text-decoration:none; }
#app a[class*="ServerRow__StatusIndicatorBox"]:hover { background:#192736!important; border-color:#3d8d86!important; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(1) { grid-column:1!important; grid-row:1!important; min-width:0; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(1) .icon { background:#213b44!important; color:#70dfce!important; border-radius:12px; width:46px; height:46px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(1) p { color:#f0f6fc!important; font-size:20px; font-weight:650; line-height:1.4; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(2) { grid-column:1!important; grid-row:2!important; display:block!important; margin:0 0 0 62px!important; min-width:0; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(2)>div { justify-content:flex-start!important; align-items:center; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(2) p { color:#b5d2dc!important; font-size:14px; overflow-wrap:anywhere; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3) { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); grid-column:2!important; grid-row:1 / 3!important; align-items:center!important; gap:22px; border-left:1px solid #304151; padding-left:28px; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3)>div { display:block!important; margin:0!important; min-width:0; text-align:left!important; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3)>div>div { justify-content:flex-start!important; align-items:center; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3)>div>div p { color:#e6eff7!important; font-size:15px; font-weight:600; white-space:nowrap; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3)>div>p { color:#a8b9c8!important; text-align:left!important; font-size:12px; margin-top:5px; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3)>div::before { display:block; margin-bottom:9px; font-size:10px; font-weight:650; letter-spacing:.12em; color:#a8bacb; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3)>div:has(svg[data-icon="microchip"])::before { content:'CPU'; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3)>div:has(svg[data-icon="memory"])::before { content:'MEMORY'; }
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3)>div:has(svg[data-icon="hdd"])::before { content:'STORAGE'; }
#app a[class*="ServerRow__StatusIndicatorBox"] svg { color:#9bb2c5; }
#app a[class*="ServerRow__StatusIndicatorBox"] .status-bar { left:0!important; right:auto!important; width:4px!important; margin:18px 0!important; height:calc(100% - 36px)!important; opacity:1!important; }
#app [class*="PageContentBlock___StyledContentContainer"]:has(a[class*="ServerRow__StatusIndicatorBox"]) { max-width:1180px!important; padding:36px 24px 0!important; }
#app [class*="DashboardContainer___StyledDiv-sc"] { margin-bottom:22px!important; }
#app [class*="DashboardContainer___StyledP-sc"] { color:#a9bdce!important; letter-spacing:.08em; font-size:11px; }
@media(max-width:850px) {
 #app a[class*="ServerRow__StatusIndicatorBox"] { grid-template-columns:minmax(0,1fr)!important; padding:24px!important; gap:12px!important; }
 #app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3) { grid-column:1!important; grid-row:3!important; border-left:0; border-top:1px solid #304151; padding:20px 0 0; margin-top:8px; }
}
@media(max-width:480px) {
 #app #logo { min-width:0; }
 #app #logo a { font-size:19px!important; padding:0 12px!important; white-space:nowrap; }
 #app [class*="NavigationBar__RightNavigation"] { flex-shrink:0; }
 #app [class*="NavigationBar__RightNavigation"]>a,
 #app [class*="NavigationBar__RightNavigation"]>button,
 #app [class*="NavigationBar__RightNavigation"]>.navigation-link { width:44px!important; min-width:44px!important; padding:0 12px!important; box-sizing:border-box; }
 #app a[class*="ServerRow__StatusIndicatorBox"] { padding:20px!important; }
 #app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(1) p { font-size:18px; }
 #app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(2) { margin-left:0!important; }
 #app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3) { gap:12px; }
 #app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(3)>div>div p { font-size:13px; }
}
#app .bg-gray-600.cursor-pointer { border:1px solid #35cdb850; background:#153030!important; }
#app .bg-gray-600 { border-radius:12px; }
#app .text-gray-300,#app .text-neutral-300 { color:#a9b8ca!important; }
#app .text-gray-400,#app .text-neutral-400 { color:#93a5bb!important; }
#app button { border-radius:8px!important; font-weight:650; }
#app button.style-module_tpzh9TL4:not(.style-module_ATwWHiM7):not(.style-module_TENjnzzX) { background:#27c7ad!important; color:#092019!important; }
#app button:not(:disabled):hover { filter:brightness(1.12); }
#app button:focus-visible,#app a:focus-visible { outline:2px solid #43d7c2!important; outline-offset:3px; }
#app input:not([type=checkbox]):not([type=radio]),#app select,#app textarea:not(.xterm-helper-textarea) { border-color:#33445c!important; border-radius:8px!important; background-color:#101a28!important; color:#e7edf5!important; }
#app input:focus,#app select:focus { border-color:#3bcbb6!important; box-shadow:0 0 0 2px #35cdb822!important; }
#app h1 { font-size:28px; font-weight:700; }
#app a[href="/"]:first-child { color:#edfdf9; }
#app [class*="LoginFormContainer___StyledDiv-sc"] { background:#172333!important; border:1px solid #2d3e53; border-radius:18px!important; padding:32px!important; box-shadow:0 20px 60px #00000030; }
#app [class*="LoginFormContainer___StyledDiv2-sc"] { display:none; }
#app [class*="LoginFormContainer___StyledDiv3-sc"] { width:100%!important; padding:0!important; }
#app [class*="LoginFormContainer"] label,#app [class*="LoginFormContainer"] a { color:#b2c6da!important; }
#app [class*="LoginFormContainer"] button { background:#2ac7ae!important; color:#0a221c!important; border-color:#2ac7ae!important; }
.ls-panel-context { display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:1200px; margin:auto; padding:14px 20px; font-size:12px; color:#9aabc0; }
.ls-panel-context strong { color:#40d9c1; text-transform:uppercase; letter-spacing:.14em; font-size:10px; }
.ls-panel-context a { color:#c6e6e2; text-decoration:none; }
.ls-panel-context a:hover { color:#52e6d1; }
/* Owner administration uses the native AdminLTE layout. */
.skin-blue .wrapper,.skin-blue .content-wrapper,.skin-blue .main-footer { background:#0c111c; color:#dce6f3; }
.skin-blue .main-header .navbar,.skin-blue .main-header .logo,.skin-blue .main-sidebar { background:#111c2b; }
.skin-blue .sidebar-menu>li.header { background:#101825; color:#8ca0b9; }
.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a { background:#1b2b3c; border-left-color:#35cdb8; }
.skin-blue .box,.skin-blue .box-footer,.skin-blue .modal-content,.skin-blue .well { background:#172333; color:#dce6f3; border-color:#2d3b50; border-radius:10px; }
.skin-blue .box-header { color:#edf4fb; border-color:#2d3b50; padding:18px; }
.skin-blue .box-body { padding:18px; }
.skin-blue .form-control,.skin-blue .select2-selection,.skin-blue .select2-dropdown { background:#101a28!important; color:#dce6f3!important; border-color:#33445c!important; border-radius:6px; }
.skin-blue .table>tbody>tr>td,.skin-blue .table>thead>tr>th { border-color:#2d3b50; }
.skin-blue .table-striped>tbody>tr:nth-of-type(odd),.skin-blue .table-hover>tbody>tr:hover { background:#1b293b; }
.skin-blue .text-muted,.skin-blue .help-block,.skin-blue .content-header>h1>small { color:#9aabc0; }
.skin-blue a { color:#49d7c2; }
.skin-blue .btn-primary,.skin-blue .btn-info { background:#23aa96; border-color:#23aa96; color:#fff; }
.skin-blue .btn-default { background:#24354b; color:#e7edf5; border-color:#3b4e68; }
.skin-blue .content-header>.breadcrumb>li>a { color:#a9bed6; }
.skin-blue .main-footer { border-color:#273449; }
@media(max-width:640px) { .ls-panel-context{padding:12px 16px;gap:10px}.ls-panel-context span{display:none}#app [class*="PageContentBlock"]{padding-top:24px}#app h1{font-size:23px} }
@media(prefers-reduced-motion:reduce) { * { transition:none!important; } }

/* Clear server power state and actions. */
#ls-power-state{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;margin-right:8px;border:1px solid;border-radius:9px;font-size:11px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
#ls-power-state.running{color:#78f2c5;background:#10382f;border-color:#2bad85}
#ls-power-state.stopped{color:#ffc2c2;background:#3b1e25;border-color:#a84a5a}
#ls-power-state.starting,#ls-power-state.stopping,#ls-power-state.restarting,#ls-power-state.changing{color:#ffe19a;background:#3a3018;border-color:#a7802a;animation:ls-state-pulse 1.1s ease-in-out infinite alternate}
#app button[data-ls-power]{min-width:122px!important;min-height:40px!important}
#app button[data-ls-power=start]:not(:disabled){background:#25c895!important;color:#071e17!important}
#app button[data-ls-power=restart]:not(:disabled){background:#ca922d!important;color:#201404!important}
#app button[data-ls-power=stop]:not(:disabled){background:#cf4556!important;color:#fff!important}
#app button[data-ls-power]:disabled{filter:saturate(.35);opacity:.48!important}
@keyframes ls-state-pulse{from{box-shadow:0 0 0 #e8b63e00}to{box-shadow:0 0 15px #e8b63e55}}
@media(max-width:760px){#ls-power-state{width:100%;margin:0 0 8px}#app button[data-ls-power]{min-width:0!important;font-size:12px!important;padding-left:10px!important;padding-right:10px!important}}

/* Shared visual refresh: restrained surfaces and clear action hierarchy. */
body{background:#0b1017!important;background-image:none!important;color:#dce5ef!important}
h1,h2,h3{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif!important;letter-spacing:-.035em}
.ls-panel-context{max-width:1240px;justify-content:flex-start;padding:11px 24px;gap:12px;color:#718399;font-size:12px}
.ls-panel-context strong{font-size:13px;letter-spacing:-.02em;text-transform:none;color:#d9e4ef}
.ls-panel-context>div{margin-left:auto;display:flex;gap:24px}.ls-panel-context a{font-size:12px;color:#a9b8c9}
#app [class*="NavigationBar"]{box-shadow:none!important}
#app [class*="SubNavigation-"]{background:#101720!important;border-color:#24303f}
#app [class*="SubNavigation-"] a{font-size:13px;padding-top:14px;padding-bottom:14px}
#app [class*="SubNavigation-"] a.active{color:#79d4c6!important;background:transparent;border-color:#65bbae!important}
#app [class*="PageContentBlock___StyledContentContainer-sc"]{max-width:1240px!important;padding:30px 24px 0!important}
#app h1{font-size:26px;line-height:1.3;font-weight:650}#app h1+p{color:#8fa1b7;font-size:13px;margin-top:6px}
#lsh-server-actions{max-width:none;margin:0 0 24px;padding:0 0 20px;border:0;border-bottom:1px solid #233040;border-radius:0;background:transparent;gap:10px}
#lsh-server-actions>strong{font-size:12px;font-weight:500;color:#8ea1b8;margin-right:auto}
#lsh-server-actions a,#lsh-server-actions button{min-height:44px;padding:10px 18px;font-size:14px;font-weight:600;border-radius:7px;box-shadow:none;white-space:nowrap}
#lsh-server-actions a{background:#63c5b5;color:#08231d;border:1px solid #63c5b5}
#lsh-server-actions button{background:#18222e;color:#d5e4ed;border:1px solid #344453}
#lsh-server-actions a:hover{background:#80d5c7}#lsh-server-actions button:not(:disabled):hover{background:#23313f;border-color:#566b7d}
#ls-power-state{min-height:38px;padding:0 12px;border:0;border-radius:6px;font-size:12px;font-weight:500;letter-spacing:0;animation:none!important;background:#151f2b!important;color:#a7b7c8!important;gap:8px}
#ls-power-state:before{content:'';width:6px;height:6px;border-radius:50%;background:#8a9daf}
#ls-power-state.running{color:#9cdcc0!important}#ls-power-state.running:before{background:#70d4a6}
#ls-power-state.starting:before,#ls-power-state.stopping:before,#ls-power-state.restarting:before,#ls-power-state.changing:before{background:#e1bc77}
#app button[data-ls-power]{min-height:38px!important;min-width:0!important;padding:9px 14px!important;font-size:13px!important;white-space:nowrap}
#app button[data-ls-power=start]:not(:disabled){background:#63c5b5!important;color:#08231d!important}
#app button[data-ls-power=restart]:not(:disabled){background:#202c3a!important;color:#dce5ef!important;border:1px solid #344555!important}
#app button[data-ls-power=stop]:not(:disabled){background:#34232a!important;color:#efb2bb!important;border:1px solid #61404a!important}
#app .style-module_V4CSEpa4{min-height:64px!important;padding:12px 14px!important;border:1px solid #263445!important;border-radius:8px!important;background:#141e2a!important;box-shadow:none!important}
#app .style-module_V4CSEpa4.cursor-pointer{border-color:#3a5c62!important;background:#16252d!important}
#app .style-module_V4CSEpa4 .style-module_M2eytJMi{display:none!important}
#app .style-module_V4CSEpa4 .style-module_ea5im15k{width:32px!important;min-width:32px!important;height:32px!important;border-radius:6px!important;background:#202d3c!important;color:#a3b6c9!important}
#app .style-module_V4CSEpa4 .style-module_ea5im15k svg{width:16px!important;height:16px!important;color:#a3b6c9!important}
#app .style-module_V4CSEpa4 p{font-family:inherit;font-size:11px!important;color:#90a3b8!important;font-weight:500!important;margin-bottom:4px}
#app .style-module_V4CSEpa4 .font-semibold{font-size:14px!important;font-weight:550!important;color:#d9e4ef!important}
#app a[class*="ServerRow__StatusIndicatorBox"]{padding:22px 24px!important;border-radius:10px!important;background:#141e2a!important;border-color:#2b3949!important;box-shadow:none}
#app a[class*="ServerRow__StatusIndicatorBox"]>div:nth-child(1) p{font-size:18px;font-family:inherit}
#app [class*="LoginFormContainer___StyledDiv-sc"]{background:#141e2a!important;border-color:#2b3949;border-radius:12px!important;box-shadow:none}
@media(max-width:640px){.ls-panel-context{padding:11px 16px}.ls-panel-context>div{gap:14px}.ls-panel-context span{display:none}#app [class*="PageContentBlock___StyledContentContainer-sc"]{padding:22px 16px 0!important}#lsh-server-actions{margin:0 0 20px;gap:10px}#lsh-server-actions>strong{width:100%;margin:0}#lsh-server-actions a,#lsh-server-actions button{width:auto;min-width:145px}#lsh-game-update{width:auto;flex:1}#lsh-game-update button{width:100%}#app h1{font-size:23px}#ls-power-state{min-height:32px;margin-bottom:8px}}
#lsh-server-actions{display:flex;align-items:center;flex-wrap:wrap}#lsh-server-actions[hidden]{display:none}
#lsh-server-actions>strong{margin-right:16px}
#app div:has(>button[data-ls-power]){flex-wrap:wrap!important;gap:6px!important}
#ls-power-state{width:100%;justify-content:flex-start;margin:0 0 4px;padding:0;min-height:24px;background:transparent!important}
#app button[data-ls-power]{flex:1 1 0!important;margin:0!important;padding:9px 8px!important}
#app .style-module_V4CSEpa4.cursor-pointer .font-semibold{white-space:normal!important;overflow-wrap:anywhere;overflow:visible!important;height:auto!important;font-size:12px!important;line-height:1.5!important}
.lsh-settings-page header,.lsh-settings-page main{max-width:1240px;padding-left:24px;padding-right:24px}
.lsh-settings-page header{padding-top:18px;padding-bottom:18px;color:#dce5ef;border-color:#24303f}
.lsh-settings-page h1{font-size:28px;font-weight:650;margin-top:18px}.lsh-settings-page h2{font-size:17px;font-weight:600}
.lsh-settings-page details,.lsh-settings-page .admin-tools{background:#141e2a;border-color:#2b3949;border-radius:8px;padding:14px 16px;box-shadow:none}
.lsh-settings-page .notice{background:#15232c;border-left-color:#63c5b5;border-radius:0 6px 6px 0;color:#a4b6c8;font-size:12px;line-height:1.6}
.lsh-settings-page input,.lsh-settings-page select,.lsh-settings-page textarea{background:#101821;border:1px solid #344555;border-radius:6px;color:#dce5ef;min-height:36px}
.lsh-settings-page button{background:#63c5b5;color:#08231d;border-color:#63c5b5;border-radius:6px;font-weight:600}
.lsh-settings-page .group{color:#91c9c0;border-color:#2b3949}.lsh-settings-page summary{font-size:16px}.lsh-settings-page a{color:#84cfc1}
@media(max-width:600px){.lsh-settings-page header,.lsh-settings-page main{padding-left:16px;padding-right:16px}#lsh-server-actions>strong{margin-right:0}}

/* Keep game tools in one predictable row; metadata never interrupts actions. */
#lsh-server-actions{display:block;margin-bottom:20px;padding-bottom:17px}
#lsh-action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#lsh-action-row a,#lsh-action-row button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;font-size:13px;border-radius:8px;min-width:0;width:auto;background:#14202a;border:1px solid #2b3e4b;color:#d6e3eb}
#lsh-action-row a:hover,#lsh-action-row button:not(:disabled):hover{background:#1d2d39;border-color:#486372}
#lsh-action-row #lsh-game-settings-link{order:1;background:#63c5b5;border-color:#63c5b5;color:#08231d}
#lsh-action-row #lsh-game-settings-link:hover{background:#80d5c7}
#lsh-server-details{order:2}
#lsh-action-row #lsh-game-update{order:3;flex:0 1 auto;width:auto}
#lsh-action-row #lsh-server-admin{order:4;margin-left:auto;background:transparent;border-color:#344650;color:#b3c8d3}
#lsh-game-update [role=status]:empty{display:none!important}
#lsh-owner-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:12px;font-size:12px;line-height:1.5}
#lsh-owner-summary>span{display:inline-flex;gap:7px;align-items:baseline;min-width:0}
#lsh-owner-summary>span>span{color:#8097a6}
#lsh-owner-summary strong{color:#c8d8e1;font-weight:500;overflow-wrap:anywhere}
@media(max-width:640px){#lsh-server-actions{margin-bottom:16px;padding-bottom:14px}#lsh-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#lsh-action-row a,#lsh-action-row button{width:100%;min-height:39px;padding:8px 10px}#lsh-action-row #lsh-server-admin{margin-left:0}#lsh-action-row #lsh-game-update{width:100%}#lsh-owner-summary{gap:5px 16px;font-size:11px;margin-top:10px}}

#app [class*="PageContentBlock___StyledContentContainer-sc"]:has(> #lsh-server-actions){padding-top:24px!important}
@media(max-width:640px){#app [class*="PageContentBlock___StyledContentContainer-sc"]:has(> #lsh-server-actions){padding-top:18px!important}}