/* Order-created notifications: deliberately scoped to preserve the existing console. */
#module-order-created .oc-container { max-width: 1400px; }
#module-order-created .oc-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
#module-order-created .oc-heading .card-label { margin-bottom: 6px; }
#module-order-created .oc-heading .btn { height: 38px; flex-shrink: 0; }
#module-order-created .oc-feedback { color: var(--dt-text-secondary); font-size: .82rem; margin-top: 10px; min-height: 1.5em; }
#module-order-created .oc-feedback[data-tone="error"] { color: #ff8888; }
#module-order-created .oc-feedback[data-tone="success"] { color: #88d5a1; }
#module-order-created .oc-small { font-size: .8rem; margin: 8px 0 12px; }
#module-order-created .oc-policy { padding: 15px 18px; border: 1px solid #79471b; border-radius: 8px; background: rgba(240,132,24,.08); margin: 16px 0; }
#module-order-created .oc-policy strong { color: var(--dt-signal-orange); }
#module-order-created .oc-policy p { color: var(--dt-text-secondary); font-size: .8rem; margin-top: 4px; }
#module-order-created .oc-overview { display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 16px; padding: 10px 0; }
#module-order-created .oc-overview strong { display: block; font-size: .94rem; font-weight: 600; margin-top: 5px; }
#module-order-created .oc-kicker { color: var(--dt-text-secondary); font-size: .75rem; }
#module-order-created .oc-integration, #module-order-created .oc-log-summary { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
#module-order-created .oc-pill { border-radius: 6px; padding: 4px 9px; background: #202020; color: #c3c3c3; font-size: .75rem; display: inline-block; }
#module-order-created .oc-pill[data-tone="good"] { background: rgba(90,180,115,.12); color: #8ed7a5; }
#module-order-created .oc-pill[data-tone="warn"] { background: rgba(240,132,24,.12); color: #f8b16c; }
#module-order-created .oc-pill[data-tone="error"] { background: rgba(220,75,75,.12); color: #ff9999; }
#module-order-created fieldset { border: 0; min-width: 0; }
#module-order-created fieldset:disabled { opacity: .55; }
#module-order-created .oc-switch-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
#module-order-created .oc-switch-card { border: 1px solid var(--dt-border); padding: 16px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; }
#module-order-created .oc-switch-card strong { font-size: .88rem; font-weight: 600; }
#module-order-created .oc-switch-card small { display: block; color: var(--dt-text-secondary); font-size: .75rem; margin-top: 4px; }
#module-order-created input[type="checkbox"] { width: 21px; height: 21px; accent-color: var(--dt-signal-orange); flex-shrink: 0; }
#module-order-created .oc-editor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 20px; }
#module-order-created .oc-editor { min-width: 0; }
#module-order-created .oc-field-label { display: block; color: #ccc; font-size: .82rem; margin: 12px 0 7px; }
#module-order-created textarea.dt-input { resize: vertical; min-height: 140px; height: auto; line-height: 1.7; padding: 12px; font-family: var(--font-main); }
#module-order-created input.dt-input { height: 42px; }
#module-order-created .oc-template-tools { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
#module-order-created .oc-template-tools button { background: var(--dt-bg-input); border: 1px solid var(--dt-border); border-radius: 5px; color: var(--dt-signal-orange); padding: 5px 9px; font-size: .75rem; cursor: pointer; }
#module-order-created .oc-actions { display: flex; align-items: center; gap: 14px; margin-top: 20px; flex-wrap: wrap; }
#module-order-created .oc-actions .oc-feedback { margin: 0; }
#module-order-created .oc-preview-form { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
#module-order-created .oc-preview-input { flex: 1; max-width: 420px; min-width: 220px; }
#module-order-created .oc-preview-form .btn { height: 42px; }
#module-order-created .oc-preview-header { margin: 16px 0; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
#module-order-created .oc-preview-metadata { color: var(--dt-text-secondary); font-size: .8rem; margin-bottom: 16px; }
#module-order-created .oc-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
#module-order-created .oc-preview-card { padding: 16px; border: 1px solid var(--dt-border); border-radius: 8px; min-width: 0; }
#module-order-created .oc-preview-card h3 { font-size: .9rem; margin-bottom: 8px; }
#module-order-created .oc-message { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--dt-bg-input); border-radius: 6px; padding: 12px; margin-top: 12px; font-family: var(--font-main); font-size: .86rem; line-height: 1.7; }
#module-order-created .oc-table-scroll { overflow-x: auto; border: 1px solid var(--dt-border); border-radius: 8px; }
#module-order-created .oc-log-table { width: 100%; min-width: 850px; table-layout: auto; border-collapse: collapse; }
#module-order-created .oc-log-table th { white-space: nowrap; font-size: .76rem; }
#module-order-created .oc-log-table td { font-size: .8rem; vertical-align: top; padding: 12px; overflow-wrap: anywhere; }
#module-order-created .oc-log-table td:nth-child(4) { min-width: 220px; max-width: 320px; }
#module-order-created .oc-log-table td:nth-child(6) { white-space: nowrap; }
#module-order-created .oc-empty { text-align: center; padding: 26px !important; color: var(--dt-text-secondary); }
#module-order-created button:focus-visible, #module-order-created input:focus-visible, #module-order-created textarea:focus-visible { outline: 2px solid var(--dt-signal-orange); outline-offset: 3px; }
#module-order-created button:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 850px) {
    #module-order-created .oc-switch-grid { grid-template-columns: 1fr; }
    #module-order-created .oc-overview { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 650px) {
    #module-order-created .oc-editor-grid, #module-order-created .oc-preview-grid { grid-template-columns: 1fr; }
    #module-order-created .oc-heading .btn { width: 100%; }
    #module-order-created .oc-preview-input { max-width: none; }
}