*,*::before,*::after{box-sizing:border-box}
.notifications-plugin{font-family:Arial,sans-serif;padding:15px;background:#fff;color:#222}
.notifications-header{border-bottom:2px solid #007acc;margin-bottom:16px}
.notifications-header h3{margin:0 0 8px;color:#007acc}
.notifications-layout{display:flex;gap:20px}
.notifications-nav{width:215px;padding:14px;background:#f5f5f5;border-radius:6px}
.notifications-nav a{display:block;margin-bottom:10px;padding:8px 10px;border-radius:4px;color:#fff;background:#1794dd;text-decoration:none;font-weight:bold;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.notifications-nav a.active,.notifications-nav a:hover{color:#000;background:#fdeab3}
.notifications-content{flex:1;min-width:0}
.notifications-panel{padding:16px;border:1px solid #d6dce2;border-radius:6px;background:#fafafa}
.notifications-panel h4{margin-top:0;color:#007acc}
.notifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;align-items:stretch}
.notifications-card{min-width:0;overflow:hidden;padding:14px;border:1px solid #ccd6df;border-radius:6px;background:#fff;font-size:13px;line-height:1.35}
.notifications-number{display:block;font-size:18px;line-height:1.2;font-weight:bold;color:#007acc;overflow-wrap:anywhere;word-break:break-word}
.notifications-rule{margin-bottom:12px;border:1px solid #ccd6df;border-radius:6px;background:#fff}
.notifications-rule summary{padding:11px;cursor:pointer;font-weight:bold;color:#005b96}
.notifications-form{padding:0 12px 14px}
.notifications-form label{display:block;margin:10px 0 4px;font-weight:bold}
.notifications-form input[type=email],.notifications-form input[type=number],.notifications-form select{width:100%;padding:8px;border:1px solid #b9c2cc;border-radius:4px}
.notifications-form select[multiple]{min-height:115px}
.notifications-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.notifications-button{display:inline-block;margin-top:10px;padding:8px 12px;border:0;border-radius:4px;color:#fff;background:#1794dd;text-decoration:none;font-weight:bold;cursor:pointer}
.notifications-button.danger{background:#a00000}
.notifications-inline-form{display:inline}
.notifications-table{width:100%;border-collapse:collapse;background:#fff}
.notifications-table th,.notifications-table td{padding:7px;border:1px solid #ddd;text-align:left;vertical-align:top;font-size:12px}
.notifications-table th{color:#fff;background:#007acc}
.notifications-message,.notifications-error,.notifications-hint{padding:10px;margin-bottom:12px;border-radius:5px}
.notifications-message{color:#2e5e2e;background:#dff2bf;border:1px solid #8fbc8f}
.notifications-error{color:#8a0000;background:#ffd6d6;border:1px solid #cc7777}
.notifications-hint{background:#fdeab3;border:1px solid #d6b85a}
.notifications-help{line-height:1.55}
.notifications-help pre{white-space:pre-wrap;overflow:auto;background:#fff;border:1px solid #ccd6df;border-radius:6px;padding:10px}
@media(max-width:760px){.notifications-layout{flex-direction:column}.notifications-nav{width:100%}.notifications-two{grid-template-columns:1fr}.notifications-table,.notifications-table tbody,.notifications-table tr,.notifications-table td{display:block;width:100%}.notifications-table thead{display:none}.notifications-table tr{margin-bottom:10px;border:1px solid #ccc}.notifications-table td{border-width:0 0 1px}}