/* MOB365 WebApp · Sistemi i unifikuar i kontrolleve (Business Central 365).
   Ngarkohet pas mx-shell.css. Prefiksi i gjatë (html body .mx-shell .mx-page.bc-content) i jep
   përparësi mbi ~30 skedarët e vjetër të faqeve, që secila kishte butonat e vet.

   Butonat:
     Kryesor   – teal i plotë (Ruaj, + I ri, Kërko)            → .primary, .btn-primary, .ops-primary, *save*, [type=submit]
     Standard  – i bardhë me kornizë gri                       → çdo buton tjetër
     Në tabelë – lidhje teal pa kornizë (Shiko, Ndrysho, …)     → button/a.btn brenda <td>
     Rrezik    – i njëjti, me tekst të kuq                      → *danger*, *delete*, *remove*, .bad
     Skeda     – tekst me nënvizim teal për aktiven            → klasat me "tab"
*/

:root{--mx-btn-h:32px;}

/* ---------------- Standard ---------------- */
html body .mx-shell .mx-page.bc-content :where(button,a.btn,.btn,input[type=button],input[type=submit]){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  min-height:var(--mx-btn-h)!important;height:auto!important;padding:4px 14px!important;
  background:#fff!important;background-image:none!important;color:var(--mx-ink)!important;
  border:1px solid #8a8886!important;border-radius:2px!important;box-shadow:none!important;
  font-family:inherit!important;font-size:14px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;line-height:1.2!important;
  cursor:pointer;text-decoration:none!important;white-space:nowrap;
}
html body .mx-shell .mx-page.bc-content :where(button,a.btn,.btn):hover{background:#f3f2f1!important;border-color:#605e5c!important;}
html body .mx-shell .mx-page.bc-content :where(button,a.btn,.btn):disabled{opacity:.45!important;cursor:not-allowed!important;}
html body .mx-shell .mx-page.bc-content :where(button,a.btn,.btn):focus-visible{outline:2px solid var(--mx-accent)!important;outline-offset:1px!important;}

/* ---------------- Kryesor ---------------- */
html body .mx-shell .mx-page.bc-content :is(.primary,.btn-primary,.ops-primary,[class*="save"],button[type=submit],.btn-filter):is(button,a,.btn){
  background:var(--mx-accent)!important;border-color:var(--mx-accent)!important;color:#fff!important;font-weight:600!important;
}
html body .mx-shell .mx-page.bc-content :is(.primary,.btn-primary,.ops-primary,[class*="save"],button[type=submit],.btn-filter):is(button,a,.btn):hover{background:var(--mx-accent-dark)!important;border-color:var(--mx-accent-dark)!important;}

/* ---------------- Butonat brenda tabelave → lidhje ---------------- */
html body .mx-shell .mx-page.bc-content td :is(button,a.btn,.btn){
  min-height:0!important;padding:2px 6px!important;background:transparent!important;border:1px solid transparent!important;
  color:var(--mx-link)!important;font-size:13px!important;font-weight:400!important;
}
html body .mx-shell .mx-page.bc-content td :is(button,a.btn,.btn):hover{background:#f3f2f1!important;border-color:var(--mx-line)!important;text-decoration:underline!important;}
html body .mx-shell .mx-page.bc-content td :is(button,a.btn,.btn)::before{display:none!important;}

/* ---------------- Veprime rreziku ---------------- */
html body .mx-shell .mx-page.bc-content :is([class*="danger"],[class*="delete"],[class*="remove"],.bad,.red):is(button,a.btn,.btn){color:#a4262c!important;}
html body .mx-shell .mx-page.bc-content :is(.ops-link,.view-btn,.audit-detail-btn,.pm-link):is([class*="danger"],[class*="red"],[class*="bad"]){color:#a4262c!important;}

/* ---------------- Skedat brenda faqeve ---------------- */
html body .mx-shell .mx-page.bc-content :is([class*="-tab"],[class*="tab-"],.staff):is(button,a){
  min-height:40px!important;padding:6px 14px!important;background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;
  color:var(--mx-ink)!important;font-weight:400!important;
}
html body .mx-shell .mx-page.bc-content :is([class*="-tab"],[class*="tab-"],.staff):is(button,a):hover{background:#f3f2f1!important;}
html body .mx-shell .mx-page.bc-content :is([class*="-tab"],[class*="tab-"],.staff):is(button,a):is(.active,[aria-selected=true]){border-bottom-color:var(--mx-accent)!important;font-weight:600!important;}
/* Butonat "aktivë" që nuk janë skeda (filtrat e periudhës në Shitje, Raporte) */
html body .mx-shell .mx-page.bc-content :where(button,a.btn,.btn).active:not([class*="tab"]){background:var(--mx-accent-soft)!important;border-color:var(--mx-accent)!important;color:var(--mx-accent-dark)!important;font-weight:600!important;}

/* ---------------- Pllakat (moduli, Android, veprimet e menaxherit, të drejtat) mbeten pllaka ---------------- */
html body .mx-shell .mx-page.bc-content :is(.enterprise-module,.am-card,.pm-quick-action,.right-card){
  display:flex!important;justify-content:flex-start!important;text-align:left!important;white-space:normal!important;
  min-height:56px!important;padding:12px 14px!important;background:#fff!important;border:1px solid var(--mx-line)!important;color:var(--mx-ink)!important;font-weight:400!important;
}
html body .mx-shell .mx-page.bc-content :is(.enterprise-module,.am-card,.pm-quick-action,.right-card):hover{background:#f5f5f5!important;border-color:#c8c8c8!important;}
html body .mx-shell .mx-page.bc-content .pm-quick-action.primary{border-left:3px solid var(--mx-accent)!important;}

/* ---------------- Koka e faqes: veprimet si tekst (mbizotëron mbi "Standard") ---------------- */
html body .mx-shell .mx-page.bc-content :is(.page-head,.dash-head,.master-hero,.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.sales-hero-top,.hero-actions,.pm-hero-actions,.rm-header,.rm-commandbar,.bc-dev-commandbar) :is(button,a.btn,.btn){
  min-height:0!important;padding:6px 10px!important;background:transparent!important;border:0!important;color:var(--mx-ink)!important;font-weight:400!important;
}
html body .mx-shell .mx-page.bc-content :is(.page-head,.dash-head,.master-hero,.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.sales-hero-top,.hero-actions,.pm-hero-actions,.rm-header,.rm-commandbar,.bc-dev-commandbar) :is(button,a.btn,.btn):hover{background:#ececec!important;}
html body .mx-shell .mx-page.bc-content :is(.page-head,.dash-head,.master-hero,.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.sales-hero-top,.hero-actions,.pm-hero-actions,.rm-header,.rm-commandbar) :is(button,a.btn,.btn)::before{content:"";width:3px;height:16px;background:var(--mx-accent);display:inline-block;margin-right:2px;}

/* Rrugët & Vizitat: baneri me gradient → koka e faqes */
html body .mx-shell .mx-page.bc-content .rm-header{background:transparent!important;background-image:none!important;border:0!important;border-bottom:1px solid var(--mx-line)!important;border-radius:0!important;color:var(--mx-ink)!important;padding:0 0 10px!important;margin:0 0 14px!important;}
html body .mx-shell .mx-page.bc-content .rm-header :is(h1,h2,p,span,div){color:var(--mx-ink)!important;}
/* Etiketa mbi titull dhe kompania (shihet tashmë në shiritin e aplikacionit) */
html body .mx-shell .mx-page.bc-content :is(.rm-kicker,.rm-company-badge,.sales-company-badge){display:none!important;}
html body .mx-shell .mx-page.bc-content .rm-commandbar{background:transparent!important;border:0!important;border-bottom:1px solid var(--mx-line)!important;border-radius:0!important;padding:4px 0!important;}

/* ---------------- Fushat ---------------- */
html body .mx-shell .mx-page.bc-content :where(input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),select){
  min-height:var(--mx-btn-h)!important;height:var(--mx-btn-h)!important;padding:4px 8px!important;
  background:#fff!important;border:1px solid #8a8886!important;border-radius:2px!important;box-shadow:none!important;
  color:var(--mx-ink)!important;font-size:14px!important;font-weight:400!important;
}
html body .mx-shell .mx-page.bc-content :where(textarea){border:1px solid #8a8886!important;border-radius:2px!important;box-shadow:none!important;font-size:14px!important;padding:6px 8px!important;}
html body .mx-shell .mx-page.bc-content :where(input,select,textarea):focus{border-color:var(--mx-accent)!important;box-shadow:0 0 0 1px var(--mx-accent)!important;outline:0!important;}
/* Kutitë që mbështjellin fushat (kërkimi) nuk kanë kornizë të dytë */
html body .mx-shell .mx-page.bc-content :is(.table-search,.search-box,.ops-search,.mr-filter){border-radius:2px!important;box-shadow:none!important;}
html body .mx-shell .mx-page.bc-content label{font-size:12px!important;font-weight:600!important;color:var(--mx-ink-2)!important;letter-spacing:0!important;text-transform:none!important;}
html body .mx-shell .mx-page.bc-content :is(label.form-check,label:has(> input[type=checkbox]),label:has(> input[type=radio])){font-size:14px!important;font-weight:400!important;color:var(--mx-ink)!important;}

/* ---------------- Statuset dhe etiketat ---------------- */
html body .mx-shell .mx-page.bc-content :is([class*="pill"],[class*="badge"]):not(button){border-radius:2px!important;font-size:12px!important;font-weight:400!important;letter-spacing:0!important;box-shadow:none!important;}

/* ---------------- Panelet me ngjyrë të butë → të bardha ---------------- */
html body .mx-shell .mx-page.bc-content :is(.ops-toolbar,.table-toolbar,.bc-dev-list-caption,.ops-modal-actions,.bc-android-actions,.enterprise-table-wrap,.rm-days,.empty-route,.am-ok){border-radius:0!important;box-shadow:none!important;}
html body .mx-shell .mx-page.bc-content :is(.ops-toolbar,.table-toolbar,.bc-dev-list-caption){background:#fff!important;}

/* ---------------- Telefon ---------------- */
@media (max-width:760px){
  :root{--mx-btn-h:40px;}
  html body .mx-shell .mx-page.bc-content :where(input,select,textarea){font-size:16px!important;}
  html body .mx-shell .mx-page.bc-content td :is(button,a.btn,.btn){min-height:32px!important;}
}