/* ============================================================
   AMANOO — white-label тема · точно по бренд-буку (amanoo-spec)
   «Quiet luxury» heritage: тёплый крем, приглушённый оливковый,
   серифные заголовки/суммы, геометричный вордмарк AMANOO.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@400;500;600;700&family=Noto+Serif+Armenian:wght@500;600&display=swap');

:root{
  /* --- палитра из спека --- */
  --am-bg:#F2EEE7; --am-card:#FFFFFF; --am-offwhite:#FBF9F4;
  --am-util:#6C6E57; --am-primary:#33332B; --am-accent:#7F8168;
  --am-ink:#2E2E27; --am-muted:#8C8A7E; --am-line:#E6E2D9;
  --am-success:#7A9070; --am-error:#B5654A; --am-ondark:#EFEBE2;

  /* --- проброс в канонические переменные страниц --- */
  --navy:#33332B; --navy2:#2A2A23; --brand-primary:#33332B; --ink:#2E2E27;
  --emerald:#7F8168; --brand-accent:#7F8168; --green:#7A9070; --mint:#7F8168;
  --deep:#33332B; --forest:#7A9070;
  --cream:#F2EEE7; --ground:#F2EEE7; --panel:#FFFFFF; --surface:#FFFFFF; --white:#FFFFFF; --tint:#EDEBE2;
  --stone:#8C8A7E; --muted:#8C8A7E; --ink-soft:#4A4A42;
  --line:#E6E2D9; --card-border:#E6E2D9; --navy-soft:#C7C9BC; --blue-tint:#ECEBE2;
}

