/* DroneShip AWB — Satellite frontend skin (Felix Serv Dron / secondary sites)
 * Loaded AFTER form.css. Scoped to .ds-service--satellite only.
 */
.ds-service.ds-service--satellite {
    --ds-blue: #3452AE;
    --ds-green: #2A9D8F;
    --ds-red: #E63946;
    --ds-text: #141B2D;
    --ds-text2: #2C3550;
    --ds-text3: rgba(44, 53, 80, .62);
    --ds-gray1: #EEF1F8;
    --ds-gray2: #D8DEEC;
    --ds-border: rgba(44, 53, 80, .18);
    --ds-radius: 8px;
    --ds-radius-sm: 6px;
    --ds-shadow: 0 2px 0 rgba(20, 27, 45, .05);
    --ds-shadow-lg: 0 12px 40px rgba(20, 27, 45, .1);
    --ds-sat-ink: #141B2D;
    --ds-sat-panel: #F8F9FC;
    --ds-sat-accent: #3452AE;
    --ds-sat-accent-2: #4A68C4;
    --ds-sat-line: rgba(52, 82, 174, .16);

    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-family: 'Sora', system-ui, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: var(--ds-sat-ink) !important;
    background:
        linear-gradient(145deg, rgba(52, 82, 174, .08) 0%, transparent 42%),
        linear-gradient(180deg, #F4F6FB 0%, #E8ECF6 100%) !important;
    border: 1px solid var(--ds-sat-line) !important;
    border-radius: 18px !important;
    box-shadow: var(--ds-shadow-lg) !important;
    overflow: hidden;
}

.ds-service.ds-service--satellite .ds-sat-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px 14px;
    border-bottom: 1px solid var(--ds-sat-line);
    background: rgba(248, 249, 252, .9);
}
.ds-service.ds-service--satellite .ds-sat-brand__eyebrow {
    display: block;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ds-sat-accent);
    margin-bottom: 4px;
}
.ds-service.ds-service--satellite .ds-sat-brand__title {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ds-sat-ink);
}
.ds-service.ds-service--satellite .ds-sat-brand__mark {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: linear-gradient(145deg, var(--ds-sat-accent-2), var(--ds-sat-accent));
    color: #fff;
    font-weight: 800;
    font-size: .85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -.02em;
    box-shadow: 0 6px 16px rgba(52, 82, 174, .35);
}

/* Tabs — equal width, fill full row */
.ds-service.ds-service--satellite .ds-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    margin: 16px 18px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-bottom: 2px solid var(--ds-sat-line) !important;
    gap: 0 !important;
}
.ds-service.ds-service--satellite .ds-tabs .ds-tab,
.ds-service.ds-service--satellite button.ds-tab {
    flex: 1 1 0 !important;
    width: 0 !important; /* equal columns in flex */
    min-width: 0 !important;
    max-width: none !important;
    border-radius: 0 !important;
    padding: 12px 8px !important;
    font-weight: 650 !important;
    font-size: .8rem !important;
    color: var(--ds-text3) !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 2px solid transparent !important;
    margin: 0 0 -2px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
}
.ds-service.ds-service--satellite .ds-tabs .ds-tab:hover,
.ds-service.ds-service--satellite .ds-tabs .ds-tab:focus {
    color: var(--ds-sat-ink) !important;
    background: transparent !important;
}
.ds-service.ds-service--satellite .ds-tabs .ds-tab--active,
.ds-service.ds-service--satellite .ds-tabs .ds-tab.ds-tab--active {
    color: var(--ds-sat-accent) !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom-color: var(--ds-sat-accent) !important;
    font-weight: 750 !important;
}

.ds-service.ds-service--satellite .ds-tab-panel,
.ds-service.ds-service--satellite #ds-awb-form,
.ds-service.ds-service--satellite .ds-track-form,
.ds-service.ds-service--satellite #ds-quote-form {
    padding: 20px 22px 24px !important;
}

