/* 26 Oct 2026 branding chat (D-048, owner "makesure semua dah guna DNA baru"): DNA clean-up layer.
   The old Slip / nbdy tokens (lime #DCE75E, ink #1A1A1A / #10191C, sage, grey cards) still painted parts that
   no tm-* skin covered. This file maps them to "Tampal + Main" (D-042) and restyles the left-over controls.
   Loaded LAST on index.html, join.html, privacy.html. Display only. Undo = remove the <link> tags. */
:root{--tb-bg:#FFF7EC;--tb-fg:#15192B;--tb-mute:#565E78;--tb-card:#FFFFFF;--tb-edge:#15192B;--tb-soft:#F3EADB;--tb-yel:#FFD000;--tb-cob:#2340FF;
 --nb-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display:var(--nb-font);--body:var(--nb-font);--font-mono:var(--nb-font);
 --nb-bg:#FFF7EC;--nb-ink:#15192B;--nb-muted:rgba(21,25,43,.68);--nb-soft:rgba(21,25,43,.05);--nb-line:rgba(21,25,43,.14);--nb-lime:#FFD000;--nb-sage:#F3EADB;
 --card:#FFFFFF;--surface:#FFFFFF;--tint:#F3EADB;--line-2:rgba(21,25,43,.22);--lime:#FFD000}
html[data-theme="dark"]{--tb-bg:#121626;--tb-fg:#F4F1EA;--tb-mute:#A8AEC4;--tb-card:#1D2338;--tb-edge:#05060B;--tb-soft:#1A2034;--tb-cob:#8FA0FF;
 --nb-bg:#121626;--nb-ink:#F4F1EA;--nb-muted:rgba(244,241,234,.7);--nb-soft:rgba(244,241,234,.06);--nb-line:rgba(244,241,234,.14);--nb-sage:#1A2034;
 --card:#1D2338;--surface:#1D2338;--tint:#1A2034;--line-2:rgba(244,241,234,.22)}

/* fonts: no web font is loaded; old rules named Schibsted Grotesk / Figtree first */
body.tm-join h1,body.tm-join h2,body.tm-join .brand,body.tm-join .tm-hl,main.privacy h1,main.privacy h2,.founder-help,.founder-help summary,.founder-help .help-card{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important}

/* logo mark + hub tile dots: lime -> yellow */
header.topbar>a.brand::before{background:var(--tb-yel)!important;color:#15192B!important}
.jr-tile>b::before{background:var(--tb-yel)!important;box-shadow:0 0 0 1.5px var(--tb-edge)!important}

/* desktop nav bar (old dark band + eyebrow tab) */
#workspace nav.main-nav{background:transparent!important;border:0!important;box-shadow:none!important}
#workspace nav.main-nav button{min-height:44px;background:var(--tb-card)!important;color:var(--tb-fg)!important;border:2.5px solid var(--tb-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;text-transform:none!important;letter-spacing:0!important;font:800 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;padding:0 16px!important}
#workspace nav.main-nav button.nav-active{background:var(--tb-yel)!important;color:#15192B!important}

/* chosen market chip + chosen timeframe tile: lime ring -> ink */
html body #workspace .family-options>button.selected{border-color:var(--tb-edge)!important;outline:0!important}
html body #workspace .family-options>button.selected .mk-badge{color:#15192B!important}
html body #workspace .market-controls .segmented [data-symbol].selected,html body #workspace .segmented [data-symbol].selected{border-color:var(--tb-edge)!important}
html body #workspace .segmented [data-symbol].selected .mk-badge{color:#15192B!important}
html body #workspace #mtf .mtf-item.jr-tf-on{border-color:var(--tb-edge)!important;outline:0!important;box-shadow:3px 3px 0 var(--tb-edge)!important}
html body #workspace .canvas-wrap>span.p-tfchip{background:var(--tb-card)!important;color:var(--tb-fg)!important;border:2px solid var(--tb-edge)!important}

/* founder help card link + landing legal link */
.founder-help .help-card{background:var(--tb-card)!important;color:var(--tb-fg)!important;border:2.5px solid var(--tb-edge)!important;border-bottom-width:5px!important;border-radius:16px!important}
.founder-help a.help-link{background:var(--tb-yel)!important;color:#15192B!important;border:2.5px solid #15192B!important;border-bottom-width:4px!important;border-radius:14px!important;font-weight:800!important}
p.fr-legal a{color:inherit!important;text-decoration:underline!important}

/* toast + neutral count tags */
#toast{background:var(--tb-fg)!important;color:var(--tb-bg)!important;border:2.5px solid var(--tb-edge)!important;border-radius:14px!important;font-weight:700!important}
.section-heading .tag.neutral{background:var(--tb-soft)!important;color:var(--tb-fg)!important;border:2px solid var(--tb-edge)!important;border-radius:8px!important}

/* feedback box (Slip style) -> Main */
dialog#feedback-dialog{background:var(--tb-bg)!important;color:var(--tb-fg)!important;border:2.5px solid var(--tb-edge)!important;border-bottom-width:6px!important;border-radius:18px!important;box-shadow:none!important}
#feedback-title{font:italic 900 24px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;text-transform:uppercase!important;letter-spacing:-.02em!important}
#feedback-dialog fieldset label{background:var(--tb-card)!important;color:var(--tb-fg)!important;border:2.5px solid var(--tb-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;font-weight:800!important}
#feedback-dialog fieldset label:has(input:checked){background:var(--tb-yel)!important;color:#15192B!important}
#feedback-dialog input[type=radio]{accent-color:#15192B!important}
#feedback-text,#feedback-file{background:var(--tb-card)!important;color:var(--tb-fg)!important;border:2.5px solid var(--tb-edge)!important;border-radius:14px!important;box-shadow:none!important}
#feedback-text:focus,#feedback-file:focus{outline:3px solid var(--tb-cob)!important;outline-offset:2px!important;box-shadow:none!important}
#feedback-dialog .fb-actions button{min-height:48px;border:2.5px solid var(--tb-edge)!important;border-bottom-width:5px!important;border-radius:14px!important;text-transform:none!important;letter-spacing:0!important;font:800 16px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;padding:0 18px!important;box-shadow:none!important}
#feedback-dialog .fb-actions button.primary{background:var(--tb-yel)!important;color:#15192B!important}
#feedback-dialog .fb-actions button.secondary{background:var(--tb-card)!important;color:var(--tb-fg)!important}

/* owner Client access + landing owner sign-in form: inputs and buttons */
#members-view input:not([type=checkbox]):not([type=radio]),#members-view select,#members-view textarea,#login-form input{background:var(--tb-card)!important;color:var(--tb-fg)!important;border:2.5px solid var(--tb-edge)!important;border-radius:14px!important;box-shadow:none!important}
#members-view input:focus,#members-view select:focus,#members-view textarea:focus,#login-form input:focus{outline:3px solid var(--tb-cob)!important;outline-offset:2px!important}
#members-view button.primary,#members-view button.secondary,#login-form button{border:2.5px solid var(--tb-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;text-transform:none!important;letter-spacing:0!important;font-weight:800!important;box-shadow:none!important}
#members-view button.primary,#login-form button.primary{background:var(--tb-yel)!important;color:#15192B!important}
#members-view button.secondary{background:var(--tb-card)!important;color:var(--tb-fg)!important}
html body #members-view h2{font:italic 900 22px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:-.02em!important}

/* landing footer links, FAQ install button, install dialog */
html body .fr-foot a.fr-link{background:#FFFFFF!important;color:#15192B!important;border:2.5px solid #05060B!important;border-bottom-width:4px!important;border-radius:14px!important;font-weight:800!important}
html body p.fr-installrow .install-entry{min-height:48px!important;height:auto!important;padding:10px 18px!important;line-height:1.2!important;background:#FFFFFF!important;color:#15192B!important;border:2.5px solid #15192B!important;border-bottom-width:4px!important;border-radius:14px!important;font-weight:800!important}
body:has(> #auth.public-home:not([hidden])){background:#0C0F1C!important}
dialog.install-dialog{background:var(--tb-bg)!important;color:var(--tb-fg)!important;border:2.5px solid var(--tb-edge)!important;border-bottom-width:6px!important;border-radius:18px!important;box-shadow:none!important}
dialog.install-dialog button{min-height:46px;border:2.5px solid var(--tb-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--tb-card)!important;color:var(--tb-fg)!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important}
dialog.install-dialog button#install-now{background:var(--tb-yel)!important;color:#15192B!important}