/* === XR R4D.1 DOCUMENT PREVIEW FIT ON UI2 CORE START === */
.xr-ui2-runtime .xrad-document-layout {
  display: grid;
  grid-template-columns: minmax(420px, .8fr) minmax(0, 1.2fr);
  gap: 12px;
  align-items: start;
}

.xr-ui2-runtime .xrad-company-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  gap: 12px;
  align-items: start;
}

.xr-ui2-runtime .xrad-document-controls {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
  gap: 10px;
}

.xr-ui2-runtime .xrad-document-guides {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.xr-ui2-runtime .xrad-document-guides .document-money-guide,
.xr-ui2-runtime .xrad-document-guides .document-workflow-guide {
  margin: 0;
  padding: 12px;
  border: 1px solid var(--xr2-border);
  border-radius: var(--xr2-radius);
  background: var(--xr2-surface-soft);
}

.xr-ui2-runtime .xrad-document-guides .panel-head {
  margin: 0 0 10px;
  padding: 0 0 9px;
}

.xr-ui2-runtime .xrad-document-actions,
.xr-ui2-runtime .xrad-more-actions,
.xr-ui2-runtime .xrad-sticky-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.xr-ui2-runtime .xrad-document-actions { margin-top: 12px; }
.xr-ui2-runtime .xrad-more { margin-top: 8px; }
.xr-ui2-runtime .xrad-more summary,
.xr-ui2-runtime .xrad-editor summary,
.xr-ui2-runtime .xrad-service-details summary {
  padding: 10px 12px;
  border: 1px solid var(--xr2-border);
  border-radius: var(--xr2-radius-sm);
  background: #fff;
  color: var(--xr2-text);
  font-weight: 700;
  cursor: pointer;
}

.xr-ui2-runtime .xrad-more-actions { padding: 9px 0 0; }
.xr-ui2-runtime .xrad-export-status {
  margin-top: 10px;
  padding: 9px 11px;
  border: 1px solid #b7ddc8;
  border-radius: var(--xr2-radius-sm);
  background: #effaf3;
  color: #26734a;
  font-size: 13px;
}

.xr-ui2-runtime .xrad-export-status.error { border-color: #f1b3b3; background: #fff2f2; color: #a52c2c; }
.xr-ui2-runtime .xrad-editor { margin-top: 10px; }
.xr-ui2-runtime .xrad-editor .doc-editor { min-height: 260px; margin-top: 8px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }

.xr-ui2-runtime .xrad-document-layout > .document-side-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--xr2-border);
  border-radius: var(--xr2-radius);
  background: #fff;
  box-shadow: var(--xr2-shadow);
}

.xr-ui2-runtime .xrad-document-layout .document-side-tabs { margin: 0; padding: 8px; border-bottom: 1px solid var(--xr2-border); background: var(--xr2-surface-soft); }
.xr-ui2-runtime .xrad-document-layout .document-side-content { max-height: 720px; overflow: auto; }
.xr-ui2-runtime .xrad-document-layout .doc-preview { min-width: 0; padding: 18px; }
.xr-ui2-runtime .xrad-document-layout .doc-preview table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  table-layout: fixed;
  font-size: 12px;
}
.xr-ui2-runtime .xrad-document-layout .doc-preview th,
.xr-ui2-runtime .xrad-document-layout .doc-preview td { padding: 6px; }
.xr-ui2-runtime .xrad-document-layout .doc-preview .doc-calc-table {
  min-width: 0;
  table-layout: auto;
  font-size: 14px;
}

