.ad-admin-grid { display: grid; grid-template-columns: minmax(360px, .75fr) minmax(520px, 1.4fr); gap: 16px; }
.ad-compose-panel, .ad-list-panel { min-height: 620px; }
.ad-form { padding: 18px 20px 24px; }
.ad-form label { color: #9fc1d2; }
.ad-form textarea, .ad-form select {
  width: 100%; margin-top: 7px; padding: 12px 14px; border: 1px solid rgba(104,185,218,.28);
  border-radius: 10px; color: #fff; background: #081f36; outline: none; resize: vertical;
}
.ad-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ad-publish-button { width: 100%; margin-top: 13px; }
.ad-form > small { display: block; margin-top: 12px; color: #6f93a8; line-height: 1.6; }
.ad-list { padding: 14px; display: grid; gap: 12px; }
.ad-item { padding: 16px; border: 1px solid var(--line); border-radius: 11px; background: rgba(6,31,55,.72); }
.ad-item-head { display: flex; justify-content: space-between; gap: 14px; }
.ad-item h4 { margin: 0 0 7px; font-size: 16px; }
.ad-item p { margin: 0; color: #91b4c6; line-height: 1.65; font-size: 12px; }
.ad-item-meta { display: flex; flex-wrap: wrap; gap: 8px 15px; margin-top: 13px; color: #6f95aa; font-size: 11px; }
.ad-state { padding: 5px 9px; height: fit-content; border-radius: 999px; color: #5de5c1; background: rgba(34,196,157,.12); white-space: nowrap; }
.ad-state.off { color: #ff9aac; background: rgba(255,119,145,.1); }
.ad-item-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; }
.ad-stats { color: #7da3b7; font-size: 11px; }
.ad-toggle { padding: 7px 12px; color: #62e1d7; border: 1px solid rgba(51,226,214,.24); background: rgba(25,184,178,.08); }
.ad-toggle.stop { color: #ff9aac; border-color: rgba(255,119,145,.26); background: rgba(255,119,145,.07); }
@media(max-width: 1100px) { .ad-admin-grid { grid-template-columns: 1fr; } .ad-compose-panel, .ad-list-panel { min-height: 0; } }
@media(max-width: 620px) { .ad-form-row { grid-template-columns: 1fr; } }