/* 06.10.2026: «Простой вид» — основной вид приложения (по просьбе Лизы: «проще читается»).
   Всё под :root[data-ui="simple"]; подробный вид (как было) — без этого атрибута, ничего не меняется. */

:root[data-ui="simple"]{--bg:#f4f2ec;--surface:#fff;--surface-2:#f7f5f0;--surface-3:#efece5;--text:#1f2421;--muted:#6b6f68;--line:#ece8df;--brand:#2f4a35;--brand-dark:#22382a;--brand-soft:#eceee6;--shadow:none;--shadow-raised:0 12px 40px #1f242114;--radius:18px;--card:#fff;--on-brand:#fff;--warn-bg:#fbf3e2;--warn-text:#8a5a12;--school:#c9a86a;--danger:#b42318;--danger-bg:#fbe9e7;--ok-bg:#e8efe4;--chip-active:#1f2421;--badge-text:#4a4f49;--input-bg:#fbfaf7;--input-line:#e2ddd2;--hover:#e6e2d9;--notice-bg:#fbf8f1;--avatar:#3d2e33;--focus:#2f4a3522;--draft-bg:#f3e2b8;--draft-text:#6b4a10}
:root[data-ui="simple"] body,:root[data-ui="simple"] .app-shell{background:var(--bg);color:var(--text)}

/* ---------- Меню слева: простой список ---------- */
@media(min-width:1100px){
  :root[data-ui="simple"] .sidebar{background:var(--card);border-right:1px solid var(--line);color:var(--text);display:flex;flex-direction:column;padding:22px 14px}
  :root[data-ui="simple"] .sidebar-search,:root[data-ui="simple"] .sidebar-footer{display:none}
  :root[data-ui="simple"] .sidebar-brand{padding:4px 8px 22px;gap:12px}
  :root[data-ui="simple"] .brand-symbol{background:var(--brand);color:var(--on-brand);border-radius:9px}
  :root[data-ui="simple"] .brand-wordmark{color:var(--text);letter-spacing:.12em;font-size:1rem}
  :root[data-ui="simple"] .brand-caption{color:var(--muted);font-size:.8rem}
  :root[data-ui="simple"] #desktop-nav{flex:1;display:flex;flex-direction:column;gap:2px;overflow:auto}
  :root[data-ui="simple"] #desktop-nav .nav-group{display:contents}
  :root[data-ui="simple"] #desktop-nav .nav-group-title{display:none}
  :root[data-ui="simple"] #desktop-nav .nav-button{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 12px;border-radius:10px;color:var(--text);font-size:.95rem;font-weight:500;background:transparent;border:0}
  :root[data-ui="simple"] #desktop-nav .nav-button .icon{display:none}
  :root[data-ui="simple"] #desktop-nav .nav-button:hover{background:var(--surface-2)}
  :root[data-ui="simple"] #desktop-nav .nav-button.active{background:var(--brand-soft);color:var(--text);font-weight:650}
  :root[data-ui="simple"] #desktop-nav .nav-count{margin-left:auto;background:var(--danger);color:var(--on-brand);border-radius:999px;font-size:.75rem;font-weight:700;padding:1px 8px;min-width:0}
  :root[data-ui="simple"] #desktop-nav .nav-more-group{order:98;margin-top:10px}
  :root[data-ui="simple"] #desktop-nav .nav-more-group>summary{color:var(--muted);font-size:.85rem;padding:8px 12px;cursor:pointer;list-style:none}
  :root[data-ui="simple"] #desktop-nav [data-view="support"],:root[data-ui="simple"] #desktop-nav [data-view="knowledge"]{order:99;color:var(--muted);font-size:.9rem}
  :root[data-ui="simple"] #desktop-nav .su-bottom-start{margin-top:auto}
}

/* ---------- Шапка: заголовок, дата, поиск, аватар ---------- */
:root[data-ui="simple"] .topbar{background:var(--bg);border-bottom:0;box-shadow:none}
:root[data-ui="simple"] .page-kicker,:root[data-ui="simple"] .header-date,:root[data-ui="simple"] #role-chip{display:none!important}
:root[data-ui="simple"] #page-title{font-size:1.9rem;font-weight:750;letter-spacing:-.02em;color:var(--text)}
:root[data-ui="simple"] #page-description{display:none}
:root[data-ui="simple"][data-su-home] #page-description{display:block;color:var(--muted);font-size:.95rem;margin-top:2px}
:root[data-ui="simple"] .profile-avatar{background:var(--avatar);color:var(--on-brand)}
:root[data-ui="simple"] .people-search input{background:var(--card);border:1px solid var(--line);border-radius:12px}
:root[data-ui="simple"] .su-view-toggle{white-space:nowrap}

/* ---------- Общие элементы во всех разделах ---------- */
:root[data-ui="simple"] .card,:root[data-ui="simple"] .overview-panel,:root[data-ui="simple"] .form-card,:root[data-ui="simple"] .team-card-clickable,:root[data-ui="simple"] .home-count,:root[data-ui="simple"] .staff-issue{background:var(--card);border:1px solid transparent;border-radius:var(--radius);box-shadow:none}
:root[data-ui="simple"] .card .card{background:var(--surface-2)}
:root[data-ui="simple"] .eyebrow{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:600}
:root[data-ui="simple"] .section-head h2{font-size:1.3rem;font-weight:700}
:root[data-ui="simple"] .button{background:var(--surface-3);border:1px solid var(--surface-3);color:var(--text);border-radius:10px;font-weight:650;box-shadow:none}
:root[data-ui="simple"] .button:hover{background:var(--hover);border-color:var(--hover)}
:root[data-ui="simple"] .button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
:root[data-ui="simple"] .button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
:root[data-ui="simple"] .button.danger{background:var(--danger-bg);border-color:var(--danger-bg);color:var(--danger)}
:root[data-ui="simple"] .button.success{background:var(--ok-bg);border-color:var(--ok-bg);color:var(--brand-dark)}
:root[data-ui="simple"] .badge,:root[data-ui="simple"] .team-stage,:root[data-ui="simple"] .chip{background:var(--surface-3);color:var(--badge-text);border:0;border-radius:8px;font-weight:600}
:root[data-ui="simple"] .notice{background:var(--notice-bg);border:0;border-left:0;border-radius:12px;color:var(--text)}
:root[data-ui="simple"] table th{color:var(--muted);font-weight:600;background:transparent}
:root[data-ui="simple"] table td,:root[data-ui="simple"] table th{border-color:var(--line)}
:root[data-ui="simple"] .team-tabs button.active,:root[data-ui="simple"] .tabs button.active{background:var(--brand);color:var(--on-brand)}
:root[data-ui="simple"] input,:root[data-ui="simple"] select,:root[data-ui="simple"] textarea{border-radius:10px}
:root[data-ui="simple"] dialog{border:0;border-radius:20px}

/* ---------- Главная: итог, один список «Требует внимания» ---------- */
:root[data-ui="simple"] .home-welcome h2,:root[data-ui="simple"] .home-welcome>div>p{display:none}
:root[data-ui="simple"] .home-welcome{justify-content:flex-end;margin-bottom:0}
:root[data-ui="simple"] .home-welcome:not(:has(button)){display:none}
:root[data-ui="simple"] .home-columns{display:block}
:root[data-ui="simple"] .home-side{display:none}
:root[data-ui="simple"] .home-counts.su-replaced{display:none}
:root[data-ui="simple"] [data-home-announcements].su-merged,:root[data-ui="simple"] [data-home-upcoming].su-merged{display:none}
:root[data-ui="simple"] .home-tasks-title{margin:30px 0 12px}
:root[data-ui="simple"] .home-tasks-title h2{font-size:1.15rem;font-weight:700}
:root[data-ui="simple"] [data-home-task-count]{display:none}

:root[data-ui="simple"] .su-summary{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;background:var(--card);border-radius:var(--radius);padding:28px 32px;margin-bottom:8px}
:root[data-ui="simple"] .su-total{border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:var(--text)}
:root[data-ui="simple"] .su-total strong{display:block;font-size:2.6rem;line-height:1.05;font-weight:800;letter-spacing:-.03em}
:root[data-ui="simple"] .su-total span{color:var(--muted);font-size:.9rem}
:root[data-ui="simple"] .su-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--surface-3)}
:root[data-ui="simple"] .su-bar i{display:block;min-width:0}
:root[data-ui="simple"] .su-bar .su-school{background:var(--school)}
:root[data-ui="simple"] .su-bar .su-main{background:var(--brand)}
:root[data-ui="simple"] .su-legend{display:flex;gap:24px;margin-top:12px;flex-wrap:wrap}
:root[data-ui="simple"] .su-legend button{border:0;background:transparent;padding:0;font-size:.9rem;color:var(--muted);display:inline-flex;align-items:center;gap:8px;cursor:pointer}
:root[data-ui="simple"] .su-legend b{color:var(--text)}
:root[data-ui="simple"] .su-legend .su-dot{width:10px;height:10px;border-radius:3px;display:inline-block}