.xr-ui2-runtime .xrad-form-section + .xrad-form-section { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--xr2-border); }
.xr-ui2-runtime .xrad-section-head { margin-bottom: 11px; }
.xr-ui2-runtime .xrad-section-head h3 { margin: 0; color: var(--xr2-text); font-size: 16px; }
.xr-ui2-runtime .xrad-section-head p { margin: 3px 0 0; color: var(--xr2-muted); font-size: 13px; }
.xr-ui2-runtime .xrad-service-details { margin-top: 16px; }
.xr-ui2-runtime .xrad-service-details .xr2-form-grid { margin-top: 10px; }
.xr-ui2-runtime .xrad-sticky-actions { position: sticky; bottom: 0; z-index: 3; margin-top: 14px; padding: 10px 0 2px; background: linear-gradient(180deg, rgba(255,255,255,0), #fff 22%); }
.xr-ui2-runtime .xrad-company-preview { position: sticky; top: 74px; }
.xr-ui2-runtime .xrad-company-view .xr2-col-5 { grid-column: span 5; }
.xr-ui2-runtime .xrad-company-view .xr2-col-2 { grid-column: span 2; }

.xr-ui2-runtime .xrad-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.xr-ui2-runtime .xrad-preview-grid > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--xr2-border);
  border-radius: var(--xr2-radius-sm);
  background: var(--xr2-surface-soft);
}
.xr-ui2-runtime .xrad-preview-grid span { display: block; color: var(--xr2-muted); font-size: 12px; }
.xr-ui2-runtime .xrad-preview-grid strong { display: block; overflow-wrap: anywhere; margin-top: 3px; color: var(--xr2-text); font-size: 14px; line-height: 1.35; }

.xr-ui2-runtime .xrad-settings-view > .xr2-tabs { margin-bottom: 0; }
.xr-ui2-runtime .xrad-settings-form > .fields { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 10px; }
.xr-ui2-runtime .xrad-settings-form .field { min-width: 0; }
.xr-ui2-runtime .xrad-settings-form .span-3 { grid-column: span 3; }
.xr-ui2-runtime .xrad-settings-form .span-4 { grid-column: span 4; }
.xr-ui2-runtime .xrad-settings-form .span-8 { grid-column: span 8; }
.xr-ui2-runtime .xrad-settings-form .span-12 { grid-column: 1 / -1; }
.xr-ui2-runtime .xrad-settings-form input:not([type="checkbox"]),
.xr-ui2-runtime .xrad-settings-form select,
.xr-ui2-runtime .xrad-settings-form textarea { width: 100%; min-height: 40px; padding: 9px 11px; border: 1px solid var(--xr2-border); border-radius: var(--xr2-radius-sm); background: #fff; color: var(--xr2-text); }
.xr-ui2-runtime .xrad-settings-form label { color: var(--xr2-text); font-size: 13px; font-weight: 700; }
.xr-ui2-runtime .xrad-settings-form .check-row { display: flex; gap: 8px; align-items: center; }

@media (max-width: 1500px) {
  .xr-ui2-runtime .xrad-document-layout { grid-template-columns: 1fr; }
}

@media (max-width: 1180px) {
  .xr-ui2-runtime .xrad-company-layout { grid-template-columns: 1fr; }
  .xr-ui2-runtime .xrad-company-preview { position: static; }
}

@media (max-width: 760px) {
  .xr-ui2-runtime .xrad-document-controls,
  .xr-ui2-runtime .xrad-preview-grid { grid-template-columns: 1fr; }
  .xr-ui2-runtime .xrad-settings-form .span-3,
  .xr-ui2-runtime .xrad-settings-form .span-4,
  .xr-ui2-runtime .xrad-settings-form .span-8 { grid-column: 1 / -1; }
  .xr-ui2-runtime .xrad-company-view .xr2-col-5,
  .xr-ui2-runtime .xrad-company-view .xr2-col-2 { grid-column: 1 / -1; }
  .xr-ui2-runtime .xrad-document-actions .xr2-btn,
  .xr-ui2-runtime .xrad-more-actions .xr2-btn,
  .xr-ui2-runtime .xrad-sticky-actions .xr2-btn { width: 100%; }
}
/* === XR R4D.1 DOCUMENT PREVIEW FIT ON UI2 CORE END === */