/* Delta Warzone community server UI */
:root{--bg:#050704;--panel:#10150d;--panel2:#161c11;--olive:#647247;--olive2:#9aaa6a;--sand:#c2ad78;--sand2:#ead9a3;--danger:#c0392b;--text:#f3f0df;--muted:#a9a58d;--line:rgba(194,173,120,.22);--shadow:rgba(0,0,0,.55)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:linear-gradient(rgba(5,7,4,.76),rgba(5,7,4,.9)),radial-gradient(circle at 18% 12%,rgba(154,170,106,.18),transparent 24%),radial-gradient(circle at 84% 28%,rgba(192,57,43,.10),transparent 22%),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),var(--bg)}
a{color:var(--sand2)}.wrap{width:98%;margin:40px auto}.card{background:linear-gradient(180deg,rgba(22,28,17,.94),rgba(12,16,10,.94));border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:22px;box-shadow:0 18px 48px var(--shadow);max-width:none}.muted{color:var(--muted);line-height:1.65}.btn,button{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:13px 18px;border-radius:6px;border:1px solid var(--line);background:linear-gradient(180deg,#9aaa6a,#647247);color:#090b06;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.btn.secondary{background:rgba(16,21,13,.74);color:var(--sand2)}input,textarea,select{width:100%;padding:13px 14px;border-radius:8px;border:1px solid rgba(194,173,120,.25);background:#090d08;color:var(--text);margin:6px 0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.topline{display:inline-flex;gap:10px;align-items:center;color:var(--sand2);background:rgba(16,21,13,.75);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pulse{width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 6px rgba(192,57,43,.18)}.hero{min-height:680px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,4,.98) 0%,rgba(5,7,4,.78) 48%,rgba(5,7,4,.25) 100%),repeating-linear-gradient(0deg,rgba(194,173,120,.04) 0 1px,transparent 1px 4px)}.hero-inner{position:relative;z-index:1;width:80%;margin:0 auto}.hero h1{max-width:920px;margin:24px 0 18px;font-size:clamp(42px,7vw,92px);line-height:.92;letter-spacing:-.06em;text-transform:uppercase}.hero h1 span{color:var(--sand2)}.hero-copy{max-width:760px;color:var(--muted);font-size:19px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;max-width:900px;margin-top:46px}.status-card{background:rgba(16,21,13,.78);border:1px solid var(--line);border-radius:10px;padding:18px}.status-card strong{display:block;font-size:24px;color:var(--sand2)}.status-card span{display:block;margin-top:6px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.alert{padding:13px 15px;border-radius:10px;margin-bottom:16px;border:1px solid}.alert.ok{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35)}.alert.fail{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}.nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--sand2);font-size:12px;font-weight:900;text-transform:uppercase}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:12px;text-align:left}.table th{color:var(--sand2);text-transform:uppercase;font-size:12px}.feature-list{margin:14px 0 4px;padding-left:18px;color:var(--muted);line-height:1.9;font-size:14px}.feature-list li{list-style:disc}label{font-weight:800;color:var(--sand2)}@media(max-width:900px){.wrap,.hero-inner{width:92%}.status-grid{grid-template-columns:1fr 1fr}.actions .btn{width:100%}}@media(max-width:620px){.status-grid{grid-template-columns:1fr}}

/* Site footer */
.site-footer{width:100vw;margin:34px 0 0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:24px 0 26px;color:var(--muted);font-size:12px;background:linear-gradient(180deg,rgba(16,21,13,.45),rgba(5,7,4,.92));border-top:1px solid var(--line);box-shadow:0 -18px 48px rgba(0,0,0,.26),inset 0 1px 0 rgba(234,217,163,.05)}
.site-footer__inner{width:98%;max-width:1600px;margin:0 auto;display:flex!important;align-items:stretch;justify-content:space-between;gap:0}
.site-footer__column{flex:1 1 0;min-width:0;padding:0 28px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;background:transparent;border-radius:0;box-shadow:none}
.site-footer__column:first-child{padding-left:0}
.site-footer__column:last-child{padding-right:0}
.site-footer__column+.site-footer__column{border-left:1px solid var(--line)}
.site-footer__heading{display:block;margin:0;color:var(--sand2);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.site-footer__link{color:var(--sand2);text-decoration:none;font-weight:800}
.site-footer__link:hover{text-decoration:underline}
.site-footer__squad-sites{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:7px 18px;width:100%;max-width:460px}
.site-footer__squad-sites .site-footer__link{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:12px;line-height:1.35}
.site-footer__squad-sites .site-footer__link::before{content:"";width:5px;height:5px;border-radius:999px;background:var(--sand2);opacity:.65;box-shadow:0 0 8px rgba(234,217,163,.22)}
.site-footer__partners{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.site-footer__partner{display:inline-flex;align-items:center;justify-content:center;width:150px!important;height:54px!important;min-width:150px!important;min-height:54px!important;padding:0;text-decoration:none;opacity:.9;transition:opacity .18s ease,transform .18s ease,filter .18s ease;background:transparent;border:0;box-shadow:none;overflow:hidden}
.site-footer__partners .site-footer__partner img,.site-footer__partners img,.site-footer__partner-img{display:block;width:150px!important;height:54px!important;min-width:150px!important;min-height:54px!important;max-width:150px!important;max-height:54px!important;object-fit:contain!important}
.site-footer__partner:hover{opacity:1;transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(234,217,163,.18))}
.site-footer__donation-copy{max-width:360px;margin:6px 0 4px;color:var(--muted);font-size:12px;line-height:1.55}
.site-footer__donation{display:inline-flex;align-items:center;justify-content:flex-start;width:min(100%,380px);max-width:380px;margin-top:10px;text-decoration:none;opacity:.96;transition:opacity .18s ease,transform .18s ease,filter .18s ease}
.site-footer__donation:hover{opacity:1;transform:translateY(-1px);filter:drop-shadow(0 0 12px rgba(234,217,163,.22))}
.site-footer__donation img{display:block;width:100%;height:auto;max-width:none;max-height:136px;object-fit:contain}
@media(max-width:760px){.site-footer__inner{width:92%;display:flex!important;flex-direction:column;gap:16px}.site-footer__column{width:100%;padding:0}.site-footer__column+.site-footer__column{border-left:0;border-top:1px solid var(--line);padding-top:16px}.site-footer__squad-sites{grid-template-columns:1fr;max-width:none}}

/* ============================================================
   HawkSync full-screen compatibility layer
   Keeps the supplied Delta Warzone appearance while preserving
   the Server Manager form layouts and controls.
   ============================================================ */

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

body {
    padding: 0;
}

.desktop-shell {
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}

.manager-header {
    position: relative;
    top: auto;
    width: 100%;
    min-width: 0;
    background: linear-gradient(180deg, rgba(22,28,17,.98), rgba(10,14,8,.98));
    border-bottom: 1px solid var(--line);
    box-shadow: 0 6px 20px rgba(0,0,0,.48);
}

.manager-titlebar {
    min-height: 56px;
    height: auto;
    padding: 7px 14px;
    background:
        linear-gradient(90deg, rgba(5,7,4,.98), rgba(22,28,17,.98)),
        repeating-linear-gradient(0deg, rgba(194,173,120,.035) 0 1px, transparent 1px 4px);
    border-bottom: 1px solid var(--line);
}

.manager-logo {
    width: 48px;
    height: 40px;
    flex: 0 0 48px;
    border: 1px solid var(--line);
    background: rgba(16,21,13,.9);
    box-shadow: 0 0 16px rgba(234,217,163,.12);
}

.manager-logo img {
    width: 38px;
    height: 38px;
}

.manager-title strong {
    color: var(--sand2);
    font-size: 17px;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.manager-title span,
.manager-state span {
    color: var(--muted);
}

.manager-state {
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.manager-nav {
    width: 100%;
    height: auto;
    min-height: 50px;
    grid-template-columns: repeat(8, minmax(84px, 1fr)) minmax(8px, .25fr) repeat(3, minmax(84px, 1fr));
    background: rgba(9,13,8,.98);
    border-bottom: 1px solid var(--line);
    overflow-x: auto;
}

.manager-nav .nav-item {
    min-width: 0;
    min-height: 49px;
    padding: 8px 10px;
    border: 0;
    border-right: 1px solid var(--line);
    border-radius: 0;
    background: rgba(16,21,13,.92);
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.manager-nav .nav-item:hover {
    background: rgba(100,114,71,.34);
    color: var(--sand2);
}

.manager-nav .nav-item.active {
    background: linear-gradient(180deg, rgba(154,170,106,.28), rgba(16,21,13,.96));
    color: var(--sand2);
    border-bottom: 4px solid var(--sand2);
}

.workspace {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: auto;
    scrollbar-color: var(--olive) var(--panel);
}

.content {
    width: 100%;
    max-width: none;
    min-height: 100%;
    margin: 0;
    padding: 12px 14px 30px;
}

.view {
    width: 100%;
}

.view.active {
    display: block;
}

.desktop-section-heading,
.page-heading {
    width: 100%;
    background: linear-gradient(180deg, rgba(22,28,17,.96), rgba(12,16,10,.96));
    border: 1px solid var(--line);
    box-shadow: 0 9px 25px rgba(0,0,0,.22);
}

.page-heading h1,
.desktop-section-heading strong {
    color: var(--sand2);
}

.card,
.metric,
.win-group,
.win-tab-page,
.subview,
.modal-card {
    background: linear-gradient(180deg, rgba(22,28,17,.96), rgba(12,16,10,.96));
    color: var(--text);
    border-color: var(--line);
    box-shadow: 0 8px 24px rgba(0,0,0,.22);
}

.card-heading {
    border-color: var(--line);
}

.card-heading h2,
.card-heading .label,
.win-group > legend,
label,
strong,
h1,
h2,
h3 {
    color: var(--sand2);
}

button,
.button {
    min-width: 0;
    width: auto;
    padding: 8px 13px;
    margin: 0;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: linear-gradient(180deg, var(--olive2), var(--olive));
    color: #090b06;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .045em;
}

button:hover,
.button:hover {
    background: linear-gradient(180deg, #b7c987, #788957);
    border-color: var(--sand2);
}

button.secondary,
.button.secondary,
.secondary,
.ghost {
    background: rgba(16,21,13,.9);
    color: var(--sand2);
    border-color: var(--line);
}

button.danger,
.button.danger {
    background: #3a1210;
    color: #ffd8d3;
    border-color: #9c352d;
}

button.success,
.button.success {
    background: #294325;
    color: #e8f7df;
    border-color: #668d5a;
}

button.warning,
.button.warning {
    background: #4a3517;
    color: #ffe9bb;
    border-color: #9c7435;
}

input,
select,
textarea {
    width: 100%;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid rgba(194,173,120,.34);
    border-radius: 5px;
    background: #090d08;
    color: var(--text);
}

input:focus,
select:focus,
textarea:focus {
    outline: 1px solid var(--sand2);
    border-color: var(--sand2);
}

input::placeholder,
textarea::placeholder {
    color: #7f806f;
}

.toggle-row {
    background: rgba(9,13,8,.78);
    border-color: var(--line);
}

.toggle-row input {
    width: auto;
}

.table-wrap,
.file-browser,
.managed-files,
.map-list,
.feed {
    background: #090d08;
    border-color: var(--line);
}

table {
    color: var(--text);
}

th {
    background: #171d12;
    color: var(--sand2);
    border-color: var(--line);
}

td {
    border-color: rgba(194,173,120,.14);
}

.selectable:hover,
tr.selected,
.map-row:hover,
.map-row.selected {
    background: #202a19;
}

pre {
    background: #050704;
    color: #d8e5c5;
    border-color: var(--line);
}

.status,
.state-pill {
    background: #131911;
    color: var(--muted);
    border-color: var(--line);
}

.status.good,
.state-pill.good {
    background: #20351d;
    color: #dff5d3;
    border-color: #668d5a;
}

.status.bad,
.state-pill.bad {
    background: #3a1210;
    color: #ffd8d3;
    border-color: #9c352d;
}

.api-connection-strip {
    background: #251f10;
    border-color: #76642f;
}

.api-connection-strip.connected {
    background: #1a2c18;
    border-color: #55794d;
}

/* Full-screen login */
.login-shell {
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    padding: 24px;
    overflow: auto;
    display: grid;
    place-items: center;
    background:
        linear-gradient(rgba(5,7,4,.74), rgba(5,7,4,.93)),
        radial-gradient(circle at 18% 12%, rgba(154,170,106,.22), transparent 28%),
        radial-gradient(circle at 84% 28%, rgba(192,57,43,.12), transparent 24%),
        repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 2px, transparent 2px 9px),
        var(--bg);
}

.login-card {
    width: min(560px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    margin: 0;
    padding: clamp(22px, 4vw, 38px);
    background: linear-gradient(180deg, rgba(22,28,17,.98), rgba(10,14,8,.98));
    border: 1px solid var(--line);
    border-radius: 14px;
    color: var(--text);
    box-shadow: 0 22px 65px rgba(0,0,0,.62);
}

.login-card form {
    display: grid;
    gap: 13px;
}

.login-logo {
    width: 105px;
    height: 105px;
    filter: drop-shadow(0 0 16px rgba(234,217,163,.18));
}

.login-card h1 {
    color: var(--sand2);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.login-card .muted {
    color: var(--muted);
    text-align: center;
}

/* Six-digit session CAPTCHA */
.captcha-widget {
    margin: 2px 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(5,7,4,.62);
}

.captcha-widget p {
    margin: 0 0 10px;
    color: var(--muted);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.captcha-digits {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-bottom: 11px;
    user-select: none;
}

.captcha-digits span {
    width: 42px;
    height: 52px;
    display: grid;
    place-items: center;
    background:
        repeating-linear-gradient(45deg, rgba(194,173,120,.045) 0 2px, transparent 2px 6px),
        #090d08;
    border: 1px solid var(--line);
    border-radius: 5px;
    color: var(--sand2);
    font: 800 27px/1 Consolas, monospace;
    text-shadow: 0 0 9px rgba(234,217,163,.22);
}

.captcha-widget input {
    text-align: center;
    letter-spacing: 7px;
    font: 800 20px/1.2 Consolas, monospace;
}

.captcha-actions {
    display: flex;
    justify-content: center;
    margin-top: 9px;
}

.captcha-actions .button {
    min-width: 130px;
}

/* Ensure wide Server Manager forms use the whole screen */
.profile-win-layout {
    grid-template-columns: minmax(420px, 36%) minmax(620px, 64%);
}

.stats-win-layout {
    grid-template-columns: minmax(650px, 62%) minmax(420px, 38%);
}

.metric-grid {
    grid-template-columns: repeat(6, minmax(120px, 1fr));
}

.player-cards,
.player-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}

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

@media (max-width: 1100px) {
    html,
    body {
        overflow: auto;
    }

    .desktop-shell {
        min-width: 980px;
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    .workspace {
        overflow: visible;
    }

    .manager-nav {
        grid-template-columns: repeat(11, minmax(92px, 1fr));
    }

    .nav-spacer {
        display: none;
    }
}

@media (max-width: 700px) {
    .login-shell {
        padding: 12px;
    }

    .login-card {
        max-height: calc(100vh - 24px);
    }

    .captcha-digits {
        gap: 4px;
    }

    .captcha-digits span {
        width: 35px;
        height: 46px;
        font-size: 23px;
    }
}