/* Labstar organization onboarding — dark neumorphism refinement.
   Loaded as a final override so the entry surface stays deliberate and consistent. */

.organization-entry-glass {
  width: min(478px, calc(100vw - 36px)) !important;
  padding: 32px !important;
  border: 1px solid rgba(154, 177, 221, .075) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(109, 143, 211, .105), transparent 38%),
    linear-gradient(145deg, rgba(14, 20, 32, .97), rgba(7, 11, 19, .96)) !important;
  box-shadow:
    22px 26px 58px rgba(0, 0, 0, .72),
    -12px -12px 34px rgba(67, 91, 139, .075),
    inset 1px 1px 1px rgba(218, 229, 255, .055),
    inset -2px -2px 5px rgba(0, 0, 0, .48) !important;
  backdrop-filter: blur(24px) saturate(116%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(116%) !important;
}

.organization-entry-glass::before {
  background:
    linear-gradient(90deg, transparent 12%, rgba(191, 210, 249, .16) 50%, transparent 88%) top / 68% 1px no-repeat,
    radial-gradient(circle at 14% 0%, rgba(148, 180, 246, .09), transparent 27%) !important;
  opacity: .82;
}

.organization-entry-glass::after {
  width: 4px !important;
  height: 4px !important;
  top: 17px !important;
  right: 17px !important;
  background: rgba(159, 188, 248, .58) !important;
  box-shadow: 0 0 10px rgba(124, 164, 248, .36) !important;
}

/* Brand: the star is the A, so it must carry the same visual weight as the letters. */
.organization-entry-brand {
  margin: 0 auto 29px !important;
  font-size: 23px !important;
  letter-spacing: .035em !important;
}

.organization-entry-brand > span {
  width: 1.08em !important;
  height: 1.08em !important;
  margin: 0 .105em !important;
  font-size: 1.06em !important;
  line-height: 1 !important;
  transform: translateY(-.035em) !important;
  filter: drop-shadow(0 0 10px rgba(143, 177, 250, .48)) !important;
}

/* Recessed controls: the inputs look pressed into the same material as the panel. */
.organization-entry-form input,
.organization-entry-handle {
  border-color: rgba(154, 178, 222, .07) !important;
  background: linear-gradient(145deg, rgba(5, 9, 16, .94), rgba(8, 13, 22, .92)) !important;
  box-shadow:
    inset 5px 5px 12px rgba(0, 0, 0, .58),
    inset -4px -4px 10px rgba(74, 98, 146, .055),
    0 1px 0 rgba(255, 255, 255, .012) !important;
}

.organization-entry-form input:focus,
.organization-entry-handle:focus-within {
  border-color: rgba(133, 168, 240, .24) !important;
  background: linear-gradient(145deg, rgba(5, 10, 18, .98), rgba(9, 15, 25, .96)) !important;
  box-shadow:
    inset 5px 5px 12px rgba(0, 0, 0, .54),
    inset -4px -4px 10px rgba(79, 107, 161, .065),
    0 0 0 3px rgba(123, 159, 234, .055) !important;
}

.organization-entry-handle input,
.organization-entry-handle input:focus {
  background: transparent !important;
  box-shadow: none !important;
}

/* Organization rows and secondary controls are raised soft surfaces. */
.organization-entry-list > button,
.organization-entry-actions .secondary {
  border-color: rgba(154, 177, 219, .055) !important;
  background: linear-gradient(145deg, rgba(13, 19, 31, .88), rgba(6, 10, 17, .91)) !important;
  box-shadow:
    6px 7px 15px rgba(0, 0, 0, .34),
    -4px -4px 12px rgba(67, 89, 132, .045),
    inset 1px 1px 0 rgba(255, 255, 255, .025) !important;
}

.organization-entry-list > button:hover,
.organization-entry-actions .secondary:hover:not(:disabled) {
  border-color: rgba(137, 171, 239, .14) !important;
  background: linear-gradient(145deg, rgba(16, 24, 39, .94), rgba(7, 12, 20, .94)) !important;
  box-shadow:
    8px 9px 18px rgba(0, 0, 0, .4),
    -5px -5px 13px rgba(73, 98, 148, .055),
    inset 1px 1px 0 rgba(255, 255, 255, .03) !important;
}

