/* StomApp · портал проекта. Оформление и разметка — как у портала MomWalk (base.css, menu.css без изменений),
   здесь только палитра StomApp (бирюзовый #0B3D3F, мятный #02C39A) и то, чего в MomWalk нет: карточка записи, переключатель языка. */
:root, .top, .bnav, .bsheet {
  --deep:#0B3D3F; --teal:#12615E; --aqua:#1C8C83; --coral:#03896F; --coral-d:#02705B; --cream:#F2F6F4; --ink:#16302F;
  --muted:#5A6E6C; --line:#DCE5E2; --line2:#E9EFED; --teal-pale:#E2F1EE; --coral-pale:#DDF4EC;
  --shadow:0 10px 30px rgba(11,61,63,.08);
}
.crno{color:var(--coral-d);background:var(--coral-pale);text-decoration:none}
a.crno:hover{text-decoration:underline}
.btn-main{color:#fff}

/* значки статусов: тона модели (grey/blue/amber/green/red/violet/teal) → стиль бейджей MomWalk */
.b-blue{background:#E6EEF8;color:#2E6DB4}
.b-violet{background:#F0EBFA;color:#6B4FB0}
.dot.blue{background:#4D86C9;box-shadow:0 0 0 4px #E3ECF7}
.dot.violet{background:#8466C6;box-shadow:0 0 0 4px #EDE7F8}
.dot.teal{background:#2AA19A;box-shadow:0 0 0 4px #DDF1EF}
.pr{display:inline-block;font:800 11.5px var(--head);padding:1px 7px;border-radius:6px}
.pr.P0{background:#F7E2DF;color:#B5483F}.pr.P1{background:#FDF3DC;color:#B7791F}.pr.P2{background:#E6EEF8;color:#2E6DB4}.pr.P3{background:#EEF1F1;color:#6B7B80}
.tt a.ttl{color:var(--ink);text-decoration:none}.tt a.ttl:hover{text-decoration:underline}
.card.task .meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:4px;font-size:13px;color:var(--muted)}
.card.task .note{color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card.task.dim{opacity:.72}

/* фильтры: поиск рядом с «пилюлями» */
.chips .search{border:1.5px solid var(--line);border-radius:999px;padding:5px 12px;font:600 13px var(--head);background:var(--white);min-width:200px;outline:none}
.chips .search:focus{border-color:var(--deep)}

/* переключатель языка в шапке */
.lang{display:flex;flex:none;border:1.5px solid #BFD9D5;border-radius:999px;overflow:hidden;background:var(--white)}
.lang button{border:0;background:none;padding:5px 9px;font:700 12px var(--head);color:var(--muted)}
.lang button.on{background:var(--deep);color:#fff}
@media (max-width:640px){.lang{order:2}}
.login .lang{margin:14px auto 0;width:max-content}

/* карточка записи */
.ihead{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.ihead h1{margin:6px 0 6px}
.ihead .meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px;color:var(--muted)}
.isplit{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.isplit .card{margin:0 0 12px}
.isplit h3{font:700 15px var(--head);color:var(--deep);margin:0 0 8px}
.iprops .p{display:grid;grid-template-columns:128px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px dashed var(--line);font-size:14px}
.iprops .p:first-child{border-top:0;padding-top:0}
.iprops .p>span{color:var(--muted)}
.ilinks a{text-decoration:none}.ilinks div{margin:6px 0;font-size:14px}
.icomment{border-top:1px solid var(--line2);padding:10px 0}
.icomment b{font-family:var(--head)}.icomment .muted{font-size:12.5px;margin-left:6px}
.ihist{font-size:13px;color:var(--muted);border-left:2px solid var(--line);padding-left:10px;margin:6px 0}
.ihist b{color:var(--ink);font-weight:600}
.shots{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.shots img{display:block;max-width:240px;max-height:160px;border-radius:10px;border:1px solid var(--line)}
.text{white-space:pre-wrap;overflow-wrap:anywhere}
.backl{display:inline-block;margin-bottom:6px;font:600 13px var(--head);color:var(--teal);text-decoration:none}
.notice{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--aqua);border-radius:14px;padding:12px 16px;margin:0 0 14px}
.notice.warn{border-left-color:#E0A526;background:#FFFBF1}
.notice.bad{border-left-color:#D64B3F;background:#FFF6F5}
.bar2{display:flex;height:8px;border-radius:6px;overflow:hidden;background:var(--line2);margin:10px 0 8px}
.bar2 i{display:block;height:100%}
.bar2 .grey{background:#B8C2C2}.bar2 .blue{background:#4D86C9}.bar2 .amber{background:#E0A020}.bar2 .green{background:#2E9D6A}.bar2 .red{background:#D64B3F}.bar2 .violet{background:#8466C6}.bar2 .teal{background:#2AA19A}
.kpi .lg{display:flex;flex-wrap:wrap;gap:6px}
.kpi .lg a{text-decoration:none}
table.log{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--white)}
table.log td,table.log th{padding:8px 10px;border-top:1px solid var(--line2);text-align:left;vertical-align:top}
table.log th{font:600 12px var(--head);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.trows .trow2{display:grid;grid-template-columns:minmax(0,1fr) 160px 150px 34px;gap:6px;margin-bottom:6px}
/* справка: «предупреждение» — янтарным (коралловый у StomApp заменён мятным) */
.callout.warn{border-color:#E0A526;background:#FFFBF1}.callout.warn .ct{color:#9A6A12}
.foot{max-width:1180px;margin:0 auto;padding:0 20px 90px;font-size:12.5px;color:var(--muted)}
@media (max-width:860px){.isplit{grid-template-columns:1fr}}
@media (max-width:640px){.trows .trow2{grid-template-columns:1fr 1fr}.trows .trow2>:first-child{grid-column:1/-1}.iprops .p{grid-template-columns:110px minmax(0,1fr)}.chips .search{min-width:0;flex:1 1 100%}}
@media (max-width:1024px){main{padding-bottom:110px}}
/* «красное» в MomWalk — это коралловый; у StomApp коралловый заменён мятным, поэтому тревожные метки — явным красным */
.tabs a .cnt,.cnt.red{background:#D64B3F!important;color:#fff!important}
.ldot.red{background:#D64B3F}
.live.red{background:#F7E2DF;color:#B5483F}