@font-face { font-family: 'Noto Sans Bengali'; src: local('Noto Sans Bengali'), url('../fonts/NotoSansBengali-Regular.ttf') format('truetype'); font-weight: 400; }
@font-face { font-family: 'Noto Sans Bengali'; src: local('Noto Sans Bengali Bold'), url('../fonts/NotoSansBengali-Bold.ttf') format('truetype'); font-weight: 700; }
:root { --bs-body-font-family: 'Noto Sans Bengali','Nirmala UI','Kalpurush','SolaimanLipi','Vrinda',sans-serif; }
body { background: #f4f6f8; font-size: 1rem; }
.app-nav { background: linear-gradient(90deg, #00432f, #006a4e) !important; border-bottom: 3px solid #f42a41; padding-top: .3rem; padding-bottom: .3rem; }
.app-nav .app-brand { display: flex; align-items: center; margin-right: .8rem; padding: 0; font-size: 1rem; font-weight: 700; }
.app-nav .app-brand img { height: 34px; width: auto; }
.app-nav .navbar-nav { gap: 0; flex-wrap: wrap; }
@media (min-width: 992px) { .app-nav .navbar-collapse { flex-wrap: wrap; row-gap: .25rem; } .app-nav .navbar-nav { flex: 1 1 0; min-width: 0; } }
.app-nav { max-width: 100vw; }
.app-nav .nav-link { color: rgba(255,255,255,.82); padding: .4rem .5rem; font-size: .9rem; white-space: nowrap; border-bottom: 2px solid transparent; }
.app-nav .nav-link:hover { color: #fff; }
.app-nav .nav-link.active { color: #fff; font-weight: 600; border-bottom-color: #f42a41; }
.app-nav .navbar-text { white-space: nowrap; }
.form-label { font-weight: 600; }
.btn-lg { padding: .6rem 1.4rem; }
.card-header { background: #e9eef3; }

.app-nav .app-right { margin-left: auto; }
@media (max-width: 991.98px) { .app-nav .app-right { flex-wrap: wrap; margin: .5rem 0; } }
.app-nav .usr-btn { width: 34px; height: 34px; }

/* ===== ফিল্ড বুক এন্ট্রি: মোবাইল-বান্ধব ===== */
.fb-meta .badge { font-weight: 500; font-size: .85rem; white-space: normal; text-align: left; }
.fb-chips { position: sticky; top: 0; z-index: 15; display: flex; gap: .4rem; overflow-x: auto; white-space: nowrap; padding: .45rem 0; margin: 0 0 .6rem; background: #f4f6f8; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.fb-chips::-webkit-scrollbar { display: none; }
.fb-chips a { flex: 0 0 auto; padding: .35rem .8rem; border: 1px solid #b8c4ce; border-radius: 999px; background: #fff; color: #00432f; text-decoration: none; font-size: .92rem; }
.fb-form .card { scroll-margin-top: 3.4rem; }
.fb-actions { position: sticky; bottom: 0; z-index: 20; display: flex; gap: .5rem; background: #fff; border-top: 1px solid #cfd8e0; padding: .6rem .75rem calc(.6rem + env(safe-area-inset-bottom)); margin: 1rem -.75rem 0; box-shadow: 0 -2px 8px rgba(0,0,0,.12); }
.fb-actions .btn { flex: 1 1 auto; }
.fb-actions .fb-reset { flex: 0 0 auto; padding-left: 1rem; padding-right: 1rem; }
@media (max-width: 767.98px) {
  main.container-fluid { padding-left: .6rem; padding-right: .6rem; }
  .fb-form .form-control, .fb-form .form-select { min-height: 48px; font-size: 16px; } /* iOS-এ জুম বন্ধ */
  .fb-form textarea.form-control { min-height: 96px; }
  .fb-form .form-label { margin-bottom: .2rem; }
  .fb-form .btn { min-height: 46px; }
  .fb-form .btn-sm { min-height: 44px; padding: .4rem 1rem; font-size: .95rem; }
  .fb-form .card-body { padding: .75rem; }
  .fb-form .card-header { position: sticky; top: 2.9rem; z-index: 10; font-size: .95rem; }
  .fb-form .own-row, .fb-form .tree-row, .fb-form .cls-row { background: #fff; border: 1px solid #cfd8e0 !important; border-radius: .5rem; padding: .6rem; margin-bottom: .75rem !important; }
  .fb-form #dag-info > div { flex: 0 0 50%; max-width: 50%; }
  .fb-form #dag-info { background: #fff; border-radius: .4rem; padding: .4rem; }
  .fb-actions { margin-left: -.6rem; margin-right: -.6rem; }
  .fb-actions .btn-lg { padding: .6rem .8rem; font-size: 1.05rem; }
}