/* 06.10.2026: «Простой вид», часть 3. Всё под :root[data-ui="simple"]. */

/* ---------- Телефон: шапка не закреплена и занимает две строки ---------- */
@media(max-width:700px){
  :root[data-ui="simple"] .topbar{position:static!important;top:auto;padding:10px 16px 6px;gap:8px;flex-wrap:wrap}
  :root[data-ui="simple"] .page-heading{flex:1 0 100%}
  :root[data-ui="simple"] #page-title{font-size:1.45rem}
  :root[data-ui="simple"] .page-back{margin-bottom:2px;font-size:.85rem}
  :root[data-ui="simple"] .topbar-actions{display:flex;flex-wrap:nowrap!important;width:100%;gap:6px;align-items:center}
  :root[data-ui="simple"] .topbar-actions .people-search{flex:1 1 auto;min-width:0!important;max-width:none}
  :root[data-ui="simple"] .topbar-actions .people-search input{min-height:38px;padding:7px 12px;font-size:.9rem}
  :root[data-ui="simple"] .topbar-actions>.button,:root[data-ui="simple"] .topbar-actions .type-settings,:root[data-ui="simple"] .topbar-actions .vpn-button,:root[data-ui="simple"] .topbar-actions>button{min-height:38px!important;min-width:38px;padding:6px 9px!important;font-size:.8rem!important;flex:0 0 auto}
  :root[data-ui="simple"] .su-view-toggle{font-size:0!important;width:38px}
  :root[data-ui="simple"] .su-view-toggle::after{content:'⊞';font-size:1rem}
  :root[data-ui="simple"] .profile-avatar{width:38px;height:38px;flex:0 0 38px}
}

/* ---------- Товары и наборы: данные файла ---------- */
:root[data-ui="simple"] .se-count{display:inline-block;background:var(--warn-bg);color:var(--warn-text);border-radius:6px;padding:0 6px;font-size:.75rem;font-weight:700;margin-left:4px}
:root[data-ui="simple"] .se-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card);border-radius:12px;padding:12px 16px;margin:0 0 16px;font-size:.9rem}
:root[data-ui="simple"] .se-lines-bar .se-note{background:transparent;padding:0;margin:0;color:var(--muted);flex:1}
:root[data-ui="simple"] .se-file-icon{width:14px;height:16px;border:1.5px solid var(--muted);border-radius:2px}
:root[data-ui="simple"] .se-sets .ss-tr{grid-template-columns:150px minmax(0,1.6fr) 110px 90px 90px auto}
:root[data-ui="simple"] .se-sets .ss-name{display:grid;gap:4px;justify-items:start}
:root[data-ui="simple"] .se-sets .ss-name small{color:var(--muted)}
:root[data-ui="simple"] .se-src{font-size:.82rem;color:var(--muted);cursor:help}
:root[data-ui="simple"] .se-group{background:var(--card);border-radius:var(--radius);margin-bottom:18px;overflow:hidden}
:root[data-ui="simple"] .se-ghead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line)}
:root[data-ui="simple"] .se-ghead h3{margin:0;font-size:1.05rem}
:root[data-ui="simple"] .se-ghead .ss-mark{margin-left:auto}
:root[data-ui="simple"] .se-ltable{border-radius:0;background:transparent}
:root[data-ui="simple"] .se-ltable .ss-tr{grid-template-columns:130px minmax(0,1.6fr) 130px 110px auto}
:root[data-ui="simple"] .se-miss{color:var(--warn-text);font-weight:500}
:root[data-ui="simple"] .se-qty{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.85rem}
:root[data-ui="simple"] .se-qty input{width:64px;text-align:center;padding:7px 6px;background:var(--warn-bg)!important;border-color:#f0d9a6}
:root[data-ui="simple"] .se-qty input:not(:placeholder-shown){background:var(--input-bg)!important;border-color:var(--input-line)}
:root[data-ui="simple"] .se-gfoot{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--line)}
:root[data-ui="simple"] .se-file #catalog-form-slot:not(:empty){margin-bottom:16px}

