/* 06.10.2026: разделы «Простого вида» по макетам Лизы. Всё под :root[data-ui="simple"]. */
:root[data-ui="simple"]{--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"] .ss-menu{position:relative;display:inline-block}
:root[data-ui="simple"] .ss-menu>summary{list-style:none;cursor:pointer;min-width:44px;justify-content:center;letter-spacing:.1em;background:var(--card);border-color:var(--line)}
:root[data-ui="simple"] .ss-menu>summary::-webkit-details-marker{display:none}
:root[data-ui="simple"] .ss-menu-list{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:290px;background:var(--card);border-radius:14px;box-shadow:0 14px 40px #1f242122;padding:6px;display:grid;gap:2px}
:root[data-ui="simple"] .ss-menu-item{display:grid;gap:2px;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--text);font:inherit}
:root[data-ui="simple"] .ss-menu-item:hover{background:var(--surface-2)}
:root[data-ui="simple"] .ss-menu-item strong{font-weight:650;font-size:.92rem}
:root[data-ui="simple"] .ss-menu-item small{color:var(--muted);font-size:.8rem}

/* ---------- Чеки ---------- */
:root[data-ui="simple"]:has(.ss-receipts-view) #page-description{display:block;color:var(--muted);font-size:.95rem;margin-top:2px}
:root[data-ui="simple"] .ss-receipts-view>.button.primary.small{display:none}
:root[data-ui="simple"] .ss-receipts-view .page-toolbar{justify-content:flex-end;margin-bottom:8px}
:root[data-ui="simple"] .ss-receipts-view .toolbar-copy{display:none}
:root[data-ui="simple"] .ss-receipts-view .toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
:root[data-ui="simple"] .ss-receipts-view .toolbar-actions>.button:not(.primary){background:var(--card);border-color:var(--line)}
:root[data-ui="simple"] .ss-receipts-view .toolbar-actions .icon{display:none}
:root[data-ui="simple"] .ss-receipts-view .filter-bar{background:transparent;border:0;box-shadow:none;padding:0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 18px}
:root[data-ui="simple"] .ss-receipts-view .filter-tabs{display:flex;gap:8px;flex-wrap:wrap;background:transparent;padding:0}
:root[data-ui="simple"] .ss-receipts-view .filter-tab{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 14px;font-weight:600;color:var(--text);box-shadow:none}
:root[data-ui="simple"] .ss-receipts-view .filter-tab span{background:transparent;color:inherit;padding:0;margin:0}
:root[data-ui="simple"] .ss-receipts-view .filter-tab span::before{content:' · '}
:root[data-ui="simple"] .ss-receipts-view .filter-tab.active{background:var(--chip-active);border-color:var(--chip-active);color:var(--on-brand)}
:root[data-ui="simple"] .ss-receipts-view .filter-bar .search-field{min-width:260px;background:var(--card)}
:root[data-ui="simple"] .ss-group{margin-bottom:26px}
:root[data-ui="simple"] .ss-group-head{display:flex;align-items:baseline;gap:12px;margin:0 0 12px;flex-wrap:wrap}
:root[data-ui="simple"] .ss-group-head h3{margin:0;font-size:1.12rem;font-weight:750}
:root[data-ui="simple"] .ss-due{color:var(--muted);font-size:.88rem}
:root[data-ui="simple"] .ss-late{font-size:.88rem;font-weight:650}
:root[data-ui="simple"] .ss-red{color:var(--danger)}
:root[data-ui="simple"] .ss-amber{color:var(--warn-text)}
:root[data-ui="simple"] .ss-remind-all{margin-left:auto;background:var(--card);border-color:var(--line);min-height:36px;padding:6px 14px}
:root[data-ui="simple"] .ss-rows{background:var(--card);border-radius:var(--radius);overflow:hidden}
:root[data-ui="simple"] .ss-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto auto;gap:16px;align-items:center;padding:12px 20px;border-top:1px solid var(--line)}
:root[data-ui="simple"] .ss-row:first-child{border-top:0}
:root[data-ui="simple"] .ss-row[hidden]{display:none}
:root[data-ui="simple"] .ss-row .receipt-avatar{width:34px;height:34px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--badge-text)}
:root[data-ui="simple"] .ss-name{display:grid;min-width:0}
:root[data-ui="simple"] .ss-name b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-ui="simple"] .ss-fix{color:var(--danger);font-size:.8rem}
:root[data-ui="simple"] .ss-meta{color:var(--muted);font-size:.88rem;white-space:nowrap}
:root[data-ui="simple"] .ss-act{display:flex;gap:8px;justify-content:flex-end;min-width:120px}
:root[data-ui="simple"] .ss-act .button{min-height:36px;padding:6px 14px}
:root[data-ui="simple"] .ss-show-all{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;padding:14px 20px;color:var(--brand);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}
:root[data-ui="simple"] .ss-show-all:hover{background:var(--surface-2)}
@media(max-width:700px){
  :root[data-ui="simple"] .ss-row{grid-template-columns:34px minmax(0,1fr);row-gap:6px;padding:12px 14px}
  :root[data-ui="simple"] .ss-row .ss-meta{grid-column:2;white-space:normal}
  :root[data-ui="simple"] .ss-act{grid-column:2;justify-content:flex-start}
  :root[data-ui="simple"] .ss-receipts-view .filter-bar .search-field{min-width:0;flex:1 0 100%}
  :root[data-ui="simple"] .ss-menu-list{right:auto;left:0;min-width:250px}
}

