/* Compact category markers make every notification control scannable. */
.notice-toggle-label{display:flex;align-items:center;min-width:0;gap:9px}.notice-category-icon{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid #c9d9ea;border-radius:7px;background:#f5f9fd;color:#173b70;font:800 12px/1 Inter,Arial,sans-serif}.notice-category-payment{border-color:#b9ded4;background:#effaf6;color:#16735a}.notice-category-balance_due{border-color:#eed6a5;background:#fff8e8;color:#9a6813}.notice-category-upcoming_trip{border-color:#d6c9ef;background:#f7f3ff;color:#6941a8}.notice-category-enquiry{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.notice-category-system{border-color:#d7dee9;background:#f7f9fc;color:#475569}

/* Premium, accessible Notification Settings. Scoped to the notification dialog. */
.notice-feedback{margin:0 0 14px;padding:10px 12px;border:1px solid transparent;border-radius:10px;font-size:13px;line-height:1.4}.notice-feedback.info{background:#eff6ff;border-color:#bfdbfe;color:#174a7a}.notice-feedback.success{background:#ecfdf5;border-color:#a7f3d0;color:#166534}.notice-feedback.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.notice-business-select{position:relative;display:inline-flex;align-items:center;min-width:280px;max-width:100%;border:1.5px solid #7998bd;border-radius:11px;background:#eef6fd;box-shadow:0 1px 3px rgba(20,43,73,.04)}.notice-business-icon{position:absolute;left:12px;z-index:1;color:#17365d;font-size:16px;pointer-events:none}.notice-business-select select{width:100%;min-width:0!important;height:42px;min-height:42px!important;padding:0 36px 0 37px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#17365d!important;font:700 14px Inter,Arial,sans-serif!important;box-shadow:none!important}.notice-business-select:focus-within{outline:3px solid rgba(37,99,235,.2);outline-offset:2px;border-color:#17365d}.notice-business-select select:focus{outline:0}
.notifications-dialog{display:flex;flex-direction:column;max-height:90dvh}.notifications-dialog .notice-head,.notifications-dialog .notice-tabs{flex:none}.notifications-dialog .notice-content{min-height:0;max-height:none;flex:1;overflow:auto;overscroll-behavior:contain}.notice-settings-toolbar{position:sticky;top:-18px;z-index:2;margin:-18px -24px 16px;padding:13px 24px 12px;background:#fff;border-bottom:1px solid #e8eef5}.notice-settings-toolbar select{min-width:250px}
.notice-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:20px}.notice-settings .notice-panel{display:flex;min-width:0;flex-direction:column;padding:20px;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(20,43,73,.07)}.notice-panel-personal{border:1px solid #8ab9d7}.notice-panel-operations{border:1px solid #d7b77b}.notice-panel-head{display:flex;align-items:flex-start;gap:11px;min-height:49px;margin:0 0 12px}.notice-panel-head h3{margin:0;color:#173b70;font:800 16px/1.25 Inter,Arial,sans-serif}.notice-panel-head .notice-help{margin:4px 0 0}.notice-panel-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#edf6fc;color:#175a86;font:700 17px/1 Inter,Arial,sans-serif}.notice-panel-operations .notice-panel-icon{background:#fff8e8;color:#906916}.notice-toggle-list{border-top:1px solid #edf1f6}.notice-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:10px 0;border-bottom:1px solid #edf1f6;color:#334155;font:600 13px/1.35 Inter,Arial,sans-serif}.notice-toggle-label{min-width:0}.notice-switch-wrap{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none}.notice-toggle input[role="switch"]{appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;width:50px;min-width:50px;min-height:28px!important;height:28px!important;padding:0!important;margin:0;border:2px solid #9ca3af;border-radius:99px;background:#9ca3af!important;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.notice-toggle input[role="switch"]:checked{border-color:#16805d;background:#16805d!important}.notice-toggle input[role="switch"]+i{position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.35);pointer-events:none;transition:transform .18s ease}.notice-toggle:has(input[role="switch"]:checked) input+i{transform:translateX(20px)}.notice-toggle input[role="switch"]:focus-visible{outline:3px solid #2563eb80;outline-offset:3px}.notice-toggle input[role="switch"]:disabled{cursor:not-allowed;opacity:.48}.notice-toggle:has(input[role="switch"]:disabled){color:#94a3b8}.notice-switch-state{display:inline-block;min-width:24px;color:#475569;font:700 11px/1 Inter,Arial,sans-serif;text-align:left}.notice-toggle select{width:160px;min-width:0;min-height:38px}.notice-actions{margin-top:auto;padding-top:16px}.notice-panel-operations .notice-actions{justify-content:space-between}.notice-primary,.notice-secondary{min-height:40px}.notice-primary:disabled,.notice-secondary:disabled{cursor:not-allowed;opacity:.58}.notice-restricted{margin:14px 0 0;color:#64748b;font-size:13px;line-height:1.5}.notice-reminder-help{margin:8px 0 0;color:#64748b;font-size:11px;line-height:1.4}
.notice-unsaved-prompt{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,43,73,.28);border-radius:16px}.notice-unsaved-prompt>div{width:min(410px,100%);padding:20px;border:1px solid #dbe5ef;border-radius:14px;background:#fff;box-shadow:0 20px 44px rgba(20,43,73,.22)}.notice-unsaved-prompt h3{margin:0;color:#173b70;font-size:17px}.notice-unsaved-prompt p{margin:7px 0 16px;color:#64748b;font-size:13px}.notice-unsaved-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.notice-reset-prompt{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,43,73,.28);border-radius:16px}.notice-reset-prompt>div{width:min(430px,100%);padding:20px;border:1px solid #dbe5ef;border-radius:14px;background:#fff;box-shadow:0 20px 44px rgba(20,43,73,.22)}.notice-reset-prompt h3{margin:0;color:#173b70;font-size:17px}.notice-reset-prompt p{margin:7px 0 16px;color:#64748b;font-size:13px;line-height:1.45}
@media(max-width:760px){.notice-settings{grid-template-columns:1fr}.notice-settings-toolbar{top:-14px;margin:-14px -14px 14px;padding:12px 14px}.notice-business-select{width:100%;min-width:0}.notice-panel-operations .notice-actions{justify-content:flex-end;flex-wrap:wrap}.notice-toggle select{width:150px}}@media(max-width:430px){.notice-settings .notice-panel{padding:16px}.notice-toggle{gap:10px}.notice-switch-wrap{gap:6px}.notice-toggle input[role="switch"]{width:48px;min-width:48px;height:27px}.notice-toggle input[role="switch"]+i{left:4px;top:4px;width:19px;height:19px}.notice-toggle:has(input[role="switch"]:checked) input+i{transform:translateX(19px)}.notice-toggle select{width:135px;font-size:12px}.notice-actions .notice-primary,.notice-actions .notice-secondary{width:100%}.notice-panel-operations .notice-actions{justify-content:stretch}.notice-business-icon{left:10px;font-size:14px}.notice-business-select select{padding:0 28px 0 29px!important;font-size:12px!important;letter-spacing:-.1px}}

/* Staff delivery: permission cards use the same compact, readable system as settings. */
.notice-staff-toolbar{display:flex;align-items:center;gap:12px}.notice-staff-toolbar input{width:min(300px,100%);min-height:42px;margin:0}.notice-staff-panel,.notice-delivery-history{margin-top:14px;border:1px solid #dbe6f0!important}.notice-delivery-history{border-color:#e5d2a8!important}.notice-staff-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.notice-staff-row{display:block!important;min-width:0;padding:0!important;gap:0!important;border:1px solid #d9e3ee;border-radius:14px;background:#fff;overflow:hidden}.notice-staff-row[data-status="inactive"]{background:#fafbfc;border-color:#e4e8ed}.notice-staff-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #e9eff5}.notice-staff-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #d1dfed;border-radius:50%;background:#edf5fd;color:#173b70;font:800 12px/1 Inter,Arial,sans-serif}.notice-staff-identity{display:grid;min-width:0;gap:3px;flex:1}.notice-staff-identity strong{overflow-wrap:anywhere;color:#172b4d;font:800 14px/1.25 Inter,Arial,sans-serif}.notice-staff-identity small{overflow-wrap:anywhere;color:#64748b;font:600 11px/1.35 Inter,Arial,sans-serif}.notice-status{flex:none;padding:5px 8px;border-radius:999px;font:800 10px/1 Inter,Arial,sans-serif}.notice-status.active{background:#eaf8f0;color:#17613d}.notice-status.inactive{background:#edf0f3;color:#637082}.notice-category-checks{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 14px}.notice-delivery-note{flex-basis:100%;margin:0 0 2px;color:#64748b;font:600 11px/1.35 Inter,Arial,sans-serif}.notice-chip{position:relative;display:inline-flex;align-items:center;gap:7px;min-width:0;padding:6px 8px;border:1px solid #cbd9e7;border-radius:9px;background:#f9fbfd;color:#25364b;font:700 11px/1.2 Inter,Arial,sans-serif;cursor:pointer}.notice-chip input{appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex:none;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;border:2px solid #7998bd!important;border-radius:5px!important;background:#fff!important;cursor:pointer}.notice-chip input:checked{border-color:#173b70!important;background:#173b70!important}.notice-chip input:checked::after{content:'✓';color:#fff;font:800 14px/1 Arial}.notice-chip input:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}.notice-chip.disabled{cursor:not-allowed;border-color:#e2e8f0;background:#f3f5f7;color:#8a96a5}.notice-chip input:disabled{cursor:not-allowed;border-color:#cbd5e1!important;background:#e5e7eb!important}.notice-chip small{color:#8a96a5;font:700 9px/1 Inter,Arial,sans-serif}.notice-staff-actions{display:flex;flex:1 0 100%;gap:8px;margin-top:4px;padding-top:10px;border-top:1px solid #edf1f5}.notice-staff-actions button{min-height:36px;padding:7px 10px;font-size:12px}.notice-staff-actions .notice-primary{margin-left:auto}.notice-history-list{display:grid;gap:8px}.notice-history-list article{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #edf1f5}.notice-history-list article:last-child{border-bottom:0}.notice-history-list b{color:#243247;font-size:12px}.notice-history-list span{color:#475569;font-size:12px;overflow-wrap:anywhere}.notice-history-list small{color:#64748b;font-size:11px;line-height:1.4}.notice-empty-state{margin:4px 0;color:#64748b;font-size:13px;line-height:1.5}
@media(max-width:760px){.notice-staff-toolbar{align-items:stretch;flex-direction:column}.notice-staff-toolbar input{width:100%}.notice-staff-list{grid-template-columns:1fr}.notice-staff-actions{flex-wrap:wrap}.notice-staff-actions button{flex:1 1 120px}.notice-staff-actions .notice-primary{margin-left:0}}@media(max-width:430px){.notice-staff-head{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start}.notice-status{grid-column:2;justify-self:start;margin-top:1px}.notice-category-checks{padding:11px}.notice-chip{flex:1 1 100%;justify-content:flex-start;overflow-wrap:anywhere}.notice-staff-actions button{flex-basis:100%}}

/* Disabled delivery choices must remain readable: they describe access, not a failed control. */
.notice-chip.disabled{opacity:1;border-color:#bdcad8;background:#f4f7fa;color:#526275}
.notice-chip.disabled:hover{border-color:#aebfd1}
.notice-chip.disabled input:disabled{opacity:1;border-color:#8fa3b7!important;background:#e5ebf1!important}
.notice-chip.disabled small{color:#63748a}