/* 🏙 Երևան Սիթի՝ «թերթը» (նույն գույները, ինչ Google Sheets-ում) + գործընկերոջ էջը (/partner) */

/* ======================================================================== թերթ */
.yc-sheet {
  --yc-head: #56418F; --yc-head-ink: #FFFFFF;
  --yc-green: #B7E1CD; --yc-lav: #B4A7D6; --yc-blue: #9FC5E8; --yc-orange: #F9CB9C;
  --yc-bg: #FFFFFF; --yc-band: #F6F8F9; --yc-line: #E3E6EC; --yc-ink: #1F2328; --yc-muted: #5F6368;
  --yc-link: #1155CC; --yc-hover: #EEF3FD;
  --yc-ok: #11734B; --yc-ok-bg: #D5F0E1; --yc-err: #B3261E; --yc-err-bg: #FCE3E1;
  --yc-plan: #1A5FB4; --yc-plan-bg: #DCE9FB; --yc-end: #5F6368; --yc-end-bg: #ECEEF1;
  position: relative; overflow: auto; max-height: calc(100vh - 150px); border-radius: 14px;
  border: 1px solid var(--yc-line); background: var(--yc-bg); color: var(--yc-ink);
  -webkit-overflow-scrolling: touch;
}
[data-theme="dark"] .yc-sheet {
  --yc-head: #3E2F70; --yc-green: #1F4A3A; --yc-lav: #3A3260; --yc-blue: #1D3D5C; --yc-orange: #5A3B1E;
  --yc-bg: #14162F; --yc-band: #1A1D3A; --yc-line: #2A2E52; --yc-ink: #E8EAFB; --yc-muted: #A3A8CC;
  --yc-link: #8AB4FF; --yc-hover: #23274A;
  --yc-ok: #6EE7A8; --yc-ok-bg: #173B2B; --yc-err: #FF8A80; --yc-err-bg: #44201F;
  --yc-plan: #9CC3FF; --yc-plan-bg: #1C2E4D; --yc-end: #A3A8CC; --yc-end-bg: #262A47;
}
.yc-sheet table { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 1180px;
  font: 13px/1.38 Roboto, "Noto Sans Armenian", "Segoe UI", Arial, sans-serif; }
.yc-sheet th { position: sticky; top: 0; z-index: 3; background: var(--yc-head); color: var(--yc-head-ink);
  font-weight: 700; font-size: 12px; text-align: left; vertical-align: bottom; padding: 10px 10px; line-height: 1.25;
  border-right: 1px solid rgba(255, 255, 255, .12); }
