/* Native messaging uses the established workspace panel and field system. */
.workspace-message-panel { padding: 1.5rem; margin-block: 1.25rem; }
.workspace-message-panel h2 { font-size: 1.125rem; line-height: 1.4; margin: 0 0 .5rem; }
.workspace-message-panel > .hint { margin: .5rem 0 1rem; }
.workspace-message-panel form { display: grid; gap: .75rem; max-width: 42rem; }
.workspace-message-panel .field-label { margin: .5rem 0 0; }
.workspace-message-panel .portal-input { width: 100%; min-width: 0; }
.workspace-message-panel label:has(input[type="checkbox"]) { display: flex; gap: .625rem; align-items: flex-start; line-height: 1.5; }
.workspace-message-panel input[type="checkbox"] { margin-top: .25rem; flex-shrink: 0; }
.workspace-message-panel form button { justify-self: start; margin-top: .25rem; }
.workspace-message-panel [role="status"] { line-height: 1.5; }
@media (max-width: 40rem) { .workspace-message-panel { padding: 1rem; } }
.notification-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.notification-field{display:grid;gap:.4rem;align-content:start}
.notification-field[hidden]{display:none}
#settings-panel-notifications .workspace-message-panel{max-width:50rem}
#settings-panel-notifications .hint:empty{display:none}
.notification-history{font-size:.8rem;color:#53607b}
@media(max-width:40rem){.notification-fields{grid-template-columns:1fr}}