/* J Online Classes v1.0.2 — notification, certificate and email refinements */
.notification-panel .card-heading{align-items:flex-start}
.notification-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.notification-panel .card-heading .danger-link{color:var(--danger)}
.notification-row{display:flex;align-items:center;gap:5px;position:relative}
.notification-row .notification-item{flex:1;min-width:0}
.notification-delete{width:30px;height:30px;display:grid;place-items:center;flex:none;border:1px solid transparent;border-radius:9px;background:transparent;color:#8b817b;font-size:1.25rem;line-height:1;transition:.18s ease}
.notification-delete:hover,.notification-delete:focus-visible{border-color:#efcaca;background:#fff1f1;color:var(--danger);outline:none}
.notification-delete:disabled{opacity:.45;cursor:wait}

.setting-kicker{display:block;margin-bottom:7px;color:#986d15;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.certificate-identity-settings{border-top:4px solid var(--gold);background:linear-gradient(145deg,#fff 0%,#fffaf0 100%)}
.certificate-identity-settings>label{font-weight:850;color:var(--chocolate)}
.certificate-identity-settings input{margin-top:7px;background:#fff;font-size:1.06rem}
.certificate-security-note,.verification-security-tip{display:flex;gap:7px;flex-direction:column;border:1px solid #dfd1b3;border-radius:11px;background:#fffaf0;padding:14px;color:#62574e;font-size:.78rem}
.certificate-security-note strong,.verification-security-tip strong{color:var(--chocolate)}
.verification-security-tip{margin:18px 0 24px;text-align:left}

.email-delivery-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:17px 19px;border:1px solid #e0d3c7;border-left:5px solid var(--gold);border-radius:13px;background:linear-gradient(100deg,#fffaf0,#fff)}
.email-delivery-actions>div:first-child{display:flex;flex-direction:column}
.email-delivery-actions span{color:#986d15;font-size:.64rem;font-weight:900;letter-spacing:.13em}
.email-delivery-actions strong{color:var(--chocolate);font-size:1.05rem}
.email-delivery-actions small{color:var(--muted)}
.email-delivery-actions form{margin:0}

@media(max-width:760px){
  .notification-panel .card-heading{gap:12px}
  .notification-heading-actions{gap:7px}
  .email-delivery-actions{align-items:flex-start;flex-direction:column}
  .email-delivery-actions .button-row,.email-delivery-actions form,.email-delivery-actions button{width:100%}
}