.yc-sheet th.num { text-align: right; }
.yc-sheet td { padding: 7px 10px; border-bottom: 1px solid var(--yc-line); vertical-align: middle; background: var(--rb, var(--yc-bg)); }
.yc-sheet tr.r td { --rb: var(--yc-bg); }
.yc-sheet tr.r.alt td { --rb: var(--yc-band); }
.yc-sheet tr.r:hover td { --rb: var(--yc-hover); }
.yc-sheet tr.r.click td { cursor: pointer; }
.yc-sheet .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.yc-sheet th, .yc-sheet th.num { white-space: normal; }
.yc-sheet .nw { white-space: nowrap; }
.yc-sheet .muted { color: var(--yc-muted); }
/* առաջին երկու սյունակները՝ կպած (հեռախոսում աղյուսակը սահում է, անունը մնում է) */
.yc-sheet .stk1 { position: sticky; left: 0; z-index: 2; width: 34px; min-width: 34px; text-align: center; color: var(--yc-muted); }
.yc-sheet .stk2 { position: sticky; left: 34px; z-index: 2; min-width: 160px; max-width: 230px; box-shadow: 1px 0 0 var(--yc-line); }
.yc-sheet th.stk1, .yc-sheet th.stk2 { z-index: 4; background: var(--yc-head); }
.yc-sheet .stkr { position: sticky; right: 0; z-index: 2; box-shadow: -1px 0 0 var(--yc-line); }
.yc-sheet th.stkr { z-index: 4; background: var(--yc-head); }
/* սյունակների լայնությունները՝ որ 13 սյունակը տեղավորվի 1440px էկրանին */
.yc-sheet th.stk2 { width: 180px; }
.yc-sheet th.c-al { width: 120px; }
.yc-sheet th.c-d { width: 66px; }
.yc-sheet th.c-st { width: 92px; }
.yc-sheet th.c-cnt { width: 72px; }
.yc-sheet th.c-ad { width: 180px; }
.yc-sheet th.c-pd { width: 108px; }
.yc-sheet th.c-m { width: 100px; }
.yc-sheet th.c-nt { width: 130px; }
/* բաժինների շերտերը */
.yc-sheet tr.sec td { font-weight: 700; padding: 8px 10px; border-bottom: 1px solid rgba(0, 0, 0, .06); color: var(--yc-ink); }
.yc-sheet tr.sec.band td { --rb: var(--yc-green); font-size: 15.5px; font-weight: 800; padding: 10px; }
.yc-sheet tr.sec.lav td { --rb: var(--yc-lav); font-size: 13.5px; }
.yc-sheet tr.sec.blue td { --rb: var(--yc-blue); font-size: 13.5px; }
.yc-sheet tr.sec.orange td { --rb: var(--yc-orange); font-weight: 600; }
.yc-sheet tr.sec .yc-chip { display: inline-block; padding: 2px 8px; border-radius: 6px; background: var(--yc-green);
  font-size: 11.5px; font-weight: 800; letter-spacing: .3px; }
.yc-sheet tr.tot td { font-weight: 700; font-style: italic; --rb: var(--yc-bg); border-top: 1px solid var(--yc-line); }
.yc-sheet tr.grand td { font-weight: 800; font-style: italic; --rb: var(--yc-bg); border-bottom: 2px solid var(--yc-head); }
.yc-sheet tr.grand td.num { text-decoration: underline; text-underline-offset: 3px; }
.yc-sheet tr.none td { color: var(--yc-muted); font-style: italic; font-size: 12.3px; --rb: var(--yc-bg); }
/* բջիջներ */
.yc-sheet .cl a, .yc-sheet a.yc-link { color: var(--yc-link); text-decoration: underline; text-underline-offset: 2px; }
.yc-sheet .cl { font-weight: 600; }
.yc-sheet .cl a.yc-more { text-decoration: none; margin-left: 6px; font-size: 13px; }   /* 2-րդ մեդիա պլան / հղում */
.yc-sheet .yc-cnt { all: unset; cursor: pointer; color: var(--yc-link); text-decoration: underline; font-weight: 700;
  font-variant-numeric: tabular-nums; }
.yc-sheet .yc-cnt:focus-visible, .yc-sheet .yc-addr:focus-visible { outline: 2px solid var(--yc-link); outline-offset: 2px; border-radius: 4px; }
.yc-sheet .yc-addr { all: unset; cursor: pointer; display: block; max-width: 165px; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; color: var(--yc-muted); font-size: 12.3px; }
.yc-sheet .yc-addr:hover { color: var(--yc-link); }
.yc-sheet .yc-note { max-width: 220px; font-size: 12.3px; white-space: pre-wrap; }
.yc-st { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; font-size: 11.8px;
  font-weight: 700; white-space: nowrap; }
