.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}
.vc-mode.kb{color:#0B7F5A;font-weight:600}
.vc-kbfb{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
/* 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}
/* 5.9.77 Morning brief: the card on the Vegobot hub (light, like its chips and cards) and above the first question in company memory
   (the app's own colours there). One line per thing that needs the person today; blue, small pill buttons, a count on each. */
.vbbrief-host:empty{display:none}
.vbbrief{width:100%;max-width:420px;margin:16px auto 0;padding:10px 10px 6px;border-radius:16px;text-align:start}
#sheet[data-mode="aidraw"] .vbbrief{background:#fff;box-shadow:0 0 0 1px #E6ECF5,0 8px 18px -14px rgba(15,30,80,.35);color:#0B1530}
#sheet[data-mode^="vegobot"] .vbbrief{background:var(--pane,#fff);border:1px solid var(--line,#D6E2F5);color:var(--ink,#0B1530)}
.vbbh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:2px 6px 8px}
.vbbh b{font-size:14px;font-weight:700}
.vbbh small{font-size:12px;color:#64748B;white-space:nowrap}
#sheet[data-mode^="vegobot"] .vbbh small{color:var(--muted,#64748B)}
.vbrow{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;margin:0 0 4px;padding-block:5px;padding-inline:14px 8px;border:0;border-radius:999px;background:#F1F6FE;color:#1E3A8A;font:inherit;font-size:13.5px;font-weight:600;text-align:start;cursor:pointer}
.vbrow:active{background:#E1ECFC}
#sheet[data-mode^="vegobot"] .vbrow{background:rgba(37,99,235,.10);color:var(--brand-fg,#1E3A8A)}
#sheet[data-mode^="vegobot"] .vbrow:active{background:rgba(37,99,235,.20)}
.vbrk{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vbrow small{flex:none;font-size:12px;font-weight:500;color:#5B6B84;white-space:nowrap}
#sheet[data-mode^="vegobot"] .vbrow small{color:var(--muted,#5B6B84)}
.vbrow .num{flex:none;min-width:28px;height:28px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:#2563EB;color:#fff;font-size:12.5px;font-weight:700}
.vbrow i{flex:none;width:7px;height:7px;margin-inline:0 4px;border-right:2px solid #7C93C4;border-bottom:2px solid #7C93C4;transform:rotate(-45deg)}
html[dir=rtl] .vbrow i{transform:rotate(135deg)}
.vbclear{margin:2px 6px 8px;font-size:13px;line-height:1.4;color:#475569}
#sheet[data-mode^="vegobot"] .vbclear{color:var(--ink2,#475569)}