/* Star creation editor: visual options, energy and checkout stay within the
   shared night/gold system. This file intentionally follows legacy inline CSS. */
#create-modal{
    --create-surface:rgba(16,26,48,.72);
    --create-surface-strong:rgba(8,13,26,.94);
    --create-line:rgba(231,178,92,.34);
    --create-line-strong:rgba(231,178,92,.68);
}

#create-modal #create-visual-controls-toggle{
    min-height:40px;
    margin:0 0 8px;
    padding:8px 10px;
    border:1px solid var(--create-line) !important;
    border-radius:var(--radius-soft) !important;
    background:var(--create-surface-strong) !important;
    color:var(--ink) !important;
    box-shadow:none !important;
}
#create-modal #create-visual-controls-toggle:hover,
#create-modal #create-visual-controls-toggle:focus-visible{
    border-color:var(--gold) !important;
    background:rgba(70,54,25,.62) !important;
    color:#fff8e7 !important;
    outline:0;
    box-shadow:0 0 0 1px var(--gold-focus) !important;
}

/* Reservation validation contains individual field cards already; its legacy
   wrapper added a second indistinguishable frame around the same content. */
#create-modal #create-section-validation .create-step-card{
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#create-modal #create-section-validation .create-step-card-heading{
    margin:0 0 8px !important;
}
#create-modal #create-section-validation .create-field-card{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#create-modal #create-section-validation .create-field-card + .create-field-card{ margin-top:14px !important; }
#create-modal #create-login-cta{
    border-color:var(--create-line) !important;
    background:rgba(16,26,48,.58) !important;
    box-shadow:none !important;
}
#create-modal #create-login-cta-text{ color:var(--ink-dim) !important; }

/* The creation header has two navigation controls. Keep them on one quiet
   blue-framed line and reserve that line so long step titles never collide. */
#create-modal #create-step-back,
#create-modal .modal-close-btn{
    top:10px !important;
    height:36px !important;
    min-height:36px !important;
    border:1px solid rgba(55,139,190,.82) !important;
    border-radius:var(--radius-soft) !important;
    background:rgba(8,48,78,.94) !important;
    color:#ffffff !important;
    box-shadow:none !important;
    filter:none !important;
    text-shadow:none !important;
    transform:none !important;
}
#create-modal #create-step-back{
    left:10px !important;
    padding:0 10px !important;
    gap:7px;
}
#create-modal .modal-close-btn{
    right:10px !important;
    width:36px !important;
    padding:0 !important;
}
#create-modal#create-modal .modal-close-btn{
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    --ui-action-fill:rgba(8,48,78,.94) !important;
    --ui-action-line:rgba(55,139,190,.82) !important;
    border:1px solid rgba(55,139,190,.82) !important;
    border-radius:var(--radius-soft) !important;
    background:rgba(8,48,78,.94) !important;
    color:#ffffff !important;
    box-shadow:none !important;
}
#create-modal :is(#create-step-back,.modal-close-btn):hover,
#create-modal :is(#create-step-back,.modal-close-btn):focus-visible{
    border-color:rgba(125,211,252,.96) !important;
    background:rgba(11,62,99,.98) !important;
    color:#ffffff !important;
    box-shadow:none !important;
    filter:none !important;
    outline:2px solid rgba(125,211,252,.5);
    outline-offset:2px;
    transform:none !important;
}
#create-modal#create-modal .modal-close-btn:is(:hover,:focus-visible){
    --ui-action-fill:rgba(11,62,99,.98) !important;
    --ui-action-line:rgba(125,211,252,.96) !important;
    border-color:rgba(125,211,252,.96) !important;
    background:rgba(11,62,99,.98) !important;
    color:#ffffff !important;
    box-shadow:none !important;
}
#create-modal .modal-close-btn i{ color:#ffffff !important; }
#create-modal #modal-title{
    min-height:25px;
    margin:50px 0 12px !important;
    padding:0 4px;
    overflow:visible;
    overflow-wrap:anywhere;
    line-height:1.3;
}

#create-modal :is(#create-section-core-color,#create-section-premium-texture,#create-section-rings,#create-section-satellites,#content-privacy-panel){
    background:var(--create-surface) !important;
    border-color:var(--create-line) !important;
}
#create-modal :is(#lbl-core-color-title,#lbl-premium-texture-title,#lbl-premium-texture-logo,#lbl-rings,#lbl-sats,#content-privacy-title){
    color:var(--gold) !important;
}
#create-modal :is(#lbl-core-color-subtitle,#lbl-premium-texture-subtitle,#premium-texture-description,#premium-texture-logo-hint,#content-private-hint){
    color:var(--ink-faint) !important;
}
#create-modal #core-price-badge,
#create-modal .feature-slot-price,
#create-modal .create-lifetime-option-price,
#create-modal .create-lifetime-option-badge{
    border-radius:var(--radius-soft) !important;
}
#create-modal #core-price-badge{
    border-color:var(--energy-border) !important;
    background:var(--energy-bg) !important;
    color:var(--energy) !important;
}
#create-modal #core-color-chip{
    border-radius:var(--radius-soft) !important;
    border-color:var(--create-line-strong) !important;
    box-shadow:none !important;
}
#create-modal :is(#new-color,.feature-item input[type='color']){
    border-color:var(--create-line) !important;
    border-radius:var(--radius-soft) !important;
    background:var(--void) !important;
}
#create-modal #premium-texture-logo-file{
    border-color:var(--create-line) !important;
    border-radius:var(--radius-soft) !important;
    background:var(--deep-2) !important;
    color:var(--ink) !important;
}
#create-modal #premium-texture-logo-file::file-selector-button{
    margin-right:10px;
    border:0;
    border-radius:var(--radius-soft);
    padding:7px 10px;
    background:var(--gold-dim);
    color:var(--gold);
    font:inherit;
    font-weight:600;
}
#create-modal #premium-texture-logo-current{ color:var(--gold) !important; }

