/* Account settings (/profiil) and the owner page (/admin). Typography and hairlines only. */
.acct { margin-top: 2.4rem; }
.acct-title { font: 700 1.25rem/1.3 var(--font-display); color: #171717; margin: 0 0 .2rem; display: flex; align-items: baseline; gap: .8rem; flex-wrap: wrap; }
.acct-plan { font: 500 .85rem/1.4 var(--font); color: #6B665F; }
.acct-block { background: #fff; border: 1px solid #E4E0D8; border-radius: 10px; padding: 1.4rem 1.5rem 1.3rem; margin-top: 1rem; }
.acct-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.acct-head h3 { margin: 0; font: 700 1.05rem/1.3 var(--font-display); color: #171717; }
.acct-count { margin: 0; color: #6B665F; font-size: .88rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.acct-lead { margin: .35rem 0 .9rem; color: #5C5A57; font-size: .92rem; line-height: 1.5; max-width: 62ch; }
.acct-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #EEEAE3; }
.acct-list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .78rem 0; border-bottom: 1px solid #EEEAE3; min-width: 0; }
.acct-list form { margin: 0; }
.acct-main { color: #1F1F1F; font-size: .96rem; overflow-wrap: anywhere; min-width: 0; }
.acct-meta { color: #8A857D; font-size: .84rem; margin-left: .55rem; white-space: nowrap; }
.acct-main .acct-meta:empty { display: none; }
.acct-actions { display: flex; gap: 1.1rem; align-items: center; flex: none; }
.acct-link { background: none; border: 0; padding: 0; font: 500 .9rem/1.4 var(--font); color: #1F1F1F; text-decoration: underline; text-decoration-color: #CFC9BF; text-underline-offset: 3px; cursor: pointer; }
.acct-link:hover { text-decoration-color: #1F1F1F; }
.acct-add { margin-top: 1.1rem; }
.acct-add label { display: block; font-weight: 600; font-size: .9rem; margin-bottom: .4rem; color: #1F1F1F; }
.acct-add-row { display: flex; gap: .6rem; }
.acct-add-row input { flex: 1; min-width: 0; margin: 0; }
.acct-add-row .btn { flex: none; margin: 0; }
.acct-add-link { margin: 1.1rem 0 0; }
.acct-note { margin: 1rem 0 0; color: #5C5A57; font-size: .9rem; line-height: 1.5; max-width: 62ch; }
.acct-switch { display: flex; flex-wrap: wrap; gap: .25rem 1.3rem; margin: -.3rem 0 1.2rem; font-size: .92rem; }
.acct-switch a { color: #5C5A57 !important; text-decoration: none; padding: .2rem 0; border-bottom: 1px solid transparent; }
.acct-switch a:hover { color: #1F1F1F !important; border-bottom-color: #CFC9BF; }
.acct-switch a[aria-current] { color: #1F1F1F !important; font-weight: 600; border-bottom-color: #1F1F1F; }
@media (max-width: 560px) {
  .acct-block { padding: 1.1rem 1rem 1rem; }
  .acct-list li { flex-wrap: wrap; gap: .35rem .9rem; }
  .acct-actions { gap: 1rem; }
  .acct-meta { display: block; margin-left: 0; }
  .acct-add-row { flex-direction: column; }
  .acct-add-row .btn { width: 100%; }
}

/* /admin */
.adm { padding-bottom: 3rem; }
.adm h1 { font: 700 1.7rem/1.2 var(--font-display); margin: .4rem 0 .3rem; color: #171717; }
.adm-lead { color: #5C5A57; margin: 0 0 1.6rem; }
.adm-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid #E4E0D8; border-bottom: 1px solid #E4E0D8; margin: 0 0 2rem; }
.adm-stats div { padding: 1rem 1rem 1rem 0; }
.adm-stats b { display: block; font: 700 1.9rem/1.1 var(--font-display); color: #171717; font-variant-numeric: tabular-nums; }
.adm-stats span { color: #6B665F; font-size: .88rem; }
.adm h2 { font: 700 1.1rem/1.3 var(--font-display); color: #171717; margin: 2rem 0 .7rem; }
.adm-plans { color: #5C5A57; margin: -.9rem 0 1.6rem; font-size: .92rem; }
.adm-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.adm table { width: 100%; border-collapse: collapse; font-size: .9rem; background: #fff; }
.adm th { text-align: left; font-weight: 600; color: #6B665F; padding: .6rem .7rem; border-bottom: 1px solid #E4E0D8; white-space: nowrap; }
.adm td { padding: .62rem .7rem; border-bottom: 1px solid #EEEAE3; color: #1F1F1F; vertical-align: top; }
.adm td.num, .adm th.num { text-align: right; font-variant-numeric: tabular-nums; }
.adm tfoot td { font-weight: 600; border-bottom: 0; }
.adm-dl { display: grid; grid-template-columns: max-content 1fr; gap: .45rem 1.4rem; margin: 0; font-size: .95rem; }
.adm-dl dt { color: #6B665F; }
.adm-dl dd { margin: 0; color: #1F1F1F; font-variant-numeric: tabular-nums; }
.adm-own { background: #fff; border: 1px solid #E4E0D8; border-radius: 10px; padding: 1.2rem 1.4rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.adm-own p { margin: 0; max-width: 60ch; }
.adm-own form { margin: 0; }

.adm-period { color: #5C5A57; margin: -.4rem 0 1.2rem; font-size: .92rem; }
.adm-period a { color: #5C5A57; text-decoration: underline; text-decoration-color: #CFC9BF; text-underline-offset: 3px; }
.adm-period a:hover { color: #1F1F1F; text-decoration-color: #1F1F1F; }
.adm-period a[aria-current] { color: #1F1F1F; font-weight: 600; text-decoration: none; }
.adm-period span { color: #C4BFB6; margin: 0 .55rem; }
.adm-note { color: #8A857D; font-size: .88rem; line-height: 1.5; max-width: 62ch; margin: .35rem 0 1.2rem; }
.adm-funnel .rate { color: #6B665F; }
.adm-gsc { margin: 0; padding: 0; list-style: none; }
.adm-gsc li { padding: .45rem 0; border-bottom: 1px solid #EEEAE3; max-width: 70ch; }
.adm-gsc li:last-child { border-bottom: 0; }
.adm-gsc b { display: block; font-weight: 600; color: #1F1F1F; }
@media (max-width: 560px) {
  .adm-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adm-stats div:nth-child(odd) { padding-right: .6rem; }
  .adm h1 { font-size: 1.45rem; }
  .adm .hide-sm { display: none; }
}

/* Sign-in and password forms */
.auth-form label, .acct-pw label { display: block; font-weight: 600; font-size: .9rem; margin: 0 0 .4rem; color: #1F1F1F; }
.auth-form input[type=email], .auth-form input[type=password], .acct-pw input[type=password], .auth-alt-form input {
  display: block; width: 100%; box-sizing: border-box; padding: .75rem .85rem; font-size: 1rem; margin: 0 0 1rem; border: 1px solid #CFC9BF; border-radius: 8px; background: #fff; color: #1F1F1F; }
.auth-form input:focus, .acct-pw input:focus, .auth-alt-form input:focus { outline: 2px solid #1F1F1F; outline-offset: 1px; border-color: #1F1F1F; }
.auth-label-row { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.auth-label-row a { font-size: .88rem; color: #5C5A57 !important; text-decoration: underline; text-decoration-color: #CFC9BF; text-underline-offset: 3px; }
.auth-label-row a:hover { color: #1F1F1F !important; }
.auth-form .btn-block { width: 100%; justify-content: center; margin-top: .3rem; }
.auth-hint { margin: -.55rem 0 1rem; color: #6B665F; font-size: .86rem; line-height: 1.45; }
.auth-alt { margin-top: 1.6rem; padding-top: 1.3rem; border-top: 1px solid #E4E0D8; }
.auth-alt h2 { font: 600 1rem/1.35 var(--font-display); margin: 0 0 .3rem; color: #1F1F1F; }
.auth-alt p { margin: 0 0 .8rem; color: #5C5A57; font-size: .92rem; }
.auth-alt-form { display: flex; gap: .6rem; }
.auth-alt-form input { margin: 0; flex: 1; min-width: 0; }
.auth-alt-form .btn { flex: none; margin: 0; }
.auth-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.acct-pw { margin-top: .6rem; max-width: 40rem; }
.acct-pw-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
.acct-pw-row input { margin-bottom: 0 !important; }
@media (max-width: 560px) {
  .auth-alt-form { flex-direction: column; }
  .auth-alt-form .btn { width: 100%; }
  .acct-pw-row { grid-template-columns: 1fr; }
  .acct-pw-row > div + div { margin-top: 1rem; }
}
.auth-one .auth-switch { margin: 1.1rem 0 0; text-align: center; font-size: .92rem; }
.auth-one .auth-switch a { color: #5C5A57 !important; text-decoration: underline; text-decoration-color: #CFC9BF; text-underline-offset: 3px; }
.auth-one .auth-switch a:hover { color: #1F1F1F !important; text-decoration-color: #1F1F1F; }
.auth-link-note { margin: -.3rem 0 1rem; color: #6B665F; font-size: .88rem; line-height: 1.45; }
[hidden] { display: none !important; }