:root {
  --bg:#f5f2ec; --card:#fff; --ink:#1f1a15; --muted:#5f574f; --line:#e3ddd3; --head:#f1ebe1;
  --acc:#b5651d; --acc-ink:#fff; --acc-soft:#f6e7d8; --brand:#3b2412;
  --bad:#b3261e; --bad-soft:#fbe3e0; --ok:#2e7d32; --ok-soft:#e3f2e4; --warn:#8a5a00;
  --r:10px; --tap:40px;
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; font:15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background:var(--bg); color:var(--ink); }
h2 { margin:0; font-size:22px; }
h3 { margin:0 0 10px; font-size:17px; }
h4 { margin:16px 0 8px; font-size:15px; }
.sub { color:var(--muted); font-size:14px; margin-left:2px; }
.hint { color:var(--muted); font-size:13px; }
.muted { color:var(--muted); }
.ok { color:var(--ok); } .bad { color:var(--bad); font-weight:600; }
.warn { color:var(--warn); font-size:13px; margin:0 0 6px; }
.warn:empty, #normHint:empty { display:none; }

/* Шапка */
header { background:var(--brand); color:#fff; padding:10px 16px 0; position:sticky; top:0; z-index:20; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:8px; max-width:1280px; margin:auto; padding-bottom:8px; }
.brand-co { display:block; font-size:12px; opacity:.75; letter-spacing:.02em; }
.brand h1 { margin:0; font-size:19px; line-height:1.2; }
nav#tabs { display:flex; gap:2px; max-width:1280px; margin:auto; }
nav#tabs button { background:transparent; color:#fff; border:0; border-bottom:3px solid transparent; border-radius:0; padding:8px 12px; margin:0; font-size:15px; opacity:.8; cursor:pointer; }
nav#tabs button.active { opacity:1; border-bottom-color:#f0a55a; font-weight:600; }
nav#tabs .ic { margin-right:6px; }
.nav-more { display:none !important; }
#moreMenu { position:fixed; right:12px; bottom:76px; background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:var(--r); box-shadow:0 8px 24px #0003; padding:6px; z-index:40; display:flex; flex-direction:column; min-width:240px; }
#moreMenu[hidden] { display:none; }
#moreMenu button { background:transparent; color:var(--ink); text-align:left; padding:12px; margin:0; font-size:15px; }

/* Синхронизация */
.sync { margin:0; font-size:13px; padding:6px 12px; border-radius:999px; background:#ffffff1f; color:#fff; border:1px solid #ffffff55; white-space:nowrap; }
.sync-ok { border-color:#7bc47f; }
.sync-pending { background:#f9a82533; border-color:#f9c86b; }
.sync-error { background:var(--bad); border-color:var(--bad); font-weight:600; }

main { padding:16px; max-width:1280px; margin:auto; }
.tab { display:none; } .tab.active { display:block; }

/* Заголовок раздела */
.section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:4px 0 14px; flex-wrap:wrap; }
.section-head > div { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }

/* Кнопки: основная / второстепенная / опасная */
button, .btn-secondary.file { font:inherit; font-size:15px; min-height:var(--tap); padding:8px 16px; border:1px solid transparent; border-radius:8px; background:var(--acc); color:var(--acc-ink); cursor:pointer; margin:0; font-weight:500; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .kpi:focus-visible { outline:3px solid #f0a55a; outline-offset:1px; }
.btn-secondary, .btn-secondary.file { background:var(--card); color:var(--acc); border-color:#d9b894; }
.btn-danger { background:var(--card); color:var(--bad); border-color:#e8b4ae; }
.btn-sm { min-height:32px; padding:4px 10px; font-size:13px; }
.icon-btn { background:transparent; color:var(--muted); min-height:36px; min-width:36px; padding:4px 8px; border-color:var(--line); }
.add-btn { font-weight:600; }
.actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.file input { display:none; }
.file { display:inline-flex; align-items:center; }

/* Карточки и формы */
.card { background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:14px 16px; margin-bottom:16px; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:10px 12px; margin-bottom:10px; }
.grid .wide { grid-column:1/-1; }
label { display:flex; flex-direction:column; font-size:13px; color:var(--muted); gap:4px; font-weight:500; }
input, select, textarea { font:inherit; font-size:16px; min-height:var(--tap); padding:7px 10px; border:1px solid #c9c1b5; border-radius:8px; background:#fff; color:var(--ink); width:100%; }
textarea { min-height:120px; }
input[type=search] { min-width:220px; }
details > summary { cursor:pointer; list-style:none; }
details > summary::-webkit-details-marker { display:none; }
details#normsBox > summary h3 { margin:0; display:inline-flex; gap:6px; align-items:baseline; }
details#normsBox > summary::before { content:'▸ '; color:var(--muted); }
details#normsBox[open] > summary::before { content:'▾ '; }
details#normsBox[open] > summary { margin-bottom:10px; }
#normForm.editing { background:var(--acc-soft); border-radius:8px; padding:10px; }

/* Фильтры */
.filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; align-items:center; }
.filters select, .filters input { width:auto; }
.seg { display:inline-flex; background:var(--card); border:1px solid #c9c1b5; border-radius:8px; overflow:hidden; }
.seg button { background:transparent; color:var(--ink); border:0; border-radius:0; min-height:var(--tap); padding:6px 12px; font-weight:400; }
.seg button + button { border-left:1px solid var(--line); }
.seg button.on { background:var(--acc); color:#fff; font-weight:600; }

/* Таблицы */
table { width:100%; border-collapse:collapse; background:var(--card); margin-bottom:16px; font-size:14px; border-radius:var(--r); overflow:hidden; }
.card table { margin-bottom:8px; }
th, td { border-bottom:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:middle; }
th { background:var(--head); font-weight:600; font-size:13px; color:var(--muted); }
td.num { text-align:right; white-space:nowrap; }
tr.bad td { color:var(--bad); }
tr.bad td:first-child { box-shadow:inset 3px 0 0 var(--bad); }
tr.total td { background:var(--head); }
table.clickable tbody tr[data-id] { cursor:pointer; }
tr.empty td { text-align:center; padding:24px; }
.cat { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.cat i { width:9px; height:9px; border-radius:50%; display:inline-block; }
.st { display:inline-block; padding:2px 9px; border-radius:999px; font-size:12px; font-weight:600; white-space:nowrap; }
.st-ok { background:var(--ok-soft); color:var(--ok); }
.st-bad { background:var(--bad-soft); color:var(--bad); }
.st-none { background:#eee9e1; color:var(--muted); }
@keyframes flash { from { background:#ffe6b8; } to { background:transparent; } }
tr.flash td, .doc.flash { animation:flash 2.5s ease-out; }

/* Сводка */
.kpis { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:12px; margin-bottom:16px; }
.kpi { display:flex; flex-direction:column; gap:6px; width:100%; text-align:left; background:var(--card); color:var(--ink); border:1px solid var(--line); border-top:4px solid var(--c); border-radius:var(--r); padding:12px 14px; font-weight:400; }
.kpi-name { font-weight:600; }
.kpi-val { font-size:24px; font-weight:700; line-height:1.2; }
.kpi-val small { font-size:14px; font-weight:500; color:var(--muted); }
.kpi-sub { display:flex; flex-wrap:wrap; justify-content:space-between; column-gap:8px; font-size:13px; color:var(--muted); }
.kpi-foot { font-size:13px; color:var(--muted); margin-top:auto; border-top:1px solid var(--line); padding-top:6px; } /* подвал прижат вниз: карточки в ряду выровнены */
.bar { height:8px; background:#eee7dc; border-radius:4px; overflow:hidden; }
.bar i { display:block; height:100%; background:var(--ok); }
.bar i.low { background:var(--bad); }
.banner { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; background:var(--acc-soft); border:1px solid #e6c7a4; border-radius:var(--r); padding:12px 16px; margin-bottom:16px; }
.banner[hidden] { display:none; }
.banner > div:last-child { display:flex; gap:8px; }

/* База знаний */
.doc { background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:12px 16px; margin-bottom:10px; cursor:pointer; }
.doc h4 { margin:0 0 4px; }
.doc pre { white-space:pre-wrap; font:inherit; margin:8px 0 0; color:var(--ink); }
.empty-note { text-align:center; color:var(--muted); padding:32px 16px; background:var(--card); border:1px dashed var(--line); border-radius:var(--r); }

/* Окна */
dialog { border:0; border-radius:14px; padding:0; width:min(640px, calc(100vw - 32px)); max-height:calc(100vh - 48px); box-shadow:0 20px 60px #0005; color:var(--ink); }
dialog.wide-dlg { width:min(820px, calc(100vw - 32px)); }
dialog::backdrop { background:#1f1a1599; }
dialog form { padding:0 20px 16px; }
.dlg-head { display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; background:var(--card); padding:16px 0 10px; z-index:1; }
.dlg-head h3 { margin:0; }
.x { background:transparent; color:var(--muted); min-width:var(--tap); padding:4px; font-size:18px; }
.dlg-actions { display:flex; gap:8px; align-items:center; position:sticky; bottom:0; background:var(--card); padding:12px 0 4px; border-top:1px solid var(--line); margin-top:12px; }
.dlg-actions .spacer { flex:1; }
#prodQcBox { border-top:1px solid var(--line); margin-top:8px; }
#prodQcBox[hidden] { display:none; }
.ing { display:grid; grid-template-columns:2fr 1fr 90px 1fr auto; gap:8px; align-items:end; margin-bottom:8px; }

/* Уведомление */
#toast { position:fixed; left:50%; transform:translateX(-50%); bottom:24px; background:#2a231d; color:#fff; padding:10px 12px 10px 16px; border-radius:10px; display:flex; gap:12px; align-items:center; z-index:100; box-shadow:0 8px 24px #0004; max-width:calc(100vw - 32px); }
#toast[hidden] { display:none; }
#toastUndo { background:transparent; color:#f0a55a; border:0; min-height:32px; padding:4px 8px; font-weight:700; }
#toastUndo[hidden] { display:none; }

/* ---------- Телефон ---------- */
@media (max-width:600px) {
  body { padding-bottom:calc(68px + env(safe-area-inset-bottom)); }
  header { padding:8px 16px 8px; }
  .topbar { padding-bottom:0; }
  .brand-co { font-size:11px; }
  .brand h1 { font-size:17px; }
  .sync { font-size:12px; padding:5px 10px; max-width:55vw; overflow:hidden; text-overflow:ellipsis; }
  main { padding:12px 16px; }
  h2 { font-size:20px; }

  /* Нижнее меню */
  nav#tabs { position:fixed; left:0; right:0; bottom:0; background:var(--card); border-top:1px solid var(--line); z-index:30; padding-bottom:env(safe-area-inset-bottom); box-shadow:0 -2px 10px #0000000d; }
  nav#tabs button { flex:1; color:var(--muted); opacity:1; display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 2px 6px; font-size:11px; border-bottom:0; border-top:3px solid transparent; min-height:60px; }
  nav#tabs button.active { color:var(--acc); border-top-color:var(--acc); }
  nav#tabs .ic { margin:0; font-size:20px; line-height:1; }
  .nav-extra { display:none !important; }
  .nav-more { display:flex !important; }

  .filters { gap:6px; }
  .filters .seg { width:100%; }
  .filters .seg button { flex:1; padding:6px 4px; }
  .filters select, .filters input { flex:1; min-width:0; }

  /* Таблицы — карточки */
  table.cards { display:block; background:transparent; overflow:visible; }
  table.cards thead { display:none; }
  table.cards tbody { display:block; }
  table.cards tr { display:block; background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:10px 14px; margin-bottom:8px; }
  table.cards tr.bad { border-left:4px solid var(--bad); }
  table.cards tr.bad td:first-child { box-shadow:none; }
  table.cards td { display:flex; justify-content:space-between; align-items:center; gap:12px; border:0; padding:3px 0; text-align:right; background:transparent !important; }
  table.cards td[data-label]::before { content:attr(data-label); color:var(--muted); font-weight:400; text-align:left; font-size:13px; }
  table.cards td:empty { display:none; }
  table.cards tr.empty td { justify-content:center; text-align:center; }
  table.cards tr.empty td::before { content:none; }
  table.cards tr.total { background:var(--head); }

  .grid { grid-template-columns:1fr 1fr; gap:10px; }
  .kpis { grid-template-columns:1fr 1fr; gap:10px; }
  .kpi { padding:10px 12px; }
  .kpi-val { font-size:20px; }
  .ing { grid-template-columns:1fr 1fr; background:var(--head); padding:10px; border-radius:8px; }
  .ing label:first-child { grid-column:1/-1; }
  .ing .icon-btn { justify-self:end; grid-column:2; }

  /* Окна на весь экран */
  dialog, dialog.wide-dlg { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; margin:0; border-radius:0; }
  dialog form { padding:0 16px calc(12px + env(safe-area-inset-bottom)); min-height:100%; display:flex; flex-direction:column; }
  .dlg-actions { margin-top:auto; }
  .dlg-actions button { flex:1; }
  .dlg-actions .spacer { display:none; }

  #toast { bottom:calc(76px + env(safe-area-inset-bottom)); }
  #moreMenu { bottom:calc(72px + env(safe-area-inset-bottom)); }
}
@media (max-width:360px) { .grid, .kpis { grid-template-columns:1fr; } }
#dashMonth { width:auto; }

/* Склад, простои */
.check { flex-direction:row; align-items:center; gap:8px; color:var(--ink); font-size:14px; font-weight:400; min-height:var(--tap); }
.check input { width:20px; height:20px; min-height:0; margin:0; accent-color:var(--acc); }
.writeoff { background:var(--acc-soft); border-radius:8px; padding:10px 12px; margin-bottom:6px; }
.writeoff[hidden] { display:none; }
.reasons { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:8px 16px; margin-bottom:14px; }
.reasons:empty { display:none; }
.reason { background:var(--card); border:1px solid var(--line); border-radius:8px; padding:8px 12px; }
.reason-top { display:flex; justify-content:space-between; gap:8px; font-size:14px; }
.reason .bar { margin-top:6px; height:6px; }
.kpi-alt { background:#fbf9f5; }
td .actions { flex-wrap:nowrap; justify-content:flex-end; }
input[readonly] { background:var(--head); color:var(--muted); }

/* Отчёт */
.report { background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:24px 28px; }
.report h3 { margin:22px 0 8px; font-size:16px; }
.report p { margin:6px 0 10px; }
.rep-head { display:flex; justify-content:space-between; align-items:flex-end; gap:12px; flex-wrap:wrap; border-bottom:2px solid var(--brand); padding-bottom:10px; }
.rep-head .brand-co { color:var(--muted); opacity:1; }
.rep-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:16px; }
.rep-kpis div { background:var(--head); border-radius:8px; padding:10px 12px; }
.rep-kpis span { display:block; font-size:12px; color:var(--muted); }
.rep-kpis b { font-size:22px; }
.rep-kpis .bad b { color:var(--bad); }
.rep-cols { display:grid; grid-template-columns:2fr 1fr; gap:16px; }
table.rt { font-size:13px; margin-bottom:8px; border:1px solid var(--line); }
table.rt th, table.rt td { padding:5px 8px; }
.rep-sign { display:flex; justify-content:space-between; margin-top:40px; padding-top:8px; }
@media (max-width:600px) {
  .report { padding:14px; overflow-x:auto; }
  .rep-kpis { grid-template-columns:1fr 1fr; }
  .rep-cols { grid-template-columns:1fr; }
  .section-head .actions { width:100%; }
  .section-head .actions > * { flex:1; }
  #matTable td .actions { width:100%; }
  #matTable td .actions button { flex:1; }
}

/* Печать отчёта */
@media print {
  @page { size:A4; margin:14mm 12mm; }
  body { background:#fff; padding:0; font-size:12px; }
  header, nav#tabs, #moreMenu, #toast, .no-print, dialog { display:none !important; }
  main { padding:0; max-width:none; }
  .tab { display:none !important; }
  #report { display:block !important; }
  .report { border:0; padding:0; }
  table.rt { page-break-inside:auto; }
  table.rt tr { page-break-inside:avoid; }
  .report h3 { page-break-after:avoid; }
  .bad { color:#b3261e !important; }
  * { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}

/* Монохромные значки */
svg.ic { width:20px; height:20px; flex:none; vertical-align:-4px; }
nav#tabs button { display:inline-flex; align-items:center; gap:7px; }
nav#tabs svg.ic { width:18px; height:18px; margin:0; opacity:.9; }
nav#tabs button.active svg.ic { opacity:1; stroke-width:2; }
#moreMenu button { display:flex; align-items:center; gap:12px; }
#moreMenu svg.ic { color:var(--acc); }
.kpi-name { display:flex; align-items:center; gap:7px; }
.kpi-name svg.ic { width:18px; height:18px; color:var(--muted); }
.with-ic { display:inline-flex; align-items:center; gap:8px; }
.icon-btn svg.ic { width:18px; height:18px; vertical-align:middle; }
@media (max-width:600px) {
  nav#tabs button { gap:3px; }
  nav#tabs svg.ic { width:24px; height:24px; }
}

/* Режим приложения на iPhone: шапка под строкой состояния и «чёлкой» */
header { padding-top:calc(10px + env(safe-area-inset-top)); padding-left:calc(16px + env(safe-area-inset-left)); padding-right:calc(16px + env(safe-area-inset-right)); }
@media (max-width:600px) { header { padding-top:calc(8px + env(safe-area-inset-top)); } }

/* ---------- Мобильная база ---------- */
html {
  -webkit-tap-highlight-color: transparent; /* без серой вспышки при тапе — вместо неё :active ниже */
  overscroll-behavior: none;                /* ни pull-to-refresh, ни резинки всей страницы */
}
body { overscroll-behavior: none; }
dialog { overscroll-behavior: contain; }    /* прокрутка окна не передаётся странице под ним */

/* Наведение — только у мыши. На телефоне :hover «залипает» после тапа. */
@media (hover: hover) and (pointer: fine) {
  button:hover { filter:brightness(.95); }
  #moreMenu button:hover { background:var(--head); }
  table.clickable tbody tr[data-id]:hover td { background:#faf6f0; }
  .kpi:hover { filter:none; box-shadow:0 2px 10px #0000000f; }
  .doc:hover { box-shadow:0 2px 10px #0000000f; }
}

/* Без задержки тапа */
button, a, summary, label, select, .kpi, .doc, table.clickable tbody tr[data-id] { touch-action: manipulation; }

/* Управляющие элементы не выделяются долгим нажатием; текст записей остаётся выделяемым */
button, summary, .seg, nav#tabs {
  -webkit-user-select: none; user-select: none;
  -webkit-touch-callout: none;
}

/* Отклик на нажатие, а не на отпускание */
button { transition: transform 140ms var(--ease-out), background-color 140ms ease; }
button:active { transform: scale(.97); }
nav#tabs button:active { transform: none; opacity: .55; }
table.clickable tbody tr[data-id]:active td { background:#f3ebdf; }
.doc:active { background:#faf6f0; }
@media (max-width:600px) {
  table.cards.clickable tbody tr[data-id]:active { background:#f3ebdf; }
}

/* Вырез и скругления экрана в альбомной ориентации */
main { padding-left:max(16px, env(safe-area-inset-left)); padding-right:max(16px, env(safe-area-inset-right)); }
@media (max-width:600px) {
  nav#tabs { padding-left:env(safe-area-inset-left, 0px); padding-right:env(safe-area-inset-right, 0px); }
  dialog form { padding-left:max(16px, env(safe-area-inset-left)); padding-right:max(16px, env(safe-area-inset-right)); }
}

/* Верхняя панель не помещается между телефоном в альбомной ориентации и ноутбуком: прокручивается сама, страницу не раздвигает */
@media (min-width:601px) {
  nav#tabs { overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; }
  nav#tabs::-webkit-scrollbar { display:none; }
  nav#tabs button { flex:none; white-space:nowrap; }
}

/* Ширина 601–1279: если таблица не помещается, прокручивается область содержимого, а не вся страница.
   Таблицы при этом остаются на всю ширину карточки. */
@media (min-width:601px) and (max-width:1279px) { main { overflow-x:auto; } }

/* Клавиатура открыта: окно занимает только видимую область, кнопки остаются над клавиатурой */
dialog { scroll-padding: 64px 0 84px; }   /* поле в фокусе не прячется под липкой шапкой и кнопками окна */
html.kb dialog { top:var(--vvt, 0px); bottom:auto; margin-block:0; max-height:var(--vvh, 100dvh); }
html.kb dialog form { padding-bottom:12px; } /* клавиатура закрывает индикатор «Домой» — запас под него не нужен */
@media (max-width:600px) {
  html.kb dialog, html.kb dialog.wide-dlg { height:var(--vvh, 100dvh); }
}

/* ---------- Детали ---------- */
:root { --ease-out: cubic-bezier(0.23, 1, 0.32, 1); --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1); }

/* Цифры одной ширины: столбцы чисел и даты в таблицах не «ползают» */
table, .kpi-val, .kpi-sub, .rep-kpis { font-variant-numeric: tabular-nums; }

/* В журнале выпуска растягиваются только «Продукт» и «Примечание»; остальные колонки в одну строку */
@media (min-width:1100px) { #prodTable td:not([data-label="Продукт"]):not(.note) { white-space:nowrap; } }

/* ---------- Появление ----------
   Окна — редкое действие, поэтому плавно, но коротко. Закрытие мгновенное: после «Сохранить» система должна отвечать сразу.
   В браузерах без @starting-style окно просто появляется сразу. */
dialog[open] { opacity:1; transform:none; transition: opacity 180ms var(--ease-out), transform 220ms var(--ease-out); }
dialog::backdrop { transition: opacity 180ms var(--ease-out); }
@starting-style {
  dialog[open] { opacity:0; transform:scale(.96); }
  dialog[open]::backdrop { opacity:0; }
  #toast { opacity:0; transform:translateX(-50%) translateY(12px); }
  #moreMenu { opacity:0; transform:scale(.95); }
}
#toast { transition: opacity 200ms var(--ease-out), transform 240ms var(--ease-out); }
#moreMenu { transform-origin: bottom right; transition: opacity 150ms var(--ease-out), transform 150ms var(--ease-out); } /* вырастает из кнопки «Ещё» */
@media (max-width:600px) {
  dialog[open] { transition: transform 320ms var(--ease-drawer), opacity 120ms linear; }
  @starting-style { dialog[open] { opacity:1; transform:translateY(100%); } } /* полноэкранное окно выезжает снизу */
}
@media (prefers-reduced-motion: reduce) {
  dialog[open], #toast, #moreMenu { transition: opacity 120ms linear; }
  @starting-style {
    dialog[open] { opacity:0; transform:none; }
    #toast { opacity:0; transform:translateX(-50%); }
    #moreMenu { opacity:0; transform:none; }
  }
}

/* Полноэкранное окно на iPhone в режиме приложения лежит под часами и батареей: шапка окна опускается ниже строки состояния */
@media (max-width:600px) {
  .dlg-head { padding-top: calc(16px + env(safe-area-inset-top, 0px)); }
}