.promotion-shell{max-width:1140px}.service-server-picker{display:flex;align-items:center;gap:12px;max-width:680px;margin:0 0 20px}.service-server-picker label{flex:none;font-size:12px}.service-server-picker select{flex:1;min-width:0}
.service-notice{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--muted);padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 24px}.service-notice .icon{width:16px;height:16px;margin-top:2px}
.service-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0 30px}
.service-product{padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0}.service-product-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.service-product-heading>.icon{color:var(--green);width:22px;height:22px}.service-product h2{font-size:19px;margin:0}.service-product p{font-size:12px;min-height:40px}
.service-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:26px;font-variant-numeric:tabular-nums;margin:14px 0 24px}.service-price small{font-size:11px;font-weight:400;color:var(--muted)}
.service-form{display:grid;gap:13px;min-width:0}.service-form label{display:grid;gap:6px;font-size:12px;margin:0}.service-form .checkbox{display:flex}.service-form input,.service-form select{max-width:none}.service-form>button{justify-self:start}
.service-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:12px}.service-total output{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.service-colors{margin:0;padding:0;border:0;display:flex;gap:11px;align-items:center}.service-colors legend{font-size:12px;margin-bottom:10px;font-weight:600}.service-color{position:relative;display:inline-flex!important;width:36px;height:36px;margin:0!important;cursor:pointer}
.service-color input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0}.swatch{display:block;width:36px;height:36px;border-radius:4px;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line)}
.swatch-green{background:#139362}.swatch-blue{background:#3984c7}.swatch-yellow{background:#dbb338}.swatch-red{background:#cf5c54}
.service-color:has(input:checked) .swatch{box-shadow:0 0 0 2px var(--ink)}.service-color input:focus-visible+.swatch{outline:3px solid var(--green);outline-offset:4px}
.service-section{padding:22px 0;border-top:1px solid var(--line)}.service-section h2{font-size:19px}.service-table-wrap{overflow-x:auto;max-width:100%;min-width:0}
.service-table{width:100%;border-collapse:collapse;background:var(--surface);font-size:12px}.service-table th,.service-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.service-table th{font-size:10px;color:var(--muted);background:var(--soft)}.service-table small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.service-table td code{white-space:pre-wrap;word-break:break-word;font-size:10px}.service-table td:last-child form+form{margin-top:8px}
.service-state{font-size:11px;color:var(--muted)}.service-management summary{display:flex;align-items:center;gap:5px;font-size:11px;cursor:pointer;white-space:nowrap}.service-management .service-form{min-width:180px;margin-top:12px}.service-management p{font-size:11px;max-width:280px;margin-top:10px}
.service-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.service-tabs a{padding:0 0 12px;color:var(--muted);font-size:12px;white-space:nowrap}.service-tabs a[aria-current]{border-bottom:2px solid var(--green);color:var(--green);font-weight:700}
.service-grant-editor{padding:0 0 24px;margin-bottom:20px;border-bottom:1px solid var(--line)}.service-grant-editor>summary{display:inline-flex;gap:7px;align-items:center;color:var(--green);cursor:pointer;font-size:13px;font-weight:700}.service-grant-editor>.service-form{margin-top:20px;max-width:880px}.service-form [hidden]{display:none!important}
.service-pagination{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:16px 0;font-size:12px}.service-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.server-row.server-entry.highlight-green{--highlight:#19825c;--highlight-soft:#eaf6ef}.server-row.server-entry.highlight-blue{--highlight:#397bac;--highlight-soft:#edf5fc}.server-row.server-entry.highlight-yellow{--highlight:#a37c20;--highlight-soft:#fbf7e7}.server-row.server-entry.highlight-red{--highlight:#b65852;--highlight-soft:#fcf0ee}
.server-row.server-entry[class*="highlight-"]{background:var(--highlight-soft);border-color:var(--highlight);border-left:3px solid var(--highlight)}.server-entry[class*="highlight-"] .server-name{color:var(--highlight)}
:root[data-theme=dark] .server-row.server-entry.highlight-green{--highlight:#70c99e;--highlight-soft:#1b2c25}
:root[data-theme=dark] .server-row.server-entry.highlight-blue{--highlight:#7eb6df;--highlight-soft:#1d2b36}
:root[data-theme=dark] .server-row.server-entry.highlight-yellow{--highlight:#d9bc6e;--highlight-soft:#2e2b20}
:root[data-theme=dark] .server-row.server-entry.highlight-red{--highlight:#e29b93;--highlight-soft:#322522}
@media(max-width:760px){.service-products{grid-template-columns:1fr;gap:16px}.service-product{padding:19px}.service-price{font-size:24px}.service-server-picker{flex-wrap:wrap}.service-server-picker label{flex-basis:100%;margin:0}.service-server-picker select{width:60%}.service-table{min-width:580px}.service-tabs{gap:20px}.service-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-stats .admin-stat{padding-left:10px}.service-stats .admin-stat strong{font-size:22px}.service-stats .admin-stat span{font-size:9px}}
