/* Appdrop shell, app and Explore only: no side column, no More panel, square corners in the app.
 *
 * The top bar itself (logo, links, controls, phone link row) and the footer are ONE block in /ent/theme.css, shared by
 * every page (operator 2026-10-09: "It should be the same across all pages"); public/ent-shell.js writes the links.
 * Operator 2026-10-09: "remove the left side nav tree", then "and remove the MORE": the old #sidebar stays in the DOM
 * (page scripts write to its ids) and is never shown.
 *
 * Loaded after app-skin.css on the app and after the inlined skin on Explore; the html:root body prefix and the
 * !important flags are there because the inherited Kickback/ORO sheets position the sidebar with both.
 */

/* ---------- no docked column: content takes the full width ---------- */
html:root{--side-w:0px;--sidebar-w:0px}
/* Brand refresh 2026-10-11: the left column is back as the shared sidebar (public/ent/theme.css sets the body offset at
   1100 px and up), so nothing here zeroes the body padding any more. */
html:root body .main-wrap{margin-left:0!important}
html:root body .hamburger{display:none!important}

/* ---------- no panel, no drawer (operator 2026-10-09: "and remove the MORE"). The old tree stays in the DOM for the page
   scripts that write to its ids, and is never shown. ---------- */
html:root body .left-sidebar,html:root body .left-sidebar.open{display:none!important}
html:root body .scrim,html:root body .scrim.open{display:none!important}
html:root body .ent-more-tab,html:root body .ent-more-btn{display:none!important}

/* ---------- app shell: square corners through the radius tokens ----------
   Operator 2026-10-09 asked for a square, DOS-like Explore; the top bar is shared, so the app shell follows it at the
   token level only (corners), without touching its component styles. Landing, /how and the legal pages keep the
   design system's radii: this block is scoped to the two shells and public/ent/theme.css is unchanged. */
html:root body:is(.kb-app,.fd-public){
  --kr-5:0px;--kr-6:0px;--kr-7:0px;--kr-8:0px;--kr-9:0px;--kr-10:0px;--kr-11:0px;--kr-12:0px;--kr-13:0px;--kr-14:0px;--kr-15:0px;
  --kr-16:0px;--kr-17:0px;--kr-18:0px;--kr-20:0px;--kr-22:0px;--kr-99:0px;
  --r:0px;--r-btn:0px;--r-card:0px;--r-input:0px;
  }   /* brand refresh 2026-10-11: the --ent-r-* tokens come from theme.css (rounded components) */
/* Many app components carry literal radii (pills, 50% avatars, the vault cards built in script), so the corner rule is
   a blanket one, as on Explore. Shadows and fills in the app are left alone: the operator asked for the Explore page. */
html:root body.kb-app *,html:root body.kb-app *::before,html:root body.kb-app *::after{border-radius:0!important}
html:root body.kb-app .spinner{border-radius:50%!important}
html:root body.kb-app :is(.topbar,.fd-tabbar){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
html:root body.kb-app .fd-tabbar{background:var(--ent-sheet)!important;border-top:var(--ent-bw-box,1px) solid var(--ent-line,var(--ent-ink))!important}
html:root body.kb-app .fd-tabbar .fd-tb{font-family:var(--ent-font);border-radius:var(--ent-r-ctl)!important}
html:root body.kb-app :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ent-ink)!important;outline-offset:1px;box-shadow:none!important}
/* The wallet button on the sign-in card carries an id-level radius. */
html:root body.kb-app #fd-gate #fd-phantom-btn.fd-wallet-wide{border-radius:0!important}

/* ---------- QA 2026-10-09: nothing in the app shell casts a shadow, in either theme (compat.css sets one with
   html[data-theme] + #pane-home + !important, so this selector is deliberately heavier), and the My coins stat labels
   are mono like every other label. ---------- */
html:root:root[data-theme] body.kb-app.kb-app #app *,html:root:root[data-theme] body.kb-app.kb-app #app *::before,html:root:root[data-theme] body.kb-app.kb-app #app *::after,
html:root:root body.kb-app.kb-app #pane-home :is(.fdd-search,.fdd-stats,.fdd-card),html:root:root body.kb-app.kb-app .card{box-shadow:none!important}
html:root body.kb-app :is(.fdd-stat-label,.fdd-stat-sub,.fdd-metric-label,.fdd-sortbtn .fbl){font-family:var(--ent-font)!important;font-variation-settings:normal;letter-spacing:0!important}