/* License detail page styles */

.license-container{
  max-width: 1000px;
  margin: 40px auto;
  padding: 20px;
}

.license-card{
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  overflow: hidden;
}

.license-header{
  padding: 28px 32px;
  background: linear-gradient(90deg, #667eea, #764ba2);
  color: white;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.license-header h1{
    font-size: 28px;
    margin: 0;
}

.license-status .active{ 
    background: #16a34a; 
    padding: 6px 10px; 
    border-radius: 6px; 
    font-weight: 600; 
}

.license-status .inactive{ 
    background: #c7c7c7; 
    padding: 6px 10px; 
    border-radius: 6px; 
    font-weight: 600; 
}

.license-body{ 
    display: flex; 
    gap: 24px; 
    padding: 28px; 
}

.license-meta{ 
    flex: 1; 
}

.license-features{ 
    width: 320px; 
    color: black;
}

.price-block{ 
    display: flex; 
    align-items: baseline; 
    gap:10px; 
}

.currency{ 
    font-size: 18px; 
    color:#666; 
}

.amount{ 
    font-size: 42px; 
    font-weight: 700; 
    color: #111; 
}

.period{ 
    font-size: 14px; 
    color: #666;
}

.badge{ 
    display: inline-block; 
    margin-top: 10px; 
    background: #f3f4f6; 
    padding: 8px 12px; 
    border-radius: 20px; 
    font-weight: 600;
    color: black;
}

.license-description{ 
    margin: 18px 0; 
    color: #444; 
    line-height: 1.6 
}

.purchase-controls{ 
    margin-top: 16px; 
    display: flex; 
    gap: 16px; 
    align-items: center; 
}

.billing-toggle{ 
    display: flex; 
    gap: 8px; 
}

.toggle-btn{ 
    padding: 8px 14px; 
    border-radius: 8px; 
    border: 1px solid #e6e6e6; 
    background: #fff; 
    cursor: pointer; 
}

.toggle-btn.primary{ 
    background: linear-gradient(90deg, #667eea, #764ba2); 
    color: #fff; 
    border: none; 
}

.btn{ 
    display: inline-block; 
    padding: 12px 18px; 
    border-radius: 8px; 
    text-decoration: none; 
    font-weight: 700; 
}

.btn.buy{ 
    background: linear-gradient(90deg,#10b981,#059669); 
    color:#fff; 
}

.btn.disabled{ 
    background: #ddd; 
    color: #777; }

.license-features h3{ 
    margin-top: 0; 
}

.license-features ul{ 
    list-style: none; 
    padding:0; 
}

.license-features li{ 
    padding: 8px 0; 
    border-bottom: 1px solid #f0f0f0 
}

@media (max-width: 900px){
    
  .license-body{ 
    flex-direction: column; }

    .license-features{ 
    width: 100%; 
}
}