.account-page {
  padding: 26px;
  margin-top: 18px;
}
.profile-card { max-width: 760px; }
.profile-identity { display:flex; align-items:center; gap:18px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.profile-identity h2,.profile-identity p { margin:2px 0; }
.profile-avatar { display:grid; place-items:center; width:58px; height:58px; border-radius:16px; color:#fff; background:var(--green); font-size:23px; font-weight:800; }
.profile-summary { display:grid; grid-template-columns:minmax(140px,.4fr) 1fr; gap:12px 24px; margin:24px 0 0; }
.profile-summary dt { color:var(--muted); }
.profile-summary dd { margin:0; font-weight:650; }

.account-table {
  display: grid;
  margin-top: 18px;
}

.account-table-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(140px, .35fr) auto;
  gap: 18px;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid var(--line);
}

.account-table-row:first-child { border-top: 0; }
.account-table-row div { display: grid; gap: 3px; }
.account-table-row small,
.account-table-row > span { color: var(--muted); }
.account-switcher { max-width: 620px; }
.account-form { max-width: 560px; margin: 24px 0 36px; }
.account-security { display: grid; gap: 18px; }
.account-security-heading { margin-bottom: 4px; }
.security-section { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(320px,1.3fr); gap: 42px; padding: 28px; }
.security-section h3 { margin: 0 0 6px; font-size: 19px; }
.security-section .account-form { margin: 0; }
.security-section .token-list { margin-top: 0; }
.security-signout { align-items: center; border-color: #ead1d4; }
.security-signout .danger-button { justify-self: end; background: #a63d49; }
.login-methods { display:grid; gap:10px; }
.login-methods article { display:flex; justify-content:space-between; gap:18px; padding:13px 15px; border:1px solid var(--line); border-radius:9px; }
.login-methods strong { color:var(--green); font-size:12px; }

@media (max-width: 720px) {
  .account-table-row { grid-template-columns: 1fr; }
  .account-table-row button { width: 100%; }
  .security-section { grid-template-columns: 1fr; gap: 18px; }
  .security-signout .danger-button { justify-self: stretch; width: 100%; }
}

.workspace-structure {
  display: grid;
  gap: 20px;
  margin: 28px 0 42px;
}

.workspace-block {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

.workspace-block-head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  background: #edf4ef;
  border-bottom: 1px solid var(--line);
}

.workspace-block-head span {
  color: var(--green);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .15em;
}

.workspace-block-head h2,
.workspace-block-head p { margin: 2px 0; }
.workspace-glyph,
.project-glyph { display: grid; place-items: center; flex: 0 0 auto; font-weight: 900; }
.workspace-glyph { width: 44px; height: 44px; border-radius: 13px; color: #fff; background: var(--green); }
.project-glyph { width: 34px; height: 34px; border-radius: 10px; color: var(--green); background: #e7f2eb; }
.workspace-projects,
.shared-project-list { display: grid; }
.workspace-empty { padding: 28px 24px; }
.workspace-empty strong { font-size: 18px; }
.workspace-empty p { max-width: 620px; margin-bottom: 16px; }
.workspace-project-table { min-width:0; }
.workspace-project-header,.workspace-project-row { display: grid; grid-template-columns:minmax(150px,.9fr) minmax(180px,1.2fr) minmax(180px,1.3fr) minmax(150px,auto); gap: 16px; align-items: center; min-width:0; }
.workspace-project-header { padding: 11px 24px; color: var(--muted); background: #fafbfa; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.workspace-project-row { padding: 17px 24px; border-top: 1px solid var(--line); }
.workspace-project-row:first-child { border-top: 0; }
.workspace-project-row div { display:grid; gap:3px; }
.workspace-project-row small,.workspace-project-row .quiet { color:var(--muted); }
.workspace-project-copy { display: grid; gap: 3px; }
.workspace-project-copy small,
.project-access { color: var(--muted); }
.workspace-project-actions { display:flex!important; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.workspace-project-actions button { padding:8px 10px; }
.workspace-archive { border-top:1px solid var(--line); }
.workspace-archive summary { padding:16px 24px; cursor:pointer; color:var(--muted); font-weight:700; }

@media (max-width: 1050px) {
  .workspace-project-header { display:none; }
  .workspace-project-row { grid-template-columns:minmax(180px,1fr) minmax(220px,1.3fr); }
  .workspace-project-actions { justify-content:flex-start; }
}

@media (max-width: 720px) {
  .workspace-project-table .workspace-project-row,
  .workspace-project-table .workspace-project-header { grid-template-columns:1fr; }
}
