/* 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: corners through the radius tokens ----------
   Appdrop brand package (operator 2026-10-14): controls about 9px, cards about 12px, large sheets 16px; pills and
   avatars keep their own full rounding. Replaces the square DOS-like corners of 2026-10-09. */
html:root body:is(.kb-app,.fd-public){
  --kr-5:6px;--kr-6:6px;--kr-7:9px;--kr-8:9px;--kr-9:9px;--kr-10:9px;--kr-11:12px;--kr-12:12px;--kr-13:12px;--kr-14:12px;--kr-15:12px;
  --kr-16:16px;--kr-17:16px;--kr-18:16px;--kr-20:16px;--kr-22:16px;
  --r:12px;--r-btn:9px;--r-card:12px;--r-input:9px;
  }
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:9px!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}