/* ED4 inherits the app theme. The detailed editor is a separate, explicit design. */
.ed4 { margin: 24px 0; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.ed4 h2 { font-size: 20px; margin: 0 0 10px; }.ed4 p { margin: 8px 0; }
.ed4 .ed4-note { color: var(--txt2); font-size: 13px; line-height: 1.65; }
.ed4 .ed4-warn { padding: 12px; border-left: 3px solid var(--warn); background: var(--panel2); }
.ed4 .ed4-tools { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.ed4 button,.ed4 .ed4-file { min-height: 44px; padding: 8px 12px; border: 1px solid var(--line2); border-radius: 8px; color: var(--txt); background: var(--panel2); font: inherit; font-size: 13px; cursor: pointer; }
.ed4 button:disabled { opacity: .55; cursor: not-allowed; }.ed4 button:focus-visible,.ed4 input:focus-visible,.ed4 textarea:focus-visible,.ed4 summary:focus-visible { outline: 2px solid var(--acc); outline-offset: 3px; }
.ed4 .ed4-primary { border-color: var(--acc); }.ed4 .ed4-inputs { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 12px; }
.ed4 label { display: grid; gap: 6px; color: var(--txt2); font-size: 13px; }
.ed4 input,.ed4 textarea { min-width: 0; width: 100%; color: var(--txt); background: var(--bg2); border: 1px solid var(--line2); border-radius: 6px; padding: 9px; font: inherit; }
.ed4 textarea { font-family: var(--mono); font-size: 12px; resize: vertical; min-height: 200px; line-height: 1.5; }
.ed4 details { margin: 12px 0; border-top: 1px solid var(--line); padding-top: 12px; }.ed4 summary { cursor: pointer; padding: 4px 0; font-weight: 600; }
.ed4 .ed4-kpis { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 10px; margin: 16px 0; }.ed4 .ed4-kpis div { background: var(--bg2); border-radius: 8px; padding: 12px; }.ed4 .ed4-kpis span { display: block; font-size: 12px; color: var(--txt2); }.ed4 .ed4-kpis strong { font-size: 21px; }
.ed4 .ed4-scroll { max-width: 100%; overflow: auto; }.ed4 table { width:100%;border-collapse: collapse; font-size: 12px; }.ed4 td,.ed4 th { padding: 9px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; white-space: normal; overflow-wrap:anywhere; }.ed4 th { color:var(--txt2); }
.ed4 pre { white-space: pre-wrap; overflow-wrap: anywhere; font:12px/1.6 var(--mono); max-height: 380px; overflow:auto; }.ed4 .ed4-error { color:var(--bad); }.ed4 .ed4-status { min-height:24px; font-family:var(--mono); font-size:12px; overflow-wrap:anywhere; }
@media(max-width:600px){.ed4 {padding:12px;}.ed4 .ed4-tools button {flex:1 1 44%;}.ed4 .ed4-inputs {grid-template-columns:1fr 1fr;}.ed4 h2{font-size:18px;}}