/* Puffly workspace — daylight palette. The shared theme owns the mascot and motion. */
.workspace-body{
  --d-bg:#fbfaff;--d-panel:#fff;--d-line:#e5e1f3;--d-muted:#73738f;
  --d-blue:#438ff5;--d-purple:#7655e8;--d-green:#248e76;
  background:radial-gradient(ellipse at 90% 0%,#e8edff80,transparent 34%),var(--d-bg);
  color:#242447;
}
.workspace-sidebar{background:linear-gradient(180deg,#fffffffa,#f8f6fffa);border-right-color:#e8e4f3;box-shadow:7px 0 35px #6750a405}
.workspace-sidebar .brand{color:#292644}
.brand-mini,.sidebar-caption{color:#797294}
.nav-link{color:#706b88!important;transition:background .22s,color .22s,box-shadow .22s,transform .22s}
.nav-link:hover{color:#6347c7!important;background:#eee8ff;transform:translateX(3px)}
.nav-link.active{background:linear-gradient(105deg,#e8e9ff,#f0e8ff);border-color:#d8cafa;color:#6343cd!important;box-shadow:inset 3px 0 0 #8965ed,0 4px 14px #7954cd08}
.nav-link.active svg{color:#7a53dc}
.nav-link .nav-dot{background:#8d64ed;box-shadow:0 0 10px #9065ed44}
.nav-divider{background:#e7e0f3}
.sidebar-companion{border-color:#e0d7f2;background:radial-gradient(ellipse at 45% 10%,#dedfff90,transparent 75%),linear-gradient(145deg,#f4f0ff,#fff7f1);box-shadow:0 9px 25px #6249a308}
.sidebar-companion strong{color:#49425f}
.sidebar-companion p{color:#797291}
.sidebar-companion a{color:#7a56c6}
.back-home{color:#7b7290!important}
.workspace-topbar{border-bottom-color:#e9e4f2;background:#fffdfcd9;backdrop-filter:blur(20px)}
.breadcrumb{color:#7b7192}
.breadcrumb span{color:#77738f}
.breadcrumb strong{color:#554967}
.demo-badge{border-color:#ded5f2;background:#f2ecff;color:#7c61aa}
.demo-badge i{background:#9c77e4;box-shadow:0 0 7px #9d8df744}
.account-button{color:#5f526f}
.account-orb{border-color:#d7c3f6;background:linear-gradient(145deg,#d1c3fd,#b8d6ff);color:#654895;box-shadow:0 3px 12px #7b5bba14}
.notification-button{color:#7f6da3!important}
.notification-button i{background:#e3a06e}
.page-heading .eyebrow{color:#806f9a}
.page-heading h1{color:#2b2645}
.page-heading p{color:#7e718d}
.d-card{background:linear-gradient(125deg,#fffffffa,#fffdfcff);border-color:#e7e1f3;box-shadow:0 7px 26px #6750a407,0 1px 2px #5c458707;transition:border-color .25s,box-shadow .25s,transform .25s}
.d-card h2,.d-card h3{color:#3b3152}
.card-head .sub-caption{color:#7c7192}
.text-link{color:#7b56c6!important;transition:color .2s,gap .2s}
.text-link:hover{color:#5533af!important;gap:10px}
.workspace-body .button{border-color:#dacef4;color:#5b408a;transition:transform .2s,box-shadow .2s,background .2s}
.workspace-body .button-primary{background:linear-gradient(110deg,#7481ec,#a26ae4);border-color:#9676e0;color:#fff;box-shadow:0 5px 18px #8e65d72b}
.workspace-body .button-primary:hover{filter:none;box-shadow:0 7px 23px #8e65d73d;transform:translateY(-2px)}
.workspace-body .button-outline{background:#faf7ff;color:#7955ab;border-color:#ddcff0;box-shadow:none}
.workspace-body .button-outline:hover{filter:none;background:#f1eaff;box-shadow:0 4px 13px #875bd414}
.workspace-body .button:disabled{filter:none;transform:none;box-shadow:none}
.workspace-body .positive{color:#288475!important}
.workspace-body .negative{color:#ab6074!important}
.metric-card{background:linear-gradient(140deg,#fff,#fffcf9)}
.metric-card:nth-child(4n+2){background:linear-gradient(140deg,#fff,#f9f6ff)}
.metric-card:nth-child(4n+3){background:linear-gradient(140deg,#fff,#f0fbf8)}
.metric-card:nth-child(4n+4){background:linear-gradient(140deg,#fff,#f3f6ff)}
.metric-top{color:#7d7190}
.metric-top svg{color:#7f6d9c}
.metric-value{color:#392d52}
.metric-value small{color:#7d7093}
.metric-bottom{color:#7e7090}
.metric-bottom .positive{background:#e5f4ed}
.workspace-welcome{background:radial-gradient(ellipse at 80% 35%,#d9dcffb0,transparent 55%),radial-gradient(ellipse at 53% 70%,#ffe7d3a0,transparent 55%),linear-gradient(115deg,#f5efff,#fff6ed);border-color:#dfd1f2;box-shadow:0 12px 30px #9171c30d}
.welcome-copy .eyebrow{color:#8669ab}
.welcome-copy .eyebrow svg{color:#8569ad}
.welcome-copy h2{background:linear-gradient(105deg,#57449b,#7964bd 55%,#be7b9d);background-clip:text;-webkit-background-clip:text;color:transparent}
.welcome-copy p{color:#82708e}
.welcome-details{color:#826f8c}
.welcome-details i{background:#65bda2}
.welcome-mascot{filter:drop-shadow(0 12px 15px #8170bb1b)}
.balance-card{background:radial-gradient(ellipse at 100% 0%,#f0e2ff95,transparent 62%),linear-gradient(145deg,#fff,#fffaf6)}
.balance-label{color:#817091}
.balance-label svg{color:#866c9d}
.balance-large{color:#5d3f72}
.balance-large small{color:#817090}
.balance-meta{color:#836f91}
.balance-meta strong{color:#735480}
.period-tabs,.segmented{background:#f3eef9;border-color:#e7dff0}
.period-tabs button,.segmented button{color:#806f93}
.period-tabs button.active,.segmented button.active{background:#e3d9f5;color:#714f9e;box-shadow:0 2px 4px #8f70b613}
.period-tabs button:hover,.segmented button:hover{color:#6f4fa1;background:#ebe2f7}
.chart-summary strong{color:#574067}
.chart-summary>small{color:#826f90}
.chart-labels{color:#816f90}
.area-chart path[stroke="#26304a"]{stroke:#e9e2f1}
.area-chart circle{fill:#9f7ddd;stroke:#f7f0ff}
.area-chart #chart-stroke stop:first-child{stop-color:#9a85dc}
.area-chart #chart-stroke stop:last-child{stop-color:#ba94dd}
.area-chart #chart-fill stop:first-child{stop-color:#b799ea;stop-opacity:.2}
.activity-row,.market-row{border-bottom-color:#eee5ef}
.activity-icon{border-color:#e3d4ee;background:#f0e8f7;color:#886aa3}
.activity-icon.green{color:#517e79;background:#edf7ed;border-color:#d5e8d4}
.activity-icon.orange{color:#936d60;background:#fff3e4;border-color:#f1dac5}
.activity-copy strong{color:#715175}
.activity-copy small{color:#876d8f}
.activity-amount{color:#835d85}
.activity-amount small{color:#816e8e}
.token-icon{background:#e8e6fc;color:#7d6da6}
.token-icon.btc{background:#fff0d5;color:#8b724e}
.token-icon.eth{background:#e8e7fb;color:#776fa3}
.token-icon.sol{background:#e4f6ef;color:#567d80}
.market-row strong{color:#6e537b}
.market-row small{color:#856e8f}
.sparkline polyline[stroke="#72cdb0"]{stroke:#81bca7}
.sparkline polyline[stroke="#d58c9c"]{stroke:#d6a0ae}
.chart-label{color:#826f92}
.workspace-footer{border-top-color:#eee5f1;color:#7f708f}
.footer-network i{background:#bba0dd}
.plan-option{background:#fdf9ff;color:#856c9c;border-color:#e9dbf0;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.plan-option:hover{border-color:#c6a9e0;transform:translateY(-2px)}
.plan-option.active{border-color:#bba0de;background:linear-gradient(135deg,#efe7ff,#fceaf4);box-shadow:0 4px 17px #b594ce1c}
.plan-option strong{color:#765390}
.plan-option strong small{color:#866d96}
.plan-option>span{color:#856d98}
.plan-option .plan-check{border-color:#cdb5d6;background:#fffafd}
.plan-option.active .plan-check{background:#b595dc;border-color:#b89adf;box-shadow:inset 0 0 0 3px #f1e8fb}
.field-label{color:#896b96}
.field-label small{color:#826e90}
.amount-input{border-color:#e2cce9;background:#fffcff;box-shadow:inset 0 2px 4px #a778b007;transition:border-color .2s,box-shadow .2s}
.amount-input:focus-within{border-color:#b19cd9;box-shadow:0 0 0 3px #b9a2e815}
.amount-input input{color:#755185}
.amount-input>span{color:#846e92}
.quick-amounts button{border-color:#ebddec;color:#856d94;background:#f9f0fa;transition:background .2s,color .2s}
.quick-amounts button:hover{background:#f0e2f6;color:#9067a4}
.form-summary{border-top-color:#eddef0}
.form-summary>div{color:#876c95}
.form-summary strong{color:#8c6b97}
.form-summary .summary-total{border-top-color:#eddef0}
.switch-row{color:#8a6b97}
.switch-row small{color:#826e91}
.switch{background:#ded4e9;border-color:#d2c2df}
.switch[aria-checked=true]{background:#b398d8;border-color:#ad8fd2}
.switch:after{background:#fffaff;box-shadow:0 1px 4px #8962a12b}
.form-note{color:#826e93}
.notice{background:#f6edfc;border-color:#ead8f3;color:#866c9a}
.notice svg{color:#836d9f}
.strategy-intro{background:radial-gradient(ellipse at 95% 20%,#efd9ffa0,transparent 65%),linear-gradient(125deg,#f9f2ff,#fff1e9);border-color:#ead8ef}
.strategy-intro h2{color:#8c68a3}
.strategy-intro p{color:#846e96}
.strategy-intro .puffer-crop{opacity:.8}
.step-number{border-color:#e8d5ee;color:#866c9c;background:#f5eafa}
.step-row h3{color:#876b99}
.step-row p{color:#836f94}
.order-card{border-top-color:#ecddee}
.order-name strong{color:#896b9b}
.order-name small{color:#826e94}
.status-pill{border-color:#d4eadc;background:#edf7ed;color:#5d7c75}
.status-pill.neutral{background:#f2eaf9;border-color:#e5d5ee;color:#816f97}
.order-stats span{color:#816e95}
.order-stats strong{color:#876b9b}
.progress-track{background:#f0e5f5}
.progress-track i{background:linear-gradient(90deg,#b6a0e5,#dab4e5)}
.progress-caption,.order-bottom{color:#806f93}
.empty-state{color:#826e98}
.empty-state svg{color:#7f6f97}
.empty-state h3{color:#836e97}
.empty-state p{color:#807094}
.pool-hero{background:radial-gradient(ellipse at 83% 45%,#e8dcff9c,transparent 65%),linear-gradient(120deg,#fbf6ff,#fff1ee);border-color:#e8d9ed}
.pool-hero .pool-icon{border-color:#d2bce5;background:linear-gradient(135deg,#edddff,#f3dcf0);color:#826c9e;box-shadow:0 0 35px #b99bd121}
.pool-submetrics{color:#7f6e92}
.pool-submetrics strong{color:#826f94}
.income-breakdown>div>div{color:#806e95}
.income-breakdown strong{color:#826e97}
.allocation-legend{color:#7f7095}
.d-table th{border-bottom-color:#e5d7ee;color:#806d98}
.d-table td{border-bottom-color:#eee4f4;color:#806e97}
.d-table .table-secondary{color:#7d6f95}
.d-table tbody tr{transition:background .18s}
.d-table tbody tr:hover{background:#f9f4ff}
.member-avatar{background:linear-gradient(135deg,#e4dcff,#f2dcf2);color:#7f6e9c}
.rank-pill{background:#f0e7fb;color:#7e6e99}
.level-badge{background:linear-gradient(145deg,#e3d5fa,#f2ddf0);border-color:#c9b1de;color:#816d9d}
.team-level small{color:#7e7096}
.team-level h2{color:#846e98}
.team-level p{color:#7e6e95}
.team-progress>div:first-child{color:#7e7095}
.team-progress strong{color:#7e7094}
.invite-card{background:radial-gradient(ellipse at 100% 0,#e4d9ff99,transparent 75%),linear-gradient(125deg,#faf5ff,#fff5f4)}
.invite-card h2{color:#826e99}
.invite-card p{color:#7c6f92}
.invite-code{background:#fdfaff;border-color:#e5d7ee;color:#7f7096}
.invite-code button{background:#eee4f8;color:#806f99;transition:background .2s,color .2s}
.invite-code button:hover{background:#e7d8f6;color:#846ca1}
.search-field{border-color:#e7dcf0;background:#fdfbff}
.search-field svg{color:#7d7096}
.search-field input{color:#806f98}
.search-field input::placeholder{color:#7c7195}
.donut:before{background:#fffdfd}
.donut span{color:#7d7095}
.donut strong{color:#806e99}
.asset-legend>div{color:#7d7095}
.asset-legend strong{color:#7f6f96}
.d-select{background:#fbf7ff;border-color:#e5d9ed;color:#7e6f96}
.ecosystem-intro{background:radial-gradient(ellipse at 85% 50%,#e8ddff9c,transparent 60%),linear-gradient(120deg,#faf5ff,#fff4ed);border-color:#e8dbed}
.ecosystem-intro h2{color:#836d9a}
.ecosystem-intro p{color:#7d7094}
.eco-icon{border-color:#e2d2ee;background:#f0e5fa;color:#806f9b}
.eco-card:nth-child(3n+2) .eco-icon{color:#687597;border-color:#d5e3f3;background:#edf5ff}
.eco-card:nth-child(3n) .eco-icon{color:#857179;border-color:#efdcd3;background:#fff4ea}
.eco-card h3{color:#806f97}
.eco-card p{color:#7d7193}
.eco-card .eco-value{color:#806d9a}
.eco-card .eco-value small{color:#7b7094}
.eco-card .text-link{border-top-color:#eadff1}
.eco-tag{color:#7d7095}
.watch-button{color:#797291;transition:color .2s,transform .2s}
.watch-button.active{color:#806da0}
.watch-button:hover{transform:scale(1.15);color:#866aa9}
.market-stat-sub{color:#7b7194}
.subscription-token>.token-icon{background:radial-gradient(circle at 30% 25%,#f6e7ff,#d4bff0 50%,#b9cdf4);color:#fffafd;border-color:#d3c1ea;box-shadow:0 0 25px #c2a4dc2e}
.subscription-token h2{color:#806f98}
.subscription-token p{color:#7b7194}
.distribution-list>div{color:#7b7194}
.distribution-list strong{color:#7f6f97}
.token-price{color:#7d7095}
.token-price strong{color:#826e9a}
.token-price small{color:#7c7095}
#workspace-dialog{border-color:#e5d6ef;background:radial-gradient(ellipse at 100% 0%,#ecdfff90,transparent 58%),#fffdfd;color:#886b9f;box-shadow:0 24px 90px #6f4b8f24}
#workspace-dialog::backdrop{background:#9a83af43;backdrop-filter:blur(9px)}
.dialog-head h2{color:#8965a0}
.dialog-close{border-color:#e8d9f0;color:#826e99;background:#f8f0fc;transition:background .2s,color .2s}
.dialog-close:hover{background:#ecdff6;color:#886ba1}
.dialog-description{color:#826e99}
.dialog-field>label{color:#856d9c}
.dialog-input{background:#fffaff;color:#876c9d;border-color:#dfccea}
.dialog-input:focus{border-color:#b99bd2;box-shadow:0 0 0 3px #cfb3e519}
.dialog-error{color:#96697f}
.success-orb{background:radial-gradient(circle at 35% 25%,#efdfff,#c1a1dc);border-color:#d5bde9;color:#fff9ff;box-shadow:0 0 35px #c4a4df2e}
.dialog-success h3{color:#866c9d}
.dialog-success p{color:#806e99}
.demo-address{background:#fcf6ff;border-color:#e9d8f2;color:#826e9b}
.reward-list>div{color:#7f6e96;border-bottom-color:#eddef4}
.reward-list strong{color:#806d98}
.filter-empty{color:#7d7095}
.workspace-body button:focus-visible,.workspace-body a:focus-visible,.workspace-body input:focus-visible,.workspace-body select:focus-visible{outline-color:#b097d7}
@media(hover:hover) and (pointer:fine){
  .metric-card:hover,.eco-card:hover{transform:translateY(-3px);border-color:#cbb3e6;box-shadow:0 13px 30px #9c7bc519}
}
@media(max-width:800px){
  .sidebar-shade.is-open{background:#6a507a38}
  .mobile-menu{color:#836d9c!important}
  .mobile-tabbar{border-top-color:#e6d8ed;background:#fffdfbf2;box-shadow:0 -5px 22px #a382bb0d}
  .mobile-tabbar a{color:#7d6e96!important;transition:color .2s,transform .2s}
  .mobile-tabbar a.active{color:#8969a8!important}
  .mobile-tabbar a:active{transform:scale(.94)}
}
@media(prefers-reduced-motion:reduce){
  .d-card,.nav-link,.plan-option,.text-link,.watch-button,.mobile-tabbar a{transition:none}
  .d-card:hover,.nav-link:hover,.plan-option:hover,.watch-button:hover{transform:none}
}
@media(max-width:620px){.workspace-welcome .welcome-mascot{width:140px;right:-3px;top:119px;opacity:1}}
@media(max-width:620px){.ecosystem-intro p{max-width:160px}.ecosystem-intro .puffer-crop{width:140px;right:-1px;top:94px;opacity:1}}