/* ORION – letisztult fiókfelület */
.account-shell{display:flex;flex-direction:column;align-items:center;padding-top:38px!important}.account-shell #orion-message{width:min(100%,560px)}.account-card{width:min(100%,560px);background:#131924;border:1px solid #334155;border-radius:20px;padding:clamp(20px,4vw,38px);box-shadow:0 18px 55px #0005}.account-heading{text-align:center}.account-kicker{font-size:12px;color:#ff9b48;letter-spacing:.16em;font-weight:800}.account-card h1{font-size:clamp(27px,4vw,38px);margin:10px 0}.account-card p{color:#b8c5d4;line-height:1.6}.account-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0b1019;border-radius:12px;padding:5px;margin:24px 0}.account-tabs button{background:transparent!important;color:#bbc7d6!important;border:0;border-radius:9px;padding:12px;font:inherit;cursor:pointer}.account-tabs button.active{background:#ff922e!important;color:#14110c!important;font-weight:800}.account-card form{display:grid;gap:14px}.account-card label{display:grid;gap:7px;font-size:14px}.account-card input{width:100%;min-width:0;background:#0c111a;border:1px solid #526174;color:#fff;padding:13px;border-radius:10px;font:inherit}.account-card button,.account-link-button{cursor:pointer;border-radius:10px;min-height:45px;font:inherit;font-weight:700}.account-card .account-primary,.account-link-button{background:#ff922e!important;color:#181109!important;border:0;padding:12px;text-align:center;text-decoration:none;display:inline-block}.account-secondary{border:1px solid #7a8899!important;background:#202b38!important;color:#fff!important;padding:12px;margin-top:10px}.account-small-link{display:block;color:#ffb06b;text-align:right;font-size:14px;text-decoration:none}.account-separator{display:flex;align-items:center;gap:15px;margin:22px 0;color:#91a1b2}.account-separator:before,.account-separator:after{content:"";height:1px;background:#334155;flex:1}.account-social{display:grid;gap:10px}.account-social button{background:#f6f7f9!important;color:#1a2230!important;border:1px solid #cbd5e1!important;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px}.provider-icon{width:23px;font-size:21px;font-weight:900}.provider-icon.google{color:#4285f4}.provider-icon.apple{color:#111}.provider-icon.microsoft{color:#087ad1}.account-hint{font-size:13px}.account-data{display:grid;grid-template-columns:minmax(115px,1fr) 2fr;gap:14px;padding:15px 0;border-top:1px solid #334155}.account-data dt{color:#94a3b8}.account-data dd{margin:0;overflow-wrap:anywhere}.account-data img{max-width:60px;border-radius:50%}.account-danger{margin-top:32px;border-top:1px solid #8d5555;padding-top:18px}.account-profile{width:min(100%,720px)}[hidden]{display:none!important}@media(max-width:520px){.account-data{grid-template-columns:1fr;gap:5px}.account-data dd{margin-bottom:10px}}


/* ORION_BUTTON_FEEDBACK_V1 */
button.orion-busy {
  opacity: .78;
  cursor: progress;
  pointer-events: none;
}

button.orion-busy::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  vertical-align: -3px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: orion-spin .7s linear infinite;
}

@keyframes orion-spin {
  to { transform: rotate(360deg); }
}


/* ORION_CONFIRM_FLOW_V1 */

.orion-confirm-panel {
  margin: 24px auto;
  padding: 28px 20px;
  max-width: 520px;
  text-align: center;
  border: 1px solid rgba(255,145,0,.45);
  border-radius: 18px;
  background: rgba(12,15,21,.96);
  box-shadow: 0 0 28px rgba(255,120,0,.08);
}

.orion-confirm-symbol {
  width: 66px;
  height: 66px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 2px solid #ff9100;
  color: #ff9100;
  font-size: 34px;
  font-weight: bold;
}

.orion-confirm-panel h2 {
  color: #ffad35;
  margin-bottom: 16px;
}

.orion-confirm-panel p {
  line-height: 1.65;
  margin-bottom: 14px;
}

.orion-confirm-panel small {
  display: block;
  margin-top: 20px;
  opacity: .75;
}

/* A hidden állapot mindig legyen erősebb
   a meglévő panelmegjelenítési CSS-nél. */
#login-panel[hidden],
#signup-panel[hidden],
[data-tab][hidden] {
  display: none !important;
}


/* ORION_ADMIN_LINK_M2 */

#orion-admin-area[hidden],
#orion-admin-error[hidden] {
  display: none !important;
}

.orion-admin-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 22px 0;
  padding: 15px 26px;
  border-radius: 12px;
  background: #ff8c20;
  color: #111 !important;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 0 24px rgba(255,140,32,.18);
}

.orion-admin-button:hover {
  background: #ffa545;
}

