/* Меню и лист «Записать» (этап 2, блок N). */

/* Компьютер: три постоянных раздела, тонкая черта, остальные разделы; внизу справка, бухгалтер и выход. */
.sidebar-divider{margin:8px 12px;border:0;border-top:1px solid #3a3a3a}
.sidebar-bottom>a{display:flex;align-items:center;min-height:44px;color:#dedede}
.sidebar-bottom>a[aria-current=page]{color:#fff;font-weight:650}
.sidebar-bottom form{margin-top:0}
/* Невысокий экран ноутбука (1366×768, 1280×720): колонка помещается целиком, «Для бухгалтера» и «Выйти» видны без прокрутки.
   Ниже 711 px колонка прокручивается сама (overflow-y:auto у .sidebar в app.css). Пункты остаются по 44 px. */
@media(min-width:701px) and (max-height:840px){
.sidebar{padding-top:12px;padding-bottom:8px}
.sidebar .brand{margin-bottom:10px}
.sidebar .sidebar-add{min-height:44px;margin:12px 0 10px;padding-block:10px}
.sidebar nav{gap:2px}
.sidebar nav a{min-height:44px;padding-block:9px}
.sidebar-divider{margin-block:4px}
.sidebar-bottom{padding-top:8px}
}
/* 1280×720: с пунктом «Ещё» колонка теснее, пункты по-прежнему 44 px, «Выйти» виден без прокрутки. */
@media(min-width:701px) and (max-height:760px){
.sidebar{padding-top:8px}
.sidebar .brand{margin-bottom:4px}
.sidebar .sidebar-add{margin:8px 0 6px}
.sidebar nav{gap:0}
.sidebar-bottom{padding-top:4px}
}

/* «Ещё»: один список разделов; на телефоне 360×640 он виден без прокрутки до «Настроек». */
.more-page{max-width:720px}
.more-page .page-head h1{margin:0}
.more-links{display:grid;padding:4px 24px}
.more-links>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:8px 0;border-bottom:1px solid var(--line)}
.more-links>a:last-child{border-bottom:0}
.more-links>a:hover{text-decoration:none}
.more-links>a:hover strong{text-decoration:underline}
.more-links strong{display:block;font-size:16px;font-weight:650;line-height:1.4}
.more-links small{display:block;margin-top:2px;color:var(--secondary);font-size:13px;line-height:1.4}
.more-links>a>span:last-child{flex:none;color:var(--secondary);font-size:20px}
.more-exit{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.more-exit p{margin:0;font-size:14px}

/* «Для бухгалтера» и возврат к нему со страницы направлений. */
.accountant-page{max-width:1160px}
@media(min-width:761px){.accountant-page .business-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.accountant-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.accountant-checks .panel{margin:0}
.accountant-checks h2{margin-bottom:8px}
.accountant-checks .muted{margin:0 0 8px;font-size:14px;line-height:1.6}
.business-index .back-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:0}

@media(max-width:700px){
.more-links{padding:0 16px}
.accountant-checks{grid-template-columns:1fr;gap:12px}
}

/* Цели касания не меньше 44×44 px: область ссылки увеличена отступами, текст стоит на прежнем месте. */
.topbar .button{min-height:44px}
.breadcrumb a{display:inline-block;padding:14px 0;margin:-14px 0}
.page-head a.eyebrow{display:inline-block;padding:13px 0;margin:-13px 0}
.deal-card .page-head a.eyebrow,.close-deal .page-head a.eyebrow{padding:0;margin:0 0 8px}
.tabs a{min-width:44px;justify-content:center}
.sidebar-bottom .link-button{min-width:44px;text-align:left}
.report-card h3 a,.list-row.money-debt>div>a,.list-row a[data-party-name]{display:inline-block;min-width:44px;padding:11px 0;margin:-11px 0}
#unallocated .list-row>a{display:inline-flex;align-items:center;min-height:44px}
/* На компьютере «Записать» одна — в боковой панели; вверху справа её нет. */
@media(min-width:701px){.topbar-actions [data-open-actions]{display:none}}

/* Под пунктами листа — короткие формы перевода и обмена и полный список операций: три цели по 44 px в одной строке. */
#quick-actions .sheet-other{display:flex;flex-wrap:wrap;justify-content:center;gap:0 14px;min-height:0;padding-top:4px}
#quick-actions .sheet-other a{display:inline-flex;align-items:center;min-height:44px;color:inherit;white-space:nowrap}

/* Лист «Что записать?»: на телефоне пять пунктов и нижние ссылки помещаются на экране 360×640 без прокрутки внутри листа. */
@media(max-width:700px){
#quick-actions .sheet-handle{margin-bottom:12px}
#quick-actions .dialog-head{margin-bottom:12px}
#quick-actions .dialog-links a{min-height:64px;padding:10px 12px}
#quick-actions .sheet-other{margin-top:8px}
}