fix: read-only rich text content overflowing container

Added section-content class with proper ul/ol/li/p margins and
overflow:hidden. Browser defaults for lists were causing content
to extend outside the form input box.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/admin/admin.css

@@ -383,6 +383,27 @@ img {
   max-width: 100%;
 }
 
+/* Rich text content rendered as read-only inside form inputs */
+.admin-form-input.section-content {
+  height: auto;
+  white-space: normal;
+  word-break: break-word;
+}
+
+.admin-form-input.section-content ul,
+.admin-form-input.section-content ol {
+  margin: 0 0 0.4em 1.5em;
+  padding: 0;
+}
+
+.admin-form-input.section-content li {
+  margin-bottom: 0.2em;
+}
+
+.admin-form-input.section-content p {
+  margin: 0 0 0.4em 0;
+}
+
 .admin-form-input[type="number"]::-webkit-inner-spin-button,
 .admin-form-input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;

src/admin/pages/OfferDetail.tsx

@@ -1099,8 +1099,8 @@ export default function OfferDetail() {
                     <label className="admin-form-label">Obsah</label>
                     {(isInvalidated || isLockedByOther) ? (
                       <div
-                        className="admin-form-input"
+                        className="admin-form-input section-content"
-                        style={{ minHeight: '80px', background: 'var(--bg-primary)' }}
+                        style={{ minHeight: '80px', background: 'var(--bg-primary)', overflow: 'hidden', lineHeight: 1.5, fontSize: '0.875rem' }}
                         dangerouslySetInnerHTML={{ __html: section.content || '<em>Prázdný obsah</em>' }}
                       />
                     ) : (