.contact-import-launch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:14px;border:1px solid var(--line,#dce3e9);border-radius:14px;background:var(--card,#fff)}
.contact-import-launch p{margin:4px 0;font-size:13px;color:var(--muted,#64748b)}
#contact-import-dialog{position:fixed;inset:0;width:min(720px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:auto;padding:0;border:0;border-radius:18px;background:var(--card,#fff);color:var(--text,#172330);overscroll-behavior:contain}
#contact-import-dialog::backdrop{background:#11182799}
#contact-import-dialog .ci-shell{height:100%;display:flex;flex-direction:column;overflow:hidden}
#contact-import-dialog header{padding:max(18px,env(safe-area-inset-top)) 18px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line,#dce3e9);flex-shrink:0}
#contact-import-dialog h2{font-size:21px;margin:0}
#contact-import-dialog .ci-body{overflow:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px 18px;overscroll-behavior:contain}
#contact-import-dialog footer{padding:12px 18px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line,#dce3e9);background:var(--card,#fff);flex-shrink:0}
#contact-import-dialog button{min-height:44px;cursor:pointer}
#contact-import-dialog .ci-row{border:1px solid var(--line,#dce3e9);padding:12px;border-radius:12px;margin:10px 0;overflow-wrap:anywhere}
#contact-import-dialog .ci-select-row{display:flex;align-items:flex-start;gap:12px}
#contact-import-dialog .ci-select-row>input{width:22px;height:22px;flex:0 0 22px;margin-top:13px;accent-color:var(--primary,#2563eb)}
#contact-import-dialog .ci-values{flex:1;min-width:0}
#contact-import-dialog input:not([type=checkbox]):not([type=file]),#contact-import-dialog select{display:block;width:100%;box-sizing:border-box;font-size:16px;min-height:42px;margin:5px 0;border:1px solid var(--line,#dce3e9);border-radius:8px;padding:8px;background:var(--card,#fff);color:inherit}
#contact-import-dialog .ci-hint{font-size:13px;color:var(--muted,#64748b);line-height:1.5}
#contact-import-dialog [role=alert]{color:#b42318;white-space:pre-wrap}
#contact-import-dialog .ci-actions{display:flex;flex-wrap:wrap;gap:8px}
#contact-import-dialog .ci-match{font-size:13px;padding:8px 0}
#contact-import-dialog .ci-status{font-size:13px;margin:6px 0}
#contact-import-dialog [hidden]{display:none!important}
@media(max-width:740px){#contact-import-dialog{border-radius:0}.contact-import-launch{align-items:flex-start;flex-wrap:wrap}}

/* A calendar entry is modal: background tabs must not cover its save button. */
body:has(#calendar-entry-form) .bottom-nav{visibility:hidden;pointer-events:none}