.tabs { overflow-x: auto; }
.tabs button { white-space: nowrap; }
.content-layout { grid-template-columns: minmax(380px, 520px) minmax(0, 1fr); }
.media-editor, .content-list, .bug-list, .audit-list { display: grid; gap: 10px; margin-top: 16px; }
.media-editor { margin: 0 0 16px; }
.media-row { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1.1fr 38px; gap: 6px; padding: 10px; border: 1px solid #ffffff10; border-radius: 12px; background: #081522; }
.media-row input { padding: 9px; }
.media-row button { padding: 0; background: #542632; color: #ffc4cc; }
.content-composer { margin: 8px 0 18px; padding: 14px; border: 1px solid #ffffff12; border-radius: 16px; background: #07111e; }
.block-toolbar { display: flex; flex-wrap: wrap; gap: 7px; padding: 10px 0 14px; border-bottom: 1px solid #ffffff0d; }
.block-toolbar button { flex: 1 0 auto; min-width: 92px; }
.content-block-editor { display: grid; gap: 10px; margin-top: 12px; }
.composer-empty { margin: 12px 0 2px; padding: 22px; border: 1px dashed #77a6df2e; border-radius: 12px; color: #7f94ac; text-align: center; }
.content-block { overflow: hidden; border: 1px solid #ffffff12; border-radius: 13px; background: #0a1828; transition: border-color .18s, opacity .18s, transform .18s; }
.content-block:hover { border-color: #5c9de44d; }
.content-block.dragging { opacity: .45; transform: scale(.985); }
.content-block > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; border-bottom: 1px solid #ffffff0d; background: #0d1d30; }
.block-handle { display: grid; gap: 2px; cursor: grab; }
.block-handle:active { cursor: grabbing; }
.block-handle span { color: #7087a2; font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.block-handle strong { color: #bcd4f2; font-size: 11px; text-transform: capitalize; }
.block-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.block-actions button { min-height: 30px; padding: 6px 8px; font-size: 9px; }
.block-actions button:disabled { opacity: .28; }
.block-fields { display: grid; gap: 9px; padding: 11px; }
.block-fields label { margin: 0; }
.block-fields textarea { min-height: 76px; }
.block-fields textarea.block-copy { min-height: 145px; }
.block-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.divider-preview { height: 1px; margin: 14px 8px; overflow: visible; color: #7087a2; background: #82a9d62e; text-align: center; font-size: 9px; line-height: 30px; }
.content-card { display: grid; grid-template-columns: 112px 1fr; gap: 14px; padding: 13px; border: 1px solid #ffffff12; border-radius: 14px; background: #091626; cursor: pointer; transition: .2s; }
.content-card:hover { border-color: #52da8b66; transform: translateY(-1px); }
.content-card img, .content-placeholder { width: 112px; height: 88px; border-radius: 10px; object-fit: cover; background: linear-gradient(135deg, #1b4b70, #1a6d57); display: grid; place-items: center; font-weight: 900; font-size: 24px; color: #b7f5d4; }
.content-card h3, .bug-card h3 { margin: 8px 0 5px; }
.content-card p, .bug-card p { margin: 0; color: #99adc2; font-size: 12px; line-height: 1.55; white-space: pre-wrap; }
.bug-card { padding: 18px; border: 1px solid #ffffff12; border-radius: 15px; background: #091626; }
.bug-head { display: flex; justify-content: space-between; gap: 20px; align-items: start; }
.bug-head select { width: 145px; }
.bug-card details { margin: 13px 0; color: #abc0d6; }
.bug-card pre { white-space: pre-wrap; font: 12px/1.5 inherit; color: #9fb2c6; }
.bug-card textarea { min-height: 70px; }
.service-security-grid { display: grid; grid-template-columns: minmax(320px, 520px); gap: 16px; margin-bottom: 16px; }
.audit-panel { margin-top: 16px; }
.audit-row { display: grid; grid-template-columns: 180px 1fr; gap: 12px; align-items: center; padding: 11px; border-bottom: 1px solid #ffffff0d; }
.audit-row div { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; }
.audit-row span, .audit-row small { color: #8ea3ba; font-size: 11px; }
@media (max-width: 1050px) {
  .content-layout { grid-template-columns: 1fr; }
  .media-row { grid-template-columns: 1fr 1fr; }
  .block-field-grid { grid-template-columns: 1fr; }
  .media-row button { min-height: 38px; }
  .audit-row, .audit-row div { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .content-card { grid-template-columns: 1fr; }
  .content-card img, .content-placeholder { width: 100%; height: 150px; }
  .media-row { grid-template-columns: 1fr; }
  .bug-head { display: grid; }
  .bug-head select { width: 100%; }
}