.yc-st::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.yc-st.active { color: var(--yc-ok, #11734B); background: var(--yc-ok-bg, #D5F0E1); }
.yc-st.stopped { color: var(--yc-err, #B3261E); background: var(--yc-err-bg, #FCE3E1); }
.yc-st.planned { color: var(--yc-plan, #1A5FB4); background: var(--yc-plan-bg, #DCE9FB); }
.yc-st.ended { color: var(--yc-end, #5F6368); background: var(--yc-end-bg, #ECEEF1); }
.yc-sheet .yc-act { white-space: nowrap; }
.yc-sheet .yc-act .btn { padding: 4px 7px; font-size: 12px; }
.yc-sheet tr.flag td.stk2 { box-shadow: inset 3px 0 0 #E8710A, 1px 0 0 var(--yc-line); }
/* 🎬 հոլովակներ՝ ▶ լսել */
.yc-clips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.yc-clips a.btn { text-decoration: none; }
.yc-clips .btn { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 8px; font-size: 11.8px; }
/* ☑ հասցեների ընտրություն բազայում (մեդիա պլանի համար) */
.yc-sheet .yc-selc { width: 34px; text-align: center; }
.yc-sheet .yc-selc input { width: 17px; height: 17px; cursor: pointer; accent-color: var(--yc-head); }
.yc-sheet .yc-rgall { all: unset; cursor: pointer; margin-left: 12px; color: var(--yc-link); font-weight: 600; font-size: 12.3px; }
.yc-sheet tr.r.on td { --rb: color-mix(in srgb, var(--yc-head) 12%, var(--yc-bg)); }
.yc-selbar[hidden] { display: none; }
/* 📍 հասցե՝ սեղմելի (քարտ՝ PDF մեդիա պլան) */
.yc-addrlink { all: unset; cursor: pointer; font-weight: 700; color: var(--yc-ink, inherit); text-decoration: underline dotted;
  text-underline-offset: 3px; }
.yc-alist .yc-addrlink { font-weight: 500; color: var(--violet, #6A3DE8); }
.yc-addrlink:hover { color: var(--yc-link, #1155CC); text-decoration: underline; }
.yc-addrlink:focus-visible { outline: 2px solid var(--yc-link, #1155CC); outline-offset: 2px; border-radius: 4px; }
.yc-plans { display: inline-block; margin-left: 8px; padding: 1px 7px; border-radius: 999px; background: color-mix(in srgb, #56418F 14%, transparent);
  color: #56418F; font-size: 11.5px; font-weight: 700; }
[data-theme="dark"] .yc-plans { color: #CBBDF5; }

/* հասցեների ցանկը (պատուհանում) */
.yc-alist { columns: 2 260px; column-gap: 26px; }
.yc-alist .grp { break-inside: avoid; margin-bottom: 12px; }
.yc-alist .grp b { display: block; font-size: 12.5px; color: var(--muted, #5F6368); margin-bottom: 4px; }
.yc-alist ol { margin: 0; padding-left: 26px; font-size: 13.2px; line-height: 1.6; }

/* ======================================================================== ադմինի բաժին */
.yc-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 2px 2px 8px; scrollbar-width: thin; }
.yc-tab { flex: none; border: 1px solid var(--line); background: var(--card); border-radius: 10px; padding: 7px 13px;
  font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; color: var(--ink); }
.yc-tab:hover { border-color: var(--violet); }
.yc-tab.on { background: #56418F; border-color: #56418F; color: #fff; box-shadow: 0 6px 16px -6px rgba(86, 65, 143, .6); }
.yc-tab.hid { opacity: .62; }
.yc-tab.hid.on { opacity: 1; }
.yc-tab.add { border-style: dashed; color: var(--violet); }
.yc-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.yc-head .logos { display: flex; align-items: center; gap: 10px; background: #fff; padding: 6px 12px; border-radius: 14px;
  border: 1px solid var(--line); }
.yc-head .logos img { height: 40px; width: auto; display: block; }
.yc-head .logos .x { color: var(--muted); font-weight: 300; font-size: 20px; }
.yc-issues { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; border-radius: 12px;
  font-size: 13.2px; margin-bottom: 12px; }
.yc-issues.ok { background: var(--ok-bg); color: var(--ok); }
.yc-issues.bad { background: var(--warn-bg); color: var(--warn); }
[data-theme="dark"] .yc-issues.ok { background: rgba(74, 222, 128, .12); }
[data-theme="dark"] .yc-issues.bad { background: rgba(251, 191, 36, .12); }
.yc-pick { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.yc-pick .yc-pbar { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; padding: 8px; background: var(--soft); }
.yc-pick .yc-pbar input { flex: 1; min-width: 160px; }
.yc-pick .yc-plist { max-height: 300px; overflow-y: auto; padding: 6px 10px 10px; }
.yc-pick .rg { font-size: 11.5px; font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: .4px;
  margin: 10px 0 4px; display: flex; gap: 8px; align-items: center; }
.yc-pick .rg button { all: unset; cursor: pointer; color: var(--violet); text-transform: none; letter-spacing: 0; font-weight: 600; }
.yc-pick label.a { display: flex; gap: 8px; align-items: center; padding: 4px 6px; border-radius: 7px; font-size: 13px; cursor: pointer; }
.yc-pick label.a:hover { background: var(--soft); }
.yc-pick label.a.off { color: var(--muted); text-decoration: line-through; }
.yc-split { font-size: 12.3px; color: var(--muted); margin-top: 4px; }
.yc-issue-list .li { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.yc-issue-list .li .t { flex: 1; min-width: 0; }
.yc-cred { white-space: pre-wrap; background: var(--soft); padding: 12px; border-radius: 10px; font-size: 13.5px; margin: 0; }

/* ======================================================================== գործընկերոջ էջ */
body.pp { --pp-navy: #28357A; --pp-red: #DF0026; --pp-violet: #6B3DF0; --pp-blue: #2F8CFF;
  background: radial-gradient(1200px 500px at 0% -10%, rgba(40, 53, 122, .10), transparent 60%),
              radial-gradient(900px 420px at 100% -10%, rgba(107, 61, 240, .10), transparent 60%), #F4F5FA;
  color: #1B1E33; font-family: Manrope, "Noto Sans Armenian", "Segoe UI", Arial, sans-serif; min-height: 100%; }
.pp-wrap { max-width: 1480px; margin: 0 auto; padding: 18px 20px 30px; }
.pp-bar { height: 5px; border-radius: 99px; margin-bottom: 14px;
  background: linear-gradient(90deg, var(--pp-navy) 0%, var(--pp-red) 38%, var(--pp-blue) 70%, var(--pp-violet) 100%); }
.pp-top { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; background: #fff; border-radius: 20px;
  padding: 14px 20px; box-shadow: 0 1px 2px rgba(20, 24, 60, .04), 0 12px 32px -14px rgba(40, 53, 122, .22); }
.pp-logos { display: flex; align-items: center; gap: 14px; }
.pp-logos .yc { height: 54px; width: auto; }
.pp-logos .mm { height: 46px; width: auto; }
.pp-logos .x { font-size: 22px; color: #9AA0BC; font-weight: 300; }
.pp-title { flex: 1; min-width: 220px; }
.pp-title h1 { margin: 0; font-size: 19px; font-weight: 800; color: var(--pp-navy); letter-spacing: -.2px; }
.pp-title .s { color: #6A6F92; font-size: 13px; margin-top: 2px; }
.pp-right { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pp-user { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #3B4060; }
.pp-user .av { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-weight: 800;
  background: linear-gradient(135deg, var(--pp-navy), var(--pp-red)); }
.pp-seg { display: inline-flex; background: #EEF0F7; border-radius: 10px; padding: 3px; }
.pp-seg button { border: 0; background: transparent; padding: 5px 11px; border-radius: 8px; font: inherit; font-size: 12px;
  font-weight: 700; color: #6A6F92; cursor: pointer; }
.pp-seg button.on { background: #fff; color: var(--pp-navy); box-shadow: 0 2px 6px rgba(40, 53, 122, .18); }
.pp-out { border: 1px solid #E1E4EF; background: #fff; border-radius: 10px; padding: 7px 12px; font: inherit; font-size: 12.5px;
  font-weight: 600; color: #3B4060; cursor: pointer; }
.pp-out:hover { border-color: var(--pp-red); color: var(--pp-red); }
.pp-preview { margin: 12px 0 0; padding: 9px 14px; border-radius: 12px; background: #FFF4E5; color: #8A4B00; font-size: 13px;
  display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.pp-preview a { color: inherit; font-weight: 700; }
.pp-tabs { display: flex; gap: 6px; overflow-x: auto; margin: 16px 0 12px; padding-bottom: 4px; scrollbar-width: thin; }
.pp-tabs button { flex: none; border: 1px solid #E1E4EF; background: #fff; border-radius: 11px; padding: 8px 15px; font: inherit;
  font-size: 13.4px; font-weight: 700; color: #3B4060; cursor: pointer; transition: .15s; }
.pp-tabs button:hover { border-color: #56418F; color: #56418F; }
.pp-tabs button.on { background: #56418F; border-color: #56418F; color: #fff; box-shadow: 0 8px 18px -8px rgba(86, 65, 143, .7); }
.pp-tabs .sep { flex: none; width: 1px; background: #E1E4EF; margin: 4px 4px; }
.pp-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-bottom: 14px; }
.pp-tile { background: #fff; border-radius: 16px; padding: 14px 16px; position: relative; overflow: hidden;
  box-shadow: 0 1px 2px rgba(20, 24, 60, .04), 0 10px 26px -16px rgba(40, 53, 122, .3); }
.pp-tile::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--c, #56418F); }
.pp-tile .k { font-size: 11.5px; font-weight: 700; color: #6A6F92; text-transform: uppercase; letter-spacing: .5px; }
.pp-tile .v { font-size: 23px; font-weight: 800; margin-top: 4px; color: #1B1E33; font-variant-numeric: tabular-nums; }
.pp-tile .v small { font-size: 14px; font-weight: 700; color: #6A6F92; }
.pp-tile .n { font-size: 12px; color: #6A6F92; margin-top: 2px; }
.pp-card { background: #fff; border-radius: 18px; padding: 6px; box-shadow: 0 1px 2px rgba(20, 24, 60, .04), 0 14px 34px -18px rgba(40, 53, 122, .3); }
.pp-card .yc-sheet { border: 0; max-height: calc(100vh - 120px); }
.pp-foot { margin-top: 14px; font-size: 12px; color: #8A8FAE; display: flex; gap: 10px; flex-wrap: wrap; justify-content: space-between; }
.pp-empty { text-align: center; padding: 50px 20px; color: #6A6F92; }
.pp-empty .i { font-size: 40px; margin-bottom: 8px; }
.pp-base-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 12px 6px; }
.pp-base-head h2 { margin: 0; font-size: 16px; color: var(--pp-navy); }
.pp-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.pp-chips span { background: #EEF0F7; border-radius: 99px; padding: 3px 10px; font-size: 12px; font-weight: 600; color: #3B4060; }
.yc-sheet table.yc-base { min-width: 560px; }

/* 🗓 օրացույց (վերջին 3 ամիսը՝ ներդիրներում, մնացածը՝ այստեղից) */
.pp-tabs button.pp-calbtn { border-style: dashed; border-color: #8E7CC3; color: #56418F; }
.pp-tabs button.pp-calbtn.open { background: #EEE9FA; border-style: solid; }
.pp-cal { background: #fff; border-radius: 18px; padding: 14px 16px; margin: -2px 0 14px; max-width: 560px;
  box-shadow: 0 1px 2px rgba(20, 24, 60, .04), 0 14px 34px -18px rgba(40, 53, 122, .35); border: 1px solid #E1E4EF; }
.pp-cal-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.pp-cal-head b { font-size: 17px; color: var(--pp-navy); min-width: 52px; text-align: center; }
.pp-cal-head .nav { border: 1px solid #E1E4EF; background: #fff; border-radius: 10px; width: 34px; height: 34px; font: inherit;
  font-size: 17px; font-weight: 700; color: #3B4060; cursor: pointer; }
.pp-cal-head .nav:disabled { opacity: .35; cursor: default; }
.pp-cal-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.pp-cal-grid button { border: 1px solid #DCD6F0; background: #F7F5FD; border-radius: 11px; padding: 11px 6px; font: inherit;
  font-size: 14px; font-weight: 700; color: #2C2F4A; cursor: pointer; }
.pp-cal-grid button:hover:not(:disabled) { border-color: #56418F; color: #56418F; }
.pp-cal-grid button.on { background: #56418F; border-color: #56418F; color: #fff; }
.pp-cal-grid button:disabled { background: #F4F5F8; border-color: #ECEDF2; color: #A9ADC2; font-weight: 500; cursor: default; }
.pp-cal-day { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 12px; padding-top: 12px;
  border-top: 1px dashed #E1E4EF; font-size: 13.5px; font-weight: 600; color: #3B4060; }
.pp-cal-day input { border: 1px solid #D5D9E8; border-radius: 10px; padding: 8px 10px; font: inherit; font-size: 14px; }
/* 💰 Վճարովի / 🎁 Անվճար մենյու */
.pp-menu { display: inline-flex; gap: 6px; background: #fff; border-radius: 14px; padding: 5px; margin: 0 0 12px;
  box-shadow: 0 1px 2px rgba(20, 24, 60, .05), 0 8px 22px -14px rgba(40, 53, 122, .35); }
.pp-menu button { border: 0; background: transparent; border-radius: 10px; padding: 10px 18px; font: inherit; font-size: 15px;
  font-weight: 800; color: #3B4060; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.pp-menu button:hover { background: #F2EFFB; }
.pp-menu button.on { background: #56418F; color: #fff; box-shadow: 0 8px 18px -8px rgba(86, 65, 143, .7); }
.pp-menu .cnt { background: rgba(86, 65, 143, .12); color: inherit; border-radius: 99px; padding: 1px 9px; font-size: 13px; }
.pp-menu button.on .cnt { background: rgba(255, 255, 255, .25); }
.pp-daybar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px;
  padding: 11px 16px; border-radius: 14px; background: #E8F6EF; color: #0E5A3A; font-size: 15px; font-weight: 800; }
.pp-daybar button { border: 1px solid #9FD3B8; background: #fff; color: #0E5A3A; border-radius: 10px; padding: 6px 12px; font: inherit;
  font-size: 13px; font-weight: 700; cursor: pointer; }
/* 👁 ավելի ընթեռնելի տեքստեր գործընկերոջ էջում (մանր մոխրագույն գրությունները) */
body.pp .pp-title .s { font-size: 14px; color: #3F4566; font-weight: 600; }
body.pp .pp-tile .k { font-size: 12.5px; color: #3F4566; letter-spacing: .4px; }
body.pp .pp-tile .n { font-size: 14px; color: #2C3150; font-weight: 700; margin-top: 4px; }
body.pp .pp-tile .v small { color: #3F4566; }
body.pp .yc-sheet { --yc-muted: #3F4350; }
body.pp .yc-sheet table { font-size: 13.6px; }
body.pp .yc-sheet th { font-size: 12.6px; }
body.pp .yc-sheet .yc-addr { font-size: 13px; color: #3F4350; }
body.pp .yc-sheet .yc-note { font-size: 13px; color: #2C3150; }
body.pp .yc-sheet tr.none td { font-size: 13px; color: #4A4F66; }
body.pp .yc-cap span { font-size: 13.4px; color: #3F4566; font-weight: 600; }
body.pp .pp-foot { font-size: 13px; color: #4A4F6E; }
body.pp .pp-chips span { font-size: 13px; color: #2C3150; }

/* մուտք */
.pp-login { min-height: 100vh; display: grid; place-items: center; padding: 20px; }
.pp-login .box { width: min(420px, 100%); background: #fff; border-radius: 24px; padding: 28px 26px 24px; text-align: center;
  box-shadow: 0 30px 80px -24px rgba(40, 53, 122, .35); position: relative; overflow: hidden; }
.pp-login .box::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px;
  background: linear-gradient(90deg, var(--pp-navy), var(--pp-red) 40%, var(--pp-blue) 70%, var(--pp-violet)); }
.pp-login .logos { display: flex; justify-content: center; align-items: center; gap: 16px; margin: 6px 0 14px; }
.pp-login .logos .yc { height: 72px; }
.pp-login .logos .mm { height: 56px; }
.pp-login .logos .mm.solo { height: 76px; }
.pp-login .logos .x { font-size: 24px; color: #9AA0BC; font-weight: 300; }
.pp-login h2 { margin: 0 0 4px; font-size: 18px; color: var(--pp-navy); }
.pp-login p { margin: 0 0 16px; color: #6A6F92; font-size: 13px; }
.pp-login input { width: 100%; box-sizing: border-box; margin-bottom: 10px; padding: 11px 13px; border-radius: 12px;
  border: 1px solid #DDE1EE; font: inherit; font-size: 14px; background: #FAFBFE; }
.pp-login input:focus { outline: none; border-color: #56418F; box-shadow: 0 0 0 3px rgba(86, 65, 143, .15); background: #fff; }
.pp-login button.go { width: 100%; border: 0; border-radius: 12px; padding: 12px; font: inherit; font-size: 14.5px; font-weight: 800;
  color: #fff; cursor: pointer; background: linear-gradient(135deg, var(--pp-navy), #56418F 55%, var(--pp-violet)); }
.pp-login button.go:hover { filter: brightness(1.08); }
.pp-login .err { color: #B3261E; font-size: 13px; min-height: 18px; margin-top: 10px; }

@media (max-width: 760px) {
  .pp-wrap { padding: 12px 12px 24px; }
  .pp-top { padding: 12px 14px; gap: 10px; border-radius: 16px; }
  .pp-logos .yc { height: 42px; } .pp-logos .mm { height: 34px; }
  .pp-title h1 { font-size: 16px; }
  .pp-tile .v { font-size: 19px; }
  .pp-tiles { grid-template-columns: 1fr 1fr; gap: 8px; }
  .pp-tile { padding: 11px 12px; }
  .pp-cal { padding: 12px; }
  .pp-cal-grid { grid-template-columns: repeat(3, 1fr); }
  .pp-menu { display: flex; }
  .pp-menu button { flex: 1; justify-content: center; padding: 10px 8px; font-size: 14px; }
  .yc-sheet .stk2 { min-width: 140px; max-width: 170px; }
}
@media print {
  body.pp { background: #fff; }
  .pp-right, .pp-tabs, .pp-preview, .pp-foot { display: none !important; }
  .pp-top, .pp-tile, .pp-card { box-shadow: none; }
  .yc-sheet { max-height: none; overflow: visible; border: 0; }
  .yc-sheet th { position: static; }
  .yc-sheet .stk1, .yc-sheet .stk2 { position: static; }
}

/* 👥 «մտել եմ որպես …» գոտի (ադմինի և գործընկերի էջերում) */
.imp-bar { position: sticky; top: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; gap: 10px;
  flex-wrap: wrap; padding: 8px 14px; background: #FFF1D6; color: #5B3A00; border-bottom: 2px solid #F0B04A; font-size: 13.5px; font-weight: 600; }
.imp-bar .btn { border: 1px solid #D9A441; background: #fff; color: #5B3A00; border-radius: 9px; padding: 5px 12px; font: inherit; font-size: 12.5px; cursor: pointer; }
.imp-bar .btn.primary { background: #5B3A00; color: #fff; border-color: #5B3A00; }

/* 📅 տարեկան հաշվարկ */
.yc-cap { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding: 12px 14px 8px; }
.yc-cap b { font-size: 15.5px; }
.yc-cap span { font-size: 12.3px; color: #6A6F92; }