/* Wrong Book conversational Planner. Uses semantic design tokens; no alternate theme. */
.wbpc-open{white-space:nowrap;position:fixed;top:10px;right:112px;z-index:115;min-height:38px}
.wb-plan-layout.wbpc-is-open{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:stretch}
.wb-plan-layout.wbpc-is-open>.wb-plan-goals{display:none}
.wbpc-panel{min-width:0;display:flex;flex-direction:column;max-height:min(720px,calc(100dvh - 190px));background:var(--surface-elevated,var(--surface,#fff));border:1px solid var(--border,#e5e7eb);border-radius:18px;overflow:hidden}
.wbpc-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid var(--border,#e5e7eb)}
.wbpc-panel>header>div{display:grid;gap:3px;min-width:0}.wbpc-panel>header span,.wbpc-proposal span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#6b7280)}
.wbpc-panel>header strong{font-size:16px;color:var(--text,#111)}.wbpc-panel>header small{font-size:12px;color:var(--text-muted,#6b7280);line-height:1.45}
.wbpc-thread{min-height:260px;flex:1;overflow:auto;padding:18px;scrollbar-gutter:stable;overscroll-behavior:contain;background:var(--bg,#fff)}
.wbpc-message{display:grid;gap:5px;margin:0 0 14px;max-width:88%}.wbpc-message.is-user{margin-left:auto;justify-items:end}.wbpc-message.is-assistant{justify-items:start}
.wbpc-bubble{padding:10px 12px;border-radius:14px;background:var(--surface-muted,#f4f4f5);color:var(--text,#111);font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.wbpc-message.is-user .wbpc-bubble{background:var(--text,#111);color:var(--bg,#fff);border-bottom-right-radius:5px}.wbpc-message.is-assistant .wbpc-bubble{border-bottom-left-radius:5px}
.wbpc-message time{font-size:10px;color:var(--text-muted,#6b7280);padding:0 2px}.wbpc-message.is-success .wbpc-bubble{outline:1px solid color-mix(in srgb,var(--accent-strong,#3b83f6) 26%,transparent)}
.wbpc-thinking{display:flex;align-items:center;gap:5px;color:var(--text-muted,#6b7280);font-size:12px;margin:4px 0 14px}.wbpc-thinking span{width:5px;height:5px;border-radius:50%;background:currentColor;animation:wbpc-pulse 1.1s ease-in-out infinite}.wbpc-thinking span:nth-child(2){animation-delay:.12s}.wbpc-thinking span:nth-child(3){animation-delay:.24s}.wbpc-thinking em{font-style:normal;margin-left:5px}
.wbpc-proposal{margin:4px 0 14px;padding:14px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--surface,#fafafa)}.wbpc-proposal>div:first-child{display:grid;gap:2px}.wbpc-proposal strong{font-size:14px}.wbpc-proposal ul{margin:10px 0 12px;padding-left:20px;color:var(--text,#111);font-size:13px;line-height:1.55}.wbpc-proposal-actions{display:flex;gap:8px;flex-wrap:wrap}
.wbpc-error{display:grid;gap:5px;padding:11px 12px;margin:4px 0 14px;border-left:3px solid var(--destructive,#ef4444);background:var(--surface-muted,#f4f4f5);font-size:12px}.wbpc-error strong{font-size:13px}.wbpc-error span{color:var(--text-muted,#6b7280)}
.wbpc-quick{display:flex;gap:7px;overflow-x:auto;padding:10px 14px 0;border-top:1px solid var(--border,#e5e7eb);scrollbar-width:none}.wbpc-quick::-webkit-scrollbar{display:none}.wbpc-quick button{flex:0 0 auto;border:1px solid var(--border,#e5e7eb);background:var(--surface,#fafafa);color:var(--text,#111);border-radius:999px;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}
.wbpc-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 14px 14px;background:var(--surface-elevated,#fff)}.wbpc-composer label{grid-column:1/-1;font-size:11px;color:var(--text-muted,#6b7280)}.wbpc-composer textarea{width:100%;min-height:44px;max-height:120px;resize:vertical;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--bg,#fff);color:var(--text,#111);font:inherit;font-size:14px;line-height:1.45;padding:10px 11px}.wbpc-composer textarea:focus-visible,.wbpc-quick button:focus-visible{outline:2px solid var(--accent-strong,#3b83f6);outline-offset:2px}.wbpc-composer .primary-btn{align-self:end;min-height:44px}
@keyframes wbpc-pulse{0%,100%{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@media(max-width:1024px){.wb-plan-layout.wbpc-is-open{grid-template-columns:1fr}.wb-plan-layout.wbpc-is-open>.wb-plan-day{display:none}.wbpc-panel{max-height:none;min-height:calc(100dvh - 210px)}.wbpc-panel>header .icon-btn{min-width:44px;min-height:44px}.wbpc-thread{min-height:42dvh}}
@media(max-width:700px){.wbpc-open{top:auto;right:14px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:135;min-height:44px}}
@media(max-width:600px){.wbpc-panel{border-radius:14px;min-height:calc(100dvh - 176px)}.wbpc-panel>header{padding:14px}.wbpc-thread{padding:14px;min-height:0}.wbpc-message{max-width:94%}.wbpc-bubble{font-size:14px}.wbpc-composer{position:sticky;bottom:0;grid-template-columns:1fr;padding:9px 12px calc(10px + env(safe-area-inset-bottom));background:var(--surface-elevated,#fff)}.wbpc-composer label{font-size:10px}.wbpc-composer .primary-btn{width:100%;min-height:44px}.wbpc-quick{padding:9px 12px 0}}
@media(prefers-reduced-motion:reduce){.wbpc-thinking span{animation:none}.wbpc-panel,.wbpc-bubble{transition:none!important}}