/* ===== "Plain" — a quieter look, on trial =====
   Switched on by html.mkr-plain (index.html reads localStorage 'mkr.style').
   What it changes, and why: the cream page, terracotta accent, serif numbers,
   pastel icon bubbles, everything in a rounded card, glass bars, coloured
   washes behind the page and small UPPERCASE labels are the set of defaults
   that make a screen read as machine-made. Here: a neutral page, one accent
   (the venue's own, from its logo), one typeface, hairlines instead of
   shadows, and hierarchy from type size and spacing. */
html.mkr-plain{
  --paper:#F6F6F4; --paper-2:#FFFFFF; --card:#FFFFFF;
  --ink:#17171A; --ink-soft:#5C5C63; --ink-faint:#85858C;
  --line:rgba(23,23,26,.11); --line-2:rgba(23,23,26,.07);
  --radius:10px; --radius-lg:14px;
  --shadow:none; --shadow-soft:none;
  --ink-grad:var(--ink);
  --glass-bar:var(--paper); --glass-thick:var(--card);
}
html.mkr-plain[data-theme="dark"]{
  --paper:#111113; --paper-2:#18181B; --card:#1C1C1F;
  --ink:#EDEDEF; --ink-soft:#A1A1A8; --ink-faint:#7A7A82;
  --line:rgba(237,237,239,.12); --line-2:rgba(237,237,239,.07);
}

/* One typeface. The system's own — SF / PingFang — reads natively on an
   iPhone and a Mac, and nothing is serif. */
html.mkr-plain body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",Roboto,sans-serif;
  background:var(--paper) !important;background-image:none !important;font-feature-settings:"tnum" 1}
html.mkr-plain[lang="zh-TW"] body{font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}
html.mkr-plain *:not(svg):not(svg *){font-family:inherit !important}
html.mkr-plain .serif{font-weight:700;letter-spacing:-.01em}

/* No washes, no glass: flat surfaces with a hairline where two meet. */
html.mkr-plain .main, html.mkr-plain .shell, html.mkr-plain .content, html.mkr-plain .login-wrap{background:var(--paper) !important;background-image:none !important}
html.mkr-plain body::before, html.mkr-plain body::after, html.mkr-plain .shell::after{background:none !important}
html.mkr-plain .topbar{background:var(--paper) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-bottom:1px solid var(--line)}
html.mkr-plain .mobile-nav{background:var(--card) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:0 0 0 1px var(--line) !important}
html.mkr-plain .sidebar{background:var(--paper) !important;border-right:1px solid var(--line)}
html.mkr-plain .modal, html.mkr-plain .navsheet{background:var(--card) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:0 20px 50px -20px rgba(0,0,0,.35), 0 0 0 1px var(--line) !important}

/* Cards: a hairline, a small radius, no shadow, no hover lift. */
html.mkr-plain .card, html.mkr-plain .tile, html.mkr-plain .statcell, html.mkr-plain .al-item,
html.mkr-plain .staff-today, html.mkr-plain .today-clear{box-shadow:none !important;border:1px solid var(--line);border-radius:12px;background:var(--card)}
html.mkr-plain .tile:hover, html.mkr-plain .card:hover{transform:none !important}

/* Section labels in sentence case, the size of a heading, not tiny capitals. */
html.mkr-plain .section-title, html.mkr-plain .today-label, html.mkr-plain .nav-sep, html.mkr-plain .k,
html.mkr-plain .tag{text-transform:none !important;letter-spacing:0 !important;font-size:14px;font-weight:650;color:var(--ink)}

/* Icons as plain line icons — no pastel bubble behind each one. */
html.mkr-plain .ds-li-ic, html.mkr-plain .tile-ic, html.mkr-plain .ns-ic, html.mkr-plain .kv-row-ic,
html.mkr-plain .empty .em, html.mkr-plain .today-clear-ic{background:none !important;box-shadow:none !important;color:var(--ink-soft) !important}

/* Big numbers: the same face, tight and tabular — not a display serif. */
html.mkr-plain .stat .v, html.mkr-plain .kpi-value, html.mkr-plain .tile-num, html.mkr-plain .statcell b{font-weight:700;letter-spacing:-.02em}

/* Buttons: solid, square-ish, no gradient or glow. */
html.mkr-plain .btn{border-radius:9px;box-shadow:none !important}
html.mkr-plain .btn-dark{background:var(--ink) !important;color:var(--paper) !important}
html.mkr-plain .btn-accent{background:var(--accent) !important}
html.mkr-plain .btn-ghost{background:var(--card);border:1px solid var(--line)}
html.mkr-plain .input{border-radius:9px;box-shadow:none}
html.mkr-plain .pill{border-radius:6px}

/* "Nothing here" is a line of text, not a dashed box. */
html.mkr-plain .empty{border:none !important;background:none !important;padding:18px 4px !important;text-align:left}
html.mkr-plain .empty .em{display:none}

/* The selected item in a menu: a quiet fill, not a filled brand block. */
html.mkr-plain .nav-item.active{background:var(--card) !important;color:var(--ink) !important;box-shadow:inset 0 0 0 1px var(--line) !important;font-weight:650}
html.mkr-plain .nav-item.active .ic{color:var(--accent)}