/* v109 - aspect unitar si telefon cu bara de jos. Doar prezentare; nicio functie nu se schimba. */
:root{--ui-ink:#1C2E24;--ui-soft:#55665B;--ui-line:#DAE2D8;--ui-bg:#F2F4F0;--ui-paper:#FFFFFF;--ui-green:#245D40;--ui-green-d:#1B4A32;--ui-tint:#E7F0E3;--ui-gold:#D1AD58;--ui-tab:64px}
body.ui-v109{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;background:var(--ui-bg)!important;color:var(--ui-ink)}
body.ui-v109 #side{background:var(--ui-bg)!important}
body.ui-v109 .farm-topbar{background:var(--ui-bg);border-bottom:1px solid var(--ui-line)}
body.ui-v109 :is(.fin-table,.work-register,.crop-table,.cost-table,#whTotals,.inv-total,.stock-qty,.stock-val){font-variant-numeric:tabular-nums}

/* Titluri: unul pe pagina, aceeasi marime peste tot */
body.ui-v109 .section>h2,body.ui-v109 .ui-page-head h2{font-size:28px!important;font-weight:750;letter-spacing:-.01em!important;color:var(--ui-ink)!important;margin:0 0 16px!important;text-transform:none}
.ui-page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.ui-page-head h2{flex:1;margin:0!important}
.ui-page-head .btn{min-height:46px!important;padding:10px 18px!important;font-size:15px!important;border-radius:12px!important}

/* Carduri si butoane: aceleasi colturi, aceleasi inaltimi */
body.ui-v109 .card,body.ui-v109 .fin-card>details,body.ui-v109 .farm-form-card{border-radius:14px!important;border-color:var(--ui-line)!important;box-shadow:none!important}
body.ui-v109 .btn{border-radius:10px}
body.ui-v109 .btn.primary{background:var(--ui-green);border-color:var(--ui-green)}
body.ui-v109 .btn.primary:hover{background:var(--ui-green-d)}
body.ui-v109 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select){border-radius:10px!important;min-height:44px}

/* Texte explicative care se repetau pe fiecare pagina: scoase (raman titlurile si etichetele campurilor) */
body.ui-v109 :is(.farm-page-intro,.fin-lead){display:none!important}

/* Acasa: scurtaturile mai compacte, aceleasi destinatii */
body.ui-v109 .farm-welcome{background:none!important;border:0!important;padding:0 0 4px!important}
body.ui-v109 .farm-welcome small{display:none}
body.ui-v109 .farm-welcome h2{font-size:28px!important;margin:0 0 4px!important}
body.ui-v109 .farm-welcome p{color:var(--ui-soft)!important;font-size:15px}
body.ui-v109 .farm-actions{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
body.ui-v109 .farm-actions button{min-height:76px;padding:14px 16px;border-radius:14px;border:1px solid var(--ui-line)}
body.ui-v109 .farm-actions b{font-size:17px;margin-bottom:4px}
body.ui-v109 .farm-actions button:first-child{background:var(--ui-green)!important;border-color:var(--ui-green)!important}
body.ui-v109 .farm-actions button:first-child :is(b,span){color:#fff!important}

/* Lucrari: lista, apoi formularul cand il ceri */
body.ui-v109 #workSection>.card{background:transparent;border:0!important;padding:0!important}
body.ui-v109 #workSection .ui-history{margin:0;padding:0;border:0}
#uiWorkForm[hidden],.ui-history[hidden]{display:none!important}
body.ui-v109 .work-history-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:10px;align-items:end;background:var(--ui-paper);border:1px solid var(--ui-line);border-radius:14px;padding:14px;margin-bottom:12px}
body.ui-v109 .work-history-filters label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--ui-soft)}
body.ui-v109 #whTotals{background:var(--ui-tint)!important;color:var(--ui-green-d)!important;border-radius:12px!important;padding:12px 14px!important;font-weight:700;margin-bottom:12px}
body.ui-v109 .work-register-scroll{background:var(--ui-paper);border:1px solid var(--ui-line);border-radius:14px;overflow-x:auto}
body.ui-v109 .work-register{width:100%;border-collapse:collapse}
body.ui-v109 .work-register th{background:none!important;color:var(--ui-soft)!important;font-size:13px;font-weight:700;text-align:left;padding:12px 10px;border-bottom:2px solid var(--ui-line)}
body.ui-v109 .work-register td{padding:12px 10px;border-bottom:1px solid var(--ui-line);vertical-align:top}
body.ui-v109 .work-register tr:last-child td{border-bottom:0}
body.ui-v109 .work-register td[data-l]{text-align:right;white-space:nowrap}
body.ui-v109 .work-register th:nth-child(n+3):nth-child(-n+6){text-align:right}
body.ui-v109 .work-register td small{display:block;color:var(--ui-soft);font-size:12px;margin-top:2px}
body.ui-v109 .work-register summary{cursor:pointer}
body.ui-v109 .wr-actions{white-space:nowrap;text-align:right}
body.ui-v109 .wr-actions .btn{min-height:38px;padding:6px 12px;margin-left:6px}

