.vgg{width:100%;max-width:900px;margin-inline:auto}.vgg-language,.vgg-actions{display:flex;gap:8px;flex-wrap:wrap;margin-block:12px}.vgg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:16px}.vgg-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.vgg-field input,.vgg-field select{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#15233a;padding:10px;font:inherit}.vgg-notice{font-size:13px;background:#edf3ff;padding:12px;border-radius:10px}.vgg-result{margin-block:20px;padding:16px;border:1px solid #d5e0ed;border-radius:14px;background:#f9fbfe}.vgg-questions{padding:12px;border-radius:10px;background:#fff5d9}.vgg-questions li{margin-block:8px}.vgg-questions small,.vgg-lines small{display:block;color:#5b6474}.vgg-lines>div{display:flex;flex-direction:column;gap:5px;padding-block:10px;border-bottom:1px solid #d9e2ec}.vgg-sketch{margin-block:16px;background:#fff;border:1px solid #d5e0ed;overflow:auto}.vgg-sketch svg{display:block;width:100%;min-width:320px;height:auto}.vgg details{padding:12px;border:1px solid #d5e0ed;border-radius:10px;font-size:13px}.vgg details div{margin-top:8px}@media(max-width:480px){.vgg-grid{grid-template-columns:1fr}.vgg-result{padding:12px}.vgg-actions .btn{flex:1 1 160px}}

.vwg-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:20px}.vwg-tool{display:flex;align-items:center;justify-content:space-between;text-align:start;min-height:68px;padding:16px;border:1px solid #ccd9e9;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#eaf1ff);color:#173151;font-family:inherit;font-weight:600;font-size:15px;line-height:1.4;cursor:pointer}.vwg-tool span{font-size:24px}.vwg-row{padding:14px;border:1px solid #d9e2ee;border-radius:12px;margin-block:14px;background:#fcfdff}.vwg-table{overflow:auto;margin-block:14px}.vwg-table table{width:100%;border-collapse:collapse;font-size:13px;text-align:start}.vwg-table th,.vwg-table td{padding:10px;border-bottom:1px solid #d5dfed;text-align:start;vertical-align:top}.vwg-table th{background:#eef3fb}.vwg-result small{display:block;color:#52627a}@media(max-width:400px){.vwg-hub{grid-template-columns:1fr}}

/* Auto work pack */
.vgg textarea{width:100%;max-width:100%;resize:vertical;border:1px solid #cbd5e1;border-radius:10px;padding:12px;font-family:inherit;font-size:14px;line-height:1.65;background:var(--card,#fff);color:inherit}.va-help{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace}.va-entry{width:100%;margin-block:8px 18px}.vgg details{margin-block:12px}.vgg table td{overflow-wrap:anywhere}.vgg-svg svg{max-width:100%;height:auto}

.vc-messages{max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:12px;padding-block:10px}.vc-bubble{max-width:95%;padding:12px 14px;border-radius:14px;background:#f0f5fa;color:#172a45;overflow-wrap:anywhere}.vc-user{align-self:flex-end;background:#e0f1ed}.vc-bubble p{margin-block:4px 10px}.vc-card{border:1px solid #ccd8e4;border-radius:10px;padding:12px;margin-block:10px;background:#fff}.vc-fact{white-space:pre-wrap}.vc-card a{font-size:12px}.vc-card small{display:block;font-size:12px;color:#52627a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* 2.86.2: chat replies keep their line breaks; answer source label */
.vc-bubble p{white-space:pre-line}
.vc-mode{display:block;margin-top:4px;font-size:11.5px;color:var(--muted,#64748B)}
.vc-mode.ai{color:#2563EB}
/* 2.86.3: pulling a Vegobot screen down must not trigger the phone's pull-to-refresh */
#sheet.open[data-mode="aidraw"],#sheet.open[data-mode^="vegobot"]{overscroll-behavior:contain}
#sheet.open[data-mode="aidraw"] .sbody,#sheet.open[data-mode^="vegobot"] .sbody{overscroll-behavior-y:contain}
/* while a Vegobot screen is open the page behind must never pull-to-refresh or swipe back (a sideways drag left the app in the test browser) */
html:has(#sheet.open[data-mode="aidraw"]),html:has(#sheet.open[data-mode^="vegobot"]),html:has(#sheet.open[data-mode="aidraw"]) body,html:has(#sheet.open[data-mode^="vegobot"]) body{overscroll-behavior:none}
