.trip-members{box-sizing:border-box;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);padding:0;border:1px solid #ccd9d5;border-radius:20px;background:#fcfaf5;color:#183e47;font:16px/1.5 system-ui;overflow:hidden;}
.trip-members[open]{display:flex;flex-direction:column}.trip-members::backdrop{background:#183e4770}.trip-members header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #ccd9d5;flex-shrink:0}.trip-members h2{font-size:20px;margin:0}.trip-members h3{font-size:18px;margin:24px 0 8px}.trip-members__body{padding:16px;overflow:auto;overscroll-behavior:contain}.trip-members__trip{margin:0 0 24px;font-weight:600}.trip-members label{display:grid;gap:8px}.trip-members button,.trip-members input,.trip-members select{box-sizing:border-box;min-height:48px;border:1px solid #819b9b;border-radius:12px;padding:10px 12px;background:#fff;color:#183e47;font:inherit;min-width:0;max-width:100%}.trip-members button{cursor:pointer}.trip-members button:disabled{opacity:.55;cursor:wait}.trip-members button.is-primary{background:#1c6370;color:#fff;border-color:#1c6370}.trip-members .is-danger{color:#a02f35}.trip-members :focus-visible{outline:2px solid #1c6370;outline-offset:2px}.trip-members header button{display:grid;place-items:center;width:48px;padding:12px}.trip-members header svg{width:22px;height:22px;stroke:currentColor;stroke-width:2}.trip-members__search{display:flex;gap:8px}.trip-members__search input{width:100%;flex:1}.trip-members__search button{flex-shrink:0}.trip-members__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #d8e2df;padding:12px 0}.trip-members__avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#e2eeeb;font-weight:700}.trip-members__person{flex:1;min-width:100px;overflow-wrap:anywhere;display:grid}.trip-members small,.trip-members__hint{font-size:14px;color:#52676c}.trip-members__actions{display:flex;gap:8px;flex-wrap:wrap}.trip-members [data-recipient]:not(:empty){padding:16px 0}.trip-members [data-reload]{margin-top:12px}.trip-members [data-status]{margin:16px 0 0;overflow-wrap:anywhere}.workspace-trip-members-button{display:inline-flex;align-items:center;justify-content:center;position:relative;width:48px;min-width:48px;min-height:48px;border:1px solid #819b9b;border-radius:12px;background:#fff;color:#183e47;cursor:pointer;touch-action:manipulation}.workspace-trip-members-button svg{width:24px;height:24px}.workspace-trip-detail__hero-top:has(.workspace-trip-members-button){display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-trip-invitations{min-height:48px;padding:10px 16px;margin:12px 0;border:1px solid #1c6370;border-radius:12px;background:#e2eeeb;color:#183e47;font:inherit;cursor:pointer}.trip-members [hidden],.workspace-trip-invitations[hidden]{display:none!important}@media(max-height:450px){.trip-members{max-height:calc(100dvh - 16px)}}

.workspace-trip-detail__hero-top:has(.workspace-trip-members-button){width:100%}.workspace-trip-members-button{margin-left:auto}.trip-members__row>select{max-width:160px}.trip-members__row>button{flex-shrink:0}

.workspace-trip-members-button[hidden]{display:none!important}