/* ========================================
   DASHBOARD COMPONENTS
======================================== */


/* ========================================
   APP LAYER FIX (2-LAYER SYSTEM)
======================================== */

.rk-app{
background:transparent;
}

body{
background:#f4f6f8;
}

:root{
    --rk-radius-panel: 24px;
    --rk-radius-button: 22px;
    --rk-radius-card: 22px;
}


/* ========================================
   WELCOME BLOCK
======================================== */

.rk-dashboard-welcome {
    border-left: 4px solid #ea5e20;
}

.rk-dashboard-welcome p {
    margin-top: 6px;
    opacity: 0.7;
}


/* ========================================
   DASHBOARD PANELS
======================================== */

.rk-dashboard .rk-dashboard-panel {
    background: #ffffff;
    border-radius: var(--rk-radius-panel);
    padding: 22px 18px;
    box-shadow: 0 10px 28px rgba(28,37,57,0.07);
}

.rk-dashboard .rk-dashboard-panel h3 {
    margin-bottom: 18px;
}


/* ========================================
   SCORE CARD (HERO)
======================================== */

.rk-score-card {
    width: 100%;
    max-width: 380px;
    margin: 0 auto 24px;
}

.rk-score-inner {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 20px;
    border-radius: var(--rk-radius-card);
    background: linear-gradient(135deg, #1c2539, #2a3550);
    color: #ffffff;
    text-align: center;
    box-shadow: 0 18px 40px rgba(28,37,57,0.25);
}

.rk-score-number {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: #ea5e20;
}

.rk-score-label {
    margin-top: 8px;
    font-size: 14px;
    opacity: 0.85;
}


/* ========================================
   COURSE LIST RESET
======================================== */

.rk-dashboard ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* ========================================
   COURSE ITEM
======================================== */

.rk-dashboard-courses li {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 0;
    border-top: 1px solid rgba(28,37,57,0.06);
}

.rk-dashboard-courses li:first-child {
    border-top: none;
    padding-top: 0;
}

.rk-dashboard-courses li strong {
    font-size: 16px;
    color: #1c2539;
}


/* ========================================
   PROGRESS RING
======================================== */

.rk-progress-ring {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 18px auto;
}

.rk-progress-ring svg {
    display: block;
}

.rk-progress-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: 700;
    color: #1c2539;
}

.rk-ring-progress {
    transition: stroke-dashoffset 1.6s cubic-bezier(.4,0,.2,1);
    filter: drop-shadow(0 6px 14px rgba(234,94,32,0.35));
    stroke: #ea5e20;
}


/* ========================================
   PROGRESS TEXT
======================================== */

.rk-dashboard small {
    font-size: 12px;
    opacity: 0.7;
}


/* ========================================
   LOCK INFO BOX
======================================== */

.rk-training-locked {
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 16px;
    background: #fff7ed;
    border: 1px solid rgba(234,94,32,0.25);
    font-size: 13px;
    color: #c2410c;
    display: inline-flex;
    align-items:center;
    gap:6px;
}


/* ========================================
   PRIMARY BUTTON
======================================== */

.rk-start-training {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 12px 18px;
    border-radius: var(--rk-radius-button);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    background: linear-gradient(135deg, #ea5e20, #ff7b42);
    color: #ffffff;
    box-shadow: 0 8px 22px rgba(234,94,32,0.35);
    transition: all 0.25s ease;
    max-width: 100%;
}

.rk-start-training:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(234,94,32,0.45);
}

.rk-start-training.rk-disabled {
    background: rgba(28,37,57,0.15);
    color: #1c2539;
    opacity: 0.6;
    pointer-events: none;
    box-shadow: none;
}


/* ========================================
   ENROLL LIST FLEX (nur explizit!)
======================================== */

.rk-dashboard .rk-enroll-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.rk-dashboard-section form button {
    width: 100%;

    padding: 16px 24px;

    border-radius: var(--rk-radius-button);

    border: none;

    font-size: 16px;
    font-weight: 600;

    background: #ea5e20;   /* CI Orange */

    color: #ffffff;

    cursor: pointer;

    box-shadow: 0 8px 18px rgba(234,94,32,0.35);

    transition: all 0.2s ease;
}

.rk-dashboard-section form button:hover {
    background: #d94f16;

    transform: translateY(-1px);

    box-shadow: 0 12px 24px rgba(234,94,32,0.45);
}


/* =========================================================
   TRAINING COURSE CARD STYLE (verbessert)
========================================================= */

.rk-course-card {
    background:#f7f8fa;
    border-radius:var(--rk-radius-card);
    overflow:hidden;
    padding:0;
    margin-bottom:14px;
    box-shadow:0 4px 14px rgba(0,0,0,0.05);
    transition:all .25s ease;
}

.rk-course-card:hover{
transform:translateY(-2px);
box-shadow:0 10px 26px rgba(0,0,0,0.08);
}

.rk-course-card--training-overview{
padding:15px;
}

.rk-course-card-image{
aspect-ratio:16/9;
background:#e9edf3;
overflow:hidden;
}

.rk-course-card-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.rk-course-card-body{
padding:16px 18px 18px;
}

.rk-course-card-header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:8px;
}

.rk-course-card h4 {
    margin:0;
    font-size:18px;
    color:#1c2539;
}

