/* ═══════════════════════════════════════════════════════
   APP STORE DOWNLOAD PROGRESS (iOS 26 Style)
   Smoother animations, glass-morphism, Apple-quality feel
   ═══════════════════════════════════════════════════════ */

/* Store Button Download Progress */
.store-btn-progress {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.store-btn-progress svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    filter: drop-shadow(0 0 3px rgba(0,122,255,0.3));
}

.store-progress-bg {
    fill: none;
    stroke: rgba(255,255,255,0.12);
    stroke-width: 2.5;
}

.store-progress-ring {
    fill: none;
    stroke: #007aff;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-dasharray: 100.5;
    stroke-dashoffset: 100.5;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.store-btn.installing {
    opacity: 1;
    pointer-events: none;
    background: rgba(0,122,255,0.08) !important;
    border-color: rgba(0,122,255,0.15) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Make More UI Elements Rounder (iOS 26 Style) */
.settings-item {
    border-radius: 16px;
}

.modal-btn-primary,
.modal-btn-cancel {
    border-radius: 14px;
}

.phone-notification {
    border-radius: 18px;
}

.passcode-key {
    border-radius: 50%;
}

.store-item {
    border-radius: 16px;
}

.store-icon {
    border-radius: 18px;
}

.dial-key {
    border-radius: 50%;
}

.setup-btn {
    border-radius: 16px;
}

.call-btn {
    border-radius: 50%;
}

#wallet-balance-card {
    border-radius: 24px;
}

#transfer-btn,
#wallet-transfer input {
    border-radius: 16px;
}

.search-input {
    border-radius: 14px;
}

.calc-btn {
    border-radius: 50%;
}

.calc-btn.zero {
    border-radius: 32px;
}

.stopwatch-btn {
    border-radius: 50%;
}

.clock-tab {
    border-radius: 12px;
}

.ai-suggest-btn {
    border-radius: 20px;
}

.store-detail-btn {
    border-radius: 18px;
}

.store-detail-icon {
    border-radius: 28px;
}

.generic-app-icon {
    border-radius: 22px;
}

#buzz-message-input {
    border-radius: 24px;
}

#buzz-send-btn {
    border-radius: 50%;
}

#ai-input {
    border-radius: 24px;
}

#ai-send-btn {
    border-radius: 50%;
}

.msg-bubble {
    border-radius: 20px;
}

.contact-avatar,
.chat-avatar {
    border-radius: 50%;
}