/* ---------- Наборы: группировка, матрица, карточки ---------- */
:root[data-ui="simple"] .se-groupby{display:flex;align-items:center;gap:10px;margin-left:auto;color:var(--muted);font-size:.9rem}
:root[data-ui="simple"] .se-groupby select{padding:9px 12px;min-width:170px}
:root[data-ui="simple"] .se-mhead{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:10px}
:root[data-ui="simple"] .se-mhead>div:first-child{margin-right:auto}
:root[data-ui="simple"] .se-mhead h3{margin:0;font-size:1.05rem}
:root[data-ui="simple"] .se-mhead p{margin:2px 0 0;font-size:.85rem}
:root[data-ui="simple"] .se-mlegend{display:flex;gap:16px;font-size:.85rem;color:var(--muted)}
:root[data-ui="simple"] .se-mlegend span{display:inline-flex;align-items:center;gap:6px}
:root[data-ui="simple"] .se-mlegend i{width:12px;height:12px;border-radius:3px;display:inline-block}
:root[data-ui="simple"] .se-mlegend i.ok{background:var(--brand)}
:root[data-ui="simple"] .se-mlegend i.draft{background:var(--draft-bg)}
:root[data-ui="simple"] .se-mlegend i.none{border:1px dashed var(--input-line)}
:root[data-ui="simple"] .se-mhead [data-matrix-month]{padding:9px 12px;font-weight:700}
:root[data-ui="simple"] .se-matrix-body>summary{display:none}
:root[data-ui="simple"] .se-matrix-body .section-head{display:none}
:root[data-ui="simple"] .se-ghead2{font-size:1.1rem;font-weight:750;margin:22px 0 10px}
:root[data-ui="simple"] .se-ghead2 span{color:var(--muted);font-size:.85rem;font-weight:500;margin-left:6px}
:root[data-ui="simple"] .se-card{padding:0!important;overflow:visible}
:root[data-ui="simple"] .se-ctop{display:flex;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--line)}
:root[data-ui="simple"] .se-ctop h3{margin:0 0 4px;font-size:1.15rem}
:root[data-ui="simple"] .se-ctop p{margin:2px 0}
:root[data-ui="simple"] .se-cact{display:flex;gap:8px;align-items:flex-start}
:root[data-ui="simple"] .se-cact>.button:not(.primary){background:var(--card);border-color:var(--line)}
:root[data-ui="simple"] .se-status{display:inline-block;vertical-align:middle;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700;background:var(--surface-3);color:var(--badge-text);margin-left:6px}
:root[data-ui="simple"] .se-status.se-approved{background:var(--brand-soft);color:var(--brand)}
:root[data-ui="simple"][data-theme="dark"] .se-status.se-approved{color:#f08aa3}
:root[data-ui="simple"] .se-status.se-draft{background:var(--draft-bg);color:var(--draft-text)}
:root[data-ui="simple"] .se-cbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;padding:16px 24px 18px}
:root[data-ui="simple"] .se-rule+.se-rule{margin-top:12px}
:root[data-ui="simple"] .se-chips{display:flex;gap:6px;flex-wrap:wrap}
:root[data-ui="simple"] .se-chips span{background:var(--surface-3);border-radius:8px;padding:4px 10px;font-size:.82rem}
:root[data-ui="simple"] .se-lines{border:1px solid var(--line);border-radius:12px}
:root[data-ui="simple"] .se-lines>div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--line)}
:root[data-ui="simple"] .se-lines>div:first-child{border-top:0}
:root[data-ui="simple"] .se-lines b{display:block;font-weight:600}
:root[data-ui="simple"] .se-lines small{color:var(--muted);font-size:.78rem}
:root[data-ui="simple"] .se-cfoot{margin:0;padding:12px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
:root[data-ui="simple"] #catalog-results{display:block}
:root[data-ui="simple"] #catalog-results>article.card+article.card{margin-top:14px}

/* ---------- Мелочи по макетам ---------- */
/* «Команды»: числа основы — основной цвет, заголовки колонок цветные. */
:root[data-ui="simple"] .su-work{color:var(--brand)}
:root[data-ui="simple"][data-theme="dark"] .su-work{color:var(--bar-main)}
:root[data-ui="simple"] .su-teams .su-th>span:nth-child(2){color:var(--brand)}
:root[data-ui="simple"][data-theme="dark"] .su-teams .su-th>span:nth-child(2){color:var(--bar-main)}
:root[data-ui="simple"] .su-teams .su-th .su-sch,:root[data-ui="simple"] .su-sch{color:var(--warn-text)}
/* «Договоры»: «Готово» — основным цветом. */
:root[data-ui="simple"] .ss-docs small.ss-ok{color:var(--brand)}
:root[data-ui="simple"][data-theme="dark"] .ss-docs small.ss-ok{color:var(--bar-main)}
:root[data-ui="simple"][data-theme="dark"] .ss-seg.present{background:var(--bar-main)}
/* «Статистика»: справа — значок комментария вместо стрелки. */
:root[data-ui="simple"].se-metrics .ss-mtable .ss-chev{font-size:0;width:18px;height:18px;transform:none!important;background:currentColor;color:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 12a8 8 0 1 1 3.2 6.4L4 20l1.1-3.6A8 8 0 0 1 4 12Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 12a8 8 0 1 1 3.2 6.4L4 20l1.1-3.6A8 8 0 0 1 4 12Z'/%3E%3C/svg%3E") center/contain no-repeat}
:root[data-ui="simple"].se-metrics .ss-mrow.open .ss-chev{color:var(--brand)}

@media(max-width:800px){
  :root[data-ui="simple"] .se-sets .ss-tr,:root[data-ui="simple"] .se-ltable .ss-tr{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  :root[data-ui="simple"] .se-sets .ss-th,:root[data-ui="simple"] .se-ltable .ss-th{display:none}
  :root[data-ui="simple"] .se-cbody{grid-template-columns:1fr}
  :root[data-ui="simple"] .se-ctop{flex-direction:column}
  :root[data-ui="simple"] .se-groupby{margin-left:0}
}
:root[data-ui="simple"] .se-mhead [data-matrix-month]{width:auto!important;flex:0 0 auto}
.se-head-actions:empty{display:none}
:root[data-ui="simple"] .se-head-actions{display:flex;gap:10px;align-items:center;margin-left:auto}
:root[data-ui="simple"] .se-head-actions>.ss-pagebar{margin:0}
:root:not([data-ui="simple"]) .se-head-actions{display:none}
@media(min-width:1100px){
  :root[data-ui="simple"] .topbar{flex-wrap:wrap;row-gap:10px}
  :root[data-ui="simple"] .page-heading{flex:1 1 300px;min-width:300px}
  :root[data-ui="simple"] .topbar:has(.se-head-actions:not(:empty)) .people-search{display:none}
}
@media(min-width:1100px){
  /* Когда в шапке кнопки раздела — служебные кнопки компактные (подсказка при наведении). */
  :root[data-ui="simple"] .topbar:has(.se-head-actions:not(:empty)) .su-view-toggle{font-size:0!important;width:40px;padding:6px!important}
  :root[data-ui="simple"] .topbar:has(.se-head-actions:not(:empty)) .su-view-toggle::after{content:'⊞';font-size:1rem}
  :root[data-ui="simple"] .topbar:has(.se-head-actions:not(:empty)) .topbar-actions{flex-wrap:nowrap}
}
@media(max-width:700px){
  :root[data-ui="simple"] .topbar-actions>button.su-view-toggle{font-size:0!important;width:38px;min-width:38px;padding:0!important}
  :root[data-ui="simple"] .topbar-actions>button.su-view-toggle::after{content:'⊞';font-size:1rem}
  :root[data-ui="simple"] .topbar-actions .people-search input::placeholder{font-size:.85rem}
}
:root[data-ui="simple"][data-theme="dark"] .topbar-actions .button,:root[data-ui="simple"][data-theme="dark"] .topbar-actions .type-settings,:root[data-ui="simple"][data-theme="dark"] .topbar-actions>button{background:var(--surface-3)!important;border-color:var(--surface-3)!important;color:var(--text)!important}
:root[data-ui="simple"] .se-ltable .ss-name small{display:block;color:var(--muted);font-size:.8rem}

/* ---------- Экран входа и PIN (обе темы простого вида) ---------- */
:root[data-ui="simple"] .auth-shell{background:var(--bg)}
:root[data-ui="simple"] .auth-card{background:var(--card);border-color:var(--line);color:var(--text);box-shadow:var(--shadow-raised,0 14px 40px #00000014)}
:root[data-ui="simple"] .auth-card h1{color:var(--text)}
:root[data-ui="simple"] .auth-card p,:root[data-ui="simple"] .auth-card small{color:var(--muted)}
:root[data-ui="simple"] .auth-card .eyebrow{color:var(--brand)}
:root[data-ui="simple"][data-theme="dark"] .auth-card .eyebrow{color:#f08aa3}
:root[data-ui="simple"] .auth-card .brand-mark{background:var(--brand);color:var(--school)}
:root[data-ui="simple"] .pin-boxes input{background:var(--input-bg)!important;border:1px solid var(--input-line);color:var(--text)}
:root[data-ui="simple"] .pin-boxes input:focus{border-color:var(--brand);outline:2px solid var(--focus)}
:root[data-ui="simple"] .auth-card .button.ghost,:root[data-ui="simple"][data-theme="dark"] .auth-card .button.ghost{background:transparent!important;border-color:transparent!important;color:var(--brand)!important;box-shadow:none}
:root[data-ui="simple"][data-theme="dark"] .auth-card .button.ghost{color:#f08aa3!important}
:root[data-ui="simple"] .auth-card .button.ghost:hover{background:var(--surface-2)!important}
:root[data-ui="simple"] .auth-card .button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
:root[data-ui="simple"] .auth-card .brand-mark{box-shadow:none;border-radius:16px}
:root[data-ui="simple"][data-theme="dark"] .ann-tabs button{color:var(--muted)}
:root[data-ui="simple"][data-theme="dark"] .ann-tabs button.active{color:var(--text);border-color:var(--bar-main)}
/* Старые переменные цвета (styles.css, announcements-ux.css и др.) — через цвета простого вида, чтобы старые блоки перекрашивались днём и ночью. */
:root[data-ui="simple"]{--ink:var(--text);--plum:var(--brand);--plum-light:var(--brand-dark);--lime:var(--school);--accent:var(--brand);--border:var(--line);--success:var(--brand)}
:root[data-ui="simple"][data-theme="dark"]{--success:#7fbf9a;--warning:#f0c46a}