/* ===== CONTENTS 1001 PAGE - Prefix: fxct- ===== */

/* ===== Package Badges ===== */
.fxct-package-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.fxct-pkg-ultimate {
    background: linear-gradient(135deg, #FF416C, #FF4B2B) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(255,65,108,.40);
    text-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.fxct-pkg-todonly {
    background: linear-gradient(135deg, #F7971E, #FFD200) !important;
    color: #7A4500 !important;
    box-shadow: 0 4px 14px rgba(247,151,30,.40);
    text-shadow: none;
}

.fxct-pkg-ultimatelite {
    background: linear-gradient(135deg, #56CCF2, #2F80ED) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(47,128,237,.40);
    text-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.fxct-pkg-other {
    background: linear-gradient(135deg, #868F96, #596164) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(89,97,100,.35);
    text-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* ===== Search Row ===== */
.fxct-search-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.fxct-search-input {
    flex: 1;
    min-width: 200px;
}

.fxct-action-btn {
    white-space: nowrap !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    text-transform: uppercase !important;
    letter-spacing: .3px !important;
}

/* Filter button */
.fxct-btn-filter {
    background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(99,102,241,.28) !important;
    transition: all 0.2s ease !important;
}

.fxct-btn-filter:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(99,102,241,.38) !important;
}

/* Check status button */
.fxct-btn-status {
    background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(14,165,233,.28) !important;
    transition: all 0.2s ease !important;
}

.fxct-btn-status:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(14,165,233,.38) !important;
}

/* Magic link button */
.fxct-btn-magic {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(245,158,11,.28) !important;
    transition: all 0.2s ease !important;
}

.fxct-btn-magic:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(245,158,11,.38) !important;
}

/* ===== Package Badge ===== */
.fxct-package-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    background: rgba(75,62,123,.10);
    color: #4B3E7B;
    border: 1px solid rgba(75,62,123,.20);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .3px;
}

/* ===== Status Result (Check Status Dialog) ===== */
.fxct-status-result {
    margin-top: 20px;
    border: 2px solid rgba(75,62,123,.15);
    border-radius: 16px;
    overflow: hidden;
}

.fxct-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    gap: 12px;
}

.fxct-status-row:last-child {
    border-bottom: none;
}

.fxct-status-label {
    font-size: 12px;
    font-weight: 700;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: .4px;
    white-space: nowrap;
}

.fxct-status-value {
    font-size: 13px;
    font-weight: 700;
    color: #2D2350;
    text-align: right;
    word-break: break-all;
}

/* ===== Magic Link Result ===== */
.fxct-magic-result {
    margin-top: 20px;
    border: 2px solid rgba(75,62,123,.15);
    border-radius: 16px;
    padding: 16px;
}

.fxct-magic-label {
    font-size: 11px;
    font-weight: 800;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 10px;
}

.fxct-magic-link-row {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(75,62,123,.05);
    border: 1px solid rgba(75,62,123,.15);
    border-radius: 10px;
    padding: 10px 14px;
}

.fxct-magic-link-text {
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    color: #4B3E7B;
    word-break: break-all;
    line-height: 1.5;
}

.fxct-btn-copy {
    background: linear-gradient(135deg, #2D2350 0%, #4B3E7B 100%) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 800 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* ===== Date Pickers ===== */
.fxct-date-picker .mud-input-outlined .mud-input-outlined-border {
    border-radius: 10px !important;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .fxct-search-row {
        flex-direction: column;
        align-items: stretch;
    }

    .fxct-action-btn {
        width: 100%;
    }
}
.fxct-btn-history {
    background: linear-gradient(135deg, #2D2350 0%, #4B3E7B 100%) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(75,62,123,.28) !important;
    transition: all 0.2s ease !important;
    text-transform: uppercase !important;
    letter-spacing: .3px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
}

.fxct-btn-history:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(75,62,123,.38) !important;
}