/* Shared hierarchy and spacing for the active CRM, drawers and forms. */
html.xr-ui2-runtime {
  --xr3-body-size: 14px;
  --xr3-caption-size: 12px;
  --xr3-title-size: 26px;
  --xr3-section-size: 17px;
  --xr3-dialog-size: 20px;
  --xr3-heading-weight: 600;
  --xr3-content-gap: 16px;
  --xr3-heading-gap: 8px;
  --xr3-line-width: 1px;
}
.xr-ui2-runtime :is(.xr3-pages-shell, .xr2-drawer, .followup-message-dialog, .followup-conflict-dialog, .followup-delivery-dialog) {
  font-family: XRInter, Inter, Arial, sans-serif;
  font-size: var(--xr3-body-size);
  line-height: 1.45;
}
.xr-ui2-runtime .xr3-pages-shell :is(.xr2-title, .xr3-orders-heading h1) {
  margin: 0;
  font-size: var(--xr3-title-size);
  font-weight: var(--xr3-heading-weight);
  line-height: 1.2;
  letter-spacing: -.02em;
}
.xr-ui2-runtime .xr3-pages-shell .ui3-dashboard-view .xr2-title {
  font-size: var(--xr3-title-size);
}
.xr-ui2-runtime .xr3-pages-shell .xr2-topbar .xr2-topbar-title h1 {
  margin: 0;
  font-size: var(--xr3-title-size);
  font-weight: var(--xr3-heading-weight);
  line-height: 1.2;
  letter-spacing: -.02em;
}
.xr-ui2-runtime .xr3-pages-shell :is(.xr2-page-header, .xr3-section-sticky > .xr2-page-header, .xr3-orders-heading) {
  gap: var(--xr3-content-gap);
  margin-bottom: var(--xr3-content-gap);
}
.xr-ui2-runtime .xr3-pages-shell :is(.xr2-panel-title, .xr2-section h2, .ui3-warehouse-stock h2, .xr3-page-aside h2, .xr3-attention h2),
.xr-ui2-runtime .xr2-drawer-body > h3 {
  margin: 0 0 var(--xr3-heading-gap);
  font-size: var(--xr3-section-size);
  font-weight: var(--xr3-heading-weight);
  line-height: 1.3;
}
.xr-ui2-runtime :is(.xr2-drawer-head h2, .followup-dialog-head h2) {
  margin: 0;
  font-size: var(--xr3-dialog-size);
  font-weight: var(--xr3-heading-weight);
  line-height: 1.25;
}
.xr-ui2-runtime .xr3-pages-shell :is(.xr2-subtitle, .xr2-panel-subtitle, .xr2-page-context) {
  font-size: var(--xr3-caption-size);
  line-height: 1.45;
}
.xr-ui2-runtime .xr3-pages-shell :is(.xr2-panel, .xr3-order-list, .xr2-calendar-surface, .ui3-warehouse-stock, .xrad-document-client-folder) {
  border-width: var(--xr3-line-width);
  border-color: var(--xr2-border);
  border-radius: var(--xr2-radius);
}
.xr-ui2-runtime .xr3-pages-shell .xr2-panel-head {
  padding: 12px var(--xr3-content-gap);
  gap: var(--xr3-content-gap);
}
.xr-ui2-runtime .xr3-pages-shell .xr2-panel-body { padding: var(--xr3-content-gap); }
.xr-ui2-runtime :is(.xr3-pages-shell, .xr2-drawer) :is(input, select, textarea, button) { font-family: inherit; }
.xr-ui2-runtime .xr3-pages-shell :is(.xr2-input, .xr2-select, .xr2-textarea) { border-width: var(--xr3-line-width); }
@media (max-width: 640px) {
  html.xr-ui2-runtime { --xr3-title-size: 22px; --xr3-section-size: 16px; }
  .xr-ui2-runtime :is(.xr3-pages-shell, .xr2-drawer) :is(input, select, textarea) { font-size: 16px; }
  .xr-ui2-runtime .xr3-drawer-document-actions .xr2-btn { width: 100%; }
}
