/* HK Ads Desk - Funds (Fund Desk, funddesk.js). Same hairline glass as the rest of the desk; colour only where it means something. */
.fd-root{position:relative;padding-bottom:150px}
.fd-kicker{display:inline-flex;align-items:center;gap:6px;font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.fd-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.fd-pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;padding:6px 11px;border-radius:999px;color:var(--soft);background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--hair2)}
.fd-pill.good{color:var(--good);background:var(--goodbg);box-shadow:inset 0 0 0 1px rgba(62,207,142,.25)}
.fd-pill.bad{color:#ff9a95;background:var(--badbg);box-shadow:inset 0 0 0 1px rgba(255,95,87,.28)}
.fd-pill.warn{color:var(--warn);background:var(--warnbg);box-shadow:inset 0 0 0 1px rgba(240,180,76,.25)}
.fd-closed{background:rgba(255,95,87,.08);color:#ffb3ae;box-shadow:inset 0 0 0 1px rgba(255,95,87,.25)}
.fd-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}
.fd-tile{all:unset;cursor:pointer;display:grid;gap:2px;padding:13px 15px;border-radius:var(--r);background:rgba(255,255,255,.03);box-shadow:var(--edge),0 0 0 1px var(--hair);transition:background .15s,box-shadow .15s}
.fd-tile:hover{background:rgba(255,255,255,.055);box-shadow:var(--edge),0 0 0 1px var(--hair2)}
.fd-tile span{font-size:12.5px;color:var(--muted)}
.fd-tile b{font-size:26px;font-weight:400;letter-spacing:-.03em}
.fd-tile small{font-size:11.5px;color:var(--dim)}
.fd-tile.bad b{color:var(--bad)}.fd-tile.warn b{color:var(--warn)}.fd-tile.good b{color:var(--good)}.fd-tile.ice b{color:var(--accent)}
.fd-n{font:500 11.5px var(--mono);color:var(--muted);margin-left:3px}
.fd-selrow{display:flex;gap:8px;margin-bottom:10px}
.fd-card{border-radius:var(--r);padding:14px 16px;margin-bottom:12px;background:rgba(255,255,255,.025);box-shadow:var(--edge),0 0 0 1px var(--hair);display:grid;gap:10px;animation:in .25s both;transition:box-shadow .15s,background .15s}
.fd-card.on{background:rgba(169,216,240,.045);box-shadow:var(--edge),0 0 0 1px rgba(169,216,240,.35)}
.fd-card.out{border-left:3px solid var(--bad)}.fd-card.low{border-left:3px solid rgba(255,95,87,.55)}.fd-card.soon{border-left:3px solid var(--warn)}
.fd-card.done{opacity:.62}
.fd-c-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}
.fd-tick input{width:19px;height:19px;margin:3px 0 0;accent-color:#a9d8f0;cursor:pointer}
.fd-who b{font-size:15.5px;font-weight:500;margin-right:4px}
.fd-who .tag{margin-left:2px}
.fd-g{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.fd-group{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--soft)}
.fd-group.bad{color:#ff9a95}
.fd-nums{display:grid;grid-template-columns:repeat(3,auto);gap:4px 18px;text-align:right}
.fd-nums div{display:grid}
.fd-nums span{font-size:11.5px;color:var(--muted)}
.fd-nums b{font-size:17px;font-weight:500;font-family:var(--mono);letter-spacing:-.02em}
.fd-nums.sm b{font-size:15px}
.fd-asks{display:grid;gap:3px;font-size:12.5px}
.fd-asks span{display:flex;align-items:center;gap:6px;min-width:0}
.fd-note{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.03)}
.fd-note.good{color:var(--good);background:var(--goodbg)}.fd-note.warn{color:var(--warn);background:var(--warnbg)}
.fd-draft{display:grid;gap:8px}
.fd-draft textarea{min-height:150px;font-size:13.5px;line-height:1.5}
.fd-opts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px}
.fd-opt{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12.5px}
.fd-opt b{font-family:var(--sans);font-size:12px;color:var(--muted);margin:0}
.fd-opt.pick{color:var(--text);background:rgba(169,216,240,.12);box-shadow:var(--edge),0 0 0 1px rgba(169,216,240,.45)}
.fd-opt.static{cursor:default}
.fd-calc{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
.fd-calc input{width:110px;padding:5px 9px;font-size:12.5px}
.fd-calc em{font-style:normal;font-size:12px;color:var(--accent);min-width:58px}
.fd-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fd-acts .grow,.fd-go .grow{flex:1}
.fd-check{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--soft);cursor:pointer}
.fd-check input{width:15px;height:15px;accent-color:#a9d8f0}
.fd-call{opacity:.55}
.fd-again>summary{cursor:pointer;color:var(--muted);font-size:12.5px;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:4px 0}
.fd-again>summary::-webkit-details-marker{display:none}
.fd-again>summary::before{content:"▸";font-size:11px}.fd-again[open]>summary::before{content:"▾"}
.fd-again[open]>summary{margin-bottom:8px}
.fd-small{font-size:12px}
.fd-q{margin:0;padding:10px 14px;border-left:2px solid var(--accent);background:rgba(169,216,240,.05);border-radius:0 8px 8px 0;font-size:14px;color:var(--text);display:grid;gap:4px}
.fd-q small{color:var(--muted);font-size:11.5px}
.fd-list{display:grid;gap:6px}
.fd-li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.025);box-shadow:0 0 0 1px var(--hair);font-size:13px}
.fd-log{display:grid;gap:6px}
.fd-lrow{border-radius:10px;background:rgba(255,255,255,.025);box-shadow:0 0 0 1px var(--hair);padding:8px 12px}
.fd-lrow summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;cursor:pointer;font-size:13px;list-style:none}
.fd-lrow summary::-webkit-details-marker{display:none}
.fd-lrow pre{margin-top:8px}
.fd-lt{font:500 12px var(--mono);color:var(--muted);min-width:96px}
/* the send bar: stays at the bottom of the screen while ticking */
/* between the voice robot (bottom left) and the Claude button (bottom right) */
.fd-send{position:fixed;left:max(100px,calc(50% - 600px));right:max(180px,calc(50% - 600px));bottom:16px;z-index:40;display:grid;gap:9px;padding:12px 14px;border-radius:16px;
  background:rgba(18,20,24,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--edge),0 0 0 1px var(--hair2),0 30px 60px -20px #000;
  opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .2s ease,transform .25s ease}
