/* Scope these rules to staff profiles and the organisation access editor. */
.wrapper.air:has(> article > .tabs-wrapper),
.wrapper.air:has(#company_name) {
  box-sizing:border-box;
  padding-top:100px;
  padding-bottom:32px;
}
.wrapper.air:has(> article > .tabs-wrapper) > article,
.wrapper.air:has(#company_name) > article {
  box-sizing:border-box;
  width:100%!important;
  min-width:0;
  min-height:0;
  padding:0!important;
  margin:0 0 32px!important;
}
.wrapper.air:has(> article > .tabs-wrapper) h3,
.wrapper.air:has(#company_name) h3 {
  margin:0 0 24px;
  font-size:28px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.wrapper.air:has(> article > .tabs-wrapper) h4,
.wrapper.air:has(#company_name) h4 { margin:0 0 16px; font-size:22px; line-height:1.4; }
.wrapper.air:has(> article > .tabs-wrapper) > .a_button { margin:0 8px 24px 0; }
.wrapper.air:has(> article > .tabs-wrapper) .a_button,
.wrapper.air:has(#company_name) .a_button {
  box-sizing:border-box;
  min-height:44px;
  padding:10px 14px;
  border-radius:5px;
  line-height:22px;
  white-space:normal;
}
.wrapper.air:has(> article > .tabs-wrapper) .ebs_func,
.wrapper.air:has(#company_name) .ebs_func { min-width:44px; margin:0; }
.wrapper.air:has(> article > .tabs-wrapper) .ebs_table,
.wrapper.air:has(#company_name) .ebs_table {
  display:block;
  box-sizing:border-box;
  max-width:100%;
  width:100%;
  overflow-x:auto;
  border:1px solid #e1e3e8;
  border-radius:6px;
  -webkit-overflow-scrolling:touch;
}
.wrapper.air:has(> article > .tabs-wrapper) .ebs_table > tbody,
.wrapper.air:has(#company_name) .ebs_table > tbody { display:table; width:100%; border-collapse:collapse; }
.wrapper.air:has(> article > .tabs-wrapper) .ebs_table td,
.wrapper.air:has(#company_name) .ebs_table td {
  padding:12px 14px;
  line-height:1.5;
  vertical-align:top;
  text-align:left;
  overflow-wrap:anywhere;
  border-bottom:1px solid #e9ebef;
}
.wrapper.air:has(> article > .tabs-wrapper) .ebs_table tr:first-child,
.wrapper.air:has(#company_name) .ebs_table tr:first-child { background:#f1f3f7; color:#444b58; }
.wrapper.air:has(> article > .tabs-wrapper) .ebs_table tr:not(:first-child):hover,
.wrapper.air:has(#company_name) .ebs_table tr:not(:first-child):hover { background:#fafbfe; }
.wrapper.air:has(> article > .tabs-wrapper) .ebs_table input {
  box-sizing:border-box; width:100%; min-width:0; height:44px; margin:0; padding:10px;
}
.wrapper.air:has(> article > .tabs-wrapper) .ebs_table li > div:has(> input),
.wrapper.air:has(> article > .tabs-wrapper) .ebs_table ul > div:has(> input) { display:flex; gap:8px; align-items:center; }
.wrapper.air:has(> article > .tabs-wrapper) .ebs_table :is(li,ul) > div > input { flex:1; width:auto; }
.wrapper.air:has(> article > .tabs-wrapper) article:has(> .tabs-wrapper) {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:8px!important;
}
.wrapper.air:has(> article > .tabs-wrapper) article:has(> .tabs-wrapper) > h4 { order:-1; margin:0 auto 0 0; }
.wrapper.air:has(> article > .tabs-wrapper) article:has(> .tabs-wrapper) > .layer { display:none; }
.wrapper.air:has(> article > .tabs-wrapper) .ebs_create { float:none; margin:0; }
.wrapper.air:has(> article > .tabs-wrapper) .tabs-wrapper {
  display:flex; flex-direction:row; flex-wrap:nowrap;
  flex:0 0 100%; justify-content:flex-start; margin:8px 0 4px!important;
}
.wrapper.air:has(> article > .tabs-wrapper) .tabs-wrapper > button { min-height:44px; font-size:14px; }
/* Replace the old floats with a label/control grid. Hidden book/collection
   panes retain their inline display:none and all original event handlers. */
.wrapper.air:has(#company_name) .ebs_form { width:100%; max-width:820px; margin:0 auto 32px; padding:0; }
.wrapper.air:has(#company_name) .user.ebs {
  display:grid; grid-template-columns:220px minmax(0,1fr); gap:16px 20px;
  width:100%; max-width:none; margin:0; padding:0;
}
.wrapper.air:has(#company_name) .user.ebs::after { display:none; }
.wrapper.air:has(#company_name) .user.ebs > * {
  float:none!important; box-sizing:border-box; width:100%!important;
  min-width:0; max-width:100%; margin:0!important;
}
.wrapper.air:has(#company_name) .user.ebs > .ebs_label {
  grid-column:1; align-self:start; padding:11px 0 0; text-align:left; line-height:22px;
}
.wrapper.air:has(#company_name) .ebs_label > span { padding:0; }
.wrapper.air:has(#company_name) .user.ebs > :not(.ebs_label) { grid-column:2; }
.wrapper.air:has(#company_name) .user.ebs > input.ebs_input,
.wrapper.air:has(#company_name) .react-datepicker__input-container input {
  box-sizing:border-box; width:100%; min-width:0; height:44px; margin:0;
  padding:10px 12px; border:1px solid #cbd0da; border-radius:5px; font-size:16px;
}
.wrapper.air:has(#company_name) .react-datepicker__input-container { width:100%; }
.wrapper.air:has(#company_name) .table_ip_add { table-layout:fixed; }
.wrapper.air:has(#company_name) .table_ip_add td { padding:0; }
.wrapper.air:has(#company_name) .table_ip_add td:nth-child(2) { width:24px; }
.wrapper.air:has(#company_name) .table_ip_add td:last-child { width:52px; text-align:right; }
.wrapper.air:has(#company_name) .table_ip_add input { box-sizing:border-box; width:100%; min-width:0; height:44px; padding:6px; margin:0; font-size:14px; }
.wrapper.air:has(#company_name) .checklist {
  box-sizing:border-box; max-height:340px; overflow:auto; padding:12px!important;
  border:1px solid #dce0e7; border-radius:5px; background:#fafbfc;
}
.wrapper.air:has(#company_name) .checklist li { padding:6px 0; line-height:1.5; }
.wrapper.air:has(#company_name) .checklist .check_label { max-width:none!important; width:auto; padding-left:8px; }
.wrapper.air:has(#company_name) .user.ebs > div.ebs_label { display:flex; gap:8px; padding:0; }
.wrapper.air:has(#company_name) .user.ebs > div.ebs_label > label { display:block; flex:1; width:auto!important; margin:0!important; padding:10px 6px; text-align:center; }
.wrapper.air:has(#company_name) .user.ebs > input[type=button] { min-height:44px; }
.wrapper.air:has(#company_name) .user.ebs > input[type=button][value="Сохранить"] { background:#7d6a22; color:#fff; }
.wrapper.air:has(#company_name) input:focus-visible,
.wrapper.air:has(> article > .tabs-wrapper) input:focus-visible,
.wrapper.air:has(> article > .tabs-wrapper) button:focus-visible { outline:2px solid #314da8; outline-offset:2px; }
@media(max-width:900px) {
  .main:has(.wrapper.air > article > .tabs-wrapper),
  .main:has(.wrapper.air #company_name) { row-gap:0; }
  .wrapper.air:has(> article > .tabs-wrapper),.wrapper.air:has(#company_name) { width:100%; padding:24px 16px 32px; }
  .wrapper.air:has(> article > .tabs-wrapper) .ebs_table > tbody { min-width:640px; }
  .wrapper.air:has(#company_name) .ebs_table > tbody { min-width:800px; }
  .wrapper.air:has(> article > .tabs-wrapper) article:has(> .tabs-wrapper) > h4 { flex:0 0 100%; }
}
@media(max-width:600px) {
  .wrapper.air:has(> article > .tabs-wrapper) h3,.wrapper.air:has(#company_name) h3 { font-size:24px; text-align:left; margin-bottom:20px; }
  .wrapper.air:has(> article > .tabs-wrapper) h4,.wrapper.air:has(#company_name) h4 { font-size:20px; }
  .wrapper.air:has(> article > .tabs-wrapper) > .a_button { display:block; width:100%; margin:0 0 12px; }
  .wrapper.air:has(> article > .tabs-wrapper) article:has(> .tabs-wrapper) { margin-top:24px!important; }
  .wrapper.air:has(> article > .tabs-wrapper) .ebs_create { flex:1 1 140px; }
  .wrapper.air:has(> article > .tabs-wrapper) .tabs-wrapper { width:100%; }
  .wrapper.air:has(> article > .tabs-wrapper) .tabs-wrapper > button { flex:1; width:auto!important; min-width:0; padding:10px 4px!important; }
  .wrapper.air:has(#company_name) .user.ebs { display:flex; flex-direction:column; gap:0; }
  .wrapper.air:has(#company_name) .user.ebs > .ebs_label { padding:0; margin:0 0 6px!important; }
  .wrapper.air:has(#company_name) .user.ebs > :not(.ebs_label) { margin:0 0 20px!important; }
  .wrapper.air:has(#company_name) .user.ebs > input[type=button] { margin-bottom:12px!important; }
  .wrapper.air:has(#company_name) .checklist { max-height:280px; }
}