.organization-entry-list > button.active {
  background: linear-gradient(145deg, rgba(10, 17, 29, .98), rgba(15, 24, 39, .93)) !important;
  box-shadow:
    inset 5px 5px 11px rgba(0, 0, 0, .44),
    inset -4px -4px 10px rgba(78, 105, 159, .055),
    0 0 0 1px rgba(134, 169, 239, .13) !important;
}

.organization-entry-org-icon {
  border-color: rgba(151, 175, 222, .055) !important;
  background: linear-gradient(145deg, #0d1421, #080c14) !important;
  box-shadow:
    4px 5px 10px rgba(0, 0, 0, .34),
    -3px -3px 8px rgba(66, 89, 135, .045),
    inset 1px 1px 0 rgba(255, 255, 255, .025) !important;
}

/* The primary action keeps a clear hierarchy but receives soft physical depth. */
.organization-entry-actions .primary,
.organization-entry-error-state .primary {
  border-color: rgba(255, 255, 255, .72) !important;
  background: linear-gradient(145deg, #f4f6fa, #d9dee7) !important;
  box-shadow:
    7px 9px 20px rgba(0, 0, 0, .4),
    -3px -3px 12px rgba(118, 143, 190, .055),
    inset 1px 1px 1px rgba(255, 255, 255, .92),
    inset -2px -2px 3px rgba(100, 111, 131, .16) !important;
}

.organization-entry-actions .primary:active:not(:disabled),
.organization-entry-error-state .primary:active:not(:disabled) {
  transform: translateY(0) !important;
  box-shadow:
    inset 4px 4px 9px rgba(74, 82, 97, .19),
    inset -3px -3px 8px rgba(255, 255, 255, .58) !important;
}

/* Creation state: a dedicated neumorphic chamber, not just text floating in the card. */
.organization-entry-screen.stage-creating .organization-entry-glass {
  width: min(500px, calc(100vw - 36px)) !important;
  border-radius: 34px !important;
  padding: 30px 32px 34px !important;
  background:
    radial-gradient(circle at 50% 26%, rgba(94, 131, 207, .095), transparent 36%),
    linear-gradient(145deg, rgba(14, 20, 32, .98), rgba(7, 11, 19, .98)) !important;
}

.organization-entry-creating {
  min-height: 365px !important;
  padding: 20px 18px 24px !important;
  border: 1px solid rgba(151, 175, 219, .045);
  border-radius: 27px;
  background: linear-gradient(145deg, rgba(8, 13, 22, .72), rgba(11, 17, 28, .58));
  box-shadow:
    inset 9px 9px 22px rgba(0, 0, 0, .36),
    inset -8px -8px 20px rgba(65, 88, 134, .045),
    7px 8px 20px rgba(0, 0, 0, .18);
}

.organization-entry-rocket {
  width: 218px !important;
  height: 224px !important;
  margin: -18px auto 6px !important;
  padding: 5px;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 30%, rgba(38, 53, 82, .34), rgba(6, 10, 17, .22) 66%);
  box-shadow:
    12px 14px 28px rgba(0, 0, 0, .42),
    -8px -8px 22px rgba(70, 95, 145, .055),
    inset 3px 3px 9px rgba(255, 255, 255, .018),
    inset -5px -5px 12px rgba(0, 0, 0, .28);
}

.organization-entry-screen.stage-creating .organization-entry-brand {
  margin-bottom: 20px !important;
}

.organization-entry-screen.stage-creating .organization-entry-creating h1 {
  margin-top: 2px !important;
}

@media (max-width: 620px) {
  .organization-entry-glass {
    width: min(100%, 404px) !important;
    padding: 25px 19px 22px !important;
    border-radius: 23px !important;
  }

  .organization-entry-brand {
    font-size: 22px !important;
    margin-bottom: 25px !important;
  }

  .organization-entry-brand > span {
    font-size: 1.08em !important;
  }

  .organization-entry-screen.stage-creating .organization-entry-glass {
    width: min(100%, 410px) !important;
    padding: 22px 18px 24px !important;
    border-radius: 27px !important;
  }

  .organization-entry-creating {
    min-height: 340px !important;
    padding-inline: 12px !important;
    border-radius: 22px;
  }

  .organization-entry-rocket {
    width: 190px !important;
    height: 198px !important;
  }
}