/* Схема «macOS»: точная копия оформления macOS (Sonoma, светлая тема). Палитра фиксирована и НЕ зависит от
   оттенка/светлости/насыщенности прежних цветовых плиток (--th/--tl/--ts). Действует при html[data-sc="macos"]. */
html[data-sc="macos"][data-pf="apple"] {
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ap: #007aff; --primary: #007aff; --acc: #007aff; --dsk-accent: #007aff; --tg-c: #007aff;
  --primary-hover: #0066d6; --acc-d: #0066d6; --primary-soft: rgba(0, 122, 255, .12); --primary-ring: rgba(0, 122, 255, .35);
  --bg: #f5f5f5; --surface: #ffffff; --surface-2: #f5f5f7; --surface-3: rgba(0, 0, 0, .05);
  --text: #1d1d1f; --text-2: #3a3a3c; --muted: #6e6e73; --faint: #98989d;
  --line: rgba(0, 0, 0, .1); --line-strong: rgba(0, 0, 0, .2);
  --fill: rgba(0, 0, 0, .06); --fill-2: rgba(0, 0, 0, .1);
  --danger: #ff3b30; --danger-hover: #d70015; --danger-soft: rgba(255, 59, 48, .1);
  --success: #28c840; --success-soft: rgba(40, 200, 64, .14); --warn: #b25000; --warn-soft: rgba(255, 159, 10, .16);
  --r-sm: 5px; --r: 7px; --r-lg: 10px; --hit: 28px;
  --sh-1: 0 0 0 .5px rgba(0, 0, 0, .1); --sh-2: 0 6px 20px rgba(0, 0, 0, .14); --sh-pop: 0 16px 48px rgba(0, 0, 0, .28);
  --os-grad: linear-gradient(#0a84ff, #0066d6);
}
html[data-sc="macos"][data-pf="apple"] body { font-size: 13px; letter-spacing: 0; -webkit-font-smoothing: antialiased; }
html[data-sc="macos"][data-pf="apple"] h1 { font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
html[data-sc="macos"][data-pf="apple"] h2 { font-size: 15px; font-weight: 600; letter-spacing: 0; }
html[data-sc="macos"][data-pf="apple"] body.login-page { background: var(--mac-wall); }

/* Кнопки AppKit: белая с тонкой рамкой и тенью; основная — синяя с градиентом */
html[data-sc="macos"][data-pf="apple"] .btn { min-height: 28px; padding: 0 12px; border-radius: 6px; background: #fff; color: var(--text); font-weight: 400; border: .5px solid rgba(0, 0, 0, .22); box-shadow: 0 .5px 1px rgba(0, 0, 0, .18); }
html[data-sc="macos"][data-pf="apple"] .btn:hover { background: #fff; border: .5px solid rgba(0, 0, 0, .3); }
html[data-sc="macos"][data-pf="apple"] .btn:active { background: #f0f0f0; transform: none; opacity: 1; }
html[data-sc="macos"][data-pf="apple"] .btn-primary,
html[data-sc="macos"][data-pf="apple"] .btn-create { background: linear-gradient(#3b9bff, #007aff); color: #fff; border: .5px solid rgba(0, 60, 160, .6); box-shadow: 0 .5px 1px rgba(0, 0, 0, .25), inset 0 .5px 0 rgba(255, 255, 255, .35); font-weight: 500; }
html[data-sc="macos"][data-pf="apple"] .btn-primary:hover,
html[data-sc="macos"][data-pf="apple"] .btn-create:hover { background: linear-gradient(#2f90fa, #0070f0); }
html[data-sc="macos"][data-pf="apple"] .btn-soft { background: #fff; color: var(--text); }
html[data-sc="macos"][data-pf="apple"] .input,
html[data-sc="macos"][data-pf="apple"] .select,
html[data-sc="macos"][data-pf="apple"] textarea.input { min-height: 28px; border-radius: 5px; border: .5px solid rgba(0, 0, 0, .25); background-color: #fff; box-shadow: inset 0 .5px 1px rgba(0, 0, 0, .1); font-size: 13px; }
html[data-sc="macos"][data-pf="apple"] .input:focus,
html[data-sc="macos"][data-pf="apple"] .select:focus { outline: 0; border-color: #007aff; box-shadow: 0 0 0 3.5px rgba(0, 122, 255, .35); }
html[data-sc="macos"][data-pf="apple"] .card { border-radius: 10px; border: .5px solid rgba(0, 0, 0, .12); box-shadow: none; background: #fff; }