.commercial-status-filter select { background:#fff; border:1px solid #e4e4e4; border-radius:6px; min-height:40px; padding:8px 12px; font-size:12px; max-width:200px; }
.commercial-table strong { font-size:12px; font-weight:500; overflow-wrap:anywhere; }
.commercial-state { display:inline-block; padding:5px 8px; border-radius:5px; background:#f2f2f2; color:#555; font-size:10px; }
.commercial-row-actions { display:flex; align-items:center; gap:8px; min-height:68px; }
.commercial-action { width:156px; min-width:156px; justify-content:center; min-height:36px; }
.commercial-empty { padding:18px 20px 32px; text-align:center; }
.commercial-summary { margin:18px 0 22px; display:grid; gap:0; }
.commercial-summary > div { display:grid; grid-template-columns:1fr 1fr; gap:18px; border-bottom:1px solid #eee; padding:13px 0; font-size:12px; }
.commercial-summary dt { color:#777; }
.commercial-summary dd { margin:0; text-align:right; overflow-wrap:anywhere; }
.commercial-content-preview { border:1px solid #e5e5e5; border-radius:8px; overflow:hidden; background:#fafafa; }
.commercial-content-preview img { width:100%; max-height:280px; object-fit:cover; display:block; }
.commercial-content-preview > div { padding:24px; }
.commercial-content-preview h3 { font-size:23px; font-weight:500; line-height:1.3; margin:13px 0; overflow-wrap:anywhere; }
.commercial-content-preview p { color:#666; font-size:13px; line-height:1.7; white-space:pre-line; overflow-wrap:anywhere; }
.commercial-content-preview .button { margin-top:22px; }
.commercial-content-preview small { display:block; margin-top:10px; color:#777; font-size:11px; overflow-wrap:anywhere; }
.commercial-simulation { background:#f5f5f5; padding:18px; margin-top:20px; border-radius:7px; }
.commercial-simulation p { font-size:12px; line-height:1.6; margin-bottom:18px; }
.commercial-simulation dl { display:grid; gap:10px; font-size:12px; }
.commercial-simulation dl > div { display:flex; justify-content:space-between; gap:20px; }
.commercial-simulation dd { margin:0; font-variant-numeric:tabular-nums; }
@media(max-width:1100px) { .commercial-table { min-width:780px; } }
@media(max-width:560px) {
 .commercial-status-filter select { min-height:44px; font-size:14px; max-width:180px; }
 .commercial-table { min-width:0; }
 .commercial-table,.commercial-table tbody,.commercial-table tr,.commercial-table td { display:block; width:100%; max-width:none; }
 .commercial-table thead { display:none; }
 .commercial-table tr { padding:18px; border-bottom:1px solid #eee; }
 .commercial-table td { border:0; padding:8px 0; }
 .commercial-table td[data-label]::before { content:attr(data-label); display:block; color:#777; font-size:10px; margin-bottom:6px; }
 .commercial-table td.commercial-row-actions { display:flex; min-height:0; gap:8px; padding-top:16px; }
 .commercial-action { width:auto; min-width:0; min-height:44px; flex:1 1 0; }
 .commercial-dialog .ops-form input,.commercial-dialog .ops-form textarea,.commercial-dialog .ops-form select { font-size:16px; }
 .commercial-content-preview > div { padding:20px; }
 .commercial-content-preview h3 { font-size:21px; }
}
.commercial-dialog[open] { display:flex; flex-direction:column; max-height:92dvh; }
.commercial-dialog > form { display:flex; flex-direction:column; min-height:0; overflow:hidden; }
.commercial-dialog .dialog-heading,.commercial-dialog .dialog-footer { flex-shrink:0; }
.commercial-dialog .dialog-body { overflow-y:auto; min-height:0; }
.commercial-dialog .ops-form > small { display:block; font-size:11px; color:#777; line-height:1.6; margin:0 0 18px; }