/* AVA_CHAT_SETUP_PACKAGE_V1_COMPOSER_LOCK */
:root{--ava-brand-blood:#d3090a;--ava-nav:#243247;--ava-nav-deep:#172033;--ava-soft-shadow:0 14px 34px rgba(23,32,51,.10)}
.composer-wrap::before{content:"AVA can make mistakes, Verify your work.";display:block;width:min(calc(100% - 32px),800px);margin:0 auto 7px;box-sizing:border-box;text-align:center;color:var(--muted);font-size:12px;line-height:1.35}
.composer{position:relative!important;display:block!important;width:min(calc(100% - 32px),800px)!important;margin:0 auto!important;padding-inline:0!important}
.ava-message-bar{position:relative!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:center!important;border:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;border-radius:28px!important;background:var(--surface)!important;min-height:56px!important;padding-right:56px!important;overflow:visible!important;box-shadow:0 6px 24px color-mix(in srgb,var(--text) 5%,transparent)!important}
.ava-message-bar:focus-within{outline:0!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ava-brand-blood) 18%,transparent),0 8px 26px color-mix(in srgb,var(--text) 6%,transparent)!important}
.ava-message-bar #prompt{height:56px!important;min-height:56px!important;max-height:180px!important;box-sizing:border-box!important;resize:none!important;border:0!important;border-radius:28px!important;background:transparent!important;padding:16px 8px 16px 4px!important;line-height:24px!important;color:var(--text)!important;outline:0!important}
.ava-message-bar #prompt::placeholder{line-height:24px!important;color:color-mix(in srgb,var(--muted) 88%,transparent)!important}
.ava-attach-button{grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:center!important;position:relative!important;width:40px!important;height:40px!important;border:1px solid color-mix(in srgb,var(--border) 64%,transparent)!important;border-radius:999px!important;background:transparent!important;color:var(--ava-brand-blood)!important;font-size:0!important;line-height:1!important;padding:0!important;box-shadow:none!important}
.ava-attach-button::before,.ava-attach-button::after{content:"";position:absolute;left:50%;top:50%;width:17px;height:2px;border-radius:999px;background:var(--ava-brand-blood)!important;transform:translate(-50%,-50%)}
.ava-attach-button::after{transform:translate(-50%,-50%) rotate(90deg)}
.ava-attach-button:hover{background:color-mix(in srgb,var(--surface-raised) 82%,transparent)!important;filter:none;color:var(--ava-brand-blood)!important}
.composer>#sendButton{position:absolute!important;right:8px!important;top:8px!important;bottom:auto!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:999px!important;background:var(--ava-brand-blood)!important;color:#fff!important;font-size:0!important;display:block!important;z-index:3!important;box-shadow:0 5px 14px rgba(211,9,10,.18)!important}
.composer>#sendButton:hover{filter:brightness(1.05)}
.composer>#sendButton::before,.composer>#sendButton::after{content:"";position:absolute;right:15px;top:18px;width:14px;height:4px;border-radius:999px;background:#fff;transform-origin:100% 50%;box-sizing:border-box}
.composer>#sendButton::before{transform:rotate(45deg)}
.composer>#sendButton::after{transform:rotate(-45deg)}
.composer:has(#prompt:not(:placeholder-shown))>#sendButton::before{content:"";position:absolute;left:11px;top:11px;right:auto;width:18px;height:18px;border:0;background:#fff;clip-path:polygon(50% 0,100% 43%,72% 43%,72% 100%,28% 100%,28% 43%,0 43%);transform:none}
.composer:has(#prompt:not(:placeholder-shown))>#sendButton::after{content:none}
.composer>#sendButton:disabled::before{content:""!important;position:absolute!important;left:14px!important;top:14px!important;right:auto!important;width:12px!important;height:12px!important;border:0!important;background:#fff!important;clip-path:none!important;border-radius:1px!important;transform:none!important}
.composer>#sendButton:disabled::after{content:none!important}
.composer>#sendButton:disabled{opacity:1!important;background:var(--ava-brand-blood)!important;cursor:default!important}
.ava-attachment-tray{padding-right:8px!important}
.ava-attachment-remove{color:var(--muted)!important}

/* AVA_COSMETIC_PASS_V1 */
.topbar{padding:16px clamp(20px,3vw,36px)!important;gap:20px!important;background:color-mix(in srgb,var(--bg) 97%,transparent)!important;box-shadow:0 1px 0 color-mix(in srgb,var(--border) 72%,transparent)!important;border-bottom:0!important}
.identity{gap:16px!important;align-items:center!important}
.identity img{width:96px!important;height:96px!important;border-radius:20px!important;object-fit:cover!important;border:1px solid color-mix(in srgb,var(--border) 60%,transparent)!important;box-shadow:var(--ava-soft-shadow)!important}
.identity-name{font-size:24px!important;line-height:1.08!important;font-weight:750!important;letter-spacing:-.025em!important;color:var(--ava-brand-blood)!important}
.identity-label{margin-top:5px!important;font-size:13px!important;line-height:1.25!important;color:var(--muted)!important}
.ava-header-status.status{min-height:0!important;margin:7px 0 0!important;font-size:12px!important;line-height:1.2!important;gap:7px!important;color:var(--muted)!important}
.ava-header-status .status-dot{width:7px!important;height:7px!important;background:color-mix(in srgb,var(--muted) 75%,transparent)!important}
.ava-header-status[data-state="released"] .status-dot{background:var(--success)!important}
.ava-header-status[data-state="working"] .status-dot{background:var(--ava-nav)!important}
.ava-header-status[data-state="temporary-error"] .status-dot{background:var(--error)!important}
.utility-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:8px!important;max-width:min(54vw,560px)!important}
#chatsOpen,#projectsOpen,#libraryOpen{min-height:42px!important;padding:8px 15px!important;border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;border-radius:13px!important;background:color-mix(in srgb,var(--surface) 82%,var(--bg))!important;color:var(--text)!important;font-weight:600!important;box-shadow:none!important}
#chatsOpen:hover,#projectsOpen:hover,#libraryOpen:hover{background:var(--surface-raised)!important;border-color:color-mix(in srgb,var(--border) 92%,transparent)!important}
#settingsOpen{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important}
#settingsOpen:hover{background:var(--surface-raised)!important;color:var(--text)!important}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--ava-brand-blood) 72%,#fff)!important;outline-offset:2px!important}

.workspace{box-sizing:border-box!important;width:min(100%,1040px)!important;padding-left:clamp(20px,4vw,40px)!important;padding-right:clamp(20px,4vw,40px)!important}
.workspace:has(#welcome){display:grid!important;align-content:center!important;padding-top:24px!important;padding-bottom:52px!important}
.conversation{width:100%!important;margin-inline:auto!important}
.welcome{width:min(100%,760px)!important;margin-inline:auto!important;padding:22px 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.welcome h2{margin:0 0 8px!important;font-size:24px!important;line-height:1.25!important;font-weight:650!important;letter-spacing:-.018em!important;color:var(--text)!important}
.welcome p{margin:0!important;max-width:680px!important;font-size:15px!important;line-height:1.6!important;color:var(--muted)!important}

.drawer{background:var(--surface)!important;border-left:1px solid color-mix(in srgb,var(--border) 62%,transparent)!important;box-shadow:-18px 0 56px color-mix(in srgb,#000 18%,transparent)!important}
.drawer-header{padding:24px 26px 18px!important;border-bottom:1px solid color-mix(in srgb,var(--border) 52%,transparent)!important}
.drawer-header h2{font-size:20px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.012em!important}
.drawer-body{padding:24px 26px 34px!important}
.drawer .section+ .section{margin-top:34px!important;padding-top:26px!important;border-top:1px solid color-mix(in srgb,var(--border) 48%,transparent)!important}
.drawer .section h3{margin-bottom:12px!important;font-size:15px!important;font-weight:650!important;letter-spacing:-.005em!important}
.drawer .quiet-note{font-size:13px!important;line-height:1.55!important;color:var(--muted)!important}
.drawer .field{gap:7px!important;margin-bottom:15px!important}
.drawer .field label{font-size:12px!important;font-weight:600!important;color:var(--muted)!important}
.drawer .field input,.drawer .field select,.drawer .field textarea{border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;border-radius:12px!important;background:color-mix(in srgb,var(--bg) 80%,var(--surface))!important;box-shadow:none!important}
.drawer .button.icon{border:1px solid color-mix(in srgb,var(--border) 52%,transparent)!important;background:transparent!important;color:var(--muted)!important}
.drawer .button.icon:hover{background:var(--surface-raised)!important;color:var(--text)!important}

.ava-history-new,#createProject,#saveLibrary{border:1px solid color-mix(in srgb,var(--border) 68%,transparent)!important;background:color-mix(in srgb,var(--surface-raised) 78%,var(--bg))!important;color:var(--text)!important;font-weight:650!important;box-shadow:none!important}
.ava-history-new:hover,#createProject:hover,#saveLibrary:hover{background:var(--surface-raised)!important}
.ava-history-new{min-height:44px!important}
#avaQuizActions{display:block!important;margin:14px 0 6px!important}
#avaStartQuiz{width:100%!important;min-height:46px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#7f1720 0%,#243247 100%)!important;color:#fff!important;font-weight:750!important;letter-spacing:-.005em!important;box-shadow:0 9px 20px rgba(36,50,71,.15)!important}
#avaStartQuiz:hover{filter:brightness(1.05)!important}

.tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;padding:4px!important;margin-bottom:22px!important;border:1px solid color-mix(in srgb,var(--border) 54%,transparent)!important;border-radius:14px!important;background:color-mix(in srgb,var(--surface-raised) 72%,var(--bg))!important;overflow:visible!important}
.tabs .tab{min-width:0!important;min-height:38px!important;padding:7px 8px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--muted)!important;font-weight:600!important;box-shadow:none!important}
.tabs .tab[aria-selected="true"]{background:var(--surface)!important;color:var(--text)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--text) 7%,transparent)!important}
.tabs .tab:hover{color:var(--text)!important;background:color-mix(in srgb,var(--surface) 72%,transparent)!important}
#filesPanel .ava-session-files-head h3{font-size:15px!important;font-weight:650!important}
#filesPanel .ava-session-file-list{margin:14px 0!important}
#filesPanel .ava-session-file-row{border:0!important;border-radius:12px!important;background:color-mix(in srgb,var(--surface-raised) 70%,var(--bg))!important;padding:12px 13px!important}
#saveLibrary[hidden]{display:none!important}

.project-card,.ava-history-item{border:0!important;border-radius:12px!important;background:color-mix(in srgb,var(--surface-raised) 70%,var(--bg))!important;box-shadow:none!important}
.project-card.active,.ava-history-item[aria-current="true"]{box-shadow:inset 3px 0 0 var(--ava-brand-blood)!important}
.ava-history-empty{margin:18px 0 0!important;color:var(--muted)!important;font-size:13px!important}

@media(max-width:680px){
  .topbar{padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important;gap:10px!important}
  .identity{gap:9px!important}
  .identity img{width:56px!important;height:56px!important;border-radius:13px!important;box-shadow:0 6px 18px rgba(23,32,51,.10)!important}
  .identity-name{font-size:19px!important}
  .identity-label{display:none!important}
  .ava-header-status.status{margin-top:4px!important;font-size:11px!important}
  .utility-actions{gap:5px!important;max-width:190px!important;flex-wrap:nowrap!important}
  #chatsOpen,#projectsOpen,#libraryOpen,#settingsOpen{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:0!important;border-radius:12px!important}
  #chatsOpen::before{content:"C";font-size:15px;font-weight:750}
  #projectsOpen::before{content:"P";font-size:15px;font-weight:750}
  #libraryOpen::before{content:"L";font-size:15px;font-weight:750}
  #settingsOpen{border-radius:999px!important}
  .workspace{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
  .workspace:has(#welcome){align-content:start!important;padding-top:30px!important;padding-bottom:28px!important}
  .welcome{width:100%!important;padding:12px 2px!important}
  .welcome h2{font-size:21px!important}
  .welcome p{font-size:14px!important;line-height:1.55!important}
  .composer-wrap::before{width:calc(100% - 24px);font-size:11px;margin-bottom:6px}
  .composer{width:calc(100% - 24px)!important}
  .ava-message-bar #prompt{max-height:min(34dvh,180px)!important}
  .drawer-header{padding:18px max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left))!important}
  .drawer-body{padding:18px max(18px,env(safe-area-inset-right)) calc(26px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important}
  .tabs{grid-template-columns:repeat(4,minmax(68px,1fr))!important;overflow-x:auto!important;scrollbar-width:none!important}
  .tabs::-webkit-scrollbar{display:none!important}
}
@media(max-width:390px){
  .utility-actions{max-width:188px!important}
  .workspace{overflow-x:hidden!important}
  .drawer{max-width:100vw!important}
}
@media(max-width:360px){
  .composer-wrap::before{width:calc(100% - 16px)}
  .composer{width:calc(100% - 16px)!important}
  .identity img{width:48px!important;height:48px!important;border-radius:11px!important}
  #chatsOpen,#projectsOpen,#libraryOpen,#settingsOpen{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  .utility-actions{max-width:170px!important}
}