.campaigns-page { grid-column: 2; grid-row: 2; min-width: 0; overflow: auto; padding: 28px; background: #f5f5f3; color: #242423; font-size: 13px; }
.campaigns-heading, .campaigns-toolbar, .campaigns-dialog header, .campaigns-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.campaigns-heading p { margin: 0 0 8px; color: #666; }
.campaigns-heading h1 { margin: 0; font-size: 25px; }
.campaigns-page > p { line-height: 1.6; max-width: 850px; }
.campaigns-page button, .campaigns-dialog button { padding: 9px 14px; border: 1px solid #aaa; border-radius: 5px; background: white; color: #222; font: inherit; cursor: pointer; }
.campaigns-page [data-new-campaign], .campaigns-dialog [type="submit"] { background: var(--pale-lime, #e6eebc); }
.campaigns-page button:hover, .campaigns-dialog button:hover { background: var(--blue); }
.campaigns-panel { margin-top: 24px; border: 1px solid #ccc; border-radius: 8px; background: white; overflow: hidden; }
.campaigns-toolbar { padding: 18px; border-bottom: 1px solid #ddd; }
.campaigns-toolbar h2 { margin: 0; font-size: 15px; }
.campaigns-toolbar [data-count] { color: #666; font-weight: normal; }
.campaigns-toolbar label, .campaigns-dialog label { display: grid; gap: 7px; }
.campaigns-page input, .campaigns-dialog input, .campaigns-dialog textarea { border: 1px solid #aaa; border-radius: 4px; background: #fff; color: #222; padding: 9px; font: inherit; min-width: 0; }
.campaigns-table-scroll { overflow: auto; }
.campaigns-page table { width: 100%; border-collapse: collapse; text-align: left; }
.campaigns-page th, .campaigns-page td { padding: 14px 18px; border-bottom: 1px solid #eee; overflow-wrap: anywhere; }
.campaigns-page thead { background: #f7f7f5; }
.campaigns-badge { display: inline-block; padding: 4px 9px; background: #ededeb; border-radius: 20px; white-space: nowrap; }
.campaigns-empty { padding: 60px 20px; text-align: center; }
.campaigns-empty p { color: #666; }
.campaigns-dialog { width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 24px; border: 1px solid #aaa; border-radius: 9px; background: #fff; color: #222; font-size: 13px; }
.campaigns-dialog::backdrop { background: #0007; }
.campaigns-dialog form { display: grid; gap: 18px; }
.campaigns-dialog h2 { margin: 0; font-size: 19px; }
.campaigns-dialog textarea { resize: vertical; }
.campaigns-dialog p { margin: 0; line-height: 1.5; }
.campaigns-dialog footer { justify-content: flex-end; }
.campaigns-page [role="alert"], .campaigns-dialog [role="alert"] { color: #a32d22; }
.campaigns-page [role="alert"]:empty, .campaigns-dialog [role="alert"]:empty { display: none; }
@media (max-width: 1179px) { .campaigns-page { grid-column: 1; } }
@media (max-width: 700px) { .campaigns-page { padding: 18px 12px; } .campaigns-toolbar label, .campaigns-toolbar input { width: 100%; } .campaigns-page table { min-width: 650px; } }