.portal-auth .auth-header-actions>.user-chip{order:1}
.portal-auth .auth-header-actions>.user-avatar{order:2}
.portal-auth .auth-header-actions>.notification-center{order:3}
.portal-auth .auth-header-actions>.theme-toggle{order:4}
.portal-auth .auth-header-actions>.logout-icon-action{order:5}
.notification-center{position:relative;flex:none}
.notification-center>summary{list-style:none;cursor:pointer}
.notification-center>summary::-webkit-details-marker{display:none}
.notification-center>summary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-center[open]>summary{background:var(--teal-soft);color:var(--navy)}
.notification-badge{position:absolute;top:-4px;right:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:999px;background:#e65353;color:#fff;font-size:9px;font-weight:850;line-height:1;box-shadow:0 4px 12px rgba(189,48,48,.25)}
.notification-panel{position:absolute;z-index:130;top:calc(100% + 12px);right:0;width:min(380px,calc(100vw - 28px));overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 22px 60px rgba(7,33,49,.2)}
.notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--line)}
.notification-panel>header>div{display:grid;gap:3px}
.notification-panel>header strong{font:750 15px "Manrope"}
.notification-panel>header small{color:var(--muted);font-size:10px}
.notification-panel>header button{padding:0;border:0;background:transparent;color:var(--teal);font-size:11px;font-weight:750;cursor:pointer}
.notification-list{max-height:390px;overflow-y:auto}
.notification-item{display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .18s}
.notification-item:last-child{border-bottom:0}
.notification-item:hover{background:color-mix(in srgb,var(--surface) 88%,var(--teal-soft))}
.notification-item.unread{background:color-mix(in srgb,var(--surface) 83%,var(--teal-soft))}
.notification-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#b7c1c7}
.notification-item.unread .notification-dot{background:#e65353;box-shadow:0 0 0 4px color-mix(in srgb,#e65353 13%,transparent)}
.notification-item>span:last-child{display:grid;gap:4px;min-width:0}
.notification-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.notification-item small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.notification-item time{color:var(--muted);font-size:9px}
.notification-empty{margin:0;padding:28px 18px;color:var(--muted);text-align:center;font-size:12px}
.ticket-compact-row.has-unread{background:color-mix(in srgb,var(--surface) 88%,var(--teal-soft));box-shadow:inset 4px 0 #e65353}
.ticket-compact-row.has-unread:hover{background:color-mix(in srgb,var(--surface) 79%,var(--teal-soft))}
.ticket-unread-label{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:#fdeaea;color:#b33b3b;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.ticket-reply-panel{display:grid;gap:17px;padding:24px}
.ticket-reply-panel>div:first-child h2{margin:4px 0 6px;font:750 20px "Manrope"}
.ticket-reply-panel>div:first-child p:last-child{margin:0;color:var(--muted);font-size:12px}
.ticket-reply-panel textarea{min-height:120px}
.ticket-management-actions{align-items:center;justify-content:flex-end;flex-wrap:wrap}
.ticket-management-actions .btn{min-width:160px}
.persistent-ticket-statuses{display:grid;gap:10px;margin:-8px 0 22px}
.persistent-ticket-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px 18px;border:1px solid color-mix(in srgb,#2189c4 34%,var(--line));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,#e8f3fb 72%,var(--surface)),var(--surface));color:var(--ink);text-decoration:none;box-shadow:0 10px 26px color-mix(in srgb,#2189c4 9%,transparent)}
.persistent-ticket-statuses+.new-ticket-alert{margin-top:0}
.process-status-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e2f1fb;color:#2189c4}
.process-status-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}
.process-status-icon i{position:absolute;top:5px;right:5px;width:7px;height:7px;border:2px solid var(--surface);border-radius:50%;background:#2189c4;box-shadow:0 0 0 4px color-mix(in srgb,#2189c4 14%,transparent)}
.persistent-ticket-status>span:nth-child(2){display:grid;gap:3px;min-width:0}
.persistent-ticket-status small{color:#236d9c;font-size:9px;font-weight:850;letter-spacing:.08em}
.persistent-ticket-status strong{font:750 14px "Manrope"}
.persistent-ticket-status p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.process-status-action{display:flex;align-items:center;gap:7px;color:var(--navy);font-size:11px;font-weight:800;white-space:nowrap}
.process-status-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.persistent-ticket-status:hover .process-status-action svg{transform:translateX(2px)}
.ticket-status-detail{grid-template-columns:auto minmax(0,1fr);margin:0;box-shadow:var(--premium-shadow)}
[data-theme="dark"] .persistent-ticket-status{background:linear-gradient(135deg,#173950,var(--surface));border-color:#285d7b}
[data-theme="dark"] .process-status-icon{background:#173950;color:#75b7e7}
[data-theme="dark"] .notification-center[open]>summary{background:#173943;color:#64ded6}
[data-theme="dark"] .ticket-unread-label{background:#47272b;color:#ff9b9b}
@media(max-width:700px){.notification-panel{position:fixed;top:70px;right:14px;left:14px;width:auto}.notification-list{max-height:calc(100vh - 160px)}.ticket-reply-panel{padding:20px}.ticket-management-actions{display:grid;grid-template-columns:1fr;width:100%}.ticket-management-actions .btn{width:100%}.persistent-ticket-status{grid-template-columns:auto minmax(0,1fr);align-items:start}.process-status-action{grid-column:2}.ticket-status-detail .process-status-icon{margin-top:2px}}