.ahi-notifications-page{max-inline-size:1120px;inline-size:calc(100% - 32px);margin:32px auto 56px;color:var(--ahi-text,#142540)}
.ahi-notifications-page *{box-sizing:border-box;min-inline-size:0}
.ahi-notification-heading,.ahi-notification-toolbar,.ahi-notification-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ahi-notification-heading{margin-block-end:24px}.ahi-notification-heading h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15;font-weight:800;margin:0 0 12px}.ahi-notification-heading p{margin:0;color:var(--ahi-muted,#607087);line-height:1.6}
.ahi-notification-card{padding:24px;border:1px solid var(--ahi-line,#dce2eb);border-radius:24px;background:var(--ahi-surface,#fff);box-shadow:0 10px 32px #14254008;margin-block:20px}
.ahi-notification-card h2{font-size:1.3rem;line-height:1.4;font-weight:750;margin:0 0 12px}.ahi-notification-card p{line-height:1.65;margin-block:10px 16px}
.ahi-notifications-page button{min-block-size:44px;border:1px solid transparent;border-radius:13px;padding:10px 16px;background:linear-gradient(130deg,#d8ae4b,#d2a335);color:#142540!important;font-size:.9rem;font-weight:700;line-height:1.4;cursor:pointer;white-space:normal;overflow-wrap:anywhere;max-inline-size:100%}
.ahi-notifications-page button.is-secondary,.ahi-notification-filters button{background:transparent;color:var(--ahi-text,#142540)!important;border-color:var(--ahi-line,#cbd4e1)}
.ahi-notification-filters{display:flex;gap:8px;flex-wrap:wrap}.ahi-notification-filters button[aria-pressed=true]{background:#d5ab45;color:#142540!important;border-color:#d5ab45}
.ahi-notifications-page button:disabled{opacity:.55;cursor:not-allowed}.ahi-notifications-page :is(button,a):focus-visible{outline:3px solid #b98a2d;outline-offset:3px}
.ahi-notification-hint,.ahi-notification-list time{color:var(--ahi-muted,#607087);font-size:.88rem;line-height:1.6}
.ahi-notification-notice{padding:16px;border:1px solid #c59a3f77;border-radius:16px;background:var(--ahi-warm,#f5f0e5);margin-block:16px}.ahi-notification-notice p{margin:0 0 12px;line-height:1.65}.ahi-notification-notice.is-error{border-color:#c974655e}
.ahi-notification-list{list-style:none;padding:0;margin:12px 0}.ahi-notification-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-block-end:1px solid var(--ahi-line,#dce2eb)}.ahi-notification-list li:last-child{border-block-end:0}
.ahi-notification-row-text{display:grid;gap:6px;flex:1}.ahi-notification-row-text a{font-weight:650;color:var(--ahi-text,#142540);text-decoration:none;overflow-wrap:anywhere;line-height:1.5}.ahi-notification-row-text a:hover{text-decoration:underline}.ahi-notification-status{font-size:.72rem;font-weight:700;color:var(--ahi-muted,#607087)}.ahi-notification-list .is-unread .ahi-notification-status{color:var(--ahi-gold-text,#946719)}
.ahi-notification-empty{padding:24px 0;color:var(--ahi-muted,#607087)}.ahi-notification-phone .ahi-notification-actions{justify-content:flex-start;margin-block-start:20px}
.ahi-notification-header-link{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;flex:0 0 44px;color:#fff;border:1px solid #ffffff2e;border-radius:13px;text-decoration:none}.ahi-notification-header-link svg{inline-size:21px;block-size:21px}.ahi-notification-count{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;min-inline-size:18px;block-size:18px;display:grid;place-items:center;border-radius:12px;background:#d6ad49;color:#142540;font-size:10px;line-height:1;font-weight:800;padding-inline:3px;border:2px solid #142540}.ahi-notification-menu-link{display:flex;gap:8px;align-items:center}.ahi-notification-menu-count{border-radius:12px;padding:2px 7px;background:#d6ad49;color:#142540;font-size:.8rem}
@media(max-width:640px){.ahi-dir-header-actions:has(.ahi-notification-header-link) .ahi-dir-account:not(.ahi-dir-login){display:none}.ahi-notification-card{padding:18px;border-radius:20px}.ahi-notifications-page{margin-block:24px 40px}.ahi-notification-list li{align-items:flex-start;flex-direction:column;gap:12px}.ahi-notification-toolbar{align-items:flex-start}.ahi-notification-heading{align-items:flex-start}}
@media(prefers-reduced-motion:no-preference){.ahi-notifications-page button{transition:transform .16s ease,box-shadow .16s ease}.ahi-notifications-page button:enabled:hover{transform:translateY(-1px);box-shadow:0 4px 12px #14254016}}