#create-modal :is(#btn-add-ring,#btn-add-sat){
    min-height:30px;
    padding:5px 8px;
    border:1px solid var(--create-line-strong) !important;
    border-radius:var(--radius-soft) !important;
    background:var(--create-surface-strong) !important;
    color:var(--gold) !important;
    box-shadow:none !important;
}
#create-modal :is(#btn-add-ring,#btn-add-sat):not(:disabled):hover,
#create-modal :is(#btn-add-ring,#btn-add-sat):not(:disabled):focus-visible{
    border-color:#f8d78a !important;
    background:var(--gold) !important;
    color:var(--void) !important;
    outline:0;
    box-shadow:0 0 0 1px var(--gold-focus) !important;
}
#create-modal :is(#btn-add-ring,#btn-add-sat):disabled{
    border-color:var(--line) !important;
    background:rgba(16,26,48,.5) !important;
    color:var(--ink-faint) !important;
}
#create-modal .feature-item{
    border-color:var(--create-line) !important;
    border-radius:var(--radius-soft) !important;
    background:var(--create-surface-strong) !important;
    box-shadow:none !important;
}
#create-modal .feature-item.feature-item-hidden{
    border-color:var(--line) !important;
    background:rgba(16,26,48,.48) !important;
    box-shadow:none !important;
}
#create-modal .feature-slot-label{ color:var(--ink) !important; }
#create-modal .feature-slot-price{
    border-color:var(--create-line) !important;
    background:var(--gold-dim) !important;
    color:var(--gold) !important;
}
#create-modal .feature-slot-price.is-owned{
    border-color:var(--energy-border) !important;
    background:var(--energy-bg) !important;
    color:var(--energy) !important;
}
#create-modal .feature-item :is(label,.text-gray-400){ color:var(--ink-faint) !important; }
#create-modal .feature-item :is([data-role='ring-tilt-value'],[data-role='sat-tilt-value'],[data-role='sat-speed-value']){ color:var(--gold) !important; }
#create-modal .feature-hidden-note{ color:var(--ink-dim) !important; }
#create-modal .feature-item input[type='range']{ accent-color:var(--gold); }

#create-modal #create-section-payment .create-step-card{
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#create-modal #create-section-payment :is(#create-lifetime-panel,#create-payment-options,#create-payment-inline-gateway){
    border:1px solid var(--create-line) !important;
    border-radius:var(--radius-soft) !important;
    background:var(--create-surface) !important;
    box-shadow:none !important;
}
#create-modal #create-section-payment #create-payment-warning{
    padding:0 1px 2px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#create-modal #create-section-payment #create-lifetime-panel{ margin-top:8px; }
#create-modal :is(#create-payment-warning-title,#create-lifetime-title){ color:var(--ink) !important; }
#create-modal :is(#create-payment-warning-body,#create-lifetime-body,#create-lifetime-service-note){ color:var(--ink-dim) !important; }

