:root{--bg:#f4f7f5;--bg-elev:#fff;--bg-soft:#e8efea;--line:#d5e0d8;--text:#1a2420;--muted:#5f7268;--accent:#2f8a5f;--accent-2:#b8892f;--danger:#c45c5c;--client:#e4eef4;--bot:#e3f2ea;--owner:#f5edd9;--radius:10px;--font:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%, #d9ebe1 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #f0e8d4 0%, transparent 50%), var(--bg);color:var(--text)}.app{flex-direction:column;height:100%;max-height:100dvh;display:flex;overflow:hidden}.top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#ffffffe0;flex-shrink:0;align-items:center;gap:.65rem;padding:.45rem .9rem;display:flex}.brand{flex-shrink:0;align-items:center;gap:.5rem;min-width:140px;display:flex}.brand-mark{background:linear-gradient(145deg, var(--accent), #1f6b45);border-radius:7px;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:grid}.brand-title{letter-spacing:.02em;font-weight:650}.brand-sub{color:var(--muted);font-size:.75rem}.tabs{flex-wrap:nowrap;flex:1;gap:.15rem;min-width:0;display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex-shrink:0;padding:.35rem .55rem;font-size:.85rem}.tab.active,.tab:hover{background:var(--bg-soft);color:var(--text)}.top-actions{gap:.5rem;display:flex}.btn{border:1px solid var(--line);background:var(--bg-elev);color:var(--text);cursor:pointer;font:inherit;white-space:nowrap;border-radius:8px;padding:.35rem .7rem;font-size:.85rem}.btn.primary{background:var(--accent);color:#fff;border-color:#0000;font-weight:600}.btn.ghost{background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.banner.error{color:#8a2f2f;cursor:pointer;background:#fde8e8;padding:.5rem 1.25rem}.main{flex-direction:column;flex:1;min-height:0;padding:.65rem .85rem .75rem;display:flex;overflow:hidden}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffeb;min-height:0;padding:1rem;overflow:auto}.chat-panel{flex:1;grid-template-columns:220px 1fr;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.session-list{border-right:1px solid var(--line);min-height:0;padding:.75rem .6rem;overflow:auto}.session-list h3{color:var(--muted);margin:0 0 .75rem;font-size:.85rem;font-weight:600}.sess{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:.15rem;margin-bottom:.25rem;padding:.55rem .6rem;display:flex}.sess span{color:var(--muted);font-size:.75rem}.sess.active,.sess:hover{background:var(--bg-soft)}.chat{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:.55rem .85rem;display:flex}.msgs{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:.75rem .85rem;display:flex;overflow:auto}.bubble{border:1px solid var(--line);border-radius:12px;max-width:72%;padding:.65rem .85rem}.bubble.client{background:var(--client);align-self:flex-end}.bubble.bot{background:var(--bot);align-self:flex-start}.bubble.owner{background:var(--owner);align-self:flex-start}.bubble .meta{color:var(--muted);gap:.5rem;margin-bottom:.25rem;font-size:.7rem;display:flex}.bubble .body{white-space:pre-wrap;line-height:1.4}.composer{border-top:1px solid var(--line);flex-shrink:0;gap:.5rem;padding:.55rem .85rem;display:flex}.composer textarea,.field textarea,.field input,.toolbar input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);font:inherit;resize:vertical;border-radius:8px;flex:1;padding:.6rem .75rem}.muted{color:var(--muted)}.empty{color:var(--muted);margin:auto}.cards{flex-direction:column;gap:.85rem;display:flex}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem}.card.wide{grid-column:1/-1}.card.open{border-color:var(--accent-2)}.alert-body{white-space:pre-wrap;font-family:var(--mono);background:var(--bg-elev);border-radius:8px;padding:.75rem;font-size:.8rem;overflow:auto}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.45rem .5rem}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--bg-soft)}.link{color:var(--accent-2);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.slots{margin:0;padding:0;list-style:none}.slots li{border-bottom:1px solid var(--line);font-family:var(--mono);padding:.35rem 0;font-size:.85rem}.warn{color:#e0b06a}.field{flex-direction:column;gap:.35rem;display:flex}.field span{color:var(--muted);font-size:.8rem}.runtime-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.small{background:var(--bg);border:1px solid var(--line);border-radius:8px;max-height:320px;padding:.75rem;font-size:.75rem;overflow:auto}.toolbar{gap:.5rem;margin-bottom:.75rem;display:flex}@media (width<=900px){.chat-panel,.grid-2{grid-template-columns:1fr}.top{flex-wrap:wrap}}.schedule-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.schedule-head h2{margin:0 0 .25rem}.legend{flex-wrap:wrap;gap:.4rem;display:flex}.legend-pill{border:1px solid var(--line);background:var(--bg-soft);border-radius:6px;padding:.25rem .55rem;font-size:.75rem}.legend-pill.loc-bangtao,.cal-cell.work.loc-bangtao{background:#3d9b6e38;border-color:#3d9b6e66}.legend-pill.loc-chalong,.cal-cell.work.loc-chalong{background:#c4a35a38;border-color:#c4a35a66}.legend-pill.off,.cal-cell.off{background:#8fa3991f}.schedule-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:1rem;display:grid}.months{gap:1rem;display:grid}.month-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem}.month-card h3{margin:0 0 .6rem;font-size:.95rem}.cal-weekdays{color:var(--muted);text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;font-size:.7rem;display:grid}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:44px;padding:4px;display:flex;position:relative}.cal-cell.empty{cursor:default;background:0 0;border:0}.cal-cell.selected{outline:2px solid var(--accent);outline-offset:1px}.cal-cell.today .cal-daynum{color:var(--accent-2);font-weight:700}.cal-cell.past{opacity:.55}.cal-daynum{font-size:.8rem}.cal-dot{opacity:.85;font-size:.65rem}.cal-bookings{background:var(--accent);color:#fff;border-radius:4px;padding:0 3px;font-size:.65rem;font-weight:650;position:absolute;bottom:2px;right:3px}.day-board-head{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;display:flex}.day-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.day-actions select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.4rem .55rem}.lanes{gap:.75rem;display:grid}.lane{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:.65rem}.lane.closed{opacity:.65}.lane-head{justify-content:space-between;margin-bottom:.5rem;display:flex}.lane-blocks{flex-direction:column;gap:.35rem;display:flex}.block{border:1px solid var(--line);border-radius:7px;grid-template-columns:52px 1fr;gap:.25rem .6rem;padding:.45rem .55rem;font-size:.85rem;display:grid}.block-time{font-family:var(--mono);color:var(--muted);font-size:.78rem}.block-svc{color:var(--muted);grid-column:2;font-size:.75rem}.block-free{background:#3d9b6e1f}.block-booked,.block-booking_confirmed{background:#c4a35a2e}.block-held{background:#5a8cc42e}.crm-layout{grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);align-items:start;gap:1rem;display:grid}.crm-tabs{flex-wrap:wrap;gap:.35rem;margin:.75rem 0;display:flex}.crm-body{min-height:240px}.stack{flex-direction:column;gap:.65rem;display:flex}.dialog-card,.knowledge-card{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:.65rem}.mini-msgs{flex-direction:column;gap:.25rem;margin-top:.4rem;display:flex}.mini-msg{background:var(--bg-soft);border-radius:6px;padding:.3rem .4rem;font-size:.8rem}.mini-msg.bot{background:var(--bot)}.mini-msg.client{background:var(--client)}.mini-msgs.full .mini-msg{white-space:pre-wrap;word-break:break-word;font-size:.9rem}.mini-msgs.full .msg-body{margin-top:.15rem}.visit-card{border:1px solid var(--line);background:var(--bg);border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.visit-card header{margin-bottom:.25rem}.crm-detail select{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:.4rem .5rem}.active-row{background:#3d9b6e26}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{border-bottom:1px solid var(--line);padding:.5rem 0}.context-pack{max-height:480px}.doctor-layout{grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);align-items:start;gap:1rem;min-height:420px;display:grid}.doctor-inbox{flex-direction:column;gap:.4rem;max-height:70vh;display:flex;overflow:auto}.doc-item{text-align:left;border:1px solid var(--line);background:var(--bg-elev);color:var(--text);cursor:pointer;font:inherit;border-radius:8px;flex-direction:column;gap:.2rem;padding:.65rem .75rem;display:flex}.doc-item.active{border-color:var(--accent);background:#3d9b6e1f}.doc-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.doc-bubble.in{background:var(--bg);border:1px solid var(--line);border-radius:8px;margin-bottom:.75rem;padding:.75rem}.esc-detail{background:var(--bg);border-radius:8px;margin:.35rem 0;padding:.75rem}@media (width<=1000px){.doctor-layout{grid-template-columns:1fr}}.esc header{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.esc-meta{align-items:center;gap:.75rem;display:flex}.sla{font-family:var(--mono);background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;padding:.2rem .45rem;font-size:.8rem}.sla.warn{color:#e0b06a;border-color:#e0b06a66}.card.esc.pinged{border-color:#c4a35a88}.card.esc.timeout_closed{opacity:.75}.login-overlay{z-index:50;background:#1a242073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.login-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.55rem;width:min(360px,100%);padding:1.25rem 1.35rem;display:flex;box-shadow:0 18px 50px #1a24202e}.login-card h2{margin:0;font-size:1.15rem}.login-card p{color:var(--muted);margin:0;font-size:.9rem}.login-card input{border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;padding:.55rem .7rem}.login-error{min-height:1.1rem;color:var(--danger);font-size:.85rem}@media (width<=1000px){.schedule-layout,.crm-layout{grid-template-columns:1fr}}