/* 21st.dev-скин легаси-блоков кабинета (09.09.2026).
 * Те же токены, что у островов: радиус 14px, рамка rgba(0,0,0,.08), тень shadcn.
 * Включается классом body.cab-ui21, который ставит islands.js (main.tsx). */
body.cab-ui21 { --ui21-radius: 14px; --ui21-border: rgba(0, 0, 0, 0.08); --ui21-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); --ui21-ring: rgba(31, 138, 112, 0.22); }
body.cab-ui21 #cabinetBlock .card { border: 1px solid var(--ui21-border); border-radius: var(--ui21-radius); box-shadow: var(--ui21-shadow); }
body.cab-ui21 .btn-primary, body.cab-ui21 .btn-secondary, body.cab-ui21 .spinw-card-btn { border-radius: 10px; font-weight: 500; }
body.cab-ui21 .btn-secondary { border: 1px solid var(--ui21-border); background: #fff; box-shadow: var(--ui21-shadow); }
body.cab-ui21 .btn-secondary:hover { background: rgba(0, 0, 0, 0.04); }
body.cab-ui21 input.input, body.cab-ui21 textarea.input, body.cab-ui21 select.input { border: 1px solid var(--ui21-border); border-radius: 10px; box-shadow: none; }
body.cab-ui21 input.input:focus, body.cab-ui21 textarea.input:focus { border-color: rgba(31, 138, 112, 0.55); box-shadow: 0 0 0 3px var(--ui21-ring); outline: none; }
body.cab-ui21 .cab-quick-btn { border: 1px solid var(--ui21-border); border-radius: var(--ui21-radius); background: #fff; box-shadow: var(--ui21-shadow); }
body.cab-ui21 .cab-quick-btn:hover { border-color: rgba(31, 138, 112, 0.5); }
body.cab-ui21 .cab-quick-btn.is-active { border-color: #1f8a70; background: rgba(31, 138, 112, 0.06); }
body.cab-ui21 .modal-card { border-radius: 18px; border: 1px solid var(--ui21-border); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18); }
body.cab-ui21 .card-fold-head { border-radius: 10px; transition: background 0.14s ease; }
body.cab-ui21 .card-fold-head:hover { background: rgba(0, 0, 0, 0.04); }
body.cab-ui21 .cc-tile, body.cab-ui21 .cabinet-more-item { border-radius: 10px; }
body.cab-ui21 .sbp-plan-option { border-radius: var(--ui21-radius); border: 1px solid var(--ui21-border); }
body.cab-ui21 .cab-side-scroll .card { box-shadow: none; }
/* Карточка профиля-остров внутри старой шапки: шапка становится обычным блоком. */
body.cab-ui21 .cabinet-header.cab-ui21-header { display: block; padding: 0; }
body.cab-ui21 .cabinet-header.cab-ui21-header > .cabinet-avatar-wrap,
body.cab-ui21 .cabinet-header.cab-ui21-header > .cabinet-header-actions { display: none !important; }
body.cab-ui21 .cabinet-header.cab-ui21-header .cabinet-info { margin-top: 8px; }
/* Легаси-узлы, которые подменили острова (см. index.css островов). */
body.cab-ui21:not(.cab-ui21-tabbar-off) #cabTabBar { display: none !important; }
body.cab-ui21:not(.cab-ui21-maintabs-off) .cab-main-tabs { display: none !important; }
body.cab-ui21:not(.cab-ui21-readiness-off) #readinessStrip { display: none !important; }
body.cab-ui21:not(.cab-ui21-streak-off) #streakBlock { display: none !important; }