#cec-app { min-width: 0; }
#cec-app p { overflow-wrap: anywhere; }
#cec-app .cec-grid { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
#cec-app .cec-space { margin-top: 18px; }
#cec-app .input, #cec-app .select, #cec-app .btn { min-height: 44px; }
#cec-app .textarea { min-height: 120px; font-family: var(--sans); }
#cec-app fieldset { min-width: 0; margin: 22px 0 12px; padding: 16px; border: 1px solid var(--border); border-radius: 16px; }
#cec-app legend { font-weight: 700; padding: 0 6px; }
#cec-app .cec-checks { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 8px 0 16px; }
#cec-app .cec-checks label { display: flex; align-items: center; gap: 9px; min-height: 44px; cursor: pointer; }
#cec-app input[type="checkbox"] { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--accent); }
#cec-app .cec-table-wrap { max-width: 100%; overflow: auto; max-height: 540px; border: 1px solid var(--border); border-radius: 10px; padding: 8px; }
#cec-app table { border-collapse: collapse; font-size: .9rem; }
#cec-app th, #cec-app td { border: 1px solid var(--border); padding: 6px; text-align: left; vertical-align: top; }
#cec-app th { background: var(--bg); }
#cec-app td input { width: 180px; min-height: 44px; padding: 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--card); color: var(--text); font: inherit; }
#cec-app .toolbar { margin: 14px 0; }
#cec-app .toolbar .btn { white-space: normal; }
.tool-layout:has(#cec-app) .proc-tip-bubble { left: auto; right: -9px; }
.tool-layout:has(#cec-app) .proc-tip-bubble::after { left: auto; right: 11px; }
@media (min-width: 560px) { #cec-app .cec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { #cec-app .cec-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }