.notification-popover .notify-item { cursor:pointer; transition:background .18s ease,opacity .18s ease,transform .18s ease }
.notification-popover .notify-item:hover { background:rgba(255,106,26,.08); transform:translateX(-2px) }
.notification-popover .notify-item:focus-visible { outline:2px solid #ff6a1a; outline-offset:-2px }
.notification-popover .notify-item.is-read { opacity:.58 }
.notification-popover .notify-item.is-read:hover { opacity:.88 }
.notification-popover #readAll:disabled { color:#62d69a; cursor:default; opacity:1 }
.notification-detail-head { display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:34px;margin-bottom:18px }
.notification-detail-head h2 { margin:5px 0 6px }
.notification-detail-head p { margin:0;color:var(--muted,#b5aaa2) }
.notification-detail-status { flex:0 0 auto;padding:8px 12px;border:1px solid rgba(255,169,56,.28);border-radius:999px;background:rgba(255,143,31,.11);color:#ffad46;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em }
.notification-detail-grid { display:grid;grid-template-columns:1.1fr .9fr;gap:14px }
.notification-detail-card { padding:17px;border:1px solid #3a2d26;border-radius:14px;background:#171310 }
.notification-detail-card.wide { grid-column:1/-1 }
.notification-detail-card h3 { margin:0 0 14px;font-size:15px }
.customer-data { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px }
.customer-data div { min-width:0 }
.customer-data small,.stock-data small { display:block;margin-bottom:4px;color:#a9968a;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase }
.customer-data b { display:block;overflow-wrap:anywhere;font-size:13px }
.notification-order-items { display:grid;gap:9px }
.notification-order-item,.notification-total,.stock-data { display:flex;align-items:center;justify-content:space-between;gap:14px }
.notification-order-item { padding-bottom:9px;border-bottom:1px solid #342820;font-size:13px }
.notification-order-item:last-child { border-bottom:0 }
.notification-total { margin-top:12px;padding-top:14px;border-top:1px solid #493329 }
.notification-total strong { color:#ff6a1a;font-size:22px }
.notification-detail-actions { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:18px }
.notification-detail-actions .btn.primary { background:#ff6a1a }
.stock-quantity { display:inline-grid;place-items:center;width:68px;height:68px;border-radius:18px;background:rgba(255,106,26,.12);color:#ff7a26;font:800 31px/1 'Barlow Condensed',sans-serif }
@media(max-width:720px){.notification-detail-grid,.customer-data{grid-template-columns:1fr}.notification-detail-head{display:block}.notification-detail-status{display:inline-block;margin-top:12px}.notification-detail-actions .btn{flex:1 1 100%}}