/* CHAOSMC STUDIO — V6. Egységes, reszponzív stílusrendszer. */
:root{color-scheme:dark;--bg:#080a12;--surface:#111521;--surface-2:#171b2a;--surface-raised:#1a2030;--stroke:#292d40;--stroke-bright:#44415f;--text:#f7f5ff;--muted:#a4a6bb;--muted-bright:#ccc5dd;--purple:#ae8dff;--purple-light:#d9c5ff;--purple-deep:#7856d6;--radius:22px;--shadow:0 20px 65px rgba(0,0,0,.24)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.55;font-size:15px;letter-spacing:-.012em;font-synthesis:none}
body::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:1050px;pointer-events:none;background:radial-gradient(ellipse 54% 35% at 50% 11%,rgba(95,55,158,.26),transparent 75%),radial-gradient(ellipse 40% 50% at 97% 38%,rgba(55,46,119,.15),transparent 75%)}
body::after{content:"";position:fixed;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.013) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 80%);pointer-events:none}
a{color:var(--purple-light);text-decoration:none}a:hover{color:#fff}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
img,svg{max-width:100%}img{vertical-align:middle}
:focus-visible{outline:3px solid #c4adff;outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:#fff;color:#111;padding:10px 16px;border-radius:10px}.skip-link:focus{left:12px}
.site-header{height:82px;background:rgba(9,11,19,.78);border-bottom:1px solid rgba(255,255,255,.065);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.header-inner{width:min(1180px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:170px}
.brand img{width:126px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 4px 13px rgba(107,80,167,.12))}
.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.site-nav a{font-size:13px;font-weight:675;line-height:1.2;color:#b9b4c9;padding:12px 15px;border-radius:12px;transition:background .2s,color .2s}
.site-nav a:hover{color:white;background:rgba(174,141,255,.1)}
.site-nav .nav-staff{display:inline-flex;align-items:center;gap:8px;border:1px solid #52416f;color:#f2eaff;background:linear-gradient(125deg,#302347,#201c32)}
.ui-icon{width:18px;height:18px;flex:0 0 auto;display:inline-block;vertical-align:middle}
.page-shell{width:min(1070px,calc(100% - 48px));min-height:calc(100vh - 172px);margin:auto;padding:34px 0 78px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 48px));margin:auto;padding:23px 0 33px;border-top:1px solid rgba(255,255,255,.07);color:#87899d;font-size:12px}
.site-footer>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-footer a{color:#a5a1bc}
/* Közös modulok */
.eyebrow{color:#ad92e9;letter-spacing:.15em;font-size:10px;font-weight:850;text-transform:uppercase}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:#aa88ff;box-shadow:0 0 16px #9f77edb3;vertical-align:middle}
.panel{border:1px solid var(--stroke);background:linear-gradient(142deg,rgba(23,26,40,.96),rgba(14,18,29,.97));box-shadow:var(--shadow);border-radius:var(--radius);padding:32px;margin:0 0 22px}
.panel h2{margin:0 0 10px;font-size:25px;line-height:1.28;letter-spacing:-.036em;font-weight:780}
.panel p{color:var(--muted);margin:8px 0 15px;line-height:1.75}
.section-heading{display:flex;align-items:flex-start;gap:18px;margin:0 0 28px}.section-heading h2{margin:5px 0 7px}.section-heading p{margin:0;max-width:660px;color:#a7a8bd}
.section-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;flex:0 0 51px;color:#d8c5ff;border:1px solid #72539f88;background:linear-gradient(145deg,rgba(144,94,228,.27),rgba(95,62,149,.12))}
.section-icon .ui-icon{width:24px;height:24px}
button,.buttonlink{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;border-radius:12px;font-weight:750;font-size:13px;padding:11px 17px;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s,color .2s}
button:hover,.buttonlink:hover{transform:translateY(-1px)}
.primary{color:#170d25;background:linear-gradient(125deg,#decaff,#b394ff);box-shadow:0 8px 30px #8152cc30}
.primary:hover{color:#110d18;background:linear-gradient(125deg,#eadbff,#c6adff)}
.secondary{color:#f0e8ff;background:#292239;border:1px solid #56416f}.secondary:hover{color:#fff;background:#372b4e;border-color:#9174b7}
.full-width{width:100%}
label{display:flex;flex-direction:column;gap:9px;color:#d8d6e5;font-size:13px;font-weight:670;min-width:0}
label b{color:#be9fff}
input:not([type="checkbox"]):not([type="hidden"]),select,textarea{display:block;width:100%;min-width:0;min-height:47px;border-radius:12px;background:#0c101b;border:1px solid #35384d;color:#f9f6ff;padding:12px 14px;outline:none;font-weight:500;box-shadow:0 1px 1px #0002 inset}
input::placeholder,textarea::placeholder{color:#74788c}
input:focus,textarea:focus,select:focus{border-color:#9875e7;box-shadow:0 0 0 3px #9471e51b}
textarea{resize:vertical;min-height:110px;line-height:1.65}
select{cursor:pointer;appearance:auto}
.form-stack{display:grid;gap:19px}.form-stack .primary,.form-stack .secondary{justify-self:start}
.form-stack .full-width{justify-self:stretch}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-bottom:22px}.fields button{justify-self:start;align-self:end}
.alert{padding:15px 19px;border:1px solid #a55975;background:#42243155;color:#ffd1dd;border-radius:12px;margin:20px 0;font-weight:620}
.alert.success{border-color:#397e69;background:#1f533e4a;color:#bdffe8}
/* Bejelentkezés */
.auth-intro{text-align:center;padding:54px 0 23px;max-width:680px;margin:auto}
.auth-logo{width:150px;margin:6px auto 21px}.auth-logo img{display:block;width:100%;height:auto;object-fit:contain}
.auth-intro h1{font-size:clamp(35px,5vw,56px);line-height:1.16;letter-spacing:-.06em;margin:0 0 15px;font-weight:830}
.auth-intro h1 span{color:#c29cff}
.auth-intro>p{color:#ada9c0;margin:0;font-size:15px}
.auth-card{width:min(100%,480px);margin:13px auto 30px;padding:31px}
.auth-card-head{display:flex;align-items:center;gap:15px;margin-bottom:26px}
.auth-card-head h2{font-size:22px;margin:0 0 2px}.auth-card-head p{font-size:13px;margin:0}
.auth-safe{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--stroke);font-size:12px;color:#8f91a7}
/* Profil: a felhasználó rajza alapján, szigorúan középre helyezve */
.profile-hero{position:relative;display:block;width:100%;min-height:374px;margin:0 auto;padding:0 0 30px;text-align:center}
.profile-topline{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;margin:0 0 4px;gap:12px}
.profile-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:#b7a6cc;white-space:nowrap}
.logout-form{margin:0}.logout-button{min-height:39px;padding:8px 13px;background:#161a29;border:1px solid #313348;color:#bcbcd1;font-size:12px}
.logout-button:hover{background:#262538;color:#fff;border-color:#8063a5}
.profile-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:6px auto 0;gap:0}
.profile-avatar-ring{width:158px;height:158px;flex:0 0 158px;border-radius:50%;margin:0 auto 21px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#4b3675 0%,#211b38 63%,#191725 100%);border:2px solid #9b77d1;box-shadow:0 0 0 8px #9669d211,0 0 0 15px #9264cb07,0 19px 70px #7046b42f,0 15px 40px #0005}
.profile-avatar{display:block;width:126px;height:126px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 9px 9px rgba(0,0,0,.24))}
.profile-overline{font-size:10px;color:#8f8aa5;font-weight:850;letter-spacing:.25em;margin-bottom:3px}
.profile-name{margin:0;font-size:clamp(31px,4vw,42px);line-height:1.2;letter-spacing:-.06em;font-weight:850;color:#fff}
.profile-rank{display:flex;justify-content:center;margin-top:13px}
.rank-badge{display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1.3;font-weight:840;letter-spacing:.035em;border-radius:999px;padding:7px 14px;border:1px solid #7652c5;color:#e9dbff;background:#4d2f7a}
.rank-admin{border-color:#547cce;color:#d8e8ff;background:#223d74}
.rank-helper{border-color:#566174;color:#d8dfea;background:#353d4e}
.profile-mcname{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#9293aa;font-size:12px;margin:12px 0 0}
.profile-mcname strong{color:#c7bed7;font-weight:660}.profile-mcname .ui-icon{width:14px;height:14px}
/* Menük: valódi kétoszlopos kártyák, külön a felső navigációtól */
.dashboard-navigation{width:min(100%,960px);margin:0 auto 45px;display:block}
.dashboard-section-label{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 22px}
.dashboard-section-label span{display:block;width:min(22%,148px);height:1px;background:linear-gradient(90deg,transparent,#55446c)}
.dashboard-section-label span:last-child{transform:rotate(180deg)}
.dashboard-section-label p{margin:0;color:#bda6d2;font-size:11px;letter-spacing:.25em;font-weight:800;white-space:nowrap}
.dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;align-items:stretch;justify-content:initial}
.dashboard-grid .dashboard-tile{display:flex;align-items:center;min-width:0;min-height:121px;gap:18px;padding:23px 23px;background:linear-gradient(135deg,#1b1d2d,#121620 84%);border:1px solid #353448;border-radius:18px;box-shadow:0 9px 22px #0003,0 1px 0 #ffffff08 inset;color:var(--text);text-decoration:none;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.dashboard-grid .dashboard-tile:hover,.dashboard-grid .dashboard-tile:focus-visible,.dashboard-grid .dashboard-tile.selected{transform:translateY(-3px);border-color:#9879d7;box-shadow:0 14px 36px #05030f5c,0 0 0 1px #a48ae015 inset;background:linear-gradient(135deg,#2c2540,#181b2b 84%)}
.tile-icon{display:grid;place-items:center;flex:0 0 57px;width:57px;height:57px;border-radius:16px;background:linear-gradient(140deg,#543c7b,#312444);border:1px solid #72549a;color:#dfccff}
.tile-icon .ui-icon{width:26px;height:26px}
.tile-text{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:left;flex:1}
.tile-text strong{font-weight:770;font-size:16px;line-height:1.35;letter-spacing:-.035em;color:#f7f5fe}
.tile-text small{font-size:12px;font-weight:470;color:#a9a7bb;line-height:1.5}
.tile-arrow{display:grid;place-items:center;color:#b597dc;flex:0 0 20px}.tile-arrow .ui-icon{width:18px;height:18px}
.dashboard-subnav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 4px 0;color:#81859c;font-size:12px;flex-wrap:wrap}
.dashboard-subnav span,.dashboard-subnav a{display:inline-flex;align-items:center;gap:8px}
.dashboard-subnav a{color:#ab93d6}.dashboard-subnav a:hover{color:white}
.dashboard-subnav .ui-icon{width:15px;height:15px}
.content-divider{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 27px;font-size:10px;color:#8c86a0;font-weight:800;letter-spacing:.22em}
.content-divider>span:first-child,.content-divider>span:last-child{height:1px;background:linear-gradient(90deg,transparent,#4a3c5e);flex:1;max-width:300px}
.content-divider>span:last-child{transform:rotate(180deg)}
/* Szabályok */
.content-panel{margin-bottom:22px;padding:32px 34px}
.rule-list{margin:0;padding:0;list-style:none;counter-reset:rule;display:grid;gap:11px}
.rule-list li{counter-increment:rule;position:relative;display:flex;align-items:flex-start;gap:16px;background:rgba(8,11,19,.48);border:1px solid #2b2d41;border-radius:13px;padding:15px 17px;color:#dedbeb;line-height:1.6;font-size:14px}
.rule-list li::before{content:counter(rule,decimal-leading-zero);font-size:11px;font-weight:850;letter-spacing:.1em;flex:0 0 29px;color:#b79aff;padding-top:2px}
/* Büntetési táblázatok: valódi látható függőleges + vízszintes vonalak */
.penalty-panel{scroll-margin-top:20px}
.penalty-table{display:block;overflow-x:auto;width:100%;max-width:100%;border:1px solid #69607d;border-radius:14px;background:#111521;box-shadow:inset 0 1px 0 #ffffff08}
.penalty-table table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px;table-layout:fixed}
.penalty-table thead th{background:#2a233c;color:#e6d9fb;text-align:left;font-size:11px;line-height:1.35;letter-spacing:.09em;text-transform:uppercase;font-weight:820;padding:18px 21px;border-right:1px solid #514763;border-bottom:1px solid #69607d}
.penalty-table th:first-child{width:44%}.penalty-table th:nth-child(2){width:25%}.penalty-table th:nth-child(3){width:31%}
.penalty-table tbody td{color:#d7d4e2;font-size:14px;line-height:1.45;padding:18px 21px;border-right:1px solid #403b51;border-bottom:1px solid #403b51;vertical-align:middle;overflow-wrap:anywhere}
.penalty-table tbody td:first-child{font-weight:710;color:#f5f3fa}
.penalty-table tbody tr:nth-child(odd){background:#181926}.penalty-table tbody tr:nth-child(even){background:#20202e}
.penalty-table tbody tr:hover{background:#2b243a}
.penalty-table tr>*:last-child{border-right:0}.penalty-table tbody tr:last-child td{border-bottom:0}
.duration{font-variant-numeric:tabular-nums;display:inline-block;color:#edddff;font-weight:740;background:#64458b3a;border:1px solid #8668b64d;padding:6px 10px;border-radius:8px;white-space:nowrap}
/* Staffkezelés és formok */
.staff-list{display:grid;gap:15px}
.staff-user{border:1px solid #303248;border-radius:16px;padding:20px;background:#101522}
.staff-user-title{display:flex;align-items:center;gap:13px;min-width:0}
.staff-user-title>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.staff-user-title strong{font-size:16px;font-weight:770}.staff-user-title small{color:#9197aa;line-height:1.5;font-size:12px;overflow-wrap:anywhere}
.mini-head{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;padding:6px;border-radius:13px;background:#322442;border:1px solid #615077}
.staff-user-title .rank-badge{margin-left:auto}
.staff-actions{display:flex;align-items:end;flex-wrap:wrap;gap:11px;padding-top:17px;margin-top:16px;border-top:1px solid #303245}
.compact-form{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:0;max-width:100%}
.compact-form label{min-width:128px;gap:6px;font-size:11px}
.compact-form input,.compact-form select{min-height:40px;font-size:12px;padding:8px 10px}
.compact-form button{min-height:40px;font-size:12px;padding:8px 12px}.compact-no-label{align-self:flex-end}
.editor-form{padding-bottom:29px;margin:0 0 27px;border-bottom:1px solid var(--stroke)}
.editor-form:last-child{padding-bottom:0;border-bottom:0;margin-bottom:0}
.editor-form label{font-weight:750;font-size:14px}
.penalty-editor{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px}
.editor-hint{font-size:13px;color:var(--muted);margin-bottom:18px!important}
.penalty-editor{background:#111522;border:1px solid #303248;padding:13px;border-radius:12px;margin:8px 0}
.penalty-editor label{font-size:11px;gap:5px}.penalty-note-edit{grid-column:1/3}.penalty-editor button{grid-column:3;align-self:end}.penalty-note-edit textarea{min-height:62px;font-size:12px;line-height:1.4;padding:9px 12px}
.penalty-editor input{min-height:42px;font-size:12px;padding:9px}
.penalty-editor button{min-height:42px;padding:9px 13px;white-space:nowrap}
/* Jelentkezések */
.tabs{display:flex;gap:9px;margin:0 0 22px;flex-wrap:wrap}.tabs a{font-size:13px;font-weight:720;color:#bdb8cb;border-radius:11px;padding:11px 16px;background:#191c2b;border:1px solid #353348}
.tabs a:hover,.tabs a.selected{background:#302546;border-color:#8a6ac6;color:#f7eeff}
.application{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #323247;color:#e9e6f2}
.application:first-of-type{border-top:1px solid #323247}
.application:hover{background:#191b2a}
.application-info{flex:1;min-width:0}.application-info strong{font-weight:740;font-size:15px}
.application-info small{display:block;color:#9495aa;margin:5px 0 0;font-size:11px}
.type-pill{font-size:10px;font-weight:800;color:#bda2ec;background:#3a2b52;padding:5px 8px;border-radius:99px;margin-left:8px}
.pill{border:1px solid #514469;background:#292239;border-radius:99px;padding:6px 12px;white-space:nowrap;font-size:11px;font-weight:710;color:#dbcef4}
.answer{padding:16px 0;border-bottom:1px solid #303146}.answer strong{font-size:13px}.answer p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;color:#b7b6c7}
.back-link{display:inline-block;margin-bottom:21px;font-weight:680;font-size:13px}.review-form{margin:26px 0 0}.empty-message{border:1px dashed #474158;border-radius:12px;padding:20px;text-align:center}
/* Jelszó rész: nem nyomja össze az oldalt */
.password-section{padding:0!important;overflow:hidden;margin:20px 0 0;border-radius:16px}
.password-section summary{list-style:none;display:flex;align-items:center;gap:11px;cursor:pointer;padding:19px 25px;font-size:14px;font-weight:720;color:#d0cada}
.password-section summary::-webkit-details-marker{display:none}
.password-section summary .ui-icon:first-child{color:#ad91dc}.password-section summary .ui-icon:last-child{margin-left:auto;transition:transform .2s}
.password-section[open] summary .ui-icon:last-child{transform:rotate(90deg)}
.password-body{padding:4px 25px 26px;border-top:1px solid var(--stroke)}.password-body .form-stack{max-width:560px}
.password-required{max-width:700px;margin:20px auto}
/* Nyilvános jelentkezési felület */
.public-page .page-shell{width:min(900px,calc(100% - 48px));padding-top:40px}
.hero{text-align:center;padding:20px 0 38px}.hero-logo{width:min(230px,75%);height:auto;object-fit:contain;display:block;margin:0 auto 25px;filter:drop-shadow(0 15px 30px #5d3d8433)}
.hero h1{font-size:clamp(36px,5vw,60px);font-weight:830;letter-spacing:-.065em;line-height:1.15;margin:12px 0 15px}
.hero h1 em{font-style:normal;color:#bd9dff}
.hero p{max-width:640px;margin:0 auto;color:#b3afc1;font-size:15px;line-height:1.8}
.hero .tabs{justify-content:center;margin:27px 0 0}.hero .tabs a{display:inline-flex;align-items:center;gap:9px}
.public-page .panel h2{padding-top:22px;margin:25px 0 24px;border-top:1px solid var(--stroke)}
.public-page .panel h2:first-of-type{padding-top:0;margin-top:0;border:0}
.public-page .panel .fields{margin-bottom:15px}
.public-page .panel .fields label{font-size:13px;font-weight:620}
.consent{display:flex;align-items:flex-start;gap:12px;flex-direction:row;margin:23px 0;font-size:12px;color:#b5b4c8;line-height:1.6}
.consent input{margin:3px 0 0;flex:0 0 auto;accent-color:#b696fa}
.trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.privacy-note{font-size:13px;color:#aaa}
/* Töréspontok — nincs fix szélességű profil vagy összecsúszó navigáció */
@media(max-width:850px){.dashboard-grid .dashboard-tile{padding:18px;gap:13px;min-height:106px}.tile-icon{width:49px;height:49px;flex-basis:49px}.tile-text strong{font-size:14px}.tile-text small{font-size:11px}.tile-arrow{display:none}.penalty-editor{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.penalty-editor label:first-of-type,.penalty-note-edit{grid-column:span 2}.penalty-editor button{grid-column:span 2;justify-self:start}}
@media(max-width:650px){.site-header{height:auto;min-height:73px}.header-inner{width:min(calc(100% - 28px),1180px);padding:12px 0;gap:8px}.brand img{width:102px}.site-nav{gap:2px}.site-nav a{font-size:11px;padding:8px 7px}.site-nav .nav-staff{padding:8px 9px}.site-nav .nav-staff .ui-icon{width:16px;height:16px}
.page-shell,.public-page .page-shell{width:calc(100% - 30px);padding:22px 0 54px}
.profile-hero{min-height:358px;padding-bottom:20px}.profile-topline{margin-bottom:18px}.profile-kicker{font-size:9px;letter-spacing:.115em}.logout-button{font-size:11px;padding:7px 11px;min-height:34px}
.profile-avatar-ring{width:136px;height:136px;flex-basis:136px;margin-bottom:20px}.profile-avatar{width:108px;height:108px}.profile-overline{font-size:9px}.profile-name{font-size:34px}
.dashboard-navigation{margin-bottom:35px}.dashboard-grid{grid-template-columns:1fr;gap:11px}.dashboard-grid .dashboard-tile{min-height:93px;padding:17px 18px;gap:14px}.tile-icon{width:53px;height:53px;flex-basis:53px}.tile-arrow{display:grid}.tile-text strong{font-size:15px}.tile-text small{font-size:12px}
.dashboard-section-label{margin-bottom:16px}.dashboard-subnav{font-size:11px}.content-panel{padding:22px 19px}.section-heading{gap:12px;margin-bottom:20px}.section-icon{width:43px;height:43px;flex-basis:43px;border-radius:12px}.section-icon .ui-icon{width:20px;height:20px}.section-heading h2{font-size:21px}.section-heading p{font-size:12px}.rule-list li{font-size:13px;padding:13px;gap:12px}
.penalty-table table{min-width:0;table-layout:fixed}.penalty-table th:first-child{width:40%}.penalty-table th:nth-child(2){width:27%}.penalty-table th:nth-child(3){width:33%}.penalty-table tbody td,.penalty-table thead th{padding:13px 9px}.penalty-table tbody td{font-size:11px}.penalty-table thead th{font-size:9px;letter-spacing:.02em}.penalty-table .duration{white-space:normal;font-size:10px;padding:5px 6px}.staff-user{padding:15px}.staff-user-title .rank-badge{font-size:9px;padding:5px 9px}.staff-actions{align-items:stretch}.compact-form{width:100%}.compact-form label{flex:1}.compact-no-label{width:auto}
.panel{padding:21px}.auth-intro{padding:38px 0 15px}.auth-card{padding:22px}.fields{grid-template-columns:1fr;gap:17px}.site-footer{width:calc(100% - 30px);flex-direction:column;align-items:flex-start;gap:10px}.hero h1{font-size:39px}.hero p{font-size:13px}}
@media(max-width:390px){.profile-kicker{font-size:8px}.dashboard-grid .dashboard-tile{padding:14px}.tile-text strong{font-size:14px}.tile-text small{font-size:11px}.staff-user-title{gap:9px}.staff-user-title small{font-size:10px}.staff-user-title .rank-badge{display:none}.penalty-editor{grid-template-columns:1fr}.penalty-editor label:first-of-type,.penalty-note-edit,.penalty-editor button{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* V5 – Rangonként elkülönített, részletes szabályzatok és büntetési táblázatok */
.policy-switch{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:0 0 25px}
.policy-tab{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 19px;border-radius:13px;border:1px solid #45405b;background:#171c29;color:#c5bfdd;font-size:14px;font-weight:750;transition:background .18s,border-color .18s,color .18s}
.policy-tab:hover,.policy-tab.active{background:linear-gradient(130deg,#36254d,#252039);border-color:#ac8adb;color:#fff}
.policy-intro{padding:18px 21px;margin:0 0 30px;border:1px solid #5a427b;background:linear-gradient(120deg,rgba(105,69,165,.18),rgba(48,41,74,.1));border-radius:14px}
.policy-intro strong{display:flex;align-items:center;gap:9px;color:#e9d8ff;font-size:14px}
.policy-intro p{font-size:13px;line-height:1.7;margin:8px 0 0;color:#c5bfd5}
.rulebook{display:grid;gap:28px}
.rule-group{min-width:0}
.rule-group h3{font-size:17px;line-height:1.35;margin:0 0 14px;font-weight:780;letter-spacing:-.025em;color:#ecdbff;display:flex;align-items:center;gap:12px}
.rule-group h3::before{content:"";width:4px;height:25px;border-radius:5px;background:linear-gradient(#ddc4ff,#8965d6);flex-shrink:0}
.rule-group .rule-list{gap:9px}
.rule-group .rule-list li{padding:14px 17px;font-size:13px}
.penalty-guidance{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}
.penalty-guidance span{display:flex;align-items:center;gap:8px;border:1px solid #443856;background:#241d32;color:#dac9e9;border-radius:10px;padding:10px 12px;font-size:11px;line-height:1.4;flex:1 1 230px}
.penalty-guidance .ui-icon{width:16px;height:16px;color:#c6a6f6}
.penalty-table table{min-width:620px}
.penalty-table th:first-child{width:52%}.penalty-table th:nth-child(2){width:23%}.penalty-table th:nth-child(3){width:25%}
.penalty-name{display:block;font-weight:780;font-size:14px;color:#f6f2ff;margin-bottom:5px}
.penalty-description{display:block;font-size:12px;line-height:1.6;color:#a9a7c1;font-weight:450}
.penalty-table tbody td{padding-top:18px;padding-bottom:18px}
.duration-repeat{border-color:#635780;background:#34304744;color:#ddd1f2;white-space:normal}
.penalty-footnote{margin:19px 0 0!important;padding:14px 17px;background:#151a28;border:1px solid #303549;border-radius:11px;font-size:12px!important;color:#aeb1c5!important;line-height:1.65!important}
@media(max-width:650px){.policy-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.policy-tab{padding:12px 9px;font-size:11px;gap:6px}.policy-tab .ui-icon{width:16px;height:16px}.policy-intro{padding:15px}.rulebook{gap:22px}.rule-group h3{font-size:15px}.rule-group .rule-list li{font-size:12px;line-height:1.65}.penalty-guidance span{flex-basis:100%}.penalty-table table{min-width:0}.penalty-table th:first-child{width:48%}.penalty-table th:nth-child(2){width:25%}.penalty-table th:nth-child(3){width:27%}.penalty-name{font-size:12px}.penalty-description{font-size:10px;line-height:1.5}.penalty-table tbody td{padding:13px 8px}.duration{font-size:10px;line-height:1.5;white-space:normal;padding:6px}}
@media(max-width:375px){.penalty-name{font-size:11px}.penalty-description{font-size:9px}.penalty-table tbody td{padding:11px 6px}}

.restore-default{margin:-14px 0 24px;padding:13px 16px;border-radius:12px;border:1px solid #383449;background:#161927}.restore-default summary{cursor:pointer;color:#c4b3dd;font-size:12px;font-weight:700;display:flex;align-items:center;gap:9px}.restore-default .ui-icon{width:15px;height:15px}.restore-default p{font-size:12px;margin:12px 0}.restore-default form{display:flex;flex-wrap:wrap}.restore-default button{font-size:12px}

/* V6 – Kezdőlap / nyilvános csapat és kétkártyás jelentkezési folyamat */
.site-nav a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.site-nav a .ui-icon{width:16px;height:16px}
.site-nav a[aria-current="page"]:not(.nav-staff){background:rgba(147,107,227,.16);border:1px solid #7558a5;color:#f8f2ff}
.site-nav a:not([aria-current="page"]):not(.nav-staff){border:1px solid transparent}
.site-nav .nav-staff[aria-current="page"]{border-color:#a88cdb;background:linear-gradient(125deg,#493166,#29203e)}
.public-page .page-shell{width:min(1120px,calc(100% - 48px))}
.roster-intro{text-align:center;padding:44px 0 48px;max-width:810px;margin:0 auto}
.roster-intro h1,.apply-heading h1{font-size:clamp(39px,5vw,65px);letter-spacing:-.063em;font-weight:850;line-height:1.1;margin:19px 0 16px}
.roster-intro h1 em,.apply-heading h1 em{font-style:normal;color:#c5a8ff}
.roster-intro>p,.apply-heading>p{font-size:15px;color:#adaabf;max-width:670px;margin:0 auto;line-height:1.8}
.roster-stats{display:inline-flex;justify-content:center;max-width:100%;gap:0;margin:30px auto 0;border:1px solid #433853;border-radius:16px;background:#1b1727c9;overflow:hidden}
.roster-stats>div{display:flex;flex-direction:column;gap:1px;min-width:142px;padding:15px 21px;border-right:1px solid #453650}
.roster-stats>div:last-child{border-right:none}
.roster-stats strong{color:#e6d4ff;font-size:25px;line-height:1.2;font-variant-numeric:tabular-nums;font-weight:850}
.roster-stats span{font-size:11px;color:#b5aec5;font-weight:640}
.roster-section{margin:0 0 52px}
.roster-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 22px;border-bottom:1px solid #3b344e;margin-bottom:20px}
.roster-section-heading h2{display:flex;align-items:center;gap:11px;font-size:clamp(22px,3vw,29px);letter-spacing:-.035em;margin:6px 0;font-weight:800}
.roster-section-heading h2 .ui-icon{color:#c2a3ff;width:24px;height:24px}
.roster-section-heading p{color:#a7a4b7;margin:0;font-size:12px}
.count-pill{border:1px solid #645078;border-radius:999px;background:#2b223b;color:#dfd0f5;padding:7px 15px;white-space:nowrap;font-size:12px;font-weight:750}
.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.featured-person{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:28px 14px 25px;border-radius:20px;border:1px solid #463951;background:linear-gradient(155deg,#231b35,#111521 76%);box-shadow:0 14px 38px #0003;transition:transform .2s,border-color .2s}
.featured-person:hover{transform:translateY(-3px);border-color:#916fc8}
.featured-person-decor{position:absolute;right:-10px;top:-12px;width:86px;height:86px;color:#d5c2ff;opacity:.08;pointer-events:none}
.featured-person-decor svg{width:100%;height:100%}
.featured-owner{background:radial-gradient(circle at 50% 10%,#342543,#171423 75%);border-color:#735381}
.featured-developer{background:radial-gradient(circle at 50% 10%,#262c48,#151727 75%)}
.featured-manager{background:radial-gradient(circle at 50% 10%,#33233d,#181423 75%)}
.roster-avatar{display:grid;place-items:center;flex-shrink:0;overflow:hidden;background:radial-gradient(circle at 45% 30%,#4e3870,#241b37);border:1px solid #8262b2}
.roster-avatar img{display:block;object-fit:contain;image-rendering:pixelated;max-width:100%;max-height:100%;filter:drop-shadow(0 5px 5px #0004)}
.featured-avatar{width:116px;height:116px;border-radius:28px;padding:12px;box-shadow:0 10px 25px #0004}
.featured-avatar img{width:90px;height:90px}
.roster-name{font-weight:820;font-size:18px;line-height:1.25;letter-spacing:-.025em;color:#fff;overflow-wrap:anywhere}
.roster-rank{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid #7459a6;color:#e1d2f7;background:#38284d}
.roster-rank .ui-icon{width:14px;height:14px}
.rank-owner{background:#443043;border-color:#a66f94;color:#ffe2ee}
.rank-developer{background:#26365a;border-color:#5c79ba;color:#d6e4ff}
.rank-manager{background:#433053;border-color:#926eb5;color:#ecd9ff}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.team-member{display:flex;align-items:center;min-width:0;gap:15px;border:1px solid #383347;border-radius:16px;padding:15px 17px;background:linear-gradient(145deg,#1b1b2b,#141824)}
.team-member>div:last-child{display:flex;min-width:0;flex-direction:column;gap:5px}
.team-member strong{font-size:16px;font-weight:780;line-height:1.3;overflow-wrap:anywhere}
.team-role{font-size:11px;color:#bea8df;display:inline-flex;gap:6px;align-items:center;font-weight:720}
.team-role .ui-icon{width:14px;height:14px}
.team-avatar{width:65px;height:65px;border-radius:15px;padding:7px}
.team-avatar img{width:51px;height:51px}
.roster-empty{grid-column:1/-1;margin:0;background:#171b29;border:1px dashed #494057;border-radius:14px;padding:25px;text-align:center;color:#b5b2c4}
.join-banner{display:flex;align-items:center;gap:23px;border:1px solid #76539a;background:linear-gradient(115deg,#382349,#1c192b 72%);padding:27px 30px;border-radius:21px;margin:15px 0 0}
.join-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:16px;background:#694e8b66;color:#d9c1ff}
.join-icon svg{width:29px;height:29px}
.join-banner>div{flex:1;min-width:0}
.join-banner h2{font-size:22px;letter-spacing:-.035em;margin:4px 0}
.join-banner p{color:#bdb2d0;margin:0;font-size:12px}
.join-banner .buttonlink{white-space:nowrap}
.apply-heading{text-align:center;margin:43px auto 34px;max-width:800px}
.application-choose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:36px auto 0;max-width:990px}
.apply-choice{display:flex;flex-direction:column;min-width:0;min-height:333px;padding:33px 32px;border:1px solid #554267;border-radius:23px;background:radial-gradient(circle at 90% 5%,#3b2752,#191928 62%);color:#f9f6ff;box-shadow:0 17px 45px #0004;transition:transform .2s,border-color .2s,box-shadow .2s}
.apply-choice:hover{color:white;transform:translateY(-5px);border-color:#bd9ef4;box-shadow:0 24px 60px #0007}
.apply-media{background:radial-gradient(circle at 90% 5%,#292955,#181a2a 62%)}
.apply-choice-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:18px;border:1px solid #735896;background:#5134688c;color:#e0c9ff;margin-bottom:28px}
.apply-media .apply-choice-icon{background:#353b7199;border-color:#6979b0;color:#e3e9ff}
.apply-choice-icon .ui-icon{width:30px;height:30px}
.apply-choice>strong{font-size:34px;letter-spacing:-.035em;line-height:1.3;margin:4px 0 10px}
.apply-choice-desc{font-size:13px;color:#bcb8cd;line-height:1.7;flex:1}
.apply-choice-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;margin-top:29px;padding-top:18px;border-top:1px solid #5a4762;font-weight:790;font-size:14px;color:#e7d2ff}
.apply-choice-cta svg{width:19px;height:19px}
.application-form-head{margin:0 auto 27px;max-width:900px}
.application-form-head .back-link{display:inline-flex;align-items:center;gap:6px;color:#c6b0e8}
.application-form-head .back-link .ui-icon{transform:rotate(180deg)}
.selected-application{display:flex;align-items:center;gap:17px;border:1px solid #534465;background:#1e1a2c;border-radius:17px;padding:20px 22px}
.selected-application .section-icon{flex-shrink:0}
.selected-application h2{font-size:23px;margin:4px 0 3px}
.selected-application p{font-size:12px;color:#a9a5bc;margin:0;line-height:1.6}
.application-form{max-width:900px;margin:0 auto}
.application-success{max-width:660px;text-align:center;margin:35px auto!important;display:flex;flex-direction:column;align-items:center;gap:11px}
.application-success .section-icon{color:#c2f7d8;border-color:#387c62;background:#295c45}
.application-success h2{margin:5px 0}
.application-success .buttonlink .ui-icon{transform:rotate(180deg)}
@media(max-width:960px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.header-inner{width:calc(100% - 24px);gap:8px}.brand img{width:83px}.site-nav{gap:2px}.site-nav a{font-size:11px;padding:9px 7px;gap:4px}.site-nav .ui-icon{width:14px;height:14px}.site-nav .nav-staff{padding:9px 8px}.public-page .page-shell{width:calc(100% - 30px)}.roster-intro{padding:37px 0 38px}.roster-intro>p,.apply-heading>p{font-size:13px}.roster-intro h1,.apply-heading h1{font-size:37px}.roster-stats{width:100%}.roster-stats>div{flex:1;min-width:0;padding:13px 5px}.roster-stats strong{font-size:24px}.roster-stats span{font-size:10px}.roster-section-heading{gap:8px}.roster-section-heading h2{font-size:21px}.roster-section-heading h2 .ui-icon{width:20px;height:20px}.roster-section-heading p{font-size:11px}.count-pill{font-size:10px;padding:6px 10px}.roster-section{margin-bottom:39px}.featured-grid{gap:11px}.featured-person{padding:23px 8px 21px;gap:11px;border-radius:16px}.featured-avatar{width:96px;height:96px;border-radius:21px;padding:9px}.featured-avatar img{width:75px;height:75px}.roster-name{font-size:14px}.roster-rank{font-size:10px;padding:6px 9px}.team-grid{grid-template-columns:1fr;gap:10px}.team-member{padding:12px 15px}.team-avatar{width:59px;height:59px}.team-avatar img{width:45px;height:45px}.join-banner{flex-wrap:wrap;gap:14px;padding:23px}.join-icon{width:47px;height:47px;flex-basis:47px}.join-icon svg{width:23px;height:23px}.join-banner>div{flex-basis:calc(100% - 62px)}.join-banner h2{font-size:19px}.join-banner .buttonlink{width:100%}.apply-heading{margin:31px auto 27px}.application-choose{grid-template-columns:1fr;gap:14px}.apply-choice{min-height:255px;padding:24px}.apply-choice-icon{width:56px;height:56px;margin-bottom:15px}.apply-choice>strong{font-size:29px}.apply-choice-cta{margin-top:20px}.selected-application{padding:16px}.selected-application h2{font-size:19px}}
@media(max-width:385px){.brand img{width:65px}.site-nav a{font-size:10px;padding:8px 5px}.site-nav a .ui-icon{width:13px;height:13px}.site-nav .nav-staff{padding:8px 7px}.roster-stats span{font-size:9px}.roster-name{font-size:12px}}
/* ChaosMC V7 – Játékidő és közlemények */
.announcements-panel{max-width:960px;margin:0 auto 24px}
.announcement-list{display:grid;gap:15px}
.announcement-item{padding:21px 23px;border:1px solid #4a3d61;border-radius:17px;background:linear-gradient(135deg,rgba(87,61,137,.18),rgba(18,21,35,.9))}
.announcement-author{display:flex;gap:11px;align-items:center;margin-bottom:14px}
.announcement-author>div{display:grid;gap:3px}.announcement-author strong{font-size:14px;color:#fff}
.announcement-author small{font-size:11px;color:#a89cbd}
.announcement-item h3{font-size:21px;letter-spacing:-.03em;margin:0 0 12px;color:#fff}
.announcement-body{white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.75;color:#d3cade}
.announcement-item form{margin-top:12px}.announcement-item button{min-height:36px}
.announcement-compose{border-top:1px solid #4a405a;margin-top:22px;padding-top:21px;display:grid;gap:17px}
.announcement-compose h3,.activity-settings h3{font-size:18px;display:flex;align-items:center;gap:10px;color:#e7d7ff;margin:0 0 4px}
.activity-panel{max-width:1080px;margin-left:auto;margin-right:auto}
.activity-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;background:#131827;border:1px solid #454058;border-radius:16px;padding:22px;margin:12px 0 14px}
.activity-hero h3{font-size:clamp(25px,4vw,35px);color:#f9f5ff;letter-spacing:-.04em;margin:5px 0 7px}
.activity-hero h3 small{color:#a99abf;font-size:17px;font-weight:580;letter-spacing:0}
.activity-hero p{font-size:12px;color:#a7a7be;margin:0}
.activity-percent{font-size:27px;color:#b59aff;font-variant-numeric:tabular-nums}
.activity-track{height:14px;background:#252335;border-radius:999px;border:1px solid #494058;overflow:hidden;margin-bottom:20px}
.activity-track>span,.activity-mini-track>span{display:block;height:100%;background:linear-gradient(90deg,#7152cc,#bda3ff);border-radius:inherit}
.activity-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.activity-facts>div{padding:15px;background:#111724;border:1px solid #343449;border-radius:13px;display:grid;gap:5px}
.activity-facts span{font-size:12px;color:#aca4ba}.activity-facts strong{color:#f2eafa;font-size:15px}
.activity-warning{display:flex;align-items:flex-start;gap:12px;background:#42281c69;border:1px solid #a56e43;border-radius:13px;padding:16px;margin-top:19px;color:#f9dfbb}
.activity-warning svg{flex:0 0 19px}.activity-warning strong{font-size:14px}.activity-warning p{margin:6px 0 0;line-height:1.6;font-size:13px;color:#e8c99f}
.activity-management{margin-top:30px;padding-top:28px;border-top:1px solid #404057}
.activity-table-scroll{width:100%;overflow-x:auto;border:1px solid #51465f;border-radius:13px}
.activity-table{border-collapse:collapse;min-width:780px;width:100%;font-size:13px}
.activity-table th{background:#2a233c;color:#eadcff;text-align:left;white-space:nowrap;padding:14px;border:1px solid #544967}
.activity-table td{border:1px solid #413950;padding:14px;vertical-align:middle;background:#151a29}
.activity-table tr:nth-child(even) td{background:#1d2031}
.activity-table td:first-child small{display:block;color:#ada7bd;margin-top:5px}
.activity-mini-track{height:6px;background:#373249;margin-top:9px;border-radius:20px;overflow:hidden}
.small-pill{display:inline-flex;padding:6px 9px;background:#38304f;border:1px solid #605276;border-radius:999px;color:#dfcbff;font-size:11px}
.activity-excuse{display:flex;align-items:center;gap:7px}.activity-excuse select{width:100px;min-height:38px;padding:7px}.activity-excuse button{min-height:38px;padding:8px}
.activity-settings{margin-top:27px;padding:22px;background:#181a28;border-color:#3a374a}
.activity-settings>p{font-size:13px;color:#aba7bb;margin:10px 0 20px;line-height:1.6}
.activity-settings form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;border-top:1px solid #363044;padding-top:18px;margin-top:16px}
.activity-settings form label{flex:1 1 180px}.activity-settings form button{align-self:end}
.activity-settings form small{font-size:12px;color:#aea1c0}
.secret-once{background:#29233c;border:1px solid #8a72bd;border-radius:12px;padding:15px;display:grid;gap:9px;margin-bottom:17px}
.secret-once code{display:block;overflow-wrap:anywhere;background:#080c17;padding:12px;border-radius:8px;font-size:13px;color:#e6d5ff}
.muted-note{font-size:12px;color:#9e9aa9;line-height:1.7}
@media(max-width:630px){.activity-facts{grid-template-columns:1fr}.activity-hero{flex-wrap:wrap;padding:16px}.activity-hero h3{font-size:25px}.announcement-item{padding:16px}.activity-settings form{display:grid}.activity-settings form label{width:100%}}
.dashboard-warning{max-width:960px;margin:0 auto 24px}.dashboard-warning a{color:#f9ebff;text-decoration:underline}
/* ChaosMC V8 – Discord-értesítések, rendezett vezetőségi beállítások */
.discord-panel{max-width:1080px;margin:0 auto 32px}
.discord-banner{background:#273d35;border:1px solid #608c79;color:#daf6e9;padding:14px 18px;border-radius:13px;margin:0 0 20px}
.discord-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 26px}
.discord-summary>div{min-width:0;display:grid;gap:7px;padding:18px 17px;background:#181d2c;border:1px solid #3d3c54;border-radius:14px}
.discord-summary span{color:#aaa3bb;font-size:12px}
.discord-summary strong{font-size:16px;color:#e8dcff;overflow-wrap:anywhere}
.discord-card{background:linear-gradient(135deg,#1b1b2c,#151a27);border:1px solid #49425c;border-radius:18px;padding:25px;margin:19px 0}
.discord-card h3{display:flex;align-items:center;gap:10px;color:#e9ddff;font-size:20px;letter-spacing:-.02em;margin:0 0 9px}
.discord-card h3 svg{width:21px;height:21px}
.discord-card>p{color:#bbb4c9;line-height:1.7;font-size:13px;margin:0 0 22px}
.discord-config-form{display:grid;gap:16px;max-width:780px}
.discord-config-form label{display:grid;gap:7px;font-size:13px;color:#dfd5ee}
.discord-config-form label small{font-size:12px;line-height:1.65;color:#a59db7}
.discord-config-form .discord-check{display:flex;align-items:center;gap:9px;font-size:12px;color:#b8aecb;margin-top:-7px}
.discord-check input{width:16px;height:16px;flex:0 0 16px;min-height:auto}
.discord-config-form input{max-width:100%;min-width:0}
.discord-config-form button{justify-self:start}
.discord-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.discord-user-item{min-width:0;border:1px solid #4a4259;border-radius:14px;background:#171b29;padding:17px;display:grid;gap:13px}
.discord-user-head{display:flex;gap:11px;align-items:center;min-width:0}
.discord-user-head>div{display:grid;gap:4px;min-width:0}
.discord-user-head strong{font-size:14px;color:#f4efff;overflow-wrap:anywhere}
.discord-user-head small{font-size:11px;color:#a69caf;overflow-wrap:anywhere}
.discord-user-item label{font-size:12px;color:#c4b8d1;min-width:0;display:grid;gap:6px}
.discord-user-item input{min-width:0;width:100%}
.discord-user-item button{justify-self:start;min-height:38px}
.discord-test-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.discord-test-row button{min-height:42px}
.discord-test-row button:disabled{opacity:.45;cursor:not-allowed}
.discord-log-scroll{margin:12px 0 14px}
.discord-log{min-width:660px}
.discord-log td{font-size:12px;overflow-wrap:anywhere}
.discord-retry{margin-top:16px}
.discord-card .discord-note{color:#9e9ab0;font-size:12px;line-height:1.7;margin:16px 0 0}
@media(max-width:800px){.discord-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.discord-card{padding:17px}.discord-user-grid{grid-template-columns:1fr}.discord-summary>div{padding:13px}.discord-summary strong{font-size:14px}.discord-test-row{display:grid}.discord-test-row form,.discord-test-row button{width:100%}}

/* V8: a rögzített Discord-csatornák jól áttekinthető azonosítókártyái. */
.discord-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 26px}
.discord-routes>div{padding:15px 14px;min-width:0;display:flex;flex-direction:column;gap:7px;background:#151928;border:1px solid #4a3c62;border-radius:13px}
.discord-routes small{font-size:12px;color:#afa6c2}
.discord-routes code{font-size:12px;color:#e6d7ff;overflow-wrap:anywhere;word-break:break-word}
.discord-routes a{font-size:12px;font-weight:700;color:#ceb1ff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.discord-routes{grid-template-columns:1fr}}