.rk-course-card p {
    margin:3px 0;
    font-size:13px;
    color:#6b7280;
}


/* =========================================================
   COURSE CARD STRUCTURE (NEU – bessere Lesbarkeit)
========================================================= */

.rk-course-meta{
display:flex;
flex-direction:column;
gap:3px;
margin-top:8px;
font-size:13px;
color:#6b7280;
}

.rk-course-card-excerpt{
margin:0;
line-height:1.55;
}

.rk-course-status{
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 10px;
border-radius:999px;
font-size:12px;
font-weight:700;
white-space:nowrap;
}

.rk-course-status--open{
background:rgba(234,94,32,0.12);
color:#c2410c;
}

.rk-course-status--pending{
background:rgba(245,158,11,0.16);
color:#a16207;
}

.rk-course-status--active{
background:rgba(34,197,94,0.14);
color:#15803d;
}

.rk-course-status--done{
background:rgba(16,185,129,0.16);
color:#047857;
}

.rk-course-progress{
font-weight:600;
color:#1c2539;
margin-top:6px;
}


/* =========================================================
   PROFILE / EARN HUB
========================================================= */

.rk-profile{
display:flex;
flex-direction:column;
gap:18px;
}

.rk-profile-panel{
display:flex;
flex-direction:column;
gap:16px;
}

