/* Pictag UI v1.6.9 — STAGING ONLY */
:root{--pictag-v169-workspace-width:790px;}

.app-footer,#pictagAppFooterV167,.pictag-footer-v167{display:none!important;}

#chatHistory .chat-history-item>svg{
  display:none!important;width:0!important;min-width:0!important;max-width:0!important;
  height:0!important;margin:0!important;padding:0!important;
}
#chatHistory .chat-history-item{
  gap:0!important;column-gap:0!important;padding:8px 8px!important;
  min-height:32px!important;border-radius:4px!important;
}
#chatHistory .chat-history-item>span{
  margin:0!important;padding:0!important;min-width:0!important;flex:1 1 auto!important;
}
#chatHistory .chat-history-item .delete-btn{right:5px!important;}

.sidebar-select-chats-v168{
  width:calc(100% - 24px)!important;
  margin:0 12px 10px!important;
  min-height:34px!important;height:34px!important;
  padding:0 12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px solid var(--border-color)!important;border-radius:4px!important;
  background:transparent!important;color:var(--text-primary)!important;
  font-size:12px!important;font-weight:600!important;
  cursor:pointer!important;pointer-events:auto!important;
  transform:none!important;animation:none!important;
  transition:background .15s!important;
}
.sidebar-select-chats-v168:hover,
.sidebar-select-chats-v168:focus-visible{
  background:var(--bg-hover)!important;
  color:var(--text-primary)!important;
  transform:none!important;
}

button.sidebar-section-header{
  appearance:none!important;-webkit-appearance:none!important;
  width:calc(100% - 24px)!important;
  margin:0 12px 8px!important;
  min-height:34px!important;height:34px!important;
  box-sizing:border-box!important;
  padding:0 12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px solid var(--border-color)!important;border-radius:4px!important;
  background:transparent!important;color:var(--text-primary)!important;
  font:inherit!important;font-size:11px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.01em!important;
  cursor:pointer!important;pointer-events:auto!important;
  transform:none!important;animation:none!important;
  transition:background .15s!important;
}
button.sidebar-section-header:hover,
button.sidebar-section-header:focus-visible{
  background:var(--bg-hover)!important;
  color:var(--text-primary)!important;
  transform:none!important;
}
button.sidebar-section-header .sidebar-add-btn{
  position:static!important;width:auto!important;height:auto!important;
  padding:0!important;margin:0!important;border:0!important;background:transparent!important;
  color:inherit!important;font-size:14px!important;line-height:1!important;
  pointer-events:none!important;
}

.sidebar-content-small{flex:0 1 auto!important;max-height:112px!important;padding:0 6px 4px!important;}
.sidebar-footer{border-top:0!important;padding:0 12px 10px!important;}
#accountRow,.account-row{
  min-height:48px!important;border:1px solid var(--border-color)!important;
  border-radius:4px!important;background:transparent!important;padding:7px 8px!important;
}
#accountRow:hover,.account-row:hover{background:var(--bg-hover)!important;}

#imageOptionsBar.show{
  width:min(var(--pictag-v169-workspace-width),calc(100vw - var(--sidebar-width,200px) - 56px))!important;
  max-width:none!important;box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(180px,1.15fr) minmax(190px,1.25fr) minmax(205px,1.3fr) minmax(92px,.58fr)!important;
  grid-template-areas:"model format quality images" "funding funding cost cost"!important;
  gap:9px 10px!important;align-items:center!important;padding:9px 10px!important;
  margin:0 auto 10px!important;border-radius:8px!important;
}
#imageOptionsBar.show .image-option-field{min-width:0!important;margin:0!important;width:100%!important;justify-content:flex-start!important;}
#imageOptionsBar.show .image-option-field:has(#imageModelSelect){grid-area:model!important;}
#imageOptionsBar.show .image-option-field:has(#imageSizeSelect){grid-area:format!important;}
#imageOptionsBar.show .image-option-field:has(#imageQualitySelect){grid-area:quality!important;}
#imageOptionsBar.show .image-option-field:has(#imageCountSelect){grid-area:images!important;}
#imageOptionsBar.show .image-option-field:has(#imageBillingSelect){grid-area:funding!important;width:220px!important;max-width:220px!important;}
#imageOptionsBar.show .image-option-field select{min-width:0!important;flex:1 1 auto!important;}
#imageOptionsBar.show #imageConnectionPill{grid-area:cost!important;justify-self:end!important;align-self:center!important;margin:0!important;white-space:nowrap!important;}
#imageOptionsBar.show + .input-wrapper{
  width:min(var(--pictag-v169-workspace-width),calc(100vw - var(--sidebar-width,200px) - 56px))!important;
  max-width:none!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;
}

.message-actions .action-btn,.pictag-image-action,.pictag-generated-action,
[data-pictag-generated-message="1"] button,[data-pictag-generated-message="1"] a[role="button"]{
  min-height:28px!important;height:28px!important;padding:0 11px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  border:1px solid var(--border-color)!important;border-radius:999px!important;
  background:transparent!important;box-shadow:none!important;color:var(--text-secondary)!important;
  font-size:12px!important;line-height:26px!important;text-decoration:none!important;
}
.message-actions .action-btn:hover,.pictag-image-action:hover,.pictag-generated-action:hover,
[data-pictag-generated-message="1"] button:hover,[data-pictag-generated-message="1"] a[role="button"]:hover{
  background:var(--bg-hover)!important;color:var(--text-primary)!important;
  border-color:var(--border-color)!important;outline:none!important;
}

@media(max-width:980px){
  :root{--pictag-v169-workspace-width:calc(100vw - 28px);}
  #imageOptionsBar.show{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:"model format" "quality images" "funding funding" "cost cost"!important;
  }
  #imageOptionsBar.show .image-option-field:has(#imageBillingSelect){width:100%!important;max-width:none!important;}
  #imageOptionsBar.show #imageConnectionPill{justify-self:start!important;white-space:normal!important;}
}