@import '/_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Controls/AgentOfficeComposer.razor.rz.scp.css */
.office-composer[b-fam4rw4uky]{position:relative;flex-shrink:0;padding:.5rem 1rem 1rem;border-top:1px solid #DEE2E6;background:#F8F9FA;}
.office-format-bar[b-fam4rw4uky]{display:flex;flex-wrap:wrap;align-items:center;gap:.1rem;padding:.1rem .25rem .15rem;}
.office-format-button[b-fam4rw4uky]{width:28px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:#6C757D;cursor:pointer;border-radius:.3rem;font-size:.82rem;font-family:var(--font-primary);}
.office-format-word[b-fam4rw4uky]{width:auto;padding:0 .4rem;font-weight:600;}.office-format-button:hover[b-fam4rw4uky]{background:rgba(0,0,0,.06);color:var(--color-primary);}.office-format-separator[b-fam4rw4uky]{width:1px;height:16px;background:#DEE2E6;margin:0 .3rem;}
.office-composer button:focus-visible[b-fam4rw4uky],.office-composer-tool:focus-within[b-fam4rw4uky]{outline:2px solid var(--color-primary);outline-offset:2px;}.office-composer button:disabled[b-fam4rw4uky]{opacity:.45;cursor:default;}
.office-composer-box[b-fam4rw4uky]{display:flex;align-items:flex-end;gap:.4rem;border:1px solid #DEE2E6;border-radius:.65rem;padding:.45rem .55rem;background:#FFF;}.office-composer-box:focus-within[b-fam4rw4uky]{border-color:var(--color-primary);}
.office-composer-tool[b-fam4rw4uky]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:36px;flex:0 0 24px;padding:0;border:0;background:none;border-radius:.3rem;color:#87929C;font-size:1rem;cursor:pointer;}.office-composer-tool:hover[b-fam4rw4uky],.voice-live[b-fam4rw4uky]{color:var(--color-primary);}.voice-live[b-fam4rw4uky]{background:rgba(0,161,190,.1);}
.office-composer-tool[b-fam4rw4uky]  .office-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.office-composer-send[b-fam4rw4uky]{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;padding:0;border:0;border-radius:50%;background:var(--color-primary);color:white;font-size:.95rem;cursor:pointer;}.office-composer-send:hover:not(:disabled)[b-fam4rw4uky]{background:var(--color-buttons-hover);}
/* The `/ ""` gives the drawn placeholder empty alternative text, so the empty box reports no text and dictation apps such as Wispr Flow stop adding a separating space (Christine 2026-10-07). The first content is for browsers without the syntax. */
.office-rich-input[b-fam4rw4uky]{flex:1;min-width:0;min-height:2.6rem;max-height:240px;overflow:auto;border:0;outline:0;background:transparent;color:var(--color-body);font-family:var(--font-primary);font-size:1rem;line-height:1.4;padding:.3rem 0;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;}.office-rich-input:empty[b-fam4rw4uky]:before{content:attr(data-placeholder);content:attr(data-placeholder) / "";color:#87929C;pointer-events:none;}
.office-rich-input[b-fam4rw4uky]  ul,.office-rich-input[b-fam4rw4uky]  ol{margin:.25rem 0;padding-left:1.6rem;}.office-rich-input[b-fam4rw4uky]  ul{list-style:disc outside;}.office-rich-input[b-fam4rw4uky]  ol{list-style:decimal outside;}.office-rich-input[b-fam4rw4uky]  code{background:#F1F3F5;border:1px solid #E9ECEF;border-radius:.25rem;padding:.02rem .3rem;font-family:ui-monospace,Consolas,monospace;font-size:.85em;}
.office-composer-status[b-fam4rw4uky],.office-composer-error[b-fam4rw4uky]{margin:.35rem 0;font-size:.8125rem;line-height:1.4;}.office-composer-error[b-fam4rw4uky]{color:#B42318;}.office-composer-status[b-fam4rw4uky]  select{max-width:100%;}
.office-upload-list[b-fam4rw4uky]{display:flex;flex-wrap:wrap;gap:.4rem;margin:.25rem 0 .5rem;}.office-upload-list>div[b-fam4rw4uky]{display:flex;align-items:center;gap:.5rem;max-width:100%;border:1px solid #DEE2E6;border-radius:.5rem;padding:.35rem .5rem;background:white;font-size:.8125rem;}.office-upload-list span[b-fam4rw4uky]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.office-upload-list button[b-fam4rw4uky]{border:0;background:none;color:var(--color-body);padding:.25rem;}.is-dragging .office-composer-box[b-fam4rw4uky]{outline:2px dashed var(--color-primary);outline-offset:3px;}
.office-emoji-picker[b-fam4rw4uky]{position:absolute;bottom:calc(100% + 4px);left:.5rem;right:.5rem;z-index:5;display:flex;flex-wrap:wrap;max-height:270px;overflow:auto;padding:.5rem;border:1px solid #DEE2E6;border-radius:.65rem;background:white;box-shadow:0 -.25rem 1rem #27282A20;}
.office-emoji-picker[b-fam4rw4uky]  .office-emoji-search{flex:0 0 100%;display:flex;align-items:center;gap:.4rem;margin:0 0 .35rem;padding:.3rem .5rem;border:1px solid #DEE2E6;border-radius:.5rem;}.office-emoji-picker[b-fam4rw4uky]  .office-emoji-search-input{flex:1;min-width:0;border:0;outline:0;font-size:.875rem;}.office-emoji-picker[b-fam4rw4uky]  .office-emoji-btn{width:2rem;height:2rem;padding:.2rem;border:0;border-radius:.35rem;background:none;font-size:1.05rem;cursor:pointer;}.office-emoji-picker[b-fam4rw4uky]  .office-emoji-btn:hover{background:#F1F3F5;}.office-emoji-picker[b-fam4rw4uky]  .office-emoji-divider{flex:0 0 100%;border-top:1px solid #DEE2E6;margin:.3rem 0;}.office-emoji-picker[b-fam4rw4uky]  .office-emoji-empty{font-size:.875rem;padding:.5rem;}
@media(max-width:450px){.office-composer[b-fam4rw4uky]{padding:.5rem .75rem .75rem;}.office-format-button[b-fam4rw4uky]{width:26px;font-size:.78rem;}.office-format-word[b-fam4rw4uky]{width:auto;padding:0 .3rem;}.office-format-separator[b-fam4rw4uky]{margin:0 .2rem;}.office-composer-box[b-fam4rw4uky]{gap:.3rem;}}
/* /Components/Controls/AgentOfficeProfile.razor.rz.scp.css */
.office-profile[b-t4g3j5tc3u]{width:min(1220px,calc(100vw - 3rem));height:min(940px,calc(100dvh - 3rem));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #DEE2E6;border-radius:1.25rem;background:#fff;color:var(--color-body);box-shadow:0 1.5rem 6rem #27282A26;font-family:var(--font-primary);overflow:hidden;}
.office-profile[b-t4g3j5tc3u]::backdrop{background:rgba(39,40,42,.3);backdrop-filter:blur(6px);}
.office-profile button[b-t4g3j5tc3u]{font:inherit;cursor:pointer;}
.office-profile button:focus-visible[b-t4g3j5tc3u],.office-profile summary:focus-visible[b-t4g3j5tc3u]{outline:3px solid var(--color-primary);outline-offset:3px;}
.profile-hero[b-t4g3j5tc3u]{position:relative;min-height:156px;flex-shrink:0;padding:1.5rem 2rem;display:flex;align-items:center;gap:1.5rem;color:var(--color-body);background:#fff;border-top:4px solid var(--color-primary);border-bottom:1px solid #DEE2E6;}
.profile-close[b-t4g3j5tc3u]{position:absolute;right:.875rem;top:.875rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid #DEE2E6;border-radius:50%;background:white;color:var(--color-body);z-index:2;}
.profile-close:hover[b-t4g3j5tc3u]{background:#F8F9FA;color:var(--color-primary);}
.profile-portrait[b-t4g3j5tc3u]{position:relative;flex:0 0 96px;height:96px;display:grid;place-items:center;border:1px solid #DEE2E6;border-radius:1.125rem;background:#F8F9FA;color:var(--color-primary);font-size:2rem;font-weight:800;box-shadow:0 0 0 6px #27282A14;}
.profile-portrait img[b-t4g3j5tc3u]{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;}
.profile-portrait b[b-t4g3j5tc3u]{position:absolute;bottom:-4px;right:-4px;width:21px;height:21px;border:4px solid white;border-radius:50%;background:#F8F9FA;}
.profile-portrait b.online[b-t4g3j5tc3u]{background:#F8F9FA;}.profile-portrait b.working[b-t4g3j5tc3u]{background:#F8F9FA;box-shadow:0 0 15px #27282A70;}
.profile-identity[b-t4g3j5tc3u]{min-width:0;flex:1;}
.profile-eyebrow[b-t4g3j5tc3u],.profile-kicker[b-t4g3j5tc3u]{display:block;font-size:.6875rem;font-weight:800;letter-spacing:.13em;line-height:1.6;}
.profile-eyebrow[b-t4g3j5tc3u]{color:var(--color-primary);margin-bottom:.3rem;}
.profile-identity h2[b-t4g3j5tc3u]{font-family:var(--font-headings);font-size:2rem;font-weight:800;letter-spacing:-.035em;line-height:1.15;margin:0;overflow-wrap:anywhere;color:var(--color-body);}
.profile-identity p[b-t4g3j5tc3u]{font-size:.875rem;color:var(--color-body);margin:.375rem 0 .65rem;}
.profile-identity-tags[b-t4g3j5tc3u]{display:flex;flex-wrap:wrap;gap:.375rem;}
.profile-identity-tags>span[b-t4g3j5tc3u]{display:flex;align-items:center;gap:.35rem;}




.profile-body[b-t4g3j5tc3u]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);flex:1;height:auto;min-height:0;}
.profile-explore[b-t4g3j5tc3u]{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;}
.profile-tabs[b-t4g3j5tc3u]{display:flex;flex-shrink:0;gap:1.25rem;padding:0 1.5rem;border-bottom:1px solid #DEE2E6;background:#fff;}
.profile-tabs button[b-t4g3j5tc3u]{position:relative;display:flex;align-items:center;gap:.4rem;min-height:3.75rem;padding:.5rem 0;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--color-body);font-size:.8125rem;white-space:nowrap;}
.profile-tabs button.active[b-t4g3j5tc3u]{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:800;}
.profile-scroll[b-t4g3j5tc3u]{overflow:auto;min-height:0;flex:1;padding:1.25rem 1.5rem 1.5rem;scrollbar-width:thin;}
.profile-section-title[b-t4g3j5tc3u]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;}
.profile-kicker[b-t4g3j5tc3u]{color:var(--color-body);}
.profile-section-title h3[b-t4g3j5tc3u],.profile-chat-intro h3[b-t4g3j5tc3u]{font-family:var(--font-headings);font-weight:800;letter-spacing:-.025em;font-size:1.375rem;margin:.2rem 0 0;}
.profile-live[b-t4g3j5tc3u]{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;white-space:nowrap;color:var(--color-body);}
.profile-live b[b-t4g3j5tc3u]{width:6px;height:6px;border-radius:50%;background:#F8F9FA;box-shadow:0 0 0 4px #27282A10;}
.profile-feelings[b-t4g3j5tc3u]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;}
.profile-feeling[b-t4g3j5tc3u]{position:relative;padding:.875rem .875rem .75rem;border:1px solid color-mix(in srgb,var(--feeling) 24%,#DEE2E6);border-radius:.875rem;background:linear-gradient(135deg,color-mix(in srgb,var(--feeling) 9%,white),white);text-align:left;color:var(--color-body);transition:transform .16s,box-shadow .16s;}
.profile-feeling:hover[b-t4g3j5tc3u]{transform:translateY(-2px);box-shadow:0 .4rem 1rem #27282A10;}
.profile-feeling.chosen[b-t4g3j5tc3u]{box-shadow:0 0 0 2px color-mix(in srgb,var(--feeling) 30%,transparent);}
.profile-feeling>span:first-child[b-t4g3j5tc3u]{display:block;font-size:.8125rem;text-transform:capitalize;}
.profile-feeling>strong[b-t4g3j5tc3u]{display:block;font-size:1.75rem;font-weight:800;letter-spacing:-.04em;margin:.25rem 0 .5rem;}
.profile-feeling small[b-t4g3j5tc3u]{font-size:.6875rem;margin-left:.15rem;color:var(--color-body);letter-spacing:0;}
.profile-feeling-track[b-t4g3j5tc3u]{display:block;height:4px;border-radius:1rem;overflow:hidden;background:#F8F9FA;}
.profile-feeling-track b[b-t4g3j5tc3u]{display:block;height:100%;border-radius:inherit;background:var(--feeling);}
.profile-feeling-why[b-t4g3j5tc3u]{padding:.875rem 0 .5rem;font-size:.8125rem;line-height:1.55;color:var(--color-body);}
.profile-feeling-why strong[b-t4g3j5tc3u]{text-transform:capitalize;color:var(--color-body);}.profile-feeling-why p[b-t4g3j5tc3u]{margin:.25rem 0 0;}
.profile-brain-card[b-t4g3j5tc3u]{margin:.5rem 0 .75rem;padding:.75rem;border:1px solid #DEE2E6;border-radius:1rem;background:#fff;box-shadow:0 .25rem .75rem #27282A04;}
.profile-brain-card[b-t4g3j5tc3u]  .brain3d-canvas{height:300px;}
.profile-brain-card[b-t4g3j5tc3u]  .brain3d-scene{background:#F8F9FA;}
.profile-brain-card[b-t4g3j5tc3u]  .brain3d-card{border-color:#DEE2E6;background:#F8F9FA;font-size:.75rem;}
.profile-brain-card[b-t4g3j5tc3u]  .brain3d-card h3{font-size:.875rem;}
.profile-all-feelings[b-t4g3j5tc3u]{border:1px solid #DEE2E6;border-radius:.875rem;padding:.875rem;background:#fff;font-size:.8125rem;}
.profile-all-feelings summary[b-t4g3j5tc3u]{font-weight:700;cursor:pointer;}.profile-all-feelings summary>span[b-t4g3j5tc3u]{float:right;font-size:.6875rem;font-weight:400;color:var(--color-body);}
.profile-all-feelings>div[b-t4g3j5tc3u]{display:flex;flex-wrap:wrap;gap:.375rem;padding-top:.75rem;}
.profile-all-feelings button[b-t4g3j5tc3u]{display:flex;align-items:center;gap:.35rem;background:#F8F9FA;border:1px solid #DEE2E6;border-radius:2rem;padding:.5rem .625rem;font-size:.75rem;color:var(--color-body);}
.profile-all-feelings button>b[b-t4g3j5tc3u]{width:6px;height:6px;background:var(--feeling);border-radius:50%;}.profile-all-feelings button>span[b-t4g3j5tc3u]{color:var(--color-body);}
.profile-chat[b-t4g3j5tc3u]{display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid #DEE2E6;background:#fff;overflow:hidden;}
.profile-chat-intro[b-t4g3j5tc3u]{padding:1.5rem 1.5rem .75rem;background:#fff;}
.profile-chat-intro p[b-t4g3j5tc3u]{font-size:.8125rem;line-height:1.5;margin:.5rem 0;color:var(--color-body);}
.profile-icebreakers[b-t4g3j5tc3u]{display:flex;flex-wrap:wrap;gap:.375rem;padding:0 1.5rem .875rem;border-bottom:1px solid #DEE2E6;}
.profile-icebreakers button[b-t4g3j5tc3u]{display:flex;align-items:center;gap:.375rem;min-height:2.5rem;padding:.5rem .75rem;border:1px solid #DEE2E6;border-radius:2rem;background:#F8F9FA;color:var(--color-body);font-size:.75rem;}
.profile-chat[b-t4g3j5tc3u]  .office-chat-feed{padding:1rem 1.25rem;min-height:5rem;}
.profile-chat[b-t4g3j5tc3u]  .office-message.mine{background:#F8F9FA;border-radius:.875rem .875rem .2rem .875rem;}
.profile-chat[b-t4g3j5tc3u]  .office-message{border-radius:.875rem .875rem .875rem .2rem;}
.profile-stat-grid[b-t4g3j5tc3u]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;margin:1rem 0;}
.profile-stat-grid>div[b-t4g3j5tc3u]{padding:1rem .75rem;border:1px solid #DEE2E6;border-radius:.875rem;background:white;}
.profile-stat-grid strong[b-t4g3j5tc3u]{display:block;font-size:1.875rem;color:var(--color-body);font-weight:800;}.profile-stat-grid span[b-t4g3j5tc3u]{display:block;font-size:.75rem;color:var(--color-body);line-height:1.4;margin-top:.2rem;}
.profile-work-card[b-t4g3j5tc3u]{padding:1rem;margin-bottom:.875rem;border:1px solid #DEE2E6;border-radius:1rem;background:white;}
.profile-work-card h4[b-t4g3j5tc3u],.profile-memories h4[b-t4g3j5tc3u]{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:800;margin:0 0 .75rem;}
.profile-work-card ul[b-t4g3j5tc3u]{padding-left:1.1rem;margin:0;}.profile-work-card li[b-t4g3j5tc3u]{margin:.55rem 0;color:var(--color-body);font-size:.8125rem;line-height:1.65;overflow-wrap:anywhere;}
.profile-work-card p[b-t4g3j5tc3u],.profile-memories>p[b-t4g3j5tc3u]{font-size:.8125rem;color:var(--color-body);margin:.5rem 0;}.profile-work-card.needs-help[b-t4g3j5tc3u]{border-color:#DEE2E6;background:#F8F9FA;}
.profile-memories[b-t4g3j5tc3u]{margin-top:1.25rem;}.profile-memories article[b-t4g3j5tc3u]{margin:.65rem 0;padding:.875rem 1rem;border-left:3px solid var(--memory);border-radius:0 .75rem .75rem 0;background:white;}
.profile-memories article>span[b-t4g3j5tc3u]{font-size:.75rem;font-weight:800;color:var(--color-body);}.profile-memories blockquote[b-t4g3j5tc3u]{font-size:.8125rem;line-height:1.65;margin:.4rem 0;color:var(--color-body);overflow-wrap:anywhere;}.profile-memories time[b-t4g3j5tc3u]{font-size:.6875rem;color:var(--color-body);}
.profile-model[b-t4g3j5tc3u]{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:1rem;background:#F8F9FA;border:1px solid #DEE2E6;margin:1rem 0 1.5rem;}
.profile-model>i[b-t4g3j5tc3u]{font-size:2rem;color:var(--color-body);}.profile-model span[b-t4g3j5tc3u],.profile-model small[b-t4g3j5tc3u]{display:block;font-size:.75rem;color:var(--color-body);}.profile-model strong[b-t4g3j5tc3u]{display:block;font-size:1.1875rem;font-weight:800;color:var(--color-body);line-height:1.6;}
.profile-meter[b-t4g3j5tc3u]{padding:.5rem 0 1rem;}.profile-meter>div[b-t4g3j5tc3u]{display:flex;justify-content:space-between;font-size:.8125rem;margin-bottom:.5rem;}.profile-meter>div>span[b-t4g3j5tc3u]{color:var(--color-body);}.profile-meter progress[b-t4g3j5tc3u]{appearance:none;width:100%;height:.5rem;border:0;border-radius:1rem;background:#F8F9FA;accent-color:var(--color-primary);overflow:hidden;}.profile-meter progress[b-t4g3j5tc3u]::-webkit-progress-bar{background:#F8F9FA;}.profile-meter progress[b-t4g3j5tc3u]::-webkit-progress-value{background:#F8F9FA;border-radius:1rem;}.profile-meter progress[b-t4g3j5tc3u]::-moz-progress-bar{background:#F8F9FA;}.profile-meter small[b-t4g3j5tc3u],.profile-reading[b-t4g3j5tc3u]{font-size:.6875rem;color:var(--color-body);}
.profile-desk-link[b-t4g3j5tc3u]{display:flex;align-items:center;gap:.75rem;width:100%;min-height:3rem;padding:.875rem 1rem;margin-top:1.5rem;border:1px solid #DEE2E6;border-radius:.75rem;background:white;color:var(--color-body);font-size:.8125rem;}.profile-desk-link i:last-child[b-t4g3j5tc3u]{margin-left:auto;}
.profile-loading[b-t4g3j5tc3u]{display:grid;place-content:center;min-height:350px;text-align:center;color:var(--color-body);}.profile-loading>i[b-t4g3j5tc3u]{font-size:2rem;margin-bottom:1rem;}.profile-loading h3[b-t4g3j5tc3u]{font-size:1rem;color:var(--color-body);}.profile-loading p[b-t4g3j5tc3u]{font-size:.8125rem;}
@media(max-width:900px){.office-profile[b-t4g3j5tc3u]{width:calc(100vw - 1.5rem);height:calc(100dvh - 1.5rem);}.profile-hero[b-t4g3j5tc3u]{padding:1.5rem;gap:1rem;}.profile-portrait[b-t4g3j5tc3u]{flex-basis:86px;height:86px;}.profile-identity h2[b-t4g3j5tc3u]{font-size:1.75rem;}.profile-body[b-t4g3j5tc3u]{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);}.profile-tabs[b-t4g3j5tc3u]{gap:.875rem;padding:0 1rem;}.profile-tabs button[b-t4g3j5tc3u]{font-size:.75rem;}.profile-scroll[b-t4g3j5tc3u]{padding:1rem;}.profile-feelings[b-t4g3j5tc3u]{gap:.375rem;}.profile-feeling[b-t4g3j5tc3u]{padding:.65rem;}.profile-feeling>strong[b-t4g3j5tc3u]{font-size:1.5rem;}.profile-chat-intro[b-t4g3j5tc3u]{padding:1.25rem 1rem .5rem;}.profile-icebreakers[b-t4g3j5tc3u]{padding:0 1rem .75rem;}}
@media(max-width:650px){.office-profile[b-t4g3j5tc3u]{width:calc(100vw - .75rem);height:calc(100dvh - .75rem);border-radius:1rem;overflow:auto;}.profile-hero[b-t4g3j5tc3u]{min-height:190px;flex-wrap:wrap;padding:1.5rem 1rem 1rem;gap:.875rem;}.profile-portrait[b-t4g3j5tc3u]{flex-basis:72px;height:72px;border-radius:1rem;}.profile-identity[b-t4g3j5tc3u]{padding-right:1.5rem;}.profile-identity h2[b-t4g3j5tc3u]{font-size:1.5rem;}.profile-identity p[b-t4g3j5tc3u]{font-size:.8125rem;}.profile-identity-tags>span[b-t4g3j5tc3u]{display:flex;align-items:center;gap:.35rem;}.profile-identity-tags>span:last-child[b-t4g3j5tc3u]{display:none;}.profile-close[b-t4g3j5tc3u]{width:2.25rem;height:2.25rem;right:.625rem;top:.625rem;}.profile-body[b-t4g3j5tc3u]{height:auto;display:flex;flex-direction:column;flex:none;}.profile-scroll[b-t4g3j5tc3u]{overflow:visible;}.profile-tabs[b-t4g3j5tc3u]{position:sticky;top:0;justify-content:space-between;z-index:2;}.profile-tabs button[b-t4g3j5tc3u]{min-height:3.5rem;font-size:.6875rem;gap:.3rem;}.profile-brain-card[b-t4g3j5tc3u]{padding:.5rem;}.profile-brain-card[b-t4g3j5tc3u]  .brain3d-canvas{height:300px;}.profile-chat[b-t4g3j5tc3u]{border-left:0;border-top:1px solid #DEE2E6;min-height:520px;}.profile-chat[b-t4g3j5tc3u]  .office-chat-feed{flex:none;min-height:180px;max-height:350px;}.profile-all-feelings summary>span[b-t4g3j5tc3u]{display:none;}}
@media(prefers-reduced-motion:reduce){.profile-feeling[b-t4g3j5tc3u]{transition:none;}.profile-feeling:hover[b-t4g3j5tc3u]{transform:none;}}
@media(max-width:650px){.profile-body:not(.show-chat) .profile-chat[b-t4g3j5tc3u]{display:none;}.profile-body.show-chat .profile-explore[b-t4g3j5tc3u]{display:none;}}

.office-profile[open][b-t4g3j5tc3u]{display:flex;flex-direction:column;}
.profile-portrait b.online[b-t4g3j5tc3u],.profile-live b[b-t4g3j5tc3u]{background:var(--color-secondary);box-shadow:none;}
.profile-portrait b.working[b-t4g3j5tc3u]{background:var(--color-primary);box-shadow:none;}
.profile-meter progress[b-t4g3j5tc3u]::-webkit-progress-value{background:var(--color-primary);}
.profile-meter progress[b-t4g3j5tc3u]::-moz-progress-bar{background:var(--color-primary);}
.profile-stat-grid strong[b-t4g3j5tc3u],.profile-model>i[b-t4g3j5tc3u]{color:var(--color-primary);}
.profile-model[b-t4g3j5tc3u]{background:#F8F9FA;}
.profile-tabs[b-t4g3j5tc3u]{overflow-x:auto;}
.profile-tabs button[b-t4g3j5tc3u]{font-size:1rem;white-space:nowrap;}


.profile-chat[b-t4g3j5tc3u]  .office-chat-busy{padding:.875rem 1rem;background:#F8F9FA;border-top:1px solid #DEE2E6;font-size:.875rem;line-height:1.5;}
.profile-tabs[b-t4g3j5tc3u]{gap:1.1rem;}@media(max-width:650px){.profile-tabs[b-t4g3j5tc3u]{gap:.5rem;}.profile-tabs button[b-t4g3j5tc3u]{font-size:1rem;white-space:nowrap;}.profile-tabs button i[b-t4g3j5tc3u]{display:none;}}

.profile-mobile-nav[b-t4g3j5tc3u]{display:none;}
.office-profile .profile-pill[b-t4g3j5tc3u],#office-profile[b-t4g3j5tc3u]  .btn{--profile-accent:var(--color-primary,#00A1BE);min-height:2.75rem;padding:.5rem .875rem;border:2px dashed var(--profile-accent);border-radius:2rem;background:color-mix(in srgb,var(--profile-accent) 10%,white);color:var(--profile-accent);font-family:var(--font-buttons);font-size:1rem;font-weight:600;line-height:1.3;box-shadow:none;}
.office-profile .profile-pill-green[b-t4g3j5tc3u]{--profile-accent:var(--color-secondary,#00CC78);}.office-profile .profile-pill-gray[b-t4g3j5tc3u]{--profile-accent:#667078;}
.office-profile .profile-pill:hover:not(:disabled)[b-t4g3j5tc3u],#office-profile[b-t4g3j5tc3u]  .btn:hover:not(:disabled){background:color-mix(in srgb,var(--profile-accent) 18%,white);}.office-profile button:disabled[b-t4g3j5tc3u]{opacity:.5;cursor:default;}
.profile-close[b-t4g3j5tc3u]{border:2px dashed var(--color-primary);background:rgba(0,161,190,.08);color:var(--color-primary);}
.profile-tabs[b-t4g3j5tc3u]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.875rem 1rem;overflow:visible;}
.profile-tabs button[b-t4g3j5tc3u]{justify-content:center;min-height:2.75rem;padding:.4rem .5rem;border:2px dashed var(--color-primary);border-radius:2rem;font-family:var(--font-buttons);font-size:.875rem;line-height:1.3;white-space:normal;text-align:center;background:rgba(0,161,190,.06);color:var(--color-primary);}
.profile-tabs button.active[b-t4g3j5tc3u]{background:rgba(0,161,190,.18);border-color:var(--color-primary);font-weight:700;}
.profile-feeling[b-t4g3j5tc3u]{border:2px dashed var(--feeling);border-radius:1.5rem;background:color-mix(in srgb,var(--feeling) 10%,white);}
.profile-all-feelings button[b-t4g3j5tc3u]{border:2px dashed var(--feeling);border-radius:2rem;background:color-mix(in srgb,var(--feeling) 8%,white);padding:.5rem .75rem;}
.profile-brain-card[b-t4g3j5tc3u]  button{border:2px dashed var(--color-primary);border-radius:2rem;background:rgba(0,161,190,.08);color:var(--color-primary);}
.profile-desk-link[b-t4g3j5tc3u]{justify-content:center;}.profile-icebreakers[b-t4g3j5tc3u]{display:flex;flex-wrap:wrap;gap:.5rem;}
@media(max-width:900px){.profile-tabs[b-t4g3j5tc3u]{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.profile-hero[b-t4g3j5tc3u]{min-height:140px;}.profile-mobile-nav[b-t4g3j5tc3u]{display:flex;justify-content:center;flex-shrink:0;padding:.75rem 1rem;border-bottom:1px solid #DEE2E6;}.profile-mobile-chat[b-t4g3j5tc3u]{width:100%;}.profile-tabs[b-t4g3j5tc3u]{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}.profile-tabs button[b-t4g3j5tc3u]{min-height:2.75rem;font-size:1rem;white-space:normal;}}

#office-profile[b-t4g3j5tc3u]  .btn{border-color:var(--profile-accent)!important;background-color:color-mix(in srgb,var(--profile-accent) 10%,white)!important;color:var(--profile-accent)!important;}
#office-profile[b-t4g3j5tc3u]  .btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--profile-accent) 18%,white)!important;}
#office-profile[b-t4g3j5tc3u]  .btn-cancel{--profile-accent:#667078;}
/* /Components/Controls/AgentPortraitModal.razor.rz.scp.css */
.agent-portrait-dialog[b-nzoiwa5344]{width:min(680px,calc(100vw - 2rem)); max-height:calc(100dvh - 2rem); margin:auto; padding:0; overflow:auto; border:0; border-radius:1rem; background:white; color:var(--color-body); box-shadow:0 1.5rem 5rem #0004}
.agent-portrait-dialog[b-nzoiwa5344]::backdrop{background:#0009}
.agent-portrait-dialog header[b-nzoiwa5344]{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem 1rem; position:sticky; top:0; background:white}
.agent-portrait-dialog h2[b-nzoiwa5344]{font-family:var(--font-headings); font-size:1.1rem; margin:0}
.agent-portrait-dialog button[b-nzoiwa5344]{display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex-shrink:0; border:0; border-radius:50%; background:transparent; color:var(--color-body); cursor:pointer}
.agent-portrait-dialog button:hover[b-nzoiwa5344]{background:color-mix(in srgb,var(--color-primary) 10%,white)}
.agent-portrait-dialog button:focus-visible[b-nzoiwa5344]{outline:2px solid var(--color-primary); outline-offset:2px}
.agent-portrait-dialog > img[b-nzoiwa5344]{display:block; width:100%; max-height:calc(100dvh - 7.5rem); object-fit:contain; padding:0 1rem 1rem}
/* /Components/Controls/BrainMap3D.razor.rz.scp.css */
.brain3d[b-9wkm1tixz3] { width:min(100%,1100px); min-width:0; flex-shrink:0; color:var(--color-body); container-type:inline-size; }
.brain3d-toolbar[b-9wkm1tixz3] { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.brain3d-toolbar button[b-9wkm1tixz3] { min-height:44px; }
.brain3d-layout[b-9wkm1tixz3] { display:grid; grid-template-columns:minmax(0,1fr) 255px; gap:18px; align-items:start; }
.brain3d-scene[b-9wkm1tixz3] { position:relative; min-width:0; border-radius:18px; background:color-mix(in srgb,var(--color-primary) 4%,white); overflow:hidden; }
.brain3d-canvas[b-9wkm1tixz3] { width:100%; height:clamp(330px,43vw,560px); touch-action:none; }
.brain3d-canvas[b-9wkm1tixz3]  canvas { display:block; width:100%; height:100%; outline-offset:-4px; }
.brain3d-status[b-9wkm1tixz3] { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background:white; padding:24px; text-align:center; }
.brain3d-hint[b-9wkm1tixz3] { margin:0; padding:12px 16px; font-size:.8rem; text-align:center; }
.brain3d-dream[b-9wkm1tixz3] { position:absolute; top:16px; left:16px; display:flex; align-items:center; gap:8px; font-size:.85rem; }
.brain3d-regions[b-9wkm1tixz3] { display:grid; gap:6px; }
.brain3d-region[b-9wkm1tixz3] { --region-pastel:color-mix(in srgb,var(--region) 45%,white); display:flex; gap:10px; align-items:center; width:100%; min-height:44px; padding:6px 10px; border:1px solid color-mix(in srgb,var(--color-body) 14%,white); border-radius:9px; color:var(--color-body); background:white; text-align:left; font:inherit; font-size:.85rem; cursor:pointer; }
.brain3d-region[aria-pressed="true"][b-9wkm1tixz3] { border-color:var(--region-pastel); box-shadow:inset 3px 0 var(--region-pastel); background:color-mix(in srgb,var(--region-pastel) 24%,white); }
.brain3d-region:hover[b-9wkm1tixz3] { border-color:var(--region-pastel); }
.brain3d-region:focus-visible[b-9wkm1tixz3] { outline:3px solid var(--color-primary); outline-offset:2px; }
.brain3d-number[b-9wkm1tixz3] { display:grid; place-items:center; flex:0 0 26px; height:26px; border:2px solid var(--region-pastel); border-radius:50%; font-weight:800; }
.brain3d-card[b-9wkm1tixz3] { margin-top:16px; padding:16px; border-radius:12px; border:1px solid color-mix(in srgb,var(--color-body) 14%,white); font-size:.85rem; }
.brain3d-card h3[b-9wkm1tixz3] { margin:0 0 10px; font-size:1rem; font-weight:800; }
.brain3d-card ul[b-9wkm1tixz3] { padding-left:18px; margin:0 0 12px; }
.brain3d-card p[b-9wkm1tixz3] { margin:6px 0 0; }
.brain3d-credits[b-9wkm1tixz3] { display:inline-block; margin-top:12px; font-size:.75rem; }
.brain3d-regions[hidden][b-9wkm1tixz3]{display:none}
.brain3d-annotated .brain3d-layout[b-9wkm1tixz3]{display:block}
.brain3d-annotated .brain3d-dream[b-9wkm1tixz3]{top:7px; left:50%; transform:translateX(-50%); font-size:.7rem}
.brain3d-annotated .brain3d-toolbar[b-9wkm1tixz3]{margin:.5rem 0; justify-content:center}
.brain3d-annotated .brain3d-toolbar button[b-9wkm1tixz3]{font-size:.8rem; border-radius:2rem; background:white; border:1px solid color-mix(in srgb,var(--color-primary) 35%,white); color:var(--color-body); padding:.35rem .85rem}
.brain3d-annotated .brain3d-canvas[b-9wkm1tixz3]{position:relative; height:clamp(300px, min(44vw, 50dvh), 470px)}
.brain3d-annotated .brain3d-card[b-9wkm1tixz3]{margin-top:.65rem; padding:.75rem 1rem; background:white}
.brain3d-annotated .brain3d-card h3[b-9wkm1tixz3]{margin-bottom:.35rem}
.brain3d-annotated .brain3d-card ul[b-9wkm1tixz3]{display:flex; flex-wrap:wrap; gap:.2rem 1.5rem; margin-bottom:.5rem}
.brain3d-annotated .brain3d-hint[b-9wkm1tixz3]{padding:.4rem; font-size:.7rem}
.brain3d-annotated .brain3d-credits[b-9wkm1tixz3]{margin-top:.5rem; font-size:.65rem}
.brain3d-canvas[b-9wkm1tixz3]  .brain3d-leaders{position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:hidden}
.brain3d-canvas[b-9wkm1tixz3]  .brain3d-leaders path{stroke-width:1.25; fill:none; opacity:.7}
.brain3d-canvas[b-9wkm1tixz3]  .brain3d-callout{position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:38px; padding:.3rem; border:1px solid color-mix(in srgb,var(--region) 45%,white); border-radius:.7rem; background:rgba(255,255,255,.96); color:var(--color-body); font-family:var(--font-primary); font-size:.72rem; font-weight:700; cursor:pointer; line-height:1.2}
.brain3d-canvas[b-9wkm1tixz3]  .brain3d-callout small{font-size:.6rem; font-weight:400; opacity:.7}
.brain3d-canvas[b-9wkm1tixz3]  .brain3d-callout[aria-pressed="true"]{background:color-mix(in srgb,var(--region) 12%,white); border-color:var(--region)}
.brain3d-canvas[b-9wkm1tixz3]  .brain3d-callout:focus-visible{outline:2px solid var(--color-primary); outline-offset:2px}
@media (max-width:900px) { .brain3d-layout[b-9wkm1tixz3] { grid-template-columns:minmax(0,1fr); } .brain3d-regions[b-9wkm1tixz3] { grid-template-columns:repeat(2,minmax(0,1fr)); } .brain3d-canvas[b-9wkm1tixz3] { height:380px; } }
@container (max-width:700px) { .brain3d-layout[b-9wkm1tixz3] { grid-template-columns:minmax(0,1fr); } .brain3d-regions[b-9wkm1tixz3] { grid-template-columns:repeat(2,minmax(0,1fr)); } .brain3d-canvas[b-9wkm1tixz3] { height:380px; } }
@media (max-width:400px) { .brain3d-region[b-9wkm1tixz3] { font-size:.76rem; gap:6px; padding:6px; } .brain3d-canvas[b-9wkm1tixz3] { height:320px; } }
@media(max-width:600px){
.brain3d-annotated .brain3d-canvas[b-9wkm1tixz3]{height:clamp(300px,70vw,380px)}
.brain3d-canvas[b-9wkm1tixz3]  .brain3d-callout{font-size:.65rem}
}
/* /Components/Controls/NotebookTabRail.razor.rz.scp.css */
/* Task 8571. The tab rail, moved here from AgentNotebook.razor.css (task 8378) with the markup it
   styles. --an-accent is the notebook's own spine color, set by the page that holds the rail; the
   fallback is the default spine. The seven tab colors are the brand palette carried as
   component-local values, and cycle by rail position. AgentNotebook.razor.css keeps its own copy of
   the seven for the tab chip on each page card, which that page draws itself. */
.an-rail[b-v3r6gkq2f4]{display:flex; flex-direction:column; gap:.4rem; position:sticky; top:6.5rem}
/* One column below 992px puts the rail above the notes, where a sticky rail rides over them. */
@media (max-width:991.98px){ .an-rail[b-v3r6gkq2f4]{position:static} }
.an-tab-wrap[b-v3r6gkq2f4]{display:flex; align-items:center; gap:.3rem}
.an-tab-settings-button[b-v3r6gkq2f4]{flex-shrink:0; border:0; background:transparent; color:var(--color-primary); padding:.5rem; cursor:pointer}
.an-tab-settings-button:disabled[b-v3r6gkq2f4]{opacity:.5; cursor:default}

.an-tab[b-v3r6gkq2f4]{--an-tab:#94A0AC; flex:1; display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.7rem .9rem .7rem 1rem; border:1px solid #E5E9EE; border-left:6px solid var(--an-tab); border-radius:0 12px 12px 0; background:#FFF; color:#495057; font-family:var(--font-buttons); font-size:.92rem; text-align:left; cursor:pointer; transition:transform .15s,box-shadow .15s,background .15s; min-width:0}
.an-tab:hover[b-v3r6gkq2f4]{transform:translateX(3px); box-shadow:0 3px 10px rgba(16,24,40,.08)}
.an-tab-on[b-v3r6gkq2f4]{background:var(--an-tab); border-color:var(--an-tab); color:var(--an-tab-ink,white); font-weight:700; transform:translateX(6px); box-shadow:0 6px 14px rgba(16,24,40,.14)}
.an-tab-on .an-tab-count[b-v3r6gkq2f4]{background:rgba(255,255,255,.28); color:var(--an-tab-ink,white)}
.an-tab-name[b-v3r6gkq2f4]{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.an-tab-count[b-v3r6gkq2f4]{flex:0 0 auto; min-width:26px; padding:.1rem .45rem; border-radius:999px; background:#F1F3F5; color:#6c757d; font-size:.72rem; font-weight:700; text-align:center}
.an-tab-all[b-v3r6gkq2f4]{--an-tab:var(--an-accent,#00A1BE)}
.an-tab-loose[b-v3r6gkq2f4]{--an-tab:#94A0AC; border-left-style:dashed}
.an-tab-c0[b-v3r6gkq2f4]{--an-tab:#00A1BE}
.an-tab-c1[b-v3r6gkq2f4]{--an-tab:#00CC78}
.an-tab-c2[b-v3r6gkq2f4]{--an-tab:#FF4A11}
.an-tab-c3[b-v3r6gkq2f4]{--an-tab:#D8237C}
.an-tab-c4[b-v3r6gkq2f4]{--an-tab:#9B659B}
.an-tab-c5[b-v3r6gkq2f4]{--an-tab:#F4AD2A}
.an-tab-c6[b-v3r6gkq2f4]{--an-tab:#0B5394}
.an-tab-c7[b-v3r6gkq2f4]{--an-tab:#94A0AC}
.an-tab-tools[b-v3r6gkq2f4]{display:flex; flex-direction:column; gap:1px}
.an-tab-tools button[b-v3r6gkq2f4]{width:24px; height:20px; border:none; background:#F1F3F5; color:#495057; border-radius:4px; font-size:.7rem; cursor:pointer; display:inline-flex; align-items:center; justify-content:center}
.an-tab-tools button:hover:not(:disabled)[b-v3r6gkq2f4]{background:var(--color-primary); color:#FFF}
.an-tab-tools button:disabled[b-v3r6gkq2f4]{opacity:.35; cursor:default}
.an-tab-tools .an-tab-remove:hover[b-v3r6gkq2f4]{background:#D8237C}
.an-rail-foot[b-v3r6gkq2f4]{display:flex; flex-direction:column; gap:.4rem; margin-top:.5rem; padding-top:.75rem; border-top:1px dashed #DEE2E6}
.an-rail-btn[b-v3r6gkq2f4]{display:inline-flex; align-items:center; gap:.45rem; padding:.55rem .8rem; border:1px dashed #C9D1DA; border-radius:10px; background:#FFF; color:#495057; font-size:.88rem; cursor:pointer}
.an-rail-btn:hover[b-v3r6gkq2f4]{border-color:var(--color-primary); color:var(--color-primary)}
.an-rail-btn-on[b-v3r6gkq2f4]{border-style:solid; border-color:var(--color-primary); color:var(--color-primary)}
.an-add-tab[b-v3r6gkq2f4]{padding:.75rem; background:#FFF; border:1px solid #E5E9EE; border-radius:10px; box-shadow:0 4px 12px rgba(16,24,40,.08)}
.an-add-tab-label[b-v3r6gkq2f4]{font-size:.75rem; font-weight:700; color:#94A0AC; text-transform:uppercase; letter-spacing:.05em; margin:.35rem 0}
.an-add-tab-list[b-v3r6gkq2f4]{display:flex; flex-wrap:wrap; gap:.35rem; max-height:150px; overflow:auto}
.an-add-tab-opt[b-v3r6gkq2f4]{padding:.25rem .6rem; border:1px solid #DEE2E6; border-radius:999px; background:#FFF; font-size:.82rem; color:#1F2937; cursor:pointer}
.an-add-tab-opt:hover[b-v3r6gkq2f4]{border-color:var(--color-primary); background:#EEF7FA}

.an-tab-settings-dialog[b-v3r6gkq2f4]{border:0;padding:0;border-radius:.75rem;width:min(640px,92vw);max-height:90dvh;overflow:auto;color:var(--color-body);box-shadow:0 12px 40px rgba(0,0,0,.2)}
.an-tab-settings-dialog[b-v3r6gkq2f4]::backdrop{background:rgba(0,0,0,.5)}
.an-tab-settings-close[b-v3r6gkq2f4]{border:0;background:transparent;color:inherit;padding:.4rem .6rem;cursor:pointer}
.an-tab-settings-button:focus-visible[b-v3r6gkq2f4],.an-tab-settings-close:focus-visible[b-v3r6gkq2f4]{outline:2px solid var(--color-primary);outline-offset:2px}
/* Keep the picker inside the dialog's scrollable surface, including on phones. */
.an-tab-settings-dialog[b-v3r6gkq2f4]  .cp-input-group{flex-wrap:wrap}
.an-tab-settings-dialog[b-v3r6gkq2f4]  .cp-input{min-width:0}
.an-tab-settings-dialog[b-v3r6gkq2f4]  .cp-dropdown{position:static;flex-basis:100%;min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:600px){.an-tab-settings-dialog[b-v3r6gkq2f4]  .cp-picker-container{flex-direction:column}.an-tab-settings-dialog[b-v3r6gkq2f4]  .cp-grid{grid-template-columns:repeat(10,minmax(0,20px))}}
/* /Components/Controls/StudioAgentCard.razor.rz.scp.css */
.studio-card[b-kvrv77qfig] { margin:8px; border:1px solid var(--ws-accent); border-radius:12px; background:#FFFFFF; overflow:hidden; }
.studio-card.selected[b-kvrv77qfig] { border-color:var(--ws-accent); background:color-mix(in srgb,var(--ws-accent) 10%,white); }
.studio-card.unread[b-kvrv77qfig] { border-color:var(--studio-unread); background:color-mix(in srgb,var(--studio-unread) 10%,white); }
.studio-card-open[b-kvrv77qfig] { display:grid; grid-template-columns:42px minmax(0,1fr) auto auto; align-items:center; column-gap:6px; width:100%; padding:8px 10px 0; border:0; color:var(--color-body); text-align:left; background:transparent; cursor:pointer; }
.studio-portrait[b-kvrv77qfig] { position:relative; grid-column:1; grid-row:1/3; width:42px; height:42px; }
.studio-portrait img[b-kvrv77qfig] { width:42px; height:42px; object-fit:cover; border-radius:50%; }
.studio-presence[b-kvrv77qfig] { position:absolute; right:0; bottom:0; width:11px; height:11px; border:2px solid white; border-radius:50%; background:#ADB5BD; }
.studio-presence.online[b-kvrv77qfig] { background:var(--studio-brain); }
.studio-presence.away[b-kvrv77qfig] { background:var(--studio-unread); }
.studio-identity[b-kvrv77qfig] { display:contents; }
.studio-name[b-kvrv77qfig] { grid-column:2; grid-row:1; font-size:.95rem; font-weight:600; line-height:1.25; }
.studio-title[b-kvrv77qfig] { grid-column:2/5; grid-row:2; font-size:.7rem; color:#6C757D; line-height:1.3; white-space:nowrap; }
.studio-memory[b-kvrv77qfig] { grid-column:3; grid-row:1; display:flex; align-items:center; gap:4px; font-size:.65rem; color:#6C757D; }
.studio-memory-track[b-kvrv77qfig] { display:block; width:32px; height:4px; border-radius:4px; background:#E9ECEF; overflow:hidden; }
.studio-memory-track span[b-kvrv77qfig] { display:block; height:100%; background:var(--studio-brain); }
.studio-count[b-kvrv77qfig] { grid-column:4; grid-row:1; border-radius:12px; background:var(--studio-unread); color:white; padding:1px 5px; font-size:.65rem; }
.studio-card-bottom[b-kvrv77qfig] { display:flex; align-items:center; justify-content:space-between; padding:0 4px 2px; gap:3px; }
.studio-brain-link[b-kvrv77qfig] { display:flex; align-items:center; gap:5px; min-height:36px; min-width:0; padding:3px 6px; border:0; background:transparent; font-size:.72rem; color:#6C757D; text-align:left; cursor:pointer; }
.studio-brain-link i[b-kvrv77qfig] { color:var(--ws-accent); font-size:1rem; }
.studio-card-actions[b-kvrv77qfig] { display:flex; align-items:center; flex:none; }
.studio-card button:focus-visible[b-kvrv77qfig] { outline:2px solid var(--ws-accent); outline-offset:-3px; border-radius:8px; }
@media (pointer:coarse) {
    .studio-brain-link[b-kvrv77qfig] { min-height:44px; }
}
/* /Components/Controls/StudioBrainModal.razor.rz.scp.css */
.studio-brain-dialog[b-vfpfn9a3s4]{width:min(960px,calc(100vw - 3rem)); max-width:none; max-height:calc(100dvh - 3rem); margin:auto; padding:0; border:1px solid color-mix(in srgb,var(--color-primary) 28%,white); border-radius:1.5rem; background:white; color:var(--color-body); box-shadow:0 1.5rem 5rem #0003; overflow:hidden; font-family:var(--font-primary)}
.studio-brain-dialog[open][b-vfpfn9a3s4]{display:flex; flex-direction:column}
.studio-brain-dialog[b-vfpfn9a3s4]::backdrop{background:rgba(0,0,0,.5); backdrop-filter:blur(4px)}
.studio-brain-titlebar[b-vfpfn9a3s4]{flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.5rem; border-bottom:1px solid color-mix(in srgb,var(--color-body) 10%,white); background:white}
.studio-brain-eyebrow[b-vfpfn9a3s4]{font-size:.7rem; letter-spacing:.16em; font-weight:800; color:var(--color-primary)}
.studio-brain-titlebar h2[b-vfpfn9a3s4]{font-size:1.5rem; line-height:1.25; margin:.25rem 0 0; font-weight:800}
.studio-brain-close[b-vfpfn9a3s4]{display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border:1px solid color-mix(in srgb,var(--color-body) 15%,white); border-radius:50%; background:white; color:var(--color-body); cursor:pointer}
.studio-brain-unburden[b-vfpfn9a3s4]{margin-left:auto; flex-shrink:0}
.studio-brain-close:hover[b-vfpfn9a3s4]{background:color-mix(in srgb,var(--color-primary) 10%,white)}
.studio-brain-close:focus-visible[b-vfpfn9a3s4]{outline:2px solid var(--color-primary); outline-offset:3px}
.studio-brain-body[b-vfpfn9a3s4]{min-height:0; padding:1rem 1.5rem; overflow-y:auto; overscroll-behavior:contain}
.studio-mood-intro[b-vfpfn9a3s4]{display:flex; align-items:baseline; flex-wrap:wrap; gap:.75rem; margin-bottom:.75rem}
.studio-mood-intro h3[b-vfpfn9a3s4]{font-size:1rem; font-weight:800; margin:0}
.studio-mood-intro>span[b-vfpfn9a3s4]{font-size:.75rem; color:var(--color-secondary-text,var(--color-body)); opacity:.75}
.studio-mood-cards[b-vfpfn9a3s4]{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem}
.studio-mood-card[b-vfpfn9a3s4]{padding:.9rem 1rem; border:1px solid color-mix(in srgb,var(--feeling) 25%,white); border-radius:1rem; background:color-mix(in srgb,var(--feeling) 5%,white)}
.studio-feeling-trigger[b-vfpfn9a3s4]{display:flex; align-items:baseline; justify-content:space-between; gap:.5rem; width:100%; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; font:inherit}
.studio-feeling-trigger:focus-visible[b-vfpfn9a3s4]{outline:2px solid var(--color-primary); outline-offset:3px}
.studio-mood-card strong[b-vfpfn9a3s4]{font-size:1.1rem; text-transform:capitalize}
.studio-mood-card span[b-vfpfn9a3s4]{font-size:.8rem}
.studio-mood-meter[b-vfpfn9a3s4]{height:4px; border-radius:1rem; background:color-mix(in srgb,var(--feeling) 14%,white); margin:.5rem 0}
.studio-mood-meter span[b-vfpfn9a3s4]{display:block; height:100%; border-radius:inherit; background:color-mix(in srgb,var(--feeling) 65%,white)}
.studio-mood-card p[b-vfpfn9a3s4]{font-size:.78rem; line-height:1.5; margin:0}
.studio-model[b-vfpfn9a3s4]{margin-top:.75rem}
.studio-other-feelings[b-vfpfn9a3s4]{font-size:.8rem; margin-top:.75rem; border-top:1px solid color-mix(in srgb,var(--color-body) 10%,white); padding-top:.75rem}
.studio-other-feelings h3[b-vfpfn9a3s4]{font-size:1rem; font-weight:800; margin:0}
.studio-feeling-hint[b-vfpfn9a3s4]{margin:.25rem 0 .75rem; line-height:1.5}
.studio-feeling-options[b-vfpfn9a3s4]{display:flex; flex-wrap:wrap; gap:.5rem}
.studio-feeling-options button[b-vfpfn9a3s4]{display:flex; gap:.6rem; align-items:center; min-height:38px; padding:.4rem .85rem; border:1px solid color-mix(in srgb,var(--feeling) 35%,white); border-radius:2rem; background:color-mix(in srgb,var(--feeling) 6%,white); color:var(--color-body); font:inherit; font-weight:700; text-transform:capitalize; cursor:pointer}
.studio-feeling-options button span[b-vfpfn9a3s4]{font-weight:400; font-size:.75rem}
.studio-feeling-options button:hover[b-vfpfn9a3s4],.studio-feeling-options button[aria-pressed="true"][b-vfpfn9a3s4]{border-color:var(--feeling); background:color-mix(in srgb,var(--feeling) 14%,white)}
.studio-feeling-options button:focus-visible[b-vfpfn9a3s4]{outline:2px solid var(--color-primary); outline-offset:2px}
.studio-feeling-explanation[b-vfpfn9a3s4]{margin-top:.75rem; padding:.85rem 1rem; border:1px solid color-mix(in srgb,var(--color-body) 12%,white); border-radius:.75rem}
.studio-feeling-explanation h4[b-vfpfn9a3s4]{font-size:.9rem; text-transform:capitalize; font-weight:800; margin:0 0 .3rem}
.studio-feeling-explanation p[b-vfpfn9a3s4]{line-height:1.5; margin:0}
@media(max-width:600px){
.studio-brain-dialog[b-vfpfn9a3s4]{width:calc(100vw - 1rem); max-height:calc(100dvh - 1rem); border-radius:1rem}
.studio-brain-titlebar[b-vfpfn9a3s4]{padding:1rem}
.studio-brain-titlebar h2[b-vfpfn9a3s4]{font-size:1.15rem}
.studio-brain-body[b-vfpfn9a3s4]{padding:1rem}
.studio-mood-cards[b-vfpfn9a3s4]{grid-template-columns:1fr}
}

/* The complete brain has one layout in Agent Studio and Expedite. */
.agent-modal-brain-extras[b-vfpfn9a3s4]{display:flex; flex-direction:column; align-items:flex-start; gap:.85rem; padding-top:1rem}
.agent-modal-temperament[b-vfpfn9a3s4]{width:100%; padding:.8rem 1rem; border:1px solid color-mix(in srgb,var(--color-primary) 20%,white); border-radius:.75rem; font-size:.8rem}
.agent-modal-temperament summary[b-vfpfn9a3s4]{font-weight:700; cursor:pointer}
.agent-modal-feeling-details ul[b-vfpfn9a3s4]{padding-left:1.2rem; margin:.3rem 0; font-size:.8rem}
.agent-brain-why-h[b-vfpfn9a3s4]{font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#6C757D; margin:.55rem 0 .15rem}
.agent-brain-why-rule[b-vfpfn9a3s4]{font-size:.78rem; color:#495057}
.agent-brain-why-lobes[b-vfpfn9a3s4]{display:flex; flex-wrap:wrap; gap:.3rem}
.agent-brain-why-lobe[b-vfpfn9a3s4]{display:inline-block; padding:.05rem .55rem; border-radius:1rem; background:var(--base); color:#FFF; font-size:.72rem; font-weight:700; white-space:nowrap}
.agent-brain-speak[b-vfpfn9a3s4]{margin-left:auto; display:inline-flex; align-items:center; gap:.35rem; padding:.2rem .7rem; border:1.5px solid #00A1BE; border-radius:2rem; background:#FFF; color:#007A91; font-size:.8rem; font-weight:700; cursor:pointer}
.agent-brain-speak:hover[b-vfpfn9a3s4]{background:#E7F7FA}
.agent-brain-speak:disabled[b-vfpfn9a3s4]{opacity:.5; cursor:default}
.agent-brain-said[b-vfpfn9a3s4]{font-size:.85rem; color:#495057; font-style:italic; max-width:min(100%, 860px); text-align:center}
.agent-brain-comfort[b-vfpfn9a3s4]{display:flex; gap:.4rem; margin:.4rem 0 .1rem}
.agent-brain-comfort-btn[b-vfpfn9a3s4]{display:inline-flex; align-items:center; gap:.3rem; padding:.15rem .6rem; border:1.5px solid var(--c); border-radius:2rem; background:color-mix(in srgb, var(--c) 12%, #FFF); color:#27282A; font-size:.74rem; font-weight:700; cursor:pointer}
.agent-brain-comfort-btn:hover[b-vfpfn9a3s4]{background:color-mix(in srgb, var(--c) 28%, #FFF)}
.agent-brain-comfort-btn:disabled[b-vfpfn9a3s4]{opacity:.5; cursor:default}
.agent-brain-memories[b-vfpfn9a3s4]{width:100%; display:flex; flex-direction:column; gap:.35rem; padding-top:.2rem}
.agent-brain-memories-h[b-vfpfn9a3s4]{font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#6C757D; display:flex; align-items:center; gap:.35rem}
.agent-brain-memory[b-vfpfn9a3s4]{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.6rem; width:100%; text-align:left; padding:.4rem .7rem; border:1px solid #DEE2E6; border-left:5px solid var(--c); border-radius:.6rem; background:#FFF; cursor:pointer; font-family:var(--font-primary); color:#27282A}
.agent-brain-memory:hover[b-vfpfn9a3s4]{background:color-mix(in srgb, var(--c) 10%, #FFF)}
.agent-brain-memory-label[b-vfpfn9a3s4]{font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--c)}
.agent-brain-memory-text[b-vfpfn9a3s4]{font-size:.82rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.agent-brain-memory-when[b-vfpfn9a3s4]{font-size:.72rem; color:#6C757D; white-space:nowrap}
/* /Components/Food/ArcRing.razor.rz.scp.css */
.arc-ring[b-qje741q9r4] { width: 120px; height: 120px; }
.track[b-qje741q9r4] { stroke: #eef0f4; }
.burn .arc[b-qje741q9r4] { stroke: #C2185B; }
.left .arc[b-qje741q9r4] { stroke: #F26B3A; }
.over .arc[b-qje741q9r4] { stroke: #C62828; }
.kcal[b-qje741q9r4] { font-size: 8px; font-weight: 700; text-anchor: middle; fill: #222; }
.unit[b-qje741q9r4] { font-size: 4px; text-anchor: middle; fill: #8a8f99; }
.score .arc[b-qje741q9r4] { stroke: #D81B60; }
/* /Components/Food/BalanceGauge.razor.rz.scp.css */
.balance-gauge[b-2lp8tq3e80] { text-align: center; width: 9rem; }
.balance-gauge svg[b-2lp8tq3e80] { width: 100%; display: block; }
.track[b-2lp8tq3e80] { fill: none; stroke: #eef0f4; stroke-width: 9; }
.green[b-2lp8tq3e80] { fill: none; stroke: #3BB273; stroke-width: 9; }
.needle[b-2lp8tq3e80] { stroke: #C62828; stroke-width: 2.2; stroke-linecap: round; }
.hub[b-2lp8tq3e80] { fill: #C62828; }
.end[b-2lp8tq3e80] { font-size: 6px; fill: #8a8f99; text-anchor: middle; }
.bg-value[b-2lp8tq3e80] { font-weight: 800; font-size: .95rem; margin-top: -.2rem; }
.bg-name[b-2lp8tq3e80] { font-size: .75rem; color: #555; font-weight: 600; }
/* /Components/Food/BarcodeScanner.razor.rz.scp.css */
.bs[b-2qhazprqd2] { position: relative; background: #111; border-radius: 10px; overflow: hidden; aspect-ratio: 4 / 3; max-height: 45vh; max-width: 34rem; margin: 0 auto; }
.bs-video[b-2qhazprqd2] { width: 100%; height: 100%; object-fit: cover; display: block; }
.bs-frame[b-2qhazprqd2] { position: absolute; left: 12%; right: 12%; top: 32%; bottom: 32%; border: 3px solid rgba(255,255,255,.85); border-radius: 10px;
    box-shadow: 0 0 0 9999px rgba(0,0,0,.35); }
.bs-status[b-2qhazprqd2] { text-align: center; margin-top: .6rem; color: #444; font-weight: 600; }
.bs-panel[b-2qhazprqd2] { border: 1px solid #E4E7EF; border-radius: 12px; padding: .6rem; margin-bottom: .7rem; background: #fff; }
.bs-head[b-2qhazprqd2] { display: flex; align-items: center; justify-content: space-between; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;
    font-size: .8rem; margin-bottom: .5rem; }
.bs-close[b-2qhazprqd2] { border: 0; background: none; font-size: 1.2rem; color: #555; }
/* /Components/Food/DayTargetPicker.razor.rz.scp.css */
.d-card[b-li75ri8v8p] { background: #fff; border-radius: 12px; padding: .9rem; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.dt[b-li75ri8v8p] { display: flex; flex-direction: column; gap: .35rem; }
.dt-title[b-li75ri8v8p] { font-size: .8rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #444; }
.dt-select[b-li75ri8v8p] { padding: .35rem .5rem; border: 1px solid #cfd4dc; border-radius: 8px; font-size: .88rem; }
.dt-link[b-li75ri8v8p] { color: #1F5C5C; font-weight: 800; font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; text-decoration: none; }
/* /Components/Food/DiaryWater.razor.rz.scp.css */
.d-card[b-5hk6l1rtfi] { background: #fff; border-radius: 12px; padding: .9rem; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.dw-head[b-5hk6l1rtfi] { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: .5rem; }
.dw-title[b-5hk6l1rtfi] { font-size: .95rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; margin: 0; }
.dw-sum[b-5hk6l1rtfi] { font-size: .85rem; font-weight: 700; color: #1F7FA8; }
.dw-cups[b-5hk6l1rtfi] { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .6rem; }
.dw-cup[b-5hk6l1rtfi] { position: relative; border: 0; background: none; font-size: 1.5rem; color: #D5E7F0; padding: .1rem .15rem; }
.dw-cup.full[b-5hk6l1rtfi] { color: #1FB5D6; }
.dw-cup:disabled[b-5hk6l1rtfi] { cursor: default; opacity: 1; }
.dw-cup.next[b-5hk6l1rtfi] { color: #BFD9E6; }
.dw-badge[b-5hk6l1rtfi] { position: absolute; right: -.15rem; top: -.1rem; background: #1F5C5C; color: #fff; border-radius: 50%; width: 1rem; height: 1rem;
    font-size: .75rem; line-height: 1rem; font-weight: 800; }
.dw-badge.minus[b-5hk6l1rtfi] { background: #8a8f99; }
.dw-total-top[b-5hk6l1rtfi] { display: flex; justify-content: space-between; font-size: .8rem; color: #444; gap: .5rem; }
.dw-bar[b-5hk6l1rtfi] { height: 8px; background: #E3F4F9; border-radius: 999px; overflow: hidden; margin: .25rem 0 .6rem; }
.dw-bar .fill[b-5hk6l1rtfi] { height: 100%; background: #1FB5D6; }
.dw-links[b-5hk6l1rtfi] { display: flex; gap: .8rem; flex-wrap: wrap; }
.dw-links button[b-5hk6l1rtfi] { border: 0; background: none; color: #1F5C5C; font-weight: 800; font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; padding: 0; }
.dw-form[b-5hk6l1rtfi], .dw-settings[b-5hk6l1rtfi] { margin-top: .6rem; display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; font-size: .85rem; }
.dw-settings[b-5hk6l1rtfi] { flex-direction: column; align-items: stretch; }
.dw-settings label[b-5hk6l1rtfi] { display: flex; align-items: center; gap: .4rem; justify-content: space-between; }
.dw-input[b-5hk6l1rtfi] { width: 5rem; padding: .25rem .4rem; border: 1px solid #cfd4dc; border-radius: 6px; text-align: right; }
.dw-settings select[b-5hk6l1rtfi] { padding: .25rem .4rem; border: 1px solid #cfd4dc; border-radius: 6px; }
.dw-form button[b-5hk6l1rtfi], .dw-settings button[b-5hk6l1rtfi] { border: 1px solid #cfd4dc; background: #fff; border-radius: 6px; padding: .25rem .7rem; font-weight: 700; }
.dw-settings button.primary[b-5hk6l1rtfi], .dw-form button[b-5hk6l1rtfi] { background: #1F5C5C; border-color: #1F5C5C; color: #fff; }
.dw-settings-actions[b-5hk6l1rtfi] { display: flex; gap: .4rem; }
.dw-error[b-5hk6l1rtfi] { color: #C62828; font-weight: 600; }
/* /Components/Food/FastBanner.razor.rz.scp.css */
.fb[b-13pv74f2qr] { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .8rem; background: #E8F5EE; border-radius: 10px; padding: .5rem .8rem;
    margin-bottom: .6rem; font-size: .86rem; color: #1E4D36; }
.fb-scheduled[b-13pv74f2qr] { background: #F1F4F8; color: #3D4654; }
.fb-icon[b-13pv74f2qr] { font-size: 1.1rem; }
.fb-state[b-13pv74f2qr] { font-weight: 800; }
.fb-kind[b-13pv74f2qr] { font-weight: 600; }
.fb-elapsed[b-13pv74f2qr] { margin-left: auto; font-weight: 800; font-variant-numeric: tabular-nums; }
.fb-link[b-13pv74f2qr] { border: 0; background: none; padding: 0; color: inherit; text-decoration: underline dotted; }
.fb-input[b-13pv74f2qr] { padding: .1rem .3rem; border: 1px solid #b9d6c5; border-radius: 6px; font-size: .82rem; }
.fb-stop[b-13pv74f2qr] { border: 0; background: #1F5C5C; color: #fff; border-radius: 6px; padding: .25rem .8rem; font-weight: 700; }
.fb-x[b-13pv74f2qr] { border: 0; background: none; color: #6b7079; margin-left: auto; }
.fb-error[b-13pv74f2qr] { color: #C62828; font-weight: 600; margin-bottom: .5rem; font-size: .85rem; }
/* /Components/Food/FoodModal.razor.rz.scp.css */
.fm-back[b-32r51f3jxe] { position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 1000; }
.fm[b-32r51f3jxe] {
    position: fixed; z-index: 1001; left: 50%; top: 4vh; transform: translateX(-50%); width: min(980px, 96vw);
    max-height: 92vh; overflow-y: auto; background: #fff; border-radius: 14px; padding: 1rem; box-shadow: 0 12px 40px rgba(0,0,0,.25);
}
.fm-head[b-32r51f3jxe] { display: flex; align-items: center; gap: .8rem; margin-bottom: .7rem; }
.fm-head h2[b-32r51f3jxe] { flex: 1; margin: 0; font-size: 1.1rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.fm-close[b-32r51f3jxe] { border: 0; background: none; font-size: 1.3rem; color: #555; }
/* /Components/Food/FoodSearchPanel.razor.rz.scp.css */
/* Cronometer's macro colors: energy orange, protein green, carbs cyan, fat purple. */
.food-search[b-feqpbg4v5l] {
    --fs-energy: #F26B3A;
    --fs-protein: #3BB273;
    --fs-carbs: #1FB5D6;
    --fs-fat: #8E5BD8;
    --fs-line: #E4E7EF;
    --fs-teal: #1F5C5C;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.fs-search-row[b-feqpbg4v5l] {
    display: flex;
    align-items: center;
    gap: .5rem;
    border: 1px solid var(--fs-line);
    border-radius: 10px;
    padding: .35rem .6rem;
    background: #fff;
}
.fs-search-icon[b-feqpbg4v5l] { color: #8a8f99; }
.fs-search-input[b-feqpbg4v5l] { flex: 1; border: 0; outline: 0; font-size: 1rem; padding: .35rem 0; background: transparent; }
.fs-clear[b-feqpbg4v5l] { border: 0; background: none; color: var(--fs-teal); font-size: 1.1rem; }
.fs-scan[b-feqpbg4v5l] { border: 0; background: none; color: var(--fs-teal); font-size: 1.25rem; padding: 0 .4rem; }
.fs-scan[aria-pressed="true"][b-feqpbg4v5l] { color: var(--fs-orange, #F26B3A); }
.fs-search-btn[b-feqpbg4v5l] {
    border: 0; background: none; color: var(--fs-teal); font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
}

.fs-tabs[b-feqpbg4v5l] { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 2px solid var(--fs-line); }
.fs-tab[b-feqpbg4v5l] {
    border: 0; background: none; padding: .45rem .8rem; color: #555; font-weight: 600;
    border-bottom: 3px solid transparent; margin-bottom: -2px;
}
.fs-tab.active[b-feqpbg4v5l] { color: var(--fs-energy); border-bottom-color: var(--fs-energy); }

.fs-results[b-feqpbg4v5l] { max-height: 330px; overflow-y: auto; border: 1px solid var(--fs-line); border-radius: 10px; background: #fff; }
.fs-table[b-feqpbg4v5l] { width: 100%; border-collapse: collapse; }
.fs-table thead th[b-feqpbg4v5l] {
    position: sticky; top: 0; background: var(--fs-line); text-align: left; padding: .45rem .7rem;
    font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: #444;
}
.fs-table tbody tr[b-feqpbg4v5l] { cursor: pointer; }
.fs-table tbody tr:nth-child(even)[b-feqpbg4v5l] { background: #fafbfd; }
.fs-table tbody tr:hover[b-feqpbg4v5l] { background: #f1f7f7; }
.fs-table tbody tr.selected[b-feqpbg4v5l] { background: #dff0ef; }
.fs-table td[b-feqpbg4v5l] { padding: .45rem .7rem; border-top: 1px solid #f0f1f5; vertical-align: top; }
.fs-src-col[b-feqpbg4v5l] { width: 7.5rem; white-space: nowrap; }
.fs-brand[b-feqpbg4v5l] { color: #8a8f99; margin-left: .35rem; font-size: .9em; }
.fs-fav-mini[b-feqpbg4v5l] { color: #F2B705; margin-right: .3rem; font-size: .8em; }
.fs-empty[b-feqpbg4v5l] { text-align: center; color: #8a8f99; padding: 1.5rem !important; }

.fs-detail[b-feqpbg4v5l] { border: 1px solid var(--fs-line); border-radius: 12px; background: #fdf9f3; padding: .75rem; }
.fs-detail-title[b-feqpbg4v5l] { display: flex; align-items: center; gap: .5rem; margin-bottom: .6rem; }
.fs-detail-title h3[b-feqpbg4v5l] { flex: 1; font-size: 1.1rem; margin: 0; text-align: center; font-weight: 700; }
.fs-star[b-feqpbg4v5l], .fs-close[b-feqpbg4v5l] { border: 0; background: none; font-size: 1.25rem; color: #8a8f99; }
.fs-star.on[b-feqpbg4v5l] { color: #F2B705; }
.fs-close[b-feqpbg4v5l] { color: var(--fs-teal); }

.fs-detail-body[b-feqpbg4v5l] { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 700px) { .fs-detail-body[b-feqpbg4v5l] { grid-template-columns: 1fr; } }
.fs-card[b-feqpbg4v5l] { background: #fff; border-radius: 10px; padding: .8rem; border: 1px solid #f0ece4; }

.fs-macros[b-feqpbg4v5l] { display: grid; grid-template-columns: 120px 1fr; gap: .4rem .9rem; align-items: center; }
.fs-legend[b-feqpbg4v5l] { list-style: none; margin: 0; padding: 0; font-size: .92rem; line-height: 1.7; }
.fs-legend .p[b-feqpbg4v5l] { color: var(--fs-protein); }
.fs-legend .c[b-feqpbg4v5l] { color: var(--fs-carbs); }
.fs-legend .f[b-feqpbg4v5l] { color: var(--fs-fat); }
.fs-source-line[b-feqpbg4v5l] { grid-column: 1 / -1; display: flex; align-items: center; gap: .6rem; }
.fs-link[b-feqpbg4v5l] { border: 0; background: none; padding: 0; text-decoration: underline; color: #333; }
.fs-credit[b-feqpbg4v5l] { grid-column: 1 / -1; font-size: .8rem; color: #8a8f99; }

.fs-label[b-feqpbg4v5l] { font-weight: 700; font-size: .85rem; text-transform: uppercase; letter-spacing: .05em; color: #555; }
.fs-serving-row[b-feqpbg4v5l] { display: flex; gap: .5rem; margin-top: .35rem; }
.fs-amount[b-feqpbg4v5l] { width: 5.5rem; padding: .4rem .5rem; border: 1px solid #cfd4dc; border-radius: 8px; text-align: right; }
.fs-amount.invalid[b-feqpbg4v5l] { border-color: #d64545; }
.fs-measure[b-feqpbg4v5l] { flex: 1; min-width: 0; padding: .4rem .5rem; border: 1px solid #cfd4dc; border-radius: 8px; }
.fs-grams[b-feqpbg4v5l] { color: #8a8f99; font-size: .85rem; margin-top: .3rem; }
.fs-add[b-feqpbg4v5l] {
    margin-top: .8rem; width: 100%; border: 0; border-radius: 999px; padding: .55rem 1rem;
    background: var(--fs-teal); color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
}
.fs-add:disabled[b-feqpbg4v5l] { opacity: .5; }

.fs-nutrients[b-feqpbg4v5l] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: .75rem; margin-top: .75rem; }
.fs-ntable[b-feqpbg4v5l] { width: 100%; border-collapse: collapse; background: #fff; border-radius: 10px; overflow: hidden; font-size: .9rem; }
.fs-ntable th[b-feqpbg4v5l] { background: var(--fs-line); text-align: left; padding: .4rem .6rem; text-transform: uppercase; font-size: .75rem; letter-spacing: .06em; }
.fs-ntable td[b-feqpbg4v5l] { padding: .28rem .6rem; border-top: 1px solid #f3f4f7; }
.fs-ntable td.num[b-feqpbg4v5l] { text-align: right; white-space: nowrap; }
.fs-ntable tr.nodata td[b-feqpbg4v5l] { color: #b5b9c2; }

/* /Components/Food/MacroDonut.razor.rz.scp.css */
.macro-donut[b-pp22auyohu] { width: 120px; height: 120px; }
.track[b-pp22auyohu] { stroke: #eef0f4; }
.seg.p[b-pp22auyohu] { stroke: #3BB273; }
.seg.c[b-pp22auyohu] { stroke: #1FB5D6; }
.seg.f[b-pp22auyohu] { stroke: #8E5BD8; }
.kcal[b-pp22auyohu] { font-size: 8px; font-weight: 700; text-anchor: middle; fill: #222; }
.unit[b-pp22auyohu] { font-size: 4px; text-anchor: middle; fill: #8a8f99; }
/* /Components/Food/NutrientBar.razor.rz.scp.css */
.nbar[b-9gq1ckk2nc] { display: inline-flex; align-items: center; gap: .45rem; width: 100%; }
.track[b-9gq1ckk2nc] { flex: 1; height: 8px; border-radius: 5px; background: #eef0f4; overflow: hidden; min-width: 3rem; }
.fill[b-9gq1ckk2nc] { display: block; height: 100%; border-radius: 5px; background: #9aa0aa; }
.pct[b-9gq1ckk2nc] { width: 2.8rem; text-align: right; font-size: .78rem; color: #6b7079; font-variant-numeric: tabular-nums; }
.met .fill[b-9gq1ckk2nc] { background: #5DBB72; }
.over .track[b-9gq1ckk2nc] { background: #f6d5d5; }
.over .fill[b-9gq1ckk2nc] { background: #C62828; }
.over .pct[b-9gq1ckk2nc] { color: #C62828; font-weight: 700; }
.maxonly .track[b-9gq1ckk2nc] { background: #d7efdc; }
.nt .track[b-9gq1ckk2nc] { background: radial-gradient(circle, #d6d9df 1.2px, transparent 1.5px) 0 50% / 6px 8px repeat-x; }
.nt.has .track[b-9gq1ckk2nc] { background: radial-gradient(circle, #6b7079 1.2px, transparent 1.5px) 0 50% / 6px 8px repeat-x; }
/* /Components/Food/NutritionScoresCard.razor.rz.scp.css */
.d-card[b-ron3fp9m3l] { background: #fff; border-radius: 12px; padding: .9rem; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.ns-title[b-ron3fp9m3l] { font-size: .95rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 .7rem; }
.ns-title:not(:first-child)[b-ron3fp9m3l] { margin-top: 1.1rem; }
.ns-rings[b-ron3fp9m3l], .ns-gauges[b-ron3fp9m3l] { display: flex; flex-wrap: wrap; gap: .8rem 1rem; }
.ns-ring[b-ron3fp9m3l] { width: 6.2rem; text-align: center; }
.ns-ring[b-ron3fp9m3l]  .arc-ring { width: 76px; height: 76px; }
.ns-label[b-ron3fp9m3l] { font-size: .75rem; font-weight: 600; color: #555; line-height: 1.2; }
/* /Components/Food/RepeatPrompt.razor.rz.scp.css */
.rp[b-lzryxzh8k7] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .8rem; background: #FFF4E5; border-radius: 10px; padding: .55rem .8rem;
    margin-bottom: .6rem; font-size: .86rem; color: #5A3A10; }
.rp-icon[b-lzryxzh8k7] { font-size: 1.05rem; }
.rp-text[b-lzryxzh8k7] { flex: 1; min-width: 12rem; }
.rp-log[b-lzryxzh8k7] { border: 0; background: #F26B3A; color: #fff; border-radius: 6px; padding: .3rem .8rem; font-weight: 800; text-transform: uppercase; font-size: .75rem; letter-spacing: .04em; }
.rp-skip[b-lzryxzh8k7] { border: 0; background: none; color: #5A3A10; font-weight: 700; }
.rp-error[b-lzryxzh8k7] { color: #C62828; font-weight: 600; margin-bottom: .5rem; font-size: .85rem; }
/* /Components/Food/SourceBadge.razor.rz.scp.css */
.source-badge[b-5w3rkik3pm] { display: inline-flex; align-items: center; gap: .35rem; font-size: .8rem; font-weight: 700; color: #333; }
.source-badge i[b-5w3rkik3pm] { display: inline-grid; place-items: center; width: 1.35rem; height: 1.35rem; border-radius: 4px; font-size: .7rem; }
.source-badge.lab i[b-5w3rkik3pm] { background: #E5512E; color: #fff; }
.source-badge.label i[b-5w3rkik3pm] { background: none; color: #111; font-size: 1rem; }
.source-badge.custom i[b-5w3rkik3pm] { background: #1F5C5C; color: #fff; }
/* /Components/Food/TdeeCalculatorCard.razor.rz.scp.css */
.tg-card[b-hhhjm4t1z1] { background: #fff; border-radius: 12px; padding: 1rem; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.tg-wide[b-hhhjm4t1z1] { grid-column: 1 / -1; }
.tg-card h2[b-hhhjm4t1z1] { font-size: .95rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 .8rem; }
.tg-breakdown[b-hhhjm4t1z1] { font-size: .82rem; color: #6b7079; margin: .3rem 0 .7rem; }
.tg-link[b-hhhjm4t1z1] { border: 0; background: none; color: #1F5C5C; font-weight: 700; text-transform: uppercase; font-size: .72rem; letter-spacing: .05em; padding: 0; }
.tg-tabs[b-hhhjm4t1z1] { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 2px solid #E4E7EF; margin-bottom: .6rem; }
.tg-tabs button[b-hhhjm4t1z1] { border: 0; background: none; padding: .4rem .8rem; font-weight: 600; color: #555; border-bottom: 3px solid transparent; margin-bottom: -2px; }
.tg-tabs button.on[b-hhhjm4t1z1] { color: #F26B3A; border-bottom-color: #F26B3A; }

.tdee-top[b-hhhjm4t1z1] { display: grid; grid-template-columns: 15rem 1fr; gap: 1.2rem; align-items: start; }
@media (max-width: 800px) { .tdee-top[b-hhhjm4t1z1], .tdee-cols[b-hhhjm4t1z1] { grid-template-columns: 1fr !important; } }
.tdee-big[b-hhhjm4t1z1] { background: #FDF6E3; border: 1px solid #F1E3BC; border-radius: 12px; text-align: center; }
.tdee-big div[b-hhhjm4t1z1] { display: flex; flex-direction: column; padding: 1.1rem .5rem; }
.tdee-big div + div[b-hhhjm4t1z1] { border-top: 1px solid #F1E3BC; }
.tdee-big b[b-hhhjm4t1z1] { font-size: 2.2rem; font-weight: 800; color: #2B3440; line-height: 1.1; }
.tdee-big span[b-hhhjm4t1z1] { font-size: .82rem; font-style: italic; color: #555; }
.tdee-explain[b-hhhjm4t1z1] { font-size: .9rem; color: #333; }
.tdee-table[b-hhhjm4t1z1] { width: 100%; border-collapse: collapse; font-size: .88rem; margin-top: .5rem; }
.tdee-table td[b-hhhjm4t1z1] { padding: .35rem .5rem; border-top: 1px solid #eef0f4; }
.tdee-table td.num[b-hhhjm4t1z1] { white-space: nowrap; }
.tdee-table tr.mine td[b-hhhjm4t1z1] { font-weight: 800; }
.tdee-cols[b-hhhjm4t1z1] { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1.2rem; }
.tdee-h3[b-hhhjm4t1z1] { font-size: 1.05rem; font-weight: 700; margin: 1rem 0 .3rem; }
.tdee-cols .tdee-h3:first-child[b-hhhjm4t1z1] { margin-top: 0; }
.tdee-splits[b-hhhjm4t1z1] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
@media (max-width: 700px) { .tdee-splits[b-hhhjm4t1z1] { grid-template-columns: 1fr; } }
.tdee-split[b-hhhjm4t1z1] { background: #FDF6E3; border: 1px solid #F1E3BC; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; }
.tdee-split.mine[b-hhhjm4t1z1] { border-color: #1F5C5C; box-shadow: 0 0 0 2px rgba(31,92,92,.25); }
.tdee-split-name[b-hhhjm4t1z1] { background: #1F5C5C; color: #fff; font-size: .75rem; font-weight: 800; padding: .25rem .6rem; }
.tdee-g[b-hhhjm4t1z1] { display: flex; flex-direction: column; align-items: center; padding: .6rem; border-top: 1px solid #F1E3BC; }
.tdee-split-name + .tdee-g[b-hhhjm4t1z1] { border-top: 0; }
.tdee-g b[b-hhhjm4t1z1] { font-size: 1.7rem; font-weight: 800; color: #2B3440; }
.tdee-g span[b-hhhjm4t1z1] { font-size: .78rem; font-style: italic; color: #555; }
.tdee-use[b-hhhjm4t1z1] { margin: .6rem; border: 0; background: #1F5C5C; color: #fff; border-radius: 8px; padding: .4rem; font-weight: 700; font-size: .82rem; }
.tdee-current[b-hhhjm4t1z1] { margin: .6rem; text-align: center; color: #1F5C5C; font-weight: 800; font-size: .82rem; padding: .4rem; }
/* /Components/Food/TrendChart.razor.rz.scp.css */
.trend-chart[b-4iwsy4obju] { width: 100%; height: auto; display: block; }
.grid[b-4iwsy4obju] { stroke: #eef0f4; stroke-width: 1; }
.axis[b-4iwsy4obju] { font-size: 10px; fill: #8a8f99; }
.bar[b-4iwsy4obju] { fill: #F26B3A; }
.bar.over[b-4iwsy4obju] { fill: #C62828; }
.target[b-4iwsy4obju] { stroke: #1F5C5C; stroke-width: 1.5; stroke-dasharray: 6 4; }
.target-label[b-4iwsy4obju] { font-size: 11px; fill: #1F5C5C; font-weight: 700; }
.fast-strip[b-4iwsy4obju] { fill: #3BB273; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-jqtctqh8ns],
.components-reconnect-repeated-attempt-visible[b-jqtctqh8ns],
.components-reconnect-failed-visible[b-jqtctqh8ns],
.components-pause-visible[b-jqtctqh8ns],
.components-resume-failed-visible[b-jqtctqh8ns],
.components-rejoining-animation[b-jqtctqh8ns] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-jqtctqh8ns],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-jqtctqh8ns],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-jqtctqh8ns],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-jqtctqh8ns],
#components-reconnect-modal.components-reconnect-retrying[b-jqtctqh8ns],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-jqtctqh8ns],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-jqtctqh8ns],
#components-reconnect-modal.components-reconnect-failed[b-jqtctqh8ns],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-jqtctqh8ns] {
    display: block;
}


#components-reconnect-modal[b-jqtctqh8ns] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-jqtctqh8ns 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-jqtctqh8ns 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-jqtctqh8ns 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-jqtctqh8ns]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-jqtctqh8ns 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-jqtctqh8ns {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-jqtctqh8ns {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-jqtctqh8ns {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-jqtctqh8ns] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-jqtctqh8ns] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-jqtctqh8ns] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-jqtctqh8ns] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-jqtctqh8ns] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-jqtctqh8ns] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-jqtctqh8ns] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-jqtctqh8ns 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-jqtctqh8ns] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-jqtctqh8ns {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AgentNotebook.razor.rz.scp.css */
/* Task 8378. One open agent notebook: a cover, a rail of tab dividers down the left, the pages
   under the open tab on the right. --an-accent is the notebook's own spine color. The seven tab
   colors are the brand palette carried as component-local values, and cycle by rail position.
   Task 8571: the rail itself is Components/Controls/NotebookTabRail.razor and its styles moved with
   it; the seven colors stay here as well for the tab chip on each page card. */
.an-page[b-m5gi25leej]{padding:1rem 0 2rem}
.an-loading[b-m5gi25leej]{text-align:center; padding:3rem 0}

/* Cover */
.an-cover[b-m5gi25leej]{display:flex; background:#FFF; border:1px solid #E5E9EE; border-radius:16px; box-shadow:0 1px 4px rgba(16,24,40,.06); overflow:hidden; margin-bottom:1.25rem}
.an-cover-spine[b-m5gi25leej]{width:22px; flex:0 0 22px; background:var(--an-accent)}
.an-cover-body[b-m5gi25leej]{flex:1; padding:1rem 1.5rem 0; min-width:0}
.an-back[b-m5gi25leej]{display:inline-flex; align-items:center; gap:.4rem; font-size:.85rem; color:#6c757d}
.an-back:hover[b-m5gi25leej]{color:var(--color-primary)}
.an-cover-row[b-m5gi25leej]{display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-top:.5rem}
.an-cover-main[b-m5gi25leej]{min-width:0; flex:1}
.an-cover-kicker[b-m5gi25leej]{display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin-bottom:.3rem}
.an-type[b-m5gi25leej]{display:inline-block; padding:.18rem .6rem; border-radius:999px; background:#EEF7FA; color:var(--color-primary); font-size:.72rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase}
.an-badge[b-m5gi25leej]{display:inline-flex; align-items:center; gap:.3rem; padding:.18rem .6rem; border-radius:999px; background:#F1F3F5; color:#495057; font-size:.72rem; font-weight:600}
.an-badge-warn[b-m5gi25leej]{background:#FFF0EA; color:var(--color-tertiary)}
.an-cover-title[b-m5gi25leej]{font-family:var(--font-headings); font-size:1.7rem; font-weight:700; color:#1F2937; margin:0 0 .6rem; line-height:1.15; word-break:break-word}
.an-cover-owner[b-m5gi25leej]{display:flex; align-items:center; gap:.7rem; margin-bottom:1rem}
.an-cover-owner-name[b-m5gi25leej]{font-weight:700; color:#1F2937; font-size:.95rem}
.an-cover-owner-sub[b-m5gi25leej]{font-size:.8rem; color:#6c757d}
.an-cover-actions[b-m5gi25leej]{display:flex; gap:.5rem; flex-wrap:wrap}
.an-action[b-m5gi25leej]{display:inline-flex; align-items:center; gap:.45rem; height:38px; padding:0 .9rem; border:1px solid #DEE2E6; border-radius:999px; background:#FFF; color:#495057; font-family:var(--font-buttons); font-size:.88rem; cursor:pointer}
.an-action:hover[b-m5gi25leej]{border-color:var(--color-primary); color:var(--color-primary)}
.an-sections[b-m5gi25leej]{display:flex; gap:.25rem; border-top:1px solid #F1F3F5; margin:0 -1.5rem; padding:0 1.5rem}
.an-section[b-m5gi25leej]{display:inline-flex; align-items:center; gap:.45rem; padding:.8rem .9rem; border:none; border-bottom:3px solid transparent; background:none; color:#6c757d; font-family:var(--font-buttons); font-size:.92rem; cursor:pointer; margin-bottom:-1px}
.an-section:hover[b-m5gi25leej]{color:var(--color-body)}
.an-section-on[b-m5gi25leej]{color:var(--color-body); font-weight:700; border-bottom-color:var(--an-accent)}
.an-section-count[b-m5gi25leej]{font-size:.72rem; color:#94A0AC; font-weight:600}

.an-avatar[b-m5gi25leej]{width:44px; height:44px; border-radius:50%; object-fit:cover; background:#E9ECEF; flex:0 0 auto}
.an-avatar-initials[b-m5gi25leej]{display:inline-flex; align-items:center; justify-content:center; background:var(--an-accent); color:#FFF; font-weight:700; font-size:.95rem}

/* The open book */
.an-book[b-m5gi25leej]{display:grid; grid-template-columns:250px minmax(0,1fr); gap:1.25rem; align-items:start}
@media (max-width:991.98px){ .an-book[b-m5gi25leej]{grid-template-columns:1fr} }
.an-tab-c0[b-m5gi25leej]{--an-tab:#00A1BE}
.an-tab-c1[b-m5gi25leej]{--an-tab:#00CC78}
.an-tab-c2[b-m5gi25leej]{--an-tab:#FF4A11}
.an-tab-c3[b-m5gi25leej]{--an-tab:#D8237C}
.an-tab-c4[b-m5gi25leej]{--an-tab:#9B659B}
.an-tab-c5[b-m5gi25leej]{--an-tab:#F4AD2A}
.an-tab-c6[b-m5gi25leej]{--an-tab:#0B5394}
.an-tab-c7[b-m5gi25leej]{--an-tab:#94A0AC}

/* Pages */
.an-pages[b-m5gi25leej]{min-width:0}
.an-pages-head[b-m5gi25leej]{display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap; margin-bottom:1rem}
.an-pages-title[b-m5gi25leej]{font-family:var(--font-headings); font-size:1.25rem; font-weight:700; color:#1F2937; display:flex; align-items:baseline; gap:.6rem}
.an-pages-count[b-m5gi25leej]{font-size:.8rem; font-weight:600; color:#94A0AC; font-family:var(--font-primary)}
.an-pages-tools[b-m5gi25leej]{display:flex; align-items:center; gap:.5rem; flex-wrap:wrap}
.an-search[b-m5gi25leej]{position:relative; width:240px; max-width:60vw}
.an-search-icon[b-m5gi25leej]{position:absolute; left:.75rem; top:50%; transform:translateY(-50%); color:#6c757d; pointer-events:none}
.an-search-input[b-m5gi25leej]{padding-left:2.1rem; padding-right:2rem; border-radius:999px; border:1px solid #DEE2E6; background:#FFF; height:38px}
.an-search-input:focus[b-m5gi25leej]{border-color:var(--color-primary); box-shadow:0 0 0 .15rem rgba(0,161,190,.20)}
.an-search-clear[b-m5gi25leej]{position:absolute; right:.55rem; top:50%; transform:translateY(-50%); background:none; border:none; color:#6c757d; cursor:pointer}
.an-search-clear:hover[b-m5gi25leej]{color:var(--color-tertiary)}

.an-page-grid[b-m5gi25leej]{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:1rem}
.an-page-card[b-m5gi25leej]{position:relative; background:#FFF; border:1px solid #E1E5E9; border-radius:12px; padding:1rem 1.1rem .9rem; cursor:pointer; box-shadow:0 1px 3px rgba(16,24,40,.05); transition:transform .18s,box-shadow .18s,border-color .18s; min-height:140px; display:flex; flex-direction:column; background-image:linear-gradient(#F4F8FA 1px,transparent 1px),linear-gradient(90deg,#F4F8FA 1px,transparent 1px); background-size:22px 22px}
.an-page-card:hover[b-m5gi25leej]{border-color:var(--an-accent); box-shadow:0 8px 18px rgba(16,24,40,.10); transform:translateY(-2px)}
/* The hover transform makes the card a stacking context, which traps .an-menu-list's z-index inside it,
   so the next card painted over an open menu. Raising the card whose menu is open lifts the menu with it. */
.an-page-card.an-menu-open[b-m5gi25leej]{z-index:60}
.an-page-card-top[b-m5gi25leej]{display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.5rem}
.an-page-card-actions[b-m5gi25leej]{display:flex; align-items:center; gap:.35rem}
.an-page-tab[b-m5gi25leej]{--an-tab:#94A0AC; display:inline-block; padding:.15rem .55rem; border-radius:6px; background:var(--an-tab); color:var(--an-tab-ink,white); font-size:.7rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; max-width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.an-page-card-title[b-m5gi25leej]{font-family:var(--font-headings); font-size:1.02rem; font-weight:700; color:#1F2937; line-height:1.3; word-break:break-word; flex:1}
.an-page-card-foot[b-m5gi25leej]{display:flex; justify-content:space-between; gap:.5rem; margin-top:.75rem; padding-top:.5rem; border-top:1px solid #F1F3F5; font-size:.75rem; color:#6c757d}
.an-lock[b-m5gi25leej]{display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--color-tertiary); color:#FFF; font-size:.6rem}

.an-empty[b-m5gi25leej]{text-align:center; padding:3rem 1rem; background:#FFF; border:1px dashed #DEE2E6; border-radius:1rem; color:#6c757d}
.an-empty-icon[b-m5gi25leej]{font-size:2.4rem; color:var(--an-accent); margin-bottom:.6rem; display:block}
.an-empty-title[b-m5gi25leej]{font-family:var(--font-headings); font-size:1.1rem; font-weight:700; color:#495057}
.an-empty-hint[b-m5gi25leej]{font-size:.9rem; margin-top:.3rem}

.an-panel[b-m5gi25leej]{background:#FFF; border:1px solid #E5E9EE; border-radius:14px; padding:1rem 1.25rem}

/* Menus and modals */
.an-menu.argenta-select[b-m5gi25leej]{position:relative; display:inline-block; width:auto; min-width:0}
.an-menu-btn[b-m5gi25leej]{width:28px; height:28px; border-radius:50%; border:none; background:#F1F3F5; color:#495057; cursor:pointer; display:inline-flex; align-items:center; justify-content:center}
.an-menu-btn:hover[b-m5gi25leej]{background:var(--color-primary); color:#FFF}
.an-menu-list[b-m5gi25leej]{position:absolute; right:0; top:32px; z-index:50; min-width:210px; margin:0; padding:.35rem; list-style:none; background:#FFF; border:1px solid #E5E9EE; border-radius:.6rem; box-shadow:0 8px 24px rgba(16,24,40,.14); max-height:320px; overflow:auto}
.an-menu-list li[b-m5gi25leej]{display:flex; align-items:center; gap:.6rem; padding:.45rem .7rem; border-radius:.4rem; font-size:.88rem; color:#1F2937; cursor:pointer}
.an-menu-list li:hover[b-m5gi25leej]{background:#F4F6F8}
.an-menu-head[b-m5gi25leej]{font-size:.7rem !important; font-weight:700; color:#94A0AC !important; text-transform:uppercase; letter-spacing:.05em; cursor:default !important}
.an-menu-head:hover[b-m5gi25leej]{background:none !important}
.an-menu-danger[b-m5gi25leej]{color:#D8237C !important; border-top:1px solid #F1F3F5; margin-top:.25rem}
.an-menu-danger:hover[b-m5gi25leej]{background:#FBE6F1 !important}

.an-backdrop[b-m5gi25leej]{position:fixed; inset:0; z-index:10000; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center}
.an-modal[b-m5gi25leej]{max-width:640px; width:92vw}
.an-modal .card-footer[b-m5gi25leej]{background:#FFF}
.an-note[b-m5gi25leej]{padding:.7rem .9rem; background:#F8F9FA; border-radius:.5rem; font-size:.88rem; color:#495057}
.an-share-empty[b-m5gi25leej]{text-align:center; color:#6c757d; font-size:.9rem; padding:.5rem 0}
.an-share-list[b-m5gi25leej]{display:flex; flex-direction:column; gap:.5rem}
.an-share-row[b-m5gi25leej]{display:grid; grid-template-columns:minmax(0,1fr) 150px 32px; align-items:center; gap:.75rem; padding:.5rem .6rem; border:1px solid #F1F3F5; border-radius:.5rem}
.an-share-name[b-m5gi25leej]{font-weight:600; color:#1F2937}
.an-share-email[b-m5gi25leej]{font-size:.8rem; color:#6c757d}
.an-share-remove[b-m5gi25leej]{border:none; background:none; color:#D8237C; font-size:1.1rem; cursor:pointer}
.an-share-remove:hover[b-m5gi25leej]{color:#B81D68}

/* /Components/Pages/AgentNotebookPage.razor.rz.scp.css */
/* Task 8378. One page inside an agent notebook. */
.anp-page[b-mblfrg3k7b]{padding:1rem 0 2rem}
.anp-loading[b-mblfrg3k7b]{text-align:center; padding:3rem 0}
.anp-head[b-mblfrg3k7b]{display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1rem}
.anp-crumbs[b-mblfrg3k7b]{display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; font-size:.9rem; color:#6c757d; min-width:0}
.anp-crumbs a[b-mblfrg3k7b]{color:#6c757d}
.anp-crumbs a:hover[b-mblfrg3k7b]{color:var(--color-primary)}
.anp-crumbs i[b-mblfrg3k7b]{font-size:.65rem; color:#C9D1DA}
.anp-crumb-book[b-mblfrg3k7b]{display:inline-flex; align-items:center; gap:.4rem; font-weight:700; color:#1F2937 !important}
.anp-crumb-spine[b-mblfrg3k7b]{display:inline-block; width:6px; height:18px; border-radius:2px; background:var(--an-accent)}
.anp-head-actions[b-mblfrg3k7b]{display:flex; gap:.5rem; flex-wrap:wrap}
.anp-readonly[b-mblfrg3k7b]{padding:1rem 1.25rem; border:1px solid #E5E9EE; border-radius:.5rem; background:#FAFBFC; min-height:160px}
/* /Components/Pages/AgentNotebooks.razor.rz.scp.css */
/* Task 8378. The agent shelf. Same toolbar language as /notebooks, its own scoped rules. Accent
   colors ride on --anb-accent, set per card from the notebook's own spine color; the fixed hex
   values below are the extended brand palette, carried here as component-local values. */
.anb-page[b-0pujxgenq3]{padding:1rem 0 2rem}
.anb-head[b-0pujxgenq3]{display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1rem}
.anb-title[b-0pujxgenq3]{display:flex; align-items:center; gap:.9rem}
.anb-title-icon[b-0pujxgenq3]{color:var(--color-primary); font-size:2rem}
.anb-title-text[b-0pujxgenq3]{font-family:var(--font-headings); font-size:1.6rem; font-weight:700; color:var(--color-body); line-height:1.1}
.anb-title-sub[b-0pujxgenq3]{font-size:.9rem; color:#6c757d; margin-top:.2rem}

.anb-toolbar[b-0pujxgenq3]{display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; padding:.75rem 1rem; background:#FFF; border:1px solid #E9ECEF; border-radius:.75rem; box-shadow:0 1px 4px rgba(0,0,0,.04); margin-bottom:1.25rem}
.anb-tools[b-0pujxgenq3]{display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; width:100%}
.anb-new[b-0pujxgenq3]{margin-right:auto}
.anb-scope[b-0pujxgenq3]{display:inline-flex; gap:2px; padding:3px; background:#F4F6F8; border-radius:999px}
.anb-chip[b-0pujxgenq3]{display:inline-flex; align-items:center; gap:.45rem; height:34px; padding:0 1rem; border:none; border-radius:999px; background:none; color:#6c757d; font-family:var(--font-buttons); font-size:.9rem; cursor:pointer; transition:background .2s,color .2s,box-shadow .2s}
.anb-chip:hover[b-0pujxgenq3]{color:var(--color-body)}
.anb-chip-on[b-0pujxgenq3]{background:#FFF; color:var(--color-body); font-weight:700; box-shadow:0 1px 3px rgba(16,24,40,.10)}
.anb-chip-count[b-0pujxgenq3]{font-size:.72rem; font-weight:600; color:#94A0AC}

.anb-search[b-0pujxgenq3]{position:relative; width:260px; max-width:50vw}
.anb-search-icon[b-0pujxgenq3]{position:absolute; left:.75rem; top:50%; transform:translateY(-50%); color:#6c757d; pointer-events:none}
.anb-search-input[b-0pujxgenq3]{padding-left:2.1rem; padding-right:2rem; border-radius:999px; border:1px solid #DEE2E6; background:#FFF; height:38px}
.anb-search-input:focus[b-0pujxgenq3]{border-color:var(--color-primary); box-shadow:0 0 0 .15rem rgba(0,161,190,.20)}
.anb-search-clear[b-0pujxgenq3]{position:absolute; right:.55rem; top:50%; transform:translateY(-50%); background:none; border:none; color:#6c757d; font-size:1rem; cursor:pointer}
.anb-search-clear:hover[b-0pujxgenq3]{color:var(--color-tertiary)}

.anb-select[b-0pujxgenq3]{position:relative}
.anb-pill[b-0pujxgenq3]{display:inline-flex; align-items:center; gap:.45rem; height:38px; padding:0 .9rem; border:1px solid #DEE2E6; border-radius:999px; background:#FFF; color:#495057; font-family:var(--font-buttons); font-size:.88rem; cursor:pointer; white-space:nowrap}
.anb-pill:hover[b-0pujxgenq3]{border-color:var(--color-primary); color:var(--color-body)}
.anb-pill-on[b-0pujxgenq3]{border-color:var(--color-primary); color:var(--color-primary); font-weight:700}
.anb-view[b-0pujxgenq3]{display:inline-flex; border:1px solid #DEE2E6; border-radius:999px; overflow:hidden}
.anb-view-btn[b-0pujxgenq3]{height:38px; width:40px; border:none; background:#FFF; color:#6c757d; cursor:pointer}
.anb-view-btn:hover[b-0pujxgenq3]{color:var(--color-body)}
.anb-view-on[b-0pujxgenq3]{background:var(--color-primary); color:#FFF}

.anb-loading[b-0pujxgenq3]{text-align:center; padding:3rem 0}
.anb-empty[b-0pujxgenq3]{text-align:center; padding:3.5rem 1rem; background:#FFF; border:1px dashed #DEE2E6; border-radius:1rem; color:#6c757d}
.anb-empty-icon[b-0pujxgenq3]{font-size:2.6rem; color:var(--color-primary); margin-bottom:.75rem; display:block}
.anb-empty-title[b-0pujxgenq3]{font-family:var(--font-headings); font-size:1.15rem; font-weight:700; color:#495057}
.anb-empty-hint[b-0pujxgenq3]{font-size:.9rem; margin-top:.35rem}

/* Cards: a closed notebook, spine on the left with the tab dividers peeking out */
.anb-grid[b-0pujxgenq3]{display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:1.1rem}
.anb-card[b-0pujxgenq3]{position:relative; display:flex; background:#FFF; border:1px solid #E5E9EE; border-radius:14px; overflow:visible; cursor:pointer; box-shadow:0 1px 3px rgba(16,24,40,.06); transition:transform .18s,box-shadow .18s,border-color .18s; min-height:168px}
.anb-card:hover[b-0pujxgenq3]{transform:translateY(-3px); box-shadow:0 10px 24px rgba(16,24,40,.12); border-color:var(--anb-accent)}
.anb-card-spine[b-0pujxgenq3]{position:relative; width:16px; flex:0 0 16px; background:var(--anb-accent); border-radius:14px 0 0 14px}
.anb-card-divider[b-0pujxgenq3]{position:absolute; right:-9px; width:11px; height:14px; border-radius:0 4px 4px 0; background:var(--anb-accent); opacity:.55}
.anb-card-body[b-0pujxgenq3]{flex:1; padding:1rem 1.1rem 1rem 1.4rem; display:flex; flex-direction:column; min-width:0}
.anb-card-top[b-0pujxgenq3]{display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.5rem}
.anb-card-actions[b-0pujxgenq3]{display:flex; align-items:center; gap:.4rem}
.anb-type[b-0pujxgenq3]{display:inline-block; padding:.18rem .6rem; border-radius:999px; background:#EEF7FA; color:var(--color-primary); font-size:.72rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%}
.anb-type-none[b-0pujxgenq3]{background:#F1F3F5; color:#94A0AC}
.anb-card-title[b-0pujxgenq3]{font-family:var(--font-headings); font-size:1.1rem; font-weight:700; color:#1F2937; line-height:1.25; word-break:break-word; margin-bottom:.6rem}
.anb-card-owner[b-0pujxgenq3]{display:flex; align-items:center; gap:.5rem; font-size:.85rem; color:#495057; margin-bottom:.75rem}
.anb-card-bottom[b-0pujxgenq3]{display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; margin-top:auto; padding-top:.6rem; border-top:1px solid #F1F3F5; font-size:.8rem; color:#6c757d}
.anb-card-stat[b-0pujxgenq3]{display:inline-flex; align-items:center; gap:.3rem; white-space:nowrap}
.anb-card-level[b-0pujxgenq3]{margin-left:auto; padding:.1rem .5rem; border-radius:999px; background:#F1F3F5; color:#495057; font-weight:600}

.anb-avatar[b-0pujxgenq3],.anb-avatar-sm[b-0pujxgenq3]{border-radius:50%; object-fit:cover; flex:0 0 auto; background:#E9ECEF}
.anb-avatar[b-0pujxgenq3]{width:40px; height:40px}
.anb-avatar-sm[b-0pujxgenq3]{width:26px; height:26px}
.anb-avatar-initials[b-0pujxgenq3]{display:inline-flex; align-items:center; justify-content:center; background:var(--anb-accent,var(--color-primary)); color:#FFF; font-weight:700; font-size:.7rem; letter-spacing:.02em}
.anb-avatar.anb-avatar-initials[b-0pujxgenq3]{font-size:.9rem}

.anb-lock[b-0pujxgenq3]{display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:var(--color-tertiary); color:#FFF; font-size:.65rem}

/* List rows */
.anb-rows[b-0pujxgenq3]{display:flex; flex-direction:column; gap:.5rem}
.anb-row[b-0pujxgenq3]{display:grid; grid-template-columns:6px 26px minmax(0,2fr) minmax(0,1fr) 60px 60px 60px 110px 24px 32px; align-items:center; gap:.9rem; background:#FFF; border:1px solid #E5E9EE; border-radius:.75rem; padding:.65rem .9rem; cursor:pointer; transition:box-shadow .18s,border-color .18s}
.anb-row:hover[b-0pujxgenq3]{border-color:var(--anb-accent); box-shadow:0 4px 12px rgba(16,24,40,.08)}
.anb-row-bar[b-0pujxgenq3]{display:block; width:6px; height:36px; border-radius:3px; background:var(--anb-accent)}
.anb-row-name[b-0pujxgenq3]{font-weight:700; color:#1F2937; display:flex; align-items:center; gap:.5rem; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.anb-row-who[b-0pujxgenq3]{color:#495057; font-size:.9rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.anb-row-meta[b-0pujxgenq3]{color:#6c757d; font-size:.85rem; display:inline-flex; align-items:center; gap:.3rem}
.anb-row-date[b-0pujxgenq3]{color:#94A0AC; font-size:.8rem; text-align:right}
@media (max-width:991.98px){
.anb-row[b-0pujxgenq3]{grid-template-columns:6px 26px minmax(0,1fr) 32px}
.anb-row-who[b-0pujxgenq3],.anb-row-meta[b-0pujxgenq3],.anb-row-date[b-0pujxgenq3],.anb-row .anb-lock[b-0pujxgenq3]{display:none}
}

/* Overflow menu */
.anb-menu.argenta-select[b-0pujxgenq3]{position:relative; display:inline-block; width:auto; min-width:0}
.anb-menu-btn[b-0pujxgenq3]{width:30px; height:30px; border-radius:50%; border:none; background:#F1F3F5; color:#495057; cursor:pointer; display:inline-flex; align-items:center; justify-content:center}
.anb-menu-btn:hover[b-0pujxgenq3]{background:var(--color-primary); color:#FFF}
.anb-menu-list[b-0pujxgenq3]{position:absolute; right:0; top:34px; z-index:50; min-width:220px; margin:0; padding:.35rem; list-style:none; background:#FFF; border:1px solid #E5E9EE; border-radius:.6rem; box-shadow:0 8px 24px rgba(16,24,40,.14)}
.anb-menu-list li[b-0pujxgenq3]{display:flex; align-items:center; gap:.6rem; padding:.5rem .7rem; border-radius:.4rem; font-size:.9rem; color:#1F2937; cursor:pointer}
.anb-menu-list li:hover[b-0pujxgenq3]{background:#F4F6F8}
.anb-menu-danger[b-0pujxgenq3]{color:#D8237C}
.anb-menu-danger:hover[b-0pujxgenq3]{background:#FBE6F1}

/* Modals: centered, above the sticky chrome */
.anb-backdrop[b-0pujxgenq3]{position:fixed; inset:0; z-index:10000; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center}
.anb-modal[b-0pujxgenq3]{max-width:620px; width:92vw}
.anb-modal .card-footer[b-0pujxgenq3]{background:#FFF}
.anb-note[b-0pujxgenq3]{padding:.7rem .9rem; background:#F8F9FA; border-radius:.5rem; font-size:.88rem; color:#495057}
.anb-owner-pick[b-0pujxgenq3]{display:flex; flex-wrap:wrap; gap:.5rem}
.anb-owner[b-0pujxgenq3]{display:inline-flex; align-items:center; gap:.5rem; padding:.35rem .8rem .35rem .4rem; border:1px solid #DEE2E6; border-radius:999px; background:#FFF; cursor:pointer; font-size:.9rem; color:#1F2937}
.anb-owner:hover[b-0pujxgenq3]{border-color:var(--color-primary)}
.anb-owner-on[b-0pujxgenq3]{border-color:var(--color-primary); background:#EEF7FA; box-shadow:0 0 0 2px rgba(0,161,190,.18)}
.anb-owner-name[b-0pujxgenq3]{font-weight:600}
.anb-owner-you[b-0pujxgenq3]{font-size:.7rem; color:#94A0AC; text-transform:uppercase; letter-spacing:.05em}

.anb-share-empty[b-0pujxgenq3]{text-align:center; color:#6c757d; font-size:.9rem; padding:.5rem 0}
.anb-share-list[b-0pujxgenq3]{display:flex; flex-direction:column; gap:.5rem}
.anb-share-row[b-0pujxgenq3]{display:grid; grid-template-columns:minmax(0,1fr) 150px 32px; align-items:center; gap:.75rem; padding:.5rem .6rem; border:1px solid #F1F3F5; border-radius:.5rem}
.anb-share-name[b-0pujxgenq3]{font-weight:600; color:#1F2937}
.anb-share-email[b-0pujxgenq3]{font-size:.8rem; color:#6c757d}
.anb-share-remove[b-0pujxgenq3]{border:none; background:none; color:#D8237C; font-size:1.1rem; cursor:pointer}
.anb-share-remove:hover[b-0pujxgenq3]{color:#B81D68}
/* /Components/Pages/AgentOffice.razor.rz.scp.css */
.office-shell[b-0lh2aoe1x2]{position:fixed;inset:0;z-index:1030;background:#F8F9FA;color:var(--color-body);font-family:var(--font-primary);font-size:1rem;}
.office-game-choices[b-0lh2aoe1x2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;}
.office-game-card[b-0lh2aoe1x2]{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.375rem;white-space:normal;padding:.875rem;min-width:0;height:100%;}
.office-game-card>*[b-0lh2aoe1x2]{max-width:100%;white-space:normal;overflow-wrap:anywhere;}
.office-game-card strong[b-0lh2aoe1x2]{font-size:1rem;}
.office-game-card span[b-0lh2aoe1x2]{font-size:.875rem;line-height:1.4;}
.office-game-card small[b-0lh2aoe1x2]{font-size:.75rem;font-weight:800;margin-top:auto;padding-top:.25rem;}
.office-game-card.btn-info>*[b-0lh2aoe1x2]{color:var(--color-body);}
.office-game-card[aria-pressed=true][b-0lh2aoe1x2]{outline:2px solid var(--color-body);outline-offset:2px;}
.office-game-panel[b-0lh2aoe1x2]{padding:1rem;gap:.75rem;bottom:1rem;}
.office-game-panel>.office-panel-heading[b-0lh2aoe1x2],.office-game-panel>.office-panel-help[b-0lh2aoe1x2]{margin:0;}
.office-game-panel>.office-panel-heading[b-0lh2aoe1x2]{align-items:flex-start;}
.office-game-panel .office-panel-actions[b-0lh2aoe1x2]{display:flex;flex-wrap:wrap;gap:.75rem;flex-shrink:0;}
.office-game-panel .office-panel-actions .btn[b-0lh2aoe1x2]{flex:1 1 8rem;white-space:normal;}
.office-game-how-to[b-0lh2aoe1x2]{font-size:.875rem;flex-shrink:0;}
.office-game-how-to summary[b-0lh2aoe1x2]{cursor:pointer;font-weight:800;padding:.25rem 0;}
.office-game-how-to p[b-0lh2aoe1x2]{margin:.5rem 0 0;}
.office-game-round-prompt[b-0lh2aoe1x2]{padding:.75rem;border-left:.25rem solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-buttons-text));border-radius:.5rem;flex-shrink:0;}
.office-game-round-prompt p[b-0lh2aoe1x2],.office-game-status[b-0lh2aoe1x2],.office-game-answer[b-0lh2aoe1x2]{margin:0;}
.office-game-status[b-0lh2aoe1x2]{font-weight:700;font-size:.875rem;}
.office-game-answer[b-0lh2aoe1x2]{padding:.75rem;border:1px solid var(--color-secondary);border-radius:.5rem;}
.office-game-plays[b-0lh2aoe1x2]{flex:1;min-height:0;overflow-y:auto;}
.office-game-plays article[b-0lh2aoe1x2]{padding:.75rem 0;border-bottom:1px solid var(--color-border,#ddd);}
.office-game-plays p[b-0lh2aoe1x2]{white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0;}
.office-main[b-0lh2aoe1x2]{position:relative;height:100dvh;overflow:hidden;}
.office-world[b-0lh2aoe1x2]{position:absolute;inset:0;outline:none;transition:left .25s,right .25s;}
.has-chat .office-world[b-0lh2aoe1x2]{right:25rem;}
.office-world[b-0lh2aoe1x2]  canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;}
.office-view-controls[b-0lh2aoe1x2]{position:absolute;top:1.25rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.375rem;z-index:2;white-space:nowrap;padding:.375rem;}
.has-chat .office-view-controls[b-0lh2aoe1x2]{left:calc(50% - 12.5rem);}
.office-view-controls .btn[b-0lh2aoe1x2]{font-size:.875rem;min-height:2.75rem;padding:.5rem .75rem;}
.office-hint[b-0lh2aoe1x2]{position:absolute;bottom:.25rem;left:50%;transform:translateX(-50%);max-width:90%;text-align:center;font-size:.8125rem;line-height:1.4;color:var(--color-body);pointer-events:none;margin:.5rem 0;}
.office-panel-heading[b-0lh2aoe1x2]{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.875rem;}
.office-gather-dialog[b-0lh2aoe1x2]{width:min(36rem,calc(100vw - 2rem));height:min(44rem,calc(100dvh - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:1.25rem;border:1px solid #DEE2E6;border-radius:1rem;background:#fff;color:var(--color-body);box-shadow:0 1rem 4rem #27282A30;overflow:hidden;}
.office-gather-dialog[open][b-0lh2aoe1x2]{display:flex;flex-direction:column;}
.office-gather-body[b-0lh2aoe1x2],.office-gather-body>.office-gather-players[b-0lh2aoe1x2]{display:contents;}
.office-game-setup[b-0lh2aoe1x2]{width:min(64rem,calc(100vw - 2rem));height:min(50rem,calc(100dvh - 2rem));}
.office-game-setup-body[b-0lh2aoe1x2]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(16rem,1fr);gap:1.5rem;min-height:0;flex:1;overflow:hidden;}
.office-game-library[b-0lh2aoe1x2]{overflow-y:auto;min-height:0;padding:.25rem .5rem .5rem .25rem;}
.office-game-setup h3[b-0lh2aoe1x2]{font-family:var(--font-headings);font-size:1rem;margin:0 0 .875rem;}
.office-game-setup .office-gather-players[b-0lh2aoe1x2]{display:flex;flex-direction:column;min-height:0;min-width:0;}
.office-game-setup .office-gather-players>.form-control[b-0lh2aoe1x2]{margin-bottom:.75rem;flex-shrink:0;}
.office-game-rules[b-0lh2aoe1x2]{padding:.875rem;border:1px solid var(--color-primary);border-radius:.625rem;}
.office-game-rules h4[b-0lh2aoe1x2]{font-family:var(--font-headings);font-size:.9375rem;margin:0 0 .5rem;}
.office-game-rules p[b-0lh2aoe1x2]{font-size:.875rem;line-height:1.5;margin:0;}
.office-game-selection-help[b-0lh2aoe1x2]{margin:.875rem 0 0;font-weight:700;flex-shrink:0;}
.office-game-setup .office-gather-actions[b-0lh2aoe1x2]{gap:.75rem;}
.office-game-setup .office-roster-row[b-0lh2aoe1x2]{gap:.5rem;padding:.125rem 0;}
.office-game-setup .office-roster[b-0lh2aoe1x2]{margin:0;padding:0 .25rem;}
.office-game-setup .office-roster-row>input[b-0lh2aoe1x2]{width:1.125rem;height:1.125rem;flex-shrink:0;accent-color:var(--color-primary);}
.office-player-selected[b-0lh2aoe1x2]{font-size:.6875rem;font-weight:800;}
.office-game-setup .office-agent:disabled[b-0lh2aoe1x2]{opacity:.55;cursor:not-allowed;}
.office-game-setup .office-roster-legend[b-0lh2aoe1x2]{padding-top:.625rem;}
.office-gather-dialog[b-0lh2aoe1x2]::backdrop{background:#27282A66;}
.office-gather-dialog>.form-control[b-0lh2aoe1x2],.office-gather-players>.form-control[b-0lh2aoe1x2]{font-size:1rem;margin-bottom:.75rem;border-color:#DEE2E6;border-radius:.5rem;min-height:2.75rem;flex-shrink:0;}
.office-gather-dialog>.office-panel-heading[b-0lh2aoe1x2],.office-gather-dialog>.office-panel-help[b-0lh2aoe1x2],.office-gather-dialog>.office-gather-actions[b-0lh2aoe1x2],.office-gather-dialog>.office-roster-legend[b-0lh2aoe1x2]{flex-shrink:0;}
.office-panel-heading h2[b-0lh2aoe1x2]{font-family:var(--font-headings);font-size:1.0625rem;font-weight:800;margin:0;}
.office-panel-heading>span[b-0lh2aoe1x2]{font-size:.875rem;color:var(--color-body);}
.office-roster[b-0lh2aoe1x2]{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;margin:0 -.5rem;padding:0 .25rem;}
.office-roster-row[b-0lh2aoe1x2]{display:flex;align-items:center;gap:.375rem;}
.office-agent[b-0lh2aoe1x2]{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:.625rem;text-align:left;width:100%;min-width:0;padding:.625rem .5rem;border-radius:.625rem;color:var(--color-body);transition:background .15s,border-color .15s;}
.office-agent:hover[b-0lh2aoe1x2]{background:#F8F9FA;}
.office-agent.selected[b-0lh2aoe1x2]{background:#F8F9FA;border-color:#DEE2E6;}
.office-agent:focus-visible[b-0lh2aoe1x2],.office-world[b-0lh2aoe1x2]  .office-label:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;}
.office-avatar[b-0lh2aoe1x2]{position:relative;display:grid;place-items:center;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;border-radius:.75rem;overflow:hidden;background:#F8F9FA;color:var(--color-body);font-size:.875rem;font-weight:800;}
.office-avatar img[b-0lh2aoe1x2]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.office-avatar-large[b-0lh2aoe1x2]{flex-basis:3.5rem;width:3.5rem;height:3.5rem;border-radius:1rem;}
.office-agent-name[b-0lh2aoe1x2]{display:flex;flex-direction:column;min-width:0;flex:1;gap:.125rem;}
.office-agent-name strong[b-0lh2aoe1x2]{font-size:.875rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.office-agent-name>span[b-0lh2aoe1x2]{font-size:.75rem;line-height:1.35;color:var(--color-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.office-presence[b-0lh2aoe1x2]{display:inline-block;width:.5rem;height:.5rem;min-width:.5rem;border-radius:50%;background:#F8F9FA;box-shadow:0 0 0 3px #27282Ac0;}
.office-presence.online[b-0lh2aoe1x2]{background:#F8F9FA;}
.office-presence.working[b-0lh2aoe1x2]{background:var(--color-primary);}
.office-roster-legend[b-0lh2aoe1x2]{display:flex;flex-wrap:wrap;gap:.5rem .75rem;padding-top:.875rem;margin-top:.5rem;border-top:1px solid #DEE2E6;font-size:.75rem;color:var(--color-body);}
.office-roster-legend>span[b-0lh2aoe1x2]{display:flex;gap:.375rem;align-items:center;}
.office-panel-help[b-0lh2aoe1x2]{font-size:.875rem;line-height:1.5;color:var(--color-body);margin:0 0 .75rem;}
.office-gather-actions[b-0lh2aoe1x2]{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.75rem;}
.office-topic-label[b-0lh2aoe1x2]{font-size:1rem;font-weight:700;margin-bottom:.35rem;}
.office-topic[b-0lh2aoe1x2]{min-height:6rem;resize:vertical;margin-bottom:.75rem;flex-shrink:0;}
.office-meeting-status[b-0lh2aoe1x2]{position:absolute;top:5.5rem;right:1.5rem;z-index:3;width:22rem;max-width:calc(100% - 3rem);padding:1rem;border:1px solid #DEE2E6;border-top:3px solid var(--color-primary);border-radius:.75rem;background:#fff;box-shadow:0 .25rem 1rem #27282A14;}
.office-meeting-status h2[b-0lh2aoe1x2]{font-family:var(--font-headings);font-size:1.125rem;margin:.625rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;}
.office-meeting-status>div[b-0lh2aoe1x2]{display:flex;gap:.5rem;flex-wrap:wrap;}
.office-meeting-status small[b-0lh2aoe1x2]{display:block;margin-top:.625rem;line-height:1.5;color:var(--color-body);}
.has-chat .office-meeting-status[b-0lh2aoe1x2]{right:27rem;width:20rem;}
.office-gather-actions .btn[b-0lh2aoe1x2]{font-size:.875rem;}
.office-selection[b-0lh2aoe1x2]{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;width:max-content;max-width:calc(100% - 2rem);border:1px solid #DEE2E6;border-radius:1.125rem;background:#fff;box-shadow:0 .75rem 3rem #27282A17;z-index:3;}
.office-selection-name[b-0lh2aoe1x2]{min-width:8rem;}
.office-selection-name h2[b-0lh2aoe1x2]{font-family:var(--font-headings);font-size:1.125rem;font-weight:800;margin:0 0 .25rem;}
.office-selection-name>span[b-0lh2aoe1x2]{font-size:.8125rem;color:var(--color-body);white-space:nowrap;}
.office-selection-actions[b-0lh2aoe1x2]{display:flex;gap:.5rem;flex-wrap:wrap;min-width:0;}
.office-selection-actions .btn[b-0lh2aoe1x2]{font-size:.875rem;white-space:nowrap;}
.office-chat[b-0lh2aoe1x2]{position:absolute;right:1rem;top:1.25rem;bottom:calc(var(--office-selection-height,6rem) + 3.5rem);width:24rem;max-width:calc(100% - 2rem);background:#fff;border:1px solid #DEE2E6;border-radius:1rem;box-shadow:0 .75rem 3rem #27282A17;z-index:5;display:flex;flex-direction:column;overflow:hidden;}
.office-chat-heading[b-0lh2aoe1x2]{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;padding:1rem;border-bottom:1px solid #DEE2E6;background:#F8F9FA;}
.office-chat-heading h2[b-0lh2aoe1x2]{font-family:var(--font-headings);font-size:1.125rem;font-weight:800;margin:0 0 .25rem;}
.office-chat-heading span[b-0lh2aoe1x2]{font-size:.8125rem;color:var(--color-body);line-height:1.4;display:block;}
.office-chat-heading>.btn[b-0lh2aoe1x2]{min-width:2.75rem;min-height:2.75rem;padding:.5rem;}
.office-chat-feed[b-0lh2aoe1x2]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;}
.office-message[b-0lh2aoe1x2]{background:#F8F9FA;border:1px solid #DEE2E6;border-radius:.875rem .875rem .875rem .25rem;padding:.875rem;max-width:95%;align-self:flex-start;min-width:0;}
.office-message.mine[b-0lh2aoe1x2]{background:#F8F9FA;border-color:#DEE2E6;align-self:flex-end;border-radius:.875rem .875rem .25rem .875rem;}
.office-message-meta[b-0lh2aoe1x2]{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.75rem;margin-bottom:.5rem;color:var(--color-body);}
.office-message-meta strong[b-0lh2aoe1x2]{font-size:.875rem;color:var(--color-body);}
.office-message-meta time[b-0lh2aoe1x2]{white-space:nowrap;}
.office-message-text[b-0lh2aoe1x2]{overflow-wrap:anywhere;line-height:1.6;font-size:1rem;}
.office-message-text[b-0lh2aoe1x2]  a{color:var(--color-links);text-decoration:underline;}
.office-message-text[b-0lh2aoe1x2]  pre{white-space:pre-wrap;overflow-wrap:anywhere;}
.office-message>a[b-0lh2aoe1x2]{font-size:.875rem;overflow-wrap:anywhere;display:block;color:var(--color-links);text-decoration:underline;}
.office-chat-empty[b-0lh2aoe1x2]{margin:auto;text-align:center;font-size:1rem;line-height:1.7;color:var(--color-body);max-width:15rem;}
.office-older[b-0lh2aoe1x2]{align-self:center;font-size:.875rem;}
.office-typing[b-0lh2aoe1x2]{padding:.25rem 1rem;font-size:.8125rem;color:var(--color-body);}
.office-chat-error[b-0lh2aoe1x2]{padding:.75rem 1rem;background:#F8F9FA;border-top:1px solid #DEE2E6;color:var(--color-body);font-size:.8125rem;line-height:1.5;}
.office-scene-status[b-0lh2aoe1x2]{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:1.25rem;max-width:22rem;border-radius:1rem;background:#fff;z-index:1;text-align:center;font-size:1rem;box-shadow:0 .5rem 2rem #27282A10;}
.office-world[b-0lh2aoe1x2]  .office-label-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.office-world[b-0lh2aoe1x2]  .office-board-access{position:absolute;left:1rem;top:1rem;pointer-events:auto;z-index:8;min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--color-primary);border-radius:.375rem;background:#fff;color:var(--color-body);font-family:var(--font-buttons);font-weight:800;}
.office-world[b-0lh2aoe1x2]  .office-board-access:not(:focus){width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.office-world[b-0lh2aoe1x2]  .office-board-access:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;}
.office-world[b-0lh2aoe1x2]  .office-label{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);border:1px solid #DEE2E6;border-radius:.375rem;padding:.2rem .45rem;background:#F8F9FA;color:var(--color-body);font-family:var(--font-primary);font-size:.75rem;font-weight:800;line-height:1.4;white-space:nowrap;box-shadow:0 .125rem .375rem #27282A20;cursor:pointer;}
.office-world[b-0lh2aoe1x2]  .office-label.selected{background:#F8F9FA;color:var(--color-body);border-color:#DEE2E6;font-size:.875rem;z-index:2;}
.office-world[b-0lh2aoe1x2]  .office-label{display:flex;align-items:center;gap:.375rem;padding:.3rem .5rem;background:#fff;border-color:#DEE2E6;}
.office-world[b-0lh2aoe1x2]  .office-label[hidden]{display:none;}
.office-world[b-0lh2aoe1x2]  .office-label img{width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover;}
.office-world[b-0lh2aoe1x2]  .office-label-status{width:.5rem;height:.5rem;flex:0 0 .5rem;border-radius:50%;background:#6D6D6D;}
.office-world[b-0lh2aoe1x2]  .office-label-status.online{background:var(--color-secondary);}
.office-world[b-0lh2aoe1x2]  .office-label-status.working{background:var(--color-primary);}
.office-world[b-0lh2aoe1x2]  .office-label.compact .office-label-status{position:absolute;right:0;bottom:.125rem;box-shadow:0 0 0 2px #fff;}
.office-world[b-0lh2aoe1x2]  .office-label.selected{border:2px solid var(--color-primary);color:var(--color-body);}
.office-world[b-0lh2aoe1x2]  .office-label.working{border-left:4px solid var(--color-primary);}
.office-world[b-0lh2aoe1x2]  .office-label{z-index:1;}
.office-world[b-0lh2aoe1x2]  .office-label-tether{position:absolute;height:1px;background:#6D6D6D;transform-origin:left center;pointer-events:none;opacity:.6;}
.office-world[b-0lh2aoe1x2]  .office-label-tether[hidden]{display:none;}
.office-world[b-0lh2aoe1x2]  .office-label.compact{width:2.5rem;height:2.5rem;padding:.25rem;justify-content:center;border-radius:50%;}
.office-world[b-0lh2aoe1x2]  .office-label.compact .office-label-name{position:absolute;bottom:calc(100% + .375rem);left:50%;transform:translateX(-50%);padding:.25rem .5rem;border:1px solid #DEE2E6;border-radius:.375rem;background:#fff;display:none;pointer-events:none;}
.office-world[b-0lh2aoe1x2]  .office-label.compact:hover .office-label-name,.office-world[b-0lh2aoe1x2]  .office-label.compact:focus-visible .office-label-name,.office-world[b-0lh2aoe1x2]  .office-label.compact.selected .office-label-name{display:block;}
.office-world[b-0lh2aoe1x2]  .office-label:hover,.office-world[b-0lh2aoe1x2]  .office-label:focus-visible{z-index:4;}
.office-world[b-0lh2aoe1x2]  .office-water-label{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);display:block;padding:.6rem .9rem;border:2px solid var(--color-primary);border-radius:.75rem;background:#fff;color:var(--color-body);font:700 1rem var(--font-primary);white-space:nowrap;box-shadow:0 .25rem .75rem #27282A14;cursor:pointer;z-index:3;}
.office-world[b-0lh2aoe1x2]  .office-water-label[hidden]{display:none;}
.office-activity-notice[b-0lh2aoe1x2]{position:absolute;top:6rem;left:50%;transform:translateX(-50%);padding:.75rem 1rem;border:1px solid #DEE2E6;border-left:4px solid var(--color-primary);border-radius:.5rem;background:#fff;color:var(--color-body);z-index:4;max-width:calc(100% - 2rem);}
.office-chat-busy[b-0lh2aoe1x2]{padding:.75rem 1rem;background:#F8F9FA;border-top:1px solid #DEE2E6;color:var(--color-body);font-size:.875rem;line-height:1.5;}
.office-chat-busy .pill[b-0lh2aoe1x2]{margin-right:.35rem;}
.office-presence.online[b-0lh2aoe1x2]{background:var(--color-secondary);}
.office-agent.selected[b-0lh2aoe1x2]{background:#E6F4F8;border-color:var(--color-primary);}
.office-shell .btn[b-0lh2aoe1x2]{font-size:1rem;min-height:2.75rem;}
.office-world[b-0lh2aoe1x2]  .office-speech{position:absolute;transform:translate(-50%,-100%);max-width:14rem;background:#fff;border:1px solid #DEE2E6;color:var(--color-body);border-radius:.75rem .75rem .75rem 0;padding:.625rem .75rem;font-size:.875rem;line-height:1.45;box-shadow:0 .5rem 1.5rem #27282A20;z-index:3;}
@media(max-width:1200px){
.has-chat .office-world[b-0lh2aoe1x2]{left:0;right:23rem;}
.has-chat .office-view-controls[b-0lh2aoe1x2]{left:calc(50% - 11.5rem);}
.office-chat[b-0lh2aoe1x2]{width:22rem;}
.office-selection[b-0lh2aoe1x2]{gap:.75rem;}
}
@media(max-width:760px){
.office-game-setup-body[b-0lh2aoe1x2]{display:flex;flex-direction:column;overflow-y:auto;gap:1rem;}
.office-game-library[b-0lh2aoe1x2]{overflow:visible;flex:none;}
.office-game-setup .office-gather-players[b-0lh2aoe1x2]{flex:none;min-height:14rem;}
.office-game-setup .office-roster[b-0lh2aoe1x2]{max-height:18rem;flex:none;}
.office-game-choices[b-0lh2aoe1x2]{gap:.625rem;}
.office-game-card[b-0lh2aoe1x2]{padding:.75rem;}
.office-game-setup .office-gather-actions .btn[b-0lh2aoe1x2]{flex:1;white-space:normal;}
.office-game-panel[b-0lh2aoe1x2]{overflow-y:auto;}
.office-game-panel .office-game-plays[b-0lh2aoe1x2]{min-height:6rem;flex:1 0 6rem;}
.office-main[b-0lh2aoe1x2]{position:relative;height:100dvh;overflow:hidden;}
.office-world[b-0lh2aoe1x2],.has-chat .office-world[b-0lh2aoe1x2]{inset:0;}
.office-view-controls[b-0lh2aoe1x2],.has-chat .office-view-controls[b-0lh2aoe1x2]{top:.5rem;left:50%;gap:.125rem;padding:.25rem;max-width:calc(100% - 1rem);}
.office-view-controls[b-0lh2aoe1x2]{flex-wrap:wrap;justify-content:center;width:calc(100% - 1rem);}
.office-view-controls .btn[b-0lh2aoe1x2]{padding:.5rem;}
.office-selection[b-0lh2aoe1x2],.has-chat .office-selection[b-0lh2aoe1x2]{bottom:2.75rem;left:50%;width:calc(100% - 1rem);padding:.75rem;flex-wrap:wrap;gap:.625rem;}
.office-selection-actions[b-0lh2aoe1x2]{width:100%;max-width:none;gap:.375rem;}
.office-meeting-status[b-0lh2aoe1x2],.has-chat .office-meeting-status[b-0lh2aoe1x2]{top:7rem;left:.5rem;right:.5rem;width:auto;max-width:none;}
.has-chat .office-meeting-status[b-0lh2aoe1x2]{display:none;}
.office-selection-actions .btn[b-0lh2aoe1x2]{white-space:normal;min-height:2.75rem;}
.office-selection-name[b-0lh2aoe1x2]{flex:1;}
.office-avatar-large[b-0lh2aoe1x2]{width:2.75rem;height:2.75rem;flex-basis:2.75rem;}
.office-chat[b-0lh2aoe1x2]{top:.5rem;right:.5rem;bottom:.5rem;width:calc(100% - 1rem);max-width:none;}
.office-hint[b-0lh2aoe1x2]{font-size:.75rem;bottom:.25rem;width:calc(100% - 1rem);max-width:none;}
.office-world[b-0lh2aoe1x2]  .office-label{font-size:.75rem;}
}
@media(prefers-reduced-motion:reduce){
.office-world[b-0lh2aoe1x2],.office-agent[b-0lh2aoe1x2]{transition:none;}
}

.office-message audio[b-0lh2aoe1x2]{max-width:100%;height:2.5rem;}
/* /Components/Pages/AgentStudio.razor.rz.scp.css */
.ws-studio[b-7j3f84bf8h] { --studio-unread:#FF4A11; --studio-settings:#F4AD2A; --studio-notebooks:#00A1BE; --studio-brain:#00CC78; --studio-stop:#D8237C; }
.ws-studio .ws-eyebrow[b-7j3f84bf8h] { font-size:1rem; font-weight:700; letter-spacing:.08em; }
.ws-studio .agent-sidebar[b-7j3f84bf8h] { width:300px; min-width:300px; }
.ws-studio .agent-header[b-7j3f84bf8h] { flex-wrap:wrap; gap:10px; }
.ws-team-studio .ws-header-text[b-7j3f84bf8h] { order:-1; }
.ws-single-studio .ws-header-text[b-7j3f84bf8h] { order:-1; }
.ws-studio-memory[b-7j3f84bf8h] { display:flex; margin-top:.35rem; }
.ws-studio-memory .ws-ctx[b-7j3f84bf8h] { max-width:100%; }
.ws-studio-memory .ws-ctx-bar[b-7j3f84bf8h] { min-width:2rem; }
.ws-title-install[b-7j3f84bf8h] { margin-left:auto; align-self:flex-start; flex:none; }
/* A single-agent Studio keeps Install Mobile App in the top right corner, out of the flow, so it never
   wraps onto a row of its own and makes the header taller. */
.ws-single-studio .ws-title-install[b-7j3f84bf8h] { position:absolute; top:0; right:0; margin:0; }
.ws-single-studio .studio-header-access[b-7j3f84bf8h] { padding-right:9.5rem; }
.studio-mode[b-7j3f84bf8h] { display:flex; align-items:center; gap:.45rem; margin-top:.4rem; }
.studio-mode-label[b-7j3f84bf8h] { font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; opacity:.85; color:#2F3035; }
.ws-studio-memory .ws-ctx-label[b-7j3f84bf8h], .ws-header-text .studio-mode-label[b-7j3f84bf8h] { min-width:3.9rem; }
.studio-mode-btn[b-7j3f84bf8h] { display:inline-flex; align-items:center; gap:.4rem; min-height:26px; padding:.15rem .7rem; border:1px solid color-mix(in srgb,var(--ws-accent) 35%,white); border-radius:2rem; background:color-mix(in srgb,var(--ws-accent) 7%,white); color:var(--ws-accent-strong); font-family:var(--font-buttons); font-size:.75rem; font-weight:700; white-space:nowrap; cursor:pointer; transition:background .15s ease, border-color .15s ease, box-shadow .15s ease; }
.studio-mode-btn:hover[b-7j3f84bf8h] { background:color-mix(in srgb,var(--ws-accent) 15%,white); border-color:var(--ws-accent); }
.studio-mode-btn .studio-mode-state[b-7j3f84bf8h] { font-size:.65rem; opacity:.75; }
.studio-mode-btn.is-open[b-7j3f84bf8h] { border-color:var(--ws-accent); animation:studio-mode-glow-b-7j3f84bf8h 2.4s ease-out infinite; }
.studio-mode-btn.is-locked[b-7j3f84bf8h] { color:#6C757D; border-color:#DEE2E6; background:#F8F9FA; }
.studio-mode-btn.is-locked:hover[b-7j3f84bf8h] { background:#F1F3F5; border-color:#CED4DA; }
.studio-mode-btn.is-premium[b-7j3f84bf8h] { color:var(--ws-accent-strong); border-color:var(--studio-settings); background:color-mix(in srgb,var(--studio-settings) 12%,white); }
@keyframes studio-mode-glow-b-7j3f84bf8h {
    0% { box-shadow:0 0 0 0 rgba(var(--ws-accent-rgb),.4); }
    70% { box-shadow:0 0 0 .45rem rgba(var(--ws-accent-rgb),0); }
    100% { box-shadow:0 0 0 0 rgba(var(--ws-accent-rgb),0); }
}
@media (prefers-reduced-motion:reduce) { .studio-mode-btn.is-open[b-7j3f84bf8h] { animation:none; box-shadow:0 0 0 2px rgba(var(--ws-accent-rgb),.25); } }
.studio-mode-modal[b-7j3f84bf8h] { width:560px; }
.studio-mode-options[b-7j3f84bf8h] { display:grid; gap:.6rem; margin:.25rem 0 .9rem; }
.studio-mode-option[b-7j3f84bf8h] { display:flex; align-items:center; gap:.85rem; width:100%; padding:.75rem .9rem; border:2px solid #E9ECEF; border-radius:.75rem; background:#FFF; text-align:left; cursor:pointer; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.studio-mode-option:hover[b-7j3f84bf8h] { border-color:color-mix(in srgb,var(--ws-accent) 45%,white); transform:translateY(-1px); }
.studio-mode-option.is-selected[b-7j3f84bf8h] { border-color:var(--ws-accent); background:color-mix(in srgb,var(--ws-accent) 4%,white); box-shadow:0 .25rem .9rem rgba(var(--ws-accent-rgb),.16); }
.studio-mode-icon[b-7j3f84bf8h] { flex:none; display:inline-flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border-radius:50%; background:var(--ws-accent-tint); color:var(--ws-accent-strong); font-size:1.05rem; }
.studio-mode-option.is-premium .studio-mode-icon[b-7j3f84bf8h] { background:color-mix(in srgb,var(--studio-settings) 18%,white); color:color-mix(in srgb,var(--studio-settings) 55%,black); }
.studio-mode-text[b-7j3f84bf8h] { display:flex; flex-direction:column; gap:.15rem; min-width:0; }
.studio-mode-title[b-7j3f84bf8h] { font-family:var(--font-headings); font-weight:700; font-size:.9rem; color:#27282A; }
.studio-mode-desc[b-7j3f84bf8h] { font-size:.8rem; color:#6C757D; line-height:1.35; }
.studio-mode-right[b-7j3f84bf8h] { margin-left:auto; align-self:center; }
.studio-mode-right .studio-mode[b-7j3f84bf8h] { margin-top:0; }
.studio-mode-option:disabled[b-7j3f84bf8h] { cursor:not-allowed; opacity:.55; transform:none; border-color:#E9ECEF; }
.studio-mode-tag.is-locked[b-7j3f84bf8h] { background:#F1F3F5; color:#6C757D; letter-spacing:.02em; text-transform:none; }
.studio-mode-tag[b-7j3f84bf8h] { margin-left:auto; flex:none; padding:.1rem .5rem; border-radius:2rem; background:var(--ws-accent-tint); color:var(--ws-accent-strong); font-size:.65rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.studio-mode-note[b-7j3f84bf8h] { display:flex; align-items:flex-start; gap:.55rem; margin-top:.5rem; padding:.6rem .8rem; border-radius:.5rem; background:var(--ws-accent-tint); color:#27282A; font-size:.8rem; line-height:1.4; }
.studio-mode-note>i[b-7j3f84bf8h] { margin-top:.15rem; color:var(--ws-accent-strong); }
.studio-mode-note.is-warn[b-7j3f84bf8h] { background:color-mix(in srgb,var(--color-tertiary) 9%,white); }
.studio-mode-note.is-warn>i[b-7j3f84bf8h] { color:var(--color-tertiary); }
.ws-studio .ws-header:has(.install-help-backdrop)[b-7j3f84bf8h] { z-index:1080; }
.ws-team-studio .ws-header[b-7j3f84bf8h] { border-top-color:var(--color-primary); }
.ws-team-studio .ws-eyebrow[b-7j3f84bf8h] { color:var(--color-primary); }
.ws-team-studio .ws-signature[b-7j3f84bf8h] { font-family:var(--font-headings); }
.ws-single-studio .ws-header-inner[b-7j3f84bf8h] { flex-wrap:wrap; align-items:flex-start; }
.studio-top-controls[b-7j3f84bf8h] { display:flex; flex:1 1 34rem; flex-direction:column; align-self:center; gap:6px; min-width:0; }
.studio-top-controls .studio-header-actions[b-7j3f84bf8h] { width:auto; }
.studio-header-identity[b-7j3f84bf8h] { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; min-width:100px; flex:1; }
.studio-name-status[b-7j3f84bf8h] { display:flex; flex-direction:column; gap:3px; min-width:0; }
.studio-header-access[b-7j3f84bf8h] { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.studio-header-actions[b-7j3f84bf8h] { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:6px; width:100%; }
.studio-pill[b-7j3f84bf8h] { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:32px; padding:4px 12px; border:2px dashed var(--pill-color); border-radius:2rem; background:color-mix(in srgb,var(--pill-color) 10%,white); color:color-mix(in srgb,var(--pill-color) 65%,black); font-family:var(--font-buttons); font-size:.75rem; font-weight:700; white-space:nowrap; cursor:pointer; }
.studio-pill:hover[b-7j3f84bf8h] { background:color-mix(in srgb,var(--pill-color) 20%,white); }
.studio-pill[aria-pressed="true"][b-7j3f84bf8h] { border-style:solid; background:color-mix(in srgb,var(--pill-color) 25%,white); }
.studio-pill:disabled[b-7j3f84bf8h] { cursor:default; opacity:.65; }
.studio-brain[b-7j3f84bf8h] { --pill-color:var(--studio-brain); }
.studio-settings[b-7j3f84bf8h] { --pill-color:var(--studio-settings); }
.studio-notebooks[b-7j3f84bf8h] { --pill-color:var(--studio-notebooks); text-decoration:none; }
.studio-clear[b-7j3f84bf8h] { --pill-color:#9B659B; }
.studio-restart[b-7j3f84bf8h] { --pill-color:var(--studio-unread); }
.studio-stop[b-7j3f84bf8h] { --pill-color:var(--studio-stop); }
.studio-unburden[b-7j3f84bf8h] { --pill-color:#6C757D; }
.studio-icon[b-7j3f84bf8h] { display:inline-flex; align-items:center; justify-content:center; width:32px; height:36px; padding:0; border:0; border-radius:8px; background:transparent; color:#6C757D; cursor:pointer; }
.studio-icon:hover[b-7j3f84bf8h] { background:color-mix(in srgb,var(--ws-accent) 15%,white); color:var(--ws-accent-strong); }
.studio-icon:disabled[b-7j3f84bf8h] { opacity:.45; cursor:default; }
.ws-studio button:focus-visible[b-7j3f84bf8h] { outline:2px solid var(--ws-accent); outline-offset:2px; }
.studio-notice[b-7j3f84bf8h] { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 16px; background:var(--ws-accent-tint); color:var(--color-body); font-size:.8rem; }
.studio-notice button[b-7j3f84bf8h] { border:0; background:transparent; min-width:32px; min-height:32px; }
@media (max-width:1100px) {
    .studio-header-actions[b-7j3f84bf8h] { width:100%; justify-content:flex-start; }
}
@media (max-width:767px) {
    .ws-studio .ws-header[b-7j3f84bf8h] { padding:12px; }
    .ws-studio .ws-header-inner[b-7j3f84bf8h] { gap:10px; }
    .ws-studio .ws-avatar-stack[b-7j3f84bf8h] { gap:0; }
    .ws-studio .ws-avatar-stack .ws-avatar[b-7j3f84bf8h] { width:44px; height:44px; min-width:44px; font-size:1rem; }
    .ws-studio .ws-avatar-stack .ws-avatar + .ws-avatar[b-7j3f84bf8h] { margin-left:-8px; }
    .ws-studio .ws-eyebrow[b-7j3f84bf8h] { font-size:.9rem; letter-spacing:.04em; white-space:nowrap; }
    .ws-studio .ws-signature[b-7j3f84bf8h] { font-size:1.35rem; }
    .ws-studio .agent-sidebar[b-7j3f84bf8h] { width:100%; min-width:100%; }
    .studio-top-controls[b-7j3f84bf8h] { flex:1 0 100%; width:100%; align-self:stretch; }
    .studio-top-controls .studio-header-actions[b-7j3f84bf8h] { width:100%; }
    .studio-header-actions[b-7j3f84bf8h] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:3px; }
    .studio-pill[b-7j3f84bf8h] { min-width:0; min-height:44px; padding:4px 2px; gap:0; white-space:normal; font-size:.72rem; line-height:1.1; }
    .studio-pill>i[b-7j3f84bf8h] { display:none; }
    .studio-clear span[b-7j3f84bf8h] { max-width:100%; }
    .studio-icon[b-7j3f84bf8h] { width:44px; height:44px; }
    .studio-header-access .studio-pill[b-7j3f84bf8h] { min-height:44px; padding:4px 8px; gap:5px; }
    .studio-header-access .studio-pill>i[b-7j3f84bf8h] { display:inline-block; }
    .ws-title-install[b-7j3f84bf8h]  .install-app-btn { min-width:44px; min-height:44px; justify-content:center; }
    .ws-single-studio .studio-header-access[b-7j3f84bf8h] { padding-right:0; }
    .studio-mode-btn[b-7j3f84bf8h] { min-height:36px; }
    .studio-mode-option[b-7j3f84bf8h] { padding:.65rem .75rem; }
}

/* The one-time Argenta connect form, shown when sign-in could not link the account. */
.studio-connect[b-7j3f84bf8h] { max-width: 420px; margin: 3rem auto; padding: 1.5rem; background: #fff; border: 1px solid #dee2e6; border-radius: 8px; }
.studio-connect h2[b-7j3f84bf8h] { font-size: 1.25rem; margin-bottom: .5rem; }
.studio-connect-form[b-7j3f84bf8h] { display: flex; flex-direction: column; gap: .5rem; margin-top: 1rem; }
.studio-connect label[b-7j3f84bf8h] { font-weight: 600; margin-bottom: 0; }
.studio-connect button[b-7j3f84bf8h] { align-self: flex-start; margin-top: .5rem; }
.studio-connect-error[b-7j3f84bf8h] { color: #D8237C; margin: 0; }
/* /Components/Pages/FoodDiary.razor.rz.scp.css */
/* The Diary, laid out like Cronometer's: a wide main column and a narrow right rail on a cream page. */
.diary[b-d1f9gko2bs] {
    --d-energy: #F26B3A;
    --d-protein: #3BB273;
    --d-carbs: #1FB5D6;
    --d-fat: #8E5BD8;
    --d-line: #E4E7EF;
    --d-teal: #1F5C5C;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1rem;
    padding: 1rem;
    background: #FDF9F3;
    min-height: 100%;
    outline: none;
}
@media (max-width: 900px) {
    .diary[b-d1f9gko2bs] { grid-template-columns: 1fr; }
    .diary-rail[b-d1f9gko2bs] { order: -1; }
}

.diary-main[b-d1f9gko2bs], .diary-rail[b-d1f9gko2bs] { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.d-card[b-d1f9gko2bs] { background: #fff; border-radius: 12px; padding: .9rem; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.d-title[b-d1f9gko2bs] { font-size: .95rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 .7rem; }
.d-loading[b-d1f9gko2bs] { text-align: center; padding: 2rem; color: #8a8f99; }

.d-entry-bar[b-d1f9gko2bs] { display: flex; align-items: center; gap: .6rem; margin-bottom: .6rem; }
.d-add[b-d1f9gko2bs] {
    display: inline-flex; flex-direction: column; align-items: center; gap: .15rem; border: 0; background: none;
    font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #444; padding: .2rem .5rem;
}
.d-add i[b-d1f9gko2bs] { font-size: 1.35rem; }
.d-add.food i[b-d1f9gko2bs] { color: #D6402C; }
.d-add.note i[b-d1f9gko2bs] { color: #F2B705; }
.d-add:disabled[b-d1f9gko2bs] { opacity: .4; }
.d-spacer[b-d1f9gko2bs] { flex: 1; }
.d-complete-tag[b-d1f9gko2bs] { color: var(--d-protein); font-weight: 700; font-size: .85rem; }
.d-menu-wrap[b-d1f9gko2bs] { position: relative; }
.d-menu-btn[b-d1f9gko2bs] { border: 0; background: none; font-size: 1.2rem; letter-spacing: .1em; color: #555; }
.d-menu[b-d1f9gko2bs] {
    position: absolute; right: 0; top: 100%; z-index: 20; background: #fff; border: 1px solid var(--d-line);
    border-radius: 10px; box-shadow: 0 6px 18px rgba(0,0,0,.12); min-width: 280px; padding: .3rem 0;
}
.d-menu button[b-d1f9gko2bs] { display: block; width: 100%; text-align: left; border: 0; background: none; padding: .45rem .9rem; }
.d-menu button:hover:not(:disabled)[b-d1f9gko2bs] { background: #f1f7f7; }
.d-menu button:disabled[b-d1f9gko2bs] { color: #bbb; }
.d-menu .danger[b-d1f9gko2bs] { color: #c0392b; }
.d-confirm[b-d1f9gko2bs] { display: flex; align-items: center; gap: .6rem; background: #fdecea; border-radius: 8px; padding: .5rem .8rem; margin-bottom: .6rem; }
.d-confirm span[b-d1f9gko2bs] { flex: 1; }
.d-confirm button[b-d1f9gko2bs] { border: 0; border-radius: 6px; padding: .3rem .7rem; background: #fff; }
.d-confirm .danger[b-d1f9gko2bs] { background: #c0392b; color: #fff; }

.d-group[b-d1f9gko2bs] { border-radius: 8px; margin-bottom: .5rem; }
.d-group.target .d-group-head[b-d1f9gko2bs] { box-shadow: inset 3px 0 0 var(--d-energy); }
.d-group-head[b-d1f9gko2bs] {
    display: flex; align-items: baseline; gap: .8rem; background: var(--d-line); border-radius: 6px;
    padding: .4rem .7rem; cursor: pointer;
}
.d-group.selected .d-group-head[b-d1f9gko2bs] { background: #cfe7e6; }
.d-group-name[b-d1f9gko2bs] { font-weight: 800; letter-spacing: .12em; text-transform: uppercase; font-size: .78rem; }
.d-group-sub[b-d1f9gko2bs] { margin-left: auto; font-size: .78rem; color: #555; }

.d-row[b-d1f9gko2bs] {
    display: grid; grid-template-columns: 4.6rem 1.4rem minmax(0, 1fr) 4.5rem minmax(4rem, 9rem) 6rem;
    align-items: center; gap: .4rem; padding: .35rem .5rem; border-bottom: 1px solid #f2f3f6; cursor: pointer;
}
.d-row:hover[b-d1f9gko2bs] { background: #f8fbfb; }
.d-row.selected[b-d1f9gko2bs] { background: #dff0ef; }
.d-time[b-d1f9gko2bs] { font-size: .8rem; color: #8a8f99; min-height: 1.2rem; }
.d-time-input[b-d1f9gko2bs] { width: 100%; font-size: .8rem; }
.d-icon.food[b-d1f9gko2bs] { color: #D6402C; }
.d-icon.note[b-d1f9gko2bs] { color: #F2B705; }
.d-icon.recipe[b-d1f9gko2bs] { color: #E07A1F; }
.d-icon.meal[b-d1f9gko2bs] { color: #1F5C5C; }
.d-desc[b-d1f9gko2bs] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d-desc.note[b-d1f9gko2bs] { white-space: normal; font-style: italic; color: #555; }
.d-amount[b-d1f9gko2bs] { text-align: right; }
.d-amount-input[b-d1f9gko2bs] { width: 100%; text-align: right; }
.d-unit[b-d1f9gko2bs] { color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d-unit-select[b-d1f9gko2bs] { width: 100%; }
.d-kcal[b-d1f9gko2bs] { text-align: right; font-variant-numeric: tabular-nums; }
.d-note-new[b-d1f9gko2bs] { display: flex; gap: .5rem; padding: .4rem .5rem; }
.d-note-input[b-d1f9gko2bs] { flex: 1; padding: .35rem .5rem; border: 1px solid #cfd4dc; border-radius: 6px; }
.d-note-save[b-d1f9gko2bs] { border: 0; border-radius: 6px; background: var(--d-teal); color: #fff; padding: .3rem .8rem; }
@media (max-width: 600px) {
    .d-row[b-d1f9gko2bs] { grid-template-columns: 1.4rem minmax(0, 1fr) 3.5rem 4.5rem; }
    .d-time[b-d1f9gko2bs], .d-unit[b-d1f9gko2bs] { display: none; }
}

.d-two[b-d1f9gko2bs] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 700px) { .d-two[b-d1f9gko2bs] { grid-template-columns: 1fr; } }
.d-energy[b-d1f9gko2bs] { display: flex; align-items: center; gap: 1.2rem; }
.d-ring[b-d1f9gko2bs] { text-align: center; }
.d-ring-label[b-d1f9gko2bs] { font-weight: 700; font-size: .85rem; margin-top: .2rem; }
.d-energy-legend[b-d1f9gko2bs] { list-style: none; margin: 0; padding: 0; line-height: 1.9; font-size: .9rem; }
.d-energy-legend .p[b-d1f9gko2bs] { color: var(--d-protein); }
.d-energy-legend .c[b-d1f9gko2bs] { color: var(--d-carbs); }
.d-energy-legend .f[b-d1f9gko2bs] { color: var(--d-fat); }

.d-macro[b-d1f9gko2bs] { margin-bottom: .7rem; }
.d-macro-top[b-d1f9gko2bs] { display: flex; justify-content: space-between; font-size: .85rem; margin-bottom: .2rem; }
.d-bar[b-d1f9gko2bs] { height: 10px; border-radius: 6px; overflow: hidden; }
.d-bar .fill[b-d1f9gko2bs] { height: 100%; border-radius: 6px; }
.d-bar.e[b-d1f9gko2bs] { background: #fde3d8; } .d-bar.e .fill[b-d1f9gko2bs] { background: var(--d-energy); }
.d-bar.p[b-d1f9gko2bs] { background: #d9f1e4; } .d-bar.p .fill[b-d1f9gko2bs] { background: var(--d-protein); }
.d-bar.c[b-d1f9gko2bs] { background: #d4f1f8; } .d-bar.c .fill[b-d1f9gko2bs] { background: var(--d-carbs); }
.d-bar.f[b-d1f9gko2bs] { background: #e9dff8; } .d-bar.f .fill[b-d1f9gko2bs] { background: var(--d-fat); }
.d-hint[b-d1f9gko2bs] { font-size: .8rem; color: #8a8f99; }

.d-ntables[b-d1f9gko2bs] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: .9rem; }
.d-ntable[b-d1f9gko2bs] { width: 100%; border-collapse: collapse; font-size: .88rem; }
.d-ntable th[b-d1f9gko2bs] { background: var(--d-line); text-align: left; padding: .4rem .6rem; text-transform: uppercase; font-size: .74rem; letter-spacing: .08em; }
.d-ntable td[b-d1f9gko2bs] { padding: .26rem .6rem; border-top: 1px solid #f3f4f7; }
.d-ntable td.num[b-d1f9gko2bs] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }




.d-date-nav[b-d1f9gko2bs] { display: flex; align-items: center; justify-content: space-between; margin-bottom: .6rem; }
.d-date-nav button[b-d1f9gko2bs], .d-cal-head button[b-d1f9gko2bs] { border: 0; background: none; color: var(--d-teal); padding: .2rem .5rem; }
.d-date[b-d1f9gko2bs] { font-weight: 800; font-size: 1.05rem; }
.d-cal-head[b-d1f9gko2bs] { display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-size: .9rem; }
.d-cal[b-d1f9gko2bs] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center; margin-top: .3rem; }
.d-cal .dn[b-d1f9gko2bs] { font-size: .7rem; color: #8a8f99; padding: .2rem 0; }
.d-cal button[b-d1f9gko2bs] { border: 1px solid transparent; background: none; border-radius: 50%; aspect-ratio: 1; font-size: .82rem; padding: 0; }
.d-cal button.data[b-d1f9gko2bs] { background: #fde3d8; }
.d-cal button.today[b-d1f9gko2bs] { border-color: var(--d-energy); }
.d-cal button.sel[b-d1f9gko2bs] { background: var(--d-energy); color: #fff; }

.d-modal-group[b-d1f9gko2bs] { padding: .3rem .5rem; border: 1px solid #cfd4dc; border-radius: 8px; }
.d-ntable td.bar[b-d1f9gko2bs] { width: 42%; }
.d-energy[b-d1f9gko2bs] { flex-wrap: wrap; justify-content: space-around; }
.d-hint a[b-d1f9gko2bs] { color: var(--d-teal); }
.d-add.timer i[b-d1f9gko2bs] { color: #1F5C5C; }
.d-menu.left[b-d1f9gko2bs] { left: 0; right: auto; }
.d-menu-link[b-d1f9gko2bs] { display: block; padding: .45rem .9rem; color: #1F5C5C; font-weight: 700; text-decoration: none; border-top: 1px solid var(--d-line); }
.d-alert[b-d1f9gko2bs] { background: #fdecea; color: #8E1F1F; border-radius: 8px; padding: .5rem .8rem; margin-bottom: .6rem; font-weight: 600; }
.d-cal button.is-fasting[b-d1f9gko2bs] { box-shadow: inset 0 -3px 0 #3BB273; }
.d-cal-legend[b-d1f9gko2bs] { display: flex; align-items: center; gap: .4rem; font-size: .75rem; color: #555; margin-top: .4rem; }
.d-cal-legend .dot[b-d1f9gko2bs] { width: .9rem; height: 3px; background: #3BB273; border-radius: 2px; }
/* /Components/Pages/FoodTargets.razor.rz.scp.css */
.tg[b-kui9abyju6] { padding: 1rem; background: #FDF9F3; min-height: 100%; --t-teal: #1F5C5C; --t-orange: #F26B3A; }
.tg-h1[b-kui9abyju6] { font-size: 1.3rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 1rem; }
.tg-loading[b-kui9abyju6] { text-align: center; padding: 2rem; color: #8a8f99; }
.tg-grid[b-kui9abyju6] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.tg-wide[b-kui9abyju6] { grid-column: 1 / -1; }
@media (max-width: 800px) { .tg-grid[b-kui9abyju6] { grid-template-columns: 1fr; } }
.tg-card[b-kui9abyju6] { background: #fff; border-radius: 12px; padding: 1rem; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.tg-card h2[b-kui9abyju6] { font-size: .95rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 .8rem; display: flex; align-items: baseline; gap: .6rem; }
.tg-big[b-kui9abyju6] { margin-left: auto; color: var(--t-orange); font-size: 1.2rem; text-transform: none; letter-spacing: 0; }
.tg-head[b-kui9abyju6] { display: flex; align-items: baseline; }
.tg-head h2[b-kui9abyju6] { flex: 1; }
.tg-row[b-kui9abyju6] { display: grid; grid-template-columns: 8.5rem 1fr; align-items: center; gap: .6rem; margin-bottom: .55rem; }
.tg-row > label[b-kui9abyju6] { font-weight: 600; color: #555; font-size: .9rem; }
.tg-row select[b-kui9abyju6], .tg-row input[type=date][b-kui9abyju6] { padding: .35rem .5rem; border: 1px solid #cfd4dc; border-radius: 8px; max-width: 16rem; }
.tg-inline[b-kui9abyju6] { display: inline-flex; align-items: center; gap: .35rem; }
.tg-num[b-kui9abyju6] { width: 5.5rem; padding: .3rem .45rem; border: 1px solid #cfd4dc; border-radius: 8px; text-align: right; }
.tg-check[b-kui9abyju6] { display: inline-flex; align-items: center; gap: .35rem; margin-right: 1rem; font-weight: 400 !important; }
.tg-check input[b-kui9abyju6] { accent-color: var(--t-orange); }
.tg-seg[b-kui9abyju6] { display: inline-flex; border: 1px solid #cfd4dc; border-radius: 999px; overflow: hidden; }
.tg-seg button[b-kui9abyju6] { border: 0; background: #fff; padding: .35rem .9rem; font-weight: 600; color: #555; }
.tg-seg button.on[b-kui9abyju6] { background: var(--t-teal); color: #fff; }
.tg-modes[b-kui9abyju6] { margin-bottom: .8rem; }
.tg-breakdown[b-kui9abyju6] { font-size: .82rem; color: #6b7079; margin: .3rem 0 .7rem; }
.tg-error[b-kui9abyju6] { color: #C62828; font-weight: 600; margin-top: .4rem; }
.tg-macros[b-kui9abyju6] { border-collapse: collapse; margin-bottom: .6rem; }
.tg-macros td[b-kui9abyju6] { padding: .3rem .9rem .3rem 0; }
.tg-macros tr.bad td[b-kui9abyju6] { color: #C62828; font-weight: 700; }
.dot[b-kui9abyju6] { display: inline-block; width: .65rem; height: .65rem; border-radius: 50%; margin-right: .45rem; }
.dot.p[b-kui9abyju6] { background: #3BB273; } .dot.c[b-kui9abyju6] { background: #1FB5D6; } .dot.f[b-kui9abyju6] { background: #8E5BD8; }
.tg-link[b-kui9abyju6] { border: 0; background: none; color: var(--t-teal); font-weight: 700; text-transform: uppercase; font-size: .78rem; letter-spacing: .05em; }
.tg-tabs[b-kui9abyju6] { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 2px solid #E4E7EF; margin-bottom: .6rem; }
.tg-tabs button[b-kui9abyju6] { border: 0; background: none; padding: .4rem .8rem; font-weight: 600; color: #555; border-bottom: 3px solid transparent; margin-bottom: -2px; }
.tg-tabs button.on[b-kui9abyju6] { color: var(--t-orange); border-bottom-color: var(--t-orange); }
.tg-ntable[b-kui9abyju6] { width: 100%; border-collapse: collapse; font-size: .9rem; }
.tg-ntable th[b-kui9abyju6] { background: #E4E7EF; text-align: left; padding: .4rem .6rem; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; }
.tg-ntable td[b-kui9abyju6] { padding: .3rem .6rem; border-top: 1px solid #f1f2f5; }
.tg-ntable input[type=checkbox][b-kui9abyju6] { accent-color: var(--t-orange); }
/* /Components/Pages/Login.razor.rz.scp.css */
/* =============================================================
   TEST ENVIRONMENT — original centered card layout
   ============================================================= */

.login-screen[b-lle78reub0] {
    background-image: url('/images/login/login-geo-bg.png');
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
}

.login-screen--box[b-lle78reub0] {
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    max-width: 500px;
    width: 100%;
}

.login-screen--box h1[b-lle78reub0] {
    font-family: var(--font-headings);
    font-size: 2.15rem;
    color: var(--color-body);
}

.subscribe--form[b-lle78reub0] {
    padding: 2rem 1.5rem;
}

.subscribe--form .form-item[b-lle78reub0] {
    margin-bottom: 1.25rem;
}

.subscribe--form .form-item label[b-lle78reub0] {
    display: block;
    margin-bottom: 0.35rem;
    font-weight: 600;
    font-family: var(--font-primary);
    color: var(--color-body);
}

.subscribe--form .form-item--submit[b-lle78reub0] {
    justify-content: space-between;
}

[b-lle78reub0] .subscribe--form .form-item--submit .btn {
    background-color: var(--color-primary);
    color: var(--color-buttons-text);
    border: none;
    padding: 0.6rem 1.75rem;
    font-family: var(--font-buttons);
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: background-color 0.2s;
}

[b-lle78reub0] .subscribe--form .form-item--submit .btn:hover {
    background-color: var(--color-buttons-hover);
}

.login-screen--box-footer[b-lle78reub0] {
    background-color: #98d4d4;
    padding: 1.5rem;
    border-radius: 0 0 4px 4px;
}

.login-screen--box-footer a[b-lle78reub0] {
    color: var(--color-body);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    gap: 0.4rem;
    padding: 0.25rem 0;
}

.login-screen--box-footer a:hover[b-lle78reub0] {
    color: var(--color-primary);
}

/* TEST environment overrides */
.login-screen--test[b-lle78reub0] {
    background-image: none;
    background-color: #1a1a2e;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

.login-screen--box-test[b-lle78reub0] {
    border: 3px solid #FF4A11;
    box-shadow: 0 0 30px rgba(255, 74, 17, 0.4);
}

.login-screen--box-test h1[b-lle78reub0] {
    color: #FF4A11;
}

[b-lle78reub0] .test-env-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FF4A11;
    color: #fff;
    text-align: center;
    padding: 0.75rem;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: uppercase;
    z-index: 9999;
    font-family: var(--font-headings);
}

@media (max-width: 500px) {
    .login-screen[b-lle78reub0] {
        padding: 0 1rem;
    }

    .form-item-row[b-lle78reub0] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .form-item-row div[b-lle78reub0] {
        margin-bottom: 1rem;
    }
}


/* =============================================================
   PROD — two-panel layout
   ============================================================= */

.login-page[b-lle78reub0] {
    display: flex;
    min-height: 100vh;
}

/* --- Left: Form Panel --- */
.form-panel[b-lle78reub0] {
    flex: 0 0 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 3.5rem;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.form-wrapper[b-lle78reub0] {
    width: 100%;
    max-width: 380px;
}

.form-logo[b-lle78reub0] {
    margin-bottom: 2.5rem;
}
.form-logo img[b-lle78reub0] {
}

.form-heading h1[b-lle78reub0] {
    font-size: 2rem;
    font-weight: 900;
    color: var(--color-body, #27282A);
    line-height: 1.2;
    margin-bottom: 0.4rem;
    font-family: var(--font-headings, sans-serif);
}
.form-heading p[b-lle78reub0] {
    font-size: 0.88rem;
    color: #6C757D;
    font-weight: 500;
    margin-bottom: 2rem;
}

/* Form fields */
.form-group[b-lle78reub0] {
    margin-bottom: 1.15rem;
}
.form-group label[b-lle78reub0] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: #6C757D;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.form-group .form-control[b-lle78reub0] {
    padding: 0.7rem 1rem;
    border: 1.5px solid #dee2e6;
    border-radius: 10px;
    font-size: 0.92rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.form-group .form-control:focus[b-lle78reub0] {
    border-color: #00A1BE;
    box-shadow: 0 0 0 3px rgba(0, 161, 190, 0.1);
}

.password-wrapper[b-lle78reub0] {
    position: relative;
}
.password-wrapper .form-control[b-lle78reub0] {
    padding-right: 3rem;
}
.password-toggle[b-lle78reub0] {
    position: absolute;
    right: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #adb5bd;
    cursor: pointer;
    padding: 0;
    transition: color 0.2s;
    line-height: 0;
}
.password-toggle:hover[b-lle78reub0] { color: #00A1BE; }

/* Helpers row */
.form-helpers[b-lle78reub0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    margin-top: 0.25rem;
}
.forgot-link[b-lle78reub0] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #00A1BE;
    text-decoration: none;
    transition: color 0.2s;
}
.forgot-link:hover[b-lle78reub0] { color: #00CC78; }

/* Login button */
[b-lle78reub0] .prod-login-btn {
    width: 100%;
    padding: 0.8rem !important;
    background: linear-gradient(135deg, #00A1BE 0%, #038CA5 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-family: var(--font-primary, 'Muli'), sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.2s;
    letter-spacing: 0.3px;
}
[b-lle78reub0] .prod-login-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 161, 190, 0.35);
    background: linear-gradient(135deg, #038CA5 0%, #027a8e 100%) !important;
}
[b-lle78reub0] .prod-login-btn:active {
    transform: translateY(0);
}

/* Footer links */
.form-footer[b-lle78reub0] {
    margin-top: 1.75rem;
    text-align: center;
    font-size: 0.82rem;
    color: #6C757D;
    font-weight: 500;
}
.form-footer a[b-lle78reub0] {
    color: #00A1BE;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s;
}
.form-footer a:hover[b-lle78reub0] { color: #00CC78; }

/* --- Right: Brand Panel --- */
.banner-panel[b-lle78reub0] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 20% 20%, rgba(0,161,190,0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(0,204,120,0.06) 0%, transparent 50%),
        #f8f9fa;
    padding: 3rem;
}

.brand-icon[b-lle78reub0]{width:40%;max-width:20rem;height:auto}

/* --- PROD responsive --- */
@media (max-width: 1000px) {
    .login-page[b-lle78reub0] {
        flex-direction: column-reverse;
    }
    .form-panel[b-lle78reub0] {
        flex: none;
        padding: 2.5rem 2rem;
        align-items: center;
    }
    /* The logo above the form carries the brand on smaller screens. */
    .banner-panel[b-lle78reub0] {
        display: none;
    }
}

@media (max-width: 500px) {
    .form-panel[b-lle78reub0] {
        padding: 2rem 1.5rem;
    }
    .form-heading h1[b-lle78reub0] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/OfficeDependencySwitchboard.razor.rz.scp.css */
.dependency-dialog[b-rx3hmoao69]{width:min(56rem,90vw);max-height:90dvh;margin:auto;padding:1.25rem;border:1px solid #DEE2E6;border-radius:1rem;background:#fff;color:var(--color-body);overflow:auto;}
.dependency-dialog[b-rx3hmoao69]::backdrop{background:#27282A66;}
.dependency-dialog h2[b-rx3hmoao69]{font-family:var(--font-headings);font-size:1.25rem;margin:0;}
.dependency-dialog h3[b-rx3hmoao69]{font-family:var(--font-subheadings);font-size:1.05rem;margin:0;}
.dependency-row[b-rx3hmoao69]{border-top:1px solid #DEE2E6;padding:1rem 0;}
.dependency-evidence[b-rx3hmoao69]{overflow-wrap:anywhere;font-size:.875rem;}