/* A compact contact card, above the mobile dock and below modal interfaces. */
.kw-contact{--kw-green:#25d366;--kw-ink:#072b1b;position:fixed;z-index:35;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:280px;max-width:calc(100vw - 32px);font:14px/1.5 var(--kriptom-font-sans,Arial,sans-serif);color:var(--kriptom-text,#d1d4dc);text-align:left;color-scheme:dark;isolation:isolate}
.kw-contact,.kw-contact *{box-sizing:border-box;letter-spacing:normal}
.kw-contact [hidden]{display:none!important}
.kw-contact-panel{border:1px solid #405349;border-top:3px solid var(--kw-green);border-radius:12px;padding:12px 16px 16px;background:var(--kriptom-bg,#131722);box-shadow:0 12px 36px #0005;max-height:calc(100dvh - var(--mobile-dock-height,0px) - 48px);overflow:auto;overscroll-behavior:contain}
.kw-contact-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px -8px 4px 0}
.kw-contact-brand{display:inline-flex;gap:8px;align-items:center;color:#7ee7a5;font-size:13px;font-weight:650}
.kw-contact svg{flex-shrink:0;display:block}
.kw-contact .kw-contact-close{display:grid;place-items:center;flex-shrink:0;min-width:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#b9c8c0;font:400 27px/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.kw-contact .kw-contact-close:hover{background:#ffffff0d;color:#fff}
.kw-contact #kw-contact-title{margin:0 0 4px;color:var(--kriptom-heading,#f0f3fa);font:700 17px/1.35 var(--kriptom-font-sans,Arial,sans-serif);letter-spacing:-.15px}
.kw-contact p{margin:0 0 14px;font:400 13px/1.5 var(--kriptom-font-sans,Arial,sans-serif);color:var(--kriptom-muted,#b9beca);overflow-wrap:anywhere}
.kw-contact .kw-contact-link{display:flex;flex-direction:column;gap:2px;min-height:64px;padding:9px 12px;border:1px solid transparent;border-radius:8px;background:var(--kw-green);color:var(--kw-ink);text-decoration:none;touch-action:manipulation;transition:background-color .15s ease}
.kw-contact .kw-contact-link:hover{background:#54df88;color:var(--kw-ink)}
.kw-contact-number{font:750 19px/1.4 var(--kriptom-font-sans,Arial,sans-serif);font-variant-numeric:tabular-nums;white-space:nowrap}
.kw-contact-action{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:650}
.kw-contact .kw-contact-launcher{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-left:auto;padding:10px 16px;border:1px solid #67e797;border-radius:999px;background:var(--kw-green);color:var(--kw-ink);box-shadow:0 6px 22px #0004;font:700 14px/1.3 var(--kriptom-font-sans,Arial,sans-serif);cursor:pointer;touch-action:manipulation}
.kw-contact .kw-contact-launcher:hover{background:#54df88}
.kw-contact :is(button,a):focus-visible{outline:3px solid #a9f6c6;outline-offset:3px}
.kw-contact :is(button,a):active{filter:brightness(.94)}
body:has(.kp-bar:not([hidden])) .kw-contact,html.mobile-app-keyboard .kw-contact,body:has(dialog[open]) .kw-contact{visibility:hidden;pointer-events:none}
@media(max-width:1000px){.kw-contact{right:max(12px,env(safe-area-inset-right));bottom:calc(var(--mobile-dock-height,0px) + max(12px,env(safe-area-inset-bottom)));width:252px;max-width:calc(100vw - 24px)}.kw-contact-panel{padding:8px 14px 14px}.kw-contact p{margin-bottom:10px}.kw-contact #kw-contact-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){.kw-contact *{transition:none!important}}
@media print{.kw-contact{display:none!important}}