:root[data-ui="simple"] .inbox{display:block;background:var(--card);border-radius:var(--radius);padding:4px 24px}
:root[data-ui="simple"] .inbox:empty{display:none}
:root[data-ui="simple"] .inbox-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;column-gap:16px;align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 0;margin:0;box-shadow:none}
:root[data-ui="simple"] .inbox-card:last-child{border-bottom:0}
:root[data-ui="simple"] .inbox-card>*{grid-column:2/4}
:root[data-ui="simple"] .inbox-card>h3{grid-column:2;font-size:1rem;font-weight:650;margin:0}
:root[data-ui="simple"] .inbox-card>p{grid-column:2;font-size:.9rem;color:var(--muted);margin:4px 0 0}
:root[data-ui="simple"] .inbox-card>.su-pill{grid-column:1;grid-row:1/3;justify-self:start}
:root[data-ui="simple"] .inbox-card>.actions{grid-column:3;grid-row:1/3;justify-self:end;margin:0;flex-wrap:nowrap}
:root[data-ui="simple"] .inbox-card>.actions .button:not(:first-child){display:none}
:root[data-ui="simple"] .inbox-card:has(>form,>ul,>.inbox-list,>input)>.actions .button:not(:first-child){display:inline-flex}
:root[data-ui="simple"] .inbox-card:not(:first-child)>.actions .button.primary{background:var(--surface-3);border-color:var(--surface-3);color:var(--text)}
:root[data-ui="simple"] .inbox-card>form,:root[data-ui="simple"] .inbox-card>ul,:root[data-ui="simple"] .inbox-card>.inbox-list{grid-column:2/4;margin-top:12px}
:root[data-ui="simple"] .inbox-card.done{grid-template-columns:minmax(0,1fr)}
:root[data-ui="simple"] .inbox-card.done>*{grid-column:1}
:root[data-ui="simple"] .su-pill{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:32px;padding:0 10px;border-radius:9px;background:var(--surface-3);color:var(--text);font-weight:700;font-size:.95rem}
:root[data-ui="simple"] .su-pill.su-urgent{background:var(--danger-bg);color:var(--danger)}
:root[data-ui="simple"] .su-pill.su-dot{color:var(--muted)}

