.company-invitation{width:min(680px,calc(100% - 24px));max-height:90dvh;overflow:auto}.company-invitation>header{align-items:center;gap:16px}.company-invitation h2{font-size:24px;line-height:1.25;margin:0}.company-invitation h3{font-size:18px;overflow-wrap:anywhere}.company-invitation p{line-height:1.6}.company-invitation .invitation-field{display:grid;gap:8px;margin:16px 0;font-size:14px}.company-invitation :is(input,textarea){width:100%;min-width:0;padding:12px;font:inherit;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}.company-invitation textarea{resize:vertical;min-height:180px;line-height:1.65}.company-invitation .business-actions>*{min-width:0;white-space:normal;overflow-wrap:anywhere}.company-invitation .invitation-sharing{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.company-invitation summary{cursor:pointer;font-weight:650}.company-invitation::backdrop{background:#0a1c386b}@media(max-width:600px){.company-invitation{padding:20px}.company-invitation :is(input,textarea){font-size:16px}.company-invitation>header{flex-wrap:wrap}}
.company-website-viewer{box-sizing:border-box;width:min(1200px,calc(100% - 24px));max-width:none;height:92dvh;max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line,#ccd7e4);border-radius:16px;background:var(--panel-solid,#fff);color:var(--text,#193d59);overflow:hidden;overscroll-behavior:contain;box-shadow:0 24px 80px #00142b55}
.company-website-viewer[open]{display:flex;flex-direction:column}
.company-website-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;flex:none;border-bottom:1px solid var(--line,#ccd7e4)}
.company-website-viewer>header>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.company-website-viewer>header strong{font-size:17px;line-height:1.4}.company-website-viewer>header span{font-size:13px;line-height:1.4;direction:ltr;text-align:start}
.company-website-viewer>header button{min-width:44px;min-height:44px;padding:0;font-size:30px;line-height:1;flex:none}
.company-website-help{padding:10px 16px;font-size:14px;line-height:1.5;flex:none;max-height:30dvh;overflow-y:auto;border-bottom:1px solid var(--line,#ccd7e4)}
.company-website-help p{margin:0 0 4px}
.company-website-help a{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-weight:650;text-decoration:underline;text-underline-offset:3px}.company-website-viewer :is(a,button):focus-visible{outline:3px solid #168dcd;outline-offset:2px}
.company-website-viewer iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#fff}
.company-website-viewer::backdrop{background:#071323b3}
.company-invitation .business-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;min-width:0}
.company-invitation .business-actions>:is(button,a){display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%;min-height:48px;padding:12px 16px!important;font-size:16px!important;line-height:1.45!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-align:center}
@media(max-width:650px){.company-invitation .business-actions{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.company-website-viewer{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}}