.rk-profile-panel--account-overview{
background:linear-gradient(135deg, #ffffff 0%, #f7f8fb 100%);
}

.rk-profile-panel__header p{
margin-top:6px;
color:#6b7280;
}

.rk-profile-summary{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}

.rk-profile-summary--compact{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:10px;
}

.rk-profile-summary--compact .rk-profile-summary__item{
background:linear-gradient(180deg, #1c2539 0%, #24314b 100%);
box-shadow:0 8px 24px rgba(28,37,57,0.10);
min-height:0;
padding:10px 12px;
align-items:center;
text-align:center;
justify-content:center;
gap:3px;
}

.rk-profile-summary--compact .rk-profile-summary__label{
color:rgba(255,255,255,0.72);
font-size:11px;
}

.rk-profile-summary--compact strong{
font-size:20px;
line-height:1;
color:#ea5e20;
}

.rk-company-budget-orders__meta{
display:flex;
align-items:center;
gap:8px;
margin:4px 0 18px;
color:#5e6b84;
font-size:15px;
flex-wrap:wrap;
}

.rk-company-budget-orders__meta strong{
color:#1c2539;
font-weight:700;
}

.rk-profile-summary__item{
background:#f7f8fa;
border-radius:18px;
padding:14px 16px;
display:flex;
flex-direction:column;
gap:6px;
}

.rk-profile-summary__label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.04em;
  color:#6b7280;
  }

.rk-profile-accordion{
  border-radius:22px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid rgba(28,37,57,0.08);
  box-shadow:0 8px 24px rgba(28,37,57,0.05);
}

.rk-profile-accordion[open]{
  box-shadow:0 12px 30px rgba(28,37,57,0.08);
}

.rk-profile-accordion summary{
  list-style:none;
  cursor:pointer;
  padding:16px 18px;
  font-size:17px;
  font-weight:700;
  color:#1c2539;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.rk-profile-accordion summary::-webkit-details-marker{
  display:none;
}

.rk-profile-accordion summary::after{
  content:'+';
  font-size:24px;
  line-height:1;
  color:#ea5e20;
}

.rk-profile-accordion[open] summary::after{
  content:'-';
}

.rk-profile-accordion__content{
  padding:12px 18px 18px;
  border-top:1px solid rgba(28,37,57,0.08);
}

.rk-profile-accordion--referral summary{
  background:linear-gradient(180deg, #f7f8fb 0%, #ffffff 100%);
}

.rk-profile-accordion--earn summary{
  background:linear-gradient(180deg, #f2f7ff 0%, #ffffff 100%);
}

.rk-profile-accordion--wallet summary{
  background:linear-gradient(180deg, #fff8f2 0%, #ffffff 100%);
}

.rk-profile-accordion--company summary{
  background:linear-gradient(180deg, #f3f8f7 0%, #ffffff 100%);
}

.rk-profile-accordion--security summary{
  background:linear-gradient(180deg, #f6f7f9 0%, #ffffff 100%);
}

.rk-profile-notice{
  padding:14px 16px;
  border-radius:18px;
  font-size:14px;
  line-height:1.5;
  box-shadow:0 8px 24px rgba(28,37,57,0.05);
}

.rk-profile-notice--error{
  background:#fff1f2;
  color:#be123c;
  border:1px solid rgba(190,18,60,0.14);
}

.rk-profile-notice--success{
  background:#ecfdf5;
  color:#047857;
  border:1px solid rgba(4,120,87,0.14);
}

.rk-referral-box{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:16px;
  background:#f7f8fa;
  border-radius:22px;
  }

.rk-referral-box__meta{
  display:flex;
  flex-direction:column;
  gap:6px;
  }

.rk-referral-box__field{
  display:flex;
  flex-direction:column;
  gap:12px;
  }

.rk-referral-box__field input{
  width:100%;
  border:1px solid #dfe3ea;
  border-radius:16px;
  padding:12px 14px;
  box-sizing:border-box;
  font-size:14px;
  color:#1c2539;
  background:#ffffff;
  }

.rk-referral-box__status{
  font-size:14px;
  color:#6b7280;
  line-height:1.5;
  }

.rk-company-news-list{
  display:flex;
  flex-direction:column;
  gap:14px;
  }

.rk-company-news-item{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px;
  background:#f7f8fa;
  border-radius:22px;
  box-shadow:0 8px 24px rgba(28,37,57,0.05);
  }

.rk-company-news-item__meta{
  font-size:12px;
  color:#6b7280;
  text-transform:uppercase;
  letter-spacing:0.04em;
  }

.rk-company-news-item h4{
  margin:0;
  font-size:18px;
  color:#1c2539;
  }

.rk-company-news-item p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#6b7280;
  }

.rk-company-news-empty{
  padding:16px;
  background:#f7f8fa;
  border-radius:22px;
  color:#6b7280;
  line-height:1.6;
  }

.rk-company-profile-form{
  display:flex;
  flex-direction:column;
  gap:18px;
  }

.rk-form-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  }

.rk-form-field{
  display:flex;
  flex-direction:column;
  gap:8px;
  }

.rk-form-field span{
  font-size:13px;
  font-weight:600;
  color:#1c2539;
  }

.rk-form-field input,
.rk-form-field textarea,
.rk-form-field select{
  width:100%;
  padding:13px 14px;
  border-radius:18px;
  border:1px solid #dfe3ea;
  background:#f7f8fa;
  color:#1c2539;
  box-sizing:border-box;
  font-size:14px;
  }

.rk-form-field input:focus,
.rk-form-field textarea:focus,
.rk-form-field select:focus{
  outline:none;
  border-color:#ea5e20;
  box-shadow:0 0 0 3px rgba(234,94,32,0.12);
  background:#ffffff;
  }

.rk-form-field--full{
  grid-column:1 / -1;
  }

.rk-form-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
  }

.rk-earn-list{
display:flex;
flex-direction:column;
gap:14px;
}

.rk-earn-card{
background:#f7f8fa;
border-radius:22px;
padding:16px;
display:flex;
flex-direction:column;
gap:14px;
box-shadow:0 8px 24px rgba(28,37,57,0.05);
}

.rk-earn-card__top,
.rk-earn-card__bottom{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
}

.rk-earn-card__bottom{
align-items:center;
}

.rk-earn-card h4{
margin:0 0 6px;
font-size:17px;
}

.rk-earn-card p{
margin:0;
font-size:14px;
color:#6b7280;
line-height:1.5;
}

.rk-earn-reward{
flex:0 0 auto;
min-width:58px;
padding:10px 12px;
border-radius:18px;
background:#1c2539;
color:#ffffff;
font-weight:700;
text-align:center;
}

.rk-earn-status{
display:inline-flex;
align-items:center;
justify-content:center;
padding:7px 12px;
border-radius:999px;
font-size:12px;
font-weight:700;
white-space:nowrap;
}

.rk-earn-status--done{
background:rgba(16,185,129,0.14);
color:#047857;
}

.rk-earn-status--open{
background:rgba(234,94,32,0.12);
color:#c2410c;
}

.rk-earn-status--active{
background:rgba(59,130,246,0.12);
color:#1d4ed8;
}

.rk-earn-status--soon{
  background:rgba(107,114,128,0.12);
  color:#4b5563;
  }

.rk-start-training--secondary{
  background:#1c2539;
  box-shadow:none;
  }

.rk-wallet-history{
display:flex;
flex-direction:column;
gap:12px;
}

.rk-wallet-history__item{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:14px 16px;
background:#fff8f2;
border-radius:18px;
}

.rk-wallet-history__main{
display:flex;
flex-direction:column;
gap:4px;
min-width:0;
}

.rk-wallet-history__main strong{
font-size:14px;
}

.rk-wallet-history__main span{
font-size:12px;
color:#6b7280;
}

.rk-wallet-history__coins{
flex:0 0 auto;
font-weight:700;
color:#ea5e20;
}

.rk-company-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
}

.rk-company-card{
  background:#f7f8fa;
  border-radius:22px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  box-shadow:0 8px 24px rgba(28,37,57,0.05);
  }

.rk-company-card__meta{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  }

.rk-company-card h4{
  margin:0;
  font-size:17px;
  color:#1c2539;
}

.rk-company-card p{
  margin:0;
  font-size:14px;
  line-height:1.5;
  color:#6b7280;
  }

.rk-company-card__footer{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  }

.rk-company-card__hint{
    display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(28,37,57,0.06);
  color:#1c2539;
    font-size:12px;
    line-height:1.4;
    }

.rk-company-card__hint--reward{
  background:rgba(234,94,32,0.12);
  color:#c2410c;
  font-weight:700;
}

.rk-qr-card{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  border-radius:20px;
  background:linear-gradient(180deg, #f7f8fa 0%, #ffffff 100%);
  border:1px solid rgba(28,37,57,0.08);
}

.rk-qr-card--large{
  margin-top:12px;
}

.rk-store-checkout-preview{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:16px;
}

.rk-qr-card__image{
  width:140px;
  height:140px;
  display:block;
  border-radius:16px;
  background:#ffffff;
  padding:10px;
  box-shadow:0 8px 24px rgba(28,37,57,0.08);
}

.rk-qr-card__image--large{
  width:200px;
  height:200px;
  border-radius:18px;
  padding:12px;
}

.rk-company-summary-visual{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:12px;
}

.rk-company-summary-visual__stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.rk-company-summary-card{
  min-height:0;
  padding:10px 12px;
  border-radius:20px;
  background:linear-gradient(180deg, #1c2539 0%, #24314b 100%);
  box-shadow:0 8px 24px rgba(28,37,57,0.10);
  display:flex;
  flex-direction:column;
  gap:3px;
  align-items:center;
  text-align:center;
  justify-content:center;
}

.rk-company-summary-card__label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.04em;
  color:rgba(255,255,255,0.72);
}

.rk-company-summary-card strong{
  font-size:20px;
  line-height:1;
  color:#ea5e20;
}

.rk-company-summary-progress{
  padding:12px 14px;
  border-radius:20px;
  background:#f7f8fa;
  box-shadow:0 8px 24px rgba(28,37,57,0.05);
  display:flex;
  flex-direction:column;
  gap:8px;
}

.rk-company-summary-progress__meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:14px;
  color:#1c2539;
}

.rk-company-summary-progress__meta strong{
  color:#0f4c5c;
}

.rk-company-summary-progress__track{
  width:100%;
  height:8px;
  border-radius:999px;
  background:#e6ebf2;
  overflow:hidden;
}

.rk-company-summary-progress__bar{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #0f4c5c 0%, #2f7b8d 100%);
}

.rk-company-steps{
  display:flex;
  flex-direction:column;
  gap:12px;
  }

.rk-company-step{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px 16px;
  border-radius:18px;
  background:#f7f8fa;
  }

.rk-company-step strong{
  font-size:15px;
  color:#1c2539;
  }

.rk-company-step span{
  font-size:14px;
  color:#6b7280;
  line-height:1.5;
  }

.rk-company-survey-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.rk-company-survey-item{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:18px;
  border-radius:22px;
  background:#f7f8fa;
  box-shadow:0 8px 24px rgba(28,37,57,0.05);
}

.rk-company-survey-item__meta{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

.rk-company-survey-item__meta h4{
  margin:0 0 6px;
  font-size:18px;
  color:#1c2539;
}

.rk-company-survey-item__meta p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#6b7280;
}

.rk-company-survey-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.rk-company-survey-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.rk-company-campaign-form{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.rk-company-accordion{
  margin-top:14px;
  border-radius:22px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid rgba(28,37,57,0.08);
  box-shadow:0 8px 24px rgba(28,37,57,0.05);
}

.rk-company-accordion[open]{
  background:#ffffff;
  border-color:rgba(234,94,32,0.18);
  box-shadow:0 12px 30px rgba(28,37,57,0.08);
}

.rk-company-accordion--overview[open]{
  background:#ffffff;
}

.rk-company-accordion summary{
  list-style:none;
  cursor:pointer;
  padding:16px 18px;
  font-size:17px;
  font-weight:700;
  color:#1c2539;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#ffffff;
}

.rk-company-accordion summary::-webkit-details-marker{
  display:none;
}

.rk-company-accordion summary::after{
  content:'+';
  font-size:24px;
  line-height:1;
  color:#ea5e20;
}

.rk-company-accordion[open] summary::after{
  content:'-';
}

.rk-company-accordion__content{
  padding:12px 18px 18px;
  background:#ffffff;
  border-top:1px solid rgba(28,37,57,0.08);
}

.rk-company-campaign-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.rk-company-campaign-item{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:18px;
  border-radius:22px;
  background:#f7f8fa;
  box-shadow:0 8px 24px rgba(28,37,57,0.05);
}

.rk-company-campaign-item--student p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#6b7280;
}

.rk-dashboard-campaigns__intro{
  margin:0 0 10px;
  color:#6b7280;
  line-height:1.5;
}

.rk-company-campaign-item__meta{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

.rk-company-campaign-item__meta h4{
  margin:0 0 6px;
  font-size:18px;
  color:#1c2539;
}

.rk-company-campaign-item__meta p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#6b7280;
}

.rk-company-campaign-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.rk-company-results-table{
  margin-top:14px;
  overflow-x:auto;
}

.rk-company-results-table table{
  width:100%;
  border-collapse:collapse;
  background:#ffffff;
  border-radius:18px;
  overflow:hidden;
}

.rk-company-results-table th,
.rk-company-results-table td{
  padding:12px 14px;
  border-bottom:1px solid rgba(28,37,57,0.08);
  text-align:left;
  font-size:14px;
}

.rk-company-results-table th{
  color:#1c2539;
  background:#f7f8fa;
}

.rk-company-results-entries{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:14px;
}

.rk-company-results-entry{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px;
  border-radius:20px;
  background:#f7f8fa;
}

.rk-company-results-entry p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#1c2539;
}

.rk-company-results-entry__meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
  color:#6b7280;
}

