.mop-account{position:relative;margin-left:auto;font:inherit;color:inherit}
.mop-account summary{cursor:pointer;display:flex;align-items:center;gap:.5rem;list-style:none;border:1px solid var(--border,#ddd);border-radius:.5rem;padding:.45rem .75rem}
.mop-account summary img{height:1.8rem;width:1.8rem;border-radius:50%;object-fit:cover}
.mop-account-panel{position:absolute;right:0;top:100%;z-index:90;min-width:15rem;display:grid;gap:.75rem;padding:1rem;border:1px solid var(--border,#ddd);border-radius:.5rem;background:var(--surface,white);color:var(--ink,#1a2230);box-shadow:var(--shadow)}
.mop-account-panel>*{overflow-wrap:anywhere}.mop-account-panel a{color:var(--accent,#2f6f8f)}
.mop-session{max-width:28rem;border:1px solid var(--border,#ddd);border-radius:.75rem;padding:1.5rem;background:var(--surface,white);color:var(--ink,#1a2230);font:inherit}
.mop-session::backdrop{background:rgb(0 0 0 / .5);backdrop-filter:blur(.25rem)}
.mop-data-status{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;padding:.5rem 1rem;background:var(--warn-soft,#f4ecdb);color:var(--ink,#1a2230);font-size:.85rem}.mop-data-status[hidden]{display:none}
.mop-admin{max-width:var(--bs-container-max);margin:auto;padding:var(--space-6);display:grid;gap:var(--space-6)}
.mop-admin-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4)}
.mop-admin-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}
.mop-admin-tabs button[aria-selected=true]{background:var(--bs-charcoal);color:var(--bs-offwhite)}
.mop-admin-panel{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--bs-radius-card);background:var(--bs-paper);overflow:auto}
.mop-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-4)}
.mop-admin-stats article{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--bs-radius-card)}
.mop-admin-stats strong{font-size:var(--t-h2)}.mop-admin table{border-collapse:collapse;width:100%;font-size:var(--t-small)}
.mop-admin td,.mop-admin th{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle}
.mop-admin td small{display:block;overflow-wrap:anywhere}.mop-admin label{display:grid;gap:var(--space-2)}
.mop-admin form{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-3)}
.mop-admin input,.mop-admin select{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--bs-radius-input);font:inherit}
.mop-admin button{cursor:pointer;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--bs-radius-button);font:inherit}
.mop-admin [role=alert]{color:var(--bs-red)}.mop-admin [hidden]{display:none}
.mop-app-identity{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.mop-app-identity>a{color:inherit;text-decoration:none;font-weight:650}
.mop-version{display:inline-flex;align-items:center;padding:.14rem .5rem;border:1px solid var(--border);border-radius:999px;color:var(--muted,var(--fg-muted));font:500 .68rem/1.5 ui-monospace,monospace;letter-spacing:.02em;background:var(--surface-2,var(--bg-sunken))}.mop-version[hidden]{display:none}
.mop-app-nav{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.mop-app-nav a{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--bs-radius-button);text-decoration:none;font-size:var(--t-small);font-weight:600;color:var(--fg);background:var(--bs-paper);transition:background var(--bs-dur-fast),box-shadow var(--bs-dur-fast)}
.mop-app-nav a:hover{background:var(--bg-sunken);box-shadow:var(--bs-shadow-card)}.mop-app-nav a[aria-current=page]{background:var(--bs-charcoal);border-color:var(--bs-charcoal);color:var(--bs-offwhite)}
.mop-admin-tabs{background:var(--bg-sunken);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--bs-radius-card);width:fit-content}.mop-admin-tabs button{border-color:transparent;background:transparent;font-weight:600}.mop-admin-tabs button:hover{background:var(--bs-paper)}.mop-admin-tabs button[aria-selected=true]{background:var(--bs-charcoal);color:var(--bs-offwhite);box-shadow:var(--bs-shadow-card)}
.mop-account summary{padding:.3rem .65rem .3rem .3rem;gap:.6rem;border-radius:999px;background:var(--surface,var(--bg-elevated));box-shadow:0 1px 2px rgb(0 0 0 / .06);min-height:2.5rem;font-size:.85rem;font-weight:600}.mop-account summary:hover{border-color:var(--accent);box-shadow:var(--shadow,var(--bs-shadow-card))}.mop-account summary:focus-visible,.mop-app-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.mop-avatar{position:relative;display:grid;place-items:center;flex:none;width:2rem;height:2rem;overflow:hidden;border-radius:50%;background:var(--accent-soft,var(--bs-teal));color:var(--accent-ink,var(--bs-teal-deep));font-size:.72rem;font-weight:700}.mop-account summary .mop-avatar img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%}.mop-account-name{max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mop-account-chevron{font-size:1.1rem;transition:transform .15s}.mop-account[open] .mop-account-chevron{transform:rotate(180deg)}
.mop-account-panel{margin-top:.5rem;min-width:17rem;padding:1rem;border-radius:.85rem;box-shadow:0 12px 36px rgb(0 0 0 / .14);gap:.5rem}.mop-account-panel strong{font-size:.9rem}.mop-account-panel small{color:var(--muted,var(--fg-muted));font-weight:400;margin-bottom:.5rem}.mop-account-panel a,.mop-account-panel button{display:block;padding:.55rem .7rem;border:0;border-radius:.4rem;text-decoration:none;text-align:left;background:transparent;color:inherit;font:inherit;font-size:.85rem}.mop-account-panel a:hover,.mop-account-panel button:hover{background:var(--surface-2,var(--bg-sunken))}
