@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:wght@600;700&family=Noto+Serif+Armenian:wght@600;700&display=swap");

/* ================= Petty · «Доверие» =================
   Спокойный, уверенный вид: глубокий зелёный из логотипа, холодный светлый фон,
   сплошные кнопки без свечения, строгая типографика, небольшие скругления.
   Подключается последним — удаление файла возвращает прежний вид. */
:root,html[data-ui]{
  --ink:#16231F;--ink-soft:#4F5F59;--paper:#F3F6F4;--card:#fff;
  --forest:#0F5A47;--forest-deep:#0A4435;--forest-tint:#E4EFEA;--forest-line:#BCD3CA;
  --amber:#B4741A;
  --pink:#0F5A47;--pink-deep:#0A4435;--mint:#0F5A47;--sky:#2F7D6B;--sun:#B4741A;--lilac:#E9EFEC;
  --line:#D6DFDA;--m-bd:#D6DFDA;
  --shadow:0 1px 2px rgba(16,35,30,.06),0 4px 14px -8px rgba(16,35,30,.18);
  --shadow-lift:0 2px 4px rgba(16,35,30,.08),0 10px 24px -12px rgba(16,35,30,.28);
  --m-sh:var(--shadow);--m-card:#fff;--m-field:#F1F5F3;--m-field2:#E4EDE9;--m-chip:#E9F0EC;
  --m-acc:#0F5A47;--m-acc2:#2F7D6B;--m-acc-ink:#fff;--m-acc-text:#0F5A47;--m-acc-bg:#E4EFEA;
  --m-nav:rgba(255,255,255,.96);--m-dim:rgba(16,35,30,.05);
  --r-lg:8px;--r-md:6px;--r-sm:4px;
  --font-d:"Source Serif 4","Noto Serif Armenian",Georgia,"Times New Roman",serif;
  --font-b:"Inter","Noto Sans Armenian",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pat:none!important;
}
html[data-ui] body{background:var(--bgc,#F3F6F4)!important;font-size:16px;line-height:1.55;color:var(--ink)}
html[data-ui] h1,html[data-ui] h2,html[data-ui] h3,html[data-ui] h4,html[data-ui] .d{font-family:var(--font-d);font-weight:700;letter-spacing:-.012em;color:var(--ink)}
html[data-ui] h1{line-height:1.12}
html[data-ui] h3{font-weight:600}
html[data-ui] .lead{color:var(--ink-soft);font-size:17px}

/* шапка */
html[data-ui] .topbar{background:rgba(255,255,255,.97);backdrop-filter:none;border-bottom:1px solid var(--line);box-shadow:none}
html[data-ui] .nav a{border-radius:6px;font-weight:600;color:var(--ink-soft)}
html[data-ui] .nav a:hover,html[data-ui] .nav a.on{background:var(--forest-tint);color:var(--forest)}
html[data-ui] .brand .paw{background:var(--forest);box-shadow:none;border-radius:6px}
html[data-ui] .me,html[data-ui] .langs{border-radius:6px;border:1px solid var(--line);box-shadow:none}
html[data-ui] .langs button{border-radius:4px;font-weight:600}
html[data-ui] .burger,html[data-ui] .bellbtn,html[data-ui] .instpill{border-radius:6px;border:1px solid var(--line);box-shadow:none;background:#fff}

/* кнопки: сплошные, без свечения и прыжков */
html[data-ui] .btn{background:var(--forest)!important;color:#fff!important;border:1px solid var(--forest)!important;border-radius:6px;box-shadow:none!important;font-weight:600;font-size:15px;letter-spacing:.005em;padding:11px 20px;transform:none!important;transition:background .15s,border-color .15s}
html[data-ui] .btn:hover{background:var(--forest-deep)!important;border-color:var(--forest-deep)!important}
html[data-ui] .btn:active{background:#07342A!important}
html[data-ui] .btn.ghost,html[data-ui] .btn.cta+.btn.ghost{background:#fff!important;color:var(--forest)!important;border:1px solid var(--forest)!important}
html[data-ui] .btn.ghost:hover{background:var(--forest-tint)!important}
html[data-ui] .btn.sm{padding:8px 14px;font-size:13.5px}
html[data-ui] .btn[disabled]{opacity:.45}
html[data-ui] :focus-visible{outline:2px solid var(--forest);outline-offset:2px;border-radius:6px}

/* карточки и поля */
html[data-ui] .card,html[data-ui] .chatlist,html[data-ui] .chatroom{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}
html[data-ui] input[type=text],html[data-ui] input[type=email],html[data-ui] input[type=password],html[data-ui] input[type=number],html[data-ui] input[type=search],html[data-ui] input[type=tel],html[data-ui] input[type=date],html[data-ui] input[type=datetime-local],html[data-ui] select,html[data-ui] textarea{
  background:#fff;border:1px solid #B9C7C1;border-radius:6px;box-shadow:none;padding:12px 14px}
html[data-ui] input:focus,html[data-ui] select:focus,html[data-ui] textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(15,90,71,.16);outline:0}
html[data-ui] label.f{font-weight:600;color:var(--ink);font-size:13.5px}
html[data-ui] .homesearch input,html[data-ui] .clsearch input,html[data-ui] .cbar input{border-radius:6px;background:#fff;border:1px solid #B9C7C1}

/* метки и вкладки */
html[data-ui] .chip,html[data-ui] .chip.pink,html[data-ui] .chip.sky,html[data-ui] .chip.sun{background:var(--forest-tint);color:var(--forest);border-radius:4px;font-weight:600;border:0}
html[data-ui] .chip.mint{background:var(--forest);color:#fff}
html[data-ui] .pill-tabs button,html[data-ui] .act,html[data-ui] .file{border-radius:6px;border:1px solid var(--line);background:#fff;font-weight:600;box-shadow:none;color:var(--ink)}
html[data-ui] .pill-tabs button.on,html[data-ui] .pill-tabs button.active,html[data-ui] .pill-tabs button[aria-pressed=true]{background:var(--forest)!important;border-color:var(--forest)!important;color:#fff!important}
html[data-ui] .badge{border-radius:4px;background:var(--forest)}
html[data-ui] .toast{border-radius:6px;background:var(--ink)}
html[data-ui] .empty{border:1px dashed #AFC0B8;border-radius:8px;background:transparent}
html[data-ui] .vchk{background:var(--forest)!important}

/* нижняя панель */
html[data-ui] .tabbar{background:#fff!important;border:1px solid var(--line);box-shadow:0 -1px 0 var(--line);backdrop-filter:none}
html[data-ui] .tabbar a{color:var(--ink-soft);border-radius:6px}
html[data-ui] .tabbar a.on{background:var(--forest-tint)!important;color:var(--forest)!important}

/* категории и стикеры главной: спокойные белые плитки */
html[data-ui] #cats .cat,html[data-ui] #cats .cat:nth-child(n){background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:var(--shadow)}
html[data-ui] #cats .cat b{color:var(--ink)!important}
html[data-ui] #cats .cat .small{color:var(--ink-soft)!important}
html[data-ui] #cats .cat:hover{border-color:var(--forest)!important;transform:none}
html[data-ui] .sticker{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}
html[data-ui] .hero .g2>div:first-child::before{display:none}
html[data-ui] .cve,html[data-ui] .sticker .e{color:var(--forest)}
html[data-ui] .mb.mine{background:var(--forest);color:#fff}
html[data-ui] .cbar .send{background:var(--forest);border-radius:6px}
html[data-ui] a{text-decoration-color:rgba(15,90,71,.45)}
html[data-ui] .chip.mint{background:#fff;color:var(--forest);border:1px solid var(--forest-line)}

/* тёмная тема: тот же характер, зелёный светлее для контраста */
html[data-ui][data-dark]{
  --ink:#E8F0EC;--ink-soft:#A3B4AC;--paper:var(--bgc,#0F1A17);
  --card:color-mix(in srgb,var(--bgc,#0F1A17) 88%,#fff 12%);
  --forest:#2A8C71;--forest-deep:#34A184;--forest-tint:rgba(80,200,160,.14);--forest-line:rgba(120,220,185,.35);
  --pink:#2A8C71;--pink-deep:#34A184;--mint:#2A8C71;--sky:#4FB594;--lilac:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.13);--m-bd:rgba(255,255,255,.13);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 6px 18px -10px rgba(0,0,0,.7);--m-sh:var(--shadow);
  --m-card:color-mix(in srgb,var(--bgc,#0F1A17) 88%,#fff 12%);--m-field:rgba(255,255,255,.06);--m-field2:rgba(255,255,255,.1);--m-chip:rgba(255,255,255,.08);
  --m-acc:#2A8C71;--m-acc2:#4FB594;--m-acc-ink:#fff;--m-acc-text:#7FD8B9;--m-acc-bg:rgba(80,200,160,.16);
  --m-nav:color-mix(in srgb,var(--bgc,#0F1A17) 94%,#fff 6%);
}
html[data-ui][data-dark] .topbar,html[data-ui][data-dark] .tabbar{background:var(--m-nav)!important}
html[data-ui][data-dark] .card,html[data-ui][data-dark] .chatlist,html[data-ui][data-dark] .chatroom,html[data-ui][data-dark] .sticker,html[data-ui][data-dark] #cats .cat,html[data-ui][data-dark] #cats .cat:nth-child(n){background:var(--m-card)!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-ui][data-dark] input[type=text],html[data-ui][data-dark] input[type=email],html[data-ui][data-dark] input[type=password],html[data-ui][data-dark] input[type=number],html[data-ui][data-dark] input[type=search],html[data-ui][data-dark] input[type=tel],html[data-ui][data-dark] input[type=date],html[data-ui][data-dark] select,html[data-ui][data-dark] textarea,html[data-ui][data-dark] .homesearch input,html[data-ui][data-dark] .clsearch input,html[data-ui][data-dark] .cbar input{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.22)!important;color:var(--ink)}
html[data-ui][data-dark] .btn{color:#fff!important}
html[data-ui][data-dark] .btn.ghost{background:transparent!important;color:#7FD8B9!important;border-color:var(--forest-line)!important}
html[data-ui][data-dark] .btn.ghost:hover{background:var(--forest-tint)!important}
html[data-ui][data-dark] .chip,html[data-ui][data-dark] .chip.pink,html[data-ui][data-dark] .chip.sky,html[data-ui][data-dark] .chip.sun{color:#9BE3C8}
html[data-ui][data-dark] .chip.mint{background:transparent;color:#9BE3C8;border-color:var(--forest-line)}
html[data-ui][data-dark] .pill-tabs button,html[data-ui][data-dark] .act,html[data-ui][data-dark] .file,html[data-ui][data-dark] .me,html[data-ui][data-dark] .langs,html[data-ui][data-dark] .burger,html[data-ui][data-dark] .bellbtn,html[data-ui][data-dark] .instpill{background:transparent;color:var(--ink);border-color:var(--line)}
html[data-ui][data-dark] .nav a:hover,html[data-ui][data-dark] .nav a.on{color:#9BE3C8}
html[data-ui][data-dark] .cve,html[data-ui][data-dark] .sticker .e{color:#7FD8B9}
html[data-ui][data-dark] .toast{background:#E8F0EC;color:#0F1A17}
html[data-ui][data-dark] body .btn:not(.ghost),html[data-ui][data-dark] body .btn.cta:not(.ghost){--fill:var(--forest);background:var(--forest)!important;border:1px solid var(--forest)!important;color:#fff!important;box-shadow:none!important}
html[data-ui][data-dark] body .btn:not(.ghost):hover{background:var(--forest-deep)!important;border-color:var(--forest-deep)!important}
html[data-ui][data-dark] body .btn.ghost,html[data-ui][data-dark] body .act,html[data-ui][data-dark] body .pill-tabs button,html[data-ui][data-dark] body .langs,html[data-ui][data-dark] body .burger{background:transparent!important;color:var(--ink)!important;border:1px solid var(--line)!important}
html[data-ui][data-dark] body .btn.ghost{color:#9BE3C8!important;border-color:var(--forest-line)!important}
html[data-ui][data-dark] body .pill-tabs button.on,html[data-ui][data-dark] body .pill-tabs button.active{background:var(--forest)!important;border-color:var(--forest)!important;color:#fff!important}
html[data-ui][data-dark] body .chip:not(.mint){background:var(--forest-tint)!important;color:#9BE3C8!important}
html[data-ui][data-dark] .leaflet-container{background:var(--bgc,#0F1A17)}
html[data-ui][data-dark] .leaflet-popup-content-wrapper,html[data-ui][data-dark] .leaflet-popup-tip,html[data-ui][data-dark] .leaflet-bar a{background:var(--m-card);color:var(--ink);border-color:var(--line)}
html[data-ui][data-dark] .leaflet-control-attribution{background:rgba(15,26,23,.8)!important;color:var(--ink-soft)}
html[data-ui][data-dark] .leaflet-control-attribution a{color:#9BE3C8}
html[data-ui][data-dark] body select,html[data-ui][data-dark] body .field,html[data-ui][data-dark] body .sel{background-color:rgba(255,255,255,.05)!important;color:var(--ink)!important;border-color:rgba(255,255,255,.22)!important}
html[data-ui][data-dark] body .empty{background:transparent!important;border-color:var(--forest-line)!important;color:var(--ink-soft)!important}
html[data-ui] .gs-btn{border:1px solid #B9C7C1;border-radius:6px;background:#fff}
html[data-ui][data-dark] body .gs-btn{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.22)!important;color:var(--ink)!important}
html[data-ui] .gs-pop{border-radius:6px}
html[data-ui][data-dark] .gs-pop{background:color-mix(in srgb,var(--bgc,#0F1A17) 85%,#fff 15%)}

/* Follow рядом с именем автора */
html[data-ui] .ig-head .ig-who{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
html[data-ui] .ig-head .ig-who a.who{flex:0 1 auto;min-width:0}
html[data-ui] .fbtn{flex:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;line-height:1;padding:7px 12px;border-radius:6px;border:1px solid var(--forest);background:transparent;color:var(--forest);transition:background .15s}
html[data-ui] .fbtn:hover{background:var(--forest-tint)}
html[data-ui] .fbtn.on{border-color:var(--line);color:var(--ink-soft)}
html[data-ui][data-dark] body .fbtn{color:#9BE3C8;border-color:var(--forest-line)}
html[data-ui][data-dark] body .fbtn.on{color:var(--ink-soft);border-color:var(--line)}

/* Pet passport — скоро */
html[data-ui] .ditem.dsoon{cursor:default;opacity:.82}
html[data-ui] .soonb{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:4px;background:var(--forest-tint);color:var(--forest)}
html[data-ui][data-dark] body .soonb{color:#9BE3C8}

/* сети: список адресов */
.chrow{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.chrow:last-child{border-bottom:0}
.chrow.cur{font-weight:600}
a.chrow:hover{background:rgba(127,127,127,.06)}