/* 66AI's local vector avatars and floating conversation chrome. */
:root{--primary:#087cf0;--primary-600:#0068d8;--primary-50:#edf6ff;--primary-100:#dcecff;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
.botface,.chatg-head .botface,.voice-float>.botface{background:transparent!important;border-radius:0!important;transform:none!important;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;box-shadow:none;border:0}
.bot-avatar-svg{display:block;width:100%;height:100%;overflow:visible;flex:none}
.sb-conv .botface{width:46px;height:46px}.chatg-head .botface{width:30px;height:30px}.chatg-msgs .ai>.botface{width:30px;height:30px}.welcome-face .botface{width:84px;height:84px}
.voice-float>.botface{width:48px;height:48px}.sb-conv{gap:16px}.sb-conv-txt b{font-weight:650}.ui-round .ico{stroke-width:1.8}.ui-round:focus-visible,.create-menu button:focus-visible{outline:3px solid #1683ff;outline-offset:3px}
.bot-card .bot-avatar{background:transparent;display:flex;align-items:center;justify-content:center}.bot-card .botface{width:50px;height:50px}.chat-toolbar .chat-options{order:4}.chat-toolbar .chat-model{order:3}
.sb-mobile-account{display:none}.chatg{position:relative;--chat-toolbar-height:76px;--chat-dock-height:88px;--chat-feedback-height:0px}
.chat-toolbar{position:absolute;inset:0 0 auto;height:auto;min-height:74px;padding:12px 24px;background:linear-gradient(var(--bg) 20%,color-mix(in srgb,var(--bg) 70%,transparent) 72%,transparent);pointer-events:none}
.chat-toolbar>*{pointer-events:auto}.chatg-msgs{flex:1;margin:0;padding-top:calc(var(--chat-toolbar-height) + 10px);padding-bottom:calc(var(--chat-dock-height) + var(--chat-feedback-height) + 16px);scroll-padding-top:calc(var(--chat-toolbar-height) + 10px);scroll-padding-bottom:calc(var(--chat-dock-height) + 16px)}
.voice-mode .chatg-msgs{margin-top:0;padding-top:calc(var(--chat-toolbar-height) + var(--voice-inset,104px) + 10px)}
.composer-dock{position:absolute;inset:auto 0 0;padding:16px 24px 18px;background:linear-gradient(transparent,color-mix(in srgb,var(--bg) 85%,transparent) 60%);pointer-events:none}.composer-dock>*{pointer-events:auto}
.chat-feedback{position:absolute;left:0;right:0;bottom:var(--chat-dock-height);z-index:4}.chat-options{border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 94%,transparent);width:44px;height:44px}.chat-options .ico{width:22px}.chat-back{padding:0}.chat-model{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.creation-popover .modal-mask{background:transparent;backdrop-filter:none}.creation-popover .modal-sheet{position:fixed;top:var(--create-top,76px);right:var(--create-right,18px);left:auto;bottom:auto;transform:none;margin:0;width:260px;max-width:calc(var(--ui-vw,100vw) - 32px);padding:15px;border-radius:26px;background:var(--bg);border:1px solid var(--border);box-shadow:0 10px 44px #0000000c}
.create-menu{display:grid;gap:4px}.create-menu button{font:inherit;font-size:calc(21px * var(--ui-font-scale, 1));text-align:left;border:0;background:transparent;color:var(--text);padding:15px 13px;border-radius:14px;cursor:pointer}.create-menu button:hover{background:var(--bg-soft)}
.bot-designer .modal-sheet{width:510px;max-width:calc(var(--ui-vw,100vw) - 36px);max-height:calc(var(--ui-vh,100dvh) - 36px);padding:24px 30px;border-radius:28px;overflow-y:auto;background:var(--bg,#fcfcfc);color:var(--text)}
.bot-designer-head{display:flex;align-items:center;gap:18px}.bot-designer-head h2{font-size:calc(26px * var(--ui-font-scale, 1));line-height:1.2;margin:0;font-weight:650;letter-spacing:-.5px}.bot-designer-head .ui-round{background:var(--bg);width:46px;height:46px;box-shadow:0 3px 20px #00000005}.bot-designer-head .ico{width:25px;height:25px}
.bot-designer-preview{width:142px;height:142px;margin:22px auto 30px}.bot-designer-name{display:block;width:100%;min-width:0;min-height:64px;padding:14px;border:0;outline:0;border-radius:22px;background:#f1f1ef;text-align:center;color:var(--text);font-size:calc(25px * var(--ui-font-scale, 1));font-weight:600;letter-spacing:-.5px}.bot-designer-name::placeholder{color:#b8b8b8}.bot-designer-name:focus{box-shadow:0 0 0 3px #1683ff33}
.shape-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 16px;margin:28px 15px 24px}.shape-choice{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:0;border-radius:50%;padding:5px;background:transparent;cursor:pointer;position:relative}.shape-choice:nth-child(11){grid-column:2}.shape-choice[aria-checked=true]::after{content:'';position:absolute;inset:-2px;border:2px solid #c5c5c7;border-radius:46%;pointer-events:none}.shape-choice:focus-visible,.color-choice:focus-visible{outline:3px solid #1683ff;outline-offset:4px}
.color-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px 8px;margin:18px 18px 22px}.color-choice{grid-column:span 2;justify-self:center;width:34px;height:34px;position:relative;display:flex;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.color-choice:nth-child(7){grid-column:2/span 2}.color-choice span{width:100%;height:100%;border-radius:50%}.color-choice[aria-checked=true]::after{content:'';position:absolute;inset:-6px;border:2px solid #c5c5c7;border-radius:50%}
.bot-designer-details{font-size:calc(12px * var(--ui-font-scale, 1));color:var(--muted);margin:12px 0}.bot-designer-details summary{cursor:pointer}.bot-designer-details textarea{width:100%;margin-top:10px;font-size:calc(14px * var(--ui-font-scale, 1))}.bot-designer-submit{display:block;width:100%;padding:13px 18px;border:0;border-radius:99px;background:#1683ff;color:white;font-size:calc(22px * var(--ui-font-scale, 1));font-weight:600;cursor:pointer;min-height:54px}.bot-designer-submit:disabled{background:#80b4f2;cursor:default}.bot-designer #bot-design-error{color:#cf3045;font-size:calc(13px * var(--ui-font-scale, 1));line-height:1.5}.bot-designer #bot-design-error:empty{display:none}
[data-theme=dark] .bot-designer-name{background:#2b2b2e}[data-theme=dark] .creation-popover .modal-sheet{background:#242427}[data-theme=dark] .bot-designer-submit:disabled{background:#354c69;color:#9aafc9}
.bot-designer-details label{display:grid;gap:5px;margin-top:10px}.bot-designer-details select{width:100%;min-width:0;font-size:calc(14px * var(--ui-font-scale, 1))}
.native-shell body:not(.chat-screen) #view{padding-top:var(--safe-top);padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 16px)}
.native-shell body>.sb-burger{top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left,0px))}.native-shell #tabbar{padding-bottom:var(--safe-bottom)}
.native-shell .modal-sheet{max-height:calc(var(--ui-vh) - var(--safe-top) - var(--safe-bottom) - 24px)}
.native-shell .chat-toolbar{padding-left:calc(14px + var(--safe-left,0px));padding-right:calc(14px + var(--safe-right,0px))}.native-shell .composer-dock{padding-left:calc(14px + var(--safe-left,0px));padding-right:calc(14px + var(--safe-right,0px))}
@media(max-width:767.98px){
 #nav{width:100%;background:var(--bg)}.sb-top{padding-top:calc(18px + var(--safe-top));padding-bottom:14px}.sb-top .shell-brand{display:none}.sb-mobile-account{display:flex;position:absolute;left:20px;top:calc(20px + var(--safe-top));width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--bg);padding:3px}.sb-mobile-account .avatar{width:36px;height:36px}.sb-actions{gap:12px}.sb-actions .ui-round{width:46px;height:46px;box-shadow:0 3px 18px #00000005}.sb-conv{padding:17px 8px;gap:16px;min-height:88px}.sb-conv .botface{width:50px;height:50px}.sb-conv-txt b{font-size:calc(19px * var(--ui-font-scale, 1))}.sb-conv-txt i{font-size:calc(16px * var(--ui-font-scale, 1));color:#999}.sb-foot{background:var(--bg);padding-bottom:calc(16px + var(--safe-bottom))}
 .chat-toolbar,.voice-mode .chat-toolbar{min-height:calc(68px + var(--safe-top));height:auto;padding:calc(10px + var(--safe-top)) 14px 10px;gap:8px;align-items:center}.chat-back,.chat-options{width:42px;height:42px;flex:none;padding:0}.chat-back .ico{width:24px;height:24px}.chatg-head{padding:7px 11px;min-height:44px;gap:7px;flex:0 1 auto;min-width:0}.chatg-head .botface{display:flex;width:27px;height:27px}.chatg-head b{font-size:calc(17px * var(--ui-font-scale, 1));max-width:105px}.chat-options{margin-left:0;order:4}.chat-model{margin-left:auto;max-width:88px;font-size:calc(11px * var(--ui-font-scale, 1));padding:6px 8px;order:3;flex:0 1 auto}
 .chatg-msgs{padding-left:18px;padding-right:18px}.chatg-msgs .bubble{font-size:calc(17px * var(--ui-font-scale, 1));line-height:1.65;padding:11px 17px}.chatg-msgs .msg-col{max-width:91%}.composer-dock{padding:12px 14px calc(12px + var(--safe-bottom));background:linear-gradient(transparent,color-mix(in srgb,var(--bg) 88%,transparent) 65%)}.chatg-inputbar{gap:10px}.composer-capsule{border-radius:30px;min-height:54px}.chatg-inputbar .plus{width:49px;height:49px}.chat-feedback{margin-left:14px;margin-right:14px}.scroll-btm{bottom:calc(var(--chat-dock-height) + 8px)}
 .bot-designer .modal-mask{background:var(--bg)}.bot-designer .modal-sheet{position:fixed;inset:0;margin:0;transform:none;width:var(--ui-vw,100vw);height:var(--ui-vh,100dvh);max-width:none;max-height:none;border:0;border-radius:0;padding:calc(14px + var(--safe-top)) 20px calc(16px + var(--safe-bottom));box-shadow:none;overflow-y:auto}.bot-designer-head{gap:18px}.bot-designer-head h2{font-size:calc(26px * var(--ui-font-scale, 1))}.bot-designer-preview{width:clamp(124px,19vh,170px);height:clamp(124px,19vh,170px);margin:30px auto 32px}.bot-designer-name{min-height:68px;font-size:calc(26px * var(--ui-font-scale, 1));border-radius:22px}.shape-grid{gap:12px 16px;margin:30px 22px 28px}.shape-choice{padding:4px}.color-grid{margin:22px 26px 20px;gap:16px 8px}.color-choice{width:30px;height:30px}.bot-designer-details{margin:8px 6px 12px;font-size:calc(11px * var(--ui-font-scale, 1))}.bot-designer-submit{font-size:calc(24px * var(--ui-font-scale, 1));min-height:52px}.creation-popover .modal-sheet{width:270px}
}
@media(max-width:359px){.chat-toolbar,.voice-mode .chat-toolbar{padding-left:10px;padding-right:10px;gap:5px}.chatg-head b{max-width:70px}.chatg-head{padding:7px 8px}.chat-model{max-width:62px}.shape-grid{margin-left:12px;margin-right:12px;gap:10px}.color-grid{margin-left:15px;margin-right:15px}.bot-designer-preview{width:116px;height:116px;margin:22px auto}}

/* P130: duties and real capability entrypoints precede decorative choices. */
.bot-role-presets,.employee-function-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.bot-role-presets button{font:inherit;min-height:38px;border:1px solid var(--border);border-radius:12px;padding:6px 12px;background:var(--bg);color:var(--text);cursor:pointer}
.bot-designer-details>summary{cursor:pointer;min-height:40px;padding:8px 0}
.bot-designer-preview{width:96px;height:96px;margin:14px auto}
.conversation-execution-context{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.employee-function-grid .btn{flex:1 1 180px;white-space:normal}
