/* Selection inputs must not shrink when project names wrap. */
.v15-project-choice{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:68px;padding:12px;border:1px solid var(--line,#dfe6ee);border-radius:9px;cursor:pointer;color:var(--text,#172b40)}
.v15-project-choice>span{min-width:0;overflow-wrap:anywhere;line-height:1.6;font-size:12px;font-weight:600}
html body input.v15ProjectAccess{appearance:none!important;-webkit-appearance:none!important;flex-shrink:0!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:24px!important;min-height:24px!important;max-height:24px!important;border:2px solid #8193a5!important;border-radius:3px!important;padding:0!important;transform:none!important}
html body #appShell input:is([type="checkbox"],[type="radio"]),
html body #appShell .main input:is([type="checkbox"],[type="radio"]),
html body #modal #modalBox input:is([type="checkbox"],[type="radio"]),
html body #login .login-card input:is([type="checkbox"],[type="radio"]) {
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  display:inline-block!important;
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0!important;
  margin:0 8px 0 0!important;
  border:2px solid #8193a5!important;
  border-radius:3px!important;
  background:#fff!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:none!important;
  vertical-align:middle!important;
  cursor:pointer;
}
html body #appShell input[type="checkbox"]:checked,
html body #modal #modalBox input[type="checkbox"]:checked,
html body #login .login-card input[type="checkbox"]:checked {
  border-color:#173d59!important;
  background-color:#173d59!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
html body #appShell input[type="checkbox"]:indeterminate,
html body #modal #modalBox input[type="checkbox"]:indeterminate {
  border-color:#173d59!important;
  background-color:#173d59!important;
  background-image:linear-gradient(#fff,#fff)!important;
  background-size:10px 2px!important;
}
html body #appShell input[type="radio"],
html body #appShell .main input[type="radio"],
html body #modal #modalBox input[type="radio"],
html body #login .login-card input[type="radio"] {
  border-radius:3px!important;
}
html body #appShell input[type="radio"]:checked,
html body #modal #modalBox input[type="radio"]:checked,
html body #login .login-card input[type="radio"]:checked {
  border-color:#173d59!important;
  background-color:#173d59!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
html body :is(#appShell,#modal,#login) input:is([type="checkbox"],[type="radio"]):focus-visible {
  outline:3px solid #b98937!important;
  outline-offset:3px!important;
}
html body :is(#appShell,#modal,#login) input:is([type="checkbox"],[type="radio"]):disabled {
  cursor:not-allowed!important;
  opacity:.5!important;
}
#modalBox .field>label:has(>input:is([type="checkbox"],[type="radio"])),
#modalBox label.field:has(>input:is([type="checkbox"],[type="radio"])) {
  display:flex!important;
  align-items:center!important;
  min-height:44px;
  cursor:pointer;
  line-height:1.5;
}
html[data-theme="dark"] body :is(#appShell,#modal,#login) input:is([type="checkbox"],[type="radio"]):not(:checked):not(:indeterminate) {
  background-color:#12202c!important;
  border-color:#92a7ba!important;
}
html[data-theme="dark"] body :is(#appShell,#modal,#login) input:is([type="checkbox"],[type="radio"]):checked {
  border-color:#78a5c7!important;
}
@media (forced-colors:active) {
  html body #appShell input:is([type="checkbox"],[type="radio"]),
  html body #appShell .main input:is([type="checkbox"],[type="radio"]),
  html body #modal #modalBox input:is([type="checkbox"],[type="radio"]),
  html body #login .login-card input:is([type="checkbox"],[type="radio"]) {
    appearance:auto!important;
    -webkit-appearance:auto!important;
    background-image:none!important;
    forced-color-adjust:auto;
  }
}

