.panel { padding:24px; }
.form-grid {display:grid;gap:16px;max-width:520px;margin-top:24px;}
.form-grid label {display:grid;gap:6px;}
.form-grid small,.hint {color:var(--muted);}
.table-scroll {overflow:auto;}
table {width:100%;border-collapse:collapse;}
th,td {text-align:left;padding:12px;border-bottom:1px solid var(--line);}
.status-row {display:flex;align-items:center;gap:10px;margin-top:32px;}
.status-dot {width:8px;height:8px;border-radius:50%;background:var(--ok);}
#message {color:var(--warning);}
.menu-icon {font-size:22px;}
@media(max-width:700px){.shell{grid-template-columns:1fr;}.sidebar{min-height:auto;}.user-box{grid-template-columns:1fr 1fr;}.topbar{flex-wrap:wrap;}}
.brand-title {display:grid;gap:6px;}
.brand-title h1,.brand-title span {line-height:1.5;}

.module-empty {padding:24px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);margin-top:24px;}
/* TMSv3 workspace shell: the account belongs to the header, pages stay mounted. */
[hidden] {display:none !important;}
.shell {grid-template-columns:240px minmax(0,1fr);align-items:start;}
.sidebar {position:sticky;top:20px;height:calc(100vh - 40px);min-height:0;}
.sidebar .menu {overflow-y:auto;min-height:0;padding-bottom:8px;}
.sidebar-footer {margin-top:auto;font-size:11px;color:var(--muted);text-align:center;}
.sidebar-collapsed .sidebar-footer {display:none;}
.brand-title {padding:0;display:flex;align-items:baseline;gap:7px;}
.brand-title span {position:static;width:auto;font-size:11px;}
.topbar {min-height:44px;}
.topbar-heading {display:block;}
.topbar-heading .eyebrow::after {content:none;}
.account-summary {margin:4px 6px 8px;overflow-wrap:anywhere;font-size:11px;color:var(--muted);}
.account-dropdown {width:230px;}
.workspace-toolbar {display:flex;gap:10px;align-items:flex-start;min-width:0;}
.workspace-toolbar .workspace-tabs {flex:1;min-width:0;margin:0 0 12px;}
.workspace-toolbar>button {flex:none;font-size:11px;margin-top:4px;}
.workspace-page {min-height:300px;}
.workspace-page.hidden {display:none !important;}
#message:empty {display:none;}
#message {overflow-wrap:anywhere;}
.form-grid {max-width:640px;}
.form-grid input,.form-grid select {min-width:0;width:100%;}
.form-grid fieldset {min-width:0;border:1px solid var(--line);border-radius:6px;}
.permission-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.permission-grid .permission-option {display:flex;align-items:center;gap:8px;font-size:13px;}
.permission-option input {width:auto;}
.table-scroll {max-width:100%;}
#usersView table {min-width:1100px;}
.row-actions {display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
td.row-actions {display:table-cell;min-width:210px;}
td.row-actions button {margin:2px;font-size:12px;padding:6px;}
.profile-avatar-editor {display:flex;gap:18px;align-items:center;}
.profile-avatar-editor>div {min-width:0;display:grid;gap:10px;}
.profile-avatar-preview {width:80px;height:80px;font-size:28px;}
dialog {border:1px solid var(--line);border-radius:10px;padding:24px;max-width:min(540px,calc(100vw - 24px));width:100%;color:var(--text);}
dialog::backdrop {background:rgba(15,23,42,.35);}
dialog .form-grid {margin:0;}
@media(max-width:700px){
 .app {padding:12px;}.shell {grid-template-columns:1fr;gap:12px;}
 .sidebar {position:relative;top:0;height:auto;max-height:55vh;}
 .shell.sidebar-collapsed {grid-template-columns:52px minmax(0,1fr);gap:10px;}
 .shell.sidebar-collapsed .sidebar {position:sticky;top:12px;max-height:none;height:calc(100svh - 24px);}
 .topbar {align-items:flex-start;gap:8px;}.topbar-actions {margin-left:auto;gap:5px;}
 .account-trigger {max-width:180px;}.account-trigger #currentUserName {max-width:90px;}
 .workspace-toolbar {flex-wrap:wrap;gap:0;}.workspace-toolbar .workspace-tabs {flex-basis:100%;}
 .panel {padding:16px;}.permission-grid {grid-template-columns:1fr;}
 .profile-avatar-editor {flex-wrap:wrap;}.panel-head {flex-wrap:wrap;gap:12px;}
}
#usersView table {table-layout:auto;}
#usersView td.row-actions {white-space:normal;min-width:240px;width:240px;overflow:visible;}
#usersView td:nth-child(5) {white-space:normal;min-width:140px;max-width:280px;}
