/* Общая рабочая область ERP — по одобренному плану продаж по карточкам.
   Сотрудник сначала видит отбор и состояние, затем таблицу и доступное действие.
   Иерархия: системный шрифт 14px, подписи 12px, значения 14px/650.
   Палитра и глубина: существующие поверхности/цвета статусов, тонкая рамка без теней.
   Плотность: шаг 4px, панель 16px, поля 32px на компьютере и 44px на телефоне. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;left:var(--s5);top:var(--s3);z-index:100;padding:var(--s3) var(--s4);border-radius:8px;
  color:var(--on-accent);background:var(--btn-primary);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.main:focus{outline:none}
.content{min-width:0}
.top{min-height:68px;padding-block:var(--s5)}
.top-right{flex-wrap:wrap;justify-content:flex-end;gap:var(--s3)}
.btn{justify-content:center;text-decoration:none;touch-action:manipulation}
.btn:hover{text-decoration:none}
.panel-head{min-height:48px;padding:var(--s4) var(--s5)}
.panel-head h2{line-height:1.4}
.panel-head .btn{flex:none}
.toolbar{flex-wrap:wrap;gap:var(--s3) var(--s4)}
.tabs{flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s5)}
.tab{min-height:36px;display:inline-flex;align-items:center}
.pager{flex-wrap:wrap;font-size:13px;gap:var(--s3) var(--s4)}
.pager .btn{min-width:32px}
.workspace-section{margin:0 0 var(--s6);min-width:0}
.workspace-intro{font-size:13px;line-height:1.5;color:var(--text-muted);margin:0 0 var(--s4);max-width:100ch}
.workspace-toolbar,.workspace-summary{width:100%;max-width:100%;min-width:0;padding:var(--s5);margin:0 0 var(--s5);
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.workspace-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s4) var(--s5)}
.workspace-toolbar>form{display:flex;flex:1 1 420px;flex-wrap:wrap;align-items:flex-end;gap:var(--s4);min-width:0}
.workspace-field{display:flex;flex:1 1 180px;flex-direction:column;gap:var(--s2);min-width:0;max-width:280px;
  margin:0;font-size:12px;font-weight:400;line-height:1.4;color:var(--text-muted)}
.workspace-field>.field,.workspace-field>select,.workspace-field>input,.workspace-field>textarea{
  width:100%;max-width:100%;min-width:0;color:var(--text);font-size:13px;font-weight:400}
.workspace-field .search,.workspace-field .select,.workspace-field .tiny-date{width:100%;max-width:100%}
.workspace-field>.field,.action-row .workspace-field>.field,.period-body .actions-row .workspace-field>.field{flex:none;width:100%}
.workspace-toolbar>.field{width:auto;flex:1 1 180px;max-width:280px;min-width:0}
.workspace-toolbar>.xl-check{min-height:32px;align-items:center;font-size:12px}
.workspace-facts{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s4) var(--s6);margin:0;min-width:0}
.workspace-toolbar>.workspace-facts{margin-left:auto;align-self:center}
.workspace-toolbar>.workspace-facts:only-child{margin-left:0}
.workspace-facts>div{display:flex;flex-direction:column;gap:var(--s1);min-width:0}
.workspace-facts dt{font-size:12px;line-height:1.4;color:var(--text-muted)}
.workspace-facts dd{margin:0;font-size:14px;line-height:1.4;font-weight:650;color:var(--text);font-variant-numeric:tabular-nums}
.workspace-facts dd a{font-weight:600}
.workspace-facts dd>.small{display:block;margin-top:var(--s1);font-weight:400;color:var(--text-muted)}
.workspace-facts dd.bad,.workspace-facts dd>.bad{color:var(--bad)}
.workspace-facts dd.good,.workspace-facts dd>.good{color:var(--good)}
.workspace-facts dd.warn,.workspace-facts dd>.warn{color:var(--warn-strong)}
.workspace-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);min-width:0;margin:0 0 var(--s5)}
.workspace-toolbar>.workspace-actions,.workspace-summary>.workspace-actions:last-child{margin-bottom:0}
.workspace-actions>form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);min-width:0}
.workspace-actions>.workspace-field{align-self:end}
.period-body .actions-row,.action-row.workspace-actions{align-items:flex-end}
.workspace-chips{flex-basis:100%;display:flex;flex-wrap:wrap;gap:var(--s3);min-width:0}
.plan-workspace .workspace-actions{margin-bottom:0}
.workspace-toolbar .tabs{flex:1 1 100%;margin:0}
.workspace-toolbar .push-right,.workspace-actions .push-right{margin-left:auto}
.workspace-summary>h2{margin-bottom:var(--s4)}
.workspace-summary>p:first-child{margin-top:0}
.workspace-summary>p:last-child{margin-bottom:0}
.workspace-summary>.workspace-facts{margin-bottom:var(--s4)}
.workspace-summary>.workspace-facts:last-child{margin-bottom:0}
.workspace-help{max-width:100%;margin:0 0 var(--s5);font-size:13px;color:var(--text-muted)}
.workspace-help>summary{width:fit-content;max-width:100%;padding:var(--s3) 0;cursor:pointer;color:var(--text-muted);font-size:12px}
.workspace-help>summary:hover,.workspace-help[open]>summary{color:var(--accent)}
.workspace-help>summary:focus-visible{outline-offset:2px;border-radius:4px}
.workspace-help>p,.workspace-help>.note{max-width:100ch;margin-top:var(--s3)}
.workspace-help .steps{margin-bottom:0}
.workspace-table{width:fit-content;max-width:100%;min-width:0;overflow:auto;isolation:isolate;margin:0 0 var(--s5);
  border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);scroll-padding-top:64px}
.workspace-table>.grid{border:0;margin:0;max-width:none}
.workspace-table>.grid>tbody>tr:not(.group-row){height:44px}
.workspace-table>.grid td{vertical-align:middle}
.workspace-table>.grid .empty{padding:var(--s6) var(--s5);font-size:13px}
.workspace-table>.grid>tbody>tr:last-child>td{border-bottom:0}
.workspace-table>.grid tfoot>tr>*{border-top:1px solid var(--rule)}
.workspace-table>.grid .field{font-size:13px}
.workspace-table .table-tools-bar{border:0;border-bottom:1px solid var(--border);border-radius:0;margin:0}
.workspace-table>.order-lines>tbody>tr:not(.group-row){height:58px}
.order-lines>tbody>tr>td:first-child{min-width:240px;white-space:nowrap}
.order-lines .calc-assumed{white-space:nowrap;font-size:11px}
.workspace-table:has(.table-scroll){overflow:visible}
.panel>.workspace-table,.panel>form>.workspace-table{border:0;border-radius:0;margin-bottom:0}
.plan-table .plan-group-name{display:flex;flex-direction:column;gap:var(--s1);min-width:0}
.plan-table .plan-group-name .small{font-weight:400}
.sales-plan-page .plan-table .plan-group-name{display:contents}
.card-form{padding:var(--s5);width:100%;min-width:0}
.card-form .row{gap:var(--s4) var(--s5);padding:var(--s3) 0}
.card-form .row>.input{min-width:0}
.card-form .row>label{font-size:13px;line-height:1.5;padding-top:var(--s2)}
.card-form .row .field{min-width:0}
.form-foot{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.settings-fields{gap:var(--s4) var(--s5);padding:var(--s5)}
.settings-field{font-size:12px;gap:var(--s2)}
.section-attention{width:100%;padding:var(--s4) var(--s5);margin-bottom:var(--s6)}
.section-attention h2{font-size:13px}
.attention-parts a{font-size:12px;min-height:28px}
.attention-empty{font-size:12px}
.hub{gap:var(--s4)}
.hub-section{margin-bottom:var(--s6)}
.hub-section>.section{margin:0 0 var(--s4);font-size:14px}
.hub-section:last-child{margin-bottom:0}
.hub-item{min-height:68px;padding:var(--s3) var(--s4)}
.hub-icon{width:40px;height:40px;border-radius:10px}
.hub-title{font-size:14px;font-weight:600}
.hub-icon,.nav-icon{pointer-events:none}
.today-workspace{width:100%;border:0;background:transparent;overflow:visible}
.today-workspace>.panel-head{padding:var(--s4) var(--s5);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface)}
.today-workspace>.today-topics{background:var(--surface);border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius) var(--radius);padding:0 var(--s5) var(--s4);margin-bottom:var(--s5)}
.today-workspace .queue{display:grid;gap:var(--s4)}
.today-workspace .queue-item{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:var(--s5);gap:var(--s3) var(--s5);
  border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0}
.today-workspace .queue-heading{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3) var(--s4)}
.today-workspace .queue-title{font-size:14px;font-weight:650;line-height:1.4;margin:0}
.today-workspace .status{min-width:0;font-size:11px;line-height:18px;padding:1px var(--s3)}
.today-workspace .queue-body{min-width:0}
.today-workspace .queue-detail{font-size:13px;margin-top:var(--s3);max-width:110ch}
.today-workspace .queue-actions{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.today-workspace .queue-actions .btn{font-size:13px}
.today-workspace .queue-details{margin-top:var(--s3)}
.today-workspace .queue-details>summary{font-size:12px;color:var(--accent);cursor:pointer;width:fit-content;padding:var(--s2) 0}
.today-workspace .queue-table{max-width:100%;max-height:440px;overflow:auto;margin-top:var(--s3)}
.today-workspace .queue-table .grid td{vertical-align:middle}
.today-workspace .queue-table .grid{max-width:none}
.today-workspace .queue-item:target,.today-workspace .queue-item:has(:target){border-color:var(--accent);scroll-margin-top:var(--s5)}
.today-workspace>.all-clear{padding:var(--s6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.login{padding:var(--s6);border-radius:var(--radius)}
.login-head{margin-bottom:var(--s6)}
.login-head p{font-size:13px}
.login .hint{font-size:12px;line-height:1.5}
.profile-avatar{width:80px;height:80px}
.workspace-empty{width:min(100%,680px);padding:var(--s6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.workspace-empty h2{margin-bottom:var(--s3)}
.workspace-empty p{color:var(--text-muted)}
@media(max-width:860px){
  .workspace-toolbar,.workspace-summary{padding:var(--s4);gap:var(--s4)}
  .workspace-field{flex:1 1 160px;max-width:none}
  .workspace-field>.field,.workspace-field>select,.workspace-field>input,.workspace-field>textarea,.workspace-table>.grid .field{font-size:16px}
  .workspace-toolbar>form{flex-basis:100%}
  .workspace-toolbar>.workspace-facts{width:100%;margin-left:0;padding-top:var(--s3);border-top:1px solid var(--border)}
  .workspace-facts{gap:var(--s3) var(--s5)}
  .workspace-facts dd{font-size:13px}
  .workspace-toolbar>.xl-check{min-height:40px}
  .workspace-table>.grid{display:table;overflow:visible}
  form[data-roles] .workspace-table.table-scroll{overflow:auto}
  .workspace-table .stick-left{position:static!important}
  .workspace-table thead .stick-left{position:sticky!important;left:auto!important}
  .top{min-height:56px}
  .section-attention{padding:var(--s4);margin-bottom:var(--s5)}
  .attention-parts a{min-height:36px}
  .hub-section{margin-bottom:var(--s5)}
  .today-workspace .queue-item{grid-template-columns:minmax(0,1fr);padding:var(--s4)}
  .today-workspace .queue-actions{justify-content:flex-end}
  .today-workspace .queue-table{max-height:360px}
  .today-workspace .queue-table .grid{display:table;overflow:visible}
  .card-form{padding:var(--s4)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}
}