.seo-cabinet-sidebar {
  position: fixed;
  z-index: 30;
  inset: 0 auto 0 0;
  width: 272px;
  padding: 24px 16px;
  overflow-y: auto;
  color: #fff;
  background: linear-gradient(180deg, #202020, #101010);
  border-right: 4px solid #ffcf24;
}
.seo-cabinet-sidebar .seo-brand { margin: 0 10px 24px; color: #fff; }
.seo-cabinet-sidebar .seo-brand small { color: #f5d778; }
.seo-cabinet-label { margin: 22px 12px 8px; color: #efc83d; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.seo-cabinet-sidebar nav { display: grid; gap: 4px; }
.seo-cabinet-link { display: flex; min-height: 44px; padding: 10px 12px; align-items: center; gap: 12px; color: #ede4c9; border-radius: 11px; font-size: .88rem; font-weight: 650; text-decoration: none; }
.seo-cabinet-link:hover, .seo-cabinet-link:focus-visible { color: #171717; background: #ffd33b; }
.seo-cabinet-icon { display: grid; width: 25px; height: 25px; flex: 0 0 25px; border-radius: 8px; background: rgba(255,255,255,.08); place-items: center; font-size: .75rem; }
.seo-cabinet-mobile { display: none; }
.seo-signed-in .seo-site-area { margin-left: 272px; }
.seo-signed-in .seo-header { flex-wrap: wrap; padding: 12px 24px; gap: 12px; }
.seo-signed-in .seo-primary { flex-wrap: wrap; }
.seo-signed-in .seo-main { width: min(1050px, calc(100% - 40px)); }

@media (max-width: 1060px) {
  .seo-signed-in .seo-header .seo-brand { display: none; }
}
@media (max-width: 900px) {
  .seo-cabinet-sidebar { width: 220px; }
  .seo-signed-in .seo-site-area { margin-left: 220px; }
}
@media (max-width: 760px) {
  .seo-cabinet-sidebar { display: none; }
  .seo-signed-in .seo-site-area { margin-left: 0; padding-bottom: 80px; }
  .seo-signed-in .seo-header .seo-brand { display: inline-flex; }
  .seo-cabinet-mobile { position: fixed; z-index: 40; inset: auto 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 76px; padding: 6px 4px max(6px, env(safe-area-inset-bottom)); background: #202020; border-top: 3px solid #ffcf24; }
  .seo-cabinet-mobile .seo-cabinet-link { min-width: 0; padding: 5px 2px; flex-direction: column; gap: 2px; font-size: .63rem; line-height: 1.15; text-align: center; }
  .seo-cabinet-mobile .seo-cabinet-icon { height: 24px; }
}


.check-mode-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; }
.batch-selected, .batch-progress-list { display: grid; gap: 16px; }
.batch-form-fields { display: grid; min-width: 0; margin: 0; padding: 0; gap: 18px; border: 0; }
.batch-file-card, .batch-progress-row { min-width: 0; padding: 18px; border: 1px solid var(--border, #d8e5ec); border-radius: 14px; background: #fff; }
.batch-file-fields { display: grid; gap: 14px; padding-top: 14px; }
.batch-metadata { border-top: 1px solid var(--border, #d8e5ec); padding-top: 12px; }
.batch-metadata summary { cursor: pointer; color: var(--muted, #526d82); font-weight: 650; }
.batch-metadata .grid { margin-top: 14px; }
.batch-file-name { display: block; overflow-wrap: anywhere; }
.batch-progress-row > .help { display: block; margin: 6px 0; }
.batch-progress-row .progress-track { margin: 12px 0; }
.batch-progress-row.done { border-color: #2b9d66; }
.batch-progress-row.failed { border-color: #bd3939; }
.batch-progress > .button-row { margin-top: 22px; }
.batch-progress-row .button-row { margin-top: 12px; }
.batch-form-fields:disabled { opacity: .65; }
@media (max-width: 580px) {
  .check-mode-tabs .btn { flex: 1 1 100%; }
  .batch-file-card, .batch-progress-row { padding: 12px; }
  .batch-progress-row .button-row .btn { flex: 1 1 auto; text-align: center; }
}