@media(max-width:700px){
  :root[data-ui="simple"] .su-summary{grid-template-columns:1fr;gap:16px;padding:22px}
  :root[data-ui="simple"] .inbox{padding:2px 16px}
  :root[data-ui="simple"] .inbox-card{grid-template-columns:44px minmax(0,1fr)}
  :root[data-ui="simple"] .inbox-card>.actions{grid-column:2;grid-row:auto;justify-self:start;margin-top:12px;flex-wrap:wrap}
  :root[data-ui="simple"] .inbox-card>*{grid-column:2}
}
:root[data-ui="simple"] .inbox-card.su-extra:first-child .button{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
:root[data-ui="simple"] .inbox>.inbox-more{order:99}
:root[data-ui="simple"] .inbox>.inbox-more>summary{border:0;border-radius:0;background:transparent;padding:16px 0;color:var(--muted);font-weight:600}
:root[data-ui="simple"] .inbox>.inbox-more[open]>summary{margin-bottom:0;border-bottom:1px solid var(--line)}
:root[data-ui="simple"] .inbox>.inbox-card+.inbox-more{border-top:1px solid var(--line)}
/* Заголовок блока с кнопками: кнопки переносятся под заголовок, а не сжимают его. */
:root[data-ui="simple"] .card>.section-head{flex-wrap:wrap;row-gap:8px;margin-top:0}
:root[data-ui="simple"] .card>.section-head>h3{flex:1 0 100%;margin:0}
:root[data-ui="simple"] .card>.section-head>.button{white-space:nowrap}
:root[data-ui="simple"] .section-head.su-dup>h2{display:none}
/* Поля ввода заметны на белых карточках. */
:root[data-ui="simple"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),:root[data-ui="simple"] select,:root[data-ui="simple"] textarea{background:var(--input-bg);border:1px solid var(--input-line)}
:root[data-ui="simple"] input:focus,:root[data-ui="simple"] select:focus,:root[data-ui="simple"] textarea:focus{border-color:var(--brand);outline:2px solid var(--focus)}
:root[data-ui="simple"] .search-field{background:var(--input-bg);border:1px solid var(--input-line);border-radius:10px}
:root[data-ui="simple"] .search-field input{background:transparent!important;border:0!important;outline:0}
@media(max-width:700px){
  :root[data-ui="simple"] #page-title{font-size:1.6rem}
  :root[data-ui="simple"] .inbox-card>.su-pill{align-self:start;min-width:36px;height:28px;font-size:.85rem}
  :root[data-ui="simple"] .su-total strong{font-size:2.2rem}
}
@media(max-width:700px){.su-view-toggle{min-height:36px!important;padding:6px 10px!important;font-size:.8rem!important}}
@media(max-width:700px){
  :root[data-ui="simple"] .topbar{flex-wrap:wrap;row-gap:10px}
  :root[data-ui="simple"] .page-heading{flex:1 0 100%;min-width:0}
  :root[data-ui="simple"] .home-welcome{margin-bottom:12px}
}
:root[data-ui="simple"] .home-welcome{margin-bottom:12px}
:root[data-ui="simple"] [data-home-team-counts]:empty+.home-columns .home-tasks-title{margin-top:4px}

/* ---------- «Команды»: таблица менторов ---------- */
:root[data-ui="simple"]:has(.su-teams) #page-description{display:block;color:var(--muted);font-size:.95rem;margin-top:2px}
:root[data-ui="simple"] .mentor-grid.su-replaced,:root[data-ui="simple"] .su-hidden{display:none}
:root[data-ui="simple"] .su-teams-legend{margin:0 0 16px;color:var(--muted);font-size:.9rem}
:root[data-ui="simple"] .su-teams-legend>span{display:inline-flex;align-items:center;gap:8px}
:root[data-ui="simple"] .su-teams{background:var(--card);border-radius:var(--radius);overflow:hidden}
:root[data-ui="simple"] .su-tr{display:grid;grid-template-columns:minmax(160px,1.3fr) 72px minmax(120px,2fr) 72px 72px;gap:16px;align-items:center;padding:14px 24px;border-top:1px solid var(--line);cursor:pointer}
:root[data-ui="simple"] .su-tr:hover{background:var(--surface-2)}
:root[data-ui="simple"] .su-th{border-top:0;cursor:default;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding-top:16px;padding-bottom:10px}
:root[data-ui="simple"] .su-th:hover{background:transparent}
:root[data-ui="simple"] .su-th .su-mix{text-align:center}
:root[data-ui="simple"] .su-tr>b:first-child{font-weight:650;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-ui="simple"] .su-num{text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
:root[data-ui="simple"] .su-tr>.su-num:last-child{text-align:right}
:root[data-ui="simple"] button.su-num{border:0;background:transparent;font:inherit;font-weight:700;cursor:pointer;border-radius:8px;padding:4px 0}
:root[data-ui="simple"] button.su-num:hover{background:var(--surface-3)}
:root[data-ui="simple"] .su-work{color:var(--brand)}
:root[data-ui="simple"] .su-sch{color:var(--warn-text)}
:root[data-ui="simple"] .su-mix .su-bar{gap:3px;background:transparent}
:root[data-ui="simple"] .su-mix .su-bar i{border-radius:4px}
:root[data-ui="simple"] .su-loose{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--warn-bg);border-radius:var(--radius);padding:18px 24px;margin-top:24px}
:root[data-ui="simple"] .su-loose h3{margin:0;font-size:1rem}
:root[data-ui="simple"] .su-loose p{margin:4px 0 0;color:var(--muted);font-size:.9rem}
:root[data-ui="simple"] .su-loose .su-pill{background:var(--card);color:var(--warn-text)}
:root[data-ui="simple"] .su-loose .button{background:var(--card);border-color:var(--card)}
@media(max-width:700px){
  :root[data-ui="simple"] .su-tr{grid-template-columns:minmax(0,1fr) 48px 48px 48px;gap:8px;padding:12px 14px}
  :root[data-ui="simple"] .su-tr>.su-mix{display:none}
  :root[data-ui="simple"] .su-loose{grid-template-columns:auto 1fr;padding:16px}
  :root[data-ui="simple"] .su-loose .button{grid-column:1/3}
}
:root[data-ui="simple"] .section-head.su-dup{align-items:center;margin-top:8px}
:root[data-ui="simple"] .section-head.su-dup>.su-teams-legend{margin:0 auto 0 0;display:flex;gap:24px}
@media(max-width:700px){
  :root[data-ui="simple"] .su-th{font-size:.6rem;letter-spacing:.02em}
  :root[data-ui="simple"] .su-tr>b:first-child{white-space:normal}
  :root[data-ui="simple"] .section-head.su-dup>.su-teams-legend{flex:1 0 100%;margin-bottom:6px}
}