.mates-hub .intro{gap:16px;flex-wrap:wrap}.mates-panel{background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:22px;margin:20px 0}.mates-panel h2{font-size:18px;margin:0 0 16px}.mates-panel h2 span{font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}.mates-panel .section-title h2{margin-bottom:0}.mate-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}.mate-row:last-child{border:0}.mate-row>div:first-of-type{min-width:0;flex:1}.mate-row strong{font-size:14px;overflow-wrap:anywhere}.mate-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px;overflow-wrap:anywhere}.mate-row>.btn{margin-left:auto}.mate-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;color:#244b40;background:#e8eee3}.mate-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.mate-group-card{padding:20px;border:1px solid var(--line);border-radius:12px}.mate-group-card>span{color:#244b40}.mate-group-card h3{font-size:17px;margin:12px 0 6px;overflow-wrap:anywhere}.mate-group-card small{display:block;font-size:12px;color:var(--muted);margin-bottom:16px}.mates-empty{padding:28px 12px;text-align:center;color:var(--muted);font-size:13px}.mates-empty svg{color:#8ba084}.mates-empty p{margin:10px 0 0}.modal:has(.mates-small-form){max-width:390px}.mate-chat{padding:18px 22px 12px;min-height:0;display:flex;flex-direction:column;overflow:auto}.modal:has(.mate-chat){width:min(620px,calc(100vw - 20px))}.mate-chat-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.mate-chat-toolbar>div{display:flex;gap:6px}.mate-chat [data-group-chat-pane]{min-height:0;display:flex;flex-direction:column}.mate-chat [hidden]{display:none!important}.mate-messages{overflow-y:auto;overscroll-behavior:contain;min-height:180px;max-height:min(44dvh,420px);padding:10px;background:#f1f4ec;border-radius:12px;scroll-padding-bottom:16px}.mate-message{background:#fffdf8;border:1px solid #e3e8df;border-radius:12px;padding:10px 12px;margin:0 22px 12px 0;max-width:94%;overflow-wrap:anywhere}.mate-message.is-mine{background:#e3edde;border-color:#d6e4d1;margin-left:22px;margin-right:0}.mate-message>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mate-message strong{font-size:11px}.mate-message time{font-size:9px;color:#72846e}.mate-message p{font-size:13px;line-height:1.75;white-space:pre-wrap;margin:7px 0 0}.mate-message-delete{font-size:10px;border:0;padding:3px;background:none;color:#7a8974;margin-left:auto;cursor:pointer}.mate-composer{display:flex;align-items:flex-end;gap:8px;margin-top:12px}.mate-composer textarea{resize:vertical;min-width:0;width:100%;flex:1;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;font-size:14px;max-height:100px}.mate-composer .btn{flex-shrink:0;min-height:44px}.mate-chat-status{font-size:12px;color:var(--muted);min-height:16px;margin:8px 0}.mate-group-members>.btn{margin:16px 8px 0 0}.trip-share-link-box{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f1f4ec}.trip-share-link-box .flex{flex-wrap:wrap;gap:8px}.trip-share-link-box p{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0}.trip-share-link-box input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:12px;margin:8px 0}.database-add-confirm strong{display:block;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.database-add-confirm p{font-size:13px;margin-top:10px;color:var(--muted)}.modal:has(.database-add-confirm){max-width:360px}.trip-invite-preview{padding:22px}.trip-invite-preview h3{font-size:21px;margin:10px 0}.trip-invite-preview p{font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:650px){.mates-panel{padding:18px}.mate-groups{grid-template-columns:1fr}.mate-row{gap:9px}.mate-row .btn{font-size:11px;padding:8px 10px;min-height:44px}.mate-row>.flex{gap:5px}.mate-chat{padding:14px}.mate-message{margin-right:10px}.mate-message.is-mine{margin-left:10px}.mate-composer textarea{font-size:16px}.mate-chat .btn{min-height:44px}.mate-composer .btn{padding:10px 12px}.mate-messages{max-height:40dvh}.mates-hub>.intro>.flex{width:100%;gap:8px}.mates-hub>.intro>.flex>.btn:first-child{flex:1}}
.mate-composer .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.modal:has(.mate-chat) .modal-head h2{min-width:0;overflow-wrap:anywhere}.mate-message a{color:#244b40;text-decoration:underline;overflow-wrap:anywhere}