/* ===== RobynAI dark gradient mockup: matches ai-login look ===== */
:root{
  --pinkA:#a855f7; --pinkB:#c792ff; --glow:255,15,107;
  --purple:#c792ff;
  --purple-soft:rgba(168,85,247,.16);
  --ink:#F8F2FB;
  --muted:#B8A6CC;
  --line:rgba(255,255,255,.12);
  --card:rgba(28,15,42,.66);
  --bg:#08040D;
  --shadow:0 22px 70px rgba(0,0,0,.5);
  color-scheme:dark;
}
html,body{background:var(--bg) !important;color:var(--ink);}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(58% 48% at 16% 6%, rgba(168,85,247,.30), transparent 60%),
  radial-gradient(52% 48% at 90% 20%, rgba(168,85,247,.22), transparent 60%),
  radial-gradient(70% 60% at 50% 102%, rgba(168,85,247,.14), transparent 65%);}
.app-shell{background:transparent !important;position:relative;z-index:1;}
.phone-frame{background:linear-gradient(180deg, rgba(28,15,42,.78), rgba(14,7,22,.92)) !important;border-color:var(--line) !important;box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 70px rgba(var(--glow),.14) !important;backdrop-filter:blur(20px);}
.drawer{background:rgba(16,8,26,.92) !important;border-color:var(--line) !important;}
.brand-name{font-family:"Space Grotesk",sans-serif;color:var(--ink) !important;}
.grad-ai{background:linear-gradient(100deg,var(--pinkA),var(--pinkB));-webkit-background-clip:text;background-clip:text;color:transparent;}
h1{color:var(--ink);}
.avatar,.question-button,.send-btn,.primary-btn,.brain-dot,.hero-orb{background:linear-gradient(100deg,var(--pinkA),var(--pinkB)) !important;color:#fff !important;box-shadow:0 6px 26px rgba(var(--glow),.45) !important;border:0 !important;}
.icon-button,.attach-btn,.mic-btn{background:rgba(255,255,255,.07) !important;color:var(--ink) !important;border:1px solid var(--line) !important;}
.brand-brain-pill,.brain-top-pill,.resource-card,.submission-card,.access-card,.mini-resource-row,.epic-option-card,.member-row,.empty-state,.member-access-panel,.add-phone-card,.bonus-chip,.foundation-status,.upgrade-nav-button{background:var(--card) !important;color:var(--ink) !important;border-color:var(--line) !important;box-shadow:none !important;}
.drawer-nav button,.drawer-nav-card{background:rgba(255,255,255,.05) !important;color:var(--ink) !important;border:1px solid var(--line) !important;}
input,textarea,select{background:rgba(255,255,255,.06) !important;color:var(--ink) !important;border-color:var(--line) !important;}
input::placeholder,textarea::placeholder{color:var(--muted) !important;}
.chat-input-bar,.composer,.ask-bar{background:rgba(0,0,0,.4) !important;border-color:var(--line) !important;}
.suggestion-chips button,.chip,[data-suggestion]{background:rgba(255,255,255,.05) !important;color:var(--ink) !important;border:1px solid var(--line) !important;}
.muted,.nav-sub-inline,.label-hint,.storage-note,.brand-sublabel{color:var(--muted) !important;}
.back-link,.resource-viewer-external{color:var(--pinkB) !important;}
.sticky-view-nav{background:transparent !important;}
h2,h3,strong{color:var(--ink);}
.eyebrow{color:var(--pinkB) !important;}
.resource-viewer{background:rgba(20,10,32,.97) !important;border-color:var(--line) !important;}
.resource-viewer-head{border-color:var(--line) !important;}
.resource-viewer-body{background:rgba(10,5,17,.9) !important;}
.scrim{background:rgba(8,4,13,.72) !important;}
.resource-hub-card,.book-card,.mini-resource-item,.muted-coming-soon{background:var(--card) !important;border-color:var(--line) !important;color:var(--ink) !important;box-shadow:none !important;}
.resource-hub-card h3,.book-card h3,.mini-resource-item strong{color:var(--ink) !important;}
.coming-soon-grid button{background:rgba(255,255,255,.04) !important;border-color:var(--line) !important;color:var(--muted) !important;}
.sticky-view-nav{background:linear-gradient(180deg, rgba(8,4,13,.96), rgba(8,4,13,.72)) !important;}
.mini-resource-row{background:rgba(255,255,255,.05) !important;}
h1,h2,h3{color:var(--ink) !important;}
.chat-empty-state p{color:var(--ink) !important;}
.accordion-toggle{background:rgba(255,255,255,.06) !important;border:1px solid var(--line) !important;color:var(--ink) !important;}
.accordion-toggle strong,.accordion-toggle span{color:var(--ink) !important;}
.accordion-toggle em,.accordion-toggle small{color:var(--pinkB) !important;}

.attach-menu{background:rgba(20,10,32,.97) !important;border-color:var(--line) !important;}
.attach-menu button{color:var(--ink) !important;}
.attach-menu button:hover{background:rgba(255,255,255,.08) !important;}
.thread,.compact-thread{background:rgba(255,255,255,.05) !important;border-color:var(--line) !important;}
.thread-title-button strong,.thread-title-button{color:var(--ink) !important;}
.icon-thread-btn{color:var(--muted) !important;background:transparent !important;}
.show-more-threads{background:rgba(255,255,255,.05) !important;color:var(--ink) !important;border-color:var(--line) !important;}
.thread.is-active,.compact-thread.is-active{border-color:#a855f7 !important;}
/* chat surfaces: dark bubbles, readable text, purple composer buttons */
.chat-bubble{background:rgba(255,255,255,.07) !important;color:var(--ink) !important;}
.chat-bubble.is-user{background:linear-gradient(100deg,#a855f7,#c792ff) !important;color:#fff !important;}
.chat-bubble.is-user .bubble-head span,.chat-bubble.is-user .copy-bubble-btn{color:rgba(255,255,255,.85) !important;}
.chat-bubble.is-error{background:rgba(160,39,39,.18) !important;color:#ffb3b3 !important;border-color:rgba(160,39,39,.45) !important;}
.bubble-head span{color:var(--muted) !important;}
.copy-bubble-btn{color:var(--muted) !important;background:transparent !important;}
.composer-bar{background:rgba(20,10,32,.92) !important;border-color:var(--line) !important;box-shadow:0 12px 36px rgba(0,0,0,.45) !important;}
.composer-bar input{background:transparent !important;color:var(--ink) !important;border:0 !important;}
.attach-btn,.mic-btn{background:rgba(168,85,247,.22) !important;color:#c792ff !important;border:1px solid rgba(168,85,247,.35) !important;}
.mic-btn .voice-meter i{background:#c792ff !important;}
.chat-status{color:var(--muted) !important;}