:root{--notif-card-bg:var(--color-bg-secondary);--notif-card-border:var(--color-border-light);--notif-card-shadow:var(--shadow-soft);--notif-card-hover-bg:var(--color-bg-tertiary);--notif-card-unread-bg:var(--color-bg-secondary);--notif-card-unread-border:var(--color-border-light);--notif-card-unread-shadow:var(--shadow-soft);--notif-action-accent:var(--color-warning);--notif-action-soft:var(--color-warning-faint);--notif-reminder-accent:var(--color-accent);--notif-reminder-soft:var(--color-accent-light);--notif-record-bg:var(--color-bg-secondary);--notif-record-soft:var(--color-bg-tertiary);--notif-record-border:var(--color-border-light);--notif-summary-bg:color-mix(in srgb,var(--color-bg-secondary)78%,var(--color-bg-primary));--notif-summary-border:var(--color-border-light);--notif-summary-shadow:none}.notification-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.notification-center-toolbar{margin-bottom:var(--spacing-md);justify-content:flex-end;display:flex}.notification-summary-strip{border:1px solid var(--notif-summary-border);border-radius:var(--radius-lg);background:var(--notif-summary-bg);box-shadow:var(--notif-summary-shadow);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 6px;padding:8px;display:grid}.notification-summary-pill{border:1px solid var(--notif-record-border);border-radius:var(--radius-md);background:var(--notif-record-bg);justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding:8px 10px;display:flex;position:relative;overflow:hidden}.notification-summary-pill--action,.notification-summary-pill--reminder,.notification-summary-pill--record{border-color:var(--notif-record-border)}.notification-summary-label,.notification-summary-unit{z-index:1;font-size:12px;font-weight:var(--font-medium);color:var(--color-text-tertiary);white-space:nowrap;position:relative}.notification-summary-value{z-index:1;letter-spacing:-.02em;color:var(--color-text-primary);font-size:20px;font-weight:700;line-height:1;position:relative}.notification-summary-meta{color:var(--color-text-tertiary);grid-column:1/-1;font-size:12px;line-height:1.45}.notif-card{align-items:flex-start;gap:var(--spacing-sm);background:var(--notif-card-bg);border:1px solid var(--notif-card-border);border-radius:var(--radius-lg);box-shadow:var(--notif-card-shadow);transition:background-color var(--transition-fast),border-color var(--transition-fast);padding:12px 14px;display:flex;position:relative}.notif-card-clickable{cursor:pointer}.notif-card--open-target:hover,.notif-card-clickable:hover{background:var(--notif-card-hover-bg)}.notif-card--mark-read-only{cursor:default}.notif-card-unread{background:var(--notif-card-unread-bg);border-color:var(--notif-card-unread-border);box-shadow:var(--notif-card-unread-shadow)}.notif-card-unread .notif-title{font-weight:var(--font-semibold);color:var(--color-text-primary)}.notif-card-unread .notif-content,.notif-card-unread .notif-time{color:var(--color-text-secondary)}.notif-card-read .notif-title{font-weight:var(--font-medium);color:var(--color-text-secondary)}.notif-card-read .notif-content,.notif-card-read .notif-time{color:var(--color-text-tertiary)}.notif-card--grouped-action,.notif-card--action{border-color:var(--notif-card-border)}.notif-card--grouped-action.notif-card-unread,.notif-card--action.notif-card-unread{border-color:var(--notif-card-unread-border);box-shadow:var(--notif-card-unread-shadow)}.notif-card--grouped-reminder,.notif-card--reminder{border-color:var(--notif-card-border)}.notif-card--grouped-reminder.notif-card-unread,.notif-card--reminder.notif-card-unread{border-color:var(--notif-card-unread-border);box-shadow:var(--notif-card-unread-shadow)}.notif-card--list-record,.notif-card--record{background:var(--notif-record-bg);border-color:var(--notif-record-border)}.notif-card--record.notif-card-read .notif-title{color:var(--color-text-secondary)}.notif-main{flex:1;min-width:0}.notif-title-row{align-items:center;gap:var(--spacing-xs);margin-bottom:2px;display:flex}.notif-title{font-weight:var(--font-medium);font-size:var(--font-sm);color:var(--color-text-primary)}.notif-chip-row{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.notif-level,.notif-domain{font-size:11px;font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--notif-record-soft);color:var(--color-text-secondary);padding:3px 8px;line-height:1.2}.notif-level--action{background:var(--notif-action-soft);color:var(--notif-action-accent)}.notif-level--reminder{background:var(--notif-reminder-soft);color:var(--notif-reminder-accent)}.notif-level--record{background:var(--notif-record-soft);color:var(--color-text-secondary)}.notif-domain--appointment{background:var(--color-info-light);color:var(--color-info)}.notif-domain--record{background:var(--color-success-light);color:var(--color-success)}.notif-domain--billing{background:var(--color-warning-light);color:var(--color-warning)}.notif-domain--schedule{background:var(--color-accent-light);color:var(--color-accent)}.notif-domain--procurement{background:var(--color-warning-faint);color:var(--color-warning)}.notif-domain--system{background:var(--notif-record-soft);color:var(--color-text-tertiary)}.notif-content{font-size:var(--font-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (max-width:600px){.notif-content{white-space:normal;text-overflow:unset;line-height:1.4;overflow:visible}.notif-title-row{flex-direction:column;align-items:flex-start}}.notif-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;margin-top:2px;display:flex}.notif-status-dot{border-radius:999px;flex-shrink:0;width:8px;height:8px}.notif-status-dot--unread{background:var(--color-success);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success)14%,transparent)}.notif-status-dot--read{background:color-mix(in srgb,var(--color-text-tertiary)72%,var(--color-border-light))}.notif-time{color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;font-size:11px}.notification-empty{text-align:center;padding:var(--spacing-2xl)var(--spacing-xl);color:var(--color-text-tertiary)}.notification-empty-icon{margin-bottom:var(--spacing-lg);opacity:.5;font-size:48px}.notification-empty-title{font-size:var(--font-lg);font-weight:var(--font-medium);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.notification-empty-desc{font-size:var(--font-sm)}.stat-card{background:var(--color-bg-tertiary);text-align:center;border-radius:10px;padding:16px}.stat-card-value{font-size:24px;font-weight:700}.stat-card-label{color:var(--color-text-tertiary);margin-top:4px;font-size:12px}.inline-stats{background:var(--color-bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.inline-stat{align-items:baseline;gap:2px;display:inline-flex}.inline-stat-value{font-size:20px;font-weight:700}.inline-stat-label{color:var(--color-text-secondary);font-size:13px}.inline-stat-sep{color:var(--color-text-tertiary);margin:0 4px}.inline-stat-loading{color:var(--color-text-tertiary);font-size:13px}.patient-banner{border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.patient-banner-info{align-items:center;gap:12px;display:flex}.patient-banner-name{font-size:16px;font-weight:600}.patient-banner-type{background:var(--color-info-soft);color:var(--color-blue-500);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}@media (max-width:768px){.stat-card-value{font-size:20px}.inline-stat-value{font-size:16px}.inline-stat-label,.inline-stat-loading{font-size:12px}.patient-banner-name{font-size:14px}}