/* ===== screen-profile.css — экран профиля: кольцо дней, бонусы, тарифы ===== */

.screen-profile { overflow:hidden; }

.profile-status-badge {
    display:flex; align-items:center; gap:6px;
    font-family:'Share Tech Mono', monospace;
    font-size: 11px; letter-spacing:0.03em; color: var(--accent-neon);
    background: rgba(0,255,163,0.08);
    border:1px solid rgba(0,255,163,0.3);
    padding: 6px 12px;
    border-radius:100px;
  }

.profile-status-badge .dot {
    width:6px; height:6px; border-radius:50%;
    background: var(--accent-neon); box-shadow:0 0 6px var(--accent-neon);
    animation: status-blink 1.8s ease-in-out infinite;
  }

@keyframes status-blink { 0%,100%{ opacity:1; } 50%{ opacity:0.4; } }

.profile-scroll {
    position:relative; z-index:2;
    flex:1;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    padding: clamp(14px, 3vh, 22px) clamp(20px, 6vw, 32px) clamp(28px, 5vh, 40px);
    display:flex; flex-direction:column;
    gap: clamp(16px, 2.6vh, 22px);
  }

.profile-scroll::-webkit-scrollbar { width:0; }

.key-card-label {
    font-family:'Share Tech Mono', monospace;
    font-size: 10.5px; letter-spacing:0.08em; color: var(--text-muted);
    text-transform:uppercase;
  }

.key-copy-btn.copied {
    border-color: var(--accent-neon); color: var(--accent-neon);
    background: rgba(0,255,163,0.06);
  }

.btn-action {
    flex:1;
    border:none; border-radius:16px; padding:15px 10px;
    font-family:'Chakra Petch', sans-serif; font-weight:700; font-size:14.5px;
    cursor:pointer; transition: transform .15s ease, opacity .15s ease;
  }

.btn-action:active { transform: scale(0.97); }

.btn-action-primary {
    background: linear-gradient(135deg, var(--accent-1), var(--accent-2));
    color:#fff;
    box-shadow: 0 8px 20px -6px rgba(124,92,252,0.5);
  }

.section-title {
    display:flex; align-items:center; gap:8px;
    font-family:'Orbitron', sans-serif; font-weight:700; font-size:14px;
    letter-spacing:0.03em; text-transform:uppercase;
    color: var(--text-primary);
    margin-top:4px;
  }

.section-title::before {
    content:""; width:7px; height:7px; border-radius:50%;
    background: linear-gradient(135deg, var(--accent-1), var(--accent-neon));
    box-shadow: 0 0 8px var(--accent-1);
  }

.tariff-card.selected {
    border-color: var(--accent-neon);
    background: rgba(0,255,163,0.06);
  }

.profile-reset-link {
    text-align:center; margin-top:2px;
    font-family:'Share Tech Mono', monospace; font-size:10.5px;
    color: var(--text-muted); text-decoration:underline; text-underline-offset:3px;
    cursor:pointer; background:none; border:none;
  }

.tg-total-badge {
    display:inline-block; margin-left:6px;
    font-family:'Share Tech Mono', monospace; font-size:11px; font-weight:700;
    color: var(--accent-neon);
  }

.tg-channel-list { display:flex; flex-direction:column; gap:7px; margin-top:9px; }

.tg-channel-chip {
    display:flex; align-items:center; justify-content:space-between;
    width:100%; text-align:left;
    background: rgba(255,255,255,0.04);
    border:1px solid var(--surface-border);
    border-radius:11px; padding:9px 12px;
    font-family:'Chakra Petch', sans-serif; font-size:12.5px; color: var(--text-primary);
    cursor:pointer; transition: border-color .2s ease, background .2s ease;
  }

.tg-channel-chip::after {
    content:"Подписаться"; font-size:10.5px; color: var(--text-muted);
    font-family:'Share Tech Mono', monospace;
  }

.tg-channel-chip.subscribed {
    border-color: var(--accent-neon); background: rgba(0,255,163,0.07);
  }

.tg-channel-chip.subscribed::after {
    content:"+3 ✓"; color: var(--accent-neon); font-weight:700;
  }

.days-ring-card {
    display:flex; flex-direction:column; align-items:center;
    padding: 10px 0 4px;
  }

.days-ring-card { position:relative; }

.days-ring { width: clamp(130px, 40vw, 160px); height: clamp(130px, 40vw, 160px); transform: rotate(-90deg); overflow: visible; }

.days-ring-track { fill:none; stroke: rgba(255,255,255,0.07); stroke-width:9; }

.days-ring-fill {
    fill:none; stroke: var(--accent-neon); stroke-width:9; stroke-linecap:round;
    stroke-dasharray: 377; stroke-dashoffset: 377;
    transition: stroke-dashoffset 1.4s cubic-bezier(0.16,0.84,0.44,1);
    animation: ring-glow-pulse 2.6s ease-in-out infinite;
  }

@keyframes ring-glow-pulse {
    0%,100%{ filter: drop-shadow(0 0 6px rgba(0,255,163,0.5)); }
    50%{ filter: drop-shadow(0 0 13px rgba(0,255,163,0.85)); }
  }

.days-ring-center {
    position:absolute; left:50%; top:10px; width: clamp(130px, 40vw, 160px); height: clamp(130px, 40vw, 160px);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    transform: translateX(-50%);
  }

.days-ring-value {
    font-family:'Orbitron', sans-serif; font-weight:800; font-size:34px;
    color: var(--text-primary);
  }

.days-ring-label {
    font-family:'Share Tech Mono', monospace; font-size:10.5px;
    color: var(--text-muted); letter-spacing:0.03em; margin-top:2px;
  }

.days-ring-sub {
    margin-top:10px; font-size:12.5px; color: var(--text-muted);
  }

.days-ring-sub strong { color: var(--text-primary); }

.key-section-head {
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:10px;
  }

.key-count-badge {
    font-family:'Share Tech Mono', monospace; font-size:11px;
    color: var(--text-muted);
  }

.key-count-badge strong { color: var(--accent-neon); font-weight:700; }

.key-tabs { display:flex; gap:6px; margin-bottom:10px; }

.key-tab {
    flex:1; border:none; cursor:pointer;
    background: rgba(255,255,255,0.03);
    border:1px solid var(--surface-border);
    color: var(--text-muted);
    font-family:'Chakra Petch', sans-serif; font-weight:600; font-size:12px;
    padding:8px 6px; border-radius:10px;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
  }

.key-tab.selected {
    background: rgba(0,255,163,0.08);
    border-color: var(--accent-neon);
    color: var(--accent-neon);
  }