.cc-notifications .message-card,.cc-notification-console .message-card{display:block;width:100%;text-align:left}.cc-notifications .message-card p,.cc-notification-console .message-card p{white-space:pre-wrap;overflow-wrap:anywhere}.cc-unread{border-left:4px solid var(--accent,#4f645c)}.cc-notify-controls,.cc-campaign-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.cc-notification-console{border-top:1px solid var(--line,#d7ded9);margin-top:28px;padding-top:24px}.cc-campaign-form{display:grid;gap:16px}.cc-campaign-form label:not(.choice-field){display:grid;gap:7px}.cc-campaign-form input:not([type=checkbox]),.cc-campaign-form textarea,.cc-campaign-form select{width:100%;font:inherit;border:1px solid var(--line,#d7ded9);border-radius:12px;padding:12px;background:var(--surface,#fff);color:inherit}.cc-recipient-results{display:grid;gap:8px;max-height:280px;overflow:auto}.cc-campaign-status,.cc-notify-status{min-height:1.5em;overflow-wrap:anywhere}.notification-button[data-unread]:not([data-unread="0"]):after{content:attr(data-unread);position:absolute;right:-5px;top:-4px;background:#9e493c;color:#fff;border-radius:12px;min-width:19px;padding:2px 4px;font-size:10px;line-height:14px}.cc-campaign-history{display:grid;gap:12px}@media(max-width:500px){.cc-notify-controls,.cc-campaign-actions{flex-direction:column}.cc-campaign-actions button{width:100%}}
/* Customer inbox controls follow the app theme and remain usable on a phone. */
.cc-notifications .cc-notify-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.cc-notifications button{min-height:50px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--neutral-soft);color:var(--ink);font:500 var(--type-body,1rem)/1.5 var(--sans);text-align:center;cursor:pointer;overflow-wrap:anywhere}
.cc-notify-controls button{width:100%}
.cc-notify-controls [data-notify=push]{background:var(--charcoal);border-color:var(--charcoal);color:var(--white)}
.cc-notifications button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cc-notifications button:disabled{opacity:.6;cursor:default}
[data-theme=dark] .cc-notifications button{background:#2b261f;border-color:var(--line);color:var(--ink)}
[data-theme=dark] .cc-notify-controls [data-notify=push]{background:#c7a27a;border-color:#c7a27a;color:#211b15}

.cc-automatic-form{margin-block:24px}.cc-automatic-form fieldset{min-width:0;margin:0;padding:18px;border:1px solid var(--line);border-radius:16px}.cc-automatic-form legend{padding-inline:6px;font-size:18px}.cc-automatic-form code{overflow-wrap:anywhere}.cc-automatic-form .cc-rule-preview p{white-space:pre-wrap}
.cc-automatic-form fieldset>label{margin-block:18px}.cc-automatic-form input:not([type=checkbox]),.cc-automatic-form textarea{min-height:50px;background:var(--white);color:var(--ink);font-size:16px}.cc-automatic-form .choice-field{min-height:44px}.cc-automatic-form textarea{resize:vertical}.cc-automatic-form .cc-rule-status{overflow-wrap:anywhere}