.client-report-options { display: grid; gap: 12px; overflow: auto; padding: 8px 14px 8px 0; }
.client-report-options > p { font-size: 13px; line-height: 1.5; margin: 0; }
.client-report-options label { display: grid; gap: 5px; font-size: 13px; }
.client-report-options input, .client-report-options textarea { width: 100%; box-sizing: border-box; padding: 8px; border: 1px solid #ced9df; border-radius: 5px; }
.client-report-options input[type="color"] { width: 90px; height: 38px; padding: 3px; }
.client-report-options fieldset { border: 1px solid #ced9df; border-radius: 5px; padding: 10px; }
.client-report-options fieldset > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.client-report-options [role="alert"] { color: #b42318; }
.client-layout-designer footer { flex-wrap: wrap; }
dialog.client-layout-designer-overlay { width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; }
dialog.client-layout-designer-overlay .client-layout-designer-body { min-height: 0; height: min(68vh, 650px); }
.client-layout-designer .client-report-options textarea { min-height: 130px; height: auto; resize: vertical; font: inherit; }
.client-layout-designer .client-report-options > label { display: grid; }
.client-layout-designer .client-layout-designer-body iframe { min-height: 0; height: 100%; }
@media (max-width: 800px) { dialog.client-layout-designer-overlay .client-layout-designer-body { height: 68vh; overflow: auto; } .client-layout-designer .client-layout-designer-body iframe { min-height: 360px; } }