/* MiGo notifications — proposal 3. Scoped so chat invitations keep their layout. */
.modal:has(>.inbox-panel){width:580px}
.modal:has(>.inbox-panel)>.modal-close{top:18px;right:18px;width:40px;height:40px;background:transparent;border-radius:10px}
#inbox-panel{padding:22px 24px 24px}
#inbox-panel .inbox-header{display:flex;align-items:center;gap:10px;min-height:40px;margin-bottom:22px;padding-right:46px}
#inbox-panel .inbox-header h2{font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:0;overflow-wrap:normal}
#inbox-panel .inbox-header .inbox-badge{position:static;min-width:25px;height:25px;padding:0 6px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--orange-dark);color:white;font-size:12px;font-weight:700;flex-shrink:0}
#inbox-panel .inbox-header .inbox-badge[hidden]{display:none}
#inbox-panel .inbox-refresh{margin-left:auto;background:transparent;border-radius:10px;width:40px;height:40px;flex-shrink:0}
#inbox-panel .inbox-refresh:hover,.modal:has(>.inbox-panel)>.modal-close:hover{background:#f4f5f7}
#inbox-panel .inbox-upcoming{display:grid;gap:8px}
#inbox-panel .inbox-entry{position:relative;display:grid;grid-template-columns:10px 26px minmax(0,1fr) 16px;gap:12px;align-items:start;width:100%;text-align:left;padding:16px 0;border-radius:8px}
#inbox-panel .inbox-entry:hover{background:#fafaf9}
#inbox-panel .inbox-marker{width:8px;height:8px;margin-top:7px;border-radius:50%;background:#cfd3d9;position:relative;z-index:1}
#inbox-panel .is-unread .inbox-marker{background:var(--orange)}
#inbox-panel .inbox-entry-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:#58606e}
#inbox-panel .inbox-entry-icon svg{width:23px;height:23px}
#inbox-panel .inbox-entry-copy{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere;line-height:1.45}
#inbox-panel .inbox-entry-copy strong{font-size:15px;font-weight:650;color:var(--ink)}
#inbox-panel .is-unread .inbox-entry-copy strong{font-weight:750}
#inbox-panel .inbox-entry-copy>span{font-size:13px;color:#68717f}
#inbox-panel .inbox-entry-copy>time{font-size:12px;color:#707784;margin-top:3px}
#inbox-panel .inbox-entry-copy>.inbox-change{font-size:12px}
#inbox-panel .inbox-entry-copy>.inbox-current{color:#994007;font-size:12px}
#inbox-panel .inbox-entry-copy>.inbox-change-prompt{color:var(--orange-dark);font-weight:700;font-size:13px}
#inbox-panel .inbox-chevron{font-size:25px;line-height:1;align-self:center;color:#6a7280}
#inbox-panel .inbox-priority{grid-template-columns:8px 29px minmax(0,1fr) auto;align-items:center;gap:10px;padding:17px 14px;background:#fff4e9;border:1px solid #ffebd8;border-radius:13px}
#inbox-panel .inbox-priority:hover{background:#ffeddd}
#inbox-panel .inbox-priority .inbox-marker{margin:0}
#inbox-panel .inbox-priority .inbox-entry-icon{color:var(--orange-dark)}
#inbox-panel .inbox-priority .inbox-entry-copy strong{text-transform:uppercase;font-size:13px;letter-spacing:.3px}
#inbox-panel .inbox-priority .inbox-entry-copy>span{font-size:12px}
#inbox-panel .inbox-open{border:1px solid #e5a36d;border-radius:9px;color:var(--orange-dark);padding:8px 12px;font-size:12px;font-weight:700}
#inbox-panel .inbox-mark-all{display:flex;align-items:center;gap:9px;color:var(--orange-dark);font-size:13px;font-weight:650;padding:12px 0;min-height:44px;margin:5px 0;text-align:left}
#inbox-panel .inbox-mark-all svg{width:19px;height:19px}
#inbox-panel .inbox-section{border-top:1px solid var(--line);padding-top:19px;margin-top:13px}
#inbox-panel .inbox-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#717987;font-weight:650;margin:0 0 10px;line-height:1.5}
#inbox-panel .inbox-section h3>span{margin-left:5px;color:var(--orange-dark)}
#inbox-panel .inbox-timeline .inbox-entry:not(:last-child):before{content:'';position:absolute;left:3px;top:29px;bottom:-19px;width:2px;background:#e9ebef}
#inbox-panel .inbox-room{display:flex;align-items:center;gap:12px;width:100%;padding:11px 0;text-align:left;border-bottom:1px solid #f1f2f4}
#inbox-panel .inbox-room .inbox-entry-copy{flex:1}
#inbox-panel .inbox-room-count{background:#fff0e3;color:var(--orange-dark);font-size:12px;font-weight:700;min-width:25px;text-align:center;border-radius:20px;padding:5px}
#inbox-panel .inbox-sent{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}
#inbox-panel .inbox-sent summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;min-height:48px;padding:6px 0;font-size:14px}
#inbox-panel .inbox-sent summary::-webkit-details-marker{display:none}
#inbox-panel .inbox-sent summary>svg:last-child{margin-left:auto;width:17px;height:17px;color:#68717f}
#inbox-panel .inbox-sent[open] summary>svg:last-child{transform:rotate(180deg)}
#inbox-panel .inbox-sent summary:focus-visible{outline:3px solid #e78f53;outline-offset:3px;border-radius:6px}
#inbox-panel .inbox-invite{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;margin-top:7px;background:#f6f7f9;border:1px solid #e8eaef;border-radius:12px}
#inbox-panel .inbox-initial{display:flex;align-items:center;justify-content:center;width:35px;height:35px;flex-shrink:0;border-radius:50%;background:#f7e5d3;color:#6d4c2e;font-weight:700;font-size:13px}
#inbox-panel .inbox-invite-copy{display:flex;flex:1;align-items:baseline;flex-wrap:wrap;gap:4px 6px;min-width:100px;overflow-wrap:anywhere;line-height:1.4}
#inbox-panel .inbox-invite-copy strong{font-size:13px}
#inbox-panel .inbox-invite-copy span{font-size:12px;color:#68717f}
#inbox-panel .inbox-invite-actions{display:flex;align-items:center;gap:5px;margin-left:auto}
#inbox-panel .inbox-invite-actions button{min-height:40px}
#inbox-panel .inbox-empty{margin:12px 0;font-size:13px;color:#68717f;line-height:1.6}
#inbox-panel .inbox-error{padding:12px 14px;border:1px solid #f2d7c3;border-radius:10px;background:#fff4ea;color:#8b3e14;line-height:1.6}
#inbox-panel .inbox-limit{font-size:11px;margin:14px 0 0;color:#747b85}
@media(max-width:480px){
 #inbox-panel{padding:18px 16px 20px}
 #inbox-panel .inbox-header{margin-bottom:18px;padding-right:44px;gap:8px}
 #inbox-panel .inbox-header h2{font-size:23px}
 .modal:has(>.inbox-panel)>.modal-close{top:18px;right:12px}
 #inbox-panel .inbox-entry{gap:9px;grid-template-columns:8px 23px minmax(0,1fr) 12px}
 #inbox-panel .inbox-priority{grid-template-columns:7px 25px minmax(0,1fr) auto;padding:14px 10px;gap:8px}
 #inbox-panel .inbox-open{padding:7px 9px;font-size:11px}
 #inbox-panel .inbox-entry-copy strong{font-size:14px}
 #inbox-panel .inbox-priority .inbox-entry-copy strong{font-size:12px}
 #inbox-panel .inbox-invite-actions{flex-basis:100%;padding-left:45px}
}
@media(max-width:350px){#inbox-panel .inbox-priority{grid-template-columns:7px minmax(0,1fr) auto}#inbox-panel .inbox-priority .inbox-entry-icon{display:none}#inbox-panel .inbox-header h2{font-size:21px}}