/* Shared presentation for the production and local Decap panels. */
html, body, #nc-root { min-height: 100%; direction: ltr; }
body { background: #f4f7f8; }
#nc-root { font-family: Arial, "Heebo", sans-serif; color: #243746; }
#nc-root [role="main"] { min-width: 0; }
#nc-root [class*="EditorContainer"] { background: #f4f7f8; }
/* Decap also puts "PreviewPaneContainer" in the editing pane's class name.
   Keep that editing pane; hide only the actual preview pane. */
#nc-root [class*="PreviewPaneContainer"]:not([class*="ControlPaneContainer"]) { display: none !important; }
#nc-root [class*="EditorContainer"] .SplitPane > .Pane1 { width: 100% !important; flex: 1 1 100% !important; min-width: 0; }
#nc-root [class*="EditorContainer"] .SplitPane > .Resizer { display: none !important; }
/* Hide the deployment-preview action without hiding editor view controls. */
#nc-root button[class*="preview"],
#nc-root a[class*="preview"],
#nc-root [class*="PreviewLink"],
#nc-root [data-testid="preview-button"],
#nc-root button[class*="RefreshPreviewButton"] { display: none !important; }
#nc-root [class*="ControlPaneContainer"] { width: 100% !important; max-width: 880px; min-width: 0 !important; margin-inline: auto !important; box-sizing: border-box; }
#nc-root [class*="ControlPaneContainer"] [class*="ControlPaneContainer"] { padding: 24px !important; background: white; border-radius: 20px; box-shadow: 0 8px 32px #2637460d; }
#nc-root [class*="ControlContainer"] { border-radius: 12px; margin-bottom: 20px; }
#nc-root [class*="ControlTopbar"] { position: static !important; margin-bottom: 8px; }
#nc-root label[class*="FieldLabel"] { direction: rtl; display: block; text-align: right; font-size: 14px; font-weight: 600; color: #334155; }
#nc-root label[class*="FieldLabel"] { position: static !important; background: transparent !important; padding: 0 !important; }
#nc-root [class*="ControlContainer"] [class$="-control"] { border-radius: 10px !important; }
/* Decap renders its optional indicator as the label's direct child span. */
#nc-root label[class*="FieldLabel"] > span { display: none !important; }
#nc-root input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#nc-root textarea, #nc-root select { border-radius: 10px !important; border-color: #dce4e8 !important; background-color: #fbfcfd; direction: rtl; text-align: right; font-family: inherit; font-size: 16px; }
#nc-root input[type="number"], #nc-root input[type="email"], #nc-root input[type="tel"], #nc-root input[type="url"] { direction: ltr; text-align: left; }
#nc-root input:focus, #nc-root textarea:focus, #nc-root select:focus { outline: 2px solid #20a578; outline-offset: 2px; }
#nc-root [contenteditable="true"] { direction: rtl; text-align: right; font-family: inherit; }
#nc-root button, #nc-root [class*="ToolbarDropdown"] { border-radius: 10px !important; font-family: inherit; }
#nc-root [class*="ToolbarDropdown-button"], #nc-root [class*="PublishButton"], #nc-root [class*="SaveButton"] { background: #15966b !important; border-color: #15966b !important; color: white !important; box-shadow: 0 3px 10px #15966b26; }
#nc-root [class*="ToolbarDropdown-button"]:hover, #nc-root [class*="PublishButton"]:hover, #nc-root [class*="SaveButton"]:hover { background: #107b57 !important; }
#nc-root [class*="ToolbarDropdown-button"] > button { background: #15966b !important; border-color: #15966b !important; color: white !important; }
#nc-root [class*="ToolbarDropdown-button"] > button:hover { background: #107b57 !important; }
#nc-root [class*="DeleteButton"] { background: #fff1f2 !important; color: #be123c !important; border: 1px solid #ffe4e6; }
#nc-root [class*="ToolbarContainer"] { box-shadow: 0 2px 12px #26374609; }
@media (max-width: 767px) {
  #nc-root [class*="EditorContainer"] { min-width: 0 !important; width: 100% !important; }
  #nc-root [class*="EditorContainer"] > [class*="ToolbarContainer"] { min-width: 0 !important; width: 100%; overflow-x: auto; }
  #nc-root [class*="ControlPaneContainer"] { max-width: 100%; }
  #nc-root [class*="ControlPaneContainer"] [class*="ControlPaneContainer"] { padding: 16px !important; border-radius: 12px; }
}