:root{
  --cp-bg:#06090f;
  --cp-bg2:#0a1630;
  --cp-panel:rgba(10,16,32,.84);
  --cp-panel-soft:rgba(8,12,24,.72);
  --cp-border:#1fffd8;
  --cp-border-soft:rgba(31,255,216,.26);
  --cp-text:#d8ffe9;
  --cp-accent:#20c5ff;
  --cp-glow:rgba(0,255,156,.14);
  --cp-focus-border:rgba(32,197,255,.6);
  --cp-focus-glow:rgba(32,197,255,.22);
}

html,body{background:radial-gradient(1200px 800px at 15% 0%,var(--cp-bg2) 0%,var(--cp-bg) 55%,#030509 100%)!important;color:var(--cp-text)!important}

/* Keep grid visible in main conversation area after app load */
main{background-image:linear-gradient(rgba(32,197,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(32,197,255,.06) 1px,transparent 1px)!important;background-size:28px 28px!important;background-color:transparent!important}

/* Panels */
aside,nav,header,section,article,.card,.panel,.rounded-lg,.rounded-xl{background-color:var(--cp-panel)!important;border-color:var(--cp-border-soft)!important}

/* Global controls */
button,[role="button"]{border-color:var(--cp-border)!important;box-shadow:0 0 0 1px rgba(31,255,216,.25),0 0 22px var(--cp-glow)!important}
a,.text-primary{color:var(--cp-accent)!important}
textarea,input,select{background:var(--cp-panel-soft)!important;color:var(--cp-text)!important;border-color:rgba(32,197,255,.4)!important}
textarea:focus,input:focus,select:focus{outline:none!important;box-shadow:0 0 0 1px var(--cp-focus-border),0 0 20px var(--cp-focus-glow)!important}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#06090f}
::-webkit-scrollbar-thumb{background:linear-gradient(#00ff9c,#20c5ff);border-radius:10px}

/* Targeted convo-row cleanup (test-id based) */
[data-testid='convo-item']{border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important}
[data-testid='convo-item']::before{width:0!important;opacity:0!important}
[data-testid='convo-item'] > div{border:none!important;box-shadow:none!important}
[data-testid='convo-item'] .bg-gradient-to-l{display:none!important;background:none!important}

/* Pinned/favorite items - remove glow, smaller font, bold */
[data-testid='favorite-item']{border:none!important;box-shadow:none!important;font-size:11px!important;font-weight:700!important}

/* Fragile selectors: keep isolated for easier drift fixes after upgrades */
button.group.flex.w-full.items-center.justify-between.rounded-lg.px-1.py-2.text-xs.font-bold.text-text-secondary,
button.group.flex.w-full.items-center.justify-between.rounded-lg.px-1.py-2.text-xs.font-bold.text-text-secondary:focus,
button.group.flex.w-full.items-center.justify-between.rounded-lg.px-1.py-2.text-xs.font-bold.text-text-secondary:focus-visible{border:0!important;box-shadow:none!important;outline:none!important}

#toggle-right-nav,
#toggle-right-nav:focus,
#toggle-right-nav:focus-visible{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important}

div.fixed.top-1\/2:has(#toggle-right-nav){top:25vh!important}
#toggle-right-nav .h-3.w-1.rounded-full{background:var(--cp-border)!important}

/* Composer controls */
div.flex:has(> div.relative.flex-1 > textarea[data-testid='text-input']){position:relative!important;margin-bottom:4px!important}
div.flex:has(> div.relative.flex-1 > textarea[data-testid='text-input']) > div.flex.flex-col.items-start.justify-start.pr-2\.5.pt-1\.5{position:absolute!important;right:8px!important;top:6px!important;padding-right:0!important}
textarea[data-testid='text-input']{padding-right:3rem!important}