/* Krypton WhatsApp enquiry widget — fully scoped under .krw (no existing selectors touched) */
.krw{--krw-bg:#111316;--krw-bg2:#181b1f;--krw-line:rgba(255,255,255,.12);--krw-or:#f85f0a;--krw-wa:#25d366;--krw-tx:#f1f1f2;--krw-mute:#9aa0a8;
  position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:140;font-family:'Inter Tight',system-ui,sans-serif;color:var(--krw-tx);
  opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.krw.krw--ready{opacity:1;transform:none;pointer-events:auto}
body.menu-open .krw{opacity:0;pointer-events:none;transform:translateY(8px)}
.krw *{box-sizing:border-box}
:where(.krw) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.krw :focus-visible{outline:2px solid var(--krw-or);outline-offset:3px}

/* ---- floating button ---- */
.krw-fab{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--krw-wa);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.14) inset;transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s}
.krw-fab:hover{transform:scale(1.07)}
.krw-fab svg{width:30px;height:30px;fill:currentColor;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .25s}
.krw-fab .krw-x{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6);width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.krw.krw--open .krw-fab{background:var(--krw-bg);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 1px var(--krw-line)}
.krw.krw--open .krw-fab .krw-wa{opacity:0;transform:rotate(90deg) scale(.6)}
.krw.krw--open .krw-fab .krw-x{opacity:1;transform:none}
/* subtle attention ring: one soft pulse every ~8 s, stops after the first open */
.krw-fab:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.55);opacity:0;animation:krw-ring 8s ease-out 5s infinite;pointer-events:none}
.krw.krw--seen .krw-fab:after,.krw.krw--open .krw-fab:after{animation:none}
@keyframes krw-ring{0%{opacity:1;box-shadow:0 0 0 0 rgba(37,211,102,.55)}12%{opacity:0;box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{opacity:0;box-shadow:0 0 0 16px rgba(37,211,102,0)}}
.krw-tip{position:absolute;right:70px;top:50%;transform:translate(8px,-50%);white-space:nowrap;background:var(--krw-bg);border:1px solid var(--krw-line);border-radius:99px;padding:9px 14px;font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1)}
@media (hover:hover){.krw-fab:hover~.krw-tip,.krw-fab:focus-visible~.krw-tip{opacity:1;transform:translate(0,-50%)}}
.krw.krw--open .krw-tip{display:none}

/* ---- panel ---- */
.krw-panel{position:absolute;right:0;bottom:72px;width:min(392px,calc(100vw - 32px));height:min(640px,calc(100vh - 110px));height:min(640px,calc(100dvh - 110px));display:flex;flex-direction:column;background:linear-gradient(180deg,#15181c,var(--krw-bg));border:1px solid var(--krw-line);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden;
  visibility:hidden;opacity:0;transform:translateY(18px) scale(.96);transform-origin:100% 100%;transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1),visibility 0s linear .5s}
