/* Shared controls, 2.9.343.
 * Layered !important rules intentionally take precedence over historical page
 * overrides. Layout is defined once here instead of accumulating selector fixes.
 */
@layer ak-controls {
  body:is(.app,.ak-landing) {
    --ak-control-height:44px;
    --ak-control-radius:12px;
    --ak-control-border:#d8e2f0;
    --ak-control-text:#304867;
    --ak-control-muted:#8190a4;
  }

  body:is(.app,.ak-landing) [data-ui-search] {
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:var(--ak-control-height)!important;
    height:auto!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid var(--ak-control-border)!important;
    border-radius:var(--ak-control-radius)!important;
    background:#fff!important;
    box-shadow:none!important;
    color:var(--ak-control-text)!important;
  }
  body:is(.app,.ak-landing) [data-ui-search]::before,
  body:is(.app,.ak-landing) [data-ui-search]::after {content:none!important;display:none!important}
  body:is(.app,.ak-landing) [data-ui-search]:focus-within {border-color:#668af1!important;box-shadow:0 0 0 3px #3866e617!important}
  body:is(.app,.ak-landing) [data-ui-search]>:is(svg,span):not([data-ui-search]) {
    position:static!important;
    display:grid!important;
    place-items:center!important;
    width:18px!important;height:18px!important;
    min-width:0!important;margin:0!important;padding:0!important;
    border:0!important;background:none!important;box-shadow:none!important;
    transform:none!important;color:var(--ak-control-muted)!important;
    pointer-events:none!important;
  }
  body:is(.app,.ak-landing) [data-ui-search] svg {
    width:18px!important;height:18px!important;fill:none!important;
    stroke:currentColor!important;stroke-width:1.8!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  body:is(.app,.ak-landing) [data-ui-search]>input,
  body:is(.app,.ak-landing) [data-ui-search]>input:is(:hover,:focus,:focus-visible) {
    display:block!important;position:static!important;grid-column:2!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:42px!important;min-height:42px!important;box-sizing:border-box!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;outline:0!important;
    font-family:inherit!important;font-size:12px!important;font-weight:400!important;
    line-height:normal!important;color:var(--ak-control-text)!important;
    text-indent:0!important;text-align:left!important;
    -webkit-appearance:none!important;appearance:none!important;
  }
  body:is(.app,.ak-landing) [data-ui-search]>input::placeholder {color:var(--ak-control-muted)!important;opacity:1!important;font:inherit!important}
  body:is(.app,.ak-landing) [data-ui-search]>input::-webkit-search-decoration {display:none!important}
  body.app .ak-warehouse-search-field[data-ui-search]:has(>.ak-warehouse-search-clear),
  body.app .admin-global-search-input[data-ui-search] {grid-template-columns:18px minmax(0,1fr) 32px!important}
  body.app .ak-warehouse-search-field[data-ui-search]>.ak-warehouse-search-clear,
  body.app .admin-global-search-input[data-ui-search]>.admin-global-search-close {
    position:static!important;grid-column:3!important;grid-row:1!important;
    width:32px!important;height:32px!important;min-width:32px!important;
    padding:0!important;margin:0!important;transform:none!important;
  }
  body.client-cabinet .ak-topbar-search-panel:has(>[data-ui-search]) {padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body.client-cabinet .ak-topbar-search-panel:has(>[data-ui-search])::before {content:none!important;display:none!important}
  body:is(.app,.ak-landing) [data-ui-search][hidden] {display:none!important}

  /* Native time/date inputs have intrinsic minimum widths in mobile Safari. */
  body.app .field>input:is([type="time"],[type="date"],[type="datetime-local"]) {
    display:block!important;box-sizing:border-box!important;
    width:100%!important;inline-size:100%!important;
    min-width:0!important;min-inline-size:0!important;
    max-width:100%!important;max-inline-size:100%!important;
    font-family:inherit!important;
    -webkit-appearance:none;appearance:none;
  }
  body.app .field>input:is([type="time"],[type="date"],[type="datetime-local"])::-webkit-date-and-time-value {min-width:0;text-align:left}
  body.platform-admin .backup-settings-card .form-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.platform-admin .backup-settings-card :is(.field,.stack,.form-grid,.backup-yandex-box,.backup-secret-block) {min-width:0;max-width:100%;box-sizing:border-box}

  @media(max-width:760px) {
    body.app :is(button,input,select,textarea) {font-family:inherit!important;font-size:12px!important}
    body.app {font-size:12px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
    body.app :is(.panel-main,.panel-card,.stack,.form-grid,.field) {min-width:0!important;box-sizing:border-box!important}
    body.app :is(h1,h2,h3,h4) {font-family:inherit!important;font-size:14px!important;line-height:1.4!important;overflow-wrap:anywhere}
    body.app :is(p,label,small,.sub,.muted,.status-chip) {font-family:inherit!important;font-size:12px!important;line-height:1.5!important}
    body.app .form-grid {grid-template-columns:minmax(0,1fr)!important}
    body.app .field>:is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea) {
      box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
      width:100%!important;font-family:inherit!important;font-size:12px!important;
      border-radius:var(--ak-control-radius)!important;
    }
    body.app .field>:is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select) {min-height:var(--ak-control-height)!important}
    body.app .field>textarea {resize:vertical;min-height:88px!important}
    body.app .ak-select-trigger {font-family:inherit!important;font-size:12px!important;min-width:0!important;max-width:100%!important}
    body.app .admin-open-btn,
    body:is(.app,.ak-landing) :is(.btn,.ak-btn):not(.icon-only):not([aria-label]):not([data-chart-type]) {
      box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
      min-height:var(--ak-control-height)!important;height:auto!important;
      padding:10px 14px!important;border-radius:var(--ak-control-radius)!important;
      font-family:inherit!important;font-size:12px!important;line-height:1.4!important;
      white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-align:center!important;
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
    }
    body.app :is(.btn,.ak-btn)>svg {flex-shrink:0}
    body.app :is(.btn,.ak-btn)>:is(span,b,strong):not(.ui-icon) {font-family:inherit!important;font-size:inherit!important}
    body.app :is(.table-scroll,.panel-table-scroll,.cms-pages-table-wrap,.ak-table-wrap) {
      min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
      overflow-x:auto!important;overscroll-behavior-x:contain;
    }
    body.platform-admin .admin-audit-search-hero-row {grid-template-columns:minmax(0,1fr)!important}
    body.platform-admin :is(.backup-grid,.backup-secret-block,.backup-checks,.backup-oauth-grid) {grid-template-columns:minmax(0,1fr)!important}
    body.platform-admin .backup-settings-card :is(input,select) {max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
    body.platform-admin :is(.backup-yandex-title,.backup-inline-actions) {flex-wrap:wrap;min-width:0}
    body.platform-admin :is(.backup-guide,.backup-settings-card,.backup-kpis,.backup-history-summary) :is(small,b,code,span) {overflow-wrap:anywhere}
    body:is(.app,.ak-landing) [data-ui-search] {min-height:44px!important;border-radius:12px!important}
  }
}