#create-modal .create-lifetime-option-card{
    gap:8px;
    min-height:124px;
    border-color:var(--line) !important;
    border-radius:var(--radius-soft) !important;
    background:var(--create-surface-strong) !important;
    color:var(--ink) !important;
    box-shadow:none !important;
}
#create-modal .create-lifetime-option-card::after{ display:none; }
#create-modal .create-lifetime-option:hover .create-lifetime-option-card,
#create-modal .create-lifetime-option:focus-within .create-lifetime-option-card{
    border-color:var(--create-line-strong) !important;
    background:rgba(28,25,30,.96) !important;
    box-shadow:0 0 0 1px var(--gold-focus) inset !important;
    transform:none;
}
#create-modal .create-lifetime-option-input:checked + .create-lifetime-option-card{
    border-color:var(--gold) !important;
    background:rgba(70,54,25,.48) !important;
    box-shadow:0 0 0 1px var(--gold-focus) inset !important;
    transform:none;
}
#create-modal .create-lifetime-option-title{ color:var(--ink) !important; }
#create-modal .create-lifetime-option-days,
#create-modal .create-lifetime-option-detail,
#create-modal .create-lifetime-option-permonth{ color:var(--ink-dim) !important; }
#create-modal .create-lifetime-option-duration{ color:var(--gold) !important; }
#create-modal .create-lifetime-option-price{ border-color:var(--create-line) !important; background:var(--gold-dim) !important; color:var(--gold) !important; }
#create-modal .create-lifetime-option-price.is-free{ border-color:var(--energy-border) !important; background:var(--energy-bg) !important; color:var(--energy) !important; }
#create-modal .create-lifetime-option-badge{ border-color:var(--line) !important; background:rgba(16,26,48,.8) !important; color:var(--ink-dim) !important; }
#create-modal .create-lifetime-option-badge.is-highlight{ border-color:var(--gold) !important; background:var(--gold-dim) !important; color:var(--gold) !important; }
#create-modal .create-lifetime-option-badge.is-covered{ border-color:var(--energy-border) !important; background:var(--energy-bg) !important; color:var(--energy) !important; }
#create-modal .create-lifetime-option-check{ border-radius:50% !important; border-color:var(--line) !important; background:var(--void) !important; color:var(--ink-faint) !important; box-shadow:none !important; }
#create-modal .create-lifetime-option-input:checked + .create-lifetime-option-card .create-lifetime-option-check{ border-color:var(--gold) !important; background:var(--gold-dim) !important; color:var(--gold) !important; box-shadow:none !important; }
#create-modal .create-lifetime-option-ribbon{
    margin:-11px -11px 6px;
    border-radius:var(--radius-soft) var(--radius-soft) 0 0 !important;
    background:var(--gold) !important;
    color:var(--void) !important;
}
#create-modal .create-lifetime-option-ribbon.is-bestvalue{ border-bottom-color:var(--create-line-strong) !important; background:var(--deep-2) !important; color:var(--gold) !important; }

#create-modal :is(.create-payment-summary,.checkout-inline-shell,.checkout-inline-card,.checkout-inline-item,.checkout-inline-placeholder){
    border-color:var(--create-line) !important;
    border-radius:var(--radius-soft) !important;
    background:var(--create-surface-strong) !important;
    box-shadow:none !important;
}
#create-modal :is(.create-payment-summary-kicker,.checkout-inline-kicker){ color:var(--gold) !important; }
#create-modal :is(.create-payment-summary-chip,.checkout-inline-badge){ border-radius:var(--radius-soft) !important; }
#create-modal .create-payment-summary-row{
    border-color:var(--line) !important;
    border-radius:var(--radius-soft) !important;
    background:rgba(16,26,48,.62) !important;
}
#create-modal .create-payment-summary-row.is-editable:hover{
    border-color:var(--create-line-strong) !important;
    background:rgba(70,54,25,.34) !important;
}
#create-modal .create-payment-summary-status.is-paid,
#create-modal .create-payment-summary-total-value.is-paid{ color:var(--gold) !important; }
#create-modal .create-payment-summary-status.is-owned,
#create-modal .create-payment-summary-status.is-free,
#create-modal .create-payment-summary-total-value.is-free{ color:var(--energy) !important; }
#create-modal .create-recap-remove{
    border-radius:50% !important;
    box-shadow:none !important;
}
#create-modal .create-recap-undo{
    border-color:var(--create-line) !important;
    border-radius:var(--radius-soft) !important;
    background:rgba(70,54,25,.24) !important;
    color:var(--ink-dim) !important;
}
#create-modal .create-recap-undo-btn{ color:var(--gold) !important; }
#create-modal .checkout-inline-badge{
    border-color:var(--create-line) !important;
    background:var(--gold-dim) !important;
    color:var(--gold) !important;
}
#create-modal .checkout-inline-badge.is-warning{
    border-color:var(--err-border) !important;
    background:var(--err-bg) !important;
    color:var(--err) !important;
}
#create-modal .checkout-inline-card,
#create-modal .checkout-inline-embedded,
#create-modal .checkout-inline-placeholder,
#create-modal .checkout-inline-item,
#create-modal .checkout-inline-warning{
    border-color:var(--line) !important;
    border-radius:var(--radius-soft) !important;
    background:rgba(16,26,48,.62) !important;
    box-shadow:none !important;
}
#create-modal .checkout-inline-card-amount,
#create-modal .checkout-inline-item-value{ color:var(--gold) !important; }
#create-modal .checkout-inline-note,
#create-modal .checkout-inline-placeholder{ color:var(--ink-dim) !important; }
#create-modal .checkout-inline-action{
    border:1px solid #f8d78a !important;
    border-radius:var(--radius-soft) !important;
    background:var(--gold) !important;
    color:var(--void) !important;
    box-shadow:none !important;
}
#create-modal .checkout-inline-action:hover,
#create-modal .checkout-inline-action:focus-visible{
    border-color:#fff0b0 !important;
    background:#f8d78a !important;
    color:var(--void) !important;
    outline:0;
    box-shadow:0 0 0 1px var(--gold-focus) !important;
    transform:none;
}

@media (max-width:600px){
    #create-modal .create-lifetime-option-card{ min-height:0; }
}