/* ---------- Школа и общие таблицы ---------- */
:root[data-ui="simple"]:has(.ss-tabs) #page-description,:root[data-ui="simple"]:has(.ss-contracts) #page-description{display:block;color:var(--muted);font-size:.95rem;margin-top:2px}
:root[data-ui="simple"] .ss-pagebar{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:-4px 0 8px}
:root[data-ui="simple"] .ss-pagebar>.button:not(.primary){background:var(--card);border-color:var(--line)}
:root[data-ui="simple"] .ss-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:0 0 18px;overflow-x:auto}
:root[data-ui="simple"] .ss-tabs button{border:0;background:transparent;padding:10px 0;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
:root[data-ui="simple"] .ss-tabs button.active{color:var(--text);border-bottom-color:var(--text)}
:root[data-ui="simple"] .ss-filterbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 16px}
:root[data-ui="simple"] .ss-chips{display:flex;gap:8px;flex-wrap:wrap}
:root[data-ui="simple"] .ss-chips button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 14px;font:inherit;font-weight:600;font-size:.9rem;color:var(--text);cursor:pointer}
:root[data-ui="simple"] .ss-chips button.active{background:var(--chip-active);border-color:var(--chip-active);color:var(--on-brand)}
:root[data-ui="simple"] input.ss-search{min-width:260px;background:var(--card)!important;padding:10px 14px}
:root[data-ui="simple"] .ss-table{background:var(--card);border-radius:var(--radius);overflow:visible}
:root[data-ui="simple"] .ss-table .ss-tr{display:grid;grid-template-columns:36px minmax(0,1.6fr) 150px minmax(0,1.2fr) auto;gap:16px;align-items:center;padding:12px 20px;border-top:1px solid var(--line)}
:root[data-ui="simple"] .ss-table .ss-th{border-top:0;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding-top:14px;padding-bottom:10px}
:root[data-ui="simple"] .ss-bulk{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--surface-3);border-radius:var(--radius) var(--radius) 0 0}
:root[data-ui="simple"] .ss-bulk[hidden]{display:none}
:root[data-ui="simple"] .ss-bulk>span{margin-right:auto;font-weight:600}
:root[data-ui="simple"] .ss-bulk .button:not(.primary){background:var(--card);border-color:var(--card)}
:root[data-ui="simple"] .ss-check input{width:18px;height:18px;accent-color:var(--brand)}
:root[data-ui="simple"] .ss-name small{color:var(--muted);font-size:.8rem}
:root[data-ui="simple"] .ss-status{display:inline-block;border-radius:8px;padding:3px 10px;font-size:.8rem;font-weight:600;background:var(--surface-3);color:var(--badge-text)}
:root[data-ui="simple"] .ss-status.ss-study{background:var(--ok-bg);color:var(--brand-dark)}
:root[data-ui="simple"] .ss-status.ss-closed{background:var(--danger-bg);color:var(--danger)}
:root[data-ui="simple"] .ss-table .ss-act{min-width:0;align-items:center}
:root[data-ui="simple"] .ss-table .ss-act>.button{background:var(--card);border-color:var(--line);white-space:nowrap}
:root[data-ui="simple"] .ss-row-menu>summary{min-width:36px;min-height:36px;padding:4px 8px;background:transparent;border-color:transparent}
:root[data-ui="simple"] .ss-row-menu[open]>summary{background:var(--surface-3)}
:root[data-ui="simple"] .ss-menu-list hr{border:0;border-top:1px solid var(--line);margin:4px 8px}
:root[data-ui="simple"] .ss-menu-item.ss-danger strong{color:var(--danger);font-weight:600}
:root[data-ui="simple"] .ss-foot{font-size:.85rem;margin-top:16px}
@media(max-width:700px){
  :root[data-ui="simple"] .ss-table .ss-tr{grid-template-columns:28px minmax(0,1fr);row-gap:6px;padding:12px 14px}
  :root[data-ui="simple"] .ss-table:not(.ss-mtable):not(.ss-contract-table):not(.ss-ptable):not(.se-sets):not(.se-ltable):not(.sc-ctable):not(.scm-ctable) .ss-tr>*:nth-child(n+3){grid-column:2}
  :root[data-ui="simple"] .ss-table:not(.ss-mtable):not(.ss-contract-table):not(.ss-ptable):not(.se-sets):not(.se-ltable):not(.sc-ctable):not(.scm-ctable) .ss-th>*:nth-child(n+3){display:none}
  :root[data-ui="simple"] input.ss-search{min-width:0;flex:1 0 100%}
  :root[data-ui="simple"] .ss-tabs{gap:18px}
  :root[data-ui="simple"] .ss-row-menu .ss-menu-list{right:auto;left:0}
}

