.email-alerts-panel{margin:20px 0 22px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.email-alerts-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.email-alerts-heading .eyebrow{margin-bottom:7px}.email-alerts-heading h2{font-size:24px}.email-alerts-summary,.email-alerts-access p{margin:9px 0;color:var(--muted);font-size:12px;line-height:1.6}.email-alerts-list{display:grid;gap:9px;margin-top:13px}.email-alert-item{padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#fffefa}.email-alert-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.email-alert-item h3{margin:0 0 4px;font-size:13px;line-height:1.4}.email-alert-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.email-alert-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.email-alert-item-actions button,.email-alert-access button{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;font-size:11px;font-weight:650}.email-alert-item-actions button:hover,.email-alert-access button:hover{border-color:var(--teal);background:var(--mint)}.email-alert-item .email-alert-edit{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.email-alert-access{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.email-alert-access form{display:flex;align-items:end;gap:9px;max-width:620px}.email-alert-access label,.email-alert-form label{display:block;min-width:0;font-size:11px;font-weight:650;color:var(--muted)}.email-alert-access input,.email-alert-form input[type=email],.email-alert-form input[type=number],.email-alert-form select{display:block;margin-top:6px}.email-alert-access label{flex:1}.email-alert-dialog{width:min(560px,calc(100% - 28px));max-height:min(88vh,820px);overflow:auto}.email-alert-dialog h2{margin:8px 0 18px}.email-alert-form{display:grid;gap:16px}.alert-sailing-picker{display:grid;gap:8px;max-height:190px;overflow:auto}.alert-sailing-option{display:flex!important;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:7px;background:#fffefa;color:var(--ink)!important;font-size:12px!important}.alert-sailing-option input{width:16px;height:16px;flex:0 0 16px;margin:1px 0 0}.alert-sailing-option span{display:block;line-height:1.5}.email-alert-form fieldset{margin:0;padding:0;border:0}.email-alert-form legend{margin-bottom:9px;font-size:12px;font-weight:700}.alert-mode-options{display:grid;gap:8px}.alert-mode-option{display:flex!important;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:7px;background:#fffefa;color:var(--ink)!important;font-size:12px!important;font-weight:500!important;line-height:1.5}.alert-mode-option input{width:16px;height:16px;flex:0 0 16px;margin:2px 0 0}.alert-mode-option strong{display:block;margin-bottom:3px;font-size:12px}.email-alert-form .threshold-controls{display:flex;gap:10px;align-items:end}.threshold-controls label{flex:1}.threshold-controls .threshold-number{max-width:130px}.alert-policy-note{margin:0;padding:11px 12px;border-left:3px solid #9bbfae;background:#eff5ef;color:var(--muted);font-size:11px;line-height:1.55}.email-alerts-delivery-note{margin:10px 0 0;border-left-color:#c58635;background:#fbf2e5}.alert-form-message{margin:0;padding:11px 12px;border-radius:7px;background:#eff5ef;font-size:12px;line-height:1.6}.alert-form-message.error{background:#f8e9e3;color:#872f20}.email-alert-form .dialog-actions{padding-top:0}.email-alert-form .primary-button{min-height:43px}.alert-status{display:inline-block;margin-top:6px;font-size:10px;font-weight:650;color:var(--teal)}.alert-empty{padding:13px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:600px){.email-alerts-panel{padding:16px}.email-alerts-heading{align-items:flex-start;flex-direction:column}.email-alerts-heading .primary-button{width:100%;justify-content:center}.email-alert-item-top{flex-direction:column}.email-alert-item-actions{justify-content:flex-start}.email-alert-access form{align-items:stretch;flex-direction:column}.email-alert-access form button{align-self:flex-start}.email-alert-form .threshold-controls{align-items:stretch;flex-direction:column}.threshold-controls .threshold-number{max-width:none}}