@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";
:root{--primary-blue:#0284c7;--primary-blue-dark:#0369a1;--primary-blue-light:#f0f9ff;--emerald:#059669;--emerald-light:#ecfdf5;--rose:#e11d48;--rose-light:#fff1f2;--amber:#d97706;--amber-light:#fffbeb;--slate-dark:#0f172a;--slate-text:#334155;--slate-muted:#64748b;--slate-border:#e2e8f0;--slate-bg:#f8fafc;--white:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-subtle:0 1px 3px 0 #0000000f, 0 1px 2px 0 #0000000a;--shadow-card:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-elevated:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--slate-bg);color:var(--slate-text);min-height:100vh;font-family:Noto Sans Thai,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.system-app-wrapper{flex-direction:column;min-height:100vh;display:flex}.global-navbar{background:var(--white);border-bottom:1px solid var(--slate-border);z-index:100;box-shadow:var(--shadow-subtle);position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto;padding:12px 24px;display:flex}.navbar-brand{color:var(--slate-dark);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon{color:var(--white);border-radius:var(--radius-md);background:linear-gradient(135deg,#0284c7,#0369a1);justify-content:center;align-items:center;padding:8px;display:flex;box-shadow:0 2px 8px #0284c74d}.brand-text h2{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.brand-text span{color:var(--slate-muted);font-size:.75rem;font-weight:500}.navbar-links{border-radius:var(--radius-md);background:#f1f5f9;align-items:center;gap:8px;padding:4px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--slate-muted);align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--slate-dark);background:#ffffffb3}.nav-item.active{background:var(--white);color:var(--primary-blue-dark);box-shadow:0 1px 3px #00000014}.navbar-right{align-items:center;gap:12px;display:flex}.navbar-silent-pill{border:1px solid var(--slate-border);color:var(--slate-text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.navbar-silent-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.navbar-silent-pill.active{color:var(--primary-blue);background:#eff6ff;border-color:#bfdbfe}.navbar-silent-pill.muted{color:#dc2626;background:#fef2f2;border-color:#fecaca}.robot-status-pill{border:1px solid var(--slate-border);color:var(--slate-text);background:#f8fafc;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background:var(--emerald);box-shadow:0 0 0 3px #05966933}.status-dot.idle{background:var(--amber);box-shadow:0 0 0 3px #d9770633}.guest-badge-btn{background:var(--slate-bg);border:1px solid var(--slate-border);color:var(--slate-text);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.guest-badge-btn:hover{background:#e2e8f0}.avatar-dropdown-wrapper{position:relative}.avatar-btn{background:var(--white);border:1px solid var(--slate-border);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:4px 12px 4px 6px;transition:all .2s;display:flex}.avatar-btn:hover{background:#f8fafc;border-color:#cbd5e1}.avatar-circle.logged-in{border:2.5px solid var(--emerald);background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 0 2px #05966933}.avatar-initials{color:var(--emerald);font-size:.82rem;font-weight:700}.user-name-label{text-align:left;flex-direction:column;display:flex}.user-fullname{color:var(--slate-dark);font-size:.85rem;font-weight:600}.user-hn{color:var(--slate-muted);font-size:.7rem}.chevron-icon{color:var(--slate-muted);transition:transform .2s}.chevron-icon.rotate{transform:rotate(180deg)}.avatar-dropdown-menu{background:var(--white);border:1px solid var(--slate-border);border-radius:var(--radius-md);width:290px;box-shadow:var(--shadow-elevated);z-index:200;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.dropdown-header .full-name{color:var(--slate-dark);font-size:.95rem;font-weight:700}.dropdown-header .hn-badge{color:var(--slate-muted);margin-top:2px;font-size:.75rem}.allergy-alert-pill{background:var(--rose-light);color:var(--rose);border-radius:var(--radius-sm);border:1px solid #e11d4833;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;font-size:.75rem;font-weight:600;display:flex}.no-allergy-pill{background:var(--emerald-light);color:var(--emerald);border-radius:var(--radius-sm);text-align:center;margin-top:8px;padding:4px 8px;font-size:.75rem;font-weight:600}.dropdown-divider{background:var(--slate-border);height:1px;margin:10px 0}.dropdown-links{flex-direction:column;gap:4px;display:flex}.dropdown-item{border-radius:var(--radius-sm);color:var(--slate-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.logout{color:var(--rose)}.dropdown-item.logout:hover{background:var(--rose-light)}.portal-container{flex-direction:column;align-items:center;gap:36px;max-width:1200px;margin:0 auto;padding:40px 24px;display:flex}.portal-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:780px;display:flex}.portal-badge{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.portal-title{color:var(--slate-dark);font-size:2.25rem;font-weight:800;line-height:1.25}.portal-title span{color:var(--primary-blue)}.portal-subtitle{color:var(--slate-muted);font-size:1rem}.active-user-banner{background:var(--white);border:1px solid var(--slate-border);box-shadow:var(--shadow-subtle);border-radius:999px;align-items:center;gap:14px;margin-top:8px;padding:10px 18px;font-size:.88rem;display:flex}.banner-left{align-items:center;gap:6px;display:flex}.banner-allergy{color:var(--rose);background:var(--rose-light);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;font-weight:600;display:flex}.portal-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;width:100%;display:grid}.service-card{background:var(--white);border:1px solid var(--slate-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:18px;padding:32px;transition:transform .2s,box-shadow .2s;display:flex}.service-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.card-header{justify-content:space-between;align-items:center;display:flex}.card-icon-wrap{border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.card-icon-wrap.blue{color:#0284c7;background:#e0f2fe}.card-icon-wrap.emerald{color:#059669;background:#d1fae5}.card-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--slate-muted);background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.card-tag.emerald{color:#059669;background:#ecfdf5}.card-title{color:var(--slate-dark);font-size:1.45rem;font-weight:700}.card-desc{color:var(--slate-muted);font-size:.92rem;line-height:1.6}.card-features{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;margin-top:4px;padding-top:14px;display:flex}.feature-item{color:var(--slate-text);align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.feature-item svg{color:var(--primary-blue)}.card-action-btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:14px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.card-action-btn.blue{background:var(--primary-blue);color:var(--white)}.card-action-btn.blue:hover{background:var(--primary-blue-dark)}.card-action-btn.emerald{background:var(--emerald);color:var(--white)}.card-action-btn.emerald:hover{background:#047857}.card-icon-wrap.purple{color:#7c3aed;background:#f3e8ff}.card-tag.purple{color:#7c3aed;background:#f5f3ff}.card-action-btn.purple{color:var(--white);background:#7c3aed}.card-action-btn.purple:hover{background:#6d28d9}.chat-layout{flex-direction:column;gap:16px;max-width:1200px;height:calc(100vh - 72px);margin:0 auto;padding:16px 24px 24px;display:flex}.chat-sub-header{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--slate-border);box-shadow:var(--shadow-subtle);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.page-indicator{align-items:center;gap:12px;display:flex}.page-indicator h3{color:var(--slate-dark);font-size:1rem;font-weight:700}.page-indicator p{color:var(--slate-muted);font-size:.75rem}.sub-right{align-items:center;gap:10px;display:flex}.control-pill-btn{border:1px solid var(--slate-border);background:var(--white);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.control-pill-btn.active{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.control-pill-btn.muted{color:#dc2626;background:#fef2f2;border-color:#fecaca}.control-pill-btn.reset{color:var(--slate-text);background:#f1f5f9}.control-pill-btn.reset:hover{background:#e2e8f0}.chat-main-container{background:var(--white);border:1px solid var(--slate-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-scroll-area{flex-direction:column;flex:1;gap:18px;padding:24px;display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-row.robot{justify-content:center}.message-bubble-card{border-radius:var(--radius-md);max-width:80%;box-shadow:var(--shadow-subtle);flex-direction:column;gap:8px;min-width:0;padding:16px 20px;display:flex}.message-bubble-card.has-amr{width:100%;max-width:860px}.message-bubble-card:has(.amr-animation-wrapper){width:100%;max-width:860px}.message-bubble-card.user{background:var(--primary-blue);color:var(--white)}.message-bubble-card.assistant{border:1px solid var(--slate-border);background:#f8fafc}.message-bubble-card.robot{color:#92400e;text-align:center;background:#fffbeb;border:1px solid #fde68a;max-width:500px}.bubble-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.bubble-audio-btn{color:var(--slate-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:3px 5px;transition:all .2s;display:inline-flex}.bubble-audio-btn:hover{color:var(--primary-blue);background:#1e3a8a14;border-color:#1e3a8a26}.msg-tag-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.role-tag{text-transform:uppercase;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.role-tag.assistant{color:var(--primary-blue-dark)}.role-tag.user{color:#ffffffd9}.role-tag.robot{color:var(--amber)}.bubble-body{font-size:.95rem;line-height:1.6}.history-redirect-card{border-radius:var(--radius-md);background:#ecfdf5;border:1px solid #a7f3d0;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:14px;display:flex}.redirect-text{color:#065f46;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.redirect-btn{background:var(--emerald);color:var(--white);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.redirect-btn:hover{background:#047857}.chat-redirect-card{border-radius:var(--radius-md);background:#eff6ff;border:1px solid #bfdbfe;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;display:flex}.redirect-chat-btn{background:var(--blue);color:var(--white);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.redirect-chat-btn:hover{background:#1d4ed8}.inquiry-login-prompt{margin-top:10px;padding:12px 14px}.in-chat-patient-search-box{border-radius:var(--radius-md);background:#fff;border:1.5px solid #a7f3d0;flex-direction:column;gap:10px;margin-top:12px;padding:14px 16px;display:flex;box-shadow:0 4px 14px #05966914}.search-box-header .header-title{color:#065f46;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.search-box-input-wrap{align-items:center;display:flex;position:relative}.search-box-input-wrap .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.search-box-input{border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #cbd5e1;width:100%;padding:8px 36px;font-size:.85rem;transition:all .2s}.search-box-input:focus{background:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b98126}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:10px}.clear-search-btn:hover{color:#475569}.patient-cards-grid{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.in-chat-patient-card{border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.in-chat-patient-card:hover{background:#f0fdf4;border-color:#86efac}.in-chat-patient-card.current{background:#ecfdf5;border-color:#10b981}.card-patient-info{align-items:center;gap:10px;display:flex}.patient-avatar-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.patient-details{flex-direction:column;gap:3px;display:flex}.patient-details .name-hn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.patient-details strong{color:var(--slate-dark);font-size:.88rem}.patient-details .hn-badge{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600}.patient-details .age-badge{color:#64748b;font-size:.75rem}.sub-detail-row{align-items:center;gap:10px;font-size:.78rem;display:flex}.allergy-warn-tag{color:#b91c1c;background:#fee2e2;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-weight:600;display:flex}.allergy-safe-tag{color:#047857;background:#dcfce7;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;display:flex}.in-chat-patient-card .select-btn{background:var(--emerald);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:600;transition:background .2s;display:flex}.in-chat-patient-card .select-btn:hover{background:#047857}.in-chat-patient-card .select-btn.selected{cursor:default;background:#059669}.search-loading-row,.search-empty-state{color:#64748b;border-radius:var(--radius-sm);background:#f8fafc;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.82rem;display:flex}.medicines-dispensed-grid{gap:10px;margin-top:12px;display:grid}.med-dispense-card{background:var(--white);border:1px solid var(--slate-border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.med-header{align-items:center;gap:8px;display:flex}.med-name{color:var(--slate-dark);font-weight:700}.med-instruction{color:var(--slate-text);align-items:center;gap:6px;font-size:.85rem;display:flex}.med-warning{color:var(--rose);background:var(--rose-light);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 8px;font-size:.82rem;display:flex}.robot-badge{border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.robot-badge.sent{color:#15803d;background:#dcfce7}.robot-badge.blocked{color:#b91c1c;background:#fee2e2}.robot-badge.waiting{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.robot-badge.updated{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.robot-dispatch-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1.5px solid #38bdf8;flex-direction:column;gap:12px;margin-top:14px;padding:16px 18px;display:flex;box-shadow:0 4px 12px #0ea5e91f}.dispatch-header{align-items:flex-start;gap:12px;display:flex}.dispatch-icon-wrap{color:#0284c7;background:#bae6fd;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dispatch-header h4{color:#0369a1;margin:0;font-size:.95rem;font-weight:700}.dispatch-header p{color:#0c4a6e;margin-top:2px;font-size:.8rem}.dispatch-med-list{border-radius:var(--radius-sm);color:var(--slate-dark);background:#ffffffd9;border:1px solid #bae6fd;padding:10px 14px;font-size:.82rem}.dispatch-med-list span{color:#0369a1;font-weight:700}.dispatch-med-list ul{margin:6px 0 0 18px;padding:0}.dispatch-med-list li{margin-bottom:4px}.dispatch-action-bar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.btn-confirm-dispatch{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #0284c74d}.btn-confirm-dispatch:hover:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px);box-shadow:0 6px 14px #0284c766}.btn-confirm-dispatch:disabled{opacity:.7;cursor:not-allowed}.amr-animation-wrapper{background:var(--white);border-radius:var(--radius-lg);border:1.5px solid #bae6fd;flex-direction:column;width:100%;min-width:0;margin-top:14px;display:flex;overflow:hidden;box-shadow:0 8px 24px -4px #0284c71f}.amr-stage-header{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-bottom:1px solid #bae6fd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex}.stage-active-pulse{background:#0284c7;border-radius:50%;width:10px;height:10px;animation:1.8s infinite pulseBlue;display:inline-block;box-shadow:0 0 #0284c799}@keyframes pulseBlue{0%{transform:scale(.95);box-shadow:0 0 #0284c7b3}70%{transform:scale(1.05);box-shadow:0 0 0 8px #0284c700}to{transform:scale(.95);box-shadow:0 0 #0284c700}}.stage-title-wrap{align-items:center;gap:8px;display:flex}.stage-title-text{color:#0369a1;font-size:.88rem;font-weight:700}.stage-subtext{color:#0284c7;font-size:.78rem;font-weight:500}.amr-canvas-container{background:#f8fafc;border-bottom:1px solid #e2e8f0;width:100%;display:block;position:relative;overflow:hidden}.amr-canvas-svg{aspect-ratio:920/420;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:360px;margin:0 auto;display:block;transform:translateZ(0)}.amr-arrows-pulse{animation:1.5s ease-in-out infinite amrPulse}.amr-arrow-down{animation:1s ease-in-out infinite amrPulse}@keyframes amrPulse{0%,to{opacity:1}50%{opacity:.35}}.amr-bottom-stepper-bar{background:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.stepper-brand{align-items:center;gap:8px;display:flex}.stepper-brand-icon{color:#0284c7;background:#e0f2fe;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.stepper-brand-title{color:var(--slate-dark);font-size:.84rem;font-weight:700}.stepper-steps-wrapper{align-items:center;gap:6px;padding:4px 0;display:flex;overflow-x:auto}.step-item{color:var(--slate-muted);align-items:center;gap:6px;font-size:.76rem;font-weight:600;transition:all .2s;display:flex}.step-item .step-circle{width:22px;height:22px;color:var(--slate-muted);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}.step-item.active{color:#0284c7;font-weight:700}.step-item.active .step-circle{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 6px #0284c759}.step-item.completed{color:#059669}.step-item.completed .step-circle{color:#fff;background:#10b981;border-color:#10b981}.step-connector{background:#e2e8f0;border-radius:1px;width:26px;height:2px;transition:background .3s}.step-connector.filled{background:#0284c7}.stepper-status-clock{color:var(--slate-text);background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:flex}.stepper-status-clock .clock-icon{color:#0284c7;flex-shrink:0}.stepper-status-clock .clock-icon.completed{color:#059669}.stepper-status-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:600}.stepper-status-time .highlight{color:#0284c7;font-weight:700}.stepper-status-time .completed{color:#059669;font-weight:700}.loading-indicator{color:var(--primary-blue);align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;font-weight:600;display:flex}.options-dock{border-top:1px solid var(--slate-border);background:#f8fafc;padding:14px 20px}.option-buttons-container{flex-direction:column;gap:8px;display:flex}.option-buttons-header span{color:var(--slate-muted);font-size:.8rem;font-weight:600}.option-buttons-grid{flex-wrap:wrap;gap:8px;display:flex}.option-btn{background:var(--white);border:1px solid var(--slate-border);border-radius:var(--radius-md);color:var(--slate-dark);cursor:pointer;align-items:center;gap:8px;padding:9px 14px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 2px #0000000a}.option-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.option-btn.success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.option-btn.danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.option-btn.warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.option-btn.secondary{color:var(--slate-muted);background:#f8fafc}.btn-icon.blue{color:#0284c7}.btn-icon.emerald{color:#059669}.btn-icon.amber{color:#d97706}.btn-icon.purple{color:#9333ea}.btn-icon.rose{color:#e11d48}.btn-icon.slate{color:#64748b}.chat-input-wrapper{background:var(--white);border-top:1px solid var(--slate-border);padding:16px 20px}.input-container{border:1px solid var(--slate-border);border-radius:var(--radius-md);background:#f8fafc;align-items:center;gap:10px;padding:6px 8px 6px 16px;transition:border-color .2s;display:flex}.input-container:focus-within{border-color:var(--primary-blue);background:var(--white)}.input-container input{color:var(--slate-dark);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.92rem}.input-container input:disabled{color:#94a3b8;cursor:not-allowed}.send-btn{background:var(--primary-blue);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.send-btn:hover:not(:disabled){background:var(--primary-blue-dark)}.send-btn:disabled{cursor:not-allowed;background:#cbd5e1}.history-page-layout{flex-direction:column;gap:28px;max-width:1200px;margin:0 auto;padding:24px;display:flex}.history-top-section{background:var(--white);border:1px solid var(--slate-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:20px;padding:24px;display:flex}.section-header-row{justify-content:space-between;align-items:center;display:flex}.title-group{align-items:center;gap:12px;display:flex}.title-group h2{color:var(--slate-dark);font-size:1.35rem;font-weight:700}.title-group p{color:var(--slate-muted);font-size:.8rem}.patient-profile-card{border:1px solid var(--slate-border);border-radius:var(--radius-md);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.profile-main-info{align-items:center;gap:16px;display:flex}.profile-avatar-circle{background:var(--emerald-light);border:2px solid var(--emerald);width:48px;height:48px;color:var(--emerald);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.profile-text h3{color:var(--slate-dark);font-size:1.15rem;font-weight:700}.profile-text p{color:var(--slate-muted);font-size:.85rem}.profile-text .conditions-text{color:#b45309;margin-top:2px;font-size:.82rem}.allergy-alert-card{background:var(--rose-light);border-radius:var(--radius-sm);border:1px solid #fecdd3;flex-direction:column;gap:4px;padding:10px 16px;display:flex}.allergy-alert-card .alert-badge{color:var(--rose);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.allergy-alert-card .allergy-names{color:#9f1239;font-size:.92rem;font-weight:700}.no-allergy-card{background:var(--emerald-light);color:var(--emerald);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;display:flex}.guest-login-prompt{background:var(--amber-light);border-radius:var(--radius-md);border:1px solid #fde68a;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.prompt-left{align-items:center;gap:14px;display:flex}.prompt-left h4{color:#92400e;font-size:.95rem;font-weight:700}.prompt-left p{color:#b45309;font-size:.82rem}.login-btn-action{background:var(--amber);color:var(--white);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.history-table-wrapper{border:1px solid var(--slate-border);border-radius:var(--radius-md);overflow-x:auto}.med-history-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.med-history-table th{color:var(--slate-dark);border-bottom:1px solid var(--slate-border);background:#f8fafc;padding:12px 16px;font-weight:700}.med-history-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:14px 16px}.med-history-table tr:last-child td{border-bottom:none}.date-cell{white-space:nowrap;color:var(--slate-muted);font-weight:600}.med-pills-list{flex-wrap:wrap;gap:6px;display:flex}.med-pill-tag{color:#0369a1;background:#e0f2fe;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.8rem;font-weight:600;display:inline-flex}.note-cell{color:var(--slate-text);max-width:420px;line-height:1.5}.status-tag{border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.status-tag.sent{color:#15803d;background:#dcfce7}.status-tag.blocked{color:#b91c1c;background:#fee2e2}.empty-row{text-align:center;color:var(--slate-muted);padding:32px!important}.history-bottom-section{background:var(--white);border:1px solid var(--slate-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:24px;display:flex}.chat-section-header{align-items:center;gap:10px;display:flex}.chat-section-header h3{color:var(--slate-dark);font-size:1.1rem;font-weight:700}.chat-section-header p{color:var(--slate-muted);font-size:.78rem}.inquiry-chat-window{border:1px solid var(--slate-border);border-radius:var(--radius-md);flex-direction:column;height:320px;display:flex;overflow:hidden}.inquiry-messages-scroll{background:#f8fafc;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.inquiry-msg-row{display:flex}.inquiry-msg-row.user{justify-content:flex-end}.inquiry-msg-row.assistant{justify-content:flex-start}.inquiry-msg-bubble{border-radius:var(--radius-md);max-width:80%;padding:10px 14px;font-size:.88rem;line-height:1.5}.inquiry-msg-bubble.assistant{background:var(--white);border:1px solid var(--slate-border)}.inquiry-msg-bubble.user{background:var(--emerald);color:var(--white)}.msg-tag{opacity:.8;align-items:center;gap:4px;margin-bottom:2px;font-size:.7rem;font-weight:700;display:flex}.inquiry-loading{color:var(--emerald);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.inquiry-input-bar{background:var(--white);border-top:1px solid var(--slate-border);gap:10px;padding:8px 12px;display:flex}.inquiry-input-bar input{border:1px solid var(--slate-border);border-radius:var(--radius-sm);outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:.88rem}.inquiry-input-bar input:focus{border-color:var(--emerald)}.inquiry-send-btn{background:var(--emerald);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;display:flex}.login-page-container{justify-content:center;max-width:900px;margin:0 auto;padding:36px 20px;display:flex}.login-card-wrapper{background:var(--white);border:1px solid var(--slate-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);flex-direction:column;gap:24px;padding:36px;display:flex}.login-card-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.login-icon-box{color:#0284c7;border-radius:var(--radius-md);background:#e0f2fe;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.login-card-header h2{color:var(--slate-dark);font-size:1.4rem;font-weight:700}.login-card-header p{color:var(--slate-muted);font-size:.85rem}.login-error-banner{background:var(--rose-light);color:var(--rose);border-radius:var(--radius-sm);text-align:center;border:1px solid #fecdd3;padding:10px 14px;font-size:.85rem;font-weight:600}.login-form{flex-direction:column;gap:16px;width:100%;max-width:440px;margin:0 auto;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--slate-dark);font-size:.82rem;font-weight:600}.field-input-box{border:1px solid var(--slate-border);border-radius:var(--radius-md);color:var(--slate-muted);background:#f8fafc;align-items:center;gap:10px;padding:10px 14px;display:flex}.field-input-box:focus-within{border-color:var(--primary-blue);background:var(--white);color:var(--primary-blue)}.field-input-box input{color:var(--slate-dark);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.92rem}.login-submit-btn{background:var(--primary-blue);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:12px;font-size:.92rem;font-weight:600;transition:background .15s;display:flex}.login-submit-btn:hover:not(:disabled){background:var(--primary-blue-dark)}.demo-accounts-section{border-top:1px solid var(--slate-border);flex-direction:column;gap:14px;padding-top:24px;display:flex}.demo-header h3{color:var(--slate-dark);font-size:.95rem;font-weight:700}.demo-header p{color:var(--slate-muted);font-size:.78rem}.demo-accounts-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.demo-acc-card{border:1px solid var(--slate-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:#f8fafc;flex-direction:column;gap:4px;padding:10px 12px;transition:all .15s;display:flex}.demo-acc-card:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.demo-acc-card.has-allergy{border-left:3px solid var(--rose)}.acc-top{color:var(--slate-muted);justify-content:space-between;font-size:.72rem;display:flex}.acc-user{color:var(--slate-dark);font-weight:700}.acc-name{color:var(--slate-dark);font-size:.85rem;font-weight:600}.acc-allergy{margin-top:4px}.allergy-tag{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 6px;font-size:.7rem;font-weight:600;display:inline-flex}.allergy-tag.danger{background:var(--rose-light);color:var(--rose)}.allergy-tag.safe{background:var(--emerald-light);color:var(--emerald)}.customer-selection-dock{margin-bottom:12px}.history-customer-finder-wrap{margin-bottom:16px}.customer-finder-container{width:100%;position:relative}.finder-search-box{align-items:center;gap:8px;width:100%;display:flex}.search-input-wrap{background:var(--white);border:1.5px solid var(--slate-border);border-radius:var(--radius-md);flex:1;align-items:center;gap:10px;padding:8px 14px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.search-input-wrap:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0284c71f}.search-input-wrap .search-icon{color:var(--slate-muted);flex-shrink:0}.finder-input{color:var(--slate-dark);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.clear-search-btn{color:var(--slate-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.clear-search-btn:hover{color:var(--slate-dark);background:#f1f5f9}.btn-cancel-switch{border:1px solid var(--slate-border);color:var(--slate-dark);border-radius:var(--radius-md);cursor:pointer;background:#f1f5f9;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-cancel-switch:hover{background:#e2e8f0}.customer-active-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#f0f9ff 0%,#fff 100%);border:1.5px solid #bae6fd;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;transition:all .2s;display:flex;box-shadow:0 2px 5px #0284c70f}.banner-left-info{flex:1;align-items:center;gap:12px;display:flex}.customer-avatar-circle{width:40px;height:40px;color:var(--white);background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0284c740}.customer-meta{flex-direction:column;gap:3px;display:flex}.meta-row-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.customer-tag-badge{color:var(--white);border-radius:var(--radius-sm);letter-spacing:.2px;background:#0284c7;padding:2px 6px;font-size:.68rem;font-weight:700}.customer-name{color:var(--slate-dark);margin:0;font-size:.95rem;font-weight:700}.customer-hn{color:#0369a1;border-radius:var(--radius-sm);background:#e0f2fe;padding:2px 6px;font-size:.8rem;font-weight:600}.customer-age{color:var(--slate-muted);font-size:.8rem}.meta-row-bottom{color:var(--slate-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.8rem;display:flex}.customer-phone{color:#0f766e;align-items:center;gap:4px;font-weight:600;display:inline-flex}.customer-conditions{color:#475569}.banner-right-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.allergy-badge-alert{color:#be123c;border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;background:#ffe4e6;border:1px solid #fecdd3;align-items:center;gap:5px;max-width:280px;padding:5px 10px;font-size:.78rem;font-weight:600;display:flex;overflow:hidden}.allergy-badge-safe{color:#047857;border-radius:var(--radius-sm);background:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:600;display:flex}.btn-switch-customer{background:var(--white);border:1px solid var(--slate-border);color:var(--slate-dark);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-switch-customer:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:#f8fafc}.btn-deselect-customer{background:var(--white);color:#e11d48;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #fecdd3;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-deselect-customer:hover{color:#be123c;background:#fff1f2;border-color:#fb7185}.customer-item-card.deselect-option{border-bottom:1px dashed var(--slate-border);background:#fafafa;margin-bottom:4px}.customer-item-card.deselect-option:hover{background:#fff1f2;border-color:#fecdd3}.item-avatar.deselect{color:#e11d48;background:#fee2e2}.item-name.deselect{color:#b91c1c}.customer-dropdown-menu{background:var(--white);border:1px solid var(--slate-border);border-radius:var(--radius-lg);z-index:100;flex-direction:column;max-height:380px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px #0000001f}.dropdown-header-bar{border-bottom:1px solid var(--slate-border);color:var(--slate-muted);background:#f8fafc;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.78rem;font-weight:600;display:flex}.dropdown-results-list{flex-direction:column;gap:4px;padding:6px;display:flex;overflow-y:auto}.customer-item-card{background:var(--white);border-radius:var(--radius-md);text-align:left;cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 12px;transition:all .15s;display:flex}.customer-item-card:hover{background:#f0f9ff;border-color:#bae6fd}.customer-item-card.current{background:#eff6ff;border-color:#93c5fd}.customer-item-card.has-allergy{border-left:3px solid var(--rose)}.item-avatar{color:#334155;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.item-main-info{flex-direction:column;flex:1;gap:2px;display:flex}.name-hn-line{align-items:center;gap:8px;font-size:.88rem;display:flex}.item-name{color:var(--slate-dark);font-weight:700}.item-hn{color:#0284c7;font-size:.78rem;font-weight:600}.item-age{color:var(--slate-muted);font-size:.78rem}.current-pill{color:#1d4ed8;border-radius:var(--radius-sm);background:#dbeafe;padding:1px 6px;font-size:.68rem;font-weight:700}.item-sub-line{color:var(--slate-muted);align-items:center;gap:12px;font-size:.78rem;display:flex}.item-phone{color:#0f766e;align-items:center;gap:4px;font-weight:600;display:inline-flex}.item-conditions{color:#64748b}.dropdown-no-results{text-align:center;color:var(--slate-muted);flex-direction:column;align-items:center;gap:6px;padding:24px;font-size:.85rem;display:flex}.dropdown-loading{text-align:center;color:var(--slate-muted);padding:20px;font-size:.85rem}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.settings-modal-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate-border);flex-direction:column;width:100%;max-width:520px;max-height:min(88vh,680px);display:flex;overflow:hidden;box-shadow:0 20px 35px #0003}.modal-header{border-bottom:1px solid var(--slate-border);background:#f8fafc;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header-left{align-items:center;gap:12px;display:flex}.modal-icon-wrap{border-radius:var(--radius-md);color:#0284c7;background:#e0f2fe;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.modal-header h3{color:var(--slate-dark);margin:0;font-size:1.05rem;font-weight:700}.modal-header p{color:var(--slate-muted);margin:0;font-size:.78rem}.modal-close-btn{color:var(--slate-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.modal-close-btn:hover{color:var(--slate-dark);background:#e2e8f0}.modal-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:18px;padding:22px;display:flex;overflow-y:auto}.pharmacist-info-box{border-radius:var(--radius-md);color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;display:flex}.pharmacist-info-box p{color:#166534;margin-top:2px;font-size:.75rem}.setting-section{flex-direction:column;gap:10px;display:flex}.setting-label{color:var(--slate-dark);align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.setting-hint{color:var(--slate-muted);font-size:.78rem;line-height:1.45}.timeout-options-list{flex-direction:column;gap:6px;margin-top:4px;display:flex}.timeout-option-item{border:1.5px solid var(--slate-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#f8fafc;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;transition:all .15s;display:flex}.timeout-option-item:hover{background:#f1f5f9;border-color:#cbd5e1}.timeout-option-item.selected{background:#eff6ff;border-color:#3b82f6}.opt-left{align-items:center;gap:10px;display:flex}.radio-circle{width:18px;height:18px;color:var(--white);background:var(--white);border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.radio-circle.checked{background:#3b82f6;border-color:#3b82f6}.opt-text{flex-direction:column;gap:1px;display:flex}.opt-label{color:var(--slate-dark);font-size:.88rem;font-weight:700}.opt-desc{color:var(--slate-muted);font-size:.74rem}.modal-divider{background:var(--slate-border);height:1px;margin:4px 0}.advanced-feature-box{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.advanced-feature-header{justify-content:space-between;align-items:center;display:flex}.advanced-badge{color:#7c3aed;letter-spacing:.02em;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.sync-badge{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600}.toggle-item-row{justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.toggle-info{flex-direction:column;gap:2px;display:flex}.toggle-title-line{align-items:center;gap:8px;display:flex}.toggle-title{color:var(--slate-dark);font-size:.88rem;font-weight:700}.status-badge-inline{border-radius:999px;padding:1px 7px;font-size:.7rem;font-weight:700}.status-badge-inline.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-badge-inline.inactive{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.toggle-desc{color:var(--slate-muted);max-width:340px;font-size:.76rem;line-height:1.4}.switch-label{cursor:pointer;flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.switch-label input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#cbd5e1;border-radius:26px;transition:all .25s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch-label input:checked+.switch-slider{background-color:#10b981}.switch-label input:focus+.switch-slider{box-shadow:0 0 1px #10b981}.switch-label input:checked+.switch-slider:before{transform:translate(22px)}.switch-label.disabled{opacity:.6;cursor:not-allowed}.switch-label.disabled .switch-slider{cursor:not-allowed}.modal-footer{border-top:1px solid var(--slate-border);background:#f8fafc;flex-shrink:0;justify-content:flex-end;padding:14px 22px;display:flex}.btn-save-close{background:var(--primary-blue);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;padding:8px 18px;font-size:.88rem;font-weight:600;transition:background .15s}.btn-save-close:hover{background:var(--primary-blue-dark)}.session-timeout-banner{border-radius:var(--radius-md);color:#92400e;background:#fffbeb;border:1.5px solid #fde68a;align-items:center;gap:12px;padding:12px 16px;display:flex}.session-timeout-banner .banner-icon{color:#d97706;flex-shrink:0}.session-timeout-banner .banner-content strong{font-size:.88rem;font-weight:700;display:block}.session-timeout-banner .banner-content p{margin-top:2px;font-size:.78rem}.demo-pharmacist-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.demo-pharma-card{border:1px solid var(--slate-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:#f8fafc;flex-direction:column;gap:4px;padding:12px 14px;transition:all .15s;display:flex}.demo-pharma-card:hover{background:#f0f9ff;border-color:#7dd3fc;transform:translateY(-1px)}.pharma-top{color:var(--slate-muted);justify-content:space-between;font-size:.72rem;display:flex}.pharma-user{color:var(--slate-dark);font-weight:700}.pharma-name{color:var(--slate-dark);font-size:.92rem;font-weight:700}.pharma-license{color:#047857;align-items:center;gap:5px;font-size:.76rem;font-weight:600;display:flex}.pharma-hospital{color:var(--slate-muted);align-items:center;gap:5px;font-size:.74rem;display:flex}.pharma-role-tag{color:#0369a1;border-radius:var(--radius-sm);background:#e0f2fe;align-self:flex-start;margin-top:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.avatar-circle.pharmacist{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)}.pharmacist-title-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.role-tag-pill{color:#0284c7;border-radius:var(--radius-sm);background:#e0f2fe;padding:2px 6px;font-size:.68rem;font-weight:700}.hospital-sub{color:var(--slate-muted);margin-top:2px;font-size:.72rem}.session-status-pill{color:var(--slate-muted);border-radius:var(--radius-sm);background:#f1f5f9;align-items:center;gap:5px;margin-top:8px;padding:3px 8px;font-size:.72rem;display:flex}.name-hn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.name-hn-row h3{margin:0;font-size:1.15rem;font-weight:700}.hn-pill{color:#0369a1;border-radius:var(--radius-sm);background:#e0f2fe;padding:2px 8px;font-size:.8rem;font-weight:700}.age-pill{color:var(--slate-muted);font-size:.8rem}.detail-sub-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;font-size:.82rem;display:flex}.phone-tag{color:#0f766e;align-items:center;gap:4px;display:inline-flex}.conditions-tag{color:#475569}.select-customer-prompt{border:1px dashed var(--slate-border);border-radius:var(--radius-md);background:#f8fafc;margin-bottom:16px;padding:16px 20px}.pharmacist-cell-badge{color:var(--slate-dark);border:1px solid var(--slate-border);border-radius:var(--radius-sm);background:#f8fafc;align-items:center;gap:6px;padding:4px 8px;font-size:.82rem;font-weight:600;display:inline-flex}.active-user-banner.pharmacist{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border:1px solid #bbf7d0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.banner-customer-pill{color:#0369a1;border-radius:var(--radius-sm);background:#e0f2fe;align-items:center;gap:5px;padding:3px 8px;font-size:.78rem;font-weight:600;display:inline-flex}@media (max-width:768px){.navbar-container{flex-wrap:wrap;padding:10px 16px}.navbar-links{order:3;justify-content:center;width:100%}.portal-title{font-size:1.75rem}.portal-grid{grid-template-columns:1fr}.chat-layout{height:auto;min-height:calc(100vh - 120px)}.message-bubble-card{max-width:92%}.patient-profile-card,.customer-active-banner{flex-direction:column;align-items:flex-start}.banner-right-actions{justify-content:space-between;width:100%}}.locked-portal-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;border:1px solid #fed7aa;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:640px;margin:0 auto;padding:48px 32px;display:flex}.locked-icon-wrap{color:#ea580c;background:#fff7ed;border:2px solid #ffedd5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #ea580c1f}.locked-title{color:var(--slate-dark);margin-top:4px;font-size:1.45rem;font-weight:700}.locked-desc{color:var(--slate-muted);max-width:500px;font-size:.95rem;line-height:1.6}.locked-features-box{border:1px solid var(--slate-border);border-radius:var(--radius-md);text-align:left;background:#f8fafc;flex-direction:column;gap:10px;width:100%;max-width:500px;padding:16px 20px;display:flex}.locked-feature-row{color:var(--slate-body);align-items:center;gap:10px;font-size:.88rem;display:flex}.locked-login-btn{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#f97316,#ea580c);justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f973164d}.locked-login-btn:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px);box-shadow:0 6px 18px #ea580c66}.auth-guard-loading{min-height:50vh;color:var(--slate-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:1rem;display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-bubble{transition:all .25s cubic-bezier(.16,1,.3,1)}.toast-bubble:hover{transform:translateY(-2px);box-shadow:0 14px 28px -4px #0000002e,0 10px 10px -5px #00000014}.signal-indicator-pill{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:5px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.signal-indicator-pill strong{color:#0284c7;text-transform:lowercase;font-weight:700}.signal-pulse-dot{color:#0284c7;animation:1.5s ease-in-out infinite signalDotPulse}@keyframes signalDotPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.signal-lost-overlay{-webkit-backdrop-filter:blur(8px);z-index:40;text-align:center;pointer-events:auto;background:#0f172ad9;border:2px solid #ef444499;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;max-width:90%;padding:24px 36px;animation:.3s cubic-bezier(.16,1,.3,1) signalLostFadeIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px -8px #00000080,0 0 24px #ef44444d}@keyframes signalLostFadeIn{0%{opacity:0;transform:translate(-50%,-46%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.signal-lost-badge{color:#ef4444;align-items:center;gap:12px;margin-bottom:8px;display:flex}.signal-lost-icon{animation:1s ease-in-out infinite alternate signalLostPulse}@keyframes signalLostPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.signal-lost-title{letter-spacing:.04em;color:#fff;text-shadow:0 2px 8px #ef444499;font-size:1.6rem;font-weight:800}.signal-lost-subtext{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.5}.status-waiting-text{color:#d97706;font-weight:700;animation:1.5s ease-in-out infinite waitingPulse}@keyframes waitingPulse{0%,to{opacity:.6}50%{opacity:1}}.overall-timeout-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:50;background:#0f172abf;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out timeoutFadeIn;display:flex;position:absolute;inset:0}@keyframes timeoutFadeIn{0%{opacity:0}to{opacity:1}}.overall-timeout-card{background:#fff;border:1px solid #fde68a;border-radius:14px;width:100%;max-width:520px;padding:22px 24px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.timeout-card-header{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.timeout-card-header h4{color:#1e293b;margin:0 0 4px;font-size:1.05rem;font-weight:700}.timeout-card-header p{color:#d97706;margin:0;font-size:.85rem;font-weight:600}.timeout-card-desc{color:#475569;margin:0 0 16px;font-size:.88rem;line-height:1.5}.timeout-actions-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.btn-timeout-extend{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .15s}.btn-timeout-extend:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.btn-timeout-resend{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #0284c74d}.btn-timeout-resend:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.dev-signals-toolbar{background:#faf5ff;border:1px dashed #d8b4fe;border-radius:10px;margin-top:10px;padding:10px 14px;font-size:.82rem}.toolbar-header{color:#7e22ce;align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.toolbar-buttons-grid{flex-direction:column;gap:8px;display:flex}.signals-subgroup{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.subgroup-label{color:#6b21a8;min-width:60px;font-size:.75rem;font-weight:600}.btn-sig-pill{color:#6b21a8;cursor:pointer;background:#fff;border:1px solid #d8b4fe;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:.75rem;font-weight:600;transition:all .15s}.btn-sig-pill:hover{background:#f3e8ff;border-color:#c084fc}.btn-sig-pill.active{color:#fff;background:#9333ea;border-color:#7e22ce}.btn-sig-warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.btn-sig-warning:hover{background:#fef3c7;border-color:#fcd34d}.btn-sig-danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.btn-sig-danger:hover{background:#ffe4e6;border-color:#fda4af}.timing-configs-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px;display:grid}.timing-config-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.timing-config-card.full-width{grid-column:1/-1}.timing-config-header{align-items:center;gap:6px;display:flex}.timing-config-header label{color:var(--slate-dark);font-size:.84rem;font-weight:700}.timing-config-desc{color:var(--slate-muted);margin:0;font-size:.76rem;line-height:1.4}.timing-input-wrap{align-items:center;gap:8px;margin-top:4px;display:flex}.timing-number-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:90px;padding:6px 10px;font-size:.85rem;font-weight:600}.timing-input-unit{color:#64748b;font-size:.8rem;font-weight:500}.timing-text-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;margin-top:4px;padding:7px 12px;font-size:.85rem;font-weight:600}.timing-text-input:focus,.timing-number-input:focus{border-color:#9333ea;outline:none;box-shadow:0 0 0 3px #9333ea26}.timing-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecdd3;border-radius:6px;margin-top:12px;padding:8px 12px;font-size:.82rem;font-weight:600}