/* ---------- Договоры ---------- */
:root[data-ui="simple"] .ss-match{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--warn-bg);border-radius:var(--radius);padding:16px 22px;margin:0 0 18px}
:root[data-ui="simple"] .ss-match h3{margin:0;font-size:1rem}
:root[data-ui="simple"] .ss-match p{margin:3px 0 0;color:var(--muted);font-size:.9rem}
:root[data-ui="simple"] .ss-match .su-pill{background:var(--card);color:var(--warn-text)}
:root[data-ui="simple"] .ss-contract-table .ss-tr{grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(170px,1fr) 20px;cursor:pointer}
:root[data-ui="simple"] .ss-contract-table .ss-tr:not(.ss-th):hover{background:var(--surface-2)}
:root[data-ui="simple"] .ss-contract-table .ss-name{display:grid;gap:2px;justify-items:start}
:root[data-ui="simple"] .ss-contract-table .ss-name>span{font-weight:500}
:root[data-ui="simple"] .ss-dim{color:var(--muted)}
:root[data-ui="simple"] .ss-tag{background:var(--warn-bg);color:var(--warn-text);border-radius:6px;padding:1px 8px;font-size:.75rem;font-weight:600;margin:2px 0}
:root[data-ui="simple"] .ss-docs{display:grid;gap:6px}
:root[data-ui="simple"] .ss-docs small{color:var(--muted);font-size:.8rem}
:root[data-ui="simple"] .ss-docs small.ss-ok{color:var(--text);font-weight:600}
:root[data-ui="simple"] .ss-segs{display:flex;gap:3px}
:root[data-ui="simple"] .ss-seg{display:inline-block;flex:1;height:5px;border-radius:3px;min-width:12px}
:root[data-ui="simple"] .ss-seg.present{background:var(--brand)}
:root[data-ui="simple"] .ss-seg.absent{background:var(--input-line)}
:root[data-ui="simple"] .ss-seg.unknown{background:#efece5}
:root[data-ui="simple"] .ss-chev{color:var(--muted);font-size:1.3rem}
:root[data-ui="simple"] .ss-doc-legend{display:flex;gap:22px;margin-top:14px;color:var(--muted);font-size:.85rem}
:root[data-ui="simple"] .ss-doc-legend span{display:inline-flex;align-items:center;gap:8px}
:root[data-ui="simple"] .ss-doc-legend .ss-seg{flex:none;width:16px}
@media(max-width:700px){
  :root[data-ui="simple"] .ss-contract-table .ss-tr{grid-template-columns:minmax(0,1fr) 16px}
  :root[data-ui="simple"] .ss-contract-table .ss-tr>*:nth-child(2),:root[data-ui="simple"] .ss-contract-table .ss-tr>*:nth-child(3){grid-column:1}
  :root[data-ui="simple"] .ss-contract-table .ss-tr>.ss-chev{grid-column:2;grid-row:1}
  :root[data-ui="simple"] .ss-match{grid-template-columns:auto 1fr;padding:14px 16px}
  :root[data-ui="simple"] .ss-match .button{grid-column:1/3}
}
:root[data-ui="simple"] .ss-filterbar input.ss-search{width:auto;flex:0 1 300px;margin:0}
@media(max-width:700px){:root[data-ui="simple"] .ss-filterbar input.ss-search{flex:1 0 100%}}
:root[data-ui="simple"] .ss-tabs{scrollbar-width:none}
:root[data-ui="simple"] .ss-tabs::-webkit-scrollbar{display:none}
:root[data-ui="simple"] .ss-table:not(.ss-contract-table):not(.ss-mtable):not(.ss-ptable):not(.se-sets):not(.se-ltable):not(.sc-ctable):not(.scm-ctable) .ss-tr{grid-template-columns:36px minmax(0,1.6fr) 150px minmax(0,1.2fr) 230px}
:root[data-ui="simple"] .ss-table .ss-act{justify-content:flex-end}
@media(max-width:700px){:root[data-ui="simple"] .ss-table:not(.ss-contract-table):not(.ss-mtable):not(.ss-ptable):not(.se-sets):not(.se-ltable):not(.sc-ctable):not(.scm-ctable) .ss-tr{grid-template-columns:28px minmax(0,1fr)}:root[data-ui="simple"] .ss-table .ss-act{justify-content:flex-start}}

/* ---------- Статистика: отчёт для выплат ---------- */
:root[data-ui="simple"]:has(.ss-metrics-tabs) #page-description{display:block;color:var(--muted);font-size:.95rem;margin-top:2px}
:root[data-ui="simple"] .ss-monthly>.section-head,:root[data-ui="simple"] .ss-monthly>.notice{display:none}
:root[data-ui="simple"] .ss-monthly .monthly-schedule{font-size:.85rem;color:var(--muted)}
:root[data-ui="simple"] .ss-monthly #monthly-versions{margin:6px 0 10px}
:root[data-ui="simple"] .ss-mbar{display:grid;gap:14px;padding:18px 22px;margin-bottom:18px}
:root[data-ui="simple"] .ss-mbar-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
:root[data-ui="simple"] .ss-mspace{flex:1}
:root[data-ui="simple"] .ss-mbuttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
:root[data-ui="simple"] .ss-mbuttons>.button:not(.primary){background:var(--card);border-color:var(--line)}
:root[data-ui="simple"] input.ss-month{font-weight:700;padding:9px 12px;background:var(--card)!important}
:root[data-ui="simple"] .ss-mstatus{background:var(--warn-bg);color:var(--warn-text);border-radius:999px;padding:3px 12px;font-size:.82rem;font-weight:600}
:root[data-ui="simple"] .ss-mstats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
:root[data-ui="simple"] .ss-mstats>div{background:var(--surface-2);border-radius:12px;padding:12px 14px;display:grid}
:root[data-ui="simple"] .ss-mstats strong{font-size:1.5rem;font-weight:800}
:root[data-ui="simple"] .ss-mstats span{color:var(--muted);font-size:.82rem}
:root[data-ui="simple"] .ss-mstats .ss-warn{background:var(--warn-bg)}
:root[data-ui="simple"] .ss-mstats .ss-warn strong{color:var(--warn-text)}
:root[data-ui="simple"] .ss-mnote{margin:0;color:var(--muted);font-size:.82rem}
:root[data-ui="simple"] .ss-seg-toggle{display:inline-flex;background:var(--surface-3);border-radius:10px;padding:3px}
:root[data-ui="simple"] .ss-seg-toggle button{border:0;background:transparent;padding:7px 14px;border-radius:8px;font:inherit;font-weight:600;font-size:.9rem;color:var(--muted);cursor:pointer}
:root[data-ui="simple"] .ss-seg-toggle button.active{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0000001a}
:root[data-ui="simple"] .ss-mtools input.ss-search{flex:0 1 280px}
:root[data-ui="simple"] .ss-mgroup{margin:22px 0}
:root[data-ui="simple"] .ss-mgroup-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
:root[data-ui="simple"] .ss-mgroup-head h3{margin:0;font-size:1.1rem;font-weight:750}
:root[data-ui="simple"] .ss-mcount{color:var(--muted);font-size:.9rem}
:root[data-ui="simple"] .ss-mgroup-head small{color:var(--warn-text);font-size:.82rem}
:root[data-ui="simple"] .ss-mtable .ss-tr{grid-template-columns:minmax(0,1.7fr) 64px 64px minmax(0,1fr) 56px 64px minmax(0,1fr) 20px;cursor:pointer}
:root[data-ui="simple"] .ss-mtable .ss-th{cursor:default}
:root[data-ui="simple"] .ss-mrow{border-top:1px solid var(--line)}
:root[data-ui="simple"] .ss-mrow>.ss-tr{border-top:0}
:root[data-ui="simple"] .ss-mrow>.ss-tr:hover{background:var(--surface-2)}
:root[data-ui="simple"] .ss-mrow[hidden],:root[data-ui="simple"] .ss-mgroup[hidden]{display:none}
:root[data-ui="simple"] .ss-num{font-weight:700;text-align:center}
:root[data-ui="simple"] .ss-mtable .ss-meta{white-space:nowrap;text-align:center}
:root[data-ui="simple"] .ss-mtable .ss-th>span:nth-child(n+2):nth-child(-n+6){text-align:center}
:root[data-ui="simple"] .ss-marks{display:flex;gap:4px;flex-wrap:wrap}
:root[data-ui="simple"] .ss-mark{background:var(--surface-3);border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:600;white-space:nowrap}
:root[data-ui="simple"] .ss-amber-bg{background:var(--warn-bg);color:var(--warn-text)}
:root[data-ui="simple"] .ss-chev{transition:transform .15s}
:root[data-ui="simple"] .ss-mrow.open .ss-chev,:root[data-ui="simple"] .ss-detailed .ss-mrow .ss-chev{transform:rotate(180deg)}
:root[data-ui="simple"] .ss-mdetail{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 20px 16px;padding:16px 18px;background:var(--surface-2);border-radius:12px;font-size:.88rem}
:root[data-ui="simple"] .ss-mrow.open .ss-mdetail,:root[data-ui="simple"] .ss-detailed .ss-mdetail{display:grid}
:root[data-ui="simple"] .ss-dlabel{margin:0 0 8px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
:root[data-ui="simple"] .ss-dlabel.ss-amber{color:var(--warn-text)}
:root[data-ui="simple"] .ss-dacc p{margin:0 0 6px}
:root[data-ui="simple"] .ss-dlist{margin:0;padding-left:18px}
:root[data-ui="simple"] .ss-dlist li{margin-bottom:4px}
:root[data-ui="simple"] .ss-dlist li::marker{color:var(--school)}
:root[data-ui="simple"] .ss-ok-li{color:var(--muted)}
:root[data-ui="simple"] .ss-dnote textarea{width:100%;min-height:72px;background:var(--card)!important}
@media(max-width:900px){
  :root[data-ui="simple"] .ss-mstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root[data-ui="simple"] .ss-mtable .ss-tr{grid-template-columns:minmax(0,1fr) 48px 48px 20px}
  :root[data-ui="simple"] .ss-mtable .ss-tr>*:nth-child(4),:root[data-ui="simple"] .ss-mtable .ss-tr>*:nth-child(5),:root[data-ui="simple"] .ss-mtable .ss-tr>*:nth-child(6){display:none}
  :root[data-ui="simple"] .ss-mtable .ss-tr>.ss-marks{grid-column:1/4}
  :root[data-ui="simple"] .ss-mtable .ss-th>*:nth-child(7){display:none}
  :root[data-ui="simple"] .ss-mdetail{grid-template-columns:1fr;margin:0 12px 12px}
}
:root[data-ui="simple"] .section-block.ss-monthly{background:transparent;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column}
:root[data-ui="simple"] .ss-monthly>#monthly-content{order:1}
:root[data-ui="simple"] .ss-monthly>#monthly-versions{order:2;margin-top:8px}
:root[data-ui="simple"] .ss-monthly>.monthly-schedule{order:3;margin-top:8px}
:root[data-ui="simple"] .ss-monthly [hidden]{display:none!important}
:root[data-ui="simple"] .ss-mtools input.ss-search{flex:0 1 240px;min-width:200px}
