/* Shared control styles moved from templates/_control_style.html for CSP hardening. */
:root {
    --uc-control-radius: 0.25rem;
    --uc-checkbox-radius: 0.125rem;
  }

  body button:not(.unit-header-help-btn):not(.unit-pin-toggle):not(.profit-warning-mark):not(#alphaBannerClose):not(#alphaBannerTab):not(#userMenuBtn),
  body a[data-button-like="1"],
  body .uc-back-link {
    border-radius: var(--uc-control-radius) !important;
    font-weight: 700;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  }

  body input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  body select,
  body textarea {
    border-radius: var(--uc-control-radius) !important;
  }

  body input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: inline-grid;
    place-content: center;
    border-radius: var(--uc-checkbox-radius) !important;
    border: 1px solid rgb(203, 213, 225);
    background: #ffffff;
    color: rgb(79, 70, 229);
    vertical-align: middle;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  }

  body input[type="checkbox"]::before {
    content: "";
    width: 0.62em;
    height: 0.62em;
    transform: scale(0);
    transform-origin: center;
    clip-path: polygon(14% 44%, 0 64%, 40% 100%, 100% 16%, 82% 0, 37% 62%);
    background: currentColor;
    transition: transform 0.12s ease;
  }

  body input[type="checkbox"]:checked {
    border-color: rgb(79, 70, 229);
    background: rgb(79, 70, 229);
    color: #ffffff;
  }

  body input[type="checkbox"]:checked::before {
    transform: scale(1);
  }

  body input[type="checkbox"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(199, 210, 254, 0.75);
  }