/* Lista de lucrari ingusta pe PC mediu */
@media(max-width:1250px){body.ui-v109 .work-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ================= TELEFON ================= */
#uiTabs,#uiMore,.ui-filter-toggle{display:none}
@media(max-width:760px){
  body.ui-v109{font-size:16px}
  /* meniul vechi de sus (nu incapea) - inlocuit de bara de jos; Setari sunt in "Mai multe" */
  body.ui-v109 #side>.brand{display:none!important}
  body.ui-v109 #content{padding:14px 14px calc(var(--ui-tab) + 28px + env(safe-area-inset-bottom))!important}
  #uiTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:5000;
    height:calc(var(--ui-tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ui-paper);border-top:1px solid var(--ui-line);box-shadow:0 -4px 18px rgba(20,40,28,.06)}
  #uiTabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:var(--ui-soft);font:600 12px/1.1 system-ui,sans-serif;padding:0;cursor:pointer;min-width:0}
  #uiTabs button svg{width:26px;height:26px;padding:3px 14px;box-sizing:content-box;border-radius:14px}
  #uiTabs button[aria-current]{color:var(--ui-green)}
  #uiTabs button[aria-current] svg{background:var(--ui-tint)}
  #uiMore:not([hidden]){display:block;position:fixed;inset:0;z-index:5100}
  .ui-more-shade{position:absolute;inset:0;border:0;background:rgba(15,28,20,.45);width:100%;cursor:default}
  .ui-more-panel{position:absolute;left:0;right:0;bottom:0;background:var(--ui-paper);border-radius:20px 20px 0 0;padding:10px 14px calc(14px + env(safe-area-inset-bottom));max-height:85dvh;overflow:auto}
  .ui-grab{width:44px;height:5px;border-radius:3px;background:#CCD5CA;margin:0 auto 10px}
  .ui-more-item{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--ui-line);background:none;padding:13px 6px;cursor:pointer;color:var(--ui-ink)}
  .ui-more-item:first-of-type{border-top:0}
  .ui-more-item b{display:block;font-size:17px}
  .ui-more-item span{display:block;font-size:14px;color:var(--ui-soft);margin-top:1px}
  .ui-more-item[aria-current] b{color:var(--ui-green)}
  .ui-more-item[data-pc-only]{display:none}
  /* elementele fixate jos stau deasupra barei */
  body.ui-v109 .folder-badge{position:fixed!important;left:auto!important;right:8px!important;top:auto!important;bottom:calc(var(--ui-tab) + 8px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:calc(100vw - 16px)!important;border-radius:10px!important;font-size:12px!important;padding:6px 10px!important}
  body.ui-v109 .cloud-conflict-banner{bottom:calc(var(--ui-tab) + 46px + env(safe-area-inset-bottom))!important}
  body.ui-v109 #fermaTestBanner{bottom:calc(var(--ui-tab) + 8px + env(safe-area-inset-bottom))!important}
  /* Harta: tot ecranul pana la bara */
  body.ui-v109[data-workspace="harta"] #mapwrap{height:calc(100dvh - var(--ui-tab) - env(safe-area-inset-bottom))!important}
  body.ui-v109[data-workspace="harta"] #content{padding:0!important}

  body.ui-v109 .section>h2,body.ui-v109 .ui-page-head h2{font-size:26px!important;margin-bottom:12px!important}
  body.ui-v109 .farm-actions{grid-template-columns:1fr}
  body.ui-v109 .farm-actions button{min-height:64px}

  /* Lucrari pe telefon */
  .ui-page-head .ui-new{width:100%;order:3}
  .ui-filter-toggle{display:block;width:100%;min-height:44px!important;margin-bottom:10px}
  body.ui-v109:not(.ui-filters-open) .work-history-filters{display:none!important}
  body.ui-v109 .work-history-filters{grid-template-columns:1fr 1fr;padding:12px;gap:8px}
  body.ui-v109 .work-history-filters label:nth-child(4){grid-column:1/-1}
  body.ui-v109 .work-history-filters #whReset{grid-column:1/-1;min-height:42px}
  body.ui-v109 .work-register-scroll{background:transparent;border:0;overflow:visible}
  body.ui-v109 .work-register thead{display:none}
  body.ui-v109 .work-register,body.ui-v109 .work-register tbody{display:block}
  body.ui-v109 .work-register tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;background:var(--ui-paper);border:1px solid var(--ui-line);border-radius:14px;padding:12px 14px;margin-bottom:10px}
  body.ui-v109 .work-register td{display:block;padding:0!important;border:0!important;min-width:0}
  body.ui-v109 .work-register td.wr-main{grid-column:1/-1;order:-1;font-size:16px}
  body.ui-v109 .work-register td.wr-date{grid-column:1/-1;order:-2;font-size:13px;color:var(--ui-soft)}
  body.ui-v109 .work-register td.wr-date small{display:inline;margin-left:6px}
  body.ui-v109 .work-register td[data-l]{display:flex;justify-content:space-between;gap:8px;font-size:14px;text-align:left}
  body.ui-v109 .work-register td[data-l]::before{content:attr(data-l);color:var(--ui-soft)}
  body.ui-v109 .work-register td.wr-actions{grid-column:1/-1;display:flex;gap:8px;margin-top:8px;text-align:left}
  body.ui-v109 .work-register td.wr-actions .btn{flex:1;margin:0;min-height:44px}
  /* formularul de lucrare: ecran intreg, Salveaza mereu la vedere */
  body.ui-work-form #uiTabs{display:none}
  body.ui-work-form #content{padding-bottom:110px!important}
  body.ui-work-form .farm-work-actions{position:fixed!important;left:0;right:0;bottom:0;z-index:5000;margin:0!important;border-radius:0!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--ui-paper)!important;border:0!important;border-top:1px solid var(--ui-line)!important}
  body.ui-work-form .farm-work-actions #workSave{grid-column:1/-1;min-height:52px;font-size:17px}
  body.ui-work-form .farm-work-actions:has(#workCancel:not([hidden])) #workSave{grid-column:2}
  body.ui-work-form .folder-badge,body.ui-work-form #fermaTestBanner{bottom:calc(84px + env(safe-area-inset-bottom))!important}
}

/* Harta: pe pagina hartii raman doar instrumentele hartii; backup / restaurare / golire sunt in "Date si backup" */
body.ui-v109:is([data-workspace="harta"],[data-workspace="sole"]) :is(#exportData,label[for="restoreInput"],#restoreOriginal){display:none!important}
body.ui-v109[data-workspace="harta"] .section:has(#search) .note{display:none}
/* Date si backup: fara cautarea si filtrele hartii */
body.ui-v109[data-workspace="date"] :is(#search,#cropSelect,#ecoSchemeSelect),
body.ui-v109[data-workspace="date"] .button-row:has(>#fitAll),
body.ui-v109[data-workspace="date"] .section:has(#search) .note{display:none!important}
.ui-fold>summary{cursor:pointer;font-weight:700;font-size:16px;padding:4px 0;list-style-position:inside}
@media(max-width:760px){
  /* Facturi / Stocuri / Costuri / Arenda: fara cadru in cadru pe ecranul mic */
  body.ui-v109 #finSection .card{padding:0!important;border:0!important;background:transparent!important}
  body.ui-v109 #finSection .fin-card>details{padding:0!important;border:0!important;background:transparent!important}
  body.ui-v109 #finSection #finNotice:empty{display:none}
  body.ui-v109 #finSection .fin-grid.inv-filters{grid-template-columns:1fr 1fr!important;gap:8px}
  body.ui-v109 #finSection .fin-grid.inv-filters label:nth-child(-n+2){grid-column:1/-1}
  body.ui-v109 #finSection :is(.inv-row,.stock-row,.inv-head){padding-left:0;padding-right:0}
  body.ui-v109 #finSection .invoice-tabs{gap:6px}
}

/* Titlul paginii e deja sus; eticheta sectiunii (care o putea si inchide din greseala) nu mai apare */
body.ui-v109 #finSection .fin-card>details>summary{display:none}
/* Ani APIA: anul de plan era maro inchis cu text ilizibil */
body.ui-v109 .year-choice.planning-year,body.ui-v109 .year-choice.planning-year.marked{background:#FFF6DC!important;border-color:#D8B657!important;color:#5E4505!important}
body.ui-v109 .year-choice.planning-year *{color:#5E4505!important}
body.ui-v109 .year-choice.marked{background:var(--ui-tint)!important;border-color:#9DC2A2!important;color:var(--ui-ink)!important}
/* Date si backup incepe cu datele, nu cu importul APIA (importul ramane pe pagina Sole APIA) */
body.ui-v109[data-workspace="date"] .section:has(#fileInput){display:none!important}
body.ui-v109[data-workspace="sole"] .section:has(#search) .note{display:none}
body.ui-v109 .year-choice.planning-year>:last-child{background:#F3E2AE!important}

/* Plan culturi */
body.ui-v109 #cropPlanSection .crop-version{display:none!important}
@media(max-width:760px){
  body.ui-v109 #cropPlanSection #cropPlanTitle{font-size:24px!important}
  body.ui-v109 #cropPlanSection .card.crop-plan{background:transparent!important;border:0!important;padding:0!important}
  body.ui-v109 #cropRuleStatus{font-size:14px!important;padding:10px 12px!important;border-width:1px!important;border-radius:12px!important;line-height:1.4}
  /* anul: ‹ [2026] ›  + Campania curenta, pe un singur rand */
  body.ui-v109 .plan-year-nav{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px auto;gap:6px;align-items:end;margin:6px 0 10px}
  body.ui-v109 .plan-year-nav label{display:flex;flex-direction:column;gap:2px;font-size:12px!important}
  body.ui-v109 .plan-year-nav label select{width:100%}
  body.ui-v109 :is(#planPrev,#planNext){font-size:0!important;min-height:44px;padding:0!important}
  body.ui-v109 #planPrev::before{content:"‹";font-size:26px;line-height:1}
  body.ui-v109 #planNext::before{content:"›";font-size:26px;line-height:1}
  body.ui-v109 #planCurrent{min-height:44px;padding:6px 10px!important;font-size:13px!important}
  body.ui-v109 #cropPlanSection .crop-table :is(th,td){padding:3px 4px!important}
}
#uiPinHint{position:fixed;left:10px;right:10px;top:calc(10px + env(safe-area-inset-top));z-index:5200;display:flex;align-items:center;gap:10px;background:#1C2E24;color:#fff;border-radius:14px;padding:10px 10px 10px 14px;font:600 15px/1.3 system-ui,sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.3)}
#uiPinHint[hidden]{display:none}
#uiPinHint span{flex:1}
#uiPinHint .btn{background:#fff!important;color:#1C2E24!important;border:0!important;min-height:40px;padding:6px 14px}
.ui-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.ui-actions-row .btn{min-height:46px!important;padding:10px 18px!important;font-size:15px!important}
.ui-form-box{background:var(--ui-paper);border:2px solid var(--ui-green);border-radius:14px;padding:16px;margin:0 0 16px}
.ui-form-box[hidden]{display:none!important}
.ui-form-title{margin:0 0 12px!important;font-size:19px!important}
@media(max-width:760px){.ui-actions-row .btn{flex:1}.ui-form-box{padding:12px}}
.ui-date-toggle{display:none}
@media(max-width:760px){
  body.ui-v109:not(.ui-inv-dates) #finSection .inv-filters label:nth-child(n+3){display:none}
  .ui-date-toggle{display:block;width:100%;min-height:42px;margin:-4px 0 12px}
}
#uiToast{position:fixed;left:12px;right:12px;bottom:calc(var(--ui-tab) + 12px + env(safe-area-inset-bottom));z-index:5300;background:#1C2E24;color:#fff;border-radius:12px;padding:12px 14px;font:600 15px/1.35 system-ui,sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.3)}
#uiToast.bad{background:#8E1F17}
#uiToast[hidden]{display:none}
@media(max-width:760px){
  /* cat timp scrii: bara de jos, insigna de sincronizare, eticheta de test si bara Salveaza nu acopera campul */
  body.ui-typing #uiTabs,body.ui-typing .folder-badge,body.ui-typing #fermaTestBanner,body.ui-typing .cloud-conflict-banner{display:none!important}
  body.ui-typing.ui-work-form .farm-work-actions{position:static!important;border-radius:12px!important;margin-top:12px!important}
}
@media(max-width:760px){
  /* stiva de jos: eticheta de test sus (exista doar pe site-ul de test), insigna de sincronizare pe un singur rand */
  body.ui-v109 #fermaTestBanner{top:calc(6px + env(safe-area-inset-top))!important;bottom:auto!important;left:auto!important;right:8px!important;font-size:11px!important;opacity:.85!important}
  body.ui-v109 .folder-badge{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-height:34px!important}
}

/* Harta pe calculator: panoul din stanga mai scurt si in ordinea folosirii */
body.ui-v109[data-workspace="harta"] .farm-topbar{display:none!important}
body.ui-v109[data-workspace="harta"] #content{display:flex;flex-direction:column;gap:4px;padding:14px!important}
body.ui-v109[data-workspace="harta"] #content>.section{margin:0 0 6px}
body.ui-v109[data-workspace="harta"] #content>.section>h2{font-size:17px!important;margin:6px 2px 8px!important}
body.ui-v109[data-workspace="harta"] #content>.section:has(#search){order:1}
body.ui-v109[data-workspace="harta"] #content>.section:has(#yearList){order:2}
body.ui-v109[data-workspace="harta"] #content>.section:has(#pinModeBtn){order:3}
body.ui-v109[data-workspace="harta"] #content>.section:has(#ndviContext){order:4}
body.ui-v109[data-workspace="harta"] #content>.section:has(#parcels){order:5}
body.ui-v109[data-workspace="harta"] #content>.section .card{padding:14px!important}
body.ui-v109[data-workspace="harta"] :is(#yearList ~ .note,.section:has(#yearList) .note,#pinContext){display:none!important}

/* Costuri pe calculator */
body.ui-v109 #finSection #finNotice:empty{display:none}
@media(min-width:761px){
  body.ui-v109 .fin-grid.cost-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;align-items:end}
  body.ui-v109 .cost-filters #finExportReport{min-height:44px;white-space:nowrap}
}
body.ui-v109 .cost-table td{vertical-align:middle}
body.ui-v109 .cost-table .cost-actions{white-space:nowrap}
body.ui-v109 .cost-table .fin-mini{min-height:34px!important;padding:5px 12px!important;font-size:13px!important}
body.ui-v109 .cost-state{color:var(--ui-soft);font-size:13px}
body.ui-v109 .cost-state.ok{color:var(--ui-green)}
body.ui-v109 .cost-crop{text-decoration:none!important;color:var(--ui-ink)!important;font-weight:700}
body.ui-v109 .cost-crop::after{content:" ›";color:var(--ui-soft)}
body.ui-v109 .cost-crop:hover{color:var(--ui-green)!important}
body.ui-v109 .cost-table th:last-child{text-align:left}

/* Telefon, Harta: istoricul solei deasupra barei de jos, cu toate butoanele la vedere */
@media(max-width:760px){
  body.ui-v109 #history.history-floating{bottom:calc(var(--ui-tab) + 8px + env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - var(--ui-tab) - 150px - env(safe-area-inset-bottom))!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  /* cat timp e deschis istoricul: fara bula pinului si fara insigna de sincronizare peste el */
  body.ui-v109:has(#history.show) :is(.leaflet-popup,.folder-badge){display:none!important}
  /* site de test: in loc de eticheta peste butoanele hartii, bara de jos are o dunga portocalie si scrie TEST */
  body.ui-v109:has(#fermaTestBanner) #fermaTestBanner{display:none!important}
  body.ui-v109:has(#fermaTestBanner) #uiTabs{border-top:4px solid #E65100}
  body.ui-v109:has(#fermaTestBanner) #uiTabs::before{content:"SITE DE TEST";position:absolute;left:50%;top:-14px;transform:translateX(-50%);background:#E65100;color:#fff;font:700 10px/1 system-ui,sans-serif;padding:3px 8px;border-radius:8px;pointer-events:none}
}
