/* 25 Oct 2026 (branding chat, owner "Deploy all now"): signed-in dashboard in the Main design + signal pro layer (D-042 phase 3).
   Cream paper / navy night, chunky press controls, sticker call word, Joki mascot. Follows html[data-theme]. Pairs with tm-dash.js + tm-joki.js.
   Scoped to html.tm-app (set by tm-dash.js) and #workspace, .f2-tabs, .tm-pro. Landing (#auth) is not touched. */
html.tm-app{--a-bg:#FFF7EC;--a-fg:#15192B;--a-mute:#565E78;--a-card:#FFFFFF;--a-edge:#15192B;--a-soft:#F3EADB;--a-yellow:#FFD000;--a-buy:#12924A;--a-sell:#E0342B;--a-buyf:#CDEFD9;--a-sellf:#FFD6D1}
html.tm-app[data-theme="dark"]{--a-bg:#121626;--a-fg:#F4F1EA;--a-mute:#A8AEC4;--a-card:#1D2338;--a-edge:#05060B;--a-soft:#1A2034;--a-buy:#3FC47A;--a-sell:#FF6A5E;--a-buyf:#173A28;--a-sellf:#43201E}
html.tm-app body:has(#workspace:not([hidden])){background:var(--a-bg)!important}
html.tm-app #workspace{background:var(--a-bg)!important;color:var(--a-fg)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important}
/* top bar */
html.tm-app #workspace .topbar{background:var(--a-bg)!important;color:var(--a-fg)!important;border-bottom:2.5px solid var(--a-edge)!important;box-shadow:none!important}
html.tm-app #workspace .topbar .brand{background:#fff!important;color:#15192B!important;border:2px solid #15192B!important;border-radius:8px!important;padding:3px 10px 3px 6px!important;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--a-edge)!important;text-decoration:none!important;gap:6px!important;min-height:36px}
html.tm-app #workspace .topbar .brand .brand-wordmark{font-weight:950!important;font-style:italic!important;text-transform:uppercase!important;letter-spacing:-.02em!important;color:#15192B!important}
html.tm-app #workspace .topbar .brand svg{background:#FFD000!important;color:#15192B!important;border-radius:5px!important}
html.tm-app #workspace .topbar .pilot-tag{display:none!important}
html.tm-app #workspace .topbar .account>button,html.tm-app #workspace .topbar .account .jr-lang{min-width:44px!important;min-height:44px!important;border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--a-card)!important;color:var(--a-fg)!important;font-weight:850!important;box-shadow:none!important}
html.tm-app #workspace .topbar .account svg{color:var(--a-fg)!important;stroke:currentColor}
html.tm-app #workspace .topbar #account-name{color:var(--a-mute)!important}
/* desktop market rail */
html.tm-app #workspace .market-controls{background:transparent!important}
html.tm-app #workspace .segmented .family-options button{border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--a-card)!important;color:var(--a-fg)!important;font-weight:900!important;font-style:italic}
html.tm-app #workspace .segmented .family-options button.selected{background:var(--a-yellow)!important;color:#15192B!important}
html.tm-app #workspace .seg-family{color:var(--a-mute)!important;font-weight:900!important;font-style:italic;text-transform:uppercase!important}
html.tm-app #workspace .time-controls button{border:2px solid var(--a-edge)!important;border-radius:10px!important;background:var(--a-card)!important;color:var(--a-fg)!important;font-weight:850!important}
html.tm-app #workspace .time-controls button.selected{background:var(--a-fg)!important;color:var(--a-bg)!important}
html.tm-app #workspace .page-heading h1,html.tm-app #workspace .fr-now h2,html.tm-app #workspace .jr-hub h2{font-weight:950!important;font-style:italic!important;text-transform:uppercase!important;letter-spacing:-.03em!important;color:var(--a-fg)!important}
/* notices */
html.tm-app #workspace .notice{border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--a-card)!important;color:var(--a-fg)!important}
html.tm-app #workspace .notice.fr-show,html.tm-app #workspace #feed-warning{background:#FFE9A8!important;color:#15192B!important}
html.tm-app #workspace .fr-refresh,html.tm-app #workspace #refresh{border:2.5px solid #15192B!important;border-bottom-width:4px!important;border-radius:12px!important;background:#FFD000!important;color:#15192B!important;font-weight:900!important}
/* signal card */
html.tm-app #workspace #signal-card{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--a-fg)!important}
html.tm-app #workspace .sc-action{font-weight:950!important;font-style:italic!important;letter-spacing:-.05em!important;line-height:.95!important;display:inline-block!important}
html.tm-app #workspace .sc.buy .sc-action,html.tm-app #workspace .sc.sell .sc-action{color:#fff!important;padding:2px 14px 6px!important;border:2.5px solid var(--a-edge)!important;box-shadow:4px 4px 0 var(--a-edge)!important;transform:rotate(-2deg)}
html.tm-app #workspace .sc.buy .sc-action{background:var(--a-buy)!important}
html.tm-app #workspace .sc.sell .sc-action{background:var(--a-sell)!important}
html.tm-app #workspace .sc.wait .sc-action{color:var(--a-mute)!important}
html.tm-app #workspace .sc-line,html.tm-app #workspace .sc-small,html.tm-app #workspace .jr-agree{color:var(--a-mute)!important}
html.tm-app #workspace .pin-btn{border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:12px!important;background:var(--a-card)!important;color:var(--a-fg)!important;font-weight:850!important}
html.tm-app #workspace .mtf-item{border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--a-card)!important;color:var(--a-fg)!important}
html.tm-app #workspace .mtf-item.jr-tf-on{background:var(--a-soft)!important;outline:3px solid var(--a-yellow)!important;outline-offset:1px}
/* chart card */
html.tm-app #workspace .chart-card{border:2.5px solid var(--a-edge)!important;border-bottom-width:5px!important;border-radius:18px!important;box-shadow:none!important;background:var(--a-card)!important}
html.tm-app #workspace .p-tfchip{border:2px solid var(--a-edge)!important;border-radius:8px!important;font-weight:900!important;font-style:italic}
/* what now + pager + hub */
html.tm-app #workspace .fr-now,html.tm-app #workspace .jr-hub,html.tm-app #workspace .first-look{border:2.5px solid var(--a-edge)!important;border-bottom-width:5px!important;border-radius:18px!important;background:var(--a-card)!important;box-shadow:none!important;color:var(--a-fg)!important}
html.tm-app #workspace .fr-now ol li i{background:var(--a-yellow)!important;color:#15192B!important;border:2px solid var(--a-edge)!important;font-style:italic;font-weight:950}
html.tm-app #workspace .fr-nav button{border:2.5px solid var(--a-edge)!important;border-bottom-width:5px!important;border-radius:16px!important;font-weight:900!important;min-height:52px!important}
html.tm-app #workspace .fr-nav .next{background:var(--a-yellow)!important;color:#15192B!important}
html.tm-app #workspace .fr-nav .prev{background:var(--a-card)!important;color:var(--a-fg)!important}
html.tm-app #workspace .jr-tile{border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:16px!important;background:var(--a-soft)!important;color:var(--a-fg)!important}
html.tm-app #workspace .jr-tile b{font-weight:900!important}
html.tm-app #workspace .install-entry{border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--a-card)!important;color:var(--a-fg)!important;font-weight:850!important}
html.tm-app #workspace .founder-help summary{border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--a-yellow)!important;color:#15192B!important;box-shadow:none!important}
html.tm-app #workspace .founder-help summary::before{color:#15192B!important}
/* phone: market list (f2) */
html.tm-app .f2-head h1{font-weight:950!important;font-style:italic!important;text-transform:uppercase!important;letter-spacing:-.04em!important;font-size:36px!important}
html.tm-app .f2-live i{animation:none!important;background:var(--a-buy)!important}
html.tm-app .f2-chip{border:2px solid var(--a-edge)!important;border-radius:10px!important;background:var(--a-card)!important;color:var(--a-fg)!important;font-weight:900!important}
html.tm-app .f2-chip.buy{background:var(--a-buy)!important;color:#fff!important}
html.tm-app .f2-chip.sell{background:var(--a-sell)!important;color:#fff!important}
html.tm-app .f2-fam{font-weight:950!important;font-style:italic!important;text-transform:uppercase!important;font-size:17px!important;color:var(--a-fg)!important;margin:18px 0 8px 0!important}
html.tm-app .f2-box{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;background:transparent!important;border:0!important;overflow:visible!important}
html.tm-app .f2-row{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;min-height:104px!important;padding:12px!important;border:2.5px solid var(--a-edge)!important;border-bottom-width:5px!important;border-radius:18px!important;background:var(--a-card)!important;position:relative}
html.tm-app .f2-box .f2-row:first-child{border-top:2.5px solid var(--a-edge)!important}
html.tm-app .f2-row:has(.f2-pill.buy){background:var(--a-buyf)!important}
html.tm-app .f2-row:has(.f2-pill.sell){background:var(--a-sellf)!important}
html.tm-app .f2-row[aria-current="true"]{outline:3px solid var(--a-yellow);outline-offset:2px}
html.tm-app .f2-row .f2-nm{order:2}
html.tm-app .f2-row .f2-nm b{font-size:18px!important;font-weight:950!important;font-style:italic!important;letter-spacing:-.02em}
html.tm-app .f2-row .f2-nm span{white-space:normal!important;font-weight:700}
html.tm-app .f2-pill{order:1;min-width:0!important;padding:2px 10px!important;border-radius:9px!important;border:2px solid var(--a-edge)!important;font-style:italic;font-weight:950!important;background:var(--a-card)!important;color:var(--a-fg)!important}
html.tm-app .f2-pill.buy{background:var(--a-buy)!important;color:#fff!important}
html.tm-app .f2-pill.sell{background:var(--a-sell)!important;color:#fff!important}
html.tm-app .f2-pill.delayed{background:#FFB547!important;color:#15192B!important}
.tm-lhead{display:flex;align-items:flex-start;gap:10px;margin:10px 0 2px}
.tm-lhead .tm-j{flex:0 0 auto}
.tm-bub{position:relative;flex:1;min-width:0;margin:4px 0 0;background:var(--a-card);color:var(--a-fg);border:2.5px solid var(--a-edge);border-bottom-width:5px;border-radius:18px;padding:9px 13px;font-weight:750;font-size:15px;line-height:1.35}
.tm-bub::before{content:"";position:absolute;left:-10px;top:16px;width:14px;height:14px;background:var(--a-card);border-left:2.5px solid var(--a-edge);border-bottom:2.5px solid var(--a-edge);transform:rotate(45deg)}
/* phone: tabs + top bar + owner tools */
html.tm-app .f2-tabs{background:var(--a-bg)!important;border-top:2.5px solid var(--a-edge)!important;gap:8px;padding:8px 10px env(safe-area-inset-bottom,0px)!important;height:calc(74px + env(safe-area-inset-bottom,0px))!important}
html.tm-app .f2-tabs button{border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--a-card)!important;color:var(--a-fg)!important;height:56px;gap:1px!important}
html.tm-app .f2-tabs button[aria-current="page"]{background:var(--a-yellow)!important;color:#15192B!important}
html.tm-app .f2-tabs .f2-ic{width:auto!important;height:24px!important;background:transparent!important;color:inherit!important}
html.tm-app .f2-sigtop button{border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--a-card)!important;font-weight:850!important}
html.tm-app .f2-sigtop .f2-back{padding:0 12px 0 6px!important}
html.tm-app .f2-own h2{font-weight:950!important;font-style:italic!important;text-transform:uppercase!important}
html.tm-app .f2-own-grid>*{border:2.5px solid var(--a-edge)!important;border-bottom-width:5px!important;border-radius:18px!important;background:var(--a-card)!important;min-height:92px!important}
html.tm-app .f2-own-grid>*:first-child{background:var(--a-yellow)!important;color:#15192B!important}
html.tm-app .f2-own-grid>*:first-child span{color:#3A4057!important}
html.tm-app .f2-own-grid b{font-weight:950!important;font-style:italic;font-size:17px!important}
/* owner workspace inside the dashboard */
html.tm-app #members-view .panel,html.tm-app #members-view section.panel{border:2.5px solid var(--a-edge)!important;border-bottom-width:5px!important;border-radius:18px!important;background:var(--a-card)!important;box-shadow:none!important}
html.tm-app #members-view button.primary,html.tm-app #members-view .primary{border:2.5px solid #15192B!important;border-bottom-width:5px!important;border-radius:14px!important;background:#FFD000!important;color:#15192B!important;font-weight:900!important}
html.tm-app #members-view button.secondary,html.tm-app #members-view .secondary{border:2.5px solid var(--a-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--a-card)!important;color:var(--a-fg)!important}
html.tm-app #members-view input:not([type=checkbox]):not([type=radio]),html.tm-app #members-view select{border:2.5px solid var(--a-edge)!important;border-radius:12px!important}
/* signal pro layer */
.tm-pro{margin:14px 0;display:flex;flex-direction:column;gap:12px;color:var(--a-fg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.tm-pro[hidden]{display:none}
.tm-take{display:flex;gap:10px;align-items:flex-start;background:var(--a-soft);border-radius:16px;padding:10px 12px}
.tm-take p{margin:0;font-size:15px;line-height:1.4}
.tm-box{background:var(--a-card);border:2.5px solid var(--a-edge);border-bottom-width:5px;border-radius:18px;padding:12px 14px}
.tm-bh{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.tm-bh b{font-size:16px;font-weight:950}
.tm-rr{font-weight:950;font-style:italic;font-size:13.5px;background:var(--a-yellow);color:#15192B;border:2px solid var(--a-edge);border-radius:8px;padding:1px 8px;white-space:nowrap}
.tm-stt{font-size:12.5px;font-weight:900;white-space:nowrap}
.tm-stt.ok{color:var(--a-buy)}.tm-stt.mid{color:#B76E00}.tm-stt.warn{color:var(--a-sell)}
html[data-theme="dark"] .tm-stt.mid{color:#FFB547}
.tm-sm{font-size:11px;font-weight:850;letter-spacing:.05em;color:var(--a-mute)}
.tm-plan table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.tm-plan th{text-align:right;font-size:11.5px;color:var(--a-mute);font-weight:800;padding:0 0 5px}
.tm-plan th:first-child,.tm-plan td:first-child{text-align:left}
.tm-plan td{text-align:right;padding:7px 0;border-top:1.5px solid var(--a-soft);font-weight:750}
.tm-plan td:nth-child(2){font-weight:900}
.tm-plan tr.t td:nth-child(3){color:var(--a-buy)}.tm-plan tr.s td:nth-child(3){color:var(--a-sell)}
.tm-k{display:inline-block;width:12px;height:3px;border-radius:2px;vertical-align:middle;margin-right:6px;background:var(--a-fg)}
.tm-k.t{background:var(--a-buy)}.tm-k.s{background:var(--a-sell)}
.tm-now{margin:8px 0 0;font-size:13.5px;color:var(--a-mute);font-variant-numeric:tabular-nums}
.tm-now b{color:var(--a-fg)}.tm-now b.dn{color:var(--a-sell)}.tm-now b.up{color:var(--a-buy)}
.tm-track{position:relative;height:30px;border:2px solid var(--a-edge);border-radius:10px;display:flex;margin-top:28px}
.tm-track .zs{background:var(--a-sellf);border-radius:8px 0 0 8px}
.tm-track .zt{flex:1;background:var(--a-buyf);border-radius:0 8px 8px 0}
.tm-track .en{position:absolute;top:-4px;bottom:-4px;width:0;border-left:2px dashed var(--a-fg)}
.tm-track .me{position:absolute;top:-8px;bottom:-8px;width:4px;margin-left:-2px;background:var(--a-yellow);border:1.5px solid var(--a-edge);border-radius:3px}
.tm-track .me em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:2px;font-style:italic;font-weight:950;font-size:11px;background:var(--a-yellow);color:#15192B;border:1.5px solid var(--a-edge);border-radius:5px;padding:0 4px}
.tm-trl{display:flex;justify-content:space-between;font-size:11.5px;font-weight:750;color:var(--a-mute);margin-top:6px;font-variant-numeric:tabular-nums}
.tm-tfg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tm-tfg div{border:2px solid var(--a-edge);border-radius:12px;padding:7px 8px;background:var(--a-soft)}
.tm-tfg .up{background:var(--a-buyf)}.tm-tfg .dn{background:var(--a-sellf)}
.tm-tfg span{display:block;font-size:12px;font-weight:800;color:var(--a-mute)}
.tm-tfg b{display:block;font-size:16px;font-weight:950;font-style:italic}
.tm-tfg .up b{color:var(--a-buy)}.tm-tfg .dn b{color:var(--a-sell)}
.tm-tfg small{font-size:11.5px;font-weight:750;color:var(--a-mute)}
.tm-chk{display:flex;gap:10px;align-items:flex-start;margin-top:10px;font-size:14.5px;cursor:pointer}
.tm-chk input{width:22px;height:22px;accent-color:#15192B;margin:0;flex:0 0 auto}
html[data-theme="dark"] .tm-chk input{accent-color:#FFD000}
.tm-fine{font-size:12.5px;color:var(--a-mute);margin:8px 0 0}
.tm-pro .tm-joki,.tm-lhead .tm-joki{display:block;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)}
@media (min-width:900px){.tm-pro{display:grid;grid-template-columns:1fr 1fr;align-items:start}.tm-pro>.tm-take,.tm-pro>.tm-fine{grid-column:1/-1}}
html.tm-app #workspace .topbar .account svg,html.tm-app #workspace .topbar .account svg *{stroke:var(--a-fg)!important}
html.tm-app #workspace .topbar .account svg [fill]:not([fill="none"]){fill:var(--a-fg)!important}
@media (max-width:460px){html.tm-app #workspace .topbar .brand .brand-wordmark{font-size:0!important}html.tm-app #workspace .topbar .brand .brand-wordmark::after{content:"JOKI";font-size:15px}}
.tm-pro label.tm-chk{margin:10px 0 0!important;padding:0!important;min-height:0!important;font-weight:600!important}