#inbox-panel[hidden]{display:none}
#inbox-panel{margin-bottom:18px}
#inbox-panel .inbox-status{font-size:12px;color:#8a603e;margin:0 0 10px}
#inbox-panel .inbox-status button{margin-left:8px;font-size:12px;padding:6px 10px}
#inbox-panel .inbox-wrap{border:1px solid #edc8ad;background:#fff7ef;border-radius:18px;padding:14px 18px;color:#964924}
#inbox-panel .inbox-wrap>summary{cursor:pointer;font-weight:600;font-size:15px;line-height:1.8;list-style-position:inside}
#inbox-panel .inbox-wrap>summary>small{display:block;font-size:11px;font-weight:400;color:#8b6d59}
#inbox-panel .inbox-wrap[open]>summary{margin-bottom:14px}
#inbox-panel .inbox-clear{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid #d9e9dc;background:#f2f9f3;border-radius:14px;padding:12px 18px;color:#3d7753;font-size:13px}
#inbox-panel .inbox-clear .mark{font-size:18px;line-height:1}
#inbox-panel .inbox-clear strong{font-size:14px}
#inbox-panel .inbox-clear>span:not(.mark){color:#6b8a72;font-size:12px}
#inbox-panel .inbox-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
#inbox-panel .inbox-tile{background:#fffefd;border:1px solid #eedfd2;border-radius:14px;padding:12px 16px}
#inbox-panel .inbox-tile small{display:block;font-size:11px;color:#8b6d59;letter-spacing:1px}
#inbox-panel .inbox-tile strong{display:block;font-size:22px;color:#503b2f;margin-top:2px;line-height:1.2}
#inbox-panel .inbox-tile strong em{font-style:normal;font-size:11px;color:#a33f29;margin-left:6px;font-weight:600}
#inbox-panel .inbox-tile.attention{background:#fff0e4;border-color:#edc8ad}
#inbox-panel .inbox-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}
#inbox-panel .inbox-section{background:#fffefd;border:1px solid #eedfd2;border-radius:16px;padding:14px 18px;min-width:0;color:#503b2f}
#inbox-panel .inbox-section.unassigned{grid-column:1/-1;background:#fffdf9;border-color:#ecd6c2}
#inbox-panel .inbox-section h2{font-size:14px;margin:0;display:flex;align-items:center;gap:10px;color:#503b2f}
#inbox-panel .inbox-section h2 b{font-size:12px;background:#ffd6b2;color:#88421c;border-radius:8px;padding:3px 8px}
#inbox-panel .inbox-section .section-hint{font-size:12px;color:#8b6d59;margin:4px 0 4px;line-height:1.7}
#inbox-panel .inbox-group{margin-top:10px}
#inbox-panel .inbox-group h3{font-size:12px;margin:0 0 2px;color:#835a3e;letter-spacing:1px}
#inbox-panel .inbox-item{padding:12px 0;border-bottom:1px dashed #e8ddd4}
#inbox-panel .inbox-item:last-child{border-bottom:0}
#inbox-panel .inbox-item.unread{border-left:3px solid #bd4e16;padding-left:12px;background:#fff8f2;border-radius:0 10px 10px 0}
#inbox-panel .item-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:7px}
#inbox-panel .item-tag{font-size:10px;background:var(--bg);color:var(--ink);padding:4px 7px;border-radius:5px}
#inbox-panel .item-when{font-size:11px;color:#887465}
#inbox-panel .item-when.overdue{background:#fff0e8;color:#a33f29;border-radius:5px;padding:3px 7px;font-weight:600}
#inbox-panel .item-when.today{background:#e7f2ea;color:#3d7753;border-radius:5px;padding:3px 7px;font-weight:600}
#inbox-panel .item-state{font-size:11px;color:#887465}
#inbox-panel .item-state.unread{color:#bd4e16;font-weight:600}
#inbox-panel .inbox-item h4{font-size:14px;line-height:1.6;margin:0 0 5px;color:#503b2f}
#inbox-panel .inbox-item p{font-size:12px;line-height:1.8;margin:0;color:#887262;white-space:pre-line}
#inbox-panel .item-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
#inbox-panel .item-actions button{font-size:12px;padding:8px 11px}
#inbox-panel .inbox-blank{padding:16px 8px;text-align:center;color:#958476;font-size:13px;line-height:2}
#inbox-panel .inbox-blank strong{display:block;color:#705442;font-size:14px}
@media(max-width:720px){#inbox-panel .inbox-wrap{padding:12px 14px}#inbox-panel .inbox-summary{grid-template-columns:repeat(2,1fr);gap:8px}#inbox-panel .inbox-tile{padding:10px 12px}#inbox-panel .inbox-tile strong{font-size:20px}#inbox-panel .inbox-sections{grid-template-columns:1fr}#inbox-panel .inbox-section{padding:12px 14px}}