.rk-company-results-entry__ratings{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.rk-company-inline-form{
  display:flex;
}

.rk-company-inline-form button,
.rk-company-inline-form .rk-start-training{
  margin-top:0;
  width:auto;
}

.rk-form-grid--budget{
  grid-template-columns:1fr;
}

.rk-form-grid--budget .rk-form-field{
  background:#f7f8fa;
  padding:14px;
  border-radius:20px;
  box-shadow:0 8px 24px rgba(28,37,57,0.05);
}

.rk-form-grid--budget .rk-form-field small{
  display:block;
  margin-top:8px;
  font-size:13px;
  line-height:1.5;
  color:#6b7280;
}

.rk-transfer-scanner{
  margin-top:16px;
  padding:16px;
  border-radius:22px;
  background:#f7f8fa;
  box-shadow:0 8px 24px rgba(28,37,57,0.05);
  display:flex;
  flex-direction:column;
  gap:14px;
}

.rk-transfer-scanner__header{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.rk-transfer-scanner__header strong{
  font-size:16px;
  color:#1c2539;
}

.rk-transfer-scanner__header span{
  font-size:14px;
  line-height:1.5;
  color:#6b7280;
}

.rk-transfer-scanner__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.rk-transfer-scanner__manual-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.rk-transfer-scanner__actions .rk-start-training{
  margin-top:0;
}

.rk-transfer-scanner__stop{
  background:#1c2539;
  box-shadow:none;
}

.rk-transfer-scanner__viewport{
  border-radius:20px;
  overflow:hidden;
  background:#1c2539;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.rk-transfer-scanner__viewport video{
  display:block;
  width:100%;
  height:auto;
  min-height:220px;
  object-fit:cover;
}

@media (max-width: 520px){
    .rk-profile-summary{
        grid-template-columns:1fr;
    }

    .rk-profile-summary--compact{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .rk-form-grid{
        grid-template-columns:1fr;
    }

    .rk-company-grid{
        grid-template-columns:1fr;
    }

    .rk-company-summary-visual__stats{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .rk-earn-card__top,
    .rk-earn-card__bottom,
    .rk-wallet-history__item{
        flex-direction:column;
        align-items:flex-start;
    }

    .rk-company-card__meta{
        flex-direction:column;
        align-items:flex-start;
    }

    .rk-company-survey-item__meta{
        flex-direction:column;
        align-items:flex-start;
    }

    .rk-company-campaign-item__meta{
        flex-direction:column;
        align-items:flex-start;
    }

    .rk-company-results-entry__meta{
        flex-direction:column;
        align-items:flex-start;
    }

    .rk-earn-reward{
        min-width:0;
    }
  }


/* =========================================================
   RK TRAINING – IMPORT / EXPORT CARDS
========================================================= */

.rk-import-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.rk-import-card {
    background: #ffffff;
    border: 1px solid #dcdcde;
    border-radius: 8px;
    padding: 20px;
}

.rk-import-card h2 {
    margin-top: 0;
}

.rk-import-card p {
    font-size: 13px;
    color: #50575e;
}


/* =========================================================
   TRAINING TIMELINE
========================================================= */

.rk-training-timeline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0;
    justify-content: center;
}

.rk-training-timeline .rk-day {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    background: #e5e7eb;
    color: #555;
}

.rk-day.done {
    background: #22c55e;
    color: #ffffff;
}

.rk-day.current {
    background: #ea5e20;
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(234,94,32,0.2);
}

.rk-day.locked {
    background: #e5e7eb;
    color: #9ca3af;
}
/* ======================================================
   TRAINING PAGE – TRAINING DAY CARD
   Komplettes Layout der Trainingsübung
====================================================== */

.rk-training-day-card {

    background: #ffffff;

    border-radius: var(--rk-radius-card);

    padding: 25px 25px;

    max-width: 720px;

    margin: 30px auto;

    box-shadow: 0 18px 45px rgba(28,37,57,0.12);

}


/* ======================================================
   TEXT
====================================================== */

.rk-training-day-card p {

    font-size: 16px;

    line-height: 1.8;

    margin-bottom: 24px;

    color: #2a3550;

}


/* ======================================================
   TITEL
====================================================== */

.rk-training-day-card h3 {

    margin-top: 10px;

    margin-bottom: 18px;

    font-size: 20px;

    font-weight: 600;

}


/* ======================================================
   HAUPTFRAGE
====================================================== */

.rk-training-day-card h4 {

    font-size: 18px;

    font-weight: 600;

    margin-top: 25px;

    margin-bottom: 26px;

    color: #1c2539;

}


/* ======================================================
   ANTWORTOPTIONEN (RADIO)
====================================================== */

.rk-training-day-card label {

    display: block;

    margin-bottom: 16px;

    font-size: 16px;

    line-height: 1.4;

    cursor: pointer;

}


/* Abstand nach letzter Antwort */

.rk-training-day-card label:last-of-type {

    margin-bottom: 20px;

}


/* ======================================================
   REFLEXIONSFRAGE
====================================================== */

.rk-training-day-card strong {

    display: block;

    margin-top: 20px;

    margin-bottom: 14px;

}


/* ======================================================
   TEXTAREA
====================================================== */

.rk-training-day-card textarea {

    width: 100%;

    min-height: 130px;

    padding: 10px;

    border-radius: 14px;

    border: 1px solid #d7dde6;

    background: #f9fafc;

    font-size: 15px;

    line-height: 1.6;

    margin-bottom: 25px;

}


/* ======================================================
   BUTTON
====================================================== */

.rk-training-day-card button {

    width: 100%;

    padding: 16px 24px;

    border-radius: var(--rk-radius-button);

    border: none;

    font-size: 16px;

    font-weight: 600;

    background: linear-gradient(135deg, #ea5e20, #ff7b42);

    color: #ffffff;

    cursor: pointer;

    box-shadow: 0 10px 24px rgba(234,94,32,0.25);

    transition: transform 0.15s ease, box-shadow 0.15s ease;

}

.rk-training-day-card button:hover {

    transform: translateY(-2px);

    box-shadow: 0 14px 30px rgba(234,94,32,0.35);

}

/* ======================================================
   TRAINING PAGE FIX
   Entfernt doppelte Card nur im Training
====================================================== */

.rk-training-day-card {
    margin-top: 40px;
}

.rk-training-day-card {
    position: relative;
    z-index: 2;
}

.rk-dashboard-section:has(.rk-training-day-card) {

    background: transparent;
    box-shadow: none;
    border: none;
    padding: 0;

}

/* ======================================================
   NEWSFEED DASHBOARD
====================================================== */

/* NEWS FEED */

.rk-news-feed{
display:block;
}

/* CARD */

.rk-news-card{
width:100%;
background:#ffffff;
border-radius:var(--rk-radius-card);
box-shadow:0 8px 20px rgba(0,0,0,0.06);
overflow:hidden;
flex-shrink:0;
}

/* IMAGE */

.rk-news-image{
aspect-ratio:16/9;
overflow:hidden;
background:#eef2f7;
display:flex;
align-items:center;
justify-content:center;
}

.rk-news-image img{
width:100%;
height:100%;
object-fit:cover;
}

.rk-news-image--placeholder{
background:linear-gradient(135deg, #1c2539, #2a3550);
color:#ffffff;
font-size:24px;
font-weight:700;
letter-spacing:0.04em;
text-transform:uppercase;
}

/* CONTENT */

.rk-news-content{
padding:16px;
}

.rk-news-content strong{
display:block;
font-size:16px;
margin-bottom:6px;
}

.rk-news-content p{
font-size:14px;
color:#555;
margin-bottom:10px;
}

.rk-news-content a{
color:#ea5e20;
font-weight:600;
text-decoration:none;
}

.rk-dashboard-feature-image{
margin-bottom:16px;
border-radius:18px;
}

.rk-dashboard-feature-image img{
display:block;
}

.rk-dashboard-motivation p,
.rk-dashboard-assessment p {
    margin-bottom: 12px;
}

.rk-dashboard-assessment .rk-start-training,
.rk-dashboard-motivation .rk-start-training {
    display: flex;
    width: max-content;
    max-width: 100%;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
}

.rk-dashboard-assessment .rk-training-locked--success {
    display: flex;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.rk-dashboard-courses small {
    display: block;
    line-height: 1.6;
}

.rk-dashboard-courses .rk-training-locked {
    margin-top: 14px;
}

.rk-training-locked--success{
background:#ecfdf5;
border-color:rgba(16,185,129,0.25);
color:#047857;
}

/* ========================================
   WALLET CARD
======================================== */

.rk-wallet-card{
background:#1c2539;
border-radius: var(--rk-radius-card);
color:#fff;
}

.rk-wallet-card .rk-score-number{
color:#f5b301;
}

/* ========================================
   SURVEY UX IN APP
======================================== */

.rk-survey-card{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(28,37,57,0.08);
  box-shadow:0 10px 28px rgba(28,37,57,0.07);
  background:#ffffff;
}

.rk-survey-card fieldset{
  padding:16px;
  border-radius:20px;
  border:1px solid #e3e8ef;
  background:#f8fafc;
}

.rk-survey-card label.rk-option{
  display:flex !important;
  align-items:center !important;
  gap:12px;
  margin:10px 0;
  padding:14px 16px;
  min-height:54px;
  border:1px solid #dfe3ea;
  border-radius:18px;
  background:#ffffff;
  box-shadow:0 4px 12px rgba(28,37,57,0.04);
  line-height:1.4;
  cursor:pointer;
}

.rk-survey-card label.rk-option:hover{
  border-color:#ea5e20;
}

.rk-survey-card label.rk-option input[type="checkbox"],
.rk-survey-card label.rk-option input[type="radio"]{
  width:20px;
  height:20px;
  margin:0;
  flex:0 0 auto;
  accent-color:#ea5e20;
}

.rk-survey-card label.rk-option:has(input:checked){
  border-color:#ea5e20;
  background:#fff7ed;
  box-shadow:0 0 0 3px rgba(234,94,32,0.12);
}

.rk-rating-scale-labels{
  margin-bottom:12px;
}

.rk-rating-row{
  gap:12px;
  padding:14px 0;
}

.rk-rating-question{
  font-size:16px;
  line-height:1.45;
}

.rk-rating-options{
  display:flex;
  justify-content:center;
  gap:12px;
}

.rk-rating-option{
  position:relative;
  width:48px;
  height:48px;
  min-height:48px;
  padding:0;
  border:none;
  border-radius:50%;
  background:#ea5e20;
  color:#ffffff;
  font-weight:700;
  font-size:16px;
  box-shadow:0 8px 18px rgba(234,94,32,0.25);
}

.rk-rating-option input[type="radio"]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
}

.rk-rating-option:has(input:checked){
  background:#1c2539;
  box-shadow:0 8px 18px rgba(28,37,57,0.25);
}

.rk-survey-card textarea,
.rk-survey-card input[type="email"]{
  padding:13px 14px;
  border-radius:18px;
  border:1px solid #dfe3ea;
  background:#ffffff;
  box-sizing:border-box;
}

.rk-survey-card button{
  width:100%;
  padding:16px 24px;
  border:none;
  border-radius:22px;
  background:linear-gradient(135deg, #ea5e20, #ff7b42);
  color:#ffffff;
  font-size:16px;
  font-weight:600;
  box-shadow:0 8px 22px rgba(234,94,32,0.35);
}

.rk-survey-card button:hover{
  opacity:1;
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(234,94,32,0.45);
}

@media (max-width: 680px){
  .rk-rating-options{
    gap:10px;
  }

  .rk-rating-option{
    width:44px;
    height:44px;
    min-height:44px;
    font-size:15px;
  }
}

.rk-company-form-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.rk-company-form-grid--offers{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.rk-company-campaign-item form{
  margin:0;
}

@media (max-width: 720px){
  .rk-company-form-grid{
    grid-template-columns:1fr;
  }

  .rk-company-form-grid--offers{
    grid-template-columns:1fr;
  }
}

/* ======================================================
   QUICK STATS BAR
====================================================== */

.rk-dash-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}

.rk-dash-stat {
    background: #fff;
    border-radius: var(--rk-radius-panel);
    padding: 16px 10px;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

.rk-dash-stat__value {
    display: block;
    font-size: 24px;
    font-weight: 800;
    color: #1c2539;
    line-height: 1.1;
}

.rk-dash-stat--streak .rk-dash-stat__value { color: #ea5e20; }
.rk-dash-stat--coins  .rk-dash-stat__value { color: #0ea5e9; }

.rk-dash-stat__label {
    display: block;
    font-size: 11px;
    color: #999;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: .4px;
}

/* ======================================================
   MENTAL FITNESS BAR
====================================================== */

.rk-fitness-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
}

.rk-fitness-bar-wrap {
    flex: 1;
    height: 10px;
    background: #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
}

.rk-fitness-bar {
    height: 100%;
    background: linear-gradient(90deg, #ea5e20, #f97316);
    border-radius: 10px;
    transition: width .4s ease;
}

.rk-fitness-score {
    font-size: 13px;
    font-weight: 700;
    color: #1c2539;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ======================================================
   PROFIL NETZWERK
====================================================== */

.rk-net-tier {
    margin-bottom: 16px;
}

.rk-net-progress {
    height: 6px;
    background: #f0f0f0;
    border-radius: 6px;
    overflow: hidden;
    margin: 8px 0 4px;
}

.rk-net-progress__bar {
    height: 100%;
    background: linear-gradient(90deg, #ea5e20, #fbbf24);
    border-radius: 6px;
    transition: width .4s ease;
}

.rk-net-progress__label {
    font-size: 12px;
    color: #888;
    margin: 0 0 14px;
}

.rk-net-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 18px;
}

.rk-net-stat {
    background: #f8f8f8;
    border-radius: 10px;
    padding: 12px 8px;
    text-align: center;
}

.rk-net-stat strong {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: #1c2539;
    line-height: 1.1;
}

.rk-net-stat--coins strong { color: #0ea5e9; }

.rk-net-stat span {
    display: block;
    font-size: 11px;
    color: #999;
    margin-top: 3px;
}

.rk-net-list {
    margin-bottom: 18px;
}

.rk-net-list__title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #aaa;
    margin-bottom: 10px;
}

.rk-net-person {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.rk-net-person:last-child { border-bottom: none; }

.rk-net-person__avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ea5e20;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rk-net-person__info strong {
    display: block;
    font-size: 14px;
    color: #1c2539;
}

.rk-net-person__info span {
    font-size: 12px;
    color: #aaa;
}

.rk-net-person__sub {
    display: block;
    font-size: 11px;
    color: #ea5e20;
    font-weight: 600;
    margin-top: 1px;
}

.rk-net-invite-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #aaa;
    margin-bottom: 8px;
}

/* ======================================================
   MLM NETZWERK PANEL (v2)
====================================================== */

.rk-dashboard .rk-mlm-panel {
    background: linear-gradient(135deg, #1c2539 0%, #2a3a5c 100%) !important;
    color: #fff;
    padding: 24px;
    margin-bottom: 28px;
}

.rk-dashboard .rk-mlm-panel h3 {
    color: #fff;
    margin-bottom: 0;
}

/* Header */
.rk-mlm-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    flex-wrap: wrap;
    gap: 10px;
}

/* Badge / Tier */
.rk-mlm-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
}

.rk-mlm-badge--starter    { background: rgba(255,255,255,.12); color: #cdd5e0; }
.rk-mlm-badge--newcomer   { background: rgba(74,222,128,.18);  color: #4ade80; }
.rk-mlm-badge--connector  { background: rgba(251,191,36,.18);  color: #fbbf24; }
.rk-mlm-badge--hero       { background: rgba(249,115,22,.22);  color: #fb923c; }
.rk-mlm-badge--legend     { background: rgba(167,139,250,.22); color: #c4b5fd; }

/* Stats Strip */
.rk-mlm-stats {
    display: flex;
    gap: 10px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.rk-mlm-stat {
    flex: 1;
    min-width: 64px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.rk-mlm-stat__val {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.rk-mlm-stat__key {
    font-size: 11px;
    color: rgba(255,255,255,.5);
    text-transform: uppercase;
    letter-spacing: .5px;
}

.rk-mlm-stat--coins .rk-mlm-stat__val { color: #fbbf24; }

/* ── Visueller Baum ── */
.rk-mlm-tree-v2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 22px;
}

/* Root-Knoten (ICH) */
.rk-mlm-root {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rk-mlm-root__node {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #ea5e20;
    box-shadow: 0 0 22px rgba(234,94,32,.55), 0 0 0 5px rgba(234,94,32,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.rk-mlm-root__label {
    font-size: 11px;
    color: rgba(255,255,255,.4);
    margin-top: 5px;
}

/* Vertikale Linie von Root zu Members */
.rk-mlm-vtline {
    width: 2px;
    height: 18px;
    background: linear-gradient(to bottom, rgba(234,94,32,.7), rgba(255,255,255,.15));
    margin-top: 2px;
}

/* Members-Reihe */
.rk-mlm-members {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 18px;
    position: relative;
}

/* Horizontale Verbindungslinie */
.rk-mlm-members::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20%;
    right: 20%;
    height: 2px;
    background: rgba(255,255,255,.15);
    border-radius: 1px;
}

/* Einzelner Member */
.rk-mlm-member {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    position: relative;
}

/* Vertikale Linie nach oben */
.rk-mlm-member::before {
    content: '';
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 18px;
    background: rgba(255,255,255,.15);
}

/* Avatar-Bubble */
.rk-mlm-member__bubble {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    border: 2px solid rgba(255,255,255,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    position: relative;
    transition: transform .18s ease, border-color .18s ease;
    cursor: default;
}

.rk-mlm-member__bubble:hover {
    transform: scale(1.1);
    border-color: rgba(234,94,32,.85);
}

.rk-mlm-member__bubble--more {
    background: rgba(234,94,32,.12);
    border-color: rgba(234,94,32,.4);
    font-size: 13px;
    color: #fb923c;
}

/* L2-Sub-Badge (orange Pille unten rechts) */
.rk-mlm-member__l2badge {
    position: absolute;
    bottom: -5px;
    right: -7px;
    background: #ea5e20;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 10px;
    line-height: 1.3;
    border: 1.5px solid #1c2539;
    white-space: nowrap;
}

/* Name unter Bubble */
.rk-mlm-member__name {
    font-size: 11px;
    color: rgba(255,255,255,.5);
    white-space: nowrap;
    max-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

/* Indirekte Ebenen (L2/L3 Pills) */
.rk-mlm-indirect-row {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

.rk-mlm-indirect-pill {
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    padding: 4px 13px;
    font-size: 12px;
    color: rgba(255,255,255,.55);
}

/* Empty State */
.rk-mlm-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 14px 0 6px;
}

.rk-mlm-empty__ring {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px dashed rgba(255,255,255,.22);
    animation: rk-mlm-pulse 2.2s ease-in-out infinite;
}

@keyframes rk-mlm-pulse {
    0%, 100% { opacity: .45; transform: scale(1); }
    50%       { opacity: 1;   transform: scale(1.08); }
}

.rk-mlm-empty p {
    font-size: 13px;
    color: rgba(255,255,255,.45);
    text-align: center;
    margin: 0;
}

/* Motivation */
.rk-mlm-motivation {
    font-size: 13px;
    color: rgba(255,255,255,.65);
    margin-bottom: 16px;
    font-style: italic;
}

/* Invite Link */
.rk-mlm-invite {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.rk-mlm-invite__input {
    flex: 1;
    min-width: 0;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 8px;
    color: #fff;
    padding: 8px 12px;
    font-size: 13px;
    outline: none;
}

.rk-mlm-invite__btn {
    flex-shrink: 0;
    font-size: 13px !important;
    padding: 8px 16px !important;
    margin: 0 !important;
    width: auto !important;
}

.rk-mlm-invite__status {
    font-size: 12px;
    color: #4ade80;
    margin-top: 6px;
    margin-bottom: 0;
}

/* Profil-Netzwerk: dunkler Wrapper fuer den Baum */
.rk-net-tree-wrap {
    background: linear-gradient(135deg, #1c2539 0%, #2a3a5c 100%);
    border-radius: 12px;
    padding: 20px 16px 16px;
    margin-bottom: 20px;
}

/* Kompakt-Variante im Profil */
.rk-mlm-tree-v2--compact .rk-mlm-root__node {
    width: 48px;
    height: 48px;
    font-size: 10px;
    box-shadow: 0 0 16px rgba(234,94,32,.45), 0 0 0 4px rgba(234,94,32,.15);
}

.rk-mlm-tree-v2--compact .rk-mlm-member__bubble {
    width: 40px;
    height: 40px;
    font-size: 15px;
}

@media (max-width: 480px) {
    .rk-mlm-stats { gap: 7px; }
    .rk-mlm-stat  { padding: 8px 10px; }
    .rk-mlm-stat__val { font-size: 18px; }
    .rk-mlm-root__node { width: 50px; height: 50px; }
    .rk-mlm-member__bubble { width: 38px; height: 38px; font-size: 14px; }
    .rk-mlm-members::before { left: 10%; right: 10%; }
    .rk-mlm-invite { flex-direction: column; }
    .rk-mlm-invite__btn { width: 100% !important; }
}