/* ============================================================
   Скин HyperOS (Xiaomi), формы и движение.
   Цвета берутся из темы.
   ============================================================ */

[data-skin="hyperos"] {
    --font: 'MiSans', 'Mi Sans', Inter, 'Segoe UI', system-ui, sans-serif;
    --gutter: 18px;

    --radius-logo: 24px;
    --radius-card: 22px;
    --radius-bankcard: 24px;
    --radius-btn: 26px;
    --radius-input: 18px;
    --radius-sheet: 28px;
    --radius-ico: 13px;
    --radius-chip: 18px;
    --radius-toast: 22px;

    --nav-h: 52px;
    --nav-blur: blur(20px);
    --nav-title-size: 17px;
    --nav-title-weight: 600;

    --large-title-size: 32px;
    --large-title-weight: 700;
    --large-title-tracking: -.02em;
    --large-title-margin: 8px 4px 16px;

    --section-title-size: 14px;
    --section-title-weight: 600;
    --section-title-transform: none;
    --section-title-tracking: -.01em;

    --tabbar-h: 60px;
    --tab-icon-size: 24px;
    --tab-label-size: 10.5px;
    --tab-label-weight: 500;
    --tab-gap: 4px;
    --tab-active-icon-transform: translateY(-1px) scale(1.06);
    --tab-in-from: scale(.97);

    --btn-h: 52px;
    --btn-weight: 600;
    --btn-shadow: 0 6px 18px -8px var(--accent);
    --tap-scale: .96;

    --row-h: 50px;
    --row-pad: 16px;
    --row-divider-inset: 62px;
    --row-ico-size: 34px;

    --input-h: 50px;
    --label-size: 13px;
    --label-weight: 600;
    --label-transform: none;
    --label-tracking: -.01em;

    --sheet-pad: 22px;
    --shadow-push: -10px 0 30px rgba(0, 0, 0, .38);
}

[data-skin="hyperos"] .tab-ico svg { stroke-width: 2; }
[data-skin="hyperos"] .tab.active .tab-ico svg { stroke-width: 2.6; }
[data-skin="hyperos"] .list { border-radius: 22px; }
[data-skin="hyperos"] .quick-item { padding: 15px 4px; }
[data-skin="hyperos"] .key { border-radius: 50%; }
[data-skin="hyperos"] .btn { letter-spacing: -.01em; }
[data-skin="hyperos"] .btn.ghost { box-shadow: none; }

/* Уведомление-капсула HyperOS */
[data-skin="hyperos"] .notif {
    border-radius: 26px;
    background: var(--notif-bg);
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .34);
    padding: 13px 15px;
}
[data-skin="hyperos"] .notif-ico { border-radius: 12px; }
[data-skin="hyperos"] .notif-title { font-weight: 700; letter-spacing: -.01em; }
[data-skin="hyperos"] .notif-app { text-transform: none; font-size: 11px; }