.orion-admin-error {
  padding: 12px;
  border: 1px solid #ff8c20;
  border-radius: 10px;
  color: #ffad50;
}

/* ORION REGISTRATION M1 – adatkezelési checkbox */
.orion-registration-fields label.orion-consent {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  flex-wrap: wrap;
  gap: 6px 10px;
  width: 100%;
  margin: 18px 0;
  text-align: left;
  line-height: 1.5;
}

.orion-registration-fields .orion-consent input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  display: inline-block !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  accent-color: #ff9029;
}

.orion-registration-fields .orion-consent a {
  display: inline !important;
  width: auto !important;
  color: #ff9029;
}

/* ORION AVATAR M1 */
.orion-avatar-editor {
  margin: 24px 0;
  padding: 20px;
  border: 1px solid #39485c;
  border-radius: 14px;
}
.orion-avatar-preview {
  margin: 16px 0;
}
.orion-avatar-preview img {
  width: 112px;
  height: 112px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ff9029;
}
.orion-avatar-editor input[type=file] {
  display: block;
  width: 100%;
  margin: 12px 0;
}
.orion-avatar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0;
}
.orion-avatar-actions button {
  padding: 12px 18px;
  border-radius: 8px;
  cursor: pointer;
}
#orion-avatar-upload {
  background: #ff9029;
  color: #171717;
  border: none;
}
#orion-avatar-delete {
  background: transparent;
  color: #ff9029;
  border: 1px solid #ff9029;
}


/* ORION_PROFILE_M2 */
.orion-m2-shell {
  display:grid;
  gap:18px;
  margin:20px 0;
}

.orion-m2-header {
  display:flex;
  align-items:center;
  gap:18px;
  padding:20px;
  border:1px solid #35445b;
  border-radius:16px;
  background:#111c2b;
}

.orion-m2-portrait {
  width:82px;
  height:82px;
  min-width:82px;
  border-radius:50%;
  border:2px solid #ff9029;
  background:#1b2b3d;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.orion-m2-portrait:before {
  content:"♙";
  color:#ff9029;
  font-size:38px;
}

.orion-m2-portrait:has(img:not([hidden])):before {
  display:none;
}

.orion-m2-portrait img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.orion-m2-identity {
  min-width:0;
}

.orion-m2-identity h2 {
  color:#fff;
  margin:0 0 6px;
  font-size:clamp(18px,3vw,25px);
  overflow-wrap:anywhere;
}

.orion-m2-identity p {
  color:#aeb9c9;
  margin:0 0 10px;
  overflow-wrap:anywhere;
}

.orion-m2-tag {
  display:inline-block;
  padding:6px 10px;
  border:1px solid #ff9029;
  border-radius:20px;
  color:#ff9029;
  font-size:12px;
}

.orion-m2-sections {
  display:grid;
  gap:12px;
}

.orion-m2-section {
  border:1px solid #35445b;
  border-radius:13px;
  background:#111a27;
  overflow:hidden;
}

.orion-m2-summary {
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  cursor:pointer;
  list-style:none;
}

.orion-m2-summary::-webkit-details-marker {
  display:none;
}

.orion-m2-icon {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  border-radius:10px;
  background:#253041;
  color:#ff9029;
  font-size:23px;
}

.orion-m2-copy {
  display:grid;
  gap:4px;
  flex:1;
  min-width:0;
}

.orion-m2-copy strong {
  color:#fff;
  font-size:15px;
}

.orion-m2-copy small {
  color:#aab7c8;
  font-size:12px;
}

.orion-m2-arrow {
  color:#ff9029;
  font-size:24px;
}

.orion-m2-section[open] .orion-m2-arrow {
  transform:rotate(180deg);
}

.orion-m2-body {
  padding:0 18px 20px;
}

.orion-m2-body #orion-profile-editor {
  margin:0;
}

.orion-m2-body .orion-avatar-editor {
  margin:0 0 18px;
}

.orion-m2-body form {
  max-width:100%;
}

.orion-m2-body input:not([type=checkbox]) {
  max-width:100%;
}



.orion-m2-admin {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.orion-m2-deletion {
  margin-bottom:15px;
}

@media(max-width:600px){
  .orion-m2-header {
    padding:14px;
    gap:12px;
  }
  .orion-m2-portrait {
    width:64px;
    height:64px;
    min-width:64px;
  }
  .orion-m2-summary {
    padding:14px;
    gap:10px;
  }
  .orion-m2-body {
    padding:0 14px 16px;
  }
}


/* ORION profiloldal – önálló, keret nélküli felület */
.orion-profile-page {
  width: min(100%, 720px);
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.orion-profile-page .orion-m2-shell {
  width: 100%;
  margin-top: 0;
}

.orion-profile-page #orion-admin-area {
  margin-bottom: 16px;
}