.server-pool-hero{background:radial-gradient(circle at 82% 20%,rgba(199,255,50,.08),transparent 28%),linear-gradient(125deg,#090e15,#0d1515)}.server-pool-back{display:block;margin-bottom:18px;color:#778496;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.server-pool-back:hover{color:var(--accent)}.server-pool-page{padding-top:26px}.server-pool-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.server-pool-stats article{display:flex;min-height:92px;flex-direction:column;padding:15px;border:1px solid #2b3745;background:#0e141d}.server-pool-stats span{color:#727f90;font-size:7px;font-weight:900;letter-spacing:.8px}.server-pool-stats strong{margin:4px 0;font:27px Impact}.server-pool-stats small{color:#667385;font-size:7px}.server-create-panel{margin-bottom:18px}.server-create-panel>header{align-items:flex-start}.server-create-panel>header p{max-width:600px;margin:5px 0 0;color:#738092;font-size:8px;line-height:1.5}.server-node-form{display:grid;grid-template-columns:1.25fr 1.35fr .65fr .65fr 1fr 1fr;gap:10px;padding:18px 20px}.server-node-form>label{display:flex;min-width:0;flex-direction:column;gap:6px}.server-node-form>label>span{color:#748193;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.55px}.server-node-form input{width:100%;height:39px;padding:8px 10px;border:1px solid #344153;background:#091019;color:#f3f6f9}.server-node-form input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.server-node-switches{grid-column:1/6;display:flex;align-items:center;gap:9px}.server-node-switches>label{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #303c4b;background:#0a1119;cursor:pointer}.server-node-switches input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}.server-node-switches span{display:flex;flex-direction:column}.server-node-switches b{color:#cfd6df;font-size:8px}.server-node-switches small{color:#687587;font-size:7px}.server-node-form>.btn{align-self:end;height:39px}.server-pool-list{display:grid;gap:12px}.server-pool-empty{display:flex;align-items:center;gap:15px;padding:28px;border:1px dashed #344153;background:#0b1119}.server-pool-empty>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid #45552f;color:var(--accent);font:16px Impact}.server-pool-empty strong{font-size:11px}.server-pool-empty p{margin:3px 0 0;color:#738092;font-size:8px}.server-node-card{border:1px solid #2d3948;background:linear-gradient(120deg,rgba(199,255,50,.025),transparent 42%),#0d131c}.server-node-card.offline{border-color:#503139}.server-node-card.disabled{opacity:.72}.server-node-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;border-bottom:1px solid #2a3543}.server-node-identity{display:flex;align-items:center;gap:13px}.server-node-radar{position:relative;display:grid;width:43px;height:43px;flex:none;place-items:center;border:1px solid #4c5f2e;border-radius:50%;background:radial-gradient(circle,rgba(199,255,50,.13),transparent 62%)}.server-node-radar:before,.server-node-radar:after{content:"";position:absolute;background:#53643b}.server-node-radar:before{width:1px;height:31px}.server-node-radar:after{width:31px;height:1px}.server-node-radar i{z-index:1;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.offline .server-node-radar{border-color:#64343d;background:radial-gradient(circle,rgba(255,77,95,.12),transparent 62%)}.offline .server-node-radar i{background:var(--red);box-shadow:0 0 12px var(--red)}.unknown .server-node-radar i{background:#718095;box-shadow:none}.server-node-meta{color:#6d798a;font-size:7px;font-weight:900;letter-spacing:.65px}.server-node-identity h2{margin:3px 0;font:700 21px "Arial Narrow",Impact,sans-serif}.server-node-identity p{margin:0;color:#d5dbe3;font-size:9px}.server-node-identity p small{margin-left:8px;color:#6d798a}.server-node-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.server-health,.server-occupancy,.server-disabled-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #384555;color:#8290a2;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.server-health i{width:5px;height:5px;border-radius:50%;background:#718095}.server-health.online{border-color:#4b602b;color:#b8d36d}.server-health.online i{background:var(--accent);box-shadow:0 0 8px var(--accent)}.server-health.offline{border-color:#62333c;color:#ff8994}.server-health.offline i{background:var(--red)}.server-occupancy.busy{border-color:#775328;background:rgba(255,161,65,.06);color:#ffb360}.server-occupancy.free{border-color:#3c5229;color:#9fb56d}.server-disabled-badge{border-color:#5b3340;color:#ef7d8b}.server-node-body{display:grid;grid-template-columns:1.15fr 1.2fr .85fr}.server-node-body>div{min-height:92px;padding:15px 18px;border-right:1px solid #283443}.server-node-body>div:last-child{border-right:0}.server-node-body small{display:block;margin-bottom:6px;color:#697688;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.55px}.server-node-body strong{color:#e8edf3;font-size:9px}.server-node-body p{margin:4px 0 0;color:#6f7c8d;font-size:8px;line-height:1.45}.server-node-body a{display:block;margin-top:7px;color:var(--accent);font-size:7px;font-weight:900;text-transform:uppercase}.server-node-actions{position:relative;display:flex;align-items:center;gap:7px;padding:11px 18px;border-top:1px solid #283443;background:#0a1018}.server-node-actions form{margin:0}.server-node-actions>form:last-child{margin-left:auto}.server-danger-action{padding:7px 9px;border:1px solid #5c323b;background:#1b1116;color:#ff8994;font-size:7px;font-weight:900;text-transform:uppercase;cursor:pointer}.server-node-edit{position:relative}.server-node-edit>summary{list-style:none;cursor:pointer}.server-node-edit>summary::-webkit-details-marker{display:none}.server-node-edit[open]>summary{border-color:var(--accent);color:var(--accent)}.server-node-edit .server-node-form.compact{position:absolute;z-index:6;bottom:calc(100% + 12px);left:0;width:min(970px,calc(100vw - 80px));grid-template-columns:repeat(3,1fr);padding:16px;border:1px solid #4b5e2d;background:#0d151d;box-shadow:0 20px 55px rgba(0,0,0,.55)}.server-node-form.compact .server-node-switches{grid-column:1/3}.server-node-form.compact>.btn{grid-column:3}.server-node-form.compact:after{content:"";position:absolute;bottom:-7px;left:32px;width:12px;height:12px;border-right:1px solid #4b5e2d;border-bottom:1px solid #4b5e2d;background:#0d151d;transform:rotate(45deg)}@media(max-width:980px){.server-node-form{grid-template-columns:repeat(3,1fr)}.server-node-switches{grid-column:1/3}.server-node-form.compact .server-node-switches{grid-column:1/3}.server-node-form.compact>.btn{grid-column:3}.server-node-body{grid-template-columns:1fr 1fr}.server-node-body>div:last-child{grid-column:1/3;border-top:1px solid #283443}}@media(max-width:700px){.server-pool-stats{grid-template-columns:1fr 1fr}.server-node-form{grid-template-columns:1fr 1fr}.server-node-switches,.server-node-form.compact .server-node-switches{grid-column:1/3;align-items:stretch;flex-direction:column}.server-node-form>.btn,.server-node-form.compact>.btn{grid-column:1/3}.server-node-card>header{align-items:flex-start;flex-direction:column}.server-node-badges{justify-content:flex-start}.server-node-body{grid-template-columns:1fr}.server-node-body>div,.server-node-body>div:last-child{grid-column:auto;border-right:0;border-bottom:1px solid #283443}.server-node-actions{align-items:stretch;flex-wrap:wrap}.server-node-actions>form:last-child{margin-left:0}.server-node-edit .server-node-form.compact{position:fixed;z-index:30;inset:10vh 15px auto;width:auto;max-height:80vh;overflow-y:auto;grid-template-columns:1fr 1fr}.server-node-form.compact:after{display:none}}

/* Ручная география: семь полей добавления сервера остаются в одной ровной строке. */
@media (min-width:981px){
    .server-create-panel .server-node-form{
        grid-template-columns:minmax(145px,1.15fr) minmax(155px,1.25fr) minmax(92px,.62fr) minmax(92px,.62fr) minmax(135px,.95fr) minmax(145px,1fr) minmax(78px,.5fr)
    }
    .server-create-panel .server-node-switches{grid-column:1/6}
    .server-create-panel .server-node-form>.btn{grid-column:6/8}
}
@media (min-width:701px) and (max-width:980px){
    .server-create-panel .server-node-form{grid-template-columns:repeat(4,minmax(0,1fr))}
    .server-create-panel .server-node-switches{grid-column:1/4}
    .server-create-panel .server-node-form>.btn{grid-column:4}
}
@media (max-width:700px){
    .server-node-form:not(.compact) .server-password-field{grid-column:1/3}
}