/* CRM DEMO 5.4.57 - pelny interfejs zgodnosci dla Android 7 / starego WebView.
   Wszystkie reguly sa ograniczone do html.crm-android7-legacy. */
html.crm-android7-legacy .side{display:none!important}
html.crm-android7-legacy .shell{display:block!important;width:100%!important;min-height:100vh!important}
html.crm-android7-legacy .main{display:block!important;width:100%!important;min-width:0!important;margin:0!important}
html.crm-android7-legacy .content{padding-bottom:78px!important}
html.crm-android7-legacy .mobilebar,
html.crm-android7-legacy #crmAndroid7HardNav{display:none!important}

/* Dolny pasek - niezalezny od nowoczesnego mobilebar/grid. */
html.crm-android7-legacy #crmAndroid7BottomNav{
  display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
  width:100%!important;height:64px!important;margin:0!important;padding:0!important;white-space:nowrap!important;overflow:hidden!important;
  background:#0b1220!important;border-top:1px solid #24334a!important;z-index:2147482500!important;font-family:Arial,sans-serif!important
}
html.crm-android7-legacy #crmAndroid7BottomNav button{
  display:inline-block!important;vertical-align:top!important;box-sizing:border-box!important;width:16.6666%!important;height:64px!important;
  margin:0!important;padding:6px 1px 4px!important;border:0!important;border-radius:0!important;background:#0b1220!important;color:#98a6ba!important;
  text-align:center!important;font-family:Arial,sans-serif!important;font-size:9px!important;font-weight:700!important;line-height:12px!important;-webkit-appearance:none!important
}
html.crm-android7-legacy #crmAndroid7BottomNav button.active{background:#17263b!important;color:#fff!important;box-shadow:inset 0 3px #d5a542!important}
html.crm-android7-legacy #crmAndroid7BottomNav .a7-nav-icon{display:block!important;height:24px!important;font-size:19px!important;line-height:24px!important}
html.crm-android7-legacy #crmAndroid7BottomNav .a7-nav-label{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Menu Wiecej - uzywa istniejacego #mobileMenu, ale bez CSS Grid / clamp / inset. */
html.crm-android7-legacy #mobileMenu.crm-a7-more.hidden{display:none!important}
html.crm-android7-legacy #mobileMenu.crm-a7-more:not(.hidden){
  display:block!important;position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;background:rgba(8,18,32,.72)!important;z-index:2147483600!important;overflow:hidden!important
}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-panel{
  display:block!important;position:absolute!important;left:4%!important;right:4%!important;top:5%!important;width:92%!important;height:auto!important;max-width:none!important;
  max-height:88%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;color:#102033!important;
  border:1px solid #dfe5ed!important;border-radius:18px!important;box-shadow:0 18px 55px rgba(0,0,0,.34)!important
}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-header{
  display:block!important;position:relative!important;min-height:58px!important;margin:0!important;padding:11px 58px 9px 16px!important;background:#fff!important;border-bottom:1px solid #e6ebf2!important
}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-header span{display:block!important;margin:0 0 2px!important;color:#7b8798!important;font:800 9px/12px Arial,sans-serif!important;letter-spacing:1px!important}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-header h3{display:block!important;margin:0!important;padding:0!important;color:#102033!important;font:800 21px/26px Arial,sans-serif!important}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-close{
  display:block!important;position:absolute!important;right:10px!important;top:8px!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;
  border:1px solid #dfe5ed!important;border-radius:12px!important;background:#fff!important;color:#16243a!important;font:700 27px/38px Arial,sans-serif!important;text-align:center!important;-webkit-appearance:none!important
}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-grid{
  display:block!important;width:100%!important;max-height:70vh!important;margin:0!important;padding:7px!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;background:#f7f9fc!important;-webkit-overflow-scrolling:touch!important
}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-item{
  display:inline-block!important;vertical-align:top!important;box-sizing:border-box!important;width:48%!important;min-height:58px!important;margin:1%!important;padding:9px 8px!important;
  border:1px solid #e2e8f0!important;border-radius:13px!important;background:#fff!important;color:#142238!important;text-align:left!important;-webkit-appearance:none!important
}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-item:active{background:#edf3f9!important}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-item.is-active{border-color:#86c99a!important;background:#ecf9ef!important}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-icon{display:inline-block!important;vertical-align:middle!important;width:35px!important;height:35px!important;margin:0 7px 0 0!important;border-radius:9px!important;background:#eef2f7!important;text-align:center!important;font:400 19px/35px Arial,sans-serif!important}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-item b{display:inline-block!important;vertical-align:middle!important;width:calc(100% - 46px)!important;margin:0!important;font:700 12px/15px Arial,sans-serif!important;white-space:normal!important;word-break:break-word!important}
html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-logout{color:#a21d1d!important;background:#fff8f8!important;border-color:#f1c9c9!important}

/* Klasyczny modal - zawsze w widocznym obszarze, bez grid/fancy viewport units. */
html.crm-android7-legacy #modal.modal.hidden{display:none!important}
html.crm-android7-legacy #modal.modal:not(.hidden){display:block!important;position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;padding:0!important;background:rgba(8,18,32,.70)!important;z-index:2147483500!important;overflow:hidden!important}
html.crm-android7-legacy #modal .modal-card{
  display:block!important;position:absolute!important;left:4%!important;right:4%!important;top:4%!important;width:92%!important;max-width:none!important;max-height:92%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;
  overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border-radius:16px!important;box-shadow:0 18px 55px rgba(0,0,0,.35)!important
}
html.crm-android7-legacy #modal .modal-head{display:block!important;position:relative!important;min-height:54px!important;padding:14px 54px 10px 16px!important;border-bottom:1px solid #e6ebf2!important;background:#fff!important}
html.crm-android7-legacy #modal .modal-head h3{margin:0!important;padding:0!important;font:800 20px/26px Arial,sans-serif!important}
html.crm-android7-legacy #modal .modal-head .icon-btn{position:absolute!important;right:9px!important;top:7px!important;width:40px!important;height:40px!important;margin:0!important}
html.crm-android7-legacy #modal #modalBody{display:block!important;padding:12px!important;overflow:visible!important}
html.crm-android7-legacy #modal input,html.crm-android7-legacy #modal select,html.crm-android7-legacy #modal textarea{box-sizing:border-box!important;max-width:100%!important}
html.crm-android7-legacy #modal .modal-actions{display:block!important;text-align:right!important;white-space:normal!important}
html.crm-android7-legacy #modal .modal-actions .btn{display:inline-block!important;margin:4px!important;vertical-align:top!important}

/* Wyszukiwarka CRM. */
html.crm-android7-legacy .crm-command-layer{display:block!important;position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;padding:0!important;background:rgba(8,18,32,.70)!important;z-index:2147483550!important;overflow:hidden!important}
html.crm-android7-legacy .crm-command-shell{display:block!important;position:absolute!important;left:3%!important;right:3%!important;top:3%!important;bottom:3%!important;width:94%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border-radius:16px!important}
html.crm-android7-legacy .crm-command-head{display:block!important;position:relative!important;padding:12px 54px 10px 14px!important}
html.crm-android7-legacy .crm-command-close{position:absolute!important;right:9px!important;top:8px!important;width:40px!important;height:40px!important}
html.crm-android7-legacy .crm-command-search,html.crm-android7-legacy .crm-command-body{display:block!important;padding:10px 12px!important}
html.crm-android7-legacy .crm-smart-summary{display:block!important}

/* Podglad umowy / podpisy. Gridy zastapione prostym ukladem. */
html.crm-android7-legacy .client-contract-review-layer{display:block!important;position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;padding:0!important;background:#eef2f7!important;z-index:2147483640!important;overflow-y:auto!important;overflow-x:hidden!important}
html.crm-android7-legacy .client-review-shell,html.crm-android7-legacy .client-sign-screen{display:block!important;position:relative!important;width:96%!important;min-height:0!important;margin:2%!important;padding:0!important;background:#fff!important;border-radius:14px!important;overflow:visible!important;box-sizing:border-box!important}
html.crm-android7-legacy .client-review-shell>header,html.crm-android7-legacy .client-sign-screen>header{display:block!important;position:relative!important;padding:12px 52px 10px 14px!important}
html.crm-android7-legacy .client-review-shell>main,html.crm-android7-legacy .client-sign-screen>main{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:10px!important}
html.crm-android7-legacy .client-review-shell>footer,html.crm-android7-legacy .client-sign-screen>footer{display:block!important;position:relative!important;padding:10px!important;background:#fff!important}
html.crm-android7-legacy .client-review-grid{display:block!important}
html.crm-android7-legacy .client-review-grid>b,html.crm-android7-legacy .client-review-grid>span{display:block!important;width:100%!important;box-sizing:border-box!important;padding:6px 8px!important}
html.crm-android7-legacy .client-review-grid>b{background:#f2f5f8!important;border-top:1px solid #e2e8f0!important}
html.crm-android7-legacy .client-review-money{display:block!important}
html.crm-android7-legacy .client-review-money>span{display:block!important;margin:5px 0!important}
html.crm-android7-legacy .client-sign-screen canvas{display:block!important;width:100%!important;height:260px!important;min-height:220px!important;max-width:100%!important;background:#fff!important;border:2px solid #cbd5e1!important;box-sizing:border-box!important;touch-action:none!important}
html.crm-android7-legacy .client-sign-actions{display:block!important;text-align:right!important}
html.crm-android7-legacy .client-sign-actions .btn{display:inline-block!important;margin:4px!important}

/* Alerty konfliktow. */
html.crm-android7-legacy .appointment-conflict-overlay,html.crm-android7-legacy .change-origin-overlay{display:block!important;position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;padding:0!important;background:rgba(8,15,27,.75)!important;z-index:2147483600!important;overflow-y:auto!important}
html.crm-android7-legacy .appointment-conflict-alert,html.crm-android7-legacy .change-origin-card{display:block!important;position:relative!important;width:90%!important;max-width:none!important;margin:5% auto!important;box-sizing:border-box!important}
html.crm-android7-legacy .appointment-conflict-details{display:block!important}
html.crm-android7-legacy .appointment-conflict-details>div{display:block!important;margin:7px 0!important}

/* Mobilne selecty / daty - arkusz od dolu bez CSS Grid. */
html.crm-android7-legacy .mobile-select-layer,html.crm-android7-legacy .mobile-datetime-layer,html.crm-android7-legacy .mobile-date-layer{display:block!important;position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;z-index:2147483580!important;background:rgba(8,18,32,.65)!important}
html.crm-android7-legacy .mobile-select-sheet,html.crm-android7-legacy .mobile-datetime-sheet{display:block!important;position:absolute!important;left:3%!important;right:3%!important;bottom:3%!important;width:94%!important;max-height:90%!important;margin:0!important;overflow-y:auto!important;background:#fff!important;border-radius:16px!important;box-sizing:border-box!important}
html.crm-android7-legacy .mobile-select-options{display:block!important}
html.crm-android7-legacy .mobile-select-option{display:block!important;width:100%!important;box-sizing:border-box!important}
html.crm-android7-legacy .mobile-datetime-days{display:block!important;white-space:normal!important}
html.crm-android7-legacy .mobile-datetime-days .mobile-datetime-dow,html.crm-android7-legacy .mobile-datetime-days .mobile-datetime-day{display:inline-block!important;vertical-align:top!important;width:14.285%!important;box-sizing:border-box!important}
html.crm-android7-legacy .mobile-datetime-times{display:block!important;white-space:normal!important}
html.crm-android7-legacy .mobile-datetime-times button{display:inline-block!important;vertical-align:top!important;width:23%!important;margin:1%!important;box-sizing:border-box!important}

/* PDF viewer. */
html.crm-android7-legacy .contract-pdf-viewer-layer{display:block!important;position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;z-index:2147483590!important;background:#eef2f7!important;overflow-y:auto!important}
html.crm-android7-legacy .contract-pdf-viewer-top{display:block!important;position:relative!important;padding:10px 58px 10px 12px!important;background:#fff!important}
html.crm-android7-legacy .contract-pdf-viewer-top button{position:absolute!important;right:8px!important;top:8px!important}
html.crm-android7-legacy .contract-pdf-viewer-pages{display:block!important;padding:8px!important}
html.crm-android7-legacy .contract-pdf-viewer-pages section{display:block!important;margin:0 0 10px!important}
html.crm-android7-legacy .contract-pdf-viewer-pages img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important}

@media (orientation:landscape){
  html.crm-android7-legacy #crmAndroid7BottomNav{height:54px!important}
  html.crm-android7-legacy #crmAndroid7BottomNav button{height:54px!important;padding-top:3px!important}
  html.crm-android7-legacy #crmAndroid7BottomNav .a7-nav-icon{height:21px!important;font-size:17px!important;line-height:21px!important}
  html.crm-android7-legacy .content{padding-bottom:64px!important}
  html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-panel{left:5%!important;right:5%!important;top:3%!important;width:90%!important;max-height:92%!important}
  html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-grid{max-height:72vh!important}
  html.crm-android7-legacy #mobileMenu.crm-a7-more .crm-mobile-more-item{width:31.333%!important;margin:1%!important;min-height:52px!important}
  html.crm-android7-legacy #modal .modal-card{left:2%!important;right:2%!important;top:2%!important;width:96%!important;max-height:96%!important}
  html.crm-android7-legacy .client-sign-screen canvas{height:170px!important;min-height:150px!important}
}
