// OAuth consent screen styling - extends auth.scss

.oauth-consent {
  max-width: 580px;
  
  .oauth-permissions {
    margin: $space-6 0;
    
    fieldset {
      margin: 0;
      
      legend {
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--text-muted-strong);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 1rem;
      }
    }
  }
  
  .permissions-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    
    > li {
      margin-bottom: 0.75rem;
      list-style: none !important;
      
      &:last-child {
        margin-bottom: 0;
      }
      
      &::before {
        display: none !important;
      }
    }
  }
  
  .permission-item {
    background: var(--surface-2);
    border: 1px solid var(--surface-2-border);
    border-radius: $radius-md;
    padding: 0.875rem 1rem;
    
    .permission-header {
      display: flex;
      align-items: flex-start;
      gap: 0.625rem;
      
      svg {
        opacity: 0.7;
        flex-shrink: 0;
        margin-top: 0.1875rem;
      }
    }
    
    .permission-title {
      font-size: 0.875rem;
      font-weight: 500;
      color: var(--text-strong);
      line-height: 1.4;
    }
    
    &--action {
      padding: 0.75rem 1rem;
      
      .permission-title {
        font-weight: 500;
        color: var(--text-muted-strong);
      }
    }
  }
  
  .permission-details {
    list-style: none !important;
    padding: 0.5rem 0 0 1.625rem !important;
    margin: 0 !important;
    
    li {
      font-size: 0.8125rem;
      color: var(--text-strong);
      padding: 0.125rem 0;
      list-style: none !important;
      
      &::before {
        display: none !important;
      }
      
      span {
        color: var(--text-muted-strong);
        
        &::after {
          content: " ";
        }
      }
    }
  }
  
  .oauth-actions {
    display: flex;
    gap: $space-2;
    margin-top: $space-6;
    
    form {
      flex: 1;
      margin: 0;
      
      input[type="submit"] {
        width: 100%;
        margin: 0;
      }
    }
  }
}