.krw.krw--open .krw-panel{visibility:visible;opacity:1;transform:none;transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1),visibility 0s}
.krw-head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-bottom:1px solid var(--krw-line);background:rgba(255,255,255,.02);flex:none}
.krw-back{width:34px;height:34px;border-radius:50%;display:none;place-items:center;color:var(--krw-mute);transition:background .25s,color .25s}
.krw-back.on{display:grid}.krw-back:hover{background:rgba(255,255,255,.08);color:#fff}
.krw-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.krw-av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--krw-or);display:grid;place-items:center;font:400 19px/1 'Anton',sans-serif;color:#fff}
.krw-ti{flex:1;min-width:0}
.krw-ti b{display:block;font:400 17px/1.1 'Anton',sans-serif;letter-spacing:.02em;text-transform:uppercase}
.krw-ti span{display:block;margin-top:3px;font:500 10px/1.3 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--krw-mute)}
.krw-close{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--krw-mute);transition:background .25s,color .25s}
.krw-close:hover{background:rgba(255,255,255,.08);color:#fff}
.krw-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

.krw-log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.krw-m{max-width:88%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}
.krw-m.bot{align-self:flex-start;background:var(--krw-bg2);border:1px solid var(--krw-line);border-bottom-left-radius:5px}
.krw-m.me{align-self:flex-end;background:var(--krw-or);color:#fff;border-bottom-right-radius:5px}
.krw-m.me.skip{background:transparent;border:1px dashed var(--krw-line);color:var(--krw-mute)}
.krw-new,.krw-m.new{animation:krw-up .5s cubic-bezier(.16,1,.3,1) both}
@keyframes krw-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.krw-opts{display:flex;flex-wrap:wrap;gap:8px;align-self:stretch;margin-top:2px}
.krw-opt{padding:10px 14px;border:1px solid rgba(248,95,10,.7);border-radius:99px;font-size:13.5px;line-height:1.2;color:var(--krw-tx);transition:background .25s,color .25s,border-color .25s,transform .25s}
.krw-opt:hover{background:var(--krw-or);border-color:var(--krw-or);color:#fff;transform:translateY(-1px)}
.krw-direct{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;gap:8px;font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--krw-mute);padding:8px 0;border-bottom:1px solid var(--krw-line);transition:color .25s,border-color .25s}
.krw-direct:hover{color:var(--krw-wa);border-color:var(--krw-wa)}
.krw-direct svg{width:14px;height:14px;fill:currentColor}

.krw-sum{align-self:stretch;border:1px solid var(--krw-line);border-radius:14px;background:rgba(255,255,255,.03);overflow:hidden}
.krw-row{display:grid;grid-template-columns:86px 1fr auto;gap:10px;align-items:start;padding:10px 12px;border-bottom:1px solid var(--krw-line);font-size:13.5px}
.krw-row:last-child{border-bottom:0}
.krw-row dt{font:500 10px/1.6 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--krw-mute)}
.krw-row dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.krw-row dd.na{color:var(--krw-mute)}
.krw-chg{font:500 10px/1.6 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--krw-or);text-decoration:underline;text-underline-offset:3px}
.krw-chg:hover{color:#fff}
.krw-send{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:99px;background:var(--krw-or);color:#fff;font:500 12px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;transition:background .25s,color .25s}
.krw-send:hover{background:#fff;color:#111316}
.krw-send svg{width:18px;height:18px;fill:currentColor}
.krw-sec{align-self:center;font:500 10px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--krw-mute);padding:6px 4px;text-decoration:underline;text-underline-offset:3px}
.krw-sec:hover{color:#fff}
.krw-note{align-self:stretch;font-size:12.5px;line-height:1.5;color:var(--krw-mute)}
.krw-note.ok{color:#cfe9d8;border:1px solid rgba(37,211,102,.4);border-radius:12px;padding:10px 12px;background:rgba(37,211,102,.06)}

.krw-in{flex:none;border-top:1px solid var(--krw-line);padding:12px 14px 14px;background:rgba(255,255,255,.02)}
.krw-in[hidden]{display:none}
.krw-f{display:flex;gap:8px;align-items:flex-end}
.krw-f input,.krw-f textarea{flex:1;min-width:0;background:var(--krw-bg2);border:1px solid var(--krw-line);border-radius:14px;color:var(--krw-tx);font:400 15px/1.4 'Inter Tight',system-ui,sans-serif;padding:11px 13px;outline:0;resize:none;transition:border-color .25s}
.krw-f textarea{min-height:46px;max-height:120px}
.krw-f input:focus,.krw-f textarea:focus{border-color:var(--krw-or)}
.krw-f input[aria-invalid=true],.krw-f textarea[aria-invalid=true]{border-color:#ff5a4d}
.krw-go{flex:none;width:46px;height:46px;border-radius:50%;background:var(--krw-or);display:grid;place-items:center;color:#fff;transition:background .25s,color .25s}
.krw-go:hover{background:#fff;color:#111316}
.krw-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.krw-err{margin:8px 2px 0;font-size:12.5px;line-height:1.4;color:#ff8a80;min-height:0}
.krw-err:empty{display:none}
.krw-hint{margin:8px 2px 0;font:500 10px/1.4 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--krw-mute);display:flex;justify-content:space-between;gap:10px;align-items:center}
.krw-skipbtn{color:var(--krw-or);text-decoration:underline;text-underline-offset:3px}
.krw-skipbtn:hover{color:#fff}
.krw-foot{flex:none;padding:8px 14px 10px;border-top:1px solid var(--krw-line);font:500 9.5px/1.4 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--krw-mute);text-align:center}

/* ---- small screens: wider panel, sits above the button, never under the notch/keyboard row ---- */
@media (max-width:560px){
  .krw{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
  .krw-panel{position:fixed;left:12px;right:12px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 70px);width:auto;height:min(620px,calc(100vh - 100px));height:min(620px,calc(100dvh - 100px));border-radius:18px}
  .krw-fab{width:54px;height:54px}
  .krw-row{grid-template-columns:74px 1fr auto}
}
/* (legacy) */
@media (max-width:900px){.notes-btn{right:auto!important;left:14px!important}}
@media (prefers-reduced-motion:reduce){
  .krw,.krw-panel,.krw-fab,.krw-fab svg,.krw-tip{transition-duration:.001ms!important}
  .krw-fab:after,.krw-m.new{animation:none!important}
}
.krw-log>*{flex:none}