.contact-accordions,.contact-repeat-list,.message-editor,.message-advanced-body{gap:12px;display:grid}.contact-accordion{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 94%, transparent);border-radius:16px;overflow:hidden}.contact-accordion-toggle{width:100%;min-height:62px;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px 14px;display:grid}.contact-accordion-toggle>span:nth-child(2){gap:2px;min-width:0;display:grid}.contact-accordion-toggle strong,.message-email-group>strong{font-size:14px}.contact-accordion-toggle small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.contact-accordion-toggle>svg{transition:transform .16s}.contact-accordion-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.contact-accordion-icon{width:34px;height:34px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:10px;place-items:center;display:grid}.contact-accordion-body{border-top:1px solid var(--border);padding:14px}.contact-accordion-body .wifi-field{align-content:start}.contact-repeat-row{grid-template-columns:minmax(112px,.75fr) minmax(0,1.4fr) 36px;align-items:center;gap:8px;display:grid;position:relative}.contact-repeat-row:has(.contact-country-trigger){grid-template-columns:minmax(105px,.7fr) 156px minmax(110px,1fr) 36px}.contact-repeat-row-wide{grid-template-columns:minmax(105px,.7fr) 156px minmax(110px,1fr) 36px}.contact-repeat-row-wide>[data-slot=input]{grid-column:2/4}.contact-repeat-row-wide>.contact-icon-button{grid-column:4}.contact-country-trigger{border:1px solid var(--border);width:156px;height:44px;color:var(--foreground);background:var(--background);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:9px;padding:0 12px;font-size:14px;line-height:42px;display:block;overflow:hidden}.contact-country-trigger:hover,.contact-country-trigger[data-popup-open]{border-color:var(--ring)}.contact-repeat-row .contact-country-trigger{background:0 0;border-radius:8px;height:32px;padding:0 10px;line-height:30px}.contact-country-popover{gap:8px;width:min(360px,100vw - 32px);min-width:min(300px,100vw - 32px);padding:10px}.contact-country-search{position:relative}.contact-country-search>svg{z-index:1;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.contact-country-search input{width:100%;height:42px;padding-left:36px;font-size:15px}.contact-country-list{overscroll-behavior:contain;gap:2px;max-height:min(360px,100vh - 180px);display:grid;overflow-y:auto}.contact-country-list button{min-height:38px;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:14px;display:flex}.contact-country-list button:hover,.contact-country-list button[aria-pressed=true]{background:var(--accent)}.contact-country-list small,.contact-country-list>p{color:var(--muted-foreground);font-size:14px}.contact-country-list>p{text-align:center;margin:0;padding:18px 10px}.contact-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.contact-phone-input{grid-template-columns:156px minmax(0,1fr);gap:8px;display:grid}.contact-icon-button{border:1px solid var(--border);width:36px;height:36px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:grid}.contact-icon-button:hover{color:var(--destructive);border-color:color-mix(in srgb, var(--destructive) 40%, var(--border))}.contact-row-error{grid-column:1/-1}.contact-add-button{justify-self:start}.contact-address-card{border:1px solid var(--border);border-radius:14px;gap:12px;padding:12px;display:grid}.contact-address-head{justify-content:space-between;gap:10px;display:flex}.contact-address-head .native-select{width:180px}.social-quick{flex-wrap:wrap;gap:8px;display:flex}.social-quick button{border:1px solid var(--border);min-height:38px;color:var(--foreground);background:var(--background);cursor:pointer;border-radius:11px;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:650;display:inline-flex}.social-quick svg,.social-row>svg{flex:none;width:17px;height:17px}.social-row{grid-template-columns:20px minmax(112px,.65fr) minmax(0,1.4fr) 36px}.message-kind-picker{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:0;display:grid}.message-kind-picker button{border:1px solid var(--border);min-height:76px;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border-radius:14px;align-items:flex-start;gap:9px;padding:12px;display:flex}.message-kind-picker button[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 11%, transparent)}.message-kind-picker span{gap:3px;display:grid}.message-kind-picker small{color:var(--muted-foreground);font-size:14px;line-height:1.3}.message-advanced{border:1px solid var(--border);border-radius:14px;overflow:hidden}.message-advanced>button{width:100%;min-height:46px;color:var(--foreground);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 13px;font-size:14px;font-weight:700;display:flex}.message-advanced>button[aria-expanded=true] svg{transform:rotate(180deg)}.message-advanced-body{border-top:1px solid var(--border);padding:14px}.message-email-group{gap:7px;display:grid}.message-email-row{grid-template-columns:minmax(0,1fr) 36px;gap:8px;display:grid}.message-inline-add{color:var(--primary);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:5px;padding:3px 0;font-size:14px;font-weight:700;display:inline-flex}.contact-warning{border:1px solid color-mix(in srgb, #f59e0b 52%, var(--border));color:color-mix(in srgb, #f59e0b 72%, var(--foreground));background:#f59e0b1a;border-radius:12px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 12px;font-size:14px;line-height:1.45;display:flex}.contact-warning svg{flex:none;margin-top:1px}.contact-warning p{margin:0}.contact-message-workspace .wifi-editor>.wifi-panel>[data-slot=tabs]{scrollbar-gutter:stable;margin-right:-18px;padding-right:18px}.vcard-preview-panel{overscroll-behavior:contain;overflow:hidden auto;container:vcard-preview/inline-size}.wifi-workspace.vcard-workspace{--workspace-height:760px}.vcard-preview-stage{flex:none;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;align-items:start;gap:12px;width:100%;min-width:0;display:grid}.vcard-preview-item{justify-self:center;gap:7px;width:min(100%,360px);min-width:0;display:grid;container-type:inline-size}.vcard-preview-item>h3{color:var(--foreground);margin:0;font-size:14px;font-weight:600;line-height:1.4}.vcard-preview-item .wifi-artwork{box-sizing:border-box;aspect-ratio:1;width:100%;height:auto;min-height:0;padding:8px}.vcard-preview-item .wifi-empty{align-content:center;gap:clamp(8px,3cqw,14px);width:100%;max-width:100%;padding:clamp(8px,4cqw,16px) 4px}.vcard-preview-item .wifi-empty svg{width:clamp(36px,16cqw,48px);height:clamp(36px,16cqw,48px)}.vcard-preview-item .wifi-empty strong,.vcard-preview-item .wifi-empty p{overflow-wrap:anywhere;max-width:100%}.vcard-id-card{box-sizing:border-box;aspect-ratio:1.586;color:#112635;background:radial-gradient(circle at 92% 8%,#13a9df2e,#0000 34%),linear-gradient(145deg,#fff,#edf5f8);border:1px solid #bfd0d8;border-radius:13px;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,3cqw,14px);width:100%;height:auto;min-height:0;padding:clamp(11px,4.5cqw,22px);display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffb3;container-type:inline-size}.vcard-id-card>header{border-bottom:1px solid #ccd9df;grid-template-columns:clamp(38px,16cqw,68px) minmax(0,1fr);align-items:center;gap:clamp(9px,3.5cqw,16px);min-width:0;padding-bottom:clamp(8px,3cqw,14px);display:grid}.vcard-id-card>header>div{gap:1px;min-width:0;display:grid}.vcard-id-avatar{color:#fff;letter-spacing:.04em;background:linear-gradient(145deg,#13a9df,#136b94);border-radius:clamp(11px,4cqw,18px);place-items:center;width:clamp(38px,16cqw,68px);height:clamp(38px,16cqw,68px);font-size:clamp(13px,5cqw,24px);font-weight:800;display:grid}.vcard-id-card header small{color:#3c6c82;letter-spacing:.12em;font-size:clamp(8px,2.5cqw,12px);font-weight:800}.vcard-id-card h4{overflow-wrap:anywhere;margin:0;font-size:clamp(12px,4.5cqw,22px);line-height:1.15}.vcard-id-lines{grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(3px,1.2cqw,7px);min-height:0;display:grid}.vcard-id-line{grid-template-columns:clamp(24px,10cqw,44px) minmax(0,1fr);align-items:center;gap:clamp(6px,2.5cqw,12px);min-height:0;padding:2px 0;display:grid}.vcard-id-line-icon{color:#126f98;background:#13a9df1c;border-radius:clamp(7px,3cqw,12px);place-items:center;width:clamp(24px,10cqw,44px);height:clamp(24px,10cqw,44px);display:grid}.vcard-id-line-icon svg{width:clamp(14px,5cqw,23px);height:clamp(14px,5cqw,23px)}.vcard-id-line>span:last-child{gap:1px;min-width:0;min-height:0;display:grid}.vcard-id-line small{color:#58717c;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,2.5cqw,12px);line-height:1.15;overflow:hidden}.vcard-id-line b{color:#112635;overflow-wrap:anywhere;font-size:clamp(9px,3cqw,16px);font-weight:650;line-height:1.2}.vcard-id-empty{color:#58717c;text-align:center;grid-row:1/-1;align-self:center;margin:0;font-size:clamp(10px,3.5cqw,18px);line-height:1.4}.vcard-id-pagination{justify-content:center;align-items:center;gap:8px;min-height:28px;display:flex}.vcard-id-pagination button{width:clamp(28px,9cqw,40px);height:clamp(28px,9cqw,40px);color:var(--foreground);background:var(--background);border:1px solid var(--border);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid}.vcard-id-pagination button:disabled{color:var(--muted-foreground);cursor:default;opacity:.42}.vcard-id-pagination span{min-width:38px;color:var(--muted-foreground);text-align:center;font-size:clamp(12px,4cqw,16px);font-weight:650}@container (width<=229px){.vcard-id-card{gap:5px;padding:7px}.vcard-id-card>header{grid-template-columns:30px minmax(0,1fr);gap:6px;padding-bottom:5px}.vcard-id-avatar{border-radius:8px;width:30px;height:30px;font-size:10px}.vcard-id-card header small,.vcard-id-line small{font-size:7px}.vcard-id-card h4{font-size:9px}.vcard-id-lines{gap:2px}.vcard-id-line{grid-template-columns:20px minmax(0,1fr);gap:4px;padding:0}.vcard-id-line-icon{border-radius:6px;width:20px;height:20px}.vcard-id-line-icon svg{width:12px;height:12px}.vcard-id-line b{font-size:7px;line-height:1.15}}@container vcard-preview (width<=540px){.vcard-preview-stage{grid-template-columns:minmax(0,360px)}}@media (max-width:1360px){.wifi-workspace.vcard-workspace{grid-template-columns:minmax(0,1fr)}.vcard-workspace .wifi-input-column,.vcard-workspace .wifi-preview-column{height:auto;min-height:0}.vcard-workspace .wifi-editor>.wifi-panel{min-height:480px}.wifi-preview-column>.wifi-preview-panel.vcard-preview-panel{align-self:start;height:auto;min-height:0;overflow-y:visible}}@media (max-width:720px){.message-kind-picker{grid-template-columns:1fr}.message-kind-picker button{min-height:58px}:is(.contact-repeat-row,.contact-repeat-row:has(.contact-country-trigger),.social-row){grid-template-columns:1fr}.contact-repeat-row .contact-country-trigger{width:100%}.contact-repeat-row-wide>[data-slot=input],.contact-repeat-row-wide>.contact-icon-button{grid-column:auto}.contact-icon-button{justify-self:end}}@media (max-width:560px){.contact-message-workspace .wifi-editor>.wifi-panel>[data-slot=tabs]{margin-right:-12px;padding-right:12px}}