.ds-service.ds-service--satellite .ds-steps {
    margin-bottom: 24px !important;
    padding: 12px 14px !important;
    background: var(--ds-sat-panel) !important;
    border: 1px solid var(--ds-sat-line) !important;
    border-radius: 12px !important;
}
.ds-service.ds-service--satellite .ds-step__num {
    border-radius: 8px !important;
    background: var(--ds-gray2) !important;
    color: var(--ds-text3) !important;
    font-family: 'IBM Plex Mono', monospace !important;
}
.ds-service.ds-service--satellite .ds-step--active .ds-step__num {
    background: var(--ds-sat-accent) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(52, 82, 174, .35) !important;
}
.ds-service.ds-service--satellite .ds-step--active .ds-step__lbl {
    color: var(--ds-sat-accent) !important;
}
.ds-service.ds-service--satellite .ds-step--done .ds-step__num {
    background: var(--ds-green) !important;
    box-shadow: none !important;
}
.ds-service.ds-service--satellite .ds-step--done .ds-step__lbl {
    color: var(--ds-green) !important;
}
.ds-service.ds-service--satellite .ds-step__line--done {
    background: var(--ds-green) !important;
}

.ds-service.ds-service--satellite .ds-section-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    letter-spacing: -.03em !important;
    color: var(--ds-sat-ink) !important;
}
.ds-service.ds-service--satellite .ds-hint {
    color: var(--ds-text3) !important;
}

.ds-service.ds-service--satellite .ds-label {
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: var(--ds-text3) !important;
}

.ds-service.ds-service--satellite .ds-input,
.ds-service.ds-service--satellite .ds-select,
.ds-service.ds-service--satellite .ds-textarea,
.ds-service.ds-service--satellite input.ds-input,
.ds-service.ds-service--satellite select.ds-select,
.ds-service.ds-service--satellite textarea.ds-textarea {
    border: 1.5px solid var(--ds-sat-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    padding: 12px 14px !important;
    font-family: 'Sora', system-ui, sans-serif !important;
    color: var(--ds-sat-ink) !important;
}
.ds-service.ds-service--satellite .ds-input:focus,
.ds-service.ds-service--satellite .ds-select:focus,
.ds-service.ds-service--satellite .ds-textarea:focus,
.ds-service.ds-service--satellite input.ds-input:focus,
.ds-service.ds-service--satellite select.ds-select:focus,
.ds-service.ds-service--satellite textarea.ds-textarea:focus {
    border-color: var(--ds-sat-accent) !important;
    box-shadow: 0 0 0 3px rgba(52, 82, 174, .18) !important;
    background: #fff !important;
}

.ds-service.ds-service--satellite .ds-btn,
.ds-service.ds-service--satellite button.ds-btn {
    border-radius: 8px !important;
    font-family: 'Sora', system-ui, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
    padding: 12px 18px !important;
}
.ds-service.ds-service--satellite .ds-btn--primary,
.ds-service.ds-service--satellite button.ds-btn--primary {
    background: linear-gradient(180deg, var(--ds-sat-accent-2), var(--ds-sat-accent)) !important;
    color: #fff !important;
    border: 1px solid rgba(40, 64, 150, .45) !important;
    box-shadow: 0 6px 18px rgba(52, 82, 174, .32) !important;
}
.ds-service.ds-service--satellite .ds-btn--primary:hover,
.ds-service.ds-service--satellite button.ds-btn--primary:hover {
    filter: brightness(1.04);
    box-shadow: 0 8px 22px rgba(52, 82, 174, .4) !important;
}
.ds-service.ds-service--satellite .ds-btn--secondary,
.ds-service.ds-service--satellite button.ds-btn--secondary {
    background: #fff !important;
    color: var(--ds-sat-ink) !important;
    border: 1.5px solid var(--ds-sat-line) !important;
    box-shadow: none !important;
}
.ds-service.ds-service--satellite .ds-btn--outline,
.ds-service.ds-service--satellite button.ds-btn--outline {
    background: transparent !important;
    color: var(--ds-sat-accent) !important;
    border: 1.5px solid rgba(52, 82, 174, .4) !important;
}

/* Quote submit — full width */
.ds-service.ds-service--satellite #ds-quote-form > .ds-actions {
    display: flex !important;
    justify-content: stretch !important;
    width: 100% !important;
}
.ds-service.ds-service--satellite #ds-quote-form > .ds-actions .ds-btn,
.ds-service.ds-service--satellite #ds-quote-submit {
    width: 100% !important;
    flex: 1 1 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
}

