/* Scoped to the inbox; job, estimate and pricing styles are unchanged. */
.inbox{max-width:1200px;margin:0 auto}
.inbox .inbox-heading{margin-bottom:10px;align-items:center}
.inbox .inbox-heading h1{font-size:26px;line-height:1.2;margin:0 0 4px}
.inbox .inbox-heading p{margin:0}
.inbox .inbox-toolbar{display:flex;justify-content:flex-end;margin:0 0 8px}
.inbox .inbox-toolbar button{font-size:13px;min-height:36px;padding:6px 12px}
.inbox .notification-item{padding:12px 16px;gap:12px;background:#fff;min-height:0}
.inbox .notification-item.is-unread{background:#f5f8fc;border-left:3px solid #0b376b}
.inbox .inbox-icon{width:32px;height:32px;flex:0 0 32px}
.inbox .inbox-content{min-width:0;flex:1}
.inbox .inbox-meta{font-size:12px;line-height:1.4;margin-bottom:2px}
.inbox .notification-item h2{font-size:16px;line-height:1.35;margin:2px 0 4px;color:#131f38}
.inbox .notification-item p.message{font-size:14px;line-height:1.45;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.inbox .inbox-footer{margin-top:8px;gap:8px;align-items:center;min-height:0}
.inbox .inbox-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}
.inbox .inbox-actions button,.inbox .inbox-actions a.button{min-height:36px;padding:6px 12px;font-size:13px;line-height:1.3;border-radius:7px;box-shadow:none}
.inbox .inbox-reply{background:#131f38;color:#fff;border:1px solid #dcb968}
.inbox .inbox-reply:hover{background:#0b376b;color:#fff}
.inbox .inbox-delete{color:#a91d31;border:1px solid #e7b6bf;background:#fff}
.inbox .inbox-delete:hover{background:#fff0f2}
.inbox button:focus-visible,.inbox a:focus-visible{outline:3px solid #d5a52e;outline-offset:3px}
@media(min-width:900px){.inbox .inbox-content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px}.inbox .inbox-meta{grid-column:1/-1}.inbox .notification-item h2{grid-column:1}.inbox .notification-item p.message{grid-column:1}.inbox .inbox-footer{grid-column:2;grid-row:2/4;margin:0;align-self:center}.inbox .inbox-reply-status{display:none}}
@media(max-width:600px){.inbox .notification-item{padding:12px 10px;gap:8px}.inbox .inbox-meta{gap:8px;flex-wrap:wrap}.inbox .inbox-actions button,.inbox .inbox-actions a.button{min-height:44px}.inbox .inbox-toolbar button{min-height:44px}.inbox .inbox-footer{flex-wrap:wrap}.inbox .inbox-actions{margin-left:0}}