/* Workspace: left navigation, central work, right avatar conversation. */
.role-experience-grid{display:block;margin-top:25px}.role-experience-grid>.inline-demo-shell{width:100%;margin:0}
.live-demo-shell .live-app-body{display:grid;grid-template-columns:94px minmax(0,1fr) 184px;grid-template-areas:"navigation work conversation";align-items:stretch}
.inline-demo-shell .live-app-body{grid-template-columns:162px minmax(0,1fr) 242px}
.live-navigation{grid-area:navigation;min-width:0;background:#f0f5fc;border-right:1px solid #dce6f4;color:#52739c}
.live-conversation{grid-area:conversation;border-right:0;border-left:1px solid #1d426f}
.live-main{grid-area:work;min-width:0}.inline-demo-shell .live-main{padding-inline:23px}
.live-nav-panel>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:15px 9px;border-bottom:1px solid #dbe6f4;min-height:65px;position:relative}
.live-nav-panel>summary::-webkit-details-marker{display:none}.live-nav-panel>summary>svg{width:16px;height:16px;stroke-width:1.5;flex-shrink:0;color:#6589bc}
.live-nav-panel>summary>span{font-size:8px;line-height:1.8;min-width:0}.live-nav-panel>summary b{display:block;font-size:9px;color:#315e9b;font-weight:650;overflow-wrap:anywhere}
.live-nav-panel>summary>i{display:none;font-style:normal}.live-nav-body{padding:12px 7px 17px}.live-nav-body>p{font-size:8px;color:#91a5c0;letter-spacing:.04em;line-height:1.8;margin:0 3px 7px}.live-nav-body>p:not(:first-child){margin-top:19px}
.live-view-buttons{display:grid;gap:4px}.live-view-buttons button{display:flex;align-items:center;gap:6px;min-height:31px;padding:6px;border-radius:6px;font-size:9px;text-align:left;background:transparent;color:#6984a7;line-height:1.6;width:100%}
.live-view-buttons button>svg{width:12px;height:12px;flex-shrink:0;stroke-width:1.6}.live-view-buttons button[aria-pressed=true]{background:#e0eafb;color:#2d5fa9;font-weight:650}.live-view-buttons button:hover{background:#e8effb}
.live-role-buttons{display:grid;gap:3px}.live-role-buttons button{width:100%;border:1px solid transparent;background:transparent;text-align:left;min-height:27px;padding:5px 6px;border-radius:5px;font-size:9px;line-height:1.6;color:#6b84a5;overflow-wrap:anywhere}
.live-role-buttons button[aria-pressed=true]{background:white;border-color:#c6d9f3;color:#285ca4;font-weight:700;box-shadow:0 2px 6px #285ca40b}.live-role-buttons button:hover{background:#e7effb}.live-nav-body>small{display:block;font-size:7px;line-height:1.8;color:#9aaec8;margin:14px 3px 0}
.inline-demo-shell .live-nav-panel>summary{padding:16px 13px;gap:9px}.inline-demo-shell .live-nav-panel>summary>span{font-size:10px}.inline-demo-shell .live-nav-panel>summary b{font-size:11px}.inline-demo-shell .live-nav-body{padding:14px 12px 20px}.inline-demo-shell .live-nav-body>p{font-size:9px}.inline-demo-shell .live-view-buttons button{font-size:11px;min-height:35px;padding:7px 9px;gap:8px}.inline-demo-shell .live-view-buttons button>svg{width:14px;height:14px}.inline-demo-shell .live-role-buttons button{font-size:11px;min-height:30px;padding:6px 9px}.inline-demo-shell .live-nav-body>small{font-size:9px}
.live-task-context{font-size:9px;line-height:1.85;color:#8396af;border-bottom:1px solid #e4ecf7;padding:9px 0}.inline-demo-shell .live-task-context{font-size:11px;padding:12px 0}.live-channel small{display:block;margin:2px 0 0}
.live-conversation .live-chat-panel>summary{border-bottom-color:#ffffff0d}.inline-demo-shell .live-chat-panel>summary{padding:13px}.inline-demo-shell .live-chat-panel>summary>img{height:126px}.inline-demo-shell .live-chat-panel>summary b{font-size:15px}.inline-demo-shell .live-chat-panel>summary small{font-size:10px}
.inline-demo-shell .live-chat-body{padding:14px 13px 18px}.inline-demo-shell .live-chat-caption{font-size:9px}.inline-demo-shell .live-chat-log{height:148px}.inline-demo-shell .live-chat-bubble>span{font-size:11px}.inline-demo-shell .live-chat-bubble>b{font-size:9px}.inline-demo-shell .live-chat-suggestions button{font-size:10px;min-height:36px}.inline-demo-shell .live-chat-form>label{font-size:10px}.inline-demo-shell .live-chat-form textarea{font-size:12px;min-height:62px}.inline-demo-shell .live-chat-form>button{font-size:11px;min-height:39px}.inline-demo-shell .live-chat-form>small{font-size:9px}
.live-overview-link{display:block;width:100%;padding:10px 3px;margin-top:10px;min-height:36px;background:transparent;text-align:left;font-size:9px;color:#6b8fbf;text-decoration:underline;text-underline-offset:4px}
.live-secondary{display:flex;align-items:center;justify-content:center;min-height:43px;border:1px solid #c5d9f3;border-radius:7px;background:#f3f7fe;color:#426fa9;padding:9px 12px;width:100%;font-size:11px;margin-top:18px}
.live-document-sheet{padding:18px;background:#f8faff;border:1px solid #dce7f6;border-radius:8px;margin:17px 0;min-height:190px}.live-document-sheet>span{font:8px Arial;color:#8aa1c0;letter-spacing:1.2px}.live-document-sheet>h4{font-size:15px;line-height:1.6;margin:12px 0}.live-document-sheet>p{font-size:12px;line-height:1.95;white-space:pre-line;color:#547399}.live-document-sheet>small{font-size:9px;line-height:1.8;display:block;color:#8a9db7;border-top:1px solid #e1eaf6;margin-top:20px;padding-top:11px}
.live-rule-options{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.live-rule-options button{min-height:39px;font-size:11px;border:1px solid #c8dbf4;padding:9px 11px;border-radius:7px;background:#f5f9ff;color:#4d77af}.live-rule-options button:disabled{opacity:.5}
.live-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;margin:22px 0}.live-overview-grid article{min-width:0}.live-overview-grid article>span{font-size:9px;color:#5682b9;font-weight:650}.live-overview-grid article>p{font-size:11px;line-height:1.95;color:#6b84a3;margin-top:8px}.live-overview>.live-boundary{padding-top:15px;border-top:1px solid #e2ebf7}
.inline-demo-shell .live-message h3{font-size:20px}.inline-demo-shell .live-message>p{font-size:13px}.inline-demo-shell .live-artifact b{font-size:12px}.inline-demo-shell .live-artifact span{font-size:12px}.inline-demo-shell .live-reference,.inline-demo-shell .live-boundary,.inline-demo-shell .live-message>.live-allowance{font-size:10px}.inline-demo-shell .live-overview-grid article>span{font-size:10px}.inline-demo-shell .live-overview-grid article>p{font-size:12px}.inline-demo-shell .live-overview-link{font-size:11px}.inline-demo-shell .live-secondary{font-size:12px}
:is(#live-dialog,#role-live-dialog){width:1160px}
:is(#live-dialog,#role-live-dialog) .live-app-body{display:grid;grid-template-columns:155px minmax(0,1fr) 230px;grid-template-areas:"navigation work conversation"}
:is(#live-dialog,#role-live-dialog) .live-nav-panel>summary b{font-size:11px}:is(#live-dialog,#role-live-dialog) .live-nav-body{padding-inline:12px}:is(#live-dialog,#role-live-dialog) .live-role-buttons button{font-size:11px;min-height:31px}:is(#live-dialog,#role-live-dialog) .live-view-buttons button{font-size:11px;min-height:35px}
@media(min-width:1101px) and (max-width:1250px){.live-demo-shell .live-app-body{grid-template-columns:84px minmax(0,1fr) 165px}.inline-demo-shell .live-app-body{grid-template-columns:150px minmax(0,1fr) 222px}.live-main{padding-inline:11px}.live-chat-panel>summary>img{height:90px}}
/* Compact layouts retain both controllers, and disclose them above the work. */
@media(max-width:1100px){
 .live-demo-shell .live-app-body,:is(#live-dialog,#role-live-dialog) .live-app-body{display:block}
 .live-navigation{border:0;border-bottom:1px solid #dbe6f4}.live-conversation{border:0;border-bottom:1px solid #244a77}
 .live-nav-panel>summary,.inline-demo-shell .live-nav-panel>summary{padding:11px 14px;min-height:60px;gap:10px}.live-nav-panel>summary>span,.inline-demo-shell .live-nav-panel>summary>span{font-size:10px}.live-nav-panel>summary b,.inline-demo-shell .live-nav-panel>summary b{font-size:12px}.live-nav-panel>summary>svg{width:23px;height:23px}.live-nav-panel>summary>i{display:block;margin-left:auto;font-size:16px;transform:rotate(0)}.live-nav-panel[open]>summary>i{transform:rotate(180deg)}
 .live-nav-body,.inline-demo-shell .live-nav-body{padding:13px 14px 17px}.live-nav-body>p,.inline-demo-shell .live-nav-body>p{font-size:10px}.live-view-buttons{grid-template-columns:1fr 1fr;gap:7px}.live-view-buttons button,.inline-demo-shell .live-view-buttons button{min-height:44px;font-size:12px;padding:10px;gap:8px}.live-role-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.live-role-buttons button,.inline-demo-shell .live-role-buttons button{min-height:44px;font-size:11px;text-align:center;padding:9px 6px;border-color:#d6e3f4;background:#f8fbff}.live-role-buttons button[aria-pressed=true]{background:#214e91;color:#fff;border-color:#214e91}.live-nav-body>small,.inline-demo-shell .live-nav-body>small{font-size:10px;margin-top:12px}
 .live-chat-panel>summary,.inline-demo-shell .live-chat-panel>summary{display:flex;align-items:center;gap:10px;padding:10px 14px}.live-chat-panel>summary>img,.inline-demo-shell .live-chat-panel>summary>img{width:38px;height:38px;flex-shrink:0;object-fit:cover;object-position:50% 18%;border-radius:50%}.live-chat-panel>summary>span{margin:0;padding-right:20px}.live-chat-panel>summary b,.inline-demo-shell .live-chat-panel>summary b{font-size:14px}.live-chat-panel>summary small,.inline-demo-shell .live-chat-panel>summary small{font-size:10px;margin-top:2px}.live-chat-panel>summary>i{bottom:auto;top:19px;right:16px}
 .live-chat-body,.inline-demo-shell .live-chat-body{padding:14px}.live-chat-log,.inline-demo-shell .live-chat-log{height:135px}.live-chat-bubble>span,.inline-demo-shell .live-chat-bubble>span{font-size:12px}.live-chat-caption,.inline-demo-shell .live-chat-caption,.live-chat-bubble>b,.inline-demo-shell .live-chat-bubble>b{font-size:10px}.live-chat-suggestions button,.inline-demo-shell .live-chat-suggestions button{font-size:11px;min-height:44px}.live-chat-form textarea,.inline-demo-shell .live-chat-form textarea{font-size:16px;min-height:64px}.live-chat-form>label,.inline-demo-shell .live-chat-form>label{font-size:11px}.live-chat-form>button,.inline-demo-shell .live-chat-form>button{min-height:44px;font-size:12px}.live-chat-form>small,.inline-demo-shell .live-chat-form>small{font-size:10px}
 .inline-demo-shell .live-main{padding-inline:15px}.live-task-context,.inline-demo-shell .live-task-context{font-size:11px;padding:11px 0}.live-overview-grid{gap:21px}.live-overview-grid article>p{font-size:12px}
}
.live-workspace[data-device=phone] .live-app-body,:is(#live-dialog,#role-live-dialog) .live-workspace[data-device=phone] .live-app-body{display:block;grid-template-columns:minmax(0,1fr)}
.live-workspace[data-device=phone] .live-navigation{border:0;border-bottom:1px solid #dbe6f4}.live-workspace[data-device=phone] .live-nav-panel>summary{min-height:58px;padding:10px 13px}.live-workspace[data-device=phone] .live-nav-panel>summary>span{font-size:10px}.live-workspace[data-device=phone] .live-nav-panel>summary b{font-size:12px}.live-workspace[data-device=phone] .live-nav-panel>summary>i{display:block;margin-left:auto}.live-workspace[data-device=phone] .live-role-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.live-workspace[data-device=phone] .live-role-buttons button{min-height:44px;font-size:11px;text-align:center;border-color:#d6e3f4}.live-workspace[data-device=phone] .live-view-buttons{grid-template-columns:1fr 1fr;gap:5px}.live-workspace[data-device=phone] .live-view-buttons button{min-height:44px;font-size:11px}.live-workspace[data-device=phone] .live-task-context{font-size:11px}
@media(max-width:760px){.role-experience-grid{margin-top:24px}.inline-demo-shell .live-message h3{font-size:18px}.inline-demo-shell .live-artifact span{font-size:11px}.live-overview-grid{grid-template-columns:1fr;gap:21px}.live-overview-grid article>span,.inline-demo-shell .live-overview-grid article>span{font-size:10px}.live-overview-grid article>p,.inline-demo-shell .live-overview-grid article>p{font-size:13px}.live-overview-link,.inline-demo-shell .live-overview-link{font-size:11px;min-height:44px}.live-secondary,.live-rule-options button{min-height:44px;font-size:12px}.live-document-sheet{padding:16px}.live-document-sheet>p{font-size:13px}.live-document-sheet>small{font-size:10px}.live-role-buttons button,.inline-demo-shell .live-role-buttons button{font-size:11px}.role-section .section-heading{margin-bottom:24px}}
:is(#live-dialog,#role-live-dialog) .live-chat-bubble>span{font-size:12px}
:is(#live-dialog,#role-live-dialog) .live-chat-form textarea{font-size:14px}
:is(#live-dialog,#role-live-dialog) .live-chat-form>label{font-size:11px}
:is(#live-dialog,#role-live-dialog) .live-chat-suggestions button{font-size:11px;min-height:40px}
@media(max-width:1100px){:is(#live-dialog,#role-live-dialog) .live-chat-form textarea{font-size:16px}}