.mp-profile-panel,.mp-log-panel { min-width:0; max-width:100%; color:#303b4d; }
.mp-profile-panel *, .mp-log-panel * { box-sizing:border-box; letter-spacing:0; }
.mp-profile-panel [hidden] { display:none!important; }
.mp-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:4px 0 24px; }
.mp-heading h2 { margin:0; font-size:20px; font-weight:650; }
.mp-profile-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:48px; padding:12px 0 32px; }
.mp-avatar-area { display:flex; flex-direction:column; align-items:center; gap:16px; padding:12px 24px; border-right:1px solid #edf0f5; }
.mp-avatar-preview { width:112px; height:112px; flex:0 0 112px; border-radius:50%; display:grid; place-items:center; background:#f1f6fd; border:4px solid #fff; box-shadow:0 0 0 1px #e4ecf6; color:#91a9c6; overflow:hidden; }
.mp-avatar-preview img { width:100%; height:100%; object-fit:cover; }
.mp-avatar-preview svg { width:56px; height:56px; stroke-width:1.3; }
.mp-upload-button { display:inline-flex; position:relative; align-items:center; gap:8px; min-height:36px; padding:6px 14px; color:#2774e9; background:#f0f6ff; border:1px solid #dceaff; border-radius:5px; font-size:13px; cursor:pointer; overflow:hidden; }
.mp-upload-button:focus-within { outline:2px solid #409eff; outline-offset:3px; }
.mp-upload-button:has(input:disabled) { opacity:.6; cursor:wait; }
.mp-upload-button svg { width:16px; height:16px; }
.mp-upload-button input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.mp-avatar-area p { margin:0; color:#8b97a8; text-align:center; font-size:12px; line-height:1.6; }
.mp-avatar-area .mp-avatar-feedback { color:#21885f; overflow-wrap:anywhere; }
.mp-avatar-area .is-error { color:#c74949; }
.mp-profile-main { min-width:0; padding-right:12px; }
body .mp-profile-panel .mp-profile-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 32px; width:100%; max-width:none; margin:0; }
body .mp-profile-panel .mp-profile-form label { display:grid; grid-column:auto; gap:10px; margin:0; color:#6c7b90; font-size:13px; }
body .mp-profile-panel .mp-profile-form input { width:100%; min-width:0; height:42px; border:1px solid #dce4ef; border-radius:5px; padding:10px 12px; color:#354359; background:#fff; font:inherit; }
body .mp-profile-panel .mp-profile-form input[readonly] { background:#f6f8fc; color:#7b8ba2; }
.mp-account-state { display:flex; flex-direction:column; justify-content:space-between; gap:10px; font-size:13px; color:#6c7b90; }
.mp-account-state strong { display:flex; align-items:center; gap:7px; height:42px; color:#26966d; font-weight:500; }
.mp-account-state strong:before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.mp-profile-submit { grid-column:1/-1; display:flex; align-items:center; gap:16px; min-height:42px; }
body .mp-profile-panel .mp-profile-submit button { margin:0; min-height:40px; padding:8px 24px; border:0; border-radius:5px; background:#2878ed; color:#fff; cursor:pointer; font:inherit; font-size:14px; }
.mp-profile-submit span { color:#23845f; font-size:13px; }
.mp-profile-submit button:disabled { opacity:.6; cursor:wait; }
body .mp-profile-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 32px; max-width:none; margin:30px 0 0; padding:24px 0 0; border-top:1px solid #edf0f5; }
.mp-profile-facts dt { color:#8b97a8; font-size:13px; }
.mp-profile-facts dd { margin:8px 0 0; color:#5a6a80; font-size:13px; }
.mp-log-panel button { font:inherit; cursor:pointer; }
.mp-heading button { display:grid; place-items:center; width:34px; height:34px; padding:7px; border:1px solid #e1e7f0; border-radius:4px; background:#fff; color:#7c8ba1; }
.mp-heading button svg { width:18px; height:18px; }
.mp-log-content,.mp-log-scroll { min-width:0; max-width:100%; }
.mp-log-scroll { overflow:auto; }
.mp-log-content table { width:100%; min-width:650px; border-collapse:collapse; font-size:13px; text-align:left; }
.mp-log-content th { height:42px; padding:12px 16px; background:#f5f7fb; color:#677b95; font-weight:600; }
.mp-log-content td { padding:16px; border-bottom:1px solid #edf0f5; line-height:1.5; }
.mp-log-content tbody tr:hover { background:#fafcff; }
.mp-log-content code { display:inline-block; padding:3px 8px; border:1px solid #e1e7ef; border-radius:4px; background:#f6f8fb; color:#4b6687; font:12px/1.4 ui-monospace,Consolas,monospace; white-space:nowrap; }
.mp-current-session { display:inline-block; margin-left:10px; color:#25986c; font-size:11px; }
.mp-muted { color:#9aa6b5; }
.mp-log-pager { display:flex; justify-content:flex-end; align-items:center; gap:16px; flex-wrap:wrap; padding:26px 0 6px; color:#7e8da4; font-size:13px; }
.mp-log-pager label,.mp-log-pager form,.mp-page-buttons { display:flex; gap:8px; align-items:center; }
.mp-log-pager button { display:grid; place-items:center; min-width:30px; height:30px; padding:4px 7px; background:#f3f6fb; border:0; border-radius:4px; color:#778aa3; }
.mp-log-pager button svg { width:15px; height:15px; }
.mp-log-pager button[aria-current] { background:#2678ed; color:#fff; }
.mp-log-pager button:disabled { opacity:.4; cursor:default; }
.mp-log-pager input,.mp-log-pager select { height:30px; min-width:0; padding:4px 8px; border:1px solid #dce4ef; border-radius:4px; color:#667a98; background:#fff; font:inherit; }
.mp-log-pager input { width:48px; }
.mp-log-error { text-align:center; padding:42px 16px; color:#bd4a4a; }
.mp-log-error button { display:block; margin:16px auto 0; padding:6px 14px; background:#fff; color:#2878ed; border:1px solid #dce4ef; border-radius:4px; }
.mp-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
body [data-store-view="login-logs"] [data-mc-nav="profile"] { color:#2678ed; }
@media(max-width:800px) {
  .mp-profile-layout { grid-template-columns:160px minmax(0,1fr); gap:24px; }
  .mp-avatar-area { padding:12px; }
  body .mp-profile-panel .mp-profile-form { gap:22px; }
}
@media(max-width:600px) {
  .mp-profile-layout { grid-template-columns:minmax(0,1fr); gap:28px; padding-bottom:12px; }
  .mp-avatar-area { border-right:0; border-bottom:1px solid #edf0f5; padding:0 0 24px; }
  .mp-profile-main { padding-right:0; }
  body .mp-profile-panel .mp-profile-form { grid-template-columns:minmax(0,1fr); gap:20px; }
  body .mp-profile-facts { gap:20px; grid-template-columns:1fr; }
  .mp-profile-panel .mc-settings-nav,.mp-log-panel .mc-settings-nav { display:flex; gap:20px; overflow:auto; margin-bottom:22px; border-bottom:1px solid #e6edf6; }
  .mp-profile-panel .mc-settings-nav a,.mp-log-panel .mc-settings-nav a { flex-shrink:0; padding:12px 0; color:#72839b; text-decoration:none; font-size:13px; }
  .mp-profile-panel .mc-settings-nav a[aria-current],.mp-log-panel .mc-settings-nav a[aria-current] { color:#2678ed; border-bottom:2px solid #2678ed; }
  .mp-log-pager { justify-content:center; gap:12px; }
}