/* ===== Appointment Reminder App app: inbox ===== */
.inbox-page .app-content{padding:0;display:flex;flex-direction:column}
.inbox{display:grid;grid-template-columns:290px 1fr 280px;height:calc(100vh - 60px);background:#fff}
@media (max-width:1100px){.inbox{grid-template-columns:260px 1fr}.context{display:none}}
@media (max-width:760px){.inbox{grid-template-columns:1fr}.inbox-list{display:none}}
.inbox-list{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:0}
.inbox-search{padding:.6rem .6rem 0}.inbox-search input{width:100%;padding:.5rem .7rem;font-size:.9rem}
.inbox-chips{padding:.5rem .6rem;margin:0;gap:.3rem}.inbox-chips a{font-size:.75rem;padding:.25rem .55rem}
.conv-rows{overflow:auto;flex:1}
.conv-row{display:grid;grid-template-columns:38px 1fr auto;gap:.6rem;padding:.6rem .7rem;border-bottom:1px solid #f1f5f9;color:inherit;text-decoration:none!important;align-items:center}
.conv-row:hover{background:#f9fafb}.conv-row.active{background:#efe7dc}.conv-row.unread b{color:var(--primary-2)}
.conv-row .avatar{width:38px;height:38px;border-radius:50%;background:#e2e8f0;display:grid;place-items:center;font-weight:800;font-size:.75rem;position:relative}
.conv-row .avatar::after{content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--dot,#25d366);border:2px solid #fff}
.conv-main{min-width:0}.conv-main b{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-prev{display:block;font-size:.78rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}
.thread{display:flex;flex-direction:column;min-height:0;background:#efe7dc}
.thread-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.thread-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.thread-body{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:#efe7dc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='1.2' fill='%23d9cdb9'/%3E%3C/svg%3E")}
.thread .bub{max-width:70%;font-size:.9rem;padding:.55rem .75rem .9rem;position:relative}.thread .bub.out{align-self:flex-end}.bub-meta{position:absolute;right:.5rem;bottom:.15rem;font-size:.65rem;color:#6b7280}
.day-sep{text-align:center;margin:.4rem 0}.day-sep span{background:#fff;border-radius:999px;padding:.2rem .7rem;font-size:.7rem;color:#6b7280}
.call-card{align-self:stretch;max-width:560px;background:#fff;border-radius:14px;padding:.7rem .9rem;display:grid;grid-template-columns:36px 1fr auto;gap:.6rem;font-size:.85rem;border-left:4px solid #1f5fd1}.call-ico{width:36px;height:36px;border-radius:50%;background:#dbeafe;display:grid;place-items:center}
.wave{display:flex;gap:2px;align-items:flex-end;height:20px;margin-top:.4rem}.wave i{display:block;width:3px;background:#1f5fd1;border-radius:2px;opacity:.7}
.composer{display:flex;gap:.5rem;padding:.6rem .8rem;background:#fff;border-top:1px solid #e5e7eb}.composer input{flex:1}
.context{border-left:1px solid #e5e7eb;overflow:auto;display:flex;flex-direction:column}.ctx-block{padding:.9rem;border-bottom:1px solid #f1f5f9}.ctx-foot{padding:.9rem;margin-top:auto;background:#f9fafb}