/* Personal cleanup controls use the same outline icon language as Social. */
.cleanup-icon{width:20px;height:20px;flex:none;display:block;pointer-events:none;}
.chat-swipe-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;position:relative;overflow:hidden;border-radius:14px;margin:4px 8px;background:#ff70850c;border:1px solid transparent;}
.chat-swipe-row .chat-thread{width:100%;margin:0;min-width:0;position:relative;z-index:1;background:#141c28;}
.chat-swipe-row .chat-thread[aria-pressed="true"]{background:#25302b;}
.chat-swipe-row .chat-thread:hover{background:#243026;}
.chat-delete{border:0;background:transparent;color:#ffb2bd;min-height:48px;min-width:44px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;position:relative;z-index:2;}
.chat-delete span{display:none;}
.chat-delete:focus-visible,.notice-dismiss:focus-visible{outline:2px solid #c8ff38;outline-offset:-3px;border-radius:10px;}
.chat-delete:hover,.notice-dismiss:hover{background:#ff70851a;}
.chat-cleanup-hint{display:none;font-size:11px;line-height:1.55;color:#acb6c6;padding:0 14px;margin:0 0 10px;}
.cleanup-danger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;min-width:44px;padding:12px 18px;border:1px solid #ff879a55;border-radius:14px;background:#ff708513;color:#ffc0ca;font:inherit;font-weight:700;cursor:pointer;}
.cleanup-danger:hover{background:#ff708524;border-color:#ff9dab90;}
.cleanup-danger:focus-visible{outline:2px solid #c8ff38;outline-offset:3px;}
.cleanup-danger:disabled{opacity:.45;cursor:not-allowed;}
.cleanup-danger.compact{font-size:12px;min-height:44px;padding:8px 13px;}
.chat-cleanup-options{margin-top:20px;padding-top:18px;border-top:1px solid #ffffff14;}
.chat-cleanup-options p,.cleanup-feed-note{font-size:12px;color:#a8b3c5;line-height:1.6;}
.notification-cleanup-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
.notification-cleanup-actions .text-button{min-height:44px;}
.notice-dismiss{border:0;background:none;color:#acb6c6;width:44px;min-width:44px;height:44px;margin:6px;display:flex;align-items:center;justify-content:center;align-self:center;border-radius:10px;cursor:pointer;}
.notice-item .notice-open{min-width:0;flex:1;}
.notice-item .notice-open>span:last-child{min-width:0;}
.notice-item .notice-open strong,.notice-item .notice-open small{overflow-wrap:anywhere;}
.cleanup-confirm-symbol{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#ffb0be;background:#ff708511;border:1px solid #ff879a33;border-radius:18px;margin-bottom:20px;}
.cleanup-confirm-symbol .cleanup-icon{width:26px;height:26px;}
.cleanup-assurance{background:#b9f65a0a;border:1px solid #b9f65a22;border-radius:14px;padding:16px;color:#b9c9b0;font-size:13px;line-height:1.7;}
#modalCard[data-kind="social-cleanup-confirm"] .modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
#modalCard[data-kind="social-cleanup-confirm"] .modal-actions button{white-space:normal;font-size:14px;}
@media(max-width:600px),(pointer:coarse){
 .chat-swipe-row{display:block;touch-action:pan-y pinch-zoom;}
 .chat-swipe-row .chat-thread{transition:transform .16s ease;touch-action:pan-y pinch-zoom;}
 .chat-swipe-row .chat-delete{position:absolute;inset:0 0 0 auto;width:80px;height:100%;z-index:0;background:#702b3b;color:#fff;visibility:hidden;font-size:12px;}
 .chat-swipe-row .chat-delete span{display:block;}
 .chat-swipe-row.is-revealed .chat-thread{transform:translateX(-80px);}
 .chat-swipe-row.is-revealed .chat-delete,.chat-swipe-row.is-dragging .chat-delete{visibility:visible;}
 .chat-swipe-row.is-dragging .chat-thread{transition:none;}
 .chat-cleanup-hint{display:block;}
 .notification-cleanup-actions{gap:8px;}
 .notification-cleanup-actions .text-button{font-size:12px;}
 .hub-heading:has(.notification-cleanup-actions){flex-wrap:wrap;}
 .notification-cleanup-actions{width:100%;justify-content:space-between;}
 .notice-dismiss{margin:2px;width:44px;min-width:44px;}
 .notice-item .notice-read{margin:0;width:32px;min-width:32px;}
 .notice-open{padding:12px 8px;gap:8px;}
 .notice-icon{width:30px;min-width:30px;}
}
@media(prefers-reduced-motion:reduce){.chat-swipe-row .chat-thread{transition:none;}}