.ds-service.ds-service--satellite .ds-summary,
.ds-service.ds-service--satellite .ds-otp-card {
    background: var(--ds-sat-panel) !important;
    border: 1px solid var(--ds-sat-line) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
.ds-service.ds-service--satellite .ds-summary {
    padding: 4px 0 !important;
}
.ds-service.ds-service--satellite .ds-summary tr + tr td {
    border-top-color: var(--ds-sat-line) !important;
}
.ds-service.ds-service--satellite .ds-summary td {
    padding: 14px 20px !important;
}
.ds-service.ds-service--satellite .ds-summary td:first-child {
    color: var(--ds-text3) !important;
    padding-right: 14px !important;
}
.ds-service.ds-service--satellite .ds-summary td:last-child {
    color: var(--ds-sat-ink) !important;
    padding-left: 14px !important;
}
.ds-service.ds-service--satellite .ds-success {
    background: #fff !important;
    border: 1px solid var(--ds-sat-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 32px rgba(20, 27, 45, .08) !important;
    padding: 36px 24px 32px !important;
}
.ds-service.ds-service--satellite .ds-success__icon {
    filter: none;
    background: rgba(52, 82, 174, .08) !important;
    border-color: rgba(52, 82, 174, .16) !important;
}
.ds-service.ds-service--satellite .ds-success__awb {
    background: #F8F9FC !important;
    border-color: var(--ds-sat-line) !important;
    box-shadow: none !important;
}
.ds-service.ds-service--satellite .ds-status-pill--pending { background: #FFF3E0; color: #C2410C; }
.ds-service.ds-service--satellite .ds-status-pill--inspection { background: #E8F2FF; color: #1D4ED8; }
.ds-service.ds-service--satellite .ds-status-pill--repair { background: #EEF1FA; color: #3452AE; }
.ds-service.ds-service--satellite .ds-status-pill--testing { background: #F3E8FF; color: #6D28D9; }
.ds-service.ds-service--satellite .ds-status-pill--shipped { background: #E6F7F4; color: #0F766E; }
.ds-service.ds-service--satellite .ds-status-pill--cancelled { background: #FFE8EA; color: #BE123C; }

.ds-service.ds-service--satellite .ds-error-msg {
    background: #FFF1F2 !important;
    border-color: rgba(230, 57, 70, .25) !important;
    border-radius: 10px !important;
}

/* Courier schedule modal (appended to body — match satellite brand) */
.ds-modal-overlay--satellite .ds-modal {
    --ds-modal-ink: #141B2D;
    --ds-modal-ink2: #2C3550;
    --ds-modal-ink3: rgba(44, 53, 80, .62);
    --ds-modal-line: rgba(52, 82, 174, .16);
    --ds-modal-accent: #3452AE;
    --ds-modal-accent-soft: rgba(52, 82, 174, .12);
    --ds-modal-surface: #F4F6FB;
    --ds-modal-font: 'Sora', system-ui, sans-serif;
    border-radius: 16px;
}
.ds-modal-overlay--satellite .ds-modal .ds-btn--primary {
    box-shadow: 0 4px 14px rgba(52, 82, 174, .32);
}
.ds-modal-overlay--satellite .ds-modal .ds-btn--primary:hover {
    box-shadow: 0 8px 20px rgba(52, 82, 174, .38);
}
.ds-modal-overlay--satellite .ds-modal__field .ds-select:focus {
    background-color: #F8F9FC;
}
.ds-service.ds-service--satellite .ds-check:has(input:checked) {
    border-color: var(--ds-sat-accent) !important;
    background: rgba(52, 82, 174, .08) !important;
    box-shadow: 0 0 0 3px rgba(52, 82, 174, .12) !important;
}
.ds-service.ds-service--satellite .ds-check:hover {
    border-color: var(--ds-sat-accent) !important;
}
.ds-service.ds-service--satellite .ds-check input[type="checkbox"] {
    accent-color: var(--ds-sat-accent) !important;
}

@media (max-width: 640px) {
    .ds-service.ds-service--satellite .ds-sat-brand {
        padding: 14px 16px 12px;
    }
    .ds-service.ds-service--satellite .ds-tabs {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 12px 12px 0 !important;
    }
    .ds-service.ds-service--satellite .ds-tab-panel,
    .ds-service.ds-service--satellite #ds-awb-form,
    .ds-service.ds-service--satellite .ds-track-form,
    .ds-service.ds-service--satellite #ds-quote-form {
        padding: 16px !important;
    }
    .ds-service.ds-service--satellite .ds-tabs .ds-tab,
    .ds-service.ds-service--satellite button.ds-tab {
        font-size: .7rem !important;
        padding: 10px 4px !important;
    }
}