/* Личный кабинет (студенты и сотрудники) - оформление в стиле раздела
   «Помощь по порталу» (градиентный хедер, рукописный акцент на заголовках,
   плитки быстрых действий, карточки с лёгкой тенью). Логика не меняется -
   только внешний вид поверх cabinet.css. */

#accountSection{--ac-a:#16233d;--ac-b:#27407a;--ac-c:#e0405a}

/* ---- Хедер профиля: как op-hero ---- */
.vk-head{position:relative;overflow:hidden;border-radius:22px;box-shadow:none}
.vk-head::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.vk-cover{background:linear-gradient(120deg,var(--ac-a) 0%,var(--ac-b) 55%,var(--ac-c) 130%)!important}
.vk-name{font-family:"Segoe Print","Bradley Hand","Comic Sans MS","Marker Felt",cursive;font-weight:700;letter-spacing:.01em}

/* ---- Вкладки кабинета: как op-tabs (капсулы) ---- */
.cab-tabs{background:transparent;padding:0;gap:8px;box-shadow:none;backdrop-filter:none}
.cab-tabs button{flex:none;border:1.5px solid var(--line,#d9dee8);background:var(--paper-raised,#fff);border-radius:999px;padding:9px 17px;box-shadow:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.cab-tabs button:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(22,35,61,.12)}
.cab-tabs button.on{background:var(--ac-a);color:#fff;box-shadow:none}

/* ---- Карточки (ID-карта, карточка сотрудника, лента, настройки) ---- */
.id-card,.staff-card,.feed-card,.set-card,.doc-intro{border:1px solid var(--line,#e3e7ef);box-shadow:none;border-radius:18px;transition:box-shadow .25s,transform .25s}
.feed-card:hover,.set-card:hover{box-shadow:0 10px 28px rgba(22,35,61,.08)}
.feed-card h3,.set-card h3{font-family:"Segoe Print","Bradley Hand","Comic Sans MS","Marker Felt",cursive;font-weight:700;letter-spacing:.01em}

/* ---- Быстрые действия: список строками, как чат-лист в Telegram, вместо
   плотной сетки из ярлыков - одна колонка, меньше визуального шума ---- */
.qa-grid{display:flex;flex-direction:column;gap:2px;grid-template-columns:none;background:var(--paper-raised,#fff);border:1px solid var(--line,#e3e7ef);border-radius:18px;padding:6px;margin:0 0 18px;overflow:hidden}
.qa{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:10px 10px;border-radius:12px;box-shadow:none;background:transparent}
.qa b{width:42px;height:42px;border-radius:50%;font-size:19px;flex:none}
.qa span{font-size:14.5px;font-weight:600}
.qa::after{content:"›";margin-left:auto;font-size:19px;color:var(--ink-soft,#9aa3b5);font-weight:400}
.qa:hover{transform:none;box-shadow:none;background:rgba(127,127,127,.08);border-color:transparent}
.qa:active{background:rgba(127,127,127,.14)}
.qa+.qa{border-top:1px solid var(--line,#eef0f4)}

@media (prefers-reduced-motion:reduce){.qa,.cab-tabs button,.feed-card,.set-card{transition:none!important}}
html[data-theme=dark] .id-card,html[data-theme=dark] .staff-card,html[data-theme=dark] .feed-card,html[data-theme=dark] .set-card,html[data-theme=dark] .doc-intro,html[data-theme=dark] .qa-grid{border-color:rgba(255,255,255,.12)}
html[data-theme=dark] .cab-tabs button{background:#141d30;border-color:rgba(255,255,255,.14)}
html[data-theme=dark] .qa+.qa{border-top-color:rgba(255,255,255,.08)}
html[data-theme=dark] .qa:hover{background:rgba(255,255,255,.06)}