/* 5.26.57: scoped user-requested mobile, sidebar and assistant tweaks. */
.sidebarCreditsPurchase{position:relative;flex:0 0 auto;margin:0 0 9px;min-width:0}
.sidebarCreditsPurchase .upgrade{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:43px;padding:9px 12px;border:1px solid rgba(173,116,255,.48);border-radius:11px;background:linear-gradient(120deg,#6637ba,#9560f9);color:#fff;font:800 12px/1.2 system-ui;cursor:pointer}
.sidebarCreditsPurchase .upgrade:hover,.sidebarCreditsPurchase .upgrade:focus-visible{border-color:#ceabff;background:linear-gradient(120deg,#7742d0,#a16aff)}
/* Keep the create dock independent; the sidebar purchase button scrolls with the sidebar. */
.lumetraAssistantToolbar{display:flex!important;align-items:center;gap:8px!important;padding:4px 12px 10px!important}
.lumetraAssistantToolbar .primary{width:auto!important;min-width:0!important;flex:1 1 auto!important;min-height:38px!important;height:40px!important;padding:7px 10px!important;font-size:11px!important}
.lumetraAssistantDeleteAll{position:static!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:8px!important;border:1px solid rgba(244,122,145,.42)!important;border-radius:11px!important;background:#23131e!important;color:#ffadc0!important;cursor:pointer}
.lumetraAssistantDeleteAll svg{width:20px;height:20px;display:block}
.lumetraAssistantDeleteAll:hover,.lumetraAssistantDeleteAll:focus-visible{border-color:#ff9eb6!important;background:#391b2a!important}
#lumetraAssistantAttach{display:grid;place-items:center}
#lumetraAssistantAttach svg{display:block;width:21px;height:21px}
@media(max-width:620px){
  .brandLogoPanel .editorButtonRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
  .brandLogoPanel .editorButtonRow>*{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex:none!important;padding:9px 5px!important;white-space:normal!important;overflow-wrap:anywhere!important;min-height:44px!important;font:700 clamp(9px,2.5vw,12px)/1.2 system-ui!important}
  .sidebarCreditsPurchase .upgrade{display:flex!important}
}

/* Keep Buy Credits independent of the identity/account hover region. */
#sidebar > .sidebarCreditsPurchase{margin-top:auto;margin-bottom:7px;flex:0 0 auto;min-width:0;padding:0 2px}
#sidebar > #accountMenuShell{margin-top:0!important;flex:0 0 auto!important}

/* v5.26.67: Credit balance immediately before the dedicated sidebar Buy Credits link. */
#sidebar > .sidebarCreditsPurchase{display:flex!important;align-items:center!important;gap:6px!important}
#sidebar > .sidebarCreditsPurchase .sidebarCreditsBalance{display:flex;flex:0 1 auto;min-width:0;align-items:center;justify-content:center;gap:3px;padding:8px 6px;border:1px solid rgba(157,120,226,.36);border-radius:10px;background:#151126;color:#ebddff;white-space:nowrap;font:700 11px/1.2 system-ui}
#sidebar > .sidebarCreditsPurchase .sidebarCreditsBalance b{font-size:12px;font-variant-numeric:tabular-nums}
#sidebar > .sidebarCreditsPurchase .sidebarCreditsBalance span{font-size:9px;color:#b7a7d3}
#sidebar > .sidebarCreditsPurchase .upgrade{width:auto!important;flex:1 1 auto!important;min-width:0!important;padding:9px 6px!important;font-size:11px!important;white-space:nowrap}
@media(max-width:620px){#sidebar > .sidebarCreditsPurchase .sidebarCreditsBalance{padding:8px 5px}#sidebar > .sidebarCreditsPurchase .upgrade{font-size:10px!important}}

/* 5.26.69: balance and Buy Credits are equal-height siblings. */
#sidebar > .sidebarCreditsPurchase .sidebarCreditsBalance{height:36px!important;min-height:36px!important;box-sizing:border-box!important;padding:5px 6px!important}
#sidebar > .sidebarCreditsPurchase .upgrade{height:36px!important;min-height:36px!important;box-sizing:border-box!important;padding:5px 6px!important}