/* AssetHub bindings for the shared MyStat Console design system. Version 1.3.0. */
.skip-link{position:fixed;top:8px;left:12px;z-index:100;padding:9px 14px;background:var(--surface);color:var(--accent);border:1px solid var(--accent);border-radius:var(--console-button-radius);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.topbar .brand,.account-menu,.nav-toggle{flex-shrink:0}
.nav a{white-space:nowrap}
.nav a.active,.nav a[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;margin-left:5px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;line-height:1;font-weight:800}
.dashboard-status{display:flex;justify-content:flex-end;margin-bottom:var(--console-section-gap)}
.profile-shell{max-width:900px;margin:0}
.profile-shell .form-card{width:100%}
.avatar-uploader-card{gap:18px;margin-bottom:var(--console-section-gap)}
.avatar-crop-dialog{border-radius:var(--radius);padding:var(--console-section-padding)}
.avatar-crop-heading h2{font-size:var(--interface-section-title)}
.avatar-crop-help{font-size:var(--interface-description-font)}
input[type="range"]{min-height:24px;padding:0;background:transparent;box-shadow:none}
.profile-error,.profile-saved,.alert{border-radius:var(--console-nested-radius)}
.card-grid{gap:var(--console-section-gap)}
.card{min-height:145px}
.card-label{font-size:10px}
.status-badge{padding:5px 9px;font-size:11px}
.lab-overview{max-width:none;gap:var(--console-section-gap)}
.lab-status,.lab-empty,.lab-stand-card{padding:var(--console-section-padding);border-radius:var(--radius);box-shadow:none}
.lab-status{gap:14px;margin-bottom:0}
.lab-status p,.lab-note,.lab-stand-card p{font-size:var(--interface-description-font)}
.lab-stand-grid{gap:var(--console-section-gap)}
.lab-section-heading{margin:0}
.lab-section-heading h2{font-size:var(--interface-section-title)}
.lab-note{margin-top:18px}
.diagnostic-tabs{gap:4px;margin:0 0 var(--console-section-gap);flex-wrap:wrap}
.diagnostic-tabs a,.pagination a{padding:7px 11px;border-radius:var(--console-control-radius);background:var(--surface);border:1px solid var(--line);font-size:12px}
.diagnostic-tabs a.active,.pagination a.active{background:var(--accent-soft);border-color:#cbd5fa;color:var(--accent)}
.diagnostic-toolbar{min-height:0;margin-bottom:var(--console-section-gap);gap:14px;flex-direction:row}
.diagnostic-toolbar form{flex-wrap:wrap}
.diagnostic-toolbar label{margin:0}
.diagnostic-toolbar details{max-width:440px}
.diagnostic-toolbar summary{cursor:pointer;color:var(--danger)}
.diagnostic-toolbar .danger{background:var(--danger)}
.diagnostic-toolbar .danger:hover{background:#912018}
.diagnostic-list{display:block;min-height:130px}
.diagnostic-summary{margin-bottom:12px;color:var(--muted)}
.diagnostic-list th,.diagnostic-list td{padding:7px 10px;min-height:var(--console-row-height);border-color:var(--line)}
.diagnostic-list th{font-weight:800;background:var(--surface-soft)}
.diagnostic-list tbody tr:hover{background:var(--surface-soft)}
.diagnostic-detail{margin-top:var(--console-section-gap);display:block;min-height:0}
.diagnostic-detail dd{min-width:0;overflow-wrap:anywhere}
.diagnostic-alert{border-radius:var(--console-nested-radius);font-size:12px}
.diagnostic-table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.button,.nav a,.account-menu summary,input,select,textarea{transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease,box-shadow 140ms ease}
.button:active:not(:disabled){transform:translateY(1px)}
:where(a,button,summary,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[hidden]{display:none!important}
@media(max-width:820px){.topbar{gap:10px}.nav{top:100%;left:12px;right:12px;z-index:20;border-radius:var(--radius);box-shadow:0 12px 28px #17203318}.nav a{padding:10px 12px}.nav-toggle{min-height:34px;padding:0 10px}.topbar-page-context{flex:1}.profile-shell{max-width:none}.lab-status{flex-wrap:wrap}}
@media(max-width:720px){.diagnostic-toolbar{flex-direction:column}}
@media(max-width:560px){.topbar-page-context{min-width:0}.topbar-page-identity h1{font-size:14px}.avatar-uploader-card{align-items:flex-start}.diagnostic-toolbar form{width:100%}.diagnostic-toolbar select{max-width:100%}.diagnostic-detail dl{grid-template-columns:1fr}.diagnostic-detail dd{margin:0 0 8px}.avatar-crop-dialog{max-width:calc(100vw - 24px)}.avatar-crop-stage canvas{max-width:100%;height:auto}.login-panel h1{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.button:active:not(:disabled){transform:none}}

.form-row{align-items:start}
[data-profile-summary]>strong,[data-profile-summary]>a{grid-column:2}
.profile-shell>.alert,.form-card>.alert{margin-bottom:var(--console-section-gap)}
.profile-saved{border-color:#b9dfca;color:#08623f;background:#edf9f2}
.profile-saved::before{content:"✓";background:var(--positive)}

/* Длинные диагностические строки не расширяют страницу; прокручивается только таблица. */
.diagnostic-table-wrap{max-width:100%;min-width:0}
.diagnostic-list table{table-layout:fixed;min-width:820px}
.diagnostic-list th:nth-child(1){width:90px}
.diagnostic-list th:nth-child(2){width:140px}
.diagnostic-list th:nth-child(3){width:70px}
.diagnostic-list th:nth-child(5){width:240px}
.diagnostic-list td{overflow-wrap:anywhere}
.diagnostic-list td:nth-child(2){white-space:nowrap}
.diagnostic-detail{min-width:0;overflow-wrap:anywhere}
.diagnostic-detail .trace{padding-left:20px}
body{min-width:0}

.product-back-link,
.settings-back-link
{
  display: inline-flex;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: var(--console-button-radius);
  text-decoration: none;
}
.product-back-link:hover,
.product-back-link:focus-visible,
.settings-back-link:hover,
.settings-back-link:focus-visible
{
  color: var(--accent);
  border-color: var(--line);
  text-decoration: none;
}

html select:focus,
html select:focus-visible
{
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
}