/* Compatibility for the native Rust journal controls. */
.cv-journal-compose > summary { list-style: none; cursor: pointer; }
.cv-journal-compose > summary::-webkit-details-marker { display: none; }
.cv-journal-compose:not([open]) .cv-journal-collapse,
.cv-journal-compose[open] .cv-journal-open { display: none; }
.cv-journal-select, .cv-trade-status select { min-height: 44px; padding: 10px 12px; border: 1px solid var(--material-rim); border-radius: var(--radius-input); background: var(--material-nested); color: var(--color-text); }
.cv-journal-closed-fields, .cv-journal-exit-date { display: none; }
.cv-trade-execution[data-closed="true"] .cv-journal-closed-fields { display: contents; }
.cv-trade-execution[data-closed="true"] .cv-journal-exit-date { display: flex; }
.cv-journal-unavailable { color: var(--color-muted); font-size: 12px; margin: 16px 0; }
.cv-journal-select-anchor { position: relative; display: block; min-width: 0; }
.cv-journal-select-anchor > .c-select { width: 100%; }
.cv-journal-menu { position: absolute; z-index: 20; top: calc(100% + 8px); left: 0; width: max(100%, 240px); max-width: min(280px, 80vw); max-height: 360px; overflow: auto; }
.cv-journal-compose[data-open="true"] > .cv-manual-heading .cv-journal-select-wrap { display: none; }

.cv-trade-composer[hidden] { display: none; }
.cv-security-password-form fieldset { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; border: 0; margin: 0; padding: 0; }
.cv-security-password-form fieldset > button { justify-self: start; }
[data-profile-mfa] > summary { list-style: none; cursor: pointer; }
[data-profile-mfa] > summary::-webkit-details-marker { display: none; }
@media (max-width: 640px) { .cv-security-password-form fieldset { grid-template-columns: minmax(0,1fr); } }
.cv-connection-form fieldset { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; border: 0; margin: 0; padding: 0; }
.cv-connection-form fieldset > details, .cv-connection-form fieldset > p { grid-column: 1 / -1; }
@media (max-width: 640px) { .cv-connection-form fieldset { grid-template-columns: minmax(0,1fr); } }
#account-security > .cv-profile-card { border: 0; border-top: 1px solid var(--profile-border); background: transparent; border-radius: 0; box-shadow: none; padding: 20px 0 0; margin-top: 24px; }

.cv-profile-connection-lock {
  position: relative; isolation: isolate; overflow: hidden; display: grid; place-items: center;
  min-height: 330px; padding: 28px 20px; border: 1px solid var(--material-rim);
  border-radius: 20px; text-align: center; background: var(--material-nested);
}
.cv-profile-connection-rows {
  position: absolute; inset: 18% 8%; z-index: -1; display: grid; align-content: space-between;
  filter: blur(9px); opacity: .35; pointer-events: none;
}
.cv-profile-connection-rows i {
  display: block; height: 29px; border-radius: 9px;
  background: linear-gradient(to right, var(--material-selected) 22%, transparent 23% 73%, var(--material-selected) 74%);
}
.cv-profile-connection-content {display: grid; gap: 9px; justify-items: center; max-width: 460px}
.cv-profile-connection-content h2 {margin: 0; font-size: clamp(21px, 3vw, 27px)}
.cv-profile-connection-content p {margin: 0 0 12px; color: var(--color-muted); line-height: 1.55}
.cv-profile-connection-content small {color: var(--color-muted)}
.cv-profile-connection-icon {
  display: grid; place-items: center; width: 76px; height: 76px; margin-bottom: 6px;
  border-radius: 50%; border: 1px solid var(--material-rim); background: var(--material-selected);
  box-shadow: inset 0 1px var(--material-top);
}
@media (max-width: 767px) {
  .cv-product-shell[data-theme] .cv-profile-tabs-scroll {overflow: visible}
  .cv-product-shell[data-theme] .cv-profile-tabs {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; box-sizing: border-box;
    gap: 4px; border-radius: 20px;
  }
  .cv-product-shell[data-theme] .cv-profile-tabs > a {
    min-width: 0; min-height: 44px; padding: 8px 10px; border-radius: 16px; font-size: 12px;
    white-space: normal;
  }
  .cv-product-shell.cv-product-shell[data-theme] .cv-profile-tabs:is(.c-local-edge-segment,.c-scanner-hover-lens)::before,
  .cv-product-shell.cv-product-shell[data-theme] .cv-profile-tabs.c-scanner-hover-lens::after {border-radius: 16px}
}
