/* fin-ledger-entry — «📒 Учёт → Внести», дизайн C «Диспетчерская». Компоненты — .ui-*, здесь раскладка. Только токены. */
.fle{display:flex;flex-direction:column;gap:14px;min-width:0;}
.fle label,.fle p,.fle h3{margin:0;}
.fle .ui-swl{font-weight:var(--fw-regular);}

/* форма: 1 / 2 / 4 колонки, .w2 — на две */
.fle-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
@media (max-width:420px){.fle-form{grid-template-columns:minmax(0,1fr);}}
@media (min-width:760px){.fle-form{grid-template-columns:repeat(4,minmax(0,1fr));}}
.fle-form .w2{grid-column:span 2;}
@media (max-width:420px){.fle-form .w2{grid-column:auto;}}
.fle-form .ui-fl{min-width:0;}
.fle-form .ui-amt>.ui-in{height:var(--ctl-h);}   /* сумма — крупным шрифтом, но в ряд с соседними полями */
.fle-form:not(.is-tr) .fle-tr{display:none;}
.fle-form.is-tr .fle-ntr{display:none;}
.fle-cat{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:8px;}
.fle-cat .ui-search{width:auto;}
@media (max-width:599px){.fle-cat{grid-template-columns:minmax(0,1fr);}}
.fle-types [data-fletype=income] .ui-i{color:var(--ok);}
.fle-types [data-fletype=transfer] .ui-i{color:var(--info);}
@media (max-width:420px){
  .fle-types>button{gap:4px;padding:0 4px;font-size:var(--fs-sm);}
  .fle-types>button .ui-i{display:none;}   /* три типа должны влезть в 343px */
}
/* телефон: «Вручную / Выписка банка» — на всю ширину под заголовком */
@media (max-width:599px){
  .fle-main>.ui-pn-h .r{flex:1 0 100%;margin-left:0;}
  .fle-main>.ui-pn-h .ui-seg{display:flex;width:100%;}
  .fle-main>.ui-pn-h .ui-seg>button{flex:1;min-width:0;}
}
.fle-act{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
@media (max-width:599px){.fle-act .ui-btn{flex:1 1 auto;}}
#fleMsg:empty,#fleMap:empty,#flePrev:empty{display:none;}
#fleMap{display:flex;flex-direction:column;gap:12px;}
.fle-sub{font-size:var(--fs-sm);color:var(--text-2);overflow-wrap:anywhere;}

/* последние внесённые */
.fle-amt{font-weight:var(--fw-semibold);}
.fle-amt.income{color:var(--ok);}
.fle-amt.transfer{color:var(--text-2);}
.fle-row .m small{overflow-wrap:anywhere;}
.fle-row .fle-desc{color:var(--text-2);}
.fle-row .ui-pill{height:18px;margin-left:4px;vertical-align:middle;}
.fle-row{align-items:flex-start;}
.fle-row .fl-dir{margin-top:1px;}
.fle-row .acts{align-self:center;}
@media (max-width:599px){
  .fle-row .acts{width:auto;margin-left:auto;}   /* правка и удаление — справа, не на всю ширину */
  .fle-row .acts>.ui-btn{flex:none;}
  /* «удалить» — только корзина 40×40: тексту строки +50 px (было 5 строк переноса); подпись остаётся для экранного диктора */
  .fle-row [data-fledel]{width:40px;padding:0;gap:0;font-size:0;}
}
.fle-none{padding:14px;color:var(--text-3);font-size:var(--fs-sm);}

/* выписка: таблица проверки */
.fle-prev{border-top:1px solid var(--border);}
.fle-allw{justify-content:flex-end;}
.fle-prevt{max-height:65vh;overflow:auto;border-top:1px solid var(--border);}
.fle-prevt thead th{position:sticky;top:0;z-index:1;}
.fle-prevt .fle-cbc{width:44px;padding:0 4px;}
.fle-cbl{display:grid;place-items:center;min-width:36px;min-height:36px;cursor:pointer;}
.fle-prevt .fle-pd{min-width:200px;white-space:normal;line-height:var(--lh-tight);overflow-wrap:anywhere;}
.fle-prevt .fle-pd .ui-pill{height:18px;margin-left:4px;vertical-align:middle;}
.fle-prevt .fle-pc{min-width:220px;}
.fle-pc .ui-in.sug{background-color:var(--info-bg);border-color:var(--info);}
.fle-pa{font-weight:var(--fw-medium);}
.fle-pa.income{color:var(--ok);}
@media (max-width:599px),(pointer:coarse){.fle-cbl{min-width:44px;min-height:44px;}}