.trip-share-invitation{display:grid;gap:16px;padding:clamp(20px,3vw,30px);background:#fff;border:1px solid #dfe8ec;border-radius:16px;box-shadow:0 12px 34px rgba(0,29,65,.07)}
.trip-share-invitation__heading{display:grid;gap:7px}.trip-share-invitation__heading h2{margin:0;color:#001d41;font-size:clamp(24px,3vw,32px);line-height:1.15}.trip-share-invitation__heading p,.trip-share-invitation__hint{margin:0;color:#5e7180;line-height:1.55}
.trip-share-invitation__preview{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:14px;overflow:hidden;border:1px solid #e3eaee;border-radius:12px;background:#f7fbfc}.trip-share-invitation__preview img{width:128px;height:86px;object-fit:cover}.trip-share-invitation__preview span{display:grid;gap:4px;padding-right:12px;min-width:0}.trip-share-invitation__preview b{color:#001d41;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-share-invitation__preview small{color:#61727f;line-height:1.4}
.trip-share-invitation>label{font-weight:750;color:#001d41}.trip-share-invitation textarea{box-sizing:border-box;width:100%;min-height:108px;padding:14px 16px;border:1px solid #ccdbe2;border-radius:12px;background:#fff;color:#001d41;font:inherit;line-height:1.5;resize:vertical}
.trip-share-invitation textarea:focus-visible,.trip-share-invitation__actions :focus-visible{outline:3px solid #0096a6;outline-offset:2px}.trip-share-invitation__hint{font-size:.87rem}
.trip-share-invitation__actions{display:flex;flex-wrap:wrap;gap:10px}.trip-share-invitation__actions a,.trip-share-invitation__actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 16px;border:1px solid #ccdbe2;border-radius:999px;background:#fff;color:#005a6d;font:inherit;font-weight:700;line-height:1.25;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}.trip-share-invitation__actions a:hover,.trip-share-invitation__actions button:hover{background:#eaf8fa;border-color:#008c9d}
.trip-share-invitation__feedback{min-height:1.25em;margin:0;color:#006a52;font-size:.9rem}
.trip-sharing-admin .admin-panel{margin-top:22px}.trip-sharing-admin .admin-panel-collapsible>h2{display:none}.trip-sharing-admin .admin-panel-collapsible>p{color:#61727f;line-height:1.55}.trip-sharing-admin .admin-editor-grid>.button{grid-column:1/-1;justify-self:end;min-width:220px}.trip-sharing-admin .admin-table-scroll{max-width:100%;overflow:auto}.trip-sharing-admin table{width:100%;border-collapse:collapse}.trip-sharing-admin th,.trip-sharing-admin td{padding:12px 14px;text-align:left;border-bottom:1px solid #e7ecef}.trip-sharing-admin th{color:#001d41}.trip-sharing-admin td a{color:#007d8c;font-weight:700}
@media(max-width:600px){.trip-share-invitation__actions a,.trip-share-invitation__actions button{flex:1 1 calc(50% - 10px)}.trip-share-invitation__preview{grid-template-columns:94px minmax(0,1fr)}.trip-share-invitation__preview img{width:94px;height:82px}.trip-sharing-admin .admin-editor-grid{grid-template-columns:1fr}.trip-sharing-admin .admin-editor-grid>.button{justify-self:stretch}}
@media(prefers-color-scheme:dark){body.dark-mode .trip-share-invitation{background:#10253b;border-color:#385165}body.dark-mode .trip-share-invitation__heading h2,body.dark-mode .trip-share-invitation>label{color:#f4fafc}body.dark-mode .trip-share-invitation textarea,body.dark-mode .trip-share-invitation__actions a,body.dark-mode .trip-share-invitation__actions button{background:#18344c;color:#f4fafc;border-color:#456277}body.dark-mode .trip-share-invitation__heading p,body.dark-mode .trip-share-invitation__hint{color:#bed0da}}