diff --git a/cezen-portal/settings.html b/cezen-portal/settings.html
index 3df8712..f7e32f1 100644
--- a/cezen-portal/settings.html
+++ b/cezen-portal/settings.html
@@ -64,6 +64,14 @@
#toast { position:fixed; bottom:24px; right:24px; padding:12px 20px; border-radius:10px; font-size:14px; font-weight:600; display:none; z-index:999; }
#toast.success { background:rgba(34,197,94,.15); color:#15803D; border:1px solid rgba(134,239,172,.3); }
#toast.error { background:rgba(185,28,28,.08); color:#B91C1C; border:1px solid rgba(239,68,68,.25); }
+ @media(max-width:640px){
+ .settings-grid,
+ .form-row { grid-template-columns:1fr; }
+ .settings-card,
+ .sessions-card,
+ .sysinfo-card { padding:22px; }
+ .logo-area { flex-direction:column; }
+ }
diff --git a/cezen-portal/style.css b/cezen-portal/style.css
index eec0fbc..1121ddc 100644
--- a/cezen-portal/style.css
+++ b/cezen-portal/style.css
@@ -1132,6 +1132,20 @@ footer a:hover { text-decoration: underline; }
.info-grid { grid-template-columns: 1fr; }
.topnav { padding: 0 16px; }
.topnav nav { display: none; }
+ .topnav .nav-right { gap: 6px; min-width: 0; }
+ .topnav .badge,
+ .nav-tier-badge,
+ #cezen-online-pill,
+ .nav-user-info { display: none !important; }
+ .nav-user-chip {
+ border-left: 0;
+ margin-left: 0;
+ padding: 0;
+ gap: 4px;
+ flex-shrink: 0;
+ }
+ .nav-user-avatar { width: 26px; height: 26px; }
+ .nav-logout-btn { padding: 4px 0; font-size: .6875rem; }
.pl-grid { grid-template-columns: 1fr; }
footer { padding: 16px 24px; flex-direction: column; gap: 6px; text-align: center; }
.mt-header, .mt-row { grid-template-columns: 1fr 1fr; }