/* Focused v57 interface layer. Native text remains when JS is unavailable. */
.max-direct-panel {
  display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
  gap: clamp(20px,3vw,40px); margin-block: 20px 28px;
  border: 1px solid #cbdde8; border-radius: 20px;
  background: linear-gradient(115deg,#f3f8fc 0%,#fff 70%);
}
.max-direct-panel > *, .max-direct-form, .max-direct-form label { min-width: 0; }
.max-direct-panel h2 { margin: 8px 0 12px; font-size: clamp(1.35rem,2vw,1.7rem); line-height: 1.25; }
.max-direct-panel p { line-height: 1.65; }
.max-direct-form { display: grid; gap: 16px; align-content: start; }
.max-direct-form label:not(.crm-check) { display: grid; gap: 7px; font-size: .9rem; font-weight: 600; }
.max-direct-form input:not([type=checkbox]) { width: 100%; min-width: 0; min-height: 44px; }
.max-direct-form small { font-size: .79rem; line-height: 1.6; font-weight: 400; color: #496577; overflow-wrap: anywhere; }
.max-direct-form .crm-check { align-items: flex-start; gap: 10px; line-height: 1.6; }
.max-direct-form .crm-check input { flex: 0 0 auto; margin-top: 4px; }
.max-direct-badge { display: inline-flex; padding: 5px 11px; border-radius: 999px; background: #e2f1e9; color: #215b40; font-size: .8rem; font-weight: 650; }
.max-direct-note { margin-top: 20px; border-top: 1px solid #d7e3eb; padding-top: 16px; font-size: .82rem; color: #496577; }
.max-direct-note strong { color: #23465a; }
.max-direct-note p { margin: 6px 0 0; }
.max-direct-actions, .channel-mode-switch { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.channel-mode-switch { margin-block: 16px; }
.max-direct-settings-link { padding: 18px; background: #f2f7fb; border: 1px solid #d5e3ed; border-radius: 14px; }
.max-direct-settings-link h3 { margin-top: 0; }
#max-direct, #hosting-cron { scroll-margin-top: 90px; }

/* Official 88 x 31 informer: reserved space, small distinct refresh action. */
.site-footer .metrika-informer { width: auto; height: auto; margin-block: 18px 8px; min-height: 32px; }
.site-footer .metrika-informer__row { gap: 8px; align-items: center; min-height: 32px; }
.site-footer .metrika-informer__link {
  display: inline-flex; min-width: 88px; width: auto; height: 31px; min-height: 31px;
  padding: 0; margin: 0; align-items: center; font-size: .78rem;
}
.site-footer .metrika-informer img { display: block; width: 88px; height: 31px; max-width: none; }
.site-footer .metrika-informer__refresh {
  width: 28px; min-width: 28px; height: 28px; min-height: 28px;
  padding: 5px; border: 1px solid currentColor; border-radius: 7px;
  background: transparent; color: inherit; opacity: .8;
}
.site-footer .metrika-informer__refresh:hover { opacity: 1; background: #ffffff18; }
.metrika-informer__refresh svg { display: block; width: 16px; height: 16px; }
.metrika-informer__placeholder { display: flex; width: 88px; height: 31px; padding: 6px 10px; gap: 7px; align-items: end; background: #eff3f6; border-radius: 4px; }
.metrika-informer__placeholder span { display: block; width: 14px; height: 9px; background: #bdcdd7; border-radius: 2px; }
.metrika-informer__placeholder span:nth-child(2) { height: 19px; }
.metrika-informer__placeholder span:nth-child(3) { height: 14px; }
.metrika-informer [hidden] { display: none !important; }

/* Cron commands get their own scannable cards rather than a wall of shell text. */
.cron-panel-notice { padding: 16px; border: 1px solid #dccb9d; border-radius: 12px; background: #fff9eb; color: #624916; }
.cron-panel-notice p { margin: 8px 0 12px; }
.hosting-cron-jobs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-block: 22px; }
.hosting-cron-job { min-width: 0; padding: 16px; border: 1px solid #d6e2eb; border-radius: 14px; background: #f8fafc; }
.hosting-cron-job__head { display: flex; gap: 12px; align-items: center; justify-content: space-between; }
.hosting-cron-job h3 { margin: 0; font-size: .95rem; overflow-wrap: anywhere; }
.hosting-cron-fields { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; margin-block: 14px; }
.hosting-cron-fields div { min-width: 0; }
.hosting-cron-fields dt { font-size: .69rem; line-height: 1.4; color: #496577; min-height: 2.8em; }
.hosting-cron-fields dd { margin: 4px 0 0; font-family: monospace; font-size: .93rem; }
.ops-guide .hosting-cron-job pre { margin: 0; font-size: .78rem; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }

/* Icons are local SVG paths, not fonts/emoji. Desktop keeps full labels. */
.admin-workspace .admin-action-icon { display: none; }
.admin-workspace .admin-action-label { display: contents; pointer-events: none; }
.admin-action-tooltip {
  position: fixed; z-index: 10000; max-width: min(280px,calc(100vw - 16px));
  padding: 8px 12px; border-radius: 8px; background: #17394e; color: #fff;
  box-shadow: 0 4px 16px #122c3d26; font-size: .78rem; line-height: 1.5; pointer-events: none;
}
.admin-action-tooltip[hidden] { display: none; }
.admin-action-input { background-image: none !important; }
@media (max-width: 1050px) {
  .hosting-cron-jobs { grid-template-columns: minmax(0,1fr); }
  .max-direct-panel { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .max-direct-note { margin-top: 12px; }
}
@media (max-width: 767px) {
  .admin-workspace .admin-action {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 44px; width: 44px !important; min-width: 44px !important; max-width: 44px;
    height: 44px !important; min-height: 44px !important;
    padding: 10px !important; gap: 0 !important; line-height: 1; text-indent: 0;
    vertical-align: middle; border-radius: 10px; box-sizing: border-box;
  }
  .admin-workspace .admin-action[hidden] { display: none !important; }
  .admin-workspace .admin-action-label {
    display: block !important; position: absolute !important; width: 1px !important;
    height: 1px !important; padding: 0 !important; margin: -1px !important;
    overflow: hidden !important; clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important;
    white-space: nowrap !important; border: 0 !important;
  }
  .admin-workspace .admin-action-icon { display: block; width: 20px; height: 20px; flex: 0 0 20px; pointer-events: none; }
  .admin-workspace .admin-action:disabled { opacity: .45; cursor: not-allowed; }
  .admin-workspace .admin-action:focus-visible { outline: 3px solid #1676a5; outline-offset: 3px; }
  .admin-workspace .admin-action-input {
    background-image: var(--admin-input-icon) !important; background-repeat: no-repeat;
    background-position: center; background-size: 20px; color: transparent !important; font-size: 0;
  }
  .admin-workspace :is(.crm-actions,.form-actions,.portal-actions,.channel-save-actions,.push-channel-shortcut,.max-direct-actions,.channel-mode-switch) {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  }
  .admin-workspace :is(.crm-actions,.form-actions,.channel-save-actions) > form { flex: 0 0 auto; width: auto; margin: 0; }
  .admin-workspace :is(.crm-tabs,.settings-tabs,.ai-admin-tabs,.promotion-content-tabs) {
    display: flex; flex-wrap: wrap; gap: 8px; padding: 8px; align-items: center;
  }
  .admin-workspace .portal-topbar > form { flex: 0 0 auto; }
  .admin-workspace .portal-user { min-width: 0; }
  .admin-workspace .workspace-search { grid-template-columns: minmax(0,1fr) 44px; align-items: center; }
  .admin-workspace .workspace-search label { min-width: 0; }
  .max-direct-panel { padding: 18px; border-radius: 16px; }
  .max-direct-form input:not([type=checkbox]) { font-size: 16px; }
  .max-direct-form small { font-size: .8rem; }
  .hosting-cron-job { padding: 13px; }
  .site-footer .metrika-informer__refresh { width: 32px; min-width: 32px; height: 32px; min-height: 32px; padding: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .admin-workspace .admin-action, .metrika-informer__refresh { transition: none; }
}
@media print {
  .admin-workspace .admin-action-icon, .admin-action-tooltip { display: none !important; }
  .admin-workspace .admin-action-label { display: contents !important; clip: auto !important; clip-path: none !important; }
}