/* Cabinet uses the homepage palette and shell. */
.cabinet-page { font-size: 20px; line-height: 1.5; }
.cabinet-page .home-shell { min-height: calc(100vh - 64px); display: flex; flex-direction: column; }
.cabinet-main { flex: 1; min-width: 0; }
.cabinet-page .home-footer { margin-top: auto; }
.cab-navigation { display: flex; gap: 30px; padding: 0 38px; border-bottom: 1px solid var(--home-line); overflow-x: auto; }
.cab-navigation a { flex: none; padding: 19px 0 16px; border-bottom: 3px solid transparent; color: var(--home-muted); font-size: 18px; }
.cab-navigation a[aria-current=page] { color: var(--home-green); border-color: var(--home-green); font-weight: 600; }
.cab-navigation a:hover { color: var(--home-green); text-decoration: none; }
.cab-eyebrow { margin: 0 0 12px; color: var(--home-muted); font-size: 16px; }
.cabinet-main h1 { margin: 0 0 24px; font-size: clamp(34px, 3.5vw, 48px); line-height: 1.15; letter-spacing: -1px; font-weight: 400; }
.cabinet-main h2 { font-size: 24px; line-height: 1.3; font-weight: 500; letter-spacing: -.5px; }
.cabinet-main p { margin: 0 0 20px; }
.cabinet-main img { max-width: 100%; height: auto; }
.cabinet-main a:not(.cab-action) { text-decoration: underline; text-underline-offset: 4px; }
.cabinet-main .red { display: inline-block; margin-top: 8px; color: #a72821; font-size: 16px; }
.cab-intro > :is(h1,h2,p) { text-align: left !important; }
.cab-intro p { color: var(--home-muted); font-size: 18px; }
.cab-auth-copy { min-width: 0; padding: 58px 48px; align-self: center; }
.cab-auth-copy .cab-eyebrow { margin-bottom: 34px; color: var(--home-green); }
.cabinet-main #cabinet { display: block; width: 100%; border: 0; border-spacing: 0; }
.cabinet-main #cabinet :is(tbody,tr,td) { display: block; width: 100%; padding: 0; border: 0; text-align: left; }
.cabinet-main #cabinet tr { margin-bottom: 20px; }
.cabinet-main #cabinet td:first-child:has(+td) { margin-bottom: 7px; font-size: 18px; }
.cabinet-main #cabinet em { font-style: normal; font-size: 16px; color: var(--home-muted); }
.cabinet-main #cabinet label br { display: none; }
.cabinet-main #cabinet label em { display: block; }
.cabinet-main :is(input,button,textarea,select):focus-visible { outline: 3px solid var(--home-green-hover); outline-offset: 3px; }
.cabinet-main :is(input[type=text],input[type=search],input[type=email],input[type=tel],input[type=password],textarea,select) { width: 100%; min-height: 52px; padding: 11px 13px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); color: var(--home-text); background: var(--surface); font: inherit; font-size: 18px; }
.cabinet-main :is(input,textarea,select):disabled { background: var(--surface-2); color: #657085; }
.cabinet-main :is(input[type=submit],input[type=button],button), .cab-action { display: inline-flex; justify-content: center; align-items: center; min-height: 52px; max-width: 100%; padding: 12px 22px; border: 1px solid var(--home-green); border-radius: var(--radius-sm); background: var(--btn); color: white; cursor: pointer; font: inherit; font-size: 18px; font-weight: 500; text-decoration: none; transition: background-color .15s; }
.cabinet-main :is(input[type=submit],input[type=button],button):hover, .cab-action:hover { background: var(--btn-hover); text-decoration: none; }
.cabinet-main #cabinet input[type=submit], .cab-auth-copy input[type=button] { width: 100%; }
.cabinet-main input[type=file] { width: 100%; font: inherit; font-size: 18px; }
.cabinet-main input[type=file]::file-selector-button { min-height: 44px; margin: 0 12px 8px 0; padding: 10px 14px; background: var(--surface-2); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); color: var(--home-text); cursor: pointer; }
.cabinet-main #cabinet td > img { display: block; width: 80px; margin-top: 12px; }
.cab-auth-copy #cabinet td[colspan] p { margin: 20px 0; text-align: center; font-size: 18px; }
.cab-auth-copy input[type=button], .cabinet-main input.cab-sec { background: var(--surface); color: var(--home-text); border-color: var(--line-strong); }
.cab-auth-copy input[type=button]:hover, .cabinet-main input.cab-sec:hover { background: var(--surface-2); }
.cabinet-main hr { border: 0; border-top: 1px solid var(--home-line); margin: 26px 0; }
.cab-workspace { padding: 40px 38px 48px; }
.cab-settings { max-width: 680px; margin: auto; }
.cab-settings > p { color: var(--home-muted); text-align: left; font-size: 18px; }
.cab-settings #cabinet tr:last-child { margin-top: 28px; }
.cab-settings #cabinet .cab-prize { margin: 36px 0 20px; padding-top: 28px; border-top: 1px solid var(--home-line); }
.cab-settings #cabinet .cab-prize h2 { margin: 0 0 8px; }
.cabinet-main #cabinet .cab-pending { display: block; margin-top: 8px; line-height: 1.4; overflow-wrap: anywhere; }
.cab-settings #cabinet .cab-prize p { margin: 0; color: var(--home-muted); font-size: 18px; }
.cab-dashboard-heading { margin-bottom: 32px; }
.cab-dashboard-heading h1 { margin-bottom: 0; }
#cab { display: grid; grid-template-columns: 250px minmax(0,1fr); grid-template-areas: 'profile main' 'out main'; gap: 24px 40px; align-items: start; }
#man { grid-area: profile; padding: 26px; border: 1px solid var(--home-line); border-radius: var(--radius-sm); }
#man .cab-avatar { display: block; width: 80px; height: 80px; object-fit: cover; border-radius: 50%; margin-bottom: 20px; }
#man h2 { margin: 0 0 6px; font-size: 24px; }
#man .cab-location { margin-bottom: 12px; color: var(--home-muted); font-size: 16px; }
#man .cab-edit-link { font-size: 16px; }
.cab-resources { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 26px 0 20px; padding-top: 22px; border-top: 1px solid var(--home-line); }
.cab-resources dt { color: var(--home-muted); font-size: 16px; }
.cab-resources dd { margin: 4px 0 0; font-size: 22px; font-variant-numeric: tabular-nums; }
#man input { width: 100%; }
.cab-main { grid-area: main; min-width: 0; container-type: inline-size; }
.cab-out { grid-area: out; margin: 0; }
.cab-out input { width: 100%; }
.cab-club { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; padding: 28px; border: 1px solid var(--line-strong); border-top: 3px solid var(--home-green); background: var(--surface-2); border-radius: var(--radius-sm); }
.cab-club > img { width: 144px; height: 144px; object-fit: contain; flex: none; }
.cab-club > div { flex: 1 1 250px; min-width: 0; }
.cab-club h2 { margin: 0 0 12px; }
.cab-club p { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.cab-club .cab-rating { margin-bottom: 22px; gap: 5px; color: var(--home-muted); font-size: 18px; }
.cab-rating a { color: var(--home-green-hover); font-weight: 600; }
.cab-main .cab-recent-title { margin: 32px 0 18px; font-size: 24px; }
.cab-empty { padding: 28px 0; border-block: 1px solid var(--home-line); color: var(--home-muted); font-size: 18px; }
@media (max-width: 1100px) {
  .cab-auth-copy { padding: 40px 30px; }
  #cab { grid-template-columns: 220px minmax(0,1fr); gap: 24px; }
  #man { padding: 22px; }
}
@media (max-width: 800px) {
  .cab-workspace { padding: 30px 24px; }
  .cab-navigation { padding: 0 24px; gap: 24px; }
  .cab-auth-copy { padding: 32px 24px; }
  #cab { grid-template-columns: minmax(0,1fr); grid-template-areas: 'main' 'profile' 'out'; }
  #man { display: grid; grid-template-columns: 80px minmax(0,1fr); gap: 4px 20px; }
  #man .cab-avatar { grid-row: 1/4; margin: 0; }
  #man :is(h2,p) { margin: 0; }
  #man .cab-resources { grid-column: 1/-1; margin: 20px 0 12px; }
  #man input { grid-column: 1/-1; }
}
@media (max-width: 600px) {
  .cabinet-page .home-shell { min-height: 100vh; }
  .cab-auth-copy { align-self: stretch; padding: 30px 20px 36px; }
  .cab-auth-copy .cab-eyebrow { margin-bottom: 20px; }
  .cab-workspace { padding: 30px 20px; }
  .cab-navigation { padding: 0 20px; gap: 24px; }
  .cab-navigation a { padding-block: 16px 13px; }
  .cabinet-page { font-size: 18px; }
  .cabinet-main h1 { font-size: 34px; }
  .cab-club > img { width: 112px; height: 112px; }
  .cab-club { gap: 18px; padding: 22px 18px; }
  .cab-club > div { flex-basis: 180px; }
  .cab-club input { width: 100%; }
  .cab-club h2 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .cabinet-main :is(input,button), .cab-action { transition: none; }
}
.cabinet-main .cab-auth-link { margin-top: 24px; text-align: center; font-size: 18px; color: var(--home-muted); }
#man h2, .cab-club h2 { overflow-wrap: anywhere; }
@media (min-width: 601px) {
  .cab-settings { max-width: 820px; }
  .cab-settings #cabinet tbody { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 24px; }
  .cab-settings #cabinet tr { margin: 0; min-width: 0; }
  .cab-settings #cabinet tr:last-child { grid-column: 1/-1; margin-top: 8px; }
  .cab-settings #cabinet .cab-prize { grid-column: 1/-1; margin: 14px 0 0; }
}
.cabinet-main .file-pick-btn { min-height: 36px; padding: 0 14px; font-size: 14px; }
/* Галочки оферты и согласия (ConsentBoxes в define.php): регистрация и первая покупка бустов */
.consent-box { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; margin: 0 0 10px; font-size: 15px; line-height: 1.45; text-align: left; cursor: pointer; }
.consent-box input[type=checkbox] { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--home-green); }
.consent-box a { color: var(--home-green-hover); }
/* На окне регистрации подпись поля (.stage-window label в theme.css и shell.css) делает label блоком с жирным мелким шрифтом */
body .stage-window label.consent-box, body .page-content #cabinet label.consent-box { display: grid; margin: 0 0 10px; font-size: 14px; font-weight: 400; line-height: 1.45; color: inherit; }
.cabinet-main #cabinet td.consent-cell { padding-top: 6px; }