/* Vigilraj portfolio AI additions — all selectors prefixed to avoid conflicts */
.vr-ai-section{padding:clamp(64px,9vw,120px) 24px;background:#121416;color:#f4f4f1;font-family:inherit}
.vr-ai-inner{max-width:1120px;margin:auto}.vr-ai-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#c7dea8;font-weight:600}
.vr-ai-eyebrow:before{content:'✳';font-size:19px}.vr-ai-title{font-size:clamp(38px,6vw,76px);line-height:1.07;letter-spacing:-.045em;max-width:800px;margin:22px 0}.vr-ai-title span{color:#b7c4b0}.vr-ai-intro{max-width:680px;color:#b4b9b9;font-size:clamp(16px,1.5vw,19px);line-height:1.75;margin-bottom:42px}
.vr-ai-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vr-ai-tile{border:1px solid #33383b;border-radius:12px;padding:24px;min-height:172px;transition:transform .2s,border-color .2s}.vr-ai-tile:hover{transform:translateY(-4px);border-color:#9fb889}.vr-ai-num{display:block;color:#939c9a;font-size:12px;margin-bottom:48px}.vr-ai-name{font-size:17px;font-weight:600;line-height:1.4}
.vr-ai-launch{position:fixed;right:22px;bottom:22px;z-index:9998;border:1px solid #3e4941;border-radius:999px;padding:13px 18px;background:#d2e6ba;color:#152018;font:600 14px/1.3 inherit;box-shadow:0 10px 35px #0004;cursor:pointer}.vr-ai-launch:hover{background:#e0f1cd}.vr-ai-panel{position:fixed;right:22px;bottom:82px;z-index:9999;width:min(390px,calc(100vw - 28px));height:min(590px,calc(100dvh - 105px));display:none;flex-direction:column;border:1px solid #39413f;border-radius:17px;background:#171a1c;color:#f3f4f1;box-shadow:0 18px 70px #0009;overflow:hidden;font-family:inherit}.vr-ai-panel[data-open="true"]{display:flex}.vr-ai-head{padding:18px 19px;border-bottom:1px solid #303537;display:flex;justify-content:space-between;align-items:center}.vr-ai-head strong{display:block;font-size:16px}.vr-ai-head small{display:block;color:#aeb7b5;margin-top:4px}.vr-ai-close{background:transparent;border:0;color:#eee;font-size:24px;cursor:pointer}.vr-ai-messages{padding:17px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px}.vr-ai-bubble{max-width:92%;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.vr-ai-bubble.bot{align-self:flex-start;background:#2a3031}.vr-ai-bubble.user{align-self:flex-end;background:#d2e6ba;color:#142017}.vr-ai-chips{padding:0 15px 10px;display:flex;gap:6px;flex-wrap:wrap}.vr-ai-chip{background:transparent;color:#d5ddd9;border:1px solid #49534e;border-radius:999px;padding:8px 10px;font-size:12px;cursor:pointer}.vr-ai-form{display:flex;gap:7px;padding:13px;border-top:1px solid #303537}.vr-ai-input{flex:1;min-width:0;background:#252a2c;color:#fff;border:1px solid #43494b;border-radius:999px;padding:12px 14px;font:inherit;font-size:14px}.vr-ai-send{border:0;border-radius:999px;background:#d2e6ba;color:#142017;font-weight:700;padding:0 16px;cursor:pointer}.vr-ai-send:disabled{opacity:.5;cursor:wait}.vr-ai-note{padding:0 16px 12px;color:#8e9896;font-size:11px}
@media(max-width:800px){.vr-ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.vr-ai-grid{grid-template-columns:1fr 1fr;gap:8px}.vr-ai-tile{padding:17px;min-height:145px}.vr-ai-num{margin-bottom:30px}.vr-ai-name{font-size:14px}.vr-ai-launch{right:14px;bottom:14px}.vr-ai-panel{right:14px;bottom:74px}}@media(prefers-reduced-motion:reduce){.vr-ai-tile{transition:none}}

/* Floating assistant: clear Netlify bottom-right badge on all screen sizes */
@media (min-width: 801px) {
  .vr-ai-launch { right: 20px; bottom: auto; top: 50%; transform: translateY(-50%); }
  .vr-ai-panel { right: 20px; bottom: auto; top: 50%; transform: translateY(-50%); max-height: calc(100dvh - 32px); }
}
@media (max-width: 800px) {
  .vr-ai-launch { right: 12px; bottom: calc(112px + env(safe-area-inset-bottom, 0px)); top: auto; padding: 11px 13px; font-size: 12px; }
  .vr-ai-panel { right: 10px; bottom: calc(170px + env(safe-area-inset-bottom, 0px)); top: auto; width: min(390px, calc(100vw - 20px)); height: min(540px, calc(100dvh - 195px)); min-height: 200px; }
}
.vr-ai-launch:focus-visible { outline: 3px solid #ffa400; outline-offset: 3px; }
