/* ============================================================
   Скин iOS, только формы, типографика и движение.
   Цвета берутся из темы (themes.css), поэтому банк везде
   выглядит как COIF, а не как чужое приложение.
   ============================================================ */

[data-skin="ios"] {
    --font: -apple-system, 'SF Pro Text', 'SF Pro Display', 'Segoe UI', Inter, system-ui, sans-serif;
    --gutter: 16px;

    --radius-logo: 20px;
    --radius-card: 12px;
    --radius-bankcard: 16px;
    --radius-btn: 13px;
    --radius-input: 10px;
    --radius-sheet: 14px;
    --radius-ico: 8px;
    --radius-chip: 16px;
    --radius-toast: 14px;

    --nav-h: 44px;
    --nav-blur: saturate(180%) blur(22px);
    --nav-title-size: 17px;
    --nav-title-weight: 600;

    --large-title-size: 34px;
    --large-title-weight: 700;
    --large-title-tracking: .012em;
    --large-title-margin: 6px 4px 14px;

    --section-title-size: 13px;
    --section-title-weight: 600;
    --section-title-transform: uppercase;
    --section-title-tracking: .04em;

    --tabbar-h: 50px;
    --tab-icon-size: 26px;
    --tab-label-size: 10px;
    --tab-label-weight: 500;
    --tab-gap: 3px;
    --tab-active-icon-transform: none;
    --tab-in-from: scale(1.015);

    --btn-h: 50px;
    --btn-weight: 600;
    --btn-shadow: none;
    --tap-scale: .97;

    --row-h: 44px;
    --row-pad: 16px;
    --row-divider-inset: 60px;
    --row-ico-size: 30px;

    --input-h: 44px;
    --label-size: 13px;
    --label-weight: 400;
    --label-transform: uppercase;
    --label-tracking: .04em;

    --sheet-pad: 20px;
    --shadow-push: -8px 0 26px rgba(0, 0, 0, .34);
}

/* Тонкие штрихи iOS */
[data-skin="ios"] .nav-btn svg { stroke-width: 2.1; }
[data-skin="ios"] .tab-ico svg { stroke-width: 1.9; }
[data-skin="ios"] .tab.active .tab-ico svg { stroke-width: 2.4; }
[data-skin="ios"] .section-title { margin-left: 16px; }
[data-skin="ios"] .key { border-radius: 50%; }

/* Баннер уведомления в стиле iOS */
[data-skin="ios"] .notif {
    border-radius: 20px;
    background: var(--notif-bg);
    backdrop-filter: saturate(180%) blur(28px);
    -webkit-backdrop-filter: saturate(180%) blur(28px);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .32);
    border: var(--card-border);
}
[data-skin="ios"] .notif-ico { border-radius: 9px; }
[data-skin="ios"] .notif-app { font-size: 11px; letter-spacing: .01em; text-transform: none; }

[data-skin="ios"] .nav .back svg { stroke-width: 2.4; }
[data-skin="ios"] .sheet { border-radius: 14px 14px 0 0; }