/* Omvia Cloud v2.0.11.4-R43 — Login Input Visibility + Share Sheet Padding Hotfix
   Focused additive authority. Do not alter Gallery, scanner, audio, navigation, or other locked geometry. */

/* Safari/iOS credential autofill must never paint the native yellow surface over Omvia inputs. */
body[data-omvia-route="login.php"] .ref-input input:-webkit-autofill,
body[data-omvia-route="login.php"] .ref-input input:-webkit-autofill:hover,
body[data-omvia-route="login.php"] .ref-input input:-webkit-autofill:focus,
body[data-omvia-route="login.php"] .ref-input input:-webkit-autofill:active{
  -webkit-text-fill-color:var(--text)!important;
  caret-color:var(--text)!important;
  color:var(--text)!important;
  -webkit-box-shadow:0 0 0 1000px var(--panel) inset!important;
  box-shadow:0 0 0 1000px var(--panel) inset!important;
  background-color:transparent!important;
  background-image:none!important;
  border-radius:0!important;
  filter:none!important;
  transition:background-color 999999s 0s,color 0s 0s!important;
}
body[data-omvia-route="login.php"] .ref-input input:autofill{
  color:var(--text)!important;
  caret-color:var(--text)!important;
  box-shadow:0 0 0 1000px var(--panel) inset!important;
  background:transparent!important;
}

/* The controlled-share dialog owns its own clearspace; generic mobile authorities may not compress it. */
.modal-backdrop:has(.modal [data-share-permission]),
.modal-backdrop:has(.modal [data-v24218-share-permission]){
  padding-top:max(16px,env(safe-area-inset-top))!important;
  padding-right:max(16px,env(safe-area-inset-right))!important;
  padding-bottom:max(16px,env(safe-area-inset-bottom))!important;
  padding-left:max(16px,env(safe-area-inset-left))!important;
}
.modal:has([data-share-permission]),
.modal:has([data-v24218-share-permission]){
  width:min(520px,100%)!important;
  max-width:520px!important;
  max-height:calc(100dvh - max(32px,env(safe-area-inset-top)) - max(32px,env(safe-area-inset-bottom)))!important;
  margin:0 auto!important;
  overflow:auto!important;
}
.modal:has([data-share-permission])>.modal-head,
.modal:has([data-v24218-share-permission])>.modal-head{
  min-height:68px!important;
  padding:16px 18px!important;
  gap:14px!important;
  align-items:center!important;
}
.modal:has([data-share-permission])>.modal-head h3,
.modal:has([data-v24218-share-permission])>.modal-head h3{
  min-width:0!important;
  margin:0!important;
  font-size:clamp(20px,4.8vw,25px)!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.modal:has([data-share-permission])>.modal-body,
.modal:has([data-v24218-share-permission])>.modal-body{
  padding:20px!important;
}
.modal:has([data-share-permission]) .field-grid,
.modal:has([data-v24218-share-permission]) .field-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
.modal:has([data-share-permission]) .field-grid>div,
.modal:has([data-v24218-share-permission]) .field-grid>div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.modal:has([data-share-permission]) .form-label,
.modal:has([data-v24218-share-permission]) .form-label{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.3!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.modal:has([data-share-permission]) :where(.form-control,select,input),
.modal:has([data-v24218-share-permission]) :where(.form-control,select,input){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:50px!important;
  margin:0!important;
}

@media(max-width:600px){
  .modal-backdrop:has(.modal [data-share-permission]),
  .modal-backdrop:has(.modal [data-v24218-share-permission]){
    place-items:center!important;
    padding-top:max(12px,env(safe-area-inset-top))!important;
    padding-right:max(12px,env(safe-area-inset-right))!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
    padding-left:max(12px,env(safe-area-inset-left))!important;
  }
  .modal:has([data-share-permission]),
  .modal:has([data-v24218-share-permission]){
    width:100%!important;
    max-width:100%!important;
    border-radius:22px!important;
  }
  .modal:has([data-share-permission])>.modal-head,
  .modal:has([data-v24218-share-permission])>.modal-head{
    padding:15px 16px!important;
  }
  .modal:has([data-share-permission])>.modal-body,
  .modal:has([data-v24218-share-permission])>.modal-body{
    padding:18px 16px 20px!important;
  }
  .modal:has([data-share-permission]) .field-grid,
  .modal:has([data-v24218-share-permission]) .field-grid{
    gap:15px!important;
  }
  .modal:has([data-share-permission]) .field-grid>.btn,
  .modal:has([data-v24218-share-permission]) .field-grid>.btn{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    justify-self:stretch!important;
    margin-top:2px!important;
  }
}