.fd-send.show{opacity:1;transform:none;pointer-events:auto}
.fd-pay{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px}
.fd-pay input{flex:1 1 220px;min-width:180px;padding:7px 10px;font-size:13px}
.fd-pay .chip{font-size:12px;padding:5px 9px}
.fd-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13.5px}
.fd-go .btn.primary{min-width:120px}
/* dialogs */
.fd-cfl{display:grid;gap:5px;max-height:280px;overflow:auto}
.fd-cf{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px}
.fd-prev summary{cursor:pointer;color:var(--muted);font-size:12.5px;margin-bottom:6px}
.fd-prog{display:grid;gap:7px;max-height:360px;overflow:auto}
.fd-pr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.03)}
.fd-pr .fd-small{flex-basis:100%}
.fd-gl{display:grid;gap:4px;max-height:320px;overflow:auto}
.fd-gi{all:unset;cursor:pointer;padding:8px 11px;border-radius:8px;font-size:13.5px;background:rgba(255,255,255,.03);box-shadow:0 0 0 1px var(--hair)}
.fd-gi:hover{background:rgba(169,216,240,.08)}
@media (max-width:980px){.fd-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){
  .fd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-tile b{font-size:22px}
  .fd-c-head{grid-template-columns:auto minmax(0,1fr)}
  .fd-nums{grid-column:1 / -1;text-align:left;justify-content:start}
  .fd-calc{margin-left:0}
  .fd-send{left:8px;right:8px;bottom:calc(150px + env(safe-area-inset-bottom))}     /* above the tab bar, the robot and the Claude button */
  .fd-root{padding-bottom:330px}
}