/* Типографика: серив для сумм/заголовков, гротеск для интерфейса */
body,input,textarea,select,button{ font-family:'Noto Sans Armenian','Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif !important; }
.balance,h1,h2{ font-family:'Noto Serif Armenian','Cormorant Garamond','Sylfaen',Georgia,serif !important; }
body{ background:var(--am-bg) !important; color:var(--am-ink); }

/* Карточка коммуналки — приглушённый оливковый, светлый текст */
.card{ background:var(--am-util) !important; color:var(--am-ondark) !important; border-radius:20px !important; box-shadow:0 10px 30px rgba(51,51,43,.10) !important; }
.card .cap,.card .due,.contactless{ color:#C9CBBD !important; }
.card .balance{ color:#F4F1E8 !important; }
/* CTA «Հաշիվ պահանջել» — кремовая пилюля с тёмным текстом */
.invoice{ background:var(--am-bg) !important; color:var(--am-primary) !important; border-radius:999px !important; font-weight:600 !important; }

/* QR-карта — тёмный оливково-чёрный */
#qrCard{ background:var(--am-primary) !important; border-radius:20px !important; }

/* Карточки услуг / история */
.svc{ background:var(--am-card) !important; border:1px solid var(--am-line) !important; border-radius:18px !important; box-shadow:0 1px 2px rgba(51,51,43,.04) !important; }
.hist{ background:var(--am-card) !important; border:1px solid var(--am-line) !important; }
.qa .c{ background:var(--am-card) !important; border:1px solid var(--am-line) !important; }
.search,.modal-card input,.rentbox input{ border-radius:14px !important; }

/* ЛОГО — настоящий вордмарк AMANOO (вместо иконки платформы) */
#brandAvatar img, #brandAvatarImg, .brand .logo img{ display:none !important; }
#brandAvatar{
  width:auto !important; min-width:104px !important; height:26px !important; border-radius:0 !important; overflow:visible !important;
  background:url('amanoo-logo.svg') left center/contain no-repeat !important;
}
#brandAvatar::after{ content:'' !important; background:transparent !important; }
/* Login: крупный вордмарк по центру */
.brand .logo{
  width:190px !important; height:56px !important; border-radius:0 !important; background:url('amanoo-logo.svg') center/contain no-repeat !important;
  box-shadow:none !important;
}
.brand .name{ display:none !important; }  /* имя не дублируем — вордмарк уже есть */

/* --- LOGIN: перебиваем захардкоженные navy/зелёный из login.html --- */
.submit{ background:var(--am-primary) !important; color:#F4F1E8 !important; border-radius:16px !important; }
#guestBtn{ border:1px solid var(--am-primary) !important; color:var(--am-primary) !important; border-radius:16px !important; }
.link{ color:var(--am-accent) !important; }
.langbtn.on{ background:var(--am-primary) !important; color:#F4F1E8 !important; border-color:var(--am-accent) !important; }
input:focus{ border-color:var(--am-accent) !important; }
a[onclick^="forgotPass"]{ color:var(--am-accent) !important; }
.brand .subtitle{ color:var(--am-muted) !important; }

/* --- Услуги: линейные иконки без цветных плашек (как в бренд-буке) --- */
.svc .chip{ background:transparent !important; box-shadow:none !important; width:30px !important; height:30px !important; margin-bottom:6px; }
.svc .chip svg{ width:26px !important; height:26px !important; stroke:var(--am-primary) !important; color:var(--am-primary) !important; }
.svc .l{ color:var(--am-ink) !important; }

/* QR-карта не входит в дизайн AMANOO — скрываем */
#qrCard{ display:none !important; }

/* Быстрые действия — белые круги, тёмная линейная иконка */
.qa .c svg{ stroke:var(--am-primary) !important; color:var(--am-primary) !important; }

/* --- Шапка home по макету: верхняя панель языков → person·лого·колокол → резиденция·квартира --- */
/* Верхняя сегментированная панель языков */
.am-langbar{ display:flex !important; gap:4px; background:#ECE9E1; border-radius:12px; padding:4px; margin:2px 0 14px; }
.am-langbar .am-lb{ flex:1; padding:9px 0; border:0; border-radius:9px; background:transparent; color:var(--am-muted); font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.04em; cursor:pointer; }
html[lang="hy"] .am-langbar .am-lb[data-l="hy"],
html[lang="ru"] .am-langbar .am-lb[data-l="ru"],
html[lang="en"] .am-langbar .am-lb[data-l="en"]{ background:var(--am-card); color:var(--am-primary); box-shadow:0 1px 2px rgba(51,51,43,.08); }

/* Ряд: person слева · лого по центру · колокол справа */
.top.am-top{ position:relative !important; display:flex !important; align-items:center !important; justify-content:space-between !important; padding-top:2px !important; }
.am-person{ width:40px; height:40px; border-radius:999px; border:1px solid var(--am-line); background:var(--am-card); color:var(--am-primary); display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; }
.am-person svg{ width:22px; height:22px; }
.top.am-top #brandAvatar{ position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; margin:0 !important; width:150px !important; height:26px !important; background-position:center !important; }
.top.am-top .bellbtn{ position:static !important; flex-shrink:0; }

/* Резиденция · квартира — по центру под шапкой */
.who.am-who{ display:flex !important; gap:0 !important; justify-content:center !important; align-items:baseline !important; margin:12px 0 18px !important; }
.who.am-who .jk{ font-size:13px !important; color:var(--am-muted) !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; white-space:normal !important; }
.who.am-who .apt{ font-size:13px !important; color:var(--am-muted) !important; }
.who.am-who .apt::before{ content:' · ' !important; white-space:pre !important; }

/* Гостевой пропуск не входит в дизайн AMANOO */
#guestCard{ display:none !important; }

/* Быстрые действия — 3 круга (История · Консьерж · Бронирование) */
.am-quick{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:2px 0 18px; }
.am-quick .amq{ display:flex; flex-direction:column; align-items:center; gap:8px; cursor:pointer; text-decoration:none; }
.am-quick .amq-c{ width:56px; height:56px; border-radius:999px; background:var(--am-card); border:1px solid var(--am-line); display:flex; align-items:center; justify-content:center; box-shadow:0 1px 2px rgba(51,51,43,.05); }
.am-quick .amq-c svg{ width:24px; height:24px; stroke:var(--am-primary); fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.am-quick .amq span:last-child{ font-size:12px; color:var(--am-ink); font-weight:500; }

/* --- Экран «Запросить счёт» (детализация) по макету --- */
.am-invoice{ max-height:90vh; overflow:auto; text-align:left; }
.am-invoice .modal-title{ font-family:'Noto Serif Armenian','Cormorant Garamond',serif !important; font-size:22px !important; }
.inv-summary{ background:var(--am-util); color:var(--am-ondark); border-radius:20px; padding:16px 18px; margin:12px 0; }
.inv-sum-cap{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#C9CBBD; }
.inv-sum-amt{ font-family:'Noto Serif Armenian','Cormorant Garamond',serif; font-size:34px; font-weight:600; color:#F4F1E8; margin-top:4px; }
.inv-sum-due{ font-size:12px; color:#C9CBBD; margin-top:2px; }
.inv-block{ background:var(--am-card); border:1px solid var(--am-line); border-radius:20px; padding:16px 18px; margin-bottom:14px; }
.inv-block-cap{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--am-muted); margin-bottom:10px; }
.inv-row{ display:flex; justify-content:space-between; align-items:baseline; padding:7px 0; font-size:15px; color:var(--am-ink); }
.inv-row b{ font-weight:600; }
.inv-row.inv-total{ border-top:1px solid var(--am-line); margin-top:6px; padding-top:12px; font-weight:700; }
.inv-row.inv-total b{ font-size:18px; }
.inv-dlabel{ font-size:12px; color:var(--am-muted); margin:2px 0 8px; }
.inv-seg{ display:flex; background:#ECE9E1; border-radius:12px; padding:4px; gap:4px; margin-bottom:14px; }
.inv-seg-b{ flex:1; padding:11px; border:0; border-radius:9px; background:transparent; color:var(--am-muted); font-family:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.inv-seg-b.on{ background:var(--am-card); color:var(--am-ink); box-shadow:0 1px 2px rgba(51,51,43,.08); }
.am-invoice .modal-send{ background:var(--am-primary) !important; color:#F4F1E8 !important; border-radius:16px !important; }
.am-invoice .modal-cancel{ border-radius:16px !important; }

/* Кнопки/акценты наследуют --navy(#33332B)/--emerald(#7F8168) из проброса выше */