/* Страницы аккаунта — в той же палитре, что и сайт */

/* только вертикальные отступы: горизонтальные даёт .row */
.acc{padding-top:64px;padding-bottom:90px;display:flex;justify-content:center}
.acc-box{width:100%;max-width:430px}
.acc-wide{max-width:var(--page)}
.acc-box .h2{margin-bottom:26px}

.acc-form{display:flex;flex-direction:column;gap:16px;margin-bottom:22px}
.acc-form label{
  display:flex;flex-direction:column;gap:7px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-2)
}
.acc-form input{
  font-family:var(--sans);font-size:16px;color:var(--ink);
  background:var(--white);border:1px solid var(--line);border-radius:6px;
  padding:11px 13px;text-transform:none;letter-spacing:normal
}
.acc-form input:focus{outline:none;border-color:var(--t-mark)}
.acc-form button{align-self:flex-start;margin-top:4px}
.acc-hint{font-size:13.5px;color:var(--ink-2);margin:-6px 0 0}

.acc-err{
  border-left:3px solid var(--c-mark);padding:2px 0 2px 14px;
  color:var(--ink);font-size:15px;margin-bottom:22px
}
.acc-alt{font-size:15px;color:var(--ink-2)}
.acc-note{font-size:15px;color:var(--ink-2);margin-bottom:24px}
.acc-note code{font-family:var(--mono);font-size:13.5px;color:var(--ink)}

.acc-dl{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin:0 0 26px}
.acc-dl dt{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-2);padding-top:3px
}
.acc-dl dd{margin:0;color:var(--ink)}

.acc-tag{
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  background:var(--t-soft);color:var(--t-text);border-radius:99px;padding:3px 10px
}

.acc-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.acc-table{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.acc-table th,.acc-table td{padding:12px 14px;border-bottom:1px solid var(--line-2);text-align:left}
.acc-table thead th{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-2);font-weight:400;background:var(--panel);border-bottom:1px solid var(--line)
}
.acc-table tbody tr:last-child td{border-bottom:none}
.acc-table .num{font-family:var(--mono);font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.acc-inline{display:inline}
.acc-mini{
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;
  border:1px solid var(--line);background:var(--white);color:var(--ink-2);
  border-radius:5px;padding:5px 10px;cursor:pointer;white-space:nowrap
}
.acc-mini:hover{border-color:var(--t-mark);color:var(--t-text)}

@media(max-width:640px){.acc{padding-top:36px;padding-bottom:64px}}


/* ---------- кабинет: продолжить, курсы, закладки ---------- */

.acc-msg{
  margin:0 0 20px;padding:10px 14px;border:1px solid var(--t-mark);border-radius:10px;
  background:var(--t-soft);color:var(--t-text);font-size:15px
}
.acc-h{margin:30px 0 14px}
.acc-h .acc-hint{font-weight:400;margin-left:8px}
.acc-cont{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 8px}
.acc-cont-t{font-size:15px;color:var(--ink-2)}
.acc-out{margin-top:30px}
.pg-list{display:flex;flex-direction:column;gap:10px}
.pg-row{
  display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;
  padding:12px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;
  color:var(--ink);background:var(--white)
}
.pg-row:hover{border-color:var(--t-mark)}
.pg-row .pg-bar{grid-column:1 / -1}
.pg-n{font-size:13.5px;color:var(--ink-2);white-space:nowrap}

/* ---------- пользователи: роли и выдача админа ---------- */

.acc-danger{display:inline-block;margin-left:8px;font-size:13px}
.acc-danger>summary{cursor:pointer;color:var(--ink-2);list-style:none}
.acc-danger>summary::-webkit-details-marker{display:none}
.acc-danger>summary:hover{color:var(--c-mark)}
.acc-confirm{display:flex;gap:6px;align-items:center;margin-top:8px}
.acc-confirm input{
  padding:5px 8px;border:1px solid var(--c-mark);border-radius:6px;font:inherit;font-size:13px;width:220px
}

/* ---------- настройки ---------- */

.set-form{max-width:760px}
.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
.set-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-2)}
.set-grid input,.set-form textarea,.set-grid select{
  width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;
  font:inherit;font-size:15px;color:var(--ink);background:var(--white)
}
.set-form textarea{resize:vertical}
.set-grid input:focus,.set-form textarea:focus{outline:none;border-color:var(--t-mark)}
.set-grid .ct-check{font-size:13px;flex-direction:row;align-items:center;gap:6px}
.set-grid .ct-check input{width:auto}
.set-checks{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.set-checks form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media (max-width:640px){
  .set-grid{grid-template-columns:1fr}
  .acc-confirm input{width:160px}
}