.account-panel { margin: 0 0 24px; padding-bottom: 20px; border-bottom: 1px solid rgba(140,160,200,.18); }
.account-panel h3 { margin: 0 0 14px; font-size: 1.05rem; }
.account-panel form { margin: 12px 0; }
.account-panel label { display: block; margin-bottom: 6px; font-size: .8rem; color: #b9c7dc; }
.account-panel input,.account-panel select,.board-filter select { width: 100%; min-height: 42px; padding: 9px 12px; color: #e8eefb; background: #111b2c; border: 1px solid #35435b; border-radius: 9px; font: inherit; }
.account-panel .button { margin-top: 8px; }
#account-stats,#account-status { font-size: .82rem; line-height: 1.7; overflow-wrap: anywhere; }
.board-shell { max-width: 1000px; margin: 40px auto; padding: 24px; }
.board-filter { max-width: 280px; margin: 24px 0; }
.board-table { width: 100%; border-collapse: collapse; }
.board-table th,.board-table td { text-align: left; padding: 16px 10px; border-bottom: 1px solid #26344a; }
.board-table th { font-size: .8rem; color: #94a7c8; }

/* Shared account navigation: brand left, account controls right. */
.site-header .brand { order:0; }
.site-header .site-nav { order:1; }
.site-header__controls { order:2; align-items:center; }
.site-header__badge { display:none; }
.account-entry { position:relative; font-size:.84rem; }
#account-guest { display:flex; gap:8px; }
.account-entry button { font:inherit; cursor:pointer; }
.account-login-button,.account-register-button,.account-user-button { min-height:38px; border-radius:9px; padding:8px 15px; font-weight:700!important; }
.account-login-button { color:#d3dff0; border:1px solid #344057; background:transparent; }
.account-register-button { color:#061525; border:1px solid #6ae1ff; background:#6ae1ff; box-shadow:0 3px 14px #3dbbd51a; }
.account-user-button { display:flex; gap:8px; align-items:center; color:#e1edfb; background:#142234; border:1px solid #34445d; max-width:200px; }
#account-menu-name { max-width:112px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-avatar { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:linear-gradient(135deg,#7beaff,#6290ff); color:#0b1729; }
.account-menu { position:absolute; z-index:50; right:0; top:calc(100% + 10px); width:208px; padding:7px; border:1px solid #35435b; background:#101b2c; border-radius:13px; box-shadow:0 20px 50px #0008; }
.account-menu button,.account-menu a { display:block; width:100%; border:0; border-radius:7px; padding:12px; text-align:left; color:#d8e5f5; background:transparent; text-decoration:none; }
.account-menu button:hover,.account-menu a:hover { background:#20314a; }
.account-entry [hidden],.account-dialog [hidden] { display:none!important; }
.account-dialog { width:min(480px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); box-sizing:border-box; padding:32px; margin:auto; color:#eaf1fc; background:radial-gradient(ellipse at top left,#1d3549 0,transparent 60%),#0e1829; border:1px solid #3e526b; border-radius:22px; box-shadow:0 30px 120px #0009; overflow-y:auto; }
.account-dialog::backdrop { background:#020713bb; backdrop-filter:blur(7px); }
.account-dialog-brand { display:flex; align-items:center; gap:9px; font-size:.8rem; font-weight:800; letter-spacing:.025em; color:#c5d8e9; }
.account-brand-mark { display:grid; place-items:center; width:29px; height:29px; background:#72dcf2; color:#071525; border-radius:8px; }
.account-close { position:absolute; top:18px; right:18px; width:32px; height:32px; border:0; background:#ffffff08; border-radius:9px; color:#a4b5ce; font-size:24px; cursor:pointer; }
.account-close:hover { background:#ffffff18; color:white; }
.account-dialog h2 { margin:24px 0 7px; font-size:1.8rem; letter-spacing:-.035em; }
.account-description { font-size:.86rem; line-height:1.65; color:#9eb0c9; margin:0 0 22px; }
.account-tabs { display:flex; gap:4px; padding:4px; background:#06101ec4; border:1px solid #25354c; border-radius:11px; margin:0 0 22px; }
.account-tabs button { flex:1; padding:10px; border:0; background:none; color:#8da0bd; font:inherit; font-weight:700; cursor:pointer; border-radius:8px; }
.account-tabs button[aria-selected="true"] { background:#21334a; color:#e7f6ff; box-shadow:0 2px 5px #0003; }
.account-dialog label { display:block; font-size:.77rem; font-weight:600; color:#c4d1e4; margin:15px 0 7px; }
.account-dialog input,.account-dialog select { width:100%; min-width:0; height:44px; border:1px solid #35445a; background:#081323; color:#eef5ff; font:inherit; font-size:.86rem; border-radius:9px; padding:10px 12px; box-sizing:border-box; }
.account-dialog input::placeholder { color:#60758f; }
.account-dialog input:focus,.account-dialog select:focus { outline:2px solid #73cbe580; outline-offset:1px; border-color:#68cce9; }
.register-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.register-fields label { margin-top:0; }
.account-code-row { display:flex; gap:10px; }
.account-code-row input { flex:1; letter-spacing:.13em; }
.account-code-row button { flex:0 0 auto; min-width:125px; border:1px solid #42566f; background:#182b40; color:#79d9f2; padding:8px 12px; border-radius:9px; font:inherit; font-size:.78rem; cursor:pointer; }
.account-submit { width:100%; min-height:46px; margin-top:24px; border:0; background:linear-gradient(110deg,#7de7f5,#65bffc); color:#051523; font:inherit; font-weight:800; border-radius:10px; cursor:pointer; }
.account-dialog button:disabled { opacity:.55; cursor:not-allowed; }
.account-private-note,.account-privacy-link { font-size:.74rem; color:#8297b2; line-height:1.7; }
.account-private-note { text-align:center; margin:14px 0 0; }
.account-privacy-link { display:block; text-align:center; margin-top:12px; text-underline-offset:3px; }
#account-status { font-size:.8rem; min-height:0; margin:12px 0 0; line-height:1.65; color:#7fdbcc; }
#account-status:empty { margin:0; }
#account-status[data-kind="error"] { color:#ffb0bd; }
#account-email-display { color:#9aacbf; font-size:.8rem; overflow-wrap:anywhere; }
.account-stat-card { white-space:pre-line; background:#112b39; border:1px solid #2c5060; border-radius:12px; padding:17px; color:#ceebf4; line-height:1.9; font-size:.86rem; }
.account-dialog :focus-visible,.account-entry :focus-visible { outline:2px solid #7ae4ff; outline-offset:3px; }
@media(max-width:700px) {
 .site-header .brand { max-width:110px; font-size:.75rem; gap:6px; }
 .site-header .brand__mark { width:23px; height:23px; flex-shrink:0; }
 .site-header__controls { flex-wrap:nowrap; max-width:none; gap:6px; }
 .site-header .site-nav { order:3; }
 .site-header .language-switcher__label { display:none; }
 .site-header .language-switcher__select { width:82px; padding-inline:5px; font-size:.7rem; }
 .account-login-button,.account-register-button { padding:8px 10px; font-size:.74rem; }
 #account-guest { gap:5px; }
 .account-user-button { max-width:130px; padding:6px; }
 #account-menu-name { max-width:66px; }
 .account-dialog { padding:25px 22px; border-radius:18px; }
 .account-dialog h2 { font-size:1.6rem; }
}
@media(max-width:360px) { .site-header__controls { flex-wrap:wrap; justify-content:flex-end; max-width:190px; } .register-fields { grid-template-columns:1fr; } }