/* ATC WEB-2A.2B2 — customer notification center */
.atc-customer-notification-wrap{position:relative}
.atc-customer-notification-bell{width:42px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe5ec;background:#fff;border-radius:10px;color:#516071;position:relative;transition:.18s ease}
.atc-customer-notification-bell:hover,.atc-customer-notification-bell[aria-expanded="true"]{border-color:#0d6efd;color:#0d6efd;background:#f6f9ff}
.atc-customer-notification-badge{position:absolute;top:-7px;inset-inline-end:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#dc3545;color:#fff;font:700 11px/20px Cairo,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.atc-customer-notification-panel{position:absolute;z-index:1085;top:calc(100% + 10px);inset-inline-end:0;width:min(390px,calc(100vw - 24px));background:#fff;border:1px solid #e3e8ef;border-radius:16px;box-shadow:0 16px 44px rgba(21,35,55,.18);overflow:hidden}
.atc-customer-notification-panel[hidden]{display:none!important}
.atc-customer-notification-head,.atc-customer-notification-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:#fff}
.atc-customer-notification-head{border-bottom:1px solid #edf0f4}
.atc-customer-notification-head h6{margin:0;font-weight:800;color:#172033}
.atc-customer-notification-actions{display:flex;align-items:center;gap:6px}
.atc-customer-notification-iconbtn{border:0;background:#f3f6f9;color:#607086;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
.atc-customer-notification-iconbtn:hover{background:#eaf2ff;color:#0d6efd}
.atc-customer-notification-list{max-height:430px;overflow:auto;background:#fbfcfe}
.atc-customer-notification-item{display:grid;grid-template-columns:42px 1fr auto;gap:11px;padding:13px 14px;border-bottom:1px solid #edf0f4;text-decoration:none;color:inherit;background:#fff;position:relative}
.atc-customer-notification-item:hover{background:#f8fbff}
.atc-customer-notification-item.is-unread{background:#f5f9ff}
.atc-customer-notification-item.is-unread:before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:#0d6efd}
.atc-customer-notification-type{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef3f8;color:#546476}
.atc-customer-notification-type.order{background:#eaf2ff;color:#0d6efd}.atc-customer-notification-type.shipping{background:#e9f8f0;color:#198754}.atc-customer-notification-type.after_sales{background:#fff3df;color:#b36b00}.atc-customer-notification-type.b2b{background:#f1ecff;color:#6f42c1}.atc-customer-notification-type.support{background:#e8f7fb;color:#0aa2c0}
.atc-customer-notification-title{font-weight:800;color:#172033;font-size:.92rem;line-height:1.45}.atc-customer-notification-body{font-size:.82rem;color:#6c7688;line-height:1.55;margin-top:3px}.atc-customer-notification-time{white-space:nowrap;font-size:.73rem;color:#98a2b3;padding-top:2px}
.atc-customer-notification-empty,.customer-notification-loading{padding:34px 18px;text-align:center;color:#7c8798;background:#fff}
.atc-customer-notification-foot{border-top:1px solid #edf0f4;justify-content:center}.atc-customer-notification-foot a{text-decoration:none;font-weight:700}
.customer-notification-center-card{background:#fff;border:1px solid #e5eaf0;border-radius:18px;box-shadow:0 8px 28px rgba(23,32,51,.045);overflow:hidden}.customer-notification-filters{display:flex;gap:8px;flex-wrap:wrap;padding:16px;border-bottom:1px solid #edf0f4}.customer-notification-filters button{border:1px solid #dce3eb;background:#fff;color:#5a6879;border-radius:999px;padding:7px 13px;font-weight:700}.customer-notification-filters button.active,.customer-notification-filters button:hover{border-color:#0d6efd;background:#edf4ff;color:#0d6efd}.customer-notification-page-list .atc-customer-notification-item{grid-template-columns:46px 1fr auto;padding:17px 18px}.customer-notification-page-list .atc-customer-notification-list{max-height:none;overflow:visible}
@media(max-width:575.98px){.atc-customer-notification-panel{position:fixed;top:74px;inset-inline:12px;width:auto}.atc-customer-notification-list{max-height:60vh}.atc-customer-notification-time{display:none}.atc-customer-notification-item{grid-template-columns:38px 1fr}.customer-notification-page-list .atc-customer-notification-item{grid-template-columns:42px 1fr}}